@elabs-ai/components-ai 4.2.0 → 5.1.0

package/dist/chunk-6PB2MXCI.js

@@ -0,0 +1,482 @@
+"use client";
+import {
+  highlightCode
+} from "./chunk-TWPHAJNM.js";
+import {
+  Shimmer
+} from "./chunk-3YPT3V7L.js";
+import {
+  getThemeScope
+} from "./chunk-3TDHPXZZ.js";
+
+// src/diff-view.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import {
+  Skeleton,
+  diffLineAccessibleLabel,
+  diffLineMarker,
+  useDiffRows,
+  useLocale
+} from "@elabs-ai/components-ui";
+import { cn } from "@elabs-ai/components-ui/lib/cn";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var diffRowVariants = cva(
+  "grid grid-cols-[2.75rem_2.75rem_1.25rem_1fr] items-start gap-x-2 px-2 py-0.5",
+  {
+    variants: {
+      type: {
+        add: "bg-success/10",
+        del: "bg-destructive/10",
+        context: "",
+        hunk: "bg-muted/40",
+        meta: ""
+      }
+    },
+    defaultVariants: { type: "context" }
+  }
+);
+var GUTTER_CLASS = "select-none text-end text-meta text-muted-foreground tabular-nums";
+var MARKER_TONE = {
+  add: "text-success-text",
+  del: "text-destructive-text",
+  context: "text-muted-foreground"
+};
+function useSideTokens(combinedCode, language, scopeEl, isStreaming) {
+  const [result, setResult] = useState(null);
+  useEffect(() => {
+    if (!language || combinedCode.length === 0) {
+      setResult(null);
+      return;
+    }
+    let cancelled = false;
+    const cached = highlightCode(
+      combinedCode,
+      language,
+      (r) => {
+        if (!cancelled) setResult(r);
+      },
+      scopeEl,
+      isStreaming
+    );
+    if (cached) setResult(cached);
+    return () => {
+      cancelled = true;
+    };
+  }, [combinedCode, language, scopeEl, isStreaming]);
+  return result;
+}
+function useDiffTokens(lines, language, scopeEl, isStreaming) {
+  const oldIndices = useMemo(
+    () => lines.map((line, index) => ({ line, index })).filter(({ line }) => line.type === "del" || line.type === "context").map(({ index }) => index),
+    [lines]
+  );
+  const newIndices = useMemo(
+    () => lines.map((line, index) => ({ line, index })).filter(({ line }) => line.type === "add" || line.type === "context").map(({ index }) => index),
+    [lines]
+  );
+  const oldCode = useMemo(
+    () => oldIndices.map((index) => lines[index]?.text ?? "").join("\n"),
+    [oldIndices, lines]
+  );
+  const newCode = useMemo(
+    () => newIndices.map((index) => lines[index]?.text ?? "").join("\n"),
+    [newIndices, lines]
+  );
+  const oldResult = useSideTokens(oldCode, language, scopeEl, isStreaming);
+  const newResult = useSideTokens(newCode, language, scopeEl, isStreaming);
+  return useMemo(() => {
+    if (!language) return null;
+    const map = /* @__PURE__ */ new Map();
+    if (oldResult) {
+      oldIndices.forEach((originalIndex, i) => {
+        if (lines[originalIndex]?.type !== "del") return;
+        const tokenLine = oldResult.tokens[i];
+        if (tokenLine) map.set(originalIndex, tokenLine);
+      });
+    }
+    if (newResult) {
+      newIndices.forEach((originalIndex, i) => {
+        const tokenLine = newResult.tokens[i];
+        if (tokenLine) map.set(originalIndex, tokenLine);
+      });
+    }
+    return map;
+  }, [oldIndices, newIndices, oldResult, newResult, language, lines]);
+}
+function TokenText({ tokens, fallback }) {
+  if (!tokens) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  return /* @__PURE__ */ jsx(Fragment, { children: tokens.map((token, i) => (
+    // oxlint-disable-next-line eslint(react/no-array-index-key) -- tokens for one line never reorder
+    /* @__PURE__ */ jsx("span", { style: { color: token.color }, children: token.content }, i)
+  )) });
+}
+function CollapsedRow({ hiddenCount, onExpand }) {
+  const { t } = useLocale();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "diff-view-collapsed",
+      className: "col-span-full grid grid-cols-[2.75rem_2.75rem_1.25rem_1fr]",
+      children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onExpand,
+          className: "col-start-4 w-fit rounded-sm px-1 text-info-text text-meta hover:underline focus-ring",
+          children: t("ai.diffView.showMore", { count: hiddenCount })
+        }
+      )
+    }
+  );
+}
+function FullWidthRow({ line }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "diff-view-row",
+      "data-diff-type": line.type,
+      className: cn(
+        diffRowVariants({ type: line.type }),
+        "col-span-full block font-mono text-meta text-muted-foreground",
+        line.type === "hunk" && "italic"
+      ),
+      children: line.text || "\xA0"
+    }
+  );
+}
+function InlineRow({
+  line,
+  index,
+  tokens
+}) {
+  const { t } = useLocale();
+  if (line.type === "hunk" || line.type === "meta") {
+    return /* @__PURE__ */ jsx(FullWidthRow, { line });
+  }
+  const type = line.type;
+  const polarityKey = diffLineAccessibleLabel(type);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "diff-view-row",
+      "data-diff-type": type,
+      "data-diff-index": index,
+      className: diffRowVariants({ type }),
+      children: [
+        /* @__PURE__ */ jsx("span", { "data-slot": "diff-view-gutter-old", className: GUTTER_CLASS, "aria-hidden": "true", children: type !== "add" ? line.oldNumber ?? "" : "" }),
+        /* @__PURE__ */ jsx("span", { "data-slot": "diff-view-gutter-new", className: GUTTER_CLASS, "aria-hidden": "true", children: type !== "del" ? line.newNumber ?? "" : "" }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "diff-view-marker",
+            "aria-hidden": "true",
+            className: cn("select-none font-bold font-mono text-code", MARKER_TONE[type]),
+            children: diffLineMarker(type)
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "data-slot": "diff-view-line-text",
+            className: "whitespace-pre-wrap break-all font-mono text-code",
+            children: [
+              polarityKey && /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(polarityKey) }),
+              /* @__PURE__ */ jsx(TokenText, { tokens, fallback: line.text || "\xA0" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function SplitSide({
+  show,
+  number,
+  markerType,
+  polarityKey,
+  text,
+  tokens
+}) {
+  const { t } = useLocale();
+  if (!show) {
+    return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "block", children: "\xA0" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[2.75rem_1.25rem_1fr] items-start gap-x-2", children: [
+    /* @__PURE__ */ jsx("span", { className: GUTTER_CLASS, "aria-hidden": "true", children: number ?? "" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn("select-none font-bold font-mono text-code", MARKER_TONE[markerType]),
+        children: diffLineMarker(markerType)
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "whitespace-pre-wrap break-all font-mono text-code", children: [
+      polarityKey && /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(polarityKey) }),
+      /* @__PURE__ */ jsx(TokenText, { tokens, fallback: text || "\xA0" })
+    ] })
+  ] });
+}
+function SplitRow({
+  line,
+  index,
+  tokens
+}) {
+  if (line.type === "hunk" || line.type === "meta") {
+    return /* @__PURE__ */ jsx(FullWidthRow, { line });
+  }
+  const type = line.type;
+  const showOld = type !== "add";
+  const showNew = type !== "del";
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "diff-view-row", "data-diff-type": type, "data-diff-index": index, className: "flex", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("flex-1 px-2 py-0.5", showOld && diffRowVariants({ type })), children: /* @__PURE__ */ jsx(
+      SplitSide,
+      {
+        show: showOld,
+        number: line.oldNumber,
+        markerType: type === "del" ? "del" : "context",
+        polarityKey: diffLineAccessibleLabel(type),
+        text: line.text,
+        tokens
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex-1 border-s border-s-border-strong px-2 py-0.5",
+          showNew && diffRowVariants({ type })
+        ),
+        children: /* @__PURE__ */ jsx(
+          SplitSide,
+          {
+            show: showNew,
+            number: line.newNumber,
+            markerType: type === "add" ? "add" : "context",
+            polarityKey: diffLineAccessibleLabel(type),
+            text: line.text,
+            tokens
+          }
+        )
+      }
+    )
+  ] });
+}
+function SkeletonRow() {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "diff-view-row", className: diffRowVariants({ type: "context" }), children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "ms-auto h-3 w-6" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "ms-auto h-3 w-6" }),
+    /* @__PURE__ */ jsx("span", {}),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" })
+  ] });
+}
+function DiffViewHeader({
+  file,
+  summary,
+  stats
+}) {
+  const { t } = useLocale();
+  return (
+    // header-band-exempt: a file header inside the diff card, not shell chrome
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "diff-view-header",
+        className: "flex items-center justify-between gap-3 border-b bg-muted/80 px-3 py-2 text-meta text-muted-foreground",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+            file && /* @__PURE__ */ jsx("span", { className: "truncate font-mono text-code", "data-slot": "diff-view-file", children: file }),
+            summary && /* @__PURE__ */ jsx("span", { className: "truncate", children: summary })
+          ] }),
+          stats && /* @__PURE__ */ jsxs("div", { "data-slot": "diff-view-stats", className: "flex shrink-0 items-center gap-2 tabular-nums", children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ai.diffView.statsSummary", {
+              additions: stats.additions,
+              deletions: stats.deletions
+            }) }),
+            /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "font-mono text-success-text", children: [
+              "+",
+              stats.additions
+            ] }),
+            /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "font-mono text-destructive-text", children: [
+              "\u2212",
+              stats.deletions
+            ] })
+          ] })
+        ]
+      }
+    )
+  );
+}
+function DiffViewPager({
+  children,
+  regionLabel
+}) {
+  const { t } = useLocale();
+  const scrollRef = useRef(null);
+  const [percent, setPercent] = useState(0);
+  const updatePercent = useCallback(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const max = el.scrollHeight - el.clientHeight;
+    setPercent(max <= 0 ? 100 : Math.round(el.scrollTop / max * 100));
+  }, []);
+  const onKeyDown = useCallback((event) => {
+    const el = scrollRef.current;
+    if (!el) return;
+    switch (event.key) {
+      case "ArrowDown":
+        el.scrollBy({ top: 24 });
+        break;
+      case "ArrowUp":
+        el.scrollBy({ top: -24 });
+        break;
+      case "PageDown":
+        el.scrollBy({ top: el.clientHeight });
+        break;
+      case "PageUp":
+        el.scrollBy({ top: -el.clientHeight });
+        break;
+      case "Home":
+        el.scrollTo({ top: 0 });
+        break;
+      case "End":
+        el.scrollTo({ top: el.scrollHeight });
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "diff-view-pager",
+      role: "region",
+      "aria-label": regionLabel,
+      className: "flex flex-col",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: scrollRef,
+            tabIndex: 0,
+            onScroll: updatePercent,
+            onKeyDown,
+            className: "max-h-[32rem] overflow-y-auto focus-ring-inset",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "diff-view-pager-footer",
+            className: "flex items-center justify-between border-t bg-muted/50 px-3 py-1.5 text-meta text-muted-foreground",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: t("ai.diffView.pagerLegend") }),
+              /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "tabular-nums", children: [
+                percent,
+                "%"
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var DiffView = forwardRef(function DiffView2({
+  lines,
+  file,
+  summary,
+  stats,
+  variant = "inline",
+  pager = false,
+  language,
+  contextLines,
+  maxLines,
+  loading = false,
+  isStreaming = false,
+  className,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const containerRef = useRef(null);
+  const [scopeEl, setScopeEl] = useState(null);
+  useEffect(() => {
+    setScopeEl(getThemeScope(containerRef.current));
+  }, []);
+  const clippedLines = useMemo(
+    () => maxLines ? lines.slice(0, maxLines) : lines,
+    [lines, maxLines]
+  );
+  const tokens = useDiffTokens(clippedLines, language, scopeEl, isStreaming);
+  const { rows, expand } = useDiffRows(clippedLines, contextLines);
+  const RowComponent = variant === "split" ? SplitRow : InlineRow;
+  const regionLabel = file ? `${t("ai.diffView.regionLabel")}: ${file}` : t("ai.diffView.regionLabel");
+  const body = loading ? /* @__PURE__ */ jsxs("div", { "data-slot": "diff-view-body", children: [
+    /* @__PURE__ */ jsx("span", { role: "status", "aria-live": "polite", className: "sr-only", children: t("ai.diffView.loading") }),
+    Array.from({
+      length: clippedLines.length > 0 ? Math.min(clippedLines.length, 12) : 6
+    }).map((_, i) => (
+      // oxlint-disable-next-line eslint(react/no-array-index-key) -- fixed-count placeholder rows
+      /* @__PURE__ */ jsx(SkeletonRow, {}, i)
+    ))
+  ] }) : /* @__PURE__ */ jsx("div", { "data-slot": "diff-view-body", children: rows.map(
+    (row) => row.kind === "collapsed" ? /* @__PURE__ */ jsx(
+      CollapsedRow,
+      {
+        hiddenCount: row.hiddenCount,
+        onExpand: () => expand(row.runStart)
+      },
+      `collapsed-${row.runStart}`
+    ) : /* @__PURE__ */ jsx(
+      RowComponent,
+      {
+        line: row.line,
+        index: row.index,
+        tokens: tokens?.get(row.index)
+      },
+      row.index
+    )
+  ) });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      "data-slot": "diff-view",
+      className: cn("overflow-hidden rounded-md border bg-background text-foreground", className),
+      ...props,
+      children: [
+        (file || summary || stats) && /* @__PURE__ */ jsx(DiffViewHeader, { file, summary, stats }),
+        pager ? /* @__PURE__ */ jsx(DiffViewPager, { regionLabel, children: body }) : body,
+        isStreaming && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex items-center gap-2 border-t bg-muted/80 px-3 py-1.5 text-caption text-muted-foreground",
+            role: "status",
+            "aria-live": "polite",
+            children: /* @__PURE__ */ jsx(Shimmer, { children: t("ai.codeBlock.generating") })
+          }
+        )
+      ]
+    }
+  );
+});
+
+export {
+  diffRowVariants,
+  DiffView
+};
+//# sourceMappingURL=chunk-6PB2MXCI.js.map

package/dist/chunk-6PB2MXCI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/diff-view.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * DiffView — line-level unified diff renderer for an agent transcript (#102).\n *\n * An agent's primary output is a code change; the package had no way to show\n * one line-by-line. DiffView is the presentational surface for a `DiffLine[]`\n * someone else computed (parsed a unified diff, a git patch, an LLM tool\n * result) — it never diffs, fetches or parses a patch itself (D5).\n *\n * Package placement + the `ChangeReview` seam are BINDING decisions, not\n * choices this file makes on its own — see\n * `docs/decisions/2026-09-01-brainless-adoption-architecture.md` § 3:\n *   - DiffView ships here (`@elabs-ai/components-ai`), never in\n *     `@elabs-ai/components-ui`, because it reuses `highlightCode` (Shiki) and\n *     `ui` does not depend on Shiki.\n *   - `ChangeHunk` (`ui`) gains NO `lines` field and `DiffLine` never moves to\n *     `ui`. A consumer composes the two via `ChangeReview`'s existing\n *     injection seams — `renderHunk` or `ChangeHunk.after` (both `ReactNode`)\n *     — never a cross-package import in either direction. See the\n *     `ChangeReviewComposition` story.\n *\n * Reuses `highlightCode` from `./code-block` (Shiki) for intra-line syntax\n * colour, so a diff and a code block agree on tokenisation and theme — real\n * `add`/`del`/`context` lines are re-joined into one document before\n * highlighting so Shiki sees genuine surrounding context, then the result is\n * mapped back onto the original line indices. `hunk`/`meta` lines (diff\n * headers, not source) are excluded from that document.\n *\n * Colour is never the only channel (accessibility.md, WCAG 1.4.1): every\n * `add`/`del` row carries a screen-reader polarity word AND a `+`/`−` marker\n * glyph in its own column — the row tint (`bg-success/10` / `bg-destructive/10`,\n * the fill rung) is the third, redundant cue, never the only one.\n *\n * The `DiffLine` model and the polarity-prefix technique are adapted from\n * `theswerd/brainless` (MIT) — see `ATTRIBUTION.md`.\n */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentProps,\n  type KeyboardEvent,\n} from \"react\";\nimport {\n  Skeleton,\n  diffLineAccessibleLabel,\n  diffLineMarker,\n  useDiffRows,\n  useLocale,\n  type DiffLine,\n} from \"@elabs-ai/components-ui\";\nimport { cn } from \"@elabs-ai/components-ui/lib/cn\";\nimport { cva } from \"class-variance-authority\";\nimport type { BundledLanguage, ThemedToken } from \"shiki\";\nimport { highlightCode } from \"./code-block\";\nimport { Shimmer } from \"./shimmer\";\nimport { getThemeScope } from \"./_theme-scope-store\";\n\n// ─── Public types ───────────────────────────────────────────────────────────\n//\n// `DiffLineType` and `DiffLine` moved to `@elabs-ai/components-ui`\n// (`lib/diff-line.ts`) — the terminal CLI look-alike family's own diff hunk\n// (issue #117) reuses the same model, and `@elabs-ai/components-ai`/\n// `@elabs-ai/components-terminal` are layer-2 DAG siblings that may not\n// import each other (T0; see\n// docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4). Imported\n// above; NOT re-exported from here — `@elabs-ai/components-ai` never\n// re-exports from `@elabs-ai/components-ui` (its barrel stays own-module\n// only). A consumer imports `DiffLine`/`DiffLineType` from\n// `@elabs-ai/components-ui`.\n\nexport interface DiffViewProps extends Omit<ComponentProps<\"div\">, \"children\"> {\n  /** The diff, as a flat, ordered line list. */\n  lines: DiffLine[];\n  /** File path shown in the header. */\n  file?: string;\n  /** One-line summary shown beside the file name. */\n  summary?: string;\n  /** Added / removed line counts shown in the header. */\n  stats?: { additions: number; deletions: number };\n  /** `inline` = unified single column; `split` = side-by-side. @default \"inline\" */\n  variant?: \"inline\" | \"split\";\n  /**\n   * Full-screen reading surface: a scrollable region with a scroll-position\n   * indicator, a key legend (↑/↓, Page Up/Down, Home/End), and a named\n   * `role=\"region\"`. Absorbs the upstream `CodexDiff` pager shape — this\n   * prop, not a second component.\n   */\n  pager?: boolean;\n  /** Shiki language id for intra-line syntax colour. Omit to render plain text. */\n  language?: BundledLanguage;\n  /** Collapse a run of consecutive `context` lines longer than this behind a \"show more\" control. */\n  contextLines?: number;\n  /** Hard cap on rendered lines. Extra lines are simply not rendered. */\n  maxLines?: number;\n  /** No renderable diff yet (loading-states.md) — layout-shaped skeleton rows at the real row height. */\n  loading?: boolean;\n  /** Lines are still arriving (loading-states.md) — render what exists; never an error surface. */\n  isStreaming?: boolean;\n}\n\n// ─── Row styling (one visual axis: line type → tint) ───────────────────────\n\n/**\n * The row's fill-rung tint — the THIRD, redundant cue (accessibility.md /\n * styling-and-tokens.md). Never the only signal: every `add`/`del` row also\n * carries a marker glyph (shape) and an `sr-only` polarity word (name).\n */\nexport const diffRowVariants = cva(\n  \"grid grid-cols-[2.75rem_2.75rem_1.25rem_1fr] items-start gap-x-2 px-2 py-0.5\",\n  {\n    variants: {\n      type: {\n        add: \"bg-success/10\",\n        del: \"bg-destructive/10\",\n        context: \"\",\n        hunk: \"bg-muted/40\",\n        meta: \"\",\n      },\n    },\n    defaultVariants: { type: \"context\" },\n  },\n);\n\nconst GUTTER_CLASS = \"select-none text-end text-meta text-muted-foreground tabular-nums\";\n\n// Marker GLYPHS (`diffLineMarker`) and screen-reader polarity LABELS\n// (`diffLineAccessibleLabel`) are promoted to `@elabs-ai/components-ui`\n// (`lib/diff-line.ts`) — imported above. The tint below stays here: it is\n// presentational (Tailwind token classes), not part of the shared model.\n\nconst MARKER_TONE: Record<\"add\" | \"del\" | \"context\", string> = {\n  add: \"text-success-text\",\n  del: \"text-destructive-text\",\n  context: \"text-muted-foreground\",\n};\n\n// `getThemeScope` (nearest `[data-theme]` ancestor, defaulting to `<html>`)\n// comes from the shared `_theme-scope-store` module — the exact same helper\n// `code-block.tsx` uses, not a second copy of it.\n\n// ─── Intra-line syntax highlighting ────────────────────────────────────────\n\ntype TokenizedResult = NonNullable<ReturnType<typeof highlightCode>>;\n\n/**\n * Highlights ONE side's combined document (see `useDiffTokens` below) and\n * returns the raw Shiki result once it resolves. `isStreaming` is forwarded\n * to `highlightCode`'s `skipCache` — a streaming diff re-tokenizes a growing\n * document on every line, and every intermediate value is never seen again,\n * so permanently caching it is pure waste (perf review 1.4a/§3.2).\n */\nfunction useSideTokens(\n  combinedCode: string,\n  language: BundledLanguage | undefined,\n  scopeEl: Element | null,\n  isStreaming: boolean,\n): TokenizedResult | null {\n  const [result, setResult] = useState<TokenizedResult | null>(null);\n\n  useEffect(() => {\n    if (!language || combinedCode.length === 0) {\n      setResult(null);\n      return;\n    }\n    let cancelled = false;\n    const cached = highlightCode(\n      combinedCode,\n      language,\n      (r) => {\n        if (!cancelled) setResult(r);\n      },\n      scopeEl,\n      isStreaming,\n    );\n    if (cached) setResult(cached);\n    return () => {\n      cancelled = true;\n    };\n  }, [combinedCode, language, scopeEl, isStreaming]);\n\n  return result;\n}\n\n/**\n * Highlights the OLD file (`del` + `context` lines) and the NEW file (`add` +\n * `context` lines) as two SEPARATE Shiki documents, then maps each back onto\n * the original line indices. `hunk` / `meta` lines are diff headers, not\n * code, and are excluded from both documents.\n *\n * The two sides used to be combined into ONE document (every real line,\n * `del`/`add`/`context` alike, joined in original order). That let a\n * still-open construct on one side leak its tokenizer STATE across the\n * boundary onto the other — a deleted, unterminated `/*` opened a block\n * comment that swallowed the immediately-following ADDED line as commented-out\n * text, even though the two lines never coexist in either real version of the\n * file. Tokenizing old/new as their own documents means Shiki only ever sees\n * genuine same-version context around a construct.\n */\nfunction useDiffTokens(\n  lines: DiffLine[],\n  language: BundledLanguage | undefined,\n  scopeEl: Element | null,\n  isStreaming: boolean,\n): Map<number, ThemedToken[]> | null {\n  const oldIndices = useMemo(\n    () =>\n      lines\n        .map((line, index) => ({ line, index }))\n        .filter(({ line }) => line.type === \"del\" || line.type === \"context\")\n        .map(({ index }) => index),\n    [lines],\n  );\n  const newIndices = useMemo(\n    () =>\n      lines\n        .map((line, index) => ({ line, index }))\n        .filter(({ line }) => line.type === \"add\" || line.type === \"context\")\n        .map(({ index }) => index),\n    [lines],\n  );\n\n  const oldCode = useMemo(\n    () => oldIndices.map((index) => lines[index]?.text ?? \"\").join(\"\\n\"),\n    [oldIndices, lines],\n  );\n  const newCode = useMemo(\n    () => newIndices.map((index) => lines[index]?.text ?? \"\").join(\"\\n\"),\n    [newIndices, lines],\n  );\n\n  const oldResult = useSideTokens(oldCode, language, scopeEl, isStreaming);\n  const newResult = useSideTokens(newCode, language, scopeEl, isStreaming);\n\n  return useMemo(() => {\n    if (!language) return null;\n    const map = new Map<number, ThemedToken[]>();\n    // `del` lines exist ONLY in the old-file document.\n    if (oldResult) {\n      oldIndices.forEach((originalIndex, i) => {\n        if (lines[originalIndex]?.type !== \"del\") return;\n        const tokenLine = oldResult.tokens[i];\n        if (tokenLine) map.set(originalIndex, tokenLine);\n      });\n    }\n    // `add` AND `context` lines come from the new-file document — a `context`\n    // line reads identically in both versions, and picking one consistently\n    // (rather than whichever side happened to resolve last) keeps its color\n    // stable across re-highlights.\n    if (newResult) {\n      newIndices.forEach((originalIndex, i) => {\n        const tokenLine = newResult.tokens[i];\n        if (tokenLine) map.set(originalIndex, tokenLine);\n      });\n    }\n    return map;\n  }, [oldIndices, newIndices, oldResult, newResult, language, lines]);\n}\n\n/** Renders pre-highlighted tokens; colour only (a diff row doesn't need bold/italic/underline). */\nfunction TokenText({ tokens, fallback }: { tokens?: ThemedToken[]; fallback: string }) {\n  if (!tokens) return <>{fallback}</>;\n  return (\n    <>\n      {tokens.map((token, i) => (\n        // oxlint-disable-next-line eslint(react/no-array-index-key) -- tokens for one line never reorder\n        <span key={i} style={{ color: token.color }}>\n          {token.content}\n        </span>\n      ))}\n    </>\n  );\n}\n\n// ─── Context-run collapsing ─────────────────────────────────────────────────\n//\n// The row-collapsing model (`DiffRow`, `collapseDiffRows`, `useDiffRows`,\n// formerly this file's private `Row`/`useVisibleRows`) is promoted to\n// `@elabs-ai/components-ui` (`lib/diff-rows.ts`) — imported above. It is pure\n// (no Shiki, no DOM) and the terminal CLI look-alike family's own diff hunk\n// (issue #117) reuses it unchanged; see\n// docs/decisions/2026-09-01-brainless-adoption-architecture.md § 4.\n\nfunction CollapsedRow({ hiddenCount, onExpand }: { hiddenCount: number; onExpand: () => void }) {\n  const { t } = useLocale();\n  return (\n    <div\n      data-slot=\"diff-view-collapsed\"\n      className=\"col-span-full grid grid-cols-[2.75rem_2.75rem_1.25rem_1fr]\"\n    >\n      <button\n        type=\"button\"\n        onClick={onExpand}\n        className=\"col-start-4 w-fit rounded-sm px-1 text-info-text text-meta hover:underline focus-ring\"\n      >\n        {t(\"ai.diffView.showMore\", { count: hiddenCount })}\n      </button>\n    </div>\n  );\n}\n\n// ─── Full-width rows (hunk / meta) ──────────────────────────────────────────\n\nfunction FullWidthRow({ line }: { line: DiffLine }) {\n  return (\n    <div\n      data-slot=\"diff-view-row\"\n      data-diff-type={line.type}\n      className={cn(\n        diffRowVariants({ type: line.type as \"hunk\" | \"meta\" }),\n        \"col-span-full block font-mono text-meta text-muted-foreground\",\n        line.type === \"hunk\" && \"italic\",\n      )}\n    >\n      {line.text || \" \"}\n    </div>\n  );\n}\n\n// ─── Inline rows ────────────────────────────────────────────────────────────\n\nfunction InlineRow({\n  line,\n  index,\n  tokens,\n}: {\n  line: DiffLine;\n  index: number;\n  tokens?: ThemedToken[];\n}) {\n  const { t } = useLocale();\n  if (line.type === \"hunk\" || line.type === \"meta\") {\n    return <FullWidthRow line={line} />;\n  }\n  const type = line.type;\n  const polarityKey = diffLineAccessibleLabel(type);\n  return (\n    <div\n      data-slot=\"diff-view-row\"\n      data-diff-type={type}\n      data-diff-index={index}\n      className={diffRowVariants({ type })}\n    >\n      <span data-slot=\"diff-view-gutter-old\" className={GUTTER_CLASS} aria-hidden=\"true\">\n        {type !== \"add\" ? (line.oldNumber ?? \"\") : \"\"}\n      </span>\n      <span data-slot=\"diff-view-gutter-new\" className={GUTTER_CLASS} aria-hidden=\"true\">\n        {type !== \"del\" ? (line.newNumber ?? \"\") : \"\"}\n      </span>\n      <span\n        data-slot=\"diff-view-marker\"\n        aria-hidden=\"true\"\n        className={cn(\"select-none font-bold font-mono text-code\", MARKER_TONE[type])}\n      >\n        {diffLineMarker(type)}\n      </span>\n      <span\n        data-slot=\"diff-view-line-text\"\n        className=\"whitespace-pre-wrap break-all font-mono text-code\"\n      >\n        {polarityKey && <span className=\"sr-only\">{t(polarityKey)}</span>}\n        <TokenText tokens={tokens} fallback={line.text || \" \"} />\n      </span>\n    </div>\n  );\n}\n\n// ─── Split rows (two aligned columns: old-file view | new-file view) ───────\n\nfunction SplitSide({\n  show,\n  number,\n  markerType,\n  polarityKey,\n  text,\n  tokens,\n}: {\n  show: boolean;\n  number?: number;\n  markerType: \"add\" | \"del\" | \"context\";\n  polarityKey?: ReturnType<typeof diffLineAccessibleLabel>;\n  text: string;\n  tokens?: ThemedToken[];\n}) {\n  const { t } = useLocale();\n  if (!show) {\n    return (\n      <span aria-hidden=\"true\" className=\"block\">\n        {\" \"}\n      </span>\n    );\n  }\n  return (\n    <div className=\"grid grid-cols-[2.75rem_1.25rem_1fr] items-start gap-x-2\">\n      <span className={GUTTER_CLASS} aria-hidden=\"true\">\n        {number ?? \"\"}\n      </span>\n      <span\n        aria-hidden=\"true\"\n        className={cn(\"select-none font-bold font-mono text-code\", MARKER_TONE[markerType])}\n      >\n        {diffLineMarker(markerType)}\n      </span>\n      <span className=\"whitespace-pre-wrap break-all font-mono text-code\">\n        {polarityKey && <span className=\"sr-only\">{t(polarityKey)}</span>}\n        <TokenText tokens={tokens} fallback={text || \" \"} />\n      </span>\n    </div>\n  );\n}\n\nfunction SplitRow({\n  line,\n  index,\n  tokens,\n}: {\n  line: DiffLine;\n  index: number;\n  tokens?: ThemedToken[];\n}) {\n  if (line.type === \"hunk\" || line.type === \"meta\") {\n    return <FullWidthRow line={line} />;\n  }\n  const type = line.type;\n  const showOld = type !== \"add\";\n  const showNew = type !== \"del\";\n  return (\n    <div data-slot=\"diff-view-row\" data-diff-type={type} data-diff-index={index} className=\"flex\">\n      <div className={cn(\"flex-1 px-2 py-0.5\", showOld && diffRowVariants({ type }))}>\n        <SplitSide\n          show={showOld}\n          number={line.oldNumber}\n          markerType={type === \"del\" ? \"del\" : \"context\"}\n          polarityKey={diffLineAccessibleLabel(type)}\n          text={line.text}\n          tokens={tokens}\n        />\n      </div>\n      <div\n        className={cn(\n          \"flex-1 border-s border-s-border-strong px-2 py-0.5\",\n          showNew && diffRowVariants({ type }),\n        )}\n      >\n        <SplitSide\n          show={showNew}\n          number={line.newNumber}\n          markerType={type === \"add\" ? \"add\" : \"context\"}\n          polarityKey={diffLineAccessibleLabel(type)}\n          text={line.text}\n          tokens={tokens}\n        />\n      </div>\n    </div>\n  );\n}\n\n// ─── Skeleton (loading-states.md) ───────────────────────────────────────────\n\nfunction SkeletonRow() {\n  return (\n    <div data-slot=\"diff-view-row\" className={diffRowVariants({ type: \"context\" })}>\n      <Skeleton className=\"ms-auto h-3 w-6\" />\n      <Skeleton className=\"ms-auto h-3 w-6\" />\n      <span />\n      <Skeleton className=\"h-3 w-2/3\" />\n    </div>\n  );\n}\n\n// ─── Header ─────────────────────────────────────────────────────────────────\n\nfunction DiffViewHeader({\n  file,\n  summary,\n  stats,\n}: {\n  file?: string;\n  summary?: string;\n  stats?: { additions: number; deletions: number };\n}) {\n  const { t } = useLocale();\n  return (\n    // header-band-exempt: a file header inside the diff card, not shell chrome\n    <div\n      data-slot=\"diff-view-header\"\n      className=\"flex items-center justify-between gap-3 border-b bg-muted/80 px-3 py-2 text-meta text-muted-foreground\"\n    >\n      <div className=\"flex min-w-0 items-center gap-2\">\n        {file && (\n          <span className=\"truncate font-mono text-code\" data-slot=\"diff-view-file\">\n            {file}\n          </span>\n        )}\n        {summary && <span className=\"truncate\">{summary}</span>}\n      </div>\n      {stats && (\n        <div data-slot=\"diff-view-stats\" className=\"flex shrink-0 items-center gap-2 tabular-nums\">\n          <span className=\"sr-only\">\n            {t(\"ai.diffView.statsSummary\", {\n              additions: stats.additions,\n              deletions: stats.deletions,\n            })}\n          </span>\n          <span aria-hidden=\"true\" className=\"font-mono text-success-text\">\n            +{stats.additions}\n          </span>\n          <span aria-hidden=\"true\" className=\"font-mono text-destructive-text\">\n            {\"−\"}\n            {stats.deletions}\n          </span>\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Pager (absorbs the upstream CodexDiff shape) ──────────────────────────\n\nfunction DiffViewPager({\n  children,\n  regionLabel,\n}: {\n  children: React.ReactNode;\n  regionLabel: string;\n}) {\n  const { t } = useLocale();\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const [percent, setPercent] = useState(0);\n\n  const updatePercent = useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const max = el.scrollHeight - el.clientHeight;\n    setPercent(max <= 0 ? 100 : Math.round((el.scrollTop / max) * 100));\n  }, []);\n\n  const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n    const el = scrollRef.current;\n    if (!el) return;\n    switch (event.key) {\n      case \"ArrowDown\":\n        el.scrollBy({ top: 24 });\n        break;\n      case \"ArrowUp\":\n        el.scrollBy({ top: -24 });\n        break;\n      case \"PageDown\":\n        el.scrollBy({ top: el.clientHeight });\n        break;\n      case \"PageUp\":\n        el.scrollBy({ top: -el.clientHeight });\n        break;\n      case \"Home\":\n        el.scrollTo({ top: 0 });\n        break;\n      case \"End\":\n        el.scrollTo({ top: el.scrollHeight });\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n  }, []);\n\n  return (\n    <div\n      data-slot=\"diff-view-pager\"\n      role=\"region\"\n      aria-label={regionLabel}\n      className=\"flex flex-col\"\n    >\n      <div\n        ref={scrollRef}\n        tabIndex={0}\n        onScroll={updatePercent}\n        onKeyDown={onKeyDown}\n        className=\"max-h-[32rem] overflow-y-auto focus-ring-inset\"\n      >\n        {children}\n      </div>\n      <div\n        data-slot=\"diff-view-pager-footer\"\n        className=\"flex items-center justify-between border-t bg-muted/50 px-3 py-1.5 text-meta text-muted-foreground\"\n      >\n        <span>{t(\"ai.diffView.pagerLegend\")}</span>\n        <span aria-hidden=\"true\" className=\"tabular-nums\">\n          {percent}%\n        </span>\n      </div>\n    </div>\n  );\n}\n\n// ─── Root ───────────────────────────────────────────────────────────────────\n\nexport const DiffView = forwardRef<HTMLDivElement, DiffViewProps>(function DiffView(\n  {\n    lines,\n    file,\n    summary,\n    stats,\n    variant = \"inline\",\n    pager = false,\n    language,\n    contextLines,\n    maxLines,\n    loading = false,\n    isStreaming = false,\n    className,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [scopeEl, setScopeEl] = useState<Element | null>(null);\n\n  useEffect(() => {\n    setScopeEl(getThemeScope(containerRef.current));\n  }, []);\n\n  const clippedLines = useMemo(\n    () => (maxLines ? lines.slice(0, maxLines) : lines),\n    [lines, maxLines],\n  );\n  const tokens = useDiffTokens(clippedLines, language, scopeEl, isStreaming);\n  const { rows, expand } = useDiffRows(clippedLines, contextLines);\n\n  const RowComponent = variant === \"split\" ? SplitRow : InlineRow;\n\n  const regionLabel = file\n    ? `${t(\"ai.diffView.regionLabel\")}: ${file}`\n    : t(\"ai.diffView.regionLabel\");\n\n  const body = loading ? (\n    <div data-slot=\"diff-view-body\">\n      <span role=\"status\" aria-live=\"polite\" className=\"sr-only\">\n        {t(\"ai.diffView.loading\")}\n      </span>\n      {Array.from({\n        length: clippedLines.length > 0 ? Math.min(clippedLines.length, 12) : 6,\n      }).map((_, i) => (\n        // oxlint-disable-next-line eslint(react/no-array-index-key) -- fixed-count placeholder rows\n        <SkeletonRow key={i} />\n      ))}\n    </div>\n  ) : (\n    <div data-slot=\"diff-view-body\">\n      {rows.map((row) =>\n        row.kind === \"collapsed\" ? (\n          <CollapsedRow\n            key={`collapsed-${row.runStart}`}\n            hiddenCount={row.hiddenCount}\n            onExpand={() => expand(row.runStart)}\n          />\n        ) : (\n          <RowComponent\n            key={row.index}\n            line={row.line}\n            index={row.index}\n            tokens={tokens?.get(row.index)}\n          />\n        ),\n      )}\n    </div>\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) ref.current = node;\n      }}\n      data-slot=\"diff-view\"\n      className={cn(\"overflow-hidden rounded-md border bg-background text-foreground\", className)}\n      {...props}\n    >\n      {(file || summary || stats) && <DiffViewHeader file={file} summary={summary} stats={stats} />}\n      {pager ? <DiffViewPager regionLabel={regionLabel}>{body}</DiffViewPager> : body}\n      {isStreaming && (\n        <div\n          className=\"flex items-center gap-2 border-t bg-muted/80 px-3 py-1.5 text-caption text-muted-foreground\"\n          role=\"status\"\n          aria-live=\"polite\"\n        >\n          <Shimmer>{t(\"ai.codeBlock.generating\")}</Shimmer>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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","names":["DiffView"]}