@kognitivedev/ui 0.2.11

package/dist/primitives/message/index.d.ts

@@ -0,0 +1,9 @@
+import { MessageRoot } from "./message-root";
+import { MessageContent } from "./message-content";
+import { MessageRole } from "./message-role";
+export declare const MessagePrimitive: {
+    Root: typeof MessageRoot;
+    Content: typeof MessageContent;
+    Role: typeof MessageRole;
+};
+export { useMessage } from "./use-message";

package/dist/primitives/message/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMessage = exports.MessagePrimitive = void 0;
+const message_root_1 = require("./message-root");
+const message_content_1 = require("./message-content");
+const message_role_1 = require("./message-role");
+exports.MessagePrimitive = {
+    Root: message_root_1.MessageRoot,
+    Content: message_content_1.MessageContent,
+    Role: message_role_1.MessageRole,
+};
+var use_message_1 = require("./use-message");
+Object.defineProperty(exports, "useMessage", { enumerable: true, get: function () { return use_message_1.useMessage; } });

package/dist/primitives/message/message-content.d.ts

@@ -0,0 +1,25 @@
+import { type ComponentType } from "react";
+import type { FileUIPart } from "ai";
+import type { ToolInvocationState } from "../../tool-ui/types";
+export interface TextComponentProps {
+    text: string;
+}
+export interface ToolInvocationComponentProps {
+    toolCallId: string;
+    toolName: string;
+    input: any;
+    output: any;
+    state: ToolInvocationState;
+}
+export interface FileComponentProps {
+    file: FileUIPart;
+}
+export interface MessageContentComponents {
+    Text?: ComponentType<TextComponentProps>;
+    ToolInvocation?: ComponentType<ToolInvocationComponentProps>;
+    File?: ComponentType<FileComponentProps>;
+}
+export interface MessageContentProps {
+    components?: MessageContentComponents;
+}
+export declare function MessageContent({ components }: MessageContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/message/message-content.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageContent = MessageContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_message_1 = require("./use-message");
+const tool_ui_context_1 = require("../../tool-ui/tool-ui-context");
+function DefaultText({ text }) {
+    return (0, jsx_runtime_1.jsx)("p", { children: text });
+}
+function DefaultFile({ file }) {
+    var _a, _b;
+    if (file.mediaType.startsWith("image/")) {
+        return (0, jsx_runtime_1.jsx)("img", { src: file.url, alt: (_a = file.filename) !== null && _a !== void 0 ? _a : "attachment" });
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { "data-file-type": file.mediaType, children: ["File: ", (_b = file.filename) !== null && _b !== void 0 ? _b : file.mediaType] });
+}
+function isToolPart(part) {
+    return part.type.startsWith("tool-") || part.type === "dynamic-tool";
+}
+function getToolName(part) {
+    if (part.type === "dynamic-tool")
+        return part.toolName;
+    // For typed tool parts, type is "tool-{name}"
+    return part.type.replace(/^tool-/, "");
+}
+function MessageContent({ components }) {
+    var _a, _b;
+    const { message } = (0, use_message_1.useMessage)();
+    let registry;
+    try {
+        registry = (0, tool_ui_context_1.useToolUIRegistry)();
+    }
+    catch (_c) {
+        // ToolUIRegistry is optional
+    }
+    const TextComponent = (_a = components === null || components === void 0 ? void 0 : components.Text) !== null && _a !== void 0 ? _a : DefaultText;
+    const ToolInvocationComponent = components === null || components === void 0 ? void 0 : components.ToolInvocation;
+    const FileComponent = (_b = components === null || components === void 0 ? void 0 : components.File) !== null && _b !== void 0 ? _b : DefaultFile;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: message.parts.map((part, i) => {
+            if (part.type === "text") {
+                return (0, jsx_runtime_1.jsx)(TextComponent, { text: part.text }, i);
+            }
+            if (isToolPart(part)) {
+                const toolPart = part;
+                const toolName = getToolName(toolPart);
+                const renderProps = {
+                    toolCallId: toolPart.toolCallId,
+                    toolName,
+                    input: toolPart.input,
+                    output: toolPart.output,
+                    state: toolPart.state,
+                };
+                // Check registry first
+                const RegisteredUI = registry === null || registry === void 0 ? void 0 : registry.get(toolName);
+                if (RegisteredUI) {
+                    return (0, jsx_runtime_1.jsx)(RegisteredUI, Object.assign({}, renderProps), i);
+                }
+                // Then check component override
+                if (ToolInvocationComponent) {
+                    return (0, jsx_runtime_1.jsx)(ToolInvocationComponent, Object.assign({}, renderProps), i);
+                }
+                // Default: simple JSON display
+                return ((0, jsx_runtime_1.jsxs)("div", { "data-tool": toolName, "data-tool-state": toolPart.state, children: [(0, jsx_runtime_1.jsx)("strong", { children: toolName }), (0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(toolPart.input, null, 2) }), toolPart.output !== undefined && ((0, jsx_runtime_1.jsx)("pre", { children: JSON.stringify(toolPart.output, null, 2) }))] }, i));
+            }
+            if (part.type === "file") {
+                return (0, jsx_runtime_1.jsx)(FileComponent, { file: part }, i);
+            }
+            return null;
+        }) }));
+}

package/dist/primitives/message/message-role.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface MessageRoleProps {
+    match: "user" | "assistant" | "system";
+    children: ReactNode;
+}
+export declare function MessageRole({ match, children }: MessageRoleProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/primitives/message/message-role.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageRole = MessageRole;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_message_1 = require("./use-message");
+function MessageRole({ match, children }) {
+    const { message } = (0, use_message_1.useMessage)();
+    if (message.role !== match)
+        return null;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}

package/dist/primitives/message/message-root.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { UIMessage } from "ai";
+export interface MessageRootProps {
+    message?: UIMessage;
+    index?: number;
+    className?: string;
+    children: ReactNode;
+}
+export declare function MessageRoot({ message, index, className, children }: MessageRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/message/message-root.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageRoot = MessageRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_message_1 = require("./use-message");
+const kognitive_context_1 = require("../../context/kognitive-context");
+function MessageRoot({ message, index, className, children }) {
+    if (!message) {
+        throw new Error("MessagePrimitive.Root requires a `message` prop or must be used inside ThreadPrimitive.Messages");
+    }
+    const { messages, setMessages, send } = (0, kognitive_context_1.useKognitiveContext)();
+    const [isEditing, setIsEditing] = (0, react_1.useState)(false);
+    const startEdit = (0, react_1.useCallback)(() => {
+        if (message.role === "user")
+            setIsEditing(true);
+    }, [message.role]);
+    const cancelEdit = (0, react_1.useCallback)(() => {
+        setIsEditing(false);
+    }, []);
+    const submitEdit = (0, react_1.useCallback)((newText) => {
+        setIsEditing(false);
+        // Trim conversation to before this message and re-send
+        const msgIndex = messages.findIndex((m) => m.id === message.id);
+        if (msgIndex >= 0) {
+            setMessages(messages.slice(0, msgIndex));
+            send(newText);
+        }
+    }, [messages, message.id, setMessages, send]);
+    return ((0, jsx_runtime_1.jsx)(use_message_1.MessageContextProvider, { value: {
+            message,
+            index: index !== null && index !== void 0 ? index : 0,
+            isEditing,
+            startEdit,
+            cancelEdit,
+            submitEdit,
+        }, children: (0, jsx_runtime_1.jsx)("div", { className: className, "data-role": message.role, "data-message-id": message.id, "data-editing": isEditing || undefined, children: children }) }));
+}

package/dist/primitives/message/use-message.d.ts

@@ -0,0 +1,10 @@
+import type { UIMessage } from "ai";
+export interface MessageContextValue {
+    message: UIMessage;
+    index: number;
+    isEditing: boolean;
+    startEdit: () => void;
+    cancelEdit: () => void;
+    submitEdit: (newText: string) => void;
+}
+export declare const MessageContextProvider: import("react").Provider<MessageContextValue | null>, useMessage: () => MessageContextValue, MessageContext: import("react").Context<MessageContextValue | null>;

package/dist/primitives/message/use-message.js

@@ -0,0 +1,6 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageContext = exports.useMessage = exports.MessageContextProvider = void 0;
+const create_context_1 = require("../../utils/create-context");
+_a = (0, create_context_1.createContext)("Message"), exports.MessageContextProvider = _a[0], exports.useMessage = _a[1], exports.MessageContext = _a[2];

package/dist/primitives/thread/index.d.ts

@@ -0,0 +1,17 @@
+import { ThreadRoot } from "./thread-root";
+import { ThreadMessages } from "./thread-messages";
+import { ThreadEmpty } from "./thread-empty";
+import { ThreadLoading } from "./thread-loading";
+import { ThreadScrollToBottom } from "./thread-scroll-to-bottom";
+import { ThreadError } from "./thread-error";
+import { ThreadSuggestions } from "./thread-suggestions";
+export declare const ThreadPrimitive: {
+    Root: typeof ThreadRoot;
+    Messages: typeof ThreadMessages;
+    Empty: typeof ThreadEmpty;
+    Loading: typeof ThreadLoading;
+    ScrollToBottom: typeof ThreadScrollToBottom;
+    Error: typeof ThreadError;
+    Suggestions: typeof ThreadSuggestions;
+};
+export { useThread } from "./use-thread";

package/dist/primitives/thread/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThread = exports.ThreadPrimitive = void 0;
+const thread_root_1 = require("./thread-root");
+const thread_messages_1 = require("./thread-messages");
+const thread_empty_1 = require("./thread-empty");
+const thread_loading_1 = require("./thread-loading");
+const thread_scroll_to_bottom_1 = require("./thread-scroll-to-bottom");
+const thread_error_1 = require("./thread-error");
+const thread_suggestions_1 = require("./thread-suggestions");
+exports.ThreadPrimitive = {
+    Root: thread_root_1.ThreadRoot,
+    Messages: thread_messages_1.ThreadMessages,
+    Empty: thread_empty_1.ThreadEmpty,
+    Loading: thread_loading_1.ThreadLoading,
+    ScrollToBottom: thread_scroll_to_bottom_1.ThreadScrollToBottom,
+    Error: thread_error_1.ThreadError,
+    Suggestions: thread_suggestions_1.ThreadSuggestions,
+};
+var use_thread_1 = require("./use-thread");
+Object.defineProperty(exports, "useThread", { enumerable: true, get: function () { return use_thread_1.useThread; } });

package/dist/primitives/thread/thread-empty.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export interface ThreadEmptyProps {
+    children: ReactNode;
+}
+export declare function ThreadEmpty({ children }: ThreadEmptyProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/primitives/thread/thread-empty.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadEmpty = ThreadEmpty;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_thread_1 = require("./use-thread");
+function ThreadEmpty({ children }) {
+    const { messages } = (0, use_thread_1.useThread)();
+    if (messages.length > 0)
+        return null;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}

package/dist/primitives/thread/thread-error.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadErrorProps {
+    children?: ReactNode | ((error: Error) => ReactNode);
+    className?: string;
+}
+export declare function ThreadError({ children, className }: ThreadErrorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/primitives/thread/thread-error.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadError = ThreadError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const kognitive_context_1 = require("../../context/kognitive-context");
+function ThreadError({ children, className }) {
+    const { error } = (0, kognitive_context_1.useKognitiveContext)();
+    if (!error)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, role: "alert", "data-error": true, children: typeof children === "function" ? children(error) : children !== null && children !== void 0 ? children : error.message }));
+}

package/dist/primitives/thread/thread-loading.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from "react";
+export interface ThreadLoadingProps {
+    children: ReactNode;
+}
+export declare function ThreadLoading({ children }: ThreadLoadingProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/primitives/thread/thread-loading.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadLoading = ThreadLoading;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_thread_1 = require("./use-thread");
+function ThreadLoading({ children }) {
+    const { isStreaming } = (0, use_thread_1.useThread)();
+    if (!isStreaming)
+        return null;
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}

package/dist/primitives/thread/thread-messages.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+import type { UIMessage } from "ai";
+export interface ThreadMessagesProps {
+    children: (message: UIMessage, index: number) => ReactNode;
+}
+export declare function ThreadMessages({ children }: ThreadMessagesProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread/thread-messages.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadMessages = ThreadMessages;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_thread_1 = require("./use-thread");
+function ThreadMessages({ children }) {
+    const { messages } = (0, use_thread_1.useThread)();
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages.map((message, index) => children(message, index)) });
+}

package/dist/primitives/thread/thread-root.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadRootProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare function ThreadRoot({ className, children }: ThreadRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread/thread-root.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadRoot = ThreadRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const kognitive_context_1 = require("../../context/kognitive-context");
+const use_thread_1 = require("./use-thread");
+function ThreadRoot({ className, children }) {
+    const { messages, status, isStreaming, send, stop } = (0, kognitive_context_1.useKognitiveContext)();
+    const containerRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)(use_thread_1.ThreadContextProvider, { value: { messages, status, isStreaming, send, stop }, children: (0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: className, "data-status": status, "data-streaming": isStreaming || undefined, children: children }) }));
+}

package/dist/primitives/thread/thread-scroll-to-bottom.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadScrollToBottomProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ThreadScrollToBottom({ className, children }: ThreadScrollToBottomProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread/thread-scroll-to-bottom.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadScrollToBottom = ThreadScrollToBottom;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function ThreadScrollToBottom({ className, children }) {
+    const scrollToBottom = (0, react_1.useCallback)(() => {
+        const container = document.querySelector("[data-kognitive-thread-root]");
+        if (container) {
+            container.scrollTop = container.scrollHeight;
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: className, onClick: scrollToBottom, "aria-label": "Scroll to bottom", children: children !== null && children !== void 0 ? children : "↓" }));
+}

package/dist/primitives/thread/thread-suggestions.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadSuggestionsProps {
+    className?: string;
+    children?: (suggestions: string[], send: (text: string) => void) => ReactNode;
+}
+export declare function ThreadSuggestions({ className, children }: ThreadSuggestionsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/primitives/thread/thread-suggestions.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadSuggestions = ThreadSuggestions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const kognitive_context_1 = require("../../context/kognitive-context");
+function ThreadSuggestions({ className, children }) {
+    const { suggestions, send, isStreaming } = (0, kognitive_context_1.useKognitiveContext)();
+    if (suggestions.length === 0 || isStreaming)
+        return null;
+    if (children) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children(suggestions, send) });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-suggestions": true, children: suggestions.map((suggestion, i) => ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => send(suggestion), "data-suggestion": true, children: suggestion }, i))) }));
+}

package/dist/primitives/thread/use-thread.d.ts

@@ -0,0 +1,9 @@
+import type { UIMessage, ChatStatus } from "ai";
+export interface ThreadContextValue {
+    messages: UIMessage[];
+    status: ChatStatus;
+    isStreaming: boolean;
+    send: (text: string) => void;
+    stop: () => void;
+}
+export declare const ThreadContextProvider: import("react").Provider<ThreadContextValue | null>, useThread: () => ThreadContextValue, ThreadContext: import("react").Context<ThreadContextValue | null>;

package/dist/primitives/thread/use-thread.js

@@ -0,0 +1,6 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadContext = exports.useThread = exports.ThreadContextProvider = void 0;
+const create_context_1 = require("../../utils/create-context");
+_a = (0, create_context_1.createContext)("Thread"), exports.ThreadContextProvider = _a[0], exports.useThread = _a[1], exports.ThreadContext = _a[2];

package/dist/primitives/thread-list/index.d.ts

@@ -0,0 +1,11 @@
+import { ThreadListRoot } from "./thread-list-root";
+import { ThreadListItems } from "./thread-list-items";
+import { ThreadListItem } from "./thread-list-item";
+import { ThreadListNew } from "./thread-list-new";
+export declare const ThreadListPrimitive: {
+    Root: typeof ThreadListRoot;
+    Items: typeof ThreadListItems;
+    Item: typeof ThreadListItem;
+    New: typeof ThreadListNew;
+};
+export { useThreadList } from "./use-thread-list";

package/dist/primitives/thread-list/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThreadList = exports.ThreadListPrimitive = void 0;
+const thread_list_root_1 = require("./thread-list-root");
+const thread_list_items_1 = require("./thread-list-items");
+const thread_list_item_1 = require("./thread-list-item");
+const thread_list_new_1 = require("./thread-list-new");
+exports.ThreadListPrimitive = {
+    Root: thread_list_root_1.ThreadListRoot,
+    Items: thread_list_items_1.ThreadListItems,
+    Item: thread_list_item_1.ThreadListItem,
+    New: thread_list_new_1.ThreadListNew,
+};
+var use_thread_list_1 = require("./use-thread-list");
+Object.defineProperty(exports, "useThreadList", { enumerable: true, get: function () { return use_thread_list_1.useThreadList; } });

package/dist/primitives/thread-list/thread-list-item.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { ThreadSummary } from "../../runtime/types";
+export interface ThreadListItemProps {
+    thread: ThreadSummary;
+    isActive: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ThreadListItem({ thread, isActive, className, children }: ThreadListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread-list/thread-list-item.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadListItem = ThreadListItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_thread_list_1 = require("./use-thread-list");
+function ThreadListItem({ thread, isActive, className, children }) {
+    const { setActiveSessionId } = (0, use_thread_list_1.useThreadList)();
+    const handleClick = (0, react_1.useCallback)(() => {
+        setActiveSessionId(thread.sessionId);
+    }, [thread.sessionId, setActiveSessionId]);
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: className, onClick: handleClick, "data-active": isActive || undefined, "data-status": thread.status, "data-session-id": thread.sessionId, "aria-current": isActive ? "true" : undefined, children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: thread.title || thread.lastUserPreview || "New conversation" }), (0, jsx_runtime_1.jsx)("span", { children: thread.lastAssistantPreview })] })) }));
+}

package/dist/primitives/thread-list/thread-list-items.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+import type { ThreadSummary } from "../../runtime/types";
+export interface ThreadListItemsProps {
+    children: (thread: ThreadSummary, isActive: boolean) => ReactNode;
+}
+export declare function ThreadListItems({ children }: ThreadListItemsProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread-list/thread-list-items.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadListItems = ThreadListItems;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_thread_list_1 = require("./use-thread-list");
+function ThreadListItems({ children }) {
+    const { threads, activeSessionId } = (0, use_thread_list_1.useThreadList)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: threads.map((thread) => children(thread, thread.sessionId === activeSessionId)) }));
+}

package/dist/primitives/thread-list/thread-list-new.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadListNewProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ThreadListNew({ className, children }: ThreadListNewProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread-list/thread-list-new.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadListNew = ThreadListNew;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_thread_list_1 = require("./use-thread-list");
+function ThreadListNew({ className, children }) {
+    const { createThread } = (0, use_thread_list_1.useThreadList)();
+    const handleClick = (0, react_1.useCallback)(() => {
+        void createThread();
+    }, [createThread]);
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: className, onClick: handleClick, "aria-label": "New conversation", children: children !== null && children !== void 0 ? children : "New conversation" }));
+}

package/dist/primitives/thread-list/thread-list-root.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from "react";
+export interface ThreadListRootProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare function ThreadListRoot({ className, children }: ThreadListRootProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/thread-list/thread-list-root.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadListRoot = ThreadListRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const kognitive_context_1 = require("../../context/kognitive-context");
+const use_thread_list_1 = require("./use-thread-list");
+function ThreadListRoot({ className, children }) {
+    const { threads, activeSessionId, setActiveSessionId, createThread, refreshThreads } = (0, kognitive_context_1.useKognitiveContext)();
+    return ((0, jsx_runtime_1.jsx)(use_thread_list_1.ThreadListContextProvider, { value: {
+            threads,
+            activeSessionId,
+            setActiveSessionId,
+            createThread,
+            refreshThreads,
+        }, children: (0, jsx_runtime_1.jsx)("div", { className: className, role: "navigation", "aria-label": "Threads", children: children }) }));
+}

package/dist/primitives/thread-list/use-thread-list.d.ts

@@ -0,0 +1,9 @@
+import type { ThreadSummary } from "../../runtime/types";
+export interface ThreadListContextValue {
+    threads: ThreadSummary[];
+    activeSessionId: string | null;
+    setActiveSessionId: (sessionId: string | null) => void;
+    createThread: () => Promise<void>;
+    refreshThreads: () => Promise<void>;
+}
+export declare const ThreadListContextProvider: import("react").Provider<ThreadListContextValue | null>, useThreadList: () => ThreadListContextValue, ThreadListContext: import("react").Context<ThreadListContextValue | null>;

package/dist/primitives/thread-list/use-thread-list.js

@@ -0,0 +1,6 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThreadListContext = exports.useThreadList = exports.ThreadListContextProvider = void 0;
+const create_context_1 = require("../../utils/create-context");
+_a = (0, create_context_1.createContext)("ThreadList"), exports.ThreadListContextProvider = _a[0], exports.useThreadList = _a[1], exports.ThreadListContext = _a[2];

package/dist/primitives/tool-ui/index.d.ts

@@ -0,0 +1,7 @@
+import { ToolUIRoot } from "./tool-ui-root";
+import { ToolUIFallback } from "./tool-ui-fallback";
+export declare const ToolUIPrimitive: {
+    Root: typeof ToolUIRoot;
+    Fallback: typeof ToolUIFallback;
+};
+export { useToolUI } from "./use-tool-ui";

package/dist/primitives/tool-ui/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToolUI = exports.ToolUIPrimitive = void 0;
+const tool_ui_root_1 = require("./tool-ui-root");
+const tool_ui_fallback_1 = require("./tool-ui-fallback");
+exports.ToolUIPrimitive = {
+    Root: tool_ui_root_1.ToolUIRoot,
+    Fallback: tool_ui_fallback_1.ToolUIFallback,
+};
+var use_tool_ui_1 = require("./use-tool-ui");
+Object.defineProperty(exports, "useToolUI", { enumerable: true, get: function () { return use_tool_ui_1.useToolUI; } });

package/dist/primitives/tool-ui/tool-ui-fallback.d.ts

@@ -0,0 +1,5 @@
+import type { ToolUIRenderProps } from "../../tool-ui/types";
+export interface ToolUIFallbackProps extends ToolUIRenderProps {
+    className?: string;
+}
+export declare function ToolUIFallback({ toolName, toolCallId, input, output, state, className }: ToolUIFallbackProps): import("react/jsx-runtime").JSX.Element;

package/dist/primitives/tool-ui/tool-ui-fallback.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolUIFallback = ToolUIFallback;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+function stateLabel(state) {
+    switch (state) {
+        case "input-streaming": return "streaming input...";
+        case "input-available": return "calling...";
+        case "approval-requested": return "awaiting approval";
+        case "approval-responded": return "approved";
+        case "output-available": return "done";
+        case "error": return "error";
+        default: return state;
+    }
+}
+function ToolUIFallback({ toolName, toolCallId, input, output, state, className }) {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, "data-tool": toolName, "data-tool-state": state, "data-tool-call-id": toolCallId, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setExpanded(!expanded), "aria-expanded": expanded, style: { display: "flex", alignItems: "center", gap: "0.5rem", cursor: "pointer", background: "none", border: "none", padding: "0.5rem", width: "100%", textAlign: "left" }, children: [(0, jsx_runtime_1.jsx)("span", { children: "\uD83D\uDD27" }), (0, jsx_runtime_1.jsx)("strong", { children: toolName }), (0, jsx_runtime_1.jsx)("span", { "data-tool-state-badge": state, children: stateLabel(state) }), (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: "auto" }, children: expanded ? "\u25BC" : "\u25B6" })] }), expanded && ((0, jsx_runtime_1.jsxs)("div", { style: { padding: "0.5rem" }, children: [input !== undefined && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Arguments:" }), (0, jsx_runtime_1.jsx)("pre", { style: { overflow: "auto", fontSize: "0.85em" }, children: JSON.stringify(input, null, 2) })] })), output !== undefined && ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "Result:" }), (0, jsx_runtime_1.jsx)("pre", { style: { overflow: "auto", fontSize: "0.85em" }, children: JSON.stringify(output, null, 2) })] }))] }))] }));
+}

package/dist/primitives/tool-ui/tool-ui-root.d.ts

@@ -0,0 +1,5 @@
+import type { ToolUIRenderProps } from "../../tool-ui/types";
+export interface ToolUIRootProps extends ToolUIRenderProps {
+    className?: string;
+}
+export declare function ToolUIRoot(props: ToolUIRootProps): import("react/jsx-runtime").JSX.Element;