@tonyclaw/agent-inspector 3.0.42 → 3.0.43

package/.output/server/_ssr/{ProxyViewerContainer-BS6MZd0t.mjs → ProxyViewerContainer-hvn6oVWD.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, R as React } from "../_libs/react.mjs";
-import { w as withBasePath, C as CapturedLogSchema, N as DeleteInspectorGroupsResponseSchema, 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, m as cn, G as LazyFeatureBoundary, y as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, ad as CrabLogo, p as packageJson, k as normalizeUiScalePreference, P as GroupEvidenceExportResultSchema, Q as DeleteInspectorGroupResponseSchema, z as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, i as isRecord, a3 as createPendingProviderTestResults, a4 as ProviderTestResultsSchema, a5 as createFailedProviderTestResults, a6 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a7 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a8 as TimeDisplayFormatSchema, H as AlertSummarySchema, I as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, ag as formatUiScale, M as InspectorGroupsListResponseSchema, J as GroupEvidenceReadResponseSchema, a9 as EcosystemPackagesResponseSchema, aa as EcosystemTaskResponseSchema, ab as EcosystemTasksResponseSchema, Z as PATH_V1_MESSAGES, _ as PATH_V1_CHAT_COMPLETIONS, $ as PATH_V1_RESPONSES, W as providerHasContextMetadata, V as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ac as EcosystemExecutionConfirmationResponseSchema, s as safeGetOwnProperty, a0 as formatContextWindowInput, X as findProviderModelMetadata, Y as formatContextWindowTokens, x as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, ae as resolveProviderContextWindow, a1 as parseContextWindowTokensInput, a2 as previewUpstreamUrl, K as KnowledgeCandidateSchema, af as isPlainRecord, F as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, E as getStatusCategory } from "./router-NjASMtmk.mjs";
+import { w as withBasePath, C as CapturedLogSchema, N as DeleteInspectorGroupsResponseSchema, 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, m as cn, G as LazyFeatureBoundary, y as formatTokens, B as Button, d as RuntimeConfigSchema, g as readStoredUiScalePreference, h as persistUiScalePreference, j as applyUiScalePreference, ad as CrabLogo, p as packageJson, k as normalizeUiScalePreference, P as GroupEvidenceExportResultSchema, Q as DeleteInspectorGroupResponseSchema, z as copyTextToClipboard, l as RedactedProviderDtoSchema, U as UI_SCALE_STORAGE_KEY, v as apiFormatForPath, i as isRecord, a3 as createPendingProviderTestResults, a4 as ProviderTestResultsSchema, a5 as createFailedProviderTestResults, a6 as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, a7 as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, a8 as TimeDisplayFormatSchema, H as AlertSummarySchema, I as AlertListResponseSchema, r as readStoredThemeMode, e as applyThemeMode, f as persistThemeMode, ag as formatUiScale, M as InspectorGroupsListResponseSchema, J as GroupEvidenceReadResponseSchema, a9 as EcosystemPackagesResponseSchema, aa as EcosystemTaskResponseSchema, ab as EcosystemTasksResponseSchema, Z as PATH_V1_MESSAGES, _ as PATH_V1_CHAT_COMPLETIONS, $ as PATH_V1_RESPONSES, W as providerHasContextMetadata, V as ProviderScanResponseSchema, T as THEME_MODE_STORAGE_KEY, n as normalizeThemeMode, ac as EcosystemExecutionConfirmationResponseSchema, s as safeGetOwnProperty, a0 as formatContextWindowInput, X as findProviderModelMetadata, Y as formatContextWindowTokens, x as getSessionPath, q as parseOpenAIResponse, t as parseOpenAIResponsesResponse, O as OpenAIRequestSchema, u as OpenAIResponsesRequestSchema, A as AnthropicResponseSchema$1, o as AnthropicRequestSchema, ae as resolveProviderContextWindow, a1 as parseContextWindowTokensInput, a2 as previewUpstreamUrl, K as KnowledgeCandidateSchema, af as isPlainRecord, F as stripClaudeCodeBillingHeader, L as LogBodyChunkSchema, E as getStatusCategory } from "./router-C6nWUZHK.mjs";
 import { u as useSWR, a as useSWRConfig } from "../_libs/swr.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { c as cva } from "../_libs/class-variance-authority.mjs";
@@ -2509,30 +2509,30 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-Bt3LIoPy.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-Bgc2TZh_.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyInspectorPet = reactExports.lazy(
-  () => import("./InspectorPet-CikVNW8S.mjs").then((m) => ({ default: m.InspectorPet }))
+  () => import("./InspectorPet-DyK2ojeh.mjs").then((m) => ({ default: m.InspectorPet }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DxFLoYlZ.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-KpnrGtZ-.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-CbLJjhKb.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-uCsfucn8.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-Bs1sYg_8.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-C8UPqoPO.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-D0dBru3U.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-BP28I9sh.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
 const LazyJsonViewer = reactExports.lazy(
-  () => import("./json-viewer-BfRCUg1t.mjs").then((m) => ({ default: m.JsonViewer }))
+  () => import("./json-viewer-DrE0vtlB.mjs").then((m) => ({ default: m.JsonViewer }))
 );
 const LazyJsonViewerFromString = reactExports.lazy(
-  () => import("./json-viewer-BfRCUg1t.mjs").then((m) => ({ default: m.JsonViewerFromString }))
+  () => import("./json-viewer-DrE0vtlB.mjs").then((m) => ({ default: m.JsonViewerFromString }))
 );
 const HIGHLIGHT_DURATION_MS = 1200;
 const MAX_HIGHLIGHT_ATTEMPTS = 12;
@@ -3051,7 +3051,7 @@ const STATUS_BADGE_CLASSES = {
 };
 const STATUS_CUE_CLASSES = {
   success: {
-    frame: "border-cyan-200/15 bg-white/[0.04] text-slate-100"
+    frame: "border-cyan-200/15 bg-white/[0.04] text-text-strong"
   },
   client_error: {
     frame: "border-amber-300/25 bg-amber-300/[0.08] text-amber-100"
@@ -3405,7 +3405,7 @@ const LogEntryHeader = reactExports.memo(function({
           /* @__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",
+              className: "bg-white/[0.045] hover:bg-white/[0.075] inline-flex size-8 shrink-0 items-center justify-center rounded-md text-text-strong",
               "aria-hidden": "true",
               children: expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0" })
             }
@@ -5213,7 +5213,7 @@ const TurnGroup = reactExports.memo(function TurnGroup2({
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "span",
                     {
-                      className: "bg-white/[0.045] 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-text-strong",
                       "aria-hidden": "true",
                       children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0" })
                     }
@@ -6704,7 +6704,7 @@ function useAlertSummary() {
     mutate: response.mutate
   };
 }
-const INSPECTOR_ICON_TRIGGER_CLASS = "relative size-8 rounded-md border-0 bg-white/[0.035] text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors hover:bg-white/[0.065] hover:text-accent-foreground focus-visible:ring-ring/50";
+const INSPECTOR_ICON_TRIGGER_CLASS = "relative size-9 rounded-md border border-border/70 bg-muted/60 text-muted-foreground transition-colors hover:bg-muted hover:text-accent-foreground focus-visible:ring-ring/50 max-lg:size-11";
 const ALERT_CATEGORIES = [
   "request-failure",
   "request-timeout",
@@ -6757,31 +6757,31 @@ function categoryLabel(category) {
 function severityAccent(severity) {
   switch (severity) {
     case "critical":
-      return "border-red-400/40 bg-red-500/12 text-red-100";
+      return "border-status-danger/40 bg-status-danger/10 text-status-danger";
     case "warning":
-      return "border-amber-300/35 bg-amber-400/12 text-amber-100";
+      return "border-status-watch/40 bg-status-watch/10 text-status-watch";
     case "notice":
-      return "border-sky-300/35 bg-sky-400/12 text-sky-100";
+      return "border-status-cool/40 bg-status-cool/10 text-status-cool";
   }
 }
 function severityDot(severity) {
   switch (severity) {
     case "critical":
-      return "bg-red-400";
+      return "bg-status-danger";
     case "warning":
-      return "bg-amber-300";
+      return "bg-status-watch";
     case "notice":
-      return "bg-sky-300";
+      return "bg-status-cool";
   }
 }
 function severityText(severity) {
   switch (severity) {
     case "critical":
-      return "text-red-200";
+      return "text-status-danger";
     case "warning":
-      return "text-amber-100";
+      return "text-status-watch";
     case "notice":
-      return "text-sky-100";
+      return "text-status-cool";
   }
 }
 function categoryIcon(category) {
@@ -6837,7 +6837,7 @@ function AlertSummaryPill({
   count,
   tone
 }) {
-  const toneClass = tone === "critical" ? "border-red-400/30 bg-red-500/10 text-red-100" : tone === "warning" ? "border-amber-300/30 bg-amber-400/10 text-amber-100" : tone === "notice" ? "border-sky-300/30 bg-sky-400/10 text-sky-100" : "border-border bg-muted/40 text-foreground";
+  const toneClass = tone === "critical" ? "border-status-danger/30 bg-status-danger/10 text-status-danger" : tone === "warning" ? "border-status-watch/30 bg-status-watch/10 text-status-watch" : tone === "notice" ? "border-status-cool/30 bg-status-cool/10 text-status-cool" : "border-border bg-muted/40 text-foreground";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("rounded-md border px-3 py-2", toneClass), children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-semibold uppercase opacity-75", children: label }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-lg font-semibold leading-none", children: formatCount(count) })
@@ -6903,7 +6903,7 @@ function AlertList({
     ] });
   }
   if (error !== void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-300/30 bg-red-500/10 px-3 py-2 text-xs text-red-100", children: error.message });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-xs text-status-danger", children: error.message });
   }
   if (alerts.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-56 items-center justify-center rounded-md border border-dashed border-border px-4 text-center text-xs text-muted-foreground", children: "No alerts match the current filters." });
@@ -7057,7 +7057,7 @@ function AlertsDialog() {
   const criticalCount = summary?.critical ?? 0;
   const warningCount = summary?.warning ?? 0;
   const noticeCount = summary?.notice ?? 0;
-  const triggerTone = criticalCount > 0 ? "bg-red-600 text-white" : warningCount > 0 ? "bg-amber-400 text-zinc-950" : "bg-sky-400 text-zinc-950";
+  const triggerTone = criticalCount > 0 ? "bg-status-danger text-primary-foreground" : warningCount > 0 ? "bg-status-watch text-primary-foreground" : "bg-status-cool text-primary-foreground";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button,
@@ -7087,7 +7087,7 @@ function AlertsDialog() {
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "flex max-h-[86vh] max-w-6xl flex-col overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2 pr-8", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Siren, { className: "size-5 text-red-300" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Siren, { className: "size-5 text-status-danger" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Alerts" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatCount(totalCount) })
         ] }),
@@ -7376,16 +7376,16 @@ function buildGroupMemberRows(group, exportResult, evidenceResponse = null) {
 function statusClassName(status) {
   switch (status) {
     case "completed":
-      return "border-emerald-200 bg-emerald-50 text-emerald-700";
+      return "border-status-success/30 bg-status-success/10 text-status-success";
     case "failed":
     case "cancelled":
-      return "border-red-200 bg-red-50 text-red-700";
+      return "border-status-danger/30 bg-status-danger/10 text-status-danger";
     case "running":
-      return "border-sky-200 bg-sky-50 text-sky-700";
+      return "border-status-cool/30 bg-status-cool/10 text-status-cool";
     case "created":
-      return "border-zinc-200 bg-zinc-50 text-zinc-600";
+      return "border-border bg-muted/30 text-muted-foreground";
     case null:
-      return "border-zinc-200 bg-zinc-50 text-zinc-500";
+      return "border-border bg-muted/30 text-muted-foreground";
   }
 }
 function statusLabel(status) {
@@ -7394,13 +7394,13 @@ function statusLabel(status) {
 function reportStatusClassName(status) {
   switch (status) {
     case "PASS":
-      return "border-emerald-200 bg-emerald-50 text-emerald-700";
+      return "border-status-success/30 bg-status-success/10 text-status-success";
     case "FAIL":
-      return "border-red-200 bg-red-50 text-red-700";
+      return "border-status-danger/30 bg-status-danger/10 text-status-danger";
     case "RUNNING":
-      return "border-sky-200 bg-sky-50 text-sky-700";
+      return "border-status-cool/30 bg-status-cool/10 text-status-cool";
     case "UNKNOWN":
-      return "border-zinc-200 bg-zinc-50 text-zinc-600";
+      return "border-border bg-muted/30 text-muted-foreground";
   }
 }
 function displayText(value) {
@@ -7496,7 +7496,9 @@ function evidenceReportFor(group, exportResult, evidenceResponse) {
   }
   return null;
 }
-function GroupsDialog() {
+function GroupsDialog({
+  labelledTrigger = false
+}) {
   const [open, setOpen] = reactExports.useState(false);
   const [selectedGroupId, setSelectedGroupId] = reactExports.useState(null);
   const [exportingGroupId, setExportingGroupId] = reactExports.useState(null);
@@ -7639,14 +7641,17 @@ function GroupsDialog() {
       {
         type: "button",
         variant: "ghost",
-        size: "icon",
-        className: INSPECTOR_ICON_TRIGGER_CLASS,
+        size: labelledTrigger ? "default" : "icon",
+        className: cn(
+          INSPECTOR_ICON_TRIGGER_CLASS,
+          labelledTrigger && "w-auto gap-2 px-3 text-xs max-lg:h-11 max-lg:w-auto"
+        ),
         "aria-label": "Evaluation groups",
         title: "Evaluation groups",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-4" }),
           isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "absolute -right-0.5 -top-0.5 size-3 animate-spin text-muted-foreground" }) : groups.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute -right-1 -top-1 min-w-4 rounded-full bg-primary px-1 text-[10px] leading-4 text-primary-foreground", children: groups.length }) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "Evaluation groups" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: labelledTrigger ? "" : "sr-only", children: "Groups" })
         ]
       }
     ) }),
@@ -7727,7 +7732,7 @@ function GroupList({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-48 items-center justify-center rounded-md border border-dashed border-border text-xs text-muted-foreground", children: "Loading groups..." });
   }
   if (error !== void 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700", children: error.message });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-xs text-status-danger", children: error.message });
   }
   if (groups.length === 0) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-dashed border-border px-3 py-8 text-center text-xs text-muted-foreground", children: "No groups yet." });
@@ -7814,7 +7819,7 @@ function GroupDetails({
             type: "button",
             variant: "outline",
             size: "icon",
-            className: "size-8 text-red-600 hover:text-red-700",
+            className: "size-8 text-status-danger hover:text-status-danger/80",
             "aria-label": "Delete group",
             title: "Delete group",
             disabled: isDeleting,
@@ -7874,8 +7879,8 @@ function GroupDetails({
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(EvidencePaths, { evidence }),
-    exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700", children: exportError }),
-    deleteError !== null && !isConfirmingDelete && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700", children: deleteError }),
+    exportError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-xs text-status-danger", children: exportError }),
+    deleteError !== null && !isConfirmingDelete && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-xs text-status-danger", children: deleteError }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(MemberTable, { rows })
   ] }) });
 }
@@ -7890,13 +7895,13 @@ function DeleteGroupPanel({
 }) {
   const hasEvidence = group.evidence !== null;
   const evidencePath = group.evidence?.markdownPath ?? "No evidence pack exported.";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-3 text-red-900", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-3 text-status-danger", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-3 lg:flex-row lg:items-start lg:justify-between", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4 text-red-600" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4 text-status-danger" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delete group?" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-red-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-status-danger", children: [
         "Delete ",
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: group.title }),
         ". Session logs and run records stay intact."
@@ -7921,12 +7926,12 @@ function DeleteGroupPanel({
             ),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "min-w-0", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block font-medium", children: "Also delete exported evidence files" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mt-1 block truncate font-mono text-[11px] text-red-700", children: evidencePath })
+              /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mt-1 block truncate font-mono text-[11px] text-status-danger", children: evidencePath })
             ] })
           ]
         }
       ),
-      error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-red-200 bg-white px-2 py-1.5 text-xs text-red-700", children: error })
+      error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-status-danger/30 bg-card px-2 py-1.5 text-xs text-status-danger", children: error })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 justify-end gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -7978,7 +7983,7 @@ function EvidenceReportCard({
     ] });
   }
   if (error !== void 0 && hasEvidence) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-xs text-status-danger", children: [
       "Failed to load evidence report: ",
       error.message
     ] });
@@ -7999,7 +8004,7 @@ function EvidenceReportCard({
           className: "size-7 shrink-0",
           "aria-label": copied ? "Copied evidence report" : "Copy evidence report",
           onClick: copy,
-          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
         }
       )
     ] }),
@@ -8036,7 +8041,7 @@ function CopyPathRow({ label, value }) {
         className: "size-7 shrink-0",
         "aria-label": copied ? `Copied ${label} path` : `Copy ${label} path`,
         onClick: copy,
-        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+        children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
       }
     )
   ] });
@@ -8143,7 +8148,7 @@ function MemberRow({
                 Badge,
                 {
                   variant: "outline",
-                  className: "shrink-0 border-zinc-200 bg-zinc-50 text-zinc-600",
+                  className: "shrink-0 border-border bg-muted/30 text-muted-foreground",
                   children: "evidence"
                 }
               )
@@ -8477,7 +8482,7 @@ function ImportWizardDialog({
         /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
         w
       ] }, i)) }),
-      importResult !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-green-500 border-t pt-2", children: importResult }),
+      importResult !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t pt-2 text-sm text-status-success", children: importResult }),
       importError !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-sm text-destructive border-t pt-2", children: importError })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between pt-3 border-t", children: [
@@ -8690,13 +8695,13 @@ function ProviderTestResultDialog({
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-h-[82vh] max-w-2xl gap-0 overflow-hidden p-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "border-b border-border/70 px-5 py-4 pr-12", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-          result.success ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-4 text-cyan-300" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 text-red-300" }),
+          result.success ? /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-4 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-4 text-status-danger" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { className: "text-base", children: probeLabel })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: result.success ? "Connection probe passed." : errorMessage })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4 overflow-y-auto p-5", children: [
-        !result.success && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-red-400/20 bg-red-400/[0.06] px-3 py-2 text-sm text-red-200", children: [
+        !result.success && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-status-danger/30 bg-status-danger/10 px-3 py-2 text-sm text-status-danger", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-medium", children: errorLabel(result.error?.type ?? "unknown") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 break-words text-xs text-muted-foreground", children: errorMessage })
         ] }),
@@ -8728,8 +8733,8 @@ function errorIcon(type) {
   }
 }
 const PROBE_TONE_CLASSES = {
-  success: "bg-cyan-300/[0.07] text-cyan-100 hover:bg-cyan-300/[0.11]",
-  failure: "bg-red-400/[0.07] text-red-200 hover:bg-red-400/[0.11]",
+  success: "bg-status-success/10 text-status-success hover:bg-status-success/15",
+  failure: "bg-status-danger/10 text-status-danger hover:bg-status-danger/15",
   pending: "bg-muted/40 text-foreground/80",
   quiet: "bg-transparent text-muted-foreground/70"
 };
@@ -8796,14 +8801,7 @@ function ProviderTestMatrix({
     ] }),
     hasAnthropic && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatRow, { label: "Anthropic", results: results?.anthropic }),
     hasChat && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatRow, { label: "OpenAI Chat", results: results?.openaiChat }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ProviderFormatRow,
-      {
-        label: "OpenAI Responses",
-        results: results?.openaiResponses,
-        configured: hasResponses
-      }
-    )
+    hasResponses && /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderFormatRow, { label: "OpenAI Responses", results: results?.openaiResponses })
   ] }) });
 }
 function summarizeFormat(results) {
@@ -8822,7 +8820,7 @@ function FormatSummaryBadge({
   results
 }) {
   const summary = summarizeFormat(results);
-  const className = summary.failed > 0 ? "border-red-400/20 bg-red-400/[0.06] text-red-200" : summary.testing > 0 ? "border-amber-300/20 bg-amber-300/[0.06] text-amber-100" : summary.total > 0 && summary.passed === summary.total ? "border-cyan-300/20 bg-cyan-300/[0.06] text-cyan-100" : "border-border/60 bg-transparent text-muted-foreground";
+  const className = summary.failed > 0 ? "border-status-danger/30 bg-status-danger/10 text-status-danger" : summary.testing > 0 ? "border-status-watch/30 bg-status-watch/10 text-status-watch" : summary.total > 0 && summary.passed === summary.total ? "border-status-success/30 bg-status-success/10 text-status-success" : "border-border/60 bg-transparent text-muted-foreground";
   const value = summary.failed > 0 ? `${summary.failed} fail` : summary.testing > 0 ? "running" : summary.total === 0 ? "off" : `${summary.passed}/${summary.total}`;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: cn("rounded border px-1.5 py-0.5 text-[10px]", className), children: [
     label,
@@ -8903,7 +8901,7 @@ function ProviderTestPill({
   const hasEndpoint2 = providerHasEndpoint$1(provider.anthropicBaseUrl) || providerHasEndpoint$1(provider.openaiBaseUrl) || providerHasEndpoint$1(provider.openaiResponsesBaseUrl);
   const summary = summarizeProviderTestResults(provider, testResults);
   if (isTesting) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-cyan-300/25 bg-cyan-300/[0.08] px-2 py-1 text-xs text-cyan-100", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-status-cool/30 bg-status-cool/10 px-2 py-1 text-xs text-status-cool", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "size-3 animate-spin" }),
       "Testing"
     ] });
@@ -8915,20 +8913,20 @@ function ProviderTestPill({
     return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "rounded border border-border/70 bg-muted/20 px-2 py-1 text-xs text-muted-foreground", children: "Not tested" });
   }
   if (summary.failed > 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-red-400/25 bg-red-500/[0.08] px-2 py-1 text-xs text-red-200", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-status-danger/30 bg-status-danger/10 px-2 py-1 text-xs text-status-danger", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
       summary.failed,
       " failed"
     ] });
   }
   if (summary.testing > 0 || summary.passed < summary.total) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "rounded border border-amber-300/25 bg-amber-400/[0.08] px-2 py-1 text-xs text-amber-100", children: [
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "rounded border border-status-watch/30 bg-status-watch/10 px-2 py-1 text-xs text-status-watch", children: [
       summary.passed,
       "/",
       summary.total
     ] });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-cyan-300/25 bg-cyan-300/[0.08] px-2 py-1 text-xs text-cyan-100", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-status-success/30 bg-status-success/10 px-2 py-1 text-xs text-status-success", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3" }),
     summary.passed,
     "/",
@@ -9038,7 +9036,7 @@ function ProviderCard({
   const canRefreshMetadata = provider.modelMetadataUrl !== void 0 && provider.modelMetadataUrl.trim() !== "";
   const metadataImportLabel = canRefreshMetadata ? "Refresh" : "Import defaults";
   const isTestingValue = isTesting ?? false;
-  const providerSourceBadge = provider.source === "company" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border border-cyan-300/20 bg-cyan-300/[0.08] px-1.5 py-0.5 text-xs text-cyan-100", children: "Company" }) : provider.source === "personal" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border border-violet-300/20 bg-violet-300/[0.08] px-1.5 py-0.5 text-xs text-violet-100", children: "Personal" }) : null;
+  const providerSourceBadge = provider.source === "company" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border border-status-cool/30 bg-status-cool/10 px-1.5 py-0.5 text-xs text-status-cool", children: "Company" }) : provider.source === "personal" ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 rounded border border-status-accent/30 bg-status-accent/10 px-1.5 py-0.5 text-xs text-status-accent", children: "Personal" }) : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -9085,7 +9083,7 @@ function ProviderCard({
             formatTimeAgo(testResults.testedAt)
           ] })
         ] }),
-        !hasContextMetadata && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-amber-500/25 bg-amber-500/6 px-2 py-1.5 text-xs text-muted-foreground", children: [
+        !hasContextMetadata && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-status-watch/30 bg-status-watch/10 px-2 py-1.5 text-xs text-status-watch", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Context window metadata missing" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -9118,7 +9116,7 @@ function ProviderCard({
         ] }),
         showDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3 border-t border-border/60 pt-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3.5 text-emerald-500" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheckBig, { className: "size-3.5 text-status-success" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "API key configured" })
           ] }),
           provider.models !== void 0 && provider.models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1", children: provider.models.map((model) => /* @__PURE__ */ jsxRuntimeExports.jsx(ModelChip, { provider, model }, model)) }),
@@ -9425,7 +9423,7 @@ function EndpointUrlPreview({
     preview.diagnostics.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 space-y-1", children: preview.diagnostics.map((diagnostic) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: diagnostic.severity === "warning" ? "text-amber-200" : "text-muted-foreground",
+        className: diagnostic.severity === "warning" ? "text-status-watch" : "text-muted-foreground",
         children: diagnostic.message
       },
       `${diagnostic.severity}:${diagnostic.message}`
@@ -9890,7 +9888,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
               className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-white/10 bg-white/[0.04] px-3 py-2 font-mono text-xs text-muted-foreground", children: ANTHROPIC_MESSAGES_ENDPOINT })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-border bg-muted/35 px-3 py-2 font-mono text-xs text-muted-foreground", children: ANTHROPIC_MESSAGES_ENDPOINT })
         ] }),
         errors.anthropicBaseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.anthropicBaseUrl }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9922,7 +9920,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
               className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-white/10 bg-white/[0.04] px-3 py-2 font-mono text-xs text-muted-foreground", children: OPENAI_CHAT_COMPLETIONS_ENDPOINT })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-border bg-muted/35 px-3 py-2 font-mono text-xs text-muted-foreground", children: OPENAI_CHAT_COMPLETIONS_ENDPOINT })
         ] }),
         errors.openaiBaseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.openaiBaseUrl }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -9954,7 +9952,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
               className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-white/10 bg-white/[0.04] px-3 py-2 font-mono text-xs text-muted-foreground", children: OPENAI_RESPONSES_ENDPOINT })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 select-none border-l border-border bg-muted/35 px-3 py-2 font-mono text-xs text-muted-foreground", children: OPENAI_RESPONSES_ENDPOINT })
         ] }),
         errors.openaiResponsesBaseUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.openaiResponsesBaseUrl }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -10002,7 +10000,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
       ),
       errors.modelMetadataUrl !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: errors.modelMetadataUrl }),
       modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border border-border bg-muted/40 rounded-md px-3 py-2 text-xs text-muted-foreground", children: "Built-in limits cover DeepSeek v4 pro/flash, MiniMax M3/M2.7/M2.5/M2.1, and GLM coding models. Use a registry URL for private or custom model limits." }),
-      provider !== void 0 && !hasContextMetadata && modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-amber-400", children: "This provider has no matching context metadata yet." }),
+      provider !== void 0 && !hasContextMetadata && modelMetadataUrl.trim() === "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-status-watch", children: "This provider has no matching context metadata yet." }),
       modelMetadataUrl.trim() !== "" && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: "Agent Inspector will refresh model limits from this JSON registry after save." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
@@ -10039,7 +10037,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
             onClick: handleCopy,
             className: "text-muted-foreground hover:text-foreground transition-colors p-1 shrink-0",
             "aria-label": "Copy API key",
-            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-cyan-300" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
+            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-4 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" })
           }
         )
       ] }),
@@ -10096,7 +10094,7 @@ function ProviderForm({ provider, onSubmit, onCancel }) {
                           updateModel(i, opt);
                           setOpenModelDropdown(null);
                         },
-                        className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-white/[0.06]",
+                        className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/60",
                         children: opt
                       },
                       opt
@@ -10752,7 +10750,7 @@ function ProvidersPanel({
           },
           className: "ml-auto shrink-0 text-muted-foreground transition-colors hover:text-foreground",
           "aria-label": configPathCopied ? "Copied config file path" : "Copy config file path",
-          children: configPathCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-cyan-300" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
+          children: configPathCopied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3" })
         }
       )
     ] }),
@@ -11079,7 +11077,7 @@ function CopyableSetupValue({
           className: "size-7 shrink-0",
           onClick: () => onCopy(id, value),
           "aria-label": copied ? `Copied ${label}` : `Copy ${label}`,
-          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+          children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-status-success" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
         }
       )
     ] })
@@ -11183,15 +11181,15 @@ function OnboardingSettingsTab() {
     )) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 rounded-md bg-muted/15 px-3 py-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Provider test creates a traceable memory probe session." })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Captured sessions can produce reviewable memory candidates." })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
           "Streamable HTTP clients should use the MCP URL directly. Stdio-only clients should use",
           /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "mx-1 rounded bg-muted px-1 py-0.5 font-mono text-[11px] text-foreground", children: "agent-inspector-mcp stdio" }),
@@ -11199,7 +11197,7 @@ function OnboardingSettingsTab() {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
           "OpenCode onboarding safely merges",
           " ",
@@ -11215,7 +11213,7 @@ function OnboardingSettingsTab() {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
           "MiMo Code onboarding safely merges",
           " ",
@@ -11231,7 +11229,7 @@ function OnboardingSettingsTab() {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-emerald-500" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "mt-0.5 size-3.5 text-status-success" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "If your AI tool runs in another container or host, replace localhost with an address reachable from that tool and verify the network/firewall path." })
       ] })
     ] })
@@ -12032,7 +12030,11 @@ function ExecutionConfirmationDialog({
     ] })
   ] }) });
 }
-function AgentLabDialog({ currentSessionId, logCount }) {
+function AgentLabDialog({
+  currentSessionId,
+  logCount,
+  labelledTrigger = false
+}) {
   const [open, setOpen] = reactExports.useState(false);
   const [copied, setCopied] = reactExports.useState(false);
   const [copiedPresets, setCopiedPresets] = reactExports.useState(false);
@@ -12131,13 +12133,16 @@ function AgentLabDialog({ currentSessionId, logCount }) {
       Button,
       {
         variant: "ghost",
-        size: "icon",
-        className: INSPECTOR_ICON_TRIGGER_CLASS,
+        size: labelledTrigger ? "default" : "icon",
+        className: cn(
+          INSPECTOR_ICON_TRIGGER_CLASS,
+          labelledTrigger && "w-auto gap-2 px-3 text-xs max-lg:h-11 max-lg:w-auto"
+        ),
         "aria-label": "TonyClaw Lab",
         title: "TonyClaw Lab",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(FlaskConical, { className: "size-4" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sr-only", children: "TonyClaw Lab" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: labelledTrigger ? "" : "sr-only", children: "Lab" })
         ]
       }
     ) }),
@@ -12305,23 +12310,6 @@ function getPiAgentResultLogIds(response) {
     )
   ];
 }
-const PI_AGENT_SCOPE_PILLS = [
-  {
-    id: "saved-data",
-    label: "Saved Inspector data",
-    description: "requests, responses, sessions, tools, alerts, runs, groups, and knowledge"
-  },
-  {
-    id: "root-cause",
-    label: "Root-cause hints",
-    description: "failures, hangs, slow paths, token spikes, and provider drift"
-  },
-  {
-    id: "evidence",
-    label: "Evidence links",
-    description: "matched logs and metrics you can jump back into"
-  }
-];
 const PI_AGENT_STARTERS = [
   {
     id: "reliability",
@@ -12489,7 +12477,7 @@ function AnswerMarkdown({ text }) {
     }
   ) });
 }
-const DEFAULT_QUESTION = "Analyze the current Inspector session. What looks abnormal, slow, or likely to hang?";
+const DEFAULT_QUESTION = "What looks abnormal, slow, or likely to hang?";
 function providerSupportsPiAgent(provider) {
   return provider.openaiResponsesBaseUrl !== void 0 || provider.openaiBaseUrl !== void 0 || provider.anthropicBaseUrl !== void 0;
 }
@@ -12635,6 +12623,7 @@ function PiAgentPanel({
   const modelOptions = selectedProvider?.models ?? [];
   const question = conversation.question;
   const canAsk = question.trim() !== "" && piProviders.length > 0 && !loading;
+  if (piProviders.length === 0) return null;
   const handleQuestionChange = (event) => {
     setConversation((current) => ({ ...current, question: event.currentTarget.value }));
   };
@@ -12729,8 +12718,8 @@ function PiAgentPanel({
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(BrainCircuit, { className: "size-4 text-cyan-200" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-foreground", children: "Search with Assistant" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: currentSessionId === null ? "Search all Inspector evidence" : "Search this session" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-xs font-semibold text-foreground", children: "Assistant" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] text-muted-foreground", children: currentSessionId === null ? "All evidence" : "Current session" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
@@ -12743,20 +12732,7 @@ function PiAgentPanel({
         }
       )
     ] }),
-    conversation.messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 rounded-md bg-black/[0.18] px-3 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] leading-5 text-muted-foreground", children: "Describe the traffic you want to find in plain language. Assistant searches saved traffic, sessions, tools, alerts, runs, groups, and knowledge, then uses linked evidence to shape the log results." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 grid gap-1.5", children: PI_AGENT_SCOPE_PILLS.map((pill) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "rounded-sm bg-cyan-400/[0.06] px-2 py-1.5 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.08)]",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[10px] font-medium text-cyan-50", children: pill.label }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 text-[9px] leading-4 text-muted-foreground", children: pill.description })
-          ]
-        },
-        pill.id
-      )) })
-    ] }),
+    conversation.messages.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-3 text-[11px] leading-5 text-muted-foreground", children: "Ask about failures, latency, tokens, and tools." }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-3 grid grid-cols-2 gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: providerId, onValueChange: handleProviderChange, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 border-0 bg-black/25 text-xs shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Provider" }) }),
@@ -12805,7 +12781,7 @@ function PiAgentPanel({
         value: question,
         onChange: handleQuestionChange,
         className: "mt-3 min-h-20 w-full resize-y rounded-md bg-black/25 px-3 py-2 text-xs leading-5 text-foreground outline-none shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] transition-colors placeholder:text-muted-foreground focus-visible:ring-1 focus-visible:ring-ring",
-        placeholder: "Search failures, slow requests, token spikes, tool calls..."
+        placeholder: "Ask about this Inspector data..."
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -12817,13 +12793,12 @@ function PiAgentPanel({
         className: "mt-2 inline-flex h-8 w-full items-center justify-center gap-2 rounded-md bg-cyan-400/12 px-3 text-xs font-medium text-cyan-100 shadow-[inset_0_0_0_1px_rgba(103,232,249,0.18)] transition-colors hover:bg-cyan-400/18 disabled:cursor-not-allowed disabled:opacity-50",
         children: [
           loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Send, { className: "size-3.5" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loading ? "Searching..." : "Search logs" })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: loading ? "Searching..." : "Ask Assistant" })
         ]
       }
     ),
     conversation.error !== null && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 break-words text-[11px] leading-5 text-red-200", children: conversation.error }),
-    piProviders.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "Configure a Provider with Responses, Chat, or Anthropic URL to enable Inspector Assistant." }),
-    logCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "No logs are visible in this scope yet; Inspector Assistant can still answer Provider setup questions." })
+    logCount === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-2 text-[11px] leading-5 text-muted-foreground", children: "No logs in this scope. Setup questions still work." })
   ] });
 }
 function computeCacheTrends(groups) {
@@ -14908,15 +14883,27 @@ function formatTimeRange(logs, timeDisplayFormat) {
 function slateMetricToneClass(tone) {
   switch (tone) {
     case "cool":
-      return "text-cyan-100";
+      return "text-status-cool";
     case "danger":
-      return "text-red-100";
+      return "text-status-danger";
     case "watch":
-      return "text-amber-100";
+      return "text-status-watch";
     case "neutral":
       return "text-foreground";
   }
 }
+function statusMetricIcon(status) {
+  switch (status) {
+    case "rolling":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3 text-status-cool" });
+    case "failed":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Siren, { className: "size-3 text-status-danger" });
+    case "watch":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Timer, { className: "size-3 text-status-watch" });
+    case "clear":
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 text-status-success" });
+  }
+}
 function statusMetricTone(status) {
   switch (status) {
     case "rolling":
@@ -14941,7 +14928,7 @@ function SessionSlateMetric({
   icon,
   tone = "neutral"
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 border-t border-white/10 px-4 py-3", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 border-t border-border/60 px-4 py-3", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 text-[10px] uppercase text-muted-foreground", children: [
       icon,
       label
@@ -14952,7 +14939,7 @@ function SessionSlateMetric({
 }
 function SessionOpeningSlate({ stats }) {
   if (stats.requests === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border border-border bg-card shadow-sm mb-4 overflow-hidden rounded-[8px]", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-4 overflow-hidden rounded-[8px] border border-border bg-card", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-[10px] font-semibold uppercase text-muted-foreground", children: [
@@ -14966,13 +14953,14 @@ function SessionOpeningSlate({ stats }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 font-mono", children: stats.timeRange ?? "Timeline pending" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 border-t border-white/10 md:grid-cols-3 2xl:grid-cols-6", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 border-t border-border/60 md:grid-cols-3 2xl:grid-cols-6", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         SessionSlateMetric,
         {
           label: "Status",
           value: stats.statusLabel,
           detail: requestHealthDetail(stats),
+          icon: statusMetricIcon(stats.status),
           tone: statusMetricTone(stats.status)
         }
       ),
@@ -15412,24 +15400,15 @@ function SidebarPanel({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "section",
-    {
-      className: cn(
-        "bg-white/[0.028] shadow-[inset_0_1px_0_rgba(255,255,255,0.035)] rounded-[8px]",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pt-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-[10px] font-semibold uppercase tracking-[0.14em] text-white/35", children: label }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3 pt-2", children })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: cn("rounded-[8px] border border-border/60 bg-card/55", className), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 pt-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "font-mono text-[10px] font-semibold uppercase tracking-[0.14em] text-text-subtle", children: label }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-3 pt-2", children })
+  ] });
 }
 function SidebarMetric({ label, value }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-black/20 min-w-0 rounded-md px-2 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-lg font-semibold leading-6 text-slate-100", children: value }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate font-mono text-[10px] uppercase tracking-[0.12em] text-white/35", children: label })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 rounded-md border border-border/50 bg-muted/30 px-2 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "truncate font-mono text-lg font-semibold leading-6 text-text-strong", children: value }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate font-mono text-[10px] uppercase tracking-[0.12em] text-text-subtle", children: label })
   ] });
 }
 function ThemeModeToggle() {
@@ -15437,7 +15416,7 @@ function ThemeModeToggle() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: "border-border/70 bg-muted/70 inline-flex h-8 items-center rounded-md border p-0.5 shadow-sm",
+      className: "inline-flex h-9 items-center rounded-md border border-border/70 bg-muted/70 p-0.5",
       "aria-label": "Theme mode",
       role: "group",
       children: [
@@ -15447,7 +15426,7 @@ function ThemeModeToggle() {
             type: "button",
             onClick: () => setThemeMode("light"),
             className: cn(
-              "inline-flex size-7 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+              "inline-flex size-8 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none max-lg:size-11",
               themeMode === "light" && "bg-background text-foreground shadow-sm"
             ),
             "aria-label": "Use light mode",
@@ -15462,7 +15441,7 @@ function ThemeModeToggle() {
             type: "button",
             onClick: () => setThemeMode("eye-care"),
             className: cn(
-              "inline-flex size-7 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+              "inline-flex size-8 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none max-lg:size-11",
               themeMode === "eye-care" && "bg-background text-foreground shadow-sm"
             ),
             "aria-label": "Use eye care mode",
@@ -15477,7 +15456,7 @@ function ThemeModeToggle() {
             type: "button",
             onClick: () => setThemeMode("dark"),
             className: cn(
-              "inline-flex size-7 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
+              "inline-flex size-8 items-center justify-center rounded-[6px] text-muted-foreground transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none max-lg:size-11",
               themeMode === "dark" && "bg-background text-foreground shadow-sm"
             ),
             "aria-label": "Use dark mode",
@@ -15528,7 +15507,7 @@ function UiScaleControl({
           SelectTrigger,
           {
             size: "sm",
-            className: "bg-white/[0.035] hover:bg-white/[0.065] h-8 min-w-[4rem] justify-center gap-1 border-0 px-2 py-0 text-muted-foreground shadow-[inset_0_0_0_1px_rgba(255,255,255,0.06)] [&>svg:last-child]:hidden",
+            className: "h-9 min-w-[4.5rem] justify-center gap-1 border-border/70 bg-muted/70 px-2 py-0 text-muted-foreground hover:bg-muted max-lg:h-11 [&>svg:last-child]:hidden",
             "aria-label": `Interface size: ${currentLabel}`,
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(ALargeSmall, { className: "size-3.5" }),
@@ -15547,11 +15526,33 @@ function UiScaleControl({
   );
 }
 const DETAILS_PANEL_COLLAPSED_STORAGE_KEY = "agent-inspector.detailsPanelCollapsed";
+const DETAILS_PANEL_WIDTH_STORAGE_KEY = "agent-inspector.detailsPanelWidth";
 const INSPECTOR_PET_VISIBLE_STORAGE_KEY = "agent-inspector.pet.visible";
+const DETAILS_PANEL_DEFAULT_WIDTH = 360;
+const DETAILS_PANEL_MIN_WIDTH = 288;
+const DETAILS_PANEL_MAX_WIDTH = 520;
+function clampDetailsPanelWidth(width) {
+  return Math.min(Math.max(width, DETAILS_PANEL_MIN_WIDTH), DETAILS_PANEL_MAX_WIDTH);
+}
 function readStoredDetailsPanelCollapsed() {
   if (typeof window === "undefined") return true;
-  const stored = window.localStorage.getItem(DETAILS_PANEL_COLLAPSED_STORAGE_KEY);
-  return stored === null || stored === "1";
+  try {
+    const stored = window.localStorage.getItem(DETAILS_PANEL_COLLAPSED_STORAGE_KEY);
+    return stored === null || stored === "1";
+  } catch {
+    return true;
+  }
+}
+function readStoredDetailsPanelWidth() {
+  if (typeof window === "undefined") return DETAILS_PANEL_DEFAULT_WIDTH;
+  try {
+    const stored = window.localStorage.getItem(DETAILS_PANEL_WIDTH_STORAGE_KEY);
+    if (stored === null) return DETAILS_PANEL_DEFAULT_WIDTH;
+    const parsed = Number.parseInt(stored, 10);
+    return Number.isFinite(parsed) ? clampDetailsPanelWidth(parsed) : DETAILS_PANEL_DEFAULT_WIDTH;
+  } catch {
+    return DETAILS_PANEL_DEFAULT_WIDTH;
+  }
 }
 function readStoredInspectorPetVisible() {
   if (typeof window === "undefined") return true;
@@ -15644,7 +15645,7 @@ function SessionModelContextRow({ summary }) {
           {
             type: "button",
             onClick: openLatestContext,
-            className: "min-w-0 truncate rounded-sm text-left font-mono font-semibold text-foreground transition-colors hover:text-cyan-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
+            className: "min-w-0 truncate rounded-sm text-left font-mono font-semibold text-foreground transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1",
             title: `Open latest Context for ${summary.model}`,
             children: summary.model
           }
@@ -15889,6 +15890,8 @@ function ProxyViewer({
   const [deleteDialogOpen, setDeleteDialogOpen] = reactExports.useState(false);
   const [deletingCurrentView, setDeletingCurrentView] = reactExports.useState(false);
   const [detailsPanelCollapsed, setDetailsPanelCollapsed] = reactExports.useState(true);
+  const [detailsPanelWidth, setDetailsPanelWidth] = reactExports.useState(DETAILS_PANEL_DEFAULT_WIDTH);
+  const [detailsPanelResizing, setDetailsPanelResizing] = reactExports.useState(false);
   const [detailsPanelStorageLoaded, setDetailsPanelStorageLoaded] = reactExports.useState(false);
   const [petVisible, setPetVisible] = reactExports.useState(true);
   const [petVisibilityStorageLoaded, setPetVisibilityStorageLoaded] = reactExports.useState(false);
@@ -15901,6 +15904,7 @@ function ProxyViewer({
   const importInputRef = reactExports.useRef(null);
   const exportAbortRef = reactExports.useRef(null);
   const exportRequestIdRef = reactExports.useRef(0);
+  const detailsPanelResizeRef = reactExports.useRef(null);
   useKeyboardNavigation(logListRef, logListWrapperRef, { pageWide: true });
   const proxyEndpoint = reactExports.useMemo(() => {
     const origin = typeof window === "undefined" ? "http://localhost:9527" : window.location.origin;
@@ -15923,6 +15927,7 @@ function ProxyViewer({
   );
   reactExports.useEffect(() => {
     setDetailsPanelCollapsed(readStoredDetailsPanelCollapsed());
+    setDetailsPanelWidth(readStoredDetailsPanelWidth());
     setDetailsPanelStorageLoaded(true);
   }, []);
   reactExports.useEffect(() => {
@@ -15932,6 +15937,13 @@ function ProxyViewer({
       detailsPanelCollapsed ? "1" : "0"
     );
   }, [detailsPanelCollapsed, detailsPanelStorageLoaded]);
+  reactExports.useEffect(() => {
+    if (!detailsPanelStorageLoaded) return;
+    try {
+      window.localStorage.setItem(DETAILS_PANEL_WIDTH_STORAGE_KEY, String(detailsPanelWidth));
+    } catch {
+    }
+  }, [detailsPanelStorageLoaded, detailsPanelWidth]);
   reactExports.useEffect(() => {
     setPetVisible(readStoredInspectorPetVisible());
     setPetVisibilityStorageLoaded(true);
@@ -16079,6 +16091,40 @@ function ProxyViewer({
   const toggleDetailsPanelCollapsed = reactExports.useCallback(() => {
     setDetailsPanelCollapsed((value) => !value);
   }, []);
+  const handleDetailsPanelResizeStart = reactExports.useCallback(
+    (event) => {
+      detailsPanelResizeRef.current = {
+        startX: event.clientX,
+        startWidth: detailsPanelWidth,
+        pointerId: event.pointerId
+      };
+      event.currentTarget.setPointerCapture(event.pointerId);
+      setDetailsPanelResizing(true);
+    },
+    [detailsPanelWidth]
+  );
+  const handleDetailsPanelResizeMove = reactExports.useCallback(
+    (event) => {
+      const resize = detailsPanelResizeRef.current;
+      if (resize === null || resize.pointerId !== event.pointerId) return;
+      setDetailsPanelWidth(
+        clampDetailsPanelWidth(resize.startWidth + resize.startX - event.clientX)
+      );
+    },
+    []
+  );
+  const handleDetailsPanelResizeEnd = reactExports.useCallback((event) => {
+    const resize = detailsPanelResizeRef.current;
+    if (resize === null || resize.pointerId !== event.pointerId) return;
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+    detailsPanelResizeRef.current = null;
+    setDetailsPanelResizing(false);
+  }, []);
+  const resetDetailsPanelWidth = reactExports.useCallback(() => {
+    setDetailsPanelWidth(DETAILS_PANEL_DEFAULT_WIDTH);
+  }, []);
   const togglePetVisibility = reactExports.useCallback(() => {
     setPetVisible((value) => !value);
   }, []);
@@ -16151,13 +16197,12 @@ function ProxyViewer({
         type: "button",
         onClick: toggleDetailsPanelCollapsed,
         className: cn(
-          "group fixed top-1/2 right-3 z-40 inline-flex h-14 w-7 -translate-y-1/2 items-center justify-center rounded-l-md border border-white/[0.08] bg-background/90 text-muted-foreground shadow-[0_12px_34px_rgba(0,0,0,0.26),inset_0_1px_0_rgba(255,255,255,0.06)] backdrop-blur transition-[right,background-color,color,border-color] duration-200 motion-reduce:transition-none hover:border-white/[0.16] hover:bg-white/[0.07] hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none",
-          detailsPanelCollapsed ? "right-3" : "lg:right-[calc(21.25rem-0.875rem)] xl:right-[calc(22.5rem-0.875rem)]"
+          "group fixed top-1/2 right-3 z-50 inline-flex h-14 w-8 -translate-y-1/2 items-center justify-center rounded-l-md border border-border/70 bg-background/90 text-muted-foreground shadow-lg backdrop-blur transition-colors motion-reduce:transition-none hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none"
         ),
         "aria-label": detailsPanelCollapsed ? "Show details panel" : "Hide details panel",
         title: detailsPanelCollapsed ? "Show details panel" : "Hide details panel",
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute left-1 top-2 bottom-2 w-px rounded-full bg-white/[0.16] transition-colors group-hover:bg-white/[0.28]" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "absolute bottom-2 left-1 top-2 w-px rounded-full bg-border transition-colors group-hover:bg-foreground/35" }),
           detailsPanelCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightOpen, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRightClose, { className: "size-3.5" })
         ]
       }
@@ -16167,86 +16212,132 @@ function ProxyViewer({
       "div",
       {
         className: cn(
-          "grid w-full min-w-0 grid-cols-1 lg:min-h-0 lg:flex-1 lg:overflow-hidden",
-          detailsPanelCollapsed ? "lg:grid-cols-[minmax(0,1fr)]" : "lg:grid-cols-[minmax(0,1fr)_21.25rem] xl:grid-cols-[minmax(0,1fr)_22.5rem]"
+          "flex w-full min-w-0 flex-col lg:min-h-0 lg:flex-1 lg:flex-row lg:overflow-hidden",
+          detailsPanelResizing && "cursor-col-resize select-none"
         ),
         children: [
-          !detailsPanelCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: "bg-background/95 order-1 border-b border-white/[0.045] lg:order-2 lg:h-full lg:overflow-y-auto lg:border-b-0 lg:border-l lg:border-white/[0.055] inspector-scrollbar", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-full flex-col gap-4 p-4", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "bg-background/95 sticky top-0 z-20 -mx-4 -mt-4 px-4 pt-4 pb-3 shadow-[0_12px_24px_rgba(0,0,0,0.18),inset_0_-1px_0_rgba(255,255,255,0.045)] backdrop-blur", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Tools", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeModeToggle, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                UiScaleControl,
-                {
-                  preference: uiScalePreference,
-                  resolvedScale: resolvedUiScale,
-                  onChange: setUiScalePreference
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(AgentLabDialog, { currentSessionId: labSessionId, logCount: logs.length })
-            ] }) }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarPanel, { label: "Current scope", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 rounded-md bg-black/20 px-3 py-2 shadow-[inset_0_1px_0_rgba(255,255,255,0.035)]", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "div",
-                  {
-                    className: "truncate font-mono text-xs font-semibold text-cyan-100",
-                    title: activeScopeLabel,
-                    children: activeScopeLabel
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-[11px] text-muted-foreground", children: isPinnedSessionPage ? "Pinned session" : "Live Inspector data" })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SidebarMetric,
-                  {
-                    label: assistantSearchResult === null ? "Requests" : "Results",
-                    value: displayedLogs.length
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMetric, { label: "Sessions", value: sessions.length }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SidebarMetric,
-                  {
-                    label: "Input",
-                    value: formatTokens(hasSessionContext ? sessionContextTotalIn : totalIn)
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SidebarMetric,
-                  {
-                    label: "Output",
-                    value: formatTokens(hasSessionContext ? sessionContextTotalOut : totalOut)
-                  }
-                )
-              ] }),
-              sessionLoadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md bg-black/20 px-2 py-2 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.045)]", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: sessionLoadProgress }) })
-            ] }),
-            hasSessionContext && sessionContextScope !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              SessionContextBar,
+          !detailsPanelCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
               {
-                label: sessionContextScope.label,
-                logs: sessionContextLogs,
-                totalIn: sessionContextTotalIn,
-                totalOut: sessionContextTotalOut,
-                timeDisplayFormat,
-                contextSummary: sessionContextSummary,
-                showBackLink: sessionContextScope.showBackLink
+                type: "button",
+                className: "fixed inset-0 z-30 bg-background/70 backdrop-blur-sm lg:hidden",
+                onClick: toggleDetailsPanelCollapsed,
+                "aria-label": "Close details panel"
               }
             ),
-            hasSessionContext && pinnedSessionId !== void 0 && sessionMemberships.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SessionMembershipPanel, { memberships: sessionMemberships }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              PiAgentPanel,
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "aside",
               {
-                currentSessionId: labSessionId,
-                logCount: logs.length,
-                onResultChange: setAssistantSearchResult
+                className: "inspector-scrollbar fixed inset-x-3 bottom-3 top-24 z-40 order-1 overflow-y-auto rounded-lg border border-border bg-background/98 shadow-2xl max-lg:!w-auto lg:relative lg:inset-auto lg:order-2 lg:h-full lg:shrink-0 lg:rounded-none lg:border-y-0 lg:border-r-0 lg:shadow-none",
+                style: { width: detailsPanelWidth },
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "absolute bottom-0 left-0 top-0 z-30 hidden w-2 -translate-x-1/2 cursor-col-resize touch-none items-center justify-center lg:flex",
+                      onPointerDown: handleDetailsPanelResizeStart,
+                      onPointerMove: handleDetailsPanelResizeMove,
+                      onPointerUp: handleDetailsPanelResizeEnd,
+                      onPointerCancel: handleDetailsPanelResizeEnd,
+                      onDoubleClick: resetDetailsPanelWidth,
+                      "aria-label": "Resize details panel",
+                      title: "Drag to resize; double-click to reset",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "h-12 w-1 rounded-full bg-border transition-colors hover:bg-primary" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-full flex-col gap-4 p-4", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sticky top-0 z-20 -mx-4 -mt-4 grid gap-2 border-b border-border/60 bg-background/95 px-4 pb-3 pt-4 backdrop-blur", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "View", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(ThemeModeToggle, {}),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          UiScaleControl,
+                          {
+                            preference: uiScalePreference,
+                            resolvedScale: resolvedUiScale,
+                            onChange: setUiScalePreference
+                          }
+                        )
+                      ] }) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarPanel, { label: "Workspace", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, { labelledTrigger: true }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          AgentLabDialog,
+                          {
+                            currentSessionId: labSessionId,
+                            logCount: logs.length,
+                            labelledTrigger: true
+                          }
+                        )
+                      ] }) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(SidebarPanel, { label: "Current scope", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 rounded-md border border-border/50 bg-muted/25 px-3 py-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "div",
+                          {
+                            className: "truncate font-mono text-xs font-semibold text-text-link",
+                            title: activeScopeLabel,
+                            children: activeScopeLabel
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 text-[11px] text-muted-foreground", children: isPinnedSessionPage ? "Pinned session" : "Live Inspector data" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          SidebarMetric,
+                          {
+                            label: assistantSearchResult === null ? "Requests" : "Results",
+                            value: displayedLogs.length
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarMetric, { label: "Sessions", value: sessions.length }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          SidebarMetric,
+                          {
+                            label: "Input",
+                            value: formatTokens(hasSessionContext ? sessionContextTotalIn : totalIn)
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          SidebarMetric,
+                          {
+                            label: "Output",
+                            value: formatTokens(hasSessionContext ? sessionContextTotalOut : totalOut)
+                          }
+                        )
+                      ] }),
+                      sessionLoadProgress !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 rounded-md border border-border/50 bg-muted/25 px-2 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SessionLoadProgressBar, { progress: sessionLoadProgress }) })
+                    ] }),
+                    hasSessionContext && sessionContextScope !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SessionContextBar,
+                      {
+                        label: sessionContextScope.label,
+                        logs: sessionContextLogs,
+                        totalIn: sessionContextTotalIn,
+                        totalOut: sessionContextTotalOut,
+                        timeDisplayFormat,
+                        contextSummary: sessionContextSummary,
+                        showBackLink: sessionContextScope.showBackLink
+                      }
+                    ),
+                    hasSessionContext && pinnedSessionId !== void 0 && sessionMemberships.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SessionMembershipPanel, { memberships: sessionMemberships }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      PiAgentPanel,
+                      {
+                        currentSessionId: labSessionId,
+                        logCount: logs.length,
+                        onResultChange: setAssistantSearchResult
+                      }
+                    )
+                  ] })
+                ]
               }
             )
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "order-2 min-w-0 lg:order-1 lg:h-full lg:overflow-y-auto inspector-scrollbar", children: [
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "inspector-scrollbar order-2 min-w-0 lg:order-1 lg:h-full lg:flex-1 lg:overflow-y-auto", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "bg-background/95 shadow-[0_12px_36px_rgba(0,0,0,0.18),inset_0_-1px_0_rgba(255,255,255,0.045)] sticky top-0 z-30 px-4 py-3 lg:px-5", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-[180px] flex-1", children: [