@dowel-ui/react 0.2.0 → 0.4.0

package/dist/components/diff-viewer/diff-model.d.ts

@@ -0,0 +1,69 @@
+//#region src/components/diff-viewer/diff-model.d.ts
+/**
+ * Turning two versions of a file into rows a diff can render.
+ *
+ * The algorithm is not the interesting part and is not reimplemented here —
+ * jsdiff does Myers properly, is BSD-licensed, has no dependencies of its own,
+ * and getting an O(ND) diff subtly wrong is a poor use of anybody's afternoon.
+ * What every packaged *viewer* welds on is a styling strategy: emotion in
+ * react-diff-viewer-continued, HTML strings and a stylesheet in diff2html. That
+ * is what cannot be reached by design tokens, and it is why this exists.
+ *
+ * Everything below is pure, so the grouping, the context collapsing and the
+ * word-level pairing can be tested without rendering anything.
+ */
+type RowKind = "context" | "added" | "removed";
+interface WordSegment {
+  text: string;
+  changed: boolean;
+}
+interface DiffRow {
+  kind: RowKind;
+  /** 1-based line number in the original. Absent on an added line. */
+  before?: number;
+  /** 1-based line number in the result. Absent on a removed line. */
+  after?: number;
+  content: string;
+  /**
+   * Word-level split, present only where a removed line pairs with an added
+   * one. Without a pair there is nothing to compare against, and highlighting
+   * the whole line as "changed" would be noise.
+   */
+  segments?: WordSegment[];
+}
+interface DiffHunk {
+  id: string;
+  rows: DiffRow[];
+  /** Context lines hidden before this hunk, if any. */
+  skippedBefore: number;
+}
+interface BuildDiffOptions {
+  /** Unchanged lines kept either side of a change. */
+  context?: number;
+  /**
+   * Compare word by word inside a changed line. Off for very large diffs,
+   * where the extra pass costs more than it explains.
+   */
+  words?: boolean;
+}
+declare function buildDiff(before: string, after: string, options?: BuildDiffOptions): DiffHunk[];
+/**
+ * Groups rows into hunks, dropping context beyond `context` lines.
+ *
+ * A file with one changed line is otherwise thousands of rows of identical
+ * text, and the reader has to find the change in it.
+ */
+declare function groupIntoHunks(rows: DiffRow[], context: number): DiffHunk[];
+/** Row pairs for a side-by-side view, aligning removals against additions. */
+declare function toSplitRows(rows: DiffRow[]): {
+  left: DiffRow | null;
+  right: DiffRow | null;
+}[];
+/** Counts, for a summary that says what the diff does before it is read. */
+declare function countChanges(hunks: DiffHunk[]): {
+  added: number;
+  removed: number;
+};
+//#endregion
+export { BuildDiffOptions, DiffHunk, DiffRow, RowKind, WordSegment, buildDiff, countChanges, groupIntoHunks, toSplitRows };
+//# sourceMappingURL=diff-model.d.ts.map

package/dist/components/diff-viewer/diff-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-model.d.ts","names":[],"sources":["../../../src/components/diff-viewer/diff-model.ts"],"mappings":";;;;;;;;;;;;;;KAgBY;UAEK;EACf;EACA;;UAGe;EACf,MAAM;;EAEN;;EAEA;EACA;;;;;;EAMA,WAAW;;UAGI;EACf;EACA,MAAM;;EAEN;;UAGe;;EAEf;;;;;EAKA;;iBAoDc,UACd,gBACA,eACA,UAAS,mBACR;;;;;;;iBAiEa,eAAe,MAAM,WAAW,kBAAkB;;iBA+BlD,YACd,MAAM;EACH,MAAM;EAAgB,OAAO;;;iBAuClB,aAAa,OAAO;EAAe;EAAe"}

package/dist/components/diff-viewer/diff-model.js

@@ -0,0 +1,180 @@
+import { diffLines, diffWordsWithSpace } from "diff";
+//#region src/components/diff-viewer/diff-model.ts
+function splitLines(text) {
+	const lines = text.split("\n");
+	if (lines.length > 1 && lines[lines.length - 1] === "") lines.pop();
+	return lines;
+}
+/**
+* Gives both sides a trailing newline before they are compared.
+*
+* jsdiff's line tokens carry their own newline, so a final line written as `a`
+* and one written as `a\n` are different tokens. Appending a line to a file
+* that did not end in a newline would otherwise be reported as the last line
+* being removed and re-added — a change the author did not make, sitting on
+* top of the one they did.
+*/
+function withTrailingNewline(text) {
+	return text.endsWith("\n") ? text : `${text}\n`;
+}
+/**
+* Pairs removed lines with added ones inside a single change block.
+*
+* jsdiff reports a change as a run of removals followed by a run of additions.
+* Comparing the first removal against the first addition is what turns "this
+* line went away and another arrived" into "this word changed" — but only while
+* the runs line up. Beyond the shorter run there is no counterpart, and
+* inventing one produces confident nonsense.
+*/
+function pairWords(removed, added) {
+	const pairs = Math.min(removed.length, added.length);
+	for (let index = 0; index < pairs; index += 1) {
+		const from = removed[index];
+		const to = added[index];
+		if (!from || !to) continue;
+		const parts = diffWordsWithSpace(from.content, to.content);
+		from.segments = parts.filter((part) => !part.added).map((part) => ({
+			text: part.value,
+			changed: Boolean(part.removed)
+		}));
+		to.segments = parts.filter((part) => !part.removed).map((part) => ({
+			text: part.value,
+			changed: Boolean(part.added)
+		}));
+	}
+}
+function buildDiff(before, after, options = {}) {
+	const { context = 3, words = true } = options;
+	const changes = diffLines(withTrailingNewline(before), withTrailingNewline(after));
+	const rows = [];
+	let beforeLine = 1;
+	let afterLine = 1;
+	let pendingRemoved = [];
+	let pendingAdded = [];
+	const flushPair = () => {
+		if (words && pendingRemoved.length > 0 && pendingAdded.length > 0) pairWords(pendingRemoved, pendingAdded);
+		pendingRemoved = [];
+		pendingAdded = [];
+	};
+	for (const change of changes) {
+		const lines = splitLines(change.value);
+		if (change.added) {
+			for (const content of lines) {
+				const row = {
+					kind: "added",
+					after: afterLine,
+					content
+				};
+				afterLine += 1;
+				rows.push(row);
+				pendingAdded.push(row);
+			}
+			continue;
+		}
+		if (change.removed) {
+			if (pendingAdded.length > 0) flushPair();
+			for (const content of lines) {
+				const row = {
+					kind: "removed",
+					before: beforeLine,
+					content
+				};
+				beforeLine += 1;
+				rows.push(row);
+				pendingRemoved.push(row);
+			}
+			continue;
+		}
+		flushPair();
+		for (const content of lines) {
+			rows.push({
+				kind: "context",
+				before: beforeLine,
+				after: afterLine,
+				content
+			});
+			beforeLine += 1;
+			afterLine += 1;
+		}
+	}
+	flushPair();
+	return groupIntoHunks(rows, context);
+}
+/**
+* Groups rows into hunks, dropping context beyond `context` lines.
+*
+* A file with one changed line is otherwise thousands of rows of identical
+* text, and the reader has to find the change in it.
+*/
+function groupIntoHunks(rows, context) {
+	const changedIndexes = rows.map((row, index) => row.kind === "context" ? -1 : index).filter((index) => index >= 0);
+	if (changedIndexes.length === 0) return [];
+	const ranges = [];
+	for (const index of changedIndexes) {
+		const start = Math.max(0, index - context);
+		const end = Math.min(rows.length - 1, index + context);
+		const last = ranges[ranges.length - 1];
+		if (last && start <= last[1] + 1) last[1] = Math.max(last[1], end);
+		else ranges.push([start, end]);
+	}
+	let previousEnd = -1;
+	return ranges.map(([start, end], index) => {
+		const skippedBefore = start - previousEnd - 1;
+		previousEnd = end;
+		return {
+			id: `hunk-${String(index)}`,
+			rows: rows.slice(start, end + 1),
+			skippedBefore: Math.max(0, skippedBefore)
+		};
+	});
+}
+/** Row pairs for a side-by-side view, aligning removals against additions. */
+function toSplitRows(rows) {
+	const pairs = [];
+	let index = 0;
+	while (index < rows.length) {
+		const row = rows[index];
+		if (!row) break;
+		if (row.kind === "context") {
+			pairs.push({
+				left: row,
+				right: row
+			});
+			index += 1;
+			continue;
+		}
+		const removed = [];
+		while (rows[index]?.kind === "removed") {
+			removed.push(rows[index]);
+			index += 1;
+		}
+		const added = [];
+		while (rows[index]?.kind === "added") {
+			added.push(rows[index]);
+			index += 1;
+		}
+		const height = Math.max(removed.length, added.length);
+		for (let offset = 0; offset < height; offset += 1) pairs.push({
+			left: removed[offset] ?? null,
+			right: added[offset] ?? null
+		});
+	}
+	return pairs;
+}
+/** Counts, for a summary that says what the diff does before it is read. */
+function countChanges(hunks) {
+	let added = 0;
+	let removed = 0;
+	for (const hunk of hunks) for (const row of hunk.rows) {
+		if (row.kind === "added") added += 1;
+		if (row.kind === "removed") removed += 1;
+	}
+	return {
+		added,
+		removed
+	};
+}
+//#endregion
+export { buildDiff, countChanges, groupIntoHunks, toSplitRows };
+
+//# sourceMappingURL=diff-model.js.map

package/dist/components/diff-viewer/diff-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-model.js","names":[],"sources":["../../../src/components/diff-viewer/diff-model.ts"],"sourcesContent":["import { diffLines, diffWordsWithSpace } from \"diff\";\n\n/**\n * Turning two versions of a file into rows a diff can render.\n *\n * The algorithm is not the interesting part and is not reimplemented here —\n * jsdiff does Myers properly, is BSD-licensed, has no dependencies of its own,\n * and getting an O(ND) diff subtly wrong is a poor use of anybody's afternoon.\n * What every packaged *viewer* welds on is a styling strategy: emotion in\n * react-diff-viewer-continued, HTML strings and a stylesheet in diff2html. That\n * is what cannot be reached by design tokens, and it is why this exists.\n *\n * Everything below is pure, so the grouping, the context collapsing and the\n * word-level pairing can be tested without rendering anything.\n */\n\nexport type RowKind = \"context\" | \"added\" | \"removed\";\n\nexport interface WordSegment {\n  text: string;\n  changed: boolean;\n}\n\nexport interface DiffRow {\n  kind: RowKind;\n  /** 1-based line number in the original. Absent on an added line. */\n  before?: number;\n  /** 1-based line number in the result. Absent on a removed line. */\n  after?: number;\n  content: string;\n  /**\n   * Word-level split, present only where a removed line pairs with an added\n   * one. Without a pair there is nothing to compare against, and highlighting\n   * the whole line as \"changed\" would be noise.\n   */\n  segments?: WordSegment[];\n}\n\nexport interface DiffHunk {\n  id: string;\n  rows: DiffRow[];\n  /** Context lines hidden before this hunk, if any. */\n  skippedBefore: number;\n}\n\nexport interface BuildDiffOptions {\n  /** Unchanged lines kept either side of a change. */\n  context?: number;\n  /**\n   * Compare word by word inside a changed line. Off for very large diffs,\n   * where the extra pass costs more than it explains.\n   */\n  words?: boolean;\n}\n\nfunction splitLines(text: string): string[] {\n  const lines = text.split(\"\\n\");\n  // A trailing newline produces a final empty element that is not a line.\n  if (lines.length > 1 && lines[lines.length - 1] === \"\") lines.pop();\n  return lines;\n}\n\n/**\n * Gives both sides a trailing newline before they are compared.\n *\n * jsdiff's line tokens carry their own newline, so a final line written as `a`\n * and one written as `a\\n` are different tokens. Appending a line to a file\n * that did not end in a newline would otherwise be reported as the last line\n * being removed and re-added — a change the author did not make, sitting on\n * top of the one they did.\n */\nfunction withTrailingNewline(text: string): string {\n  return text.endsWith(\"\\n\") ? text : `${text}\\n`;\n}\n\n/**\n * Pairs removed lines with added ones inside a single change block.\n *\n * jsdiff reports a change as a run of removals followed by a run of additions.\n * Comparing the first removal against the first addition is what turns \"this\n * line went away and another arrived\" into \"this word changed\" — but only while\n * the runs line up. Beyond the shorter run there is no counterpart, and\n * inventing one produces confident nonsense.\n */\nfunction pairWords(removed: DiffRow[], added: DiffRow[]): void {\n  const pairs = Math.min(removed.length, added.length);\n\n  for (let index = 0; index < pairs; index += 1) {\n    const from = removed[index];\n    const to = added[index];\n    if (!from || !to) continue;\n\n    const parts = diffWordsWithSpace(from.content, to.content);\n\n    from.segments = parts\n      .filter((part) => !part.added)\n      .map((part) => ({ text: part.value, changed: Boolean(part.removed) }));\n\n    to.segments = parts\n      .filter((part) => !part.removed)\n      .map((part) => ({ text: part.value, changed: Boolean(part.added) }));\n  }\n}\n\nexport function buildDiff(\n  before: string,\n  after: string,\n  options: BuildDiffOptions = {},\n): DiffHunk[] {\n  const { context = 3, words = true } = options;\n\n  const changes = diffLines(withTrailingNewline(before), withTrailingNewline(after));\n  const rows: DiffRow[] = [];\n  let beforeLine = 1;\n  let afterLine = 1;\n\n  // Flat rows first. Grouping into hunks is a separate concern and mixing the\n  // two is how these implementations become unreadable.\n  let pendingRemoved: DiffRow[] = [];\n  let pendingAdded: DiffRow[] = [];\n\n  const flushPair = () => {\n    if (words && pendingRemoved.length > 0 && pendingAdded.length > 0) {\n      pairWords(pendingRemoved, pendingAdded);\n    }\n    pendingRemoved = [];\n    pendingAdded = [];\n  };\n\n  for (const change of changes) {\n    const lines = splitLines(change.value);\n\n    if (change.added) {\n      for (const content of lines) {\n        const row: DiffRow = { kind: \"added\", after: afterLine, content };\n        afterLine += 1;\n        rows.push(row);\n        pendingAdded.push(row);\n      }\n      continue;\n    }\n\n    if (change.removed) {\n      // A removal run that follows an addition run starts a new pairing.\n      if (pendingAdded.length > 0) flushPair();\n      for (const content of lines) {\n        const row: DiffRow = { kind: \"removed\", before: beforeLine, content };\n        beforeLine += 1;\n        rows.push(row);\n        pendingRemoved.push(row);\n      }\n      continue;\n    }\n\n    flushPair();\n    for (const content of lines) {\n      rows.push({ kind: \"context\", before: beforeLine, after: afterLine, content });\n      beforeLine += 1;\n      afterLine += 1;\n    }\n  }\n\n  flushPair();\n\n  return groupIntoHunks(rows, context);\n}\n\n/**\n * Groups rows into hunks, dropping context beyond `context` lines.\n *\n * A file with one changed line is otherwise thousands of rows of identical\n * text, and the reader has to find the change in it.\n */\nexport function groupIntoHunks(rows: DiffRow[], context: number): DiffHunk[] {\n  const changedIndexes = rows\n    .map((row, index) => (row.kind === \"context\" ? -1 : index))\n    .filter((index) => index >= 0);\n\n  if (changedIndexes.length === 0) return [];\n\n  // Ranges of rows to keep, then merged where their context overlaps —\n  // otherwise two nearby changes produce two hunks separated by nothing.\n  const ranges: [number, number][] = [];\n  for (const index of changedIndexes) {\n    const start = Math.max(0, index - context);\n    const end = Math.min(rows.length - 1, index + context);\n    const last = ranges[ranges.length - 1];\n    if (last && start <= last[1] + 1) last[1] = Math.max(last[1], end);\n    else ranges.push([start, end]);\n  }\n\n  let previousEnd = -1;\n  return ranges.map(([start, end], index) => {\n    const skippedBefore = start - previousEnd - 1;\n    previousEnd = end;\n    return {\n      id: `hunk-${String(index)}`,\n      rows: rows.slice(start, end + 1),\n      skippedBefore: Math.max(0, skippedBefore),\n    };\n  });\n}\n\n/** Row pairs for a side-by-side view, aligning removals against additions. */\nexport function toSplitRows(\n  rows: DiffRow[],\n): { left: DiffRow | null; right: DiffRow | null }[] {\n  const pairs: { left: DiffRow | null; right: DiffRow | null }[] = [];\n  let index = 0;\n\n  while (index < rows.length) {\n    const row = rows[index];\n    if (!row) break;\n\n    if (row.kind === \"context\") {\n      pairs.push({ left: row, right: row });\n      index += 1;\n      continue;\n    }\n\n    // Take the whole removal run and the whole addition run that follows, then\n    // lay them alongside each other. Emitting them in document order instead\n    // would put every removal above every addition, which is the unified view\n    // wearing a two-column costume.\n    const removed: DiffRow[] = [];\n    while (rows[index]?.kind === \"removed\") {\n      removed.push(rows[index] as DiffRow);\n      index += 1;\n    }\n    const added: DiffRow[] = [];\n    while (rows[index]?.kind === \"added\") {\n      added.push(rows[index] as DiffRow);\n      index += 1;\n    }\n\n    const height = Math.max(removed.length, added.length);\n    for (let offset = 0; offset < height; offset += 1) {\n      pairs.push({ left: removed[offset] ?? null, right: added[offset] ?? null });\n    }\n  }\n\n  return pairs;\n}\n\n/** Counts, for a summary that says what the diff does before it is read. */\nexport function countChanges(hunks: DiffHunk[]): { added: number; removed: number } {\n  let added = 0;\n  let removed = 0;\n  for (const hunk of hunks) {\n    for (const row of hunk.rows) {\n      if (row.kind === \"added\") added += 1;\n      if (row.kind === \"removed\") removed += 1;\n    }\n  }\n  return { added, removed };\n}\n"],"mappings":"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"}

package/dist/components/diff-viewer/diff-viewer.d.ts

@@ -0,0 +1,42 @@
+import { DiffHunk } from "./diff-model.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/diff-viewer/diff-viewer.d.ts
+/**
+ * A diff, and a decision about it.
+ *
+ * The rendering half exists because every packaged viewer brings its own
+ * styling system — emotion, or HTML strings plus a stylesheet — which design
+ * tokens cannot reach and which is awkward under RSC. The deciding half exists
+ * because Dowel is for AI products, and an agent proposing a change to a file is
+ * the case that needs it: what every coding agent ships, and no component
+ * library does.
+ *
+ * Decisions are controlled. The component never mutates the diff or applies
+ * anything; it reports which hunks were accepted and rejected and leaves the
+ * consequences to the application, the same way ai-action-ledger does.
+ *
+ * Not a grid. A code listing is a table of text, and role="grid" would promise
+ * cell-by-cell arrow navigation that neither exists here nor makes sense for
+ * reading code. Line kind is carried in text, because a plus sign and a green
+ * background are not information.
+ */
+type HunkDecision = "accepted" | "rejected";
+interface DiffViewerProps extends Omit<ComponentPropsWithRef<"div">, "children"> {
+  hunks: DiffHunk[];
+  /** Names the diff — usually the path of the file being changed. */
+  label: string;
+  view?: "unified" | "split";
+  /** Per-hunk decisions, keyed by hunk id. Controlled. */
+  decisions?: Record<string, HunkDecision>;
+  onDecision?: (hunkId: string, decision: HunkDecision) => void;
+  children?: ReactNode;
+}
+declare function DiffViewer({ className, hunks, label, view, decisions, onDecision, children, ...props }: DiffViewerProps): import("react").JSX.Element;
+/** Switches between unified and side-by-side. */
+declare function DiffViewerToolbar({ className, view, onViewChange, ...props }: Omit<ComponentPropsWithRef<"div">, "onChange"> & {
+  view: "unified" | "split";
+  onViewChange: (view: "unified" | "split") => void;
+}): import("react").JSX.Element;
+//#endregion
+export { DiffViewer, DiffViewerProps, DiffViewerToolbar, HunkDecision };
+//# sourceMappingURL=diff-viewer.d.ts.map

package/dist/components/diff-viewer/diff-viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-viewer.d.ts","names":[],"sources":["../../../src/components/diff-viewer/diff-viewer.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;KA6BY;UAQK,wBAAwB,KAAK;EAC5C,OAAO;;EAEP;EACA;;EAEA,YAAY,eAAe;EAC3B,cAAc,gBAAgB,UAAU;EACxC,WAAW;;iBAGG,aACd,WACA,OACA,OACA,MACA,WACA,YACA,aACG,SACF,kCAAe,IAAA;;iBAmPF,oBACd,WACA,MACA,iBACG,SACF,KAAK;EACN;EACA,eAAe;oBAChB,IAAA"}

package/dist/components/diff-viewer/diff-viewer.js

@@ -0,0 +1,212 @@
+"use client";
+import { disabledStyles, focusRing } from "../../lib/styles.js";
+import { cn } from "../../lib/utils.js";
+import { countChanges, toSplitRows } from "./diff-model.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+//#region src/components/diff-viewer/diff-viewer.tsx
+const KIND_LABEL = {
+	added: "Added",
+	removed: "Removed",
+	context: "Unchanged"
+};
+function DiffViewer({ className, hunks, label, view = "unified", decisions, onDecision, children, ...props }) {
+	const counts = useMemo(() => countChanges(hunks), [hunks]);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "diff-viewer",
+		"data-view": view,
+		className: cn("flex flex-col gap-2", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-baseline justify-between gap-2",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "font-mono text-sm font-medium",
+					children: label
+				}), /* @__PURE__ */ jsxs("span", {
+					"data-slot": "diff-viewer-summary",
+					className: "text-xs text-muted-foreground",
+					children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-success",
+							children: ["+", counts.added]
+						}),
+						" ",
+						/* @__PURE__ */ jsxs("span", {
+							className: "text-destructive",
+							children: ["−", counts.removed]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "sr-only",
+							children: ` — ${String(counts.added)} lines added, ${String(counts.removed)} removed`
+						})
+					]
+				})]
+			}),
+			children,
+			hunks.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "rounded-lg border border-border bg-muted/30 p-3 text-sm text-muted-foreground",
+				children: "No changes."
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "overflow-hidden rounded-lg border border-border",
+				children: hunks.map((hunk) => /* @__PURE__ */ jsx(DiffHunkView, {
+					hunk,
+					label,
+					view,
+					decision: decisions?.[hunk.id],
+					onDecision
+				}, hunk.id))
+			})
+		]
+	});
+}
+function DiffHunkView({ hunk, label, view, decision, onDecision }) {
+	const splitRows = useMemo(() => view === "split" ? toSplitRows(hunk.rows) : [], [view, hunk.rows]);
+	return /* @__PURE__ */ jsxs("section", {
+		"data-slot": "diff-hunk",
+		"data-decision": decision,
+		"aria-label": `${label}, hunk ${hunk.id}`,
+		className: cn("border-b border-border last:border-b-0", decision === "rejected" && "opacity-55"),
+		children: [
+			hunk.skippedBefore > 0 ? /* @__PURE__ */ jsxs("p", {
+				"data-slot": "diff-hunk-skipped",
+				className: "border-b border-border bg-muted/40 px-3 py-1 font-mono text-2xs text-muted-foreground",
+				children: [
+					hunk.skippedBefore,
+					" unchanged ",
+					hunk.skippedBefore === 1 ? "line" : "lines",
+					" hidden"
+				]
+			}) : null,
+			onDecision ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "flex-1 text-xs text-muted-foreground",
+						children: decision === "accepted" ? "Accepted" : decision === "rejected" ? "Rejected" : "Not decided"
+					}),
+					/* @__PURE__ */ jsx(HunkButton, {
+						pressed: decision === "accepted",
+						onClick: () => {
+							onDecision(hunk.id, "accepted");
+						},
+						children: "Accept"
+					}),
+					/* @__PURE__ */ jsx(HunkButton, {
+						pressed: decision === "rejected",
+						onClick: () => {
+							onDecision(hunk.id, "rejected");
+						},
+						children: "Reject"
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ jsx("table", {
+					"data-slot": "diff-table",
+					className: "w-full border-collapse font-mono text-xs",
+					children: /* @__PURE__ */ jsx("tbody", { children: view === "split" ? splitRows.map((pair, index) => /* @__PURE__ */ jsxs("tr", {
+						"data-slot": "diff-row",
+						children: [/* @__PURE__ */ jsx(SplitCell, {
+							row: pair.left,
+							side: "before"
+						}), /* @__PURE__ */ jsx(SplitCell, {
+							row: pair.right,
+							side: "after"
+						})]
+					}, index)) : hunk.rows.map((row, index) => /* @__PURE__ */ jsx(UnifiedRow, { row }, index)) })
+				})
+			})
+		]
+	});
+}
+const ROW_STYLES = {
+	added: "bg-success/10",
+	removed: "bg-destructive/10",
+	context: ""
+};
+function UnifiedRow({ row }) {
+	return /* @__PURE__ */ jsxs("tr", {
+		"data-slot": "diff-row",
+		"data-kind": row.kind,
+		className: ROW_STYLES[row.kind],
+		children: [
+			/* @__PURE__ */ jsx(LineNumber, { value: row.before }),
+			/* @__PURE__ */ jsx(LineNumber, { value: row.after }),
+			/* @__PURE__ */ jsx("td", {
+				className: "w-4 pr-1 text-center text-muted-foreground select-none",
+				"aria-hidden": "true",
+				children: row.kind === "added" ? "+" : row.kind === "removed" ? "−" : ""
+			}),
+			/* @__PURE__ */ jsxs("td", {
+				className: "w-full py-0.5 pr-3 break-all whitespace-pre-wrap",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [KIND_LABEL[row.kind], ": "]
+				}), /* @__PURE__ */ jsx(RowContent, { row })]
+			})
+		]
+	});
+}
+function SplitCell({ row, side }) {
+	if (!row) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("td", {
+		"aria-hidden": "true",
+		className: "w-10 bg-muted/40"
+	}), /* @__PURE__ */ jsx("td", {
+		"aria-hidden": "true",
+		className: "w-1/2 bg-muted/20"
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(LineNumber, { value: side === "before" ? row.before : row.after }), /* @__PURE__ */ jsxs("td", {
+		className: cn("w-1/2 py-0.5 pr-3 break-all whitespace-pre-wrap", ROW_STYLES[row.kind]),
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: "sr-only",
+			children: [KIND_LABEL[row.kind], ": "]
+		}), /* @__PURE__ */ jsx(RowContent, { row })]
+	})] });
+}
+function RowContent({ row }) {
+	if (!row.segments) return /* @__PURE__ */ jsx(Fragment, { children: row.content });
+	return /* @__PURE__ */ jsx(Fragment, { children: row.segments.map((segment, index) => segment.changed ? /* @__PURE__ */ jsx("mark", {
+		className: cn("rounded-[2px] text-inherit", row.kind === "added" ? "bg-success/30" : "bg-destructive/30"),
+		children: segment.text
+	}, index) : /* @__PURE__ */ jsx("span", { children: segment.text }, index)) });
+}
+function LineNumber({ value }) {
+	return /* @__PURE__ */ jsx("td", {
+		"aria-hidden": "true",
+		className: "w-10 border-r border-border bg-muted/40 px-2 py-0.5 text-right text-muted-foreground tabular-nums select-none",
+		children: value ?? ""
+	});
+}
+function HunkButton({ className, pressed, ...props }) {
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-pressed": pressed,
+		className: cn("rounded-md border px-2 py-0.5 text-xs font-medium transition-colors", pressed ? "border-primary bg-primary text-primary-foreground" : "border-input bg-background hover:bg-accent hover:text-accent-foreground", focusRing, disabledStyles, className),
+		...props
+	});
+}
+/** Switches between unified and side-by-side. */
+function DiffViewerToolbar({ className, view, onViewChange, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "diff-viewer-toolbar",
+		role: "group",
+		"aria-label": "Diff layout",
+		className: cn("flex items-center gap-1", className),
+		...props,
+		children: ["unified", "split"].map((option) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-pressed": view === option,
+			onClick: () => {
+				onViewChange(option);
+			},
+			className: cn("rounded-md border px-2 py-0.5 text-xs font-medium capitalize transition-colors", view === option ? "border-transparent bg-secondary text-secondary-foreground" : "border-input bg-background text-muted-foreground hover:text-foreground", focusRing),
+			children: option
+		}, option))
+	});
+}
+//#endregion
+export { DiffViewer, DiffViewerToolbar };
+
+//# sourceMappingURL=diff-viewer.js.map

package/dist/components/diff-viewer/diff-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-viewer.js","names":[],"sources":["../../../src/components/diff-viewer/diff-viewer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo, type ComponentPropsWithRef, type ReactNode } from \"react\";\n\nimport { disabledStyles, focusRing } from \"@/lib/styles\";\nimport { cn } from \"@/lib/utils\";\n\nimport { countChanges, toSplitRows, type DiffHunk, type DiffRow } from \"./diff-model\";\n\n/**\n * A diff, and a decision about it.\n *\n * The rendering half exists because every packaged viewer brings its own\n * styling system — emotion, or HTML strings plus a stylesheet — which design\n * tokens cannot reach and which is awkward under RSC. The deciding half exists\n * because Dowel is for AI products, and an agent proposing a change to a file is\n * the case that needs it: what every coding agent ships, and no component\n * library does.\n *\n * Decisions are controlled. The component never mutates the diff or applies\n * anything; it reports which hunks were accepted and rejected and leaves the\n * consequences to the application, the same way ai-action-ledger does.\n *\n * Not a grid. A code listing is a table of text, and role=\"grid\" would promise\n * cell-by-cell arrow navigation that neither exists here nor makes sense for\n * reading code. Line kind is carried in text, because a plus sign and a green\n * background are not information.\n */\n\nexport type HunkDecision = \"accepted\" | \"rejected\";\n\nconst KIND_LABEL: Record<DiffRow[\"kind\"], string> = {\n  added: \"Added\",\n  removed: \"Removed\",\n  context: \"Unchanged\",\n};\n\nexport interface DiffViewerProps extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  hunks: DiffHunk[];\n  /** Names the diff — usually the path of the file being changed. */\n  label: string;\n  view?: \"unified\" | \"split\";\n  /** Per-hunk decisions, keyed by hunk id. Controlled. */\n  decisions?: Record<string, HunkDecision>;\n  onDecision?: (hunkId: string, decision: HunkDecision) => void;\n  children?: ReactNode;\n}\n\nexport function DiffViewer({\n  className,\n  hunks,\n  label,\n  view = \"unified\",\n  decisions,\n  onDecision,\n  children,\n  ...props\n}: DiffViewerProps) {\n  const counts = useMemo(() => countChanges(hunks), [hunks]);\n\n  return (\n    <div\n      data-slot=\"diff-viewer\"\n      data-view={view}\n      className={cn(\"flex flex-col gap-2\", className)}\n      {...props}\n    >\n      <div className=\"flex flex-wrap items-baseline justify-between gap-2\">\n        <span className=\"font-mono text-sm font-medium\">{label}</span>\n        {/* Said in words as well as coloured, and before the diff rather than\n            after it: a reader deserves to know the size of the change before\n            they start reading it. */}\n        <span data-slot=\"diff-viewer-summary\" className=\"text-xs text-muted-foreground\">\n          <span className=\"text-success\">+{counts.added}</span>{\" \"}\n          <span className=\"text-destructive\">−{counts.removed}</span>\n          <span className=\"sr-only\">\n            {` — ${String(counts.added)} lines added, ${String(counts.removed)} removed`}\n          </span>\n        </span>\n      </div>\n\n      {children}\n\n      {hunks.length === 0 ? (\n        <p className=\"rounded-lg border border-border bg-muted/30 p-3 text-sm text-muted-foreground\">\n          No changes.\n        </p>\n      ) : (\n        <div className=\"overflow-hidden rounded-lg border border-border\">\n          {hunks.map((hunk) => (\n            <DiffHunkView\n              key={hunk.id}\n              hunk={hunk}\n              label={label}\n              view={view}\n              decision={decisions?.[hunk.id]}\n              onDecision={onDecision}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DiffHunkView({\n  hunk,\n  label,\n  view,\n  decision,\n  onDecision,\n}: {\n  hunk: DiffHunk;\n  label: string;\n  view: \"unified\" | \"split\";\n  decision?: HunkDecision;\n  onDecision?: (hunkId: string, decision: HunkDecision) => void;\n}) {\n  const splitRows = useMemo(\n    () => (view === \"split\" ? toSplitRows(hunk.rows) : []),\n    [view, hunk.rows],\n  );\n\n  return (\n    <section\n      data-slot=\"diff-hunk\"\n      data-decision={decision}\n      aria-label={`${label}, hunk ${hunk.id}`}\n      className={cn(\n        \"border-b border-border last:border-b-0\",\n        decision === \"rejected\" && \"opacity-55\",\n      )}\n    >\n      {hunk.skippedBefore > 0 ? (\n        <p\n          data-slot=\"diff-hunk-skipped\"\n          className=\"border-b border-border bg-muted/40 px-3 py-1 font-mono text-2xs text-muted-foreground\"\n        >\n          {hunk.skippedBefore} unchanged {hunk.skippedBefore === 1 ? \"line\" : \"lines\"} hidden\n        </p>\n      ) : null}\n\n      {onDecision ? (\n        <div className=\"flex flex-wrap items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5\">\n          <span className=\"flex-1 text-xs text-muted-foreground\">\n            {decision === \"accepted\"\n              ? \"Accepted\"\n              : decision === \"rejected\"\n                ? \"Rejected\"\n                : \"Not decided\"}\n          </span>\n          <HunkButton\n            pressed={decision === \"accepted\"}\n            onClick={() => {\n              onDecision(hunk.id, \"accepted\");\n            }}\n          >\n            Accept\n          </HunkButton>\n          <HunkButton\n            pressed={decision === \"rejected\"}\n            onClick={() => {\n              onDecision(hunk.id, \"rejected\");\n            }}\n          >\n            Reject\n          </HunkButton>\n        </div>\n      ) : null}\n\n      <div className=\"overflow-x-auto\">\n        <table data-slot=\"diff-table\" className=\"w-full border-collapse font-mono text-xs\">\n          <tbody>\n            {view === \"split\"\n              ? splitRows.map((pair, index) => (\n                  <tr key={index} data-slot=\"diff-row\">\n                    <SplitCell row={pair.left} side=\"before\" />\n                    <SplitCell row={pair.right} side=\"after\" />\n                  </tr>\n                ))\n              : hunk.rows.map((row, index) => <UnifiedRow key={index} row={row} />)}\n          </tbody>\n        </table>\n      </div>\n    </section>\n  );\n}\n\nconst ROW_STYLES: Record<DiffRow[\"kind\"], string> = {\n  added: \"bg-success/10\",\n  removed: \"bg-destructive/10\",\n  context: \"\",\n};\n\nfunction UnifiedRow({ row }: { row: DiffRow }) {\n  return (\n    <tr data-slot=\"diff-row\" data-kind={row.kind} className={ROW_STYLES[row.kind]}>\n      <LineNumber value={row.before} />\n      <LineNumber value={row.after} />\n      <td className=\"w-4 pr-1 text-center text-muted-foreground select-none\" aria-hidden=\"true\">\n        {row.kind === \"added\" ? \"+\" : row.kind === \"removed\" ? \"−\" : \"\"}\n      </td>\n      <td className=\"w-full py-0.5 pr-3 break-all whitespace-pre-wrap\">\n        {/* The kind, for anyone who cannot see the sign or the tint. Reading a\n            diff aloud without it is reading the same file twice. */}\n        <span className=\"sr-only\">{KIND_LABEL[row.kind]}: </span>\n        <RowContent row={row} />\n      </td>\n    </tr>\n  );\n}\n\nfunction SplitCell({ row, side }: { row: DiffRow | null; side: \"before\" | \"after\" }) {\n  if (!row) {\n    // An empty half of a pair, not a blank line of code. Hidden from assistive\n    // technology so a reader is not read padding.\n    return (\n      <>\n        <td aria-hidden=\"true\" className=\"w-10 bg-muted/40\" />\n        <td aria-hidden=\"true\" className=\"w-1/2 bg-muted/20\" />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <LineNumber value={side === \"before\" ? row.before : row.after} />\n      <td\n        className={cn(\"w-1/2 py-0.5 pr-3 break-all whitespace-pre-wrap\", ROW_STYLES[row.kind])}\n      >\n        <span className=\"sr-only\">{KIND_LABEL[row.kind]}: </span>\n        <RowContent row={row} />\n      </td>\n    </>\n  );\n}\n\nfunction RowContent({ row }: { row: DiffRow }) {\n  if (!row.segments) return <>{row.content}</>;\n\n  return (\n    <>\n      {row.segments.map((segment, index) =>\n        segment.changed ? (\n          // A mark element, so the changed words survive as structure rather\n          // than existing only as a slightly stronger background.\n          <mark\n            key={index}\n            className={cn(\n              \"rounded-[2px] text-inherit\",\n              row.kind === \"added\" ? \"bg-success/30\" : \"bg-destructive/30\",\n            )}\n          >\n            {segment.text}\n          </mark>\n        ) : (\n          <span key={index}>{segment.text}</span>\n        ),\n      )}\n    </>\n  );\n}\n\nfunction LineNumber({ value }: { value?: number }) {\n  return (\n    <td\n      // Decorative: the line number is orientation for a sighted reader, and\n      // announcing two numbers before every line makes the diff unlistenable.\n      aria-hidden=\"true\"\n      className=\"w-10 border-r border-border bg-muted/40 px-2 py-0.5 text-right text-muted-foreground tabular-nums select-none\"\n    >\n      {value ?? \"\"}\n    </td>\n  );\n}\n\nfunction HunkButton({\n  className,\n  pressed,\n  ...props\n}: ComponentPropsWithRef<\"button\"> & { pressed: boolean }) {\n  return (\n    <button\n      type=\"button\"\n      aria-pressed={pressed}\n      className={cn(\n        \"rounded-md border px-2 py-0.5 text-xs font-medium transition-colors\",\n        pressed\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        focusRing,\n        disabledStyles,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Switches between unified and side-by-side. */\nexport function DiffViewerToolbar({\n  className,\n  view,\n  onViewChange,\n  ...props\n}: Omit<ComponentPropsWithRef<\"div\">, \"onChange\"> & {\n  view: \"unified\" | \"split\";\n  onViewChange: (view: \"unified\" | \"split\") => void;\n}) {\n  return (\n    <div\n      data-slot=\"diff-viewer-toolbar\"\n      role=\"group\"\n      aria-label=\"Diff layout\"\n      className={cn(\"flex items-center gap-1\", className)}\n      {...props}\n    >\n      {([\"unified\", \"split\"] as const).map((option) => (\n        <button\n          key={option}\n          type=\"button\"\n          aria-pressed={view === option}\n          onClick={() => {\n            onViewChange(option);\n          }}\n          className={cn(\n            \"rounded-md border px-2 py-0.5 text-xs font-medium capitalize transition-colors\",\n            view === option\n              ? \"border-transparent bg-secondary text-secondary-foreground\"\n              : \"border-input bg-background text-muted-foreground hover:text-foreground\",\n            focusRing,\n          )}\n        >\n          {option}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/diff-viewer/index.d.ts

@@ -0,0 +1,3 @@
+import { BuildDiffOptions, DiffHunk, DiffRow, RowKind, WordSegment, buildDiff, countChanges, groupIntoHunks, toSplitRows } from "./diff-model.js";
+import { DiffViewer, DiffViewerProps, DiffViewerToolbar, HunkDecision } from "./diff-viewer.js";
+export { type BuildDiffOptions, type DiffHunk, type DiffRow, DiffViewer, type DiffViewerProps, DiffViewerToolbar, type HunkDecision, type RowKind, type WordSegment, buildDiff, countChanges, groupIntoHunks, toSplitRows };

package/dist/components/diff-viewer/index.js

@@ -0,0 +1,3 @@
+import { buildDiff, countChanges, groupIntoHunks, toSplitRows } from "./diff-model.js";
+import { DiffViewer, DiffViewerToolbar } from "./diff-viewer.js";
+export { DiffViewer, DiffViewerToolbar, buildDiff, countChanges, groupIntoHunks, toSplitRows };

package/dist/components/diff-viewer/meta.js

@@ -0,0 +1,17 @@
+import { defineMeta } from "../../registry/schema.js";
+//#region src/components/diff-viewer/meta.ts
+const meta = defineMeta({
+	name: "diff-viewer",
+	title: "Diff Viewer",
+	description: "A diff you can style, and accept or reject hunk by hunk.",
+	category: "data",
+	status: "stable",
+	dependencies: ["diff"],
+	registryDependencies: [],
+	files: ["diff-model.ts", "diff-viewer.tsx"],
+	a11y: "A semantic table, not a grid. role=\"grid\" would promise cell-by-cell arrow navigation that does not exist here and makes no sense for reading code. Every row states added, removed or unchanged in text, because a plus sign and a green tint are not information — a diff read aloud without it is just the same file twice. Line numbers are aria-hidden: they orient a sighted reader, and announcing two numbers before every line makes the diff unlistenable. Changed words are marked with mark elements so they survive as structure, and the empty half of a split pair is hidden rather than read as a blank line of code."
+});
+//#endregion
+export { meta };
+
+//# sourceMappingURL=meta.js.map

package/dist/components/diff-viewer/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","names":[],"sources":["../../../src/components/diff-viewer/meta.ts"],"sourcesContent":["import { defineMeta } from \"@/registry/schema\";\n\nexport const meta = defineMeta({\n  name: \"diff-viewer\",\n  title: \"Diff Viewer\",\n  description: \"A diff you can style, and accept or reject hunk by hunk.\",\n  category: \"data\",\n  status: \"stable\",\n  dependencies: [\"diff\"],\n  registryDependencies: [],\n  files: [\"diff-model.ts\", \"diff-viewer.tsx\"],\n  a11y:\n    'A semantic table, not a grid. role=\"grid\" would promise cell-by-cell arrow navigation that ' +\n    \"does not exist here and makes no sense for reading code. Every row states added, removed or \" +\n    \"unchanged in text, because a plus sign and a green tint are not information — a diff read \" +\n    \"aloud without it is just the same file twice. Line numbers are aria-hidden: they orient a \" +\n    \"sighted reader, and announcing two numbers before every line makes the diff unlistenable. \" +\n    \"Changed words are marked with mark elements so they survive as structure, and the empty half \" +\n    \"of a split pair is hidden rather than read as a blank line of code.\",\n});\n"],"mappings":";;AAEA,MAAa,OAAO,WAAW;CAC7B,MAAM;CACN,OAAO;CACP,aAAa;CACb,UAAU;CACV,QAAQ;CACR,cAAc,CAAC,MAAM;CACrB,sBAAsB,CAAC;CACvB,OAAO,CAAC,iBAAiB,iBAAiB;CAC1C,MACE;AAOJ,CAAC"}

package/dist/components/file-upload/file-upload.d.ts

@@ -0,0 +1,46 @@
+import { QueuedFile } from "./upload-queue.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/file-upload/file-upload.d.ts
+interface FileUploadProps extends Omit<ComponentPropsWithRef<"div">, "onDrop"> {
+  /** Names the control. */
+  label: string;
+  onFiles: (files: File[]) => void;
+  accept?: string;
+  multiple?: boolean;
+  disabled?: boolean;
+  /** Shown under the prompt: accepted types, size limit. */
+  hint?: ReactNode;
+  children?: ReactNode;
+}
+declare function FileUpload({ className, label, onFiles, accept, multiple, disabled, hint, children, ...props }: FileUploadProps): import("react").JSX.Element;
+interface FileUploadListProps extends ComponentPropsWithRef<"ul"> {
+  files: QueuedFile[];
+  onCancel?: (id: string) => void;
+  onRetry?: (id: string) => void;
+  onRemove?: (id: string) => void;
+}
+declare function FileUploadList({ className, files, onCancel, onRetry, onRemove, ...props }: FileUploadListProps): import("react").JSX.Element | null;
+interface FileUploadItemProps extends Omit<ComponentPropsWithRef<"li">, "children"> {
+  entry: QueuedFile;
+  onCancel?: (id: string) => void;
+  onRetry?: (id: string) => void;
+  onRemove?: (id: string) => void;
+}
+declare function FileUploadItem({ className, entry, onCancel, onRetry, onRemove, ...props }: FileUploadItemProps): import("react").JSX.Element;
+/**
+ * One sentence covering the whole queue, announced politely.
+ *
+ * Per-file live regions would talk over each other the moment two uploads run
+ * at once; one summary of the set is readable where six competing ones are not.
+ */
+declare function FileUploadStatus({ className, stats, ...props }: ComponentPropsWithRef<"p"> & {
+  stats: {
+    total: number;
+    active: number;
+    done: number;
+    failed: number;
+  };
+}): import("react").JSX.Element;
+//#endregion
+export { FileUpload, FileUploadItem, FileUploadItemProps, FileUploadList, FileUploadListProps, FileUploadProps, FileUploadStatus };
+//# sourceMappingURL=file-upload.d.ts.map