@hanzo/rooms 0.1.61 → 0.1.63

package/dist/App.js

@@ -23,6 +23,11 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // router and the path, and draws this only for a signed-in reader; what a
 // stranger sees is the host's.
 //
+// THE ORGANIZATION COMES FIRST (Orgs.tsx), and the app mounts it itself, so no
+// host draws the app without it: a reader with none makes one and a reader
+// with several picks one. No plan is asked for here: that is the workspace's,
+// behind its own front door.
+//
 // THE SIDEBAR'S TOGGLE IS AT THE WINDOW'S TOP-LEFT. In a browser tab it leads
 // the rail. A host that is a window of its own (`bar`) has no browser around
 // it, so the app draws the window's bar: the toggle, then Back and Forward
@@ -53,6 +58,7 @@ import { useAi } from './lib/ai.js';
 import { Chat } from './Chat.js';
 import { Column } from './Column.js';
 import { isPlans, leave, useDevHost } from './dev.js';
+import { Orgs } from './Orgs.js';
 import { useRooms } from './host.js';
 import { useKept } from './kept.js';
 import { Mark, Rail, Toggle } from './Rail.js';
@@ -88,6 +94,10 @@ const typing = (e) => {
 /** The builder's Settings, general section. */
 const SETTINGS = written({ kind: 'settings', section: 'general' });
 export function App({ bar } = {}) {
+    return (_jsx(Orgs, { children: _jsx(Window, { bar: bar }) }));
+}
+/** The window itself, drawn once the organization is settled. */
+function Window({ bar }) {
     const [drawer, setDrawer] = useState(false);
     const shut = useCallback(() => setDrawer(false), []);
     // The sidebar shut, kept per browser under the key the builder's rail kept it under.

package/dist/Chat.js

@@ -45,7 +45,8 @@ import { useMedia } from "@hanzo/gui";
 import { useIam, useIamToken } from "@hanzo/iam/react";
 import { bearer, hasSession, org } from "./lib/session.js";
 import { api } from "./lib/api.js";
-import { dev } from "./lib/host.js";
+import { app, dev, go } from "./lib/host.js";
+import { useRooms } from "./host.js";
 import { chats, house, paidPlan, paused, setCreditsAfterAllowance, useLimits } from "./lib/limits.js";
 import { LimitedBanner } from "@hanzo/ui/product/LimitedBanner";
 import { WEB } from "./lib/web.js";
@@ -1216,6 +1217,11 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
         }, onCancel: () => {
             setAsking(null);
         } }));
+    // Dev, from the Summary's Create file or site: a move inside the app where the
+    // host's app reads the path (hanzo.ai), else Dev on hanzo.ai, as the shell's
+    // Dev place goes from a host without it (hanzo.team).
+    const pathed = useRooms().path !== null;
+    const create = () => (pathed ? go(app("")) : window.location.assign(dev()));
     /** The tabs' browser, as this conversation offers it: the org's sites to start from, and a page asked about, captured or opened in Dev. */
     const browsing = {
         suggested: sites,
@@ -1268,7 +1274,7 @@ function Thread({ placeholder = message(), initial, anonymous = false, heading,
             e.preventDefault();
             // A dropped folder arrives as entries; each file under it goes up with its path.
             void dropped(e.dataTransfer).then((list) => hold(at, list, via));
-        }, children: [dragging ? (_jsx(YStack, { "aria-hidden": true, position: "absolute", t: 0, r: 0, b: 0, l: 0, z: 10, items: "center", justify: "center", bg: "var(--surface-scrim)", borderWidth: 2, borderStyle: "dashed", borderColor: "$borderColor", rounded: "var(--pane-round)", pointerEvents: "none", children: _jsxs(XStack, { items: "center", gap: "$2", px: "$4", py: "$2.5", rounded: "$10", bg: "$background", borderWidth: 1, borderColor: "$borderColor", children: [_jsx(Paperclip, { size: 15, "aria-hidden": true }), _jsx(Text, { fontSize: "$4", color: "$ink", children: "Drop files to attach" })] }) })) : null, _jsxs(XStack, { "data-slot": "conversation-head", height: 52, items: "center", justify: "space-between", gap: "$3", pl: "$4", pr: "$2", shrink: 0, children: [_jsxs(XStack, { items: "center", gap: "$2", minW: 0, flex: 1, children: [mine ? (_jsx(Text, { fontSize: 15, lineHeight: 20, color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: mine.title || "Untitled" })) : null, room.length ? (_jsx(XStack, { role: "list", "aria-label": "Agents in this chat", items: "center", gap: "$1.5", minW: 0, overflowX: "auto", "$platform-web": { scrollbarWidth: "none" }, children: room.map((name) => (_jsxs(XStack, { role: "listitem", items: "center", gap: "$1.5", pl: "$1", pr: "$0.5", py: "$0.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", shrink: 0, children: [_jsx(Face, { src: faces[name]?.avatar ?? (name === withWhom ? portrait : undefined), emoji: faces[name]?.emoji ?? (name === withWhom ? persona?.emoji : undefined), name: name, size: 22 }), _jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$color", numberOfLines: 1, display: "none", $sm: { display: "flex" }, children: name }), _jsx(Box, { render: "button", onClick: () => openAgent(name), "aria-label": `Remove ${name} from this chat`, title: `Remove ${name}`, width: 24, height: 24, rounded: 999, items: "center", justify: "center", hoverStyle: { bg: "$hover" }, children: _jsx(X, { size: 13, "aria-hidden": true, color: "var(--soft, var(--muted-foreground))" }) })] }, name))) })) : null] }), _jsxs(XStack, { "data-slot": "conversation-controls", items: "center", gap: 2, shrink: 0, children: [open ? _jsx(Share, { thread: open }) : null, mine ? (_jsx(ConversationMenu, { threads: alone, active: open, children: _jsx(XStack, { children: _jsx(ThreadMore, { t: mine }) }) })) : null, _jsx(Summary, { at: at, said: said, held: files, deck: deck, onOpen: () => setPanel(true), onCreate: () => window.location.assign(site("/dev")) }), _jsx(PanelToggle, { open: panel, onToggle: () => setPanel(!panel) })] })] }), wide && aside !== null ? (_jsx(Beside, { children: _jsx(Panel, { side: deck, kinds: NONE, onHide: () => setPanel(false), label: "Tabs", ...browsing }) })) : null, !wide && panel ? _jsx(Panel, { side: deck, kinds: NONE, sheet: true, onHide: () => setPanel(false), label: "Tabs", ...browsing }) : null, isFree(model) ? (_jsxs(Text, { fontSize: "$2", color: "$soft", text: "center", maxW: MEASURE, mx: "auto", px: "$4", py: "$2", children: [freeCopy.notice, " ", _jsx(Anchor, { href: site("/legal/privacy"), children: freeCopy.noticeCta })] })) : null, _jsx(ChatSurface, { ...chat, messages: shown, send: guarded, 
+        }, children: [dragging ? (_jsx(YStack, { "aria-hidden": true, position: "absolute", t: 0, r: 0, b: 0, l: 0, z: 10, items: "center", justify: "center", bg: "var(--surface-scrim)", borderWidth: 2, borderStyle: "dashed", borderColor: "$borderColor", rounded: "var(--pane-round)", pointerEvents: "none", children: _jsxs(XStack, { items: "center", gap: "$2", px: "$4", py: "$2.5", rounded: "$10", bg: "$background", borderWidth: 1, borderColor: "$borderColor", children: [_jsx(Paperclip, { size: 15, "aria-hidden": true }), _jsx(Text, { fontSize: "$4", color: "$ink", children: "Drop files to attach" })] }) })) : null, _jsxs(XStack, { "data-slot": "conversation-head", height: 52, items: "center", justify: "space-between", gap: "$3", pl: "$4", pr: "$2", shrink: 0, children: [_jsxs(XStack, { items: "center", gap: "$2", minW: 0, flex: 1, children: [mine ? (_jsx(Text, { fontSize: 15, lineHeight: 20, color: "$ink", numberOfLines: 1, shrink: 1, minW: 0, children: mine.title || "Untitled" })) : null, room.length ? (_jsx(XStack, { role: "list", "aria-label": "Agents in this chat", items: "center", gap: "$1.5", minW: 0, overflowX: "auto", "$platform-web": { scrollbarWidth: "none" }, children: room.map((name) => (_jsxs(XStack, { role: "listitem", items: "center", gap: "$1.5", pl: "$1", pr: "$0.5", py: "$0.5", rounded: 999, borderWidth: 1, borderColor: "$borderColor", shrink: 0, children: [_jsx(Face, { src: faces[name]?.avatar ?? (name === withWhom ? portrait : undefined), emoji: faces[name]?.emoji ?? (name === withWhom ? persona?.emoji : undefined), name: name, size: 22 }), _jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$color", numberOfLines: 1, display: "none", $sm: { display: "flex" }, children: name }), _jsx(Box, { render: "button", onClick: () => openAgent(name), "aria-label": `Remove ${name} from this chat`, title: `Remove ${name}`, width: 24, height: 24, rounded: 999, items: "center", justify: "center", hoverStyle: { bg: "$hover" }, children: _jsx(X, { size: 13, "aria-hidden": true, color: "var(--soft, var(--muted-foreground))" }) })] }, name))) })) : null] }), _jsxs(XStack, { "data-slot": "conversation-controls", items: "center", gap: 2, shrink: 0, children: [open ? _jsx(Share, { thread: open }) : null, mine ? (_jsx(ConversationMenu, { threads: alone, active: open, children: _jsx(XStack, { children: _jsx(ThreadMore, { t: mine }) }) })) : null, _jsx(Summary, { at: at, said: said, held: files, deck: deck, onOpen: () => setPanel(true), onCreate: create }), _jsx(PanelToggle, { open: panel, onToggle: () => setPanel(!panel) })] })] }), wide && aside !== null ? (_jsx(Beside, { children: _jsx(Panel, { side: deck, kinds: NONE, onHide: () => setPanel(false), label: "Tabs", ...browsing }) })) : null, !wide && panel ? _jsx(Panel, { side: deck, kinds: NONE, sheet: true, onHide: () => setPanel(false), label: "Tabs", ...browsing }) : null, isFree(model) ? (_jsxs(Text, { fontSize: "$2", color: "$soft", text: "center", maxW: MEASURE, mx: "auto", px: "$4", py: "$2", children: [freeCopy.notice, " ", _jsx(Anchor, { href: site("/legal/privacy"), children: freeCopy.noticeCta })] })) : null, _jsx(ChatSurface, { ...chat, messages: shown, send: guarded, 
                 // AN EMPTY ROOM CENTRES ITS COMPOSER. While nothing has been said the
                 // opening (the heading and the starters) and the composer sit as one
                 // group in the middle of the height, with or without the plan bars in

package/dist/Meet.js

@@ -282,7 +282,7 @@ export function Meet() {
                                     if (transcriber.open)
                                         transcriber.toggle();
                                     setActiveMeetingRoom(null);
-                                }, children: [_jsx(PhoneOff, { size: 14 }), "Leave Call"] })] })) : (_jsx(XStack, { items: "center", gap: 8, shrink: 1, minW: "auto", children: _jsx(Button, { asChild: true, variant: "linkMuted", size: "sm", px: 0, children: _jsxs("a", { href: "https://meet.hanzo.ai", target: "_blank", rel: "noopener noreferrer", children: ["meet.hanzo.ai", _jsx(ExternalLink, { size: 12 })] }) }) }))] }), activeMeetingRoom ? (_jsxs(XStack, { flex: 1, overflow: "hidden", position: "relative", children: [_jsx(XStack, { flex: 1, minW: "auto", position: "relative", bg: "$sunken", children: meetingView === 'iframe' ? (_jsx(View, { render: _jsx("iframe", { src: `https://meet.hanzo.ai/${activeMeetingRoom}#config.prejoinPageEnabled=false&config.startWithAudioMuted=${!micOn}&config.startWithVideoMuted=${!cameraOn}`, allow: "camera; microphone; display-capture; autoplay; clipboard-write; speaker-selection; screen-wake-lock", title: `Hanzo Meet Room: ${activeMeetingRoom}` }), width: "100%", height: "100%", borderWidth: 0, bg: "$sunken" }, "stage")) : (_jsxs(View, { flex: 1, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))", gap: 12, p: 16, overflowY: "auto", bg: "$background", children: [_jsx(YStack, { bg: "$panel", rounded: 12, borderWidth: 1, borderColor: "$borderColor", position: "relative", overflow: "hidden", items: "center", justify: "center", minH: 220, children: _jsxs(YStack, { items: "center", children: [_jsx(YStack, { width: 72, height: 72, rounded: 9999, bg: "$raised", items: "center", justify: "center", mb: 8, children: _jsx(Text, { fontSize: "$8", fontWeight: "700", color: "$ink", children: "You" }) }), _jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$ink", children: "Alex (Host)" }), _jsx(Text, { fontSize: "$1", color: micOn ? GOOD : '$soft', children: micOn ? 'Mic Active' : 'Muted' })] }) }), invitedAgents.map((agentName) => {
+                                }, children: [_jsx(PhoneOff, { size: 14 }), "Leave Call"] })] })) : (_jsx(XStack, { items: "center", gap: 8, shrink: 1, minW: "auto", children: _jsx(Button, { asChild: true, variant: "linkMuted", size: "sm", px: 0, children: _jsxs("a", { href: "https://meet.hanzo.ai", target: "_blank", rel: "noopener noreferrer", children: ["meet.hanzo.ai", _jsx(ExternalLink, { size: 12 })] }) }) }))] }), activeMeetingRoom ? (_jsxs(XStack, { flex: 1, overflow: "hidden", position: "relative", children: [_jsx(XStack, { flex: 1, minW: "auto", position: "relative", bg: "$sunken", children: meetingView === 'iframe' ? (_jsx(View, { render: _jsx("iframe", { src: `https://meet.hanzo.ai/${activeMeetingRoom}#config.prejoinPageEnabled=false&config.startWithAudioMuted=${!micOn}&config.startWithVideoMuted=${!cameraOn}`, allow: "camera; microphone; display-capture; autoplay; clipboard-write; speaker-selection; screen-wake-lock", title: `Hanzo Meet: ${activeMeetingRoom}` }), width: "100%", height: "100%", borderWidth: 0, bg: "$sunken" }, "stage")) : (_jsxs(View, { flex: 1, display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(280px, 1fr))", gap: 12, p: 16, overflowY: "auto", bg: "$background", children: [_jsx(YStack, { bg: "$panel", rounded: 12, borderWidth: 1, borderColor: "$borderColor", position: "relative", overflow: "hidden", items: "center", justify: "center", minH: 220, children: _jsxs(YStack, { items: "center", children: [_jsx(YStack, { width: 72, height: 72, rounded: 9999, bg: "$raised", items: "center", justify: "center", mb: 8, children: _jsx(Text, { fontSize: "$8", fontWeight: "700", color: "$ink", children: "You" }) }), _jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$ink", children: "Alex (Host)" }), _jsx(Text, { fontSize: "$1", color: micOn ? GOOD : '$soft', children: micOn ? 'Mic Active' : 'Muted' })] }) }), invitedAgents.map((agentName) => {
                                     const voice = voiceOf(agentName);
                                     const isThisSpeaking = (speaking || handsFree.state === 'speaking') && activeCoPilotAgent.toLowerCase() === agentName.toLowerCase();
                                     return (_jsxs(YStack, { bg: "$panel", rounded: 12, borderWidth: isThisSpeaking ? 2 : 1, borderColor: isThisSpeaking ? 'var(--state-success)' : '$borderColor', position: "relative", overflow: "hidden", items: "center", justify: "center", p: 20, minH: 220, transition: "200ms", children: [_jsxs(View, { position: "relative", mb: 10, children: [_jsx(Face, { name: agentName, size: 72 }), isThisSpeaking ? (_jsx(View, { position: "absolute", b: -4, r: -4, bg: "var(--popover)", borderWidth: 1, borderColor: "var(--state-success)", rounded: 9999, p: 4, children: _jsx(Volume2, { size: 12, color: GOOD }) })) : null] }), _jsx(Text, { fontSize: "$3", fontWeight: "700", color: "$ink", mb: 2, children: agentName }), _jsxs(Text, { fontSize: "$1", color: "$soft", mb: 8, children: ["Voice: ", voice] }), _jsx(XStack, { items: "center", gap: 6, bg: "$hover", px: 10, py: 4, rounded: 12, children: isThisSpeaking ? (_jsxs(_Fragment, { children: [_jsx(AudioWave, { active: true, color: "var(--state-success)" }), _jsx(Text, { fontSize: "$1", fontWeight: "600", color: GOOD, children: "Speaking in Call" })] })) : (_jsxs(_Fragment, { children: [_jsx(Bot, { size: 11, color: "var(--muted-foreground)" }), _jsx(Text, { fontSize: "$1", fontWeight: "600", color: "$quiet", children: "AI Agent \u00B7 In Call" })] })) })] }, agentName));

package/dist/Orgs.js

@@ -4,26 +4,28 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 //
 // An organization owns every agent, credit and member. A signed-in reader who
 // has none is shown one thing: make one. A reader with several picks the one
-// they are working in when they arrive. And an organization whose plan is not
-// live is asked for it before any room is drawn. Only past all three does the
-// workspace render, and every request under it then carries that organization
-// (lib/auth/session.ts `scope`, hooks/useAi.ts).
+// they are working in when they arrive. Past both the app renders, and every
+// request under it then carries that organization (lib/auth/session.ts
+// `scope`, hooks/useAi.ts).
 //
-// FREE IS FOR ONE PERSON. A personal organization on the Free tier opens /chat
-// and /dev on every host but hanzo.team; the workspace's own host asks every
-// organization for a paid plan. A personal organization starts on Free and may
-// upgrade at creation; a team organization is sold the per-seat Team plan, and
-// that is the plan the subscribe ask offers. Plans are the catalog's, read live
-// and seeded from @hanzo/plans for first paint. Checkout is hanzo.ai/pay in
-// this tab; it returns here, and the tier is read again on return.
+// NO PLAN STANDS IN FRONT OF CHAT OR DEV. Off the front door every
+// organization opens, whatever its plan: what it may spend is the API's to
+// meter, per plan, on every call. The per-seat Team plan is the workspace's to
+// ask for, behind its front door, and nowhere else. It used to be asked of
+// every organization that was not personal and not on a live plan, on every
+// host, which put each member of a team on Free, and every account filed in the
+// shared sign-up organization, in front of a wall at hanzo.ai/chat. Plans are
+// the catalog's, read live and seeded from @hanzo/plans for first paint.
+// Checkout is hanzo.ai/pay in this tab; it returns here, and the tier is read
+// again on return.
 //
 // THE FRONT DOOR. A workspace rooted at `/` (hanzo.team) draws its host's
 // Landing for a stranger at Home (`front`) and its host's Signup at /start
 // (`signup`). Behind either, a reader with no team names one, invites people
-// and takes the per-seat plan (`Start`, `Plan`) instead of the create dialog
-// and the subscribe ask; a personal organization on Free is offered a team,
-// and an open one is sent on (`forward`). Without those props nothing here
-// changes.
+// and takes the per-seat plan (`Start`, `Plan`) instead of the create dialog;
+// a team without a live plan is offered that plan, a personal organization on
+// Free is offered a team, and an open one is sent on (`forward`). Behind the
+// door, and only there, nothing opens without a live plan.
 import { dev } from './lib/host.js';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useIam } from '@hanzo/iam/react';
@@ -78,21 +80,19 @@ export function Orgs({ children, front = false, forward, signup = false, }) {
     // The team being set up in this page. Once its name is taken the setup owns
     // the screen until checkout, whatever `Orgs` reads of the new organization.
     const [founding, setFounding] = useState(null);
-    const { tier, wrong, reload } = useTier(Boolean(isAuthenticated && current), current);
+    // The plan is read behind the front door only: nowhere else does it decide anything.
+    const { tier, wrong, reload } = useTier(Boolean(door && isAuthenticated && current), current);
     // A plan is live when billing READ one for this organization and it is not the free rung.
     const live = Boolean(tier?.tier && tier.tier.name !== FREE_TIER);
-    // A Free organization off the workspace's host is asked what kind it is, and a
-    // personal one opens: Free is the plan a person uses the app on alone. Behind
-    // the front door every organization without a live plan is read for its kind:
-    // a team is offered the plan, a personal one is offered a team.
-    const onTeam = workspace(useHost());
-    const free = door ? Boolean(tier) && !live : !live && !onTeam && tier?.tier?.name === FREE_TIER;
+    // Behind the front door every organization without a live plan is read for
+    // its kind: a team is offered the plan, a personal one is offered a team.
+    const free = door && Boolean(tier) && !live;
     const personal = usePersonal(current, free);
     // A SuperAdmin IAM stepped into this organization sees its rooms whatever its
     // plan: support is there to see what the organization has, and what it spends
     // is billed to the operator's own books, never the organization's.
     const supporting = Boolean(current) && assumed() === current;
-    const open = live || (!door && free && personal === true) || supporting;
+    const open = !door || live || supporting;
     const { client } = useAi();
     useEffect(() => {
         try {
@@ -195,34 +195,28 @@ export function Orgs({ children, front = false, forward, signup = false, }) {
     }
     if (!current || (members.length > 1 && !picked))
         return _jsx(Pick, { members: members, onPick: choose });
-    // NOTHING OPENS WITHOUT A LIVE PLAN. Every branch here used to hand the room
-    // over when the answer was anything but a plain "free": an error of any kind,
-    // a read still in flight, a document with no plan in it. Each was a way in
-    // without paying — a refusal, a slow network, or devtools blocking one request
-    // all read as permission. The default is now the ask, and the room is the
-    // exception rather than the fallback. The one exception to the plan is a
-    // personal organization on Free, off hanzo.team, and its kind is read first.
+    if (open)
+        return forward ? _jsx(Forward, { to: forward }) : _jsx(_Fragment, { children: _jsx(Held, { veiled: false, children: children }) });
+    // BEHIND THE FRONT DOOR NOTHING OPENS WITHOUT A LIVE PLAN. Every branch here
+    // used to hand the room over when the answer was anything but a plain
+    // "free": an error of any kind, a read still in flight, a document with no
+    // plan in it. Each was a way in without paying — a refusal, a slow network,
+    // or devtools blocking one request all read as permission. The default is the
+    // ask, and the room is the exception rather than the fallback.
     if (!tier && !wrong)
         return _jsxs(_Fragment, { children: [_jsx(Held, { veiled: true, children: children }), _jsx(Veil, {})] });
     if (free && personal === null)
         return _jsxs(_Fragment, { children: [_jsx(Held, { veiled: true, children: children }), _jsx(Veil, {})] });
-    if (open)
-        return forward ? _jsx(Forward, { to: forward }) : _jsx(_Fragment, { children: _jsx(Held, { veiled: false, children: children }) });
     const swap = () => setPicked(false);
-    if (door) {
-        // A billing OUTAGE is ours; the plan is still the condition.
-        if (!tier)
-            return _jsx(Plan, { org: current, members: members, onSwitch: swap, outage: outage(wrong), onRetry: reload });
-        if (personal) {
-            if (front && Landing)
-                return _jsx(Landing, { member: true });
-            return _jsx(Start, { onFounded: setFounding, first: false, members: members, onSwitch: swap });
-        }
-        return _jsx(Plan, { org: current, members: members, onSwitch: swap });
+    // A billing OUTAGE is ours; the plan is still the condition.
+    if (!tier)
+        return _jsx(Plan, { org: current, members: members, onSwitch: swap, outage: outage(wrong), onRetry: reload });
+    if (personal) {
+        if (front && Landing)
+            return _jsx(Landing, { member: true });
+        return _jsx(Start, { onFounded: setFounding, first: false, members: members, onSwitch: swap });
     }
-    // A billing OUTAGE is not a bill: it is ours, and saying "subscribe" to
-    // someone who already has would be a lie. It still does not open the room.
-    return _jsx(Subscribe, { org: current, members: members, onSwitch: swap, outage: outage(wrong), onRetry: reload });
+    return _jsx(Plan, { org: current, members: members, onSwitch: swap });
 }
 /**
  * A link that asks to arrive signed in.
@@ -459,12 +453,6 @@ function CreateDialog({ onClose }) {
 function Pick({ members, onPick }) {
     return (_jsx(Page, { label: "Choose an organization", children: _jsxs(Column, { children: [_jsx(Brand, {}), _jsx(Heading, { title: "Choose an organization", lede: _jsx(_Fragment, { children: "Everything you open \u2014 chats, agents, credit \u2014 is this one's." }) }), _jsx(Rule, {}), _jsx(View, { display: "grid", gap: 10, children: members.map((o) => (_jsx(View, { render: "button", onClick: () => onPick(o), items: "flex-start", px: 16, py: 14, rounded: 12, borderWidth: 1, borderColor: "var(--border)", bg: "transparent", cursor: "pointer", children: _jsx(Text, { fontSize: "$4", color: "var(--foreground)", text: "left", children: o }) }, o))) })] }) }));
 }
-/** The organization exists and its plan is not live: it is offered the per-seat Team plan. */
-function Subscribe({ org, members, onSwitch, outage, onRetry, }) {
-    const { plan, price } = usePlan('team');
-    const seat = plan?.pricePerUser ? ' / seat' : '';
-    return (_jsx(Page, { label: "Subscribe", children: _jsxs(Column, { children: [_jsx(Brand, {}), _jsx(Heading, { title: org, lead: 22.5, lede: plan ? `This organization runs on the ${plan.name} plan at ${price}${seat} / month, and nothing in it works until that plan is live.` : 'Its plan is not live yet.' }), _jsx(Rule, {}), _jsxs(XStack, { gap: 10, flexWrap: "wrap", children: [plan ? (_jsx(Button, { asChild: true, variant: "primary", size: "lg", children: _jsx("a", { href: checkout(plan), children: `Subscribe — ${price}${seat} / month` }) })) : null, members.length > 1 ? (_jsx(Button, { size: "lg", onClick: onSwitch, children: "Switch organization" })) : null] })] }) }));
-}
 // ── the front door's setup ─────────────────────────────────────────────────────
 /**
  * CREATE YOUR TEAM: its name, then who else is in it, then its plan.

package/dist/Rail.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The app's rail: its products as marks down the window's left edge, in one
 // order — Chat, Dev, Library, Scheduled tasks, Customize — then More, a menu of
 // the rest, and the account at the foot. It is how the app moves between Chat
@@ -16,7 +16,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The sidebar's toggle leads it (`toggle`) where the host has no bar of its own:
 // a browser tab. A host that is a window draws the toggle in its bar beside Back
 // and Forward (App.tsx `bar`), and its rail starts with Chat. On a phone the
-// rail lies along the foot of the drawer (`flat`), the account at its end.
+// rail lies along the foot of the drawer (`flat`), the account at its end; the
+// drawer is too narrow for every mark, so Library, Scheduled tasks and
+// Customize lead More there.
 import { Boxes, Clock, Code2, Ellipsis, FolderGit2, LayoutTemplate, Library, ListTodo, MessageSquare, PanelLeft, Puzzle, Server, SquareTerminal, Users } from 'lucide-react';
 import { XStack, YStack } from '@hanzo/gui';
 import { route } from '@hanzo/build';
@@ -69,8 +71,16 @@ export function Toggle({ open, onPress, label }) {
 export function Rail({ host, mode, at, open, toggle, flat = false, onChat, onDev, go, onOrg, }) {
     const here = mode === 'dev' ? raised(at) : null;
     const to = (p) => () => go(app(p));
-    // Everything else the app reaches, behind More: Dev's other places, then the products on hosts of their own.
+    // Everything else the app reaches, behind More: on a phone the raised places first, then Dev's other places, then the products on hosts of their own.
     const rest = [
+        ...(flat
+            ? [
+                { key: 'library', label: 'Library', icon: _jsx(Library, { size: 16, "aria-hidden": true }), onSelect: to(RAISED.library) },
+                { key: 'scheduled', label: 'Scheduled tasks', icon: _jsx(Clock, { size: 16, "aria-hidden": true }), onSelect: to(RAISED.scheduled) },
+                { key: 'customize', label: 'Customize', icon: _jsx(Puzzle, { size: 16, "aria-hidden": true }), onSelect: to(RAISED.customize) },
+                { type: 'separator', key: 'raised' },
+            ]
+            : []),
         { key: 'projects', label: 'Projects', icon: _jsx(FolderGit2, { size: 16, "aria-hidden": true }), onSelect: to('-/projects') },
         { key: 'templates', label: 'Templates', icon: _jsx(LayoutTemplate, { size: 16, "aria-hidden": true }), onSelect: to('-/templates') },
         { key: 'issues', label: 'Issues', icon: _jsx(ListTodo, { size: 16, "aria-hidden": true }), onSelect: to('-/issues') },
@@ -81,5 +91,5 @@ export function Rail({ host, mode, at, open, toggle, flat = false, onChat, onDev
         { key: 'team', label: 'Team', icon: _jsx(Users, { size: 16, "aria-hidden": true }), onSelect: () => out(WORKSPACE) },
     ];
     const Stack = flat ? XStack : YStack;
-    return (_jsxs(Stack, { "data-slot": "rail", render: "nav", "aria-label": "Products", ...(flat ? { pt: '$2', mt: '$2', borderTopWidth: 1, borderColor: '$borderColor', gap: '$1' } : { width: RAIL, flex: 1, pt: '$2', pb: '$2', gap: 8 }), shrink: 0, items: "center", children: [toggle ? (_jsx(YStack, { pb: 8, children: _jsx(Toggle, { open: open, onPress: toggle }) })) : null, _jsx(Mark, { label: "Chat", on: mode === 'chat', onPress: onChat, "data-slot": "rail-chat", children: _jsx(MessageSquare, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Dev", on: mode === 'dev' && !here, onPress: onDev, "data-slot": "rail-dev", children: _jsx(Code2, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Library", on: here === 'library', onPress: to(RAISED.library), "data-slot": "rail-library", children: _jsx(Library, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Scheduled tasks", on: here === 'scheduled', onPress: to(RAISED.scheduled), "data-slot": "rail-scheduled", children: _jsx(Clock, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Customize", on: here === 'customize', onPress: to(RAISED.customize), "data-slot": "rail-customize", children: _jsx(Puzzle, { size: 18, "aria-hidden": true }) }), _jsx(DropdownMenu, { placement: flat ? 'top-start' : 'right-start', minWidth: 220, trigger: _jsx(XStack, { render: "button", "aria-label": "More", ...{ title: 'More' }, "data-slot": "rail-more", width: MARK, height: MARK, rounded: "$4", items: "center", justify: "center", cursor: "pointer", opacity: 0.62, hoverStyle: { bg: '$hover', opacity: 1 }, pressStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, $touchable: { width: 44, height: 44 }, children: _jsx(Ellipsis, { size: 18, "aria-hidden": true }) }), items: rest }), _jsx(YStack, { flex: 1 }), _jsx(Me, { host: host, narrow: true, above: flat, onOrg: onOrg })] }));
+    return (_jsxs(Stack, { "data-slot": "rail", render: "nav", "aria-label": "Products", ...(flat ? { pt: '$2', mt: '$2', borderTopWidth: 1, borderColor: '$borderColor', gap: '$1' } : { width: RAIL, flex: 1, pt: '$2', pb: '$2', gap: 8 }), shrink: 0, items: "center", children: [toggle ? (_jsx(YStack, { pb: 8, children: _jsx(Toggle, { open: open, onPress: toggle }) })) : null, _jsx(Mark, { label: "Chat", on: mode === 'chat', onPress: onChat, "data-slot": "rail-chat", children: _jsx(MessageSquare, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Dev", on: mode === 'dev' && !here, onPress: onDev, "data-slot": "rail-dev", children: _jsx(Code2, { size: 18, "aria-hidden": true }) }), flat ? null : (_jsxs(_Fragment, { children: [_jsx(Mark, { label: "Library", on: here === 'library', onPress: to(RAISED.library), "data-slot": "rail-library", children: _jsx(Library, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Scheduled tasks", on: here === 'scheduled', onPress: to(RAISED.scheduled), "data-slot": "rail-scheduled", children: _jsx(Clock, { size: 18, "aria-hidden": true }) }), _jsx(Mark, { label: "Customize", on: here === 'customize', onPress: to(RAISED.customize), "data-slot": "rail-customize", children: _jsx(Puzzle, { size: 18, "aria-hidden": true }) })] })), _jsx(DropdownMenu, { placement: flat ? 'top-start' : 'right-start', minWidth: 220, trigger: _jsx(XStack, { render: "button", "aria-label": "More", ...{ title: 'More' }, "data-slot": "rail-more", width: MARK, height: MARK, rounded: "$4", items: "center", justify: "center", cursor: "pointer", opacity: 0.62, hoverStyle: { bg: '$hover', opacity: 1 }, pressStyle: { bg: '$raised' }, focusVisibleStyle: { outlineWidth: 2, outlineStyle: 'solid', outlineColor: '$outlineColor' }, $touchable: { width: 44, height: 44 }, children: _jsx(Ellipsis, { size: 18, "aria-hidden": true }) }), items: rest }), _jsx(YStack, { flex: 1 }), _jsx(Me, { host: host, narrow: true, above: flat, onOrg: onOrg })] }));
 }

package/dist/Room.js

@@ -33,8 +33,9 @@ export function Room({ mode, front = false, children, }) {
     if (to)
         return null;
     // A session comes first, then the organization: nothing of the workspace is
-    // drawn until the reader has signed in at hanzo.id, belongs to an
-    // organization that is paid for, and has picked the one they are working in.
+    // drawn until the reader has signed in at hanzo.id and picked the
+    // organization they are working in, and on the workspace's own host until
+    // that organization's plan is live (`Orgs`).
     // Going to a room from the apex is going to hanzo.team, in this tab.
     return (_jsx(Orgs, { front: front, children: _jsx(Workspace, { mode: mode, navigate: (route) => {
                 // A page of another origin — hanzo.ai's from hanzo.team — is a

package/dist/Shell.js

@@ -577,7 +577,7 @@ function Team({ filter = "", onPick, navigate, }) {
     if (rooms.length === 0)
         return _jsx(Note, { children: "No channels yet." });
     if (shown.length === 0)
-        return _jsxs(Note, { children: ["No room matches \u201C", filter, "\u201D."] });
+        return _jsxs(Note, { children: ["No channel matches \u201C", filter, "\u201D."] });
     return (_jsxs(_Fragment, { children: [favourites.length > 0 ? (_jsx(SidebarFolder, { name: "Favorites", defaultOpen: true, children: favourites.map((one) => (_jsx(SidebarItem, { active: teamKey(one) === room, icon: _jsx(Star, { size: 13, "aria-hidden": true }), onPress: () => {
                         openRoom(teamKey(one));
                         navigate?.(roomHref(teamKey(one)));

package/dist/cast.js

@@ -74,7 +74,7 @@ export function brief(cast) {
     }
     const names = cast.map((one) => one.name);
     return [
-        `There are ${cast.length} of you in this room with the user: ${join(names)}. When the user names some of you, those of you answer, each in turn; when the user names nobody, each of you answers. Each of you answers as yourself, in your own voice. Begin each contribution on its own line with your name and a colon, as in "${names[0]}: ...". Never write the user's lines. Who each of you is follows, one section per name.`,
+        `There are ${cast.length} of you in this conversation with the user: ${join(names)}. When the user names some of you, those of you answer, each in turn; when the user names nobody, each of you answers. Each of you answers as yourself, in your own voice. Begin each contribution on its own line with your name and a colon, as in "${names[0]}: ...". Never write the user's lines. Who each of you is follows, one section per name.`,
         ...cast.map((one) => `## ${one.name}\n\n${one.says ?? `${one.name} answers as ${one.name}.`}`),
     ].join('\n\n');
 }

package/dist/network.d.ts

@@ -39,7 +39,8 @@ export declare function of(channel: string): Net;
  */
 export declare const speaker: (channel: string, sender?: string) => string;
 /** A room is named by its own address, not by whoever spoke in it last: the
- *  handle for a DM, the network's room id otherwise. */
+ *  handle for a DM, the network's room id otherwise, and the channel it is on
+ *  where no id arrived. */
 export declare function roomName(room: {
     channel: string;
     roomId?: string;

package/dist/network.js

@@ -184,11 +184,12 @@ export function of(channel) {
  */
 export const speaker = (channel, sender) => sender ? `@${sender}` : `Someone on ${of(channel).name}`;
 /** A room is named by its own address, not by whoever spoke in it last: the
- *  handle for a DM, the network's room id otherwise. */
+ *  handle for a DM, the network's room id otherwise, and the channel it is on
+ *  where no id arrived. */
 export function roomName(room) {
     if (room.roomKind === 'dm')
         return speaker(room.channel, room.last.sender);
-    return room.roomId ? `#${room.roomId}` : `A room on ${of(room.channel).name}`;
+    return room.roomId ? `#${room.roomId}` : `A channel on ${of(room.channel).name}`;
 }
 /**
  * One channel's mark, at whatever size the caller has room for.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.61",
+  "version": "0.1.63",
   "description": "The workspace rooms — Home, Chat, Inbox, Contacts, Meet, Cal, Drive, Board, Work, Bots — and the frame that holds them, once, for every Hanzo surface.",
   "type": "module",
   "main": "./dist/index.js",