@flanksource/clicky-ui 0.3.9 → 0.3.11

package/dist/data/CodeDiff.cjs

@@ -0,0 +1,221 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+const SegmentedControl = require("../components/SegmentedControl.cjs");
+const codeDiff = require("./code-diff.cjs");
+const codeHighlight = require("./code-highlight.cjs");
+const UiRows = require("../icons/components/UiRows.cjs");
+const UiColumns = require("../icons/components/UiColumns.cjs");
+const UiFile = require("../icons/components/UiFile.cjs");
+const DIFF_VIEW_OPTIONS = [
+  { id: "unified", label: "Unified", icon: UiRows.UiRows, title: "Unified view" },
+  { id: "split", label: "Split", icon: UiColumns.UiColumns, title: "Split view" }
+];
+const ROW_TINT = {
+  context: void 0,
+  add: "bg-emerald-500/10",
+  remove: "bg-rose-500/10"
+};
+const MARKER_TONE = {
+  context: "text-muted-foreground",
+  add: "text-emerald-700 [[data-theme=dark]_&]:text-emerald-300",
+  remove: "text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+};
+const MARKER = { context: "", add: "+", remove: "-" };
+function CodeDiff(props) {
+  const { language, view: viewProp = "unified", showLineNumbers = true, bare = false, className } = props;
+  const { unified, original, modified } = props;
+  const [view, setView] = react.useState(viewProp);
+  const hunks = react.useMemo(
+    () => unified !== void 0 ? codeDiff.parseUnifiedDiff(unified) : codeDiff.computeLineDiff(original ?? "", modified ?? ""),
+    [unified, original, modified]
+  );
+  const { oldSource, newSource } = react.useMemo(() => buildSides(hunks), [hunks]);
+  const [tokens, setTokens] = react.useState({ old: null, mod: null });
+  react.useEffect(() => {
+    if (!language) {
+      setTokens({ old: null, mod: null });
+      return;
+    }
+    let cancelled = false;
+    Promise.all([
+      codeHighlight.highlightToLines(oldSource, { lang: language }),
+      codeHighlight.highlightToLines(newSource, { lang: language })
+    ]).then(([old, mod]) => {
+      if (!cancelled) setTokens({ old, mod });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [language, oldSource, newSource]);
+  const resolved = react.useMemo(
+    () => resolveHunks(hunks, tokens.old, tokens.mod),
+    [hunks, tokens]
+  );
+  const multiFile = new Set(resolved.map((hunk) => hunk.path).filter((p) => p !== void 0)).size > 1;
+  let lastPath;
+  const rows = resolved.map((hunk, index) => {
+    const filePath = multiFile && hunk.path !== void 0 && hunk.path !== lastPath ? hunk.path : void 0;
+    lastPath = hunk.path;
+    return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      filePath && /* @__PURE__ */ jsxRuntime.jsx(FileHeader, { path: filePath }),
+      view === "split" ? /* @__PURE__ */ jsxRuntime.jsx(SplitHunk, { hunk, showLineNumbers }) : /* @__PURE__ */ jsxRuntime.jsx(UnifiedHunk, { hunk, showLineNumbers })
+    ] }, index);
+  });
+  if (bare) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("overflow-x-auto font-mono text-xs leading-relaxed", className), children: rows });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("overflow-hidden rounded-md border border-border bg-muted/40", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: language || "diff" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SegmentedControl.SegmentedControl,
+        {
+          size: "sm",
+          "aria-label": "Diff view",
+          value: view,
+          onChange: setView,
+          options: DIFF_VIEW_OPTIONS
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto font-mono text-xs leading-relaxed", children: rows })
+  ] });
+}
+function buildSides(hunks) {
+  const oldLines = [];
+  const newLines = [];
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      if (line.type !== "add") oldLines.push(line.content);
+      if (line.type !== "remove") newLines.push(line.content);
+    }
+  }
+  return { oldSource: oldLines.join("\n"), newSource: newLines.join("\n") };
+}
+function resolveHunks(hunks, oldTokens, newTokens) {
+  let oldCursor = 0;
+  let newCursor = 0;
+  return hunks.map((hunk) => ({
+    header: hunk.header,
+    path: hunk.path,
+    lines: hunk.lines.map((line) => {
+      const resolved = {
+        line,
+        oldTokens: line.type === "add" ? void 0 : oldTokens == null ? void 0 : oldTokens[oldCursor],
+        newTokens: line.type === "remove" ? void 0 : newTokens == null ? void 0 : newTokens[newCursor]
+      };
+      if (line.type !== "add") oldCursor += 1;
+      if (line.type !== "remove") newCursor += 1;
+      return resolved;
+    })
+  }));
+}
+function UnifiedHunk({ hunk, showLineNumbers }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    hunk.header && /* @__PURE__ */ jsxRuntime.jsx(HunkHeader, { header: hunk.header }),
+    hunk.lines.map((resolved, index) => {
+      const { line } = resolved;
+      const tokens = line.type === "remove" ? resolved.oldTokens : resolved.newTokens;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex", ROW_TINT[line.type]), "data-diff-line": line.type, children: [
+        showLineNumbers && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Gutter, { value: line.oldNumber }),
+          /* @__PURE__ */ jsxRuntime.jsx(Gutter, { value: line.newNumber })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Marker, { type: line.type }),
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "whitespace-pre pl-1 pr-3", children: /* @__PURE__ */ jsxRuntime.jsx(DiffTokens, { tokens, content: line.content }) })
+      ] }, index);
+    })
+  ] });
+}
+function SplitHunk({ hunk, showLineNumbers }) {
+  const pairs = react.useMemo(() => pairLines(hunk.lines), [hunk.lines]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    hunk.header && /* @__PURE__ */ jsxRuntime.jsx(HunkHeader, { header: hunk.header }),
+    pairs.map((pair, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SplitCell, { resolved: pair.left, side: "old", showLineNumbers }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "w-px shrink-0 bg-border" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SplitCell, { resolved: pair.right, side: "new", showLineNumbers })
+    ] }, index))
+  ] });
+}
+function pairLines(lines) {
+  const pairs = [];
+  let removes = [];
+  let adds = [];
+  const flush = () => {
+    const max = Math.max(removes.length, adds.length);
+    for (let i = 0; i < max; i++) pairs.push({ left: removes[i], right: adds[i] });
+    removes = [];
+    adds = [];
+  };
+  for (const resolved of lines) {
+    if (resolved.line.type === "remove") removes.push(resolved);
+    else if (resolved.line.type === "add") adds.push(resolved);
+    else {
+      flush();
+      pairs.push({ left: resolved, right: resolved });
+    }
+  }
+  flush();
+  return pairs;
+}
+function SplitCell({
+  resolved,
+  side,
+  showLineNumbers
+}) {
+  if (!resolved) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1" });
+  const { line } = resolved;
+  const active = side === "old" && line.type === "remove" || side === "new" && line.type === "add";
+  const type = active ? line.type : "context";
+  const number = side === "old" ? line.oldNumber : line.newNumber;
+  const tokens = side === "old" ? resolved.oldTokens : resolved.newTokens;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex min-w-0 flex-1", active && ROW_TINT[line.type]), "data-diff-line": type, children: [
+    showLineNumbers && /* @__PURE__ */ jsxRuntime.jsx(Gutter, { value: number }),
+    /* @__PURE__ */ jsxRuntime.jsx(Marker, { type }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { className: "min-w-0 whitespace-pre pl-1 pr-3", children: /* @__PURE__ */ jsxRuntime.jsx(DiffTokens, { tokens, content: line.content }) })
+  ] });
+}
+function FileHeader({ path }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-diff-file": path,
+      className: "flex items-center gap-1.5 border-b border-border bg-muted px-2 py-1 font-medium text-foreground",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(UiFile.UiFile, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: path })
+      ]
+    }
+  );
+}
+function HunkHeader({ header }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "select-none bg-muted/60 px-2 py-0.5 text-muted-foreground", children: header });
+}
+function Gutter({ value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-10 shrink-0 select-none px-2 text-right tabular-nums text-muted-foreground", children: value ?? "" });
+}
+function Marker({ type }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("w-4 shrink-0 select-none text-center", MARKER_TONE[type]), children: MARKER[type] });
+}
+function DiffTokens({
+  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.CodeDiff = CodeDiff;
+//# sourceMappingURL=CodeDiff.cjs.map

package/dist/data/CodeDiff.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff.cjs","sources":["../../src/data/CodeDiff.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo, useState, type CSSProperties } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { SegmentedControl, type SegmentedOption } from \"../components/SegmentedControl\";\nimport { UiColumns, UiFile, UiRows } from \"../icons\";\nimport {\n  computeLineDiff,\n  parseUnifiedDiff,\n  type DiffHunk,\n  type DiffLine,\n  type DiffLineType,\n} from \"./code-diff\";\nimport { highlightToLines, type HighlightedLine, type HighlightedToken } from \"./code-highlight\";\n\nexport type CodeDiffView = \"unified\" | \"split\";\n\n// Rows = stacked/unified; columns = side-by-side/split.\nconst DIFF_VIEW_OPTIONS: SegmentedOption<CodeDiffView>[] = [\n  { id: \"unified\", label: \"Unified\", icon: UiRows, title: \"Unified view\" },\n  { id: \"split\", label: \"Split\", icon: UiColumns, title: \"Split view\" },\n];\n\n// Either two blobs (diffed in-repo) or a ready unified-diff string (what\n// `GitDiffPanel` already receives). `never` on the absent keys keeps the shapes\n// mutually exclusive.\ntype CodeDiffInput =\n  | { original: string; modified: string; unified?: never }\n  | { unified: string; original?: never; modified?: never };\n\nexport type CodeDiffProps = CodeDiffInput & {\n  /** Highlighter language hint, e.g. `typescript`, `go`, `python`. */\n  language?: string | undefined;\n  /** Unified (single column) or split (side-by-side). Defaults to `unified`. */\n  view?: CodeDiffView | undefined;\n  /** Show old/new line-number gutters. Defaults to `true`. */\n  showLineNumbers?: boolean | undefined;\n  /** Render only the rows — no border, background, or language header. */\n  bare?: boolean | undefined;\n  className?: string | undefined;\n};\n\ntype ResolvedLine = {\n  line: DiffLine;\n  oldTokens: HighlightedLine | undefined;\n  newTokens: HighlightedLine | undefined;\n};\n\ntype ResolvedHunk = { header: string | undefined; path: string | undefined; lines: ResolvedLine[] };\n\n// Row background tint — theme-aware via `[[data-theme=dark]_&]` (plain `dark:`\n// compiles to prefers-color-scheme in the built dist and ignores `data-theme`).\nconst ROW_TINT: Record<DiffLineType, string | undefined> = {\n  context: undefined,\n  add: \"bg-emerald-500/10\",\n  remove: \"bg-rose-500/10\",\n};\n\nconst MARKER_TONE: Record<DiffLineType, string> = {\n  context: \"text-muted-foreground\",\n  add: \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-300\",\n  remove: \"text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n};\n\nconst MARKER: Record<DiffLineType, string> = { context: \"\", add: \"+\", remove: \"-\" };\n\nexport function CodeDiff(props: CodeDiffProps) {\n  const { language, view: viewProp = \"unified\", showLineNumbers = true, bare = false, className } = props;\n  const { unified, original, modified } = props;\n\n  // `view` prop seeds the default; the header toggle then owns it.\n  const [view, setView] = useState<CodeDiffView>(viewProp);\n\n  const hunks = useMemo<DiffHunk[]>(\n    () =>\n      unified !== undefined\n        ? parseUnifiedDiff(unified)\n        : computeLineDiff(original ?? \"\", modified ?? \"\"),\n    [unified, original, modified],\n  );\n\n  const { oldSource, newSource } = useMemo(() => buildSides(hunks), [hunks]);\n\n  // Raw first paint, highlighted tokens swap in — matches CodeBlock. `null`\n  // means \"not highlighted\" (empty/unsupported/loading); rows fall back to plain\n  // text token-by-token.\n  const [tokens, setTokens] = useState<{\n    old: HighlightedLine[] | null;\n    mod: HighlightedLine[] | null;\n  }>({ old: null, mod: null });\n\n  useEffect(() => {\n    if (!language) {\n      setTokens({ old: null, mod: null });\n      return;\n    }\n    let cancelled = false;\n    Promise.all([\n      highlightToLines(oldSource, { lang: language }),\n      highlightToLines(newSource, { lang: language }),\n    ]).then(([old, mod]) => {\n      if (!cancelled) setTokens({ old, mod });\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [language, oldSource, newSource]);\n\n  const resolved = useMemo(\n    () => resolveHunks(hunks, tokens.old, tokens.mod),\n    [hunks, tokens],\n  );\n\n  // Only a diff that spans more than one file labels its hunks with the path —\n  // a single-file diff's path is already known from its surrounding context.\n  const multiFile =\n    new Set(resolved.map((hunk) => hunk.path).filter((p) => p !== undefined)).size > 1;\n\n  let lastPath: string | undefined;\n  const rows = resolved.map((hunk, index) => {\n    const filePath =\n      multiFile && hunk.path !== undefined && hunk.path !== lastPath ? hunk.path : undefined;\n    lastPath = hunk.path;\n    return (\n      <Fragment key={index}>\n        {filePath && <FileHeader path={filePath} />}\n        {view === \"split\" ? (\n          <SplitHunk hunk={hunk} showLineNumbers={showLineNumbers} />\n        ) : (\n          <UnifiedHunk hunk={hunk} showLineNumbers={showLineNumbers} />\n        )}\n      </Fragment>\n    );\n  });\n\n  if (bare) {\n    return (\n      <div className={cn(\"overflow-x-auto font-mono text-xs leading-relaxed\", className)}>\n        {rows}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"overflow-hidden rounded-md border border-border bg-muted/40\", className)}>\n      <div className=\"flex items-center justify-between gap-2 border-b border-border px-3 py-1.5\">\n        <span className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n          {language || \"diff\"}\n        </span>\n        <SegmentedControl\n          size=\"sm\"\n          aria-label=\"Diff view\"\n          value={view}\n          onChange={setView}\n          options={DIFF_VIEW_OPTIONS}\n        />\n      </div>\n      <div className=\"overflow-x-auto font-mono text-xs leading-relaxed\">{rows}</div>\n    </div>\n  );\n}\n\n// Reconstruct the full old side (context + remove) and new side (context + add)\n// as text — highlighting each side as a coherent blob so grammar state is intact.\nfunction buildSides(hunks: DiffHunk[]): { oldSource: string; newSource: string } {\n  const oldLines: string[] = [];\n  const newLines: string[] = [];\n  for (const hunk of hunks) {\n    for (const line of hunk.lines) {\n      if (line.type !== \"add\") oldLines.push(line.content);\n      if (line.type !== \"remove\") newLines.push(line.content);\n    }\n  }\n  return { oldSource: oldLines.join(\"\\n\"), newSource: newLines.join(\"\\n\") };\n}\n\n// Map each diff line to its highlighted tokens via a sequential cursor per side\n// (not absolute line number, so unified-diff gaps between hunks stay aligned).\nfunction resolveHunks(\n  hunks: DiffHunk[],\n  oldTokens: HighlightedLine[] | null,\n  newTokens: HighlightedLine[] | null,\n): ResolvedHunk[] {\n  let oldCursor = 0;\n  let newCursor = 0;\n  return hunks.map((hunk) => ({\n    header: hunk.header,\n    path: hunk.path,\n    lines: hunk.lines.map((line) => {\n      const resolved: ResolvedLine = {\n        line,\n        oldTokens: line.type === \"add\" ? undefined : oldTokens?.[oldCursor],\n        newTokens: line.type === \"remove\" ? undefined : newTokens?.[newCursor],\n      };\n      if (line.type !== \"add\") oldCursor += 1;\n      if (line.type !== \"remove\") newCursor += 1;\n      return resolved;\n    }),\n  }));\n}\n\nfunction UnifiedHunk({ hunk, showLineNumbers }: { hunk: ResolvedHunk; showLineNumbers: boolean }) {\n  return (\n    <>\n      {hunk.header && <HunkHeader header={hunk.header} />}\n      {hunk.lines.map((resolved, index) => {\n        const { line } = resolved;\n        const tokens = line.type === \"remove\" ? resolved.oldTokens : resolved.newTokens;\n        return (\n          <div key={index} className={cn(\"flex\", ROW_TINT[line.type])} data-diff-line={line.type}>\n            {showLineNumbers && (\n              <>\n                <Gutter value={line.oldNumber} />\n                <Gutter value={line.newNumber} />\n              </>\n            )}\n            <Marker type={line.type} />\n            <code className=\"whitespace-pre pl-1 pr-3\">\n              <DiffTokens tokens={tokens} content={line.content} />\n            </code>\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\nfunction SplitHunk({ hunk, showLineNumbers }: { hunk: ResolvedHunk; showLineNumbers: boolean }) {\n  const pairs = useMemo(() => pairLines(hunk.lines), [hunk.lines]);\n  return (\n    <>\n      {hunk.header && <HunkHeader header={hunk.header} />}\n      {pairs.map((pair, index) => (\n        <div key={index} className=\"flex\">\n          <SplitCell resolved={pair.left} side=\"old\" showLineNumbers={showLineNumbers} />\n          <span aria-hidden className=\"w-px shrink-0 bg-border\" />\n          <SplitCell resolved={pair.right} side=\"new\" showLineNumbers={showLineNumbers} />\n        </div>\n      ))}\n    </>\n  );\n}\n\ntype SplitPair = { left: ResolvedLine | undefined; right: ResolvedLine | undefined };\n\n// Pair consecutive remove/add runs (remove[i] ↔ add[i]); leftovers get a blank\n// opposite cell. Context is one aligned row on both sides.\nfunction pairLines(lines: ResolvedLine[]): SplitPair[] {\n  const pairs: SplitPair[] = [];\n  let removes: ResolvedLine[] = [];\n  let adds: ResolvedLine[] = [];\n  const flush = () => {\n    const max = Math.max(removes.length, adds.length);\n    for (let i = 0; i < max; i++) pairs.push({ left: removes[i], right: adds[i] });\n    removes = [];\n    adds = [];\n  };\n  for (const resolved of lines) {\n    if (resolved.line.type === \"remove\") removes.push(resolved);\n    else if (resolved.line.type === \"add\") adds.push(resolved);\n    else {\n      flush();\n      pairs.push({ left: resolved, right: resolved });\n    }\n  }\n  flush();\n  return pairs;\n}\n\nfunction SplitCell({\n  resolved,\n  side,\n  showLineNumbers,\n}: {\n  resolved: ResolvedLine | undefined;\n  side: \"old\" | \"new\";\n  showLineNumbers: boolean;\n}) {\n  if (!resolved) return <div className=\"min-w-0 flex-1\" />;\n  const { line } = resolved;\n  const active =\n    (side === \"old\" && line.type === \"remove\") || (side === \"new\" && line.type === \"add\");\n  const type: DiffLineType = active ? line.type : \"context\";\n  const number = side === \"old\" ? line.oldNumber : line.newNumber;\n  const tokens = side === \"old\" ? resolved.oldTokens : resolved.newTokens;\n  return (\n    <div className={cn(\"flex min-w-0 flex-1\", active && ROW_TINT[line.type])} data-diff-line={type}>\n      {showLineNumbers && <Gutter value={number} />}\n      <Marker type={type} />\n      <code className=\"min-w-0 whitespace-pre pl-1 pr-3\">\n        <DiffTokens tokens={tokens} content={line.content} />\n      </code>\n    </div>\n  );\n}\n\nfunction FileHeader({ path }: { path: string }) {\n  return (\n    <div\n      data-diff-file={path}\n      className=\"flex items-center gap-1.5 border-b border-border bg-muted px-2 py-1 font-medium text-foreground\"\n    >\n      <UiFile className=\"size-3.5 shrink-0 text-muted-foreground\" />\n      <span className=\"truncate\">{path}</span>\n    </div>\n  );\n}\n\nfunction HunkHeader({ header }: { header: string }) {\n  return (\n    <div className=\"select-none bg-muted/60 px-2 py-0.5 text-muted-foreground\">{header}</div>\n  );\n}\n\nfunction Gutter({ value }: { value: number | undefined }) {\n  return (\n    <span className=\"w-10 shrink-0 select-none px-2 text-right tabular-nums text-muted-foreground\">\n      {value ?? \"\"}\n    </span>\n  );\n}\n\nfunction Marker({ type }: { type: DiffLineType }) {\n  return (\n    <span className={cn(\"w-4 shrink-0 select-none text-center\", MARKER_TONE[type])}>\n      {MARKER[type]}\n    </span>\n  );\n}\n\nfunction DiffTokens({\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\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":["UiRows","UiColumns","useState","useMemo","parseUnifiedDiff","computeLineDiff","useEffect","highlightToLines","jsxs","Fragment","jsx","cn","SegmentedControl","UiFile"],"mappings":";;;;;;;;;;;AAgBA,MAAM,oBAAqD;AAAA,EACzD,EAAE,IAAI,WAAW,OAAO,WAAW,MAAMA,OAAAA,QAAQ,OAAO,eAAA;AAAA,EACxD,EAAE,IAAI,SAAS,OAAO,SAAS,MAAMC,UAAAA,WAAW,OAAO,aAAA;AACzD;AA+BA,MAAM,WAAqD;AAAA,EACzD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AACV;AAEA,MAAM,cAA4C;AAAA,EAChD,SAAS;AAAA,EACT,KAAK;AAAA,EACL,QAAQ;AACV;AAEA,MAAM,SAAuC,EAAE,SAAS,IAAI,KAAK,KAAK,QAAQ,IAAA;AAEvE,SAAS,SAAS,OAAsB;AAC7C,QAAM,EAAE,UAAU,MAAM,WAAW,WAAW,kBAAkB,MAAM,OAAO,OAAO,UAAA,IAAc;AAClG,QAAM,EAAE,SAAS,UAAU,SAAA,IAAa;AAGxC,QAAM,CAAC,MAAM,OAAO,IAAIC,MAAAA,SAAuB,QAAQ;AAEvD,QAAM,QAAQC,MAAAA;AAAAA,IACZ,MACE,YAAY,SACRC,SAAAA,iBAAiB,OAAO,IACxBC,SAAAA,gBAAgB,YAAY,IAAI,YAAY,EAAE;AAAA,IACpD,CAAC,SAAS,UAAU,QAAQ;AAAA,EAAA;AAG9B,QAAM,EAAE,WAAW,UAAA,IAAcF,MAAAA,QAAQ,MAAM,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AAKzE,QAAM,CAAC,QAAQ,SAAS,IAAID,MAAAA,SAGzB,EAAE,KAAK,MAAM,KAAK,MAAM;AAE3BI,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,gBAAU,EAAE,KAAK,MAAM,KAAK,MAAM;AAClC;AAAA,IACF;AACA,QAAI,YAAY;AAChB,YAAQ,IAAI;AAAA,MACVC,cAAAA,iBAAiB,WAAW,EAAE,MAAM,UAAU;AAAA,MAC9CA,cAAAA,iBAAiB,WAAW,EAAE,MAAM,UAAU;AAAA,IAAA,CAC/C,EAAE,KAAK,CAAC,CAAC,KAAK,GAAG,MAAM;AACtB,UAAI,CAAC,UAAW,WAAU,EAAE,KAAK,KAAK;AAAA,IACxC,CAAC;AACD,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,SAAS,CAAC;AAEnC,QAAM,WAAWJ,MAAAA;AAAAA,IACf,MAAM,aAAa,OAAO,OAAO,KAAK,OAAO,GAAG;AAAA,IAChD,CAAC,OAAO,MAAM;AAAA,EAAA;AAKhB,QAAM,YACJ,IAAI,IAAI,SAAS,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,MAAM,MAAS,CAAC,EAAE,OAAO;AAEnF,MAAI;AACJ,QAAM,OAAO,SAAS,IAAI,CAAC,MAAM,UAAU;AACzC,UAAM,WACJ,aAAa,KAAK,SAAS,UAAa,KAAK,SAAS,WAAW,KAAK,OAAO;AAC/E,eAAW,KAAK;AAChB,WACEK,2BAAAA,KAACC,gBAAA,EACE,UAAA;AAAA,MAAA,YAAYC,2BAAAA,IAAC,YAAA,EAAW,MAAM,SAAA,CAAU;AAAA,MACxC,SAAS,UACRA,+BAAC,WAAA,EAAU,MAAY,iBAAkC,IAEzDA,2BAAAA,IAAC,aAAA,EAAY,MAAY,gBAAA,CAAkC;AAAA,IAAA,EAAA,GALhD,KAOf;AAAA,EAEJ,CAAC;AAED,MAAI,MAAM;AACR,0CACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,qDAAqD,SAAS,GAC9E,UAAA,MACH;AAAA,EAEJ;AACA,yCACG,OAAA,EAAI,WAAWA,MAAAA,GAAG,+DAA+D,SAAS,GACzF,UAAA;AAAA,IAAAH,2BAAAA,KAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,MAAAE,2BAAAA,IAAC,QAAA,EAAK,WAAU,6DACb,UAAA,YAAY,QACf;AAAA,MACAA,2BAAAA;AAAAA,QAACE,iBAAAA;AAAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,OAAO;AAAA,UACP,UAAU;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GACF;AAAA,IACAF,2BAAAA,IAAC,OAAA,EAAI,WAAU,qDAAqD,UAAA,KAAA,CAAK;AAAA,EAAA,GAC3E;AAEJ;AAIA,SAAS,WAAW,OAA6D;AAC/E,QAAM,WAAqB,CAAA;AAC3B,QAAM,WAAqB,CAAA;AAC3B,aAAW,QAAQ,OAAO;AACxB,eAAW,QAAQ,KAAK,OAAO;AAC7B,UAAI,KAAK,SAAS,MAAO,UAAS,KAAK,KAAK,OAAO;AACnD,UAAI,KAAK,SAAS,SAAU,UAAS,KAAK,KAAK,OAAO;AAAA,IACxD;AAAA,EACF;AACA,SAAO,EAAE,WAAW,SAAS,KAAK,IAAI,GAAG,WAAW,SAAS,KAAK,IAAI,EAAA;AACxE;AAIA,SAAS,aACP,OACA,WACA,WACgB;AAChB,MAAI,YAAY;AAChB,MAAI,YAAY;AAChB,SAAO,MAAM,IAAI,CAAC,UAAU;AAAA,IAC1B,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,IACX,OAAO,KAAK,MAAM,IAAI,CAAC,SAAS;AAC9B,YAAM,WAAyB;AAAA,QAC7B;AAAA,QACA,WAAW,KAAK,SAAS,QAAQ,SAAY,uCAAY;AAAA,QACzD,WAAW,KAAK,SAAS,WAAW,SAAY,uCAAY;AAAA,MAAS;AAEvE,UAAI,KAAK,SAAS,MAAO,cAAa;AACtC,UAAI,KAAK,SAAS,SAAU,cAAa;AACzC,aAAO;AAAA,IACT,CAAC;AAAA,EAAA,EACD;AACJ;AAEA,SAAS,YAAY,EAAE,MAAM,mBAAqE;AAChG,SACEF,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,KAAK,UAAUC,+BAAC,YAAA,EAAW,QAAQ,KAAK,QAAQ;AAAA,IAChD,KAAK,MAAM,IAAI,CAAC,UAAU,UAAU;AACnC,YAAM,EAAE,SAAS;AACjB,YAAM,SAAS,KAAK,SAAS,WAAW,SAAS,YAAY,SAAS;AACtE,aACEF,2BAAAA,KAAC,OAAA,EAAgB,WAAWG,MAAAA,GAAG,QAAQ,SAAS,KAAK,IAAI,CAAC,GAAG,kBAAgB,KAAK,MAC/E,UAAA;AAAA,QAAA,mBACCH,2BAAAA,KAAAC,qBAAA,EACE,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAO,OAAO,KAAK,UAAA,CAAW;AAAA,UAC/BA,2BAAAA,IAAC,QAAA,EAAO,OAAO,KAAK,UAAA,CAAW;AAAA,QAAA,GACjC;AAAA,QAEFA,2BAAAA,IAAC,QAAA,EAAO,MAAM,KAAK,KAAA,CAAM;AAAA,QACzBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,4BACd,UAAAA,2BAAAA,IAAC,cAAW,QAAgB,SAAS,KAAK,QAAA,CAAS,EAAA,CACrD;AAAA,MAAA,EAAA,GAVQ,KAWV;AAAA,IAEJ,CAAC;AAAA,EAAA,GACH;AAEJ;AAEA,SAAS,UAAU,EAAE,MAAM,mBAAqE;AAC9F,QAAM,QAAQP,cAAQ,MAAM,UAAU,KAAK,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC;AAC/D,SACEK,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,KAAK,UAAUC,+BAAC,YAAA,EAAW,QAAQ,KAAK,QAAQ;AAAA,IAChD,MAAM,IAAI,CAAC,MAAM,UAChBF,gCAAC,OAAA,EAAgB,WAAU,QACzB,UAAA;AAAA,MAAAE,+BAAC,aAAU,UAAU,KAAK,MAAM,MAAK,OAAM,iBAAkC;AAAA,MAC7EA,2BAAAA,IAAC,QAAA,EAAK,eAAW,MAAC,WAAU,2BAA0B;AAAA,qCACrD,WAAA,EAAU,UAAU,KAAK,OAAO,MAAK,OAAM,gBAAA,CAAkC;AAAA,IAAA,EAAA,GAHtE,KAIV,CACD;AAAA,EAAA,GACH;AAEJ;AAMA,SAAS,UAAU,OAAoC;AACrD,QAAM,QAAqB,CAAA;AAC3B,MAAI,UAA0B,CAAA;AAC9B,MAAI,OAAuB,CAAA;AAC3B,QAAM,QAAQ,MAAM;AAClB,UAAM,MAAM,KAAK,IAAI,QAAQ,QAAQ,KAAK,MAAM;AAChD,aAAS,IAAI,GAAG,IAAI,KAAK,WAAW,KAAK,EAAE,MAAM,QAAQ,CAAC,GAAG,OAAO,KAAK,CAAC,GAAG;AAC7E,cAAU,CAAA;AACV,WAAO,CAAA;AAAA,EACT;AACA,aAAW,YAAY,OAAO;AAC5B,QAAI,SAAS,KAAK,SAAS,SAAU,SAAQ,KAAK,QAAQ;AAAA,aACjD,SAAS,KAAK,SAAS,MAAO,MAAK,KAAK,QAAQ;AAAA,SACpD;AACH,YAAA;AACA,YAAM,KAAK,EAAE,MAAM,UAAU,OAAO,UAAU;AAAA,IAChD;AAAA,EACF;AACA,QAAA;AACA,SAAO;AACT;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,SAAU,QAAOA,2BAAAA,IAAC,OAAA,EAAI,WAAU,kBAAiB;AACtD,QAAM,EAAE,SAAS;AACjB,QAAM,SACH,SAAS,SAAS,KAAK,SAAS,YAAc,SAAS,SAAS,KAAK,SAAS;AACjF,QAAM,OAAqB,SAAS,KAAK,OAAO;AAChD,QAAM,SAAS,SAAS,QAAQ,KAAK,YAAY,KAAK;AACtD,QAAM,SAAS,SAAS,QAAQ,SAAS,YAAY,SAAS;AAC9D,SACEF,2BAAAA,KAAC,OAAA,EAAI,WAAWG,MAAAA,GAAG,uBAAuB,UAAU,SAAS,KAAK,IAAI,CAAC,GAAG,kBAAgB,MACvF,UAAA;AAAA,IAAA,mBAAmBD,2BAAAA,IAAC,QAAA,EAAO,OAAO,OAAA,CAAQ;AAAA,IAC3CA,+BAAC,UAAO,MAAY;AAAA,IACpBA,2BAAAA,IAAC,QAAA,EAAK,WAAU,oCACd,UAAAA,2BAAAA,IAAC,cAAW,QAAgB,SAAS,KAAK,QAAA,CAAS,EAAA,CACrD;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,WAAW,EAAE,QAA0B;AAC9C,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgB;AAAA,MAChB,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAE,2BAAAA,IAACG,OAAAA,QAAA,EAAO,WAAU,0CAAA,CAA0C;AAAA,QAC5DH,2BAAAA,IAAC,QAAA,EAAK,WAAU,YAAY,UAAA,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvC;AAEA,SAAS,WAAW,EAAE,UAA8B;AAClD,SACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,6DAA6D,UAAA,QAAO;AAEvF;AAEA,SAAS,OAAO,EAAE,SAAwC;AACxD,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,gFACb,mBAAS,IACZ;AAEJ;AAEA,SAAS,OAAO,EAAE,QAAgC;AAChD,SACEA,2BAAAA,IAAC,QAAA,EAAK,WAAWC,MAAAA,GAAG,wCAAwC,YAAY,IAAI,CAAC,GAC1E,UAAA,OAAO,IAAI,EAAA,CACd;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,MAAI,CAAC,UAAU,OAAO,WAAW,EAAG,8DAAU,UAAA,SAAQ;AACtD,+DAEK,UAAA,OAAO,IAAI,CAAC,OAAO,UAClBD,+BAAC,QAAA,EAAiB,OAAO,WAAW,KAAK,GACtC,UAAA,MAAM,QAAA,GADE,KAEX,CACD,GACH;AAEJ;AAEA,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/CodeDiff.d.ts

@@ -0,0 +1,24 @@
+export type CodeDiffView = "unified" | "split";
+type CodeDiffInput = {
+    original: string;
+    modified: string;
+    unified?: never;
+} | {
+    unified: string;
+    original?: never;
+    modified?: never;
+};
+export type CodeDiffProps = CodeDiffInput & {
+    /** Highlighter language hint, e.g. `typescript`, `go`, `python`. */
+    language?: string | undefined;
+    /** Unified (single column) or split (side-by-side). Defaults to `unified`. */
+    view?: CodeDiffView | undefined;
+    /** Show old/new line-number gutters. Defaults to `true`. */
+    showLineNumbers?: boolean | undefined;
+    /** Render only the rows — no border, background, or language header. */
+    bare?: boolean | undefined;
+    className?: string | undefined;
+};
+export declare function CodeDiff(props: CodeDiffProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CodeDiff.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff.d.ts","sourceRoot":"","sources":["../../src/data/CodeDiff.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAW/C,KAAK,aAAa,GACd;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,GACvD;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,aAAa,GAAG;IAC1C,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,8EAA8E;IAC9E,IAAI,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IAChC,4DAA4D;IAC5D,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC,CAAC;AA0BF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA6F5C"}

package/dist/data/CodeDiff.js

@@ -0,0 +1,221 @@
+import { jsxs, jsx, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { useState, useMemo, useEffect, Fragment } from "react";
+import { cn } from "../lib/utils.js";
+import { SegmentedControl } from "../components/SegmentedControl.js";
+import { parseUnifiedDiff, computeLineDiff } from "./code-diff.js";
+import { highlightToLines } from "./code-highlight.js";
+import { UiRows } from "../icons/components/UiRows.js";
+import { UiColumns } from "../icons/components/UiColumns.js";
+import { UiFile } from "../icons/components/UiFile.js";
+const DIFF_VIEW_OPTIONS = [
+  { id: "unified", label: "Unified", icon: UiRows, title: "Unified view" },
+  { id: "split", label: "Split", icon: UiColumns, title: "Split view" }
+];
+const ROW_TINT = {
+  context: void 0,
+  add: "bg-emerald-500/10",
+  remove: "bg-rose-500/10"
+};
+const MARKER_TONE = {
+  context: "text-muted-foreground",
+  add: "text-emerald-700 [[data-theme=dark]_&]:text-emerald-300",
+  remove: "text-rose-700 [[data-theme=dark]_&]:text-rose-300"
+};
+const MARKER = { context: "", add: "+", remove: "-" };
+function CodeDiff(props) {
+  const { language, view: viewProp = "unified", showLineNumbers = true, bare = false, className } = props;
+  const { unified, original, modified } = props;
+  const [view, setView] = useState(viewProp);
+  const hunks = useMemo(
+    () => unified !== void 0 ? parseUnifiedDiff(unified) : computeLineDiff(original ?? "", modified ?? ""),
+    [unified, original, modified]
+  );
+  const { oldSource, newSource } = useMemo(() => buildSides(hunks), [hunks]);
+  const [tokens, setTokens] = useState({ old: null, mod: null });
+  useEffect(() => {
+    if (!language) {
+      setTokens({ old: null, mod: null });
+      return;
+    }
+    let cancelled = false;
+    Promise.all([
+      highlightToLines(oldSource, { lang: language }),
+      highlightToLines(newSource, { lang: language })
+    ]).then(([old, mod]) => {
+      if (!cancelled) setTokens({ old, mod });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [language, oldSource, newSource]);
+  const resolved = useMemo(
+    () => resolveHunks(hunks, tokens.old, tokens.mod),
+    [hunks, tokens]
+  );
+  const multiFile = new Set(resolved.map((hunk) => hunk.path).filter((p) => p !== void 0)).size > 1;
+  let lastPath;
+  const rows = resolved.map((hunk, index) => {
+    const filePath = multiFile && hunk.path !== void 0 && hunk.path !== lastPath ? hunk.path : void 0;
+    lastPath = hunk.path;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      filePath && /* @__PURE__ */ jsx(FileHeader, { path: filePath }),
+      view === "split" ? /* @__PURE__ */ jsx(SplitHunk, { hunk, showLineNumbers }) : /* @__PURE__ */ jsx(UnifiedHunk, { hunk, showLineNumbers })
+    ] }, index);
+  });
+  if (bare) {
+    return /* @__PURE__ */ jsx("div", { className: cn("overflow-x-auto font-mono text-xs leading-relaxed", className), children: rows });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("overflow-hidden rounded-md border border-border bg-muted/40", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-1.5", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: language || "diff" }),
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          size: "sm",
+          "aria-label": "Diff view",
+          value: view,
+          onChange: setView,
+          options: DIFF_VIEW_OPTIONS
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto font-mono text-xs leading-relaxed", children: rows })
+  ] });
+}
+function buildSides(hunks) {
+  const oldLines = [];
+  const newLines = [];
+  for (const hunk of hunks) {
+    for (const line of hunk.lines) {
+      if (line.type !== "add") oldLines.push(line.content);
+      if (line.type !== "remove") newLines.push(line.content);
+    }
+  }
+  return { oldSource: oldLines.join("\n"), newSource: newLines.join("\n") };
+}
+function resolveHunks(hunks, oldTokens, newTokens) {
+  let oldCursor = 0;
+  let newCursor = 0;
+  return hunks.map((hunk) => ({
+    header: hunk.header,
+    path: hunk.path,
+    lines: hunk.lines.map((line) => {
+      const resolved = {
+        line,
+        oldTokens: line.type === "add" ? void 0 : oldTokens == null ? void 0 : oldTokens[oldCursor],
+        newTokens: line.type === "remove" ? void 0 : newTokens == null ? void 0 : newTokens[newCursor]
+      };
+      if (line.type !== "add") oldCursor += 1;
+      if (line.type !== "remove") newCursor += 1;
+      return resolved;
+    })
+  }));
+}
+function UnifiedHunk({ hunk, showLineNumbers }) {
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    hunk.header && /* @__PURE__ */ jsx(HunkHeader, { header: hunk.header }),
+    hunk.lines.map((resolved, index) => {
+      const { line } = resolved;
+      const tokens = line.type === "remove" ? resolved.oldTokens : resolved.newTokens;
+      return /* @__PURE__ */ jsxs("div", { className: cn("flex", ROW_TINT[line.type]), "data-diff-line": line.type, children: [
+        showLineNumbers && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsx(Gutter, { value: line.oldNumber }),
+          /* @__PURE__ */ jsx(Gutter, { value: line.newNumber })
+        ] }),
+        /* @__PURE__ */ jsx(Marker, { type: line.type }),
+        /* @__PURE__ */ jsx("code", { className: "whitespace-pre pl-1 pr-3", children: /* @__PURE__ */ jsx(DiffTokens, { tokens, content: line.content }) })
+      ] }, index);
+    })
+  ] });
+}
+function SplitHunk({ hunk, showLineNumbers }) {
+  const pairs = useMemo(() => pairLines(hunk.lines), [hunk.lines]);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    hunk.header && /* @__PURE__ */ jsx(HunkHeader, { header: hunk.header }),
+    pairs.map((pair, index) => /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ jsx(SplitCell, { resolved: pair.left, side: "old", showLineNumbers }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "w-px shrink-0 bg-border" }),
+      /* @__PURE__ */ jsx(SplitCell, { resolved: pair.right, side: "new", showLineNumbers })
+    ] }, index))
+  ] });
+}
+function pairLines(lines) {
+  const pairs = [];
+  let removes = [];
+  let adds = [];
+  const flush = () => {
+    const max = Math.max(removes.length, adds.length);
+    for (let i = 0; i < max; i++) pairs.push({ left: removes[i], right: adds[i] });
+    removes = [];
+    adds = [];
+  };
+  for (const resolved of lines) {
+    if (resolved.line.type === "remove") removes.push(resolved);
+    else if (resolved.line.type === "add") adds.push(resolved);
+    else {
+      flush();
+      pairs.push({ left: resolved, right: resolved });
+    }
+  }
+  flush();
+  return pairs;
+}
+function SplitCell({
+  resolved,
+  side,
+  showLineNumbers
+}) {
+  if (!resolved) return /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1" });
+  const { line } = resolved;
+  const active = side === "old" && line.type === "remove" || side === "new" && line.type === "add";
+  const type = active ? line.type : "context";
+  const number = side === "old" ? line.oldNumber : line.newNumber;
+  const tokens = side === "old" ? resolved.oldTokens : resolved.newTokens;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1", active && ROW_TINT[line.type]), "data-diff-line": type, children: [
+    showLineNumbers && /* @__PURE__ */ jsx(Gutter, { value: number }),
+    /* @__PURE__ */ jsx(Marker, { type }),
+    /* @__PURE__ */ jsx("code", { className: "min-w-0 whitespace-pre pl-1 pr-3", children: /* @__PURE__ */ jsx(DiffTokens, { tokens, content: line.content }) })
+  ] });
+}
+function FileHeader({ path }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-diff-file": path,
+      className: "flex items-center gap-1.5 border-b border-border bg-muted px-2 py-1 font-medium text-foreground",
+      children: [
+        /* @__PURE__ */ jsx(UiFile, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: path })
+      ]
+    }
+  );
+}
+function HunkHeader({ header }) {
+  return /* @__PURE__ */ jsx("div", { className: "select-none bg-muted/60 px-2 py-0.5 text-muted-foreground", children: header });
+}
+function Gutter({ value }) {
+  return /* @__PURE__ */ jsx("span", { className: "w-10 shrink-0 select-none px-2 text-right tabular-nums text-muted-foreground", children: value ?? "" });
+}
+function Marker({ type }) {
+  return /* @__PURE__ */ jsx("span", { className: cn("w-4 shrink-0 select-none text-center", MARKER_TONE[type]), children: MARKER[type] });
+}
+function DiffTokens({
+  tokens,
+  content
+}) {
+  if (!tokens || tokens.length === 0) return /* @__PURE__ */ jsx(Fragment$1, { children: content });
+  return /* @__PURE__ */ jsx(Fragment$1, { 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 {
+  CodeDiff
+};
+//# sourceMappingURL=CodeDiff.js.map

package/dist/data/CodeDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiff.js","sources":["../../src/data/CodeDiff.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo, useState, type CSSProperties } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { SegmentedControl, type SegmentedOption } from \"../components/SegmentedControl\";\nimport { UiColumns, UiFile, UiRows } from \"../icons\";\nimport {\n  computeLineDiff,\n  parseUnifiedDiff,\n  type DiffHunk,\n  type DiffLine,\n  type DiffLineType,\n} from \"./code-diff\";\nimport { highlightToLines, type HighlightedLine, type HighlightedToken } from \"./code-highlight\";\n\nexport type CodeDiffView = \"unified\" | \"split\";\n\n// Rows = stacked/unified; columns = side-by-side/split.\nconst DIFF_VIEW_OPTIONS: SegmentedOption<CodeDiffView>[] = [\n  { id: \"unified\", label: \"Unified\", icon: UiRows, title: \"Unified view\" },\n  { id: \"split\", label: \"Split\", icon: UiColumns, title: \"Split view\" },\n];\n\n// Either two blobs (diffed in-repo) or a ready unified-diff string (what\n// `GitDiffPanel` already receives). `never` on the absent keys keeps the shapes\n// mutually exclusive.\ntype CodeDiffInput =\n  | { original: string; modified: string; unified?: never }\n  | { unified: string; original?: never; modified?: never };\n\nexport type CodeDiffProps = CodeDiffInput & {\n  /** Highlighter language hint, e.g. `typescript`, `go`, `python`. */\n  language?: string | undefined;\n  /** Unified (single column) or split (side-by-side). Defaults to `unified`. */\n  view?: CodeDiffView | undefined;\n  /** Show old/new line-number gutters. Defaults to `true`. */\n  showLineNumbers?: boolean | undefined;\n  /** Render only the rows — no border, background, or language header. */\n  bare?: boolean | undefined;\n  className?: string | undefined;\n};\n\ntype ResolvedLine = {\n  line: DiffLine;\n  oldTokens: HighlightedLine | undefined;\n  newTokens: HighlightedLine | undefined;\n};\n\ntype ResolvedHunk = { header: string | undefined; path: string | undefined; lines: ResolvedLine[] };\n\n// Row background tint — theme-aware via `[[data-theme=dark]_&]` (plain `dark:`\n// compiles to prefers-color-scheme in the built dist and ignores `data-theme`).\nconst ROW_TINT: Record<DiffLineType, string | undefined> = {\n  context: undefined,\n  add: \"bg-emerald-500/10\",\n  remove: \"bg-rose-500/10\",\n};\n\nconst MARKER_TONE: Record<DiffLineType, string> = {\n  context: \"text-muted-foreground\",\n  add: \"text-emerald-700 [[data-theme=dark]_&]:text-emerald-300\",\n  remove: \"text-rose-700 [[data-theme=dark]_&]:text-rose-300\",\n};\n\nconst MARKER: Record<DiffLineType, string> = { context: \"\", add: \"+\", remove: \"-\" };\n\nexport function CodeDiff(props: CodeDiffProps) {\n  const { language, view: viewProp = \"unified\", showLineNumbers = true, bare = false, className } = props;\n  const { unified, original, modified } = props;\n\n  // `view` prop seeds the default; the header toggle then owns it.\n  const [view, setView] = useState<CodeDiffView>(viewProp);\n\n  const hunks = useMemo<DiffHunk[]>(\n    () =>\n      unified !== undefined\n        ? parseUnifiedDiff(unified)\n        : computeLineDiff(original ?? \"\", modified ?? \"\"),\n    [unified, original, modified],\n  );\n\n  const { oldSource, newSource } = useMemo(() => buildSides(hunks), [hunks]);\n\n  // Raw first paint, highlighted tokens swap in — matches CodeBlock. `null`\n  // means \"not highlighted\" (empty/unsupported/loading); rows fall back to plain\n  // text token-by-token.\n  const [tokens, setTokens] = useState<{\n    old: HighlightedLine[] | null;\n    mod: HighlightedLine[] | null;\n  }>({ old: null, mod: null });\n\n  useEffect(() => {\n    if (!language) {\n      setTokens({ old: null, mod: null });\n      return;\n    }\n    let cancelled = false;\n    Promise.all([\n      highlightToLines(oldSource, { lang: language }),\n      highlightToLines(newSource, { lang: language }),\n    ]).then(([old, mod]) => {\n      if (!cancelled) setTokens({ old, mod });\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [language, oldSource, newSource]);\n\n  const resolved = useMemo(\n    () => resolveHunks(hunks, tokens.old, tokens.mod),\n    [hunks, tokens],\n  );\n\n  // Only a diff that spans more than one file labels its hunks with the path —\n  // a single-file diff's path is already known from its surrounding context.\n  const multiFile =\n    new Set(resolved.map((hunk) => hunk.path).filter((p) => p !== undefined)).size > 1;\n\n  let lastPath: string | undefined;\n  const rows = resolved.map((hunk, index) => {\n    const filePath =\n      multiFile && hunk.path !== undefined && hunk.path !== lastPath ? hunk.path : undefined;\n    lastPath = hunk.path;\n    return (\n      <Fragment key={index}>\n        {filePath && <FileHeader path={filePath} />}\n        {view === \"split\" ? (\n          <SplitHunk hunk={hunk} showLineNumbers={showLineNumbers} />\n        ) : (\n          <UnifiedHunk hunk={hunk} showLineNumbers={showLineNumbers} />\n        )}\n      </Fragment>\n    );\n  });\n\n  if (bare) {\n    return (\n      <div className={cn(\"overflow-x-auto font-mono text-xs leading-relaxed\", className)}>\n        {rows}\n      </div>\n    );\n  }\n  return (\n    <div className={cn(\"overflow-hidden rounded-md border border-border bg-muted/40\", className)}>\n      <div className=\"flex items-center justify-between gap-2 border-b border-border px-3 py-1.5\">\n        <span className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n          {language || \"diff\"}\n        </span>\n        <SegmentedControl\n          size=\"sm\"\n          aria-label=\"Diff view\"\n          value={view}\n          onChange={setView}\n          options={DIFF_VIEW_OPTIONS}\n        />\n      </div>\n      <div className=\"overflow-x-auto font-mono text-xs leading-relaxed\">{rows}</div>\n    </div>\n  );\n}\n\n// Reconstruct the full old side (context + remove) and new side (context + add)\n// as text — highlighting each side as a coherent blob so grammar state is intact.\nfunction buildSides(hunks: DiffHunk[]): { oldSource: string; newSource: string } {\n  const oldLines: string[] = [];\n  const newLines: string[] = [];\n  for (const hunk of hunks) {\n    for (const line of hunk.lines) {\n      if (line.type !== \"add\") oldLines.push(line.content);\n      if (line.type !== \"remove\") newLines.push(line.content);\n    }\n  }\n  return { oldSource: oldLines.join(\"\\n\"), newSource: newLines.join(\"\\n\") };\n}\n\n// Map each diff line to its highlighted tokens via a sequential cursor per side\n// (not absolute line number, so unified-diff gaps between hunks stay aligned).\nfunction resolveHunks(\n  hunks: DiffHunk[],\n  oldTokens: HighlightedLine[] | null,\n  newTokens: HighlightedLine[] | null,\n): ResolvedHunk[] {\n  let oldCursor = 0;\n  let newCursor = 0;\n  return hunks.map((hunk) => ({\n    header: hunk.header,\n    path: hunk.path,\n    lines: hunk.lines.map((line) => {\n      const resolved: ResolvedLine = {\n        line,\n        oldTokens: line.type === \"add\" ? undefined : oldTokens?.[oldCursor],\n        newTokens: line.type === \"remove\" ? undefined : newTokens?.[newCursor],\n      };\n      if (line.type !== \"add\") oldCursor += 1;\n      if (line.type !== \"remove\") newCursor += 1;\n      return resolved;\n    }),\n  }));\n}\n\nfunction UnifiedHunk({ hunk, showLineNumbers }: { hunk: ResolvedHunk; showLineNumbers: boolean }) {\n  return (\n    <>\n      {hunk.header && <HunkHeader header={hunk.header} />}\n      {hunk.lines.map((resolved, index) => {\n        const { line } = resolved;\n        const tokens = line.type === \"remove\" ? resolved.oldTokens : resolved.newTokens;\n        return (\n          <div key={index} className={cn(\"flex\", ROW_TINT[line.type])} data-diff-line={line.type}>\n            {showLineNumbers && (\n              <>\n                <Gutter value={line.oldNumber} />\n                <Gutter value={line.newNumber} />\n              </>\n            )}\n            <Marker type={line.type} />\n            <code className=\"whitespace-pre pl-1 pr-3\">\n              <DiffTokens tokens={tokens} content={line.content} />\n            </code>\n          </div>\n        );\n      })}\n    </>\n  );\n}\n\nfunction SplitHunk({ hunk, showLineNumbers }: { hunk: ResolvedHunk; showLineNumbers: boolean }) {\n  const pairs = useMemo(() => pairLines(hunk.lines), [hunk.lines]);\n  return (\n    <>\n      {hunk.header && <HunkHeader header={hunk.header} />}\n      {pairs.map((pair, index) => (\n        <div key={index} className=\"flex\">\n          <SplitCell resolved={pair.left} side=\"old\" showLineNumbers={showLineNumbers} />\n          <span aria-hidden className=\"w-px shrink-0 bg-border\" />\n          <SplitCell resolved={pair.right} side=\"new\" showLineNumbers={showLineNumbers} />\n        </div>\n      ))}\n    </>\n  );\n}\n\ntype SplitPair = { left: ResolvedLine | undefined; right: ResolvedLine | undefined };\n\n// Pair consecutive remove/add runs (remove[i] ↔ add[i]); leftovers get a blank\n// opposite cell. Context is one aligned row on both sides.\nfunction pairLines(lines: ResolvedLine[]): SplitPair[] {\n  const pairs: SplitPair[] = [];\n  let removes: ResolvedLine[] = [];\n  let adds: ResolvedLine[] = [];\n  const flush = () => {\n    const max = Math.max(removes.length, adds.length);\n    for (let i = 0; i < max; i++) pairs.push({ left: removes[i], right: adds[i] });\n    removes = [];\n    adds = [];\n  };\n  for (const resolved of lines) {\n    if (resolved.line.type === \"remove\") removes.push(resolved);\n    else if (resolved.line.type === \"add\") adds.push(resolved);\n    else {\n      flush();\n      pairs.push({ left: resolved, right: resolved });\n    }\n  }\n  flush();\n  return pairs;\n}\n\nfunction SplitCell({\n  resolved,\n  side,\n  showLineNumbers,\n}: {\n  resolved: ResolvedLine | undefined;\n  side: \"old\" | \"new\";\n  showLineNumbers: boolean;\n}) {\n  if (!resolved) return <div className=\"min-w-0 flex-1\" />;\n  const { line } = resolved;\n  const active =\n    (side === \"old\" && line.type === \"remove\") || (side === \"new\" && line.type === \"add\");\n  const type: DiffLineType = active ? line.type : \"context\";\n  const number = side === \"old\" ? line.oldNumber : line.newNumber;\n  const tokens = side === \"old\" ? resolved.oldTokens : resolved.newTokens;\n  return (\n    <div className={cn(\"flex min-w-0 flex-1\", active && ROW_TINT[line.type])} data-diff-line={type}>\n      {showLineNumbers && <Gutter value={number} />}\n      <Marker type={type} />\n      <code className=\"min-w-0 whitespace-pre pl-1 pr-3\">\n        <DiffTokens tokens={tokens} content={line.content} />\n      </code>\n    </div>\n  );\n}\n\nfunction FileHeader({ path }: { path: string }) {\n  return (\n    <div\n      data-diff-file={path}\n      className=\"flex items-center gap-1.5 border-b border-border bg-muted px-2 py-1 font-medium text-foreground\"\n    >\n      <UiFile className=\"size-3.5 shrink-0 text-muted-foreground\" />\n      <span className=\"truncate\">{path}</span>\n    </div>\n  );\n}\n\nfunction HunkHeader({ header }: { header: string }) {\n  return (\n    <div className=\"select-none bg-muted/60 px-2 py-0.5 text-muted-foreground\">{header}</div>\n  );\n}\n\nfunction Gutter({ value }: { value: number | undefined }) {\n  return (\n    <span className=\"w-10 shrink-0 select-none px-2 text-right tabular-nums text-muted-foreground\">\n      {value ?? \"\"}\n    </span>\n  );\n}\n\nfunction Marker({ type }: { type: DiffLineType }) {\n  return (\n    <span className={cn(\"w-4 shrink-0 select-none text-center\", MARKER_TONE[type])}>\n      {MARKER[type]}\n    </span>\n  );\n}\n\nfunction DiffTokens({\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\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":["Fragment"],"mappings":"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"}