harivansh-afk/sandbox-agent
1
0
Fork 0
mirror of https://github.com/harivansh-afk/sandbox-agent.git synced 2026-04-15 15:03:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: events tab first, rename to Request Log, newest events first

Browse source
This commit is contained in:
Nathan Flurry 2026-01-25 04:21:12 -08:00
parent 1fe795fe93
commit 241bea6eb9
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/packages/web/src/App.tsx
View file

@ -233,7 +233,7 @@ export default function App() {
const logIdRef = useRef(1);
const [copiedLogId, setCopiedLogId] = useState<number | null>(null);
const [debugTab, setDebugTab] = useState<DebugTab>("log");
const [debugTab, setDebugTab] = useState<DebugTab>("events");
const messagesEndRef = useRef<HTMLDivElement>(null);
@ -1007,13 +1007,6 @@ export default function App() {
{/* Debug Panel - Right */}
<div className="debug-panel">
<div className="debug-tabs">
<button
className={`debug-tab ${debugTab === "log" ? "active" : ""}`}
onClick={() => setDebugTab("log")}
>
<Terminal className="button-icon" style={{ marginRight: 4, width: 12, height: 12 }} />
Log
</button>
<button
className={`debug-tab ${debugTab === "events" ? "active" : ""}`}
onClick={() => setDebugTab("events")}
@ -1024,6 +1017,13 @@ export default function App() {
<span className="debug-tab-badge">{events.length}</span>
)}
</button>
<button
className={`debug-tab ${debugTab === "log" ? "active" : ""}`}
onClick={() => setDebugTab("log")}
>
<Terminal className="button-icon" style={{ marginRight: 4, width: 12, height: 12 }} />
Request Log
</button>
<button
className={`debug-tab ${debugTab === "approvals" ? "active" : ""}`}
onClick={() => setDebugTab("approvals")}
@ -1096,7 +1096,7 @@ export default function App() {
<div className="card-meta">No events yet. Start streaming to receive events.</div>
) : (
<div className="event-list">
{events.map((event) => {
{[...events].reverse().map((event) => {
const type = getEventType(event);
return (
<div key={event.id} className="event-item">