@flanksource/clicky-ui 0.3.22 → 0.3.23

package/dist/data/DataTableGroupingControls.cjs

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const select = require("../components/select.cjs");
+const utils = require("../lib/utils.cjs");
+const Icon = require("./Icon.cjs");
+const UiExpandAll = require("../icons/components/UiExpandAll.cjs");
+const UiCollapseAll = require("../icons/components/UiCollapseAll.cjs");
+function DataTableGroupingControls({
+  modes,
+  value,
+  hasGroups,
+  allExpanded,
+  allCollapsed,
+  onModeChange,
+  onExpandAll,
+  onCollapseAll
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex shrink-0 items-center gap-1",
+      role: "group",
+      "aria-label": "Grouping controls",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-44 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          select.Select,
+          {
+            "aria-label": "Group rows by",
+            value,
+            options: modes,
+            onChange: (event) => onModeChange(event.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GroupingButton,
+          {
+            label: "Expand all groups",
+            pressed: allExpanded,
+            disabled: !hasGroups,
+            onClick: onExpandAll,
+            icon: UiExpandAll.UiExpandAll
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          GroupingButton,
+          {
+            label: "Collapse all groups",
+            pressed: allCollapsed,
+            disabled: !hasGroups,
+            onClick: onCollapseAll,
+            icon: UiCollapseAll.UiCollapseAll
+          }
+        )
+      ]
+    }
+  );
+}
+function GroupingButton({
+  label,
+  pressed,
+  disabled,
+  onClick,
+  icon
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      title: label,
+      "aria-pressed": pressed,
+      disabled,
+      onClick,
+      className: utils.cn(
+        "inline-flex h-control-h w-control-h items-center justify-center rounded-md border border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        pressed && "bg-accent text-accent-foreground"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { icon, className: "text-sm" })
+    }
+  );
+}
+exports.DataTableGroupingControls = DataTableGroupingControls;
+//# sourceMappingURL=DataTableGroupingControls.cjs.map

package/dist/data/DataTableGroupingControls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGroupingControls.cjs","sources":["../../src/data/DataTableGroupingControls.tsx"],"sourcesContent":["import { Select } from \"../components/select\";\nimport { UiCollapseAll, UiExpandAll } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\n\ntype GroupingControlMode = {\n  value: string;\n  label: string;\n};\n\nexport type DataTableGroupingControlsProps = {\n  modes: GroupingControlMode[];\n  value: string;\n  hasGroups: boolean;\n  allExpanded: boolean;\n  allCollapsed: boolean;\n  onModeChange: (value: string) => void;\n  onExpandAll: () => void;\n  onCollapseAll: () => void;\n};\n\nexport function DataTableGroupingControls({\n  modes,\n  value,\n  hasGroups,\n  allExpanded,\n  allCollapsed,\n  onModeChange,\n  onExpandAll,\n  onCollapseAll,\n}: DataTableGroupingControlsProps) {\n  return (\n    <div\n      className=\"flex shrink-0 items-center gap-1\"\n      role=\"group\"\n      aria-label=\"Grouping controls\"\n    >\n      <div className=\"w-44 shrink-0\">\n        <Select\n          aria-label=\"Group rows by\"\n          value={value}\n          options={modes}\n          onChange={(event) => onModeChange(event.target.value)}\n        />\n      </div>\n      <GroupingButton\n        label=\"Expand all groups\"\n        pressed={allExpanded}\n        disabled={!hasGroups}\n        onClick={onExpandAll}\n        icon={UiExpandAll}\n      />\n      <GroupingButton\n        label=\"Collapse all groups\"\n        pressed={allCollapsed}\n        disabled={!hasGroups}\n        onClick={onCollapseAll}\n        icon={UiCollapseAll}\n      />\n    </div>\n  );\n}\n\nfunction GroupingButton({\n  label,\n  pressed,\n  disabled,\n  onClick,\n  icon,\n}: {\n  label: string;\n  pressed: boolean;\n  disabled: boolean;\n  onClick: () => void;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      aria-pressed={pressed}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-control-h w-control-h items-center justify-center rounded-md border border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        pressed && \"bg-accent text-accent-foreground\",\n      )}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n"],"names":["jsxs","jsx","Select","UiExpandAll","UiCollapseAll","cn","Icon"],"mappings":";;;;;;;;AAqBO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,iBACb,UAAAA,2BAAAA;AAAAA,UAACC,OAAAA;AAAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX;AAAA,YACA,SAAS;AAAA,YACT,UAAU,CAAC,UAAU,aAAa,MAAM,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAExD;AAAA,QACAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX,SAAS;AAAA,YACT,MAAME,YAAAA;AAAAA,UAAA;AAAA,QAAA;AAAA,QAERF,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX,SAAS;AAAA,YACT,MAAMG,cAAAA;AAAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACEH,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MACP,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,WAAWI,MAAAA;AAAAA,QACT;AAAA,QACA,WAAW;AAAA,MAAA;AAAA,MAGb,UAAAJ,2BAAAA,IAACK,KAAAA,MAAA,EAAK,MAAY,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG5C;;"}

package/dist/data/DataTableGroupingControls.d.ts

@@ -0,0 +1,17 @@
+type GroupingControlMode = {
+    value: string;
+    label: string;
+};
+export type DataTableGroupingControlsProps = {
+    modes: GroupingControlMode[];
+    value: string;
+    hasGroups: boolean;
+    allExpanded: boolean;
+    allCollapsed: boolean;
+    onModeChange: (value: string) => void;
+    onExpandAll: () => void;
+    onCollapseAll: () => void;
+};
+export declare function DataTableGroupingControls({ modes, value, hasGroups, allExpanded, allCollapsed, onModeChange, onExpandAll, onCollapseAll, }: DataTableGroupingControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableGroupingControls.d.ts.map

package/dist/data/DataTableGroupingControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGroupingControls.d.ts","sourceRoot":"","sources":["../../src/data/DataTableGroupingControls.tsx"],"names":[],"mappings":"AAKA,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,KAAK,EACL,SAAS,EACT,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACd,EAAE,8BAA8B,2CA+BhC"}

package/dist/data/DataTableGroupingControls.js

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Select } from "../components/select.js";
+import { cn } from "../lib/utils.js";
+import { Icon } from "./Icon.js";
+import { UiExpandAll } from "../icons/components/UiExpandAll.js";
+import { UiCollapseAll } from "../icons/components/UiCollapseAll.js";
+function DataTableGroupingControls({
+  modes,
+  value,
+  hasGroups,
+  allExpanded,
+  allCollapsed,
+  onModeChange,
+  onExpandAll,
+  onCollapseAll
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex shrink-0 items-center gap-1",
+      role: "group",
+      "aria-label": "Grouping controls",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "w-44 shrink-0", children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            "aria-label": "Group rows by",
+            value,
+            options: modes,
+            onChange: (event) => onModeChange(event.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          GroupingButton,
+          {
+            label: "Expand all groups",
+            pressed: allExpanded,
+            disabled: !hasGroups,
+            onClick: onExpandAll,
+            icon: UiExpandAll
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          GroupingButton,
+          {
+            label: "Collapse all groups",
+            pressed: allCollapsed,
+            disabled: !hasGroups,
+            onClick: onCollapseAll,
+            icon: UiCollapseAll
+          }
+        )
+      ]
+    }
+  );
+}
+function GroupingButton({
+  label,
+  pressed,
+  disabled,
+  onClick,
+  icon
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": label,
+      title: label,
+      "aria-pressed": pressed,
+      disabled,
+      onClick,
+      className: cn(
+        "inline-flex h-control-h w-control-h items-center justify-center rounded-md border border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        pressed && "bg-accent text-accent-foreground"
+      ),
+      children: /* @__PURE__ */ jsx(Icon, { icon, className: "text-sm" })
+    }
+  );
+}
+export {
+  DataTableGroupingControls
+};
+//# sourceMappingURL=DataTableGroupingControls.js.map

package/dist/data/DataTableGroupingControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGroupingControls.js","sources":["../../src/data/DataTableGroupingControls.tsx"],"sourcesContent":["import { Select } from \"../components/select\";\nimport { UiCollapseAll, UiExpandAll } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Icon, type StaticIconComponent } from \"./Icon\";\n\ntype GroupingControlMode = {\n  value: string;\n  label: string;\n};\n\nexport type DataTableGroupingControlsProps = {\n  modes: GroupingControlMode[];\n  value: string;\n  hasGroups: boolean;\n  allExpanded: boolean;\n  allCollapsed: boolean;\n  onModeChange: (value: string) => void;\n  onExpandAll: () => void;\n  onCollapseAll: () => void;\n};\n\nexport function DataTableGroupingControls({\n  modes,\n  value,\n  hasGroups,\n  allExpanded,\n  allCollapsed,\n  onModeChange,\n  onExpandAll,\n  onCollapseAll,\n}: DataTableGroupingControlsProps) {\n  return (\n    <div\n      className=\"flex shrink-0 items-center gap-1\"\n      role=\"group\"\n      aria-label=\"Grouping controls\"\n    >\n      <div className=\"w-44 shrink-0\">\n        <Select\n          aria-label=\"Group rows by\"\n          value={value}\n          options={modes}\n          onChange={(event) => onModeChange(event.target.value)}\n        />\n      </div>\n      <GroupingButton\n        label=\"Expand all groups\"\n        pressed={allExpanded}\n        disabled={!hasGroups}\n        onClick={onExpandAll}\n        icon={UiExpandAll}\n      />\n      <GroupingButton\n        label=\"Collapse all groups\"\n        pressed={allCollapsed}\n        disabled={!hasGroups}\n        onClick={onCollapseAll}\n        icon={UiCollapseAll}\n      />\n    </div>\n  );\n}\n\nfunction GroupingButton({\n  label,\n  pressed,\n  disabled,\n  onClick,\n  icon,\n}: {\n  label: string;\n  pressed: boolean;\n  disabled: boolean;\n  onClick: () => void;\n  icon: StaticIconComponent;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      aria-pressed={pressed}\n      disabled={disabled}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex h-control-h w-control-h items-center justify-center rounded-md border border-border bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n        pressed && \"bg-accent text-accent-foreground\",\n      )}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqBO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX;AAAA,YACA,SAAS;AAAA,YACT,UAAU,CAAC,UAAU,aAAa,MAAM,OAAO,KAAK;AAAA,UAAA;AAAA,QAAA,GAExD;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAER;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX,SAAS;AAAA,YACT,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,OAAO;AAAA,MACP,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,WAAW;AAAA,MAAA;AAAA,MAGb,UAAA,oBAAC,MAAA,EAAK,MAAY,WAAU,UAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAG5C;"}

package/dist/data/HighlightedTokens.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+function HighlightedTokens({
+  tokens,
+  content
+}) {
+  if (!tokens || tokens.length === 0) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tokens.map((token, index) => /* @__PURE__ */ jsxRuntime.jsx("span", { style: tokenStyle(token), children: token.content }, index)) });
+}
+function tokenStyle(token) {
+  const style = {};
+  if (token.color) style.color = token.color;
+  const fontStyle = token.fontStyle ?? 0;
+  if (fontStyle & 1) style.fontStyle = "italic";
+  if (fontStyle & 2) style.fontWeight = 700;
+  if (fontStyle & 4) style.textDecorationLine = "underline";
+  return style;
+}
+exports.HighlightedTokens = HighlightedTokens;
+//# sourceMappingURL=HighlightedTokens.cjs.map

package/dist/data/HighlightedTokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedTokens.cjs","sources":["../../src/data/HighlightedTokens.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { HighlightedLine, HighlightedToken } from \"./code-highlight\";\n\n// HighlightedTokens paints one `highlightToLines` line as themed spans, falling\n// back to the raw text when tokenization was unavailable (unsupported language,\n// highlighter failure, or the tokens simply not loaded yet). Shared by every\n// surface that paints its own gutter — CodeDiff's diff rows and the stack-frame\n// source window — none of which can embed Shiki's own `<pre>` because their line\n// numbers are not a contiguous 1..N run.\nexport function HighlightedTokens({\n  tokens,\n  content,\n}: {\n  tokens: HighlightedLine | undefined;\n  content: string;\n}) {\n  if (!tokens || tokens.length === 0) return <>{content}</>;\n  return (\n    <>\n      {tokens.map((token, index) => (\n        <span key={index} style={tokenStyle(token)}>\n          {token.content}\n        </span>\n      ))}\n    </>\n  );\n}\n\n// Shiki's `fontStyle` is a bitmask: 1=italic, 2=bold, 4=underline.\nfunction tokenStyle(token: HighlightedToken): CSSProperties {\n  const style: CSSProperties = {};\n  if (token.color) style.color = token.color;\n  const fontStyle = token.fontStyle ?? 0;\n  if (fontStyle & 1) style.fontStyle = \"italic\";\n  if (fontStyle & 2) style.fontWeight = 700;\n  if (fontStyle & 4) style.textDecorationLine = \"underline\";\n  return style;\n}\n"],"names":["jsx"],"mappings":";;;AASO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,8DAAU,UAAA,SAAQ;AACtD,+DAEK,UAAA,OAAO,IAAI,CAAC,OAAO,UAClBA,+BAAC,QAAA,EAAiB,OAAO,WAAW,KAAK,GACtC,UAAA,MAAM,QAAA,GADE,KAEX,CACD,GACH;AAEJ;AAGA,SAAS,WAAW,OAAwC;AAC1D,QAAM,QAAuB,CAAA;AAC7B,MAAI,MAAM,MAAO,OAAM,QAAQ,MAAM;AACrC,QAAM,YAAY,MAAM,aAAa;AACrC,MAAI,YAAY,EAAG,OAAM,YAAY;AACrC,MAAI,YAAY,EAAG,OAAM,aAAa;AACtC,MAAI,YAAY,EAAG,OAAM,qBAAqB;AAC9C,SAAO;AACT;;"}

package/dist/data/HighlightedTokens.d.ts

@@ -0,0 +1,6 @@
+import { HighlightedLine } from './code-highlight';
+export declare function HighlightedTokens({ tokens, content, }: {
+    tokens: HighlightedLine | undefined;
+    content: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HighlightedTokens.d.ts.map

package/dist/data/HighlightedTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedTokens.d.ts","sourceRoot":"","sources":["../../src/data/HighlightedTokens.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,kBAAkB,CAAC;AAQ1E,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC;CACjB,2CAWA"}

package/dist/data/HighlightedTokens.js

@@ -0,0 +1,21 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+function HighlightedTokens({
+  tokens,
+  content
+}) {
+  if (!tokens || tokens.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: content });
+  return /* @__PURE__ */ jsx(Fragment, { children: tokens.map((token, index) => /* @__PURE__ */ jsx("span", { style: tokenStyle(token), children: token.content }, index)) });
+}
+function tokenStyle(token) {
+  const style = {};
+  if (token.color) style.color = token.color;
+  const fontStyle = token.fontStyle ?? 0;
+  if (fontStyle & 1) style.fontStyle = "italic";
+  if (fontStyle & 2) style.fontWeight = 700;
+  if (fontStyle & 4) style.textDecorationLine = "underline";
+  return style;
+}
+export {
+  HighlightedTokens
+};
+//# sourceMappingURL=HighlightedTokens.js.map

package/dist/data/HighlightedTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedTokens.js","sources":["../../src/data/HighlightedTokens.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { HighlightedLine, HighlightedToken } from \"./code-highlight\";\n\n// HighlightedTokens paints one `highlightToLines` line as themed spans, falling\n// back to the raw text when tokenization was unavailable (unsupported language,\n// highlighter failure, or the tokens simply not loaded yet). Shared by every\n// surface that paints its own gutter — CodeDiff's diff rows and the stack-frame\n// source window — none of which can embed Shiki's own `<pre>` because their line\n// numbers are not a contiguous 1..N run.\nexport function HighlightedTokens({\n  tokens,\n  content,\n}: {\n  tokens: HighlightedLine | undefined;\n  content: string;\n}) {\n  if (!tokens || tokens.length === 0) return <>{content}</>;\n  return (\n    <>\n      {tokens.map((token, index) => (\n        <span key={index} style={tokenStyle(token)}>\n          {token.content}\n        </span>\n      ))}\n    </>\n  );\n}\n\n// Shiki's `fontStyle` is a bitmask: 1=italic, 2=bold, 4=underline.\nfunction tokenStyle(token: HighlightedToken): CSSProperties {\n  const style: CSSProperties = {};\n  if (token.color) style.color = token.color;\n  const fontStyle = token.fontStyle ?? 0;\n  if (fontStyle & 1) style.fontStyle = \"italic\";\n  if (fontStyle & 2) style.fontWeight = 700;\n  if (fontStyle & 4) style.textDecorationLine = \"underline\";\n  return style;\n}\n"],"names":[],"mappings":";AASO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,wCAAU,UAAA,SAAQ;AACtD,yCAEK,UAAA,OAAO,IAAI,CAAC,OAAO,UAClB,oBAAC,QAAA,EAAiB,OAAO,WAAW,KAAK,GACtC,UAAA,MAAM,QAAA,GADE,KAEX,CACD,GACH;AAEJ;AAGA,SAAS,WAAW,OAAwC;AAC1D,QAAM,QAAuB,CAAA;AAC7B,MAAI,MAAM,MAAO,OAAM,QAAQ,MAAM;AACrC,QAAM,YAAY,MAAM,aAAa;AACrC,MAAI,YAAY,EAAG,OAAM,YAAY;AACrC,MAAI,YAAY,EAAG,OAAM,aAAa;AACtC,MAAI,YAAY,EAAG,OAAM,qBAAqB;AAC9C,SAAO;AACT;"}

package/dist/data/code-highlight.cjs

@@ -42,7 +42,6 @@ const SUPPORTED_LANGS = [
 const SUPPORTED_THEMES = ["github-light", "github-dark"];
 const DEFAULT_THEME = "github-light";
 let highlighterLoad = null;
-let transformersLoad = null;
 function loadHighlighter() {
   highlighterLoad ?? (highlighterLoad = (async () => {
     const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([
@@ -75,10 +74,6 @@ function loadHighlighter() {
   })());
   return highlighterLoad;
 }
-function loadShikiTransformers() {
-  transformersLoad ?? (transformersLoad = import("@shikijs/transformers"));
-  return transformersLoad;
-}
 function languageFromPath(path) {
   if (!path) return void 0;
   const basename = path.slice(path.lastIndexOf("/") + 1);
@@ -141,5 +136,4 @@ async function highlightToLines(source, opts) {
 exports.highlightCode = highlightCode;
 exports.highlightToLines = highlightToLines;
 exports.languageFromPath = languageFromPath;
-exports.loadShikiTransformers = loadShikiTransformers;
 //# sourceMappingURL=code-highlight.cjs.map

package/dist/data/code-highlight.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.cjs","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformersModule = typeof import(\"@shikijs/transformers\");\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\nlet transformersLoad: Promise<ShikiTransformersModule> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport function loadShikiTransformers(): Promise<ShikiTransformersModule> {\n  transformersLoad ??= import(\"@shikijs/transformers\");\n  return transformersLoad;\n}\n\nexport type HighlightOptions = {\n  lang: string;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for `CodeDiff`, which paints its\n// own diff gutters/rows rather than embedding Shiki's `<pre>` HTML. Returns null\n// on empty source, an unsupported language, or a highlighter failure — the caller\n// then renders plain text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-highlight.cjs","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/data/code-highlight.d.ts

@@ -1,9 +1,10 @@
 import { HighlighterCore } from 'shiki/core';
-type ShikiTransformersModule = typeof import("@shikijs/transformers");
 type ShikiTransformer = NonNullable<Parameters<HighlighterCore["codeToHtml"]>[1]["transformers"]>[number];
-export declare function loadShikiTransformers(): Promise<ShikiTransformersModule>;
 export type HighlightOptions = {
-    lang: string;
+    /** Highlighter language. Undefined when the caller has none, in which case
+     *  both entry points return null and the caller renders plain text — better
+     *  than guessing a grammar and mis-colouring the source. */
+    lang: string | undefined;
     theme?: string;
     transformers?: ShikiTransformer[];
 };

package/dist/data/code-highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.d.ts","sourceRoot":"","sources":["../../src/data/code-highlight.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,YAAY,CAAC;AAExE,KAAK,uBAAuB,GAAG,cAAc,uBAAuB,CAAC,CAAC;AACtE,KAAK,gBAAgB,GAAG,WAAW,CACjC,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAC7D,CAAC,MAAM,CAAC,CAAC;AA8DV,wBAAgB,qBAAqB,IAAI,OAAO,CAAC,uBAAuB,CAAC,CAGxE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AAoBD,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAcxB;AAID,MAAM,MAAM,gBAAgB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAMjD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,CAoBnC"}
+{"version":3,"file":"code-highlight.d.ts","sourceRoot":"","sources":["../../src/data/code-highlight.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAwB,MAAM,YAAY,CAAC;AAExE,KAAK,gBAAgB,GAAG,WAAW,CACjC,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAC7D,CAAC,MAAM,CAAC,CAAC;AA6DV,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;gEAE4D;IAC5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACnC,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AAoBD,wBAAsB,aAAa,CACjC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAcxB;AAID,MAAM,MAAM,gBAAgB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAQjD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,gBAAgB,GACrB,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,CAoBnC"}

package/dist/data/code-highlight.js

@@ -18,7 +18,6 @@ const SUPPORTED_LANGS = [
 const SUPPORTED_THEMES = ["github-light", "github-dark"];
 const DEFAULT_THEME = "github-light";
 let highlighterLoad = null;
-let transformersLoad = null;
 function loadHighlighter() {
   highlighterLoad ?? (highlighterLoad = (async () => {
     const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([
@@ -51,10 +50,6 @@ function loadHighlighter() {
   })());
   return highlighterLoad;
 }
-function loadShikiTransformers() {
-  transformersLoad ?? (transformersLoad = import("@shikijs/transformers"));
-  return transformersLoad;
-}
 function languageFromPath(path) {
   if (!path) return void 0;
   const basename = path.slice(path.lastIndexOf("/") + 1);
@@ -117,7 +112,6 @@ async function highlightToLines(source, opts) {
 export {
   highlightCode,
   highlightToLines,
-  languageFromPath,
-  loadShikiTransformers
+  languageFromPath
 };
 //# sourceMappingURL=code-highlight.js.map

package/dist/data/code-highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-highlight.js","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformersModule = typeof import(\"@shikijs/transformers\");\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\nlet transformersLoad: Promise<ShikiTransformersModule> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport function loadShikiTransformers(): Promise<ShikiTransformersModule> {\n  transformersLoad ??= import(\"@shikijs/transformers\");\n  return transformersLoad;\n}\n\nexport type HighlightOptions = {\n  lang: string;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for `CodeDiff`, which paints its\n// own diff gutters/rows rather than embedding Shiki's `<pre>` HTML. Returns null\n// on empty source, an unsupported language, or a highlighter failure — the caller\n// then renders plain text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"code-highlight.js","sources":["../../src/data/code-highlight.ts"],"sourcesContent":["// Lazy-loaded wrapper around a Shiki *core* highlighter pre-registered with a\n// fixed language + theme set. The default `shiki` entry point bundles every\n// grammar/theme as separate dynamic imports — Vite then code-splits each into\n// its own chunk (~280 langs + 50 themes), even when only a handful are ever\n// used. Switching to `shiki/core` and registering a curated subset cuts the\n// app dist by ~6M and ~300 chunks.\n//\n// Languages are picked from what the renderer actually emits (Clicky code\n// blocks + Java stack traces). Anything outside the list silently falls back\n// to plain text — same behavior as before, just without paying for grammars\n// nobody asked for.\n\nimport type { HighlighterCore, ThemeRegistrationAny } from \"shiki/core\";\n\ntype ShikiTransformer = NonNullable<\n  Parameters<HighlighterCore[\"codeToHtml\"]>[1][\"transformers\"]\n>[number];\n\nconst SUPPORTED_LANGS = [\n  \"java\",\n  \"go\",\n  \"python\",\n  \"javascript\",\n  \"typescript\",\n  \"tsx\",\n  \"jsx\",\n  \"json\",\n  \"yaml\",\n  \"bash\",\n  \"shell\",\n  \"sql\",\n  \"xml\",\n  \"html\",\n  \"css\",\n] as const;\n\ntype SupportedLang = (typeof SUPPORTED_LANGS)[number];\n\nconst SUPPORTED_THEMES = [\"github-light\", \"github-dark\"] as const;\ntype SupportedTheme = (typeof SUPPORTED_THEMES)[number];\nconst DEFAULT_THEME: SupportedTheme = \"github-light\";\n\nlet highlighterLoad: Promise<HighlighterCore> | null = null;\n\nfunction loadHighlighter(): Promise<HighlighterCore> {\n  highlighterLoad ??= (async () => {\n    const [{ createHighlighterCore }, { createOnigurumaEngine }] = await Promise.all([\n      import(\"shiki/core\"),\n      import(\"shiki/engine/oniguruma\"),\n    ]);\n    return createHighlighterCore({\n      themes: [\n        import(\"@shikijs/themes/github-light\") as Promise<{ default: ThemeRegistrationAny }>,\n        import(\"@shikijs/themes/github-dark\") as Promise<{ default: ThemeRegistrationAny }>,\n      ],\n      langs: [\n        import(\"@shikijs/langs/java\"),\n        import(\"@shikijs/langs/go\"),\n        import(\"@shikijs/langs/python\"),\n        import(\"@shikijs/langs/javascript\"),\n        import(\"@shikijs/langs/typescript\"),\n        import(\"@shikijs/langs/tsx\"),\n        import(\"@shikijs/langs/jsx\"),\n        import(\"@shikijs/langs/json\"),\n        import(\"@shikijs/langs/yaml\"),\n        import(\"@shikijs/langs/bash\"),\n        import(\"@shikijs/langs/sql\"),\n        import(\"@shikijs/langs/xml\"),\n        import(\"@shikijs/langs/html\"),\n        import(\"@shikijs/langs/css\"),\n      ],\n      engine: createOnigurumaEngine(import(\"shiki/wasm\")),\n    });\n  })();\n  return highlighterLoad;\n}\n\nexport type HighlightOptions = {\n  /** Highlighter language. Undefined when the caller has none, in which case\n   *  both entry points return null and the caller renders plain text — better\n   *  than guessing a grammar and mis-colouring the source. */\n  lang: string | undefined;\n  theme?: string;\n  transformers?: ShikiTransformer[];\n};\n\n// Derive a highlighter language hint from a file path's extension (e.g.\n// \"src/app.tsx\" → \"tsx\"). Returns undefined for extensionless paths and dotfiles;\n// `resolveLang` then maps aliases and drops anything unsupported.\nexport function languageFromPath(path: string | undefined): string | undefined {\n  if (!path) return undefined;\n  const basename = path.slice(path.lastIndexOf(\"/\") + 1);\n  const dot = basename.lastIndexOf(\".\");\n  if (dot <= 0) return undefined;\n  return basename.slice(dot + 1).toLowerCase();\n}\n\nfunction resolveLang(input: string): SupportedLang | null {\n  const lang = input.toLowerCase();\n  if ((SUPPORTED_LANGS as readonly string[]).includes(lang)) return lang as SupportedLang;\n  if (lang === \"shell\" || lang === \"sh\" || lang === \"zsh\") return \"bash\";\n  if (lang === \"ts\") return \"typescript\";\n  if (lang === \"js\") return \"javascript\";\n  if (lang === \"py\") return \"python\";\n  if (lang === \"yml\") return \"yaml\";\n  return null;\n}\n\nfunction resolveTheme(input: string | undefined): SupportedTheme {\n  if (input && (SUPPORTED_THEMES as readonly string[]).includes(input)) {\n    return input as SupportedTheme;\n  }\n  return DEFAULT_THEME;\n}\n\nexport async function highlightCode(\n  source: string,\n  opts: HighlightOptions,\n): Promise<string | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    return highlighter.codeToHtml(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n      ...(opts.transformers ? { transformers: opts.transformers } : {}),\n    });\n  } catch {\n    return null;\n  }\n}\n\n// A single highlighted token: its text, an optional hex `color`, and Shiki's\n// `fontStyle` bitmask (1=italic, 2=bold, 4=underline).\nexport type HighlightedToken = { content: string; color?: string; fontStyle?: number };\nexport type HighlightedLine = HighlightedToken[];\n\n// Tokenize `source` into per-line themed tokens for the renderers that paint\n// their own gutters/rows rather than embedding Shiki's `<pre>` HTML — `CodeDiff`\n// (add/remove markers) and `FrameSourceWindow` (absolute, possibly\n// non-contiguous, source line numbers). Returns null on empty source, an\n// unsupported language, or a highlighter failure — the caller then renders plain\n// text (same graceful degradation as `highlightCode`).\nexport async function highlightToLines(\n  source: string,\n  opts: HighlightOptions,\n): Promise<HighlightedLine[] | null> {\n  if (!source || !opts.lang) return null;\n  const lang = resolveLang(opts.lang);\n  if (!lang) return null;\n  try {\n    const highlighter = await loadHighlighter();\n    const { tokens } = highlighter.codeToTokens(source, {\n      lang,\n      theme: resolveTheme(opts.theme),\n    });\n    return tokens.map((line) =>\n      line.map((token) => ({\n        content: token.content,\n        ...(token.color ? { color: token.color } : {}),\n        ...(token.fontStyle ? { fontStyle: token.fontStyle } : {}),\n      })),\n    );\n  } catch {\n    return null;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/data/diagnostics/DiagnosticsDetailPanel.cjs

@@ -37,6 +37,7 @@ function DiagnosticsDetailPanel({
   onCollectStack,
   runMeta,
   resolveSource,
+  frameActions,
   headerActions,
   singleItem
 }) {
@@ -98,7 +99,8 @@ function DiagnosticsDetailPanel({
         collectBusy: collectBusy ?? false,
         singleItem: singleItem ?? false,
         ...onCollectStack ? { onCollectStack } : {},
-        ...resolveSource ? { resolveSource } : {}
+        ...resolveSource ? { resolveSource } : {},
+        ...frameActions ? { frameActions } : {}
       }
     ) })
   ] });
@@ -188,6 +190,7 @@ function StackBlock(props) {
     collectBusy,
     onCollectStack,
     resolveSource,
+    frameActions,
     singleItem
   } = props;
   const stack = process.stack_capture;
@@ -337,7 +340,8 @@ function StackBlock(props) {
               thread: t,
               search,
               hideRuntimeOnly,
-              ...resolveSource ? { resolveSource } : {}
+              ...resolveSource ? { resolveSource } : {},
+              ...frameActions ? { frameActions } : {}
             },
             t.id
           )),