@hanzo/ui 8.27.15 → 8.27.16

package/NOTICE

@@ -4,3 +4,22 @@ Copyright (c) 2023 Hanzo AI, Inc.
 This product includes software from shadcn/ui (https://github.com/shadcn-ui/ui), licensed under MIT:
 
     Copyright (c) 2023 shadcn
+
+This product includes software derived from Hanzo Build v2
+(https://github.com/hanzoai/build-v2), licensed under MIT:
+
+    Copyright (c) 2025 Hanzo AI, Inc.
+
+which is derived from OSW Studio (https://github.com/o-stahl/osw-studio),
+licensed under MIT:
+
+    Copyright (c) 2025 Otto Stahl
+
+which is itself derived from DeepSite v2
+(https://huggingface.co/spaces/enzostvs/deepsite), by enzostvs and the
+DeepSite authors, licensed under MIT.
+
+The derived files are the builder workspace in pkg/ui/src/agents:
+Workspace, Choice, FileTree, FileTabs, PreviewFrame, Console, Suggestions,
+Attachments and Feedback (.tsx), and tree, log and bridge (.ts). The MIT
+permission notice that governs them is the one in LICENSE-MIT.

package/dist/agents/Attachments.cjs

@@ -0,0 +1,29 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Attachments = Attachments;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Attachments — what the next turn is about, shown before it is sent.
+ *
+ * Ported from build-v2 `components/editor/ask-ai/{selected-files,
+ * selected-html-element}.tsx` (MIT, derived from OSW Studio and DeepSite — see
+ * NOTICE). v2 drew a file mention and a picked element as two different chips
+ * in two files; they are one fact — "this turn is about THAT" — so they are
+ * one row of chips, each a kind, a label and a way to take it back.
+ *
+ * Every label is TEXT: a picked element's tag and selector come from a page
+ * somebody else wrote, and a file's path from their repository.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const slot_1 = require("../backends/gui/slot.cjs");
+const ICON = { file: lucide_icons_2_1.FileText, element: lucide_icons_2_1.MousePointerClick, upload: lucide_icons_2_1.Paperclip };
+function Attachments({ items, onRemove, ...rest }) {
+    if (items.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('attachments'), render: "ul", "aria-label": "Attached to the next message", flexWrap: "wrap", gap: "$1.5", m: 0, p: 0, style: { listStyle: 'none' }, ...rest, children: items.map((item) => {
+            const Icon = ICON[item.kind];
+            return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { render: "li", items: "center", gap: "$1.5", minH: 24, pl: "$2", pr: onRemove ? '$1' : '$2', rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", maxW: "100%", children: [(0, jsx_runtime_1.jsx)(Icon, { size: 12, opacity: 0.7 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", numberOfLines: 1, maxW: 220, children: item.label }), onRemove ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { render: "button", ...{ type: 'button', title: `Remove ${item.label}` }, "aria-label": `Remove ${item.label}`, onPress: () => onRemove(item.id), width: 20, height: 20, rounded: "$2", items: "center", justify: "center", bg: "transparent", borderWidth: 0, cursor: "pointer", hoverStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$rim' }, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 11 }) })) : null] }, item.id));
+        }) }));
+}

package/dist/agents/Attachments.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Attachments — what the next turn is about, shown before it is sent.
+ *
+ * Ported from build-v2 `components/editor/ask-ai/{selected-files,
+ * selected-html-element}.tsx` (MIT, derived from OSW Studio and DeepSite — see
+ * NOTICE). v2 drew a file mention and a picked element as two different chips
+ * in two files; they are one fact — "this turn is about THAT" — so they are
+ * one row of chips, each a kind, a label and a way to take it back.
+ *
+ * Every label is TEXT: a picked element's tag and selector come from a page
+ * somebody else wrote, and a file's path from their repository.
+ */
+import { XStack } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+type Row = Omit<ComponentProps<typeof XStack>, 'children'>;
+/** One thing the next turn is about. */
+export interface Attachment {
+    id: string;
+    /** A repo file, a picked element, an uploaded file. */
+    kind: 'file' | 'element' | 'upload';
+    /** What the chip says: a path, `<button> .cta`, a file name. */
+    label: string;
+}
+export interface AttachmentsProps extends Row {
+    items: readonly Attachment[];
+    /** Omit and the chips cannot be removed. */
+    onRemove?: (id: string) => void;
+}
+export declare function Attachments({ items, onRemove, ...rest }: AttachmentsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=Attachments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Attachments.d.ts","sourceRoot":"","sources":["../../src/agents/Attachments.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAAe,MAAM,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI3C,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,wCAAwC;AACxC,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,uDAAuD;IACvD,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;IACnC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAA;CACd;AAID,MAAM,WAAW,gBAAiB,SAAQ,GAAG;IAC3C,KAAK,EAAE,SAAS,UAAU,EAAE,CAAA;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,sCA4DzE"}

package/dist/agents/Attachments.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Attachments — what the next turn is about, shown before it is sent.
+ *
+ * Ported from build-v2 `components/editor/ask-ai/{selected-files,
+ * selected-html-element}.tsx` (MIT, derived from OSW Studio and DeepSite — see
+ * NOTICE). v2 drew a file mention and a picked element as two different chips
+ * in two files; they are one fact — "this turn is about THAT" — so they are
+ * one row of chips, each a kind, a label and a way to take it back.
+ *
+ * Every label is TEXT: a picked element's tag and selector come from a page
+ * somebody else wrote, and a file's path from their repository.
+ */
+import { SizableText, XStack } from '@hanzo/gui';
+import { FileText, MousePointerClick, Paperclip, X } from '@hanzogui/lucide-icons-2';
+import { slot } from '../backends/gui/slot.js';
+const ICON = { file: FileText, element: MousePointerClick, upload: Paperclip };
+export function Attachments({ items, onRemove, ...rest }) {
+    if (items.length === 0)
+        return null;
+    return (_jsx(XStack, { ...slot('attachments'), render: "ul", "aria-label": "Attached to the next message", flexWrap: "wrap", gap: "$1.5", m: 0, p: 0, style: { listStyle: 'none' }, ...rest, children: items.map((item) => {
+            const Icon = ICON[item.kind];
+            return (_jsxs(XStack, { render: "li", items: "center", gap: "$1.5", minH: 24, pl: "$2", pr: onRemove ? '$1' : '$2', rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", maxW: "100%", children: [_jsx(Icon, { size: 12, opacity: 0.7 }), _jsx(SizableText, { size: "$1", color: "$quiet", numberOfLines: 1, maxW: 220, children: item.label }), onRemove ? (_jsx(XStack, { render: "button", ...{ type: 'button', title: `Remove ${item.label}` }, "aria-label": `Remove ${item.label}`, onPress: () => onRemove(item.id), width: 20, height: 20, rounded: "$2", items: "center", justify: "center", bg: "transparent", borderWidth: 0, cursor: "pointer", hoverStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$rim' }, children: _jsx(X, { size: 11 }) })) : null] }, item.id));
+        }) }));
+}
+//# sourceMappingURL=Attachments.js.map

package/dist/agents/Attachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachments.js","sourceRoot":"","sources":["../../src/agents/Attachments.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAGpF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAa3C,MAAM,IAAI,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAW,CAAA;AAQvF,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAoB;IACxE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,KAAC,MAAM,OACD,IAAI,CAAC,aAAa,CAAC,EACvB,MAAM,EAAC,IAAI,gBACA,8BAA8B,EACzC,QAAQ,EAAC,MAAM,EACf,GAAG,EAAC,MAAM,EACV,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KACxB,IAAI,YAEP,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAClB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAC5B,OAAO,CACL,MAAC,MAAM,IAEL,MAAM,EAAC,IAAI,EACX,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,MAAM,EACV,IAAI,EAAE,EAAE,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC1B,OAAO,EAAC,IAAI,EACZ,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,cAAc,EAC1B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,MAAM,aAEX,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,EAChC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,YAC9D,IAAI,CAAC,KAAK,GACC,EACb,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,MAAM,IACL,MAAM,EAAC,QAAQ,KACV,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,IAAI,CAAC,KAAK,EAAE,EAAa,gBACrD,UAAU,IAAI,CAAC,KAAK,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAChC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,EAAE,EAAC,aAAa,EAChB,WAAW,EAAE,CAAC,EACd,MAAM,EAAC,SAAS,EAChB,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAC7B,iBAAiB,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,YAEnF,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,CAAC,CAAC,CAAC,IAAI,KApCH,IAAI,CAAC,EAAE,CAqCL,CACV,CAAA;QACH,CAAC,CAAC,GACK,CACV,CAAA;AACH,CAAC"}

package/dist/agents/Choice.cjs

@@ -0,0 +1,47 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModeSelect = ModeSelect;
+exports.PageSelect = PageSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ModeSelect and PageSelect — pick one of a few, from a chip.
+ *
+ * Ported from build-v2 `components/editor/ask-ai` (the Build ⌄ mode chip) and
+ * `components/editor/header` (the page selector) (MIT, derived from OSW Studio
+ * and DeepSite — see NOTICE). Both are the same act — a label that says what
+ * is chosen and a menu of what else can be — so both are one `Choice` over the
+ * package's one `DropdownMenu`, which already owns the roving focus, the
+ * placement and the dismiss. They differ in dress only: a mode is a compact
+ * chip in a composer's row, a page is a wide field in the bar.
+ *
+ * WHAT A MODE MEANS IS THE HOST'S. `modes` is data; Build and Plan are the
+ * builder's two, and the hint under each is where the host says what the
+ * difference is ("edits, commits and pushes" / "plans without writing").
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const button_1 = require("../backends/gui/button.cjs");
+const dropdown_menu_1 = require("../backends/gui/dropdown-menu.cjs");
+const slot_1 = require("../backends/gui/slot.cjs");
+function Choice({ options, value, onChange, label, placement = 'bottom-start', part, field, ...rest }) {
+    const chosen = options.find((o) => o.id === value) ?? options[0];
+    return ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenu, { placement: placement, trigger: (0, jsx_runtime_1.jsx)(button_1.Button, { ...(0, slot_1.slot)(part), type: "button", variant: field ? 'default' : 'ghost', size: "sm", "aria-label": `${label}: ${chosen?.label ?? 'none'}`, "aria-haspopup": "menu", minHeight: field ? 32 : 28, px: field ? '$3' : '$2', rounded: "$3", bg: field ? '$hover' : '$panel', justify: field ? 'center' : 'flex-start', 
+            // A chip is as wide as its word, in a row or in a column.
+            self: "flex-start", ...rest, children: (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", minW: 0, children: [chosen?.icon ?? null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: chosen?.label ?? '' }), (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, opacity: 0.6 })] }) }), items: options.map((o) => ({
+            key: o.id,
+            label: o.label,
+            description: o.hint,
+            icon: o.icon,
+            selected: o.id === value,
+            onSelect: () => onChange(o.id),
+        })) }));
+}
+/** The composer's mode chip — v2's Build ⌄. Opens upward: it sits at the bottom. */
+function ModeSelect({ modes, label = 'Mode', placement = 'top-start', ...rest }) {
+    return (0, jsx_runtime_1.jsx)(Choice, { part: "mode-select", field: false, options: modes, label: label, placement: placement, ...rest });
+}
+/** The bar's page selector — v2's wide "Homepage ⌄" field. */
+function PageSelect({ pages, label = 'Page', placement = 'bottom', ...rest }) {
+    return ((0, jsx_runtime_1.jsx)(Choice, { part: "page-select", field: true, options: pages, label: label, placement: placement, minW: 140, maxW: 200, ...rest }));
+}

package/dist/agents/Choice.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Button } from '../backends/gui/button.js';
+/** One thing to choose. */
+export interface Option {
+    id: string;
+    label: string;
+    /** A second line in the menu: what choosing this does. */
+    hint?: string;
+    icon?: ReactNode;
+}
+type Trigger = Omit<ComponentProps<typeof Button>, 'children' | 'onChange' | 'value'>;
+/** What every choice takes, whatever it chooses between. */
+interface Chosen {
+    value: string;
+    onChange: (id: string) => void;
+    /** Where the menu opens relative to the chip. */
+    placement?: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'bottom' | 'top';
+}
+export interface ModeSelectProps extends Chosen, Trigger {
+    modes: readonly Option[];
+    /** The control's accessible name. Defaults to "Mode". */
+    label?: string;
+}
+/** The composer's mode chip — v2's Build ⌄. Opens upward: it sits at the bottom. */
+export declare function ModeSelect({ modes, label, placement, ...rest }: ModeSelectProps): import("react").JSX.Element;
+export interface PageSelectProps extends Chosen, Trigger {
+    pages: readonly Option[];
+    /** The control's accessible name. Defaults to "Page". */
+    label?: string;
+}
+/** The bar's page selector — v2's wide "Homepage ⌄" field. */
+export declare function PageSelect({ pages, label, placement, ...rest }: PageSelectProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Choice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../src/agents/Choice.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAI/C,2BAA2B;AAC3B,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,KAAK,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,CAAA;AAErF,4DAA4D;AAC5D,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iDAAiD;IACjD,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,KAAK,CAAA;CACvF;AA4DD,MAAM,WAAW,eAAgB,SAAQ,MAAM,EAAE,OAAO;IACtD,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,oFAAoF;AACpF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAc,EAAE,SAAuB,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAEtG;AAED,MAAM,WAAW,eAAgB,SAAQ,MAAM,EAAE,OAAO;IACtD,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAc,EAAE,SAAoB,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,+BAInG"}

package/dist/agents/Choice.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ModeSelect and PageSelect — pick one of a few, from a chip.
+ *
+ * Ported from build-v2 `components/editor/ask-ai` (the Build ⌄ mode chip) and
+ * `components/editor/header` (the page selector) (MIT, derived from OSW Studio
+ * and DeepSite — see NOTICE). Both are the same act — a label that says what
+ * is chosen and a menu of what else can be — so both are one `Choice` over the
+ * package's one `DropdownMenu`, which already owns the roving focus, the
+ * placement and the dismiss. They differ in dress only: a mode is a compact
+ * chip in a composer's row, a page is a wide field in the bar.
+ *
+ * WHAT A MODE MEANS IS THE HOST'S. `modes` is data; Build and Plan are the
+ * builder's two, and the hint under each is where the host says what the
+ * difference is ("edits, commits and pushes" / "plans without writing").
+ */
+import { SizableText, XStack } from '@hanzo/gui';
+import { ChevronDown } from '@hanzogui/lucide-icons-2';
+import { Button } from '../backends/gui/button.js';
+import { DropdownMenu } from '../backends/gui/dropdown-menu.js';
+import { slot } from '../backends/gui/slot.js';
+function Choice({ options, value, onChange, label, placement = 'bottom-start', part, field, ...rest }) {
+    const chosen = options.find((o) => o.id === value) ?? options[0];
+    return (_jsx(DropdownMenu, { placement: placement, trigger: _jsx(Button, { ...slot(part), type: "button", variant: field ? 'default' : 'ghost', size: "sm", "aria-label": `${label}: ${chosen?.label ?? 'none'}`, "aria-haspopup": "menu", minHeight: field ? 32 : 28, px: field ? '$3' : '$2', rounded: "$3", bg: field ? '$hover' : '$panel', justify: field ? 'center' : 'flex-start', 
+            // A chip is as wide as its word, in a row or in a column.
+            self: "flex-start", ...rest, children: _jsxs(XStack, { items: "center", gap: "$1.5", minW: 0, children: [chosen?.icon ?? null, _jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: chosen?.label ?? '' }), _jsx(ChevronDown, { size: 13, opacity: 0.6 })] }) }), items: options.map((o) => ({
+            key: o.id,
+            label: o.label,
+            description: o.hint,
+            icon: o.icon,
+            selected: o.id === value,
+            onSelect: () => onChange(o.id),
+        })) }));
+}
+/** The composer's mode chip — v2's Build ⌄. Opens upward: it sits at the bottom. */
+export function ModeSelect({ modes, label = 'Mode', placement = 'top-start', ...rest }) {
+    return _jsx(Choice, { part: "mode-select", field: false, options: modes, label: label, placement: placement, ...rest });
+}
+/** The bar's page selector — v2's wide "Homepage ⌄" field. */
+export function PageSelect({ pages, label = 'Page', placement = 'bottom', ...rest }) {
+    return (_jsx(Choice, { part: "page-select", field: true, options: pages, label: label, placement: placement, minW: 140, maxW: 200, ...rest }));
+}
+//# sourceMappingURL=Choice.js.map

package/dist/agents/Choice.js.map

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

package/dist/agents/Console.cjs

@@ -0,0 +1,106 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Console = Console;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Console — the dock under the work: what the run and the page just said.
+ *
+ * Ported from build-v2 `components/editor/console/{index,dock,log}.tsx` (MIT,
+ * derived from OSW Studio and DeepSite — see NOTICE). v2 owned a module-scope
+ * buffer, a shell prompt that POSTed to its own backend and a sandbox stop
+ * button; here the lines are the host's (a run's events, a page's forwarded
+ * console), the shell is an optional `onRun`, and the dock is the frame and the
+ * one dimension it has.
+ *
+ * ONE DIMENSION. The dock is its height: `height > HEAD` is open, anything else
+ * shows the header alone. A drag, a click on the grip and an arrow key are all
+ * ways of setting that one number (`resolve` in `log.ts`), so a dragged size
+ * and a toggled state can never disagree. The host holds the number, so it can
+ * persist it with the rest of its chrome.
+ *
+ * Lines are TEXT. What a run prints and what a page logs is drawn as strings in
+ * a monospace block — never parsed as markup, never linkified, never run.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const button_1 = require("../backends/gui/button.cjs");
+const gesture_1 = require("../backends/gui/gesture.cjs");
+const input_1 = require("../backends/gui/input.cjs");
+const slot_1 = require("../backends/gui/slot.cjs");
+const log_1 = require("./log.cjs");
+const TONE = {
+    log: '$ink',
+    info: '$ink',
+    warn: '$yellow10',
+    error: '$bad',
+    debug: '$soft',
+};
+const viewport = () => (typeof window === 'undefined' ? 1000 : window.innerHeight);
+function Console({ lines, height, onHeight, tabs = [], tab = 'log', onTab, onClear, onRun, busy = false, status, label = 'Console', ...rest }) {
+    const open = (0, log_1.opened)(height);
+    const last = (0, react_1.useRef)(log_1.OPEN);
+    if (open)
+        last.current = height;
+    const start = (0, react_1.useRef)(null);
+    const tail = (0, react_1.useRef)(null);
+    const [command, setCommand] = (0, react_1.useState)('');
+    const counts = (0, log_1.count)([...lines]);
+    (0, react_1.useEffect)(() => {
+        if (open && tab === 'log')
+            tail.current?.scrollIntoView?.({ block: 'end' });
+    }, [lines.length, open, tab]);
+    const toggle = () => onHeight(open ? log_1.HEAD : (0, log_1.resolve)(last.current, viewport()));
+    const nudge = (delta) => onHeight((0, log_1.resolve)((open ? height : log_1.HEAD) + delta, viewport()));
+    const grip = (0, gesture_1.drag)({
+        begin: (e) => {
+            start.current = { y: e.clientY ?? 0, base: open ? height : log_1.HEAD, moved: false };
+        },
+        move: (e) => {
+            const s = start.current;
+            if (!s)
+                return;
+            const delta = s.y - (e.clientY ?? s.y);
+            if (Math.abs(delta) > 3)
+                s.moved = true;
+            if (s.moved)
+                onHeight((0, log_1.resolve)(s.base + delta, viewport()));
+        },
+        end: () => {
+            const s = start.current;
+            start.current = null;
+            if (s && !s.moved)
+                toggle();
+        },
+    });
+    const chosen = tabs.find((t) => t.id === tab);
+    const all = [{ id: 'log', label }, ...tabs];
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('console'), render: "section", "aria-label": label, shrink: 0, minW: 0, overflow: "hidden", borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", style: { height: Math.max(height, log_1.HEAD) }, ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('console-grip'), role: "separator", "aria-orientation": "horizontal", "aria-label": `Resize ${label.toLowerCase()}`, "aria-valuemin": log_1.HEAD, "aria-valuemax": (0, log_1.ceiling)(viewport()), "aria-valuenow": Math.max(height, log_1.HEAD), tabIndex: 0, height: 6, mt: -3, cursor: "row-resize", hoverStyle: { bg: '$edge' }, focusVisibleStyle: { bg: '$rim' }, onKeyDown: ((e) => {
+                    if (e.key === 'ArrowUp')
+                        nudge(e.shiftKey ? log_1.STEP * 4 : log_1.STEP);
+                    else if (e.key === 'ArrowDown')
+                        nudge(-(e.shiftKey ? log_1.STEP * 4 : log_1.STEP));
+                    else if (e.key === 'Enter' || e.key === ' ')
+                        toggle();
+                    else
+                        return;
+                    e.preventDefault();
+                }), ...grip }), (0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2", minH: log_1.HEAD - 6, shrink: 0, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { role: "tablist", "aria-label": `${label} tabs`, items: "center", gap: "$1", minW: 0, shrink: 1, overflow: "scroll", children: all.map((t) => {
+                            const on = t.id === tab;
+                            return ((0, jsx_runtime_1.jsxs)(button_1.Button, { type: "button", variant: "ghost", size: "sm", role: "tab", "aria-selected": on, tabIndex: on ? 0 : -1, minHeight: 24, px: "$2", bg: on ? '$hover' : 'transparent', onClick: () => {
+                                    onTab?.(t.id);
+                                    if (!open)
+                                        toggle();
+                                }, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: on ? '$ink' : '$soft', children: t.label }), t.id === 'log' && counts.error > 0 ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$bad", ...(0, slot_1.slot)('console-errors'), children: counts.error })) : null] }, t.id));
+                        }) }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1, minW: 0, justify: "flex-end", items: "center", gap: "$2", overflow: "hidden", children: status }), onClear && tab === 'log' ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": `Clear ${label.toLowerCase()}`, title: `Clear ${label.toLowerCase()}`, disabled: lines.length === 0, onClick: onClear, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Trash2, { size: 13 }) })) : null, (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": open ? `Collapse ${label.toLowerCase()}` : `Expand ${label.toLowerCase()}`, "aria-expanded": open, title: open ? 'Collapse' : 'Expand', onClick: toggle, children: open ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 14 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronUp, { size: 14 }) })] }), open ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { role: "tabpanel", "aria-label": chosen?.label ?? label, flex: 1, minH: 0, children: chosen ? (chosen.content) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, minH: 0, children: (0, jsx_runtime_1.jsxs)(gui_1.YStack, { px: "$3", pb: "$2", ...(0, slot_1.slot)('console-lines'), role: "log", "aria-live": "polite", children: [lines.length === 0 ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", children: "Nothing yet." })) : (lines.map((l) => ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { gap: "$2", items: "flex-start", "data-level": l.level, children: [l.source ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", shrink: 0, children: l.source })) : null, (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: TONE[l.level], fontFamily: "$mono", flex: 1, minW: 0, whiteSpace: "pre-wrap", style: { wordBreak: 'break-word' }, children: l.text })] }, l.id)))), (0, jsx_runtime_1.jsx)("div", { ref: tail })] }) }), onRun ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$3", py: "$1.5", borderTopWidth: 1, borderColor: "$borderColor", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", "aria-hidden": true, children: "$" }), (0, jsx_runtime_1.jsx)(input_1.Input, { ...(0, slot_1.slot)('console-prompt'), value: command, disabled: busy, "aria-label": "Run a command", placeholder: busy ? 'Running…' : 'Run a command', onChangeText: setCommand, onKeyDown: ((e) => {
+                                        if (e.key !== 'Enter' || e.nativeEvent?.isComposing)
+                                            return;
+                                        const typed = command.trim();
+                                        if (!typed || busy)
+                                            return;
+                                        e.preventDefault();
+                                        onRun(typed);
+                                        setCommand('');
+                                    }), flex: 1, height: 28, borderWidth: 0, bg: "transparent", px: 0, fontFamily: "$mono", fontSize: "$1" })] })) : null] })) })) : null] }));
+}

package/dist/agents/Console.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Console — the dock under the work: what the run and the page just said.
+ *
+ * Ported from build-v2 `components/editor/console/{index,dock,log}.tsx` (MIT,
+ * derived from OSW Studio and DeepSite — see NOTICE). v2 owned a module-scope
+ * buffer, a shell prompt that POSTed to its own backend and a sandbox stop
+ * button; here the lines are the host's (a run's events, a page's forwarded
+ * console), the shell is an optional `onRun`, and the dock is the frame and the
+ * one dimension it has.
+ *
+ * ONE DIMENSION. The dock is its height: `height > HEAD` is open, anything else
+ * shows the header alone. A drag, a click on the grip and an arrow key are all
+ * ways of setting that one number (`resolve` in `log.ts`), so a dragged size
+ * and a toggled state can never disagree. The host holds the number, so it can
+ * persist it with the rest of its chrome.
+ *
+ * Lines are TEXT. What a run prints and what a page logs is drawn as strings in
+ * a monospace block — never parsed as markup, never linkified, never run.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+import { type Line } from './log.js';
+type Col = Omit<ComponentProps<typeof YStack>, 'children' | 'height'>;
+/** A tab beyond the log — a terminal, a run's raw output. */
+export interface ConsoleTab {
+    id: string;
+    label: string;
+    /** What the tab shows when chosen. */
+    content: ReactNode;
+}
+export interface ConsoleProps extends Col {
+    /** The log. Newest last. */
+    lines: readonly Line[];
+    /** The dock's height, px. At or below `HEAD` only the header shows. */
+    height: number;
+    onHeight: (height: number) => void;
+    /** Tabs after the log. */
+    tabs?: readonly ConsoleTab[];
+    /** The chosen tab: `'log'` or one of `tabs`. */
+    tab?: string;
+    onTab?: (id: string) => void;
+    onClear?: () => void;
+    /** A command line under the log. Omit and there is none. */
+    onRun?: (command: string) => void;
+    /** A command is running: the line is held. */
+    busy?: boolean;
+    /** Right of the tabs: the branch, the run's state. */
+    status?: ReactNode;
+    /** The log tab's name. */
+    label?: string;
+}
+export declare function Console({ lines, height, onHeight, tabs, tab, onTab, onClear, onRun, busy, status, label, ...rest }: ConsoleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Console.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Console.d.ts","sourceRoot":"","sources":["../../src/agents/Console.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAmC,MAAM,EAAE,MAAM,YAAY,CAAA;AAEpE,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AAMd,OAAO,EAAoC,KAAK,IAAI,EAA+B,MAAM,OAAO,CAAA;AAEhG,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAA;AAErE,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,GAAG;IACvC,4BAA4B;IAC5B,KAAK,EAAE,SAAS,IAAI,EAAE,CAAA;IACtB,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,UAAU,EAAE,CAAA;IAC5B,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sDAAsD;IACtD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAYD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAS,EACT,GAAW,EACX,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAY,EACZ,MAAM,EACN,KAAiB,EACjB,GAAG,IAAI,EACR,EAAE,YAAY,+BAqNd"}

package/dist/agents/Console.js

@@ -0,0 +1,104 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Console — the dock under the work: what the run and the page just said.
+ *
+ * Ported from build-v2 `components/editor/console/{index,dock,log}.tsx` (MIT,
+ * derived from OSW Studio and DeepSite — see NOTICE). v2 owned a module-scope
+ * buffer, a shell prompt that POSTed to its own backend and a sandbox stop
+ * button; here the lines are the host's (a run's events, a page's forwarded
+ * console), the shell is an optional `onRun`, and the dock is the frame and the
+ * one dimension it has.
+ *
+ * ONE DIMENSION. The dock is its height: `height > HEAD` is open, anything else
+ * shows the header alone. A drag, a click on the grip and an arrow key are all
+ * ways of setting that one number (`resolve` in `log.ts`), so a dragged size
+ * and a toggled state can never disagree. The host holds the number, so it can
+ * persist it with the rest of its chrome.
+ *
+ * Lines are TEXT. What a run prints and what a page logs is drawn as strings in
+ * a monospace block — never parsed as markup, never linkified, never run.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { ChevronDown, ChevronUp, Trash2 } from '@hanzogui/lucide-icons-2';
+import { useEffect, useRef, useState, } from 'react';
+import { Button } from '../backends/gui/button.js';
+import { drag } from '../backends/gui/gesture.js';
+import { Input } from '../backends/gui/input.js';
+import { slot } from '../backends/gui/slot.js';
+import { ceiling, count, HEAD, OPEN, opened, resolve, STEP } from './log.js';
+const TONE = {
+    log: '$ink',
+    info: '$ink',
+    warn: '$yellow10',
+    error: '$bad',
+    debug: '$soft',
+};
+const viewport = () => (typeof window === 'undefined' ? 1000 : window.innerHeight);
+export function Console({ lines, height, onHeight, tabs = [], tab = 'log', onTab, onClear, onRun, busy = false, status, label = 'Console', ...rest }) {
+    const open = opened(height);
+    const last = useRef(OPEN);
+    if (open)
+        last.current = height;
+    const start = useRef(null);
+    const tail = useRef(null);
+    const [command, setCommand] = useState('');
+    const counts = count([...lines]);
+    useEffect(() => {
+        if (open && tab === 'log')
+            tail.current?.scrollIntoView?.({ block: 'end' });
+    }, [lines.length, open, tab]);
+    const toggle = () => onHeight(open ? HEAD : resolve(last.current, viewport()));
+    const nudge = (delta) => onHeight(resolve((open ? height : HEAD) + delta, viewport()));
+    const grip = drag({
+        begin: (e) => {
+            start.current = { y: e.clientY ?? 0, base: open ? height : HEAD, moved: false };
+        },
+        move: (e) => {
+            const s = start.current;
+            if (!s)
+                return;
+            const delta = s.y - (e.clientY ?? s.y);
+            if (Math.abs(delta) > 3)
+                s.moved = true;
+            if (s.moved)
+                onHeight(resolve(s.base + delta, viewport()));
+        },
+        end: () => {
+            const s = start.current;
+            start.current = null;
+            if (s && !s.moved)
+                toggle();
+        },
+    });
+    const chosen = tabs.find((t) => t.id === tab);
+    const all = [{ id: 'log', label }, ...tabs];
+    return (_jsxs(YStack, { ...slot('console'), render: "section", "aria-label": label, shrink: 0, minW: 0, overflow: "hidden", borderTopWidth: 1, borderColor: "$borderColor", bg: "$background", style: { height: Math.max(height, HEAD) }, ...rest, children: [_jsx(YStack, { ...slot('console-grip'), role: "separator", "aria-orientation": "horizontal", "aria-label": `Resize ${label.toLowerCase()}`, "aria-valuemin": HEAD, "aria-valuemax": ceiling(viewport()), "aria-valuenow": Math.max(height, HEAD), tabIndex: 0, height: 6, mt: -3, cursor: "row-resize", hoverStyle: { bg: '$edge' }, focusVisibleStyle: { bg: '$rim' }, onKeyDown: ((e) => {
+                    if (e.key === 'ArrowUp')
+                        nudge(e.shiftKey ? STEP * 4 : STEP);
+                    else if (e.key === 'ArrowDown')
+                        nudge(-(e.shiftKey ? STEP * 4 : STEP));
+                    else if (e.key === 'Enter' || e.key === ' ')
+                        toggle();
+                    else
+                        return;
+                    e.preventDefault();
+                }), ...grip }), _jsxs(XStack, { items: "center", gap: "$2", px: "$2", minH: HEAD - 6, shrink: 0, children: [_jsx(XStack, { role: "tablist", "aria-label": `${label} tabs`, items: "center", gap: "$1", minW: 0, shrink: 1, overflow: "scroll", children: all.map((t) => {
+                            const on = t.id === tab;
+                            return (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", role: "tab", "aria-selected": on, tabIndex: on ? 0 : -1, minHeight: 24, px: "$2", bg: on ? '$hover' : 'transparent', onClick: () => {
+                                    onTab?.(t.id);
+                                    if (!open)
+                                        toggle();
+                                }, children: [_jsx(SizableText, { size: "$1", color: on ? '$ink' : '$soft', children: t.label }), t.id === 'log' && counts.error > 0 ? (_jsx(SizableText, { size: "$1", color: "$bad", ...slot('console-errors'), children: counts.error })) : null] }, t.id));
+                        }) }), _jsx(XStack, { flex: 1, minW: 0, justify: "flex-end", items: "center", gap: "$2", overflow: "hidden", children: status }), onClear && tab === 'log' ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": `Clear ${label.toLowerCase()}`, title: `Clear ${label.toLowerCase()}`, disabled: lines.length === 0, onClick: onClear, children: _jsx(Trash2, { size: 13 }) })) : null, _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": open ? `Collapse ${label.toLowerCase()}` : `Expand ${label.toLowerCase()}`, "aria-expanded": open, title: open ? 'Collapse' : 'Expand', onClick: toggle, children: open ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronUp, { size: 14 }) })] }), open ? (_jsx(YStack, { role: "tabpanel", "aria-label": chosen?.label ?? label, flex: 1, minH: 0, children: chosen ? (chosen.content) : (_jsxs(_Fragment, { children: [_jsx(ScrollView, { flex: 1, minH: 0, children: _jsxs(YStack, { px: "$3", pb: "$2", ...slot('console-lines'), role: "log", "aria-live": "polite", children: [lines.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", children: "Nothing yet." })) : (lines.map((l) => (_jsxs(XStack, { gap: "$2", items: "flex-start", "data-level": l.level, children: [l.source ? (_jsx(SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", shrink: 0, children: l.source })) : null, _jsx(SizableText, { size: "$1", color: TONE[l.level], fontFamily: "$mono", flex: 1, minW: 0, whiteSpace: "pre-wrap", style: { wordBreak: 'break-word' }, children: l.text })] }, l.id)))), _jsx("div", { ref: tail })] }) }), onRun ? (_jsxs(XStack, { items: "center", gap: "$2", px: "$3", py: "$1.5", borderTopWidth: 1, borderColor: "$borderColor", children: [_jsx(SizableText, { size: "$1", color: "$soft", fontFamily: "$mono", "aria-hidden": true, children: "$" }), _jsx(Input, { ...slot('console-prompt'), value: command, disabled: busy, "aria-label": "Run a command", placeholder: busy ? 'Running…' : 'Run a command', onChangeText: setCommand, onKeyDown: ((e) => {
+                                        if (e.key !== 'Enter' || e.nativeEvent?.isComposing)
+                                            return;
+                                        const typed = command.trim();
+                                        if (!typed || busy)
+                                            return;
+                                        e.preventDefault();
+                                        onRun(typed);
+                                        setCommand('');
+                                    }), flex: 1, height: 28, borderWidth: 0, bg: "transparent", px: 0, fontFamily: "$mono", fontSize: "$1" })] })) : null] })) })) : null] }));
+}
+//# sourceMappingURL=Console.js.map

package/dist/agents/Console.js.map

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

package/dist/agents/Feedback.cjs

@@ -0,0 +1,50 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Feedback = Feedback;
+const jsx_runtime_1 = require("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`.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const button_1 = require("../backends/gui/button.cjs");
+const slot_1 = require("../backends/gui/slot.cjs");
+function Feedback({ text, verdict, onVerdict, ...rest }) {
+    const [held, setHeld] = (0, react_1.useState)(null);
+    const [copied, setCopied] = (0, react_1.useState)(false);
+    const timer = (0, react_1.useRef)(null);
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('feedback'), items: "center", gap: 2, ...rest, children: [text ? ((0, jsx_runtime_1.jsx)(button_1.Button, { ...icon, "aria-label": copied ? 'Copied' : 'Copy reply', title: copied ? 'Copied' : 'Copy', onClick: copy, children: copied ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 13 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Copy, { size: 13 }) })) : null, (0, jsx_runtime_1.jsx)(button_1.Button, { ...icon, "aria-label": "Good result", title: "Good result", "aria-pressed": current === 'up', bg: current === 'up' ? '$raised' : 'transparent', onClick: () => judge('up'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ThumbsUp, { size: 13 }) }), (0, jsx_runtime_1.jsx)(button_1.Button, { ...icon, "aria-label": "Bad result", title: "Bad result", "aria-pressed": current === 'down', bg: current === 'down' ? '$raised' : 'transparent', onClick: () => judge('down'), children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ThumbsDown, { size: 13 }) })] }));
+}