@flanksource/clicky-ui 0.3.21 → 0.3.23

package/dist/data/diagnostics/ErrorDetails.cjs

@@ -10,7 +10,8 @@ const UiCheck = require("../../icons/components/UiCheck.cjs");
 const UiChevronRight = require("../../icons/components/UiChevronRight.cjs");
 const UiMethod = require("../../icons/components/UiMethod.cjs");
 const UiDebugStepOver = require("../../icons/components/UiDebugStepOver.cjs");
-function ErrorDetails({ diagnostics, renderJsonContext }) {
+function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
+  var _a;
   const [copyState, setCopyState] = react.useState("idle");
   const scalarContext = diagnostics.context.filter(
     ([, value]) => !errorDiagnostics.parseInlineJsonContextValue(value)
@@ -23,15 +24,15 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     (entry) => entry.data !== null
   );
   const copyDiagnostics = async (event) => {
-    var _a;
+    var _a2;
     event.preventDefault();
     event.stopPropagation();
-    if (!((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+    if (!((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText)) {
       setCopyState("failed");
       return;
     }
     try {
-      await navigator.clipboard.writeText(diagnosticReport(diagnostics));
+      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));
       setCopyState("copied");
     } catch {
       setCopyState("failed");
@@ -41,7 +42,7 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     /* @__PURE__ */ jsxRuntime.jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-2 p-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiWarningTriangle.UiWarningTriangle, className: "mt-0.5 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-destructive", children: "Error" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-destructive", children: title }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 whitespace-pre-wrap text-sm text-destructive", children: diagnostics.message })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("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", children: [
@@ -94,6 +95,24 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
           )
         ) })
       ] }),
+      (_a = diagnostics.details) == null ? void 0 : _a.map((detail) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex min-w-0 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: detail.label }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => copyText(detail.value),
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon: UiCopy.UiCopy }),
+                "copy"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("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", children: detail.value })
+      ] }, detail.label)),
       diagnostics.stacktrace && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex min-w-0 items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Stack trace" }),
@@ -115,8 +134,8 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     ] })
   ] });
 }
-function diagnosticReport(diagnostics) {
-  const lines = [`Error: ${diagnostics.message}`];
+function diagnosticReport(diagnostics, title) {
+  const lines = [`${title}: ${diagnostics.message}`];
   if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);
   if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);
   if (diagnostics.context.length > 0) {
@@ -126,6 +145,9 @@ function diagnosticReport(diagnostics) {
       ...diagnostics.context.map(([label, value]) => `${label}: ${value}`)
     );
   }
+  for (const detail of diagnostics.details ?? []) {
+    lines.push("", `${detail.label}:`, detail.value);
+  }
   if (diagnostics.stacktrace) {
     lines.push("", "Stack trace:", diagnostics.stacktrace);
   }
@@ -185,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",
     {
@@ -197,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  // 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, 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));\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\">Error</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.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): string {\n  const lines = [`Error: ${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  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","jsxs","jsx","Icon","UiWarningTriangle","UiCheck","UiCopy","UiChevronRight","parseDiagnosticsStackTrace","isApplicationStackFrame","UiMethod","UiDebugStepOver","compactStackPath"],"mappings":";;;;;;;;;;;;AA2BO,SAAS,aAAa,EAAE,aAAa,qBAAwC;AAClF,QAAM,CAAC,WAAW,YAAY,IAAIA,MAAAA,SAAuC,MAAM;AAC/E,QAAM,gBAAgB,YAAY,QAAQ;AAAA,IACxC,CAAC,GAAG,KAAK,MAAM,CAACC,iBAAAA,4BAA4B,KAAK;AAAA,EAAA;AAEnD,QAAM,cAAc,YAAY,QAC7B,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO;AAAA,IACxB;AAAA,IACA;AAAA,IACA,MAAMA,iBAAAA,4BAA4B,KAAK;AAAA,EAAA,EACvC,EACD;AAAA,IACC,CAAC,UAAoE,MAAM,SAAS;AAAA,EAAA;AAExF,QAAM,kBAAkB,OAAO,UAAyC;;AACtE,UAAM,eAAA;AACN,UAAM,gBAAA;AACN,QAAI,GAAC,eAAU,cAAV,mBAAqB,YAAW;AACnC,mBAAa,QAAQ;AACrB;AAAA,IACF;AACA,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,iBAAiB,WAAW,CAAC;AACjE,mBAAa,QAAQ;AAAA,IACvB,QAAQ;AACN,mBAAa,QAAQ;AAAA,IACvB;AAAA,EACF;AACA,SACEC,2BAAAA,KAAC,WAAA,EAAQ,WAAU,kEACjB,UAAA;AAAA,IAAAA,2BAAAA,KAAC,WAAA,EAAQ,WAAU,uDACjB,UAAA;AAAA,MAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMC,kBAAAA,mBAAmB,WAAU,oCAAmC;AAAA,MAC5EH,2BAAAA,KAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,0CAAyC,UAAA,SAAK;AAAA,QAC7DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,qDACZ,sBAAY,QAAA,CACf;AAAA,MAAA,GACF;AAAA,MACAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,yHACb,UAAA;AAAA,QAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cACE,cAAc,WACV,WACA,cAAc,WACZ,gBACA;AAAA,YAER,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS,CAAC,UAAU,KAAK,gBAAgB,KAAK;AAAA,YAE9C,UAAA;AAAA,cAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAM,cAAc,WAAWE,QAAAA,UAAUC,OAAAA,QAAQ;AAAA,cACvDJ,2BAAAA,IAAC,QAAA,EAAK,aAAU,UACb,UAAA,cAAc,WACX,WACA,cAAc,WACZ,gBACA,OAAA,CACR;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFD,2BAAAA,KAAC,QAAA,EAAK,WAAU,wDACd,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,qBAAoB,UAAA,gBAAY;AAAA,UAChDA,2BAAAA,IAAC,QAAA,EAAK,WAAU,4BAA2B,UAAA,gBAAY;AAAA,UACvDA,2BAAAA;AAAAA,YAACC,KAAAA;AAAAA,YAAA;AAAA,cACC,MAAMI,eAAAA;AAAAA,cACN,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACAN,2BAAAA,KAAC,OAAA,EAAI,WAAU,sDACX,UAAA;AAAA,OAAA,YAAY,SAAS,YAAY,SACjCA,gCAAC,OAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,QAAA,YAAY,wCACV,WAAA,EAAU,OAAM,SAAQ,OAAO,YAAY,OAAO,WAAU,aAAA,CAAa;AAAA,QAE3E,YAAY,QACXA,gCAAC,QAAA,EAAK,WAAU,gHACd,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,iEAAgE,UAAA,QAEhF;AAAA,UACAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,wDACb,sBAAY,KAAA,CACf;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,MAED,YAAY,QAAQ,SAAS,KAC5BD,2BAAAA,KAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,8EAA6E,UAAA,WAE5F;AAAA,QACC,cAAc,SAAS,KACtBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,cAAc,IAAI,CAAC,CAAC,OAAO,KAAK,MAC/BA,+BAAC,WAAA,EAAoC,OAAc,MAAA,GAAnC,GAAG,KAAK,IAAI,KAAK,EAAgC,CAClE,EAAA,CACH;AAAA,QAED,YAAY,SAAS,oCACnB,OAAA,EAAI,WAAU,mBACZ,UAAA,YAAY;AAAA,UAAI,CAAC,UAChB,oBACEA,2BAAAA,IAAC,UAA4C,UAAA,kBAAkB,KAAK,EAAA,GAAzD,GAAG,MAAM,KAAK,IAAI,MAAM,KAAK,EAA8B,IAEtEA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,MAAM;AAAA,cACb,OAAO,MAAM;AAAA,YAAA;AAAA,YAFR,GAAG,MAAM,KAAK,IAAI,MAAM,KAAK;AAAA,UAAA;AAAA,QAGpC,EAEJ,CACF;AAAA,MAAA,GAEJ;AAAA,MAED,YAAY,cACXD,gCAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,0DACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uEAAsE,UAAA,eAErF;AAAA,UACAD,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,SAAS,YAAY,cAAc,EAAE;AAAA,cACpD,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,OAAAA,OAAA,CAAQ;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAExB,GACF;AAAA,QACAJ,2BAAAA,IAAC,kBAAA,EAAiB,YAAY,YAAY,WAAA,CAAY;AAAA,MAAA,EAAA,CACxD;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,iBAAiB,aAAuC;AAC/D,QAAM,QAAQ,CAAC,UAAU,YAAY,OAAO,EAAE;AAC9C,MAAI,YAAY,MAAO,OAAM,KAAK,UAAU,YAAY,KAAK,EAAE;AAC/D,MAAI,YAAY,KAAM,OAAM,KAAK,SAAS,YAAY,IAAI,EAAE;AAC5D,MAAI,YAAY,QAAQ,SAAS,GAAG;AAClC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,GAAG,YAAY,QAAQ,IAAI,CAAC,CAAC,OAAO,KAAK,MAAM,GAAG,KAAK,KAAK,KAAK,EAAE;AAAA,IAAA;AAAA,EAEvE;AACA,MAAI,YAAY,YAAY;AAC1B,UAAM,KAAK,IAAI,gBAAgB,YAAY,UAAU;AAAA,EACvD;AACA,SAAO,MAAM,KAAK,IAAI;AACxB;AAEO,SAAS,iBAAiB,EAAE,cAAsC;AACvE,QAAM,SAASM,iBAAAA,2BAA2B,UAAU;AACpD,MAAI,OAAO,OAAO,WAAW,GAAG;AAC9B,WACEN,2BAAAA,IAAC,OAAA,EAAI,WAAU,qHACZ,UAAA,YACH;AAAA,EAEJ;AAEA,SACED,2BAAAA,KAAC,OAAA,EAAI,WAAU,qFACb,UAAA;AAAA,IAAAC,2BAAAA,IAAC,SAAI,WAAU,kFACb,UAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,oDAAmD,UAAA,SAAK;AAAA,sCACvE,QAAA,EAAM,UAAA;AAAA,QAAA,OAAO,OAAO;AAAA,QAAO;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA,EAAA,CACrC,EAAA,CACF;AAAA,IACC,OAAO,YACNA,2BAAAA,IAAC,SAAI,WAAU,sFACZ,iBAAO,UACV;AAAA,IAEFA,2BAAAA,IAAC,OAAA,EAAI,WAAU,eACZ,UAAA,OAAO,OAAO,IAAI,CAAC,OAAO,UACzBA,2BAAAA,IAAC,eAAA,EAA2D,OAAc,MAAA,GAAtD,GAAG,MAAM,IAAI,IAAI,MAAM,IAAI,IAAI,KAAK,EAAgC,CACzF,EAAA,CACH;AAAA,IACC,OAAO,SAAS,SAAS,KACxBA,2BAAAA,IAAC,OAAA,EAAI,WAAU,uGACZ,UAAA,OAAO,SAAS,KAAK,IAAI,EAAA,CAC5B;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,cAAc,EAAE,OAAO,SAAoD;AAClF,QAAM,WAAWO,iBAAAA,wBAAwB,MAAM,IAAI;AACnD,SACEP,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,MAAM,GAAG;AAAA,MACjC,OAAM;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA,WAAW,oBAAoB;AAAA,MAAA,EAC/B,KAAK,GAAG;AAAA,MAEV,UAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,QAAAC,2BAAAA;AAAAA,UAACC,KAAAA;AAAAA,UAAA;AAAA,YACC,MAAM,WAAWO,SAAAA,WAAWC,gBAAAA;AAAAA,YAC5B,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,uCAEX,OAAA,EAAI,WAAU,WACb,UAAAV,2BAAAA,KAAC,OAAA,EAAI,WAAU,2DACb,UAAA;AAAA,UAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,2CAA0C,UAAA;AAAA,YAAA;AAAA,YAAE,QAAQ;AAAA,UAAA,GAAE;AAAA,UACrE,MAAM,gBAAgB;AAAA,UACvBA,2BAAAA,KAAC,QAAA,EAAK,WAAU,2CACb,UAAA;AAAA,YAAAW,iBAAAA,iBAAiB,MAAM,IAAI;AAAA,YAAE;AAAA,YAAE,MAAM;AAAA,UAAA,EAAA,CACxC;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAIG;AACD,SACEX,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS,MAAM,SAAS,KAAK;AAAA,MAC7B,OAAO,QAAQ,KAAK;AAAA,MACpB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA;AAAA,QAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,iEAAiE,UAAA,OAAM;AAAA,QACvFA,2BAAAA,IAAC,QAAA,EAAK,WAAU,wDAAwD,UAAA,OAAM;AAAA,QAC9EA,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAMG,OAAAA,QAAQ,WAAU,gDAAA,CAAgD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpF;AAEA,SAAS,SAAS,OAAe;AAC/B,MAAI,OAAO,cAAc,eAAe,UAAU,WAAW;AAC3D,SAAK,UAAU,UAAU,UAAU,KAAK;AAAA,EAC1C;AACF;;;;"}
+{"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

@@ -2,19 +2,22 @@ import { ReactNode } from 'react';
 import { ErrorDiagnostics } from './error-diagnostics';
 export type ErrorDetailsProps = {
     diagnostics: ErrorDiagnostics;
+    title?: string;
     renderJsonContext?: (entry: {
         label: string;
         value: string;
         data: unknown;
     }) => ReactNode;
 };
-export declare function ErrorDetails({ diagnostics, renderJsonContext }: ErrorDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorDetails({ diagnostics, title, renderJsonContext }: ErrorDetailsProps): import("react/jsx-runtime").JSX.Element;
 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;IAI9B,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,iBAAiB,EAAE,EAAE,iBAAiB,2CA2IjF;AAmBD,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

@@ -8,7 +8,8 @@ import { UiCheck } from "../../icons/components/UiCheck.js";
 import { UiChevronRight } from "../../icons/components/UiChevronRight.js";
 import { UiMethod } from "../../icons/components/UiMethod.js";
 import { UiDebugStepOver } from "../../icons/components/UiDebugStepOver.js";
-function ErrorDetails({ diagnostics, renderJsonContext }) {
+function ErrorDetails({ diagnostics, title = "Error", renderJsonContext }) {
+  var _a;
   const [copyState, setCopyState] = useState("idle");
   const scalarContext = diagnostics.context.filter(
     ([, value]) => !parseInlineJsonContextValue(value)
@@ -21,15 +22,15 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     (entry) => entry.data !== null
   );
   const copyDiagnostics = async (event) => {
-    var _a;
+    var _a2;
     event.preventDefault();
     event.stopPropagation();
-    if (!((_a = navigator.clipboard) == null ? void 0 : _a.writeText)) {
+    if (!((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText)) {
       setCopyState("failed");
       return;
     }
     try {
-      await navigator.clipboard.writeText(diagnosticReport(diagnostics));
+      await navigator.clipboard.writeText(diagnosticReport(diagnostics, title));
       setCopyState("copied");
     } catch {
       setCopyState("failed");
@@ -39,7 +40,7 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-2 p-3", children: [
       /* @__PURE__ */ jsx(Icon, { icon: UiWarningTriangle, className: "mt-0.5 shrink-0 text-destructive" }),
       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-destructive", children: "Error" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-destructive", children: title }),
         /* @__PURE__ */ jsx("div", { className: "mt-1 whitespace-pre-wrap text-sm text-destructive", children: diagnostics.message })
       ] }),
       /* @__PURE__ */ jsxs("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", children: [
@@ -92,6 +93,24 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
           )
         ) })
       ] }),
+      (_a = diagnostics.details) == null ? void 0 : _a.map((detail) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex min-w-0 items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: detail.label }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => copyText(detail.value),
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: UiCopy }),
+                "copy"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("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", children: detail.value })
+      ] }, detail.label)),
       diagnostics.stacktrace && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex min-w-0 items-center justify-between gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Stack trace" }),
@@ -113,8 +132,8 @@ function ErrorDetails({ diagnostics, renderJsonContext }) {
     ] })
   ] });
 }
-function diagnosticReport(diagnostics) {
-  const lines = [`Error: ${diagnostics.message}`];
+function diagnosticReport(diagnostics, title) {
+  const lines = [`${title}: ${diagnostics.message}`];
   if (diagnostics.trace) lines.push(`Trace: ${diagnostics.trace}`);
   if (diagnostics.time) lines.push(`Time: ${diagnostics.time}`);
   if (diagnostics.context.length > 0) {
@@ -124,6 +143,9 @@ function diagnosticReport(diagnostics) {
       ...diagnostics.context.map(([label, value]) => `${label}: ${value}`)
     );
   }
+  for (const detail of diagnostics.details ?? []) {
+    lines.push("", `${detail.label}:`, detail.value);
+  }
   if (diagnostics.stacktrace) {
     lines.push("", "Stack trace:", diagnostics.stacktrace);
   }
@@ -183,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",
     {
@@ -195,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  // 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, 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));\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\">Error</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.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): string {\n  const lines = [`Error: ${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  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":[],"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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"}

package/dist/data/diagnostics/FrameSourceWindow.cjs

@@ -1,33 +1,63 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-function FrameSourceWindow({ frame }) {
-  const lines = frame.sourceLines ?? [];
-  if (lines.length === 0) return null;
+const react = require("react");
+const codeHighlight = require("../code-highlight.cjs");
+const HighlightedTokens = require("../HighlightedTokens.cjs");
+function FrameSourceWindow({
+  frame,
+  className
+}) {
+  const lines = react.useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);
   const start = frame.sourceStartLine ?? 0;
   const numbers = frame.sourceLineNumbers;
   const focal = frame.line ?? -1;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed", children: lines.map((source, i) => {
-    const lineNumber = (numbers == null ? void 0 : numbers[i]) ?? start + i;
-    const isFocal = lineNumber === focal;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: [
-          "grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2",
-          isFocal ? "bg-red-500/10 font-semibold text-red-800 dark:text-red-300" : "text-foreground"
-        ].join(" "),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-none text-right text-muted-foreground", children: [
-            isFocal ? ">" : "",
-            lineNumber
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre", children: source || " " })
-        ]
-      },
-      `${lineNumber}-${i}`
-    );
-  }) });
+  const language = frame.sourceLanguage;
+  const [tokens, setTokens] = react.useState(null);
+  react.useEffect(() => {
+    if (lines.length === 0) {
+      setTokens(null);
+      return;
+    }
+    let cancelled = false;
+    codeHighlight.highlightToLines(lines.join("\n"), { lang: language }).then((out) => {
+      if (!cancelled) setTokens(out);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [lines, language]);
+  if (lines.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: [
+        "mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed",
+        className
+      ].filter(Boolean).join(" "),
+      children: lines.map((source, i) => {
+        const lineNumber = (numbers == null ? void 0 : numbers[i]) ?? start + i;
+        const isFocal = lineNumber === focal;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: [
+              "grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2",
+              isFocal ? "bg-red-500/10 font-semibold text-red-800 dark:text-red-300" : "text-foreground"
+            ].join(" "),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-none text-right text-muted-foreground", children: [
+                isFocal ? ">" : "",
+                lineNumber
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre", children: source ? /* @__PURE__ */ jsxRuntime.jsx(HighlightedTokens.HighlightedTokens, { tokens: tokens == null ? void 0 : tokens[i], content: source }) : " " })
+            ]
+          },
+          `${lineNumber}-${i}`
+        );
+      })
+    }
+  );
 }
 exports.FrameSourceWindow = FrameSourceWindow;
 //# sourceMappingURL=FrameSourceWindow.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrameSourceWindow.cjs","sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the plain (non-Shiki) renderer shared\n// by the JVM thread-dump frames and the exception stack-trace frames so both\n// surfaces show inline source the same way.\nexport function FrameSourceWindow({ frame }: { frame: FrameSource }) {\n  const lines = frame.sourceLines ?? [];\n  if (lines.length === 0) return null;\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n\n  return (\n    <div className=\"mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\">\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const isFocal = lineNumber === focal;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal\n                ? \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\"\n                : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal ? \">\" : \"\"}\n              {lineNumber}\n            </span>\n            <code className=\"whitespace-pre\">{source || \" \"}</code>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;AAOO,SAAS,kBAAkB,EAAE,SAAiC;AACnE,QAAM,QAAQ,MAAM,eAAe,CAAA;AACnC,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,QAAQ,MAAM,mBAAmB;AACvC,QAAM,UAAU,MAAM;AACtB,QAAM,QAAQ,MAAM,QAAQ;AAE5B,SACEA,+BAAC,SAAI,WAAU,0HACZ,gBAAM,IAAI,CAAC,QAAQ,MAAM;AACxB,UAAM,cAAa,mCAAU,OAAM,QAAQ;AAC3C,UAAM,UAAU,eAAe;AAC/B,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,UACI,+DACA;AAAA,QAAA,EACJ,KAAK,GAAG;AAAA,QAEV,UAAA;AAAA,UAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,gDACb,UAAA;AAAA,YAAA,UAAU,MAAM;AAAA,YAChB;AAAA,UAAA,GACH;AAAA,UACAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,kBAAkB,oBAAU,IAAA,CAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAZ3C,GAAG,UAAU,IAAI,CAAC;AAAA,IAAA;AAAA,EAe7B,CAAC,EAAA,CACH;AAEJ;;"}
+{"version":3,"file":"FrameSourceWindow.cjs","sources":["../../../src/data/diagnostics/FrameSourceWindow.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { highlightToLines, type HighlightedLine } from \"../code-highlight\";\nimport { HighlightedTokens } from \"../HighlightedTokens\";\nimport type { FrameSource } from \"./FrameSourceWindow.utils\";\n\n// FrameSourceWindow renders a decompiled / resolved source window beneath a\n// stack frame: a gutter of absolute line numbers with the focal line (the one\n// the frame points at) highlighted. It is the single source-window renderer,\n// shared by the JVM thread-dump frames, the exception stack-trace frames, and\n// frameless callers that have source but no stack (a template error, a single\n// decompiled class).\n//\n// The gutter is painted explicitly rather than by embedding Shiki's own `<pre>`,\n// because `sourceLineNumbers` is frequently NOT a contiguous run: arthas `jad`\n// returns bytecode-keyed line numbers with gaps. A CSS-counter gutter would\n// silently renumber those. Tokenizing via `highlightToLines` keeps the\n// highlighting while letting us own the numbering — the same trade CodeDiff makes.\nexport function FrameSourceWindow({\n  frame,\n  className,\n}: {\n  frame: FrameSource;\n  className?: string;\n}) {\n  const lines = useMemo(() => frame.sourceLines ?? [], [frame.sourceLines]);\n  const start = frame.sourceStartLine ?? 0;\n  const numbers = frame.sourceLineNumbers;\n  const focal = frame.line ?? -1;\n  // No default language: this renderer is shared by JVM frames, exception frames\n  // and frameless callers, so a Go dump or a template error must not be coloured\n  // with Java grammar. `highlightToLines` returns null without a language and\n  // `HighlightedTokens` then paints the plain source.\n  const language = frame.sourceLanguage;\n\n  const [tokens, setTokens] = useState<HighlightedLine[] | null>(null);\n\n  useEffect(() => {\n    if (lines.length === 0) {\n      setTokens(null);\n      return;\n    }\n    let cancelled = false;\n    highlightToLines(lines.join(\"\\n\"), { lang: language }).then((out) => {\n      if (!cancelled) setTokens(out);\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [lines, language]);\n\n  if (lines.length === 0) return null;\n\n  return (\n    <div\n      className={[\n        \"mx-3 mb-2 ml-12 overflow-x-auto rounded border border-border/60 bg-muted/30 py-1 font-mono text-[11px] leading-relaxed\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n    >\n      {lines.map((source, i) => {\n        const lineNumber = numbers?.[i] ?? start + i;\n        const isFocal = lineNumber === focal;\n        return (\n          <div\n            key={`${lineNumber}-${i}`}\n            className={[\n              \"grid min-w-max grid-cols-[3.5rem_minmax(24rem,1fr)] gap-3 px-2\",\n              isFocal ? \"bg-red-500/10 font-semibold text-red-800 dark:text-red-300\" : \"text-foreground\",\n            ].join(\" \")}\n          >\n            <span className=\"select-none text-right text-muted-foreground\">\n              {isFocal ? \">\" : \"\"}\n              {lineNumber}\n            </span>\n            <code className=\"whitespace-pre\">\n              {source ? <HighlightedTokens tokens={tokens?.[i]} content={source} /> : \" \"}\n            </code>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["useMemo","useState","useEffect","highlightToLines","jsx","jsxs","HighlightedTokens"],"mappings":";;;;;;AAiBO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,QAAM,QAAQA,MAAAA,QAAQ,MAAM,MAAM,eAAe,IAAI,CAAC,MAAM,WAAW,CAAC;AACxE,QAAM,QAAQ,MAAM,mBAAmB;AACvC,QAAM,UAAU,MAAM;AACtB,QAAM,QAAQ,MAAM,QAAQ;AAK5B,QAAM,WAAW,MAAM;AAEvB,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAAmC,IAAI;AAEnEC,QAAAA,UAAU,MAAM;AACd,QAAI,MAAM,WAAW,GAAG;AACtB,gBAAU,IAAI;AACd;AAAA,IACF;AACA,QAAI,YAAY;AAChBC,kBAAAA,iBAAiB,MAAM,KAAK,IAAI,GAAG,EAAE,MAAM,UAAU,EAAE,KAAK,CAAC,QAAQ;AACnE,UAAI,CAAC,UAAW,WAAU,GAAG;AAAA,IAC/B,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,OAAO,QAAQ,CAAC;AAEpB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEV,UAAA,MAAM,IAAI,CAAC,QAAQ,MAAM;AACxB,cAAM,cAAa,mCAAU,OAAM,QAAQ;AAC3C,cAAM,UAAU,eAAe;AAC/B,eACEC,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA,UAAU,+DAA+D;AAAA,YAAA,EACzE,KAAK,GAAG;AAAA,YAEV,UAAA;AAAA,cAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,gDACb,UAAA;AAAA,gBAAA,UAAU,MAAM;AAAA,gBAChB;AAAA,cAAA,GACH;AAAA,cACAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,kBACb,mBAASA,+BAACE,kBAAAA,mBAAA,EAAkB,QAAQ,iCAAS,IAAI,SAAS,OAAA,CAAQ,IAAK,IAAA,CAC1E;AAAA,YAAA;AAAA,UAAA;AAAA,UAZK,GAAG,UAAU,IAAI,CAAC;AAAA,QAAA;AAAA,MAe7B,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}