@kestack/web-platform 0.0.0-stage → 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"diff-viewer.js","names":[],"sources":["../../../../src/components/viewers/diff-viewer/diff-viewer.tsx"],"sourcesContent":["import {\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {\n  ChevronsLeftRight,\n  ChevronsUpDown,\n  Columns2,\n  Ellipsis,\n  PanelLeft,\n  PanelRight,\n  Rows3,\n  WrapText,\n} from 'lucide-react';\nimport type { FileDiff } from 'laymos';\n\nimport { SourceViewer } from '../source-viewer';\nimport { Button } from '#components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n} from '#components/ui/dropdown-menu';\nimport { useIsMobile } from '#hooks/use-mobile';\nimport { Switch } from '#components/ui/switch';\nimport { scrollbarStyles } from '#lib/scrollStyles';\nimport { cn } from '#lib/utils';\n\nimport { collapseRows } from './collapse';\nimport {\n  fullSide,\n  sideOfRows,\n  splitRows,\n  unifiedChunks,\n  type SideContent,\n} from './render-model';\nimport { clearRowHeights, equalizeRowHeights, syncScroll } from './sync-rows';\n\nexport type DiffLayout = 'split' | 'unified';\n\nexport type PaneMode = 'both' | 'before' | 'after';\n\n/**\n * How a diff is read: split or unified, wrapped or not, which sides show,\n * and whether every folded region opens. A caller that keeps these hands\n * them in with `onOptionsChange`, so they hold from one file to the next.\n */\nexport interface DiffOptions {\n  readonly layout: DiffLayout;\n  readonly wrap: boolean;\n  readonly panes: PaneMode;\n  readonly expandAll: boolean;\n}\n\nexport const defaultDiffOptions: DiffOptions = {\n  layout: 'split',\n  wrap: false,\n  panes: 'both',\n  expandAll: false,\n};\n\nconst paneModes: Readonly<\n  Record<\n    PaneMode,\n    {\n      readonly label: string;\n      readonly hint: string;\n      readonly next: PaneMode;\n      readonly icon: ReactNode;\n    }\n  >\n> = {\n  both: {\n    label: 'Both',\n    hint: 'Showing both sides — collapse the after side',\n    next: 'before',\n    icon: <Columns2 className=\"size-3.5\" />,\n  },\n  before: {\n    label: 'Before',\n    hint: 'Showing the base version — collapse the before side instead',\n    next: 'after',\n    icon: <PanelLeft className=\"size-3.5\" />,\n  },\n  after: {\n    label: 'After',\n    hint: 'Showing the working tree version — show both sides again',\n    next: 'both',\n    icon: <PanelRight className=\"size-3.5\" />,\n  },\n};\n\nexport interface DiffViewerProps {\n  readonly diff: FileDiff;\n  readonly defaultLayout?: DiffLayout;\n  /** Controlled options; without them the viewer keeps its own. */\n  readonly options?: DiffOptions;\n  readonly onOptionsChange?: (options: DiffOptions) => void;\n  readonly fallbackContent?: string;\n  /**\n   * Grow to the diff's full height and leave scrolling up and down to the\n   * parent, which may then hold things that stick beside it. The toolbar\n   * sticks to the top.\n   */\n  readonly autoHeight?: boolean;\n  readonly className?: string;\n}\n\ninterface ViewChunk {\n  readonly collapsible: boolean;\n  readonly count: number;\n  readonly left: SideContent;\n  readonly right: SideContent;\n}\n\nexport function DiffViewer({\n  diff,\n  defaultLayout = 'split',\n  options: controlled,\n  onOptionsChange,\n  fallbackContent,\n  autoHeight = false,\n  className,\n}: DiffViewerProps) {\n  const [own, setOwn] = useState<DiffOptions>({\n    ...defaultDiffOptions,\n    layout: defaultLayout,\n  });\n  const options = controlled ?? own;\n  const setOptions = (next: Partial<DiffOptions>) => {\n    const merged = { ...options, ...next };\n    if (controlled === undefined) setOwn(merged);\n    onOptionsChange?.(merged);\n  };\n  // A phone reads one column, wrapped by default: Unified always, and its\n  // own Wrap that leaves the kept option alone.\n  const phone = useIsMobile();\n  const [phoneWrap, setPhoneWrap] = useState(true);\n  const layout: DiffLayout = phone ? 'unified' : options.layout;\n  const wrap = phone ? phoneWrap : options.wrap;\n  const { panes } = options;\n  const setLayout = (next: DiffLayout) => setOptions({ layout: next });\n  const setWrap = (next: boolean) =>\n    phone ? setPhoneWrap(next) : setOptions({ wrap: next });\n  const setPanes = (next: PaneMode) => setOptions({ panes: next });\n  // Keyed by layout: split and unified fold different sequences, so an index\n  // expanded in one must not silently expand a different region in the other.\n  const [opened, setExpanded] = useState<ReadonlySet<string>>(new Set());\n  const leftRef = useRef<HTMLDivElement>(null);\n  const rightRef = useRef<HTMLDivElement>(null);\n  const scrollLock = useRef(false);\n\n  // Built once per diff: SourceViewer compares lineStatuses by identity, so\n  // rebuilding these during render would re-highlight on every pass.\n  const chunks = useMemo<readonly ViewChunk[]>(\n    () =>\n      collapseRows(splitRows(diff.hunks)).map((chunk) => ({\n        collapsible: chunk.kind === 'unchanged' && chunk.collapsible,\n        count: chunk.rows.length,\n        left: sideOfRows(chunk.rows, 'left'),\n        right: sideOfRows(chunk.rows, 'right'),\n      })),\n    [diff.hunks],\n  );\n  const unified = useMemo(() => unifiedChunks(diff.hunks), [diff.hunks]);\n  const activeChunks = layout === 'unified' ? unified : chunks;\n  const collapsibleKeys = useMemo(\n    () =>\n      activeChunks.flatMap((chunk, index) =>\n        chunk.collapsible ? [`${layout}-${index}`] : [],\n      ),\n    [activeChunks, layout],\n  );\n  // Expand all holds as an option, for every file; a region opened by hand\n  // stays open for this file only.\n  const expanded = useMemo(\n    () => (options.expandAll ? new Set(collapsibleKeys) : opened),\n    [options.expandAll, collapsibleKeys, opened],\n  );\n  const allExpanded = collapsibleKeys.every((key) => expanded.has(key));\n  const expandAllDisabled = collapsibleKeys.length === 0;\n  const beforeFile = useMemo(() => fullSide(diff.hunks, 'left'), [diff.hunks]);\n  const afterFile = useMemo(() => fullSide(diff.hunks, 'right'), [diff.hunks]);\n  const counts = useMemo(() => countChanges(diff), [diff]);\n\n  useLayoutEffect(() => {\n    const left = leftRef.current;\n    const right = rightRef.current;\n    if (left === null || right === null) {\n      // With one side hidden there is nothing to pair rows against.\n      if (left !== null) clearRowHeights(left);\n      if (right !== null) clearRowHeights(right);\n      return;\n    }\n\n    let frame = 0;\n    const schedule = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => equalizeRowHeights(left, right));\n    };\n    schedule();\n\n    const mutations = new MutationObserver(schedule);\n    mutations.observe(left, { childList: true, subtree: true });\n    mutations.observe(right, { childList: true, subtree: true });\n    const resizes = new ResizeObserver(schedule);\n    resizes.observe(left);\n    resizes.observe(right);\n    return () => {\n      cancelAnimationFrame(frame);\n      mutations.disconnect();\n      resizes.disconnect();\n    };\n  }, [chunks, wrap, expanded, layout, panes]);\n\n  useEffect(() => {\n    const left = leftRef.current;\n    const right = rightRef.current;\n    if (left === null || right === null) return;\n\n    const onLeft = () => syncScroll(left, right, scrollLock);\n    const onRight = () => syncScroll(right, left, scrollLock);\n    left.addEventListener('scroll', onLeft);\n    right.addEventListener('scroll', onRight);\n    return () => {\n      left.removeEventListener('scroll', onLeft);\n      right.removeEventListener('scroll', onRight);\n    };\n  }, [layout, panes]);\n\n  if (diff.hunks.length === 0) {\n    return fallbackContent === undefined ? (\n      <div\n        className={cn(\n          'grid size-full place-items-center text-sm text-muted-foreground',\n          className,\n        )}\n      >\n        No changes against the base ref.\n      </div>\n    ) : (\n      <SourceViewer\n        filePath={diff.path}\n        content={fallbackContent}\n        wrap={wrap}\n        autoHeight={autoHeight}\n        className={className}\n      />\n    );\n  }\n\n  const expand = (key: string) =>\n    setExpanded((current) => new Set(current).add(key));\n\n  return (\n    <div className={cn('flex flex-col', !autoHeight && 'min-h-0', className)}>\n      {phone ? (\n        // The file is named above it on a phone: here only what changed.\n        <header\n          className={cn(\n            'flex shrink-0 items-center gap-2 border-b border-border py-0.5 ps-3 pe-1.5',\n            autoHeight && 'sticky top-0 z-10 bg-background',\n          )}\n        >\n          <span className=\"flex min-w-0 flex-1 items-center gap-2 font-mono text-[11px]\">\n            <span className=\"text-green-600 dark:text-green-400\">{`+${counts.added}`}</span>\n            <span className=\"text-rose-600 dark:text-rose-400\">{`-${counts.removed}`}</span>\n          </span>\n          <DropdownMenu>\n            <DropdownMenuTrigger\n              aria-label=\"Diff options\"\n              className=\"flex size-9 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-muted hover:text-foreground\"\n            >\n              <Ellipsis className=\"size-4\" />\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuCheckboxItem\n                className=\"min-h-11\"\n                disabled={expandAllDisabled}\n                checked={allExpanded && !expandAllDisabled}\n                onCheckedChange={(checked) => {\n                  setExpanded(new Set());\n                  setOptions({ expandAll: checked });\n                }}\n              >\n                Expand all\n              </DropdownMenuCheckboxItem>\n              <DropdownMenuCheckboxItem\n                className=\"min-h-11\"\n                checked={wrap}\n                onCheckedChange={setWrap}\n              >\n                Wrap lines\n              </DropdownMenuCheckboxItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </header>\n      ) : (\n        <header\n          className={cn(\n            'flex shrink-0 items-center gap-3 border-b border-border px-3 py-2',\n            autoHeight && 'sticky top-0 z-10 bg-background',\n          )}\n        >\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"icon-sm\"\n            disabled={layout === 'unified'}\n            aria-label={paneModes[panes].hint}\n            title={paneModes[panes].hint}\n            onClick={() => setPanes(paneModes[panes].next)}\n          >\n            {paneModes[panes].icon}\n          </Button>\n          <span className=\"min-w-0 flex-1 truncate font-mono text-xs text-muted-foreground\">\n            {diff.path}\n          </span>\n          <span className=\"flex shrink-0 items-center gap-2 font-mono text-[11px]\">\n            <span className=\"text-green-600 dark:text-green-400\">{`+${counts.added}`}</span>\n            <span className=\"text-rose-600 dark:text-rose-400\">{`-${counts.removed}`}</span>\n          </span>\n          <label\n            className={cn(\n              'flex shrink-0 items-center gap-2 text-xs font-medium text-muted-foreground',\n              expandAllDisabled ? 'opacity-50' : 'cursor-pointer',\n            )}\n          >\n            <ChevronsUpDown className=\"size-3.5\" />\n            Expand all\n            <Switch\n              size=\"sm\"\n              disabled={expandAllDisabled}\n              checked={allExpanded && !expandAllDisabled}\n              onCheckedChange={(checked) => {\n                setExpanded(new Set());\n                setOptions({ expandAll: checked });\n              }}\n            />\n          </label>\n          <label className=\"flex shrink-0 cursor-pointer items-center gap-2 text-xs font-medium text-muted-foreground\">\n            <WrapText className=\"size-3.5\" />\n            Wrap\n            <Switch size=\"sm\" checked={wrap} onCheckedChange={setWrap} />\n          </label>\n          <label className=\"flex shrink-0 cursor-pointer items-center gap-2 text-xs font-medium text-muted-foreground\">\n            <Rows3 className=\"size-3.5\" />\n            Unified\n            <Switch\n              size=\"sm\"\n              checked={layout === 'unified'}\n              onCheckedChange={(checked) =>\n                setLayout(checked ? 'unified' : 'split')\n              }\n            />\n          </label>\n        </header>\n      )}\n      {layout === 'unified' ? (\n        <div\n          className={cn(\n            autoHeight\n              ? 'overflow-x-auto bg-background'\n              : 'min-h-0 flex-1 overflow-auto bg-background',\n            scrollbarStyles,\n          )}\n        >\n          <div className={cn('min-w-full', wrap ? 'w-full' : 'w-max')}>\n            {unified.map((chunk, index) =>\n              chunk.collapsible && !expanded.has(`unified-${index}`) ? (\n                <CollapsedRegion\n                  key={index}\n                  count={chunk.count}\n                  onExpand={() => expand(`unified-${index}`)}\n                />\n              ) : (\n                <SourceViewer\n                  key={index}\n                  filePath={diff.path}\n                  content={chunk.side.content}\n                  lineStatuses={chunk.side.lines}\n                  showHeader={false}\n                  wrap={wrap}\n                  autoHeight\n                />\n              ),\n            )}\n          </div>\n        </div>\n      ) : (\n        <div\n          className={cn('flex bg-background', !autoHeight && 'min-h-0 flex-1')}\n        >\n          {panes === 'after' ? (\n            <CollapsedPane label=\"Before\" onExpand={() => setPanes('both')} />\n          ) : panes === 'before' ? (\n            // One side alone is the whole file, not a diff with its padding\n            // stripped out.\n            <WholeFile\n              filePath={diff.path}\n              side={beforeFile}\n              wrap={wrap}\n              grow={autoHeight}\n            />\n          ) : (\n            <Pane\n              paneRef={leftRef}\n              filePath={diff.path}\n              chunks={chunks}\n              side=\"left\"\n              wrap={wrap}\n              expanded={expanded}\n              onExpand={expand}\n              grow={autoHeight}\n              className=\"w-1/2 shrink-0\"\n            />\n          )}\n          {panes === 'before' ? (\n            <CollapsedPane label=\"After\" onExpand={() => setPanes('both')} />\n          ) : panes === 'after' ? (\n            <WholeFile\n              filePath={diff.path}\n              side={afterFile}\n              wrap={wrap}\n              grow={autoHeight}\n            />\n          ) : (\n            <Pane\n              paneRef={rightRef}\n              filePath={diff.path}\n              chunks={chunks}\n              side=\"right\"\n              wrap={wrap}\n              expanded={expanded}\n              onExpand={expand}\n              grow={autoHeight}\n              className=\"w-1/2 shrink-0 border-s border-border\"\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// Both panes render the same sequence of chunks and separators, so their rows\n// stay paired by position no matter which side is taller.\nfunction Pane({\n  paneRef,\n  filePath,\n  chunks,\n  side,\n  wrap,\n  expanded,\n  onExpand,\n  grow,\n  className,\n}: {\n  readonly paneRef: Ref<HTMLDivElement>;\n  readonly filePath: string;\n  readonly chunks: readonly ViewChunk[];\n  readonly side: 'left' | 'right';\n  readonly wrap: boolean;\n  readonly expanded: ReadonlySet<string>;\n  readonly onExpand: (key: string) => void;\n  /** Full height, scrolling only sideways. */\n  readonly grow: boolean;\n  readonly className?: string;\n}) {\n  return (\n    <div\n      ref={paneRef}\n      // Own the background: content shorter than the pane would otherwise let\n      // the parent's colour show through below the last line.\n      className={cn(\n        grow\n          ? 'overflow-x-auto bg-background'\n          : 'h-full overflow-auto bg-background',\n        scrollbarStyles,\n        className,\n      )}\n    >\n      {/* One shared width for every chunk, so no row's background stops short\n          of the widest line once the pane is scrolled sideways. */}\n      <div className={cn('min-w-full', wrap ? 'w-full' : 'w-max')}>\n        {chunks.map((chunk, index) =>\n          chunk.collapsible && !expanded.has(`split-${index}`) ? (\n            <CollapsedRegion\n              key={index}\n              count={chunk.count}\n              silent={side === 'right'}\n              onExpand={() => onExpand(`split-${index}`)}\n            />\n          ) : (\n            <SourceViewer\n              key={index}\n              filePath={filePath}\n              content={chunk[side].content}\n              lineStatuses={chunk[side].lines}\n              showHeader={false}\n              wrap={wrap}\n              autoHeight\n            />\n          ),\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction WholeFile({\n  filePath,\n  side,\n  wrap,\n  grow,\n}: {\n  readonly filePath: string;\n  readonly side: SideContent;\n  readonly wrap: boolean;\n  /** Full height, scrolling only sideways. */\n  readonly grow: boolean;\n}) {\n  return (\n    <div\n      className={cn(\n        'min-w-0 flex-1 bg-background',\n        grow ? 'overflow-x-auto' : 'overflow-auto',\n        scrollbarStyles,\n      )}\n    >\n      <SourceViewer\n        filePath={filePath}\n        content={side.content}\n        lineStatuses={side.lines}\n        showHeader={false}\n        wrap={wrap}\n        autoHeight\n      />\n    </div>\n  );\n}\n\n// Collapsing to a labelled strip rather than hiding outright, so it stays\n// obvious which side was minimised and how to bring it back.\nfunction CollapsedRegion({\n  count,\n  silent = false,\n  onExpand,\n}: {\n  readonly count: number;\n  readonly silent?: boolean;\n  readonly onExpand: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onExpand}\n      className=\"flex h-7 w-full items-center justify-center gap-2 border-y border-border bg-muted/50 text-[11px] font-medium text-muted-foreground transition-colors hover:bg-muted\"\n    >\n      {!silent && <ChevronsUpDown className=\"size-3.5\" />}\n      {silent ? '' : `Show ${count} unchanged lines`}\n    </button>\n  );\n}\n\nfunction CollapsedPane({\n  label,\n  onExpand,\n}: {\n  readonly label: string;\n  readonly onExpand: () => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onExpand}\n      title={`Show the ${label.toLowerCase()} side`}\n      className=\"flex h-full w-9 shrink-0 flex-col items-center justify-center gap-2 border-s border-border bg-muted/50 py-3 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n    >\n      <ChevronsLeftRight className=\"size-3.5 shrink-0\" />\n      <span className=\"flex flex-col items-center text-[11px] font-medium leading-[1.15]\">\n        {[...label].map((letter, index) => (\n          <span key={`${letter}-${index}`}>{letter}</span>\n        ))}\n      </span>\n    </button>\n  );\n}\n\nfunction countChanges(diff: FileDiff): {\n  readonly added: number;\n  readonly removed: number;\n} {\n  const lines = diff.hunks.flatMap((hunk) => hunk.lines);\n  return {\n    added: lines.filter(({ kind }) => kind === 'added').length,\n    removed: lines.filter(({ kind }) => kind === 'removed').length,\n  };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { DiffLayout, DiffOptions, DiffViewer, DiffViewerProps, PaneMode, defaultDiffOptions } from "./diff-viewer.js";
+export { type DiffLayout, type DiffOptions, DiffViewer, type DiffViewerProps, type PaneMode, defaultDiffOptions };

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

@@ -0,0 +1,2 @@
+import { DiffViewer, defaultDiffOptions } from "./diff-viewer.js";
+export { DiffViewer, defaultDiffOptions };

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

@@ -0,0 +1,27 @@
+import { DiffRow } from "./align.js";
+import { SourceViewerLine } from "../source-viewer/source-viewer.js";
+import "../source-viewer/index.js";
+import { DiffHunk } from "laymos";
+//#region src/components/viewers/diff-viewer/render-model.d.ts
+export interface SplitSection {
+  readonly header: string;
+  readonly left: SideContent;
+  readonly right: SideContent;
+}
+export interface SideContent {
+  readonly content: string;
+  readonly lines: readonly SourceViewerLine[];
+}
+export declare function splitSections(hunks: readonly DiffHunk[]): readonly SplitSection[];
+export declare function splitRows(hunks: readonly DiffHunk[]): readonly DiffRow[];
+export declare function sideOfRows(rows: readonly DiffRow[], which: 'left' | 'right'): SideContent;
+export declare function unifiedSide(hunks: readonly DiffHunk[]): SideContent;
+export declare function fullSide(hunks: readonly DiffHunk[], side: 'left' | 'right'): SideContent;
+export interface UnifiedChunk {
+  readonly collapsible: boolean;
+  readonly count: number;
+  readonly side: SideContent;
+}
+export declare function unifiedChunks(hunks: readonly DiffHunk[]): readonly UnifiedChunk[];
+//#endregion
+//# sourceMappingURL=render-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-model.d.ts","names":[],"sources":["../../../../src/components/viewers/diff-viewer/render-model.ts"],"mappings":";;;;;iBAMiB;WACN;WACA,MAAM;WACN,OAAO;;iBAGD;WACN;WACA,gBAAgB;;wBAGX,cACd,gBAAgB,sBACN;wBAQI,UAAU,gBAAgB,sBAAsB;wBAIhD,WACd,eAAe,WACf,0BACC;wBAIa,YAAY,gBAAgB,aAAa;wBA6CzC,SACd,gBAAgB,YAChB,yBACC;iBAgBc;WACN;WACA;WACA,MAAM;;wBAGD,cACd,gBAAgB,sBACN"}

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

@@ -0,0 +1,83 @@
+import { alignHunks, unifiedLines } from "./align.js";
+import { collapseRuns } from "./collapse.js";
+//#region src/components/viewers/diff-viewer/render-model.ts
+function splitSections(hunks) {
+	return alignHunks(hunks).map(({ header, rows }) => ({
+		header,
+		left: side(rows.map(({ left }) => left)),
+		right: side(rows.map(({ right }) => right))
+	}));
+}
+function splitRows(hunks) {
+	return alignHunks(hunks).flatMap(({ rows }) => rows);
+}
+function sideOfRows(rows, which) {
+	return side(rows.map((row) => row[which]));
+}
+function unifiedSide(hunks) {
+	const entries = unifiedLines(hunks);
+	return {
+		content: entries.map(({ content }) => content).join("\n"),
+		lines: entries.map(unifiedLineStatus)
+	};
+}
+function unifiedLineStatus(entry) {
+	switch (entry.kind) {
+		case "header": return { status: "meta" };
+		case "added": return {
+			status: "add",
+			number: entry.newNumber
+		};
+		case "removed": return {
+			status: "remove",
+			number: entry.oldNumber
+		};
+		default: return {
+			status: "context",
+			number: entry.newNumber
+		};
+	}
+}
+function side(cells) {
+	return {
+		content: cells.map((cell) => cell.kind === "empty" ? "" : cell.line.content).join("\n"),
+		lines: cells.map((cell) => {
+			if (cell.kind === "empty") return { status: "empty" };
+			const number = cell.kind === "added" ? cell.line.newNumber : cell.line.oldNumber;
+			const status = cell.kind === "added" ? "add" : cell.kind === "removed" ? "remove" : "context";
+			return number === void 0 ? { status } : {
+				status,
+				number
+			};
+		})
+	};
+}
+function fullSide(hunks, side) {
+	const skipped = side === "left" ? "added" : "removed";
+	const lines = hunks.flatMap((hunk) => hunk.lines).filter(({ kind }) => kind !== skipped);
+	return {
+		content: lines.map(({ content }) => content).join("\n"),
+		lines: lines.map((line) => {
+			const number = side === "left" ? line.oldNumber : line.newNumber;
+			return number === void 0 ? { status: "context" } : {
+				status: "context",
+				number
+			};
+		})
+	};
+}
+function unifiedChunks(hunks) {
+	const entries = unifiedLines(hunks);
+	return collapseRuns(entries, (entry) => entry.kind === "context").map((run) => ({
+		collapsible: run.collapsible,
+		count: run.items.length,
+		side: {
+			content: run.items.map(({ content }) => content).join("\n"),
+			lines: run.items.map(unifiedLineStatus)
+		}
+	}));
+}
+//#endregion
+export { fullSide, sideOfRows, splitRows, splitSections, unifiedChunks, unifiedSide };
+
+//# sourceMappingURL=render-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-model.js","names":[],"sources":["../../../../src/components/viewers/diff-viewer/render-model.ts"],"sourcesContent":["import type { DiffHunk } from 'laymos';\nimport type { SourceViewerLine } from '../source-viewer';\n\nimport { alignHunks, unifiedLines, type DiffCell, type DiffRow } from './align';\nimport { collapseRuns } from './collapse';\n\nexport interface SplitSection {\n  readonly header: string;\n  readonly left: SideContent;\n  readonly right: SideContent;\n}\n\nexport interface SideContent {\n  readonly content: string;\n  readonly lines: readonly SourceViewerLine[];\n}\n\nexport function splitSections(\n  hunks: readonly DiffHunk[],\n): readonly SplitSection[] {\n  return alignHunks(hunks).map(({ header, rows }) => ({\n    header,\n    left: side(rows.map(({ left }) => left)),\n    right: side(rows.map(({ right }) => right)),\n  }));\n}\n\nexport function splitRows(hunks: readonly DiffHunk[]): readonly DiffRow[] {\n  return alignHunks(hunks).flatMap(({ rows }) => rows);\n}\n\nexport function sideOfRows(\n  rows: readonly DiffRow[],\n  which: 'left' | 'right',\n): SideContent {\n  return side(rows.map((row) => row[which]));\n}\n\nexport function unifiedSide(hunks: readonly DiffHunk[]): SideContent {\n  const entries = unifiedLines(hunks);\n  return {\n    content: entries.map(({ content }) => content).join('\\n'),\n    lines: entries.map(unifiedLineStatus),\n  };\n}\n\nfunction unifiedLineStatus(\n  entry: ReturnType<typeof unifiedLines>[number],\n): SourceViewerLine {\n  switch (entry.kind) {\n    case 'header':\n      return { status: 'meta' };\n    case 'added':\n      return { status: 'add', number: entry.newNumber };\n    case 'removed':\n      return { status: 'remove', number: entry.oldNumber };\n    default:\n      return { status: 'context', number: entry.newNumber };\n  }\n}\n\nfunction side(cells: readonly DiffCell[]): SideContent {\n  return {\n    content: cells\n      .map((cell) => (cell.kind === 'empty' ? '' : cell.line.content))\n      .join('\\n'),\n    lines: cells.map((cell) => {\n      if (cell.kind === 'empty') return { status: 'empty' as const };\n      const number =\n        cell.kind === 'added' ? cell.line.newNumber : cell.line.oldNumber;\n      const status =\n        cell.kind === 'added'\n          ? ('add' as const)\n          : cell.kind === 'removed'\n            ? ('remove' as const)\n            : ('context' as const);\n      return number === undefined ? { status } : { status, number };\n    }),\n  };\n}\n\n// One side on its own is just that file: every line it contains, in order,\n// numbered as it is numbered there, with no alignment padding and no marks.\nexport function fullSide(\n  hunks: readonly DiffHunk[],\n  side: 'left' | 'right',\n): SideContent {\n  const skipped = side === 'left' ? 'added' : 'removed';\n  const lines = hunks\n    .flatMap((hunk) => hunk.lines)\n    .filter(({ kind }) => kind !== skipped);\n  return {\n    content: lines.map(({ content }) => content).join('\\n'),\n    lines: lines.map((line) => {\n      const number = side === 'left' ? line.oldNumber : line.newNumber;\n      return number === undefined\n        ? { status: 'context' as const }\n        : { status: 'context' as const, number };\n    }),\n  };\n}\n\nexport interface UnifiedChunk {\n  readonly collapsible: boolean;\n  readonly count: number;\n  readonly side: SideContent;\n}\n\nexport function unifiedChunks(\n  hunks: readonly DiffHunk[],\n): readonly UnifiedChunk[] {\n  const entries = unifiedLines(hunks);\n  return collapseRuns(entries, (entry) => entry.kind === 'context').map(\n    (run) => ({\n      collapsible: run.collapsible,\n      count: run.items.length,\n      side: {\n        content: run.items.map(({ content }) => content).join('\\n'),\n        lines: run.items.map(unifiedLineStatus),\n      },\n    }),\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,cACd,OACyB;CACzB,OAAO,WAAW,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,YAAY;EAClD;EACA,MAAM,KAAK,KAAK,KAAK,EAAE,WAAW,IAAI,CAAC;EACvC,OAAO,KAAK,KAAK,KAAK,EAAE,YAAY,KAAK,CAAC;CAC5C,EAAE;AACJ;AAEA,SAAgB,UAAU,OAAgD;CACxE,OAAO,WAAW,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,IAAI;AACrD;AAEA,SAAgB,WACd,MACA,OACa;CACb,OAAO,KAAK,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC;AAC3C;AAEA,SAAgB,YAAY,OAAyC;CACnE,MAAM,UAAU,aAAa,KAAK;CAClC,OAAO;EACL,SAAS,QAAQ,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC,KAAK,IAAI;EACxD,OAAO,QAAQ,IAAI,iBAAiB;CACtC;AACF;AAEA,SAAS,kBACP,OACkB;CAClB,QAAQ,MAAM,MAAd;EACE,KAAK,UACH,OAAO,EAAE,QAAQ,OAAO;EAC1B,KAAK,SACH,OAAO;GAAE,QAAQ;GAAO,QAAQ,MAAM;EAAU;EAClD,KAAK,WACH,OAAO;GAAE,QAAQ;GAAU,QAAQ,MAAM;EAAU;EACrD,SACE,OAAO;GAAE,QAAQ;GAAW,QAAQ,MAAM;EAAU;CACxD;AACF;AAEA,SAAS,KAAK,OAAyC;CACrD,OAAO;EACL,SAAS,MACN,KAAK,SAAU,KAAK,SAAS,UAAU,KAAK,KAAK,KAAK,OAAQ,CAAC,CAC/D,KAAK,IAAI;EACZ,OAAO,MAAM,KAAK,SAAS;GACzB,IAAI,KAAK,SAAS,SAAS,OAAO,EAAE,QAAQ,QAAiB;GAC7D,MAAM,SACJ,KAAK,SAAS,UAAU,KAAK,KAAK,YAAY,KAAK,KAAK;GAC1D,MAAM,SACJ,KAAK,SAAS,UACT,QACD,KAAK,SAAS,YACX,WACA;GACT,OAAO,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI;IAAE;IAAQ;GAAO;EAC9D,CAAC;CACH;AACF;AAIA,SAAgB,SACd,OACA,MACa;CACb,MAAM,UAAU,SAAS,SAAS,UAAU;CAC5C,MAAM,QAAQ,MACX,SAAS,SAAS,KAAK,KAAK,CAAC,CAC7B,QAAQ,EAAE,WAAW,SAAS,OAAO;CACxC,OAAO;EACL,SAAS,MAAM,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC,KAAK,IAAI;EACtD,OAAO,MAAM,KAAK,SAAS;GACzB,MAAM,SAAS,SAAS,SAAS,KAAK,YAAY,KAAK;GACvD,OAAO,WAAW,KAAA,IACd,EAAE,QAAQ,UAAmB,IAC7B;IAAE,QAAQ;IAAoB;GAAO;EAC3C,CAAC;CACH;AACF;AAQA,SAAgB,cACd,OACyB;CACzB,MAAM,UAAU,aAAa,KAAK;CAClC,OAAO,aAAa,UAAU,UAAU,MAAM,SAAS,SAAS,CAAC,CAAC,KAC/D,SAAS;EACR,aAAa,IAAI;EACjB,OAAO,IAAI,MAAM;EACjB,MAAM;GACJ,SAAS,IAAI,MAAM,KAAK,EAAE,cAAc,OAAO,CAAC,CAAC,KAAK,IAAI;GAC1D,OAAO,IAAI,MAAM,IAAI,iBAAiB;EACxC;CACF,EACF;AACF"}

package/dist/components/viewers/diff-viewer/sync-rows.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/viewers/diff-viewer/sync-rows.d.ts
+export declare function equalizeRowHeights(left: HTMLElement, right: HTMLElement): void;
+export declare function syncScroll(from: HTMLElement, to: HTMLElement, lock: {
+  current: boolean;
+}): void;
+export declare function clearRowHeights(pane: HTMLElement): void;
+//#endregion
+//# sourceMappingURL=sync-rows.d.ts.map

package/dist/components/viewers/diff-viewer/sync-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-rows.d.ts","names":[],"sources":["../../../../src/components/viewers/diff-viewer/sync-rows.ts"],"mappings":";wBAEgB,mBACd,MAAM,aACN,OAAO;wBAmBO,WACd,MAAM,aACN,IAAI,aACJ;EAAQ;;wBAUM,gBAAgB,MAAM"}

package/dist/components/viewers/diff-viewer/sync-rows.js

@@ -0,0 +1,32 @@
+//#region src/components/viewers/diff-viewer/sync-rows.ts
+function equalizeRowHeights(left, right) {
+	const leftLines = left.querySelectorAll(".source-line");
+	const rightLines = right.querySelectorAll(".source-line");
+	const count = Math.min(leftLines.length, rightLines.length);
+	for (let index = 0; index < count; index += 1) {
+		leftLines[index].style.minHeight = "";
+		rightLines[index].style.minHeight = "";
+	}
+	for (let index = 0; index < count; index += 1) {
+		const leftLine = leftLines[index];
+		const rightLine = rightLines[index];
+		const height = Math.max(leftLine.offsetHeight, rightLine.offsetHeight);
+		leftLine.style.minHeight = `${height}px`;
+		rightLine.style.minHeight = `${height}px`;
+	}
+}
+function syncScroll(from, to, lock) {
+	if (lock.current) {
+		lock.current = false;
+		return;
+	}
+	lock.current = true;
+	to.scrollTop = from.scrollTop;
+}
+function clearRowHeights(pane) {
+	for (const line of pane.querySelectorAll(".source-line")) line.style.minHeight = "";
+}
+//#endregion
+export { clearRowHeights, equalizeRowHeights, syncScroll };
+
+//# sourceMappingURL=sync-rows.js.map

package/dist/components/viewers/diff-viewer/sync-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sync-rows.js","names":[],"sources":["../../../../src/components/viewers/diff-viewer/sync-rows.ts"],"sourcesContent":["// Both panes scroll independently, so their rows must be kept level by hand:\n// a wrapped line on one side is taller than its partner on the other.\nexport function equalizeRowHeights(\n  left: HTMLElement,\n  right: HTMLElement,\n): void {\n  const leftLines = left.querySelectorAll<HTMLElement>('.source-line');\n  const rightLines = right.querySelectorAll<HTMLElement>('.source-line');\n  const count = Math.min(leftLines.length, rightLines.length);\n\n  for (let index = 0; index < count; index += 1) {\n    (leftLines[index] as HTMLElement).style.minHeight = '';\n    (rightLines[index] as HTMLElement).style.minHeight = '';\n  }\n  for (let index = 0; index < count; index += 1) {\n    const leftLine = leftLines[index] as HTMLElement;\n    const rightLine = rightLines[index] as HTMLElement;\n    const height = Math.max(leftLine.offsetHeight, rightLine.offsetHeight);\n    leftLine.style.minHeight = `${height}px`;\n    rightLine.style.minHeight = `${height}px`;\n  }\n}\n\nexport function syncScroll(\n  from: HTMLElement,\n  to: HTMLElement,\n  lock: { current: boolean },\n): void {\n  if (lock.current) {\n    lock.current = false;\n    return;\n  }\n  lock.current = true;\n  to.scrollTop = from.scrollTop;\n}\n\nexport function clearRowHeights(pane: HTMLElement): void {\n  for (const line of pane.querySelectorAll<HTMLElement>('.source-line')) {\n    line.style.minHeight = '';\n  }\n}\n"],"mappings":";AAEA,SAAgB,mBACd,MACA,OACM;CACN,MAAM,YAAY,KAAK,iBAA8B,cAAc;CACnE,MAAM,aAAa,MAAM,iBAA8B,cAAc;CACrE,MAAM,QAAQ,KAAK,IAAI,UAAU,QAAQ,WAAW,MAAM;CAE1D,KAAK,IAAI,QAAQ,GAAG,QAAQ,OAAO,SAAS,GAAG;EAC7C,UAAW,MAAM,CAAiB,MAAM,YAAY;EACpD,WAAY,MAAM,CAAiB,MAAM,YAAY;CACvD;CACA,KAAK,IAAI,QAAQ,GAAG,QAAQ,OAAO,SAAS,GAAG;EAC7C,MAAM,WAAW,UAAU;EAC3B,MAAM,YAAY,WAAW;EAC7B,MAAM,SAAS,KAAK,IAAI,SAAS,cAAc,UAAU,YAAY;EACrE,SAAS,MAAM,YAAY,GAAG,OAAO;EACrC,UAAU,MAAM,YAAY,GAAG,OAAO;CACxC;AACF;AAEA,SAAgB,WACd,MACA,IACA,MACM;CACN,IAAI,KAAK,SAAS;EAChB,KAAK,UAAU;EACf;CACF;CACA,KAAK,UAAU;CACf,GAAG,YAAY,KAAK;AACtB;AAEA,SAAgB,gBAAgB,MAAyB;CACvD,KAAK,MAAM,QAAQ,KAAK,iBAA8B,cAAc,GAClE,KAAK,MAAM,YAAY;AAE3B"}

package/dist/components/viewers/file-tree/expand.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/viewers/file-tree/expand.d.ts
+export declare function expandAll(files: string[]): string[];
+export declare function expandToDepth(files: string[], depth: number): string[];
+export declare function expandTo(files: string[], path: string): string[];
+export declare function toggleSubtree(files: string[], expanded: string[], path: string): string[];
+//#endregion
+//# sourceMappingURL=expand.d.ts.map

package/dist/components/viewers/file-tree/expand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.d.ts","names":[],"sources":["../../../../src/components/viewers/file-tree/expand.ts"],"mappings":";wBAWgB,UAAU;wBAIV,cAAc,iBAAiB;wBAM/B,SAAS,iBAAiB;wBAW1B,cACd,iBACA,oBACA"}

package/dist/components/viewers/file-tree/expand.js

@@ -0,0 +1,37 @@
+//#region src/components/viewers/file-tree/expand.ts
+function folderPaths(files) {
+	const folders = /* @__PURE__ */ new Set();
+	for (const file of files) {
+		const segments = file.split("/");
+		for (let i = 1; i < segments.length; i++) folders.add(segments.slice(0, i).join("/"));
+	}
+	return [...folders];
+}
+function expandAll(files) {
+	return folderPaths(files);
+}
+function expandToDepth(files, depth) {
+	return folderPaths(files).filter((folder) => folder.split("/").length <= depth);
+}
+function expandTo(files, path) {
+	const folders = new Set(folderPaths(files));
+	const segments = path.split("/");
+	const result = [];
+	for (let i = 1; i <= segments.length; i++) {
+		const prefix = segments.slice(0, i).join("/");
+		if (folders.has(prefix)) result.push(prefix);
+	}
+	return result;
+}
+function toggleSubtree(files, expanded, path) {
+	const prefix = `${path}/`;
+	const outsideDescendants = expanded.filter((folder) => !folder.startsWith(prefix));
+	const descendants = folderPaths(files).filter((folder) => folder.startsWith(prefix));
+	if (descendants.length === 0) return expanded.includes(path) ? outsideDescendants.filter((folder) => folder !== path) : [...outsideDescendants, path];
+	if (!expanded.includes(path)) return [...outsideDescendants, path];
+	return descendants.every((folder) => expanded.includes(folder)) ? outsideDescendants : [.../* @__PURE__ */ new Set([...outsideDescendants, ...descendants])];
+}
+//#endregion
+export { expandAll, expandTo, expandToDepth, toggleSubtree };
+
+//# sourceMappingURL=expand.js.map

package/dist/components/viewers/file-tree/expand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expand.js","names":[],"sources":["../../../../src/components/viewers/file-tree/expand.ts"],"sourcesContent":["function folderPaths(files: string[]): string[] {\n  const folders = new Set<string>();\n  for (const file of files) {\n    const segments = file.split('/');\n    for (let i = 1; i < segments.length; i++) {\n      folders.add(segments.slice(0, i).join('/'));\n    }\n  }\n  return [...folders];\n}\n\nexport function expandAll(files: string[]): string[] {\n  return folderPaths(files);\n}\n\nexport function expandToDepth(files: string[], depth: number): string[] {\n  return folderPaths(files).filter(\n    (folder) => folder.split('/').length <= depth,\n  );\n}\n\nexport function expandTo(files: string[], path: string): string[] {\n  const folders = new Set(folderPaths(files));\n  const segments = path.split('/');\n  const result: string[] = [];\n  for (let i = 1; i <= segments.length; i++) {\n    const prefix = segments.slice(0, i).join('/');\n    if (folders.has(prefix)) result.push(prefix);\n  }\n  return result;\n}\n\nexport function toggleSubtree(\n  files: string[],\n  expanded: string[],\n  path: string,\n): string[] {\n  const prefix = `${path}/`;\n  const outsideDescendants = expanded.filter(\n    (folder) => !folder.startsWith(prefix),\n  );\n  const descendants = folderPaths(files).filter((folder) =>\n    folder.startsWith(prefix),\n  );\n  if (descendants.length === 0) {\n    return expanded.includes(path)\n      ? outsideDescendants.filter((folder) => folder !== path)\n      : [...outsideDescendants, path];\n  }\n  if (!expanded.includes(path)) return [...outsideDescendants, path];\n\n  const isDeepExpanded = descendants.every((folder) =>\n    expanded.includes(folder),\n  );\n  return isDeepExpanded\n    ? outsideDescendants\n    : [...new Set([...outsideDescendants, ...descendants])];\n}\n"],"mappings":";AAAA,SAAS,YAAY,OAA2B;CAC9C,MAAM,0BAAU,IAAI,IAAY;CAChC,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,WAAW,KAAK,MAAM,GAAG;EAC/B,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KACnC,QAAQ,IAAI,SAAS,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;CAE9C;CACA,OAAO,CAAC,GAAG,OAAO;AACpB;AAEA,SAAgB,UAAU,OAA2B;CACnD,OAAO,YAAY,KAAK;AAC1B;AAEA,SAAgB,cAAc,OAAiB,OAAyB;CACtE,OAAO,YAAY,KAAK,CAAC,CAAC,QACvB,WAAW,OAAO,MAAM,GAAG,CAAC,CAAC,UAAU,KAC1C;AACF;AAEA,SAAgB,SAAS,OAAiB,MAAwB;CAChE,MAAM,UAAU,IAAI,IAAI,YAAY,KAAK,CAAC;CAC1C,MAAM,WAAW,KAAK,MAAM,GAAG;CAC/B,MAAM,SAAmB,CAAC;CAC1B,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,QAAQ,KAAK;EACzC,MAAM,SAAS,SAAS,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG;EAC5C,IAAI,QAAQ,IAAI,MAAM,GAAG,OAAO,KAAK,MAAM;CAC7C;CACA,OAAO;AACT;AAEA,SAAgB,cACd,OACA,UACA,MACU;CACV,MAAM,SAAS,GAAG,KAAK;CACvB,MAAM,qBAAqB,SAAS,QACjC,WAAW,CAAC,OAAO,WAAW,MAAM,CACvC;CACA,MAAM,cAAc,YAAY,KAAK,CAAC,CAAC,QAAQ,WAC7C,OAAO,WAAW,MAAM,CAC1B;CACA,IAAI,YAAY,WAAW,GACzB,OAAO,SAAS,SAAS,IAAI,IACzB,mBAAmB,QAAQ,WAAW,WAAW,IAAI,IACrD,CAAC,GAAG,oBAAoB,IAAI;CAElC,IAAI,CAAC,SAAS,SAAS,IAAI,GAAG,OAAO,CAAC,GAAG,oBAAoB,IAAI;CAKjE,OAHuB,YAAY,OAAO,WACxC,SAAS,SAAS,MAAM,CAEN,IAChB,qBACA,CAAC,mBAAG,IAAI,IAAI,CAAC,GAAG,oBAAoB,GAAG,WAAW,CAAC,CAAC;AAC1D"}

package/dist/components/viewers/file-tree/file-tree.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+//#region src/components/viewers/file-tree/file-tree.d.ts
+type FileTreeProps = {
+  files: string[];
+  expanded: string[];
+  onExpandedChange: (expanded: string[]) => void;
+  highlightedPaths?: string[];
+  dimmedPaths?: string[];
+  /** Dim every row that is neither highlighted nor an ancestor of a highlight. */
+  dimOthers?: boolean;
+  onPathClick?: (path: string) => void;
+  renderSuffix?: (path: string) => ReactNode;
+  classNameForPath?: (path: string) => string | undefined;
+  /** Accent for the leading icon only — a second signal independent of row text. */
+  iconClassNameForPath?: (path: string) => string | undefined;
+  className?: string;
+};
+export declare function FileTree({ files, expanded, onExpandedChange, highlightedPaths, dimmedPaths, dimOthers, onPathClick, renderSuffix, classNameForPath, iconClassNameForPath, className }: FileTreeProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=file-tree.d.ts.map

package/dist/components/viewers/file-tree/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","names":[],"sources":["../../../../src/components/viewers/file-tree/file-tree.tsx"],"mappings":";;KAkBK;EACH;EACA;EACA,mBAAmB;EACnB;EACA;;EAEA;EACA,eAAe;EACf,gBAAgB,iBAAiB;EACjC,oBAAoB;;EAEpB,wBAAwB;EACxB;;wBAyDc,WACd,OACA,UACA,kBACA,kBACA,aACA,WACA,aACA,cACA,kBACA,sBACA,aACC,gCAAa,IAAA"}

package/dist/components/viewers/file-tree/file-tree.js

@@ -0,0 +1,116 @@
+import { cn } from "../../lib/utils.js";
+import { toggleSubtree } from "./expand.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FileIcon, FolderIcon, FolderMinusIcon, FolderOpenIcon } from "lucide-react";
+//#region src/components/viewers/file-tree/file-tree.tsx
+const collator = new Intl.Collator("en", {
+	numeric: true,
+	sensitivity: "base"
+});
+function buildTree(files) {
+	const root = {
+		path: "",
+		name: "",
+		children: []
+	};
+	const byPath = /* @__PURE__ */ new Map([["", root]]);
+	for (const file of files) {
+		const isExplicitFolder = file.endsWith("/");
+		const segments = (isExplicitFolder ? file.slice(0, -1) : file).split("/");
+		let parent = root;
+		for (let i = 0; i < segments.length; i++) {
+			const path = segments.slice(0, i + 1).join("/");
+			let node = byPath.get(path);
+			if (!node) {
+				node = {
+					path,
+					name: segments[i],
+					children: i < segments.length - 1 || isExplicitFolder ? [] : null
+				};
+				byPath.set(path, node);
+				parent.children.push(node);
+			}
+			if (node.children) parent = node;
+		}
+	}
+	sortTree(root.children);
+	return root.children;
+}
+function sortTree(nodes) {
+	nodes.sort((a, b) => {
+		if (a.children !== null !== (b.children !== null)) return a.children !== null ? -1 : 1;
+		return collator.compare(a.name, b.name);
+	});
+	for (const node of nodes) if (node.children) sortTree(node.children);
+}
+function longestPrefixLength(path, prefixes) {
+	let best = -1;
+	for (const prefix of prefixes) if (path === prefix || path.startsWith(`${prefix}/`)) best = Math.max(best, prefix.length);
+	return best;
+}
+function FileTree({ files, expanded, onExpandedChange, highlightedPaths = [], dimmedPaths = [], dimOthers = false, onPathClick, renderSuffix, classNameForPath, iconClassNameForPath, className }) {
+	const roots = useMemo(() => buildTree(files), [files]);
+	const expandedSet = useMemo(() => new Set(expanded), [expanded]);
+	const emphasisFor = (path) => {
+		const highlight = longestPrefixLength(path, highlightedPaths);
+		const dim = longestPrefixLength(path, dimmedPaths);
+		if (highlight >= 0 || dim >= 0) return highlight >= dim ? "highlighted" : "dimmed";
+		if (!dimOthers) return null;
+		return highlightedPaths.some((prefix) => prefix.startsWith(`${path}/`)) ? null : "dimmed";
+	};
+	const toggle = (path) => {
+		onExpandedChange(expandedSet.has(path) ? expanded.filter((item) => item !== path) : [...expanded, path]);
+	};
+	const renderNode = (node, depth) => {
+		const isFolder = node.children !== null;
+		const isEmptyFolder = isFolder && node.children.length === 0;
+		const isExpanded = isFolder && !isEmptyFolder && expandedSet.has(node.path);
+		const emphasis = emphasisFor(node.path);
+		const Icon = isEmptyFolder ? FolderMinusIcon : isFolder ? isExpanded ? FolderOpenIcon : FolderIcon : FileIcon;
+		return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("button", {
+			type: "button",
+			disabled: isEmptyFolder,
+			"data-path": node.path,
+			"aria-expanded": isFolder && !isEmptyFolder ? isExpanded : void 0,
+			style: { paddingInlineStart: `${depth * 1 + .25}rem` },
+			onClick: () => {
+				if (isFolder) toggle(node.path);
+				onPathClick?.(node.path);
+			},
+			onContextMenu: (event) => {
+				if (!isFolder || isEmptyFolder) return;
+				event.preventDefault();
+				onExpandedChange(toggleSubtree(files, expanded, node.path));
+			},
+			className: cn("flex w-full min-w-0 select-none items-center gap-1.5 rounded-md py-0.5 pe-1 text-sm", isEmptyFolder ? "cursor-default text-muted-foreground" : "cursor-pointer hover:bg-accent/50", emphasis === "highlighted" && "bg-primary/10 text-primary", emphasis === "dimmed" && "opacity-40", classNameForPath?.(node.path)),
+			children: [
+				/* @__PURE__ */ jsx(Icon, { className: cn("size-4 shrink-0", iconClassNameForPath?.(node.path)) }),
+				/* @__PURE__ */ jsx("span", {
+					title: node.name,
+					className: "min-w-0 truncate",
+					children: node.name
+				}),
+				renderSuffix ? /* @__PURE__ */ jsx("span", {
+					className: "ms-auto flex shrink-0 items-center",
+					children: renderSuffix(node.path)
+				}) : null
+			]
+		}), isExpanded ? /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				className: "absolute inset-y-0 w-px bg-border",
+				style: { insetInlineStart: `${depth + .7}rem` }
+			}), node.children.map((child) => renderNode(child, depth + 1))]
+		}) : null] }, node.path);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col gap-px", className),
+		children: roots.map((node) => renderNode(node, 0))
+	});
+}
+//#endregion
+export { FileTree };
+
+//# sourceMappingURL=file-tree.js.map

package/dist/components/viewers/file-tree/file-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.js","names":[],"sources":["../../../../src/components/viewers/file-tree/file-tree.tsx"],"sourcesContent":["import {\n  FileIcon,\n  FolderIcon,\n  FolderMinusIcon,\n  FolderOpenIcon,\n} from 'lucide-react';\nimport { useMemo, type ReactNode } from 'react';\nimport { cn } from '#lib/utils';\nimport { toggleSubtree } from './expand';\n\ntype TreeNode = {\n  path: string;\n  name: string;\n  children: TreeNode[] | null;\n};\n\ntype Emphasis = 'highlighted' | 'dimmed' | null;\n\ntype FileTreeProps = {\n  files: string[];\n  expanded: string[];\n  onExpandedChange: (expanded: string[]) => void;\n  highlightedPaths?: string[];\n  dimmedPaths?: string[];\n  /** Dim every row that is neither highlighted nor an ancestor of a highlight. */\n  dimOthers?: boolean;\n  onPathClick?: (path: string) => void;\n  renderSuffix?: (path: string) => ReactNode;\n  classNameForPath?: (path: string) => string | undefined;\n  /** Accent for the leading icon only — a second signal independent of row text. */\n  iconClassNameForPath?: (path: string) => string | undefined;\n  className?: string;\n};\n\nconst collator = new Intl.Collator('en', {\n  numeric: true,\n  sensitivity: 'base',\n});\n\nfunction buildTree(files: string[]): TreeNode[] {\n  const root: TreeNode = { path: '', name: '', children: [] };\n  const byPath = new Map<string, TreeNode>([['', root]]);\n  for (const file of files) {\n    // A trailing slash declares an explicit (possibly empty) folder.\n    const isExplicitFolder = file.endsWith('/');\n    const segments = (isExplicitFolder ? file.slice(0, -1) : file).split('/');\n    let parent = root;\n    for (let i = 0; i < segments.length; i++) {\n      const path = segments.slice(0, i + 1).join('/');\n      let node = byPath.get(path);\n      if (!node) {\n        node = {\n          path,\n          name: segments[i]!,\n          children: i < segments.length - 1 || isExplicitFolder ? [] : null,\n        };\n        byPath.set(path, node);\n        parent.children!.push(node);\n      }\n      if (node.children) parent = node;\n    }\n  }\n  sortTree(root.children!);\n  return root.children!;\n}\n\nfunction sortTree(nodes: TreeNode[]) {\n  nodes.sort((a, b) => {\n    if ((a.children !== null) !== (b.children !== null)) {\n      return a.children !== null ? -1 : 1;\n    }\n    return collator.compare(a.name, b.name);\n  });\n  for (const node of nodes) {\n    if (node.children) sortTree(node.children);\n  }\n}\n\nfunction longestPrefixLength(path: string, prefixes: string[]): number {\n  let best = -1;\n  for (const prefix of prefixes) {\n    if (path === prefix || path.startsWith(`${prefix}/`)) {\n      best = Math.max(best, prefix.length);\n    }\n  }\n  return best;\n}\n\nexport function FileTree({\n  files,\n  expanded,\n  onExpandedChange,\n  highlightedPaths = [],\n  dimmedPaths = [],\n  dimOthers = false,\n  onPathClick,\n  renderSuffix,\n  classNameForPath,\n  iconClassNameForPath,\n  className,\n}: FileTreeProps) {\n  const roots = useMemo(() => buildTree(files), [files]);\n  const expandedSet = useMemo(() => new Set(expanded), [expanded]);\n\n  // Longest matching prefix wins; on a tie, highlight beats dim.\n  const emphasisFor = (path: string): Emphasis => {\n    const highlight = longestPrefixLength(path, highlightedPaths);\n    const dim = longestPrefixLength(path, dimmedPaths);\n    if (highlight >= 0 || dim >= 0) {\n      return highlight >= dim ? 'highlighted' : 'dimmed';\n    }\n    if (!dimOthers) return null;\n    const isAncestorOfHighlight = highlightedPaths.some((prefix) =>\n      prefix.startsWith(`${path}/`),\n    );\n    return isAncestorOfHighlight ? null : 'dimmed';\n  };\n\n  const toggle = (path: string) => {\n    onExpandedChange(\n      expandedSet.has(path)\n        ? expanded.filter((item) => item !== path)\n        : [...expanded, path],\n    );\n  };\n\n  const renderNode = (node: TreeNode, depth: number): ReactNode => {\n    const isFolder = node.children !== null;\n    const isEmptyFolder = isFolder && node.children!.length === 0;\n    const isExpanded = isFolder && !isEmptyFolder && expandedSet.has(node.path);\n    const emphasis = emphasisFor(node.path);\n    const Icon = isEmptyFolder\n      ? FolderMinusIcon\n      : isFolder\n        ? isExpanded\n          ? FolderOpenIcon\n          : FolderIcon\n        : FileIcon;\n\n    return (\n      <div key={node.path}>\n        <button\n          type=\"button\"\n          disabled={isEmptyFolder}\n          // Lets a caller find a row by its path, to bring it into view.\n          data-path={node.path}\n          aria-expanded={isFolder && !isEmptyFolder ? isExpanded : undefined}\n          style={{ paddingInlineStart: `${depth * 1 + 0.25}rem` }}\n          onClick={() => {\n            if (isFolder) toggle(node.path);\n            onPathClick?.(node.path);\n          }}\n          onContextMenu={(event) => {\n            if (!isFolder || isEmptyFolder) return;\n            event.preventDefault();\n            onExpandedChange(toggleSubtree(files, expanded, node.path));\n          }}\n          className={cn(\n            'flex w-full min-w-0 select-none items-center gap-1.5 rounded-md py-0.5 pe-1 text-sm',\n            isEmptyFolder\n              ? 'cursor-default text-muted-foreground'\n              : 'cursor-pointer hover:bg-accent/50',\n            emphasis === 'highlighted' && 'bg-primary/10 text-primary',\n            emphasis === 'dimmed' && 'opacity-40',\n            classNameForPath?.(node.path),\n          )}\n        >\n          <Icon\n            className={cn('size-4 shrink-0', iconClassNameForPath?.(node.path))}\n          />\n          <span title={node.name} className=\"min-w-0 truncate\">\n            {node.name}\n          </span>\n          {renderSuffix ? (\n            <span className=\"ms-auto flex shrink-0 items-center\">\n              {renderSuffix(node.path)}\n            </span>\n          ) : null}\n        </button>\n        {isExpanded ? (\n          <div className=\"relative\">\n            <span\n              aria-hidden\n              className=\"absolute inset-y-0 w-px bg-border\"\n              style={{ insetInlineStart: `${depth + 0.7}rem` }}\n            />\n            {node.children!.map((child) => renderNode(child, depth + 1))}\n          </div>\n        ) : null}\n      </div>\n    );\n  };\n\n  return (\n    <div className={cn('flex flex-col gap-px', className)}>\n      {roots.map((node) => renderNode(node, 0))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAkCA,MAAM,WAAW,IAAI,KAAK,SAAS,MAAM;CACvC,SAAS;CACT,aAAa;AACf,CAAC;AAED,SAAS,UAAU,OAA6B;CAC9C,MAAM,OAAiB;EAAE,MAAM;EAAI,MAAM;EAAI,UAAU,CAAC;CAAE;CAC1D,MAAM,yBAAS,IAAI,IAAsB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;CACrD,KAAK,MAAM,QAAQ,OAAO;EAExB,MAAM,mBAAmB,KAAK,SAAS,GAAG;EAC1C,MAAM,YAAY,mBAAmB,KAAK,MAAM,GAAG,EAAE,IAAI,KAAA,CAAM,MAAM,GAAG;EACxE,IAAI,SAAS;EACb,KAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;GACxC,MAAM,OAAO,SAAS,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG;GAC9C,IAAI,OAAO,OAAO,IAAI,IAAI;GAC1B,IAAI,CAAC,MAAM;IACT,OAAO;KACL;KACA,MAAM,SAAS;KACf,UAAU,IAAI,SAAS,SAAS,KAAK,mBAAmB,CAAC,IAAI;IAC/D;IACA,OAAO,IAAI,MAAM,IAAI;IACrB,OAAO,SAAU,KAAK,IAAI;GAC5B;GACA,IAAI,KAAK,UAAU,SAAS;EAC9B;CACF;CACA,SAAS,KAAK,QAAS;CACvB,OAAO,KAAK;AACd;AAEA,SAAS,SAAS,OAAmB;CACnC,MAAM,MAAM,GAAG,MAAM;EACnB,IAAK,EAAE,aAAa,UAAW,EAAE,aAAa,OAC5C,OAAO,EAAE,aAAa,OAAO,KAAK;EAEpC,OAAO,SAAS,QAAQ,EAAE,MAAM,EAAE,IAAI;CACxC,CAAC;CACD,KAAK,MAAM,QAAQ,OACjB,IAAI,KAAK,UAAU,SAAS,KAAK,QAAQ;AAE7C;AAEA,SAAS,oBAAoB,MAAc,UAA4B;CACrE,IAAI,OAAO;CACX,KAAK,MAAM,UAAU,UACnB,IAAI,SAAS,UAAU,KAAK,WAAW,GAAG,OAAO,EAAE,GACjD,OAAO,KAAK,IAAI,MAAM,OAAO,MAAM;CAGvC,OAAO;AACT;AAEA,SAAgB,SAAS,EACvB,OACA,UACA,kBACA,mBAAmB,CAAC,GACpB,cAAc,CAAC,GACf,YAAY,OACZ,aACA,cACA,kBACA,sBACA,aACgB;CAChB,MAAM,QAAQ,cAAc,UAAU,KAAK,GAAG,CAAC,KAAK,CAAC;CACrD,MAAM,cAAc,cAAc,IAAI,IAAI,QAAQ,GAAG,CAAC,QAAQ,CAAC;CAG/D,MAAM,eAAe,SAA2B;EAC9C,MAAM,YAAY,oBAAoB,MAAM,gBAAgB;EAC5D,MAAM,MAAM,oBAAoB,MAAM,WAAW;EACjD,IAAI,aAAa,KAAK,OAAO,GAC3B,OAAO,aAAa,MAAM,gBAAgB;EAE5C,IAAI,CAAC,WAAW,OAAO;EAIvB,OAH8B,iBAAiB,MAAM,WACnD,OAAO,WAAW,GAAG,KAAK,EAAE,CAEH,IAAI,OAAO;CACxC;CAEA,MAAM,UAAU,SAAiB;EAC/B,iBACE,YAAY,IAAI,IAAI,IAChB,SAAS,QAAQ,SAAS,SAAS,IAAI,IACvC,CAAC,GAAG,UAAU,IAAI,CACxB;CACF;CAEA,MAAM,cAAc,MAAgB,UAA6B;EAC/D,MAAM,WAAW,KAAK,aAAa;EACnC,MAAM,gBAAgB,YAAY,KAAK,SAAU,WAAW;EAC5D,MAAM,aAAa,YAAY,CAAC,iBAAiB,YAAY,IAAI,KAAK,IAAI;EAC1E,MAAM,WAAW,YAAY,KAAK,IAAI;EACtC,MAAM,OAAO,gBACT,kBACA,WACE,aACE,iBACA,aACF;EAEN,OACE,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,UAAD;GACE,MAAK;GACL,UAAU;GAEV,aAAW,KAAK;GAChB,iBAAe,YAAY,CAAC,gBAAgB,aAAa,KAAA;GACzD,OAAO,EAAE,oBAAoB,GAAG,QAAQ,IAAI,IAAK,KAAK;GACtD,eAAe;IACb,IAAI,UAAU,OAAO,KAAK,IAAI;IAC9B,cAAc,KAAK,IAAI;GACzB;GACA,gBAAgB,UAAU;IACxB,IAAI,CAAC,YAAY,eAAe;IAChC,MAAM,eAAe;IACrB,iBAAiB,cAAc,OAAO,UAAU,KAAK,IAAI,CAAC;GAC5D;GACA,WAAW,GACT,uFACA,gBACI,yCACA,qCACJ,aAAa,iBAAiB,8BAC9B,aAAa,YAAY,cACzB,mBAAmB,KAAK,IAAI,CAC9B;GAxBF,UAAA;IA0BE,oBAAC,MAAD,EACE,WAAW,GAAG,mBAAmB,uBAAuB,KAAK,IAAI,CAAC,EACnE,CAAA;IACD,oBAAC,QAAD;KAAM,OAAO,KAAK;KAAM,WAAU;KAC/B,UAAA,KAAK;IACF,CAAA;IACL,eACC,oBAAC,QAAD;KAAM,WAAU;KACb,UAAA,aAAa,KAAK,IAAI;IACnB,CAAA,IACJ;GACE;EACP,CAAA,GAAA,aACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,QAAD;IACE,eAAA;IACA,WAAU;IACV,OAAO,EAAE,kBAAkB,GAAG,QAAQ,GAAI,KAAK;GAChD,CAAA,GACA,KAAK,SAAU,KAAK,UAAU,WAAW,OAAO,QAAQ,CAAC,CAAC,CACxD;EACH,CAAA,IAAA,IACD,EAAA,GAjDK,KAAK,IAiDV;CAET;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,wBAAwB,SAAS;EACjD,UAAA,MAAM,KAAK,SAAS,WAAW,MAAM,CAAC,CAAC;CACrC,CAAA;AAET"}

package/dist/components/viewers/file-tree/index.d.ts

@@ -0,0 +1,3 @@
+import { expandAll, expandTo, expandToDepth, toggleSubtree } from "./expand.js";
+import { FileTree } from "./file-tree.js";
+export { FileTree, expandAll, expandTo, expandToDepth, toggleSubtree };

package/dist/components/viewers/file-tree/index.js

@@ -0,0 +1,3 @@
+import { expandAll, expandTo, expandToDepth, toggleSubtree } from "./expand.js";
+import { FileTree } from "./file-tree.js";
+export { FileTree, expandAll, expandTo, expandToDepth, toggleSubtree };

package/dist/components/viewers/git-changes/git-changes.d.ts

@@ -0,0 +1,40 @@
+import { Branch, ChangeStatus } from "laymos";
+//#region src/components/viewers/git-changes/git-changes.d.ts
+export interface GitOptions {
+  readonly showChanges: boolean;
+  readonly includeUnchanged: boolean;
+  readonly includeDeleted: boolean;
+}
+export declare const defaultGitOptions: GitOptions;
+export declare const uncommittedBaseRef = "HEAD";
+export declare function changeSurfaceClass(status: ChangeStatus | undefined): string;
+export declare function ChangeBadge({ status, label, className }: {
+  readonly status: ChangeStatus;
+  readonly label?: string;
+  readonly className?: string;
+}): import("react").JSX.Element;
+/**
+ * Derives each owner's standing in a Change set from the files it owns: added
+ * when every owned file is added, modified when any is added or modified.
+ * Owners with no changed file are absent.
+ */
+export declare function rollUpChanges(membership: ReadonlyMap<string, string>, files: ReadonlyMap<string, ChangeStatus>): ReadonlyMap<string, ChangeStatus>;
+export declare function changedPathsUnder(files: ReadonlyMap<string, ChangeStatus>, prefixes: string | readonly string[]): ReadonlyMap<string, ChangeStatus>;
+/**
+ * The git comparison menu every Tool shows: whether changes are drawn,
+ * whether unchanged owners stay visible, and which Base ref they are measured
+ * against. `ownerLabel` names what the Tool marks, such as "modules".
+ */
+export declare function ChangesMenu({ options, baseRef, branches, hasChanges, ownerLabel, offerDeleted, onOptionsChange, onBaseRefChange }: {
+  readonly options: GitOptions;
+  readonly baseRef: string;
+  readonly branches: readonly Branch[];
+  readonly hasChanges: boolean;
+  readonly ownerLabel: string;
+  /** Offer Include deleted, for a caller that shows deleted owners. */
+  readonly offerDeleted?: boolean;
+  readonly onOptionsChange: (options: GitOptions) => void;
+  readonly onBaseRefChange?: (baseRef: string) => void;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=git-changes.d.ts.map

package/dist/components/viewers/git-changes/git-changes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"git-changes.d.ts","names":[],"sources":["../../../../src/components/viewers/git-changes/git-changes.tsx"],"mappings":";;iBAkBiB;WAEN;WACA;WAGA;;qBAGE,mBAAmB;qBASnB;wBAcG,mBAAmB,QAAQ;wBAa3B,cACd,QACA,OACA;WAES,QAAQ;WACR;WACA;oBACV,IAAA;;;;;;wBAwBe,cACd,YAAY,6BACZ,OAAO,oBAAoB,gBAC1B,oBAAoB;wBAuBP,kBACd,OAAO,oBAAoB,eAC3B,uCACC,oBAAoB;;;;;;wBAkBP,cACd,SACA,SACA,UACA,YACA,YACA,cACA,iBACA;WAES,SAAS;WACT;WACA,mBAAmB;WACnB;WACA;;WAEA;WACA,kBAAkB,SAAS;WAC3B,mBAAmB;oBAC7B,IAAA"}