mirror of
https://github.com/harivansh-afk/sandbox-agent.git
synced 2026-04-19 08:01:23 +00:00
feat(inspector): improve contrast and add collapsible debug panel (#182)
This commit is contained in:
parent
a897fbcb7c
commit
d4d7c66c05
7 changed files with 87 additions and 23 deletions
|
|
@ -288,6 +288,7 @@ export default function App() {
|
|||
|
||||
const [debugTab, setDebugTab] = useState<DebugTab>("events");
|
||||
const [highlightedEventId, setHighlightedEventId] = useState<string | null>(null);
|
||||
const [debugPanelCollapsed, setDebugPanelCollapsed] = useState(false);
|
||||
|
||||
const messagesEndRef = useRef<HTMLDivElement>(null);
|
||||
|
||||
|
|
@ -1614,7 +1615,7 @@ export default function App() {
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<main className="main-layout">
|
||||
<main className={`main-layout ${debugPanelCollapsed ? "debug-collapsed" : ""}`}>
|
||||
<SessionSidebar
|
||||
sessions={sessions}
|
||||
selectedSessionId={sessionId}
|
||||
|
|
@ -1704,6 +1705,8 @@ export default function App() {
|
|||
agentsLoading={agentsLoading}
|
||||
agentsError={agentsError}
|
||||
getClient={getClient}
|
||||
collapsed={debugPanelCollapsed}
|
||||
onToggleCollapse={() => setDebugPanelCollapsed(!debugPanelCollapsed)}
|
||||
/>
|
||||
</main>
|
||||
{toastStack}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue