@hanzo/rooms 0.1.0

package/dist/Boxes.js

@@ -0,0 +1,173 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// The compute an org is HOLDING: every sandbox lease, what it costs by the
+// hour, and the two things you can do to one.
+//
+// A LEASE IS MONEY RUNNING. It is billed per hour of being held, at the price of
+// the envelope it holds — so the rate is on the row rather than in a pricing page
+// nobody has open, and the total is stated before anything is taken. A surface
+// that hides the meter is how a $0.96 hour becomes a surprise.
+//
+// RESUMING IS LEASING WITH AN ID. There is no separate verb: `lease({ id })`
+// answers the same sandbox if it is still there and a NEW one if the lease
+// expired while you were reading, which is the honest answer to resuming
+// something that is gone. So the button says Resume and the id it returns is
+// what a later call must use.
+//
+// ENDING IS NOT STOPPING. `stop` interrupts what is running and KEEPS the lease
+// — the meter keeps going. `end` releases it, which is what stops the charge.
+// Both are drawn, because a runaway command and an unwanted box are different
+// problems and one control for both would do the wrong one half the time.
+import { useCallback, useEffect, useState } from 'react';
+import { say } from './failure.js';
+import { Play, Plus, Square, X } from 'lucide-react';
+import { ChannelHeader } from '@hanzo/ui/agents';
+import { Box, Text, XStack, YStack } from '@hanzo/ui';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@hanzo/ui';
+import { useIam } from '@hanzo/iam/react';
+import { hasSession } from './lib/session.js';
+import { useAi } from './lib/ai.js';
+/**
+ * The LIST price of an hour of each class, in micro-USD.
+ *
+ * The platform is the authority — it prices `agents/runtime-hour-<class>` and an
+ * operator retunes it there — and the surface cannot read it: the rate rows live
+ * behind `GET /v1/commerce/rates/entries`, which is SuperAdmin only and answers
+ * 403 to the reader holding this lease. Nothing else in the contract publishes a
+ * rate; a sandbox row carries none either.
+ *
+ * So the table stays — a control that spends money without naming the price is
+ * the defect this file exists to avoid — and both places that draw it say LIST,
+ * because a number nobody asked the platform for must not read as a live quote.
+ * If the two ever disagree, the invoice is right and this is stale.
+ */
+const HOURLY = {
+    exec: 80_000,
+    dev: 80_000,
+    desktop: 80_000,
+    // Twelve times the memory of the default envelope, and a node packs sixteen
+    // of those — so an android lease displaces twelve and is charged for twelve.
+    android: 960_000,
+};
+/** Micro-USD as money. Two places, because that is how an hourly rate reads. */
+const usd = (micros) => `$${(micros / 1_000_000).toFixed(2)}`;
+/** Unix seconds to how long is left, or the fact that it is over. */
+const remaining = (expiresAt) => {
+    if (!expiresAt)
+        return '';
+    const left = expiresAt - Math.floor(Date.now() / 1000);
+    if (left <= 0)
+        return 'expired';
+    if (left < 3600)
+        return `${Math.ceil(left / 60)}m left`;
+    return `${Math.floor(left / 3600)}h ${Math.ceil((left % 3600) / 60)}m left`;
+};
+/**
+ * Take a new lease.
+ *
+ * THE PROJECT IS THE DISK, and that is the whole reason this control asks for
+ * one. A volume is named per (org, project) and the name is deterministic, so
+ * leasing the same project again finds the SAME disk without a lookup — which is
+ * how a conversation continues across a lease that ended. `exec` keeps nothing
+ * and takes no project; every other class requires one, so the field appears
+ * exactly where it decides something.
+ *
+ * The rate is stated on the button because taking this lease starts a meter.
+ */
+function Start({ onDone }) {
+    const { client } = useAi();
+    const [klass, setKlass] = useState('exec');
+    const [project, setProject] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [failed, setFailed] = useState(null);
+    const keeps = klass !== 'exec';
+    const take = useCallback(async () => {
+        if (!client || busy)
+            return;
+        if (keeps && !project.trim()) {
+            setFailed(`A ${klass} sandbox keeps a disk, so it needs a project to name it.`);
+            return;
+        }
+        setBusy(true);
+        setFailed(null);
+        try {
+            await client.sandboxes.lease({
+                class: klass,
+                ...(keeps ? { project: project.trim() } : {}),
+            });
+            onDone();
+        }
+        catch (e) {
+            setFailed(e.message);
+        }
+        finally {
+            setBusy(false);
+        }
+    }, [client, busy, keeps, klass, project, onDone]);
+    return (_jsxs(YStack, { gap: "$2", p: "$4", borderBottomWidth: 1, borderColor: "$borderColor", children: [_jsxs(XStack, { gap: "$2", items: "center", flexWrap: "wrap", children: [_jsxs(Select, { value: klass, onValueChange: (v) => setKlass(v), children: [_jsx(SelectTrigger, { "aria-label": "Sandbox class", width: 200, children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: Object.keys(HOURLY).map((c) => (_jsxs(SelectItem, { value: c, children: [c, " \u2014 ", usd(HOURLY[c]), "/hr list"] }, c))) })] }), keeps ? (_jsx(XStack, { flex: 1, minW: 160, height: 34, items: "center", px: "$3", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", children: _jsx(Text, { render: _jsx("input", { value: project, onChange: (e) => setProject(e.target.value), onKeyDown: (e) => e.key === 'Enter' && void take(), placeholder: "Project \u2014 the disk it keeps" }), flex: 1, bg: "transparent", borderWidth: 0, outlineStyle: "none", color: "inherit" }) })) : (_jsx(Text, { fontSize: "$1", color: "$soft", flex: 1, children: "Keeps nothing \u2014 an exec sandbox has no disk." })), _jsx(Box, { render: "button", onClick: () => void take(), px: "$3", py: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(Plus, { size: 13, "aria-hidden": true }), _jsx(Text, { fontSize: "$2", color: "$ink", children: busy ? 'Leasing' : 'Lease' })] }) })] }), failed ? (_jsx(Text, { fontSize: "$1", color: "$soft", numberOfLines: 2, children: failed })) : null] }));
+}
+function Empty({ children }) {
+    return (_jsx(YStack, { flex: 1, items: "center", justify: "center", p: "$6", children: _jsx(Text, { fontSize: "$3", color: "$soft", text: "center", children: children }) }));
+}
+function Act({ icon: Icon, label, onPress, busy, }) {
+    return (_jsx(Box, { render: "button", onClick: onPress, "aria-label": label, px: "$2", py: "$1", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$1", children: [_jsx(Icon, { size: 13, "aria-hidden": true }), _jsx(Text, { fontSize: "$1", color: "$soft", children: busy ? '…' : label })] }) }));
+}
+function Row({ box, onResume, onStop, onEnd, busy, }) {
+    const rate = HOURLY[(box.class ?? 'exec')] ?? HOURLY.exec;
+    return (_jsxs(YStack, { gap: "$2", p: "$3", borderWidth: 1, borderColor: "$borderColor", rounded: "$3", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsxs(Text, { fontSize: "$3", color: "$ink", flex: 1, numberOfLines: 1, children: [box.class ?? 'exec', box.project ? ` · ${box.project}` : ''] }), _jsxs(Text, { fontSize: "$1", color: "$soft", children: [usd(rate), "/hr list"] })] }), _jsxs(XStack, { gap: "$2", items: "baseline", flexWrap: "wrap", children: [_jsxs(Text, { fontSize: "$1", color: "$soft", children: [box.status ?? 'unknown', box.runtime ? ` · ${box.runtime}` : ''] }), _jsx(Text, { fontSize: "$1", color: "$soft", children: remaining(box.expiresAt) })] }), box.status === 'error' && box.error ? (_jsx(Text, { fontSize: "$1", color: "$soft", numberOfLines: 2, children: box.error })) : null, _jsxs(XStack, { gap: "$1", children: [_jsx(Act, { icon: Play, label: "Resume", onPress: onResume, busy: busy === 'resume' }), _jsx(Act, { icon: Square, label: "Stop", onPress: onStop, busy: busy === 'stop' }), _jsx(Act, { icon: X, label: "End", onPress: onEnd, busy: busy === 'end' })] })] }));
+}
+export function Boxes() {
+    const { client } = useAi();
+    // SIGNED IN IS THE CREDENTIAL, NOT THE PROFILE. This gated on `user`, which is
+    // the answer to a userinfo REQUEST — and `IamProvider` swallows that request's
+    // failure, so a blip or a slow reply left `isAuthenticated` true and `user`
+    // null, and this pane told somebody holding a perfectly good token to sign in.
+    // The token is what the API accepts; the profile is decoration on top of it.
+    const { isAuthenticated, isLoading } = useIam();
+    const [boxes, setBoxes] = useState(null);
+    const [busy, setBusy] = useState({});
+    const [failed, setFailed] = useState(null);
+    const ready = Boolean(client && isAuthenticated);
+    const reload = useCallback(() => {
+        if (!ready || !client)
+            return;
+        client.sandboxes
+            .list()
+            .then(setBoxes)
+            .catch((e) => setFailed(e.message));
+    }, [client, ready]);
+    useEffect(reload, [reload]);
+    const act = useCallback(async (id, what) => {
+        if (!client)
+            return;
+        setBusy((b) => ({ ...b, [id]: what }));
+        try {
+            if (what === 'resume')
+                await client.sandboxes.lease({ id });
+            if (what === 'stop')
+                await client.sandboxes.stop({ id });
+            if (what === 'end')
+                await client.sandboxes.end({ id });
+            reload();
+        }
+        catch (e) {
+            setFailed(e.message);
+        }
+        finally {
+            setBusy((b) => {
+                const { [id]: _gone, ...rest } = b;
+                return rest;
+            });
+        }
+    }, [client, reload]);
+    const signedIn = isAuthenticated || hasSession();
+    if (isLoading)
+        return _jsx(Empty, { children: "\u00A0" });
+    if (!signedIn)
+        return _jsx(Empty, { children: "Sign in to see the compute your org is holding." });
+    if (failed)
+        return _jsx(Empty, { children: say(failed, 'this list') });
+    if (!boxes)
+        return _jsx(Empty, { children: "Reading your leases." });
+    return (_jsxs(YStack, { flex: 1, minH: 0, children: [_jsx(ChannelHeader, { name: "Sandboxes", children: _jsxs(Text, { fontSize: "$2", color: "$soft", children: ["from ", usd(HOURLY.exec), "/hr"] }) }), _jsx(Start, { onDone: reload }), boxes.length === 0 ? (_jsx(Empty, { children: "Nothing is running. A sandbox is leased when an agent needs somewhere to work, and billed for the hours it is held." })) : (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", p: "$4", gap: "$3", children: boxes.map((box) => (_jsx(Row, { box: box, busy: busy[box.id], onResume: () => void act(box.id, 'resume'), onStop: () => void act(box.id, 'stop'), onEnd: () => void act(box.id, 'end') }, box.id))) }))] }));
+}

package/dist/CalScheduler.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CalendarEvent {
+    id: string;
+    title: string;
+    type: 'meeting' | 'bot_automation' | 'agent_query';
+    date: string;
+    time: string;
+    duration: string;
+    botName?: string;
+    meetUrl?: string;
+    description?: string;
+    cronPattern?: string;
+    status: 'scheduled' | 'running' | 'completed';
+}
+export declare function CalScheduler(): React.JSX.Element;

package/dist/CalScheduler.js

@@ -0,0 +1,196 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Calendar as CalendarIcon, Plus, Bot, Video, ExternalLink, Zap, Trash2, X, } from 'lucide-react';
+import { Text, View, XStack, YStack } from '@hanzo/gui';
+import { Button } from '@hanzo/ui';
+const DEFAULT_EVENTS = [
+    {
+        id: 'evt-1',
+        title: 'Daily Morning AI Intelligence Digest',
+        type: 'bot_automation',
+        date: '2026-09-04',
+        time: '09:00',
+        duration: '15m',
+        botName: 'Chief',
+        cronPattern: '0 9 * * 1-5',
+        description: 'Scrape breaking frontier AI papers, benchmark shifts, and repo PRs into team Slack.',
+        status: 'scheduled',
+    },
+    {
+        id: 'evt-2',
+        title: 'Platform Architecture & Inference Sync',
+        type: 'meeting',
+        date: '2026-09-04',
+        time: '18:00',
+        duration: '45m',
+        meetUrl: 'https://meet.hanzo.ai/platform-architecture',
+        botName: 'Hanzo Coder (Bot Co-pilot)',
+        description: 'Sync on port 9005 drive server performance and ingress routing.',
+        status: 'scheduled',
+    },
+    {
+        id: 'evt-3',
+        title: 'Autonomous Outbound Prospecting Run',
+        type: 'bot_automation',
+        date: '2026-09-04',
+        time: '11:00',
+        duration: '60m',
+        botName: 'Sales Outbound',
+        cronPattern: '0 11 * * 1-5',
+        description: 'Extract 50 lookalike enterprise leads and prepare personalized drafts.',
+        status: 'scheduled',
+    },
+    {
+        id: 'evt-4',
+        title: 'Hourly GitHub PR & Typecheck Review',
+        type: 'agent_query',
+        date: '2026-09-04',
+        time: '14:00',
+        duration: '20m',
+        botName: 'Hanzo Coder',
+        cronPattern: '0 * * * *',
+        description: 'Verify type safety and lint across all open PRs in hanzoai organization.',
+        status: 'scheduled',
+    },
+    {
+        id: 'evt-5',
+        title: 'Research Review',
+        type: 'meeting',
+        date: '2026-09-04',
+        time: '20:00',
+        duration: '60m',
+        meetUrl: 'https://meet.hanzo.ai/research-review',
+        botName: 'Hanzo Researcher',
+        description: 'Review datasets and proofs for the week’s research runs.',
+        status: 'scheduled',
+    },
+];
+/** The public booking pages, one card each on the Booker tab. */
+const BOOKINGS = [
+    {
+        title: 'Quick Sync',
+        duration: '15m',
+        slug: '15min',
+        description: 'Fast 15-minute alignment or triage call on Hanzo Meet.',
+    },
+    {
+        title: 'Technical Deep Dive',
+        duration: '30m',
+        slug: '30min',
+        description: 'In-depth architectural review, bug diagnosis, or sprint planning.',
+    },
+    {
+        title: 'AI Pair Programming',
+        duration: '45m',
+        slug: 'pair-ai',
+        description: 'Interactive coding session with Hanzo Coder assisting in the terminal.',
+    },
+    {
+        title: 'Executive & Strategy Sync',
+        duration: '60m',
+        slug: '60min',
+        description: 'Quarterly roadmap sync, partnerships, and leadership decision forum.',
+    },
+];
+/** design's smallest rung (`--text-floor`, 10px), below gui's `$1`; gui's font size takes a rung or a number. */
+const FLOOR = 10;
+const MODAL = 'var(--z-modal)';
+/** One field of the dialog: the box every input, select and textarea in it draws. */
+const FIELD = {
+    width: '100%',
+    py: 8,
+    bg: '$background',
+    borderWidth: 1,
+    borderColor: 'var(--border-control)',
+    rounded: 6,
+    color: '$ink',
+    fontSize: '$2',
+};
+/** A dialog label. */
+const LABEL = { render: 'label', fontSize: '$1', color: '$soft', mb: 4, display: 'block' };
+export function CalScheduler() {
+    const [events, setEvents] = useState(() => {
+        if (typeof window !== 'undefined') {
+            try {
+                const stored = localStorage.getItem('hanzo_calendar_events_v1');
+                if (stored)
+                    return JSON.parse(stored);
+            }
+            catch { }
+        }
+        return DEFAULT_EVENTS;
+    });
+    const [activeTab, setActiveTab] = useState('scheduler');
+    const [filterType, setFilterType] = useState('all');
+    const [showModal, setShowModal] = useState(false);
+    const [newEvent, setNewEvent] = useState({
+        title: '',
+        type: 'bot_automation',
+        date: '2026-09-04',
+        time: '10:00',
+        duration: '30m',
+        botName: 'Chief',
+        description: '',
+    });
+    useEffect(() => {
+        try {
+            localStorage.setItem('hanzo_calendar_events_v1', JSON.stringify(events));
+        }
+        catch { }
+    }, [events]);
+    const filteredEvents = events.filter((e) => {
+        if (filterType === 'all')
+            return true;
+        return e.type === filterType;
+    });
+    const handleCreateEvent = (e) => {
+        e.preventDefault();
+        if (!newEvent.title.trim())
+            return;
+        const created = {
+            id: `evt-${Date.now()}`,
+            title: newEvent.title.trim(),
+            type: newEvent.type,
+            date: newEvent.date,
+            time: newEvent.time,
+            duration: newEvent.duration,
+            botName: newEvent.botName,
+            description: newEvent.description,
+            meetUrl: newEvent.type === 'meeting'
+                ? `https://meet.hanzo.ai/${newEvent.title.toLowerCase().replace(/[^a-z0-9]/g, '-')}`
+                : undefined,
+            status: 'scheduled',
+        };
+        setEvents((prev) => [created, ...prev]);
+        setShowModal(false);
+        setNewEvent({
+            title: '',
+            type: 'bot_automation',
+            date: '2026-09-04',
+            time: '10:00',
+            duration: '30m',
+            botName: 'Chief',
+            description: '',
+        });
+    };
+    const handleDeleteEvent = (id) => {
+        setEvents((prev) => prev.filter((e) => e.id !== id));
+    };
+    return (_jsxs(YStack, { width: "100%", height: "100%", bg: "$background", overflowX: "auto", overflowY: "auto", children: [_jsxs(XStack, { minH: 56, px: 24, py: 8, gap: 10, flexWrap: "wrap", bg: "$panel", borderBottomWidth: 1, borderBottomColor: "$borderColor", items: "center", justify: "space-between", children: [_jsxs(XStack, { items: "center", gap: 12, shrink: 1, minW: "auto", children: [_jsx(XStack, { width: 32, height: 32, rounded: 8, bg: "$raised", items: "center", justify: "center", shrink: 1, minW: "auto", children: _jsx(CalendarIcon, { size: 18, color: "var(--foreground)" }) }), _jsxs(YStack, { shrink: 1, minW: "auto", children: [_jsxs(XStack, { items: "center", gap: 8, children: [_jsx(Text, { fontSize: "$4", fontWeight: "700", color: "$ink", children: "Hanzo Calendar & Scheduler" }), _jsx(Text, { fontSize: FLOOR, fontWeight: "700", bg: "$hover", color: "$soft", borderWidth: 1, borderColor: "$borderColor", px: 6, py: 1, rounded: 4, children: "cal.hanzo.ai" })] }), _jsx(Text, { fontSize: "$1", color: "$soft", children: "Full unified scheduler across meetings, bot routines, automated crons, and query triggers" })] })] }), _jsxs(XStack, { items: "center", gap: 10, shrink: 1, minW: "auto", flexWrap: "wrap", children: [_jsx(XStack, { items: "center", gap: 2, bg: "$hover", rounded: 8, p: 2, borderWidth: 1, borderColor: "$borderColor", shrink: 1, minW: "auto", children: [
+                                    { id: 'scheduler', label: 'Master Schedule' },
+                                    { id: 'automations', label: 'Bot Crons' },
+                                    { id: 'booker', label: 'Public Booker' },
+                                ].map((tab) => (_jsx(Button, { size: "sm", variant: activeTab === tab.id ? 'primary' : 'ghost', ...(activeTab === tab.id ? null : { color: '$soft' }), "aria-pressed": activeTab === tab.id, onClick: () => setActiveTab(tab.id), children: tab.label }, tab.id))) }), _jsxs(Button, { variant: "primary", size: "sm", onClick: () => setShowModal(true), children: [_jsx(Plus, { size: 14 }), "Schedule Event / Routine"] })] })] }), activeTab === 'booker' ? (_jsxs(YStack, { flex: 1, p: 28, overflowY: "auto", gap: 20, children: [_jsxs(YStack, { gap: 4, children: [_jsx(Text, { fontSize: "$7", fontWeight: "800", color: "$ink", children: "Public Booking Pages" }), _jsxs(Text, { fontSize: "$2", color: "$soft", children: ["Shareable links powered by the Cal.com fork at ", _jsx(Text, { render: _jsx("a", { href: "https://cal.hanzo.ai", target: "_blank", rel: "noopener noreferrer" }), color: "$ink", textDecorationLine: "underline", children: "cal.hanzo.ai" }), ". Allows teammates, clients, and automated agents to book dedicated time slots."] })] }), _jsx(View, { display: "grid", gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))", gap: 16, children: BOOKINGS.map((card) => (_jsxs(YStack, { bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: 10, p: 18, gap: 12, children: [_jsxs(XStack, { items: "center", justify: "space-between", children: [_jsx(Text, { fontSize: "$4", fontWeight: "700", color: "$ink", children: card.title }), _jsx(Text, { fontSize: "$1", fontWeight: "700", bg: "$hover", px: 8, py: 2, rounded: 4, color: "$soft", children: card.duration })] }), _jsx(Text, { fontSize: "$2", color: "$soft", lineHeight: "$2", children: card.description }), _jsxs(Text, { px: 10, py: 8, bg: "$sunken", rounded: 6, fontSize: "$1", fontFamily: "$mono", color: "$soft", children: ["https://cal.hanzo.ai/alex/", card.slug] }), _jsxs(XStack, { gap: 8, mt: 4, children: [_jsx(Button, { size: "sm", flex: 1, onClick: () => {
+                                                navigator.clipboard.writeText(`https://cal.hanzo.ai/alex/${card.slug}`);
+                                            }, children: "Copy Link" }), _jsx(Button, { asChild: true, variant: "primary", size: "sm", children: _jsxs("a", { href: `https://cal.hanzo.ai/alex/${card.slug}`, target: "_blank", rel: "noopener noreferrer", children: ["Open", _jsx(ExternalLink, { size: 12 })] }) })] })] }, card.slug))) })] })) : (_jsxs(YStack, { flex: 1, overflow: "hidden", children: [_jsxs(XStack, { px: 24, py: 12, bg: "$panel", borderBottomWidth: 1, borderBottomColor: "$borderColor", items: "center", justify: "space-between", flexWrap: "wrap", gap: 8, children: [_jsxs(XStack, { items: "center", gap: 8, shrink: 1, minW: "auto", flexWrap: "wrap", children: [_jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$soft", children: "Filter:" }), [
+                                        { id: 'all', label: 'All Items' },
+                                        { id: 'meeting', label: 'Human Meetings', icon: Video },
+                                        { id: 'bot_automation', label: 'Bot Routines', icon: Bot },
+                                        { id: 'agent_query', label: 'Agent Queries', icon: Zap },
+                                    ].map((f) => (_jsxs(Button, { size: "sm", variant: filterType === f.id ? 'secondary' : 'ghost', color: filterType === f.id ? '$ink' : '$soft', "aria-pressed": filterType === f.id, onClick: () => setFilterType(f.id), children: ['icon' in f ? _jsx(f.icon, { size: 13, "aria-hidden": true }) : null, f.label] }, f.id)))] }), _jsxs(Text, { fontSize: "$1", color: "$faint", children: ["Showing ", filteredEvents.length, " scheduled events & routines"] })] }), _jsx(YStack, { flex: 1, overflowY: "auto", px: 24, py: 20, gap: 10, children: filteredEvents.map((evt) => {
+                            const isMeeting = evt.type === 'meeting';
+                            const isAutomation = evt.type === 'bot_automation';
+                            return (_jsxs(XStack, { bg: "$panel", borderWidth: 1, borderColor: "$borderColor", rounded: 10, px: 20, py: 16, items: "center", justify: "space-between", flexWrap: "wrap", gap: 16, children: [_jsxs(XStack, { items: "center", gap: 16, minW: 180, shrink: 1, children: [_jsx(XStack, { width: 40, height: 40, rounded: 8, bg: "$raised", items: "center", justify: "center", children: isMeeting ? _jsx(Video, { size: 20, color: "var(--foreground)" }) : isAutomation ? _jsx(Bot, { size: 20, color: "var(--foreground)" }) : _jsx(Zap, { size: 20, color: "var(--foreground)" }) }), _jsxs(YStack, { shrink: 1, minW: "auto", children: [_jsx(Text, { fontSize: "$3", fontWeight: "700", color: "$ink", children: evt.time }), _jsxs(Text, { fontSize: "$1", color: "$faint", children: [evt.date, " \u00B7 ", evt.duration] })] })] }), _jsxs(View, { flex: 1, minW: 240, display: "block", children: [_jsxs(XStack, { items: "center", gap: 8, mb: 2, children: [_jsx(Text, { fontSize: "$3", fontWeight: "600", color: "$ink", children: evt.title }), _jsx(Text, { fontSize: FLOOR, fontWeight: "700", bg: "$hover", color: "$soft", px: 6, py: 1, rounded: 4, textTransform: "uppercase", children: evt.type.replace('_', ' ') })] }), _jsx(Text, { display: "block", fontSize: "$2", color: "$soft", mb: 4, children: evt.description }), _jsxs(XStack, { items: "center", gap: 12, children: [evt.botName ? _jsxs(Text, { fontSize: "$1", color: "$faint", children: ["Bot: ", _jsx(Text, { render: "strong", fontSize: "$1", color: "$quiet", children: evt.botName })] }) : null, evt.cronPattern ? _jsxs(Text, { fontSize: "$1", color: "$faint", children: ["Cron: ", _jsx(Text, { render: "code", color: "$ink", children: evt.cronPattern })] }) : null, evt.meetUrl ? _jsxs(Text, { fontSize: "$1", color: "$faint", children: ["Link: ", _jsx(Text, { render: "code", color: "$ink", children: evt.meetUrl })] }) : null] })] }), _jsxs(XStack, { items: "center", gap: 8, shrink: 1, minW: "auto", children: [isMeeting ? (_jsx(Button, { asChild: true, variant: "primary", size: "sm", children: _jsxs("a", { href: "/meet", children: [_jsx(Video, { size: 13 }), "Join /meet"] }) })) : (_jsx(Button, { asChild: true, variant: "primary", size: "sm", children: _jsxs("a", { href: "/bots", children: [_jsx(Bot, { size: 13 }), "View /bots"] }) })), _jsx(Button, { variant: "ghost", size: "icon-sm", color: "$soft", onClick: () => handleDeleteEvent(evt.id), "aria-label": "Remove schedule", title: "Remove schedule", children: _jsx(Trash2, { size: 14 }) })] })] }, evt.id));
+                        }) })] })), showModal ? (_jsx(XStack, { position: "fixed", inset: 0, bg: "var(--surface-scrim)", backdropFilter: "blur(8px)", items: "center", justify: "center", z: MODAL, children: _jsxs(YStack, { width: "100%", maxW: 460, bg: "var(--popover)", borderWidth: 1, borderColor: "var(--border-control)", rounded: 12, p: 24, gap: 16, boxShadow: "var(--shadow-floating)", children: [_jsxs(XStack, { items: "center", justify: "space-between", children: [_jsx(Text, { fontSize: "$4", fontWeight: "700", color: "$ink", children: "Schedule Event or Bot Routine" }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", mr: -8, onClick: () => setShowModal(false), "aria-label": "Close", children: _jsx(X, { size: 16, "aria-hidden": true }) })] }), _jsxs(YStack, { render: "form", onSubmit: handleCreateEvent, gap: 12, children: [_jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Title" }), _jsx(Text, { render: _jsx("input", { type: "text", value: newEvent.title, onChange: (e) => setNewEvent({ ...newEvent, title: e.target.value }), placeholder: "e.g. Daily Security Audit / Team Sync", required: true }), ...FIELD, px: 12 })] }), _jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Schedule Type" }), _jsxs(Text, { render: _jsx("select", { value: newEvent.type, onChange: (e) => setNewEvent({ ...newEvent, type: e.target.value }) }), ...FIELD, px: 12, children: [_jsx("option", { value: "bot_automation", children: "Automated Bot Cron Routine" }), _jsx("option", { value: "meeting", children: "Human Video Meeting (/meet)" }), _jsx("option", { value: "agent_query", children: "Recurring Agent Query" })] })] }), _jsxs(View, { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10, children: [_jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Date" }), _jsx(Text, { render: _jsx("input", { type: "date", value: newEvent.date, onChange: (e) => setNewEvent({ ...newEvent, date: e.target.value }) }), ...FIELD, px: 8 })] }), _jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Time" }), _jsx(Text, { render: _jsx("input", { type: "time", value: newEvent.time, onChange: (e) => setNewEvent({ ...newEvent, time: e.target.value }) }), ...FIELD, px: 8 })] })] }), _jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Assigned Bot" }), _jsxs(Text, { render: _jsx("select", { value: newEvent.botName, onChange: (e) => setNewEvent({ ...newEvent, botName: e.target.value }) }), ...FIELD, px: 12, children: [_jsx("option", { value: "Chief", children: "Chief" }), _jsx("option", { value: "Sales Outbound", children: "Sales Outbound" }), _jsx("option", { value: "Inbox Manager", children: "Inbox Manager" }), _jsx("option", { value: "Account Manager", children: "Account Manager" }), _jsx("option", { value: "Talent Scout", children: "Talent Scout" }), _jsx("option", { value: "Expense Manager", children: "Expense Manager" }), _jsx("option", { value: "Offsite crew", children: "Offsite crew" })] })] }), _jsxs(View, { display: "block", children: [_jsx(Text, { ...LABEL, children: "Description / Instruction" }), _jsx(Text, { render: _jsx("textarea", { value: newEvent.description, onChange: (e) => setNewEvent({ ...newEvent, description: e.target.value }), placeholder: "Details or cron automation prompt...", rows: 3 }), ...FIELD, px: 12, "$platform-web": { resize: 'none' } })] }), _jsxs(XStack, { justify: "flex-end", gap: 8, mt: 8, children: [_jsx(Button, { type: "button", onClick: () => setShowModal(false), children: "Cancel" }), _jsx(Button, { type: "submit", variant: "primary", children: "Save Schedule" })] })] })] }) })) : null] }));
+}

package/dist/Chat.d.ts

@@ -0,0 +1,35 @@
+export declare function Chat(): import("react").JSX.Element;
+/**
+ * The same conversation, embedded in a page that is not /chat.
+ *
+ * R8: there were TWO live chat surfaces with different consent semantics — this
+ * one asks at SEND and fails closed, the other gated on ARRIVAL through a
+ * separate copy of the consent code. Two answers to one question is how they
+ * drift, so /models mounts this and the second surface is gone. It carries no
+ * heading of its own: the host page already has one, and a second `<h1>` is the
+ * defect that took the landings off /chat and /dev.
+ *
+ * The host supplies the `AiProvider`, because the host is what knows whether it
+ * already has one.
+ */
+export declare function Ask({ placeholder, idle, }: {
+    placeholder?: string;
+    idle?: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The agents a question speaks to: those it names, or the whole room when it
+ * names nobody — the rule the room's brief gives the model (cast.tsx `brief`).
+ */
+export declare function addressed(question: string, room: string[]): string[];
+/**
+ * Which kind of refusal a failed turn met, read off the platform's own codes:
+ * the caller's wallet (`insufficient_balance`, the ai service's spend check), a visitor's
+ * spent free messages (`public_allowance_spent`), or a model provider that did
+ * not answer (`providers_exhausted`, or any 5xx that is not the balance lookup).
+ */
+export declare function refusalOf(error: Error): {
+    wallet: boolean;
+    visitor: boolean;
+    provider: boolean;
+};
+/** The agreement free asks for, in @hanzo/ai's words so every surface says one thing. */