@knpkv/rly 0.1.1 → 0.2.0

package/dist/primitives/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "../Dialog-DwSIPb-B.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, x as y, y as b } from "../Dialog-xSrBk0Vv.js";
 import { _ as x, a as S, b as C, c as w, d as T, f as E, g as D, h as O, i as k, l as A, m as j, n as M, o as N, p as P, r as F, s as I, t as L, u as R, v as z, x as B, y as V } from "../primitives-nKxQGSsE.js";
 export { _ as Avatar, o as Button, g as Dialog, V as Divider, D as Field, P as IconButton, i as RLY_AVATAR_DEFAULT_VARIANTS, a as RLY_AVATAR_VARIANTS, e as RLY_BUTTON_DEFAULT_VARIANTS, v as RLY_BUTTON_VARIANTS, d as RLY_DIALOG_DEFAULT_VARIANTS, m as RLY_DIALOG_VARIANTS, C as RLY_DIVIDER_DEFAULT_VARIANTS, B as RLY_DIVIDER_VARIANTS, x as RLY_FIELD_DEFAULT_VARIANTS, z as RLY_FIELD_VARIANTS, j as RLY_ICON_BUTTON_DEFAULT_VARIANTS, O as RLY_ICON_BUTTON_VARIANTS, R as RLY_SELECT_DEFAULT_VARIANTS, T as RLY_SELECT_VARIANTS, b as RLY_SHEET_DEFAULT_VARIANTS, n as RLY_SHEET_VARIANTS, h as RLY_SKELETON_DEFAULT_VARIANTS, r as RLY_SKELETON_VARIANTS, p as RLY_STATE_LABEL_DEFAULT_VARIANTS, u as RLY_STATE_LABEL_VARIANTS, c as RLY_STATE_PANEL_DEFAULT_VARIANTS, t as RLY_STATE_PANEL_VARIANTS, I as RLY_SURFACE_DEFAULT_VARIANTS, w as RLY_SURFACE_VARIANTS, k as RLY_TABS_DEFAULT_VARIANTS, S as RLY_TABS_VARIANTS, L as RLY_TEXT_DEFAULT_VARIANTS, M as RLY_TEXT_VARIANTS, E as Select, y as Sheet, l as Skeleton, s as StateLabel, f as StatePanel, A as Surface, N as Tabs, F as Text };
 

package/dist/workbench-tHBnbqSx.js

@@ -0,0 +1,331 @@
+import { i as e, n as t, t as n } from "./component-BJeeRuSu.js";
+import { useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = {
+	root: "rly_DiffFileTree-module__root",
+	header: "rly_DiffFileTree-module__header",
+	eyebrow: "rly_DiffFileTree-module__eyebrow",
+	notice: "rly_DiffFileTree-module__notice",
+	empty: "rly_DiffFileTree-module__empty",
+	error: "rly_DiffFileTree-module__error",
+	change: "rly_DiffFileTree-module__change",
+	content: "rly_DiffFileTree-module__content",
+	previousPath: "rly_DiffFileTree-module__previousPath",
+	count: "rly_DiffFileTree-module__count",
+	list: "rly_DiffFileTree-module__list",
+	file: "rly_DiffFileTree-module__file",
+	index: "rly_DiffFileTree-module__index",
+	pathBlock: "rly_DiffFileTree-module__pathBlock",
+	path: "rly_DiffFileTree-module__path",
+	badges: "rly_DiffFileTree-module__badges"
+}, s = {
+	root: "rly_DiffHeader-module__root",
+	thesis: "rly_DiffHeader-module__thesis",
+	eyebrow: "rly_DiffHeader-module__eyebrow",
+	progressCopy: "rly_DiffHeader-module__progressCopy",
+	progress: "rly_DiffHeader-module__progress",
+	controls: "rly_DiffHeader-module__controls",
+	group: "rly_DiffHeader-module__group",
+	standalone: "rly_DiffHeader-module__standalone"
+}, c = {
+	root: "rly_DiffWorkbench-module__root",
+	header: "rly_DiffWorkbench-module__header",
+	inventory: "rly_DiffWorkbench-module__inventory",
+	viewer: "rly_DiffWorkbench-module__viewer",
+	findingItem: "rly_DiffWorkbench-module__findingItem",
+	body: "rly_DiffWorkbench-module__body",
+	review: "rly_DiffWorkbench-module__review",
+	findings: "rly_DiffWorkbench-module__findings",
+	scope: "rly_DiffWorkbench-module__scope",
+	findingsHeader: "rly_DiffWorkbench-module__findingsHeader",
+	scopeLabel: "rly_DiffWorkbench-module__scopeLabel",
+	scopeValue: "rly_DiffWorkbench-module__scopeValue",
+	notice: "rly_DiffWorkbench-module__notice",
+	empty: "rly_DiffWorkbench-module__empty",
+	showAll: "rly_DiffWorkbench-module__showAll",
+	findingList: "rly_DiffWorkbench-module__findingList"
+}, l = (e) => t(o, e), u = (t) => t.state === "ready" ? "Ready" : t.state === "loading" ? e(t.label, "DiffFileTree loading label") : `${t.state}: ${e(t.reason, `DiffFileTree ${t.state} reason`)}`, d = (t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of t.files) {
+		let t = e(r.id, "DiffFileTree file id");
+		if (n.has(t)) throw Error(`DiffFileTree file ids must be unique: ${t}`);
+		n.add(t);
+		let i = e(r.path, `DiffFileTree path for ${t}`);
+		if (r.change === "renamed" && e(r.previousPath, `DiffFileTree previousPath for ${t}`) === i) throw Error(`DiffFileTree renamed paths must differ: ${t}`);
+		u(r.content);
+	}
+	if (t.state === "loading" || t.state === "error") {
+		if (!Number.isInteger(t.indexedCount) || !Number.isInteger(t.totalCount)) throw Error("DiffFileTree counts must be integers");
+		if (t.indexedCount !== t.files.length || t.totalCount < t.indexedCount) throw Error("DiffFileTree indexedCount must match visible files and cannot exceed totalCount");
+		t.state === "loading" && e(t.label, "DiffFileTree loading label"), t.state === "error" && (e(t.title, "DiffFileTree error title"), e(t.description, "DiffFileTree error description"));
+	}
+}, f = ({ className: t, data: o, heading: s, onSelectedFileChange: c, selectedFileId: f, ...p }) => {
+	let m = e(s, "DiffFileTree heading");
+	if (d(o), f !== void 0 && !o.files.some((e) => e.id === f)) throw Error(`DiffFileTree selectedFileId is not in the visible inventory: ${f}`);
+	let h = `rly-diff-file-tree-${r()}`, g = o.state === "ready" ? o.files.length : o.indexedCount, _ = o.state === "ready" ? o.files.length : o.totalCount;
+	return /* @__PURE__ */ a("nav", {
+		...p,
+		"aria-busy": o.state === "loading" ? "true" : void 0,
+		"aria-labelledby": h,
+		className: n(l("root"), t),
+		"data-rly-diff-inventory-state": o.state,
+		children: [
+			/* @__PURE__ */ a("header", {
+				className: l("header"),
+				children: [/* @__PURE__ */ a("span", { children: [/* @__PURE__ */ i("span", {
+					className: l("eyebrow"),
+					children: "Changed files"
+				}), /* @__PURE__ */ i("h2", {
+					id: h,
+					children: m
+				})] }), /* @__PURE__ */ a("strong", {
+					"aria-label": `${g} of ${_} files indexed`,
+					className: l("count"),
+					children: [
+						g,
+						"/",
+						_
+					]
+				})]
+			}),
+			o.state === "loading" ? /* @__PURE__ */ i("p", {
+				className: l("notice"),
+				role: "status",
+				children: o.label
+			}) : null,
+			o.state === "error" ? /* @__PURE__ */ a("section", {
+				className: l("error"),
+				role: "alert",
+				children: [/* @__PURE__ */ i("strong", { children: o.title }), /* @__PURE__ */ i("span", { children: o.description })]
+			}) : null,
+			o.files.length === 0 ? /* @__PURE__ */ i("p", {
+				className: l("empty"),
+				children: "No changed files."
+			}) : /* @__PURE__ */ i("ol", {
+				className: l("list"),
+				children: o.files.map((e, t) => {
+					let n = f === e.id;
+					return /* @__PURE__ */ i("li", {
+						"data-rly-diff-file-id": e.id,
+						children: /* @__PURE__ */ a("button", {
+							"aria-current": n ? "true" : void 0,
+							"aria-label": `File ${t + 1} of ${_}: ${e.path}, ${e.change}, ${u(e.content)}`,
+							className: l("file"),
+							"data-rly-diff-content-state": e.content.state,
+							"data-rly-diff-file-change": e.change,
+							onClick: () => c(e.id),
+							type: "button",
+							children: [
+								/* @__PURE__ */ i("span", {
+									"aria-hidden": "true",
+									className: l("index"),
+									children: t + 1
+								}),
+								/* @__PURE__ */ a("span", {
+									className: l("pathBlock"),
+									children: [e.change === "renamed" ? /* @__PURE__ */ i("span", {
+										className: l("previousPath"),
+										children: e.previousPath
+									}) : null, /* @__PURE__ */ i("code", {
+										className: l("path"),
+										children: e.path
+									})]
+								}),
+								/* @__PURE__ */ a("span", {
+									className: l("badges"),
+									children: [/* @__PURE__ */ i("span", {
+										className: l("change"),
+										children: e.change
+									}), /* @__PURE__ */ i("span", {
+										className: l("content"),
+										children: u(e.content)
+									})]
+								})
+							]
+						})
+					}, e.id);
+				})
+			})
+		]
+	});
+}, p = (e) => t(s, e), m = [
+	"all",
+	"human",
+	"agent",
+	"unresolved"
+], h = ["split", "stacked"], g = (e) => `${e.slice(0, 1).toUpperCase()}${e.slice(1)}`, _ = (e, t) => {
+	if (!Number.isInteger(e) || !Number.isInteger(t)) throw Error("DiffHeader counts must be integers");
+	if (e < 0 || t < 0 || e > t) throw Error("DiffHeader indexedCount must be between zero and totalCount");
+}, v = ({ className: t, findingFilter: o, heading: s, indexedCount: c, isWrapped: l, layout: u, onFindingFilterChange: d, onLayoutChange: f, onWrapChange: v, selectedFileLabel: y, totalCount: b, ...x }) => {
+	let S = e(s, "DiffHeader heading");
+	y !== void 0 && e(y, "DiffHeader selectedFileLabel"), _(c, b);
+	let C = `rly-diff-header-progress-${r()}`;
+	return /* @__PURE__ */ a("header", {
+		...x,
+		className: n(p("root"), t),
+		"data-rly-diff-layout": u,
+		children: [
+			/* @__PURE__ */ a("section", {
+				className: p("thesis"),
+				children: [
+					/* @__PURE__ */ i("span", {
+						className: p("eyebrow"),
+						children: "Complete diff"
+					}),
+					/* @__PURE__ */ i("h1", { children: S }),
+					/* @__PURE__ */ i("p", { children: y === void 0 ? "All changed files" : y })
+				]
+			}),
+			/* @__PURE__ */ a("section", {
+				"aria-labelledby": C,
+				className: p("progress"),
+				children: [/* @__PURE__ */ a("span", {
+					className: p("progressCopy"),
+					id: C,
+					children: [/* @__PURE__ */ i("strong", { children: c }), /* @__PURE__ */ a("span", { children: [
+						"of ",
+						b,
+						" files indexed"
+					] })]
+				}), /* @__PURE__ */ i("progress", {
+					max: Math.max(b, 1),
+					value: c
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: p("controls"),
+				children: [
+					/* @__PURE__ */ i("div", {
+						"aria-label": "Diff layout",
+						className: p("group"),
+						role: "group",
+						children: h.map((e) => /* @__PURE__ */ i("button", {
+							"aria-pressed": u === e,
+							onClick: () => f(e),
+							type: "button",
+							children: g(e)
+						}, e))
+					}),
+					/* @__PURE__ */ i("button", {
+						"aria-pressed": l,
+						className: p("standalone"),
+						onClick: () => v(!l),
+						type: "button",
+						children: "Wrap lines"
+					}),
+					/* @__PURE__ */ i("div", {
+						"aria-label": "Finding filter",
+						className: p("group"),
+						role: "group",
+						children: m.map((e) => /* @__PURE__ */ i("button", {
+							"aria-pressed": o === e,
+							onClick: () => d(e),
+							type: "button",
+							children: g(e)
+						}, e))
+					})
+				]
+			})
+		]
+	});
+}, y = (e) => t(c, e), b = (t) => {
+	let n = /* @__PURE__ */ new Set();
+	for (let r of t) {
+		let t = e(r.id, "DiffWorkbench finding id");
+		if (n.has(t)) throw Error(`DiffWorkbench finding ids must be unique: ${t}`);
+		n.add(t);
+	}
+}, x = ({ className: t, emptyFindings: r = "No findings match this view.", findings: o, findingsLabel: s = "Semantic findings", header: c, inventory: l, inventoryLabel: u = "Changed files", label: d, onShowAllFiles: f, scope: p, statusNotice: m, viewer: h, viewerLabel: g = "Code changes", ..._ }) => {
+	let v = e(d, "DiffWorkbench label"), x = e(p.label, "DiffWorkbench scope label"), S = e(u, "DiffWorkbench inventoryLabel"), C = e(g, "DiffWorkbench viewerLabel"), w = e(s, "DiffWorkbench findingsLabel");
+	if (p.mode === "selected-file" && (e(p.fileId, "DiffWorkbench selected file id"), f === void 0)) throw Error("DiffWorkbench selected-file scope requires onShowAllFiles");
+	return b(o), /* @__PURE__ */ a("section", {
+		..._,
+		"aria-label": v,
+		className: n(y("root"), t),
+		"data-rly-diff-scope": p.mode,
+		...p.mode === "selected-file" ? { "data-rly-diff-selected-file": p.fileId } : {},
+		children: [/* @__PURE__ */ i("div", {
+			className: y("header"),
+			"data-rly-diff-workbench-slot": "header",
+			children: c
+		}), /* @__PURE__ */ a("div", {
+			className: y("body"),
+			children: [
+				/* @__PURE__ */ i("section", {
+					"aria-label": S,
+					className: y("inventory"),
+					"data-rly-diff-workbench-slot": "inventory",
+					children: l
+				}),
+				/* @__PURE__ */ a("div", {
+					className: y("review"),
+					children: [
+						/* @__PURE__ */ a("header", {
+							className: y("scope"),
+							children: [
+								/* @__PURE__ */ i("span", {
+									className: y("scopeLabel"),
+									children: p.mode === "all-files" ? "All files" : "Selected file"
+								}),
+								/* @__PURE__ */ i("strong", {
+									className: y("scopeValue"),
+									children: x
+								}),
+								p.mode === "selected-file" ? /* @__PURE__ */ i("button", {
+									className: y("showAll"),
+									onClick: f,
+									type: "button",
+									children: "Show all files"
+								}) : null
+							]
+						}),
+						m === void 0 ? null : /* @__PURE__ */ i("div", {
+							"aria-live": "polite",
+							className: y("notice"),
+							"data-rly-diff-workbench-slot": "status",
+							role: "status",
+							children: m
+						}),
+						/* @__PURE__ */ i("section", {
+							"aria-label": C,
+							className: y("viewer"),
+							"data-rly-diff-workbench-slot": "viewer",
+							children: h
+						})
+					]
+				}),
+				/* @__PURE__ */ a("aside", {
+					"aria-label": w,
+					className: y("findings"),
+					"data-rly-diff-workbench-slot": "findings",
+					children: [/* @__PURE__ */ a("header", {
+						className: y("findingsHeader"),
+						children: [
+							/* @__PURE__ */ i("span", { children: "Review evidence" }),
+							/* @__PURE__ */ i("h2", { children: w }),
+							/* @__PURE__ */ i("strong", {
+								"aria-label": `${o.length} findings`,
+								children: o.length
+							})
+						]
+					}), o.length === 0 ? /* @__PURE__ */ i("div", {
+						className: y("empty"),
+						children: r
+					}) : /* @__PURE__ */ i("ol", {
+						"aria-label": `${w} list`,
+						className: y("findingList"),
+						tabIndex: 0,
+						children: o.map((e) => /* @__PURE__ */ i("li", {
+							className: y("findingItem"),
+							children: e.content
+						}, e.id))
+					})]
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { v as n, f as r, x as t };
+
+//# sourceMappingURL=workbench-tHBnbqSx.js.map

package/dist/workbench-tHBnbqSx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workbench-tHBnbqSx.js","names":[],"sources":["../src/diff/DiffFileTree.module.css","../src/diff/DiffHeader.module.css","../src/diff/DiffWorkbench.module.css","../src/diff/DiffFileTree.tsx","../src/diff/DiffHeader.tsx","../src/diff/DiffWorkbench.tsx"],"sourcesContent":["@layer rly.components {\n  .root {\n    background: var(--rly-color-surface-1);\n    border: 1px solid var(--rly-color-border-1);\n    border-radius: var(--rly-radius-group);\n    container-type: inline-size;\n    display: grid;\n    min-inline-size: var(--rly-space-0);\n    overflow: hidden;\n  }\n\n  .header {\n    align-items: end;\n    display: flex;\n    gap: var(--rly-space-16);\n    justify-content: space-between;\n    padding: var(--rly-space-20);\n  }\n\n  .header > span {\n    display: grid;\n    gap: var(--rly-space-2);\n    min-inline-size: var(--rly-space-0);\n  }\n\n  .header h2 {\n    color: var(--rly-color-text-1);\n    font: var(--rly-type-card-title-weight) var(--rly-type-card-title-size) / var(--rly-type-card-title-line-height)\n      var(--rly-type-card-title-font);\n    letter-spacing: var(--rly-type-card-title-tracking);\n    margin: var(--rly-space-0);\n    overflow-wrap: anywhere;\n  }\n\n  .eyebrow,\n  .notice,\n  .empty,\n  .error,\n  .change,\n  .content,\n  .previousPath {\n    color: var(--rly-color-text-2);\n    font: var(--rly-type-meta-weight) var(--rly-type-meta-size) / var(--rly-type-meta-line-height)\n      var(--rly-type-meta-font);\n  }\n\n  .eyebrow,\n  .change {\n    text-transform: uppercase;\n  }\n\n  .count {\n    color: var(--rly-color-text-1);\n    font: var(--rly-type-page-title-weight) var(--rly-type-page-title-size) / 0.8 var(--rly-type-page-title-font);\n    letter-spacing: var(--rly-type-page-title-tracking);\n    white-space: nowrap;\n  }\n\n  .notice,\n  .empty,\n  .error {\n    border-block-start: 1px solid var(--rly-color-border-1);\n    margin: var(--rly-space-0);\n    padding: var(--rly-space-12) var(--rly-space-20);\n  }\n\n  .error {\n    border-inline-start: var(--rly-space-4) solid var(--rly-color-held-ink);\n    display: grid;\n    gap: var(--rly-space-2);\n  }\n\n  .error strong {\n    color: var(--rly-color-text-1);\n  }\n\n  .list {\n    border-block-start: 1px solid var(--rly-color-border-1);\n    list-style: none;\n    margin: var(--rly-space-0);\n    max-block-size: 34rem;\n    overflow: auto;\n    padding: var(--rly-space-0);\n  }\n\n  .list li {\n    contain: content;\n    contain-intrinsic-block-size: 58px;\n  }\n\n  .file {\n    align-items: center;\n    background: transparent;\n    border: 0;\n    border-block-end: 1px solid var(--rly-color-border-1);\n    color: inherit;\n    cursor: pointer;\n    display: grid;\n    gap: var(--rly-space-12);\n    grid-template-columns: 3ch minmax(var(--rly-space-0), 1fr) auto;\n    inline-size: 100%;\n    min-block-size: 58px;\n    padding: calc(var(--rly-space-8) + var(--rly-space-2)) var(--rly-space-16);\n    text-align: start;\n  }\n\n  .file:hover {\n    background: var(--rly-color-surface-2);\n  }\n\n  .file[aria-current=\"true\"] {\n    background: var(--rly-color-surface-3);\n    box-shadow: inset var(--rly-space-4) 0 var(--rly-color-focus);\n  }\n\n  .file:focus-visible {\n    outline: 3px solid var(--rly-color-focus);\n    outline-offset: -3px;\n  }\n\n  .index {\n    color: var(--rly-color-text-3);\n    font: var(--rly-type-meta-weight) var(--rly-type-meta-size) / var(--rly-type-meta-line-height)\n      var(--rly-type-meta-font);\n    text-align: end;\n  }\n\n  .pathBlock {\n    display: grid;\n    min-inline-size: var(--rly-space-0);\n  }\n\n  .path,\n  .previousPath {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .path {\n    color: var(--rly-color-text-1);\n    font: var(--rly-type-code-weight) var(--rly-type-code-size) / var(--rly-type-code-line-height)\n      var(--rly-type-code-font);\n  }\n\n  .previousPath {\n    text-decoration: line-through;\n  }\n\n  .badges {\n    align-items: end;\n    display: grid;\n    justify-items: end;\n  }\n\n  .content {\n    max-inline-size: 24ch;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  @container (max-width: 24rem) {\n    .header {\n      align-items: start;\n    }\n\n    .count {\n      font-size: var(--rly-type-section-title-size);\n    }\n\n    .file {\n      align-items: start;\n      grid-template-columns: 3ch minmax(var(--rly-space-0), 1fr);\n    }\n\n    .badges {\n      align-items: start;\n      grid-column: 2;\n      justify-items: start;\n    }\n\n    .content {\n      max-inline-size: 100%;\n      white-space: normal;\n    }\n  }\n}\n","@layer rly.components {\n  .root {\n    background: var(--rly-color-surface-1);\n    border: 1px solid var(--rly-color-border-1);\n    border-radius: var(--rly-radius-group);\n    container-type: inline-size;\n    display: grid;\n    grid-template-columns: minmax(var(--rly-space-0), 1fr) auto;\n    min-inline-size: var(--rly-space-0);\n    overflow: hidden;\n  }\n\n  .thesis {\n    display: grid;\n    gap: var(--rly-space-4);\n    padding: var(--rly-space-24);\n  }\n\n  .eyebrow,\n  .thesis p,\n  .progressCopy span {\n    color: var(--rly-color-text-2);\n    font: var(--rly-type-meta-weight) var(--rly-type-meta-size) / var(--rly-type-meta-line-height)\n      var(--rly-type-meta-font);\n  }\n\n  .eyebrow {\n    text-transform: uppercase;\n  }\n\n  .thesis h1,\n  .thesis p {\n    margin: var(--rly-space-0);\n    overflow-wrap: anywhere;\n  }\n\n  .thesis h1 {\n    color: var(--rly-color-text-1);\n    font: var(--rly-type-page-title-weight) var(--rly-type-page-title-size) / var(--rly-type-page-title-line-height)\n      var(--rly-type-page-title-font);\n    letter-spacing: var(--rly-type-page-title-tracking);\n  }\n\n  .progress {\n    align-content: center;\n    border-inline-start: 1px solid var(--rly-color-border-1);\n    display: grid;\n    gap: var(--rly-space-12);\n    min-inline-size: 15rem;\n    padding: var(--rly-space-24);\n  }\n\n  .progressCopy {\n    align-items: end;\n    display: flex;\n    gap: var(--rly-space-8);\n  }\n\n  .progressCopy strong {\n    color: var(--rly-color-text-1);\n    font: var(--rly-type-verdict-weight) var(--rly-type-verdict-size) / 0.75 var(--rly-type-verdict-font);\n    letter-spacing: var(--rly-type-verdict-tracking);\n  }\n\n  .progress progress {\n    accent-color: var(--rly-color-focus);\n    block-size: var(--rly-space-6);\n    inline-size: 100%;\n  }\n\n  .controls {\n    align-items: center;\n    border-block-start: 1px solid var(--rly-color-border-1);\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--rly-space-8);\n    grid-column: 1 / -1;\n    padding: var(--rly-space-12) var(--rly-space-16);\n  }\n\n  .group {\n    display: inline-flex;\n  }\n\n  .group button,\n  .standalone {\n    background: transparent;\n    border: 1px solid var(--rly-color-border-2);\n    color: var(--rly-color-text-2);\n    cursor: pointer;\n    font: var(--rly-type-label-weight) var(--rly-type-label-size) / var(--rly-type-label-line-height)\n      var(--rly-type-label-font);\n    min-block-size: 44px;\n    padding: var(--rly-space-8) var(--rly-space-12);\n  }\n\n  .group button:first-child,\n  .standalone {\n    border-radius: var(--rly-radius-control) 0 0 var(--rly-radius-control);\n  }\n\n  .group button:last-child,\n  .standalone {\n    border-radius: 0 var(--rly-radius-control) var(--rly-radius-control) 0;\n  }\n\n  .group button + button {\n    border-inline-start: 0;\n  }\n\n  .group button[aria-pressed=\"true\"],\n  .standalone[aria-pressed=\"true\"] {\n    background: var(--rly-color-surface-3);\n    color: var(--rly-color-text-1);\n    box-shadow: inset 0 -3px var(--rly-color-focus);\n  }\n\n  .group button:hover,\n  .standalone:hover {\n    background: var(--rly-color-surface-2);\n    color: var(--rly-color-text-1);\n  }\n\n  .group button:focus-visible,\n  .standalone:focus-visible {\n    outline: 3px solid var(--rly-color-focus);\n    outline-offset: var(--rly-space-2);\n    position: relative;\n    z-index: 1;\n  }\n\n  .standalone {\n    border-radius: var(--rly-radius-control);\n  }\n\n  @container (max-width: 38rem) {\n    .root {\n      grid-template-columns: minmax(var(--rly-space-0), 1fr);\n    }\n\n    .progress {\n      border-block-start: 1px solid var(--rly-color-border-1);\n      border-inline-start: 0;\n      min-inline-size: var(--rly-space-0);\n      padding-block-start: var(--rly-space-16);\n    }\n\n    .controls {\n      align-items: stretch;\n      display: grid;\n    }\n\n    .group {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(var(--rly-space-0), 1fr));\n    }\n\n    .group button,\n    .group button:first-child,\n    .group button:last-child,\n    .standalone {\n      border: 1px solid var(--rly-color-border-2);\n      border-radius: var(--rly-radius-control);\n    }\n\n    .thesis,\n    .progress {\n      padding-inline: var(--rly-space-16);\n    }\n  }\n}\n","@layer rly.components {\n  .root {\n    background: var(--rly-color-surface-1);\n    border: 1px solid var(--rly-color-border-1);\n    border-radius: var(--rly-radius-group);\n    color: var(--rly-color-text-1);\n    container-type: inline-size;\n    min-inline-size: var(--rly-space-0);\n    overflow: hidden;\n  }\n\n  .header {\n    border-block-end: 1px solid var(--rly-color-border-1);\n    min-inline-size: var(--rly-space-0);\n  }\n\n  .header > *,\n  .inventory > *,\n  .viewer > *,\n  .findingItem > * {\n    border: 0;\n    border-radius: var(--rly-space-0);\n  }\n\n  .body {\n    display: grid;\n    grid-template-columns: minmax(14rem, 0.72fr) minmax(22rem, 2.1fr) minmax(17rem, 0.9fr);\n    min-inline-size: var(--rly-space-0);\n  }\n\n  .inventory,\n  .review,\n  .viewer,\n  .findings {\n    min-inline-size: var(--rly-space-0);\n  }\n\n  .inventory,\n  .review {\n    border-inline-end: 1px solid var(--rly-color-border-1);\n  }\n\n  .review {\n    display: grid;\n    grid-template-rows: auto auto minmax(0, 1fr);\n  }\n\n  .scope,\n  .findingsHeader {\n    display: grid;\n    gap: var(--rly-space-2);\n    padding: var(--rly-space-16) var(--rly-space-20);\n  }\n\n  .scope {\n    grid-template-columns: minmax(var(--rly-space-0), 1fr) auto;\n  }\n\n  .scopeLabel,\n  .scopeValue {\n    grid-column: 1;\n  }\n\n  .scope span,\n  .findingsHeader > span,\n  .notice,\n  .empty {\n    color: var(--rly-color-text-2);\n    font: var(--rly-type-meta-weight) var(--rly-type-meta-size) / var(--rly-type-meta-line-height)\n      var(--rly-type-meta-font);\n  }\n\n  .scope span,\n  .findingsHeader > span {\n    text-transform: uppercase;\n  }\n\n  .scopeValue {\n    font: var(--rly-type-label-weight) var(--rly-type-label-size) / var(--rly-type-label-line-height)\n      var(--rly-type-label-font);\n    overflow-wrap: anywhere;\n  }\n\n  .showAll {\n    align-self: center;\n    background: var(--rly-color-surface-2);\n    border: 1px solid var(--rly-color-border-2);\n    border-radius: var(--rly-radius-control);\n    color: var(--rly-color-text-1);\n    cursor: pointer;\n    font: var(--rly-type-label-weight) var(--rly-type-label-size) / var(--rly-type-label-line-height)\n      var(--rly-type-label-font);\n    grid-column: 2;\n    grid-row: 1 / 3;\n    padding: var(--rly-space-8) var(--rly-space-12);\n  }\n\n  .showAll:hover {\n    background: var(--rly-color-surface-3);\n  }\n\n  .showAll:focus-visible {\n    outline: var(--rly-space-2) solid var(--rly-color-focus);\n    outline-offset: var(--rly-space-2);\n  }\n\n  .notice {\n    background: var(--rly-color-surface-2);\n    border-block-start: 1px solid var(--rly-color-border-1);\n    padding: calc(var(--rly-space-8) + var(--rly-space-2)) var(--rly-space-20);\n  }\n\n  .viewer {\n    border-block-start: 1px solid var(--rly-color-border-1);\n    overflow-x: auto;\n  }\n\n  .findings {\n    align-content: start;\n    display: grid;\n  }\n\n  .findingsHeader {\n    grid-template-columns: minmax(var(--rly-space-0), 1fr) auto;\n  }\n\n  .findingsHeader > span {\n    grid-column: 1 / -1;\n  }\n\n  .findingsHeader h2,\n  .findingsHeader strong {\n    margin: var(--rly-space-0);\n  }\n\n  .findingsHeader h2 {\n    font: var(--rly-type-card-title-weight) var(--rly-type-card-title-size) / var(--rly-type-card-title-line-height)\n      var(--rly-type-card-title-font);\n    letter-spacing: var(--rly-type-card-title-tracking);\n  }\n\n  .findingsHeader strong {\n    align-self: center;\n    font: var(--rly-type-section-title-weight) var(--rly-type-section-title-size) /\n      var(--rly-type-section-title-line-height) var(--rly-type-section-title-font);\n  }\n\n  .findingList {\n    border-block-start: 1px solid var(--rly-color-border-1);\n    list-style: none;\n    margin: var(--rly-space-0);\n    max-block-size: 48rem;\n    overflow-y: auto;\n    padding: var(--rly-space-0);\n  }\n\n  .findingList:focus-visible {\n    outline: 2px solid var(--rly-color-focus);\n    outline-offset: -2px;\n  }\n\n  .findingItem + .findingItem {\n    border-block-start: 1px solid var(--rly-color-border-1);\n  }\n\n  .empty {\n    border-block-start: 1px solid var(--rly-color-border-1);\n    margin: var(--rly-space-0);\n    padding: var(--rly-space-24) var(--rly-space-20);\n  }\n\n  @container (max-width: 58rem) {\n    .body {\n      grid-template-columns: minmax(var(--rly-space-0), 1fr);\n    }\n\n    .inventory,\n    .review {\n      border-block-end: 1px solid var(--rly-color-border-1);\n      border-inline-end: 0;\n    }\n\n    .findingList {\n      max-block-size: none;\n    }\n  }\n\n  @container (max-width: 24rem) {\n    .scope,\n    .findingsHeader {\n      padding-inline: calc(var(--rly-space-12) + var(--rly-space-2));\n    }\n\n    .notice,\n    .empty {\n      padding-inline: calc(var(--rly-space-12) + var(--rly-space-2));\n    }\n  }\n\n  @media (forced-colors: active) {\n    .notice,\n    .showAll {\n      forced-color-adjust: auto;\n    }\n  }\n}\n","import { type ComponentPropsWithRef, type ReactElement, useId } from \"react\"\nimport { classNames, cssClass, requireText } from \"../internal/component.js\"\nimport styles from \"./DiffFileTree.module.css\"\n\nconst style = (name: string): string => cssClass(styles, name)\n\n/** The provider change recorded for one path in the complete diff inventory. */\nexport type RlyDiffFileChange = \"added\" | \"modified\" | \"deleted\" | \"renamed\"\n\n/** Content readiness is independent from the file change, so exceptional files never disappear. */\nexport type RlyDiffFileContent =\n  | { readonly state: \"ready\" }\n  | { readonly label: string; readonly state: \"loading\" }\n  | {\n      readonly reason: string\n      readonly state: \"binary\" | \"generated\" | \"oversized\" | \"unavailable\" | \"error\"\n    }\n\ninterface RlyDiffFileBase {\n  readonly content: RlyDiffFileContent\n  readonly id: string\n  readonly path: string\n}\n\n/** One indexed path. Renames always preserve both the previous and current path. */\nexport type RlyDiffFile =\n  | (RlyDiffFileBase & { readonly change: \"renamed\"; readonly previousPath: string })\n  | (RlyDiffFileBase & {\n      readonly change: \"added\" | \"modified\" | \"deleted\"\n      readonly previousPath?: never\n    })\n\ninterface RlyIndexedInventory {\n  readonly files: ReadonlyArray<RlyDiffFile>\n  readonly indexedCount: number\n  readonly totalCount: number\n}\n\n/** Complete or in-progress inventory state. Error states retain every path indexed so far. */\nexport type RlyDiffInventory =\n  | { readonly files: ReadonlyArray<RlyDiffFile>; readonly state: \"ready\" }\n  | (RlyIndexedInventory & { readonly label: string; readonly state: \"loading\" })\n  | (RlyIndexedInventory & {\n      readonly description: string\n      readonly state: \"error\"\n      readonly title: string\n    })\n\n/** Props for a complete, application-controlled changed-file inventory. */\nexport type DiffFileTreeProps = Omit<ComponentPropsWithRef<\"nav\">, \"aria-label\" | \"children\"> & {\n  readonly data: RlyDiffInventory\n  readonly heading: string\n  readonly onSelectedFileChange: (fileId: string) => void\n  readonly selectedFileId?: string\n}\n\nconst contentLabel = (content: RlyDiffFileContent): string => {\n  if (content.state === \"ready\") return \"Ready\"\n  if (content.state === \"loading\") return requireText(content.label, \"DiffFileTree loading label\")\n  return `${content.state}: ${requireText(content.reason, `DiffFileTree ${content.state} reason`)}`\n}\n\nconst validateInventory = (data: RlyDiffInventory): void => {\n  const ids = new Set<string>()\n  for (const file of data.files) {\n    const id = requireText(file.id, \"DiffFileTree file id\")\n    if (ids.has(id)) throw new Error(`DiffFileTree file ids must be unique: ${id}`)\n    ids.add(id)\n    const path = requireText(file.path, `DiffFileTree path for ${id}`)\n    if (file.change === \"renamed\") {\n      const previousPath = requireText(file.previousPath, `DiffFileTree previousPath for ${id}`)\n      if (previousPath === path) throw new Error(`DiffFileTree renamed paths must differ: ${id}`)\n    }\n    contentLabel(file.content)\n  }\n\n  if (data.state === \"loading\" || data.state === \"error\") {\n    if (!Number.isInteger(data.indexedCount) || !Number.isInteger(data.totalCount)) {\n      throw new Error(\"DiffFileTree counts must be integers\")\n    }\n    if (data.indexedCount !== data.files.length || data.totalCount < data.indexedCount) {\n      throw new Error(\"DiffFileTree indexedCount must match visible files and cannot exceed totalCount\")\n    }\n    if (data.state === \"loading\") requireText(data.label, \"DiffFileTree loading label\")\n    if (data.state === \"error\") {\n      requireText(data.title, \"DiffFileTree error title\")\n      requireText(data.description, \"DiffFileTree error description\")\n    }\n  }\n}\n\n/** Render every indexed path as a lightweight row without instantiating file content renderers. */\nexport const DiffFileTree = ({\n  className,\n  data,\n  heading,\n  onSelectedFileChange,\n  selectedFileId,\n  ...props\n}: DiffFileTreeProps): ReactElement => {\n  const visibleHeading = requireText(heading, \"DiffFileTree heading\")\n  validateInventory(data)\n  if (selectedFileId !== undefined && !data.files.some((file) => file.id === selectedFileId)) {\n    throw new Error(`DiffFileTree selectedFileId is not in the visible inventory: ${selectedFileId}`)\n  }\n  const headingId = `rly-diff-file-tree-${useId()}`\n  const indexedCount = data.state === \"ready\" ? data.files.length : data.indexedCount\n  const totalCount = data.state === \"ready\" ? data.files.length : data.totalCount\n\n  return (\n    <nav\n      {...props}\n      aria-busy={data.state === \"loading\" ? \"true\" : undefined}\n      aria-labelledby={headingId}\n      className={classNames(style(\"root\"), className)}\n      data-rly-diff-inventory-state={data.state}\n    >\n      <header className={style(\"header\")}>\n        <span>\n          <span className={style(\"eyebrow\")}>Changed files</span>\n          <h2 id={headingId}>{visibleHeading}</h2>\n        </span>\n        <strong aria-label={`${indexedCount} of ${totalCount} files indexed`} className={style(\"count\")}>\n          {indexedCount}/{totalCount}\n        </strong>\n      </header>\n\n      {data.state === \"loading\" ? (\n        <p className={style(\"notice\")} role=\"status\">\n          {data.label}\n        </p>\n      ) : null}\n      {data.state === \"error\" ? (\n        <section className={style(\"error\")} role=\"alert\">\n          <strong>{data.title}</strong>\n          <span>{data.description}</span>\n        </section>\n      ) : null}\n\n      {data.files.length === 0 ? (\n        <p className={style(\"empty\")}>No changed files.</p>\n      ) : (\n        <ol className={style(\"list\")}>\n          {data.files.map((file, index) => {\n            const isSelected = selectedFileId === file.id\n            return (\n              <li data-rly-diff-file-id={file.id} key={file.id}>\n                <button\n                  aria-current={isSelected ? \"true\" : undefined}\n                  aria-label={`File ${index + 1} of ${totalCount}: ${file.path}, ${file.change}, ${contentLabel(file.content)}`}\n                  className={style(\"file\")}\n                  data-rly-diff-content-state={file.content.state}\n                  data-rly-diff-file-change={file.change}\n                  onClick={() => onSelectedFileChange(file.id)}\n                  type=\"button\"\n                >\n                  <span aria-hidden=\"true\" className={style(\"index\")}>\n                    {index + 1}\n                  </span>\n                  <span className={style(\"pathBlock\")}>\n                    {file.change === \"renamed\" ? (\n                      <span className={style(\"previousPath\")}>{file.previousPath}</span>\n                    ) : null}\n                    <code className={style(\"path\")}>{file.path}</code>\n                  </span>\n                  <span className={style(\"badges\")}>\n                    <span className={style(\"change\")}>{file.change}</span>\n                    <span className={style(\"content\")}>{contentLabel(file.content)}</span>\n                  </span>\n                </button>\n              </li>\n            )\n          })}\n        </ol>\n      )}\n    </nav>\n  )\n}\n","import { type ComponentPropsWithRef, type ReactElement, useId } from \"react\"\nimport { classNames, cssClass, requireText } from \"../internal/component.js\"\nimport styles from \"./DiffHeader.module.css\"\n\nconst style = (name: string): string => cssClass(styles, name)\n\n/** Controlled diff arrangement. */\nexport type RlyDiffLayout = \"split\" | \"stacked\"\n\n/** Controlled semantic finding filter. */\nexport type RlyDiffFindingFilter = \"all\" | \"human\" | \"agent\" | \"unresolved\"\n\n/** Props for the complete diff inventory thesis and its application-controlled view preferences. */\nexport type DiffHeaderProps = Omit<ComponentPropsWithRef<\"header\">, \"children\"> & {\n  readonly findingFilter: RlyDiffFindingFilter\n  readonly heading: string\n  readonly indexedCount: number\n  readonly isWrapped: boolean\n  readonly layout: RlyDiffLayout\n  readonly onFindingFilterChange: (filter: RlyDiffFindingFilter) => void\n  readonly onLayoutChange: (layout: RlyDiffLayout) => void\n  readonly onWrapChange: (isWrapped: boolean) => void\n  readonly selectedFileLabel?: string\n  readonly totalCount: number\n}\n\nconst findingFilters = [\"all\", \"human\", \"agent\", \"unresolved\"] satisfies ReadonlyArray<RlyDiffFindingFilter>\nconst layouts = [\"split\", \"stacked\"] satisfies ReadonlyArray<RlyDiffLayout>\n\nconst titleCase = (value: string): string => `${value.slice(0, 1).toUpperCase()}${value.slice(1)}`\n\nconst validateCounts = (indexedCount: number, totalCount: number): void => {\n  if (!Number.isInteger(indexedCount) || !Number.isInteger(totalCount)) {\n    throw new Error(\"DiffHeader counts must be integers\")\n  }\n  if (indexedCount < 0 || totalCount < 0 || indexedCount > totalCount) {\n    throw new Error(\"DiffHeader indexedCount must be between zero and totalCount\")\n  }\n}\n\n/** Render indexed progress and controlled preferences without fetching or rendering provider content. */\nexport const DiffHeader = ({\n  className,\n  findingFilter,\n  heading,\n  indexedCount,\n  isWrapped,\n  layout,\n  onFindingFilterChange,\n  onLayoutChange,\n  onWrapChange,\n  selectedFileLabel,\n  totalCount,\n  ...props\n}: DiffHeaderProps): ReactElement => {\n  const visibleHeading = requireText(heading, \"DiffHeader heading\")\n  if (selectedFileLabel !== undefined) requireText(selectedFileLabel, \"DiffHeader selectedFileLabel\")\n  validateCounts(indexedCount, totalCount)\n  const progressId = `rly-diff-header-progress-${useId()}`\n\n  return (\n    <header {...props} className={classNames(style(\"root\"), className)} data-rly-diff-layout={layout}>\n      <section className={style(\"thesis\")}>\n        <span className={style(\"eyebrow\")}>Complete diff</span>\n        <h1>{visibleHeading}</h1>\n        <p>{selectedFileLabel === undefined ? \"All changed files\" : selectedFileLabel}</p>\n      </section>\n\n      <section aria-labelledby={progressId} className={style(\"progress\")}>\n        <span className={style(\"progressCopy\")} id={progressId}>\n          <strong>{indexedCount}</strong>\n          <span>of {totalCount} files indexed</span>\n        </span>\n        <progress max={Math.max(totalCount, 1)} value={indexedCount} />\n      </section>\n\n      <div className={style(\"controls\")}>\n        <div aria-label=\"Diff layout\" className={style(\"group\")} role=\"group\">\n          {layouts.map((option) => (\n            <button aria-pressed={layout === option} key={option} onClick={() => onLayoutChange(option)} type=\"button\">\n              {titleCase(option)}\n            </button>\n          ))}\n        </div>\n        <button\n          aria-pressed={isWrapped}\n          className={style(\"standalone\")}\n          onClick={() => onWrapChange(!isWrapped)}\n          type=\"button\"\n        >\n          Wrap lines\n        </button>\n        <div aria-label=\"Finding filter\" className={style(\"group\")} role=\"group\">\n          {findingFilters.map((filter) => (\n            <button\n              aria-pressed={findingFilter === filter}\n              key={filter}\n              onClick={() => onFindingFilterChange(filter)}\n              type=\"button\"\n            >\n              {titleCase(filter)}\n            </button>\n          ))}\n        </div>\n      </div>\n    </header>\n  )\n}\n","import type { ComponentPropsWithRef, ReactElement, ReactNode } from \"react\"\nimport { classNames, cssClass, requireText } from \"../internal/component.js\"\nimport styles from \"./DiffWorkbench.module.css\"\n\nconst style = (name: string): string => cssClass(styles, name)\n\n/** The application-controlled file scope shown by the workbench. */\nexport type RlyDiffWorkbenchScope =\n  | { readonly label: string; readonly mode: \"all-files\" }\n  | { readonly fileId: string; readonly label: string; readonly mode: \"selected-file\" }\n\n/** One stable semantic finding slot, independent from virtualized line annotations. */\nexport interface RlyDiffWorkbenchFinding {\n  readonly content: ReactNode\n  readonly id: string\n}\n\n/** Presentation-only slots for a complete diff review surface. */\nexport type DiffWorkbenchProps = Omit<ComponentPropsWithRef<\"section\">, \"aria-label\" | \"children\"> & {\n  readonly emptyFindings?: ReactNode\n  readonly findings: ReadonlyArray<RlyDiffWorkbenchFinding>\n  readonly findingsLabel?: string\n  readonly header: ReactNode\n  readonly inventory: ReactNode\n  readonly inventoryLabel?: string\n  readonly label: string\n  readonly onShowAllFiles?: () => void\n  readonly scope: RlyDiffWorkbenchScope\n  readonly statusNotice?: ReactNode\n  readonly viewer: ReactNode\n  readonly viewerLabel?: string\n}\n\nconst validateFindings = (findings: ReadonlyArray<RlyDiffWorkbenchFinding>): void => {\n  const ids = new Set<string>()\n  for (const finding of findings) {\n    const id = requireText(finding.id, \"DiffWorkbench finding id\")\n    if (ids.has(id)) throw new Error(`DiffWorkbench finding ids must be unique: ${id}`)\n    ids.add(id)\n  }\n}\n\n/** Compose complete inventory, renderer, and semantic evidence without owning application state. */\nexport const DiffWorkbench = ({\n  className,\n  emptyFindings = \"No findings match this view.\",\n  findings,\n  findingsLabel = \"Semantic findings\",\n  header,\n  inventory,\n  inventoryLabel = \"Changed files\",\n  label,\n  onShowAllFiles,\n  scope,\n  statusNotice,\n  viewer,\n  viewerLabel = \"Code changes\",\n  ...props\n}: DiffWorkbenchProps): ReactElement => {\n  const visibleLabel = requireText(label, \"DiffWorkbench label\")\n  const visibleScopeLabel = requireText(scope.label, \"DiffWorkbench scope label\")\n  const visibleInventoryLabel = requireText(inventoryLabel, \"DiffWorkbench inventoryLabel\")\n  const visibleViewerLabel = requireText(viewerLabel, \"DiffWorkbench viewerLabel\")\n  const visibleFindingsLabel = requireText(findingsLabel, \"DiffWorkbench findingsLabel\")\n  if (scope.mode === \"selected-file\") {\n    requireText(scope.fileId, \"DiffWorkbench selected file id\")\n    if (onShowAllFiles === undefined) {\n      throw new Error(\"DiffWorkbench selected-file scope requires onShowAllFiles\")\n    }\n  }\n  validateFindings(findings)\n\n  return (\n    <section\n      {...props}\n      aria-label={visibleLabel}\n      className={classNames(style(\"root\"), className)}\n      data-rly-diff-scope={scope.mode}\n      {...(scope.mode === \"selected-file\" ? { \"data-rly-diff-selected-file\": scope.fileId } : {})}\n    >\n      <div className={style(\"header\")} data-rly-diff-workbench-slot=\"header\">\n        {header}\n      </div>\n\n      <div className={style(\"body\")}>\n        <section\n          aria-label={visibleInventoryLabel}\n          className={style(\"inventory\")}\n          data-rly-diff-workbench-slot=\"inventory\"\n        >\n          {inventory}\n        </section>\n\n        <div className={style(\"review\")}>\n          <header className={style(\"scope\")}>\n            <span className={style(\"scopeLabel\")}>{scope.mode === \"all-files\" ? \"All files\" : \"Selected file\"}</span>\n            <strong className={style(\"scopeValue\")}>{visibleScopeLabel}</strong>\n            {scope.mode === \"selected-file\" ? (\n              <button className={style(\"showAll\")} onClick={onShowAllFiles} type=\"button\">\n                Show all files\n              </button>\n            ) : null}\n          </header>\n          {statusNotice === undefined ? null : (\n            <div aria-live=\"polite\" className={style(\"notice\")} data-rly-diff-workbench-slot=\"status\" role=\"status\">\n              {statusNotice}\n            </div>\n          )}\n          <section aria-label={visibleViewerLabel} className={style(\"viewer\")} data-rly-diff-workbench-slot=\"viewer\">\n            {viewer}\n          </section>\n        </div>\n\n        <aside aria-label={visibleFindingsLabel} className={style(\"findings\")} data-rly-diff-workbench-slot=\"findings\">\n          <header className={style(\"findingsHeader\")}>\n            <span>Review evidence</span>\n            <h2>{visibleFindingsLabel}</h2>\n            <strong aria-label={`${findings.length} findings`}>{findings.length}</strong>\n          </header>\n          {findings.length === 0 ? (\n            <div className={style(\"empty\")}>{emptyFindings}</div>\n          ) : (\n            <ol aria-label={`${visibleFindingsLabel} list`} className={style(\"findingList\")} tabIndex={0}>\n              {findings.map((finding) => (\n                <li className={style(\"findingItem\")} key={finding.id}>\n                  {finding.content}\n                </li>\n              ))}\n            </ol>\n          )}\n        </aside>\n      </div>\n    </section>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knpkv/rly",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "Release-oriented design system for human and agent collaboration",
   "license": "MIT",
   "author": "knpkv",
@@ -21,6 +21,14 @@
       "types": "./dist/dts/diff/index.d.ts",
       "import": "./dist/diff/index.js"
     },
+    "./diff/bounded": {
+      "types": "./dist/dts/diff/bounded/index.d.ts",
+      "import": "./dist/diff/bounded/index.js"
+    },
+    "./diff/workbench": {
+      "types": "./dist/dts/diff/workbench/index.d.ts",
+      "import": "./dist/diff/workbench/index.js"
+    },
     "./foundations": {
       "types": "./dist/dts/foundations/index.d.ts",
       "import": "./dist/foundations/index.js"
@@ -61,6 +69,7 @@
   },
   "devDependencies": {
     "@effect/platform-node": "4.0.0-beta.98",
+    "@effect/vitest": "4.0.0-beta.98",
     "@playwright/test": "1.61.1",
     "@storybook/addon-a11y": "10.5.0",
     "@storybook/addon-docs": "10.5.0",
@@ -93,12 +102,12 @@
     "radix-ui": "1.6.2"
   },
   "scripts": {
-    "build": "pnpm codegen:check && pnpm validate:registry && rimraf dist && vite build && tsx scripts/build-assets.ts && tsc -b tsconfig.build.json --force && pnpm validate:dist",
+    "build": "pnpm codegen:check && pnpm validate:registry && rimraf dist && vite build && vite build --config vite.bounded.config.ts && tsx scripts/build-assets.ts && tsc -b tsconfig.build.json --force && pnpm validate:dist",
     "check": "pnpm codegen:check && pnpm validate:registry && pnpm lint:colors && tsc -b tsconfig.json",
     "clean": "rimraf dist *.tsbuildinfo",
     "codegen": "tsx scripts/generate-contract.ts write",
     "codegen:check": "tsx scripts/generate-contract.ts check",
-    "lint": "eslint \"{src,test,scripts,generated,manifest,stories,visual,.storybook}/**/*.{ts,tsx}\" component-manifest.ts vite.config.ts vitest.config.ts vitest.storybook.config.ts playwright.config.ts && pnpm lint:colors",
+    "lint": "eslint \"{src,test,scripts,generated,manifest,stories,visual,.storybook}/**/*.{ts,tsx}\" component-manifest.ts vite.config.ts vite.bounded.config.ts vitest.config.ts vitest.storybook.config.ts playwright.config.ts && pnpm lint:colors",
     "lint:colors": "tsx scripts/tokens/lint-colors.ts",
     "scaffold": "tsx scripts/scaffold-component.ts",
     "storybook": "storybook dev --host 127.0.0.1 --port 6006 --exact-port --no-open --no-version-updates",

package/registry/components.json

@@ -847,6 +847,7 @@
         "standard": "WCAG 2.2 AA"
       },
       "capabilities": [
+        "annotate",
         "compare",
         "review"
       ],
@@ -892,10 +893,15 @@
       "purpose": "Render a complete, virtualized before-and-after code review",
       "slots": [],
       "states": [
+        "annotated",
         "buffered",
         "default",
+        "dismissed",
+        "draft",
+        "resolved",
         "split",
         "stacked",
+        "stale",
         "strict"
       ],
       "status": "experimental",
@@ -958,7 +964,7 @@
         "storyId": "diff-difffiletree--file-states",
         "storyPath": "?path=/story/diff-difffiletree--file-states"
       },
-      "example": "import { DiffFileTree } from \"@knpkv/rly/diff\"",
+      "example": "import { DiffFileTree } from \"@knpkv/rly/diff/workbench\"",
       "exports": [
         {
           "kind": "value",
@@ -995,7 +1001,7 @@
           "test/diff/DiffFileTree.test.tsx"
         ]
       },
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffFileTree",
       "props": {
         "defaults": {},
@@ -1156,7 +1162,7 @@
         "storyId": "diff-diffheader--controlled-preferences",
         "storyPath": "?path=/story/diff-diffheader--controlled-preferences"
       },
-      "example": "import { DiffHeader } from \"@knpkv/rly/diff\"",
+      "example": "import { DiffHeader } from \"@knpkv/rly/diff/workbench\"",
       "exports": [
         {
           "kind": "value",
@@ -1185,7 +1191,7 @@
           "test/diff/DiffHeader.test.tsx"
         ]
       },
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffHeader",
       "props": {
         "defaults": {},
@@ -1272,7 +1278,7 @@
         "storyId": "diff-diffworkbench--bird-eye-review",
         "storyPath": "?path=/story/diff-diffworkbench--bird-eye-review"
       },
-      "example": "import { DiffWorkbench } from \"@knpkv/rly/diff\"",
+      "example": "import { DiffWorkbench } from \"@knpkv/rly/diff/workbench\"",
       "exports": [
         {
           "kind": "value",
@@ -1301,7 +1307,7 @@
           "test/diff/DiffWorkbench.test.tsx"
         ]
       },
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffWorkbench",
       "props": {
         "defaults": {},

package/registry/schema.json

@@ -155,7 +155,7 @@
           },
           "importPath": {
             "type": "string",
-            "pattern": "^@knpkv/rly(?:/(?:tokens|foundations|primitives|patterns|diff))?$"
+            "pattern": "^@knpkv/rly(?:/(?:tokens|foundations|primitives|patterns|diff(?:/workbench)?))?$"
           },
           "name": {
             "type": "string",

package/registry/search.json

@@ -230,6 +230,7 @@
     },
     {
       "capabilities": [
+        "annotate",
         "compare",
         "review"
       ],
@@ -237,19 +238,32 @@
       "importPath": "@knpkv/rly/diff",
       "name": "DiffCodeView",
       "states": [
+        "annotated",
+        "buffered",
         "default",
+        "dismissed",
+        "draft",
+        "resolved",
+        "split",
         "stacked",
+        "stale",
         "strict"
       ],
       "terms": [
+        "annotate",
+        "annotated",
         "buffered",
         "compare",
         "diff",
         "diffcodeview",
+        "dismissed",
+        "draft",
         "mode",
+        "resolved",
         "review",
         "split",
         "stacked",
+        "stale",
         "strict",
         "virtualization"
       ]
@@ -260,7 +274,7 @@
         "navigate"
       ],
       "category": "diff",
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffFileTree",
       "states": [
         "added",
@@ -320,7 +334,7 @@
         "filter"
       ],
       "category": "diff",
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffHeader",
       "states": [
         "agent",
@@ -353,7 +367,7 @@
         "review"
       ],
       "category": "diff",
-      "importPath": "@knpkv/rly/diff",
+      "importPath": "@knpkv/rly/diff/workbench",
       "name": "DiffWorkbench",
       "states": [
         "all-files",