@tonyclaw/agent-inspector 2.0.30 → 2.0.32

package/.output/server/_ssr/{ProxyViewerContainer-DhbmJ2zj.mjs → ProxyViewerContainer-BqOcZ7en.mjs}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, a as React } from "../_libs/react.mjs";
-import { 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 ProviderConfigSchema, r as requestFormatForPath, j as createPendingProviderTestResults, k as ProviderTestResultsSchema, l as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, n as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, h as providerHasContextMetadata, i as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, o as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, q as isPlainRecord } from "./router-sQh4Gk8J.mjs";
+import { 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, v as packageJson, h as GroupEvidenceExportResultSchema, i as DeleteInspectorGroupResponseSchema, d as RuntimeConfigSchema, P as ProviderConfigSchema, r as requestFormatForPath, l as createPendingProviderTestResults, n as ProviderTestResultsSchema, o as createFailedProviderTestResults, M as MAX_SLOW_RESPONSE_THRESHOLD_SECONDS, q as MAX_PROVIDER_TEST_TIMEOUT_SECONDS, T as TimeDisplayFormatSchema, m as maskApiKey, j as providerHasContextMetadata, k as findProviderModelMetadata, g as getSessionPath, p as parseOpenAIResponse, O as OpenAIRequestSchema, A as AnthropicResponseSchema$1, e as AnthropicRequestSchema, s as safeGetOwnProperty, t as resolveProviderContextWindow, K as KnowledgeCandidateSchema, f as stripClaudeCodeBillingHeader, u as isPlainRecord, G as GroupEvidenceReadResponseSchema$1, I as InspectorGroupsListResponseSchema } from "./router-DUb5lKw1.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";
@@ -9,12 +9,12 @@ import { R as Root, T as Trigger$2, C as Content, a as Close, b as Title, P as P
 import { d as diffJson, a as diffLines } from "../_libs/diff.mjs";
 import { u as useWindowVirtualizer, a as useVirtualizer } from "../_libs/tanstack__react-virtual.mjs";
 import { R as Root2, T as Trigger, I as Icon, V as Value, P as Portal, C as Content2, a as Viewport, b as Item, c as ItemIndicator, d as ItemText, S as ScrollUpButton, e as ScrollDownButton } from "../_libs/radix-ui__react-select.mjs";
-import { C as Check, X, P as Plus, D as Download, S as Settings, A as ArrowLeft, a as Copy, b as ChevronDown, U as Upload, c as Scan, d as CircleAlert, T as Terminal, e as ChevronUp, E as EyeOff, f as Eye, g as ExternalLink, R as RotateCw, h as Clock, i as ChevronRight, j as Pencil, k as Trash2, L as LoaderCircle, l as ArrowUpRight, m as ArrowDownRight, n as User, M as MessageSquare, Z as Zap, W as Wrench, o as TriangleAlert, B as Brain, p as Minus, q as CircleCheckBig, r as CircleX, s as ShieldCheck, t as RefreshCw, u as Save, F as FileSearch, v as CircleCheck, w as CloudUpload, O as OctagonAlert, x as Radio, G as Gauge, y as Globe, z as FileTerminal, H as ChevronsUp, I as ChevronsDown, J as FileDiff, K as History, N as RotateCcw, Q as Search, V as GitCompareArrows, Y as CircleQuestionMark, _ as Server, $ as Lock, a0 as Wifi, a1 as WifiOff, a2 as ArrowUp, a3 as ArrowDown, a4 as Ellipsis, a5 as CodeXml, a6 as Blocks, a7 as MousePointerClick, a8 as FileText, a9 as Rows3, aa as Columns2 } from "../_libs/lucide-react.mjs";
+import { C as Check, X, P as Plus, D as Download, L as Layers, a as LoaderCircle, R as RefreshCw, S as Settings, A as ArrowLeft, b as Copy, c as ChevronDown, T as Trash2, U as Upload, d as Scan, e as CircleAlert, f as Terminal, g as ChevronUp, E as EyeOff, h as Eye, i as ExternalLink, j as RotateCw, k as Clock, l as ChevronRight, m as Pencil, n as ArrowUpRight, o as ArrowDownRight, p as User, M as MessageSquare, Z as Zap, W as Wrench, q as TriangleAlert, B as Brain, r as Minus, s as CircleCheckBig, t as CircleX, u as ShieldCheck, v as Save, F as FileSearch, w as CircleCheck, x as CloudUpload, O as OctagonAlert, y as Radio, G as Gauge, z as Globe, H as FileTerminal, I as ChevronsUp, J as ChevronsDown, K as FileDiff, N as History, Q as RotateCcw, V as Search, Y as GitCompareArrows, _ as CircleQuestionMark, $ as Server, a0 as Lock, a1 as Wifi, a2 as WifiOff, a3 as ArrowUp, a4 as ArrowDown, a5 as Ellipsis, a6 as CodeXml, a7 as Blocks, a8 as MousePointerClick, a9 as FileText, aa as Rows3, ab as Columns2 } from "../_libs/lucide-react.mjs";
 import { M as Markdown } from "../_libs/react-markdown.mjs";
 import { u as union, d as object, a as array, l as literal, b as string, n as number, c as boolean, _ as _enum } from "../_libs/zod.mjs";
 import { P as Provider, R as Root3, T as Trigger$1, a as Portal$1, C as Content2$1, A as Arrow2 } from "../_libs/radix-ui__react-tooltip.mjs";
-import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { S as Slot } from "../_libs/radix-ui__react-slot.mjs";
+import { R as Root2$1, L as List, T as Trigger$3, C as Content$1 } from "../_libs/radix-ui__react-tabs.mjs";
 import { R as Root$1, C as CollapsibleContent$1, a as CollapsibleTrigger$1 } from "../_libs/radix-ui__react-collapsible.mjs";
 import { R as Root$2, V as Viewport$1, C as Corner, S as ScrollAreaScrollbar, a as ScrollAreaThumb } from "../_libs/radix-ui__react-scroll-area.mjs";
 const ApiErrorSchema = object({
@@ -414,7 +414,7 @@ async function exportLogsAsZip(logs, mode = "redacted") {
   URL.revokeObjectURL(url);
   return { ok: true };
 }
-function formatTimestamp(iso, format) {
+function formatTimestamp$1(iso, format) {
   switch (format) {
     case "full":
       return iso;
@@ -427,7 +427,7 @@ function formatTimestamp(iso, format) {
   }
 }
 function formatTimestampRange(startedAt, endedAt, format) {
-  return `${formatTimestamp(startedAt, format)} - ${formatTimestamp(endedAt, format)}`;
+  return `${formatTimestamp$1(startedAt, format)} - ${formatTimestamp$1(endedAt, format)}`;
 }
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -515,10 +515,6 @@ function useProviders() {
     mutate: response.mutate
   };
 }
-const version = "2.0.30";
-const packageJson = {
-  version
-};
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -1576,19 +1572,19 @@ function useCopyFeedback(text) {
   return { copied, copy };
 }
 const LazyCompareDrawer = reactExports.lazy(
-  () => import("./CompareDrawer-BJVPFMIx.mjs").then((m) => ({ default: m.CompareDrawer }))
+  () => import("./CompareDrawer-CzgjhnUa.mjs").then((m) => ({ default: m.CompareDrawer }))
 );
 const LazyReplayDialog = reactExports.lazy(
-  () => import("./ReplayDialog-DXRj95Gj.mjs").then((m) => ({ default: m.ReplayDialog }))
+  () => import("./ReplayDialog-DmEknIL8.mjs").then((m) => ({ default: m.ReplayDialog }))
 );
 const LazyRequestAnatomy = reactExports.lazy(
-  () => import("./RequestAnatomy-CrYJTXdJ.mjs").then((m) => ({ default: m.RequestAnatomy }))
+  () => import("./RequestAnatomy-DNoiMudY.mjs").then((m) => ({ default: m.RequestAnatomy }))
 );
 const LazyResponseView = reactExports.lazy(
-  () => import("./ResponseView-4ESqSITr.mjs").then((m) => ({ default: m.ResponseView }))
+  () => import("./ResponseView-C_cRrleT.mjs").then((m) => ({ default: m.ResponseView }))
 );
 const LazyStreamingChunkSequence = reactExports.lazy(
-  () => import("./StreamingChunkSequence-Czdko5n_.mjs").then((m) => ({
+  () => import("./StreamingChunkSequence-DHZ9Q_dL.mjs").then((m) => ({
     default: m.StreamingChunkSequence
   }))
 );
@@ -2059,7 +2055,7 @@ const LogEntryHeader = reactExports.memo(function({
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1 text-muted-foreground text-xs shrink-0", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", title: log.timestamp, children: formatTimestamp(log.timestamp, timeDisplayFormat) })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-mono tabular-nums", title: log.timestamp, children: formatTimestamp$1(log.timestamp, timeDisplayFormat) })
         ] }),
         log.model !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ProviderLogo, { provider: detectProvider(log.model), className: "size-4" }) }) }),
@@ -5431,6 +5427,723 @@ function SelectScrollDownButton({
     }
   );
 }
+function evidenceKey(group) {
+  if (group === null || group.evidence === null) return null;
+  return `/api/groups/${encodeURIComponent(group.id)}/evidence`;
+}
+function useGroupEvidence(group) {
+  const response = useSWR(evidenceKey(group), (url) => fetchJson(url, GroupEvidenceReadResponseSchema$1));
+  return {
+    evidenceResponse: response.data ?? null,
+    isLoading: response.isLoading,
+    error: response.error,
+    mutate: response.mutate
+  };
+}
+function useGroups() {
+  const response = useSWR("/api/groups", (url) => fetchJson(url, InspectorGroupsListResponseSchema));
+  return {
+    groups: response.data?.groups ?? [],
+    isLoading: response.isLoading,
+    error: response.error,
+    mutate: response.mutate
+  };
+}
+function groupDeletePath(groupId, deleteEvidence) {
+  const path = `/api/groups/${encodeURIComponent(groupId)}`;
+  return deleteEvidence ? `${path}?deleteEvidence=1` : path;
+}
+function summarizeGroup(group) {
+  let completedMembers = 0;
+  let failedMembers = 0;
+  let runningMembers = 0;
+  let missingStatusMembers = 0;
+  for (const member of group.members) {
+    switch (member.status) {
+      case "completed":
+        completedMembers += 1;
+        break;
+      case "failed":
+      case "cancelled":
+        failedMembers += 1;
+        break;
+      case "running":
+        runningMembers += 1;
+        break;
+      case "created":
+        break;
+      case null:
+        missingStatusMembers += 1;
+        break;
+    }
+  }
+  return {
+    memberCount: group.members.length,
+    completedMembers,
+    failedMembers,
+    runningMembers,
+    missingStatusMembers
+  };
+}
+function buildGroupMemberRows(group, exportResult) {
+  if (exportResult !== null && exportResult.group.id === group.id) {
+    return exportResult.members.map((exportMember) => ({
+      member: exportMember.member,
+      exportMember
+    }));
+  }
+  return group.members.map((member) => ({ member, exportMember: null }));
+}
+function statusClassName(status) {
+  switch (status) {
+    case "completed":
+      return "border-emerald-200 bg-emerald-50 text-emerald-700";
+    case "failed":
+    case "cancelled":
+      return "border-red-200 bg-red-50 text-red-700";
+    case "running":
+      return "border-sky-200 bg-sky-50 text-sky-700";
+    case "created":
+      return "border-zinc-200 bg-zinc-50 text-zinc-600";
+    case null:
+      return "border-zinc-200 bg-zinc-50 text-zinc-500";
+  }
+}
+function statusLabel(status) {
+  return status ?? "unknown";
+}
+function reportStatusClassName(status) {
+  switch (status) {
+    case "PASS":
+      return "border-emerald-200 bg-emerald-50 text-emerald-700";
+    case "FAIL":
+      return "border-red-200 bg-red-50 text-red-700";
+    case "RUNNING":
+      return "border-sky-200 bg-sky-50 text-sky-700";
+    case "UNKNOWN":
+      return "border-zinc-200 bg-zinc-50 text-zinc-600";
+  }
+}
+function displayText(value) {
+  if (value === null || value.trim().length === 0) return "-";
+  return value;
+}
+function formatNumber(value) {
+  return value.toLocaleString();
+}
+function formatMs(value) {
+  if (value === null || value === void 0) return "-";
+  if (value < 1e3) return `${formatNumber(value)} ms`;
+  return `${(value / 1e3).toFixed(1)} s`;
+}
+function formatTimestamp(value) {
+  const millis = Date.parse(value);
+  if (!Number.isFinite(millis)) return value;
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  }).format(new Date(millis));
+}
+function firstNonEmpty(...values) {
+  for (const value of values) {
+    if (value !== null && value.trim().length > 0) return value;
+  }
+  return "-";
+}
+function providerModel(member) {
+  const provider = member.provider;
+  const model = member.model;
+  if (provider !== null && provider.length > 0 && model !== null && model.length > 0) {
+    return `${provider} / ${model}`;
+  }
+  return firstNonEmpty(provider, model);
+}
+function selectedGroupFrom(groups, selectedGroupId) {
+  if (selectedGroupId !== null) {
+    const selected = groups.find((group) => group.id === selectedGroupId);
+    if (selected !== void 0) return selected;
+  }
+  return groups[0] ?? null;
+}
+function latestLog(row) {
+  const logs = row.exportMember?.session?.latestLogs ?? [];
+  return logs[0] ?? null;
+}
+function evidenceFor(group, exportResult) {
+  if (exportResult !== null && exportResult.group.id === group.id) return exportResult.evidence;
+  return group.evidence;
+}
+function exportSummaryFor(group, exportResult, evidenceResponse) {
+  if (exportResult !== null && exportResult.group.id === group.id) return exportResult.summary;
+  if (evidenceResponse !== null && evidenceResponse.group.id === group.id) {
+    return evidenceResponse.summary;
+  }
+  return null;
+}
+function evidenceReportFor(group, exportResult, evidenceResponse) {
+  if (exportResult !== null && exportResult.group.id === group.id) {
+    return exportResult.jenkinsReport;
+  }
+  if (evidenceResponse !== null && evidenceResponse.group.id === group.id) {
+    return evidenceResponse.report;
+  }
+  return null;
+}
+function GroupsDialog() {
+  const [open, setOpen] = reactExports.useState(false);
+  const [selectedGroupId, setSelectedGroupId] = reactExports.useState(null);
+  const [exportingGroupId, setExportingGroupId] = reactExports.useState(null);
+  const [exportError, setExportError] = reactExports.useState(null);
+  const [exportResult, setExportResult] = reactExports.useState(null);
+  const [deleteTarget, setDeleteTarget] = reactExports.useState(null);
+  const [deleteEvidence, setDeleteEvidence] = reactExports.useState(false);
+  const [deletingGroupId, setDeletingGroupId] = reactExports.useState(null);
+  const [deleteError, setDeleteError] = reactExports.useState(null);
+  const { groups, isLoading, error, mutate } = useGroups();
+  const selectedGroup = reactExports.useMemo(
+    () => selectedGroupFrom(groups, selectedGroupId),
+    [groups, selectedGroupId]
+  );
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const hasSelected = selectedGroupId !== null && groups.some((group) => group.id === selectedGroupId);
+    if (hasSelected) return;
+    setSelectedGroupId(groups[0]?.id ?? null);
+  }, [groups, open, selectedGroupId]);
+  const selectedExportResult = selectedGroup !== null && exportResult !== null && exportResult.group.id === selectedGroup.id ? exportResult : null;
+  const {
+    evidenceResponse,
+    isLoading: evidenceLoading,
+    error: evidenceError,
+    mutate: mutateEvidence
+  } = useGroupEvidence(selectedGroup);
+  const handleRefresh = reactExports.useCallback(() => {
+    void mutate();
+  }, [mutate]);
+  const handleExport = reactExports.useCallback(
+    async (group) => {
+      setExportingGroupId(group.id);
+      setExportError(null);
+      try {
+        const response = await fetch(`/api/groups/${encodeURIComponent(group.id)}/evidence`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ latestLogLimit: 10 })
+        });
+        if (!response.ok) {
+          setExportError(
+            await readApiError(response, `Export failed with status ${String(response.status)}`)
+          );
+          return;
+        }
+        const parsed = await parseJsonResponse$1(response, GroupEvidenceExportResultSchema);
+        setExportResult(parsed);
+        await mutate();
+        await mutateEvidence();
+      } catch (err) {
+        setExportError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setExportingGroupId(null);
+      }
+    },
+    [mutate, mutateEvidence]
+  );
+  const handleRequestDelete = reactExports.useCallback((group) => {
+    setDeleteTarget(group);
+    setDeleteEvidence(false);
+    setDeleteError(null);
+  }, []);
+  const handleDeleteDialogOpenChange = reactExports.useCallback(
+    (nextOpen) => {
+      if (nextOpen || deletingGroupId !== null) return;
+      setDeleteTarget(null);
+      setDeleteEvidence(false);
+      setDeleteError(null);
+    },
+    [deletingGroupId]
+  );
+  const handleDelete = reactExports.useCallback(async () => {
+    const group = deleteTarget;
+    if (group === null) return;
+    setDeletingGroupId(group.id);
+    setDeleteError(null);
+    try {
+      const response = await fetch(groupDeletePath(group.id, deleteEvidence), {
+        method: "DELETE"
+      });
+      if (!response.ok) {
+        setDeleteError(
+          await readApiError(response, `Delete failed with status ${String(response.status)}`)
+        );
+        return;
+      }
+      await parseJsonResponse$1(response, DeleteInspectorGroupResponseSchema);
+      setExportResult(
+        (current) => current !== null && current.group.id === group.id ? null : current
+      );
+      setSelectedGroupId((current) => current === group.id ? null : current);
+      setDeleteTarget(null);
+      setDeleteEvidence(false);
+      await mutate();
+      await mutateEvidence();
+    } catch (err) {
+      setDeleteError(err instanceof Error ? err.message : String(err));
+    } finally {
+      setDeletingGroupId(null);
+    }
+  }, [deleteEvidence, deleteTarget, mutate, mutateEvidence]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Dialog, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "relative size-8",
+          "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.jsxs(DialogContent, { className: "flex max-h-[85vh] max-w-5xl flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2 pr-8", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { className: "size-5 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Groups" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: formatNumber(groups.length) })
+        ] }) }),
+        /* @__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: "grid min-h-0 flex-1 gap-4 md:grid-cols-[260px_minmax(0,1fr)]", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            GroupList,
+            {
+              groups,
+              selectedGroupId: selectedGroup?.id ?? null,
+              isLoading,
+              error,
+              onSelect: setSelectedGroupId
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            GroupDetails,
+            {
+              group: selectedGroup,
+              exportResult: selectedExportResult,
+              evidenceResponse,
+              evidenceLoading,
+              evidenceError,
+              exportError,
+              deleteError,
+              exportingGroupId,
+              deletingGroupId,
+              onExport: handleExport,
+              onRequestDelete: handleRequestDelete
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DeleteGroupDialog,
+      {
+        group: deleteTarget,
+        open: deleteTarget !== null,
+        deleteEvidence,
+        isDeleting: deleteTarget !== null && deletingGroupId === deleteTarget.id,
+        error: deleteError,
+        onDeleteEvidenceChange: setDeleteEvidence,
+        onOpenChange: handleDeleteDialogOpenChange,
+        onConfirm: () => void handleDelete()
+      }
+    )
+  ] });
+}
+function GroupList({
+  groups,
+  selectedGroupId,
+  isLoading,
+  error,
+  onSelect
+}) {
+  if (isLoading) {
+    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 });
+  }
+  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." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 overflow-y-auto pr-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-2", children: groups.map((group) => {
+    const summary = summarizeGroup(group);
+    const selected = selectedGroupId === group.id;
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(group.id),
+        className: cn(
+          "w-full rounded-md border px-3 py-2 text-left text-xs transition-colors",
+          selected ? "border-primary bg-primary/5" : "border-border bg-background hover:bg-muted/50"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate text-sm font-medium", children: group.title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(group.status), children: statusLabel(group.status) })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mt-1 flex items-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+              summary.memberCount,
+              " sessions"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatTimestamp(group.updatedAt) })
+          ] })
+        ]
+      },
+      group.id
+    );
+  }) }) });
+}
+function GroupDetails({
+  group,
+  exportResult,
+  evidenceResponse,
+  evidenceLoading,
+  evidenceError,
+  exportError,
+  deleteError,
+  exportingGroupId,
+  deletingGroupId,
+  onExport,
+  onRequestDelete
+}) {
+  if (group === null) {
+    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: "Select a group to inspect." });
+  }
+  const summary = summarizeGroup(group);
+  const exportedSummary = exportSummaryFor(group, exportResult, evidenceResponse);
+  const evidenceReport = evidenceReportFor(group, exportResult, evidenceResponse);
+  const evidence = evidenceFor(group, exportResult);
+  const rows = buildGroupMemberRows(group, exportResult);
+  const isExporting = exportingGroupId === group.id;
+  const isDeleting = deletingGroupId === group.id;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 overflow-y-auto pr-1", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 space-y-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "min-w-0 truncate text-base font-semibold", children: group.title }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(group.status), children: statusLabel(group.status) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: group.kind })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: displayText(group.project) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+            "updated ",
+            formatTimestamp(group.updatedAt)
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "size-8 text-red-600 hover:text-red-700",
+            "aria-label": "Delete group",
+            title: "Delete group",
+            disabled: isDeleting,
+            onClick: () => onRequestDelete(group),
+            children: isDeleting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "default",
+            size: "sm",
+            className: "shrink-0",
+            disabled: isExporting || isDeleting,
+            onClick: () => void onExport(group),
+            children: [
+              isExporting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Download, { className: "size-3.5" }),
+              "Export evidence"
+            ]
+          }
+        )
+      ] })
+    ] }),
+    group.task !== null && group.task.trim().length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "rounded-md border border-border bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: group.task }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 sm:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Members", value: summary.memberCount }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Done", value: summary.completedMembers }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Failed", value: summary.failedMembers }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Running", value: summary.runningMembers })
+    ] }),
+    exportedSummary !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2 sm:grid-cols-4", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Requests", value: exportedSummary.requestCount }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Errors", value: exportedSummary.errorCount }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Tokens", value: exportedSummary.tokenUsage.total }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SummaryStat, { label: "Missing", value: exportedSummary.missingSessions })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EvidenceReportCard,
+      {
+        report: evidenceReport,
+        loading: evidenceLoading,
+        error: evidenceError,
+        hasEvidence: evidence !== null
+      }
+    ),
+    /* @__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 && /* @__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 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(MemberTable, { rows })
+  ] }) });
+}
+function DeleteGroupDialog({
+  group,
+  open,
+  deleteEvidence,
+  isDeleting,
+  error,
+  onDeleteEvidenceChange,
+  onOpenChange,
+  onConfirm
+}) {
+  const title = group?.title ?? "this group";
+  const hasEvidence = group?.evidence !== null && group?.evidence !== void 0;
+  const evidencePath = group?.evidence?.markdownPath ?? "No evidence pack exported.";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "max-w-md", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { className: "flex items-center gap-2 pr-8", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-5 text-red-600" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Delete group" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        "Delete ",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: title }),
+        "? Session logs and run records stay intact."
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "label",
+        {
+          className: cn(
+            "flex items-start gap-3 rounded-md border border-border bg-muted/20 px-3 py-2 text-sm",
+            hasEvidence ? "cursor-pointer" : "opacity-60"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                type: "checkbox",
+                className: "mt-0.5 size-4",
+                checked: deleteEvidence,
+                disabled: !hasEvidence || isDeleting,
+                onChange: (event) => onDeleteEvidenceChange(event.currentTarget.checked)
+              }
+            ),
+            /* @__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-muted-foreground", children: evidencePath })
+            ] })
+          ]
+        }
+      ),
+      error !== 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: error })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          disabled: isDeleting,
+          onClick: () => onOpenChange(false),
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          size: "sm",
+          disabled: isDeleting || group === null,
+          onClick: onConfirm,
+          children: [
+            isDeleting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" }),
+            "Delete"
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function SummaryStat({ label, value }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-1 font-mono text-sm font-semibold", children: formatNumber(value) })
+  ] });
+}
+function EvidenceReportCard({
+  report,
+  loading,
+  error,
+  hasEvidence
+}) {
+  const { copied, copy } = useCopyFeedback(report?.markdown ?? null);
+  if (report === null && !loading && error === void 0) return null;
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 rounded-md border border-border bg-muted/20 px-3 py-2 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+      "Loading evidence report..."
+    ] });
+  }
+  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: [
+      "Failed to load evidence report: ",
+      error.message
+    ] });
+  }
+  if (report === null) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold", children: "Evidence report" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: reportStatusClassName(report.status), children: report.status })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          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" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: report.summary })
+  ] });
+}
+function EvidencePaths({ evidence }) {
+  if (evidence === null) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-md border border-dashed border-border px-3 py-2 text-xs text-muted-foreground", children: "No evidence pack exported yet." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2 rounded-md border border-border bg-muted/20 px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-semibold", children: "Evidence paths" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[11px] text-muted-foreground", children: formatTimestamp(evidence.exportedAt) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyPathRow, { label: "JSON", value: evidence.jsonPath }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyPathRow, { label: "Markdown", value: evidence.markdownPath }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CopyPathRow, { label: "HTML", value: evidence.htmlPath })
+    ] })
+  ] });
+}
+function CopyPathRow({ label, value }) {
+  const { copied, copy } = useCopyFeedback(value);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2 rounded-md border border-border bg-background px-2 py-1.5", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-16 shrink-0 text-[11px] font-medium text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-xs", children: value }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        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" })
+      }
+    )
+  ] });
+}
+function MemberTable({ rows }) {
+  if (rows.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 sessions attached." });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-md border border-border", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-b border-border bg-muted/30 px-3 py-2 text-xs font-semibold", children: "Members" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("table", { className: "w-full min-w-[760px] text-left text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { className: "border-b border-border bg-muted/20 text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Session" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Provider / Model" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Status" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Requests" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Errors" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "First chunk" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "px-3 py-2 font-medium", children: "Tokens" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxRuntimeExports.jsx(MemberRow, { row }, row.member.id)) })
+    ] }) })
+  ] });
+}
+function MemberRow({ row }) {
+  const member = row.member;
+  const session = row.exportMember?.session ?? null;
+  const log = latestLog(row);
+  const sessionPath = session?.inspectorPath ?? getSessionPath(member.sessionId);
+  const requests = session?.requestCount ?? null;
+  const errors = session?.errorCount ?? null;
+  const tokens = session?.tokenUsage.total ?? null;
+  const firstChunkMs = log?.firstChunkMs ?? null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border last:border-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "max-w-56 px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "a",
+          {
+            href: sessionPath,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "min-w-0 truncate font-mono text-xs text-primary hover:underline",
+            children: firstNonEmpty(member.label, member.sessionId)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink, { className: "size-3 shrink-0 text-muted-foreground" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground", children: displayText(member.agent) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "max-w-52 px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate", children: providerModel(member) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", className: statusClassName(member.status), children: statusLabel(member.status) }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: requests === null ? "-" : formatNumber(requests) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: errors === null ? "-" : formatNumber(errors) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: formatMs(firstChunkMs) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "px-3 py-2 font-mono", children: tokens === null ? "-" : formatNumber(tokens) })
+  ] });
+}
 function ClaudeCodeIcon() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "svg",
@@ -9215,6 +9928,9 @@ function truncateSessionId(id) {
   if (id.length <= 30) return id;
   return `${id.slice(0, 12)}...${id.slice(-12)}`;
 }
+function shouldShowRawExport(captureMode) {
+  return captureMode === "full";
+}
 function computeTokenSummary(logs) {
   let totalIn = 0;
   let totalOut = 0;
@@ -9784,6 +10500,7 @@ function ProxyViewer({
   );
   const cacheTrends = reactExports.useMemo(() => computeCacheTrends(groups), [groups]);
   const comparisonPredecessors = reactExports.useMemo(() => buildValidPredecessors(groups), [groups]);
+  const showRawExport = shouldShowRawExport(captureMode);
   const handleCompareWithPrevious = reactExports.useCallback(
     (log) => {
       const predecessor = comparisonPredecessors.get(log.id);
@@ -9848,7 +10565,10 @@ function ProxyViewer({
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "max-w-[calc(100vw-7rem)] text-sm font-semibold text-muted-foreground", children: "Local First. Evidence First." }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(McpReadyBadge, {})
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "justify-self-end", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {}) })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "justify-self-end flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(GroupsDialog, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsDialog, {})
+        ] })
       ] }),
       hasSessionContext && sessionContextScope !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
         SessionContextBar,
@@ -9904,7 +10624,7 @@ function ProxyViewer({
           logs.length !== 1 ? "s" : "",
           totalIn > 0 || totalOut > 0 ? ` - ${formatTokens(totalIn)} in / ${formatTokens(totalOut)} out` : ""
         ] }),
-        logs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        logs.length > 0 && showRawExport && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
             type: "button",