@flanksource/clicky-ui 0.1.0 → 0.2.2

package/dist/data/diagnostics/ErrorDetails.js

@@ -0,0 +1,157 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import { Icon } from "../Icon.js";
+import { parseInlineJsonContextValue, parseDiagnosticsStackTrace, isApplicationStackFrame, compactStackPath } from "./error-diagnostics.js";
+function ErrorDetails({ diagnostics, renderJsonContext }) {
+  const scalarContext = diagnostics.context.filter(
+    ([, value]) => !parseInlineJsonContextValue(value)
+  );
+  const jsonContext = diagnostics.context.map(([label, value]) => ({ label, value, data: parseInlineJsonContextValue(value) })).filter(
+    (entry) => entry.data !== null
+  );
+  return /* @__PURE__ */ jsxs("details", { className: "group rounded-md border border-destructive/30 bg-destructive/5", children: [
+    /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-start gap-2 p-3", children: [
+      /* @__PURE__ */ jsx(Icon, { name: "lucide:triangle-alert", 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: "mt-1 whitespace-pre-wrap text-sm text-destructive", children: diagnostics.message })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "lucide:chevron-right",
+          className: "mt-0.5 shrink-0 text-muted-foreground transition-transform group-open:rotate-90"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 border-t border-destructive/20 p-3 pt-2", children: [
+      (diagnostics.trace || diagnostics.time) && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap gap-2", children: [
+        diagnostics.trace && /* @__PURE__ */ jsx(CopyBadge, { label: "Trace", value: diagnostics.trace, className: "max-w-full" }),
+        diagnostics.time && /* @__PURE__ */ jsxs("span", { className: "inline-flex max-w-full items-center overflow-hidden rounded-md border border-border bg-background/80 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 bg-muted px-2 py-1 font-medium text-muted-foreground", children: "Time" }),
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate px-2 py-1 font-mono text-foreground", children: diagnostics.time })
+        ] })
+      ] }),
+      diagnostics.context.length > 0 && /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Context" }),
+        scalarContext.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: scalarContext.map(([label, value]) => /* @__PURE__ */ jsx(CopyBadge, { label, value }, `${label}:${value}`)) }),
+        jsonContext.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 grid gap-2", children: jsonContext.map(
+          (entry) => renderJsonContext ? /* @__PURE__ */ jsx("span", { children: renderJsonContext(entry) }, `${entry.label}:${entry.value}`) : /* @__PURE__ */ jsx(
+            CopyBadge,
+            {
+              label: entry.label,
+              value: entry.value
+            },
+            `${entry.label}:${entry.value}`
+          )
+        ) })
+      ] }),
+      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" }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => copyText(diagnostics.stacktrace ?? ""),
+              className: "inline-flex items-center gap-1 text-xs font-medium text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: "lucide:copy" }),
+                "copy"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(PrettyStackTrace, { stacktrace: diagnostics.stacktrace })
+      ] })
+    ] })
+  ] });
+}
+function PrettyStackTrace({ stacktrace }) {
+  const parsed = parseDiagnosticsStackTrace(stacktrace);
+  if (parsed.frames.length === 0) {
+    return /* @__PURE__ */ jsx("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", children: stacktrace });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "max-h-96 min-h-40 overflow-auto rounded-md border border-border bg-background p-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-2 flex items-center justify-between gap-2 text-[11px] text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "rounded-full bg-red-100 px-2 py-0.5 text-red-700", children: "error" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        parsed.frames.length,
+        " frames"
+      ] })
+    ] }) }),
+    parsed.headline && /* @__PURE__ */ jsx("div", { className: "mb-2 rounded-md bg-red-50 px-2 py-1.5 font-mono text-[11px] leading-4 text-red-700", children: parsed.headline }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: parsed.frames.map((frame, index) => /* @__PURE__ */ jsx(StackFrameRow, { frame, index }, `${frame.file}:${frame.line}:${index}`)) }),
+    parsed.unparsed.length > 0 && /* @__PURE__ */ jsx("pre", { className: "mt-2 whitespace-pre-wrap rounded bg-muted p-2 font-mono text-[11px] leading-4 text-muted-foreground", children: parsed.unparsed.join("\n") })
+  ] });
+}
+function StackFrameRow({ frame, index }) {
+  const appFrame = isApplicationStackFrame(frame.file);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => copyText(frame.raw),
+      title: "Copy stack frame",
+      className: [
+        "block w-full rounded px-1.5 py-1 text-left hover:bg-accent/50",
+        appFrame ? "text-foreground" : "text-muted-foreground"
+      ].join(" "),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            name: appFrame ? "codicon:symbol-method" : "codicon:debug-step-over",
+            className: "mt-0.5 shrink-0 text-[11px]"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "break-all font-mono text-[11px] font-semibold leading-4", children: [
+          /* @__PURE__ */ jsxs("span", { className: "mr-2 text-[10px] font-normal opacity-60", children: [
+            "#",
+            index + 1
+          ] }),
+          frame.functionName || "unknown function",
+          /* @__PURE__ */ jsxs("span", { className: "ml-2 text-[10px] font-normal opacity-80", children: [
+            compactStackPath(frame.file),
+            ":",
+            frame.line
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+}
+function CopyBadge({
+  label,
+  value,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      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",
+        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, { name: "lucide:copy", className: "mr-1.5 h-3 w-3 shrink-0 text-muted-foreground" })
+      ]
+    }
+  );
+}
+function copyText(value) {
+  if (typeof navigator !== "undefined" && navigator.clipboard) {
+    void navigator.clipboard.writeText(value);
+  }
+}
+export {
+  CopyBadge,
+  ErrorDetails,
+  PrettyStackTrace
+};
+//# sourceMappingURL=ErrorDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDetails.js","sources":["../../../src/data/diagnostics/ErrorDetails.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { Icon } from \"../Icon\";\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 scalarContext = diagnostics.context.filter(\n    ([, value]) => !parseInlineJsonContextValue(value),\n  );\n  const jsonContext = diagnostics.context\n    .map(([label, value]) => ({ label, value, data: parseInlineJsonContextValue(value) }))\n    .filter(\n      (entry): entry is { label: string; value: string; data: unknown } => entry.data !== null,\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 name=\"lucide:triangle-alert\" 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        <Icon\n          name=\"lucide:chevron-right\"\n          className=\"mt-0.5 shrink-0 text-muted-foreground transition-transform group-open:rotate-90\"\n        />\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 name=\"lucide:copy\" />\n                copy\n              </button>\n            </div>\n            <PrettyStackTrace stacktrace={diagnostics.stacktrace} />\n          </div>\n        )}\n      </div>\n    </details>\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          name={appFrame ? \"codicon:symbol-method\" : \"codicon:debug-step-over\"}\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 name=\"lucide:copy\" 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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"}

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

@@ -0,0 +1,10 @@
+import { ParsedGoroutine } from './stacktrace';
+export declare function goroutineStateBadge(state: string): string;
+export declare function goroutineStateDot(state: string): string;
+export type GoroutineCardProps = {
+    goroutine: ParsedGoroutine;
+    search: string;
+    hideRuntimeOnly: boolean;
+};
+export declare function GoroutineCard({ goroutine, search, hideRuntimeOnly }: GoroutineCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GoroutineCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoroutineCard.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/GoroutineCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAC;AAE1E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUzD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMvD;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,eAAe,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,EAAE,kBAAkB,2CAqCvF"}

package/dist/data/diagnostics/GoroutineCard.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+function goroutineStateBadge(state) {
+  if (state.includes("running"))
+    return "bg-green-50 text-green-700 dark:bg-green-500/20 dark:text-green-300";
+  if (state.includes("chan") || state.includes("wait"))
+    return "bg-blue-50 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300";
+  if (state.includes("sleep"))
+    return "bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300";
+  if (state.includes("select"))
+    return "bg-violet-50 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300";
+  return "bg-muted text-muted-foreground";
+}
+function goroutineStateDot(state) {
+  if (state.includes("running")) return "bg-green-500";
+  if (state.includes("chan") || state.includes("wait")) return "bg-blue-500";
+  if (state.includes("sleep")) return "bg-amber-500";
+  if (state.includes("select")) return "bg-violet-500";
+  return "bg-muted-foreground/40";
+}
+function GoroutineCard({ goroutine, search, hideRuntimeOnly }) {
+  const frames = hideRuntimeOnly ? goroutine.frames.filter((frame) => !frame.runtime || frame.kind === "created_by") : goroutine.frames;
+  const defaultOpen = goroutine.state === "running" || !!search;
+  return /* @__PURE__ */ jsxs("details", { className: "border-0 bg-transparent", open: defaultOpen, children: [
+    /* @__PURE__ */ jsx("summary", { className: "cursor-pointer list-none px-0 py-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs font-semibold text-foreground", children: [
+        "g",
+        goroutine.id
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: `inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] ${goroutineStateBadge(
+            goroutine.state
+          )}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${goroutineStateDot(goroutine.state)}` }),
+            goroutine.rawState
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+        frames.length,
+        "f"
+      ] }),
+      goroutine.userFrameCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
+        goroutine.userFrameCount,
+        "u"
+      ] }),
+      goroutine.topFunction && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: goroutine.topFunction })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "pl-3 py-1 space-y-0.5", children: frames.map((frame, index) => /* @__PURE__ */ jsx(FrameRow, { frame }, `${goroutine.id}-${index}`)) })
+  ] });
+}
+function FrameRow({ frame }) {
+  return /* @__PURE__ */ jsx("div", { className: frame.runtime ? "text-muted-foreground" : "text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        name: frame.kind === "created_by" ? "codicon:debug-restart" : frame.runtime ? "codicon:debug-step-over" : "codicon:symbol-method",
+        className: "shrink-0 mt-0.5 text-[11px]"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "break-all font-mono text-[11px] font-semibold leading-4", children: [
+      frame.displayName,
+      frame.location && /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] font-normal opacity-80", children: frame.location })
+    ] }) })
+  ] }) });
+}
+export {
+  GoroutineCard,
+  goroutineStateBadge,
+  goroutineStateDot
+};
+//# sourceMappingURL=GoroutineCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GoroutineCard.js","sources":["../../../src/data/diagnostics/GoroutineCard.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport type { ParsedGoroutine, ParsedGoroutineFrame } from \"./stacktrace\";\n\nexport function goroutineStateBadge(state: string): string {\n  if (state.includes(\"running\"))\n    return \"bg-green-50 text-green-700 dark:bg-green-500/20 dark:text-green-300\";\n  if (state.includes(\"chan\") || state.includes(\"wait\"))\n    return \"bg-blue-50 text-blue-700 dark:bg-blue-500/20 dark:text-blue-300\";\n  if (state.includes(\"sleep\"))\n    return \"bg-amber-50 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300\";\n  if (state.includes(\"select\"))\n    return \"bg-violet-50 text-violet-700 dark:bg-violet-500/20 dark:text-violet-300\";\n  return \"bg-muted text-muted-foreground\";\n}\n\nexport function goroutineStateDot(state: string): string {\n  if (state.includes(\"running\")) return \"bg-green-500\";\n  if (state.includes(\"chan\") || state.includes(\"wait\")) return \"bg-blue-500\";\n  if (state.includes(\"sleep\")) return \"bg-amber-500\";\n  if (state.includes(\"select\")) return \"bg-violet-500\";\n  return \"bg-muted-foreground/40\";\n}\n\nexport type GoroutineCardProps = {\n  goroutine: ParsedGoroutine;\n  search: string;\n  hideRuntimeOnly: boolean;\n};\n\nexport function GoroutineCard({ goroutine, search, hideRuntimeOnly }: GoroutineCardProps) {\n  const frames = hideRuntimeOnly\n    ? goroutine.frames.filter((frame) => !frame.runtime || frame.kind === \"created_by\")\n    : goroutine.frames;\n  const defaultOpen = goroutine.state === \"running\" || !!search;\n\n  return (\n    <details className=\"border-0 bg-transparent\" open={defaultOpen}>\n      <summary className=\"cursor-pointer list-none px-0 py-1\">\n        <div className=\"flex items-center gap-2 flex-wrap\">\n          <span className=\"font-mono text-xs font-semibold text-foreground\">g{goroutine.id}</span>\n          <span\n            className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[11px] ${goroutineStateBadge(\n              goroutine.state,\n            )}`}\n          >\n            <span className={`h-2 w-2 rounded-full ${goroutineStateDot(goroutine.state)}`} />\n            {goroutine.rawState}\n          </span>\n          <span className=\"text-[11px] text-muted-foreground\">{frames.length}f</span>\n          {goroutine.userFrameCount > 0 && (\n            <span className=\"text-[11px] text-muted-foreground\">{goroutine.userFrameCount}u</span>\n          )}\n          {goroutine.topFunction && (\n            <span className=\"truncate text-[11px] text-muted-foreground\">\n              {goroutine.topFunction}\n            </span>\n          )}\n        </div>\n      </summary>\n      <div className=\"pl-3 py-1 space-y-0.5\">\n        {frames.map((frame, index) => (\n          <FrameRow key={`${goroutine.id}-${index}`} frame={frame} />\n        ))}\n      </div>\n    </details>\n  );\n}\n\nfunction FrameRow({ frame }: { frame: ParsedGoroutineFrame }) {\n  return (\n    <div className={frame.runtime ? \"text-muted-foreground\" : \"text-foreground\"}>\n      <div className=\"flex items-start gap-1.5\">\n        <Icon\n          name={\n            frame.kind === \"created_by\"\n              ? \"codicon:debug-restart\"\n              : frame.runtime\n                ? \"codicon:debug-step-over\"\n                : \"codicon:symbol-method\"\n          }\n          className=\"shrink-0 mt-0.5 text-[11px]\"\n        />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            {frame.displayName}\n            {frame.location && (\n              <span className=\"ml-2 text-[10px] font-normal opacity-80\">{frame.location}</span>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAGO,SAAS,oBAAoB,OAAuB;AACzD,MAAI,MAAM,SAAS,SAAS;AAC1B,WAAO;AACT,MAAI,MAAM,SAAS,MAAM,KAAK,MAAM,SAAS,MAAM;AACjD,WAAO;AACT,MAAI,MAAM,SAAS,OAAO;AACxB,WAAO;AACT,MAAI,MAAM,SAAS,QAAQ;AACzB,WAAO;AACT,SAAO;AACT;AAEO,SAAS,kBAAkB,OAAuB;AACvD,MAAI,MAAM,SAAS,SAAS,EAAG,QAAO;AACtC,MAAI,MAAM,SAAS,MAAM,KAAK,MAAM,SAAS,MAAM,EAAG,QAAO;AAC7D,MAAI,MAAM,SAAS,OAAO,EAAG,QAAO;AACpC,MAAI,MAAM,SAAS,QAAQ,EAAG,QAAO;AACrC,SAAO;AACT;AAQO,SAAS,cAAc,EAAE,WAAW,QAAQ,mBAAuC;AACxF,QAAM,SAAS,kBACX,UAAU,OAAO,OAAO,CAAC,UAAU,CAAC,MAAM,WAAW,MAAM,SAAS,YAAY,IAChF,UAAU;AACd,QAAM,cAAc,UAAU,UAAU,aAAa,CAAC,CAAC;AAEvD,SACE,qBAAC,WAAA,EAAQ,WAAU,2BAA0B,MAAM,aACjD,UAAA;AAAA,IAAA,oBAAC,aAAQ,WAAU,sCACjB,UAAA,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAA,qBAAC,QAAA,EAAK,WAAU,mDAAkD,UAAA;AAAA,QAAA;AAAA,QAAE,UAAU;AAAA,MAAA,GAAG;AAAA,MACjF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,uEAAuE;AAAA,YAChF,UAAU;AAAA,UAAA,CACX;AAAA,UAED,UAAA;AAAA,YAAA,oBAAC,UAAK,WAAW,wBAAwB,kBAAkB,UAAU,KAAK,CAAC,IAAI;AAAA,YAC9E,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEb,qBAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA;AAAA,QAAA,OAAO;AAAA,QAAO;AAAA,MAAA,GAAC;AAAA,MACnE,UAAU,iBAAiB,KAC1B,qBAAC,QAAA,EAAK,WAAU,qCAAqC,UAAA;AAAA,QAAA,UAAU;AAAA,QAAe;AAAA,MAAA,GAAC;AAAA,MAEhF,UAAU,eACT,oBAAC,UAAK,WAAU,8CACb,oBAAU,YAAA,CACb;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAAA,wBACC,OAAA,EAAI,WAAU,yBACZ,UAAA,OAAO,IAAI,CAAC,OAAO,8BACjB,UAAA,EAA0C,MAAA,GAA5B,GAAG,UAAU,EAAE,IAAI,KAAK,EAAkB,CAC1D,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,SAAS,EAAE,SAA0C;AAC5D,SACE,oBAAC,OAAA,EAAI,WAAW,MAAM,UAAU,0BAA0B,mBACxD,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MACE,MAAM,SAAS,eACX,0BACA,MAAM,UACJ,4BACA;AAAA,QAER,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEX,OAAA,EAAI,WAAU,WACb,UAAA,qBAAC,OAAA,EAAI,WAAU,2DACZ,UAAA;AAAA,MAAA,MAAM;AAAA,MACN,MAAM,YACL,oBAAC,UAAK,WAAU,2CAA2C,gBAAM,SAAA,CAAS;AAAA,IAAA,EAAA,CAE9E,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,11 @@
+import { ParsedThreadFrame } from './jvm-stacktrace';
+export type JvmStackTraceProps = {
+    frames: ParsedThreadFrame[];
+    hideRuntimeOnly?: boolean;
+    className?: string;
+};
+export declare function JvmStackTrace({ frames, hideRuntimeOnly, className }: JvmStackTraceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function JvmStackFrameRow({ frame }: {
+    frame: ParsedThreadFrame;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JvmStackTrace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JvmStackTrace.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/JvmStackTrace.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,eAAuB,EAAE,SAAS,EAAE,EAAE,kBAAkB,kDAc/F;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,2CAwCvE"}

package/dist/data/diagnostics/JvmStackTrace.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Icon } from "../Icon.js";
+function JvmStackTrace({ frames, hideRuntimeOnly = false, className }) {
+  const visibleFrames = hideRuntimeOnly ? frames.filter((frame) => frame.kind !== "frame" || !frame.runtime) : frames;
+  if (visibleFrames.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className, children: visibleFrames.map((frame, index) => /* @__PURE__ */ jsx(JvmStackFrameRow, { frame }, `${frame.functionName}-${index}`)) });
+}
+function JvmStackFrameRow({ frame }) {
+  const isAnno = frame.kind !== "frame";
+  const iconName = isAnno ? frame.kind === "locked" ? "codicon:lock" : frame.kind === "waiting_to_lock" ? "codicon:sync" : "codicon:watch" : frame.nativeMethod ? "codicon:chip" : frame.runtime ? "codicon:debug-step-over" : "codicon:symbol-method";
+  return /* @__PURE__ */ jsx("div", { className: frame.runtime ? "text-muted-foreground" : "text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5", children: [
+    /* @__PURE__ */ jsx(Icon, { name: iconName, className: "mt-0.5 shrink-0 text-[11px]" }),
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("div", { className: "break-all font-mono text-[11px] font-semibold leading-4", children: isAnno ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "opacity-70", children: frame.functionName }),
+      frame.annotationText && /* @__PURE__ */ jsx("span", { className: "ml-2 font-normal opacity-80", children: frame.annotationText })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      frame.displayName,
+      frame.location && /* @__PURE__ */ jsx("span", { className: "ml-2 text-[10px] font-normal opacity-80", children: frame.location })
+    ] }) }) })
+  ] }) });
+}
+export {
+  JvmStackFrameRow,
+  JvmStackTrace
+};
+//# sourceMappingURL=JvmStackTrace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JvmStackTrace.js","sources":["../../../src/data/diagnostics/JvmStackTrace.tsx"],"sourcesContent":["import { Icon } from \"../Icon\";\nimport type { ParsedThreadFrame } from \"./jvm-stacktrace\";\n\nexport type JvmStackTraceProps = {\n  frames: ParsedThreadFrame[];\n  hideRuntimeOnly?: boolean;\n  className?: string;\n};\n\nexport function JvmStackTrace({ frames, hideRuntimeOnly = false, className }: JvmStackTraceProps) {\n  const visibleFrames = hideRuntimeOnly\n    ? frames.filter((frame) => frame.kind !== \"frame\" || !frame.runtime)\n    : frames;\n\n  if (visibleFrames.length === 0) return null;\n\n  return (\n    <div className={className}>\n      {visibleFrames.map((frame, index) => (\n        <JvmStackFrameRow key={`${frame.functionName}-${index}`} frame={frame} />\n      ))}\n    </div>\n  );\n}\n\nexport function JvmStackFrameRow({ frame }: { frame: ParsedThreadFrame }) {\n  const isAnno = frame.kind !== \"frame\";\n  const iconName = isAnno\n    ? frame.kind === \"locked\"\n      ? \"codicon:lock\"\n      : frame.kind === \"waiting_to_lock\"\n        ? \"codicon:sync\"\n        : \"codicon:watch\"\n    : frame.nativeMethod\n      ? \"codicon:chip\"\n      : frame.runtime\n        ? \"codicon:debug-step-over\"\n        : \"codicon:symbol-method\";\n\n  return (\n    <div className={frame.runtime ? \"text-muted-foreground\" : \"text-foreground\"}>\n      <div className=\"flex items-start gap-1.5\">\n        <Icon name={iconName} className=\"mt-0.5 shrink-0 text-[11px]\" />\n        <div className=\"min-w-0\">\n          <div className=\"break-all font-mono text-[11px] font-semibold leading-4\">\n            {isAnno ? (\n              <>\n                <span className=\"opacity-70\">{frame.functionName}</span>\n                {frame.annotationText && (\n                  <span className=\"ml-2 font-normal opacity-80\">{frame.annotationText}</span>\n                )}\n              </>\n            ) : (\n              <>\n                {frame.displayName}\n                {frame.location && (\n                  <span className=\"ml-2 text-[10px] font-normal opacity-80\">{frame.location}</span>\n                )}\n              </>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AASO,SAAS,cAAc,EAAE,QAAQ,kBAAkB,OAAO,aAAiC;AAChG,QAAM,gBAAgB,kBAClB,OAAO,OAAO,CAAC,UAAU,MAAM,SAAS,WAAW,CAAC,MAAM,OAAO,IACjE;AAEJ,MAAI,cAAc,WAAW,EAAG,QAAO;AAEvC,6BACG,OAAA,EAAI,WACF,wBAAc,IAAI,CAAC,OAAO,UACzB,oBAAC,kBAAA,EAAwD,SAAlC,GAAG,MAAM,YAAY,IAAI,KAAK,EAAkB,CACxE,GACH;AAEJ;AAEO,SAAS,iBAAiB,EAAE,SAAuC;AACxE,QAAM,SAAS,MAAM,SAAS;AAC9B,QAAM,WAAW,SACb,MAAM,SAAS,WACb,iBACA,MAAM,SAAS,oBACb,iBACA,kBACJ,MAAM,eACJ,iBACA,MAAM,UACJ,4BACA;AAER,SACE,oBAAC,OAAA,EAAI,WAAW,MAAM,UAAU,0BAA0B,mBACxD,UAAA,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,MAAM,UAAU,WAAU,+BAA8B;AAAA,IAC9D,oBAAC,SAAI,WAAU,WACb,8BAAC,OAAA,EAAI,WAAU,2DACZ,UAAA,SACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,cAAc,UAAA,MAAM,cAAa;AAAA,MAChD,MAAM,kBACL,oBAAC,UAAK,WAAU,+BAA+B,gBAAM,eAAA,CAAe;AAAA,IAAA,EAAA,CAExE,IAEA,qBAAA,UAAA,EACG,UAAA;AAAA,MAAA,MAAM;AAAA,MACN,MAAM,YACL,oBAAC,UAAK,WAAU,2CAA2C,gBAAM,SAAA,CAAS;AAAA,IAAA,EAAA,CAE9E,GAEJ,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,18 @@
+import { ParsedStackFrame, ParsedStackTrace } from './stacktrace-parse';
+export type StackTraceSourceResolver = (frame: ParsedStackFrame, contextLines: number) => {
+    lines: string[];
+    startLine: number;
+    language?: string;
+} | undefined;
+export interface StackTraceProps {
+    input: string | ParsedStackTrace;
+    language?: "java";
+    resolver?: StackTraceSourceResolver;
+    contextLines?: number;
+    hideRuntimeOnly?: boolean;
+    include?: string[];
+    exclude?: string[];
+    className?: string;
+}
+export declare function StackTrace({ input, language, resolver, contextLines, hideRuntimeOnly, include, exclude, className, }: StackTraceProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RenderedStackTrace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderedStackTrace.d.ts","sourceRoot":"","sources":["../../../src/data/diagnostics/RenderedStackTrace.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAC;AAQ5B,MAAM,MAAM,wBAAwB,GAAG,CACrC,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,MAAM,KAElB;IACE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GACD,SAAS,CAAC;AAEd,MAAM,WAAW,eAAe;IAG9B,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAiB,EACjB,QAAQ,EACR,YAAgB,EAChB,eAAuB,EACvB,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,eAAe,kDAgGjB"}

package/dist/data/diagnostics/RenderedStackTrace.js

@@ -0,0 +1,235 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, useState, useEffect } from "react";
+import { parseJavaStackTrace } from "./stacktrace-parse.js";
+import { loadShikiTransformers, highlightCode } from "../code-highlight.js";
+import { Icon } from "../Icon.js";
+function StackTrace({
+  input,
+  language = "java",
+  resolver,
+  contextLines = 3,
+  hideRuntimeOnly = false,
+  include,
+  exclude,
+  className
+}) {
+  const parsed = useMemo(() => {
+    if (typeof input === "string") {
+      return parseJavaStackTrace(input);
+    }
+    return input;
+  }, [input, language]);
+  const enrichedFrames = useMemo(() => {
+    if (!resolver) return parsed.frames;
+    return parsed.frames.map((frame) => {
+      if (frame.sourceLines && frame.sourceLines.length > 0) return frame;
+      const resolved = resolver(frame, contextLines);
+      if (!resolved) return frame;
+      const next = {
+        ...frame,
+        sourceLines: resolved.lines,
+        sourceStartLine: resolved.startLine
+      };
+      if (resolved.language !== void 0) next.sourceLanguage = resolved.language;
+      return next;
+    });
+  }, [parsed.frames, resolver, contextLines]);
+  const visibleFrames = useMemo(() => {
+    return enrichedFrames.filter((frame) => {
+      if (hideRuntimeOnly && frame.runtime) return false;
+      if (exclude && exclude.some((p) => {
+        var _a;
+        return (_a = frame.class) == null ? void 0 : _a.startsWith(p);
+      })) return false;
+      if (include && include.length > 0) {
+        return include.some((p) => {
+          var _a;
+          return (_a = frame.class) == null ? void 0 : _a.startsWith(p);
+        });
+      }
+      return true;
+    });
+  }, [enrichedFrames, hideRuntimeOnly, include, exclude]);
+  if (visibleFrames.length === 0 && !parsed.exceptionClass) return null;
+  const hasFilteredFrames = visibleFrames.length !== enrichedFrames.length;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [
+        "overflow-hidden rounded-md border border-border bg-background text-foreground",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        (parsed.exceptionClass || parsed.message) && /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-red-500/5 px-3 py-2", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: "codicon:error",
+              className: "mt-0.5 shrink-0 text-sm text-red-600 dark:text-red-400"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            parsed.exceptionClass && /* @__PURE__ */ jsx("div", { className: "break-all font-mono text-xs font-semibold text-red-700 dark:text-red-300", children: parsed.exceptionClass }),
+            parsed.message && /* @__PURE__ */ jsx("div", { className: "mt-0.5 whitespace-pre-wrap break-words text-xs text-foreground", children: parsed.message })
+          ] })
+        ] }) }),
+        parsed.causedBy.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1 border-b border-border bg-orange-500/5 px-3 py-2", children: parsed.causedBy.map((cause, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex min-w-0 items-start gap-2 font-mono text-[11px] text-orange-700 dark:text-orange-300",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "codicon:debug-stackframe-dot", className: "mt-0.5 shrink-0 text-xs" }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 opacity-75", children: "Caused by" }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all", children: cause })
+            ]
+          },
+          i
+        )) }),
+        /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60", children: visibleFrames.map((frame, idx) => /* @__PURE__ */ jsx(FrameWithSource, { frame, index: idx }, `${frame.functionName}-${idx}`)) }),
+        hasFilteredFrames && /* @__PURE__ */ jsxs("div", { className: "border-t border-border bg-muted/30 px-3 py-1.5 text-[11px] text-muted-foreground", children: [
+          "Showing ",
+          visibleFrames.length,
+          " of ",
+          enrichedFrames.length,
+          " frames"
+        ] })
+      ]
+    }
+  );
+}
+function FrameWithSource({ frame, index }) {
+  const hasSource = frame.sourceLines && frame.sourceLines.length > 0;
+  return /* @__PURE__ */ jsxs("div", { className: hasSource ? "bg-amber-500/[0.03]" : void 0, children: [
+    /* @__PURE__ */ jsx(StackFrameRow, { frame, index }),
+    hasSource ? /* @__PURE__ */ jsx(SourceWindow, { frame }) : null
+  ] });
+}
+function StackFrameRow({ frame, index }) {
+  const iconName = frame.nativeMethod ? "codicon:chip" : frame.runtime ? "codicon:debug-step-over" : "codicon:symbol-method";
+  const className = frame.class;
+  const methodName = frame.displayName || frame.method || frame.functionName;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [
+        "grid grid-cols-[2rem_minmax(0,1fr)] gap-2 px-3 py-1.5 text-xs",
+        frame.runtime ? "text-muted-foreground" : "text-foreground"
+      ].join(" "),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-end gap-1 pt-0.5 font-mono text-[10px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { children: index + 1 }),
+          /* @__PURE__ */ jsx(Icon, { name: iconName, className: "mt-px shrink-0 text-[11px]" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all font-mono font-semibold leading-4", children: methodName }),
+          className && /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all font-mono text-[11px] text-muted-foreground", children: className }),
+          frame.location && /* @__PURE__ */ jsx("span", { className: "rounded border border-border bg-muted/40 px-1.5 py-px font-mono text-[10px] text-muted-foreground", children: frame.location })
+        ] }) })
+      ]
+    }
+  );
+}
+function inlineCommentPrefix(language) {
+  switch (language) {
+    case "python":
+    case "py":
+    case "bash":
+    case "sh":
+    case "shell":
+    case "ruby":
+    case "rb":
+    case "yaml":
+    case "yml":
+    case "toml":
+      return "#";
+    default:
+      return "//";
+  }
+}
+function buildAnnotatedSource(lines, startLine, focalLine, language) {
+  const focalIdx = focalLine - startLine;
+  if (focalIdx < 0 || focalIdx >= lines.length) {
+    return lines.join("\n");
+  }
+  const prefix = inlineCommentPrefix(language);
+  return lines.map((src, i) => i === focalIdx ? `${src} ${prefix} [!code error]` : src).join("\n");
+}
+function SourceWindow({ frame }) {
+  const start = frame.sourceStartLine ?? 0;
+  const focal = frame.line ?? -1;
+  const lines = frame.sourceLines ?? [];
+  const lineNumbers = frame.sourceLineNumbers;
+  const language = frame.sourceLanguage ?? "java";
+  const rows = useMemo(
+    () => lines.map((src, i) => ({
+      source: src,
+      lineNumber: (lineNumbers == null ? void 0 : lineNumbers[i]) ?? start + i
+    })),
+    [lineNumbers, lines, start]
+  );
+  const hasExplicitLineNumbers = lineNumbers != null && lineNumbers.length > 0;
+  const annotatedSource = useMemo(
+    () => buildAnnotatedSource(lines, start, focal, language),
+    [lines, start, focal, language]
+  );
+  const [html, setHtml] = useState(null);
+  useEffect(() => {
+    if (!annotatedSource || hasExplicitLineNumbers) {
+      setHtml(null);
+      return;
+    }
+    let cancelled = false;
+    loadShikiTransformers().then(
+      ({ transformerNotationErrorLevel }) => highlightCode(annotatedSource, {
+        lang: language,
+        transformers: [transformerNotationErrorLevel()]
+      })
+    ).then((out) => {
+      if (!cancelled) setHtml(out);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [annotatedSource, hasExplicitLineNumbers, language]);
+  const counterStart = start - 1;
+  if (!html || hasExplicitLineNumbers) {
+    return /* @__PURE__ */ jsx(SourceRows, { rows, focal });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "stacktrace-source ml-6 overflow-x-auto rounded border border-border/50 bg-muted/30 p-2 text-[11px] leading-relaxed",
+      style: { ["--shiki-start"]: counterStart },
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+}
+function SourceRows({
+  rows,
+  focal
+}) {
+  return /* @__PURE__ */ 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: rows.map((row, i) => {
+    const isFocal = row.lineNumber === focal;
+    return /* @__PURE__ */ 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__ */ jsxs("span", { className: "select-none text-right text-muted-foreground", children: [
+            isFocal ? ">" : "",
+            row.lineNumber
+          ] }),
+          /* @__PURE__ */ jsx("code", { className: "whitespace-pre", children: row.source || " " })
+        ]
+      },
+      `${row.lineNumber}-${i}`
+    );
+  }) });
+}
+export {
+  StackTrace
+};
+//# sourceMappingURL=RenderedStackTrace.js.map