@tonyclaw/agent-inspector 2.1.18 → 2.1.20

package/.output/server/_ssr/{ProxyViewerContainer-CVqFZGff.mjs → ProxyViewerContainer-DIN2AjhM.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as GroupEvidenceExportResultSchema, o as DeleteInspectorGroupResponseSchema, y as createPendingProviderTestResults, z as ProviderTestResultsSchema, B as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, E as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, t as maskApiKey, u as PATH_V1_MESSAGES, v as PATH_V1_CHAT_COMPLETIONS, w as PATH_V1_RESPONSES, q as providerHasContextMetadata, r as findProviderModelMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, F as resolveProviderContextWindow, j as getSessionPath, x as previewUpstreamUrl, K as KnowledgeCandidateSchema, H as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-bF9uzd1k.mjs";
+import { I as InspectorGroupsListResponseSchema, C as CapturedLogSchema, D as DEFAULT_CAPTURE_MODE, a as DEFAULT_SLOW_RESPONSE_THRESHOLD_SECONDS, b as DEFAULT_PROVIDER_TEST_TIMEOUT_SECONDS, c as DEFAULT_TIME_DISPLAY_FORMAT, d as RuntimeConfigSchema, p as packageJson, P as ProviderConfigSchema, i as apiFormatForPath, n as DeleteInspectorGroupsResponseSchema, o as GroupEvidenceExportResultSchema, q as DeleteInspectorGroupResponseSchema, z as createPendingProviderTestResults, B as ProviderTestResultsSchema, E as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, F as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, l as AlertSummarySchema, m as AlertListResponseSchema, G as GroupEvidenceReadResponseSchema, u as maskApiKey, v as PATH_V1_MESSAGES, w as PATH_V1_CHAT_COMPLETIONS, x as PATH_V1_RESPONSES, r as providerHasContextMetadata, t as findProviderModelMetadata, f as parseOpenAIResponse, g as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, h as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, H as resolveProviderContextWindow, j as getSessionPath, y as previewUpstreamUrl, K as KnowledgeCandidateSchema, J as isPlainRecord, k as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema } from "./router-BMdwHLHh.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { J as JSZip } from "../_libs/jszip.mjs";
 import { c as clsx } from "../_libs/clsx.mjs";
@@ -1481,7 +1481,7 @@ function resolveLogFormat(log) {
   const pathFormat = apiFormatForPath(log.path);
   return pathFormat === "unknown" ? log.apiFormat : pathFormat;
 }
-const HEADER_ACTION_BUTTON_CLASS$1 = "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground";
+const HEADER_ACTION_BUTTON_CLASS$1 = "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground";
 function HeaderMetric({
   icon,
   children,
@@ -1492,7 +1492,7 @@ function HeaderMetric({
     "span",
     {
       className: cn(
-        "border border-border bg-muted/30 inline-flex h-7 min-w-0 items-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground",
+        "bg-white/[0.045] inline-flex h-7 min-w-0 items-center gap-1.5 rounded-md px-2 text-xs text-muted-foreground",
         className
       ),
       title,
@@ -1556,8 +1556,8 @@ function ConversationHeader({
       "data-nav-id": `conv-${conversationId}`,
       "data-nav-action": expanded ? "collapse" : "expand",
       className: cn(
-        "border border-border bg-card shadow-sm flex cursor-pointer items-start gap-3 rounded-[8px] px-3 py-2.5 transition-colors",
-        "hover:border-cyan-200/20",
+        "bg-card/80 shadow-sm flex cursor-pointer items-start gap-3 rounded-[8px] px-3 py-2.5 transition-colors",
+        "hover:bg-card",
         "select-none",
         "sticky top-0 z-10 mb-2",
         "focus-visible:ring-1 focus-visible:ring-cyan-300/35 focus-visible:outline-none"
@@ -1609,7 +1609,7 @@ function ConversationHeader({
             !isFallbackConversation && showProcessMetadata && clientPid !== null && clientPid !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "span",
               {
-                className: "border border-border bg-muted/40 shrink-0 rounded px-1.5 py-0.5 font-mono text-xs tabular-nums text-muted-foreground",
+                className: "bg-white/[0.045] shrink-0 rounded px-1.5 py-0.5 font-mono text-xs tabular-nums text-muted-foreground",
                 title: `Client process ID ${clientPid}`,
                 children: [
                   "PID ",
@@ -1628,7 +1628,7 @@ function ConversationHeader({
             showClientIdentity && clientDisplayLabel !== null && clientDisplayLabel !== "" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "span",
               {
-                className: "border border-border bg-muted/30 inline-flex h-6 max-w-[180px] shrink-0 items-center gap-1 rounded-md px-1.5 text-xs text-muted-foreground",
+                className: "bg-white/[0.045] inline-flex h-6 max-w-[180px] shrink-0 items-center gap-1 rounded-md px-1.5 text-xs text-muted-foreground",
                 title: clientTooltip ?? clientDisplayLabel,
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: clientApp, className: "size-4 shrink-0" }),
@@ -1678,7 +1678,7 @@ function ConversationHeader({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
-              className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200",
+              className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200",
               "aria-hidden": "true",
               children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 shrink-0" }) : isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-4 shrink-0 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0" })
             }
@@ -1959,27 +1959,27 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-Dal52IFo.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-BiSslksi.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-BOEgdMes.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DzoWpTis.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-gch7_vCV.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-D2tbgAPn.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-lEWPy-H4.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-BFP7zo8Z.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-DnudbJ1O.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BfiRZW_k.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-C2lIVEX3.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-DmhEr-jg.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-C2lIVEX3.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-DmhEr-jg.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -2439,10 +2439,10 @@ function Badge({
   );
 }
 const STATUS_BADGE_CLASSES = {
-  success: "bg-slate-300/[0.08] text-slate-100 border-slate-300/20",
-  client_error: "bg-amber-300/[0.10] text-amber-100 border-amber-300/30",
-  server_error: "bg-rose-400/[0.10] text-rose-100 border-rose-300/30",
-  pending: "bg-cyan-300/[0.08] text-cyan-100 border-cyan-300/25"
+  success: "bg-slate-300/[0.08] text-slate-100 border-transparent",
+  client_error: "bg-amber-300/[0.10] text-amber-100 border-transparent",
+  server_error: "bg-rose-400/[0.10] text-rose-100 border-transparent",
+  pending: "bg-cyan-300/[0.08] text-cyan-100 border-transparent"
 };
 const STATUS_CUE_CLASSES = {
   success: {
@@ -2462,8 +2462,8 @@ const STATUS_CUE_CLASSES = {
     dot: "bg-cyan-200 shadow-[0_0_14px_rgba(103,232,249,0.8)]"
   }
 };
-const HEADER_ACTION_BUTTON_CLASS = "border border-input bg-background hover:bg-accent hover:text-accent-foreground size-8 text-muted-foreground shadow-none hover:text-cyan-100";
-const TELEMETRY_CHIP_CLASS = "border border-border bg-muted/40 flex h-7 items-center gap-1 rounded-md px-2 text-xs";
+const HEADER_ACTION_BUTTON_CLASS = "border border-transparent bg-white/[0.045] hover:bg-white/[0.075] size-8 text-muted-foreground shadow-none hover:text-cyan-100";
+const TELEMETRY_CHIP_CLASS = "bg-white/[0.045] flex h-7 items-center gap-1 rounded-md px-2 text-xs";
 function formatElapsed$3(ms) {
   if (ms < 1e3) return `${ms}ms`;
   return `${(ms / 1e3).toFixed(1)}s`;
@@ -2537,8 +2537,8 @@ const LogEntryHeader = reactExports.memo(function({
       "data-nav-action": expanded ? "collapse" : "expand",
       className: cn(
         "group/header relative isolate flex min-w-0 cursor-pointer items-start gap-2 overflow-hidden px-3 py-2 transition-[background-color,border-color,box-shadow]",
-        expanded ? "bg-white/[0.035] shadow-[inset_0_1px_0_rgba(255,255,255,0.10)]" : "bg-transparent hover:bg-white/[0.035]",
-        "select-none before:pointer-events-none before:absolute before:inset-x-3 before:top-0 before:h-px before:bg-white/12",
+        expanded ? "bg-white/[0.04]" : "bg-transparent hover:bg-white/[0.035]",
+        "select-none",
         "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
       ),
       onClick: onToggle,
@@ -2554,7 +2554,7 @@ const LogEntryHeader = reactExports.memo(function({
             "span",
             {
               className: cn(
-                "border border-border bg-muted/40 inline-flex h-8 shrink-0 items-center gap-2 rounded-md px-2 font-mono",
+                "inline-flex h-8 shrink-0 items-center gap-2 rounded-md px-2 font-mono",
                 statusCue.frame
               ),
               children: [
@@ -2566,7 +2566,7 @@ const LogEntryHeader = reactExports.memo(function({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "border border-border bg-muted/40 flex h-7 shrink-0 items-center gap-1 rounded-md px-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "bg-white/[0.045] flex h-7 shrink-0 items-center gap-1 rounded-md px-2 text-xs text-muted-foreground", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", title: log.timestamp, children: formatTimestamp$2(log.timestamp, timeDisplayFormat) })
           ] }),
@@ -2823,7 +2823,7 @@ const LogEntryHeader = reactExports.memo(function({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
-              className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200",
+              className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200",
               "aria-hidden": "true",
               children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0" })
             }
@@ -2911,13 +2911,13 @@ const CATEGORY_LABELS = {
   other: "other"
 };
 const CATEGORY_CLASSES = {
-  file: "border-blue-400/20 bg-blue-400/5 text-blue-300",
-  shell: "border-teal-400/20 bg-teal-400/5 text-teal-300",
-  browser: "border-cyan-400/20 bg-cyan-400/5 text-cyan-300",
-  web: "border-sky-400/20 bg-sky-400/5 text-sky-300",
-  mcp: "border-violet-400/20 bg-violet-400/5 text-violet-300",
-  code: "border-emerald-400/20 bg-emerald-400/5 text-emerald-300",
-  other: "border-muted-foreground/20 bg-muted/30 text-muted-foreground"
+  file: "border-transparent bg-blue-400/5 text-blue-300",
+  shell: "border-transparent bg-teal-400/5 text-teal-300",
+  browser: "border-transparent bg-cyan-400/5 text-cyan-300",
+  web: "border-transparent bg-sky-400/5 text-sky-300",
+  mcp: "border-transparent bg-violet-400/5 text-violet-300",
+  code: "border-transparent bg-emerald-400/5 text-emerald-300",
+  other: "border-transparent bg-muted/30 text-muted-foreground"
 };
 function CategoryIcon({ category }) {
   switch (category) {
@@ -2960,7 +2960,7 @@ function ToolRow({ tool, called }) {
   const [open, setOpen] = reactExports.useState(false);
   const nameCopy = useCopyFeedback(tool.name);
   const hasDetails = tool.description !== null || tool.requiredParameters.length > 0 || tool.schema !== null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border bg-card shadow-sm rounded-[8px]", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-white/[0.035] rounded-[8px]", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2 px-2.5 py-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
@@ -2995,17 +2995,17 @@ function ToolRow({ tool, called }) {
         "button",
         {
           type: "button",
-          className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           onClick: nameCopy.copy,
           "aria-label": nameCopy.copied ? "Copied tool name" : "Copy tool name",
           children: nameCopy.copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: open && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-white/10 bg-white/[0.025] px-2.5 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: open && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 bg-white/[0.025] px-2.5 py-2", children: [
       tool.description !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: tool.description }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(RequiredParameters, { names: tool.requiredParameters }),
-      tool.schema !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "border border-border bg-card shadow-sm max-h-64 rounded-[8px] p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      tool.schema !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "bg-black/[0.16] max-h-64 rounded-[8px] p-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         reactExports.Suspense,
         {
           fallback: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs text-muted-foreground", children: "Loading JSON..." }),
@@ -3035,7 +3035,7 @@ const RequestTools = reactExports.memo(function RequestTools2({
   if (summary === null) return null;
   const previewTools = summary.tools.slice(0, 6);
   const hiddenPreviewCount = summary.tools.length - previewTools.length;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "border border-border bg-card shadow-sm mb-3 overflow-hidden rounded-[8px]", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "bg-black/[0.10] mb-3 overflow-hidden rounded-[8px]", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2 px-3 py-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-4 shrink-0 text-sky-300/80" }),
@@ -3089,7 +3089,7 @@ const RequestTools = reactExports.memo(function RequestTools2({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap gap-1.5 border-t border-white/10 bg-white/[0.025] px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap gap-1.5 bg-white/[0.025] px-3 py-2", children: [
       previewTools.map((tool) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         Badge,
         {
@@ -3107,8 +3107,8 @@ const RequestTools = reactExports.memo(function RequestTools2({
         hiddenPreviewCount
       ] })
     ] }),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 border-t border-white/10 bg-black/10 px-3 py-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground flex h-8 items-center gap-2 rounded-md px-2 text-xs", children: [
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 bg-black/10 px-3 py-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "bg-white/[0.045] hover:bg-white/[0.075] flex h-8 items-center gap-2 rounded-md px-2 text-xs", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "input",
@@ -3313,7 +3313,7 @@ const FULL_LOG_HYDRATION_TIMEOUT_MS = 15e3;
 const BODY_CHUNK_TIMEOUT_MS = 15e3;
 const BODY_CHUNK_BYTES = 256 * 1024;
 const CHUNKED_BODY_THRESHOLD_BYTES = 1024 * 1024;
-const TAB_TRIGGER_CLASS = "h-9 flex-none rounded-md border border-transparent bg-transparent px-3 text-xs font-semibold text-muted-foreground shadow-none transition-colors hover:border-white/10 hover:bg-white/[0.045] hover:text-foreground data-[state=active]:border-cyan-200/25 data-[state=active]:bg-cyan-300/[0.08] data-[state=active]:text-cyan-100 data-[state=active]:shadow-none";
+const TAB_TRIGGER_CLASS = "h-9 flex-none rounded-md border border-transparent bg-transparent px-3 text-xs font-semibold text-muted-foreground shadow-none transition-colors hover:bg-white/[0.045] hover:text-foreground data-[state=active]:bg-cyan-300/[0.08] data-[state=active]:text-cyan-100 data-[state=active]:shadow-none";
 function createEmptyBodyPreviewState(totalBytes = null) {
   return {
     status: "idle",
@@ -3395,7 +3395,7 @@ function ExpandedPanel({
     "div",
     {
       className: cn(
-        "border border-border bg-card shadow-sm inspector-scrollbar mx-3 mb-3 max-h-[72vh] overflow-auto rounded-[8px] p-3",
+        "bg-black/[0.14] inspector-scrollbar mx-3 mb-3 max-h-[72vh] overflow-auto rounded-[8px] p-3",
         className
       ),
       children
@@ -3403,15 +3403,15 @@ function ExpandedPanel({
   );
 }
 function EmptyState({ children }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-border bg-muted/40 rounded-md border-dashed px-3 py-5 text-center text-xs italic text-muted-foreground", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-white/[0.035] rounded-md px-3 py-5 text-center text-xs italic text-muted-foreground", children });
 }
 function RawTextBlock({ children }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "border border-border bg-card shadow-sm inspector-scrollbar max-h-[64vh] overflow-auto whitespace-pre-wrap break-words rounded-[8px] p-3 font-mono text-xs leading-relaxed text-muted-foreground", children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "bg-black/[0.18] inspector-scrollbar max-h-[64vh] overflow-auto whitespace-pre-wrap break-words rounded-[8px] p-3 font-mono text-xs leading-relaxed text-muted-foreground", children });
 }
 const NOTICE_TONE_CLASSES = {
-  loading: "border-cyan-400/25 bg-cyan-400/[0.06] text-cyan-100",
-  warning: "border-amber-400/25 bg-amber-400/[0.08] text-amber-100",
-  danger: "border-rose-400/25 bg-rose-400/[0.08] text-rose-100"
+  loading: "border-transparent bg-cyan-400/[0.06] text-cyan-100",
+  warning: "border-transparent bg-amber-400/[0.08] text-amber-100",
+  danger: "border-transparent bg-rose-400/[0.08] text-rose-100"
 };
 function NoticeBlock({
   tone,
@@ -3473,12 +3473,12 @@ function HeaderRows({
 }) {
   const entries = headers === void 0 ? [] : Object.entries(headers).sort(([left], [right]) => left.localeCompare(right));
   if (entries.length === 0) return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyState, { children: emptyLabel });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-border bg-card shadow-sm overflow-hidden rounded-[8px] font-mono text-xs", children: entries.map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-black/[0.14] overflow-hidden rounded-[8px] font-mono text-xs", children: entries.map(([key, value]) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "grid min-w-0 grid-cols-[minmax(140px,0.32fr)_minmax(0,1fr)] border-b border-white/10 last:border-b-0",
+      className: "grid min-w-0 grid-cols-[minmax(140px,0.32fr)_minmax(0,1fr)] border-b border-white/[0.055] last:border-b-0",
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 truncate border-r border-white/10 bg-white/[0.035] px-2.5 py-2 font-semibold text-cyan-200", children: key }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 truncate bg-white/[0.035] px-2.5 py-2 font-semibold text-cyan-200", children: key }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 truncate px-2.5 py-2 text-muted-foreground", title: value, children: value })
       ]
     },
@@ -3854,27 +3854,10 @@ const LogEntry = reactExports.memo(function({
       "div",
       {
         className: cn(
-          "border border-border bg-card shadow-sm relative mb-2 overflow-hidden rounded-[8px] transition-[background-color,border-color,box-shadow]",
-          expanded ? "border-cyan-200/25 shadow-[0_24px_80px_rgba(0,0,0,0.36),0_0_0_1px_rgba(103,232,249,0.05),inset_0_1px_0_rgba(255,255,255,0.14)]" : "hover:border-cyan-200/18"
+          "bg-card/80 relative mb-1.5 overflow-hidden rounded-[8px] transition-[background-color,box-shadow]",
+          expanded ? "bg-card shadow-[0_18px_60px_rgba(0,0,0,0.30),0_0_0_1px_rgba(103,232,249,0.08)]" : "hover:bg-card"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: cn(
-                "pointer-events-none absolute inset-y-3 left-1 w-px rounded-full",
-                expanded ? "bg-cyan-200/55 shadow-[0_0_20px_rgba(103,232,249,0.26)]" : "bg-white/12"
-              ),
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "pointer-events-none absolute inset-x-3 top-0 h-px bg-gradient-to-r from-transparent via-white/15 to-transparent",
-              "aria-hidden": "true"
-            }
-          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             LogEntryHeader,
             {
@@ -3898,7 +3881,7 @@ const LogEntry = reactExports.memo(function({
           expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs(
             "div",
             {
-              className: "relative border-t border-white/10 bg-black/[0.18] pt-2",
+              className: "relative bg-black/[0.14] pt-2",
               onClick: (e) => e.stopPropagation(),
               onKeyDown: (e) => e.stopPropagation(),
               children: [
@@ -3914,7 +3897,7 @@ const LogEntry = reactExports.memo(function({
                     TabsList,
                     {
                       variant: "line",
-                      className: "border border-border bg-muted/40 inspector-scrollbar relative mx-3 h-auto w-[calc(100%-1.5rem)] justify-start overflow-x-auto rounded-[8px] p-1",
+                      className: "bg-white/[0.04] inspector-scrollbar relative mx-3 h-auto w-[calc(100%-1.5rem)] justify-start overflow-x-auto rounded-[8px] p-1",
                       children: [
                         viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "raw-headers", children: "Raw Headers" }),
                         viewMode === "full" && /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { className: TAB_TRIGGER_CLASS, value: "headers", children: "Headers" }),
@@ -4530,7 +4513,7 @@ function ThreadConnector({
     onToggle();
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center w-6 shrink-0 pt-0.5 pb-0.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center h-[calc(0.75rem-8px)]", children: !isFirst && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-0.5 bg-muted-foreground/30 h-full" }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center h-[calc(0.75rem-8px)]", children: !isFirst && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px bg-muted-foreground/18 h-full" }) }),
     isFusedBoundary ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       "span",
       {
@@ -4597,7 +4580,7 @@ function ThreadConnector({
       {
         className: cn(
           "w-0.5 h-full",
-          isPending ? "border-dashed bg-transparent border-l-2 border-muted-foreground/20" : "bg-muted-foreground/30"
+          isPending ? "border-dashed bg-transparent border-l border-muted-foreground/14" : "bg-muted-foreground/18"
         )
       }
     ) })
@@ -4609,7 +4592,7 @@ function ToolTraceEventRow({ event }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "group/tool-trace flex min-w-0 items-center gap-2 rounded-md border border-border/70 bg-muted/20 px-2.5 py-1.5 text-xs",
+      className: "group/tool-trace flex min-w-0 items-center gap-2 rounded-md bg-white/[0.035] px-2.5 py-1.5 text-xs",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-3.5 shrink-0 text-sky-400/70" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono font-semibold text-foreground/80", children: event.name }),
@@ -4952,7 +4935,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
       maxElapsed
     };
   }, [entries, lastIdx]);
-  const bgClass = turnIndex % 2 === 0 ? "bg-white/[0.012]" : "bg-cyan-300/[0.012]";
+  const bgClass = turnIndex % 2 === 0 ? "bg-white/[0.008]" : "bg-cyan-300/[0.008]";
   const aggregateIsSlow = aggregate.maxElapsed !== null && slowResponseThresholdSeconds > 0 && aggregate.maxElapsed > slowResponseThresholdSeconds * 1e3;
   const toolEventsByLogId = reactExports.useMemo(() => {
     const events = /* @__PURE__ */ new Map();
@@ -4997,8 +4980,8 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
       "aria-label": collapsed ? void 0 : turnLabel,
       "data-nav-id": collapsed ? void 0 : `turn-${String(firstLogId)}`,
       className: cn(
-        "rounded-[8px] border transition-[border-color,box-shadow]",
-        isPending ? "border-amber-300/15 shadow-[0_0_0_1px_rgba(252,211,77,0.04)]" : "border-transparent",
+        "rounded-[8px] transition-[background-color,box-shadow]",
+        isPending ? "bg-amber-300/[0.018] shadow-[0_0_0_1px_rgba(252,211,77,0.035)]" : "",
         !collapsed && "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none"
       ),
       children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -5020,14 +5003,14 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-5 shrink-0 flex items-start pt-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/50 font-mono tabular-nums leading-none select-none", children: turnIndex + 1 }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-6 shrink-0 flex flex-col items-center pt-1.5 pb-1.5", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-center h-[calc(0.75rem-8px)]" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-2 rounded-full border border-cyan-300/45 bg-cyan-300/20" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex justify-center min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px bg-muted-foreground/25 h-full" }) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-2 rounded-full bg-cyan-300/45" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 flex justify-center min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "w-px bg-muted-foreground/14 h-full" }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "span",
                 {
                   className: cn(
-                    "size-2 rounded-full border",
-                    isComplete ? "border-amber-300/45 bg-amber-300/20" : "border-muted-foreground/30 bg-muted/30"
+                    "size-2 rounded-full",
+                    isComplete ? "bg-amber-300/45" : "bg-muted-foreground/25"
                   )
                 }
               )
@@ -5036,8 +5019,8 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
               "div",
               {
                 className: cn(
-                  "flex-1 min-w-0 mb-0.5 rounded-[8px] py-1.5 px-3 flex items-center gap-3 text-xs shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]",
-                  "border border-border bg-card shadow-sm transition-colors hover:border-cyan-200/20",
+                  "flex-1 min-w-0 mb-0.5 rounded-[8px] py-1.5 px-3 flex items-center gap-3 text-xs",
+                  "bg-card/80 transition-colors hover:bg-card",
                   bgClass
                 ),
                 children: [
@@ -5099,7 +5082,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "span",
                     {
-                      className: "border border-input bg-background inline-flex size-7 shrink-0 items-center justify-center rounded-md text-slate-200",
+                      className: "bg-white/[0.045] inline-flex size-7 shrink-0 items-center justify-center rounded-md text-slate-200",
                       "aria-hidden": "true",
                       children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0" })
                     }
@@ -6872,10 +6855,86 @@ function useGroups() {
     mutate: response.mutate
   };
 }
+const TRANSIENT_TOAST_AUTO_DISMISS_MS = 3e3;
+function createNextTransientToast(previous, input) {
+  return {
+    id: (previous?.id ?? 0) + 1,
+    message: input.message,
+    tone: input.tone ?? "error"
+  };
+}
+function useTransientToast() {
+  const [notice, setNotice] = reactExports.useState(null);
+  const showToast = reactExports.useCallback((input) => {
+    setNotice((previous) => createNextTransientToast(previous, input));
+  }, []);
+  const dismissToast = reactExports.useCallback(() => {
+    setNotice(null);
+  }, []);
+  reactExports.useEffect(() => {
+    if (notice === null) return void 0;
+    const timeout = window.setTimeout(() => {
+      setNotice(null);
+    }, TRANSIENT_TOAST_AUTO_DISMISS_MS);
+    return () => {
+      window.clearTimeout(timeout);
+    };
+  }, [notice]);
+  return { notice, showToast, dismissToast };
+}
+function TransientToast({
+  notice,
+  onDismiss
+}) {
+  if (notice === null) return null;
+  const isError = notice.tone === "error";
+  const Icon2 = isError ? TriangleAlert : CircleCheck;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "aria-atomic": "true",
+      "aria-live": "polite",
+      className: "pointer-events-none fixed top-4 right-4 z-[100] w-[min(calc(100vw-2rem),26rem)]",
+      role: "status",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: cn(
+            "pointer-events-auto flex items-start gap-2 rounded-md border px-3 py-2 text-sm shadow-[0_18px_50px_rgba(0,0,0,0.45)] backdrop-blur",
+            isError ? "border-red-400/30 bg-[#16090b]/95 text-red-100" : "border-cyan-300/25 bg-[#071318]/95 text-cyan-100"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Icon2,
+              {
+                className: cn("mt-0.5 size-4 shrink-0", isError ? "text-red-300" : "text-cyan-200")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 break-words leading-5", children: notice.message }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-current/70 transition-colors hover:bg-white/10 hover:text-current",
+                "aria-label": "Dismiss notification",
+                onClick: onDismiss,
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
+              }
+            )
+          ]
+        },
+        notice.id
+      )
+    }
+  );
+}
 function groupDeletePath(groupId, deleteEvidence) {
   const path = `/api/groups/${encodeURIComponent(groupId)}`;
   return deleteEvidence ? `${path}?deleteEvidence=1` : path;
 }
+function groupsClearPath(deleteEvidence) {
+  return "/api/groups";
+}
 function summarizeGroup(group) {
   let completedMembers = 0;
   let failedMembers = 0;
@@ -7058,6 +7117,8 @@ function GroupsDialog() {
   const [deleteEvidence, setDeleteEvidence] = reactExports.useState(false);
   const [deletingGroupId, setDeletingGroupId] = reactExports.useState(null);
   const [deleteError, setDeleteError] = reactExports.useState(null);
+  const [clearingGroups, setClearingGroups] = reactExports.useState(false);
+  const { notice, showToast, dismissToast } = useTransientToast();
   const { groups, isLoading, error, mutate } = useGroups();
   const selectedGroup = reactExports.useMemo(
     () => selectedGroupFrom(groups, selectedGroupId),
@@ -7079,6 +7140,43 @@ function GroupsDialog() {
   const handleRefresh = reactExports.useCallback(() => {
     void mutate();
   }, [mutate]);
+  const handleClearGroups = reactExports.useCallback(async () => {
+    if (groups.length === 0 || clearingGroups) return;
+    setClearingGroups(true);
+    setDeleteTarget(null);
+    setDeleteEvidence(false);
+    setDeleteError(null);
+    setExportError(null);
+    try {
+      const response = await fetch(groupsClearPath(false), { method: "DELETE" });
+      if (!response.ok) {
+        showToast({
+          message: await readApiError(
+            response,
+            `Clear failed with status ${String(response.status)}`
+          ),
+          tone: "error"
+        });
+        return;
+      }
+      const parsed = await parseJsonResponse$1(response, DeleteInspectorGroupsResponseSchema);
+      setExportResult(null);
+      setSelectedGroupId(null);
+      await mutate();
+      await mutateEvidence();
+      showToast({
+        message: `Cleared ${formatNumber(parsed.deleted)} group${parsed.deleted === 1 ? "" : "s"}.`,
+        tone: "success"
+      });
+    } catch (err) {
+      showToast({
+        message: err instanceof Error ? err.message : "Unknown error clearing groups",
+        tone: "error"
+      });
+    } finally {
+      setClearingGroups(false);
+    }
+  }, [clearingGroups, groups.length, mutate, mutateEvidence, showToast]);
   const handleExport = reactExports.useCallback(
     async (group) => {
       setExportingGroupId(group.id);
@@ -7155,6 +7253,7 @@ function GroupsDialog() {
     }
   }, [deleteEvidence, deleteTarget, mutate, mutateEvidence]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TransientToast, { notice, onDismiss: dismissToast }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
       {
@@ -7179,20 +7278,27 @@ function GroupsDialog() {
       ] }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 items-center justify-between gap-3 border-b border-border pb-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Evaluation batches, model runs, and exported evidence packs." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            className: "shrink-0",
-            onClick: handleRefresh,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
-              "Refresh"
-            ]
-          }
-        )
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: groups.length === 0 || clearingGroups,
+              onClick: () => void handleClearGroups(),
+              title: "Clear all groups. Session logs and run records stay intact.",
+              children: [
+                clearingGroups ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+                "Clear"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: handleRefresh, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
+            "Refresh"
+          ] })
+        ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid min-h-0 flex-1 gap-4 md:grid-cols-[260px_minmax(0,1fr)]", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -11029,7 +11135,7 @@ function SummaryChip({
     "span",
     {
       className: cn(
-        "border border-border bg-muted/40 inline-flex h-7 items-center gap-1 rounded-md px-2 text-xs text-muted-foreground",
+        "bg-white/[0.045] inline-flex h-7 items-center gap-1 rounded-md px-2 text-xs text-muted-foreground",
         className
       ),
       children: [
@@ -11097,7 +11203,7 @@ function IdeGroupSection({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "section",
     {
-      className: cn("border border-border bg-card shadow-sm relative isolate rounded-[8px]"),
+      className: cn("bg-card/75 shadow-sm relative isolate rounded-[8px]"),
       "data-ide-group": group.id,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -11108,7 +11214,7 @@ function IdeGroupSection({
             onClick: onToggleIde,
             "aria-expanded": !collapsed,
             children: [
-              group.client === "unknown" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "border border-border bg-muted/40 inline-flex size-10 shrink-0 items-center justify-center rounded-[8px] text-slate-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Monitor, { className: "size-5" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: group.client, className: "size-10 rounded-[8px] text-cyan-100" }),
+              group.client === "unknown" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bg-white/[0.045] inline-flex size-10 shrink-0 items-center justify-center rounded-[8px] text-slate-200", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Monitor, { className: "size-5" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ClientLogo, { client: group.client, className: "size-10 rounded-[8px] text-cyan-100" }),
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -11119,7 +11225,7 @@ function IdeGroupSection({
                       children: group.label
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded border border-cyan-200/15 bg-cyan-300/[0.06] px-1.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.16em] text-cyan-100/75", children: "IDE" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded bg-cyan-300/[0.06] px-1.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.16em] text-cyan-100/75", children: "IDE" })
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
@@ -11143,11 +11249,11 @@ function IdeGroupSection({
                 /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryChip, { label: "IN", value: formatTokenCount(totals.inputTokens) }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryChip, { label: "OUT", value: formatTokenCount(totals.outputTokens) })
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200", children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }) })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-8 shrink-0 items-center justify-center rounded-md text-slate-200", children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }) })
             ]
           }
         ),
-        !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 border-t border-white/10 px-3 pb-3 pt-3 sm:px-4", children: group.processes.map((processGroup) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-3 px-3 pb-3 pt-2 sm:px-4", children: group.processes.map((processGroup) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           ProcessGroupSection,
           {
             group: processGroup,
@@ -11173,8 +11279,8 @@ function ProcessGroupSection({
   const logCount = group.logs.length;
   const processLabel = group.clientPid !== null && group.clientPid !== void 0 ? `PID ${group.clientPid}` : "process";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "relative pl-5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute bottom-0 left-2 top-0 w-px bg-white/12", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border bg-card shadow-sm overflow-hidden rounded-[8px]", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute bottom-1 left-2 top-1 w-px bg-white/[0.055]", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/[0.10] overflow-hidden rounded-[8px]", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "button",
         {
@@ -11183,7 +11289,7 @@ function ProcessGroupSection({
           onClick: onToggle,
           "aria-expanded": !collapsed,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "border border-border bg-muted/40 inline-flex size-8 shrink-0 items-center justify-center rounded-md text-amber-100", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { className: "size-4" }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bg-white/[0.045] inline-flex size-8 shrink-0 items-center justify-center rounded-md text-amber-100", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Cpu, { className: "size-4" }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono text-xs font-semibold tabular-nums text-slate-100", children: processLabel }),
@@ -11216,11 +11322,11 @@ function ProcessGroupSection({
               /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryChip, { label: "IN", value: formatTokenCount(totals.inputTokens) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryChip, { label: "OUT", value: formatTokenCount(totals.outputTokens) })
             ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex size-7 shrink-0 items-center justify-center rounded-md text-slate-200", children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }) })
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-7 shrink-0 items-center justify-center rounded-md text-slate-200", children: collapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4" }) })
           ]
         }
       ),
-      !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 border-t border-white/10 p-2 sm:p-3", children: group.sessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2 p-2 pt-1 sm:p-3 sm:pt-2", children: group.sessions.map((session) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         ConversationGroup,
         {
           group: session,
@@ -13886,79 +13992,6 @@ function ProxyViewer({
     ) })
   ] });
 }
-const TRANSIENT_TOAST_AUTO_DISMISS_MS = 3e3;
-function createNextTransientToast(previous, input) {
-  return {
-    id: (previous?.id ?? 0) + 1,
-    message: input.message,
-    tone: input.tone ?? "error"
-  };
-}
-function useTransientToast() {
-  const [notice, setNotice] = reactExports.useState(null);
-  const showToast = reactExports.useCallback((input) => {
-    setNotice((previous) => createNextTransientToast(previous, input));
-  }, []);
-  const dismissToast = reactExports.useCallback(() => {
-    setNotice(null);
-  }, []);
-  reactExports.useEffect(() => {
-    if (notice === null) return void 0;
-    const timeout = window.setTimeout(() => {
-      setNotice(null);
-    }, TRANSIENT_TOAST_AUTO_DISMISS_MS);
-    return () => {
-      window.clearTimeout(timeout);
-    };
-  }, [notice]);
-  return { notice, showToast, dismissToast };
-}
-function TransientToast({
-  notice,
-  onDismiss
-}) {
-  if (notice === null) return null;
-  const isError = notice.tone === "error";
-  const Icon2 = isError ? TriangleAlert : CircleCheck;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      "aria-atomic": "true",
-      "aria-live": "polite",
-      className: "pointer-events-none fixed top-4 right-4 z-[100] w-[min(calc(100vw-2rem),26rem)]",
-      role: "status",
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: cn(
-            "pointer-events-auto flex items-start gap-2 rounded-md border px-3 py-2 text-sm shadow-[0_18px_50px_rgba(0,0,0,0.45)] backdrop-blur",
-            isError ? "border-red-400/30 bg-[#16090b]/95 text-red-100" : "border-cyan-300/25 bg-[#071318]/95 text-cyan-100"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Icon2,
-              {
-                className: cn("mt-0.5 size-4 shrink-0", isError ? "text-red-300" : "text-cyan-200")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-w-0 flex-1 break-words leading-5", children: notice.message }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex size-6 shrink-0 items-center justify-center rounded-md text-current/70 transition-colors hover:bg-white/10 hover:text-current",
-                "aria-label": "Dismiss notification",
-                onClick: onDismiss,
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-3.5" })
-              }
-            )
-          ]
-        },
-        notice.id
-      )
-    }
-  );
-}
 const SSEUpdateSchema = union([
   object({
     type: literal("init"),