@elabs-ai/components-ui 4.2.0 → 5.1.0

package/dist/chunk-CEDK5GM2.js

@@ -0,0 +1,68 @@
+"use client";
+import {
+  toast
+} from "./chunk-YUFDC6RW.js";
+import {
+  useCopyToClipboard
+} from "./chunk-FBJ2JSRA.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/copyable-value/copyable-value.tsx
+import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var COPYABLE_VALUE_TOAST_MS = 1e3;
+var CopyableValue = forwardRef(
+  function CopyableValue2({ value, children, hint, resetAfterMs, className, onClick, ...props }, ref) {
+    const { t } = useLocale();
+    const { copied, copy } = useCopyToClipboard(
+      resetAfterMs === void 0 ? void 0 : { resetAfterMs }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          "data-slot": "copyable-value",
+          "data-copied": copied ? "" : void 0,
+          ref,
+          type: "button",
+          ...props,
+          className: cn(
+            // Reads as text, behaves as a control: the dotted underline is the
+            // only resting affordance, so a value inside a heading or a KPI
+            // still looks like a value, not a link.
+            "inline-flex items-baseline gap-1 rounded-sm underline decoration-dotted decoration-muted-foreground underline-offset-4",
+            "hover:decoration-foreground focus-ring",
+            "transition-colors duration-fast ease-standard motion-reduce:transition-none",
+            className
+          ),
+          onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented) {
+              void copy(value).then((ok) => {
+                if (ok) {
+                  toast(t("ui.copyableValue.copied"), { duration: COPYABLE_VALUE_TOAST_MS });
+                }
+              });
+            }
+          },
+          children: [
+            children ?? value,
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: hint ?? t("ui.copyableValue.hint") })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "sr-only", role: "status", children: copied ? t("ui.copyableValue.copied") : "" })
+    ] });
+  }
+);
+
+export {
+  COPYABLE_VALUE_TOAST_MS,
+  CopyableValue
+};
+//# sourceMappingURL=chunk-CEDK5GM2.js.map

package/dist/chunk-CEDK5GM2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/copyable-value/copyable-value.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * CopyableValue — shown short, copied exact.\n *\n * Numbers across the library are formatted COMPACT by default (`1.5M`, `$820`),\n * because the surfaces they appear on — a KPI tile, an axis tick, a chart in a\n * chat bubble — have no room for `50012102.632741`. That is only defensible if\n * the exact value stays reachable, so this renders the compact string as a real\n * `<button>` that puts the unrounded one on the clipboard.\n *\n * Why a button and not a tooltip: a chart tooltip is `pointer-events-none` (it\n * must not swallow the `mousemove` that drives the crosshair), so it can carry\n * text but never an interaction. A button is reachable by mouse, by keyboard,\n * and by touch — all three, with no bespoke affordance.\n */\n\nimport { forwardRef, type ButtonHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../lib/cn\";\nimport { useCopyToClipboard } from \"../../lib/use-copy-to-clipboard\";\nimport { useLocale } from \"../locale-provider\";\nimport { toast } from \"../sonner\";\n\n/** ms the copy-confirmation toast stays on screen. */\nexport const COPYABLE_VALUE_TOAST_MS = 1000;\n\nexport interface CopyableValueProps extends Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  \"value\" | \"children\"\n> {\n  /**\n   * The EXACT text written to the clipboard — the unrounded, un-abbreviated\n   * value. Not locale-formatted by this component: a copied number is usually\n   * on its way into a spreadsheet or a query.\n   */\n  value: string;\n  /** What the reader sees. Defaults to `value`. */\n  children?: ReactNode;\n  /**\n   * Overrides the screen-reader hint appended to the visible text. The\n   * accessible name is always `<visible text> + <hint>`, which keeps WCAG 2.5.3\n   * (Label in Name) satisfied — voice-control users can say what they read.\n   */\n  hint?: string;\n  /** ms the \"Copied\" confirmation stays. Default: 1500. */\n  resetAfterMs?: number;\n}\n\n/**\n * A value that copies its exact form on click.\n *\n * ```tsx\n * <CopyableValue value=\"50012102.632741\">50M</CopyableValue>\n * ```\n */\nexport const CopyableValue = forwardRef<HTMLButtonElement, CopyableValueProps>(\n  function CopyableValue(\n    { value, children, hint, resetAfterMs, className, onClick, ...props },\n    ref,\n  ) {\n    const { t } = useLocale();\n    const { copied, copy } = useCopyToClipboard(\n      resetAfterMs === undefined ? undefined : { resetAfterMs },\n    );\n\n    return (\n      <>\n        <button\n          data-slot=\"copyable-value\"\n          data-copied={copied ? \"\" : undefined}\n          ref={ref}\n          type=\"button\"\n          {...props}\n          className={cn(\n            // Reads as text, behaves as a control: the dotted underline is the\n            // only resting affordance, so a value inside a heading or a KPI\n            // still looks like a value, not a link.\n            \"inline-flex items-baseline gap-1 rounded-sm underline decoration-dotted decoration-muted-foreground underline-offset-4\",\n            \"hover:decoration-foreground focus-ring\",\n            \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n            className,\n          )}\n          onClick={(event) => {\n            onClick?.(event);\n            if (!event.defaultPrevented) {\n              // The toast is the visible confirmation; it needs an app-mounted\n              // `<Toaster />` and is a silent no-op without one, which is why\n              // the live region below stays as the always-present fallback.\n              void copy(value).then((ok) => {\n                if (ok) {\n                  toast(t(\"ui.copyableValue.copied\"), { duration: COPYABLE_VALUE_TOAST_MS });\n                }\n              });\n            }\n          }}\n        >\n          {children ?? value}\n          <span className=\"sr-only\">{hint ?? t(\"ui.copyableValue.hint\")}</span>\n        </button>\n        {/*\n          One live region per control, always mounted: an `aria-live` region\n          inserted at the same moment its text appears is frequently missed by\n          screen readers (ARIA22), so the region exists from first paint and\n          only its contents change.\n        */}\n        <span aria-live=\"polite\" className=\"sr-only\" role=\"status\">\n          {copied ? t(\"ui.copyableValue.copied\") : \"\"}\n        </span>\n      </>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,SAAS,kBAA6D;AAiDhE,mBA+BI,KA9BF,YADF;AA1CC,IAAM,0BAA0B;AA+BhC,IAAM,gBAAgB;AAAA,EAC3B,SAASA,eACP,EAAE,OAAO,UAAU,MAAM,cAAc,WAAW,SAAS,GAAG,MAAM,GACpE,KACA;AACA,UAAM,EAAE,EAAE,IAAI,UAAU;AACxB,UAAM,EAAE,QAAQ,KAAK,IAAI;AAAA,MACvB,iBAAiB,SAAY,SAAY,EAAE,aAAa;AAAA,IAC1D;AAEA,WACE,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,aAAU;AAAA,UACV,eAAa,SAAS,KAAK;AAAA,UAC3B;AAAA,UACA,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,WAAW;AAAA;AAAA;AAAA;AAAA,YAIT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,SAAS,CAAC,UAAU;AAClB,sBAAU,KAAK;AACf,gBAAI,CAAC,MAAM,kBAAkB;AAI3B,mBAAK,KAAK,KAAK,EAAE,KAAK,CAAC,OAAO;AAC5B,oBAAI,IAAI;AACN,wBAAM,EAAE,yBAAyB,GAAG,EAAE,UAAU,wBAAwB,CAAC;AAAA,gBAC3E;AAAA,cACF,CAAC;AAAA,YACH;AAAA,UACF;AAAA,UAEC;AAAA,wBAAY;AAAA,YACb,oBAAC,UAAK,WAAU,WAAW,kBAAQ,EAAE,uBAAuB,GAAE;AAAA;AAAA;AAAA,MAChE;AAAA,MAOA,oBAAC,UAAK,aAAU,UAAS,WAAU,WAAU,MAAK,UAC/C,mBAAS,EAAE,yBAAyB,IAAI,IAC3C;AAAA,OACF;AAAA,EAEJ;AACF;","names":["CopyableValue"]}

package/dist/chunk-CEHCVDYR.js

@@ -0,0 +1,476 @@
+"use client";
+import {
+  formatElapsed
+} from "./chunk-3P7SRCDB.js";
+import {
+  StatusIcon
+} from "./chunk-DXC3DTCV.js";
+import {
+  StatePanel
+} from "./chunk-Y33ZFTMR.js";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger
+} from "./chunk-FG3PDWE3.js";
+import {
+  Badge
+} from "./chunk-HNLYRHAU.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-C5QBV5RE.js";
+import {
+  cn
+} from "./chunk-FXWWDMMP.js";
+
+// src/components/change-review/change-review.tsx
+import {
+  createContext,
+  forwardRef,
+  use,
+  useCallback,
+  useId,
+  useMemo,
+  useState
+} from "react";
+import { Check, X, CheckCheck, User, Bot, Clock, ChevronDown } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChangeReviewContext = createContext(null);
+function useChangeReview() {
+  const ctx = use(ChangeReviewContext);
+  if (!ctx) {
+    throw new Error("ChangeReview sub-components must be rendered inside ChangeReview.Provider");
+  }
+  return ctx;
+}
+var hunkVariants = cva(
+  [
+    "relative rounded-md border border-border bg-card text-card-foreground",
+    "transition-colors duration-fast ease-standard motion-reduce:transition-none"
+  ],
+  {
+    variants: {
+      status: {
+        added: "border-s-4 border-s-success",
+        removed: "border-s-4 border-s-destructive",
+        modified: "border-s-4 border-s-info"
+      }
+    },
+    defaultVariants: { status: "modified" }
+  }
+);
+function ChangeReviewProvider({
+  hunks,
+  approved: approvedProp,
+  onToggle,
+  onApproveAll,
+  onRejectAll,
+  children
+}) {
+  const headingId = useId();
+  const isControlled = approvedProp !== void 0;
+  const [internalApproved, setInternalApproved] = useState(() => /* @__PURE__ */ new Set());
+  const resolvedApproved = isControlled ? approvedProp instanceof Set ? approvedProp : new Set(approvedProp) : internalApproved;
+  const hunkIds = useMemo(() => hunks.map((h) => h.id), [hunks]);
+  const toggle = useCallback(
+    (id, next) => {
+      onToggle?.(id, next);
+      if (!isControlled) {
+        setInternalApproved((prev) => {
+          const next_ = new Set(prev);
+          if (next) next_.add(id);
+          else next_.delete(id);
+          return next_;
+        });
+      }
+    },
+    [isControlled, onToggle]
+  );
+  const approveAll = useCallback(() => {
+    onApproveAll?.();
+    if (!isControlled) {
+      setInternalApproved(new Set(hunkIds));
+    }
+  }, [isControlled, hunkIds, onApproveAll]);
+  const rejectAll = useCallback(() => {
+    onRejectAll?.();
+    if (!isControlled) {
+      setInternalApproved(/* @__PURE__ */ new Set());
+    }
+  }, [isControlled, onRejectAll]);
+  const approvedCount = hunkIds.filter((id) => resolvedApproved.has(id)).length;
+  const totalCount = hunkIds.length;
+  const state = {
+    approved: resolvedApproved,
+    totalCount,
+    approvedCount,
+    allApproved: totalCount > 0 && approvedCount === totalCount,
+    noneApproved: approvedCount === 0
+  };
+  const actions = { toggle, approveAll, rejectAll };
+  const value = useMemo(
+    () => ({ state, actions, hunks, headingId }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [state.approved, state.totalCount, state.approvedCount, hunks, headingId]
+  );
+  return /* @__PURE__ */ jsx(ChangeReviewContext.Provider, { value, children });
+}
+var ChangeReviewHeader = forwardRef(
+  function ChangeReviewHeader2({ className, ...props }, ref) {
+    const { t } = useLocale();
+    const { state, actions, headingId } = useChangeReview();
+    const { approvedCount, totalCount, allApproved, noneApproved } = state;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-wrap items-center justify-between gap-3 pb-3", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+            /* @__PURE__ */ jsx("span", { id: headingId, className: "text-subtitle text-foreground truncate", children: t("ui.changeReview.heading") }),
+            /* @__PURE__ */ jsx(Badge, { variant: allApproved ? "success" : approvedCount > 0 ? "info" : "secondary", children: t("ui.changeReview.approvedCount", { approved: approvedCount, total: totalCount }) })
+          ] }),
+          totalCount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: "outline-subtle",
+                disabled: noneApproved,
+                onClick: actions.rejectAll,
+                "aria-label": t("ui.changeReview.rejectAllLabel"),
+                children: [
+                  /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }),
+                  t("ui.changeReview.rejectAll")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "sm",
+                variant: allApproved ? "secondary" : "default",
+                disabled: allApproved,
+                onClick: actions.approveAll,
+                "aria-label": t("ui.changeReview.approveAllLabel"),
+                children: [
+                  /* @__PURE__ */ jsx(CheckCheck, { "aria-hidden": "true" }),
+                  t("ui.changeReview.approveAll")
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+function isChangeProvenance(v) {
+  return typeof v === "object" && v !== null && !Array.isArray(v) && ("author" in v || "model" in v || "timestamp" in v || "note" in v);
+}
+var ChangeReviewProvenance = forwardRef(
+  function ChangeReviewProvenance2({ provenance, className, ...props }, ref) {
+    const { t } = useLocale();
+    if (isChangeProvenance(provenance)) {
+      const { author, model, timestamp, note } = provenance;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          className: cn(
+            "flex flex-wrap items-center gap-x-3 gap-y-1 text-caption text-muted-foreground pb-3",
+            className
+          ),
+          role: "group",
+          "aria-label": t("ui.changeReview.provenanceLabel"),
+          ...props,
+          children: [
+            author && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(User, { "aria-hidden": "true", className: "size-3" }),
+              /* @__PURE__ */ jsx("span", { children: author })
+            ] }),
+            model && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Bot, { "aria-hidden": "true", className: "size-3" }),
+              /* @__PURE__ */ jsx("span", { translate: "no", children: model })
+            ] }),
+            timestamp && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx(Clock, { "aria-hidden": "true", className: "size-3" }),
+              /* @__PURE__ */ jsx("time", { children: timestamp })
+            ] }),
+            note && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70", children: note })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("pb-3 text-caption text-muted-foreground", className),
+        role: "group",
+        "aria-label": t("ui.changeReview.provenanceLabel"),
+        ...props,
+        children: provenance
+      }
+    );
+  }
+);
+var ChangeReviewList = forwardRef(
+  function ChangeReviewList2({ className, children, ...props }, ref) {
+    const { t } = useLocale();
+    const { hunks, headingId } = useChangeReview();
+    if (hunks.length === 0) {
+      return /* @__PURE__ */ jsx(
+        StatePanel,
+        {
+          kind: "empty",
+          title: t("ui.changeReview.emptyTitle"),
+          description: t("ui.changeReview.emptyDescription"),
+          className: "my-2"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        "aria-labelledby": headingId,
+        className: cn("flex flex-col gap-3", className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var HUNK_STATUS_ICONS = {
+  added: /* @__PURE__ */ jsx("span", { className: "text-success-text font-bold text-meta", "aria-hidden": "true", children: "+" }),
+  removed: (
+    // #124: sibling of `added`/`modified` above — this glyph is a decorative
+    // aria-hidden marker beside a labelled span (see HUNK_STATUS_LABELS), and
+    // reads as running text at the type scale, so it takes the ink rung the
+    // other two already use.
+    /* @__PURE__ */ jsx("span", { className: "text-destructive-text font-bold text-meta", "aria-hidden": "true", children: "\u2212" })
+  ),
+  modified: /* @__PURE__ */ jsx("span", { className: "text-info-text font-bold text-meta", "aria-hidden": "true", children: "~" })
+};
+var HUNK_STATUS_LABEL_KEYS = {
+  added: "ui.changeReview.statusAdded",
+  removed: "ui.changeReview.statusRemoved",
+  modified: "ui.changeReview.statusModified"
+};
+var CHECK_DETAIL_COLLAPSE_THRESHOLD = 80;
+function isLongCheckDetail(detail) {
+  return detail.length > CHECK_DETAIL_COLLAPSE_THRESHOLD || detail.includes("\n");
+}
+var CHECK_PHASE_LABEL_KEYS = {
+  before: "ui.changeReview.phaseBefore",
+  after: "ui.changeReview.phaseAfter"
+};
+function groupChecksByPhase(checks) {
+  const before = checks.filter((c) => c.phase === "before");
+  const after = checks.filter((c) => c.phase === "after");
+  const showPhaseLabels = before.length > 0 && after.length > 0;
+  if (!showPhaseLabels) {
+    return [{ items: checks }];
+  }
+  const rest = checks.filter((c) => c.phase !== "before" && c.phase !== "after");
+  const groups = [];
+  if (rest.length > 0) groups.push({ items: rest });
+  groups.push({ phase: "before", items: before });
+  groups.push({ phase: "after", items: after });
+  return groups;
+}
+function ChangeCheckRow({ check }) {
+  const { t } = useLocale();
+  const [detailOpen, setDetailOpen] = useState(false);
+  const { label, ok, detail, durationMs } = check;
+  const statusWord = ok ? t("ui.changeReview.checkPassed") : t("ui.changeReview.checkFailed");
+  const hasDetail = detail !== void 0 && detail !== "";
+  const longDetail = hasDetail && isLongCheckDetail(detail);
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "change-review-hunk-check", "data-ok": ok, className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5 min-w-0", children: [
+      /* @__PURE__ */ jsx(StatusIcon, { status: ok ? "complete" : "failed", className: "size-3.5 shrink-0" }),
+      /* @__PURE__ */ jsx("span", { className: "text-caption font-medium text-foreground truncate", children: label }),
+      /* @__PURE__ */ jsx("span", { className: cn("text-caption", ok ? "text-success-text" : "text-destructive-text"), children: statusWord }),
+      durationMs !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground tabular-nums shrink-0", children: formatElapsed(durationMs) })
+    ] }),
+    hasDetail && (longDetail ? /* @__PURE__ */ jsxs(Collapsible, { open: detailOpen, onOpenChange: setDetailOpen, children: [
+      /* @__PURE__ */ jsxs(
+        CollapsibleTrigger,
+        {
+          className: cn(
+            "flex items-center gap-1 self-start rounded-sm ps-5 text-caption text-muted-foreground",
+            "hover:text-foreground focus-ring"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                "aria-hidden": "true",
+                className: cn(
+                  "size-3 transition-transform duration-fast motion-reduce:transition-none",
+                  detailOpen ? "rotate-180" : "rotate-0"
+                )
+              }
+            ),
+            detailOpen ? t("ui.changeReview.hideDetail") : t("ui.changeReview.showDetail")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(CollapsibleContent, { "data-slot": "change-review-hunk-check-detail", children: /* @__PURE__ */ jsx("p", { className: "ps-5 pt-1 text-caption text-muted-foreground break-words", children: detail }) })
+    ] }) : /* @__PURE__ */ jsx(
+      "p",
+      {
+        "data-slot": "change-review-hunk-check-detail",
+        className: "ps-5 text-caption text-muted-foreground break-words",
+        children: detail
+      }
+    ))
+  ] });
+}
+function ChangeReviewChecks({ checks }) {
+  const { t } = useLocale();
+  const groups = groupChecksByPhase(checks);
+  const showPhaseLabels = groups.some((g) => g.phase !== void 0);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "change-review-hunk-checks",
+      className: "flex flex-col gap-2 border-t border-border pt-3",
+      children: groups.map((group, index) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-slot": "change-review-hunk-checks-phase",
+          className: "flex flex-col gap-1.5",
+          children: [
+            showPhaseLabels && group.phase && /* @__PURE__ */ jsx("span", { className: "text-meta font-medium text-muted-foreground", children: t(CHECK_PHASE_LABEL_KEYS[group.phase]) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5", children: group.items.map((check, itemIndex) => /* @__PURE__ */ jsx(ChangeCheckRow, { check }, `${check.label}-${itemIndex}`)) })
+          ]
+        },
+        group.phase ?? `_${index}`
+      ))
+    }
+  );
+}
+var ChangeReviewHunk = forwardRef(
+  function ChangeReviewHunk2({ hunk, renderHunk, className, ...props }, ref) {
+    const { t } = useLocale();
+    const { state, actions } = useChangeReview();
+    const { id, title, before, after, status = "modified", provenance, checks } = hunk;
+    const approved = state.approved.has(id);
+    const statusLabel = t(HUNK_STATUS_LABEL_KEYS[status]);
+    const toggleLabel = t(approved ? "ui.changeReview.rejectHunk" : "ui.changeReview.approveHunk", {
+      title: title ?? id
+    });
+    const defaultContent = renderHunk ? renderHunk(hunk, { approved }) : (before !== void 0 || after !== void 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-body", children: [
+      before !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "shrink-0 select-none font-mono text-muted-foreground",
+            children: "\u2212"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.changeReview.beforePrefix") }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words text-muted-foreground line-through decoration-muted-foreground/30", children: before })
+      ] }),
+      after !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 select-none font-mono text-foreground", children: "+" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("ui.changeReview.afterPrefix") }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 break-words text-foreground", children: after })
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        ref,
+        "data-hunk-id": id,
+        "data-approved": approved,
+        className: cn(hunkVariants({ status }), "flex flex-col gap-3 p-4", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 min-w-0", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: "img",
+                  "aria-label": t("ui.changeReview.changeType", { status: statusLabel }),
+                  className: "shrink-0 inline-flex items-center justify-center size-5",
+                  children: HUNK_STATUS_ICONS[status]
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-foreground truncate", children: title ?? id }),
+              provenance?.author && /* @__PURE__ */ jsx("span", { className: "text-caption text-muted-foreground hidden sm:inline truncate", children: provenance.author })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "icon-sm",
+                variant: approved ? "default" : "outline-subtle",
+                "aria-label": toggleLabel,
+                "aria-pressed": approved,
+                onClick: () => actions.toggle(id, !approved),
+                className: cn(
+                  "shrink-0 transition-colors duration-fast motion-reduce:transition-none",
+                  approved && "bg-primary text-primary-foreground"
+                ),
+                children: approved ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4 opacity-40" })
+              }
+            )
+          ] }),
+          approved && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: /* @__PURE__ */ jsxs(Badge, { variant: "success", className: "animate-in fade-in-0 duration-fast ease-entrance", children: [
+            /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-3" }),
+            t("ui.changeReview.approvedBadge")
+          ] }) }),
+          defaultContent && /* @__PURE__ */ jsx("div", { children: defaultContent }),
+          checks && checks.length > 0 && /* @__PURE__ */ jsx(ChangeReviewChecks, { checks })
+        ]
+      }
+    );
+  }
+);
+var ChangeReview = forwardRef(function ChangeReview2({
+  hunks,
+  approved,
+  onToggle,
+  onApproveAll,
+  onRejectAll,
+  provenance,
+  renderHunk,
+  className,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    ChangeReviewProvider,
+    {
+      hunks,
+      approved,
+      onToggle,
+      onApproveAll,
+      onRejectAll,
+      children: /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-col w-full", className), ...props, children: [
+        /* @__PURE__ */ jsx(ChangeReviewHeader, {}),
+        provenance != null && /* @__PURE__ */ jsx(ChangeReviewProvenance, { provenance }),
+        /* @__PURE__ */ jsx(ChangeReviewList, { children: hunks.map((hunk) => /* @__PURE__ */ jsx(ChangeReviewHunk, { hunk, renderHunk }, hunk.id)) })
+      ] })
+    }
+  );
+});
+
+export {
+  hunkVariants,
+  ChangeReviewProvider,
+  ChangeReviewHeader,
+  ChangeReviewProvenance,
+  ChangeReviewList,
+  ChangeReviewHunk,
+  ChangeReview
+};
+//# sourceMappingURL=chunk-CEHCVDYR.js.map

package/dist/chunk-CEHCVDYR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/change-review/change-review.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * ChangeReview — AI-edit trust gate.\n *\n * When an agent proposes edits, the human reviews them hunk-by-hunk and accepts\n * or rejects each before they apply. Feeling: calm, scannable, trustworthy —\n * \"I can see exactly what changed, who proposed it, and nothing lands without\n * my say-so.\"\n *\n * Design references: GitHub PR file-review (per-hunk viewed/comment),\n * Cursor/Copilot \"review changes\" panel, Graphite/Linear review UIs.\n *\n * NOT a diff-line renderer, and deliberately never becoming one. A hunk's\n * `before`/`after` are ordinary `ReactNode` prose, drawn as a quiet no-fill\n * comparison; the `−`/`+` markers below mean \"previous content\"/\"proposed\n * content\", which is not the same idea as `DiffLine`'s \"removed line\"/\"added\n * line\" even though the glyphs coincide. Do NOT reach for `diffLineMarker` here:\n * a coincidence stays a literal (theming.md, intentional-mirror rule).\n *\n * Structured `DiffLine[]` hunks reach this component by INJECTION, which is a\n * binding decision, not an unfinished merge — see\n * `docs/decisions/2026-09-01-brainless-adoption-architecture.md` § 3:\n *   - `ChangeHunk` gains NO `lines` field and `DiffLine` never moves here.\n *   - The app that depends on both packages passes a `<DiffView>`\n *     (`@elabs-ai/components-ai`, Shiki-backed) through `renderHunk` or a hunk's\n *     `after` slot. Neither package imports the other, in either direction.\n *   - Re-litigated and re-ratified 2026-09-03: moving this component into\n *     `@elabs-ai/components-ai` was rejected because it would push a\n *     dependency-free component into a layer-2 leaf that `terminal`, `editor`\n *     and `viewer` could then never reach.\n * See the `InjectedHunkRenderer` story here, and `ChangeReviewComposition` in\n * `packages/ai/src/diff-view.stories.tsx` for the real two-package wiring.\n *\n * State grid: empty (no hunks → StatePanel), single hunk, mixed, all-approved,\n * all-rejected, very long hunk content. Approval state is signalled with color\n * AND icon/label (colorblind + high-decoration/high-contrast safe).\n *\n * Compound structure (named exports, the Card/CardHeader convention — NOT dot\n * notation). Use the `ChangeReview` root for the default layout, or compose the\n * parts for a custom one:\n *   <ChangeReviewProvider>     — lifted state (approved set + actions interface)\n *     <ChangeReviewHeader>     — count summary + Approve all / Reject all\n *     <ChangeReviewProvenance> — who/what proposed (quiet attribution)\n *     <ChangeReviewList>       — the hunk list\n *       <ChangeReviewHunk>     — per-hunk row (title, rails, before/after, toggle)\n */\n\nimport {\n  createContext,\n  forwardRef,\n  use,\n  useCallback,\n  useId,\n  useMemo,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Check, X, CheckCheck, User, Bot, Clock, ChevronDown } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\nimport { type CheckResult } from \"../../lib/check-result\";\nimport { formatElapsed } from \"../../lib/format-duration\";\nimport { Button } from \"../button/button\";\nimport { Badge } from \"../badge/badge\";\nimport { StatePanel } from \"../state-panel/state-panel\";\nimport { StatusIcon } from \"../status-badge/status-badge\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"../collapsible/collapsible\";\nimport { useLocale } from \"../locale-provider\";\n\n// ─── Public types ─────────────────────────────────────────────────────────────\n\n/** Who / what proposed the change set (presentational only; never fetches). */\nexport interface ChangeProvenance {\n  /** Display name of the person or agent author. */\n  author?: string;\n  /** Model or tool identifier (e.g. \"claude-sonnet-4-6\"). */\n  model?: string;\n  /** ISO-8601 or human-readable timestamp. */\n  timestamp?: string;\n  /** Free-form note, e.g. commit hash or run ID. */\n  note?: string;\n}\n\n/** Status of a single change hunk. Drives the accent-rail colour and icon. */\nexport type ChangeHunkStatus = \"added\" | \"removed\" | \"modified\";\n\n/** A single proposed change in the review set. */\nexport interface ChangeHunk {\n  /** Unique identifier for this hunk (used in the approved set). */\n  id: string;\n  /** Short title shown in the hunk header (e.g. filename or section label). */\n  title?: string;\n  /** The content before the proposed edit. */\n  before?: ReactNode;\n  /** The content after the proposed edit (the proposal). */\n  after?: ReactNode;\n  /** Change type — drives accent rail + icon. @default \"modified\" */\n  status?: ChangeHunkStatus;\n  /** Per-hunk provenance override (overrides the review-level provenance). */\n  provenance?: ChangeProvenance;\n  /**\n   * Verification results for this hunk (lint / types / tests / policy hooks).\n   * Purely informational — a failing check never blocks approval, it only\n   * informs the reviewer's decision. Grouped into \"Before\" / \"After\" sections\n   * when both phases are present.\n   */\n  checks?: CheckResult[];\n}\n\n/** State surface exposed by the ChangeReview context. */\nexport interface ChangeReviewState {\n  /** Set of currently-approved hunk IDs. */\n  approved: ReadonlySet<string>;\n  /** Total number of hunks. */\n  totalCount: number;\n  /** Number of approved hunks. */\n  approvedCount: number;\n  /** True when every hunk is approved. */\n  allApproved: boolean;\n  /** True when no hunk is approved. */\n  noneApproved: boolean;\n}\n\n/** Actions exposed by the ChangeReview context. */\nexport interface ChangeReviewActions {\n  /** Toggle the approval state of a single hunk. */\n  toggle: (id: string, next: boolean) => void;\n  /** Approve all hunks. */\n  approveAll: () => void;\n  /** Reject (un-approve) all hunks. */\n  rejectAll: () => void;\n}\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\ninterface ChangeReviewContextValue {\n  state: ChangeReviewState;\n  actions: ChangeReviewActions;\n  hunks: ChangeHunk[];\n  headingId: string;\n}\n\nconst ChangeReviewContext = createContext<ChangeReviewContextValue | null>(null);\n\nfunction useChangeReview(): ChangeReviewContextValue {\n  const ctx = use(ChangeReviewContext);\n  if (!ctx) {\n    throw new Error(\"ChangeReview sub-components must be rendered inside ChangeReview.Provider\");\n  }\n  return ctx;\n}\n\n// ─── Variants ─────────────────────────────────────────────────────────────────\n\n/**\n * Hunk-status accent rail — the separation grammar's accent-rail channel: ONE\n * focal gesture (the status rail) on a neutral card ground (`bg-card` + the\n * subtle, redundant-exempt `border-border` hairline). NO colored wash and NO\n * redundant colored border — the slop the \"AI card\" look is built from. Status\n * reads from the rail + the header icon + the StatusBadge (never color alone).\n * Approval is signalled by the StatusBadge + the filled toggle (no ring wash).\n */\nexport const hunkVariants = cva(\n  [\n    \"relative rounded-md border border-border bg-card text-card-foreground\",\n    \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n  ],\n  {\n    variants: {\n      status: {\n        added: \"border-s-4 border-s-success\",\n        removed: \"border-s-4 border-s-destructive\",\n        modified: \"border-s-4 border-s-info\",\n      },\n    },\n    defaultVariants: { status: \"modified\" },\n  },\n);\n\n// ─── Provider ─────────────────────────────────────────────────────────────────\n\nexport interface ChangeReviewProviderProps {\n  hunks: ChangeHunk[];\n  /**\n   * Controlled approved set. Pass `Set<string>` or a string array.\n   * When provided, the component is controlled and `onToggle` / `onApproveAll` /\n   * `onRejectAll` are the only way to update the state.\n   */\n  approved?: Set<string> | string[];\n  onToggle?: (id: string, next: boolean) => void;\n  onApproveAll?: () => void;\n  onRejectAll?: () => void;\n  children: ReactNode;\n}\n\n/**\n * Lifts the approval state. Can be controlled (pass `approved`) or uncontrolled.\n * Derive `isControlled = approved !== undefined`.\n */\nexport function ChangeReviewProvider({\n  hunks,\n  approved: approvedProp,\n  onToggle,\n  onApproveAll,\n  onRejectAll,\n  children,\n}: ChangeReviewProviderProps) {\n  const headingId = useId();\n\n  const isControlled = approvedProp !== undefined;\n\n  // Uncontrolled internal state.\n  const [internalApproved, setInternalApproved] = useState<Set<string>>(() => new Set());\n\n  const resolvedApproved: ReadonlySet<string> = isControlled\n    ? approvedProp instanceof Set\n      ? approvedProp\n      : new Set(approvedProp)\n    : internalApproved;\n\n  const hunkIds = useMemo(() => hunks.map((h) => h.id), [hunks]);\n\n  const toggle = useCallback(\n    (id: string, next: boolean) => {\n      onToggle?.(id, next);\n      if (!isControlled) {\n        setInternalApproved((prev) => {\n          const next_ = new Set(prev);\n          if (next) next_.add(id);\n          else next_.delete(id);\n          return next_;\n        });\n      }\n    },\n    [isControlled, onToggle],\n  );\n\n  const approveAll = useCallback(() => {\n    onApproveAll?.();\n    if (!isControlled) {\n      setInternalApproved(new Set(hunkIds));\n    }\n  }, [isControlled, hunkIds, onApproveAll]);\n\n  const rejectAll = useCallback(() => {\n    onRejectAll?.();\n    if (!isControlled) {\n      setInternalApproved(new Set());\n    }\n  }, [isControlled, onRejectAll]);\n\n  const approvedCount = hunkIds.filter((id) => resolvedApproved.has(id)).length;\n  const totalCount = hunkIds.length;\n\n  const state: ChangeReviewState = {\n    approved: resolvedApproved,\n    totalCount,\n    approvedCount,\n    allApproved: totalCount > 0 && approvedCount === totalCount,\n    noneApproved: approvedCount === 0,\n  };\n\n  const actions: ChangeReviewActions = { toggle, approveAll, rejectAll };\n\n  const value = useMemo(\n    () => ({ state, actions, hunks, headingId }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [state.approved, state.totalCount, state.approvedCount, hunks, headingId],\n  );\n\n  return <ChangeReviewContext.Provider value={value}>{children}</ChangeReviewContext.Provider>;\n}\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nexport type ChangeReviewHeaderProps = HTMLAttributes<HTMLDivElement>;\n\n/**\n * Count summary (\"3 of 5 approved\") + Approve all / Reject all bulk actions.\n * `aria-controls` is intentionally omitted — screen readers reach the list\n * naturally in DOM order.\n */\nexport const ChangeReviewHeader = forwardRef<HTMLDivElement, ChangeReviewHeaderProps>(\n  function ChangeReviewHeader({ className, ...props }, ref) {\n    const { t } = useLocale();\n    const { state, actions, headingId } = useChangeReview();\n    const { approvedCount, totalCount, allApproved, noneApproved } = state;\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"flex flex-wrap items-center justify-between gap-3 pb-3\", className)}\n        {...props}\n      >\n        <div className=\"flex items-center gap-2 min-w-0\">\n          <span id={headingId} className=\"text-subtitle text-foreground truncate\">\n            {t(\"ui.changeReview.heading\")}\n          </span>\n          <Badge variant={allApproved ? \"success\" : approvedCount > 0 ? \"info\" : \"secondary\"}>\n            {t(\"ui.changeReview.approvedCount\", { approved: approvedCount, total: totalCount })}\n          </Badge>\n        </div>\n\n        {totalCount > 0 && (\n          <div className=\"flex items-center gap-2 shrink-0\">\n            <Button\n              size=\"sm\"\n              variant=\"outline-subtle\"\n              disabled={noneApproved}\n              onClick={actions.rejectAll}\n              aria-label={t(\"ui.changeReview.rejectAllLabel\")}\n            >\n              <X aria-hidden=\"true\" />\n              {t(\"ui.changeReview.rejectAll\")}\n            </Button>\n            <Button\n              size=\"sm\"\n              variant={allApproved ? \"secondary\" : \"default\"}\n              disabled={allApproved}\n              onClick={actions.approveAll}\n              aria-label={t(\"ui.changeReview.approveAllLabel\")}\n            >\n              <CheckCheck aria-hidden=\"true\" />\n              {t(\"ui.changeReview.approveAll\")}\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\n// ─── Provenance ───────────────────────────────────────────────────────────────\n\nexport interface ChangeReviewProvenanceProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Structured provenance object OR any ReactNode for custom rendering.\n   * When a `ChangeProvenance` object is passed, a default attribution line\n   * is rendered. Pass a ReactNode for full control.\n   */\n  provenance: ReactNode | ChangeProvenance;\n}\n\nfunction isChangeProvenance(v: unknown): v is ChangeProvenance {\n  return (\n    typeof v === \"object\" &&\n    v !== null &&\n    !Array.isArray(v) &&\n    (\"author\" in v || \"model\" in v || \"timestamp\" in v || \"note\" in v)\n  );\n}\n\n/**\n * Quiet attribution line showing who/what proposed the change set.\n * Uses `text-muted-foreground` and small typography — it should not compete\n * with the hunks themselves.\n */\nexport const ChangeReviewProvenance = forwardRef<HTMLDivElement, ChangeReviewProvenanceProps>(\n  function ChangeReviewProvenance({ provenance, className, ...props }, ref) {\n    const { t } = useLocale();\n    if (isChangeProvenance(provenance)) {\n      const { author, model, timestamp, note } = provenance;\n      return (\n        <div\n          ref={ref}\n          className={cn(\n            \"flex flex-wrap items-center gap-x-3 gap-y-1 text-caption text-muted-foreground pb-3\",\n            className,\n          )}\n          role=\"group\"\n          aria-label={t(\"ui.changeReview.provenanceLabel\")}\n          {...props}\n        >\n          {author && (\n            <span className=\"flex items-center gap-1\">\n              <User aria-hidden=\"true\" className=\"size-3\" />\n              <span>{author}</span>\n            </span>\n          )}\n          {model && (\n            <span className=\"flex items-center gap-1\">\n              <Bot aria-hidden=\"true\" className=\"size-3\" />\n              <span translate=\"no\">{model}</span>\n            </span>\n          )}\n          {timestamp && (\n            <span className=\"flex items-center gap-1\">\n              <Clock aria-hidden=\"true\" className=\"size-3\" />\n              <time>{timestamp}</time>\n            </span>\n          )}\n          {note && <span className=\"text-muted-foreground/70\">{note}</span>}\n        </div>\n      );\n    }\n\n    // Custom ReactNode provenance\n    return (\n      <div\n        ref={ref}\n        className={cn(\"pb-3 text-caption text-muted-foreground\", className)}\n        role=\"group\"\n        aria-label={t(\"ui.changeReview.provenanceLabel\")}\n        {...props}\n      >\n        {provenance as ReactNode}\n      </div>\n    );\n  },\n);\n\n// ─── List ─────────────────────────────────────────────────────────────────────\n\nexport type ChangeReviewListProps = HTMLAttributes<HTMLOListElement>;\n\n/**\n * Ordered list of change hunks. Uses `<ol>` so AT users can navigate by\n * item number (\"item 2 of 5\"). Renders a StatePanel when the list is empty.\n */\nexport const ChangeReviewList = forwardRef<HTMLOListElement, ChangeReviewListProps>(\n  function ChangeReviewList({ className, children, ...props }, ref) {\n    const { t } = useLocale();\n    const { hunks, headingId } = useChangeReview();\n\n    if (hunks.length === 0) {\n      return (\n        <StatePanel\n          kind=\"empty\"\n          title={t(\"ui.changeReview.emptyTitle\")}\n          description={t(\"ui.changeReview.emptyDescription\")}\n          className=\"my-2\"\n        />\n      );\n    }\n\n    return (\n      <ol\n        ref={ref}\n        aria-labelledby={headingId}\n        className={cn(\"flex flex-col gap-3\", className)}\n        {...props}\n      >\n        {children}\n      </ol>\n    );\n  },\n);\n\n// ─── Hunk ─────────────────────────────────────────────────────────────────────\n\nconst HUNK_STATUS_ICONS: Record<ChangeHunkStatus, ReactNode> = {\n  added: (\n    <span className=\"text-success-text font-bold text-meta\" aria-hidden=\"true\">\n      +\n    </span>\n  ),\n  removed: (\n    // #124: sibling of `added`/`modified` above — this glyph is a decorative\n    // aria-hidden marker beside a labelled span (see HUNK_STATUS_LABELS), and\n    // reads as running text at the type scale, so it takes the ink rung the\n    // other two already use.\n    <span className=\"text-destructive-text font-bold text-meta\" aria-hidden=\"true\">\n      −\n    </span>\n  ),\n  modified: (\n    <span className=\"text-info-text font-bold text-meta\" aria-hidden=\"true\">\n      ~\n    </span>\n  ),\n};\n\nconst HUNK_STATUS_LABEL_KEYS: Record<ChangeHunkStatus, string> = {\n  added: \"ui.changeReview.statusAdded\",\n  removed: \"ui.changeReview.statusRemoved\",\n  modified: \"ui.changeReview.statusModified\",\n};\n\n// ─── Checks (verification evidence) ────────────────────────────────────────────\n\n/**\n * A check's `detail` collapses behind a disclosure once it's long enough that\n * showing it inline would dominate the hunk row. Short details always render\n * in place.\n */\nconst CHECK_DETAIL_COLLAPSE_THRESHOLD = 80;\n\nfunction isLongCheckDetail(detail: string): boolean {\n  return detail.length > CHECK_DETAIL_COLLAPSE_THRESHOLD || detail.includes(\"\\n\");\n}\n\nconst CHECK_PHASE_LABEL_KEYS: Record<\"before\" | \"after\", string> = {\n  before: \"ui.changeReview.phaseBefore\",\n  after: \"ui.changeReview.phaseAfter\",\n};\n\n/**\n * Group checks for display. Phase headers (\"Before\" / \"After\") appear ONLY\n * when both phases are present in the same hunk — a single-phase or\n * unphased list of checks renders flat, with no header noise.\n */\nfunction groupChecksByPhase(\n  checks: CheckResult[],\n): { phase?: \"before\" | \"after\"; items: CheckResult[] }[] {\n  const before = checks.filter((c) => c.phase === \"before\");\n  const after = checks.filter((c) => c.phase === \"after\");\n  const showPhaseLabels = before.length > 0 && after.length > 0;\n\n  if (!showPhaseLabels) {\n    return [{ items: checks }];\n  }\n\n  const rest = checks.filter((c) => c.phase !== \"before\" && c.phase !== \"after\");\n  const groups: { phase?: \"before\" | \"after\"; items: CheckResult[] }[] = [];\n  if (rest.length > 0) groups.push({ items: rest });\n  groups.push({ phase: \"before\", items: before });\n  groups.push({ phase: \"after\", items: after });\n  return groups;\n}\n\n/**\n * A single verification result row: icon + label + accessible status word +\n * optional duration, with an optional collapsed detail line below.\n *\n * The pass/fail signal is carried by TWO non-color cues — the icon (distinct\n * glyph per `StatusIcon`'s canonical vocabulary) and the visible \"Passed\"/\n * \"Failed\" text — so it survives in greyscale (WCAG 1.4.1). `StatusIcon` is\n * decorative (`aria-hidden`); the status word is what reaches assistive tech.\n */\nfunction ChangeCheckRow({ check }: { check: CheckResult }) {\n  const { t } = useLocale();\n  const [detailOpen, setDetailOpen] = useState(false);\n  const { label, ok, detail, durationMs } = check;\n  const statusWord = ok ? t(\"ui.changeReview.checkPassed\") : t(\"ui.changeReview.checkFailed\");\n  const hasDetail = detail !== undefined && detail !== \"\";\n  const longDetail = hasDetail && isLongCheckDetail(detail);\n\n  return (\n    <div data-slot=\"change-review-hunk-check\" data-ok={ok} className=\"flex flex-col gap-1\">\n      <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-0.5 min-w-0\">\n        <StatusIcon status={ok ? \"complete\" : \"failed\"} className=\"size-3.5 shrink-0\" />\n        <span className=\"text-caption font-medium text-foreground truncate\">{label}</span>\n        <span className={cn(\"text-caption\", ok ? \"text-success-text\" : \"text-destructive-text\")}>\n          {statusWord}\n        </span>\n        {durationMs !== undefined && (\n          <span className=\"text-caption text-muted-foreground tabular-nums shrink-0\">\n            {formatElapsed(durationMs)}\n          </span>\n        )}\n      </div>\n\n      {hasDetail &&\n        (longDetail ? (\n          <Collapsible open={detailOpen} onOpenChange={setDetailOpen}>\n            <CollapsibleTrigger\n              className={cn(\n                \"flex items-center gap-1 self-start rounded-sm ps-5 text-caption text-muted-foreground\",\n                \"hover:text-foreground focus-ring\",\n              )}\n            >\n              <ChevronDown\n                aria-hidden=\"true\"\n                className={cn(\n                  \"size-3 transition-transform duration-fast motion-reduce:transition-none\",\n                  detailOpen ? \"rotate-180\" : \"rotate-0\",\n                )}\n              />\n              {detailOpen ? t(\"ui.changeReview.hideDetail\") : t(\"ui.changeReview.showDetail\")}\n            </CollapsibleTrigger>\n            <CollapsibleContent data-slot=\"change-review-hunk-check-detail\">\n              <p className=\"ps-5 pt-1 text-caption text-muted-foreground break-words\">{detail}</p>\n            </CollapsibleContent>\n          </Collapsible>\n        ) : (\n          <p\n            data-slot=\"change-review-hunk-check-detail\"\n            className=\"ps-5 text-caption text-muted-foreground break-words\"\n          >\n            {detail}\n          </p>\n        ))}\n    </div>\n  );\n}\n\n/** The full checks section for one hunk — grouped by phase when applicable. */\nfunction ChangeReviewChecks({ checks }: { checks: CheckResult[] }) {\n  const { t } = useLocale();\n  const groups = groupChecksByPhase(checks);\n  const showPhaseLabels = groups.some((g) => g.phase !== undefined);\n\n  return (\n    <div\n      data-slot=\"change-review-hunk-checks\"\n      className=\"flex flex-col gap-2 border-t border-border pt-3\"\n    >\n      {groups.map((group, index) => (\n        <div\n          key={group.phase ?? `_${index}`}\n          data-slot=\"change-review-hunk-checks-phase\"\n          className=\"flex flex-col gap-1.5\"\n        >\n          {showPhaseLabels && group.phase && (\n            <span className=\"text-meta font-medium text-muted-foreground\">\n              {t(CHECK_PHASE_LABEL_KEYS[group.phase])}\n            </span>\n          )}\n          <div className=\"flex flex-col gap-1.5\">\n            {group.items.map((check, itemIndex) => (\n              <ChangeCheckRow key={`${check.label}-${itemIndex}`} check={check} />\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport interface ChangeReviewHunkProps\n  extends\n    Omit<HTMLAttributes<HTMLLIElement>, \"children\">,\n    Omit<VariantProps<typeof hunkVariants>, \"approved\"> {\n  hunk: ChangeHunk;\n  /**\n   * Override the default before/after layout. Receives the hunk data and\n   * current approval state. Return `null` to suppress the default content area.\n   */\n  renderHunk?: (hunk: ChangeHunk, state: { approved: boolean }) => ReactNode;\n}\n\n/**\n * A single change hunk row.\n *\n * Approval state is signalled with TWO non-color cues:\n * - icon: Check (approved) vs plain toggle (pending)\n * - label: \"Approved\" badge vs \"Approve\" button text\n * This ensures the state is clear in every theme including the low-chroma\n * monochrome surfaces (colorblind-safe).\n */\nexport const ChangeReviewHunk = forwardRef<HTMLLIElement, ChangeReviewHunkProps>(\n  function ChangeReviewHunk({ hunk, renderHunk, className, ...props }, ref) {\n    const { t } = useLocale();\n    const { state, actions } = useChangeReview();\n    const { id, title, before, after, status = \"modified\", provenance, checks } = hunk;\n    const approved = state.approved.has(id);\n\n    const statusLabel = t(HUNK_STATUS_LABEL_KEYS[status]);\n    const toggleLabel = t(approved ? \"ui.changeReview.rejectHunk\" : \"ui.changeReview.approveHunk\", {\n      title: title ?? id,\n    });\n\n    // Quiet, no-fill diff: before = struck muted text with a \"−\" marker, after =\n    // foreground text with a \"+\" marker — separated by space, NOT colored\n    // fill+border boxes. The hunk's status rail (added/removed/modified) carries\n    // the polarity; the markers + tone are the second, non-color cue.\n    const defaultContent = renderHunk\n      ? renderHunk(hunk, { approved })\n      : (before !== undefined || after !== undefined) && (\n          <div className=\"flex flex-col gap-1.5 text-body\">\n            {before !== undefined && (\n              <div className=\"flex gap-2\">\n                <span\n                  aria-hidden=\"true\"\n                  className=\"shrink-0 select-none font-mono text-muted-foreground\"\n                >\n                  −\n                </span>\n                <span className=\"sr-only\">{t(\"ui.changeReview.beforePrefix\")}</span>\n                <div className=\"min-w-0 break-words text-muted-foreground line-through decoration-muted-foreground/30\">\n                  {before}\n                </div>\n              </div>\n            )}\n            {after !== undefined && (\n              <div className=\"flex gap-2\">\n                <span aria-hidden=\"true\" className=\"shrink-0 select-none font-mono text-foreground\">\n                  +\n                </span>\n                <span className=\"sr-only\">{t(\"ui.changeReview.afterPrefix\")}</span>\n                <div className=\"min-w-0 break-words text-foreground\">{after}</div>\n              </div>\n            )}\n          </div>\n        );\n\n    return (\n      <li\n        ref={ref}\n        data-hunk-id={id}\n        data-approved={approved}\n        className={cn(hunkVariants({ status }), \"flex flex-col gap-3 p-4\", className)}\n        {...props}\n      >\n        {/* Hunk header: status icon + title + per-hunk provenance + approve toggle */}\n        <div className=\"flex items-start justify-between gap-3 min-w-0\">\n          <div className=\"flex items-center gap-2 min-w-0\">\n            {/* Status indicator: NON-color cue via symbol + color together */}\n            <span\n              role=\"img\"\n              aria-label={t(\"ui.changeReview.changeType\", { status: statusLabel })}\n              className=\"shrink-0 inline-flex items-center justify-center size-5\"\n            >\n              {HUNK_STATUS_ICONS[status]}\n            </span>\n\n            <span className=\"text-body font-medium text-foreground truncate\">{title ?? id}</span>\n\n            {/* Per-hunk provenance (quiet, only when it differs from review-level) */}\n            {provenance?.author && (\n              <span className=\"text-caption text-muted-foreground hidden sm:inline truncate\">\n                {provenance.author}\n              </span>\n            )}\n          </div>\n\n          {/* Approval toggle — must be a real button with accessible name */}\n          <Button\n            size=\"icon-sm\"\n            variant={approved ? \"default\" : \"outline-subtle\"}\n            aria-label={toggleLabel}\n            aria-pressed={approved}\n            onClick={() => actions.toggle(id, !approved)}\n            className={cn(\n              \"shrink-0 transition-colors duration-fast motion-reduce:transition-none\",\n              approved && \"bg-primary text-primary-foreground\",\n            )}\n          >\n            {approved ? (\n              <Check aria-hidden=\"true\" className=\"size-4\" />\n            ) : (\n              <Check aria-hidden=\"true\" className=\"size-4 opacity-40\" />\n            )}\n          </Button>\n        </div>\n\n        {/* Visual approved badge — second non-color cue (icon alone is not enough) */}\n        {approved && (\n          <div className=\"flex items-center gap-1.5\">\n            <Badge variant=\"success\" className=\"animate-in fade-in-0 duration-fast ease-entrance\">\n              <Check aria-hidden=\"true\" className=\"size-3\" />\n              {t(\"ui.changeReview.approvedBadge\")}\n            </Badge>\n          </div>\n        )}\n\n        {/* Content area: before / after or custom renderHunk */}\n        {defaultContent && <div>{defaultContent}</div>}\n\n        {/* Verification evidence — informational only, never blocks approval */}\n        {checks && checks.length > 0 && <ChangeReviewChecks checks={checks} />}\n      </li>\n    );\n  },\n);\n\n// ─── Root (convenience wrapper) ───────────────────────────────────────────────\n\nexport interface ChangeReviewProps\n  // Omit \"children\" and \"onToggle\" from div attrs — \"onToggle\" is a React 19\n  // native ToggleEvent handler that conflicts with our review onToggle prop.\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"onToggle\"> {\n  /** The proposed changes to review. */\n  hunks: ChangeHunk[];\n  /**\n   * Controlled approved set. Pass `Set<string>` or a string array.\n   * When omitted the component manages approval state internally (uncontrolled).\n   */\n  approved?: Set<string> | string[];\n  /** Called when the user toggles a single hunk's approval state. */\n  onToggle?: (id: string, next: boolean) => void;\n  /** Called when the user clicks \"Approve all\". */\n  onApproveAll?: () => void;\n  /** Called when the user clicks \"Reject all\". */\n  onRejectAll?: () => void;\n  /**\n   * Provenance to show above the hunk list. Accepts a `ChangeProvenance`\n   * object (renders default attribution) or any ReactNode.\n   */\n  provenance?: ReactNode | ChangeProvenance;\n  /**\n   * Override the per-hunk body renderer (passed through to each `ChangeReviewHunk`).\n   */\n  renderHunk?: ChangeReviewHunkProps[\"renderHunk\"];\n}\n\n/**\n * Convenience composition that wires Provider → Header → Provenance → List → Hunks.\n * For custom layouts compose the parts manually via `ChangeReview.Provider`,\n * `ChangeReview.Header`, etc.\n */\nexport const ChangeReview = forwardRef<HTMLDivElement, ChangeReviewProps>(function ChangeReview(\n  {\n    hunks,\n    approved,\n    onToggle,\n    onApproveAll,\n    onRejectAll,\n    provenance,\n    renderHunk,\n    className,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <ChangeReviewProvider\n      hunks={hunks}\n      approved={approved}\n      onToggle={onToggle}\n      onApproveAll={onApproveAll}\n      onRejectAll={onRejectAll}\n    >\n      <div ref={ref} className={cn(\"flex flex-col w-full\", className)} {...props}>\n        <ChangeReviewHeader />\n        {provenance != null && <ChangeReviewProvenance provenance={provenance} />}\n        <ChangeReviewList>\n          {hunks.map((hunk) => (\n            <ChangeReviewHunk key={hunk.id} hunk={hunk} renderHunk={renderHunk} />\n          ))}\n        </ChangeReviewList>\n      </div>\n    </ChangeReviewProvider>\n  );\n});\n"],"mappings":"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","names":["ChangeReviewHeader","ChangeReviewProvenance","ChangeReviewList","ChangeReviewHunk","ChangeReview"]}