@flanksource/clicky-ui 0.3.22 → 0.3.24

package/dist/data/diagnostics/DiagnosticsDetailPanel.js

@@ -35,6 +35,7 @@ function DiagnosticsDetailPanel({
   onCollectStack,
   runMeta,
   resolveSource,
+  frameActions,
   headerActions,
   singleItem
 }) {
@@ -96,7 +97,8 @@ function DiagnosticsDetailPanel({
         collectBusy: collectBusy ?? false,
         singleItem: singleItem ?? false,
         ...onCollectStack ? { onCollectStack } : {},
-        ...resolveSource ? { resolveSource } : {}
+        ...resolveSource ? { resolveSource } : {},
+        ...frameActions ? { frameActions } : {}
       }
     ) })
   ] });
@@ -186,6 +188,7 @@ function StackBlock(props) {
     collectBusy,
     onCollectStack,
     resolveSource,
+    frameActions,
     singleItem
   } = props;
   const stack = process.stack_capture;
@@ -335,7 +338,8 @@ function StackBlock(props) {
               thread: t,
               search,
               hideRuntimeOnly,
-              ...resolveSource ? { resolveSource } : {}
+              ...resolveSource ? { resolveSource } : {},
+              ...frameActions ? { frameActions } : {}
             },
             t.id
           )),

package/dist/data/diagnostics/DiagnosticsDetailPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiagnosticsDetailPanel.js","sources":["../../../src/data/diagnostics/DiagnosticsDetailPanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { GaugeTone } from \"../Gauge\";\nimport { UiDebug, UiDebugSmall, UiRefresh, UiSearch, UiServerProcess, UiLoader } from \"../../icons\";\nimport type { ProcessNode, RunMeta } from \"./types\";\nimport { formatBytes, processLabel, processStateColor, processStateIcon } from \"./utils\";\nimport { countStackByState, parseStackDump, type ParsedStack } from \"./stacktrace\";\nimport { GoroutineCard } from \"./GoroutineCard\";\nimport { ThreadCard } from \"./ThreadCard\";\nimport { goroutineStateDot, threadStateDot } from \"./state-styles\";\nimport type { JvmFrameSourceResolver } from \"./JvmStackTrace\";\n\nconst STACK_MIN_LINES = 10;\nconst STACK_LINE_HEIGHT_REM = 1;\nconst STACK_MIN_HEIGHT = `${STACK_MIN_LINES * STACK_LINE_HEIGHT_REM}rem`;\n\nfunction cpuTone(pct: number): GaugeTone {\n  if (pct >= 90) return \"danger\";\n  if (pct >= 60) return \"warning\";\n  if (pct > 0) return \"success\";\n  return \"neutral\";\n}\n\nfunction memoryTone(rss: number | undefined, vms: number | undefined): GaugeTone {\n  if (!rss || !vms) return \"neutral\";\n  const ratio = rss / vms;\n  if (ratio >= 0.9) return \"danger\";\n  if (ratio >= 0.6) return \"warning\";\n  return \"info\";\n}\n\nexport type DiagnosticsDetailPanelProps = {\n  /** Selected process; null renders the empty selection state. */\n  process: ProcessNode | null;\n  /** Shows loading state while stack capture is being collected. */\n  collectBusy?: boolean;\n  /** Called when the user requests a fresh stack capture. */\n  onCollectStack?: (pid: number) => void | Promise<void>;\n  /** Optional run metadata rendered above diagnostics. */\n  runMeta?: RunMeta;\n  /**\n   * Optional resolver that supplies inline source under each JVM stack frame,\n   * so the rendered thread dump can be augmented in place (e.g. with decompiled\n   * source). A missing class must resolve to undefined, never throw.\n   */\n  resolveSource?: JvmFrameSourceResolver;\n  /**\n   * Caller-supplied action buttons rendered right-aligned in the header row,\n   * next to the title and Refresh. Use for download/decompile-style actions.\n   */\n  headerActions?: ReactNode;\n  /**\n   * The capture holds a single, already-selected item (e.g. one thread the\n   * caller picked from its own list). Suppresses the redundant per-item filter\n   * UI (search box, state chips, hide-runtime, count) and lifts Refresh into\n   * the header row so the detail view shows just that item's frames.\n   */\n  singleItem?: boolean;\n};\n\nexport function DiagnosticsDetailPanel({\n  process,\n  collectBusy,\n  onCollectStack,\n  runMeta,\n  resolveSource,\n  headerActions,\n  singleItem,\n}: DiagnosticsDetailPanelProps) {\n  const [search, setSearch] = useState(\"\");\n  const [selectedStates, setSelectedStates] = useState<Set<string>>(new Set());\n  const [hideRuntimeOnly, setHideRuntimeOnly] = useState(true);\n  const stack = process?.stack_capture;\n  const parsed = useMemo<ParsedStack>(() => parseStackDump(stack?.text || \"\"), [stack?.text]);\n  const stateCounts = useMemo(() => countStackByState(parsed), [parsed]);\n  const filtered = useMemo(() => {\n    const needle = search.trim().toLowerCase();\n    const items: Array<{\n      state: string;\n      userFrameCount: number;\n      searchText: string;\n    }> = parsed.format === \"jvm\" ? parsed.threads : parsed.format === \"go\" ? parsed.goroutines : [];\n    if (singleItem) return items;\n    return items.filter((item) => {\n      if (selectedStates.size > 0 && !selectedStates.has(item.state)) return false;\n      if (hideRuntimeOnly && item.userFrameCount === 0) return false;\n      if (needle && !item.searchText.includes(needle)) return false;\n      return true;\n    });\n  }, [parsed, search, selectedStates, hideRuntimeOnly, singleItem]);\n\n  useEffect(() => {\n    setSearch(\"\");\n    setSelectedStates(new Set());\n    setHideRuntimeOnly(true);\n  }, [stack?.text, process?.pid]);\n\n  if (!process) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-muted-foreground text-sm\">\n        <div className=\"text-center\">\n          <Icon icon={UiServerProcess} className=\"text-4xl mb-density-2\" />\n          <div>Select a process to view diagnostics</div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col gap-density-3 p-density-4\">\n      <Header\n        process={process}\n        actions={\n          <div className=\"flex items-center gap-density-2\">\n            {singleItem && onCollectStack && (\n              <CollectButton pid={process.pid} busy={collectBusy ?? false} onClick={onCollectStack} />\n            )}\n            {headerActions}\n          </div>\n        }\n      />\n      {runMeta && <RunSection runMeta={runMeta} />}\n      {process.command && (\n        <PanelSection title=\"Command\">\n          <pre className=\"text-xs text-foreground whitespace-pre-wrap font-mono bg-blue-50 dark:bg-blue-500/10 rounded p-2 break-all\">\n            {process.command}\n          </pre>\n        </PanelSection>\n      )}\n\n      <PanelSection title=\"Metrics\">\n        <ProcessMetrics process={process} />\n      </PanelSection>\n\n      <PanelSection title=\"Stack\" grow>\n        <StackBlock\n          process={process}\n          parsed={parsed}\n          stateCounts={stateCounts}\n          filtered={filtered}\n          search={search}\n          setSearch={setSearch}\n          selectedStates={selectedStates}\n          setSelectedStates={setSelectedStates}\n          hideRuntimeOnly={hideRuntimeOnly}\n          setHideRuntimeOnly={setHideRuntimeOnly}\n          collectBusy={collectBusy ?? false}\n          singleItem={singleItem ?? false}\n          {...(onCollectStack ? { onCollectStack } : {})}\n          {...(resolveSource ? { resolveSource } : {})}\n        />\n      </PanelSection>\n    </div>\n  );\n}\n\nfunction Header({ process, actions }: { process: ProcessNode; actions?: ReactNode }) {\n  return (\n    <div className=\"flex items-start justify-between gap-density-3\">\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-density-2 flex-wrap\">\n          <Icon\n            icon={process.is_root ? UiServerProcess : UiDebug}\n            className=\"text-2xl text-blue-600\"\n          />\n          <h2 className=\"text-lg font-bold text-foreground break-words\">{processLabel(process)}</h2>\n          {process.status ? (\n            <span\n              className={`inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs ${processStateColor(\n                process.status,\n              )}`}\n            >\n              <Icon icon={processStateIcon(process.status)} />\n              {process.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"mt-1 flex items-center gap-density-2 flex-wrap text-xs text-muted-foreground\">\n          <span className=\"font-mono\">pid {process.pid}</span>\n          {process.ppid ? <span className=\"font-mono\">ppid {process.ppid}</span> : null}\n        </div>\n      </div>\n      {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n    </div>\n  );\n}\n\nfunction RunSection({ runMeta }: { runMeta: RunMeta }) {\n  return (\n    <PanelSection title=\"Run\">\n      <div className=\"grid grid-cols-2 gap-density-2 text-sm\">\n        <InfoTile\n          label={runMeta.kind === \"rerun\" ? `Rerun #${runMeta.sequence}` : \"Initial run\"}\n          value={runMeta.started ? new Date(runMeta.started).toLocaleString() : \"Unavailable\"}\n        />\n        <InfoTile\n          label=\"Finished\"\n          value={runMeta.ended ? new Date(runMeta.ended).toLocaleString() : \"In progress\"}\n        />\n      </div>\n    </PanelSection>\n  );\n}\n\ntype StackFilterItem = {\n  state: string;\n  userFrameCount: number;\n  searchText: string;\n};\n\ntype StackBlockProps = {\n  process: ProcessNode;\n  parsed: ParsedStack;\n  stateCounts: Map<string, number>;\n  filtered: StackFilterItem[];\n  search: string;\n  setSearch: (v: string) => void;\n  selectedStates: Set<string>;\n  setSelectedStates: (updater: (prev: Set<string>) => Set<string>) => void;\n  hideRuntimeOnly: boolean;\n  setHideRuntimeOnly: (v: boolean) => void;\n  collectBusy?: boolean;\n  onCollectStack?: (pid: number) => void | Promise<void>;\n  resolveSource?: JvmFrameSourceResolver;\n  singleItem?: boolean;\n};\n\nfunction stackItemCount(parsed: ParsedStack): number {\n  if (parsed.format === \"jvm\") return parsed.threads.length;\n  if (parsed.format === \"go\") return parsed.goroutines.length;\n  return 0;\n}\n\nfunction stackItemLabel(parsed: ParsedStack): string {\n  if (parsed.format === \"jvm\") return \"threads\";\n  if (parsed.format === \"go\") return \"goroutines\";\n  return \"frames\";\n}\n\nfunction stackStateDot(parsed: ParsedStack, state: string): string {\n  return parsed.format === \"jvm\" ? threadStateDot(state) : goroutineStateDot(state);\n}\n\nfunction StackBlock(props: StackBlockProps) {\n  const {\n    process,\n    parsed,\n    stateCounts,\n    filtered,\n    search,\n    setSearch,\n    selectedStates,\n    setSelectedStates,\n    hideRuntimeOnly,\n    setHideRuntimeOnly,\n    collectBusy,\n    onCollectStack,\n    resolveSource,\n    singleItem,\n  } = props;\n  const stack = process.stack_capture;\n\n  if (!stack?.text) {\n    return (\n      <div className=\"h-full min-h-[14rem] flex flex-col justify-center gap-density-3 p-density-3\">\n        <div className=\"space-y-1.5\">\n          <div\n            className={`h-3 w-40 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-full rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-5/6 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n        </div>\n        <div className=\"flex items-center justify-between gap-density-3\">\n          <div className=\"text-sm text-muted-foreground\">\n            {stack?.error\n              ? stack.error\n              : collectBusy\n                ? \"Collecting stack trace...\"\n                : \"No stack trace collected yet.\"}\n          </div>\n          {onCollectStack && (\n            <CollectButton\n              pid={process.pid}\n              busy={collectBusy ?? false}\n              onClick={onCollectStack}\n              primary\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col\">\n      {!singleItem && (\n      <div className=\"px-1 py-1.5 space-y-density-2\">\n        <div className=\"flex items-center justify-between gap-density-2 text-[11px] text-muted-foreground flex-wrap\">\n          <div className=\"flex items-center gap-density-2 flex-wrap\">\n            <StackStatusBadge status={stack.status} />\n            {stack.collected_at && <span>{new Date(stack.collected_at).toLocaleString()}</span>}\n            {stackItemCount(parsed) > 0 && (\n              <span>\n                {filtered.length} / {stackItemCount(parsed)} {stackItemLabel(parsed)}\n              </span>\n            )}\n          </div>\n          {onCollectStack && (\n            <CollectButton pid={process.pid} busy={collectBusy ?? false} onClick={onCollectStack} />\n          )}\n        </div>\n        {stackItemCount(parsed) > 0 && (\n          <>\n            <div className=\"flex items-center gap-1.5 flex-wrap\">\n              <div className=\"relative min-w-[14rem] flex-1\">\n                <Icon\n                  icon={UiSearch}\n                  className=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground text-xs\"\n                />\n                <input\n                  className=\"w-full rounded-md border border-border bg-muted/50 py-1 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background\"\n                  placeholder={\n                    parsed.format === \"jvm\"\n                      ? \"Filter by thread name, function, or file\"\n                      : \"Filter by goroutine id, function, or file\"\n                  }\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                />\n              </div>\n              <label className=\"inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={hideRuntimeOnly}\n                  onChange={(e) => setHideRuntimeOnly(e.target.checked)}\n                />\n                Hide runtime-only\n              </label>\n              {(search || selectedStates.size > 0 || !hideRuntimeOnly) && (\n                <button\n                  className=\"text-[11px] text-muted-foreground hover:text-foreground\"\n                  onClick={() => {\n                    setSearch(\"\");\n                    setSelectedStates(() => new Set());\n                    setHideRuntimeOnly(true);\n                  }}\n                >\n                  Clear\n                </button>\n              )}\n            </div>\n            <div className=\"flex items-center gap-1 flex-wrap\">\n              {Array.from(stateCounts.entries())\n                .sort((a, b) => b[1] - a[1])\n                .map(([state, count]) => {\n                  const active = selectedStates.has(state);\n                  return (\n                    <button\n                      key={state}\n                      className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] transition-colors ${\n                        active\n                          ? \"border-primary bg-primary/10 text-primary\"\n                          : \"border-border bg-muted/50 text-muted-foreground hover:bg-background\"\n                      }`}\n                      onClick={() => {\n                        setSelectedStates((prev) => {\n                          const next = new Set(prev);\n                          if (next.has(state)) next.delete(state);\n                          else next.add(state);\n                          return next;\n                        });\n                      }}\n                    >\n                      <span className={`h-2 w-2 rounded-full ${stackStateDot(parsed, state)}`} />\n                      {state}\n                      <span className=\"text-[10px] opacity-70\">{count}</span>\n                    </button>\n                  );\n                })}\n            </div>\n          </>\n        )}\n      </div>\n      )}\n      {stack.error && (\n        <div className=\"mt-density-2 text-xs text-red-600 whitespace-pre-wrap\">{stack.error}</div>\n      )}\n      {stackItemCount(parsed) === 0 ? (\n        <pre\n          className=\"flex-1 min-h-0 overflow-auto py-1 text-[11px] text-foreground whitespace-pre-wrap font-mono leading-4\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {stack.text}\n        </pre>\n      ) : (\n        <div\n          className=\"flex-1 min-h-0 overflow-auto py-1 space-y-1\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {filtered.length === 0 && (\n            <div className=\"py-density-3 text-center text-xs text-muted-foreground\">\n              No {stackItemLabel(parsed)} match the current filters.\n            </div>\n          )}\n          {parsed.format === \"jvm\" &&\n            parsed.threads\n              .filter((t) => filtered.includes(t))\n              .map((t) => (\n                <ThreadCard\n                  key={t.id}\n                  thread={t}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                  {...(resolveSource ? { resolveSource } : {})}\n                />\n              ))}\n          {parsed.format === \"go\" &&\n            parsed.goroutines\n              .filter((g) => filtered.includes(g))\n              .map((goroutine) => (\n                <GoroutineCard\n                  key={goroutine.id}\n                  goroutine={goroutine}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                />\n              ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StackStatusBadge({ status }: { status: string }) {\n  const cls =\n    status === \"ready\"\n      ? \"bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300\"\n      : status === \"unsupported\"\n        ? \"bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300\"\n        : \"bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-300\";\n  return <span className={`px-2 py-0.5 rounded-full ${cls}`}>{status}</span>;\n}\n\nfunction CollectButton({\n  pid,\n  busy,\n  onClick,\n  primary,\n}: {\n  pid: number;\n  busy?: boolean;\n  onClick: (pid: number) => void | Promise<void>;\n  primary?: boolean;\n}) {\n  const base =\n    \"shrink-0 text-[11px] px-2 py-1 rounded disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1\";\n  const style = primary\n    ? \"bg-primary text-primary-foreground hover:bg-primary/90\"\n    : \"border border-border text-muted-foreground hover:bg-accent\";\n  return (\n    <button\n      className={`${base} ${style}`}\n      onClick={() => onClick(pid)}\n      disabled={busy}\n      title={primary ? \"Collect the latest stack trace\" : \"Refresh stack trace\"}\n    >\n      <Icon icon={busy ? UiLoader : primary ? UiDebugSmall : UiRefresh} />\n      {busy ? \"Collecting...\" : primary ? \"Collect stack trace\" : \"Refresh\"}\n    </button>\n  );\n}\n\nfunction PanelSection({\n  title,\n  grow,\n  children,\n}: {\n  title: string;\n  grow?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <section className={grow ? \"flex min-h-0 flex-1 flex-col\" : \"\"}>\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-1.5\">\n        {title}\n      </div>\n      {grow ? <div className=\"flex-1 min-h-0 overflow-hidden\">{children}</div> : children}\n    </section>\n  );\n}\n\nfunction InfoTile({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"border border-border rounded-lg bg-muted/50 px-2.5 py-density-2\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <div className=\"text-xs font-medium text-foreground mt-0.5\">{value}</div>\n    </div>\n  );\n}\n\nfunction ProcessMetrics({ process }: { process: ProcessNode }) {\n  const cpu = process.cpu_percent || 0;\n  const rss = process.rss;\n  const vms = process.vms;\n  const memRatioPct = rss && vms && vms > 0 ? Math.min(100, Math.round((rss / vms) * 100)) : 0;\n  return (\n    <div className=\"grid grid-cols-4 gap-density-1\">\n      <MetricTile\n        label=\"CPU\"\n        value={`${cpu.toFixed(1)}%`}\n        barPct={Math.min(100, cpu)}\n        tone={cpuTone(cpu)}\n      />\n      <MetricTile\n        label=\"RSS\"\n        value={rss !== undefined ? formatBytes(rss) : \"n/a\"}\n        barPct={memRatioPct}\n        tone={memoryTone(rss, vms)}\n      />\n      <MetricTile label=\"VMS\" value={vms !== undefined ? formatBytes(vms) : \"n/a\"} tone=\"neutral\" />\n      <MetricTile\n        label=\"Files\"\n        value={process.open_files !== undefined ? String(process.open_files) : \"n/a\"}\n        barPct={process.open_files ? Math.min(100, (process.open_files / 1024) * 100) : 0}\n        tone=\"info\"\n      />\n    </div>\n  );\n}\n\nfunction MetricTile({\n  label,\n  value,\n  barPct,\n  tone = \"neutral\",\n}: {\n  label: string;\n  value: string;\n  barPct?: number;\n  tone?: GaugeTone;\n}) {\n  const toneBar: Record<GaugeTone, string> = {\n    neutral: \"bg-muted-foreground/40\",\n    success: \"bg-green-500\",\n    warning: \"bg-yellow-500\",\n    danger: \"bg-red-500\",\n    info: \"bg-blue-500\",\n  };\n  const toneText: Record<GaugeTone, string> = {\n    neutral: \"text-foreground\",\n    success: \"text-green-600 dark:text-green-400\",\n    warning: \"text-yellow-600 dark:text-yellow-400\",\n    danger: \"text-red-600 dark:text-red-400\",\n    info: \"text-blue-600 dark:text-blue-400\",\n  };\n  return (\n    <div className=\"flex flex-col gap-0.5 rounded-md border border-border bg-background px-density-2 py-1 min-w-0\">\n      <span className=\"text-[9px] uppercase tracking-wide text-muted-foreground leading-none\">\n        {label}\n      </span>\n      <span className={`text-xs font-semibold tabular-nums truncate ${toneText[tone]}`}>\n        {value}\n      </span>\n      {barPct !== undefined && (\n        <div className=\"h-0.5 w-full rounded-full bg-muted overflow-hidden\">\n          <div\n            className={`h-full ${toneBar[tone]} transition-all duration-300`}\n            style={{ width: `${barPct}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DiagnosticsDetailPanel.js","sources":["../../../src/data/diagnostics/DiagnosticsDetailPanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport type { GaugeTone } from \"../Gauge\";\nimport { UiDebug, UiDebugSmall, UiRefresh, UiSearch, UiServerProcess, UiLoader } from \"../../icons\";\nimport type { ProcessNode, RunMeta } from \"./types\";\nimport { formatBytes, processLabel, processStateColor, processStateIcon } from \"./utils\";\nimport { countStackByState, parseStackDump, type ParsedStack } from \"./stacktrace\";\nimport { GoroutineCard } from \"./GoroutineCard\";\nimport { ThreadCard } from \"./ThreadCard\";\nimport type { StackFrameActions } from \"./StackFrameRow\";\nimport { goroutineStateDot, threadStateDot } from \"./state-styles\";\nimport type { JvmFrameSourceResolver } from \"./JvmStackTrace\";\n\nconst STACK_MIN_LINES = 10;\nconst STACK_LINE_HEIGHT_REM = 1;\nconst STACK_MIN_HEIGHT = `${STACK_MIN_LINES * STACK_LINE_HEIGHT_REM}rem`;\n\nfunction cpuTone(pct: number): GaugeTone {\n  if (pct >= 90) return \"danger\";\n  if (pct >= 60) return \"warning\";\n  if (pct > 0) return \"success\";\n  return \"neutral\";\n}\n\nfunction memoryTone(rss: number | undefined, vms: number | undefined): GaugeTone {\n  if (!rss || !vms) return \"neutral\";\n  const ratio = rss / vms;\n  if (ratio >= 0.9) return \"danger\";\n  if (ratio >= 0.6) return \"warning\";\n  return \"info\";\n}\n\nexport type DiagnosticsDetailPanelProps = {\n  /** Selected process; null renders the empty selection state. */\n  process: ProcessNode | null;\n  /** Shows loading state while stack capture is being collected. */\n  collectBusy?: boolean;\n  /** Called when the user requests a fresh stack capture. */\n  onCollectStack?: (pid: number) => void | Promise<void>;\n  /** Optional run metadata rendered above diagnostics. */\n  runMeta?: RunMeta;\n  /**\n   * Optional resolver that supplies inline source under each JVM stack frame,\n   * so the rendered thread dump can be augmented in place (e.g. with decompiled\n   * source). A missing class must resolve to undefined, never throw.\n   */\n  resolveSource?: JvmFrameSourceResolver;\n  /**\n   * Optional trailing actions rendered on each stack frame, revealed on hover.\n   * Lets a host app hang per-frame affordances (trace/watch/decompile) off the\n   * rendered thread dump.\n   */\n  frameActions?: StackFrameActions;\n  /**\n   * Caller-supplied action buttons rendered right-aligned in the header row,\n   * next to the title and Refresh. Use for download/decompile-style actions.\n   */\n  headerActions?: ReactNode;\n  /**\n   * The capture holds a single, already-selected item (e.g. one thread the\n   * caller picked from its own list). Suppresses the redundant per-item filter\n   * UI (search box, state chips, hide-runtime, count) and lifts Refresh into\n   * the header row so the detail view shows just that item's frames.\n   */\n  singleItem?: boolean;\n};\n\nexport function DiagnosticsDetailPanel({\n  process,\n  collectBusy,\n  onCollectStack,\n  runMeta,\n  resolveSource,\n  frameActions,\n  headerActions,\n  singleItem,\n}: DiagnosticsDetailPanelProps) {\n  const [search, setSearch] = useState(\"\");\n  const [selectedStates, setSelectedStates] = useState<Set<string>>(new Set());\n  const [hideRuntimeOnly, setHideRuntimeOnly] = useState(true);\n  const stack = process?.stack_capture;\n  const parsed = useMemo<ParsedStack>(() => parseStackDump(stack?.text || \"\"), [stack?.text]);\n  const stateCounts = useMemo(() => countStackByState(parsed), [parsed]);\n  const filtered = useMemo(() => {\n    const needle = search.trim().toLowerCase();\n    const items: Array<{\n      state: string;\n      userFrameCount: number;\n      searchText: string;\n    }> = parsed.format === \"jvm\" ? parsed.threads : parsed.format === \"go\" ? parsed.goroutines : [];\n    if (singleItem) return items;\n    return items.filter((item) => {\n      if (selectedStates.size > 0 && !selectedStates.has(item.state)) return false;\n      if (hideRuntimeOnly && item.userFrameCount === 0) return false;\n      if (needle && !item.searchText.includes(needle)) return false;\n      return true;\n    });\n  }, [parsed, search, selectedStates, hideRuntimeOnly, singleItem]);\n\n  useEffect(() => {\n    setSearch(\"\");\n    setSelectedStates(new Set());\n    setHideRuntimeOnly(true);\n  }, [stack?.text, process?.pid]);\n\n  if (!process) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-muted-foreground text-sm\">\n        <div className=\"text-center\">\n          <Icon icon={UiServerProcess} className=\"text-4xl mb-density-2\" />\n          <div>Select a process to view diagnostics</div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col gap-density-3 p-density-4\">\n      <Header\n        process={process}\n        actions={\n          <div className=\"flex items-center gap-density-2\">\n            {singleItem && onCollectStack && (\n              <CollectButton pid={process.pid} busy={collectBusy ?? false} onClick={onCollectStack} />\n            )}\n            {headerActions}\n          </div>\n        }\n      />\n      {runMeta && <RunSection runMeta={runMeta} />}\n      {process.command && (\n        <PanelSection title=\"Command\">\n          <pre className=\"text-xs text-foreground whitespace-pre-wrap font-mono bg-blue-50 dark:bg-blue-500/10 rounded p-2 break-all\">\n            {process.command}\n          </pre>\n        </PanelSection>\n      )}\n\n      <PanelSection title=\"Metrics\">\n        <ProcessMetrics process={process} />\n      </PanelSection>\n\n      <PanelSection title=\"Stack\" grow>\n        <StackBlock\n          process={process}\n          parsed={parsed}\n          stateCounts={stateCounts}\n          filtered={filtered}\n          search={search}\n          setSearch={setSearch}\n          selectedStates={selectedStates}\n          setSelectedStates={setSelectedStates}\n          hideRuntimeOnly={hideRuntimeOnly}\n          setHideRuntimeOnly={setHideRuntimeOnly}\n          collectBusy={collectBusy ?? false}\n          singleItem={singleItem ?? false}\n          {...(onCollectStack ? { onCollectStack } : {})}\n          {...(resolveSource ? { resolveSource } : {})}\n          {...(frameActions ? { frameActions } : {})}\n        />\n      </PanelSection>\n    </div>\n  );\n}\n\nfunction Header({ process, actions }: { process: ProcessNode; actions?: ReactNode }) {\n  return (\n    <div className=\"flex items-start justify-between gap-density-3\">\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-density-2 flex-wrap\">\n          <Icon\n            icon={process.is_root ? UiServerProcess : UiDebug}\n            className=\"text-2xl text-blue-600\"\n          />\n          <h2 className=\"text-lg font-bold text-foreground break-words\">{processLabel(process)}</h2>\n          {process.status ? (\n            <span\n              className={`inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs ${processStateColor(\n                process.status,\n              )}`}\n            >\n              <Icon icon={processStateIcon(process.status)} />\n              {process.status}\n            </span>\n          ) : null}\n        </div>\n        <div className=\"mt-1 flex items-center gap-density-2 flex-wrap text-xs text-muted-foreground\">\n          <span className=\"font-mono\">pid {process.pid}</span>\n          {process.ppid ? <span className=\"font-mono\">ppid {process.ppid}</span> : null}\n        </div>\n      </div>\n      {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n    </div>\n  );\n}\n\nfunction RunSection({ runMeta }: { runMeta: RunMeta }) {\n  return (\n    <PanelSection title=\"Run\">\n      <div className=\"grid grid-cols-2 gap-density-2 text-sm\">\n        <InfoTile\n          label={runMeta.kind === \"rerun\" ? `Rerun #${runMeta.sequence}` : \"Initial run\"}\n          value={runMeta.started ? new Date(runMeta.started).toLocaleString() : \"Unavailable\"}\n        />\n        <InfoTile\n          label=\"Finished\"\n          value={runMeta.ended ? new Date(runMeta.ended).toLocaleString() : \"In progress\"}\n        />\n      </div>\n    </PanelSection>\n  );\n}\n\ntype StackFilterItem = {\n  state: string;\n  userFrameCount: number;\n  searchText: string;\n};\n\ntype StackBlockProps = {\n  process: ProcessNode;\n  parsed: ParsedStack;\n  stateCounts: Map<string, number>;\n  filtered: StackFilterItem[];\n  search: string;\n  setSearch: (v: string) => void;\n  selectedStates: Set<string>;\n  setSelectedStates: (updater: (prev: Set<string>) => Set<string>) => void;\n  hideRuntimeOnly: boolean;\n  setHideRuntimeOnly: (v: boolean) => void;\n  collectBusy?: boolean;\n  onCollectStack?: (pid: number) => void | Promise<void>;\n  resolveSource?: JvmFrameSourceResolver;\n  frameActions?: StackFrameActions;\n  singleItem?: boolean;\n};\n\nfunction stackItemCount(parsed: ParsedStack): number {\n  if (parsed.format === \"jvm\") return parsed.threads.length;\n  if (parsed.format === \"go\") return parsed.goroutines.length;\n  return 0;\n}\n\nfunction stackItemLabel(parsed: ParsedStack): string {\n  if (parsed.format === \"jvm\") return \"threads\";\n  if (parsed.format === \"go\") return \"goroutines\";\n  return \"frames\";\n}\n\nfunction stackStateDot(parsed: ParsedStack, state: string): string {\n  return parsed.format === \"jvm\" ? threadStateDot(state) : goroutineStateDot(state);\n}\n\nfunction StackBlock(props: StackBlockProps) {\n  const {\n    process,\n    parsed,\n    stateCounts,\n    filtered,\n    search,\n    setSearch,\n    selectedStates,\n    setSelectedStates,\n    hideRuntimeOnly,\n    setHideRuntimeOnly,\n    collectBusy,\n    onCollectStack,\n    resolveSource,\n    frameActions,\n    singleItem,\n  } = props;\n  const stack = process.stack_capture;\n\n  if (!stack?.text) {\n    return (\n      <div className=\"h-full min-h-[14rem] flex flex-col justify-center gap-density-3 p-density-3\">\n        <div className=\"space-y-1.5\">\n          <div\n            className={`h-3 w-40 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-full rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n          <div\n            className={`h-3 w-5/6 rounded ${collectBusy ? \"animate-pulse bg-muted\" : \"bg-muted/70\"}`}\n          />\n        </div>\n        <div className=\"flex items-center justify-between gap-density-3\">\n          <div className=\"text-sm text-muted-foreground\">\n            {stack?.error\n              ? stack.error\n              : collectBusy\n                ? \"Collecting stack trace...\"\n                : \"No stack trace collected yet.\"}\n          </div>\n          {onCollectStack && (\n            <CollectButton\n              pid={process.pid}\n              busy={collectBusy ?? false}\n              onClick={onCollectStack}\n              primary\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full min-h-0 flex flex-col\">\n      {!singleItem && (\n      <div className=\"px-1 py-1.5 space-y-density-2\">\n        <div className=\"flex items-center justify-between gap-density-2 text-[11px] text-muted-foreground flex-wrap\">\n          <div className=\"flex items-center gap-density-2 flex-wrap\">\n            <StackStatusBadge status={stack.status} />\n            {stack.collected_at && <span>{new Date(stack.collected_at).toLocaleString()}</span>}\n            {stackItemCount(parsed) > 0 && (\n              <span>\n                {filtered.length} / {stackItemCount(parsed)} {stackItemLabel(parsed)}\n              </span>\n            )}\n          </div>\n          {onCollectStack && (\n            <CollectButton pid={process.pid} busy={collectBusy ?? false} onClick={onCollectStack} />\n          )}\n        </div>\n        {stackItemCount(parsed) > 0 && (\n          <>\n            <div className=\"flex items-center gap-1.5 flex-wrap\">\n              <div className=\"relative min-w-[14rem] flex-1\">\n                <Icon\n                  icon={UiSearch}\n                  className=\"absolute left-2 top-1/2 -translate-y-1/2 text-muted-foreground text-xs\"\n                />\n                <input\n                  className=\"w-full rounded-md border border-border bg-muted/50 py-1 pl-7 pr-2 text-xs outline-none focus:border-primary focus:bg-background\"\n                  placeholder={\n                    parsed.format === \"jvm\"\n                      ? \"Filter by thread name, function, or file\"\n                      : \"Filter by goroutine id, function, or file\"\n                  }\n                  value={search}\n                  onChange={(e) => setSearch(e.target.value)}\n                />\n              </div>\n              <label className=\"inline-flex items-center gap-1.5 rounded-md border border-border bg-muted/50 px-2 py-1 text-[11px] text-muted-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={hideRuntimeOnly}\n                  onChange={(e) => setHideRuntimeOnly(e.target.checked)}\n                />\n                Hide runtime-only\n              </label>\n              {(search || selectedStates.size > 0 || !hideRuntimeOnly) && (\n                <button\n                  className=\"text-[11px] text-muted-foreground hover:text-foreground\"\n                  onClick={() => {\n                    setSearch(\"\");\n                    setSelectedStates(() => new Set());\n                    setHideRuntimeOnly(true);\n                  }}\n                >\n                  Clear\n                </button>\n              )}\n            </div>\n            <div className=\"flex items-center gap-1 flex-wrap\">\n              {Array.from(stateCounts.entries())\n                .sort((a, b) => b[1] - a[1])\n                .map(([state, count]) => {\n                  const active = selectedStates.has(state);\n                  return (\n                    <button\n                      key={state}\n                      className={`inline-flex items-center gap-1 rounded-full border px-2 py-0.5 text-[11px] transition-colors ${\n                        active\n                          ? \"border-primary bg-primary/10 text-primary\"\n                          : \"border-border bg-muted/50 text-muted-foreground hover:bg-background\"\n                      }`}\n                      onClick={() => {\n                        setSelectedStates((prev) => {\n                          const next = new Set(prev);\n                          if (next.has(state)) next.delete(state);\n                          else next.add(state);\n                          return next;\n                        });\n                      }}\n                    >\n                      <span className={`h-2 w-2 rounded-full ${stackStateDot(parsed, state)}`} />\n                      {state}\n                      <span className=\"text-[10px] opacity-70\">{count}</span>\n                    </button>\n                  );\n                })}\n            </div>\n          </>\n        )}\n      </div>\n      )}\n      {stack.error && (\n        <div className=\"mt-density-2 text-xs text-red-600 whitespace-pre-wrap\">{stack.error}</div>\n      )}\n      {stackItemCount(parsed) === 0 ? (\n        <pre\n          className=\"flex-1 min-h-0 overflow-auto py-1 text-[11px] text-foreground whitespace-pre-wrap font-mono leading-4\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {stack.text}\n        </pre>\n      ) : (\n        <div\n          className=\"flex-1 min-h-0 overflow-auto py-1 space-y-1\"\n          style={{ minHeight: STACK_MIN_HEIGHT }}\n        >\n          {filtered.length === 0 && (\n            <div className=\"py-density-3 text-center text-xs text-muted-foreground\">\n              No {stackItemLabel(parsed)} match the current filters.\n            </div>\n          )}\n          {parsed.format === \"jvm\" &&\n            parsed.threads\n              .filter((t) => filtered.includes(t))\n              .map((t) => (\n                <ThreadCard\n                  key={t.id}\n                  thread={t}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                  {...(resolveSource ? { resolveSource } : {})}\n                  {...(frameActions ? { frameActions } : {})}\n                />\n              ))}\n          {parsed.format === \"go\" &&\n            parsed.goroutines\n              .filter((g) => filtered.includes(g))\n              .map((goroutine) => (\n                <GoroutineCard\n                  key={goroutine.id}\n                  goroutine={goroutine}\n                  search={search}\n                  hideRuntimeOnly={hideRuntimeOnly}\n                />\n              ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction StackStatusBadge({ status }: { status: string }) {\n  const cls =\n    status === \"ready\"\n      ? \"bg-green-100 text-green-700 dark:bg-green-500/20 dark:text-green-300\"\n      : status === \"unsupported\"\n        ? \"bg-yellow-100 text-yellow-700 dark:bg-yellow-500/20 dark:text-yellow-300\"\n        : \"bg-red-100 text-red-700 dark:bg-red-500/20 dark:text-red-300\";\n  return <span className={`px-2 py-0.5 rounded-full ${cls}`}>{status}</span>;\n}\n\nfunction CollectButton({\n  pid,\n  busy,\n  onClick,\n  primary,\n}: {\n  pid: number;\n  busy?: boolean;\n  onClick: (pid: number) => void | Promise<void>;\n  primary?: boolean;\n}) {\n  const base =\n    \"shrink-0 text-[11px] px-2 py-1 rounded disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1\";\n  const style = primary\n    ? \"bg-primary text-primary-foreground hover:bg-primary/90\"\n    : \"border border-border text-muted-foreground hover:bg-accent\";\n  return (\n    <button\n      className={`${base} ${style}`}\n      onClick={() => onClick(pid)}\n      disabled={busy}\n      title={primary ? \"Collect the latest stack trace\" : \"Refresh stack trace\"}\n    >\n      <Icon icon={busy ? UiLoader : primary ? UiDebugSmall : UiRefresh} />\n      {busy ? \"Collecting...\" : primary ? \"Collect stack trace\" : \"Refresh\"}\n    </button>\n  );\n}\n\nfunction PanelSection({\n  title,\n  grow,\n  children,\n}: {\n  title: string;\n  grow?: boolean;\n  children: ReactNode;\n}) {\n  return (\n    <section className={grow ? \"flex min-h-0 flex-1 flex-col\" : \"\"}>\n      <div className=\"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground mb-1.5\">\n        {title}\n      </div>\n      {grow ? <div className=\"flex-1 min-h-0 overflow-hidden\">{children}</div> : children}\n    </section>\n  );\n}\n\nfunction InfoTile({ label, value }: { label: string; value: string }) {\n  return (\n    <div className=\"border border-border rounded-lg bg-muted/50 px-2.5 py-density-2\">\n      <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground\">{label}</div>\n      <div className=\"text-xs font-medium text-foreground mt-0.5\">{value}</div>\n    </div>\n  );\n}\n\nfunction ProcessMetrics({ process }: { process: ProcessNode }) {\n  const cpu = process.cpu_percent || 0;\n  const rss = process.rss;\n  const vms = process.vms;\n  const memRatioPct = rss && vms && vms > 0 ? Math.min(100, Math.round((rss / vms) * 100)) : 0;\n  return (\n    <div className=\"grid grid-cols-4 gap-density-1\">\n      <MetricTile\n        label=\"CPU\"\n        value={`${cpu.toFixed(1)}%`}\n        barPct={Math.min(100, cpu)}\n        tone={cpuTone(cpu)}\n      />\n      <MetricTile\n        label=\"RSS\"\n        value={rss !== undefined ? formatBytes(rss) : \"n/a\"}\n        barPct={memRatioPct}\n        tone={memoryTone(rss, vms)}\n      />\n      <MetricTile label=\"VMS\" value={vms !== undefined ? formatBytes(vms) : \"n/a\"} tone=\"neutral\" />\n      <MetricTile\n        label=\"Files\"\n        value={process.open_files !== undefined ? String(process.open_files) : \"n/a\"}\n        barPct={process.open_files ? Math.min(100, (process.open_files / 1024) * 100) : 0}\n        tone=\"info\"\n      />\n    </div>\n  );\n}\n\nfunction MetricTile({\n  label,\n  value,\n  barPct,\n  tone = \"neutral\",\n}: {\n  label: string;\n  value: string;\n  barPct?: number;\n  tone?: GaugeTone;\n}) {\n  const toneBar: Record<GaugeTone, string> = {\n    neutral: \"bg-muted-foreground/40\",\n    success: \"bg-green-500\",\n    warning: \"bg-yellow-500\",\n    danger: \"bg-red-500\",\n    info: \"bg-blue-500\",\n  };\n  const toneText: Record<GaugeTone, string> = {\n    neutral: \"text-foreground\",\n    success: \"text-green-600 dark:text-green-400\",\n    warning: \"text-yellow-600 dark:text-yellow-400\",\n    danger: \"text-red-600 dark:text-red-400\",\n    info: \"text-blue-600 dark:text-blue-400\",\n  };\n  return (\n    <div className=\"flex flex-col gap-0.5 rounded-md border border-border bg-background px-density-2 py-1 min-w-0\">\n      <span className=\"text-[9px] uppercase tracking-wide text-muted-foreground leading-none\">\n        {label}\n      </span>\n      <span className={`text-xs font-semibold tabular-nums truncate ${toneText[tone]}`}>\n        {value}\n      </span>\n      {barPct !== undefined && (\n        <div className=\"h-0.5 w-full rounded-full bg-muted overflow-hidden\">\n          <div\n            className={`h-full ${toneBar[tone]} transition-all duration-300`}\n            style={{ width: `${barPct}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/data/diagnostics/ErrorDetails.cjs

@@ -207,11 +207,22 @@ function StackFrameRow({ frame, index }) {
     }
   );
 }
+const COPY_BADGE_LAYOUT = {
+  clipped: { frame: "items-center overflow-hidden", label: "", value: "truncate", icon: "" },
+  wrapped: {
+    frame: "items-stretch",
+    label: "flex items-center",
+    value: "whitespace-normal break-all",
+    icon: "self-center"
+  }
+};
 function CopyBadge({
   label,
   value,
-  className = ""
+  className = "",
+  wrap = false
 }) {
+  const layout = COPY_BADGE_LAYOUT[wrap ? "wrapped" : "clipped"];
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
     {
@@ -219,13 +230,26 @@ function CopyBadge({
       onClick: () => copyText(value),
       title: `Copy ${label}`,
       className: [
-        "inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background",
+        "inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background",
+        layout.frame,
         className
       ].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate px-2 py-1 font-mono text-foreground", children: value }),
-        /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCopy.UiCopy, className: "mr-1.5 h-3 w-3 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ["shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground", layout.label].filter(Boolean).join(" "),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["min-w-0 px-2 py-1 font-mono text-foreground", layout.value].join(" "), children: value }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Icon.Icon,
+          {
+            icon: UiCopy.UiCopy,
+            className: ["mr-1.5 h-3 w-3 shrink-0 text-muted-foreground", layout.icon].filter(Boolean).join(" ")
+          }
+        )
       ]
     }
   );

package/dist/data/diagnostics/ErrorDetails.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDetails.cjs","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n};\n\nexport function ErrorDetails({ diagnostics, title = \"Error\", renderJsonContext }: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className=\"group rounded-md border border-destructive/30 bg-destructive/5\">\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n}: {\n  label: string;\n  value: string;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">{label}</span>\n      <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">{value}</span>\n      <Icon icon={UiCopy} className=\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\" />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["useState","parseInlineJsonContextValue","_a","jsxs","jsx","Icon","UiWarningTriangle","UiCheck","UiCopy","UiChevronRight","parseDiagnosticsStackTrace","isApplicationStackFrame","UiMethod","UiDebugStepOver","compactStackPath"],"mappings":"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"}
+{"version":3,"file":"ErrorDetails.cjs","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n};\n\nexport function ErrorDetails({ diagnostics, title = \"Error\", renderJsonContext }: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className=\"group rounded-md border border-destructive/30 bg-destructive/5\">\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\n/** Wrapping keeps the whole value on screen, so the label block has to stretch to match it. */\nconst COPY_BADGE_LAYOUT = {\n  clipped: { frame: \"items-center overflow-hidden\", label: \"\", value: \"truncate\", icon: \"\" },\n  wrapped: {\n    frame: \"items-stretch\",\n    label: \"flex items-center\",\n    value: \"whitespace-normal break-all\",\n    icon: \"self-center\",\n  },\n} as const;\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n  wrap = false,\n}: {\n  label: string;\n  value: string;\n  className?: string;\n  /** Lets a long value run onto further lines instead of being clipped to one. */\n  wrap?: boolean;\n}) {\n  const layout = COPY_BADGE_LAYOUT[wrap ? \"wrapped\" : \"clipped\"];\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        layout.frame,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span\n        className={[\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\", layout.label]\n          .filter(Boolean)\n          .join(\" \")}\n      >\n        {label}\n      </span>\n      <span className={[\"min-w-0 px-2 py-1 font-mono text-foreground\", layout.value].join(\" \")}>{value}</span>\n      <Icon\n        icon={UiCopy}\n        className={[\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\", layout.icon].filter(Boolean).join(\" \")}\n      />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["useState","parseInlineJsonContextValue","_a","jsxs","jsx","Icon","UiWarningTriangle","UiCheck","UiCopy","UiChevronRight","parseDiagnosticsStackTrace","isApplicationStackFrame","UiMethod","UiDebugStepOver","compactStackPath"],"mappings":"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"}

package/dist/data/diagnostics/ErrorDetails.d.ts

@@ -13,9 +13,11 @@ export declare function ErrorDetails({ diagnostics, title, renderJsonContext }:
 export declare function PrettyStackTrace({ stacktrace }: {
     stacktrace: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function CopyBadge({ label, value, className, }: {
+export declare function CopyBadge({ label, value, className, wrap, }: {
     label: string;
     value: string;
     className?: string;
+    /** Lets a long value run onto further lines instead of being clipped to one. */
+    wrap?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ErrorDetails.d.ts.map

package/dist/data/diagnostics/ErrorDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDetails.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlE,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAG9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3F,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,KAAe,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CAiKlG;AAsBD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,2CAmCtE;AAiCD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAc,GACf,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAkBA"}
+{"version":3,"file":"ErrorDetails.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUlE,OAAO,EAKL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,gBAAgB,CAAC;IAG9B,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC3F,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,KAAe,EAAE,iBAAiB,EAAE,EAAE,iBAAiB,2CAiKlG;AAsBD,wBAAgB,gBAAgB,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,2CAmCtE;AA4CD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,SAAc,EACd,IAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CA6BA"}

package/dist/data/diagnostics/ErrorDetails.js

@@ -205,11 +205,22 @@ function StackFrameRow({ frame, index }) {
     }
   );
 }
+const COPY_BADGE_LAYOUT = {
+  clipped: { frame: "items-center overflow-hidden", label: "", value: "truncate", icon: "" },
+  wrapped: {
+    frame: "items-stretch",
+    label: "flex items-center",
+    value: "whitespace-normal break-all",
+    icon: "self-center"
+  }
+};
 function CopyBadge({
   label,
   value,
-  className = ""
+  className = "",
+  wrap = false
 }) {
+  const layout = COPY_BADGE_LAYOUT[wrap ? "wrapped" : "clipped"];
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -217,13 +228,26 @@ function CopyBadge({
       onClick: () => copyText(value),
       title: `Copy ${label}`,
       className: [
-        "inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background",
+        "inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background",
+        layout.frame,
         className
       ].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate px-2 py-1 font-mono text-foreground", children: value }),
-        /* @__PURE__ */ jsx(Icon, { icon: UiCopy, className: "mr-1.5 h-3 w-3 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: ["shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground", layout.label].filter(Boolean).join(" "),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: ["min-w-0 px-2 py-1 font-mono text-foreground", layout.value].join(" "), children: value }),
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: UiCopy,
+            className: ["mr-1.5 h-3 w-3 shrink-0 text-muted-foreground", layout.icon].filter(Boolean).join(" ")
+          }
+        )
       ]
     }
   );

package/dist/data/diagnostics/ErrorDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorDetails.js","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n};\n\nexport function ErrorDetails({ diagnostics, title = \"Error\", renderJsonContext }: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className=\"group rounded-md border border-destructive/30 bg-destructive/5\">\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n}: {\n  label: string;\n  value: string;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">{label}</span>\n      <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">{value}</span>\n      <Icon icon={UiCopy} className=\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\" />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"ErrorDetails.js","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { useState, type MouseEvent, type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\nimport {\n  UiCheck,\n  UiChevronRight,\n  UiCopy,\n  UiDebugStepOver,\n  UiMethod,\n  UiWarningTriangle,\n} from \"../../icons\";\nimport {\n  compactStackPath,\n  isApplicationStackFrame,\n  parseDiagnosticsStackTrace,\n  parseInlineJsonContextValue,\n  type ErrorDiagnostics,\n  type ErrorStackFrame,\n} from \"./error-diagnostics\";\n\nexport type ErrorDetailsProps = {\n  diagnostics: ErrorDiagnostics;\n  // Heading above the message. Defaults to \"Error\"; callers that already know\n  // what failed (\"Failed to load /api/v1/profile/…\") say so instead.\n  title?: string;\n  // Optional renderer for context values that parse as JSON. Defaults to a\n  // CopyBadge with the raw string. MC's playbook view passes a richer JsonView\n  // here; smaller consumers (plugin iframes) can leave it unset.\n  renderJsonContext?: (entry: { label: string; value: string; data: unknown }) => ReactNode;\n};\n\nexport function ErrorDetails({ diagnostics, title = \"Error\", renderJsonContext }: ErrorDetailsProps) {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({\n      label,\n      value,\n      data: parseInlineJsonContextValue(value),\n    }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\n    );\n  const copyDiagnostics = async (event: MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (!navigator.clipboard?.writeText) {\n      setCopyState(\"failed\");\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));\n      setCopyState(\"copied\");\n    } catch {\n      setCopyState(\"failed\");\n    }\n  };\n  return (\n    <details className=\"group rounded-md border border-destructive/30 bg-destructive/5\">\n      <summary className=\"flex cursor-pointer list-none items-start gap-2 p-3\">\n        <Icon icon={UiWarningTriangle} className=\"mt-0.5 shrink-0 text-destructive\" />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"text-sm font-semibold text-destructive\">{title}</div>\n          <div className=\"mt-1 whitespace-pre-wrap text-sm text-destructive\">\n            {diagnostics.message}\n          </div>\n        </div>\n        <div className=\"flex shrink-0 flex-col items-end gap-2 text-xs font-medium text-muted-foreground sm:flex-row sm:items-center sm:gap-3\">\n          <button\n            type=\"button\"\n            aria-label={\n              copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy error details\"\n            }\n            title=\"Copy message, trace, time, context, and stack trace\"\n            className=\"inline-flex items-center gap-1 hover:text-foreground\"\n            onClick={(event) => void copyDiagnostics(event)}\n          >\n            <Icon icon={copyState === \"copied\" ? UiCheck : UiCopy} />\n            <span aria-live=\"polite\">\n              {copyState === \"copied\"\n                ? \"Copied\"\n                : copyState === \"failed\"\n                  ? \"Copy failed\"\n                  : \"Copy\"}\n            </span>\n          </button>\n          <span className=\"inline-flex items-center gap-1 hover:text-foreground\">\n            <span className=\"group-open:hidden\">More details</span>\n            <span className=\"hidden group-open:inline\">Less details</span>\n            <Icon\n              icon={UiChevronRight}\n              className=\"shrink-0 transition-transform group-open:rotate-90\"\n            />\n          </span>\n        </div>\n      </summary>\n      <div className=\"grid gap-3 border-t border-destructive/20 p-3 pt-2\">\n        {(diagnostics.trace || diagnostics.time) && (\n          <div className=\"flex min-w-0 flex-wrap gap-2\">\n            {diagnostics.trace && (\n              <CopyBadge label=\"Trace\" value={diagnostics.trace} className=\"max-w-full\" />\n            )}\n            {diagnostics.time && (\n              <span className=\"inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs\">\n                <span className=\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\">\n                  Time\n                </span>\n                <span className=\"min-w-0 truncate px-2 py-1 font-mono text-foreground\">\n                  {diagnostics.time}\n                </span>\n              </span>\n            )}\n          </div>\n        )}\n        {diagnostics.context.length > 0 && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              Context\n            </div>\n            {scalarContext.length > 0 && (\n              <div className=\"flex flex-wrap gap-1.5\">\n                {scalarContext.map(([label, value]) => (\n                  <CopyBadge key={`${label}:${value}`} label={label} value={value} />\n                ))}\n              </div>\n            )}\n            {jsonContext.length > 0 && (\n              <div className=\"mt-2 grid gap-2\">\n                {jsonContext.map((entry) =>\n                  renderJsonContext ? (\n                    <span key={`${entry.label}:${entry.value}`}>{renderJsonContext(entry)}</span>\n                  ) : (\n                    <CopyBadge\n                      key={`${entry.label}:${entry.value}`}\n                      label={entry.label}\n                      value={entry.value}\n                    />\n                  ),\n                )}\n              </div>\n            )}\n          </div>\n        )}\n        {diagnostics.details?.map((detail) => (\n          <div key={detail.label} className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {detail.label}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(detail.value)}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            {/* break-all because a response body is one long token as often\n                as not, and pre-wrap alone only breaks on whitespace. */}\n            <pre className=\"max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted p-2 font-mono text-xs leading-5 text-foreground\">\n              {detail.value}\n            </pre>\n          </div>\n        ))}\n        {diagnostics.stacktrace && (\n          <div className=\"min-w-0\">\n            <div className=\"mb-1.5 flex min-w-0 items-center justify-between gap-3\">\n              <div className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                Stack trace\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => copyText(diagnostics.stacktrace ?? \"\")}\n                className=\"inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground\"\n              >\n                <Icon icon={UiCopy} />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\n  );\n}\n\nfunction diagnosticReport(diagnostics: ErrorDiagnostics, title: string): string {\n  const lines = [`${title}: ${diagnostics.message}`];\n  if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);\n  if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);\n  if (diagnostics.context.length > 0) {\n    lines.push(\n      \"\",\n      \"Context:\",\n      ...diagnostics.context.map(([label, value]) => `${label}: ${value}`),\n    );\n  }\n  for (const detail of diagnostics.details ?? []) {\n    lines.push(\"\", `${detail.label}:`, detail.value);\n  }\n  if (diagnostics.stacktrace) {\n    lines.push(\"\", \"Stack trace:\", diagnostics.stacktrace);\n  }\n  return lines.join(\"\\n\");\n}\n\nexport function PrettyStackTrace({ stacktrace }: { stacktrace: string }) {\n  const parsed = parseDiagnosticsStackTrace(stacktrace);\n  if (parsed.frames.length === 0) {\n    return (\n      <pre className=\"max-h-72 overflow-auto whitespace-pre-wrap rounded-md bg-slate-950 p-3 font-mono text-xs leading-5 text-slate-200\">\n        {stacktrace}\n      </pre>\n    );\n  }\n\n  return (\n    <div className=\"max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2\">\n      <div className=\"mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"rounded-full bg-red-100 px-2 py-0.5 text-red-700\">error</span>\n          <span>{parsed.frames.length} frames</span>\n        </div>\n      </div>\n      {parsed.headline && (\n        <div className=\"mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700\">\n          {parsed.headline}\n        </div>\n      )}\n      <div className=\"space-y-0.5\">\n        {parsed.frames.map((frame, index) => (\n          <StackFrameRow key={`${frame.file}:${frame.line}:${index}`} frame={frame} index={index} />\n        ))}\n      </div>\n      {parsed.unparsed.length > 0 && (\n        <pre className=\"mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground\">\n          {parsed.unparsed.join(\"\\n\")}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction StackFrameRow({ frame, index }: { frame: ErrorStackFrame; index: number }) {\n  const appFrame = isApplicationStackFrame(frame.file);\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(frame.raw)}\n      title=\"Copy stack frame\"\n      className={[\n        \"block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50\",\n        appFrame ? \"text-foreground\" : \"text-muted-foreground\",\n      ].join(\" \")}\n    >\n      <div className=\"flex min-w-0 items-start gap-1.5\">\n        <Icon\n          icon={appFrame ? UiMethod : UiDebugStepOver}\n          className=\"mt-0.5 shrink-0 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            <span className=\"mr-2 text-[10px] font-normal opacity-60\">#{index + 1}</span>\n            {frame.functionName || \"unknown function\"}\n            <span className=\"ml-2 text-[10px] font-normal opacity-80\">\n              {compactStackPath(frame.file)}:{frame.line}\n            </span>\n          </div>\n        </div>\n      </div>\n    </button>\n  );\n}\n\n/** Wrapping keeps the whole value on screen, so the label block has to stretch to match it. */\nconst COPY_BADGE_LAYOUT = {\n  clipped: { frame: \"items-center overflow-hidden\", label: \"\", value: \"truncate\", icon: \"\" },\n  wrapped: {\n    frame: \"items-stretch\",\n    label: \"flex items-center\",\n    value: \"whitespace-normal break-all\",\n    icon: \"self-center\",\n  },\n} as const;\n\nexport function CopyBadge({\n  label,\n  value,\n  className = \"\",\n  wrap = false,\n}: {\n  label: string;\n  value: string;\n  className?: string;\n  /** Lets a long value run onto further lines instead of being clipped to one. */\n  wrap?: boolean;\n}) {\n  const layout = COPY_BADGE_LAYOUT[wrap ? \"wrapped\" : \"clipped\"];\n  return (\n    <button\n      type=\"button\"\n      onClick={() => copyText(value)}\n      title={`Copy ${label}`}\n      className={[\n        \"inline-flex max-w-full rounded-md border border-border bg-background/80 text-left text-xs hover:border-primary/40 hover:bg-background\",\n        layout.frame,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      <span\n        className={[\"shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground\", layout.label]\n          .filter(Boolean)\n          .join(\" \")}\n      >\n        {label}\n      </span>\n      <span className={[\"min-w-0 px-2 py-1 font-mono text-foreground\", layout.value].join(\" \")}>{value}</span>\n      <Icon\n        icon={UiCopy}\n        className={[\"mr-1.5 h-3 w-3 shrink-0 text-muted-foreground\", layout.icon].filter(Boolean).join(\" \")}\n      />\n    </button>\n  );\n}\n\nfunction copyText(value: string) {\n  if (typeof navigator !== \"undefined\" && navigator.clipboard) {\n    void navigator.clipboard.writeText(value);\n  }\n}\n"],"names":["_a"],"mappings":"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"}