@hanzo/ui 8.27.14 → 8.27.16

package/dist/agents/Feedback.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Feedback — copy a reply, and say whether it was good.
+ *
+ * Ported from build-v2 `components/editor/ask-ai/chat-thread.tsx` (MIT, derived
+ * from OSW Studio and DeepSite — see NOTICE). It goes in `Message`'s `actions`
+ * slot, which is where chat already puts a turn's row of controls; v2 drew the
+ * same three buttons under every settled turn.
+ *
+ * The verdict is a toggle: pressing the chosen thumb again takes it back. Where
+ * it goes — an analytics event, a reward signal — is the host's `onVerdict`.
+ */
+import { XStack } from '@hanzo/gui';
+import { type ComponentProps } from 'react';
+type Row = Omit<ComponentProps<typeof XStack>, 'children'>;
+export type Verdict = 'up' | 'down' | null;
+export interface FeedbackProps extends Row {
+    /** What Copy puts on the clipboard. Omit and there is no Copy. */
+    text?: string;
+    /** Controlled verdict. Omit to let the row hold its own. */
+    verdict?: Verdict;
+    onVerdict?: (verdict: Verdict) => void;
+}
+export declare function Feedback({ text, verdict, onVerdict, ...rest }: FeedbackProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Feedback.d.ts.map

package/dist/agents/Feedback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feedback.d.ts","sourceRoot":"","sources":["../../src/agents/Feedback.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAA;AAKxE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;AAE1C,MAAM,WAAW,aAAc,SAAQ,GAAG;IACxC,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAwD5E"}

package/dist/agents/Feedback.js

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Feedback — copy a reply, and say whether it was good.
+ *
+ * Ported from build-v2 `components/editor/ask-ai/chat-thread.tsx` (MIT, derived
+ * from OSW Studio and DeepSite — see NOTICE). It goes in `Message`'s `actions`
+ * slot, which is where chat already puts a turn's row of controls; v2 drew the
+ * same three buttons under every settled turn.
+ *
+ * The verdict is a toggle: pressing the chosen thumb again takes it back. Where
+ * it goes — an analytics event, a reward signal — is the host's `onVerdict`.
+ */
+import { XStack } from '@hanzo/gui';
+import { Check, Copy, ThumbsDown, ThumbsUp } from '@hanzogui/lucide-icons-2';
+import { useEffect, useRef, useState } from 'react';
+import { Button } from '../backends/gui/button.js';
+import { slot } from '../backends/gui/slot.js';
+export function Feedback({ text, verdict, onVerdict, ...rest }) {
+    const [held, setHeld] = useState(null);
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(null);
+    useEffect(() => () => {
+        if (timer.current)
+            clearTimeout(timer.current);
+    }, []);
+    const current = verdict === undefined ? held : verdict;
+    const judge = (next) => {
+        const settled = current === next ? null : next;
+        setHeld(settled);
+        onVerdict?.(settled);
+    };
+    const copy = async () => {
+        if (!text)
+            return;
+        try {
+            await navigator.clipboard.writeText(text);
+            setCopied(true);
+            timer.current = setTimeout(() => setCopied(false), 1500);
+        }
+        catch {
+            /* a browser that refuses the clipboard leaves the button as it was */
+        }
+    };
+    const icon = { variant: 'ghost', size: 'icon-sm', minHeight: 28, minWidth: 28, type: 'button' };
+    return (_jsxs(XStack, { ...slot('feedback'), items: "center", gap: 2, ...rest, children: [text ? (_jsx(Button, { ...icon, "aria-label": copied ? 'Copied' : 'Copy reply', title: copied ? 'Copied' : 'Copy', onClick: copy, children: copied ? _jsx(Check, { size: 13 }) : _jsx(Copy, { size: 13 }) })) : null, _jsx(Button, { ...icon, "aria-label": "Good result", title: "Good result", "aria-pressed": current === 'up', bg: current === 'up' ? '$raised' : 'transparent', onClick: () => judge('up'), children: _jsx(ThumbsUp, { size: 13 }) }), _jsx(Button, { ...icon, "aria-label": "Bad result", title: "Bad result", "aria-pressed": current === 'down', bg: current === 'down' ? '$raised' : 'transparent', onClick: () => judge('down'), children: _jsx(ThumbsDown, { size: 13 }) })] }));
+}
+//# sourceMappingURL=Feedback.js.map

package/dist/agents/Feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feedback.js","sourceRoot":"","sources":["../../src/agents/Feedback.tsx"],"names":[],"mappings":"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"}

package/dist/agents/FileTabs.cjs

@@ -0,0 +1,63 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileTabs = FileTabs;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * FileTabs — the open files, one tab each, over the editor.
+ *
+ * Ported from build-v2 `components/editor/multi-tab-editor.tsx` (MIT, derived
+ * from OSW Studio and DeepSite — see NOTICE). v2 carried CodeMirror, its own
+ * undo stacks and a save pipeline; this is the tab strip and the body, over the
+ * package's own `CodeEditor`, with the files and every change handed back to
+ * the host. What saving MEANS — a commit, a run, nothing — is the host's.
+ *
+ * Distinct from `CodeTabs`, which is a snippet shown in several languages. A
+ * snippet has variants; a workspace has files.
+ *
+ * File contents are TEXT, shown in a plain text field. Nothing here renders a
+ * file's markup, runs it, or reads it as anything but characters.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const code_editor_1 = require("../backends/gui/code-editor.cjs");
+const slot_1 = require("../backends/gui/slot.cjs");
+const FileTree_1 = require("./FileTree.cjs");
+const tree_1 = require("./tree.cjs");
+function FileTabs({ files, value, onSelect, onClose, onChange, empty, ...rest }) {
+    const tabs = (0, react_1.useRef)([]);
+    const shown = files.find((f) => f.path === value) ?? files[0];
+    if (!shown) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('file-tabs'), flex: 1, minH: 0, items: "center", justify: "center", p: "$4", ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: empty ?? 'Open a file to see it here.' }) }));
+    }
+    const move = (e, index) => {
+        const last = files.length - 1;
+        const to = e.key === 'ArrowRight' ? Math.min(index + 1, last)
+            : e.key === 'ArrowLeft' ? Math.max(index - 1, 0)
+                : e.key === 'Home' ? 0
+                    : e.key === 'End' ? last
+                        : -1;
+        if (to >= 0) {
+            e.preventDefault();
+            onSelect(files[to].path);
+            tabs.current[to]?.focus();
+            return;
+        }
+        if (e.key === 'Delete' && onClose) {
+            e.preventDefault();
+            onClose(files[index].path);
+        }
+    };
+    const editable = Boolean(onChange) && !shown.readOnly;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('file-tabs'), flex: 1, minH: 0, minW: 0, ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "tablist", "aria-label": "Open files", items: "stretch", minH: 36, shrink: 0, overflow: "scroll", borderBottomWidth: 1, borderColor: "$borderColor", children: files.map((file, index) => {
+                    const on = file.path === shown.path;
+                    const name = (0, tree_1.base)(file.path);
+                    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: ((el) => {
+                            tabs.current[index] = el;
+                        }), render: "button", ...{ type: 'button', title: file.path, 'aria-keyshortcuts': onClose ? 'Delete' : undefined }, role: "tab", "aria-selected": on, "aria-label": file.dirty ? `${file.path}, unsaved` : file.path, tabIndex: on ? 0 : -1, onPress: () => onSelect(file.path), onKeyDown: ((e) => move(e, index)), items: "center", gap: "$1.5", pl: "$3", pr: onClose ? '$1.5' : '$3', shrink: 0, cursor: "pointer", borderWidth: 0, borderRightWidth: 1, borderColor: "$borderColor", borderBottomWidth: 2, borderBottomColor: on ? '$ink' : 'transparent', bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$rim', outlineOffset: -2 }, children: [(0, FileTree_1.glyph)(name, 13), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: on ? '$ink' : '$quiet', numberOfLines: 1, maxW: 180, children: name }), file.dirty ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 6, height: 6, rounded: 3, bg: "$ink", "aria-hidden": true, ...(0, slot_1.slot)('file-tabs-dirty') })) : null, onClose ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('file-tabs-close'), "aria-hidden": true, width: 20, height: 20, rounded: "$2", items: "center", justify: "center", opacity: on ? 0.8 : 0.5, hoverStyle: { bg: '$raised', opacity: 1 }, onClick: ((e) => {
+                                    e.stopPropagation?.();
+                                    onClose(file.path);
+                                }), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 12 }) })) : null] }, file.path));
+                }) }), (0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "tabpanel", "aria-label": shown.path, flex: 1, minH: 0, children: shown.error ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: shown.error }) })) : shown.content === undefined ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: (0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$2", color: "$soft", children: ["Reading ", (0, tree_1.base)(shown.path), "\u2026"] }) })) : ((0, jsx_runtime_1.jsx)(code_editor_1.CodeEditor, { value: shown.content, language: (0, tree_1.language)(shown.path), readOnly: !editable, label: shown.path, onChange: editable ? (text) => onChange?.(shown.path, text) : undefined, showLanguageSelector: false, showCopyButton: false, height: "100%", fontSize: 13, flex: 1, rounded: 0, borderWidth: 0 }, shown.path)) })] }));
+}

package/dist/agents/FileTabs.d.ts

@@ -0,0 +1,45 @@
+/**
+ * FileTabs — the open files, one tab each, over the editor.
+ *
+ * Ported from build-v2 `components/editor/multi-tab-editor.tsx` (MIT, derived
+ * from OSW Studio and DeepSite — see NOTICE). v2 carried CodeMirror, its own
+ * undo stacks and a save pipeline; this is the tab strip and the body, over the
+ * package's own `CodeEditor`, with the files and every change handed back to
+ * the host. What saving MEANS — a commit, a run, nothing — is the host's.
+ *
+ * Distinct from `CodeTabs`, which is a snippet shown in several languages. A
+ * snippet has variants; a workspace has files.
+ *
+ * File contents are TEXT, shown in a plain text field. Nothing here renders a
+ * file's markup, runs it, or reads it as anything but characters.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children' | 'onChange'>;
+/** One open file. */
+export interface OpenFile {
+    path: string;
+    /** The text. Absent while it is being read. */
+    content?: string;
+    /** Why it cannot be shown — too large, binary, unreadable. */
+    error?: string;
+    /** Changed since it was opened. */
+    dirty?: boolean;
+    /** This file may not be edited, whatever the tabs allow. */
+    readOnly?: boolean;
+}
+export interface FileTabsProps extends Col {
+    files: readonly OpenFile[];
+    /** The path of the shown file. */
+    value: string | null;
+    onSelect: (path: string) => void;
+    /** Omit to make tabs unclosable. */
+    onClose?: (path: string) => void;
+    /** Omit to make every file read-only. */
+    onChange?: (path: string, content: string) => void;
+    /** Drawn when nothing is open. */
+    empty?: ReactNode;
+}
+export declare function FileTabs({ files, value, onSelect, onClose, onChange, empty, ...rest }: FileTabsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FileTabs.d.ts.map

package/dist/agents/FileTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTabs.d.ts","sourceRoot":"","sources":["../../src/agents/FileTabs.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAExD,OAAO,EAAE,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAOvF,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAA;AAEvE,qBAAqB;AACrB,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,GAAG;IACxC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;IAC1B,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,+BAkJpG"}

package/dist/agents/FileTabs.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FileTabs — the open files, one tab each, over the editor.
+ *
+ * Ported from build-v2 `components/editor/multi-tab-editor.tsx` (MIT, derived
+ * from OSW Studio and DeepSite — see NOTICE). v2 carried CodeMirror, its own
+ * undo stacks and a save pipeline; this is the tab strip and the body, over the
+ * package's own `CodeEditor`, with the files and every change handed back to
+ * the host. What saving MEANS — a commit, a run, nothing — is the host's.
+ *
+ * Distinct from `CodeTabs`, which is a snippet shown in several languages. A
+ * snippet has variants; a workspace has files.
+ *
+ * File contents are TEXT, shown in a plain text field. Nothing here renders a
+ * file's markup, runs it, or reads it as anything but characters.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { useRef } from 'react';
+import { CodeEditor } from '../backends/gui/code-editor.js';
+import { slot } from '../backends/gui/slot.js';
+import { glyph } from './FileTree.js';
+import { base, language } from './tree.js';
+export function FileTabs({ files, value, onSelect, onClose, onChange, empty, ...rest }) {
+    const tabs = useRef([]);
+    const shown = files.find((f) => f.path === value) ?? files[0];
+    if (!shown) {
+        return (_jsx(YStack, { ...slot('file-tabs'), flex: 1, minH: 0, items: "center", justify: "center", p: "$4", ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: empty ?? 'Open a file to see it here.' }) }));
+    }
+    const move = (e, index) => {
+        const last = files.length - 1;
+        const to = e.key === 'ArrowRight' ? Math.min(index + 1, last)
+            : e.key === 'ArrowLeft' ? Math.max(index - 1, 0)
+                : e.key === 'Home' ? 0
+                    : e.key === 'End' ? last
+                        : -1;
+        if (to >= 0) {
+            e.preventDefault();
+            onSelect(files[to].path);
+            tabs.current[to]?.focus();
+            return;
+        }
+        if (e.key === 'Delete' && onClose) {
+            e.preventDefault();
+            onClose(files[index].path);
+        }
+    };
+    const editable = Boolean(onChange) && !shown.readOnly;
+    return (_jsxs(YStack, { ...slot('file-tabs'), flex: 1, minH: 0, minW: 0, ...rest, children: [_jsx(XStack, { role: "tablist", "aria-label": "Open files", items: "stretch", minH: 36, shrink: 0, overflow: "scroll", borderBottomWidth: 1, borderColor: "$borderColor", children: files.map((file, index) => {
+                    const on = file.path === shown.path;
+                    const name = base(file.path);
+                    return (_jsxs(XStack, { ref: ((el) => {
+                            tabs.current[index] = el;
+                        }), render: "button", ...{ type: 'button', title: file.path, 'aria-keyshortcuts': onClose ? 'Delete' : undefined }, role: "tab", "aria-selected": on, "aria-label": file.dirty ? `${file.path}, unsaved` : file.path, tabIndex: on ? 0 : -1, onPress: () => onSelect(file.path), onKeyDown: ((e) => move(e, index)), items: "center", gap: "$1.5", pl: "$3", pr: onClose ? '$1.5' : '$3', shrink: 0, cursor: "pointer", borderWidth: 0, borderRightWidth: 1, borderColor: "$borderColor", borderBottomWidth: 2, borderBottomColor: on ? '$ink' : 'transparent', bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$rim', outlineOffset: -2 }, children: [glyph(name, 13), _jsx(SizableText, { size: "$2", color: on ? '$ink' : '$quiet', numberOfLines: 1, maxW: 180, children: name }), file.dirty ? (_jsx(YStack, { width: 6, height: 6, rounded: 3, bg: "$ink", "aria-hidden": true, ...slot('file-tabs-dirty') })) : null, onClose ? (_jsx(XStack, { ...slot('file-tabs-close'), "aria-hidden": true, width: 20, height: 20, rounded: "$2", items: "center", justify: "center", opacity: on ? 0.8 : 0.5, hoverStyle: { bg: '$raised', opacity: 1 }, onClick: ((e) => {
+                                    e.stopPropagation?.();
+                                    onClose(file.path);
+                                }), children: _jsx(X, { size: 12 }) })) : null] }, file.path));
+                }) }), _jsx(YStack, { role: "tabpanel", "aria-label": shown.path, flex: 1, minH: 0, children: shown.error ? (_jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: shown.error }) })) : shown.content === undefined ? (_jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$4", children: _jsxs(SizableText, { size: "$2", color: "$soft", children: ["Reading ", base(shown.path), "\u2026"] }) })) : (_jsx(CodeEditor, { value: shown.content, language: language(shown.path), readOnly: !editable, label: shown.path, onChange: editable ? (text) => onChange?.(shown.path, text) : undefined, showLanguageSelector: false, showCopyButton: false, height: "100%", fontSize: 13, flex: 1, rounded: 0, borderWidth: 0 }, shown.path)) })] }));
+}
+//# sourceMappingURL=FileTabs.js.map

package/dist/agents/FileTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTabs.js","sourceRoot":"","sources":["../../src/agents/FileTabs.tsx"],"names":[],"mappings":"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"}

package/dist/agents/FileTree.cjs

@@ -0,0 +1,160 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.glyph = glyph;
+exports.FileTree = FileTree;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * FileTree — a repository's files, folders first, one level read at a time.
+ *
+ * Ported from build-v2 `components/editor/file-tree/{index,glyph}.tsx` (MIT,
+ * derived from OSW Studio and DeepSite — see NOTICE). v2 listed a site's pages
+ * and let you add, rename and delete them; a repository's files change by runs
+ * that commit, so this tree reads and selects and does nothing else.
+ *
+ * Two ways in, one renderer (`tree.ts`):
+ *   files  every path at once — a flat list the tree groups itself;
+ *   load   one directory per call, the way a repository answers (`''` is the
+ *          root), read the first time a folder opens and kept after.
+ *
+ * Names are TEXT. A path comes from a repository somebody else wrote, so it is
+ * drawn as a string and never interpreted as markup.
+ *
+ * Keyboard and roles are the WAI-ARIA tree: one tab stop, arrows move and open,
+ * Enter picks. The decisions are `step()` in `tree.ts`; this only applies them.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+const tree_1 = require("./tree.cjs");
+/**
+ * A file's icon, from its extension. The glyph varies and the colour does not:
+ * the chrome is monochrome and colour means state (live, failed), so a green
+ * `.env` would say "healthy" in a vocabulary that already means something.
+ */
+const BY_EXTENSION = {
+    html: lucide_icons_2_1.FileCode2,
+    htm: lucide_icons_2_1.FileCode2,
+    css: lucide_icons_2_1.Hash,
+    scss: lucide_icons_2_1.Hash,
+    js: lucide_icons_2_1.Braces,
+    mjs: lucide_icons_2_1.Braces,
+    cjs: lucide_icons_2_1.Braces,
+    jsx: lucide_icons_2_1.Braces,
+    ts: lucide_icons_2_1.FileType,
+    tsx: lucide_icons_2_1.FileType,
+    json: lucide_icons_2_1.FileJson,
+    md: lucide_icons_2_1.FileText,
+    mdx: lucide_icons_2_1.FileText,
+    txt: lucide_icons_2_1.FileText,
+    svg: lucide_icons_2_1.Image,
+    png: lucide_icons_2_1.Image,
+    jpg: lucide_icons_2_1.Image,
+    jpeg: lucide_icons_2_1.Image,
+    gif: lucide_icons_2_1.Image,
+    webp: lucide_icons_2_1.Image,
+    ico: lucide_icons_2_1.Image,
+    toml: lucide_icons_2_1.Settings2,
+    yml: lucide_icons_2_1.Settings2,
+    yaml: lucide_icons_2_1.Settings2,
+    env: lucide_icons_2_1.Settings2,
+};
+/** A file's icon, drawn. `.env` splits to `['', 'env']`, so the last segment is the extension. */
+function glyph(name, size = 14) {
+    const ext = name.split('.').pop()?.toLowerCase() ?? '';
+    const Icon = BY_EXTENSION[ext] ?? lucide_icons_2_1.FileText;
+    return (0, jsx_runtime_1.jsx)(Icon, { size: size });
+}
+function FileTree({ files, load, value = null, onSelect, label = 'Files', empty, ...rest }) {
+    const [loaded, setLoaded] = (0, react_1.useState)(() => new Map());
+    const [reads, setReads] = (0, react_1.useState)(() => new Map());
+    const [open, setOpen] = (0, react_1.useState)(() => new Set(value ? (0, tree_1.ancestors)(value) : []));
+    const [focus, setFocus] = (0, react_1.useState)(0);
+    const items = (0, react_1.useRef)([]);
+    const asked = (0, react_1.useRef)(new Set());
+    const listing = (0, react_1.useMemo)(() => (files ? (0, tree_1.group)([...files]) : loaded), [files, loaded]);
+    const read = (dir) => {
+        if (!load || asked.current.has(dir))
+            return;
+        asked.current.add(dir);
+        setReads((m) => new Map(m).set(dir, 'loading'));
+        load(dir).then((entries) => {
+            setLoaded((l) => (0, tree_1.put)(l, dir, entries));
+            setReads((m) => {
+                const next = new Map(m);
+                next.delete(dir);
+                return next;
+            });
+        }, (e) => {
+            asked.current.delete(dir);
+            setReads((m) => new Map(m).set(dir, { error: e instanceof Error ? e.message : 'Could not read this folder' }));
+        });
+    };
+    // The root, and every folder above the chosen file, as soon as there is a
+    // way to read them. Revealing the selection is the tree's job: a file opened
+    // from elsewhere must not be "selected" inside a folder nobody opened.
+    (0, react_1.useEffect)(() => {
+        if (!load)
+            return;
+        read('');
+        for (const dir of value ? (0, tree_1.ancestors)(value) : [])
+            read(dir);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [load, value]);
+    (0, react_1.useEffect)(() => {
+        if (!value)
+            return;
+        const reveal = (0, tree_1.ancestors)(value);
+        if (reveal.length)
+            setOpen((o) => (reveal.every((d) => o.has(d)) ? o : new Set([...o, ...reveal])));
+    }, [value]);
+    const list = (0, react_1.useMemo)(() => (0, tree_1.rows)(listing, open), [listing, open]);
+    const at = Math.min(focus, Math.max(list.length - 1, 0));
+    const toggle = (dir) => {
+        const opening = !open.has(dir);
+        setOpen((o) => {
+            const next = new Set(o);
+            if (opening)
+                next.add(dir);
+            else
+                next.delete(dir);
+            return next;
+        });
+        if (opening)
+            read(dir);
+    };
+    const keyed = (e) => {
+        const move = (0, tree_1.step)(list, at, e.key);
+        if (!move)
+            return;
+        e.preventDefault();
+        if (move.toggle)
+            toggle(move.toggle);
+        if (move.pick)
+            onSelect?.(move.pick);
+        setFocus(move.focus);
+        items.current[move.focus]?.focus();
+    };
+    const root = reads.get('');
+    if (list.length === 0) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('file-tree'), flex: 1, minH: 0, items: "center", justify: "center", p: "$4", ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: root === 'loading'
+                    ? 'Reading files…'
+                    : root && typeof root === 'object'
+                        ? root.error
+                        : (empty ?? 'No files yet.') }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('file-tree'), flex: 1, minH: 0, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "tree", "aria-label": label, py: "$1.5", px: "$1.5", onKeyDown: keyed, children: list.map((row, index) => ((0, jsx_runtime_1.jsx)(Item, { row: row, index: index, size: list.length, focused: index === at, chosen: row.kind === 'file' && row.path === value, state: row.kind === 'dir' && row.open ? reads.get(row.path) : undefined, onRef: (el) => {
+                    items.current[index] = el;
+                }, onPress: () => {
+                    setFocus(index);
+                    if (row.kind === 'dir')
+                        toggle(row.path);
+                    else
+                        onSelect?.(row.path);
+                } }, `${row.kind}:${row.path}`))) }) }));
+}
+function Item({ row, index, size, focused, chosen, state, onRef, onPress, }) {
+    const dir = row.kind === 'dir';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { ref: onRef, role: "treeitem", "aria-level": row.depth + 1, "aria-setsize": size, "aria-posinset": index + 1, "aria-selected": chosen, ...(dir ? { 'aria-expanded': row.open } : null), tabIndex: focused ? 0 : -1, onPress: onPress, items: "center", gap: "$1.5", minH: 28, pr: "$2", rounded: "$3", cursor: "pointer", bg: chosen ? '$raised' : 'transparent', hoverStyle: { bg: chosen ? '$raised' : '$hover' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$rim', outlineOffset: -2 }, style: { paddingLeft: 8 + row.depth * 12 }, ...{ 'data-path': row.path }, children: [dir ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [row.open ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, opacity: 0.6 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 13, opacity: 0.6 }), row.open ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.FolderOpen, { size: 14 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Folder, { size: 14 })] })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { pl: 17, items: "center", children: glyph(row.name) })), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: chosen || dir ? '$ink' : '$quiet', numberOfLines: 1, flex: 1, minW: 0, children: row.name })] }), state ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: state === 'loading' ? '$soft' : '$bad', style: { paddingLeft: 8 + (row.depth + 1) * 12 + 17 }, py: "$1", "aria-live": "polite", children: state === 'loading' ? 'Reading…' : state.error })) : null] }));
+}

package/dist/agents/FileTree.d.ts

@@ -0,0 +1,41 @@
+/**
+ * FileTree — a repository's files, folders first, one level read at a time.
+ *
+ * Ported from build-v2 `components/editor/file-tree/{index,glyph}.tsx` (MIT,
+ * derived from OSW Studio and DeepSite — see NOTICE). v2 listed a site's pages
+ * and let you add, rename and delete them; a repository's files change by runs
+ * that commit, so this tree reads and selects and does nothing else.
+ *
+ * Two ways in, one renderer (`tree.ts`):
+ *   files  every path at once — a flat list the tree groups itself;
+ *   load   one directory per call, the way a repository answers (`''` is the
+ *          root), read the first time a folder opens and kept after.
+ *
+ * Names are TEXT. A path comes from a repository somebody else wrote, so it is
+ * drawn as a string and never interpreted as markup.
+ *
+ * Keyboard and roles are the WAI-ARIA tree: one tab stop, arrows move and open,
+ * Enter picks. The decisions are `step()` in `tree.ts`; this only applies them.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+import { type Entry } from './tree.js';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+/** A file's icon, drawn. `.env` splits to `['', 'env']`, so the last segment is the extension. */
+export declare function glyph(name: string, size?: number): ReactNode;
+export interface FileTreeProps extends Col {
+    /** Every file path at once. Folders are implied by the paths. */
+    files?: readonly string[];
+    /** One directory's children (`''` is the root). Called once per folder, on first open. */
+    load?: (dir: string) => Promise<Entry[]>;
+    /** The open file. Its folders are opened so it can be seen. */
+    value?: string | null;
+    onSelect?: (path: string) => void;
+    /** The tree's accessible name. */
+    label?: string;
+    /** Drawn when the root has nothing in it. */
+    empty?: ReactNode;
+}
+export declare function FileTree({ files, load, value, onSelect, label, empty, ...rest }: FileTreeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FileTree.d.ts.map

package/dist/agents/FileTree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTree.d.ts","sourceRoot":"","sources":["../../src/agents/FileTree.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAmC,MAAM,EAAE,MAAM,YAAY,CAAA;AAepE,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAGd,OAAO,EAAa,KAAK,KAAK,EAAkD,MAAM,QAAQ,CAAA;AAE9F,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAmC1D,kGAAkG;AAClG,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,SAAS,CAIxD;AAED,MAAM,WAAW,aAAc,SAAQ,GAAG;IACxC,iEAAiE;IACjE,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACzB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,KAAK,EAAE,CAAC,CAAA;IACxC,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAID,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,KAAY,EACZ,QAAQ,EACR,KAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BA8Gf"}