@astryx-vue/lab 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,6 +1,7 @@
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, h, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onScopeDispose, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onScopeDispose, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/circular-progress.css";
-import { AlertDialog, BottomSheet, Button, CheckboxIndicator, ComplexSelector, EmptyState, Field, FieldStatus, Icon, IconButton, Item, List, Text, TextInput, Token, Tooltip, VisuallyHidden, useAnnounce, useTranslator } from "@astryx-vue/core";
+import { AlertDialog, BottomSheet, Button, CheckboxIndicator, ComplexSelector, EmptyState, Field, FieldStatus, Icon, IconButton, Item, List, SyntaxTheme, Text, TextInput, Token, Tooltip, VisuallyHidden, tokenize, useAnnounce, useScrollableArea, useTranslator } from "@astryx-vue/core";
+import "../styles/diff-viewer.css";
 import "../styles/info-tip.css";
 import "../styles/list-input.css";
 import "../styles/log-stream.css";
@@ -31,9 +32,9 @@ function defaultFormatValueLabel(value, max) {
 }
 //#endregion
 //#region src/CircularProgress/CircularProgress.vue
-const _hoisted_1$11 = ["data-size", "data-variant"];
-const _hoisted_2$10 = { class: "astryx-circular-progress__ring" };
-const _hoisted_3$9 = [
+const _hoisted_1$13 = ["data-size", "data-variant"];
+const _hoisted_2$12 = { class: "astryx-circular-progress__ring" };
+const _hoisted_3$11 = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
@@ -42,21 +43,21 @@ const _hoisted_3$9 = [
 	"height",
 	"viewBox"
 ];
-const _hoisted_4$8 = [
+const _hoisted_4$10 = [
 	"data-variant",
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
 ];
-const _hoisted_5$7 = [
+const _hoisted_5$9 = [
 	"data-variant",
 	"cx",
 	"cy",
 	"r",
 	"stroke-width"
 ];
-const _hoisted_6$6 = [
+const _hoisted_6$8 = [
 	"data-variant",
 	"cx",
 	"cy",
@@ -65,7 +66,7 @@ const _hoisted_6$6 = [
 	"stroke-dasharray",
 	"stroke-dashoffset"
 ];
-const _hoisted_7$4 = {
+const _hoisted_7$6 = {
 	key: 0,
 	class: "astryx-circular-progress__center"
 };
@@ -137,7 +138,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					"astryx-circular-progress__visually-hidden": !showLabel.value,
 					"astryx-circular-progress__label--disabled": showLabel.value && __props.isDisabled
 				}])
-			}, toDisplayString(__props.label), 3), createElementVNode("div", _hoisted_2$10, [(openBlock(), createElementBlock("svg", {
+			}, toDisplayString(__props.label), 3), createElementVNode("div", _hoisted_2$12, [(openBlock(), createElementBlock("svg", {
 				class: normalizeClass(["astryx-circular-progress__svg", { "astryx-circular-progress__svg--indeterminate": __props.isIndeterminate }]),
 				role: "progressbar",
 				"aria-labelledby": labelId,
@@ -155,7 +156,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				cy: geometry.value.center,
 				r: geometry.value.radius,
 				"stroke-width": geometry.value.strokeWidth
-			}, null, 8, _hoisted_4$8), __props.isIndeterminate ? (openBlock(), createElementBlock("circle", {
+			}, null, 8, _hoisted_4$10), __props.isIndeterminate ? (openBlock(), createElementBlock("circle", {
 				key: 0,
 				class: "astryx-circular-progress__fill astryx-circular-progress__fill--indeterminate",
 				"data-variant": fillVariant.value,
@@ -163,7 +164,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				cy: geometry.value.center,
 				r: geometry.value.radius,
 				"stroke-width": geometry.value.strokeWidth
-			}, null, 8, _hoisted_5$7)) : (openBlock(), createElementBlock("circle", {
+			}, null, 8, _hoisted_5$9)) : (openBlock(), createElementBlock("circle", {
 				key: 1,
 				class: "astryx-circular-progress__fill",
 				"data-variant": fillVariant.value,
@@ -173,17 +174,1531 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"stroke-width": geometry.value.strokeWidth,
 				"stroke-dasharray": geometry.value.circumference,
 				"stroke-dashoffset": dashoffset.value
-			}, null, 8, _hoisted_6$6))], 10, _hoisted_3$9)), _ctx.$slots.default || hasCenterContent.value ? (openBlock(), createElementBlock("div", _hoisted_7$4, [renderSlot(_ctx.$slots, "default", {}, () => [hasCenterContent.value ? (openBlock(), createElementBlock("span", {
+			}, null, 8, _hoisted_6$8))], 10, _hoisted_3$11)), _ctx.$slots.default || hasCenterContent.value ? (openBlock(), createElementBlock("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "default", {}, () => [hasCenterContent.value ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(["astryx-circular-progress__value", { "astryx-circular-progress__value--disabled": __props.isDisabled }])
-			}, toDisplayString(valueText.value), 3)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true)])], 16, _hoisted_1$11);
+			}, toDisplayString(valueText.value), 3)) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true)])], 16, _hoisted_1$13);
 		};
 	}
 });
 //#endregion
+//#region src/DiffViewer/createDiffFile.ts
+function splitLines(value) {
+	if (value === "") return [];
+	const lines = value.split("\n").map((line) => line.replace(/\r$/, ""));
+	if (lines[lines.length - 1] === "") lines.pop();
+	return lines;
+}
+/**
+* Most changed lines the minimal search explores before giving up. The trace
+* it keeps grows with the square of this, so the cap bounds memory to a few
+* megabytes; past it the changed middle is shown as one replaced block.
+*/
+const MAX_EDIT_DISTANCE = 2e3;
+/**
+* Line edit script from `a` to `b`. Shared leading and trailing lines are
+* context without a search; the middle uses Myers' O(ND) shortest edit script,
+* or, when it needs more than MAX_EDIT_DISTANCE edits, removes the old middle
+* and adds the new one.
+*/
+function diffLines(a, b) {
+	let head = 0;
+	while (head < a.length && head < b.length && a[head] === b[head]) head++;
+	let tailA = a.length;
+	let tailB = b.length;
+	while (tailA > head && tailB > head && a[tailA - 1] === b[tailB - 1]) {
+		tailA--;
+		tailB--;
+	}
+	const ops = [];
+	for (let i = 0; i < head; i++) ops.push({
+		kind: "context",
+		a: i,
+		b: i
+	});
+	const middle = myers(a, b, head, tailA, tailB);
+	if (middle != null) for (const op of middle) ops.push(op);
+	else {
+		for (let i = head; i < tailA; i++) ops.push({
+			kind: "removed",
+			a: i
+		});
+		for (let j = head; j < tailB; j++) ops.push({
+			kind: "added",
+			b: j
+		});
+	}
+	for (let i = 0; tailA + i < a.length; i++) ops.push({
+		kind: "context",
+		a: tailA + i,
+		b: tailB + i
+	});
+	return ops;
+}
+/**
+* Myers' shortest edit script over `a[start, endA)` and `b[start, endB)`,
+* with absolute indexes in the ops; null when it needs more than
+* MAX_EDIT_DISTANCE edits.
+*/
+function myers(a, b, start, endA, endB) {
+	const n = endA - start;
+	const m = endB - start;
+	const max = n + m;
+	const offset = max + 1;
+	const v = new Int32Array(2 * max + 3);
+	const trace = [];
+	let done = false;
+	for (let d = 0; d <= max && !done; d++) {
+		if (d > MAX_EDIT_DISTANCE) return null;
+		trace.push(v.slice(offset - d, offset + d + 1));
+		for (let k = -d; k <= d; k += 2) {
+			let x = k === -d || k !== d && v[offset + k - 1] < v[offset + k + 1] ? v[offset + k + 1] : v[offset + k - 1] + 1;
+			let y = x - k;
+			while (x < n && y < m && a[start + x] === b[start + y]) {
+				x++;
+				y++;
+			}
+			v[offset + k] = x;
+			if (x >= n && y >= m) {
+				done = true;
+				break;
+			}
+		}
+	}
+	const ops = [];
+	let x = n;
+	let y = m;
+	for (let d = trace.length - 1; d >= 0; d--) {
+		const vd = trace[d];
+		const at = (k) => vd[k + d] ?? 0;
+		const k = x - y;
+		const prevK = k === -d || k !== d && at(k - 1) < at(k + 1) ? k + 1 : k - 1;
+		const prevX = at(prevK);
+		const prevY = prevX - prevK;
+		while (x > prevX && y > prevY) {
+			x--;
+			y--;
+			ops.push({
+				kind: "context",
+				a: start + x,
+				b: start + y
+			});
+		}
+		if (d > 0) {
+			if (x === prevX) ops.push({
+				kind: "added",
+				b: start + prevY
+			});
+			else ops.push({
+				kind: "removed",
+				a: start + prevX
+			});
+		}
+		x = prevX;
+		y = prevY;
+	}
+	ops.reverse();
+	return ops;
+}
+function formatRange(start, count) {
+	return count === 1 ? `${start}` : `${start},${count}`;
+}
+/**
+* Compute a {@link DiffViewerFile} from two versions of a text, for callers
+* that hold file contents rather than a patch.
+*
+* @example
+* ```
+* const file = createDiffFile({oldValue: before, newValue: after, path: 'src/app.ts'});
+* <DiffViewer file={file} />
+* ```
+*/
+function createDiffFile({ oldValue, newValue, path, oldPath: oldPathOption, newPath: newPathOption, contextLines = 3 }) {
+	const oldPath = oldPathOption === void 0 ? path ?? null : oldPathOption;
+	const newPath = newPathOption === void 0 ? path ?? null : newPathOption;
+	const context = Number.isNaN(contextLines) ? 3 : Math.max(0, Math.floor(contextLines));
+	let status = "modified";
+	if (oldPathOption === null) status = "added";
+	else if (newPathOption === null) status = "deleted";
+	else if (oldPath != null && newPath != null && oldPath !== newPath) status = "renamed";
+	const a = splitLines(oldValue);
+	const b = splitLines(newValue);
+	const ops = diffLines(a, b);
+	const changed = [];
+	ops.forEach((op, i) => {
+		if (op.kind !== "context") changed.push(i);
+	});
+	const hunks = [];
+	let g = 0;
+	while (g < changed.length) {
+		let last = changed[g];
+		let h = g + 1;
+		while (h < changed.length && changed[h] - last - 1 <= context * 2) {
+			last = changed[h];
+			h++;
+		}
+		const start = Math.max(0, changed[g] - context);
+		const end = Math.min(ops.length - 1, last + context);
+		const lines = [];
+		let oldCount = 0;
+		let newCount = 0;
+		for (let i = start; i <= end; i++) {
+			const op = ops[i];
+			if (op.kind === "context") {
+				lines.push({
+					kind: "context",
+					content: a[op.a],
+					oldLineNumber: op.a + 1,
+					newLineNumber: op.b + 1
+				});
+				oldCount++;
+				newCount++;
+			} else if (op.kind === "removed") {
+				lines.push({
+					kind: "removed",
+					content: a[op.a],
+					oldLineNumber: op.a + 1,
+					newLineNumber: null
+				});
+				oldCount++;
+			} else {
+				lines.push({
+					kind: "added",
+					content: b[op.b],
+					oldLineNumber: null,
+					newLineNumber: op.b + 1
+				});
+				newCount++;
+			}
+		}
+		let oldBefore = 0;
+		let newBefore = 0;
+		for (let i = 0; i < start; i++) {
+			const op = ops[i];
+			if (op.kind !== "added") oldBefore++;
+			if (op.kind !== "removed") newBefore++;
+		}
+		const oldStart = oldCount === 0 ? oldBefore : oldBefore + 1;
+		const newStart = newCount === 0 ? newBefore : newBefore + 1;
+		hunks.push({
+			header: `@@ -${formatRange(oldStart, oldCount)} +${formatRange(newStart, newCount)} @@`,
+			oldStart,
+			oldLines: oldCount,
+			newStart,
+			newLines: newCount,
+			lines
+		});
+		g = h;
+	}
+	return {
+		oldPath: status === "added" ? null : oldPath,
+		newPath: status === "deleted" ? null : newPath,
+		status,
+		isBinary: false,
+		hunks
+	};
+}
+//#endregion
+//#region src/DiffViewer/RenderVNode.ts
+var RenderVNode_default = defineComponent({
+	name: "AstryxDiffViewerRenderVNode",
+	props: { content: { required: true } },
+	setup(props) {
+		return () => props.content;
+	}
+});
+//#endregion
+//#region src/DiffViewer/DiffViewerTable.vue
+const _hoisted_1$12 = {
+	key: 0,
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_2$11 = {
+	key: 1,
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_3$10 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_4$9 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_5$8 = { key: 0 };
+const _hoisted_6$7 = ["colspan"];
+const _hoisted_7$5 = { class: "astryx-diff-viewer__ltr" };
+const _hoisted_8$4 = ["aria-label", "onClick"];
+const _hoisted_9$4 = ["aria-label", "onClick"];
+const _hoisted_10$4 = ["data-diff"];
+const _hoisted_11$2 = { class: "astryx-diff-viewer__ltr" };
+const _hoisted_12$1 = ["data-kind"];
+const _hoisted_13 = { key: 0 };
+const _hoisted_14 = ["colspan"];
+const _hoisted_15 = { class: "astryx-diff-viewer__annotation-content" };
+const _hoisted_16 = {
+	key: 0,
+	class: "astryx-diff-viewer__gutter-col"
+};
+const _hoisted_17 = {
+	key: 1,
+	class: "astryx-diff-viewer__gutter-col"
+};
+const _hoisted_18 = {
+	key: 0,
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_19 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_20 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_21 = {
+	key: 1,
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_22 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_23 = {
+	scope: "col",
+	class: "astryx-diff-viewer__column-header"
+};
+const _hoisted_24 = { key: 0 };
+const _hoisted_25 = ["colspan"];
+const _hoisted_26 = { class: "astryx-diff-viewer__ltr" };
+const _hoisted_27 = ["aria-label", "onClick"];
+const _hoisted_28 = ["data-diff"];
+const _hoisted_29 = { class: "astryx-diff-viewer__ltr" };
+const _hoisted_30 = ["data-kind"];
+const _hoisted_31 = ["aria-label", "onClick"];
+const _hoisted_32 = ["data-diff"];
+const _hoisted_33 = { class: "astryx-diff-viewer__ltr" };
+const _hoisted_34 = ["data-kind"];
+const _hoisted_35 = { key: 0 };
+const _hoisted_36 = ["colspan"];
+const _hoisted_37 = {
+	key: 0,
+	class: "astryx-diff-viewer__annotation-content"
+};
+const _hoisted_38 = ["colspan"];
+const _hoisted_39 = {
+	key: 0,
+	class: "astryx-diff-viewer__annotation-content"
+};
+const _sfc_main$13 = /*@__PURE__*/ defineComponent({
+	name: "AstryxDiffViewerTable",
+	__name: "DiffViewerTable",
+	props: {
+		viewMode: {},
+		unifiedRows: {},
+		splitRows: {},
+		hasLineNumbers: { type: Boolean },
+		isWrapped: { type: Boolean },
+		hasLineNumberClick: { type: Boolean },
+		digits: {}
+	},
+	emits: ["lineNumberClick"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const unifiedColumns = computed(() => (props.hasLineNumbers ? 2 : 0) + 2);
+		const splitSideColumns = computed(() => (props.hasLineNumbers ? 1 : 0) + 2);
+		const tableStyle = computed(() => ({ "--astryx-diff-viewer-gutter-width": `${props.digits}ch` }));
+		function lineNumber(cell, side) {
+			if (cell == null) return null;
+			return side === "old" ? cell.line.oldLineNumber : cell.line.newLineNumber;
+		}
+		/** Only the gutter of the line's own anchor side is a button. */
+		function lineAction(cell, side) {
+			if (cell == null || cell.ref.side !== side || lineNumber(cell, side) == null) return null;
+			return cell.ref;
+		}
+		function emitLineNumberClick(cell, side, event) {
+			const action = lineAction(cell, side);
+			if (action != null) emit("lineNumberClick", action, event);
+		}
+		function lineNumberButtonLabel(side, number) {
+			return `${side === "old" ? "Original" : "Changed"} line ${number ?? ""}`;
+		}
+		function diffKind(cell) {
+			const kind = cell?.line.kind;
+			return kind !== "context" ? kind : void 0;
+		}
+		function cellClass(cell) {
+			return {
+				"is-added": cell?.line.kind === "added",
+				"is-removed": cell?.line.kind === "removed",
+				"is-filler": cell == null
+			};
+		}
+		function oldNote(row) {
+			if (row.type !== "pair" || row.old == null || row.old.line.kind === "context") return null;
+			return row.old.note ?? null;
+		}
+		function newNote(row) {
+			return row.type === "pair" ? row.new?.note ?? null : null;
+		}
+		return (_ctx, _cache) => {
+			return __props.viewMode === "unified" ? (openBlock(), createElementBlock("table", {
+				key: 0,
+				class: normalizeClass(["astryx-diff-viewer__table", { "astryx-diff-viewer__table--wrapped": __props.isWrapped }]),
+				style: normalizeStyle(tableStyle.value)
+			}, [
+				createElementVNode("colgroup", null, [
+					__props.hasLineNumbers ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[0] || (_cache[0] = createElementVNode("col", { class: "astryx-diff-viewer__gutter-col" }, null, -1)), _cache[1] || (_cache[1] = createElementVNode("col", { class: "astryx-diff-viewer__gutter-col" }, null, -1))], 64)) : createCommentVNode("v-if", true),
+					_cache[2] || (_cache[2] = createElementVNode("col", { class: "astryx-diff-viewer__marker-col" }, null, -1)),
+					_cache[3] || (_cache[3] = createElementVNode("col", null, null, -1))
+				]),
+				createElementVNode("thead", null, [createElementVNode("tr", null, [
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("th", _hoisted_1$12, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Original line number", -1)])]),
+						_: 1
+					})])) : createCommentVNode("v-if", true),
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("th", _hoisted_2$11, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Changed line number", -1)])]),
+						_: 1
+					})])) : createCommentVNode("v-if", true),
+					createElementVNode("th", _hoisted_3$10, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("Change", -1)])]),
+						_: 1
+					})]),
+					createElementVNode("th", _hoisted_4$9, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode("Code", -1)])]),
+						_: 1
+					})])
+				])]),
+				createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.unifiedRows, (row) => {
+					return openBlock(), createElementBlock(Fragment, { key: row.key }, [row.type === "hunk" ? (openBlock(), createElementBlock("tr", _hoisted_5$8, [createElementVNode("td", {
+						colspan: unifiedColumns.value,
+						class: "astryx-diff-viewer__hunk"
+					}, [createElementVNode("span", _hoisted_7$5, toDisplayString(row.header), 1)], 8, _hoisted_6$7)])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("tr", null, [
+						__props.hasLineNumbers ? (openBlock(), createElementBlock("td", {
+							key: 0,
+							class: normalizeClass(["astryx-diff-viewer__gutter", cellClass(row.cell)])
+						}, [__props.hasLineNumberClick && lineAction(row.cell, "old") != null ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "astryx-diff-viewer__gutter-button",
+							"data-diff-line-button": "",
+							"aria-label": lineNumberButtonLabel("old", lineNumber(row.cell, "old")),
+							onClick: ($event) => emitLineNumberClick(row.cell, "old", $event)
+						}, toDisplayString(lineNumber(row.cell, "old")), 9, _hoisted_8$4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(lineNumber(row.cell, "old")), 1)], 64))], 2)) : createCommentVNode("v-if", true),
+						__props.hasLineNumbers ? (openBlock(), createElementBlock("td", {
+							key: 1,
+							class: normalizeClass(["astryx-diff-viewer__gutter", cellClass(row.cell)])
+						}, [__props.hasLineNumberClick && lineAction(row.cell, "new") != null ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "astryx-diff-viewer__gutter-button",
+							"data-diff-line-button": "",
+							"aria-label": lineNumberButtonLabel("new", lineNumber(row.cell, "new")),
+							onClick: ($event) => emitLineNumberClick(row.cell, "new", $event)
+						}, toDisplayString(lineNumber(row.cell, "new")), 9, _hoisted_9$4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(lineNumber(row.cell, "new")), 1)], 64))], 2)) : createCommentVNode("v-if", true),
+						createElementVNode("td", { class: normalizeClass(["astryx-diff-viewer__marker", cellClass(row.cell)]) }, [row.cell.line.kind === "added" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[9] || (_cache[9] = createElementVNode("span", { "aria-hidden": "true" }, "+", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("Added", -1)])]),
+							_: 1
+						})], 64)) : row.cell.line.kind === "removed" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[11] || (_cache[11] = createElementVNode("span", { "aria-hidden": "true" }, "-", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode("Removed", -1)])]),
+							_: 1
+						})], 64)) : createCommentVNode("v-if", true)], 2),
+						createElementVNode("td", {
+							class: normalizeClass(["astryx-diff-viewer__code", [cellClass(row.cell), { "astryx-diff-viewer__code--wrapped": __props.isWrapped }]]),
+							"data-diff": diffKind(row.cell)
+						}, [createElementVNode("span", _hoisted_11$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.cell.groups, (group, groupIndex) => {
+							return openBlock(), createElementBlock(Fragment, { key: groupIndex }, [group.changed ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "astryx-diff-viewer__change",
+								"data-diff-change": "",
+								"data-kind": row.cell.line.kind
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 8, _hoisted_12$1)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 64);
+						}), 128))])], 10, _hoisted_10$4)
+					]), row.cell.note != null ? (openBlock(), createElementBlock("tr", _hoisted_13, [createElementVNode("td", {
+						colspan: unifiedColumns.value,
+						class: "astryx-diff-viewer__annotation"
+					}, [createElementVNode("div", _hoisted_15, [createVNode(unref(RenderVNode_default), { content: row.cell.note }, null, 8, ["content"])])], 8, _hoisted_14)])) : createCommentVNode("v-if", true)], 64))], 64);
+				}), 128))])
+			], 6)) : (openBlock(), createElementBlock("table", {
+				key: 1,
+				class: normalizeClass(["astryx-diff-viewer__table", { "astryx-diff-viewer__table--wrapped": __props.isWrapped }]),
+				style: normalizeStyle(tableStyle.value)
+			}, [
+				createElementVNode("colgroup", null, [
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("col", _hoisted_16)) : createCommentVNode("v-if", true),
+					_cache[12] || (_cache[12] = createElementVNode("col", { class: "astryx-diff-viewer__marker-col" }, null, -1)),
+					_cache[13] || (_cache[13] = createElementVNode("col", null, null, -1)),
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("col", _hoisted_17)) : createCommentVNode("v-if", true),
+					_cache[14] || (_cache[14] = createElementVNode("col", { class: "astryx-diff-viewer__marker-col" }, null, -1)),
+					_cache[15] || (_cache[15] = createElementVNode("col", null, null, -1))
+				]),
+				createElementVNode("thead", null, [createElementVNode("tr", null, [
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("th", _hoisted_18, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[16] || (_cache[16] = [createTextVNode("Original line number", -1)])]),
+						_: 1
+					})])) : createCommentVNode("v-if", true),
+					createElementVNode("th", _hoisted_19, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[17] || (_cache[17] = [createTextVNode("Change", -1)])]),
+						_: 1
+					})]),
+					createElementVNode("th", _hoisted_20, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[18] || (_cache[18] = [createTextVNode("Original code", -1)])]),
+						_: 1
+					})]),
+					__props.hasLineNumbers ? (openBlock(), createElementBlock("th", _hoisted_21, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[19] || (_cache[19] = [createTextVNode("Changed line number", -1)])]),
+						_: 1
+					})])) : createCommentVNode("v-if", true),
+					createElementVNode("th", _hoisted_22, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[20] || (_cache[20] = [createTextVNode("Change", -1)])]),
+						_: 1
+					})]),
+					createElementVNode("th", _hoisted_23, [createVNode(unref(VisuallyHidden), null, {
+						default: withCtx(() => [..._cache[21] || (_cache[21] = [createTextVNode("Changed code", -1)])]),
+						_: 1
+					})])
+				])]),
+				createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.splitRows, (row) => {
+					return openBlock(), createElementBlock(Fragment, { key: row.key }, [row.type === "hunk" ? (openBlock(), createElementBlock("tr", _hoisted_24, [createElementVNode("td", {
+						colspan: splitSideColumns.value * 2,
+						class: "astryx-diff-viewer__hunk"
+					}, [createElementVNode("span", _hoisted_26, toDisplayString(row.header), 1)], 8, _hoisted_25)])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createElementVNode("tr", null, [
+						__props.hasLineNumbers ? (openBlock(), createElementBlock("td", {
+							key: 0,
+							class: normalizeClass(["astryx-diff-viewer__gutter", cellClass(row.old)])
+						}, [__props.hasLineNumberClick && lineAction(row.old, "old") != null ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "astryx-diff-viewer__gutter-button",
+							"data-diff-line-button": "",
+							"aria-label": lineNumberButtonLabel("old", lineNumber(row.old, "old")),
+							onClick: ($event) => emitLineNumberClick(row.old, "old", $event)
+						}, toDisplayString(lineNumber(row.old, "old")), 9, _hoisted_27)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(lineNumber(row.old, "old")), 1)], 64))], 2)) : createCommentVNode("v-if", true),
+						createElementVNode("td", { class: normalizeClass(["astryx-diff-viewer__marker", cellClass(row.old)]) }, [row.old?.line.kind === "added" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[23] || (_cache[23] = createElementVNode("span", { "aria-hidden": "true" }, "+", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[22] || (_cache[22] = [createTextVNode("Added", -1)])]),
+							_: 1
+						})], 64)) : row.old?.line.kind === "removed" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[25] || (_cache[25] = createElementVNode("span", { "aria-hidden": "true" }, "-", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[24] || (_cache[24] = [createTextVNode("Removed", -1)])]),
+							_: 1
+						})], 64)) : createCommentVNode("v-if", true)], 2),
+						createElementVNode("td", {
+							class: normalizeClass(["astryx-diff-viewer__code astryx-diff-viewer__code--old", [cellClass(row.old), { "astryx-diff-viewer__code--wrapped": __props.isWrapped }]]),
+							"data-diff": diffKind(row.old)
+						}, [createElementVNode("span", _hoisted_29, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.old?.groups ?? [], (group, groupIndex) => {
+							return openBlock(), createElementBlock(Fragment, { key: groupIndex }, [group.changed ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "astryx-diff-viewer__change",
+								"data-diff-change": "",
+								"data-kind": row.old?.line.kind
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 8, _hoisted_30)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 64);
+						}), 128))])], 10, _hoisted_28),
+						__props.hasLineNumbers ? (openBlock(), createElementBlock("td", {
+							key: 1,
+							class: normalizeClass(["astryx-diff-viewer__gutter", cellClass(row.new)])
+						}, [__props.hasLineNumberClick && lineAction(row.new, "new") != null ? (openBlock(), createElementBlock("button", {
+							key: 0,
+							type: "button",
+							class: "astryx-diff-viewer__gutter-button",
+							"data-diff-line-button": "",
+							"aria-label": lineNumberButtonLabel("new", lineNumber(row.new, "new")),
+							onClick: ($event) => emitLineNumberClick(row.new, "new", $event)
+						}, toDisplayString(lineNumber(row.new, "new")), 9, _hoisted_31)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(lineNumber(row.new, "new")), 1)], 64))], 2)) : createCommentVNode("v-if", true),
+						createElementVNode("td", { class: normalizeClass(["astryx-diff-viewer__marker", cellClass(row.new)]) }, [row.new?.line.kind === "added" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[27] || (_cache[27] = createElementVNode("span", { "aria-hidden": "true" }, "+", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[26] || (_cache[26] = [createTextVNode("Added", -1)])]),
+							_: 1
+						})], 64)) : row.new?.line.kind === "removed" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[29] || (_cache[29] = createElementVNode("span", { "aria-hidden": "true" }, "-", -1)), createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [..._cache[28] || (_cache[28] = [createTextVNode("Removed", -1)])]),
+							_: 1
+						})], 64)) : createCommentVNode("v-if", true)], 2),
+						createElementVNode("td", {
+							class: normalizeClass(["astryx-diff-viewer__code", [cellClass(row.new), { "astryx-diff-viewer__code--wrapped": __props.isWrapped }]]),
+							"data-diff": diffKind(row.new)
+						}, [createElementVNode("span", _hoisted_33, [(openBlock(true), createElementBlock(Fragment, null, renderList(row.new?.groups ?? [], (group, groupIndex) => {
+							return openBlock(), createElementBlock(Fragment, { key: groupIndex }, [group.changed ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								class: "astryx-diff-viewer__change",
+								"data-diff-change": "",
+								"data-kind": row.new?.line.kind
+							}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 8, _hoisted_34)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(group.parts, (part, partIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: partIndex }, [part.type != null ? (openBlock(), createElementBlock("span", {
+									key: 0,
+									class: normalizeClass(`astryx-token-${part.type}`)
+								}, toDisplayString(part.text), 3)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(part.text), 1)], 64))], 64);
+							}), 128))], 64);
+						}), 128))])], 10, _hoisted_32)
+					]), oldNote(row) != null || newNote(row) != null ? (openBlock(), createElementBlock("tr", _hoisted_35, [createElementVNode("td", {
+						colspan: splitSideColumns.value,
+						class: "astryx-diff-viewer__annotation astryx-diff-viewer__code--old"
+					}, [oldNote(row) != null ? (openBlock(), createElementBlock("div", _hoisted_37, [createVNode(unref(RenderVNode_default), { content: oldNote(row) }, null, 8, ["content"])])) : createCommentVNode("v-if", true)], 8, _hoisted_36), createElementVNode("td", {
+						colspan: splitSideColumns.value,
+						class: "astryx-diff-viewer__annotation"
+					}, [newNote(row) != null ? (openBlock(), createElementBlock("div", _hoisted_39, [createVNode(unref(RenderVNode_default), { content: newNote(row) }, null, 8, ["content"])])) : createCommentVNode("v-if", true)], 8, _hoisted_38)])) : createCommentVNode("v-if", true)], 64))], 64);
+				}), 128))])
+			], 6));
+		};
+	}
+});
+//#endregion
+//#region src/DiffViewer/language.ts
+/**
+* @file language.ts
+* @input A file path from a diff
+* @output inferLanguage(path): the tokenizer language for that extension
+* @position Lab helper used by DiffViewer when `language` is not given
+*/
+const EXTENSION_LANGUAGES = {
+	ts: "ts",
+	mts: "ts",
+	cts: "ts",
+	tsx: "tsx",
+	js: "js",
+	mjs: "js",
+	cjs: "js",
+	jsx: "jsx",
+	json: "json",
+	html: "html",
+	htm: "html",
+	xml: "xml",
+	svg: "svg",
+	css: "css",
+	scss: "scss",
+	less: "less",
+	py: "python",
+	sh: "bash",
+	bash: "bash",
+	zsh: "zsh",
+	php: "php",
+	hack: "hack",
+	yaml: "yaml",
+	yml: "yaml",
+	md: "markdown",
+	markdown: "markdown"
+};
+/** `src/app.ts` → `ts`; unknown or missing extensions render as plaintext. */
+function inferLanguage(path) {
+	if (path == null) return "plaintext";
+	const base = path.slice(path.lastIndexOf("/") + 1);
+	const dot = base.lastIndexOf(".");
+	if (dot <= 0) return "plaintext";
+	return EXTENSION_LANGUAGES[base.slice(dot + 1).toLowerCase()] ?? "plaintext";
+}
+//#endregion
+//#region src/DiffViewer/inlineDiff.ts
+/**
+* Upper bound on the comparison table (tokens × tokens). Beyond it a pair is
+* reported as having no inline ranges, so a very long minified line cannot
+* stall rendering; its row tint still marks it as changed.
+*/
+const MAX_CELLS = 25e4;
+const EMPTY = {
+	old: [],
+	new: []
+};
+const WORD_PATTERN = /\w+|\s+|[^\w\s]/gu;
+function split(line, granularity) {
+	if (granularity === "char") {
+		let offset = 0;
+		return Array.from(line, (text) => {
+			const start = offset;
+			offset += text.length;
+			return {
+				text,
+				start,
+				end: offset
+			};
+		});
+	}
+	const pieces = [];
+	for (const match of line.matchAll(WORD_PATTERN)) {
+		const start = match.index ?? 0;
+		pieces.push({
+			text: match[0],
+			start,
+			end: start + match[0].length
+		});
+	}
+	return pieces;
+}
+function isBlank(text) {
+	return text.trim() === "";
+}
+/**
+* Merge the changed pieces into ranges: adjacent pieces join, and in word
+* mode so do two changes separated only by whitespace, so `a b` → `c d`
+* reads as one change rather than two with a gap. Ranges of only whitespace
+* (re-indentation) are dropped: a highlighted blank says little.
+*/
+function toRanges(pieces, changed, granularity) {
+	const ranges = [];
+	let i = 0;
+	while (i < pieces.length) {
+		if (!changed[i]) {
+			i++;
+			continue;
+		}
+		const start = pieces[i].start;
+		let end = pieces[i].end;
+		i++;
+		while (i < pieces.length) {
+			if (changed[i]) {
+				end = pieces[i].end;
+				i++;
+				continue;
+			}
+			if (granularity === "word" && isBlank(pieces[i].text) && i + 1 < pieces.length && changed[i + 1]) {
+				end = pieces[i + 1].end;
+				i += 2;
+				continue;
+			}
+			break;
+		}
+		if (pieces.some((p) => p.start >= start && p.end <= end && !isBlank(p.text))) ranges.push([start, end]);
+	}
+	return ranges;
+}
+/**
+* Below this share of the shorter line's non-whitespace characters in
+* common, two paired lines are treated as unrelated: highlighting most of
+* both would say no more than the row tint.
+*/
+const MIN_SHARED_RATIO = .5;
+function contentLength(pieces) {
+	let length = 0;
+	for (const piece of pieces) if (!isBlank(piece.text)) length += piece.text.length;
+	return length;
+}
+/**
+* The changed ranges of a removed line and the added line that replaced it.
+* Returns no ranges when the lines are mostly different (less than half of
+* the shorter line's non-whitespace text in common: the whole line changed,
+* which the row tint already says) or when they are too long to compare.
+*/
+function diffInlineRanges(oldLine, newLine, granularity) {
+	if (oldLine === newLine) return EMPTY;
+	const a = split(oldLine, granularity);
+	const b = split(newLine, granularity);
+	const n = a.length;
+	const m = b.length;
+	if (n === 0 || m === 0 || n * m > MAX_CELLS) return EMPTY;
+	const width = m + 1;
+	const lengths = new Uint32Array((n + 1) * width);
+	for (let i = n - 1; i >= 0; i--) for (let j = m - 1; j >= 0; j--) lengths[i * width + j] = a[i].text === b[j].text ? lengths[(i + 1) * width + j + 1] + 1 : Math.max(lengths[(i + 1) * width + j], lengths[i * width + j + 1]);
+	const oldChanged = Array.from({ length: n }).fill(true);
+	const newChanged = Array.from({ length: m }).fill(true);
+	let shared = 0;
+	let i = 0;
+	let j = 0;
+	while (i < n && j < m) if (a[i].text === b[j].text) {
+		oldChanged[i] = false;
+		newChanged[j] = false;
+		if (!isBlank(a[i].text)) shared += a[i].text.length;
+		i++;
+		j++;
+	} else if (lengths[(i + 1) * width + j] >= lengths[i * width + j + 1]) i++;
+	else j++;
+	const shorter = Math.min(contentLength(a), contentLength(b));
+	if (shared === 0 || shared < shorter * MIN_SHARED_RATIO) return EMPTY;
+	return {
+		old: toRanges(a, oldChanged, granularity),
+		new: toRanges(b, newChanged, granularity)
+	};
+}
+//#endregion
+//#region src/DiffViewer/lineParts.ts
+/**
+* Cut a line at every syntax-token and inline-highlight boundary, so each
+* piece carries one token type and one changed/unchanged state.
+*/
+function buildPieces(text, tokens, emphasis) {
+	const segments = [];
+	let cursor = 0;
+	for (const token of tokens) {
+		const start = Math.max(token.start, cursor);
+		const end = Math.min(token.end, text.length);
+		if (start > cursor) segments.push({
+			start: cursor,
+			end: start,
+			type: null
+		});
+		if (end > start) segments.push({
+			start,
+			end,
+			type: token.type
+		});
+		cursor = Math.max(cursor, end);
+	}
+	if (cursor < text.length) segments.push({
+		start: cursor,
+		end: text.length,
+		type: null
+	});
+	const cuts = /* @__PURE__ */ new Set();
+	for (const [start, end] of emphasis) {
+		cuts.add(start);
+		cuts.add(end);
+	}
+	const isChanged = (offset) => emphasis.some(([start, end]) => offset >= start && offset < end);
+	const pieces = [];
+	for (const segment of segments) {
+		let start = segment.start;
+		for (let offset = segment.start + 1; offset < segment.end; offset++) if (cuts.has(offset)) {
+			pieces.push({
+				start,
+				end: offset,
+				type: segment.type,
+				changed: isChanged(start)
+			});
+			start = offset;
+		}
+		pieces.push({
+			start,
+			end: segment.end,
+			type: segment.type,
+			changed: isChanged(start)
+		});
+	}
+	return pieces;
+}
+/**
+* Group a line into runs that DiffViewer can render without extra wrappers:
+* unchanged runs keep their token spans, and adjacent changed pieces share one
+* `data-diff-change` element.
+*/
+function buildLineGroups(text, tokens, emphasis) {
+	if (text === "") return [{
+		changed: false,
+		parts: [{
+			text: "​",
+			type: null,
+			changed: false
+		}]
+	}];
+	const pieces = buildPieces(text, tokens, emphasis);
+	const groups = [];
+	for (const piece of pieces) {
+		const part = {
+			text: text.slice(piece.start, piece.end),
+			type: piece.type,
+			changed: piece.changed
+		};
+		const last = groups[groups.length - 1];
+		if (last != null && last.changed === piece.changed) {
+			last.parts.push(part);
+			continue;
+		}
+		groups.push({
+			changed: piece.changed,
+			parts: [part]
+		});
+	}
+	return groups;
+}
+//#endregion
+//#region src/DiffViewer/rows.ts
+function lineRef(line, hunkIndex) {
+	if (line.kind === "removed") return line.oldLineNumber == null ? null : {
+		side: "old",
+		lineNumber: line.oldLineNumber,
+		line,
+		hunkIndex
+	};
+	return line.newLineNumber == null ? null : {
+		side: "new",
+		lineNumber: line.newLineNumber,
+		line,
+		hunkIndex
+	};
+}
+/**
+* Pair each run of removed lines with the run of added lines after it, line by
+* line (the same pairing split view shows), and mark what changed inside each
+* pair.
+*/
+function addInlineEmphasis(cells, granularity) {
+	let i = 0;
+	while (i < cells.length) {
+		if (cells[i].line.kind !== "removed") {
+			i++;
+			continue;
+		}
+		const removed = [];
+		const added = [];
+		while (i < cells.length && cells[i].line.kind === "removed") removed.push(cells[i++]);
+		while (i < cells.length && cells[i].line.kind === "added") added.push(cells[i++]);
+		const pairs = Math.min(removed.length, added.length);
+		for (let r = 0; r < pairs; r++) {
+			const ranges = diffInlineRanges(removed[r].line.content, added[r].line.content, granularity);
+			removed[r].emphasis = ranges.old;
+			added[r].emphasis = ranges.new;
+		}
+	}
+}
+/**
+* Tokenize each hunk's old and new side as continuous text, so constructs that
+* span lines (block comments, template strings) keep their paint within the
+* hunk, then hand each line the tokens of the side it renders from.
+*/
+function buildCells(file, language, inlineHighlight) {
+	return file.hunks.map((hunk, hunkIndex) => {
+		const oldLines = hunk.lines.filter((line) => line.kind !== "added");
+		const newLines = hunk.lines.filter((line) => line.kind !== "removed");
+		const highlight = language !== "plaintext";
+		const oldTokens = highlight ? tokenize(oldLines.map((line) => line.content).join("\n"), language) : [];
+		const newTokens = highlight ? tokenize(newLines.map((line) => line.content).join("\n"), language) : [];
+		let oldIndex = 0;
+		let newIndex = 0;
+		const cells = [];
+		for (const line of hunk.lines) {
+			let tokens;
+			if (line.kind === "removed") tokens = oldTokens[oldIndex++] ?? [];
+			else if (line.kind === "added") tokens = newTokens[newIndex++] ?? [];
+			else {
+				oldIndex++;
+				tokens = newTokens[newIndex++] ?? [];
+			}
+			const ref = lineRef(line, hunkIndex);
+			if (ref != null) cells.push({
+				line,
+				ref,
+				tokens,
+				emphasis: [],
+				groups: []
+			});
+		}
+		if (inlineHighlight !== "none") addInlineEmphasis(cells, inlineHighlight);
+		for (const cell of cells) cell.groups = buildLineGroups(cell.line.content, cell.tokens, cell.emphasis);
+		return cells;
+	});
+}
+function buildUnifiedRows(file, cells) {
+	const rows = [];
+	file.hunks.forEach((hunk, h) => {
+		rows.push({
+			type: "hunk",
+			key: `h${h}`,
+			header: hunk.header
+		});
+		cells[h].forEach((cell, i) => {
+			rows.push({
+				type: "line",
+				key: `h${h}l${i}`,
+				cell
+			});
+		});
+	});
+	return rows;
+}
+/**
+* Pair each run of removed lines with the run of added lines that follows it,
+* row by row; context lines appear on both sides of one row.
+*/
+function buildSplitRows(file, cells) {
+	const rows = [];
+	file.hunks.forEach((hunk, h) => {
+		rows.push({
+			type: "hunk",
+			key: `h${h}`,
+			header: hunk.header
+		});
+		const hunkCells = cells[h];
+		let i = 0;
+		while (i < hunkCells.length) {
+			const cell = hunkCells[i];
+			if (cell.line.kind === "context") {
+				rows.push({
+					type: "pair",
+					key: `h${h}l${i}`,
+					old: cell,
+					new: cell
+				});
+				i++;
+				continue;
+			}
+			const removed = [];
+			const added = [];
+			while (i < hunkCells.length && hunkCells[i].line.kind === "removed") removed.push(hunkCells[i++]);
+			while (i < hunkCells.length && hunkCells[i].line.kind === "added") added.push(hunkCells[i++]);
+			const count = Math.max(removed.length, added.length);
+			for (let r = 0; r < count; r++) rows.push({
+				type: "pair",
+				key: `h${h}l${i}r${r}`,
+				old: removed[r] ?? null,
+				new: added[r] ?? null
+			});
+		}
+	});
+	return rows;
+}
+//#endregion
+//#region src/DiffViewer/DiffViewer.vue
+const _hoisted_1$11 = ["data-view-mode"];
+const _hoisted_2$10 = ["aria-expanded"];
+const _hoisted_3$9 = { class: "astryx-diff-viewer__path" };
+const _hoisted_4$8 = {
+	key: 1,
+	class: "astryx-diff-viewer__path"
+};
+const _hoisted_5$7 = {
+	key: 3,
+	class: "astryx-diff-viewer__stats"
+};
+const _hoisted_6$6 = {
+	"aria-hidden": "true",
+	class: "astryx-diff-viewer__stat-added"
+};
+const _hoisted_7$4 = {
+	"aria-hidden": "true",
+	class: "astryx-diff-viewer__stat-removed"
+};
+const _hoisted_8$3 = {
+	key: 4,
+	class: "astryx-diff-viewer__header-end"
+};
+const _hoisted_9$3 = ["hidden"];
+const _hoisted_10$3 = {
+	key: 0,
+	class: "astryx-diff-viewer__message"
+};
+const _hoisted_11$1 = {
+	key: 1,
+	class: "astryx-diff-viewer__message"
+};
+const _hoisted_12 = ["aria-label"];
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxDiffViewer",
+	inheritAttrs: false,
+	__name: "DiffViewer",
+	props: {
+		file: {},
+		viewMode: { default: "unified" },
+		language: { default: void 0 },
+		hasLineNumbers: {
+			type: Boolean,
+			default: true
+		},
+		isWrapped: {
+			type: Boolean,
+			default: false
+		},
+		inlineHighlight: { default: "word" },
+		isCollapsible: {
+			type: Boolean,
+			default: true
+		},
+		isCollapsed: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultIsCollapsed: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: { default: void 0 },
+		syntaxTheme: { default: void 0 },
+		label: { default: "Diff" },
+		renderLineAnnotation: {
+			type: Function,
+			default: void 0
+		}
+	},
+	emits: [
+		"collapsedChange",
+		"update:isCollapsed",
+		"lineNumberClick"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const attrs = useAttrs();
+		const instance = getCurrentInstance();
+		const bodyId = `astryx-diff-viewer-body-${useId()}`;
+		const rootAttrs = computed(() => {
+			const { class: _class, style: _style, ...rest } = attrs;
+			return rest;
+		});
+		const rootClass = computed(() => attrs.class);
+		const rootStyle = computed(() => attrs.style);
+		const path = computed(() => props.file.newPath ?? props.file.oldPath);
+		const displayPath = computed(() => {
+			if (props.file.status === "renamed" && props.file.oldPath != null && props.file.newPath != null) return `${props.file.oldPath} → ${props.file.newPath}`;
+			return path.value;
+		});
+		const language = computed(() => props.language ?? inferLanguage(path.value));
+		const scrollLabel = computed(() => displayPath.value ?? props.label);
+		const cells = computed(() => {
+			const built = buildCells(props.file, language.value, props.inlineHighlight);
+			const annotate = props.renderLineAnnotation;
+			if (annotate == null) return built;
+			return built.map((hunk) => hunk.map((cell) => {
+				const note = annotate(cell.ref);
+				return {
+					...cell,
+					note: typeof note === "boolean" ? null : note
+				};
+			}));
+		});
+		const unifiedRows = computed(() => props.viewMode === "unified" ? buildUnifiedRows(props.file, cells.value) : []);
+		const splitRows = computed(() => props.viewMode === "split" ? buildSplitRows(props.file, cells.value) : []);
+		const stats = computed(() => {
+			let added = 0;
+			let removed = 0;
+			let maxLineNumber = 1;
+			for (const hunk of props.file.hunks) for (const line of hunk.lines) {
+				if (line.kind === "added") added++;
+				else if (line.kind === "removed") removed++;
+				maxLineNumber = Math.max(maxLineNumber, line.oldLineNumber ?? 0, line.newLineNumber ?? 0);
+			}
+			return {
+				added,
+				removed,
+				digits: String(maxLineNumber).length
+			};
+		});
+		const addedText = computed(() => `+${stats.value.added}`);
+		const removedText = computed(() => `−${stats.value.removed}`);
+		const statsText = computed(() => {
+			const lines = (count, word) => `${count} ${word}${count === 1 ? "" : "s"}`;
+			return `${lines(stats.value.added, "line")} added, ${lines(stats.value.removed, "line")} removed`;
+		});
+		const uncontrolledCollapsed = ref(props.defaultIsCollapsed);
+		const canCollapse = computed(() => props.isCollapsible && displayPath.value != null);
+		const isCollapsed = computed(() => canCollapse.value && (props.isCollapsed ?? uncontrolledCollapsed.value));
+		function toggleCollapsed() {
+			const next = !isCollapsed.value;
+			if (props.isCollapsed === void 0) uncontrolledCollapsed.value = next;
+			emit("update:isCollapsed", next);
+			emit("collapsedChange", next);
+		}
+		const STATUS_COLORS = {
+			added: "green",
+			deleted: "red",
+			renamed: "blue"
+		};
+		const statusColor = computed(() => STATUS_COLORS[props.file.status]);
+		const statusLabel = computed(() => {
+			switch (props.file.status) {
+				case "added": return "Added";
+				case "deleted": return "Deleted";
+				case "renamed": return "Renamed";
+				default: return null;
+			}
+		});
+		const hasHeader = computed(() => displayPath.value != null || slots.headerEnd != null);
+		const scrollStyle = computed(() => props.maxHeight == null ? void 0 : { maxHeight: typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight });
+		const scroll = useScrollableArea({
+			axis: "both",
+			keyboardAccess: {
+				owner: "viewport",
+				role: "group",
+				label: props.label
+			}
+		});
+		const hasLineNumberClick = computed(() => instance?.vnode.props?.onLineNumberClick != null);
+		function relayLineNumberClick(ref, event) {
+			emit("lineNumberClick", ref, event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(rootAttrs.value, {
+				class: ["astryx-diff-viewer", rootClass.value],
+				style: rootStyle.value,
+				"data-view-mode": __props.viewMode
+			}), [(openBlock(), createBlock(resolveDynamicComponent(__props.syntaxTheme != null ? unref(SyntaxTheme) : "div"), normalizeProps(guardReactiveProps(__props.syntaxTheme != null ? { theme: __props.syntaxTheme } : {})), {
+				default: withCtx(() => [hasHeader.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["astryx-diff-viewer__header", { "astryx-diff-viewer__header--divided": !isCollapsed.value }])
+				}, [
+					canCollapse.value ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: "astryx-diff-viewer__toggle",
+						"aria-expanded": !isCollapsed.value,
+						"aria-controls": bodyId,
+						onClick: toggleCollapsed
+					}, [createElementVNode("span", { class: normalizeClass(["astryx-diff-viewer__chevron", { "astryx-diff-viewer__chevron--expanded": !isCollapsed.value }]) }, [createVNode(unref(Icon), {
+						icon: "chevronRight",
+						size: "xsm",
+						color: "inherit"
+					})], 2), createElementVNode("span", _hoisted_3$9, toDisplayString(displayPath.value), 1)], 8, _hoisted_2$10)) : displayPath.value != null ? (openBlock(), createElementBlock("span", _hoisted_4$8, toDisplayString(displayPath.value), 1)) : createCommentVNode("v-if", true),
+					statusColor.value != null && statusLabel.value != null ? (openBlock(), createBlock(unref(Token), {
+						key: 2,
+						size: "sm",
+						color: statusColor.value,
+						label: statusLabel.value
+					}, null, 8, ["color", "label"])) : createCommentVNode("v-if", true),
+					stats.value.added > 0 || stats.value.removed > 0 ? (openBlock(), createElementBlock("span", _hoisted_5$7, [
+						createElementVNode("span", _hoisted_6$6, toDisplayString(addedText.value), 1),
+						createElementVNode("span", _hoisted_7$4, toDisplayString(removedText.value), 1),
+						createVNode(unref(VisuallyHidden), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(statsText.value), 1)]),
+							_: 1
+						})
+					])) : createCommentVNode("v-if", true),
+					_ctx.$slots.headerEnd ? (openBlock(), createElementBlock("div", _hoisted_8$3, [renderSlot(_ctx.$slots, "headerEnd")])) : createCommentVNode("v-if", true)
+				], 2)) : createCommentVNode("v-if", true), createElementVNode("div", {
+					id: bodyId,
+					hidden: isCollapsed.value
+				}, [!isCollapsed.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.file.isBinary ? (openBlock(), createElementBlock("div", _hoisted_10$3, " Binary file not shown ")) : __props.file.hunks.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_11$1, " No content changes ")) : (openBlock(), createElementBlock("div", mergeProps({
+					key: 2,
+					ref: unref(scroll).viewport
+				}, unref(scroll).viewportAttrs.value, {
+					class: "astryx-diff-viewer__viewport",
+					"aria-label": scrollLabel.value,
+					style: [unref(scroll).viewportStyle.value, scrollStyle.value]
+				}), [createElementVNode("div", {
+					ref: unref(scroll).content,
+					class: "astryx-diff-viewer__content"
+				}, [createVNode(_sfc_main$13, {
+					"view-mode": __props.viewMode,
+					"unified-rows": unifiedRows.value,
+					"split-rows": splitRows.value,
+					"has-line-numbers": __props.hasLineNumbers,
+					"is-wrapped": __props.isWrapped,
+					"has-line-number-click": hasLineNumberClick.value,
+					digits: stats.value.digits,
+					onLineNumberClick: relayLineNumberClick
+				}, null, 8, [
+					"view-mode",
+					"unified-rows",
+					"split-rows",
+					"has-line-numbers",
+					"is-wrapped",
+					"has-line-number-click",
+					"digits"
+				])], 512)], 16, _hoisted_12))], 64)) : createCommentVNode("v-if", true)], 8, _hoisted_9$3)]),
+				_: 3
+			}, 16))], 16, _hoisted_1$11);
+		};
+	}
+});
+//#endregion
+//#region src/DiffViewer/parseUnifiedDiff.ts
+const HUNK_HEADER = /^@@ -(\d+)(?:,(\d+))? \+(\d+)(?:,(\d+))? @@/;
+const GIT_HEADER_PREFIX = "diff --git ";
+const BINARY_PREFIX = "Binary files ";
+const BINARY_SUFFIX = " differ";
+const BINARY_SEPARATOR = " and ";
+/**
+* The two paths of a `Binary files X and Y differ` line, or null when the
+* line is not one. Plain string matching, not a regex, so any line (however
+* long, whatever characters it holds) is read in one pass. Like the greedy
+* pattern it replaces, the separator is the last ` and `.
+*/
+function parseBinaryLine(line) {
+	if (!line.startsWith(BINARY_PREFIX) || !line.endsWith(BINARY_SUFFIX)) return null;
+	const middle = line.slice(13, line.length - 7);
+	const split = middle.lastIndexOf(BINARY_SEPARATOR);
+	if (split <= 0 || split + 5 >= middle.length) return null;
+	return {
+		oldPath: middle.slice(0, split),
+		newPath: middle.slice(split + 5)
+	};
+}
+const C_ESCAPES = {
+	"a": 7,
+	"b": 8,
+	"t": 9,
+	"n": 10,
+	"v": 11,
+	"f": 12,
+	"r": 13,
+	"\"": 34,
+	"\\": 92
+};
+const utf8 = new TextDecoder();
+const utf8Encoder = new TextEncoder();
+/**
+* Read a git C-style quoted path starting at `start` (the opening quote).
+* Git quotes a path that holds non-ASCII bytes or special characters and
+* writes those bytes as octal escapes (`"caf\303\251.md"`), so the escapes
+* are collected as bytes and decoded as UTF-8. Returns the path and the index
+* just past the closing quote, or null when the quote never closes.
+*/
+function readQuoted(text, start) {
+	const bytes = [];
+	let i = start + 1;
+	while (i < text.length) {
+		const ch = text[i];
+		if (ch === "\"") return {
+			value: utf8.decode(new Uint8Array(bytes)),
+			end: i + 1
+		};
+		if (ch === "\\" && i + 1 < text.length) {
+			const next = text[i + 1];
+			const octal = /^[0-7]{3}/.exec(text.slice(i + 1, i + 4));
+			if (octal != null) {
+				bytes.push(Number.parseInt(octal[0], 8));
+				i += 4;
+				continue;
+			}
+			if (next in C_ESCAPES) {
+				bytes.push(C_ESCAPES[next]);
+				i += 2;
+				continue;
+			}
+		}
+		const codePoint = text.codePointAt(i) ?? 0;
+		const char = String.fromCodePoint(codePoint);
+		bytes.push(...utf8Encoder.encode(char));
+		i += char.length;
+	}
+	return null;
+}
+/** The path written in `raw`, unquoted and decoded when git quoted it. */
+function unquotePath(raw) {
+	if (raw.startsWith("\"")) {
+		const quoted = readQuoted(raw, 0);
+		if (quoted != null) return quoted.value;
+	}
+	return raw;
+}
+function stripPrefix(path, prefix) {
+	return path.startsWith(prefix) ? path.slice(prefix.length) : path;
+}
+/**
+* The two paths of a `diff --git` line. Git quotes a path that holds special
+* or non-ASCII characters; quoted paths are read whole and decoded. An
+* unquoted path may hold spaces, so a space can look like the separator: when
+* both sides name the same path (every change except a rename) the separator
+* is the middle space. A rename writes `rename from` / `rename to` lines,
+* which replace these paths, so the first-space split is only a fallback.
+*/
+function parseGitHeader(line) {
+	if (!line.startsWith(GIT_HEADER_PREFIX)) return null;
+	const rest = line.slice(11);
+	const paths = (left, right) => ({
+		oldPath: stripPrefix(left, "a/"),
+		newPath: stripPrefix(right, "b/")
+	});
+	if (rest.startsWith("\"")) {
+		const left = readQuoted(rest, 0);
+		if (left != null && rest[left.end] === " ") return paths(left.value, unquotePath(rest.slice(left.end + 1)));
+	}
+	if (rest.endsWith("\"")) for (let split = rest.lastIndexOf(" \""); split > 0; split = rest.lastIndexOf(" \"", split - 1)) {
+		const right = readQuoted(rest, split + 1);
+		if (right != null && right.end === rest.length) return paths(rest.slice(0, split), right.value);
+	}
+	if (rest.length % 2 === 1) {
+		const middle = (rest.length - 1) / 2;
+		const left = rest.slice(0, middle);
+		const right = rest.slice(middle + 1);
+		if (rest[middle] === " " && stripPrefix(left, "a/") === stripPrefix(right, "b/")) return paths(left, right);
+	}
+	const space = rest.indexOf(" ");
+	return space <= 0 ? null : paths(rest.slice(0, space), rest.slice(space + 1));
+}
+function emptyFile() {
+	return {
+		oldPath: null,
+		newPath: null,
+		status: null,
+		isBinary: false,
+		hunks: []
+	};
+}
+/**
+* `a/src/x.ts` → `src/x.ts`; `/dev/null` → null; drops a trailing
+* tab+timestamp and decodes a quoted path.
+*/
+function cleanPath(raw, prefix) {
+	let path = unquotePath(raw.split("	")[0].trim());
+	if (path === "/dev/null") return null;
+	if (path.startsWith(prefix)) path = path.slice(prefix.length);
+	return path;
+}
+function finalize(file) {
+	let status = file.status;
+	if (status == null) {
+		if (file.oldPath == null && file.newPath != null) status = "added";
+		else if (file.newPath == null && file.oldPath != null) status = "deleted";
+		else status = "modified";
+	}
+	return {
+		oldPath: status === "added" ? null : file.oldPath,
+		newPath: status === "deleted" ? null : file.newPath,
+		status,
+		isBinary: file.isBinary,
+		hunks: file.hunks
+	};
+}
+function hasContent(file) {
+	return file.hunks.length > 0 || file.isBinary || file.oldPath != null || file.newPath != null || file.status != null;
+}
+/**
+* Parse a unified diff into one {@link DiffViewerFile} per file.
+*
+* Accepts `git diff` output (with `diff --git`, mode, rename, copy, and
+* binary lines), classic `diff -u` output (`---`/`+++` pairs), several files in one
+* patch, and a bare `@@` hunk with no file header (returned as one file with
+* null paths). Input it cannot read yields `[]`; it never throws.
+*
+* @example
+* ```
+* const files = parseUnifiedDiff(patch);
+* files.map((file) => <DiffViewer key={file.newPath ?? file.oldPath} file={file} />);
+* ```
+*/
+function parseUnifiedDiff(patch) {
+	const lines = patch.split("\n").map((line) => line.replace(/\r$/, ""));
+	const files = [];
+	let file = null;
+	let hunk = null;
+	let oldRemaining = 0;
+	let newRemaining = 0;
+	let oldLine = 0;
+	let newLine = 0;
+	const flush = () => {
+		if (file != null && hasContent(file)) files.push(finalize(file));
+		file = null;
+		hunk = null;
+	};
+	for (let i = 0; i < lines.length; i++) {
+		const line = lines[i];
+		if (hunk != null && (oldRemaining > 0 || newRemaining > 0)) {
+			const glyph = line[0];
+			if (glyph === "\\") continue;
+			if (glyph === "+") {
+				hunk.lines.push({
+					kind: "added",
+					content: line.slice(1),
+					oldLineNumber: null,
+					newLineNumber: newLine++
+				});
+				newRemaining--;
+				continue;
+			}
+			if (glyph === "-") {
+				hunk.lines.push({
+					kind: "removed",
+					content: line.slice(1),
+					oldLineNumber: oldLine++,
+					newLineNumber: null
+				});
+				oldRemaining--;
+				continue;
+			}
+			if (glyph === " " || line === "") {
+				if (line === "" && i === lines.length - 1) continue;
+				hunk.lines.push({
+					kind: "context",
+					content: line.slice(1),
+					oldLineNumber: oldLine++,
+					newLineNumber: newLine++
+				});
+				oldRemaining--;
+				newRemaining--;
+				continue;
+			}
+			hunk = null;
+		}
+		if (hunk != null && line.startsWith("\\")) continue;
+		const gitPaths = parseGitHeader(line);
+		if (gitPaths != null) {
+			flush();
+			file = emptyFile();
+			file.oldPath = gitPaths.oldPath;
+			file.newPath = gitPaths.newPath;
+			continue;
+		}
+		if (line.startsWith("--- ") && (lines[i + 1]?.startsWith("+++ ") ?? false)) {
+			if (file == null || file.hunks.length > 0 || file.isBinary) {
+				flush();
+				file = emptyFile();
+			}
+			const current = file;
+			current.oldPath = cleanPath(line.slice(4), "a/");
+			current.newPath = cleanPath(lines[i + 1].slice(4), "b/");
+			if (current.oldPath == null && current.status == null) current.status = "added";
+			else if (current.newPath == null && current.status == null) current.status = "deleted";
+			i++;
+			continue;
+		}
+		const header = HUNK_HEADER.exec(line);
+		if (header) {
+			file ??= emptyFile();
+			const oldStart = Number(header[1]);
+			const oldLines = header[2] == null ? 1 : Number(header[2]);
+			const newStart = Number(header[3]);
+			const newLines = header[4] == null ? 1 : Number(header[4]);
+			const next = {
+				header: line,
+				oldStart,
+				oldLines,
+				newStart,
+				newLines,
+				lines: []
+			};
+			file.hunks.push(next);
+			hunk = next;
+			oldRemaining = oldLines;
+			newRemaining = newLines;
+			oldLine = oldLines === 0 ? oldStart + 1 : oldStart;
+			newLine = newLines === 0 ? newStart + 1 : newStart;
+			continue;
+		}
+		const binary = parseBinaryLine(line);
+		if (binary != null && (file == null || file.hunks.length > 0 || file.isBinary)) {
+			flush();
+			const own = emptyFile();
+			own.oldPath = cleanPath(binary.oldPath, "a/");
+			own.newPath = cleanPath(binary.newPath, "b/");
+			own.isBinary = true;
+			file = own;
+			continue;
+		}
+		if (file == null) continue;
+		const current = file;
+		if (line.startsWith("new file mode")) current.status = "added";
+		else if (line.startsWith("deleted file mode")) current.status = "deleted";
+		else if (line.startsWith("rename from ")) {
+			current.oldPath = unquotePath(line.slice(12));
+			current.status = "renamed";
+		} else if (line.startsWith("rename to ")) {
+			current.newPath = unquotePath(line.slice(10));
+			current.status = "renamed";
+		} else if (line.startsWith("copy from ")) current.oldPath = unquotePath(line.slice(10));
+		else if (line.startsWith("copy to ")) current.newPath = unquotePath(line.slice(8));
+		else if (line.startsWith("Binary files ") || line === "GIT binary patch") current.isBinary = true;
+	}
+	flush();
+	return files;
+}
+//#endregion
 //#region src/InfoTip/InfoTip.vue
 const _hoisted_1$10 = ["aria-label"];
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 	name: "AstryxInfoTip",
 	__name: "InfoTip",
 	props: {
@@ -310,7 +1825,7 @@ const _hoisted_7$3 = {
 	key: 0,
 	class: "astryx-list-input__control-cell astryx-list-input__control-cell--reorder"
 };
-const _sfc_main$11 = /*@__PURE__*/ defineComponent({
+const _sfc_main$12 = /*@__PURE__*/ defineComponent({
 	name: "AstryxListInputRow",
 	__name: "ListInputRow",
 	props: {
@@ -756,7 +2271,7 @@ const _hoisted_5$5 = {
 	class: "astryx-list-input__action-content"
 };
 const focusableFieldSelector = "[data-list-input-cell] input, [data-list-input-cell] select, [data-list-input-cell] textarea, [data-list-input-cell] button, [data-list-input-cell] [tabindex]:not([tabindex=\"-1\"])";
-const _sfc_main$2 = /*@__PURE__*/ defineComponent({
+const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	name: "AstryxListInput",
 	inheritAttrs: false,
 	__name: "ListInput",
@@ -1034,7 +2549,7 @@ const _sfc_main$2 = /*@__PURE__*/ defineComponent({
 						description: unref(t)("@astryx.listInput.emptyDescription", { itemName: __props.itemName }),
 						"is-compact": ""
 					}, null, 8, ["title", "description"])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(reorder).displayValue.value, (item, index) => {
-						return openBlock(), createBlock(_sfc_main$11, {
+						return openBlock(), createBlock(_sfc_main$12, {
 							key: itemKeyOf(item),
 							item,
 							index,
@@ -1149,7 +2664,7 @@ const _hoisted_11 = {
 	key: 0,
 	class: "astryx-log-stream__detail"
 };
-const _sfc_main$10 = /*@__PURE__*/ defineComponent({
+const _sfc_main$11 = /*@__PURE__*/ defineComponent({
 	name: "AstryxLogStreamRow",
 	__name: "LogStreamRow",
 	props: {
@@ -1253,7 +2768,7 @@ function useLogFollow(options) {
 //#region src/LogStream/LogStream.vue
 const _hoisted_1$6 = ["data-variant"];
 const _hoisted_2$6 = ["aria-label", "aria-live"];
-const _sfc_main$3 = /*@__PURE__*/ defineComponent({
+const _sfc_main$4 = /*@__PURE__*/ defineComponent({
 	name: "AstryxLogStream",
 	inheritAttrs: false,
 	__name: "LogStream",
@@ -1319,7 +2834,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 					style: normalizeStyle(scrollerStyle.value),
 					onScrollPassive: _cache[0] || (_cache[0] = (...args) => unref(handleScroll) && unref(handleScroll)(...args))
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.entries, (entry) => {
-					return renderSlot(_ctx.$slots, "entry", { entry }, () => [createVNode(_sfc_main$10, {
+					return renderSlot(_ctx.$slots, "entry", { entry }, () => [createVNode(_sfc_main$11, {
 						entry,
 						"has-timestamps": __props.hasTimestamps,
 						"has-source": hasSource.value,
@@ -1485,7 +3000,7 @@ const _hoisted_10$1 = {
 	class: "astryx-mobile-tokenizer__footer"
 };
 const CREATABLE_ID_PREFIX = "__xds_create__";
-const _sfc_main$4 = /*@__PURE__*/ defineComponent({
+const _sfc_main$5 = /*@__PURE__*/ defineComponent({
 	name: "AstryxMobileTokenizer",
 	inheritAttrs: false,
 	__name: "MobileTokenizer",
@@ -1799,7 +3314,7 @@ const _hoisted_10 = {
 	key: 1,
 	class: "astryx-stat__media"
 };
-const _sfc_main$6 = /*@__PURE__*/ defineComponent({
+const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 	name: "AstryxStat",
 	inheritAttrs: false,
 	__name: "Stat",
@@ -2656,7 +4171,7 @@ const _hoisted_6$1 = {
 	key: 1,
 	class: "astryx-svg-icon__layer astryx-svg-icon__layer--secondary-stroke"
 };
-const _sfc_main$5 = /*@__PURE__*/ defineComponent({
+const _sfc_main$6 = /*@__PURE__*/ defineComponent({
 	name: "AstryxSvgIcon",
 	inheritAttrs: false,
 	__name: "SVGIcon",
@@ -2960,7 +4475,7 @@ const _hoisted_5 = {
 	class: "astryx-transfer-list-panel__group-heading"
 };
 const _hoisted_6 = ["data-transfer-list-empty"];
-const _sfc_main$9 = /*@__PURE__*/ defineComponent({
+const _sfc_main$10 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTransferListPanel",
 	__name: "TransferListPanel",
 	props: {
@@ -3432,7 +4947,7 @@ const _hoisted_3$1 = {
 	class: "astryx-transfer-list__controls"
 };
 const _hoisted_4 = { class: "astryx-transfer-list-collection" };
-const _sfc_main$7 = /*@__PURE__*/ defineComponent({
+const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTransferList",
 	inheritAttrs: false,
 	__name: "TransferList",
@@ -3706,7 +5221,7 @@ const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("@astryx.transferList.reorderInstructions")), 1)]),
 					_: 1
 				}),
-				createElementVNode("div", _hoisted_4, [createVNode(_sfc_main$9, {
+				createElementVNode("div", _hoisted_4, [createVNode(_sfc_main$10, {
 					side: "selected",
 					"heading-id": selectedHeadingId,
 					label: selectedLabel.value,
@@ -3742,7 +5257,7 @@ const _sfc_main$7 = /*@__PURE__*/ defineComponent({
 					"dragging-value",
 					"grabbed-value",
 					"drop-target"
-				]), createVNode(_sfc_main$9, {
+				]), createVNode(_sfc_main$10, {
 					side: "available",
 					"heading-id": availableHeadingId,
 					label: availableLabel.value,
@@ -3797,7 +5312,7 @@ const _hoisted_3 = {
 	class: "astryx-transfer-list-selector__footer"
 };
 const DEFAULT_SELECTOR_WIDTH = "min(41rem, calc(100vw - 32px))";
-const _sfc_main$8 = /*@__PURE__*/ defineComponent({
+const _sfc_main$9 = /*@__PURE__*/ defineComponent({
 	name: "AstryxTransferListSelector",
 	__name: "TransferListSelector",
 	props: {
@@ -3934,7 +5449,7 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 				}, [createElementVNode("fieldset", {
 					class: "astryx-transfer-list-selector__fieldset",
 					disabled: __props.isDisabled
-				}, [createVNode(_sfc_main$7, {
+				}, [createVNode(_sfc_main$8, {
 					label: __props.label,
 					"is-label-hidden": "",
 					options: __props.options,
@@ -4013,4 +5528,4 @@ const _sfc_main$8 = /*@__PURE__*/ defineComponent({
 	}
 });
 //#endregion
-export { _sfc_main as CircularProgress, _sfc_main$1 as InfoTip, _sfc_main$2 as ListInput, _sfc_main$3 as LogStream, _sfc_main$4 as MobileTokenizer, _sfc_main$5 as SVGIcon, _sfc_main$6 as Stat, _sfc_main$7 as TransferList, _sfc_main$8 as TransferListSelector, addCurvature, adjustTension, applyPersonality, bellIcon, calendarIcon, checkIcon, eyeIcon, folderIcon, heartIcon, homeIcon, lockIcon, mailIcon, menuIcon, roundCorners, searchIcon, settingsIcon, shieldIcon, starIcon, starterIcons, xIcon, xifBell, xifBellOverride, xifCheck, xifExamples, xifFile, xifHome, xifShield, xifStar };
+export { _sfc_main as CircularProgress, _sfc_main$1 as DiffViewer, _sfc_main$2 as InfoTip, _sfc_main$3 as ListInput, _sfc_main$4 as LogStream, _sfc_main$5 as MobileTokenizer, _sfc_main$6 as SVGIcon, _sfc_main$7 as Stat, _sfc_main$8 as TransferList, _sfc_main$9 as TransferListSelector, addCurvature, adjustTension, applyPersonality, bellIcon, calendarIcon, checkIcon, createDiffFile, eyeIcon, folderIcon, heartIcon, homeIcon, lockIcon, mailIcon, menuIcon, parseUnifiedDiff, roundCorners, searchIcon, settingsIcon, shieldIcon, starIcon, starterIcons, xIcon, xifBell, xifBellOverride, xifCheck, xifExamples, xifFile, xifHome, xifShield, xifStar };