@hanzo/rooms 0.1.83 → 0.1.85

package/dist/Support.js

@@ -2,40 +2,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Support mode: a SuperAdmin steps into any organization to see what it sees.
 //
-// Everything here is IAM's. The list is IAM's organization list, which answers a
-// SuperAdmin every organization and anyone else only their own; the step in and
-// the step out are IAM's `assume` and `release`, which answer the operator's own
-// token re-scoped and record each step in the organization's audit log
-// (lib/auth/session.ts `support`). This file only draws them, and only for the
-// person IAM signs as a SuperAdmin (`superAdmin`); nothing here decides who may.
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { Text, View, XStack, YStack } from '@hanzo/gui';
+// Everything here is IAM's. The list of every organization is the chooser's
+// (Orgs.tsx `Everyone`), IAM's organization list, which answers a SuperAdmin
+// every organization and anyone else only their own; the step in and the step
+// out are IAM's `assume` and `release`, which answer the operator's own token
+// re-scoped and record each step in the organization's audit log
+// (lib/session.ts `support`). This file draws the strip that says so while it
+// lasts; nothing here decides who may.
+import { useEffect, useState } from 'react';
+import { Text, XStack } from '@hanzo/gui';
 import { Button } from '@hanzo/ui';
-import { X } from 'lucide-react';
 import { useHydrated } from './lib/hydrated.js';
-import { api } from './lib/api.js';
-import { abandon, assumed, bearer, named, support } from './lib/session.js';
-import { BAD, mix } from './lib/mix.js';
-/** The banner rides above the room's sheets, the picker between them. gui carries a `calc()` to the page unchanged;
- *  its types only name custom properties. */
+import { abandon, assumed, named, support } from './lib/session.js';
+/** The banner rides above the room's sheets. gui carries a `calc()` to the page unchanged; its types only name custom properties. */
 const BANNER = 'calc(var(--z-modal) + 30)';
-const DIALOG = 'calc(var(--z-modal) + 20)';
-const SCRIM = mix('var(--pure-black)', 28, 'srgb');
-const muted = 'var(--muted-foreground)';
-/** A page of IAM's organization list: `q` narrows it, `cursor` continues it. */
-async function page(q, cursor) {
-    const query = new URLSearchParams({ limit: '20' });
-    if (q.trim())
-        query.set('q', q.trim());
-    if (cursor)
-        query.set('cursor', cursor);
-    const res = await fetch(`${api()}/v1/iam/organizations?${query}`, {
-        headers: { Authorization: `Bearer ${bearer() ?? ''}` },
-    });
-    if (!res.ok)
-        throw new Error(`IAM answered ${res.status}.`);
-    return (await res.json());
-}
 /**
  * The strip across the top of every page while a SuperAdmin is inside an
  * organization that is not theirs: which one, as whom, and the way out. It reads
@@ -63,60 +43,3 @@ export function SupportBanner() {
     };
     return (_jsxs(XStack, { role: "status", "aria-label": "Support mode", position: "fixed", t: 52, l: "50%", x: "-50%", maxW: "calc(100vw - 32px)", z: BANNER, items: "center", justify: "center", gap: 12, flexWrap: "wrap", pt: 6, pr: 8, pb: 6, pl: 16, rounded: 999, bg: "var(--foreground)", children: [_jsxs(Text, { fontSize: "$2", color: "var(--background)", children: ["Support mode: you are in ", _jsx("strong", { children: org }), who ? ` as ${who}` : '', ". IAM records it under your name."] }), _jsx(Button, { size: "sm", onClick: leave, disabled: busy, children: busy ? 'Leaving' : 'Leave' })] }));
 }
-/**
- * Every organization, for a SuperAdmin to step into. The list and the search are
- * IAM's, a page at a time; picking one asks IAM to step in.
- */
-export function SupportPicker({ onClose }) {
-    const [q, setQ] = useState('');
-    const [rows, setRows] = useState([]);
-    const [cursor, setCursor] = useState('');
-    const [loading, setLoading] = useState(false);
-    const [refused, setRefused] = useState(null);
-    const [stepping, setStepping] = useState(null);
-    // Only the newest read lands: a search typed while a page is in flight
-    // supersedes it, so a slow answer to an old query never overwrites the new one.
-    const asked = useRef(0);
-    const load = useCallback(async (query, from) => {
-        const mine = ++asked.current;
-        setLoading(true);
-        setRefused(null);
-        try {
-            const next = await page(query, from);
-            if (mine !== asked.current)
-                return;
-            setRows((had) => {
-                // IAM's cursor is a position, so an org created mid-walk can shift a row
-                // across a page edge; each org is kept once.
-                const all = from ? [...had, ...(next.organizations ?? [])] : next.organizations ?? [];
-                return all.filter((o, i) => all.findIndex((x) => x.name === o.name) === i);
-            });
-            setCursor(next.cursor ?? '');
-        }
-        catch (e) {
-            if (mine === asked.current)
-                setRefused(e instanceof Error ? e.message : 'The list did not load.');
-        }
-        finally {
-            if (mine === asked.current)
-                setLoading(false);
-        }
-    }, []);
-    useEffect(() => {
-        const id = setTimeout(() => void load(q, ''), 250);
-        return () => clearTimeout(id);
-    }, [q, load]);
-    const enter = (org) => {
-        setStepping(org);
-        setRefused(null);
-        support(org).catch((e) => {
-            setRefused(e instanceof Error ? e.message : 'IAM did not step in.');
-            setStepping(null);
-        });
-    };
-    return (_jsx(YStack, { role: "dialog", "aria-modal": true, "aria-label": "All organizations", onKeyDown: (e) => {
-            // gui types the native event; on the web it is the DOM's, which carries the key.
-            if ('key' in e && e.key === 'Escape')
-                onClose();
-        }, position: "fixed", inset: 0, z: DIALOG, bg: SCRIM, overflowY: "auto", py: "6vh", px: 16, onClick: onClose, children: _jsxs(YStack, { onClick: (e) => e.stopPropagation(), width: "100%", maxW: 560, mx: "auto", bg: "var(--background)", rounded: 16, pt: 24, px: 24, pb: 16, children: [_jsxs(XStack, { items: "flex-start", justify: "space-between", gap: 12, children: [_jsxs(YStack, { shrink: 1, minW: "auto", children: [_jsx(Text, { render: "h2", fontSize: "$7", fontWeight: "500", color: "var(--text-primary)", children: "All organizations" }), _jsx(Text, { render: "p", mt: 6, fontSize: "$3", color: muted, lineHeight: 21, children: "Support mode. Step into any organization to see its chats, agents and billing as it does. IAM records every step under your name." })] }), _jsx(Button, { variant: "ghost", size: "icon-sm", mr: -8, onClick: onClose, "aria-label": "Close", children: _jsx(X, { size: 16, "aria-hidden": true }) })] }), _jsx(Text, { render: _jsx("input", { value: q, onChange: (e) => setQ(e.target.value), placeholder: "Find an organization", "aria-label": "Find an organization", autoFocus: true }), width: "100%", mt: 16, fontSize: "$3", px: 12, py: 10, rounded: 10, borderWidth: 1, borderColor: "var(--border)", bg: "var(--background)", color: "var(--foreground)" }), _jsxs(View, { role: "list", "aria-label": "Organizations", mt: 10, display: "grid", gap: 2, children: [rows.map((o) => (_jsxs(XStack, { render: "button", role: "listitem", onClick: () => enter(o.name), disabled: stepping !== null, items: "baseline", justify: "space-between", gap: 12, width: "100%", px: 12, py: 10, rounded: 10, borderWidth: 0, bg: "transparent", cursor: "pointer", children: [_jsx(Text, { fontSize: "$3", fontWeight: "500", color: "var(--foreground)", text: "left", children: o.displayName || o.name }), _jsx(Text, { fontSize: "$2", color: muted, text: "left", children: stepping === o.name ? 'Stepping in' : o.name })] }, o.name))), !loading && rows.length === 0 && !refused ? (_jsx(Text, { render: "p", mx: 12, my: 8, fontSize: "$3", color: muted, children: "No organization matches." })) : null] }), refused ? (_jsx(Text, { render: "p", mx: 12, my: 8, fontSize: "$3", color: BAD, children: refused })) : null, cursor ? (_jsx(Button, { self: "flex-start", mt: 8, onClick: () => void load(q, cursor), disabled: loading, children: loading ? 'Loading' : 'More' })) : null] }) }));
-}

package/dist/agents.d.ts

@@ -1,3 +1,4 @@
+import type { Host } from '@hanzo/build';
 export type { Link, Shelf, ShelfRow as Row } from '@hanzo/build';
 /**
  * The model that draws an agent's face: Hanzo's own image SKU (hanzo-inc/zen
@@ -7,22 +8,20 @@ export type { Link, Shelf, ShelfRow as Row } from '@hanzo/build';
 export declare const PAINTER = "zen-image";
 /** The words every drawn face is asked for after its description. */
 export declare const MEMOJI = "memoji style 3D emoji portrait, head and shoulders, centered, plain background";
-/** A core member, drawn for an org that keeps no row of its own for them. */
-export interface House {
-    id: string;
-    name: string;
-    avatar: string;
-}
-/** The default cast: the core team @hanzo/personas publishes, in the crew's order. */
-export declare const CORE: readonly House[];
 /**
- * The org's agents with the default cast filling in any member the org keeps no
- * row for, the cast first in its own order, then the rest as listed. With no
- * list yet (or none at all) it is the default cast.
+ * The default agents an org adds in one press (Customize › Agents, @hanzo/build
+ * `hire`): the core team, each as its persona writes it, then QA, Ops and
+ * Support. An org starts with none of them and loads none until it adds them.
+ */
+export declare const CAST: NonNullable<Host['cast']>;
+/**
+ * The org's own agents, the core team's first in the crew's order, then the
+ * rest as listed. Nothing stands in for a member the org has not added: an org
+ * with no agents has none to show.
  */
 export declare function ordered<T extends {
     name: string;
-}>(agents: readonly T[] | null | undefined): (T | House)[];
+}>(agents: readonly T[] | null | undefined): T[];
 /**
  * One figure of @hanzo/personas' roster, as assets/personas/index.json lists it
  * (scripts/team.mjs). `called`, `about` and `based` are its PERSONA.md's

package/dist/agents.js

@@ -10,20 +10,25 @@ import { TEAM } from './team.js';
 export const PAINTER = 'zen-image';
 /** The words every drawn face is asked for after its description. */
 export const MEMOJI = 'memoji style 3D emoji portrait, head and shoulders, centered, plain background';
-/** The default cast: the core team @hanzo/personas publishes, in the crew's order. */
-export const CORE = TEAM.map((one) => ({ id: `house-${one.id}`, name: one.name, avatar: `/agents/${one.id}.png` }));
+/**
+ * The default agents an org adds in one press (Customize › Agents, @hanzo/build
+ * `hire`): the core team, each as its persona writes it, then QA, Ops and
+ * Support. An org starts with none of them and loads none until it adds them.
+ */
+export const CAST = [
+    ...TEAM.map((one) => ({ name: one.id, description: `${one.name} — ${one.role}`, model: one.model, instructions: one.instructions, avatar: `/agents/${one.id}.png` })),
+    { name: 'qa', description: 'QA — Automated Testing & Verification', model: 'enso-auto', instructions: '' },
+    { name: 'ops', description: 'Ops — Site Reliability & Cloud Infrastructure', model: 'enso-auto', instructions: '' },
+    { name: 'support', description: 'Support — Customer Support & Triage Specialist', model: 'enso-auto', instructions: '' },
+];
 const RANK = new Map(TEAM.map((one, i) => [one.id, i]));
 /**
- * The org's agents with the default cast filling in any member the org keeps no
- * row for, the cast first in its own order, then the rest as listed. With no
- * list yet (or none at all) it is the default cast.
+ * The org's own agents, the core team's first in the crew's order, then the
+ * rest as listed. Nothing stands in for a member the org has not added: an org
+ * with no agents has none to show.
  */
 export function ordered(agents) {
     const list = Array.isArray(agents) ? [...agents] : [];
-    const names = new Set(list.map((one) => one.name?.toLowerCase()));
-    for (const one of CORE)
-        if (!names.has(one.name.toLowerCase()))
-            list.push(one);
     const rank = (one) => RANK.get(one.name?.toLowerCase() ?? '') ?? Infinity;
     return list.sort((a, b) => rank(a) - rank(b));
 }

package/dist/crew.js

@@ -115,6 +115,7 @@ export function useAgentShelf() {
         loading,
         error: error ? reach(error) : null,
         search: 'Search agents',
+        empty: 'No agents yet. Add the default team from Manage agents.',
         create: { label: 'Create agent', onPress: () => make('new') },
         // Dev's Customize › Agents: a move inside the app where the host reads the
         // path (hanzo.ai), else Dev on hanzo.ai, as Chat's Create file or site goes.

package/dist/dev.js

@@ -35,6 +35,7 @@ import { administers, path, route } from '@hanzo/build';
 import { bearer, named, org, orgs, pick } from './lib/session.js';
 import { enter } from './lib/destination.js';
 import { api } from './lib/api.js';
+import { CAST } from './agents.js';
 import { app, go, place } from './lib/host.js';
 import { link } from './lib/tags.js';
 import { payUrl } from './lib/pay.js';
@@ -117,6 +118,9 @@ export function useDevHost() {
         path: here,
         go: (to, how) => (isPlans(to) ? leave('here') : go(app(to), how?.replace)),
         links: LINKS,
+        // The sidebar lists Settings' sections and Customize's tabs (Column.tsx), and Customize › Agents offers the cast.
+        sections: true,
+        cast: CAST,
         // An address of the app moves the app, another of this site moves in the
         // router, and another origin is left in this tab. platform.hanzo.ai is
         // another product, and a click that names it stays here — everything the

package/dist/lib/orgname.d.ts

@@ -0,0 +1,29 @@
+/**
+ * An organization's name as IAM keys it, said once for the chooser.
+ *
+ * IAM refuses a name that is not already canonical rather than rewriting it
+ * (hanzoai/iam pkg/schema/orgname.go `OrgName`: lowercasing "Admin" would make
+ * it the reserved org), so a slug typed here is checked and refused, never
+ * folded. What IS folded is a display name into the slug it suggests, the way
+ * IAM's own onboarding does it (internal/oidc/onboard.go `slugifyOrg`), so the
+ * slug shown is the slug IAM makes of the same name.
+ */
+/** The longest organization name IAM takes. */
+export declare const LONGEST = 55;
+/**
+ * The slug IAM's onboarding makes of a name: lowercase ASCII letters and digits,
+ * every other run one hyphen, none at either end, at most `LONGEST` long.
+ */
+export declare function slugify(name: string): string;
+/**
+ * Why IAM would not take `slug` as an organization's name, or null when it
+ * would. A name onboarding keeps exactly as typed: IAM's shape with single inner
+ * hyphens, since onboarding folds a double one. The names IAM holds for the
+ * platform are IAM's to refuse, in its own words.
+ */
+export declare function refusal(slug: string): string | null;
+/** Whether an organization answers what was typed: its name or its display name, in any case (IAM's `matches`). */
+export declare function matches(o: {
+    name: string;
+    display: string;
+}, typed: string): boolean;

package/dist/lib/orgname.js

@@ -0,0 +1,51 @@
+/**
+ * An organization's name as IAM keys it, said once for the chooser.
+ *
+ * IAM refuses a name that is not already canonical rather than rewriting it
+ * (hanzoai/iam pkg/schema/orgname.go `OrgName`: lowercasing "Admin" would make
+ * it the reserved org), so a slug typed here is checked and refused, never
+ * folded. What IS folded is a display name into the slug it suggests, the way
+ * IAM's own onboarding does it (internal/oidc/onboard.go `slugifyOrg`), so the
+ * slug shown is the slug IAM makes of the same name.
+ */
+/** The longest organization name IAM takes. */
+export const LONGEST = 55;
+/**
+ * The slug IAM's onboarding makes of a name: lowercase ASCII letters and digits,
+ * every other run one hyphen, none at either end, at most `LONGEST` long.
+ */
+export function slugify(name) {
+    let out = '';
+    let dash = false;
+    for (const ch of name.toLowerCase()) {
+        if ((ch >= 'a' && ch <= 'z') || (ch >= '0' && ch <= '9')) {
+            out += ch;
+            dash = false;
+        }
+        else if (!dash) {
+            out += '-';
+            dash = true;
+        }
+    }
+    return out.replace(/^-+|-+$/g, '').slice(0, LONGEST).replace(/-+$/, '');
+}
+/**
+ * Why IAM would not take `slug` as an organization's name, or null when it
+ * would. A name onboarding keeps exactly as typed: IAM's shape with single inner
+ * hyphens, since onboarding folds a double one. The names IAM holds for the
+ * platform are IAM's to refuse, in its own words.
+ */
+export function refusal(slug) {
+    if (slug.length < 2)
+        return 'Use at least 2 letters or numbers.';
+    if (slug.length > LONGEST)
+        return `Use at most ${LONGEST} characters.`;
+    if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(slug))
+        return 'Use lowercase letters, digits and single hyphens between them.';
+    return null;
+}
+/** Whether an organization answers what was typed: its name or its display name, in any case (IAM's `matches`). */
+export function matches(o, typed) {
+    const q = typed.trim().toLowerCase();
+    return !q || o.name.toLowerCase().includes(q) || o.display.toLowerCase().includes(q);
+}

package/dist/lib/session.d.ts

@@ -180,6 +180,10 @@ export declare const PICKED = "hanzo:org:picked";
  * app's account menu — is one the gate does not ask for again.
  */
 export declare function pick(o: string): void;
+/** Fired on `window` to open the organization chooser over the room. */
+export declare const CHOOSE = "hanzo:org:choose";
+/** Open the chooser (`Orgs`): every organization of the person's, and every one for a SuperAdmin. */
+export declare function choose(): void;
 /**
  * Whether the signed-in person is a SUPERADMIN: @hanzo/iam's `superAdmin`, which is
  * hanzoai/authz `Claims.Sudo` exactly — a person (never a program) whose own row's

package/dist/lib/session.js

@@ -437,6 +437,12 @@ export function pick(o) {
     }
     window.dispatchEvent(new Event(ORG));
 }
+/** Fired on `window` to open the organization chooser over the room. */
+export const CHOOSE = 'hanzo:org:choose';
+/** Open the chooser (`Orgs`): every organization of the person's, and every one for a SuperAdmin. */
+export function choose() {
+    window.dispatchEvent(new Event(CHOOSE));
+}
 /**
  * Whether the signed-in person is a SUPERADMIN: @hanzo/iam's `superAdmin`, which is
  * hanzoai/authz `Claims.Sudo` exactly — a person (never a program) whose own row's

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "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",
@@ -49,7 +49,7 @@
   "peerDependencies": {
     "@hanzo/ai": ">=0.6.23",
     "@hanzo/appearance": ">=0.2.6",
-    "@hanzo/build": ">=0.2.69",
+    "@hanzo/build": ">=0.2.73",
     "@hanzo/composer": ">=0.2.0",
     "@hanzo/event": ">=0.3.56",
     "@hanzo/gui": "^8.3.5",
@@ -67,7 +67,7 @@
   "devDependencies": {
     "@hanzo/ai": "0.6.23",
     "@hanzo/appearance": "0.2.8",
-    "@hanzo/build": "0.2.69",
+    "@hanzo/build": "0.2.73",
     "@hanzo/composer": "0.2.0",
     "@hanzo/design": "0.5.34",
     "@hanzo/event": "0.3.56",