@hanzo/build 0.2.56 → 0.2.58

package/lib/library.js

@@ -0,0 +1,407 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The Library: everything you made — in Chat, in Dev, in Studio and in
+ * workflows — in one place, newest first (api/library.ts).
+ *
+ *   -/artifacts           the Library; `?item=<id>` opens one item's preview
+ *
+ * A tile opens its item in the side panel (panel.tsx), one tab per item, so a
+ * few can be read side by side; on a phone the panel is a sheet. Each item
+ * carries what can be done with it: open where it was made, download, share
+ * with the org, copy its link, rename, move to a project, use in Studio or in
+ * Chat, and delete. What a colleague shared is drawn with their name and offers
+ * only what a reader may do with it.
+ */
+import { SizableText, useMedia, XStack, YStack } from '@hanzo/gui';
+import { AudioLines, Box, Code2, Copy, Download, ExternalLink, FileText, FolderInput, Image as Picture, LayoutGrid, List, MessageSquare, MoreHorizontal, Pencil, Presentation, Search, Share2, Sparkles, Trash2, Type, Video, } from '@hanzogui/lucide-icons-2';
+import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
+import { ChipSelect } from '@hanzo/ui/product';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ago } from './ago.js';
+import { change, days, get, items as list, remove, size, SOURCE } from './api/library.js';
+import { Confirm, Rename } from './ask.js';
+import { useKept, useProjects, useRead } from './data.js';
+import { useHost, useTarget } from './host.js';
+import { Panel } from './panel.js';
+import { gap, pane } from './pane.js';
+import { Sites } from './shelf.js';
+import { useDeck } from './tabs.js';
+/** The kinds a reader narrows to, in the order the chips draw them. */
+const KINDS = [
+    { id: '', label: 'All' },
+    { id: 'image', label: 'Images' },
+    { id: 'video', label: 'Videos' },
+    { id: 'audio', label: 'Audio' },
+    { id: 'document', label: 'Documents' },
+    { id: 'slides', label: 'Slides' },
+    { id: 'model', label: '3D' },
+    { id: 'code', label: 'Code' },
+    { id: 'file', label: 'Files' },
+];
+const FROM = [
+    { id: '', label: 'Anywhere' },
+    { id: 'chat', label: 'Chat' },
+    { id: 'dev', label: 'Dev' },
+    { id: 'studio', label: 'Studio' },
+    { id: 'workflow', label: 'Workflows' },
+];
+const WHOSE = [
+    { id: 'all', label: 'Mine and shared' },
+    { id: 'mine', label: 'Mine' },
+    { id: 'shared', label: 'Shared with me' },
+];
+/** How many items a page reads. */
+const PAGE = 60;
+/** The side panel's scope: the items a reader opened, kept as they left them. */
+const DECK = 'library';
+const TAB = 'item:';
+/** A kind's mark. */
+function glyph(kind, n = 18) {
+    switch (kind) {
+        case 'image':
+            return _jsx(Picture, { size: n });
+        case 'video':
+            return _jsx(Video, { size: n });
+        case 'audio':
+            return _jsx(AudioLines, { size: n });
+        case 'document':
+            return _jsx(FileText, { size: n });
+        case 'slides':
+            return _jsx(Presentation, { size: n });
+        case 'type':
+            return _jsx(Type, { size: n });
+        case 'model':
+            return _jsx(Box, { size: n });
+        case 'code':
+            return _jsx(Code2, { size: n });
+        default:
+            return _jsx(FileText, { size: n });
+    }
+}
+/** The still a tile shows: the item's preview, or an image's own bytes. */
+const still = (x) => x.preview || (x.kind === 'image' && x.mime !== 'image/svg+xml' ? x.url : '');
+/** One square: the still, or the kind's mark on a quiet ground. */
+export function Thumb({ x, size: n }) {
+    const [broken, setBroken] = useState(false);
+    const src = still(x);
+    return (_jsx(YStack, { width: n ?? '100%', height: n, style: n ? undefined : { aspectRatio: '1 / 1' }, rounded: "$3", overflow: "hidden", bg: "$raised", items: "center", justify: "center", shrink: 0, "aria-hidden": true, children: src && !broken ? (_jsx("img", { src: src, alt: "", loading: "lazy", onError: () => setBroken(true), style: { width: '100%', height: '100%', objectFit: 'cover', display: 'block' } })) : (_jsx(YStack, { opacity: 0.7, children: glyph(x.kind, n ? Math.max(14, Math.round(n / 2.6)) : 28) })) }));
+}
+/** What a tile says under its name: where it came from, whose, and when. */
+function meta(x) {
+    return [SOURCE[x.source], x.mine ? '' : `shared by ${x.owner}`, ago(x.created)].filter(Boolean).join(' · ');
+}
+/** An item's link, to paste: this page with the item named. */
+function linkTo(x) {
+    const u = new URL(window.location.href);
+    u.search = '';
+    u.hash = '';
+    u.searchParams.set('item', x.id);
+    return u.toString();
+}
+const ID = /^lib_[0-9a-f]{32}$/;
+/** Where a move into the Library leaves the item it should open. */
+const WANT = 'hanzo.build.library.item';
+/** Open the Library at one item: the move leaves its id for the screen to take. */
+export function want(id) {
+    try {
+        sessionStorage.setItem(WANT, id);
+    }
+    catch {
+        // Without storage the Library opens without it.
+    }
+}
+/** The item to open on arrival: one a move left, or the one `?item=` names. */
+function named() {
+    if (typeof window === 'undefined')
+        return '';
+    let left = '';
+    try {
+        left = sessionStorage.getItem(WANT) ?? '';
+        sessionStorage.removeItem(WANT);
+    }
+    catch {
+        left = '';
+    }
+    const id = left || new URLSearchParams(window.location.search).get('item') || '';
+    return ID.test(id) ? id : '';
+}
+/** What can be done with one item, as menu rows. */
+function useActs(onChanged, onGone) {
+    const host = useHost();
+    const t = useTarget();
+    const [renaming, setRenaming] = useState(null);
+    const [deleting, setDeleting] = useState(null);
+    const [moving, setMoving] = useState(null);
+    const [note, setNote] = useState('');
+    const act = async (work) => {
+        setNote('');
+        try {
+            await work();
+        }
+        catch (e) {
+            setNote(e.message);
+        }
+    };
+    const copy = (text, said) => act(async () => {
+        await navigator.clipboard.writeText(text);
+        setNote(said);
+    });
+    const rows = (x) => [
+        ...(x.origin ? [{ key: 'open', label: 'Open where it was made', icon: _jsx(ExternalLink, { size: 16 }), onSelect: () => host.open(x.origin) }] : []),
+        ...(x.download ? [{ key: 'download', label: 'Download', icon: _jsx(Download, { size: 16 }), onSelect: () => window.open(x.download, '_blank', 'noopener,noreferrer') }] : []),
+        ...(x.mine
+            ? [
+                {
+                    key: 'share',
+                    label: x.shared ? 'Stop sharing' : 'Share with organization',
+                    icon: _jsx(Share2, { size: 16 }),
+                    description: x.shared ? 'Only you see it' : 'Everyone in it can open it',
+                    onSelect: () => void act(async () => {
+                        const next = await change(t, x.id, { shared: !x.shared });
+                        onChanged(next);
+                        setNote(next.shared ? `${next.name} is shared with the organization` : `${next.name} is yours alone`);
+                    }),
+                },
+            ]
+            : []),
+        { key: 'link', label: 'Copy link', icon: _jsx(Copy, { size: 16 }), onSelect: () => void copy(linkTo(x), 'Link copied') },
+        ...(x.mine
+            ? [
+                { key: 'rename', label: 'Rename', icon: _jsx(Pencil, { size: 16 }), onSelect: () => setRenaming(x) },
+                { key: 'move', label: 'Move to project', icon: _jsx(FolderInput, { size: 16 }), onSelect: () => setMoving(x) },
+            ]
+            : []),
+        { key: 'studio', label: 'Use in Studio', icon: _jsx(Sparkles, { size: 16 }), onSelect: () => host.open(`/studio?asset=${encodeURIComponent(x.id)}`) },
+        { key: 'chat', label: 'Use in Chat', icon: _jsx(MessageSquare, { size: 16 }), onSelect: () => host.open(`/chat?attach=${encodeURIComponent(x.id)}`) },
+        ...(x.mine ? [{ key: 'delete', label: 'Delete', icon: _jsx(Trash2, { size: 16 }), onSelect: () => setDeleting(x) }] : []),
+    ];
+    const dialogs = (_jsxs(_Fragment, { children: [_jsx(Rename, { open: Boolean(renaming), onOpenChange: (o) => !o && setRenaming(null), title: "Rename", name: renaming?.name ?? '', run: async (name) => {
+                    const next = await change(t, renaming.id, { name });
+                    onChanged(next);
+                } }), _jsx(Confirm, { open: Boolean(deleting), onOpenChange: (o) => !o && setDeleting(null), title: `Delete ${deleting?.name ?? ''}?`, says: "It leaves the Library and its file is deleted. Anyone it was shared with loses it too.", act: "Delete", run: async () => {
+                    await remove(t, deleting.id);
+                    onGone(deleting.id);
+                } }), _jsx(Move, { item: moving, onClose: () => setMoving(null), onMoved: (next) => {
+                    onChanged(next);
+                    setNote(next.project ? `${next.name} is in ${next.project}` : `${next.name} is in no project`);
+                } })] }));
+    return { rows, dialogs, note };
+}
+/** Choosing the project an item belongs to, or none. */
+function Move({ item: x, onClose, onMoved }) {
+    const host = useHost();
+    const t = useTarget();
+    const projects = useProjects(t, Boolean(host.person) && Boolean(x));
+    const [busy, setBusy] = useState(false);
+    const [note, setNote] = useState('');
+    const pick = async (project) => {
+        if (!x)
+            return;
+        setBusy(true);
+        setNote('');
+        try {
+            onMoved(await change(t, x.id, { project }));
+            onClose();
+        }
+        catch (e) {
+            setNote(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    return (_jsx(Dialog, { open: Boolean(x), onOpenChange: (o) => !o && !busy && onClose(), children: _jsxs(DialogContent, { maxW: 420, children: [_jsx(DialogTitle, { children: "Move to project" }), _jsx(YStack, { gap: "$1", maxH: 320, overflow: "scroll", children: projects.loading && !projects.value.length ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Reading projects\u2026" })) : projects.error ? (_jsx(SizableText, { size: "$2", color: "$soft", children: projects.error.message })) : ([{ slug: '', name: 'No project' }, ...projects.value].map((p) => (_jsx(XStack, { render: "button", "aria-label": p.slug ? `Move to ${p.name || p.slug}` : 'Move to no project', "aria-current": x?.project === p.slug ? 'true' : undefined, disabled: busy, onPress: () => void pick(p.slug), px: "$3", py: "$2", rounded: "$3", bg: x?.project === p.slug ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", children: _jsx(SizableText, { size: "$2", color: "$ink", children: p.name || p.slug }) }, p.slug || 'none')))) }), note ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: note })) : null] }) }));
+}
+/** One item's menu, as a quiet control. */
+function Acts({ x, rows }) {
+    return (_jsx(DropdownMenu, { trigger: _jsx(XStack, { render: "button", "aria-label": `Actions for ${x.name}`, width: 30, height: 30, items: "center", justify: "center", rounded: "$2", hoverStyle: { bg: '$hover' }, cursor: "pointer", shrink: 0, children: _jsx(MoreHorizontal, { size: 16 }) }), items: rows }));
+}
+/** One tile of the grid: the still, then its name and where it came from; its menu beside the name. */
+function Tile({ x, onOpen, rows }) {
+    return (_jsxs(YStack, { role: "listitem", gap: "$2", minW: 0, children: [_jsx(YStack, { render: "button", "aria-label": `Open ${x.name}`, onPress: onOpen, rounded: "$4", overflow: "hidden", cursor: "pointer", hoverStyle: { opacity: 0.88 }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: _jsx(Thumb, { x: x }) }), _jsxs(XStack, { items: "flex-start", gap: "$1", minW: 0, children: [_jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: x.name }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: meta(x) })] }), _jsx(Acts, { x: x, rows: rows })] })] }));
+}
+/** One row of the list: a small still, its name, where it came from, how large, and its menu. */
+function Row({ x, onOpen, rows }) {
+    return (_jsxs(XStack, { role: "listitem", items: "center", gap: "$3", px: "$2", py: "$2", rounded: "$3", hoverStyle: { bg: '$hover' }, minW: 0, children: [_jsxs(XStack, { render: "button", "aria-label": `Open ${x.name}`, onPress: onOpen, flex: 1, minW: 0, items: "center", gap: "$3", cursor: "pointer", style: { textAlign: 'left' }, children: [_jsx(Thumb, { x: x, size: 40 }), _jsxs(YStack, { flex: 1, minW: 0, gap: "$0.5", children: [_jsx(SizableText, { size: "$2", color: "$ink", numberOfLines: 1, children: x.name }), _jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: meta(x) })] }), _jsx(SizableText, { size: "$1", color: "$soft", width: 72, style: { textAlign: 'right' }, "$max-md": { display: 'none' }, children: size(x.bytes) })] }), _jsx(Acts, { x: x, rows: rows })] }));
+}
+/** A chip: one choice among a few, lit when chosen. */
+function Chip({ label, on, onPress }) {
+    return (_jsx(XStack, { render: "button", role: "radio", "aria-checked": on, "aria-label": label, onPress: onPress, height: 32, px: "$3", items: "center", rounded: "$10", shrink: 0, borderWidth: 1, borderColor: on ? '$ink' : '$borderColor', bg: on ? '$ink' : 'transparent', hoverStyle: { bg: on ? '$ink' : '$hover' }, cursor: "pointer", focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, children: _jsx(SizableText, { size: "$2", color: on ? '$background' : '$ink', children: label }) }));
+}
+/** One item, read fresh so its signed URLs are live: the thing itself, then what it is. */
+export function Preview({ id, rows }) {
+    const t = useTarget();
+    const host = useHost();
+    const one = useRead(host.person ? () => get(t, id) : null, null, [t, id, host.person]);
+    const x = one.value;
+    if (!x) {
+        return (_jsx(SizableText, { size: "$2", color: "$soft", children: !host.person ? 'Sign in to open it.' : one.error ? one.error.message : 'Reading…' }));
+    }
+    return (_jsxs(YStack, { gap: "$3", minH: 0, children: [_jsx(Shown, { x: x }), _jsxs(XStack, { items: "flex-start", gap: "$2", children: [_jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: x.name }), _jsx(SizableText, { size: "$1", color: "$soft", children: [meta(x), size(x.bytes), x.width && x.height ? `${x.width}×${x.height}` : '', x.project ? `in ${x.project}` : '', x.shared ? 'shared with the organization' : '']
+                                    .filter(Boolean)
+                                    .join(' · ') })] }), rows ? _jsx(Acts, { x: x, rows: rows(x) }) : null] }), _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", children: [x.origin ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => host.open(x.origin), children: [_jsx(ExternalLink, { size: 14 }), "Open where it was made"] })) : null, x.download ? (_jsxs(Button, { size: "sm", variant: "outline", onPress: () => window.open(x.download, '_blank', 'noopener,noreferrer'), children: [_jsx(Download, { size: 14 }), "Download"] })) : null] })] }));
+}
+/** The thing itself, drawn the way its kind is read. */
+function Shown({ x }) {
+    const box = { width: '100%', maxHeight: '60vh', borderRadius: 12, display: 'block' };
+    if (!x.url)
+        return _jsx(Thumb, { x: x });
+    if (x.kind === 'image' && x.mime !== 'image/svg+xml')
+        return _jsx("img", { src: x.url, alt: x.name, style: { ...box, objectFit: 'contain' } });
+    if (x.kind === 'video')
+        return _jsx("video", { src: x.url, poster: x.preview || undefined, controls: true, preload: "metadata", style: box, "aria-label": x.name });
+    if (x.kind === 'audio')
+        return _jsx("audio", { src: x.url, controls: true, preload: "metadata", style: { width: '100%' }, "aria-label": x.name });
+    if (x.mime === 'application/pdf')
+        return _jsx("iframe", { src: x.url, title: x.name, style: { ...box, height: '60vh', border: 0 } });
+    if (x.mime.startsWith('text/') || x.kind === 'code' || x.mime === 'application/json')
+        return _jsx(Text, { x: x });
+    return _jsx(Thumb, { x: x });
+}
+/** A text item's first 200 KB, as written; in a frame where the store does not answer this page's read. */
+function Text({ x }) {
+    const read = useRead(async () => {
+        const res = await fetch(x.url, { cache: 'no-store' });
+        if (!res.ok)
+            throw new Error(`The file answered ${res.status}`);
+        return (await res.text()).slice(0, 200_000);
+    }, '', [x.url]);
+    if (read.error)
+        return _jsx("iframe", { src: x.url, title: x.name, style: { width: '100%', height: '60vh', border: 0, borderRadius: 12, background: 'white' } });
+    return (_jsx(YStack, { rounded: "$3", bg: "$raised", p: "$3", maxH: "60vh", overflow: "scroll", children: _jsx(SizableText, { size: "$1", color: "$ink", style: { whiteSpace: 'pre-wrap', fontFamily: 'var(--f-mono, ui-monospace, monospace)' }, children: read.loading && !read.value ? 'Reading…' : read.value }) }));
+}
+/** A run's outputs as small tiles: each opens in the Library. */
+export function Outputs({ ids }) {
+    const host = useHost();
+    const t = useTarget();
+    const key = ids.join(',');
+    const got = useRead(host.person && ids.length ? () => Promise.all(ids.slice(0, 12).map((id) => get(t, id).catch(() => null))) : null, [], [t, key, host.person]);
+    const shown = got.value.filter((x) => x !== null);
+    if (!ids.length)
+        return null;
+    return (_jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", pt: "$1.5", role: "list", "aria-label": "What it made", children: [shown.map((x) => (_jsx(XStack, { role: "listitem", children: _jsxs(XStack, { render: "button", "aria-label": `Open ${x.name} in the Library`, onPress: () => {
+                        want(x.id);
+                        host.go('-/artifacts');
+                    }, items: "center", gap: "$2", pr: "$2.5", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", hoverStyle: { bg: '$hover' }, cursor: "pointer", maxW: 240, children: [_jsx(Thumb, { x: x, size: 36 }), _jsx(SizableText, { size: "$1", color: "$ink", numberOfLines: 1, children: x.name })] }) }, x.id))), got.loading && !shown.length ? (_jsx(SizableText, { size: "$1", color: "$soft", children: `Reading ${ids.length === 1 ? 'what it made' : `the ${ids.length} things it made`}…` })) : null] }));
+}
+/** A list read page by page: the first on every change of filter, the next on reaching its end. */
+function usePages(load, key) {
+    const [rows, setRows] = useState([]);
+    const [next, setNext] = useState('');
+    const [error, setError] = useState(null);
+    const [loading, setLoading] = useState(Boolean(load));
+    const busy = useRef(null);
+    const [tick, setTick] = useState(0);
+    const read = useCallback((cursor) => {
+        if (!load)
+            return;
+        busy.current?.abort();
+        const ctl = new AbortController();
+        busy.current = ctl;
+        setLoading(true);
+        load(cursor, ctl.signal)
+            .then((page) => {
+            if (ctl.signal.aborted)
+                return;
+            setRows((was) => (cursor ? [...was, ...page.data.filter((x) => !was.some((w) => w.id === x.id))] : page.data));
+            setNext(page.next);
+            setError(null);
+        })
+            .catch((e) => {
+            if (!ctl.signal.aborted)
+                setError(e);
+        })
+            .finally(() => {
+            if (!ctl.signal.aborted)
+                setLoading(false);
+        });
+    }, [load]);
+    useEffect(() => {
+        setRows([]);
+        setNext('');
+        read('');
+        return () => busy.current?.abort();
+        // `key` names the filter; `read` follows it.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [key, tick, Boolean(load)]);
+    const more = useCallback(() => {
+        if (next && !loading)
+            read(next);
+    }, [next, loading, read]);
+    const patch = (x) => setRows((was) => was.map((w) => (w.id === x.id ? x : w)));
+    const drop = (id) => setRows((was) => was.filter((w) => w.id !== id));
+    return { rows, next, error, loading, more, patch, drop, reload: () => setTick((n) => n + 1) };
+}
+/** Calls `on` when the element it is set on comes into view. */
+function useEnd(on) {
+    const seen = useRef(on);
+    seen.current = on;
+    const [el, setEl] = useState(null);
+    useEffect(() => {
+        if (!el || typeof IntersectionObserver === 'undefined')
+            return;
+        const io = new IntersectionObserver((entries) => entries.some((e) => e.isIntersecting) && seen.current(), { rootMargin: '400px' });
+        io.observe(el);
+        return () => io.disconnect();
+    }, [el]);
+    return (node) => setEl(node instanceof Element ? node : null);
+}
+export function Library() {
+    const host = useHost();
+    const t = useTarget();
+    const signed = Boolean(host.person);
+    const wide = useMedia().md;
+    const [kind, setKind] = useState('');
+    const [source, setSource] = useState('');
+    const [scope, setScope] = useState('all');
+    const [typed, setTyped] = useState('');
+    const [q, setQ] = useState('');
+    const [view, setView] = useKept('hanzo.build.library.view', 'grid');
+    // One org's items are not another's: each org's open tabs are kept apart.
+    const side = useDeck(`${DECK}.${host.org ?? ''}`, { tabs: [], at: null });
+    const [shown, setShown] = useState(false);
+    // A search is sent once the typing settles.
+    useEffect(() => {
+        const id = setTimeout(() => setQ(typed.trim()), 250);
+        return () => clearTimeout(id);
+    }, [typed]);
+    const load = useMemo(() => (signed ? (cursor, signal) => list(t, { kind, source, scope, q, limit: PAGE, cursor }, { signal }) : null), [signed, t, kind, source, scope, q]);
+    const pages = usePages(load, `${kind}|${source}|${scope}|${q}|${t.org}`);
+    const end = useEnd(pages.more);
+    const look = useCallback((x) => {
+        side.open({ id: `${TAB}${x.id}`, kind: `${TAB}${x.id}`, title: x.name });
+        setShown(true);
+    }, [side]);
+    // An item a link named opens once, on arrival.
+    const arrived = useRef(false);
+    useEffect(() => {
+        if (arrived.current || !signed)
+            return;
+        arrived.current = true;
+        const id = named();
+        if (id)
+            get(t, id).then(look, () => look({ id, name: 'Item' }));
+    }, [signed, t, look]);
+    const acts = useActs((x) => {
+        pages.patch(x);
+        if (side.tabs.some((tab) => tab.kind === `${TAB}${x.id}`))
+            side.rename(`${TAB}${x.id}`, x.name);
+    }, (id) => {
+        pages.drop(id);
+        side.shut(`${TAB}${id}`);
+    });
+    const kinds = side.tabs
+        .filter((tab) => tab.kind.startsWith(TAB))
+        .map((tab) => ({ id: tab.kind, label: tab.title, render: () => _jsx(Preview, { id: tab.kind.slice(TAB.length), rows: acts.rows }, tab.kind) }));
+    const panel = (sheet) => _jsx(Panel, { side: side, kinds: kinds, sheet: sheet, onHide: () => setShown(false), label: "Item preview" });
+    const open = shown && side.tabs.length > 0;
+    const groups = days(pages.rows);
+    const narrowed = Boolean(kind || source || q || scope !== 'all');
+    return (_jsxs(XStack, { flex: 1, minH: 0, minW: 0, width: "100%", children: [_jsx(YStack, { flex: 1, minH: 0, minW: 0, overflow: "scroll", px: "$6", py: "$6", "$max-md": { px: '$4', py: '$4' }, children: _jsxs(YStack, { width: "100%", maxW: 1120, mx: "auto", gap: "$4", children: [_jsxs(XStack, { items: "center", gap: "$3", children: [_jsx(SizableText, { render: "h1", size: "$7", fontWeight: "600", color: "$ink", flex: 1, children: "Library" }), _jsxs(XStack, { role: "radiogroup", "aria-label": "View", gap: "$1", children: [_jsx(ViewMark, { label: "Grid", on: view === 'grid', onPress: () => setView('grid'), children: _jsx(LayoutGrid, { size: 16 }) }), _jsx(ViewMark, { label: "List", on: view === 'list', onPress: () => setView('list'), children: _jsx(List, { size: 16 }) })] })] }), _jsxs(XStack, { items: "center", gap: "$2", maxW: 480, children: [_jsx(Search, { size: 16, opacity: 0.6 }), _jsx(YStack, { flex: 1, minW: 0, children: _jsx(Input, { value: typed, onChangeText: setTyped, placeholder: "Search your library", "aria-label": "Search your library", disabled: !signed }) })] }), _jsxs(YStack, { gap: "$2", children: [_jsx(XStack, { role: "radiogroup", "aria-label": "Kind", gap: "$2", overflowX: "auto", pb: "$1", "$platform-web": { scrollbarWidth: 'none' }, children: KINDS.map((k) => (_jsx(Chip, { label: k.label, on: kind === k.id, onPress: () => setKind(k.id) }, k.id || 'all'))) }), _jsxs(XStack, { gap: "$2", flexWrap: "wrap", rowGap: "$2", children: [_jsx(ChipSelect, { name: "From", label: FROM.find((f) => f.id === source).label, chosen: FROM.find((f) => f.id === source), items: FROM, onChange: (f) => setSource(f.id), placement: "bottom-start", width: 200 }), _jsx(ChipSelect, { name: "Whose", label: WHOSE.find((w) => w.id === scope).label, chosen: WHOSE.find((w) => w.id === scope), items: WHOSE, onChange: (w) => setScope(w.id), placement: "bottom-start", width: 220 })] })] }), acts.note ? (_jsx(SizableText, { size: "$2", color: "$soft", role: "status", children: acts.note })) : null, !signed ? (_jsx(Said, { says: "Sign in to see your library.", children: _jsx(Button, { size: "sm", onPress: () => host.signIn?.(), children: "Sign in" }) })) : pages.error && !pages.rows.length ? (_jsx(Said, { says: pages.error.message, children: _jsx(Button, { size: "sm", variant: "outline", onPress: pages.reload, children: "Try again" }) })) : pages.loading && !pages.rows.length ? (_jsx(Said, { says: "Reading\u2026" })) : !pages.rows.length ? (_jsx(Said, { says: narrowed ? 'Nothing matches.' : 'Nothing here yet. What you make in Chat, Dev and Studio lands here.' })) : (_jsxs(YStack, { gap: "$5", children: [groups.map((g) => (_jsxs(YStack, { gap: "$3", role: "group", "aria-label": g.label, children: [_jsx(SizableText, { size: "$2", color: "$soft", fontWeight: "500", children: g.label }), view === 'grid' ? (_jsx("div", { role: "list", "aria-label": `Made ${g.label.toLowerCase()}`, style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(min(46%, 168px), 1fr))', gap: 16 }, children: g.rows.map((x) => (_jsx(Tile, { x: x, onOpen: () => look(x), rows: acts.rows(x) }, x.id))) })) : (_jsx(YStack, { role: "list", "aria-label": `Made ${g.label.toLowerCase()}`, gap: "$0.5", children: g.rows.map((x) => (_jsx(Row, { x: x, onOpen: () => look(x), rows: acts.rows(x) }, x.id))) }))] }, g.label))), _jsx(YStack, { ref: end, height: 1 }), pages.loading ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "Reading more\u2026" })) : pages.error ? (_jsx(SizableText, { size: "$1", color: "$soft", role: "status", children: pages.error.message })) : null] })), signed && !q && !kind && (source === '' || source === 'dev') && scope !== 'shared' ? (_jsx(YStack, { pt: "$6", borderTopWidth: 1, borderColor: "$borderColor", children: _jsx(Sites, {}) })) : null] }) }), open && !wide ? panel(true) : null, open && wide ? (_jsx(YStack, { "data-slot": "library-side", ...pane, ml: gap, shrink: 0, minH: 0, width: 440, maxW: "45%", children: panel(false) })) : null, acts.dialogs] }));
+}
+function ViewMark({ label, on, onPress, children }) {
+    return (_jsx(XStack, { render: "button", role: "radio", "aria-checked": on, "aria-label": label, onPress: onPress, width: 32, height: 32, items: "center", justify: "center", rounded: "$3", bg: on ? '$hover' : 'transparent', hoverStyle: { bg: '$hover' }, cursor: "pointer", opacity: on ? 1 : 0.6, children: children }));
+}
+function Said({ says, children }) {
+    return (_jsxs(YStack, { rounded: "$4", borderWidth: 1, borderColor: "$borderColor", px: "$4", py: "$10", gap: "$3", items: "center", children: [_jsx(SizableText, { size: "$2", color: "$soft", style: { textAlign: 'center' }, children: says }), children] }));
+}

package/lib/nav.js

@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Every row moves the builder through `go` with the address `path` writes, so
  * where a place lives is said here and in route.ts and nowhere else.
  */
-import { Blocks, BookOpen, CircleDot, Container, Cpu, FolderGit2, LayoutTemplate, SlidersHorizontal, SquarePen, Workflow } from '@hanzogui/lucide-icons-2';
+import { BookOpen, CircleDot, Clock, Container, Cpu, FolderGit2, LayoutTemplate, Library, SlidersHorizontal, SquarePen } from '@hanzogui/lucide-icons-2';
 import { pinBoard } from './choice.js';
 import { DOCS } from './foot.js';
 import { path, route } from './route.js';
@@ -50,9 +50,9 @@ export function nav(host, go) {
             id: 'make',
             label: 'Make',
             links: [
-                { id: 'artifacts', label: 'Artifacts', icon: _jsx(Blocks, { size: 16 }), onPress: to(path({ kind: 'screen', screen: 'artifacts' })), active: screen === 'artifacts' },
+                { id: 'artifacts', label: 'Library', icon: _jsx(Library, { size: 16 }), onPress: to(path({ kind: 'screen', screen: 'artifacts' })), active: screen === 'artifacts' },
                 { id: 'templates', label: 'Templates', icon: _jsx(LayoutTemplate, { size: 16 }), onPress: to(path({ kind: 'screen', screen: 'templates' })), active: screen === 'templates' },
-                { id: 'automations', label: 'Automations', icon: _jsx(Workflow, { size: 16 }), onPress: to(path({ kind: 'screen', screen: 'automations' })), active: screen === 'automations' || r.kind === 'automation' },
+                { id: 'automations', label: 'Scheduled tasks', icon: _jsx(Clock, { size: 16 }), onPress: to(path({ kind: 'screen', screen: 'automations' })), active: screen === 'automations' || r.kind === 'automation' },
             ],
         },
         {

package/lib/panel.d.ts

@@ -63,6 +63,8 @@ export interface PageProps extends Acts {
     onForward?: () => void;
     /** The title the page gave itself. */
     onTitle?: (title: string) => void;
+    /** Pin the tab, or let it go. */
+    onPin?: (on: boolean) => void;
     suggested?: readonly Suggestion[];
 }
 /**
@@ -73,7 +75,7 @@ export interface PageProps extends Acts {
  * an answer wrote runs without `allow-same-origin`, never with our storage. A
  * remote page takes its own origin, and withholding same-origin breaks it.
  */
-export declare function Page({ tab, onGo, onBack, onForward, onTitle, suggested, ...acts }: PageProps): import("react").JSX.Element;
+export declare function Page({ tab, onGo, onBack, onForward, onTitle, onPin, suggested, ...acts }: PageProps): import("react").JSX.Element;
 export interface PanelProps extends Acts {
     side: Deck;
     kinds: readonly Kind[];

package/lib/panel.js

@@ -21,7 +21,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the panel is a sheet over the page instead (`sheet`).
  */
 import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ArrowLeft, ArrowRight, ChevronRight, Columns2, ExternalLink, Globe, Maximize2, Minus, MoreHorizontal, Plus, RotateCcw, RotateCw, SquarePlus, X } from '@hanzogui/lucide-icons-2';
+import { ArrowLeft, ArrowRight, ChevronRight, Columns2, ExternalLink, Globe, Maximize2, Minus, MoreHorizontal, Pin, Plus, RotateCcw, RotateCw, SquarePlus, X } from '@hanzogui/lucide-icons-2';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from '@hanzo/ui';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
@@ -163,7 +163,7 @@ function Skills({ skills, here }) {
  * page itself for a frame it may reach — and one that needs a page is dim on
  * an empty tab.
  */
-function Actions({ tab, here, frame, framed, same, level, onLevel, acts, browser, }) {
+function Actions({ tab, here, frame, framed, same, level, onLevel, acts, browser, onPin, }) {
     const shown = here ? { id: tab.id, ...here } : null;
     const none = !shown;
     const pick = () => {
@@ -197,6 +197,7 @@ function Actions({ tab, here, frame, framed, same, level, onLevel, acts, browser
         acts.skills?.length ? _jsx(Skills, { skills: acts.skills, here: here }, "skills") : null,
         _jsx(Row, { label: "Open in a new window", disabled: none, onSelect: () => popOut(tab) }, "out"),
         _jsx(Row, { label: "Copy link", disabled: none || !tab.url, onSelect: () => tab.url && void navigator.clipboard?.writeText(tab.url) }, "copy"),
+        onPin ? _jsx(Row, { label: tab.pinned ? 'Unpin tab' : 'Pin tab', onSelect: () => onPin(!tab.pinned) }, "pin") : null,
     ].filter(Boolean);
     const page = [
         browser?.find ? _jsx(Row, { label: "Find in page", disabled: none, onSelect: () => shown && browser.find?.(shown) }, "find") : null,
@@ -223,7 +224,7 @@ function Actions({ tab, here, frame, framed, same, level, onLevel, acts, browser
  * an answer wrote runs without `allow-same-origin`, never with our storage. A
  * remote page takes its own origin, and withholding same-origin breaks it.
  */
-export function Page({ tab, onGo, onBack, onForward, onTitle, suggested = [], ...acts }) {
+export function Page({ tab, onGo, onBack, onForward, onTitle, onPin, suggested = [], ...acts }) {
     const Browse = useBrowse();
     const browser = useBrowser();
     const frame = useRef(null);
@@ -288,10 +289,10 @@ export function Page({ tab, onGo, onBack, onForward, onTitle, suggested = [], ..
                                 fontSize: 14,
                                 // The resting bar reads centred, as a browser's new tab does; typed in, it reads from the left.
                                 textAlign: typing || typed ? 'left' : 'center',
-                            } }, tab.id) }), _jsx(Actions, { tab: tab, here: here, frame: frame, framed: framed, same: same, level: level, onLevel: zoomTo, acts: acts, browser: browser })] }), !src ? (_jsx(Suggested, { suggested: suggested, onGo: onGo })) : native && Browse ? (_jsx(YStack, { flex: 1, minH: 0, children: _jsx(Browse, { url: src, title: tab.title, onGo: onGo, onTitle: onTitle }) }, round)) : elsewhere ? (_jsx(Elsewhere, { tab: tab })) : picture && !own ? (_jsx(YStack, { flex: 1, minH: 0, items: "center", justify: "center", p: "$3", overflowY: "auto", overflowX: "hidden", children: _jsx("img", { src: src, alt: tab.title, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain', ...(scale ? { transform: scale.transform } : null) } }, round) })) : shows ? (_jsx(YStack, { flex: 1, minH: 0, overflow: "hidden", position: "relative", children: _jsx("iframe", { ref: frame, src: src, title: tab.title, sandbox: local ? 'allow-scripts allow-popups allow-forms' : 'allow-same-origin allow-scripts allow-popups allow-forms allow-modals', style: { position: 'absolute', top: 0, left: 0, border: 0, width: '100%', height: '100%', display: 'block', background: 'var(--background)', ...scale } }, round) })) : (_jsxs(YStack, { flex: 1, items: "center", justify: "center", p: "$5", gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: `${(ext || type || 'This').toUpperCase()} previews aren’t supported yet.` }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Open it in a new window to view it." })] }))] }));
+                            } }, tab.id) }), _jsx(Actions, { tab: tab, here: here, frame: frame, framed: framed, same: same, level: level, onLevel: zoomTo, acts: acts, browser: browser, onPin: onPin })] }), !src ? (_jsx(Suggested, { suggested: suggested, onGo: onGo })) : native && Browse ? (_jsx(YStack, { flex: 1, minH: 0, children: _jsx(Browse, { url: src, title: tab.title, onGo: onGo, onTitle: onTitle }) }, round)) : elsewhere ? (_jsx(Elsewhere, { tab: tab })) : picture && !own ? (_jsx(YStack, { flex: 1, minH: 0, items: "center", justify: "center", p: "$3", overflowY: "auto", overflowX: "hidden", children: _jsx("img", { src: src, alt: tab.title, style: { maxWidth: '100%', maxHeight: '100%', objectFit: 'contain', ...(scale ? { transform: scale.transform } : null) } }, round) })) : shows ? (_jsx(YStack, { flex: 1, minH: 0, overflow: "hidden", position: "relative", children: _jsx("iframe", { ref: frame, src: src, title: tab.title, sandbox: local ? 'allow-scripts allow-popups allow-forms' : 'allow-same-origin allow-scripts allow-popups allow-forms allow-modals', style: { position: 'absolute', top: 0, left: 0, border: 0, width: '100%', height: '100%', display: 'block', background: 'var(--background)', ...scale } }, round) })) : (_jsxs(YStack, { flex: 1, items: "center", justify: "center", p: "$5", gap: "$2", children: [_jsx(SizableText, { size: "$2", color: "$soft", children: `${(ext || type || 'This').toUpperCase()} previews aren’t supported yet.` }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Open it in a new window to view it." })] }))] }));
 }
 const DRAG = 'text/x-hanzo-tab';
-/** One tab in the strip: its mark, its title, and its cross. */
+/** One tab in the strip: its mark, its title, and its cross, or its pin when it is pinned. */
 function Leaf({ tab, on, side, index, label, icon }) {
     return (_jsxs(XStack, { "data-slot": "side-tab", "data-tab": tab.id, items: "center", gap: "$1", pl: "$2.5", pr: "$1", height: 30, 
         // As wide as a title wants up to a browser tab's width, sharing the strip
@@ -299,7 +300,7 @@ function Leaf({ tab, on, side, index, label, icon }) {
         flexBasis: 236, shrink: 1, minW: 56, maxW: 236, rounded: 8, borderWidth: 1, borderColor: on ? '$borderColor' : 'transparent', bg: on ? '$edge' : 'transparent', hoverStyle: { bg: on ? '$edge' : '$hover' }, ...{
             // A middle press shuts any tab, as a browser's does; the chosen one also has its cross.
             onAuxClick: (e) => {
-                if (e.button !== 1)
+                if (e.button !== 1 || tab.pinned)
                     return;
                 e.preventDefault();
                 side.shut(tab.id);
@@ -337,13 +338,13 @@ function Leaf({ tab, on, side, index, label, icon }) {
                         queueMicrotask(() => document.getElementById(`side-tab-${next.id}`)?.focus());
                         return;
                     }
-                    if (e.key === 'Delete' || e.key === 'Backspace') {
+                    if ((e.key === 'Delete' || e.key === 'Backspace') && !tab.pinned) {
                         e.preventDefault?.();
                         side.shut(tab.id);
                     }
-                }, flex: 1, minW: 0, items: "center", gap: "$2", cursor: "pointer", children: [icon ? (_jsx(XStack, { "aria-hidden": true, shrink: 0, opacity: on ? 1 : 0.7, children: icon })) : null, _jsx(SizableText, { fontSize: 13, color: on ? '$ink' : '$soft', numberOfLines: 1, children: label })] }), _jsx(XStack, { render: "button", role: "button", "aria-label": `Close ${label}`, tabIndex: -1, onPress: () => side.shut(tab.id), width: 22, height: 22, items: "center", justify: "center", rounded: 6, cursor: "pointer", opacity: on ? 0.8 : 0.45, hoverStyle: { bg: '$hover', opacity: 1 }, 
+                }, flex: 1, minW: 0, items: "center", gap: "$2", cursor: "pointer", children: [icon ? (_jsx(XStack, { "aria-hidden": true, shrink: 0, opacity: on ? 1 : 0.7, children: icon })) : null, _jsx(SizableText, { fontSize: 13, color: on ? '$ink' : '$soft', numberOfLines: 1, children: label })] }), tab.pinned ? (_jsx(XStack, { render: "button", role: "button", "aria-label": `Unpin ${label}`, tabIndex: -1, onPress: () => side.unpin(tab.id), width: 22, height: 22, items: "center", justify: "center", rounded: 6, cursor: "pointer", opacity: on ? 0.8 : 0.55, hoverStyle: { bg: '$hover', opacity: 1 }, children: _jsx(Pin, { size: 12 }) })) : (_jsx(XStack, { render: "button", role: "button", "aria-label": `Close ${label}`, tabIndex: -1, onPress: () => side.shut(tab.id), width: 22, height: 22, items: "center", justify: "center", rounded: 6, cursor: "pointer", opacity: on ? 0.8 : 0.45, hoverStyle: { bg: '$hover', opacity: 1 }, 
                 // The chosen tab's cross: the others keep their room for their titles when the strip is shared.
-                display: on ? 'flex' : 'none', children: _jsx(X, { size: 12 }) })] }));
+                display: on ? 'flex' : 'none', children: _jsx(X, { size: 12 }) }))] }));
 }
 /** The panel: the strip, and the chosen tab. */
 export function Panel({ side, kinds, onHide, sheet = false, bar, menu, label = 'Side panel', suggested, ...acts }) {
@@ -366,7 +367,7 @@ export function Panel({ side, kinds, onHide, sheet = false, bar, menu, label = '
                             { key: PAGE, label: 'Page', description: 'An address, framed here', onSelect: blank },
                         ] })) : (plus), _jsx(XStack, { flex: 1 }), menu, _jsx(XStack, { render: "button", role: "button", "aria-label": "Open this tab in a new window", "aria-disabled": !poppable || undefined, onPress: poppable ? () => popOut(tab) : undefined, width: 28, height: 28, ...quiet(false, !poppable), children: _jsx(Maximize2, { size: 14 }) }), _jsx(XStack, { render: "button", role: "button", "data-slot": "side-toggle", "aria-label": "Hide tabs", "aria-expanded": true, "aria-keyshortcuts": SHORTCUTS, ...{ title: `Hide tabs (${KEYS})` }, onPress: onHide, width: 32, height: 32, ...quiet(true), children: _jsx(Columns2, { size: 16 }) })] }), bar, _jsx(YStack, { id: "side-body", role: "tabpanel", "aria-labelledby": tab ? `side-tab-${tab.id}` : undefined, 
                 // What a tab lays over itself (a door's "Connecting…") stays inside it, under the strip.
-                position: "relative", flex: 1, minH: 0, overflowY: bleed ? 'hidden' : 'auto', overflowX: "hidden", px: bleed ? 0 : '$3', py: bleed ? 0 : '$3', children: !tab ? (_jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$5", children: _jsx(SizableText, { fontSize: 13, color: "$soft", children: "No tabs open." }) })) : tab.kind === PAGE ? (_jsx(Page, { tab: tab, onGo: (url) => side.go(tab.id, url), onBack: () => side.back(tab.id), onForward: () => side.forward(tab.id), onTitle: (t) => side.rename(tab.id, t), suggested: suggested, ...acts }, tab.id)) : kind ? (kind.render()) : (_jsx(SizableText, { size: "$2", color: "$soft", children: "This tab is not offered here." })) })] }));
+                position: "relative", flex: 1, minH: 0, overflowY: bleed ? 'hidden' : 'auto', overflowX: "hidden", px: bleed ? 0 : '$3', py: bleed ? 0 : '$3', children: !tab ? (_jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$5", children: _jsx(SizableText, { fontSize: 13, color: "$soft", children: "No tabs open." }) })) : tab.kind === PAGE ? (_jsx(Page, { tab: tab, onGo: (url) => side.go(tab.id, url), onBack: () => side.back(tab.id), onForward: () => side.forward(tab.id), onTitle: (t) => side.rename(tab.id, t), onPin: (on) => (on ? side.pin(tab.id) : side.unpin(tab.id)), suggested: suggested, ...acts }, tab.id)) : kind ? (kind.render()) : (_jsx(SizableText, { size: "$2", color: "$soft", children: "This tab is not offered here." })) })] }));
     if (!sheet || typeof document === 'undefined')
         return body;
     // A phone: a sheet from the foot of the window over a dim, the same panel in it.

package/lib/run.js

@@ -24,7 +24,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the run. Share opens its story to the public build route.
  */
 import { SizableText, useMedia, XStack, YStack } from '@hanzo/gui';
-import { ChevronDown, ChevronRight, Copy, ExternalLink, GitPullRequest, Globe, Pencil, Share } from '@hanzogui/lucide-icons-2';
+import { ChevronDown, ChevronRight, Clock, Copy, ExternalLink, GitPullRequest, Globe, Pencil, Share } from '@hanzogui/lucide-icons-2';
 import { Button, Dialog, DialogContent, DialogTitle, DropdownMenu, Input } from '@hanzo/ui';
 import { Steer } from '@hanzo/ui/agents';
 import { Failure } from '@hanzo/ui/chat';
@@ -47,6 +47,7 @@ import { measure, Prompt, useEar } from './prompt.js';
 import { useSpoken } from './voice.js';
 import { speaker } from './reply.js';
 import { PanelToggle } from './panel.js';
+import { schedule } from './scheduled.js';
 import { PAGE, useDeck, useKey, usePanel } from './tabs.js';
 import { compose, Files, pick } from './tools.js';
 import { Transcript } from './transcript.js';
@@ -324,6 +325,21 @@ export function Run({ id }) {
             ]
             : []),
         { key: 'copy', label: copied === 'id' ? 'Copied' : 'Copy run id', icon: _jsx(Copy, { size: 16 }), description: id, onSelect: () => void copy('id', id) },
+        // What this run was asked, as a task that runs again on a schedule: the ask it opened with.
+        ...(signed && record
+            ? [
+                {
+                    key: 'schedule',
+                    label: 'Schedule this',
+                    icon: _jsx(Clock, { size: 16 }),
+                    description: 'Run it again on a schedule',
+                    onSelect: () => {
+                        const first = shown.find((c) => c.kind === 'said' && c.who === 'person');
+                        schedule(first && 'text' in first ? first.text : headline(record.title, record.repo), host.go);
+                    },
+                },
+            ]
+            : []),
     ];
     // Sharing opens the public build route, which is addressed by the org and the project a run built.
     const link = record?.published ? story(t, record.org || host.org, record.project) : '';

package/lib/scheduled.d.ts

@@ -0,0 +1,3 @@
+/** Open Scheduled with a new task started from `prompt`: Dev's "Schedule this". */
+export declare function schedule(prompt: string, go: (path: string) => void): void;
+export declare function Scheduled(): import("react").JSX.Element;