@calliopelabs/ui 0.13.0 → 0.16.0

package/dist/chat/patch.js

@@ -0,0 +1,149 @@
+export class JsonPatchError extends Error {
+    name = "JsonPatchError";
+}
+const isObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const has = (object, key) => Object.prototype.hasOwnProperty.call(object, key);
+function parse(path) {
+    if (path === "")
+        return [];
+    if (!path.startsWith("/"))
+        throw new JsonPatchError(`bad pointer ${path}`);
+    return path
+        .slice(1)
+        .split("/")
+        .map((segment) => segment.replace(/~1/g, "/").replace(/~0/g, "~"));
+}
+function index(array, key, forAdd) {
+    if (forAdd && key === "-")
+        return array.length;
+    if (!/^(0|[1-9]\d*)$/.test(key))
+        throw new JsonPatchError(`bad array index ${key}`);
+    const i = Number(key);
+    if (i > array.length || (!forAdd && i === array.length)) {
+        throw new JsonPatchError(`index ${key} out of range`);
+    }
+    return i;
+}
+function get(doc, segments) {
+    let current = doc;
+    for (const segment of segments) {
+        if (Array.isArray(current))
+            current = current[index(current, segment, false)];
+        else if (isObject(current) && has(current, segment))
+            current = current[segment];
+        else
+            throw new JsonPatchError(`no value at /${segments.join("/")}`);
+    }
+    return current;
+}
+/** Rebuilds the path to `segments`, with `leaf` deciding the last step. */
+function edit(doc, segments, leaf) {
+    const [head, ...rest] = segments;
+    if (head === undefined)
+        throw new JsonPatchError("the root is replaced, not edited");
+    if (rest.length === 0)
+        return leaf(doc, head);
+    if (Array.isArray(doc)) {
+        const i = index(doc, head, false);
+        const copy = doc.slice();
+        copy[i] = edit(doc[i], rest, leaf);
+        return copy;
+    }
+    if (isObject(doc) && has(doc, head))
+        return { ...doc, [head]: edit(doc[head], rest, leaf) };
+    throw new JsonPatchError(`no value at /${segments.join("/")}`);
+}
+function add(doc, path, value) {
+    const segments = parse(path);
+    if (segments.length === 0)
+        return value;
+    return edit(doc, segments, (parent, key) => {
+        if (Array.isArray(parent)) {
+            const copy = parent.slice();
+            copy.splice(index(parent, key, true), 0, value);
+            return copy;
+        }
+        if (isObject(parent))
+            return { ...parent, [key]: value };
+        throw new JsonPatchError(`cannot add under a scalar at ${path}`);
+    });
+}
+function remove(doc, path) {
+    return edit(doc, parse(path), (parent, key) => {
+        if (Array.isArray(parent)) {
+            const copy = parent.slice();
+            copy.splice(index(parent, key, false), 1);
+            return copy;
+        }
+        if (isObject(parent) && has(parent, key)) {
+            const copy = { ...parent };
+            delete copy[key];
+            return copy;
+        }
+        throw new JsonPatchError(`no value at ${path}`);
+    });
+}
+function replace(doc, path, value) {
+    const segments = parse(path);
+    if (segments.length === 0)
+        return value;
+    get(doc, segments);
+    return edit(doc, segments, (parent, key) => {
+        if (Array.isArray(parent)) {
+            const copy = parent.slice();
+            copy[index(parent, key, false)] = value;
+            return copy;
+        }
+        return { ...parent, [key]: value };
+    });
+}
+/** Values from the patch are copied in, so a later edit of the event never reaches the state. */
+const clone = (value) => value === undefined ? value : JSON.parse(JSON.stringify(value));
+function equal(a, b) {
+    if (a === b)
+        return true;
+    if (Array.isArray(a) && Array.isArray(b)) {
+        return a.length === b.length && a.every((value, i) => equal(value, b[i]));
+    }
+    if (isObject(a) && isObject(b)) {
+        const keys = Object.keys(a);
+        return (keys.length === Object.keys(b).length &&
+            keys.every((key) => has(b, key) && equal(a[key], b[key])));
+    }
+    return false;
+}
+function applyOne(doc, operation) {
+    switch (operation.op) {
+        case "add":
+            return add(doc, operation.path, clone(operation.value));
+        case "remove":
+            return remove(doc, operation.path);
+        case "replace":
+            return replace(doc, operation.path, clone(operation.value));
+        case "move": {
+            if (operation.path === operation.from)
+                return doc;
+            if (operation.path.startsWith(`${operation.from}/`)) {
+                throw new JsonPatchError("cannot move a value into its own child");
+            }
+            const value = get(doc, parse(operation.from));
+            return add(remove(doc, operation.from), operation.path, value);
+        }
+        case "copy":
+            return add(doc, operation.path, clone(get(doc, parse(operation.from))));
+        case "test":
+            if (!equal(get(doc, parse(operation.path)), operation.value)) {
+                throw new JsonPatchError(`test failed at ${operation.path}`);
+            }
+            return doc;
+        default:
+            throw new JsonPatchError(`unknown op ${operation.op}`);
+    }
+}
+/** Applies every operation in order, or throws `JsonPatchError` and applies none. */
+export function applyJsonPatch(doc, patch) {
+    let current = doc;
+    for (const operation of patch)
+        current = applyOne(current, operation);
+    return current;
+}

package/dist/chat/useAgUiRun.d.ts

@@ -0,0 +1,52 @@
+import { type AgUiEvent, type ChatView } from "./model.js";
+/**
+ * Pushes events as they arrive and says when the run's stream ends; returns
+ * the unsubscribe. The shape of an observable or an event emitter.
+ */
+export type AgUiSubscribe = (emit: (event: AgUiEvent) => void, done: (error?: unknown) => void) => () => void;
+/**
+ * Where a run's events come from: an async iterable (an `@ag-ui/client`
+ * agent's stream, an SSE reader, a recorded run) or a subscribe function.
+ * The host owns the connection; the hook only reads.
+ */
+export type AgUiEventSource = AsyncIterable<AgUiEvent> | AgUiSubscribe;
+export interface UseAgUiRunOptions {
+    /** The conversation so far, from history. Read once, on mount. */
+    initialView?: ChatView;
+    /** A stream that failed: the hook also folds it into the view as a run error. */
+    onError?: (error: unknown) => void;
+}
+export interface AgUiRun {
+    view: ChatView;
+    /** True from `run` until its stream ends or `stop`. */
+    running: boolean;
+    /**
+     * Reads one run's events into the view until the stream ends. Starting a
+     * run stops reading the one before. Resolves when the stream ends, is
+     * stopped or fails; a failure lands in the view, never as a rejection.
+     */
+    run: (source: AgUiEventSource) => Promise<void>;
+    /**
+     * Stops reading the current run and closes the view as cancelled. Telling
+     * the agent to stop is the host's (its own request); this only lets go.
+     */
+    stop: () => void;
+    /** Folds events the host makes itself: the person's own message before the run starts. */
+    dispatch: (events: AgUiEvent | readonly AgUiEvent[]) => void;
+    /** Starts over, from nothing or from `view`. Stops reading first. */
+    reset: (view?: ChatView) => void;
+}
+/** The person's own message as the events that fold it into the view. */
+export declare function userMessageEvents(id: string, text: string): AgUiEvent[];
+/**
+ * Holds a `ChatView` and folds a host-provided AG-UI event source into it,
+ * one run at a time. No network code: the host connects, authenticates and
+ * sends input, and hands the hook what comes back.
+ *
+ *   const chat = useAgUiRun();
+ *   onSubmit={(text) => {
+ *     chat.dispatch(userMessageEvents(id(), text));
+ *     void chat.run(agent.stream({ threadId, text }));
+ *   }}
+ */
+export declare function useAgUiRun({ initialView, onError }?: UseAgUiRunOptions): AgUiRun;

package/dist/chat/useAgUiRun.js

@@ -0,0 +1,137 @@
+"use client";
+import { EventType } from "@ag-ui/core";
+import * as React from "react";
+import { createChatView, foldChat, reduceChat } from "./model.js";
+/** The person's own message as the events that fold it into the view. */
+export function userMessageEvents(id, text) {
+    return [
+        { type: EventType.TEXT_MESSAGE_START, messageId: id, role: "user" },
+        { type: EventType.TEXT_MESSAGE_CONTENT, messageId: id, delta: text },
+        { type: EventType.TEXT_MESSAGE_END, messageId: id },
+    ];
+}
+const message = (error) => error instanceof Error && error.message
+    ? error.message
+    : typeof error === "string" && error
+        ? error
+        : "The event stream failed.";
+/**
+ * Holds a `ChatView` and folds a host-provided AG-UI event source into it,
+ * one run at a time. No network code: the host connects, authenticates and
+ * sends input, and hands the hook what comes back.
+ *
+ *   const chat = useAgUiRun();
+ *   onSubmit={(text) => {
+ *     chat.dispatch(userMessageEvents(id(), text));
+ *     void chat.run(agent.stream({ threadId, text }));
+ *   }}
+ */
+export function useAgUiRun({ initialView, onError } = {}) {
+    const [view, setView] = React.useState(() => initialView ?? createChatView());
+    const [running, setRunning] = React.useState(false);
+    const current = React.useRef(null);
+    const onErrorRef = React.useRef(onError);
+    React.useEffect(() => {
+        onErrorRef.current = onError;
+    });
+    const release = React.useCallback(() => {
+        const active = current.current;
+        current.current = null;
+        active?.release();
+    }, []);
+    React.useEffect(() => release, [release]);
+    const run = React.useCallback((source) => {
+        release();
+        let live = true;
+        let cleanup = () => { };
+        let stopped = () => { };
+        const halted = new Promise((resolve) => {
+            stopped = () => resolve("stopped");
+        });
+        const token = {
+            release: () => {
+                live = false;
+                cleanup();
+                stopped();
+            },
+        };
+        current.current = token;
+        setRunning(true);
+        const fold = (event) => {
+            if (live)
+                setView((v) => reduceChat(v, event));
+        };
+        const end = (error) => {
+            if (!live)
+                return;
+            live = false;
+            if (current.current === token)
+                current.current = null;
+            if (error !== undefined) {
+                setView((v) => reduceChat(v, { type: EventType.RUN_ERROR, message: message(error) }));
+                onErrorRef.current?.(error);
+            }
+            setRunning(false);
+        };
+        if (typeof source === "function") {
+            let finished = () => { };
+            const ended = new Promise((resolve) => {
+                finished = resolve;
+            });
+            try {
+                const unsubscribe = source(fold, (error) => {
+                    end(error);
+                    finished();
+                });
+                if (live)
+                    cleanup = unsubscribe;
+                else
+                    unsubscribe();
+            }
+            catch (error) {
+                end(error);
+                finished();
+            }
+            return Promise.race([ended, halted]).then(() => { });
+        }
+        return (async () => {
+            try {
+                const iterator = source[Symbol.asyncIterator]();
+                cleanup = () => void iterator.return?.()?.catch(() => { });
+                for (;;) {
+                    const next = await Promise.race([iterator.next(), halted]);
+                    if (next === "stopped" || next.done)
+                        break;
+                    fold(next.value);
+                }
+                end();
+            }
+            catch (error) {
+                end(error);
+            }
+        })();
+    }, [release]);
+    const stop = React.useCallback(() => {
+        if (!current.current)
+            return;
+        release();
+        setRunning(false);
+        setView((v) => v.status === "running"
+            ? reduceChat(v, {
+                type: EventType.RUN_FINISHED,
+                threadId: v.threadId ?? "",
+                runId: v.runId ?? "",
+                outcome: { type: "cancelled" },
+            })
+            : v);
+    }, [release]);
+    const dispatch = React.useCallback((events) => {
+        setView((v) => foldChat(Array.isArray(events) ? events : [events], v));
+    }, []);
+    const reset = React.useCallback((next) => {
+        release();
+        setRunning(false);
+        setView(next ?? createChatView());
+    }, [release]);
+    return { view, running, run, stop, dispatch, reset };
+}

package/dist/css/appearance.js

@@ -64,7 +64,7 @@
   d.style.setProperty("--radius",
     (c.corners.indexOf(p.corners) > -1 ? p.corners : c.defaults.corners) + "px");
 };
-  var products = {"astrolift":{"product":"astrolift","key":"astrolift.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"emerald":{"mode":"dark","background":"#050b08"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"graphite","light":"mist","accent":"green","density":"compact","corners":2}},"zentinelle":{"product":"zentinelle","key":"zentinelle.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["teal","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"mist","accent":"teal","density":"compact","corners":2}},"workbench":{"product":"workbench","key":"workbench.appearance","grounds":{"navy":{"mode":"dark","background":"#0b1120"},"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["workbench-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"navy","light":"mist","accent":"workbench-blue","density":"compact","corners":2}},"chat-studio":{"product":"chat-studio","key":"chat-studio.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["studio-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"paper","accent":"studio-blue","density":"compact","corners":2}},"loadr":{"product":"loadr","key":"loadr.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["loadr-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"charcoal","light":"paper","accent":"loadr-blue","density":"compact","corners":2}},"cykick":{"product":"cykick","key":"cykick.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["cykick-cyan","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"mist","accent":"cykick-cyan","density":"compact","corners":0}}};
+  var products = {"astrolift":{"product":"astrolift","key":"astrolift.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"emerald":{"mode":"dark","background":"#050b08"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"graphite","light":"mist","accent":"green","density":"compact","corners":2}},"zentinelle":{"product":"zentinelle","key":"zentinelle.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["teal","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"mist","accent":"teal","density":"compact","corners":2}},"workbench":{"product":"workbench","key":"workbench.appearance","grounds":{"navy":{"mode":"dark","background":"#0b1120"},"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["workbench-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"navy","light":"mist","accent":"workbench-blue","density":"compact","corners":2}},"chat-studio":{"product":"chat-studio","key":"chat-studio.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["studio-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"paper","accent":"studio-blue","density":"compact","corners":2}},"loadr":{"product":"loadr","key":"loadr.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["loadr-blue","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"charcoal","light":"paper","accent":"loadr-blue","density":"compact","corners":2}},"cykick":{"product":"cykick","key":"cykick.appearance","grounds":{"black":{"mode":"dark","background":"#000000"},"charcoal":{"mode":"dark","background":"#0e0f10"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["cykick-cyan","green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"black","light":"mist","accent":"cykick-cyan","density":"compact","corners":0}},"deep-data-agent":{"product":"deep-data-agent","key":"deep-data-agent.appearance","grounds":{"charcoal":{"mode":"dark","background":"#0e0f10"},"black":{"mode":"dark","background":"#000000"},"graphite":{"mode":"dark","background":"#111214"},"paper":{"mode":"light","background":"#faf6ee"},"mist":{"mode":"light","background":"#f2f7f9"}},"accents":["green","copper","ice","periwinkle","amber"],"corners":[0,2,4,10],"minContrast":3,"defaults":{"dark":"charcoal","light":"mist","accent":"amber","density":"compact","corners":2}}};
   var d = document.documentElement;
   var hex = /^#[0-9a-f]{6}$/;
   var has = function (o, k) {

package/dist/css/calliope.css

@@ -490,6 +490,11 @@
   --brand-on-primary: #ffffff;
 }
 
+/* Product: Deep Data Agent */
+[data-product="deep-data-agent"] {
+  --brand-sidebar: #1a150c;
+}
+
 /*
  * @calliopelabs/ui CSS layer: components.
  *

package/dist/css/tokens.css

@@ -489,3 +489,8 @@
   --brand-primary: #0e7490;
   --brand-on-primary: #ffffff;
 }
+
+/* Product: Deep Data Agent */
+[data-product="deep-data-agent"] {
+  --brand-sidebar: #1a150c;
+}

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { cn } from "./lib/cn.js";
 export { ACCENTS, ACCENT_KEYS, DENSITIES, DENSITY_KEYS, GROUNDS, GROUND_KEYS, MODE_TOKENS, SURFACES, type AccentSpec, type Density, type FamilyAccent, type Ground, type Mode, type StatusName, } from "./theme/tokens.js";
 export { MIN_NON_TEXT_CONTRAST, MIN_TEXT_CONTRAST, contrastRatio, luminance, } from "./theme/contrast.js";
 export { CORNERS, defineProduct, type BrandAccent, type Corners, type Product, type ProductAccent, type ProductConfig, type ProductTheme, } from "./appearance/product.js";
-export { astroliftBrand, chatStudioBrand, cykickBrand, loadrBrand, workbenchBrand, zentinelleBrand, } from "./appearance/brands.js";
+export { astroliftBrand, chatStudioBrand, cykickBrand, deepDataAgentBrand, loadrBrand, workbenchBrand, zentinelleBrand, } from "./appearance/brands.js";
 export { accentContrast, appearanceFromServer, applyAppearance, clearAppearance, inkFor, isCustomAccent, modeFor, normalize, normalizePartial, parseCustomAccent, readAppearance, resolveAppearance, writeAppearance, type Appearance, type CustomAccent, type OrgAppearancePolicy, type ResolvedAppearance, } from "./appearance/appearance.js";
 export { appearanceScript, bootConfig, productStyles, type BootConfig } from "./appearance/boot.js";
 export { BRAND_ACCENT_KEY, brandStyleVars, brandStyles, htmlAttributes, resolveRuntimeBrand, withBrand, type ResolvedRuntimeBrand, type RuntimeBrand, } from "./appearance/runtime-brand.js";
@@ -62,6 +62,11 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { Popover, PopoverAnchor, PopoverContent, PopoverHeader, PopoverTrigger, } from "./primitives/Popover.js";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./primitives/Tabs.js";
 export { Skeleton } from "./primitives/Skeleton.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./primitives/Tooltip.js";
+export { ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, } from "./primitives/ContextMenu.js";
+export { ScrollArea, type ScrollAreaProps } from "./primitives/ScrollArea.js";
+export { Badge, badgeVariants, type BadgeProps } from "./primitives/Badge.js";
+export { ToastProvider, useToast, type ToastApi, type ToastOptions, type ToastProviderProps, } from "./primitives/Toast.js";
 export type { WorkflowAction, WorkflowAvailability, WorkflowModule, WorkflowPermissions, WorkflowScope, WorkflowStatus, WorkflowSummary, } from "./workflow/model.js";
 export { WorkflowCard, WorkflowCardSkeleton, type WorkflowCardActions, type WorkflowCardProps, } from "./workflow/WorkflowCard.js";
 export { WorkflowQuestionCard, type WorkflowQuestionCardProps, } from "./workflow/WorkflowQuestionCard.js";
@@ -90,3 +95,12 @@ export { documentStatus, type WorkflowDocumentStatus, type WorkflowRevision, } f
 export { WorkflowDiff, type WorkflowDiffProps } from "./workflow/editor/WorkflowDiff.js";
 export { WorkflowImportPreview, type WorkflowImportPreviewProps, } from "./workflow/editor/WorkflowImportPreview.js";
 export { WorkflowWorkspace, type WorkflowWorkspaceProps, } from "./workflow/editor/WorkflowWorkspace.js";
+export { contentText, createChatView, foldChat, isChatRunning, parseToolCallArgs, reduceChat, type AgUiEvent, type AgUiInterrupt, type ChatApproval, type ChatMessage, type ChatRole, type ChatRunStatus, type ChatStep, type ChatStepStatus, type ChatTimelineItem, type ChatToolCall, type ChatToolCallStatus, type ChatView, } from "./chat/model.js";
+export { applyJsonPatch } from "./chat/patch.js";
+export { MessageBubble, type ChatContentRenderer, type MessageBubbleProps, } from "./chat/MessageBubble.js";
+export { MessageList, type MessageListProps } from "./chat/MessageList.js";
+export { Composer, type ComposerProps } from "./chat/Composer.js";
+export { ToolCallCard, type ToolCallCardProps } from "./chat/ToolCallCard.js";
+export { AgentProgress, CHAT_RUN_TONE, chatStepStages, type AgentProgressProps, } from "./chat/AgentProgress.js";
+export { ModelPicker, type ModelPickerProps } from "./chat/ModelPicker.js";
+export { useAgUiRun, userMessageEvents, type AgUiEventSource, type AgUiRun, type AgUiSubscribe, type UseAgUiRunOptions, } from "./chat/useAgUiRun.js";

package/dist/index.js

@@ -11,7 +11,7 @@ export { ACCENTS, ACCENT_KEYS, DENSITIES, DENSITY_KEYS, GROUNDS, GROUND_KEYS, MO
 export { MIN_NON_TEXT_CONTRAST, MIN_TEXT_CONTRAST, contrastRatio, luminance, } from "./theme/contrast.js";
 // Product and appearance
 export { CORNERS, defineProduct, } from "./appearance/product.js";
-export { astroliftBrand, chatStudioBrand, cykickBrand, loadrBrand, workbenchBrand, zentinelleBrand, } from "./appearance/brands.js";
+export { astroliftBrand, chatStudioBrand, cykickBrand, deepDataAgentBrand, loadrBrand, workbenchBrand, zentinelleBrand, } from "./appearance/brands.js";
 export { accentContrast, appearanceFromServer, applyAppearance, clearAppearance, inkFor, isCustomAccent, modeFor, normalize, normalizePartial, parseCustomAccent, readAppearance, resolveAppearance, writeAppearance, } from "./appearance/appearance.js";
 export { appearanceScript, bootConfig, productStyles } from "./appearance/boot.js";
 export { BRAND_ACCENT_KEY, brandStyleVars, brandStyles, htmlAttributes, resolveRuntimeBrand, withBrand, } from "./appearance/runtime-brand.js";
@@ -73,6 +73,11 @@ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMe
 export { Popover, PopoverAnchor, PopoverContent, PopoverHeader, PopoverTrigger, } from "./primitives/Popover.js";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./primitives/Tabs.js";
 export { Skeleton } from "./primitives/Skeleton.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./primitives/Tooltip.js";
+export { ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, } from "./primitives/ContextMenu.js";
+export { ScrollArea } from "./primitives/ScrollArea.js";
+export { Badge, badgeVariants } from "./primitives/Badge.js";
+export { ToastProvider, useToast, } from "./primitives/Toast.js";
 export { WorkflowCard, WorkflowCardSkeleton, } from "./workflow/WorkflowCard.js";
 export { WorkflowQuestionCard, } from "./workflow/WorkflowQuestionCard.js";
 export { ANY_FILTER, DEFAULT_WORKFLOW_FILTERS, filterWorkflows, isFiltered, } from "./workflow/gallery.js";
@@ -99,3 +104,13 @@ export { documentStatus, } from "./workflow/workspace.js";
 export { WorkflowDiff } from "./workflow/editor/WorkflowDiff.js";
 export { WorkflowImportPreview, } from "./workflow/editor/WorkflowImportPreview.js";
 export { WorkflowWorkspace, } from "./workflow/editor/WorkflowWorkspace.js";
+// Chat (AG-UI)
+export { contentText, createChatView, foldChat, isChatRunning, parseToolCallArgs, reduceChat, } from "./chat/model.js";
+export { applyJsonPatch } from "./chat/patch.js";
+export { MessageBubble, } from "./chat/MessageBubble.js";
+export { MessageList } from "./chat/MessageList.js";
+export { Composer } from "./chat/Composer.js";
+export { ToolCallCard } from "./chat/ToolCallCard.js";
+export { AgentProgress, CHAT_RUN_TONE, chatStepStages, } from "./chat/AgentProgress.js";
+export { ModelPicker } from "./chat/ModelPicker.js";
+export { useAgUiRun, userMessageEvents, } from "./chat/useAgUiRun.js";

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+export declare const badgeVariants: (props?: ({
+    variant?: "neutral" | "outline" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+}
+/**
+ * A small count or label. Not a status: a state with a meaning (running,
+ * failed) is a StatusBadge, whose colours never follow the accent. A badge
+ * that is only a number needs words for a screen reader, so give it an
+ * `aria-label` ("3 unread") or put the noun beside it.
+ */
+export declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;

package/dist/primitives/Badge.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/cn.js";
+export const badgeVariants = cva("inline-flex h-5 w-fit min-w-5 shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-1.5 text-xs font-medium whitespace-nowrap tabular-nums [&>svg]:pointer-events-none [&>svg]:size-3", {
+    variants: {
+        variant: {
+            /** Quiet: a count beside a label, a kind ("folder", "beta"). */
+            neutral: "border-transparent bg-secondary text-secondary-foreground",
+            /** The accent: a new count that wants attention. */
+            primary: "border-transparent bg-primary text-primary-foreground",
+            /** A hairline only, for dense rows. */
+            outline: "border-border bg-transparent text-muted-foreground",
+        },
+    },
+    defaultVariants: { variant: "neutral" },
+});
+/**
+ * A small count or label. Not a status: a state with a meaning (running,
+ * failed) is a StatusBadge, whose colours never follow the accent. A badge
+ * that is only a number needs words for a screen reader, so give it an
+ * `aria-label` ("3 unread") or put the noun beside it.
+ */
+export function Badge({ className, variant, ...props }) {
+    return (_jsx("span", { "data-slot": "badge", "data-variant": variant ?? "neutral", className: cn(badgeVariants({ variant }), className), ...props }));
+}

package/dist/primitives/Button.d.ts

@@ -6,7 +6,7 @@ import type * as React from "react";
  * reaches buttons as it reaches panels.
  */
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    variant?: "destructive" | "link" | "default" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {

package/dist/primitives/ContextMenu.d.ts

@@ -0,0 +1,18 @@
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import type * as React from "react";
+/**
+ * The right-click (and Shift+F10, and the context-menu key) menu. Every
+ * action in it must also be reachable another way: a toolbar button, a row
+ * menu or a shortcut, since touch and many keyboard users never open it.
+ */
+export declare function ContextMenu(props: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
+export declare function ContextMenuTrigger(props: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
+export declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
+export declare function ContextMenuGroup(props: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
+export declare function ContextMenuItem({ className, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+export declare function ContextMenuLabel({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label>): React.JSX.Element;
+export declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;

package/dist/primitives/ContextMenu.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/**
+ * The right-click (and Shift+F10, and the context-menu key) menu. Every
+ * action in it must also be reachable another way: a toolbar button, a row
+ * menu or a shortcut, since touch and many keyboard users never open it.
+ */
+export function ContextMenu(props) {
+    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+export function ContextMenuTrigger(props) {
+    return _jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+export function ContextMenuContent({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--radix-context-menu-content-available-height) min-w-40 origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-cui-fade-in", className), ...props }) }));
+}
+export function ContextMenuGroup(props) {
+    return _jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+export function ContextMenuItem({ className, variant = "default", ...props }) {
+    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-variant": variant, className: cn("relative flex cursor-default items-center gap-1.5 rounded-lg px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-[variant=destructive]:text-danger-fg data-[variant=destructive]:focus:bg-danger/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+export function ContextMenuLabel({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Label, { "data-slot": "context-menu-label", className: cn("px-1.5 py-1 text-xs font-medium text-muted-foreground", className), ...props }));
+}
+export function ContextMenuSeparator({ className, ...props }) {
+    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
+}
+/** The item's keyboard shortcut, right-aligned. Decorative: the shortcut itself is the app's. */
+export function ContextMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "context-menu-shortcut", "aria-hidden": true, className: cn("ml-auto pl-4 font-mono text-xs text-muted-foreground", className), ...props }));
+}

package/dist/primitives/ScrollArea.d.ts

@@ -0,0 +1,16 @@
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import type * as React from "react";
+export interface ScrollAreaProps extends React.ComponentProps<typeof ScrollAreaPrimitive.Root> {
+    /**
+     * Names the scrolling region. Given, the viewport is a focusable region so
+     * a keyboard can scroll it; leave it out when the content has its own
+     * focusable items (a list of links, a tree).
+     */
+    label?: string;
+    /** Which bars to draw. Defaults to vertical. */
+    orientation?: "vertical" | "horizontal" | "both";
+    viewportClassName?: string;
+}
+/** A scrolling box with thin, token-coloured bars that look the same on every platform. */
+export declare function ScrollArea({ className, viewportClassName, children, label, orientation, ...props }: ScrollAreaProps): React.JSX.Element;
+export declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;

package/dist/primitives/ScrollArea.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { cn } from "../lib/cn.js";
+/** A scrolling box with thin, token-coloured bars that look the same on every platform. */
+export function ScrollArea({ className, viewportClassName, children, label, orientation = "vertical", ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative overflow-hidden", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: cn("size-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-ring/50", viewportClassName), ...(label ? { role: "region", "aria-label": label, tabIndex: 0 } : {}), children: children }), orientation !== "horizontal" && _jsx(ScrollBar, { orientation: "vertical" }), orientation !== "vertical" && _jsx(ScrollBar, { orientation: "horizontal" }), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+export function ScrollBar({ className, orientation = "vertical", ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2 border-l border-l-transparent", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border hover:bg-muted-foreground/60" }) }));
+}

package/dist/primitives/Toast.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+import type { StatusTone } from "../status/tones.js";
+export interface ToastOptions {
+    /** Replaces the toast with the same id (an upload's progress, then its result). */
+    id?: string;
+    title: string;
+    description?: string;
+    /** A status tone for the dot beside the title. `error` toasts are announced assertively. */
+    tone?: StatusTone;
+    /** One follow-up action ("Undo", "View"). `altText` says how to reach it without the toast. */
+    action?: {
+        label: string;
+        altText: string;
+        onClick: () => void;
+    };
+    /** Milliseconds before it closes itself. Defaults to the provider's (5s); `Infinity` keeps it. */
+    duration?: number;
+}
+export interface ToastApi {
+    /** Shows a toast and returns its id. */
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export interface ToastProviderProps {
+    children: React.ReactNode;
+    /** Defaults to 5000. */
+    duration?: number;
+    className?: string;
+}
+/**
+ * Transient notices, bottom right, on Radix Toast: they pause on hover and
+ * focus, F8 jumps to them, and swiping or Escape closes one. Wrap the app
+ * once and call `useToast().toast(...)` anywhere under it.
+ */
+export declare function ToastProvider({ children, duration, className }: ToastProviderProps): React.JSX.Element;
+/** The toast API of the nearest ToastProvider. Throws outside one, so a missing provider is loud. */
+export declare function useToast(): ToastApi;