@hanzo/rooms 0.1.73 → 0.1.74

package/dist/recent.d.ts

@@ -56,12 +56,12 @@ export declare function runs(sessions: {
     updatedAt: string;
 }[]): Recent[];
 /**
- * The list as drawn: the rows the view and the words admit, sorted, and cut into
+ * The list as drawn: the rows the view admits, sorted, and cut into
  * headed groups in the order they read. Pinned rows come first, under Pinned,
  * whatever the grouping; a view grouped by None holds the rest in one group with
  * no heading.
  */
-export declare function arrange(rows: Recent[], view: View, words: string, now?: Date): {
+export declare function arrange(rows: Recent[], view: View, now?: Date): {
     title: string;
     rows: Recent[];
 }[];

package/dist/recent.js

@@ -106,15 +106,13 @@ function day(at, now) {
 }
 const newest = (a, b) => (a < b ? 1 : a > b ? -1 : 0);
 /**
- * The list as drawn: the rows the view and the words admit, sorted, and cut into
+ * The list as drawn: the rows the view admits, sorted, and cut into
  * headed groups in the order they read. Pinned rows come first, under Pinned,
  * whatever the grouping; a view grouped by None holds the rest in one group with
  * no heading.
  */
-export function arrange(rows, view, words, now = new Date()) {
-    const w = words.trim().toLowerCase();
-    const kept = rows.filter((r) => (!w || r.title.toLowerCase().includes(w)) &&
-        (view.status === 'all' || r.status === view.status) &&
+export function arrange(rows, view, now = new Date()) {
+    const kept = rows.filter((r) => (view.status === 'all' || r.status === view.status) &&
         (view.since === 'any' || now.getTime() - new Date(r.at).getTime() <= SPAN[view.since]));
     kept.sort((a, b) => view.sort === 'title' ? a.title.localeCompare(b.title) : view.sort === 'created' ? newest(a.began, b.began) : newest(a.at, b.at));
     const headOf = (r) => {

package/dist/seek.d.ts

@@ -0,0 +1,37 @@
+import type { Press } from './chord.js';
+/** A row the palette can list. */
+export interface Hit {
+    id: string;
+    label: string;
+    /** Other words it is found by: a project's slug and repository, a skill's description. */
+    keywords?: string[];
+    /** When it last changed, ISO: the newest lead Recent chats. */
+    at?: string;
+}
+export interface Group<T extends Hit = Hit> {
+    id: string;
+    label: string;
+    items: T[];
+}
+/** The most rows one group shows for a query. */
+export declare const CAP = 5;
+/** The chats an empty field lists. */
+export declare const RECENT = 8;
+/**
+ * How well a row answers a query: 0 drops it, more ranks it higher. Every word
+ * of the query must be found, in the label or the row's other words; each counts
+ * most where the label starts with it, then where a word of the label does, then
+ * anywhere in the label, then in the other words alone. The label read whole
+ * outranks everything.
+ */
+export declare function fit(row: Hit, query: string): number;
+/** The rows a query keeps, best first, ties in the order they came, at most `cap`. */
+export declare function rank<T extends Hit>(rows: T[], query: string, cap?: number): T[];
+/**
+ * What the palette lists. An empty field: the newest chats, under Recent chats.
+ * A query: Chats, then each other group in its order, each cut to its best
+ * `CAP`, a group with nothing left out.
+ */
+export declare function find<T extends Hit>(query: string, chats: T[], groups: Group<T>[]): Group<T>[];
+/** Whether a key press opens the palette: ⌘K or Ctrl+K, once a press, from anywhere, a field included. */
+export declare const summons: (e: Press) => boolean;

package/dist/seek.js

@@ -0,0 +1,55 @@
+// The palette's decisions (Palette.tsx draws them): which rows a query keeps,
+// in what order, under which heading, and which key press opens it. No React,
+// so a spec reads them as they are.
+/** The most rows one group shows for a query. */
+export const CAP = 5;
+/** The chats an empty field lists. */
+export const RECENT = 8;
+/**
+ * How well a row answers a query: 0 drops it, more ranks it higher. Every word
+ * of the query must be found, in the label or the row's other words; each counts
+ * most where the label starts with it, then where a word of the label does, then
+ * anywhere in the label, then in the other words alone. The label read whole
+ * outranks everything.
+ */
+export function fit(row, query) {
+    const terms = query.trim().toLowerCase().split(/\s+/).filter(Boolean);
+    if (!terms.length)
+        return 1;
+    const label = row.label.toLowerCase();
+    const words = label.split(/[^\p{L}\p{N}]+/u);
+    const more = (row.keywords ?? []).join(' ').toLowerCase();
+    let total = label === terms.join(' ') ? 10 : 0;
+    for (const t of terms) {
+        const s = label.startsWith(t) ? 4 : words.some((w) => w.startsWith(t)) ? 3 : label.includes(t) ? 2 : more.includes(t) ? 1 : 0;
+        if (!s)
+            return 0;
+        total += s;
+    }
+    return total;
+}
+/** The rows a query keeps, best first, ties in the order they came, at most `cap`. */
+export function rank(rows, query, cap = CAP) {
+    return rows
+        .map((row, i) => ({ row, i, score: fit(row, query) }))
+        .filter((x) => x.score > 0)
+        .sort((a, b) => b.score - a.score || a.i - b.i)
+        .slice(0, cap)
+        .map((x) => x.row);
+}
+/**
+ * What the palette lists. An empty field: the newest chats, under Recent chats.
+ * A query: Chats, then each other group in its order, each cut to its best
+ * `CAP`, a group with nothing left out.
+ */
+export function find(query, chats, groups) {
+    if (!query.trim()) {
+        const newest = [...chats].sort((a, b) => (b.at ?? '').localeCompare(a.at ?? '')).slice(0, RECENT);
+        return newest.length ? [{ id: 'recent', label: 'Recent chats', items: newest }] : [];
+    }
+    return [{ id: 'chats', label: 'Chats', items: chats }, ...groups]
+        .map((g) => ({ ...g, items: rank(g.items, query) }))
+        .filter((g) => g.items.length);
+}
+/** Whether a key press opens the palette: ⌘K or Ctrl+K, once a press, from anywhere, a field included. */
+export const summons = (e) => (e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && !e.repeat && !e.isComposing && (e.key ?? '').toLowerCase() === 'k';

package/dist/team.js

@@ -6,19 +6,11 @@
 // build (scripts/team.mjs), so the rooms keep no copy of a persona: moving the
 // pin is how a persona changes.
 //
-// The order is the order the crew is drawn in.
+// Every member the package publishes, in the order the crew is drawn in
+// (scripts/team.mjs `ORDER`): this is the default cast.
 import { parse } from '@hanzo/personas/team.js';
 import { FILES } from './team.gen.js';
-export const TEAM = [
-    parse('dev', FILES.dev),
-    parse('des', FILES.des),
-    parse('vi', FILES.vi),
-    parse('feynman', FILES.feynman),
-    parse('einstein', FILES.einstein),
-    parse('nora', FILES.nora),
-    parse('maya', FILES.maya),
-    parse('leo', FILES.leo),
-];
+export const TEAM = Object.entries(FILES).map(([id, text]) => parse(id, text));
 const BY_ID = new Map(TEAM.map((one) => [one.id, one]));
 /** The core member an agent name refers to, whatever its case, or undefined. */
 export const member = (name) => BY_ID.get(name?.toLowerCase() ?? '');

package/dist/thread.js

@@ -33,6 +33,8 @@ import { attempt, bind, enlist, reread, snapshot, subscribe, sweep, tick, view }
 import { chord, named, said } from './chord.js';
 import { carry } from './stars.js';
 import { ShareDialog } from './Share.js';
+/** Each client's last read of each shelf. */
+const last = new WeakMap();
 /**
  * The member's conversations: pinned first, then most recently spoken in, the
  * archived ones left out — or, with `archived`, those alone — with every change
@@ -43,7 +45,8 @@ import { ShareDialog } from './Share.js';
 export function useThreadList(archived = false, seek = null) {
     const ai = useAi();
     // What was read, when, and from which shelf: the other shelf's rows are never drawn as this one's.
-    const [read, setRead] = useState({ threads: [], at: 0, archived });
+    // A list mounted later (the palette) draws the client's last read of its shelf at once.
+    const [read, setRead] = useState(() => last.get(ai)?.[`${archived}`] ?? { threads: [], at: 0, archived });
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
     const [asks, ask] = useState(0);
@@ -59,7 +62,9 @@ export function useThreadList(archived = false, seek = null) {
             if (control.signal.aborted)
                 return;
             me.current.at = at;
-            setRead({ threads, at, archived });
+            const got = { threads, at, archived };
+            last.set(ai, { ...last.get(ai), [`${archived}`]: got });
+            setRead(got);
             setError(null);
             setLoading(false);
             sweep();

package/dist/view.d.ts

@@ -0,0 +1,44 @@
+/** The visual viewport, as `window.visualViewport` reports it. */
+export interface Viewport {
+    height: number;
+    offsetTop: number;
+    scale: number;
+}
+/** Where the window stands, px. */
+export interface Fit {
+    top: number;
+    height: number;
+    keyboard: number;
+}
+/**
+ * Where the window stands in a layout viewport `layout` px tall: null while the
+ * visual viewport is all of it, or zoomed in.
+ */
+export declare function fit(layout: number, view: Viewport): Fit | null;
+/** The window's top, for a style: the visual viewport's while a keyboard is up. */
+export declare const TOP = "var(--view-top, 0px)";
+/** The window's height, for a style: the visual viewport's while a keyboard is up. */
+export declare const HEIGHT = "var(--view-height, 100dvh)";
+/** The home indicator's inset, which the keyboard covers while it is up. */
+export declare const FOOT = "max(0px, calc(var(--safe-bottom, 0px) - var(--keyboard, 0px)))";
+interface Style {
+    setProperty(name: string, value: string): void;
+    removeProperty(name: string): string;
+}
+interface Source extends Viewport {
+    addEventListener(type: 'resize' | 'scroll', fn: () => void): void;
+    removeEventListener(type: 'resize' | 'scroll', fn: () => void): void;
+}
+interface Frame {
+    innerHeight: number;
+    requestAnimationFrame(fn: () => void): number;
+    cancelAnimationFrame(id: number): void;
+}
+/** Writes the window's place on `style` as `view` moves, once a frame; returns the stop. */
+export declare function follow(style: Style, view: Source, frame: Frame): () => void;
+/**
+ * The ref for the window: it follows the visual viewport while mounted. A
+ * browser without one leaves the window at 100dvh.
+ */
+export declare function useView(): (node: unknown) => void;
+export {};

package/dist/view.js

@@ -0,0 +1,98 @@
+'use client';
+// The window kept inside what the reader can see, so a phone's keyboard never
+// covers the composer.
+//
+// A phone's keyboard does not shrink the page: the layout viewport keeps its
+// height and only the VISUAL viewport (`window.visualViewport`) loses the
+// keyboard's height, and the browser pans it down the layout to show the field.
+// So the app reads the visual viewport and stands the window in it: its top at
+// the visual viewport's top, its height the visual viewport's. The bar stays at
+// the top of what shows, the composer sits on the keyboard, and the transcript
+// scrolls in what is left between them.
+//
+//   const view = useView()
+//   <YStack ref={view} $max-md={{ position: 'fixed', t: TOP, height: HEIGHT }}>
+//
+// It writes three custom properties on the element, which every descendant
+// reads, and nothing else: no state, so a keyboard opening re-renders nothing.
+//
+//   --view-top     px from the layout viewport's top to the visual one's
+//   --view-height  px of the visual viewport
+//   --keyboard     px the keyboard takes from the view; 0 when it is down
+//
+// While the visual viewport is the layout one, the first two are unset (the
+// window keeps 100dvh) and --keyboard is 0. A pinch-zoom shrinks the visual
+// viewport too, and the window does not chase it. Events are folded into one
+// write per frame.
+import { useCallback, useRef } from 'react';
+/** A zoom past this is the reader's pinch, not a keyboard. */
+const ZOOM = 1.01;
+/**
+ * Where the window stands in a layout viewport `layout` px tall: null while the
+ * visual viewport is all of it, or zoomed in.
+ */
+export function fit(layout, view) {
+    if (view.scale > ZOOM)
+        return null;
+    const height = Math.round(view.height);
+    const keyboard = Math.round(layout) - height;
+    if (keyboard < 1)
+        return null;
+    return { top: Math.max(0, Math.round(view.offsetTop)), height, keyboard };
+}
+/** The window's top, for a style: the visual viewport's while a keyboard is up. */
+export const TOP = 'var(--view-top, 0px)';
+/** The window's height, for a style: the visual viewport's while a keyboard is up. */
+export const HEIGHT = 'var(--view-height, 100dvh)';
+/** The home indicator's inset, which the keyboard covers while it is up. */
+export const FOOT = 'max(0px, calc(var(--safe-bottom, 0px) - var(--keyboard, 0px)))';
+/** Writes the window's place on `style` as `view` moves, once a frame; returns the stop. */
+export function follow(style, view, frame) {
+    let queued = 0;
+    let last = null;
+    const write = () => {
+        queued = 0;
+        const at = fit(frame.innerHeight, view);
+        const key = at ? `${at.top}/${at.height}/${at.keyboard}` : '';
+        if (key === last)
+            return;
+        last = key;
+        if (at) {
+            style.setProperty('--view-top', `${at.top}px`);
+            style.setProperty('--view-height', `${at.height}px`);
+            style.setProperty('--keyboard', `${at.keyboard}px`);
+        }
+        else {
+            style.removeProperty('--view-top');
+            style.removeProperty('--view-height');
+            style.setProperty('--keyboard', '0px');
+        }
+    };
+    const queue = () => {
+        if (!queued)
+            queued = frame.requestAnimationFrame(write);
+    };
+    view.addEventListener('resize', queue);
+    view.addEventListener('scroll', queue);
+    write();
+    return () => {
+        view.removeEventListener('resize', queue);
+        view.removeEventListener('scroll', queue);
+        if (queued)
+            frame.cancelAnimationFrame(queued);
+    };
+}
+/**
+ * The ref for the window: it follows the visual viewport while mounted. A
+ * browser without one leaves the window at 100dvh.
+ */
+export function useView() {
+    const stop = useRef(null);
+    return useCallback((node) => {
+        stop.current?.();
+        stop.current = null;
+        // A gui stack hands its host element through a ref typed for native too; on the web it is the element.
+        if (node instanceof HTMLElement && window.visualViewport)
+            stop.current = follow(node.style, window.visualViewport, window);
+    }, []);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/rooms",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "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,14 +49,14 @@
   "peerDependencies": {
     "@hanzo/ai": ">=0.6.23",
     "@hanzo/appearance": ">=0.2.6",
-    "@hanzo/build": ">=0.2.57",
+    "@hanzo/build": ">=0.2.61",
     "@hanzo/composer": ">=0.2.0",
     "@hanzo/event": ">=0.3.56",
     "@hanzo/gui": "^8.3.5",
     "@hanzo/iam": ">=0.21.33",
     "@hanzo/logo": ">=1.0.26",
     "@hanzo/studio": ">=0.1.0",
-    "@hanzo/ui": ">=8.27.67",
+    "@hanzo/ui": ">=8.29.0",
     "@hanzo/usage": ">=0.1.18",
     "@hanzo/voice": ">=0.1.16",
     "@hanzogui/shell": "^8.3.20",
@@ -67,7 +67,7 @@
   "devDependencies": {
     "@hanzo/ai": "0.6.23",
     "@hanzo/appearance": "0.2.8",
-    "@hanzo/build": "0.2.57",
+    "@hanzo/build": "0.2.61",
     "@hanzo/composer": "0.2.0",
     "@hanzo/design": "0.5.34",
     "@hanzo/event": "0.3.56",
@@ -75,7 +75,7 @@
     "@hanzo/iam": "0.21.33",
     "@hanzo/logo": "1.0.26",
     "@hanzo/studio": "0.1.0",
-    "@hanzo/ui": "8.27.67",
+    "@hanzo/ui": "8.29.0",
     "@hanzo/usage": "0.1.18",
     "@hanzo/voice": "0.1.16",
     "@hanzogui/config": "8.3.5",

package/dist/Account.d.ts

@@ -1,12 +0,0 @@
-/** The block at the foot of the sidebar: press it for the menu. */
-export declare function Account({ onToggleCollapse, onProfile, onAppearance, onUsage, onKeys, }?: {
-    onToggleCollapse?: () => void;
-    /** Opens the profile beside the room. Absent, the row goes to hanzo.id. */
-    onProfile?: () => void;
-    /** Opens the appearance settings. Absent, the row is not drawn. */
-    onAppearance?: () => void;
-    /** Opens the plan's usage settings. Absent, the row is not drawn. */
-    onUsage?: () => void;
-    /** Opens the API keys settings. Absent, the row is not drawn. */
-    onKeys?: () => void;
-}): import("react").JSX.Element;

package/dist/Account.js

@@ -1,65 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * WHO YOU ARE, at the foot of the sidebar: the person, and the person's menu.
- *
- * The plan leads it — @hanzo/build's `Meter` (Standing.tsx, loaded with the
- * menu), the block every account menu opens with: the plan by its family and its
- * windows as shares, the free allowance on Free, the balance only with no plan. Then profile, appearance, usage, billing,
- * API keys, security and sign out — the account, and nothing that belongs to the
- * workspace. Which workspace you stand in is the switcher at the TOP of the
- * sidebar, and what it may spend is its Billing: a plan never sits beside a
- * balance here.
- */
-import { lazy, Suspense, useEffect, useRef, useState } from 'react';
-import { Activity, ChevronsUpDown, CreditCard, KeyRound, LogOut, PanelLeftClose, Palette, Shield, UserRound } from 'lucide-react';
-import { XStack, YStack, Text, Box } from '@hanzo/ui';
-import { sheet } from '@hanzo/ui/glass';
-import { useIam } from '@hanzo/iam/react';
-import { useSignOut } from './lib/signout.js';
-import { useAccount } from './lib/account.js';
-import { Face } from './cast.js';
-import { iam } from './lib/api.js';
-import { link } from './lib/tags.js';
-import { showSettings } from './open.js';
-import { site } from './where.js';
-/** The plan at the menu's head, loaded with the menu. */
-const Standing = lazy(() => import('./Standing.js').then((m) => ({ default: m.Standing })));
-function Row({ icon, onPress, children, }) {
-    return (_jsx(Box, { render: "button", onClick: onPress, width: "100%", px: "$3", py: "$2", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$2", children: [icon, _jsx(Text, { fontSize: "$2", color: "$ink", children: children })] }) }));
-}
-/** The block at the foot of the sidebar: press it for the menu. */
-export function Account({ onToggleCollapse, onProfile, onAppearance, onUsage, onKeys, } = {}) {
-    const { user } = useIam();
-    const logout = useSignOut();
-    const { user: account } = useAccount();
-    const [open, setOpen] = useState(false);
-    const holder = useRef(null);
-    useEffect(() => {
-        if (!open)
-            return;
-        const away = (e) => {
-            if (holder.current && !holder.current.contains(e.target))
-                setOpen(false);
-        };
-        const esc = (e) => e.key === 'Escape' && setOpen(false);
-        document.addEventListener('mousedown', away);
-        document.addEventListener('keydown', esc);
-        return () => {
-            document.removeEventListener('mousedown', away);
-            document.removeEventListener('keydown', esc);
-        };
-    }, [open]);
-    const called = account?.name || user?.displayName || user?.name || user?.email || 'You';
-    const email = user?.email || '';
-    const face = account?.avatar ?? user?.avatar;
-    const act = (fn) => () => {
-        setOpen(false);
-        fn();
-    };
-    return (_jsxs(YStack
-    // @ts-expect-error — ref is forwarded to the DOM node by the primitive.
-    , { 
-        // @ts-expect-error — ref is forwarded to the DOM node by the primitive.
-        ref: holder, position: "relative", borderTopWidth: 1, borderColor: "$borderColor", children: [open ? (_jsxs(YStack, { role: "menu", "aria-label": "Account", position: "absolute", b: "calc(100% + 6px)", l: "$2", r: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", ...sheet(2), py: "$2", gap: "$1", z: "var(--z-modal)", children: [_jsx(Suspense, { fallback: null, children: _jsx(Standing, { onPlans: act(() => window.location.assign(site('/pricing'))), onBilling: act(() => showSettings('billing')) }) }), _jsx(Box, { height: 1, bg: "$borderColor", my: "$1" }), _jsx(Row, { icon: _jsx(UserRound, { size: 15, "aria-hidden": true }), onPress: act(() => (onProfile ? onProfile() : window.location.assign(link(`${iam()}/account`)))), children: "Profile" }), onAppearance ? (_jsx(Row, { icon: _jsx(Palette, { size: 15, "aria-hidden": true }), onPress: act(onAppearance), children: "Appearance" })) : null, onUsage ? (_jsx(Row, { icon: _jsx(Activity, { size: 15, "aria-hidden": true }), onPress: act(onUsage), children: "Usage" })) : null, _jsx(Row, { icon: _jsx(CreditCard, { size: 15, "aria-hidden": true }), onPress: act(() => showSettings('billing')), children: "Billing" }), onKeys ? (_jsx(Row, { icon: _jsx(KeyRound, { size: 15, "aria-hidden": true }), onPress: act(onKeys), children: "API keys" })) : null, _jsx(Row, { icon: _jsx(Shield, { size: 15, "aria-hidden": true }), onPress: act(() => window.location.assign(link(`${iam()}/account/security`))), children: "Security" }), _jsx(Box, { height: 1, bg: "$borderColor", my: "$1" }), _jsx(Row, { icon: _jsx(LogOut, { size: 15, "aria-hidden": true }), onPress: act(() => void logout()), children: "Sign out" })] })) : null, _jsxs(XStack, { items: "center", width: "100%", children: [_jsx(Box, { render: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, "aria-haspopup": "menu", "aria-label": "Account", flex: 1, minW: 0, px: "$3", py: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$2", minW: 0, children: [_jsx(Face, { src: face, name: called, size: 22 }), _jsxs(YStack, { flex: 1, minW: 0, items: "flex-start", children: [_jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$color", numberOfLines: 1, children: called }), email && email !== called ? (_jsx(Text, { fontSize: "$1", color: "$soft", numberOfLines: 1, children: email })) : null] }), _jsx(ChevronsUpDown, { size: 14, "aria-hidden": true })] }) }), onToggleCollapse ? (_jsx(Box, { render: "button", onClick: onToggleCollapse, "aria-label": "Collapse sidebar", p: "$2", mr: "$1.5", rounded: "$2", hoverStyle: { bg: '$hover' }, cursor: "pointer", children: _jsx(PanelLeftClose, { size: 16, "aria-hidden": true }) })) : null] })] }));
-}

package/dist/Find.d.ts

@@ -1,7 +0,0 @@
-import { type OrgCommandItem } from "@hanzogui/shell";
-export declare function Find({ doors, onClose, navigate, }: {
-    /** Where the shell can go without asking anyone: its rooms and its panes. */
-    doors: OrgCommandItem[];
-    onClose: () => void;
-    navigate?: (route: string) => void;
-}): import("react").JSX.Element;

package/dist/Find.js

@@ -1,82 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * ⌘K, in the workspace.
- *
- * The estate's palette — `OrgCommandPalette`, the same frame the marketing
- * pages open — so the chord means one thing wherever a reader presses it. Here
- * it used to focus the column's filter box, which left the shortcut that finds
- * anything on every other page of this site narrowing one list in the app: a
- * conversation in the room next door was unreachable from a control offering to
- * search the workspace.
- *
- * MOUNTED ONLY WHILE OPEN. Its rows are read from the platform, and a palette
- * that stayed mounted would fetch every conversation and every project on each
- * load of a room that draws neither.
- */
-import { dev } from "./lib/host.js";
-import { useEffect, useState } from "react";
-import { OrgCommandPalette } from "@hanzogui/shell";
-import { useThreads } from "@hanzo/ai/react";
-import { useAi } from "./lib/ai.js";
-import { useOpen } from "./open.js";
-export function Find({ doors, onClose, navigate, }) {
-    const { threads } = useThreads();
-    const { client } = useAi();
-    const { open } = useOpen();
-    const [projects, setProjects] = useState([]);
-    useEffect(() => {
-        if (!client)
-            return;
-        let live = true;
-        client.http
-            .json({ path: "/v1/projects" })
-            .then((found) => live && setProjects(found))
-            .catch(() => {
-            // A palette that cannot read the projects still finds the rooms.
-        });
-        return () => {
-            live = false;
-        };
-    }, [client]);
-    const rows = [
-        ...doors,
-        // A conversation and a project are OPENED, not navigated to: the address is
-        // the room, and which one is open belongs to the store — so a href would
-        // land the reader in /chat with whatever they had before still on screen.
-        ...threads.map((t) => ({
-            id: `thread-${t.id}`,
-            title: t.title || "Untitled",
-            category: "Conversations",
-            action: () => {
-                open(t.id);
-                navigate?.("/chat");
-            },
-        })),
-        ...projects.map((p) => ({
-            id: `project-${p.id}`,
-            title: p.name,
-            category: "Projects",
-            action: () => {
-                navigate?.(dev(p.name));
-            },
-        })),
-    ];
-    return (_jsx(OrgCommandPalette, { open: true, currentAppId: "chat", commands: rows, onOpenChange: (next) => {
-            if (!next)
-                onClose();
-        }, onNavigate: (href, external) => {
-            if (external)
-                window.open(href, "_blank", "noopener");
-            else
-                navigate?.(href);
-            onClose();
-        }, 
-        // THIS ROOM IS THE AI. A question nobody indexed opens a conversation
-        // here, rather than a second copy of the product the reader is in.
-        onAsk: (question) => {
-            open(null);
-            navigate?.(`/chat?q=${encodeURIComponent(question)}`);
-            onClose();
-        } }));
-}

package/dist/Profile.d.ts

@@ -1,4 +0,0 @@
-export declare function Profile({ open, onClose }: {
-    open: boolean;
-    onClose: () => void;
-}): import("react").JSX.Element;

package/dist/Profile.js

@@ -1,67 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// The reader's own profile, in the column beside the room.
-//
-// A WORKSPACE OPENS A PROFILE IN A PANEL, not a page. The page exists — it is
-// Settings (/settings), where the whole record is edited — but reaching it from a
-// conversation costs the conversation: the room, the sidebar and the rail all
-// go, and coming back is a navigation rather than a close. Slack, Teams and
-// every app shaped like them put this in the right column for that reason, and
-// so does the thread view that will share this slot.
-//
-// EVERY CONTROL DOES ITS VERB. Slack's panel carries "Set a status" and "View
-// as" and this one does not, because IAM stores no status and there is nobody
-// to view as. What is here is what there is: the picture can be changed, the
-// record can be edited, and the rest is read.
-import { useRooms } from './host.js';
-import { site } from './where.js';
-import { useRef, useState } from 'react';
-import { Camera, Mail, Phone, X } from 'lucide-react';
-import { Box, Text, View, XStack, YStack } from '@hanzo/ui';
-import { sheet } from '@hanzo/ui/glass';
-import { pane } from './ground.js';
-import { useAccount } from './lib/account.js';
-import { reach } from './lib/reach.js';
-import { mark } from './lib/mark.js';
-import { BAD } from './lib/mix.js';
-/** Slack's is 380 and the thread panel that shares this slot is the same. */
-const WIDTH = 380;
-const ACCOUNT = '/settings';
-export function Profile({ open, onClose }) {
-    const { Link } = useRooms();
-    const { user, updateUserProfile } = useAccount();
-    const picker = useRef(null);
-    const [busy, setBusy] = useState(false);
-    const [failed, setFailed] = useState(null);
-    if (!open || !user)
-        return null;
-    const pick = async (file) => {
-        if (!file)
-            return;
-        setBusy(true);
-        setFailed(null);
-        try {
-            await updateUserProfile({ avatar: await mark(file) });
-        }
-        catch (e) {
-            // In the panel rather than a toast: the picture is here, so the reason it
-            // did not change belongs here too.
-            setFailed(reach(e));
-        }
-        finally {
-            setBusy(false);
-        }
-    };
-    return (_jsxs(YStack, { ...pane(sheet(2).backgroundColor), width: WIDTH, maxW: "100%", shrink: 0, minH: 0, 
-        // A column on a laptop. On a phone the room is already the whole screen,
-        // so this covers it rather than squeezing it to nothing.
-        position: "absolute", t: 0, r: 0, b: 0, l: 0, z: "var(--z-panel)", $lg: { position: 'relative', z: 'var(--z-base)', l: 'auto' }, children: [_jsxs(XStack, { items: "center", px: "$4", py: "$3", gap: "$2", children: [_jsx(Text, { flex: 1, fontSize: "$5", fontWeight: "600", color: "$ink", children: "Profile" }), _jsx(Box, { render: "button", onClick: onClose, "aria-label": "Close profile", p: "$2", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsx(X, { size: 16, "aria-hidden": true }) })] }), _jsxs(YStack, { flex: 1, minH: 0, overflowY: "auto", overflowX: "hidden", px: "$4", pb: "$5", gap: "$4", children: [_jsx("input", { ref: picker, type: "file", accept: "image/png,image/jpeg,image/gif,image/webp", hidden: true, onChange: (e) => {
-                            const file = e.target.files?.[0];
-                            e.target.value = '';
-                            void pick(file);
-                        } }), _jsxs(Box, { render: "button", onClick: () => {
-                            if (busy)
-                                return;
-                            picker.current?.click();
-                        }, "aria-label": "Change your picture", "aria-disabled": busy, width: "100%", aspectRatio: 1, rounded: "$5", overflow: "hidden", borderWidth: 1, borderColor: "$borderColor", bg: "$raised", position: "relative", children: [user.avatar ? (_jsx(View, { render: _jsx("img", { src: user.avatar, alt: "" }), width: "100%", height: "100%", objectFit: "cover", display: "block" })) : (_jsx(YStack, { width: "100%", height: "100%", items: "center", justify: "center", children: _jsx(Text, { fontSize: 72, fontWeight: "600", color: "$soft", children: (user.name?.trim()[0] ?? '?').toUpperCase() }) })), _jsxs(XStack, { position: "absolute", l: 0, r: 0, b: 0, items: "center", justify: "center", gap: "$2", py: "$2", bg: "$background", opacity: 0.85, children: [_jsx(Camera, { size: 14, "aria-hidden": true }), _jsx(Text, { fontSize: "$2", color: "$ink", children: busy ? 'Saving…' : user.avatar ? 'Change picture' : 'Add a picture' })] })] }), failed ? (_jsx(Text, { fontSize: "$2", color: BAD, children: failed })) : null, _jsxs(XStack, { items: "baseline", gap: "$3", children: [_jsx(Text, { flex: 1, fontSize: "$6", fontWeight: "600", color: "$ink", numberOfLines: 2, children: user.name }), _jsx(Link, { href: site(ACCOUNT), children: _jsx(Text, { fontSize: "$2", color: "$quiet", children: "Edit" }) })] }), user.bio ? (_jsx(Text, { fontSize: "$3", color: "$soft", children: user.bio })) : null, _jsxs(YStack, { gap: "$2", pt: "$3", borderTopWidth: 1, borderColor: "$edge", children: [_jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$ink", children: "Contact information" }), _jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Mail, { size: 14, "aria-hidden": true }), _jsx(Text, { fontSize: "$3", color: "$soft", children: user.email })] }), user.phone ? (_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Phone, { size: 14, "aria-hidden": true }), _jsx(Text, { fontSize: "$3", color: "$soft", children: user.phone })] })) : null] })] })] }));
-}

package/dist/Standing.d.ts

@@ -1,4 +0,0 @@
-export declare function Standing({ onPlans, onBilling }: {
-    onPlans: () => void;
-    onBilling: () => void;
-}): import("react").JSX.Element;

package/dist/Standing.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-// The plan at the head of the account menu (Account.tsx): @hanzo/build's
-// `Meter` over the organization's standing, read when the menu opens. Its own
-// module so the menu's foot row costs a room's first screen nothing: it loads
-// with the menu.
-import { useMemo } from 'react';
-import { Meter, useStanding } from '@hanzo/build';
-import { api } from './lib/api.js';
-import { bearer, org } from './lib/session.js';
-export function Standing({ onPlans, onBilling }) {
-    const scoped = org();
-    const target = useMemo(() => ({ api: api(), token: bearer, org: scoped }), [scoped]);
-    const plan = useStanding(target, true);
-    return _jsx(Meter, { read: plan, onPlans: onPlans, onBilling: onBilling });
-}