@hanzo/rooms 0.1.63 → 0.1.64

package/dist/App.js

@@ -26,7 +26,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // 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.
+// on its own host (hanzo.team) and behind its 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

package/dist/Orgs.js

@@ -8,13 +8,14 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // request under it then carries that organization (lib/auth/session.ts
 // `scope`, hooks/useAi.ts).
 //
-// NO PLAN STANDS IN FRONT OF CHAT OR DEV. Off the front door every
+// NO PLAN STANDS IN FRONT OF CHAT OR DEV. Off the workspace 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
+// ask for, on its host (hanzo.team) and 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.
@@ -80,8 +81,11 @@ 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);
-    // 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);
+    // The workspace asks for the plan, on its host and behind its front door, and
+    // only there is it read: nowhere else does it decide anything.
+    const onTeam = workspace(useHost());
+    const asks = door || onTeam;
+    const { tier, wrong, reload } = useTier(Boolean(asks && 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);
     // Behind the front door every organization without a live plan is read for
@@ -92,7 +96,7 @@ export function Orgs({ children, front = false, forward, signup = false, }) {
     // 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 = !door || live || supporting;
+    const open = !asks || live || supporting;
     const { client } = useAi();
     useEffect(() => {
         try {
@@ -197,7 +201,7 @@ export function Orgs({ children, front = false, forward, signup = false, }) {
         return _jsx(Pick, { members: members, onPick: choose });
     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
+    // IN THE WORKSPACE 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,
@@ -208,15 +212,20 @@ export function Orgs({ children, front = false, forward, signup = false, }) {
     if (free && personal === null)
         return _jsxs(_Fragment, { children: [_jsx(Held, { veiled: true, children: children }), _jsx(Veil, {})] });
     const swap = () => setPicked(false);
-    // 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 });
+    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 });
     }
-    return _jsx(Plan, { org: current, members: members, onSwitch: swap });
+    // The workspace's host off its front door: no live plan, or none read, does
+    // not open the room.
+    return _jsx(Subscribe, { org: current, members: members, onSwitch: swap });
 }
 /**
  * A link that asks to arrive signed in.
@@ -453,6 +462,12 @@ 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))) })] }) }));
 }
+/** On the workspace's host, an organization whose plan is not live: it is offered the per-seat Team plan. */
+function Subscribe({ org, members, onSwitch, }) {
+    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.63",
+  "version": "0.1.64",
   "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",