@hanzo/rooms 0.1.72 → 0.1.74

package/dist/lib/web.js

@@ -41,6 +41,9 @@ export const PAGES = 3;
 /** Results a search lists, and how many of them it reads. */
 const LISTED = 6;
 const READ = 2;
+/** What Research lists and reads instead. */
+const DEEP_LISTED = 10;
+const DEEP_READ = 5;
 /** Characters of a page a search quotes, and a named page quotes. */
 const PAGE_CHARS = 3500;
 const CRAWL_CHARS = 6000;
@@ -53,6 +56,21 @@ const GATE = 8192;
 const SEARCH_MS = 20_000;
 const SKIM_MS = 10_000;
 const READ_MS = 25_000;
+/**
+ * Research: beside `WEB`, a turn that carries this reads deeper — ten results
+ * listed, five pages read — whatever its shape, and the model is asked for a
+ * report that cites them.
+ */
+export const RESEARCH = {
+    type: 'function',
+    function: {
+        name: 'research',
+        description: 'Research the question in depth on the live web and answer with a cited report.',
+        parameters: { type: 'object', properties: {}, required: [] },
+    },
+};
+/** The word a Research turn's model is given. */
+const REPORT = 'Research mode: answer with a detailed report — a short direct answer first, then the evidence under headings — citing each claim with the numbered sources above as [n](url). Say plainly where the sources disagree or fall short.';
 /** The two tools that mark a turn as one that may use the web. */
 export const WEB = [
     {
@@ -527,7 +545,7 @@ function pointed(text) {
 /** What the model is told of a page it was not given. */
 const withheld = (url) => `The person's message names ${label(url)}. It was not opened: opening an address like it can sign in, confirm, unsubscribe or spend a one-time link for them.`;
 /** Runs one search: the results, best first, and the text of the best pages. */
-async function search(call, q, lang, now) {
+async function search(call, q, lang, now, deep = false) {
     let found;
     try {
         found = await call('/v1/websearch', lang ? { q, language: lang } : { q }, SEARCH_MS);
@@ -536,11 +554,11 @@ async function search(call, q, lang, now) {
         return unavailable(e);
     }
     const words = keywords(q);
-    const ranked = rank(found?.results ?? [], words).slice(0, LISTED);
+    const ranked = rank(found?.results ?? [], words).slice(0, deep ? DEEP_LISTED : LISTED);
     const head = `Web search for "${q}", ${stamp(now)}.`;
     if (!ranked.length)
         return `${head}\nNothing was found.`;
-    const pages = await Promise.all(ranked.slice(0, READ).map((r) => call('/v1/crawl', { url: r.url }, SKIM_MS)
+    const pages = await Promise.all(ranked.slice(0, deep ? DEEP_READ : READ).map((r) => call('/v1/crawl', { url: r.url }, SKIM_MS)
         .then((d) => (d?.success ? excerpt(d.data?.markdown ?? '', words, PAGE_CHARS) : ''))
         .catch(() => '')));
     const items = ranked.map((r, i) => {
@@ -563,6 +581,19 @@ async function read(call, url, words) {
         return `Could not read ${url}: ${e instanceof Error ? e.message : String(e)}.`;
     }
 }
+/** A Research turn is looked up whatever its shape: its own words, searched. Files and pictures still stay home. */
+function forced(messages, spoken) {
+    const last = messages.at(-1);
+    if (last?.role !== 'user')
+        return null;
+    const { text: said, carried } = told(textOf(last.content));
+    if (carried || pictured(last.content))
+        return null;
+    const plain = spell(said.trim().slice(0, GATE)).trim();
+    if (!plain)
+        return null;
+    return { pages: [], held: [], q: plain.slice(0, QUERY), lang: language(plain, spoken), about: keywords(plain) };
+}
 /**
  * The lookup the last turn needs, or null. A short follow-up ("and in
  * Moscow?") is read with the question before it, the way the person meant it.
@@ -667,7 +698,8 @@ export function researched(base, clock = () => new Date(), spoken = reader) {
         if (!asked.stream || !Array.isArray(asked.messages) || !WEB.every((t) => names.has(t.function.name)))
             return base(input, init);
         const { tools: _tools, tool_choice: _choice, ...bare } = asked;
-        const look = lookup(asked.messages, spoken());
+        const deep = names.has(RESEARCH.function.name);
+        const look = lookup(asked.messages, spoken()) ?? (deep ? forced(asked.messages, spoken()) : null);
         if (!look)
             return base(input, { ...init, body: JSON.stringify(bare) });
         // The reader's stop, and the stream's own cancel, end every request below.
@@ -695,10 +727,10 @@ export function researched(base, clock = () => new Date(), spoken = reader) {
         };
         const found = (await Promise.all([
             ...look.pages.map((u) => read(call, u, look.about)),
-            ...(look.q ? [search(call, look.q, look.lang, now)] : []),
+            ...(look.q ? [search(call, look.q, look.lang, now, deep)] : []),
             ...look.held.map(async (u) => withheld(u)),
         ])).join('\n\n');
-        const messages = primed(asked.messages, found, now);
+        const messages = primed(asked.messages, found, now, deep ? REPORT : '');
         const first = await send(messages);
         if (!streams(first))
             return first;
@@ -709,7 +741,7 @@ export function researched(base, clock = () => new Date(), spoken = reader) {
                     // results: asked once more, it answers. One that failed is not asked again.
                     const { said, failed } = await relay(first, out);
                     if (!said.trim() && !failed) {
-                        const again = await send(primed(asked.messages, found, now, SILENT));
+                        const again = await send(primed(asked.messages, found, now, deep ? `${REPORT}\n\n${SILENT}` : SILENT));
                         if (streams(again))
                             await relay(again, out);
                         else

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.72",
+  "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.28",
+    "@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,15 +67,15 @@
   "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",
     "@hanzo/gui": "8.3.5",
-    "@hanzo/iam": "0.21.28",
+    "@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();
-        } }));
-}