@agentskit/react 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Emerson Braun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,277 @@
+'use strict';
+
+var core = require('@agentskit/core');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/index.ts
+function useStream(source, options) {
+  const [data, setData] = react.useState(null);
+  const [text, setText] = react.useState("");
+  const [status, setStatus] = react.useState("idle");
+  const [error, setError] = react.useState(null);
+  const sourceRef = react.useRef(source);
+  const optionsRef = react.useRef(options);
+  const abortedRef = react.useRef(false);
+  sourceRef.current = source;
+  optionsRef.current = options;
+  react.useEffect(() => {
+    let cancelled = false;
+    abortedRef.current = false;
+    setStatus("streaming");
+    setText("");
+    setData(null);
+    setError(null);
+    let accumulated = "";
+    const consume = async () => {
+      try {
+        const iterator = sourceRef.current.stream();
+        for await (const chunk of iterator) {
+          if (cancelled || abortedRef.current) return;
+          setData(chunk);
+          optionsRef.current?.onChunk?.(chunk);
+          if (chunk.type === "text" && chunk.content) {
+            accumulated += chunk.content;
+            setText(accumulated);
+          } else if (chunk.type === "error") {
+            const err = new Error(chunk.content ?? "Stream error");
+            setError(err);
+            setStatus("error");
+            optionsRef.current?.onError?.(err);
+            return;
+          } else if (chunk.type === "done") {
+            setStatus("complete");
+            optionsRef.current?.onComplete?.(accumulated);
+            return;
+          }
+        }
+        if (!cancelled && !abortedRef.current) {
+          setStatus("complete");
+          optionsRef.current?.onComplete?.(accumulated);
+        }
+      } catch (err) {
+        if (!cancelled && !abortedRef.current) {
+          const error2 = err instanceof Error ? err : new Error(String(err));
+          setError(error2);
+          setStatus("error");
+          optionsRef.current?.onError?.(error2);
+        }
+      }
+    };
+    consume();
+    return () => {
+      cancelled = true;
+    };
+  }, [source]);
+  const stop = react.useCallback(() => {
+    abortedRef.current = true;
+    sourceRef.current.abort();
+  }, []);
+  return { data, text, status, error, stop };
+}
+function useReactive(initialState) {
+  const storeRef = react.useRef(null);
+  if (storeRef.current === null) {
+    const store2 = {
+      state: { ...initialState },
+      listeners: /* @__PURE__ */ new Set(),
+      proxy: null,
+      version: 0
+    };
+    const notify = () => {
+      store2.version++;
+      store2.listeners.forEach((listener) => listener());
+    };
+    store2.proxy = new Proxy(store2.state, {
+      get(target, prop, receiver) {
+        return Reflect.get(target, prop, receiver);
+      },
+      set(target, prop, value, receiver) {
+        const result = Reflect.set(target, prop, value, receiver);
+        notify();
+        return result;
+      }
+    });
+    storeRef.current = store2;
+  }
+  const store = storeRef.current;
+  const subscribe = react.useCallback((callback) => {
+    store.listeners.add(callback);
+    return () => {
+      store.listeners.delete(callback);
+    };
+  }, [store]);
+  const getSnapshot = react.useCallback(() => store.version, [store]);
+  react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return store.proxy;
+}
+function useChat(config) {
+  const controllerRef = react.useRef(null);
+  if (!controllerRef.current) {
+    controllerRef.current = core.createChatController(config);
+  }
+  react.useEffect(() => {
+    controllerRef.current?.updateConfig(config);
+  }, [config]);
+  const state = react.useSyncExternalStore(
+    controllerRef.current.subscribe,
+    controllerRef.current.getState,
+    controllerRef.current.getState
+  );
+  return {
+    ...state,
+    send: controllerRef.current.send,
+    stop: controllerRef.current.stop,
+    retry: controllerRef.current.retry,
+    setInput: controllerRef.current.setInput,
+    clear: controllerRef.current.clear
+  };
+}
+function ChatContainer({ children, className }) {
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new MutationObserver(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+    observer.observe(el, { childList: true, subtree: true, characterData: true });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-ak-chat-container": "",
+      "data-testid": "ak-chat-container",
+      className,
+      style: { overflow: "auto" },
+      children
+    }
+  );
+}
+function Message({ message, avatar, actions }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-ak-message": "",
+      "data-ak-role": message.role,
+      "data-ak-status": message.status,
+      children: [
+        avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ak-avatar": "", children: avatar }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ak-content": "", children: message.content }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ak-actions": "", children: actions })
+      ]
+    }
+  );
+}
+function InputBar({ chat, placeholder = "Type a message...", disabled = false }) {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (chat.input.trim()) {
+      chat.send(chat.input);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (chat.input.trim()) {
+        chat.send(chat.input);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("form", { "data-ak-input-bar": "", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        role: "textbox",
+        value: chat.input,
+        onChange: (e) => chat.setInput(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled,
+        "data-ak-input": "",
+        rows: 1
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: disabled || !chat.input.trim(), "data-ak-send": "", children: "Send" })
+  ] });
+}
+function Markdown({ content, streaming = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ak-markdown": "", "data-ak-streaming": streaming ? "true" : void 0, children: content });
+}
+function CodeBlock({ code, language, copyable = false }) {
+  const handleCopy = react.useCallback(() => {
+    navigator.clipboard.writeText(code);
+  }, [code]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-ak-code-block": "", "data-ak-language": language, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("pre", { children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: code }) }),
+    copyable && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleCopy, "data-ak-copy": "", type: "button", children: "Copy" })
+  ] });
+}
+function ToolCallView({ toolCall }) {
+  const [expanded, setExpanded] = react.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-ak-tool-call": "", "data-ak-tool-status": toolCall.status, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        "data-ak-tool-toggle": "",
+        type: "button",
+        children: toolCall.name
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-ak-tool-details": "", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { "data-ak-tool-args": "", children: JSON.stringify(toolCall.args, null, 2) }),
+      toolCall.result && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-ak-tool-result": "", children: toolCall.result })
+    ] })
+  ] });
+}
+function ThinkingIndicator({ visible, label = "Thinking..." }) {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-ak-thinking": "", "data-testid": "ak-thinking", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-ak-thinking-dots": "", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "data-ak-thinking-label": "", children: label })
+  ] });
+}
+
+Object.defineProperty(exports, "createChatController", {
+  enumerable: true,
+  get: function () { return core.createChatController; }
+});
+Object.defineProperty(exports, "createFileMemory", {
+  enumerable: true,
+  get: function () { return core.createFileMemory; }
+});
+Object.defineProperty(exports, "createInMemoryMemory", {
+  enumerable: true,
+  get: function () { return core.createInMemoryMemory; }
+});
+Object.defineProperty(exports, "createLocalStorageMemory", {
+  enumerable: true,
+  get: function () { return core.createLocalStorageMemory; }
+});
+Object.defineProperty(exports, "createStaticRetriever", {
+  enumerable: true,
+  get: function () { return core.createStaticRetriever; }
+});
+Object.defineProperty(exports, "formatRetrievedDocuments", {
+  enumerable: true,
+  get: function () { return core.formatRetrievedDocuments; }
+});
+exports.ChatContainer = ChatContainer;
+exports.CodeBlock = CodeBlock;
+exports.InputBar = InputBar;
+exports.Markdown = Markdown;
+exports.Message = Message;
+exports.ThinkingIndicator = ThinkingIndicator;
+exports.ToolCallView = ToolCallView;
+exports.useChat = useChat;
+exports.useReactive = useReactive;
+exports.useStream = useStream;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useStream.ts","../src/useReactive.ts","../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/Markdown.tsx","../src/components/CodeBlock.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx"],"names":["useState","useRef","useEffect","error","useCallback","store","useSyncExternalStore","createChatController","jsx","jsxs"],"mappings":"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","file":"index.cjs","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react'\nimport type { StreamSource, StreamChunk, StreamStatus, UseStreamOptions, UseStreamReturn } from '@agentskit/core'\n\nexport function useStream(\n  source: StreamSource,\n  options?: UseStreamOptions\n): UseStreamReturn {\n  const [data, setData] = useState<StreamChunk | null>(null)\n  const [text, setText] = useState('')\n  const [status, setStatus] = useState<StreamStatus>('idle')\n  const [error, setError] = useState<Error | null>(null)\n  const sourceRef = useRef(source)\n  const optionsRef = useRef(options)\n  const abortedRef = useRef(false)\n\n  sourceRef.current = source\n  optionsRef.current = options\n\n  useEffect(() => {\n    let cancelled = false\n    abortedRef.current = false\n    setStatus('streaming')\n    setText('')\n    setData(null)\n    setError(null)\n\n    let accumulated = ''\n\n    const consume = async () => {\n      try {\n        const iterator = sourceRef.current.stream()\n        for await (const chunk of iterator) {\n          if (cancelled || abortedRef.current) return\n\n          setData(chunk)\n          optionsRef.current?.onChunk?.(chunk)\n\n          if (chunk.type === 'text' && chunk.content) {\n            accumulated += chunk.content\n            setText(accumulated)\n          } else if (chunk.type === 'error') {\n            const err = new Error(chunk.content ?? 'Stream error')\n            setError(err)\n            setStatus('error')\n            optionsRef.current?.onError?.(err)\n            return\n          } else if (chunk.type === 'done') {\n            setStatus('complete')\n            optionsRef.current?.onComplete?.(accumulated)\n            return\n          }\n        }\n\n        if (!cancelled && !abortedRef.current) {\n          setStatus('complete')\n          optionsRef.current?.onComplete?.(accumulated)\n        }\n      } catch (err) {\n        if (!cancelled && !abortedRef.current) {\n          const error = err instanceof Error ? err : new Error(String(err))\n          setError(error)\n          setStatus('error')\n          optionsRef.current?.onError?.(error)\n        }\n      }\n    }\n\n    consume()\n\n    return () => {\n      cancelled = true\n    }\n  }, [source])\n\n  const stop = useCallback(() => {\n    abortedRef.current = true\n    sourceRef.current.abort()\n  }, [])\n\n  return { data, text, status, error, stop }\n}\n","import { useRef, useSyncExternalStore, useCallback } from 'react'\n\nexport function useReactive<T extends Record<string, unknown>>(initialState: T): T {\n  const storeRef = useRef<{\n    state: T\n    listeners: Set<() => void>\n    proxy: T\n    version: number\n  } | null>(null)\n\n  if (storeRef.current === null) {\n    const store = {\n      state: { ...initialState },\n      listeners: new Set<() => void>(),\n      proxy: null as unknown as T,\n      version: 0,\n    }\n\n    const notify = () => {\n      store.version++\n      store.listeners.forEach(listener => listener())\n    }\n\n    store.proxy = new Proxy(store.state, {\n      get(target, prop, receiver) {\n        return Reflect.get(target, prop, receiver)\n      },\n      set(target, prop, value, receiver) {\n        const result = Reflect.set(target, prop, value, receiver)\n        notify()\n        return result\n      },\n    }) as T\n\n    storeRef.current = store\n  }\n\n  const store = storeRef.current\n\n  const subscribe = useCallback((callback: () => void) => {\n    store.listeners.add(callback)\n    return () => { store.listeners.delete(callback) }\n  }, [store])\n\n  const getSnapshot = useCallback(() => store.version, [store])\n\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return store.proxy\n}\n","// NOTE: This hook is identical in @agentskit/react and @agentskit/ink.\n// Changes here must be mirrored in packages/ink/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n  }\n}\n","import React, { useRef, useEffect, type ReactNode } from 'react'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function ChatContainer({ children, className }: ChatContainerProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n\n    const observer = new MutationObserver(() => {\n      el.scrollTop = el.scrollHeight\n    })\n\n    observer.observe(el, { childList: true, subtree: true, characterData: true })\n    return () => observer.disconnect()\n  }, [])\n\n  return (\n    <div\n      ref={containerRef}\n      data-ak-chat-container=\"\"\n      data-testid=\"ak-chat-container\"\n      className={className}\n      style={{ overflow: 'auto' }}\n    >\n      {children}\n    </div>\n  )\n}\n","import React, { type ReactNode } from 'react'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n  avatar?: ReactNode\n  actions?: ReactNode\n}\n\nexport function Message({ message, avatar, actions }: MessageProps) {\n  return (\n    <div\n      data-ak-message=\"\"\n      data-ak-role={message.role}\n      data-ak-status={message.status}\n    >\n      {avatar && <div data-ak-avatar=\"\">{avatar}</div>}\n      <div data-ak-content=\"\">{message.content}</div>\n      {actions && <div data-ak-actions=\"\">{actions}</div>}\n    </div>\n  )\n}\n","import React, { type FormEvent, type KeyboardEvent } from 'react'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault()\n    if (chat.input.trim()) {\n      chat.send(chat.input)\n    }\n  }\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      if (chat.input.trim()) {\n        chat.send(chat.input)\n      }\n    }\n  }\n\n  return (\n    <form data-ak-input-bar=\"\" onSubmit={handleSubmit}>\n      <textarea\n        role=\"textbox\"\n        value={chat.input}\n        onChange={(e) => chat.setInput(e.target.value)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        data-ak-input=\"\"\n        rows={1}\n      />\n      <button type=\"submit\" disabled={disabled || !chat.input.trim()} data-ak-send=\"\">\n        Send\n      </button>\n    </form>\n  )\n}\n","import React from 'react'\n\nexport interface MarkdownProps {\n  content: string\n  streaming?: boolean\n}\n\nexport function Markdown({ content, streaming = false }: MarkdownProps) {\n  return (\n    <div data-ak-markdown=\"\" data-ak-streaming={streaming ? 'true' : undefined}>\n      {content}\n    </div>\n  )\n}\n","import React, { useCallback } from 'react'\n\nexport interface CodeBlockProps {\n  code: string\n  language?: string\n  copyable?: boolean\n}\n\nexport function CodeBlock({ code, language, copyable = false }: CodeBlockProps) {\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(code)\n  }, [code])\n\n  return (\n    <div data-ak-code-block=\"\" data-ak-language={language}>\n      <pre>\n        <code>{code}</code>\n      </pre>\n      {copyable && (\n        <button onClick={handleCopy} data-ak-copy=\"\" type=\"button\">\n          Copy\n        </button>\n      )}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n}\n\nexport function ToolCallView({ toolCall }: ToolCallViewProps) {\n  const [expanded, setExpanded] = useState(false)\n\n  return (\n    <div data-ak-tool-call=\"\" data-ak-tool-status={toolCall.status}>\n      <button\n        onClick={() => setExpanded(!expanded)}\n        data-ak-tool-toggle=\"\"\n        type=\"button\"\n      >\n        {toolCall.name}\n      </button>\n      {expanded && (\n        <div data-ak-tool-details=\"\">\n          <pre data-ak-tool-args=\"\">\n            {JSON.stringify(toolCall.args, null, 2)}\n          </pre>\n          {toolCall.result && (\n            <div data-ak-tool-result=\"\">{toolCall.result}</div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n\n  return (\n    <div data-ak-thinking=\"\" data-testid=\"ak-thinking\">\n      <span data-ak-thinking-dots=\"\">\n        <span>&bull;</span><span>&bull;</span><span>&bull;</span>\n      </span>\n      <span data-ak-thinking-label=\"\">{label}</span>\n    </div>\n  )\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,56 @@
+import { StreamSource, UseStreamOptions, UseStreamReturn, ChatConfig, ChatReturn, Message as Message$1, ToolCall } from '@agentskit/core';
+export { AdapterContext, AdapterFactory, AdapterRequest, ChatConfig, ChatController, ChatMemory, ChatReturn, ChatState, MaybePromise, MemoryRecord, MessageRole, MessageStatus, Message as MessageType, RetrievedDocument, Retriever, RetrieverRequest, StreamChunk, StreamSource, StreamStatus, StreamToolCallPayload, ToolCall, ToolCallHandlerContext, ToolCallStatus, ToolDefinition, ToolExecutionContext, UseStreamOptions, UseStreamReturn, createChatController, createFileMemory, createInMemoryMemory, createLocalStorageMemory, createStaticRetriever, formatRetrievedDocuments } from '@agentskit/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function useStream(source: StreamSource, options?: UseStreamOptions): UseStreamReturn;
+
+declare function useReactive<T extends Record<string, unknown>>(initialState: T): T;
+
+declare function useChat(config: ChatConfig): ChatReturn;
+
+interface ChatContainerProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function ChatContainer({ children, className }: ChatContainerProps): react_jsx_runtime.JSX.Element;
+
+interface MessageProps {
+    message: Message$1;
+    avatar?: ReactNode;
+    actions?: ReactNode;
+}
+declare function Message({ message, avatar, actions }: MessageProps): react_jsx_runtime.JSX.Element;
+
+interface InputBarProps {
+    chat: ChatReturn;
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare function InputBar({ chat, placeholder, disabled }: InputBarProps): react_jsx_runtime.JSX.Element;
+
+interface MarkdownProps {
+    content: string;
+    streaming?: boolean;
+}
+declare function Markdown({ content, streaming }: MarkdownProps): react_jsx_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    copyable?: boolean;
+}
+declare function CodeBlock({ code, language, copyable }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+interface ToolCallViewProps {
+    toolCall: ToolCall;
+}
+declare function ToolCallView({ toolCall }: ToolCallViewProps): react_jsx_runtime.JSX.Element;
+
+interface ThinkingIndicatorProps {
+    visible: boolean;
+    label?: string;
+}
+declare function ThinkingIndicator({ visible, label }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { ChatContainer, type ChatContainerProps, CodeBlock, type CodeBlockProps, InputBar, type InputBarProps, Markdown, type MarkdownProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, useChat, useReactive, useStream };

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+import { StreamSource, UseStreamOptions, UseStreamReturn, ChatConfig, ChatReturn, Message as Message$1, ToolCall } from '@agentskit/core';
+export { AdapterContext, AdapterFactory, AdapterRequest, ChatConfig, ChatController, ChatMemory, ChatReturn, ChatState, MaybePromise, MemoryRecord, MessageRole, MessageStatus, Message as MessageType, RetrievedDocument, Retriever, RetrieverRequest, StreamChunk, StreamSource, StreamStatus, StreamToolCallPayload, ToolCall, ToolCallHandlerContext, ToolCallStatus, ToolDefinition, ToolExecutionContext, UseStreamOptions, UseStreamReturn, createChatController, createFileMemory, createInMemoryMemory, createLocalStorageMemory, createStaticRetriever, formatRetrievedDocuments } from '@agentskit/core';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+declare function useStream(source: StreamSource, options?: UseStreamOptions): UseStreamReturn;
+
+declare function useReactive<T extends Record<string, unknown>>(initialState: T): T;
+
+declare function useChat(config: ChatConfig): ChatReturn;
+
+interface ChatContainerProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function ChatContainer({ children, className }: ChatContainerProps): react_jsx_runtime.JSX.Element;
+
+interface MessageProps {
+    message: Message$1;
+    avatar?: ReactNode;
+    actions?: ReactNode;
+}
+declare function Message({ message, avatar, actions }: MessageProps): react_jsx_runtime.JSX.Element;
+
+interface InputBarProps {
+    chat: ChatReturn;
+    placeholder?: string;
+    disabled?: boolean;
+}
+declare function InputBar({ chat, placeholder, disabled }: InputBarProps): react_jsx_runtime.JSX.Element;
+
+interface MarkdownProps {
+    content: string;
+    streaming?: boolean;
+}
+declare function Markdown({ content, streaming }: MarkdownProps): react_jsx_runtime.JSX.Element;
+
+interface CodeBlockProps {
+    code: string;
+    language?: string;
+    copyable?: boolean;
+}
+declare function CodeBlock({ code, language, copyable }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+interface ToolCallViewProps {
+    toolCall: ToolCall;
+}
+declare function ToolCallView({ toolCall }: ToolCallViewProps): react_jsx_runtime.JSX.Element;
+
+interface ThinkingIndicatorProps {
+    visible: boolean;
+    label?: string;
+}
+declare function ThinkingIndicator({ visible, label }: ThinkingIndicatorProps): react_jsx_runtime.JSX.Element | null;
+
+export { ChatContainer, type ChatContainerProps, CodeBlock, type CodeBlockProps, InputBar, type InputBarProps, Markdown, type MarkdownProps, Message, type MessageProps, ThinkingIndicator, type ThinkingIndicatorProps, ToolCallView, type ToolCallViewProps, useChat, useReactive, useStream };

package/dist/index.js

@@ -0,0 +1,243 @@
+import { createChatController } from '@agentskit/core';
+export { createChatController, createFileMemory, createInMemoryMemory, createLocalStorageMemory, createStaticRetriever, formatRetrievedDocuments } from '@agentskit/core';
+import { useState, useRef, useEffect, useCallback, useSyncExternalStore } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/index.ts
+function useStream(source, options) {
+  const [data, setData] = useState(null);
+  const [text, setText] = useState("");
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(null);
+  const sourceRef = useRef(source);
+  const optionsRef = useRef(options);
+  const abortedRef = useRef(false);
+  sourceRef.current = source;
+  optionsRef.current = options;
+  useEffect(() => {
+    let cancelled = false;
+    abortedRef.current = false;
+    setStatus("streaming");
+    setText("");
+    setData(null);
+    setError(null);
+    let accumulated = "";
+    const consume = async () => {
+      try {
+        const iterator = sourceRef.current.stream();
+        for await (const chunk of iterator) {
+          if (cancelled || abortedRef.current) return;
+          setData(chunk);
+          optionsRef.current?.onChunk?.(chunk);
+          if (chunk.type === "text" && chunk.content) {
+            accumulated += chunk.content;
+            setText(accumulated);
+          } else if (chunk.type === "error") {
+            const err = new Error(chunk.content ?? "Stream error");
+            setError(err);
+            setStatus("error");
+            optionsRef.current?.onError?.(err);
+            return;
+          } else if (chunk.type === "done") {
+            setStatus("complete");
+            optionsRef.current?.onComplete?.(accumulated);
+            return;
+          }
+        }
+        if (!cancelled && !abortedRef.current) {
+          setStatus("complete");
+          optionsRef.current?.onComplete?.(accumulated);
+        }
+      } catch (err) {
+        if (!cancelled && !abortedRef.current) {
+          const error2 = err instanceof Error ? err : new Error(String(err));
+          setError(error2);
+          setStatus("error");
+          optionsRef.current?.onError?.(error2);
+        }
+      }
+    };
+    consume();
+    return () => {
+      cancelled = true;
+    };
+  }, [source]);
+  const stop = useCallback(() => {
+    abortedRef.current = true;
+    sourceRef.current.abort();
+  }, []);
+  return { data, text, status, error, stop };
+}
+function useReactive(initialState) {
+  const storeRef = useRef(null);
+  if (storeRef.current === null) {
+    const store2 = {
+      state: { ...initialState },
+      listeners: /* @__PURE__ */ new Set(),
+      proxy: null,
+      version: 0
+    };
+    const notify = () => {
+      store2.version++;
+      store2.listeners.forEach((listener) => listener());
+    };
+    store2.proxy = new Proxy(store2.state, {
+      get(target, prop, receiver) {
+        return Reflect.get(target, prop, receiver);
+      },
+      set(target, prop, value, receiver) {
+        const result = Reflect.set(target, prop, value, receiver);
+        notify();
+        return result;
+      }
+    });
+    storeRef.current = store2;
+  }
+  const store = storeRef.current;
+  const subscribe = useCallback((callback) => {
+    store.listeners.add(callback);
+    return () => {
+      store.listeners.delete(callback);
+    };
+  }, [store]);
+  const getSnapshot = useCallback(() => store.version, [store]);
+  useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return store.proxy;
+}
+function useChat(config) {
+  const controllerRef = useRef(null);
+  if (!controllerRef.current) {
+    controllerRef.current = createChatController(config);
+  }
+  useEffect(() => {
+    controllerRef.current?.updateConfig(config);
+  }, [config]);
+  const state = useSyncExternalStore(
+    controllerRef.current.subscribe,
+    controllerRef.current.getState,
+    controllerRef.current.getState
+  );
+  return {
+    ...state,
+    send: controllerRef.current.send,
+    stop: controllerRef.current.stop,
+    retry: controllerRef.current.retry,
+    setInput: controllerRef.current.setInput,
+    clear: controllerRef.current.clear
+  };
+}
+function ChatContainer({ children, className }) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const observer = new MutationObserver(() => {
+      el.scrollTop = el.scrollHeight;
+    });
+    observer.observe(el, { childList: true, subtree: true, characterData: true });
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      "data-ak-chat-container": "",
+      "data-testid": "ak-chat-container",
+      className,
+      style: { overflow: "auto" },
+      children
+    }
+  );
+}
+function Message({ message, avatar, actions }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-ak-message": "",
+      "data-ak-role": message.role,
+      "data-ak-status": message.status,
+      children: [
+        avatar && /* @__PURE__ */ jsx("div", { "data-ak-avatar": "", children: avatar }),
+        /* @__PURE__ */ jsx("div", { "data-ak-content": "", children: message.content }),
+        actions && /* @__PURE__ */ jsx("div", { "data-ak-actions": "", children: actions })
+      ]
+    }
+  );
+}
+function InputBar({ chat, placeholder = "Type a message...", disabled = false }) {
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (chat.input.trim()) {
+      chat.send(chat.input);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      if (chat.input.trim()) {
+        chat.send(chat.input);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs("form", { "data-ak-input-bar": "", onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        role: "textbox",
+        value: chat.input,
+        onChange: (e) => chat.setInput(e.target.value),
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled,
+        "data-ak-input": "",
+        rows: 1
+      }
+    ),
+    /* @__PURE__ */ jsx("button", { type: "submit", disabled: disabled || !chat.input.trim(), "data-ak-send": "", children: "Send" })
+  ] });
+}
+function Markdown({ content, streaming = false }) {
+  return /* @__PURE__ */ jsx("div", { "data-ak-markdown": "", "data-ak-streaming": streaming ? "true" : void 0, children: content });
+}
+function CodeBlock({ code, language, copyable = false }) {
+  const handleCopy = useCallback(() => {
+    navigator.clipboard.writeText(code);
+  }, [code]);
+  return /* @__PURE__ */ jsxs("div", { "data-ak-code-block": "", "data-ak-language": language, children: [
+    /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }),
+    copyable && /* @__PURE__ */ jsx("button", { onClick: handleCopy, "data-ak-copy": "", type: "button", children: "Copy" })
+  ] });
+}
+function ToolCallView({ toolCall }) {
+  const [expanded, setExpanded] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { "data-ak-tool-call": "", "data-ak-tool-status": toolCall.status, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        "data-ak-tool-toggle": "",
+        type: "button",
+        children: toolCall.name
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxs("div", { "data-ak-tool-details": "", children: [
+      /* @__PURE__ */ jsx("pre", { "data-ak-tool-args": "", children: JSON.stringify(toolCall.args, null, 2) }),
+      toolCall.result && /* @__PURE__ */ jsx("div", { "data-ak-tool-result": "", children: toolCall.result })
+    ] })
+  ] });
+}
+function ThinkingIndicator({ visible, label = "Thinking..." }) {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs("div", { "data-ak-thinking": "", "data-testid": "ak-thinking", children: [
+    /* @__PURE__ */ jsxs("span", { "data-ak-thinking-dots": "", children: [
+      /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+      /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+      /* @__PURE__ */ jsx("span", { children: "\u2022" })
+    ] }),
+    /* @__PURE__ */ jsx("span", { "data-ak-thinking-label": "", children: label })
+  ] });
+}
+
+export { ChatContainer, CodeBlock, InputBar, Markdown, Message, ThinkingIndicator, ToolCallView, useChat, useReactive, useStream };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/useStream.ts","../src/useReactive.ts","../src/useChat.ts","../src/components/ChatContainer.tsx","../src/components/Message.tsx","../src/components/InputBar.tsx","../src/components/Markdown.tsx","../src/components/CodeBlock.tsx","../src/components/ToolCallView.tsx","../src/components/ThinkingIndicator.tsx"],"names":["error","useRef","store","useCallback","useEffect","useSyncExternalStore","jsx","jsxs","useState"],"mappings":"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","file":"index.js","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react'\nimport type { StreamSource, StreamChunk, StreamStatus, UseStreamOptions, UseStreamReturn } from '@agentskit/core'\n\nexport function useStream(\n  source: StreamSource,\n  options?: UseStreamOptions\n): UseStreamReturn {\n  const [data, setData] = useState<StreamChunk | null>(null)\n  const [text, setText] = useState('')\n  const [status, setStatus] = useState<StreamStatus>('idle')\n  const [error, setError] = useState<Error | null>(null)\n  const sourceRef = useRef(source)\n  const optionsRef = useRef(options)\n  const abortedRef = useRef(false)\n\n  sourceRef.current = source\n  optionsRef.current = options\n\n  useEffect(() => {\n    let cancelled = false\n    abortedRef.current = false\n    setStatus('streaming')\n    setText('')\n    setData(null)\n    setError(null)\n\n    let accumulated = ''\n\n    const consume = async () => {\n      try {\n        const iterator = sourceRef.current.stream()\n        for await (const chunk of iterator) {\n          if (cancelled || abortedRef.current) return\n\n          setData(chunk)\n          optionsRef.current?.onChunk?.(chunk)\n\n          if (chunk.type === 'text' && chunk.content) {\n            accumulated += chunk.content\n            setText(accumulated)\n          } else if (chunk.type === 'error') {\n            const err = new Error(chunk.content ?? 'Stream error')\n            setError(err)\n            setStatus('error')\n            optionsRef.current?.onError?.(err)\n            return\n          } else if (chunk.type === 'done') {\n            setStatus('complete')\n            optionsRef.current?.onComplete?.(accumulated)\n            return\n          }\n        }\n\n        if (!cancelled && !abortedRef.current) {\n          setStatus('complete')\n          optionsRef.current?.onComplete?.(accumulated)\n        }\n      } catch (err) {\n        if (!cancelled && !abortedRef.current) {\n          const error = err instanceof Error ? err : new Error(String(err))\n          setError(error)\n          setStatus('error')\n          optionsRef.current?.onError?.(error)\n        }\n      }\n    }\n\n    consume()\n\n    return () => {\n      cancelled = true\n    }\n  }, [source])\n\n  const stop = useCallback(() => {\n    abortedRef.current = true\n    sourceRef.current.abort()\n  }, [])\n\n  return { data, text, status, error, stop }\n}\n","import { useRef, useSyncExternalStore, useCallback } from 'react'\n\nexport function useReactive<T extends Record<string, unknown>>(initialState: T): T {\n  const storeRef = useRef<{\n    state: T\n    listeners: Set<() => void>\n    proxy: T\n    version: number\n  } | null>(null)\n\n  if (storeRef.current === null) {\n    const store = {\n      state: { ...initialState },\n      listeners: new Set<() => void>(),\n      proxy: null as unknown as T,\n      version: 0,\n    }\n\n    const notify = () => {\n      store.version++\n      store.listeners.forEach(listener => listener())\n    }\n\n    store.proxy = new Proxy(store.state, {\n      get(target, prop, receiver) {\n        return Reflect.get(target, prop, receiver)\n      },\n      set(target, prop, value, receiver) {\n        const result = Reflect.set(target, prop, value, receiver)\n        notify()\n        return result\n      },\n    }) as T\n\n    storeRef.current = store\n  }\n\n  const store = storeRef.current\n\n  const subscribe = useCallback((callback: () => void) => {\n    store.listeners.add(callback)\n    return () => { store.listeners.delete(callback) }\n  }, [store])\n\n  const getSnapshot = useCallback(() => store.version, [store])\n\n  useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n  return store.proxy\n}\n","// NOTE: This hook is identical in @agentskit/react and @agentskit/ink.\n// Changes here must be mirrored in packages/ink/src/useChat.ts.\nimport { useEffect, useRef, useSyncExternalStore } from 'react'\nimport { createChatController } from '@agentskit/core'\nimport type { ChatConfig, ChatController, ChatReturn } from '@agentskit/core'\n\nexport function useChat(config: ChatConfig): ChatReturn {\n  const controllerRef = useRef<ChatController | null>(null)\n\n  if (!controllerRef.current) {\n    controllerRef.current = createChatController(config)\n  }\n\n  useEffect(() => {\n    controllerRef.current?.updateConfig(config)\n  }, [config])\n\n  const state = useSyncExternalStore(\n    controllerRef.current.subscribe,\n    controllerRef.current.getState,\n    controllerRef.current.getState\n  )\n\n  return {\n    ...state,\n    send: controllerRef.current.send,\n    stop: controllerRef.current.stop,\n    retry: controllerRef.current.retry,\n    setInput: controllerRef.current.setInput,\n    clear: controllerRef.current.clear,\n  }\n}\n","import React, { useRef, useEffect, type ReactNode } from 'react'\n\nexport interface ChatContainerProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function ChatContainer({ children, className }: ChatContainerProps) {\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    const el = containerRef.current\n    if (!el) return\n\n    const observer = new MutationObserver(() => {\n      el.scrollTop = el.scrollHeight\n    })\n\n    observer.observe(el, { childList: true, subtree: true, characterData: true })\n    return () => observer.disconnect()\n  }, [])\n\n  return (\n    <div\n      ref={containerRef}\n      data-ak-chat-container=\"\"\n      data-testid=\"ak-chat-container\"\n      className={className}\n      style={{ overflow: 'auto' }}\n    >\n      {children}\n    </div>\n  )\n}\n","import React, { type ReactNode } from 'react'\nimport type { Message as MessageType } from '@agentskit/core'\n\nexport interface MessageProps {\n  message: MessageType\n  avatar?: ReactNode\n  actions?: ReactNode\n}\n\nexport function Message({ message, avatar, actions }: MessageProps) {\n  return (\n    <div\n      data-ak-message=\"\"\n      data-ak-role={message.role}\n      data-ak-status={message.status}\n    >\n      {avatar && <div data-ak-avatar=\"\">{avatar}</div>}\n      <div data-ak-content=\"\">{message.content}</div>\n      {actions && <div data-ak-actions=\"\">{actions}</div>}\n    </div>\n  )\n}\n","import React, { type FormEvent, type KeyboardEvent } from 'react'\nimport type { ChatReturn } from '@agentskit/core'\n\nexport interface InputBarProps {\n  chat: ChatReturn\n  placeholder?: string\n  disabled?: boolean\n}\n\nexport function InputBar({ chat, placeholder = 'Type a message...', disabled = false }: InputBarProps) {\n  const handleSubmit = (e: FormEvent) => {\n    e.preventDefault()\n    if (chat.input.trim()) {\n      chat.send(chat.input)\n    }\n  }\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault()\n      if (chat.input.trim()) {\n        chat.send(chat.input)\n      }\n    }\n  }\n\n  return (\n    <form data-ak-input-bar=\"\" onSubmit={handleSubmit}>\n      <textarea\n        role=\"textbox\"\n        value={chat.input}\n        onChange={(e) => chat.setInput(e.target.value)}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        data-ak-input=\"\"\n        rows={1}\n      />\n      <button type=\"submit\" disabled={disabled || !chat.input.trim()} data-ak-send=\"\">\n        Send\n      </button>\n    </form>\n  )\n}\n","import React from 'react'\n\nexport interface MarkdownProps {\n  content: string\n  streaming?: boolean\n}\n\nexport function Markdown({ content, streaming = false }: MarkdownProps) {\n  return (\n    <div data-ak-markdown=\"\" data-ak-streaming={streaming ? 'true' : undefined}>\n      {content}\n    </div>\n  )\n}\n","import React, { useCallback } from 'react'\n\nexport interface CodeBlockProps {\n  code: string\n  language?: string\n  copyable?: boolean\n}\n\nexport function CodeBlock({ code, language, copyable = false }: CodeBlockProps) {\n  const handleCopy = useCallback(() => {\n    navigator.clipboard.writeText(code)\n  }, [code])\n\n  return (\n    <div data-ak-code-block=\"\" data-ak-language={language}>\n      <pre>\n        <code>{code}</code>\n      </pre>\n      {copyable && (\n        <button onClick={handleCopy} data-ak-copy=\"\" type=\"button\">\n          Copy\n        </button>\n      )}\n    </div>\n  )\n}\n","import React, { useState } from 'react'\nimport type { ToolCall } from '@agentskit/core'\n\nexport interface ToolCallViewProps {\n  toolCall: ToolCall\n}\n\nexport function ToolCallView({ toolCall }: ToolCallViewProps) {\n  const [expanded, setExpanded] = useState(false)\n\n  return (\n    <div data-ak-tool-call=\"\" data-ak-tool-status={toolCall.status}>\n      <button\n        onClick={() => setExpanded(!expanded)}\n        data-ak-tool-toggle=\"\"\n        type=\"button\"\n      >\n        {toolCall.name}\n      </button>\n      {expanded && (\n        <div data-ak-tool-details=\"\">\n          <pre data-ak-tool-args=\"\">\n            {JSON.stringify(toolCall.args, null, 2)}\n          </pre>\n          {toolCall.result && (\n            <div data-ak-tool-result=\"\">{toolCall.result}</div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n","import React from 'react'\n\nexport interface ThinkingIndicatorProps {\n  visible: boolean\n  label?: string\n}\n\nexport function ThinkingIndicator({ visible, label = 'Thinking...' }: ThinkingIndicatorProps) {\n  if (!visible) return null\n\n  return (\n    <div data-ak-thinking=\"\" data-testid=\"ak-thinking\">\n      <span data-ak-thinking-dots=\"\">\n        <span>&bull;</span><span>&bull;</span><span>&bull;</span>\n      </span>\n      <span data-ak-thinking-label=\"\">{label}</span>\n    </div>\n  )\n}\n"]}

package/dist/theme/default.css

@@ -0,0 +1,215 @@
+@import './tokens.css';
+
+[data-ak-chat-container] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ak-spacing-md);
+  padding: var(--ak-spacing-lg);
+  background: var(--ak-color-bg);
+  font-family: var(--ak-font-family);
+  font-size: var(--ak-font-size);
+  line-height: var(--ak-line-height);
+  color: var(--ak-color-text);
+  height: 100%;
+  overflow-y: auto;
+}
+
+[data-ak-message] {
+  display: flex;
+  gap: var(--ak-spacing-sm);
+  max-width: 80%;
+  animation: ak-fade-in var(--ak-transition);
+}
+
+[data-ak-role="user"] {
+  align-self: flex-end;
+  flex-direction: row-reverse;
+}
+
+[data-ak-role="assistant"] {
+  align-self: flex-start;
+}
+
+[data-ak-content] {
+  padding: var(--ak-spacing-md) var(--ak-spacing-lg);
+  border-radius: var(--ak-radius-lg);
+  word-break: break-word;
+}
+
+[data-ak-role="user"] [data-ak-content] {
+  background: var(--ak-color-bubble-user);
+  color: var(--ak-color-bubble-user-text);
+  border-bottom-right-radius: var(--ak-spacing-xs);
+}
+
+[data-ak-role="assistant"] [data-ak-content] {
+  background: var(--ak-color-bubble-assistant);
+  color: var(--ak-color-bubble-assistant-text);
+  border-bottom-left-radius: var(--ak-spacing-xs);
+}
+
+[data-ak-avatar] {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  background: var(--ak-color-surface);
+  border: 1px solid var(--ak-color-border);
+}
+
+[data-ak-status="streaming"] [data-ak-content]::after {
+  content: '\2588';
+  animation: ak-blink 1s step-end infinite;
+  color: var(--ak-color-text-muted);
+}
+
+[data-ak-input-bar] {
+  display: flex;
+  gap: var(--ak-spacing-sm);
+  padding: var(--ak-spacing-md);
+  background: var(--ak-color-surface);
+  border-top: 1px solid var(--ak-color-border);
+}
+
+[data-ak-input] {
+  flex: 1;
+  padding: var(--ak-spacing-sm) var(--ak-spacing-md);
+  border: 1px solid var(--ak-color-input-border);
+  border-radius: var(--ak-radius);
+  background: var(--ak-color-input-bg);
+  color: var(--ak-color-text);
+  font-family: var(--ak-font-family);
+  font-size: var(--ak-font-size);
+  resize: none;
+  outline: none;
+  transition: border-color var(--ak-transition);
+}
+
+[data-ak-input]:focus {
+  border-color: var(--ak-color-input-focus);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ak-color-input-focus) 20%, transparent);
+}
+
+[data-ak-send] {
+  padding: var(--ak-spacing-sm) var(--ak-spacing-lg);
+  background: var(--ak-color-button);
+  color: var(--ak-color-button-text);
+  border: none;
+  border-radius: var(--ak-radius);
+  cursor: pointer;
+  font-family: var(--ak-font-family);
+  font-size: var(--ak-font-size);
+  font-weight: 500;
+  transition: opacity var(--ak-transition);
+}
+
+[data-ak-send]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+[data-ak-markdown] {
+  line-height: var(--ak-line-height);
+}
+
+[data-ak-code-block] {
+  position: relative;
+  border-radius: var(--ak-radius);
+  overflow: hidden;
+}
+
+[data-ak-code-block] pre {
+  margin: 0;
+  padding: var(--ak-spacing-lg);
+  background: var(--ak-color-code-bg);
+  color: var(--ak-color-code-text);
+  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
+  font-size: var(--ak-font-size-sm);
+  line-height: 1.6;
+  overflow-x: auto;
+}
+
+[data-ak-copy] {
+  position: absolute;
+  top: var(--ak-spacing-sm);
+  right: var(--ak-spacing-sm);
+  padding: var(--ak-spacing-xs) var(--ak-spacing-sm);
+  background: rgba(255, 255, 255, 0.1);
+  color: var(--ak-color-code-text);
+  border: none;
+  border-radius: var(--ak-spacing-xs);
+  cursor: pointer;
+  font-size: var(--ak-font-size-sm);
+  opacity: 0;
+  transition: opacity var(--ak-transition);
+}
+
+[data-ak-code-block]:hover [data-ak-copy] {
+  opacity: 1;
+}
+
+[data-ak-tool-call] {
+  border: 1px solid var(--ak-color-tool-border);
+  border-radius: var(--ak-radius);
+  background: var(--ak-color-tool-bg);
+  overflow: hidden;
+}
+
+[data-ak-tool-toggle] {
+  display: block;
+  width: 100%;
+  padding: var(--ak-spacing-sm) var(--ak-spacing-md);
+  background: none;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  font-family: var(--ak-font-family);
+  font-size: var(--ak-font-size-sm);
+  font-weight: 600;
+  color: inherit;
+}
+
+[data-ak-tool-details] {
+  padding: var(--ak-spacing-sm) var(--ak-spacing-md);
+  border-top: 1px solid var(--ak-color-tool-border);
+}
+
+[data-ak-tool-args] {
+  margin: 0;
+  font-size: var(--ak-font-size-sm);
+  font-family: monospace;
+}
+
+[data-ak-thinking] {
+  display: flex;
+  align-items: center;
+  gap: var(--ak-spacing-sm);
+  padding: var(--ak-spacing-sm) var(--ak-spacing-md);
+  color: var(--ak-color-text-muted);
+  font-size: var(--ak-font-size-sm);
+}
+
+[data-ak-thinking-dots] span {
+  animation: ak-blink 1.4s infinite both;
+}
+
+[data-ak-thinking-dots] span:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+[data-ak-thinking-dots] span:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+@keyframes ak-fade-in {
+  from { opacity: 0; transform: translateY(4px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes ak-blink {
+  0%, 80%, 100% { opacity: 0.3; }
+  40% { opacity: 1; }
+}

package/dist/theme/tokens.css

@@ -0,0 +1,79 @@
+:root {
+  --ak-color-bg: #ffffff;
+  --ak-color-surface: #f9fafb;
+  --ak-color-border: #e5e7eb;
+  --ak-color-text: #111827;
+  --ak-color-text-muted: #6b7280;
+  --ak-color-bubble-user: #2563eb;
+  --ak-color-bubble-user-text: #ffffff;
+  --ak-color-bubble-assistant: #f3f4f6;
+  --ak-color-bubble-assistant-text: #111827;
+  --ak-color-input-bg: #ffffff;
+  --ak-color-input-border: #d1d5db;
+  --ak-color-input-focus: #2563eb;
+  --ak-color-button: #2563eb;
+  --ak-color-button-text: #ffffff;
+  --ak-color-code-bg: #1f2937;
+  --ak-color-code-text: #e5e7eb;
+  --ak-color-tool-bg: #fef3c7;
+  --ak-color-tool-border: #f59e0b;
+  --ak-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  --ak-font-size: 14px;
+  --ak-font-size-sm: 12px;
+  --ak-font-size-lg: 16px;
+  --ak-line-height: 1.5;
+  --ak-radius: 8px;
+  --ak-radius-lg: 12px;
+  --ak-spacing-xs: 4px;
+  --ak-spacing-sm: 8px;
+  --ak-spacing-md: 12px;
+  --ak-spacing-lg: 16px;
+  --ak-spacing-xl: 24px;
+  --ak-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  --ak-transition: 150ms ease;
+}
+
+[data-theme="dark"],
+.dark {
+  --ak-color-bg: #111827;
+  --ak-color-surface: #1f2937;
+  --ak-color-border: #374151;
+  --ak-color-text: #f9fafb;
+  --ak-color-text-muted: #9ca3af;
+  --ak-color-bubble-user: #3b82f6;
+  --ak-color-bubble-user-text: #ffffff;
+  --ak-color-bubble-assistant: #1f2937;
+  --ak-color-bubble-assistant-text: #f9fafb;
+  --ak-color-input-bg: #1f2937;
+  --ak-color-input-border: #4b5563;
+  --ak-color-input-focus: #3b82f6;
+  --ak-color-button: #3b82f6;
+  --ak-color-button-text: #ffffff;
+  --ak-color-code-bg: #0f172a;
+  --ak-color-code-text: #e2e8f0;
+  --ak-color-tool-bg: #451a03;
+  --ak-color-tool-border: #d97706;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    --ak-color-bg: #111827;
+    --ak-color-surface: #1f2937;
+    --ak-color-border: #374151;
+    --ak-color-text: #f9fafb;
+    --ak-color-text-muted: #9ca3af;
+    --ak-color-bubble-user: #3b82f6;
+    --ak-color-bubble-user-text: #ffffff;
+    --ak-color-bubble-assistant: #1f2937;
+    --ak-color-bubble-assistant-text: #f9fafb;
+    --ak-color-input-bg: #1f2937;
+    --ak-color-input-border: #4b5563;
+    --ak-color-input-focus: #3b82f6;
+    --ak-color-button: #3b82f6;
+    --ak-color-button-text: #ffffff;
+    --ak-color-code-bg: #0f172a;
+    --ak-color-code-text: #e2e8f0;
+    --ak-color-tool-bg: #451a03;
+    --ak-color-tool-border: #d97706;
+  }
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@agentskit/react",
+  "version": "0.4.0",
+  "description": "React hooks and UI components for AgentsKit.",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme": "./dist/theme/default.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@agentskit/core": "0.4.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^24.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "jsdom": "^24.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2",
+    "vitest": "^4.1.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "lint": "tsc --noEmit",
+    "dev": "tsup --watch"
+  }
+}