@hanzo/ui 8.14.1 → 8.14.2

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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"}

package/dist/agents/Progress.cjs

@@ -0,0 +1,130 @@
+'use client';"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressBlock = ProgressBlock;
+exports.steps = steps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+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 ICON = {
+    think: lucide_icons_2_1.Lightbulb,
+    search: lucide_icons_2_1.Sparkles,
+    read: lucide_icons_2_1.FileText,
+    run: lucide_icons_2_1.Terminal,
+    write: lucide_icons_2_1.FileText,
+    error: lucide_icons_2_1.TriangleAlert,
+    step: lucide_icons_2_1.CircleDot,
+};
+function Row({ step }) {
+    const [open, setOpen] = (0, react_1.useState)(step.open ?? false);
+    const Icon = ICON[step.kind];
+    const has = !!step.detail?.length;
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { gap: "$0.5", children: [(0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [(0, jsx_runtime_1.jsx)(Icon, { size: 13, opacity: 0.55 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronDown, { size: 12, opacity: 0.5 })) : ((0, jsx_runtime_1.jsx)(lucide_icons_2_1.ChevronRight, { size: 12, opacity: 0.5 }))) : null] }), has && open ? ((0, jsx_runtime_1.jsx)(gui_1.YStack, { pl: "$4", ml: "$1", gap: "$0.5", borderLeftWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => ((0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$soft", pl: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
+}
+function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
+    return ((0, jsx_runtime_1.jsxs)(gui_1.YStack, { ...(0, slot_1.slot)('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => ((0, jsx_runtime_1.jsx)(Row, { step: step }, step.key))), done ? ((0, jsx_runtime_1.jsxs)(gui_1.XStack, { items: "center", gap: "$1.5", children: [(0, jsx_runtime_1.jsx)(lucide_icons_2_1.Check, { size: 13, opacity: 0.75 }), (0, jsx_runtime_1.jsx)(gui_1.SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? (0, jsx_runtime_1.jsx)(gui_1.YStack, { pt: "$1", children: children }) : null] }));
+}
+/** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
+ *  being forced into the nearest icon, which would misreport what happened. */
+function kindOf(kind) {
+    const k = kind.toLowerCase();
+    if (k.includes('think') || k.includes('reason'))
+        return 'think';
+    if (k.includes('search') || k.includes('grep'))
+        return 'search';
+    if (k.includes('read') || k.includes('file'))
+        return 'read';
+    if (k.includes('tool') || k.includes('exec') || k.includes('command'))
+        return 'run';
+    if (k.includes('write') || k.includes('edit') || k.includes('patch'))
+        return 'write';
+    if (k.includes('error') || k.includes('fail'))
+        return 'error';
+    return 'step';
+}
+/** One readable line out of whatever a payload turned out to be. */
+function say(payload) {
+    if (payload == null)
+        return '';
+    if (typeof payload === 'string')
+        return payload;
+    if (typeof payload !== 'object')
+        return String(payload);
+    const bag = payload;
+    for (const key of ['text', 'message', 'preview', 'content', 'name', 'command', 'path']) {
+        const found = bag[key];
+        if (typeof found === 'string' && found.trim())
+            return found;
+    }
+    try {
+        return JSON.stringify(payload);
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+function steps(events) {
+    const out = [];
+    const said = [];
+    events.forEach((event, i) => {
+        const kind = event.kind ?? 'step';
+        const line = say(event.payload).trim();
+        if (kind === 'message') {
+            if (line)
+                said.push(line);
+            return;
+        }
+        const step = kindOf(kind);
+        const last = out[out.length - 1];
+        if (last && last.kind === step) {
+            if (line)
+                (last.detail ??= []).push(line);
+            return;
+        }
+        out.push({
+            key: `${event.seq ?? event.id ?? i}`,
+            kind: step,
+            label: kind,
+            detail: line ? [line] : undefined,
+        });
+    });
+    // A step's label counts what it did, once the run is grouped — "Read 2 files"
+    // rather than "read". The verb is the event's own; the number is ours.
+    for (const step of out) {
+        const n = step.detail?.length ?? 0;
+        if (n > 1)
+            step.label = `${step.label} ${n}`;
+    }
+    return { steps: out, message: said.join('') };
+}

package/dist/agents/Progress.d.ts

@@ -0,0 +1,67 @@
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+import { YStack } from '@hanzo/gui';
+import { type ComponentProps, type ReactNode } from 'react';
+type Col = Omit<ComponentProps<typeof YStack>, 'children'>;
+/** What a step was. Chooses the icon, and nothing else. */
+export type StepKind = 'think' | 'search' | 'read' | 'run' | 'write' | 'error' | 'step';
+export interface Step {
+    key: string;
+    kind: StepKind;
+    /** The claim — one line, always visible. */
+    label: string;
+    /** The evidence, one line each. Absent means nothing to open. */
+    detail?: string[];
+    /** Open on first render — for the step being worked on right now. */
+    open?: boolean;
+}
+export interface ProgressBlockProps extends Col {
+    steps: Step[];
+    /** The work has stopped. Draws the tick. */
+    done?: boolean;
+    doneLabel?: string;
+    /** The agent's message, at full size under the steps. */
+    children?: ReactNode;
+}
+export declare function ProgressBlock({ steps, done, doneLabel, children, ...rest }: ProgressBlockProps): import("react/jsx-runtime").JSX.Element;
+/** The shape `steps()` reads. A session event, or anything that looks like one. */
+export interface Event {
+    seq?: number;
+    id?: string;
+    kind?: string;
+    actor?: string;
+    payload?: unknown;
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+export declare function steps(events: Event[]): {
+    steps: Step[];
+    message: string;
+};
+export {};
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/agents/Progress.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAuB,MAAM,EAAE,MAAM,YAAY,CAAA;AAaxD,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;AAE1D,2DAA2D;AAC3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AAYvF,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,QAAQ,CAAA;IACd,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA8CD,MAAM,WAAW,kBAAmB,SAAQ,GAAG;IAC7C,KAAK,EAAE,IAAI,EAAE,CAAA;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAY,EACZ,SAAkB,EAClB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmBpB;AAED,mFAAmF;AACnF,MAAM,WAAW,KAAK;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgCD;;;;;;;GAOG;AACH,wBAAgB,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAiCzE"}

package/dist/agents/Progress.js

@@ -0,0 +1,127 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ProgressBlock — an agent's turn, as the steps it took.
+ *
+ * A run emits one event per token and per tool call, and printed flat that is a
+ * wall. What a reader wants is the SHAPE of the work: it thought, it searched,
+ * it read two files, it finished — each one line, each openable for the detail,
+ * and the answer underneath at full size.
+ *
+ * So a step is a LABEL plus DETAIL, and the detail is closed by default. The
+ * label is the claim ("Read 2 files"); the detail is the evidence
+ * ("BuyNowButton.tsx", "styles.css"). A reader skims labels and opens the one
+ * they doubt — which is the whole reason this beats a transcript.
+ *
+ * `done` is a state of the BLOCK, not a step: a run that is still working shows
+ * no tick, and a tick that appears before the work stops is a lie a reader will
+ * only catch once.
+ *
+ * Presentational. `steps()` maps session events to this shape and is exported
+ * beside it, because every surface reading the same stream should group it the
+ * same way.
+ */
+import { SizableText, XStack, YStack } from '@hanzo/gui';
+import { Check, ChevronDown, ChevronRight, CircleDot, FileText, Lightbulb, Sparkles, Terminal, TriangleAlert, } from '@hanzogui/lucide-icons-2';
+import { useState } from 'react';
+import { slot } from '../backends/gui/slot.js';
+const ICON = {
+    think: Lightbulb,
+    search: Sparkles,
+    read: FileText,
+    run: Terminal,
+    write: FileText,
+    error: TriangleAlert,
+    step: CircleDot,
+};
+function Row({ step }) {
+    const [open, setOpen] = useState(step.open ?? false);
+    const Icon = ICON[step.kind];
+    const has = !!step.detail?.length;
+    return (_jsxs(YStack, { gap: "$0.5", children: [_jsxs(XStack, { items: "center", gap: "$1.5", cursor: has ? 'pointer' : 'default', role: has ? 'button' : undefined, tabIndex: has ? 0 : undefined, "aria-expanded": has ? open : undefined, onPress: () => has && setOpen((v) => !v), children: [_jsx(Icon, { size: 13, opacity: 0.55 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: step.label }), has ? (open ? (_jsx(ChevronDown, { size: 12, opacity: 0.5 })) : (_jsx(ChevronRight, { size: 12, opacity: 0.5 }))) : null] }), has && open ? (_jsx(YStack, { pl: "$4", ml: "$1", gap: "$0.5", borderLeftWidth: 1, borderColor: "$borderColor", children: step.detail.map((line, i) => (_jsx(SizableText, { size: "$2", color: "$soft", pl: "$2", children: line }, `${step.key}-${i}`))) })) : null] }));
+}
+export function ProgressBlock({ steps, done = false, doneLabel = 'Done', children, ...rest }) {
+    return (_jsxs(YStack, { ...slot('progress-block'), gap: "$1.5", ...rest, children: [steps.map((step) => (_jsx(Row, { step: step }, step.key))), done ? (_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Check, { size: 13, opacity: 0.75 }), _jsx(SizableText, { size: "$2", color: "$quiet", children: doneLabel })] })) : null, children ? _jsx(YStack, { pt: "$1", children: children }) : null] }));
+}
+/** Map an event's kind onto a step kind. Unknown kinds stay generic rather than
+ *  being forced into the nearest icon, which would misreport what happened. */
+function kindOf(kind) {
+    const k = kind.toLowerCase();
+    if (k.includes('think') || k.includes('reason'))
+        return 'think';
+    if (k.includes('search') || k.includes('grep'))
+        return 'search';
+    if (k.includes('read') || k.includes('file'))
+        return 'read';
+    if (k.includes('tool') || k.includes('exec') || k.includes('command'))
+        return 'run';
+    if (k.includes('write') || k.includes('edit') || k.includes('patch'))
+        return 'write';
+    if (k.includes('error') || k.includes('fail'))
+        return 'error';
+    return 'step';
+}
+/** One readable line out of whatever a payload turned out to be. */
+function say(payload) {
+    if (payload == null)
+        return '';
+    if (typeof payload === 'string')
+        return payload;
+    if (typeof payload !== 'object')
+        return String(payload);
+    const bag = payload;
+    for (const key of ['text', 'message', 'preview', 'content', 'name', 'command', 'path']) {
+        const found = bag[key];
+        if (typeof found === 'string' && found.trim())
+            return found;
+    }
+    try {
+        return JSON.stringify(payload);
+    }
+    catch {
+        return '';
+    }
+}
+/**
+ * Group a run's events into steps.
+ *
+ * Consecutive events of the same kind become ONE step whose detail is their
+ * lines — that is what turns twelve `tool-call` events into "Read 2 files" with
+ * two names under it. `message` events are NOT steps: they are the answer, and
+ * the caller renders them as `children`.
+ */
+export function steps(events) {
+    const out = [];
+    const said = [];
+    events.forEach((event, i) => {
+        const kind = event.kind ?? 'step';
+        const line = say(event.payload).trim();
+        if (kind === 'message') {
+            if (line)
+                said.push(line);
+            return;
+        }
+        const step = kindOf(kind);
+        const last = out[out.length - 1];
+        if (last && last.kind === step) {
+            if (line)
+                (last.detail ??= []).push(line);
+            return;
+        }
+        out.push({
+            key: `${event.seq ?? event.id ?? i}`,
+            kind: step,
+            label: kind,
+            detail: line ? [line] : undefined,
+        });
+    });
+    // A step's label counts what it did, once the run is grouped — "Read 2 files"
+    // rather than "read". The verb is the event's own; the number is ours.
+    for (const step of out) {
+        const n = step.detail?.length ?? 0;
+        if (n > 1)
+            step.label = `${step.label} ${n}`;
+    }
+    return { steps: out, message: said.join('') };
+}
+//# sourceMappingURL=Progress.js.map

package/dist/agents/Progress.js.map

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

package/dist/agents/index.cjs

@@ -1,6 +1,6 @@
 'use client';"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Screen = exports.Steer = exports.MemberRow = exports.fold = exports.Transcript = exports.nest = exports.RunRow = exports.AgentBoard = void 0;
+exports.SystemLine = exports.Pane = exports.OrgRail = exports.ChannelHeader = exports.ArtifactCard = exports.steps = exports.ProgressBlock = exports.Screen = exports.Steer = exports.MemberRow = exports.fold = exports.Transcript = exports.nest = exports.RunRow = exports.AgentBoard = void 0;
 /**
  * @hanzo/ui/agents — the agents working view, on @hanzo/gui primitives.
  *
@@ -34,3 +34,12 @@ Object.defineProperty(exports, "MemberRow", { enumerable: true, get: function ()
 Object.defineProperty(exports, "Steer", { enumerable: true, get: function () { return Steer_1.Steer; } });
 var Screen_1 = require("./Screen.cjs");
 Object.defineProperty(exports, "Screen", { enumerable: true, get: function () { return Screen_1.Screen; } });
+var Progress_1 = require("./Progress.cjs");
+Object.defineProperty(exports, "ProgressBlock", { enumerable: true, get: function () { return Progress_1.ProgressBlock; } });
+Object.defineProperty(exports, "steps", { enumerable: true, get: function () { return Progress_1.steps; } });
+var Pane_1 = require("./Pane.cjs");
+Object.defineProperty(exports, "ArtifactCard", { enumerable: true, get: function () { return Pane_1.ArtifactCard; } });
+Object.defineProperty(exports, "ChannelHeader", { enumerable: true, get: function () { return Pane_1.ChannelHeader; } });
+Object.defineProperty(exports, "OrgRail", { enumerable: true, get: function () { return Pane_1.OrgRail; } });
+Object.defineProperty(exports, "Pane", { enumerable: true, get: function () { return Pane_1.Pane; } });
+Object.defineProperty(exports, "SystemLine", { enumerable: true, get: function () { return Pane_1.SystemLine; } });

package/dist/agents/index.d.ts

@@ -23,4 +23,6 @@ export { AgentBoard, RunRow, nest, type AgentBoardProps, type Run, type RunRowPr
 export { Transcript, fold, type Block, type TranscriptProps, type Turn } from './Transcript.js';
 export { MemberRow, Steer, type Command, type MemberKind, type MemberRowProps, type SteerProps, } from './Steer.js';
 export { Screen, type ScreenKind, type ScreenProps, type Ticket } from './Screen.js';
+export { ProgressBlock, steps, type Event, type ProgressBlockProps, type Step, type StepKind, } from './Progress.js';
+export { ArtifactCard, ChannelHeader, OrgRail, Pane, SystemLine, type ArtifactCardProps, type ArtifactKind, type ChannelHeaderProps, type Org, type OrgRailProps, type PaneProps, type PaneTab, type SystemLineProps, } from './Pane.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,KAAK,eAAe,EACpB,KAAK,GAAG,EACR,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,KAAK,eAAe,EACpB,KAAK,GAAG,EACR,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,KAAK,EAAE,KAAK,eAAe,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,EACL,KAAK,OAAO,EACZ,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,UAAU,GAChB,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjF,OAAO,EACL,aAAa,EACb,KAAK,EACL,KAAK,KAAK,EACV,KAAK,kBAAkB,EACvB,KAAK,IAAI,EACT,KAAK,QAAQ,GACd,MAAM,YAAY,CAAA;AAEnB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,kBAAkB,EACvB,KAAK,GAAG,EACR,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,OAAO,EACZ,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAA"}

package/dist/agents/index.js

@@ -23,4 +23,6 @@ export { AgentBoard, RunRow, nest, } from './Board.js';
 export { Transcript, fold } from './Transcript.js';
 export { MemberRow, Steer, } from './Steer.js';
 export { Screen } from './Screen.js';
+export { ProgressBlock, steps, } from './Progress.js';
+export { ArtifactCard, ChannelHeader, OrgRail, Pane, SystemLine, } from './Pane.js';
 //# sourceMappingURL=index.js.map

package/dist/agents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,GAKL,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAA+C,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,GAKN,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAkD,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/agents/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,GAKL,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,UAAU,EAAE,IAAI,EAA+C,MAAM,cAAc,CAAA;AAE5F,OAAO,EACL,SAAS,EACT,KAAK,GAKN,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,MAAM,EAAkD,MAAM,UAAU,CAAA;AAEjF,OAAO,EACL,aAAa,EACb,KAAK,GAKN,MAAM,YAAY,CAAA;AAEnB,OAAO,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,IAAI,EACJ,UAAU,GASX,MAAM,QAAQ,CAAA"}

package/dist/css.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.css = void 0;
+const cn_1 = require("./core/cn.cjs");
+const tw_1 = require("./tw.cjs");
+/** gui writes a breakpoint group under a `$`-prefixed key. */
+const responsive = (key) => key.startsWith('$');
+const css = (...classes) => {
+    const { props } = (0, tw_1.tw)((0, cn_1.cn)(...classes));
+    const out = {};
+    for (const key in props)
+        if (!responsive(key))
+            out[key] = props[key];
+    return out;
+};
+exports.css = css;
+exports.default = exports.css;

package/dist/css.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Class notation as an inline style — for a component that is neither ours nor
+ * an element.
+ *
+ * There are three kinds of thing you can put class notation on, and each needs
+ * its own answer:
+ *
+ *   <Box className="grid gap-4">          an element        — Box converts
+ *   <Card {...sx('grid gap-4')}>          a gui component   — sx converts
+ *   <Link style={css('gap-2')}>           someone else's    — this
+ *
+ * The third is `next/link`, `next/image`, a lucide icon: components that accept
+ * a `style` and hand every other prop straight to the element. `sx` is wrong for
+ * them — its output is gui's prop vocabulary, and a component that does not
+ * speak it forwards `fontSize` to the DOM as an attribute. `className` is wrong
+ * too: it arrives intact and means nothing, which is the defect this replaces.
+ *
+ * `tw` already speaks CSS — `h-4 w-4 ml-2` is `{height:16,width:16,marginLeft:8}`
+ * — so this is that, with the one part an inline style cannot hold removed.
+ *
+ * BREAKPOINTS DO NOT SURVIVE. `md:grid-cols-2` is a media query, and there is no
+ * media query inside a `style` attribute. Those keys are dropped rather than
+ * flattened, because flattening would apply a large-screen rule on a phone —
+ * silently wrong beats visibly absent. Responsive layout belongs on a `Box`.
+ */
+import type { CSSProperties } from 'react';
+import { type ClassValue } from './tw.js';
+export declare const css: (...classes: ClassValue[]) => CSSProperties;
+export default css;
+//# sourceMappingURL=css.d.ts.map

package/dist/css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,KAAK,UAAU,EAAM,MAAM,MAAM,CAAA;AAK1C,eAAO,MAAM,GAAG,eAAgB,UAAU,EAAE,KAAG,aAK9C,CAAA;eAEc,GAAG"}

package/dist/css.js

@@ -0,0 +1,14 @@
+import { cn } from './core/cn.js';
+import { tw } from './tw.js';
+/** gui writes a breakpoint group under a `$`-prefixed key. */
+const responsive = (key) => key.startsWith('$');
+export const css = (...classes) => {
+    const { props } = tw(cn(...classes));
+    const out = {};
+    for (const key in props)
+        if (!responsive(key))
+            out[key] = props[key];
+    return out;
+};
+export default css;
+//# sourceMappingURL=css.js.map

package/dist/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../src/css.ts"],"names":[],"mappings":"AA2BA,OAAO,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAmB,EAAE,EAAE,MAAM,MAAM,CAAA;AAE1C,8DAA8D;AAC9D,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;AAEvD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAG,OAAqB,EAAiB,EAAE;IAC7D,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAA;IACpC,MAAM,GAAG,GAA4B,EAAE,CAAA;IACvC,KAAK,MAAM,GAAG,IAAI,KAAK;QAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;YAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;IACpE,OAAO,GAAoB,CAAA;AAC7B,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/gallery.html

@@ -1,4 +1,4 @@
-<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.14.1</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
+<!doctype html><html lang="en" class="t_dark"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>@hanzo/ui 8.14.2</title><style>/* @hanzo/ui — generated by scripts/gen-css.mjs. Do not edit. */
 :root { --hanzo-ui-styles: 1; }
 /* Hanzo Design System — the entry point. Import THIS one file.
  *

package/dist/index.cjs

@@ -4,7 +4,7 @@ exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuS
 exports.TabsContent = exports.Tabs = exports.Switch = exports.Strong = exports.Spinner = exports.Span = exports.Spacer = exports.Slider = exports.SizableText = exports.Separator = exports.Band = exports.ScrollView = exports.Screen = exports.Paragraph = exports.SelectValue = exports.SelectTrigger = exports.SelectSeparator = exports.SelectScrollUpButton = exports.SelectScrollDownButton = exports.SelectLabel = exports.SelectItem = exports.SelectGroup = exports.SelectContent = exports.Select = exports.ScrollBar = exports.ScrollArea = exports.ResizablePanelGroup = exports.ResizablePanel = exports.ResizableHandle = exports.Progress = exports.PopoverTrigger = exports.PopoverContent = exports.PopoverClose = exports.PopoverAnchor = exports.Popover = exports.Label = exports.Input = exports.Image = exports.Heading = exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Fill = exports.Glass = exports.Em = exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = void 0;
 exports.SheetTitle = exports.SheetPortal = exports.SheetOverlay = exports.SheetHeader = exports.SheetFooter = exports.SheetDescription = exports.SheetContent = exports.SheetClose = exports.Sheet = exports.StepIndicator = exports.NavItems = exports.fit = exports.MediaStack = exports.Skeleton = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = exports.useFormField = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormLabel = exports.FormItem = exports.FormField = exports.Form = exports.useLink = exports.YouTubeEmbed = exports.VideoPlayer = exports.MDXLink = exports.LinkElement = exports.Link = exports.ApplyTypography = exports.toast = exports.buttonVariants = exports.badgeVariants = exports.ZStack = exports.YStack = exports.XStack = exports.View = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.Text = exports.Toaster = exports.Textarea = exports.TabsTrigger = exports.TabsList = void 0;
 exports.ContextMenuSub = exports.ContextMenuShortcut = exports.ContextMenuSeparator = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuPortal = exports.ContextMenuLabel = exports.ContextMenuItem = exports.ContextMenuGroup = exports.ContextMenuContent = exports.ContextMenuCheckboxItem = exports.ContextMenu = exports.AlertDialogTrigger = exports.AlertDialogTitle = exports.AlertDialogPortal = exports.AlertDialogOverlay = exports.AlertDialogHeader = exports.AlertDialogFooter = exports.AlertDialogDescription = exports.AlertDialogContent = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialog = exports.AccordionTrigger = exports.AccordionItem = exports.AccordionContent = exports.Accordion = exports.DrawerTrigger = exports.DrawerHandle = exports.DrawerContent = exports.Drawer = exports.navigationMenuTriggerStyle = exports.NavigationMenuTrigger = exports.NavigationMenuList = exports.NavigationMenuLink = exports.NavigationMenuItem = exports.NavigationMenuContent = exports.NavigationMenu = exports.InputOTPSlot = exports.InputOTPSeparator = exports.InputOTPGroup = exports.InputOTP = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbList = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbEllipsis = exports.Breadcrumb = exports.SheetTrigger = void 0;
-exports.sx = exports.Box = exports.tw = exports.capitalize = exports.cn = exports.Hanzo = exports.Anchor = exports.ToggleGroupItem = exports.ToggleGroup = exports.RadioGroupItem = exports.RadioGroup = exports.HoverCardTrigger = exports.HoverCardContent = exports.HoverCard = exports.ContextMenuTrigger = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = void 0;
+exports.css = exports.sx = exports.Box = exports.tw = exports.capitalize = exports.cn = exports.Hanzo = exports.Anchor = exports.ToggleGroupItem = exports.ToggleGroup = exports.RadioGroupItem = exports.RadioGroup = exports.HoverCardTrigger = exports.HoverCardContent = exports.HoverCard = exports.ContextMenuTrigger = exports.ContextMenuSubTrigger = exports.ContextMenuSubContent = void 0;
 // @hanzo/ui — the one Hanzo component library, on @hanzo/gui + @hanzo/design.
 //
 // ONE substrate: every component renders through @hanzo/gui primitives, so the
@@ -290,3 +290,5 @@ var box_1 = require("./box.cjs");
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.Box; } });
 var sx_1 = require("./sx.cjs");
 Object.defineProperty(exports, "sx", { enumerable: true, get: function () { return sx_1.sx; } });
+var css_1 = require("./css.cjs");
+Object.defineProperty(exports, "css", { enumerable: true, get: function () { return css_1.css; } });

package/dist/index.d.ts

@@ -6,4 +6,5 @@ export { cn, capitalize, type ClassValue } from './core/cn.js';
 export { tw, type Parsed, type Props as TwProps } from './tw.js';
 export { Box, type BoxProps } from './box.js';
 export { sx } from './sx.js';
+export { css } from './css.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAmCA,OAAO,EACL,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EACjF,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EACpF,WAAW,EACX,kBAAkB,EAAE,kBAAkB,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAC1F,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,EACjF,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EACxF,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,wBAAwB,EAChF,mBAAmB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAC3E,kBAAkB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,qBAAqB,EACxF,oBAAoB,EAAE,eAAe,EAAE,sBAAsB,EAAE,sBAAsB,EACrF,mBAAmB,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EACnF,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAC3C,cAAc,EACd,cAAc,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,EAC1F,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EACtE,sBAAsB,EAAE,oBAAoB,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EACzF,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAClG,MAAM,EAAE,IAAI,EAAE,WAAW,EACzB,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAC/B,OAAO,EACP,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EACpF,MAAM,EAAE,aAAa,EAAE,cAAc,EACrC,KAAK,EACL,eAAe,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAC/E,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAC7F,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EACvE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAClD,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAC3E,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EACnD,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAC9E,cAAc,EAAE,mBAAmB,EACnC,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EACxD,cAAc,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,kBAAkB,EAC7E,kBAAkB,EAAE,qBAAqB,EAAE,0BAA0B,EACrE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAClD,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,WAAW,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,GAAG,MAAM,gBAAgB,CAAA;AAE9rB,YAAY,EACV,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAClF,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,oBAAoB,EAAE,YAAY,EAC9F,wBAAwB,EAAE,mBAAmB,EAC7C,qBAAqB,EAAE,kBAAkB,EAAE,cAAc,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,cAAc,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EACpY,eAAe,EAAE,kBAAkB,EACnC,WAAW,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAC5D,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,OAAO,EACzD,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,GACzE,MAAM,gBAAgB,CAAA;AAkBvB,OAAO,EACL,MAAM,EACN,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AAKvB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAM/C,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAA;AAM3D,OAAO,EAAE,EAAE,EAAE,KAAK,MAAM,EAAE,KAAK,KAAK,IAAI,OAAO,EAAE,MAAM,MAAM,CAAA;AAC7D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA"}

package/dist/index.js

@@ -66,4 +66,5 @@ export { cn, capitalize } from './core/cn.js';
 export { tw } from './tw.js';
 export { Box } from './box.js';
 export { sx } from './sx.js';
+export { css } from './css.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/index.node.js

@@ -66,4 +66,5 @@ export { cn, capitalize } from './core/cn.js';
 export { tw } from './tw.js';
 export { Box } from './box.js';
 export { sx } from './sx.js';
+export { css } from './css.js';
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -91,6 +91,12 @@ function withGui(nextConfig = {}, dir = process.cwd()) {
     '@hanzo/gui',
     '@hanzo/ui',
     'react-native-web',
+    // The icon set draws through this, and it ships `ReactNativeSVG.web.js`
+    // beside the native entry. Rule (1) only reaches inside a package that is
+    // transpiled, so leaving it out picks the native half and lands in the
+    // Flow parse error above — naming react-native, from a package nothing in
+    // the app imports directly.
+    'react-native-svg',
     ...guiPackages(dir),
   ])
   const turbo = nextConfig.turbopack || {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "8.14.1",
+  "version": "8.14.2",
   "type": "module",
   "description": "Hanzo UI — the one canonical Hanzo component library, on @hanzo/gui + @hanzo/design. ONE substrate: every component renders through @hanzo/gui primitives, so the same import works on web, native (expo) and desktop (Tauri). Self-contained (theme.css), presentational, host-agnostic, clean-room.",
   "exports": {