@hanzo/ui 8.14.0 → 8.14.2

package/dist/agents/Board.cjs

@@ -0,0 +1,119 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RunRow = RunRow;
+exports.AgentBoard = AgentBoard;
+exports.nest = nest;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+const TONE = {
+    running: '$green10',
+    paused: '$yellow10',
+    done: '$color10',
+    error: '$red10',
+    unknown: '$color8',
+};
+/** The label a status wears. Separate from the colour so neither is guessed. */
+const SAYS = {
+    running: 'running',
+    paused: 'paused',
+    done: 'done',
+    error: 'error',
+    unknown: '—',
+};
+function Dot({ status }) {
+    return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 7, height: 7, rounded: 9999, bg: TONE[status], shrink: 0, "aria-label": SAYS[status] }));
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+function RunRow({ run, depth = 0, active = false, onOpen, trailing, ...rest }) {
+    const kids = run.children ?? [];
+    const [open, setOpen] = (0, react_1.useState)(true);
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('run-row'), ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", pl: 8 + depth * 16, cursor: "pointer", role: "button", tabIndex: 0, "aria-current": active ? 'true' : undefined, bg: active ? '$edge' : undefined, hoverStyle: { bg: active ? '$edge' : '$hover' }, pressStyle: { bg: '$raised' }, onPress: () => onOpen?.(run.id), children: [kids.length ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 16, height: 16, items: "center", justify: "center", shrink: 0, role: "button", tabIndex: 0, "aria-expanded": open, "aria-label": open ? 'Hide sub-agents' : 'Show sub-agents', onPress: (e) => {
+                            e.stopPropagation?.();
+                            setOpen((v) => !v);
+                        }, children: open ? (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 13, opacity: 0.6 }) : (0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 13, opacity: 0.6 }) })) : ((0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 16, shrink: 0 })), (0, jsx_runtime_1.jsx)(Dot, { status: run.status }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", numberOfLines: 1, shrink: 1, color: active ? '$color' : '$quiet', children: run.agent }), run.doing ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", numberOfLines: 1, flex: 1, color: "$soft", children: run.doing })) : ((0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 })), kids.length && !open ? ((0, jsx_runtime_1.jsxs)(gui_1.SizableText, { size: "$1", color: "$soft", children: [kids.length, " sub-agent", kids.length === 1 ? '' : 's'] })) : null, run.target ? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: run.target })) : null, trailing] }), open && kids.length
+                ? kids.map((kid) => ((0, jsx_runtime_1.jsx)(RunRow, { run: kid, depth: depth + 1, onOpen: onOpen }, kid.id)))
+                : null] }));
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+function AgentBoard({ runs, active, onOpen, empty, otherLabel = 'Other work', ...rest }) {
+    const groups = (0, react_1.useMemo)(() => group(runs, otherLabel), [runs, otherLabel]);
+    if (!runs.length) {
+        return ((0, jsx_runtime_1.jsx)(gui_1.YStack, { ...(0, slot_1.slot)('agent-board'), p: "$4", ...rest, children: empty ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: "Nothing running." })) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(gui_1.ScrollView, { ...(0, slot_1.slot)('agent-board'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { gap: "$1", p: "$2", children: groups.map(([project, rows]) => ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { mt: "$2", gap: "$0.5", children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", px: "$2", py: "$1", color: "$soft", fontWeight: "500", children: project }), rows.map((run) => ((0, jsx_runtime_1.jsx)(RunRow, { run: run, active: run.id === active, onOpen: onOpen }, run.id)))] }, project))) }) }));
+}
+/** Group roots by project, un-projected last. */
+function group(runs, otherLabel) {
+    const by = new Map();
+    for (const run of runs) {
+        const key = run.project?.trim() || otherLabel;
+        const rows = by.get(key);
+        if (rows)
+            rows.push(run);
+        else
+            by.set(key, [run]);
+    }
+    return [...by.entries()].sort(([a], [b]) => a === otherLabel ? 1 : b === otherLabel ? -1 : a.localeCompare(b));
+}
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+function nest(rows) {
+    const roots = new Map();
+    const orphans = [];
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            roots.set(row.id, { ...row, children: [] });
+    }
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            continue;
+        const root = roots.get(row.rootId);
+        if (root)
+            root.children.push({ ...row, children: [] });
+        else
+            orphans.push(row);
+    }
+    for (const row of orphans)
+        roots.set(row.id, { ...row, children: [] });
+    return [...roots.values()];
+}

package/dist/agents/Board.d.ts

@@ -0,0 +1,98 @@
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+import { ScrollView, YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+type Scroll = Omit<ComponentProps<typeof ScrollView>, 'children'>;
+/** The states a run can be in. `unknown` is honest about a value we do not model. */
+export type RunStatus = 'running' | 'paused' | 'done' | 'error' | 'unknown';
+/**
+ * One run.
+ *
+ * `children` is the fan-out. It is the SHAPE the board draws, so a caller with
+ * a flat list plus parent ids builds the tree before handing it over — `nest()`
+ * below does exactly that and is exported for the purpose.
+ */
+export interface Run {
+    id: string;
+    /** The agent doing the work. */
+    agent: string;
+    status: RunStatus;
+    /** What it is doing right now — one line, already trimmed by the caller. */
+    doing?: string;
+    /** Where it is running: a machine, a sandbox, a registered target. */
+    target?: string;
+    /** The project this run belongs to. Absent groups under "Other work". */
+    project?: string;
+    /** Sub-agents this run spawned. */
+    children?: Run[];
+}
+export interface RunRowProps extends Col {
+    run: Run;
+    depth?: number;
+    active?: boolean;
+    onOpen?: (id: string) => void;
+    /** Rendered at the end of the row — a watch affordance, a menu, a count. */
+    trailing?: ReactNode;
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+export declare function RunRow({ run, depth, active, onOpen, trailing, ...rest }: RunRowProps): import("react/jsx-runtime").JSX.Element;
+export interface AgentBoardProps extends Scroll {
+    /** Roots. Children ride on each root's `children`. */
+    runs: Run[];
+    /** The run currently open, so the board can mark it. */
+    active?: string;
+    onOpen?: (id: string) => void;
+    /** What to draw when there is nothing running. */
+    empty?: ReactNode;
+    /** Heading for runs carrying no project. */
+    otherLabel?: string;
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+export declare function AgentBoard({ runs, active, onOpen, empty, otherLabel, ...rest }: AgentBoardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+export declare function nest<T extends {
+    id: string;
+    rootId?: string;
+}>(rows: T[]): (T & {
+    children: (T & {
+        children: never[];
+    })[];
+})[];
+export {};
+//# sourceMappingURL=Board.d.ts.map

package/dist/agents/Board.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../src/agents/Board.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAEpE,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAI9E,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAC1D,KAAK,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,UAAU,CAAC,CAAA;AAEjE,qFAAqF;AACrF,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAE3E;;;;;;GAMG;AACH,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,SAAS,CAAA;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CACjB;AAkCD,MAAM,WAAW,WAAY,SAAQ,GAAG;IACtC,GAAG,EAAE,GAAG,CAAA;IACR,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,GAAG,EAAE,KAAS,EAAE,MAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAiFhG;AAED,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC7C,sDAAsD;IACtD,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7B,kDAAkD;IAClD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAyB,EACzB,GAAG,IAAI,EACR,EAAE,eAAe,2CA+BjB;AAgBD;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,EAC5D,IAAI,EAAE,CAAC,EAAE,GACR,CAAC,CAAC,GAAG;IAAE,QAAQ,EAAE,CAAC,CAAC,GAAG;QAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;KAAE,CAAC,EAAE,CAAA;CAAE,CAAC,EAAE,CAgBrD"}

package/dist/agents/Board.js

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AgentBoard — the agents working view: who is running, on what, and where.
+ *
+ * A run is a SESSION, and a session that spawned others is the root of a tree.
+ * A flat list draws a fan-out as N unrelated rows and loses the one fact worth
+ * seeing — that they are one piece of work — so the board nests children under
+ * their root and a collapsed root says how many it is hiding.
+ *
+ * Grouped by PROJECT, because that is the question a person opens this with:
+ * not "what is running" but "what is running on the thing I am working on".
+ * A session with no project groups under `ungrouped`, named rather than hidden.
+ *
+ * Presentational. It takes rows and raises `onOpen`; it does no fetching, no
+ * grouping policy beyond the field it is given, and no status derivation. The
+ * surface holds the data — `@hanzo/ai`'s `sessions.list` / `sessions.tree` and
+ * the stream — so the same board serves hanzo.ai, a channel workspace, or
+ * anything else that can answer with rows.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { ChevronDown, ChevronRight } from '@hanzogui/lucide-icons-2';
+import { useMemo, useState } from 'react';
+import { slot } from '../backends/gui/slot.js';
+const TONE = {
+    running: '$green10',
+    paused: '$yellow10',
+    done: '$color10',
+    error: '$red10',
+    unknown: '$color8',
+};
+/** The label a status wears. Separate from the colour so neither is guessed. */
+const SAYS = {
+    running: 'running',
+    paused: 'paused',
+    done: 'done',
+    error: 'error',
+    unknown: '—',
+};
+function Dot({ status }) {
+    return (_jsx(YStack, { width: 7, height: 7, rounded: 9999, bg: TONE[status], shrink: 0, "aria-label": SAYS[status] }));
+}
+/**
+ * One row, and its children under it.
+ *
+ * Expansion is per-row local state: a board is read top-down and a caller that
+ * wanted to persist which roots are open would be holding UI state for a list
+ * it does not own. A root with children opens by default, because the fan-out
+ * is the thing worth seeing.
+ */
+export function RunRow({ run, depth = 0, active = false, onOpen, trailing, ...rest }) {
+    const kids = run.children ?? [];
+    const [open, setOpen] = useState(true);
+    return (_jsxs(YStack, { ...slot('run-row'), ...rest, children: [_jsxs(XStack, { items: "center", gap: "$2", px: "$2", py: "$1.5", rounded: "$3", pl: 8 + depth * 16, cursor: "pointer", role: "button", tabIndex: 0, "aria-current": active ? 'true' : undefined, bg: active ? '$edge' : undefined, hoverStyle: { bg: active ? '$edge' : '$hover' }, pressStyle: { bg: '$raised' }, onPress: () => onOpen?.(run.id), children: [kids.length ? (_jsx(XStack, { width: 16, height: 16, items: "center", justify: "center", shrink: 0, role: "button", tabIndex: 0, "aria-expanded": open, "aria-label": open ? 'Hide sub-agents' : 'Show sub-agents', onPress: (e) => {
+                            e.stopPropagation?.();
+                            setOpen((v) => !v);
+                        }, children: open ? _jsx(ChevronDown, { size: 13, opacity: 0.6 }) : _jsx(ChevronRight, { size: 13, opacity: 0.6 }) })) : (_jsx(YStack, { width: 16, shrink: 0 })), _jsx(Dot, { status: run.status }), _jsx(SizableText, { size: "$2", numberOfLines: 1, shrink: 1, color: active ? '$color' : '$quiet', children: run.agent }), run.doing ? (_jsx(SizableText, { size: "$1", numberOfLines: 1, flex: 1, color: "$soft", children: run.doing })) : (_jsx(XStack, { flex: 1 })), kids.length && !open ? (_jsxs(SizableText, { size: "$1", color: "$soft", children: [kids.length, " sub-agent", kids.length === 1 ? '' : 's'] })) : null, run.target ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: 1, children: run.target })) : null, trailing] }), open && kids.length
+                ? kids.map((kid) => (_jsx(RunRow, { run: kid, depth: depth + 1, onOpen: onOpen }, kid.id)))
+                : null] }));
+}
+/**
+ * The board.
+ *
+ * Groups are ordered by name with the un-projected group LAST, so the answer to
+ * "what is running on my project" is never below a pile of stray runs.
+ */
+export function AgentBoard({ runs, active, onOpen, empty, otherLabel = 'Other work', ...rest }) {
+    const groups = useMemo(() => group(runs, otherLabel), [runs, otherLabel]);
+    if (!runs.length) {
+        return (_jsx(YStack, { ...slot('agent-board'), p: "$4", ...rest, children: empty ?? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Nothing running." })) }));
+    }
+    return (_jsx(ScrollView, { ...slot('agent-board'), flex: 1, showsVerticalScrollIndicator: false, ...rest, children: _jsx(YStack, { gap: "$1", p: "$2", children: groups.map(([project, rows]) => (_jsxs(YStack, { mt: "$2", gap: "$0.5", children: [_jsx(SizableText, { size: "$1", px: "$2", py: "$1", color: "$soft", fontWeight: "500", children: project }), rows.map((run) => (_jsx(RunRow, { run: run, active: run.id === active, onOpen: onOpen }, run.id)))] }, project))) }) }));
+}
+/** Group roots by project, un-projected last. */
+function group(runs, otherLabel) {
+    const by = new Map();
+    for (const run of runs) {
+        const key = run.project?.trim() || otherLabel;
+        const rows = by.get(key);
+        if (rows)
+            rows.push(run);
+        else
+            by.set(key, [run]);
+    }
+    return [...by.entries()].sort(([a], [b]) => a === otherLabel ? 1 : b === otherLabel ? -1 : a.localeCompare(b));
+}
+/**
+ * Build the tree a board draws from the flat list an API answers with.
+ *
+ * A session names its root rather than its parent, so a fan-out is TWO levels
+ * and not N: every non-root hangs off its root. A row whose root is not in the
+ * list is treated as a root itself — otherwise a filtered page silently drops
+ * work, which is the one thing a board must not do.
+ */
+export function nest(rows) {
+    const roots = new Map();
+    const orphans = [];
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            roots.set(row.id, { ...row, children: [] });
+    }
+    for (const row of rows) {
+        if (!row.rootId || row.rootId === row.id)
+            continue;
+        const root = roots.get(row.rootId);
+        if (root)
+            root.children.push({ ...row, children: [] });
+        else
+            orphans.push(row);
+    }
+    for (const row of orphans)
+        roots.set(row.id, { ...row, children: [] });
+    return [...roots.values()];
+}
+//# sourceMappingURL=Board.js.map

package/dist/agents/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sourceRoot":"","sources":["../../src/agents/Board.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAuC,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AA8B3C,MAAM,IAAI,GAAG;IACX,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;CAC0B,CAAA;AAE9C,gFAAgF;AAChF,MAAM,IAAI,GAA8B;IACtC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,GAAG;CACb,CAAA;AAED,SAAS,GAAG,CAAC,EAAE,MAAM,EAAyB;IAC5C,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,OAAO,EAAE,IAAI,EACb,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAChB,MAAM,EAAE,CAAC,gBAGG,IAAI,CAAC,MAAM,CAAC,GACxB,CACH,CAAA;AACH,CAAC;AAWD;;;;;;;GAOG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAe;IAC/F,MAAM,IAAI,GAAG,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAA;IAC/B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEtC,OAAO,CACL,MAAC,MAAM,OAAK,IAAI,CAAC,SAAS,CAAC,KAAM,IAAI,aACnC,MAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,IAAI,EACZ,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE,EAClB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,kBACG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAChC,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC/C,UAAU,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,aAE9B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,QAAQ,EAChB,MAAM,EAAE,CAAC,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,IAAI,gBACP,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,EACxD,OAAO,EAAE,CAAC,CAAmC,EAAE,EAAE;4BAC/C,CAAC,CAAC,eAAe,EAAE,EAAE,CAAA;4BACrB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;wBACpB,CAAC,YAEA,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,GAAI,GACnF,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,CACjC,EAED,KAAC,GAAG,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,GAAI,EAE3B,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,YACpF,GAAG,CAAC,KAAK,GACE,EAEb,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CACX,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,OAAO,YAC5D,GAAG,CAAC,KAAK,GACE,CACf,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IAAC,IAAI,EAAE,CAAC,GAAI,CACpB,EAGA,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,MAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,aACjC,IAAI,CAAC,MAAM,gBAAY,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IACxC,CACf,CAAC,CAAC,CAAC,IAAI,EAEP,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,aAAa,EAAE,CAAC,YAClD,GAAG,CAAC,MAAM,GACC,CACf,CAAC,CAAC,CAAC,IAAI,EAEP,QAAQ,IACF,EAER,IAAI,IAAI,IAAI,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChB,KAAC,MAAM,IAAc,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,IAAlD,GAAG,CAAC,EAAE,CAAgD,CACpE,CAAC;gBACJ,CAAC,CAAC,IAAI,IACD,CACV,CAAA;AACH,CAAC;AAcD;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,GAAG,YAAY,EACzB,GAAG,IAAI,EACS;IAChB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,CACL,KAAC,MAAM,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EAAC,IAAI,KAAM,IAAY,YACtD,KAAK,IAAI,CACR,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,iCAEtB,CACf,GACM,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,UAAU,OAAK,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,4BAA4B,EAAE,KAAK,KAAM,IAAI,YACzF,KAAC,MAAM,IAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,YACpB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAC/B,MAAC,MAAM,IAAe,EAAE,EAAC,IAAI,EAAC,GAAG,EAAC,MAAM,aACtC,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,KAAK,YAClE,OAAO,GACI,EACb,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,MAAM,IAAc,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,IAA3D,GAAG,CAAC,EAAE,CAAyD,CAC7E,CAAC,KANS,OAAO,CAOX,CACV,CAAC,GACK,GACE,CACd,CAAA;AACH,CAAC;AAED,iDAAiD;AACjD,SAAS,KAAK,CAAC,IAAW,EAAE,UAAkB;IAC5C,MAAM,EAAE,GAAG,IAAI,GAAG,EAAiB,CAAA;IACnC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,UAAU,CAAA;QAC7C,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACxB,IAAI,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;;YACnB,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IACzB,CAAC;IACD,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CACzC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAClE,CAAA;AACH,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,IAAI,CAClB,IAAS;IAET,MAAM,KAAK,GAAG,IAAI,GAAG,EAA2D,CAAA;IAChF,MAAM,OAAO,GAAQ,EAAE,CAAA;IAEvB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE;YAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IACvF,CAAC;IACD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE;YAAE,SAAQ;QAClD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAClC,IAAI,IAAI;YAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAa,EAAE,CAAC,CAAA;;YAC5D,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;IACD,KAAK,MAAM,GAAG,IAAI,OAAO;QAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAEtE,OAAO,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;AAC5B,CAAC"}

package/dist/agents/Pane.cjs

@@ -0,0 +1,74 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChannelHeader = ChannelHeader;
+exports.ArtifactCard = ArtifactCard;
+exports.SystemLine = SystemLine;
+exports.Pane = Pane;
+exports.OrgRail = OrgRail;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The channel's furniture: the header, the artifact card, the system line, the
+ * right-hand pane, and the org rail the whole shell hangs off.
+ *
+ * Each is presentational and takes its content. Together they are the working
+ * view: a channel names the work and counts what came out of it, the thread
+ * carries the conversation and the things produced, and the pane is where a
+ * produced thing is actually looked at.
+ */
+const gui_1 = require("@hanzo/gui");
+const lucide_icons_2_1 = require("@hanzogui/lucide-icons-2");
+const react_1 = require("react");
+const slot_1 = require("../backends/gui/slot.cjs");
+function ChannelHeader({ name, artifacts, onArtifacts, children, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('channel-header'), items: "center", gap: "$2", px: "$4", py: "$3", borderBottomWidth: 1, borderColor: "$borderColor", ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 26, height: 26, rounded: "$3", items: "center", justify: "center", bg: "$raised", shrink: 0, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Code2, { size: 13, opacity: 0.8 }) }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$5", fontWeight: "600", numberOfLines: 1, shrink: 1, children: name }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), artifacts === undefined ? null : ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$2", px: "$2.5", py: "$1", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", cursor: onArtifacts ? 'pointer' : 'default', role: onArtifacts ? 'button' : undefined, tabIndex: onArtifacts ? 0 : undefined, hoverStyle: onArtifacts ? { bg: '$hover' } : undefined, onPress: onArtifacts, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: "Artifacts" }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { minW: 18, height: 18, px: "$1", rounded: 9999, items: "center", justify: "center", bg: "$edge", children: (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$1", fontWeight: "600", children: artifacts }) })] })), children] }));
+}
+const ART = {
+    canvas: { icon: lucide_icons_2_1.FileText, says: 'Canvas' },
+    code: { icon: lucide_icons_2_1.Code2, says: 'Code' },
+    view: { icon: lucide_icons_2_1.Eye, says: 'View' },
+};
+/** A thing the agent made, offered in the thread. Opening it fills the pane. */
+function ArtifactCard({ title, kind, onOpen, ...rest }) {
+    const { icon: Icon, says } = ART[kind];
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('artifact-card'), items: "center", gap: "$3", p: "$3", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", maxW: 420, cursor: onOpen ? 'pointer' : 'default', role: onOpen ? 'button' : undefined, tabIndex: onOpen ? 0 : undefined, hoverStyle: onOpen ? { bg: '$hover' } : undefined, onPress: onOpen, ...rest, children: [(0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 34, height: 34, rounded: "$3", items: "center", justify: "center", bg: "$edge", shrink: 0, children: (0, jsx_runtime_1.jsx)(Icon, { size: 16 }) }), (0, jsx_runtime_1.jsxs)(gui_1.YStack, { flex: 1, shrink: 1, children: [(0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", fontWeight: "600", numberOfLines: 1, children: title }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", children: says })] })] }));
+}
+/** Something that happened TO the channel, not something anyone said. */
+function SystemLine({ children, avatar, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { ...(0, slot_1.slot)('system-line'), items: "flex-start", gap: "$3", ...rest, children: [avatar ?? (0, jsx_runtime_1.jsx)(gui_1.YStack, { width: 28, shrink: 0 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", flex: 1, children: children })] }));
+}
+/**
+ * The right-hand pane — Code, View, Canvas.
+ *
+ * Uncontrolled until `active` is supplied, so the common case needs no state
+ * while a surface that routes to a tab can drive it.
+ */
+function Pane({ tabs, active, onActive, onClose, ...rest }) {
+    const [own, setOwn] = (0, react_1.useState)(tabs[0]?.id);
+    const current = active ?? own;
+    const shown = tabs.find((t) => t.id === current) ?? tabs[0];
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('pane'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", ...rest, children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1", px: "$2", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: [tabs.map((tab) => {
+                        const on = tab.id === shown?.id;
+                        const Icon = ART[tab.kind].icon;
+                        return ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", role: "tab", tabIndex: 0, "aria-selected": on, opacity: on ? 1 : 0.6, bg: on ? '$edge' : undefined, hoverStyle: { bg: on ? '$edge' : '$hover', opacity: 1 }, onPress: () => {
+                                setOwn(tab.id);
+                                onActive?.(tab.id);
+                            }, children: [(0, jsx_runtime_1.jsx)(Icon, { size: 13 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", children: tab.label })] }, tab.id));
+                    }), (0, jsx_runtime_1.jsx)(gui_1.XStack, { flex: 1 }), onClose ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 26, height: 26, items: "center", justify: "center", rounded: "$3", cursor: "pointer", opacity: 0.7, role: "button", tabIndex: 0, "aria-label": "Close panel", ...(0, slot_1.tip)('Close panel'), hoverStyle: { bg: '$hover', opacity: 1 }, onPress: onClose, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.X, { size: 15 }) })) : null] }), (0, jsx_runtime_1.jsx)(gui_1.ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: (0, jsx_runtime_1.jsx)(gui_1.YStack, { p: "$5", children: shown?.content }) })] }));
+}
+/**
+ * The outermost column: which organization you are in.
+ *
+ * A person belongs to several and can always start another, so this is a
+ * SWITCHER and not a logo — everything to the right of it (channels, DMs,
+ * activity, files) belongs to whichever org is lit here. It is its own column
+ * rather than a menu in the rail because the rail's contents change when this
+ * changes, and a control that reorganises the page beside it should not be
+ * hidden inside that page.
+ */
+function OrgRail({ orgs, active, onSwitch, onAdd, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('org-rail'), width: 56, shrink: 0, height: "100%", items: "center", gap: "$2", py: "$3", bg: "$background", borderRightWidth: 1, borderColor: "$borderColor", ...rest, children: [orgs.map((org) => {
+                const on = org.id === active;
+                return ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 36, height: 36, rounded: "$4", items: "center", justify: "center", overflow: "hidden", cursor: "pointer", role: "button", tabIndex: 0, "aria-current": on ? 'true' : undefined, "aria-label": org.name, ...(0, slot_1.tip)(org.name), bg: on ? '$edge' : '$raised', borderWidth: 1, borderColor: on ? '$color8' : 'transparent', opacity: on ? 1 : 0.7, hoverStyle: { opacity: 1 }, onPress: () => onSwitch?.(org.id), children: org.avatar ?? ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$3", fontWeight: "600", children: org.name.charAt(0).toUpperCase() })) }, org.id));
+            }), onAdd ? ((0, jsx_runtime_1.jsx)(gui_1.XStack, { width: 36, height: 36, rounded: "$4", items: "center", justify: "center", cursor: "pointer", role: "button", tabIndex: 0, "aria-label": "Add an organization", ...(0, slot_1.tip)('Add an organization'), borderWidth: 1, borderColor: "$borderColor", opacity: 0.6, hoverStyle: { bg: '$hover', opacity: 1 }, onPress: onAdd, children: (0, jsx_runtime_1.jsx)(lucide_icons_2_1.Plus, { size: 16 }) })) : null] }));
+}

package/dist/agents/Pane.d.ts

@@ -0,0 +1,84 @@
+/**
+ * The channel's furniture: the header, the artifact card, the system line, the
+ * right-hand pane, and the org rail the whole shell hangs off.
+ *
+ * Each is presentational and takes its content. Together they are the working
+ * view: a channel names the work and counts what came out of it, the thread
+ * carries the conversation and the things produced, and the pane is where a
+ * produced thing is actually looked at.
+ */
+import { XStack, YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+type Row = Omit<ComponentProps<typeof XStack>, 'children'>;
+export interface ChannelHeaderProps extends Row {
+    name: string;
+    /** How many work products this channel has produced. Absent draws no badge —
+     *  zero is a fact worth showing, absent is "not counted yet". */
+    artifacts?: number;
+    onArtifacts?: () => void;
+    /** Trailing controls. */
+    children?: ReactNode;
+}
+export declare function ChannelHeader({ name, artifacts, onArtifacts, children, ...rest }: ChannelHeaderProps): import("react/jsx-runtime").JSX.Element;
+/** What a produced thing is. Names the icon and the card's second line. */
+export type ArtifactKind = 'canvas' | 'code' | 'view';
+export interface ArtifactCardProps extends Row {
+    title: string;
+    kind: ArtifactKind;
+    onOpen?: () => void;
+}
+/** A thing the agent made, offered in the thread. Opening it fills the pane. */
+export declare function ArtifactCard({ title, kind, onOpen, ...rest }: ArtifactCardProps): import("react/jsx-runtime").JSX.Element;
+export interface SystemLineProps extends Row {
+    /** The whole sentence, already written by the caller — "Zoe was added by
+     *  Harry". Composing it here would need a grammar this component cannot have. */
+    children: ReactNode;
+    avatar?: ReactNode;
+}
+/** Something that happened TO the channel, not something anyone said. */
+export declare function SystemLine({ children, avatar, ...rest }: SystemLineProps): import("react/jsx-runtime").JSX.Element;
+export interface PaneTab {
+    id: string;
+    label: string;
+    kind: ArtifactKind;
+    content: ReactNode;
+}
+export interface PaneProps extends Col {
+    tabs: PaneTab[];
+    active?: string;
+    onActive?: (id: string) => void;
+    onClose?: () => void;
+}
+/**
+ * The right-hand pane — Code, View, Canvas.
+ *
+ * Uncontrolled until `active` is supplied, so the common case needs no state
+ * while a surface that routes to a tab can drive it.
+ */
+export declare function Pane({ tabs, active, onActive, onClose, ...rest }: PaneProps): import("react/jsx-runtime").JSX.Element;
+export interface Org {
+    id: string;
+    name: string;
+    /** A mark. Falls back to the first letter of `name`. */
+    avatar?: ReactNode;
+}
+export interface OrgRailProps extends Col {
+    orgs: Org[];
+    active?: string;
+    onSwitch?: (id: string) => void;
+    onAdd?: () => void;
+}
+/**
+ * The outermost column: which organization you are in.
+ *
+ * A person belongs to several and can always start another, so this is a
+ * SWITCHER and not a logo — everything to the right of it (channels, DMs,
+ * activity, files) belongs to whichever org is lit here. It is its own column
+ * rather than a menu in the rail because the rail's contents change when this
+ * changes, and a control that reorganises the page beside it should not be
+ * hidden inside that page.
+ */
+export declare function OrgRail({ orgs, active, onSwitch, onAdd, ...rest }: OrgRailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Pane.d.ts.map

package/dist/agents/Pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../src/agents/Pane.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,OAAO,EAA2B,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAEpE,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrE,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAC1D,KAAK,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,CAAA;AAI1D,MAAM,WAAW,kBAAmB,SAAQ,GAAG;IAC7C,IAAI,EAAE,MAAM,CAAA;IACZ;qEACiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA+DpB;AAID,2EAA2E;AAC3E,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAA;AAQrD,MAAM,WAAW,iBAAkB,SAAQ,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAyC/E;AAID,MAAM,WAAW,eAAgB,SAAQ,GAAG;IAC1C;qFACiF;IACjF,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CASxE;AAID,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,SAAU,SAAQ,GAAG;IACpC,IAAI,EAAE,OAAO,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,SAAS,2CAyE3E;AAID,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,YAAa,SAAQ,GAAG;IACvC,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAuE/E"}

package/dist/agents/Pane.js

@@ -0,0 +1,68 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The channel's furniture: the header, the artifact card, the system line, the
+ * right-hand pane, and the org rail the whole shell hangs off.
+ *
+ * Each is presentational and takes its content. Together they are the working
+ * view: a channel names the work and counts what came out of it, the thread
+ * carries the conversation and the things produced, and the pane is where a
+ * produced thing is actually looked at.
+ */
+import { ScrollView, SizableText, XStack, YStack } from '@hanzo/gui';
+import { Code2, Eye, FileText, Plus, X } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { slot, tip } from '../backends/gui/slot.js';
+export function ChannelHeader({ name, artifacts, onArtifacts, children, ...rest }) {
+    return (_jsxs(XStack, { ...slot('channel-header'), items: "center", gap: "$2", px: "$4", py: "$3", borderBottomWidth: 1, borderColor: "$borderColor", ...rest, children: [_jsx(XStack, { width: 26, height: 26, rounded: "$3", items: "center", justify: "center", bg: "$raised", shrink: 0, children: _jsx(Code2, { size: 13, opacity: 0.8 }) }), _jsx(SizableText, { size: "$5", fontWeight: "600", numberOfLines: 1, shrink: 1, children: name }), _jsx(XStack, { flex: 1 }), artifacts === undefined ? null : (_jsxs(XStack, { items: "center", gap: "$2", px: "$2.5", py: "$1", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", cursor: onArtifacts ? 'pointer' : 'default', role: onArtifacts ? 'button' : undefined, tabIndex: onArtifacts ? 0 : undefined, hoverStyle: onArtifacts ? { bg: '$hover' } : undefined, onPress: onArtifacts, children: [_jsx(SizableText, { size: "$2", color: "$quiet", children: "Artifacts" }), _jsx(XStack, { minW: 18, height: 18, px: "$1", rounded: 9999, items: "center", justify: "center", bg: "$edge", children: _jsx(SizableText, { size: "$1", fontWeight: "600", children: artifacts }) })] })), children] }));
+}
+const ART = {
+    canvas: { icon: FileText, says: 'Canvas' },
+    code: { icon: Code2, says: 'Code' },
+    view: { icon: Eye, says: 'View' },
+};
+/** A thing the agent made, offered in the thread. Opening it fills the pane. */
+export function ArtifactCard({ title, kind, onOpen, ...rest }) {
+    const { icon: Icon, says } = ART[kind];
+    return (_jsxs(XStack, { ...slot('artifact-card'), items: "center", gap: "$3", p: "$3", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", maxW: 420, cursor: onOpen ? 'pointer' : 'default', role: onOpen ? 'button' : undefined, tabIndex: onOpen ? 0 : undefined, hoverStyle: onOpen ? { bg: '$hover' } : undefined, onPress: onOpen, ...rest, children: [_jsx(XStack, { width: 34, height: 34, rounded: "$3", items: "center", justify: "center", bg: "$edge", shrink: 0, children: _jsx(Icon, { size: 16 }) }), _jsxs(YStack, { flex: 1, shrink: 1, children: [_jsx(SizableText, { size: "$3", fontWeight: "600", numberOfLines: 1, children: title }), _jsx(SizableText, { size: "$2", color: "$soft", children: says })] })] }));
+}
+/** Something that happened TO the channel, not something anyone said. */
+export function SystemLine({ children, avatar, ...rest }) {
+    return (_jsxs(XStack, { ...slot('system-line'), items: "flex-start", gap: "$3", ...rest, children: [avatar ?? _jsx(YStack, { width: 28, shrink: 0 }), _jsx(SizableText, { size: "$2", color: "$soft", flex: 1, children: children })] }));
+}
+/**
+ * The right-hand pane — Code, View, Canvas.
+ *
+ * Uncontrolled until `active` is supplied, so the common case needs no state
+ * while a surface that routes to a tab can drive it.
+ */
+export function Pane({ tabs, active, onActive, onClose, ...rest }) {
+    const [own, setOwn] = useState(tabs[0]?.id);
+    const current = active ?? own;
+    const shown = tabs.find((t) => t.id === current) ?? tabs[0];
+    return (_jsxs(YStack, { ...slot('pane'), flex: 1, minH: 0, bg: "$panel", rounded: "$4", borderWidth: 1, borderColor: "$borderColor", overflow: "hidden", ...rest, children: [_jsxs(XStack, { items: "center", gap: "$1", px: "$2", py: "$2", borderBottomWidth: 1, borderColor: "$borderColor", children: [tabs.map((tab) => {
+                        const on = tab.id === shown?.id;
+                        const Icon = ART[tab.kind].icon;
+                        return (_jsxs(XStack, { items: "center", gap: "$1.5", px: "$2.5", py: "$1.5", rounded: "$3", cursor: "pointer", role: "tab", tabIndex: 0, "aria-selected": on, opacity: on ? 1 : 0.6, bg: on ? '$edge' : undefined, hoverStyle: { bg: on ? '$edge' : '$hover', opacity: 1 }, onPress: () => {
+                                setOwn(tab.id);
+                                onActive?.(tab.id);
+                            }, children: [_jsx(Icon, { size: 13 }), _jsx(SizableText, { size: "$2", children: tab.label })] }, tab.id));
+                    }), _jsx(XStack, { flex: 1 }), onClose ? (_jsx(XStack, { width: 26, height: 26, items: "center", justify: "center", rounded: "$3", cursor: "pointer", opacity: 0.7, role: "button", tabIndex: 0, "aria-label": "Close panel", ...tip('Close panel'), hoverStyle: { bg: '$hover', opacity: 1 }, onPress: onClose, children: _jsx(X, { size: 15 }) })) : null] }), _jsx(ScrollView, { flex: 1, showsVerticalScrollIndicator: false, children: _jsx(YStack, { p: "$5", children: shown?.content }) })] }));
+}
+/**
+ * The outermost column: which organization you are in.
+ *
+ * A person belongs to several and can always start another, so this is a
+ * SWITCHER and not a logo — everything to the right of it (channels, DMs,
+ * activity, files) belongs to whichever org is lit here. It is its own column
+ * rather than a menu in the rail because the rail's contents change when this
+ * changes, and a control that reorganises the page beside it should not be
+ * hidden inside that page.
+ */
+export function OrgRail({ orgs, active, onSwitch, onAdd, ...rest }) {
+    return (_jsxs(YStack, { ...slot('org-rail'), width: 56, shrink: 0, height: "100%", items: "center", gap: "$2", py: "$3", bg: "$background", borderRightWidth: 1, borderColor: "$borderColor", ...rest, children: [orgs.map((org) => {
+                const on = org.id === active;
+                return (_jsx(XStack, { width: 36, height: 36, rounded: "$4", items: "center", justify: "center", overflow: "hidden", cursor: "pointer", role: "button", tabIndex: 0, "aria-current": on ? 'true' : undefined, "aria-label": org.name, ...tip(org.name), bg: on ? '$edge' : '$raised', borderWidth: 1, borderColor: on ? '$color8' : 'transparent', opacity: on ? 1 : 0.7, hoverStyle: { opacity: 1 }, onPress: () => onSwitch?.(org.id), children: org.avatar ?? (_jsx(SizableText, { size: "$3", fontWeight: "600", children: org.name.charAt(0).toUpperCase() })) }, org.id));
+            }), onAdd ? (_jsx(XStack, { width: 36, height: 36, rounded: "$4", items: "center", justify: "center", cursor: "pointer", role: "button", tabIndex: 0, "aria-label": "Add an organization", ...tip('Add an organization'), borderWidth: 1, borderColor: "$borderColor", opacity: 0.6, hoverStyle: { bg: '$hover', opacity: 1 }, onPress: onAdd, children: _jsx(Plus, { size: 16 }) })) : null] }));
+}
+//# sourceMappingURL=Pane.js.map

package/dist/agents/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pane.js","sourceRoot":"","sources":["../../src/agents/Pane.tsx"],"names":[],"mappings":"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"}