@hanzo/ui 8.27.15 → 8.27.16

package/dist/agents/FileTree.js

@@ -0,0 +1,157 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "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.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { Braces, ChevronDown, ChevronRight, FileCode2, FileJson, FileText, FileType, Folder, FolderOpen, Hash, Image, Settings2, } from '@hanzogui/lucide-icons-2';
+import { useEffect, useMemo, useRef, useState, } from 'react';
+import { slot } from '../backends/gui/slot.js';
+import { ancestors, group, put, rows, step } from './tree.js';
+/**
+ * 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: FileCode2,
+    htm: FileCode2,
+    css: Hash,
+    scss: Hash,
+    js: Braces,
+    mjs: Braces,
+    cjs: Braces,
+    jsx: Braces,
+    ts: FileType,
+    tsx: FileType,
+    json: FileJson,
+    md: FileText,
+    mdx: FileText,
+    txt: FileText,
+    svg: Image,
+    png: Image,
+    jpg: Image,
+    jpeg: Image,
+    gif: Image,
+    webp: Image,
+    ico: Image,
+    toml: Settings2,
+    yml: Settings2,
+    yaml: Settings2,
+    env: Settings2,
+};
+/** A file's icon, drawn. `.env` splits to `['', 'env']`, so the last segment is the extension. */
+export function glyph(name, size = 14) {
+    const ext = name.split('.').pop()?.toLowerCase() ?? '';
+    const Icon = BY_EXTENSION[ext] ?? FileText;
+    return _jsx(Icon, { size: size });
+}
+export function FileTree({ files, load, value = null, onSelect, label = 'Files', empty, ...rest }) {
+    const [loaded, setLoaded] = useState(() => new Map());
+    const [reads, setReads] = useState(() => new Map());
+    const [open, setOpen] = useState(() => new Set(value ? ancestors(value) : []));
+    const [focus, setFocus] = useState(0);
+    const items = useRef([]);
+    const asked = useRef(new Set());
+    const listing = useMemo(() => (files ? 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) => 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.
+    useEffect(() => {
+        if (!load)
+            return;
+        read('');
+        for (const dir of value ? ancestors(value) : [])
+            read(dir);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [load, value]);
+    useEffect(() => {
+        if (!value)
+            return;
+        const reveal = ancestors(value);
+        if (reveal.length)
+            setOpen((o) => (reveal.every((d) => o.has(d)) ? o : new Set([...o, ...reveal])));
+    }, [value]);
+    const list = useMemo(() => 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 = 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 (_jsx(YStack, { ...slot('file-tree'), flex: 1, minH: 0, items: "center", justify: "center", p: "$4", ...rest, children: _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: root === 'loading'
+                    ? 'Reading files…'
+                    : root && typeof root === 'object'
+                        ? root.error
+                        : (empty ?? 'No files yet.') }) }));
+    }
+    return (_jsx(ScrollView, { ...slot('file-tree'), flex: 1, minH: 0, ...rest, children: _jsx(YStack, { role: "tree", "aria-label": label, py: "$1.5", px: "$1.5", onKeyDown: keyed, children: list.map((row, index) => (_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 (_jsxs(_Fragment, { children: [_jsxs(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 ? (_jsxs(_Fragment, { children: [row.open ? _jsx(ChevronDown, { size: 13, opacity: 0.6 }) : _jsx(ChevronRight, { size: 13, opacity: 0.6 }), row.open ? _jsx(FolderOpen, { size: 14 }) : _jsx(Folder, { size: 14 })] })) : (_jsx(XStack, { pl: 17, items: "center", children: glyph(row.name) })), _jsx(SizableText, { size: "$2", color: chosen || dir ? '$ink' : '$quiet', numberOfLines: 1, flex: 1, minW: 0, children: row.name })] }), state ? (_jsx(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] }));
+}
+//# sourceMappingURL=FileTree.js.map

package/dist/agents/FileTree.js.map

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

package/dist/agents/PreviewFrame.cjs

@@ -0,0 +1,108 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHONE = void 0;
+exports.PreviewFrame = PreviewFrame;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * PreviewFrame — the running app, framed, beside the thing that builds it.
+ *
+ * Ported from build-v2 `components/editor/preview/index.tsx` (MIT, derived from
+ * OSW Studio and DeepSite — see NOTICE). v2 streamed a document it wrote into
+ * two `srcdoc` frames and swapped them as a build arrived. What a repository
+ * builds is a DEPLOYED page at an address — a preview URL, a sandbox's dev
+ * server, the live site — so this frames an address, and the builder's own
+ * bytes never enter it.
+ *
+ * THE SANDBOX, token by token. The framed page is somebody's app: it has to
+ * run to be previewed, and it must not be able to act on the page around it.
+ *
+ *   allow-scripts              it is an app; without script it is a picture.
+ *   allow-forms                a sign-up form is part of what you are checking.
+ *   allow-popups               its own links that open a tab still open one…
+ *   allow-popups-to-escape-sandbox  …as an ordinary tab, not a crippled one.
+ *   allow-same-origin          ONLY when the address is on ANOTHER origin than
+ *                              this page. There it grants the app its OWN
+ *                              origin — its cookies, its storage, its API —
+ *                              and nothing of ours. On OUR origin the pair
+ *                              `allow-scripts allow-same-origin` lets the
+ *                              framed page reach up and remove its own sandbox,
+ *                              so a same-origin address runs with no origin at
+ *                              all (opaque) instead.
+ *
+ * Deliberately absent: `allow-top-navigation` (a preview that can move the
+ * window it sits in is not a preview), `allow-modals`, `allow-downloads`,
+ * `allow-pointer-lock`, and every `allow=` feature — no camera, microphone or
+ * clipboard is granted to a page because it is being looked at.
+ *
+ * Only http(s) is framed. `javascript:`, `data:` and `blob:` addresses are
+ * refused before they reach the attribute, and so is anything that fails to
+ * parse — `web()` in `bridge.ts` is that check.
+ *
+ * THE BRIDGE IS OPT-IN. Element picking and the page's console arrive only if
+ * the page ships the `script()` from `bridge.ts`, pinned to this origin; this
+ * listens only to the frame's own window speaking from the frame's own origin,
+ * and posts only to that origin. See `bridge.ts` for the protocol.
+ */
+const gui_1 = require("@hanzo/gui");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+const bridge_1 = require("./bridge.cjs");
+/** A phone's width, px — the narrow preview. */
+exports.PHONE = 390;
+function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
+    const frame = (0, react_1.useRef)(null);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [nonce, setNonce] = (0, react_1.useState)(0);
+    const here = typeof window === 'undefined' ? undefined : window.location.href;
+    const url = (0, react_1.useMemo)(() => (0, bridge_1.web)(src, here), [src, here]);
+    const foreign = Boolean(url && typeof window !== 'undefined' && url.origin !== window.location.origin);
+    // No `allow-popups-to-escape-sandbox`: an escaped popup keeps a handle on this
+    // window and can move it — a framed page could send the builder's own tab to
+    // a look-alike sign-in.
+    const sandbox = ['allow-scripts', 'allow-forms', 'allow-popups']
+        .concat(foreign ? ['allow-same-origin'] : [])
+        .join(' ');
+    // Whether the host asked the page to let a person pick: until it has, a
+    // pick or a hover the page reports on its own is not a person's.
+    const picking = (0, react_1.useRef)(false);
+    // A new document has not been asked to let anyone pick: the gate closes on
+    // every load, and the host opens it again once the page says it is ready.
+    (0, react_1.useEffect)(() => {
+        setLoading(true);
+        picking.current = false;
+    }, [url?.href, nonce]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        reload: () => setNonce((n) => n + 1),
+        post: (command) => {
+            if (command.type === 'preview:editable')
+                picking.current = command.active;
+            if (!url || !foreign)
+                return;
+            frame.current?.contentWindow?.postMessage(command, url.origin);
+        },
+    }), [url, foreign]);
+    (0, react_1.useEffect)(() => {
+        if (!onBridge || !url || !foreign)
+            return;
+        const origin = url.origin;
+        const listen = (event) => {
+            const said = (0, bridge_1.accept)(event, frame.current, origin);
+            if (!said)
+                return;
+            if ((said.type === 'preview:select' || said.type === 'preview:hover') && !picking.current)
+                return;
+            onBridge(said);
+        };
+        window.addEventListener('message', listen);
+        return () => window.removeEventListener('message', listen);
+    }, [onBridge, url, foreign]);
+    if (!url) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { items: "center", gap: "$1.5", maxW: 360, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? 'This address cannot be previewed.' : 'Nothing deployed yet.' }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", text: "center", children: src ? 'Only http and https pages open here.' : 'Describe what to build and the running app appears here.' })] })) }));
+    }
+    const phone = device === 'mobile';
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? exports.PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [(0, jsx_runtime_1.jsx)("iframe", { ref: frame, src: url.href, title: title, sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
+                            setLoading(false);
+                            onLoad?.();
+                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [(0, jsx_runtime_1.jsx)(gui_1.Spinner, { size: "small", maxW: 16, maxH: 16 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Loading preview\u2026" })] })) : null] }), toolbar ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { ...(0, slot_1.slot)('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
+}

package/dist/agents/PreviewFrame.d.ts

@@ -0,0 +1,78 @@
+/**
+ * PreviewFrame — the running app, framed, beside the thing that builds it.
+ *
+ * Ported from build-v2 `components/editor/preview/index.tsx` (MIT, derived from
+ * OSW Studio and DeepSite — see NOTICE). v2 streamed a document it wrote into
+ * two `srcdoc` frames and swapped them as a build arrived. What a repository
+ * builds is a DEPLOYED page at an address — a preview URL, a sandbox's dev
+ * server, the live site — so this frames an address, and the builder's own
+ * bytes never enter it.
+ *
+ * THE SANDBOX, token by token. The framed page is somebody's app: it has to
+ * run to be previewed, and it must not be able to act on the page around it.
+ *
+ *   allow-scripts              it is an app; without script it is a picture.
+ *   allow-forms                a sign-up form is part of what you are checking.
+ *   allow-popups               its own links that open a tab still open one…
+ *   allow-popups-to-escape-sandbox  …as an ordinary tab, not a crippled one.
+ *   allow-same-origin          ONLY when the address is on ANOTHER origin than
+ *                              this page. There it grants the app its OWN
+ *                              origin — its cookies, its storage, its API —
+ *                              and nothing of ours. On OUR origin the pair
+ *                              `allow-scripts allow-same-origin` lets the
+ *                              framed page reach up and remove its own sandbox,
+ *                              so a same-origin address runs with no origin at
+ *                              all (opaque) instead.
+ *
+ * Deliberately absent: `allow-top-navigation` (a preview that can move the
+ * window it sits in is not a preview), `allow-modals`, `allow-downloads`,
+ * `allow-pointer-lock`, and every `allow=` feature — no camera, microphone or
+ * clipboard is granted to a page because it is being looked at.
+ *
+ * Only http(s) is framed. `javascript:`, `data:` and `blob:` addresses are
+ * refused before they reach the attribute, and so is anything that fails to
+ * parse — `web()` in `bridge.ts` is that check.
+ *
+ * THE BRIDGE IS OPT-IN. Element picking and the page's console arrive only if
+ * the page ships the `script()` from `bridge.ts`, pinned to this origin; this
+ * listens only to the frame's own window speaking from the frame's own origin,
+ * and posts only to that origin. See `bridge.ts` for the protocol.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode, type Ref } from 'react';
+import { type FrameCommand, type FrameEvent } from './bridge.js';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+/** A phone's width, px — the narrow preview. */
+export declare const PHONE = 390;
+/** What the host can do to a mounted frame. */
+export interface PreviewHandle {
+    /** Load the address again. */
+    reload(): void;
+    /** Say something to a page running the bridge. Dropped when there is none. */
+    post(command: FrameCommand): void;
+}
+export interface PreviewFrameProps extends Col {
+    /** The address to frame. Anything but http(s) is refused. */
+    src?: string | null;
+    /** The frame's accessible name. */
+    title?: string;
+    /** Desktop fills the pane; mobile is a phone-wide column. */
+    device?: 'desktop' | 'mobile';
+    /** Drawn when there is no address — nothing deployed yet. */
+    empty?: ReactNode;
+    /** A floating bar over the bottom of the frame — v2's edit toolbar. */
+    toolbar?: ReactNode;
+    /** Messages from a page running the bridge. */
+    onBridge?: (event: FrameEvent) => void;
+    /** Called once the frame has loaded. */
+    onLoad?: () => void;
+    /**
+     * The handle — `reload()` and `post()`. A plain prop (React 19), not
+     * `forwardRef`: the wrapper's `Omit<Props, 'ref'>` collapses these props to
+     * `any` against gui's index signature, and every caller loses their types.
+     */
+    ref?: Ref<PreviewHandle>;
+}
+export declare function PreviewFrame({ src, title, device, empty, toolbar, onBridge, onLoad, ref, ...rest }: PreviewFrameProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PreviewFrame.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewFrame.d.ts","sourceRoot":"","sources":["../../src/agents/PreviewFrame.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAgC,MAAM,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,YAAY,EAAE,KAAK,UAAU,EAAO,MAAM,UAAU,CAAA;AAE1E,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,gDAAgD;AAChD,eAAO,MAAM,KAAK,MAAM,CAAA;AAExB,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAA;IACd,8EAA8E;IAC9E,IAAI,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,iBAAkB,SAAQ,GAAG;IAC5C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6DAA6D;IAC7D,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,GAAG,EACH,KAAiB,EACjB,MAAkB,EAClB,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAiKnB"}

package/dist/agents/PreviewFrame.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PreviewFrame — the running app, framed, beside the thing that builds it.
+ *
+ * Ported from build-v2 `components/editor/preview/index.tsx` (MIT, derived from
+ * OSW Studio and DeepSite — see NOTICE). v2 streamed a document it wrote into
+ * two `srcdoc` frames and swapped them as a build arrived. What a repository
+ * builds is a DEPLOYED page at an address — a preview URL, a sandbox's dev
+ * server, the live site — so this frames an address, and the builder's own
+ * bytes never enter it.
+ *
+ * THE SANDBOX, token by token. The framed page is somebody's app: it has to
+ * run to be previewed, and it must not be able to act on the page around it.
+ *
+ *   allow-scripts              it is an app; without script it is a picture.
+ *   allow-forms                a sign-up form is part of what you are checking.
+ *   allow-popups               its own links that open a tab still open one…
+ *   allow-popups-to-escape-sandbox  …as an ordinary tab, not a crippled one.
+ *   allow-same-origin          ONLY when the address is on ANOTHER origin than
+ *                              this page. There it grants the app its OWN
+ *                              origin — its cookies, its storage, its API —
+ *                              and nothing of ours. On OUR origin the pair
+ *                              `allow-scripts allow-same-origin` lets the
+ *                              framed page reach up and remove its own sandbox,
+ *                              so a same-origin address runs with no origin at
+ *                              all (opaque) instead.
+ *
+ * Deliberately absent: `allow-top-navigation` (a preview that can move the
+ * window it sits in is not a preview), `allow-modals`, `allow-downloads`,
+ * `allow-pointer-lock`, and every `allow=` feature — no camera, microphone or
+ * clipboard is granted to a page because it is being looked at.
+ *
+ * Only http(s) is framed. `javascript:`, `data:` and `blob:` addresses are
+ * refused before they reach the attribute, and so is anything that fails to
+ * parse — `web()` in `bridge.ts` is that check.
+ *
+ * THE BRIDGE IS OPT-IN. Element picking and the page's console arrive only if
+ * the page ships the `script()` from `bridge.ts`, pinned to this origin; this
+ * listens only to the frame's own window speaking from the frame's own origin,
+ * and posts only to that origin. See `bridge.ts` for the protocol.
+ */
+import { SizableText, Spinner, XStack, YStack } from '@hanzo/gui';
+import { useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { slot } from '../backends/gui/slot.js';
+import { accept, web } from './bridge.js';
+/** A phone's width, px — the narrow preview. */
+export const PHONE = 390;
+export function PreviewFrame({ src, title = 'Preview', device = 'desktop', empty, toolbar, onBridge, onLoad, ref, ...rest }) {
+    const frame = useRef(null);
+    const [loading, setLoading] = useState(true);
+    const [nonce, setNonce] = useState(0);
+    const here = typeof window === 'undefined' ? undefined : window.location.href;
+    const url = useMemo(() => web(src, here), [src, here]);
+    const foreign = Boolean(url && typeof window !== 'undefined' && url.origin !== window.location.origin);
+    // No `allow-popups-to-escape-sandbox`: an escaped popup keeps a handle on this
+    // window and can move it — a framed page could send the builder's own tab to
+    // a look-alike sign-in.
+    const sandbox = ['allow-scripts', 'allow-forms', 'allow-popups']
+        .concat(foreign ? ['allow-same-origin'] : [])
+        .join(' ');
+    // Whether the host asked the page to let a person pick: until it has, a
+    // pick or a hover the page reports on its own is not a person's.
+    const picking = useRef(false);
+    // A new document has not been asked to let anyone pick: the gate closes on
+    // every load, and the host opens it again once the page says it is ready.
+    useEffect(() => {
+        setLoading(true);
+        picking.current = false;
+    }, [url?.href, nonce]);
+    useImperativeHandle(ref, () => ({
+        reload: () => setNonce((n) => n + 1),
+        post: (command) => {
+            if (command.type === 'preview:editable')
+                picking.current = command.active;
+            if (!url || !foreign)
+                return;
+            frame.current?.contentWindow?.postMessage(command, url.origin);
+        },
+    }), [url, foreign]);
+    useEffect(() => {
+        if (!onBridge || !url || !foreign)
+            return;
+        const origin = url.origin;
+        const listen = (event) => {
+            const said = accept(event, frame.current, origin);
+            if (!said)
+                return;
+            if ((said.type === 'preview:select' || said.type === 'preview:hover') && !picking.current)
+                return;
+            onBridge(said);
+        };
+        window.addEventListener('message', listen);
+        return () => window.removeEventListener('message', listen);
+    }, [onBridge, url, foreign]);
+    if (!url) {
+        return (_jsx(YStack, { ...slot('preview-frame'), flex: 1, minH: 0, items: "center", justify: "center", p: "$6", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", ...rest, children: empty ?? (_jsxs(YStack, { items: "center", gap: "$1.5", maxW: 360, children: [_jsx(SizableText, { size: "$4", fontWeight: "600", color: "$ink", text: "center", children: src ? 'This address cannot be previewed.' : 'Nothing deployed yet.' }), _jsx(SizableText, { size: "$2", color: "$soft", text: "center", children: src ? 'Only http and https pages open here.' : 'Describe what to build and the running app appears here.' })] })) }));
+    }
+    const phone = device === 'mobile';
+    return (_jsxs(YStack, { ...slot('preview-frame'), "data-device": device, position: "relative", flex: 1, minH: 0, minW: 0, rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$sunken", overflow: "hidden", items: "center", ...rest, children: [_jsxs(YStack, { position: "relative", flex: 1, minH: 0, width: "100%", maxW: phone ? PHONE : '100%', ...(phone ? { borderLeftWidth: 1, borderRightWidth: 1, borderColor: '$borderColor' } : null), children: [_jsx("iframe", { ref: frame, src: url.href, title: title, sandbox: sandbox, referrerPolicy: "strict-origin-when-cross-origin", onLoad: () => {
+                            setLoading(false);
+                            onLoad?.();
+                        }, style: { display: 'block', width: '100%', height: '100%', border: 0, background: 'transparent' } }, `${url.href}#${nonce}`), loading ? (_jsxs(XStack, { position: "absolute", t: 0, r: 0, b: 0, l: 0, items: "center", justify: "center", gap: "$2", bg: "$sunken", pointerEvents: "none", "aria-hidden": true, children: [_jsx(Spinner, { size: "small", maxW: 16, maxH: 16 }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Loading preview\u2026" })] })) : null] }), toolbar ? (_jsx(XStack, { ...slot('preview-toolbar'), position: "absolute", b: "$4", self: "center", items: "center", gap: "$1", p: "$1.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", bg: "$background", shadowColor: "rgba(0,0,0,0.4)", shadowRadius: 16, shadowOffset: { width: 0, height: 6 }, children: toolbar })) : null] }));
+}
+//# sourceMappingURL=PreviewFrame.js.map

package/dist/agents/PreviewFrame.js.map

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

package/dist/agents/Suggestions.cjs

@@ -0,0 +1,29 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SUGGESTIONS = void 0;
+exports.Suggestions = Suggestions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * Suggestions — the row of asks above the composer, and a way to put it away.
+ *
+ * Ported from build-v2 `components/editor/ask-ai` (the "Review security ·
+ * Review SEO · Improve accessibility" chips) (MIT, derived from OSW Studio and
+ * DeepSite — see NOTICE). A chip SENDS its words as the next turn in whatever
+ * mode the composer is in — it does not fill the box and wait — which is what
+ * v2 settled on, so `onPick` hands the words out and the host sends them.
+ *
+ * The row scrolls sideways rather than wrapping or widening its column: three
+ * chips must not push a phone's composer off the bottom or its page sideways.
+ */
+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 slot_1 = require("../backends/gui/slot.cjs");
+/** v2's three, for a host that has nothing more specific to offer. */
+exports.SUGGESTIONS = ['Review security', 'Review SEO', 'Improve accessibility'];
+function Suggestions({ items, onPick, onDismiss, label = 'Suggestions', ...rest }) {
+    if (items.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('suggestions'), role: "group", "aria-label": label, items: "center", gap: "$1.5", minW: 0, ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.ScrollView, { horizontal: true, flex: 1, minW: 0, showsHorizontalScrollIndicator: false, children: (0, jsx_runtime_1.jsx)(gui_1.XStack, { gap: "$1.5", items: "center", children: items.map((item) => ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "outline", size: "sm", minHeight: 24, px: "$2.5", rounded: 999, bg: "transparent", onClick: () => onPick(item), children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$quiet", numberOfLines: 1, children: item }) }, item))) }) }), onDismiss ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": `Hide ${label.toLowerCase()}`, title: `Hide ${label.toLowerCase()}`, onClick: onDismiss, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 13 }) })) : null] }));
+}

package/dist/agents/Suggestions.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Suggestions — the row of asks above the composer, and a way to put it away.
+ *
+ * Ported from build-v2 `components/editor/ask-ai` (the "Review security ·
+ * Review SEO · Improve accessibility" chips) (MIT, derived from OSW Studio and
+ * DeepSite — see NOTICE). A chip SENDS its words as the next turn in whatever
+ * mode the composer is in — it does not fill the box and wait — which is what
+ * v2 settled on, so `onPick` hands the words out and the host sends them.
+ *
+ * The row scrolls sideways rather than wrapping or widening its column: three
+ * chips must not push a phone's composer off the bottom or its page sideways.
+ */
+import { XStack } from '@hanzo/gui';
+import type { ComponentProps } from 'react';
+type Row = Omit<ComponentProps<typeof XStack>, 'children'>;
+/** v2's three, for a host that has nothing more specific to offer. */
+export declare const SUGGESTIONS: readonly string[];
+export interface SuggestionsProps extends Row {
+    items: readonly string[];
+    onPick: (item: string) => void;
+    /** Omit and the row cannot be dismissed. */
+    onDismiss?: () => void;
+    /** The group's accessible name. */
+    label?: string;
+}
+export declare function Suggestions({ items, onPick, onDismiss, label, ...rest }: SuggestionsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=Suggestions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../src/agents/Suggestions.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,EAA2B,MAAM,EAAE,MAAM,YAAY,CAAA;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK3C,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAE1D,sEAAsE;AACtE,eAAO,MAAM,WAAW,EAAE,SAAS,MAAM,EAA+D,CAAA;AAExG,MAAM,WAAW,gBAAiB,SAAQ,GAAG;IAC3C,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAqB,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,sCAyCzG"}

package/dist/agents/Suggestions.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Suggestions — the row of asks above the composer, and a way to put it away.
+ *
+ * Ported from build-v2 `components/editor/ask-ai` (the "Review security ·
+ * Review SEO · Improve accessibility" chips) (MIT, derived from OSW Studio and
+ * DeepSite — see NOTICE). A chip SENDS its words as the next turn in whatever
+ * mode the composer is in — it does not fill the box and wait — which is what
+ * v2 settled on, so `onPick` hands the words out and the host sends them.
+ *
+ * The row scrolls sideways rather than wrapping or widening its column: three
+ * chips must not push a phone's composer off the bottom or its page sideways.
+ */
+import { ScrollView, SizableText, XStack } from '@hanzo/gui';
+import { X } from '@hanzogui/lucide-icons-2';
+import { Button } from '../backends/gui/button.js';
+import { slot } from '../backends/gui/slot.js';
+/** v2's three, for a host that has nothing more specific to offer. */
+export const SUGGESTIONS = ['Review security', 'Review SEO', 'Improve accessibility'];
+export function Suggestions({ items, onPick, onDismiss, label = 'Suggestions', ...rest }) {
+    if (items.length === 0)
+        return null;
+    return (_jsxs(XStack, { ...slot('suggestions'), role: "group", "aria-label": label, items: "center", gap: "$1.5", minW: 0, ...rest, children: [_jsx(ScrollView, { horizontal: true, flex: 1, minW: 0, showsHorizontalScrollIndicator: false, children: _jsx(XStack, { gap: "$1.5", items: "center", children: items.map((item) => (_jsx(Button, { type: "button", variant: "outline", size: "sm", minHeight: 24, px: "$2.5", rounded: 999, bg: "transparent", onClick: () => onPick(item), children: _jsx(SizableText, { size: "$1", color: "$quiet", numberOfLines: 1, children: item }) }, item))) }) }), onDismiss ? (_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", minHeight: 24, minWidth: 24, "aria-label": `Hide ${label.toLowerCase()}`, title: `Hide ${label.toLowerCase()}`, onClick: onDismiss, children: _jsx(X, { size: 13 }) })) : null] }));
+}
+//# sourceMappingURL=Suggestions.js.map

package/dist/agents/Suggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Suggestions.js","sourceRoot":"","sources":["../../src/agents/Suggestions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAC5D,OAAO,EAAE,CAAC,EAAE,MAAM,0BAA0B,CAAA;AAG5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAI3C,sEAAsE;AACtE,MAAM,CAAC,MAAM,WAAW,GAAsB,CAAC,iBAAiB,EAAE,YAAY,EAAE,uBAAuB,CAAC,CAAA;AAWxG,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,aAAa,EAAE,GAAG,IAAI,EAAoB;IACxG,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IACnC,OAAO,CACL,MAAC,MAAM,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAC,OAAO,gBAAa,KAAK,EAAE,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,KAAM,IAAI,aAC1G,KAAC,UAAU,IAAC,UAAU,QAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,8BAA8B,EAAE,KAAK,YAC5E,KAAC,MAAM,IAAC,GAAG,EAAC,MAAM,EAAC,KAAK,EAAC,QAAQ,YAC9B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,MAAM,IAEL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,EACb,EAAE,EAAC,MAAM,EACT,OAAO,EAAE,GAAG,EACZ,EAAE,EAAC,aAAa,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,YAE3B,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,YACnD,IAAI,GACO,IAZT,IAAI,CAaF,CACV,CAAC,GACK,GACE,EACZ,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,EAAE,gBACA,QAAQ,KAAK,CAAC,WAAW,EAAE,EAAE,EACzC,KAAK,EAAE,QAAQ,KAAK,CAAC,WAAW,EAAE,EAAE,EACpC,OAAO,EAAE,SAAS,YAElB,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC"}