@assistant-ui/react 0.1.11 → 0.2.0

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.1.11",
+  "version": "0.2.0",
   "license": "MIT",
   "exports": {
     ".": {
@@ -65,6 +65,8 @@
   "dependencies": {
     "@radix-ui/primitive": "^1.1.0",
     "@radix-ui/react-compose-refs": "^1.1.0",
+    "@radix-ui/react-context": "^1.1.0",
+    "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-primitive": "^2.0.0",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-use-callback-ref": "^1.1.0",
@@ -72,7 +74,7 @@
     "nanoid": "^5.0.7",
     "react-textarea-autosize": "^8.5.3",
     "zod": "^3.23.8",
-    "zustand": "^4.5.2"
+    "zustand": "^4.5.4"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -84,8 +86,8 @@
     }
   },
   "devDependencies": {
-    "@ai-sdk/react": "^0.0.4",
-    "@types/node": "^20.14.7",
+    "@ai-sdk/react": "^0.0.11",
+    "@types/node": "^20.14.9",
     "tsup": "^8.1.0",
     "@assistant-ui/tsconfig": "0.0.0"
   },

package/dist/ThreadActions-BLcKtagX.d.mts

@@ -1,98 +0,0 @@
-import { ReactNode, ComponentType } from 'react';
-import { z } from 'zod';
-
-type TextContentPart = {
-    type: "text";
-    text: string;
-};
-type ImageContentPart = {
-    type: "image";
-    image: string;
-};
-type UIContentPart = {
-    type: "ui";
-    display: ReactNode;
-};
-type ToolCallContentPart<TArgs = unknown, TResult = unknown> = {
-    type: "tool-call";
-    toolCallId: string;
-    toolName: string;
-    args: TArgs;
-    result?: TResult;
-};
-type UserContentPart = TextContentPart | ImageContentPart | UIContentPart;
-type AssistantContentPart = TextContentPart | ToolCallContentPart | UIContentPart;
-type AppendContentPart = TextContentPart | ImageContentPart;
-type BaseMessage = {
-    id: string;
-    createdAt: Date;
-};
-type UserMessage = BaseMessage & {
-    role: "user";
-    content: UserContentPart[];
-};
-type AssistantMessage = BaseMessage & {
-    role: "assistant";
-    content: AssistantContentPart[];
-    status: "in_progress" | "done" | "error";
-};
-type AppendMessage = {
-    parentId: string | null;
-    role: "user";
-    content: AppendContentPart[];
-};
-type ThreadMessage = UserMessage | AssistantMessage;
-
-type ContentPartStatus = "done" | "in_progress" | "error";
-type TextContentPartProps = {
-    part: TextContentPart;
-    status: ContentPartStatus;
-};
-type TextContentPartComponent = ComponentType<TextContentPartProps>;
-type ImageContentPartProps = {
-    part: ImageContentPart;
-    status: ContentPartStatus;
-};
-type ImageContentPartComponent = ComponentType<ImageContentPartProps>;
-type UIContentPartProps = {
-    part: UIContentPart;
-    status: ContentPartStatus;
-};
-type UIContentPartComponent = ComponentType<UIContentPartProps>;
-type ToolCallContentPartProps<TArgs = any, TResult = any> = {
-    part: ToolCallContentPart<TArgs, TResult>;
-    status: ContentPartStatus;
-    addResult: (result: any) => void;
-};
-type ToolCallContentPartComponent<TArgs = any, TResult = any> = ComponentType<ToolCallContentPartProps<TArgs, TResult>>;
-
-type ToolExecuteFunction<TArgs, TResult> = (args: TArgs) => TResult | Promise<TResult>;
-type Tool<TArgs = unknown, TResult = unknown> = {
-    description?: string;
-    parameters: z.ZodSchema<TArgs>;
-    execute: ToolExecuteFunction<TArgs, TResult>;
-};
-type ModelConfig = {
-    priority?: number;
-    system?: string;
-    tools?: Record<string, Tool<any, any>>;
-};
-type ModelConfigProvider = () => ModelConfig;
-
-type Unsubscribe = () => void;
-
-type ThreadState = Readonly<{
-    messages: readonly ThreadMessage[];
-    isRunning: boolean;
-}>;
-
-type ThreadActionsState = Readonly<{
-    getBranches: (messageId: string) => readonly string[];
-    switchToBranch: (branchId: string) => void;
-    append: (message: AppendMessage) => void;
-    startRun: (parentId: string | null) => void;
-    cancelRun: () => void;
-    addToolResult: (toolCallId: string, result: any) => void;
-}>;
-
-export type { AssistantContentPart as A, ImageContentPartComponent as I, ModelConfigProvider as M, TextContentPartComponent as T, UIContentPartComponent as U, ToolCallContentPartComponent as a, ToolCallContentPartProps as b, ThreadState as c, ThreadActionsState as d, Unsubscribe as e, ThreadMessage as f, ModelConfig as g, AppendMessage as h, AssistantMessage as i, UserMessage as j, UserContentPart as k, AppendContentPart as l, TextContentPart as m, Tool as n, ImageContentPart as o, ToolCallContentPart as p, UIContentPart as q, TextContentPartProps as r, ImageContentPartProps as s, UIContentPartProps as t };

package/dist/ThreadActions-BLcKtagX.d.ts

@@ -1,98 +0,0 @@
-import { ReactNode, ComponentType } from 'react';
-import { z } from 'zod';
-
-type TextContentPart = {
-    type: "text";
-    text: string;
-};
-type ImageContentPart = {
-    type: "image";
-    image: string;
-};
-type UIContentPart = {
-    type: "ui";
-    display: ReactNode;
-};
-type ToolCallContentPart<TArgs = unknown, TResult = unknown> = {
-    type: "tool-call";
-    toolCallId: string;
-    toolName: string;
-    args: TArgs;
-    result?: TResult;
-};
-type UserContentPart = TextContentPart | ImageContentPart | UIContentPart;
-type AssistantContentPart = TextContentPart | ToolCallContentPart | UIContentPart;
-type AppendContentPart = TextContentPart | ImageContentPart;
-type BaseMessage = {
-    id: string;
-    createdAt: Date;
-};
-type UserMessage = BaseMessage & {
-    role: "user";
-    content: UserContentPart[];
-};
-type AssistantMessage = BaseMessage & {
-    role: "assistant";
-    content: AssistantContentPart[];
-    status: "in_progress" | "done" | "error";
-};
-type AppendMessage = {
-    parentId: string | null;
-    role: "user";
-    content: AppendContentPart[];
-};
-type ThreadMessage = UserMessage | AssistantMessage;
-
-type ContentPartStatus = "done" | "in_progress" | "error";
-type TextContentPartProps = {
-    part: TextContentPart;
-    status: ContentPartStatus;
-};
-type TextContentPartComponent = ComponentType<TextContentPartProps>;
-type ImageContentPartProps = {
-    part: ImageContentPart;
-    status: ContentPartStatus;
-};
-type ImageContentPartComponent = ComponentType<ImageContentPartProps>;
-type UIContentPartProps = {
-    part: UIContentPart;
-    status: ContentPartStatus;
-};
-type UIContentPartComponent = ComponentType<UIContentPartProps>;
-type ToolCallContentPartProps<TArgs = any, TResult = any> = {
-    part: ToolCallContentPart<TArgs, TResult>;
-    status: ContentPartStatus;
-    addResult: (result: any) => void;
-};
-type ToolCallContentPartComponent<TArgs = any, TResult = any> = ComponentType<ToolCallContentPartProps<TArgs, TResult>>;
-
-type ToolExecuteFunction<TArgs, TResult> = (args: TArgs) => TResult | Promise<TResult>;
-type Tool<TArgs = unknown, TResult = unknown> = {
-    description?: string;
-    parameters: z.ZodSchema<TArgs>;
-    execute: ToolExecuteFunction<TArgs, TResult>;
-};
-type ModelConfig = {
-    priority?: number;
-    system?: string;
-    tools?: Record<string, Tool<any, any>>;
-};
-type ModelConfigProvider = () => ModelConfig;
-
-type Unsubscribe = () => void;
-
-type ThreadState = Readonly<{
-    messages: readonly ThreadMessage[];
-    isRunning: boolean;
-}>;
-
-type ThreadActionsState = Readonly<{
-    getBranches: (messageId: string) => readonly string[];
-    switchToBranch: (branchId: string) => void;
-    append: (message: AppendMessage) => void;
-    startRun: (parentId: string | null) => void;
-    cancelRun: () => void;
-    addToolResult: (toolCallId: string, result: any) => void;
-}>;
-
-export type { AssistantContentPart as A, ImageContentPartComponent as I, ModelConfigProvider as M, TextContentPartComponent as T, UIContentPartComponent as U, ToolCallContentPartComponent as a, ToolCallContentPartProps as b, ThreadState as c, ThreadActionsState as d, Unsubscribe as e, ThreadMessage as f, ModelConfig as g, AppendMessage as h, AssistantMessage as i, UserMessage as j, UserContentPart as k, AppendContentPart as l, TextContentPart as m, Tool as n, ImageContentPart as o, ToolCallContentPart as p, UIContentPart as q, TextContentPartProps as r, ImageContentPartProps as s, UIContentPartProps as t };

package/dist/chunk-KUACYNLE.mjs

@@ -1,85 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/context/react/MessageContext.ts
-import { createContext, useContext } from "react";
-var MessageContext = createContext(null);
-var useMessageContext = () => {
-  const context = useContext(MessageContext);
-  if (!context)
-    throw new Error(
-      "This component can only be used inside a component passed to <ThreadPrimitive.Messages components={...} />."
-    );
-  return context;
-};
-
-// src/context/react/ThreadContext.ts
-import { createContext as createContext2, useContext as useContext2 } from "react";
-var ThreadContext = createContext2(null);
-var useThreadContext = () => {
-  const context = useContext2(ThreadContext);
-  if (!context)
-    throw new Error(
-      "This component must be used within an AssistantRuntimeProvider."
-    );
-  return context;
-};
-
-// src/context/react/AssistantContext.ts
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var AssistantContext = createContext3(
-  null
-);
-var useAssistantContext = () => {
-  const context = useContext3(AssistantContext);
-  if (!context)
-    throw new Error(
-      "This component must be used within an AssistantRuntimeProvider."
-    );
-  return context;
-};
-
-// src/context/react/ComposerContext.ts
-import { useContext as useContext4, useMemo } from "react";
-var useComposerContext = () => {
-  const { useComposer } = useThreadContext();
-  const { useEditComposer } = useContext4(MessageContext) ?? {};
-  return useMemo(
-    () => ({
-      useComposer: useEditComposer ?? useComposer,
-      type: useEditComposer ? "edit" : "new"
-    }),
-    [useEditComposer, useComposer]
-  );
-};
-
-// src/context/react/ContentPartContext.ts
-import { createContext as createContext4, useContext as useContext5 } from "react";
-var ContentPartContext = createContext4(
-  null
-);
-var useContentPartContext = () => {
-  const context = useContext5(ContentPartContext);
-  if (!context)
-    throw new Error(
-      "This component can only be used inside a component passed to <MessagePrimitive.Content components={...} >."
-    );
-  return context;
-};
-
-export {
-  __export,
-  MessageContext,
-  useMessageContext,
-  ThreadContext,
-  useThreadContext,
-  AssistantContext,
-  useAssistantContext,
-  useComposerContext,
-  ContentPartContext,
-  useContentPartContext
-};
-//# sourceMappingURL=chunk-KUACYNLE.mjs.map

package/dist/chunk-KUACYNLE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context/react/MessageContext.ts","../src/context/react/ThreadContext.ts","../src/context/react/AssistantContext.ts","../src/context/react/ComposerContext.ts","../src/context/react/ContentPartContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { MessageState } from \"../stores/Message\";\nimport type { EditComposerState } from \"../stores/EditComposer\";\nimport { ReadonlyStore } from \"../ReadonlyStore\";\nimport { MessageUtilsState } from \"../stores/MessageUtils\";\n\nexport type MessageContextValue = {\n  useMessage: ReadonlyStore<MessageState>;\n  useMessageUtils: ReadonlyStore<MessageUtilsState>;\n  useEditComposer: ReadonlyStore<EditComposerState>;\n};\n\nexport const MessageContext = createContext<MessageContextValue | null>(null);\n\nexport const useMessageContext = () => {\n  const context = useContext(MessageContext);\n  if (!context)\n    throw new Error(\n      \"This component can only be used inside a component passed to <ThreadPrimitive.Messages components={...} />.\",\n    );\n  return context;\n};\n","import { createContext, useContext } from \"react\";\nimport type { ComposerState } from \"../stores/Composer\";\nimport type { ThreadState } from \"../stores/Thread\";\nimport type { ThreadViewportState } from \"../stores/ThreadViewport\";\nimport { ThreadActionsState } from \"../stores/ThreadActions\";\nimport { ReadonlyStore } from \"../ReadonlyStore\";\n\nexport type ThreadContextValue = {\n  useThread: ReadonlyStore<ThreadState>;\n  useThreadActions: ReadonlyStore<ThreadActionsState>;\n  useComposer: ReadonlyStore<ComposerState>;\n  useViewport: ReadonlyStore<ThreadViewportState>;\n};\n\nexport const ThreadContext = createContext<ThreadContextValue | null>(null);\n\nexport const useThreadContext = (): ThreadContextValue => {\n  const context = useContext(ThreadContext);\n  if (!context)\n    throw new Error(\n      \"This component must be used within an AssistantRuntimeProvider.\",\n    );\n  return context;\n};\n","import { createContext, useContext } from \"react\";\nimport type { AssistantModelConfigState } from \"../stores/AssistantModelConfig\";\nimport type { AssistantToolUIsState } from \"../stores/AssistantToolUIs\";\nimport { ReadonlyStore } from \"../ReadonlyStore\";\n\nexport type AssistantContextValue = {\n  useModelConfig: ReadonlyStore<AssistantModelConfigState>;\n  useToolUIs: ReadonlyStore<AssistantToolUIsState>;\n};\n\nexport const AssistantContext = createContext<AssistantContextValue | null>(\n  null,\n);\n\nexport const useAssistantContext = (): AssistantContextValue => {\n  const context = useContext(AssistantContext);\n  if (!context)\n    throw new Error(\n      \"This component must be used within an AssistantRuntimeProvider.\",\n    );\n  return context;\n};\n","import { useContext, useMemo } from \"react\";\nimport { MessageContext } from \"./MessageContext\";\nimport { useThreadContext } from \"./ThreadContext\";\nimport type { ComposerState } from \"../stores/Composer\";\nimport type { EditComposerState } from \"../stores/EditComposer\";\nimport { ReadonlyStore } from \"../ReadonlyStore\";\n\nexport type ComposerContextValue = {\n  useComposer: ReadonlyStore<EditComposerState | ComposerState>;\n  type: \"edit\" | \"new\";\n};\n\nexport const useComposerContext = (): ComposerContextValue => {\n  const { useComposer } = useThreadContext();\n  const { useEditComposer } = useContext(MessageContext) ?? {};\n  return useMemo(\n    () => ({\n      useComposer: (useEditComposer ?? useComposer) as ReadonlyStore<\n        EditComposerState | ComposerState\n      >,\n      type: useEditComposer ? (\"edit\" as const) : (\"new\" as const),\n    }),\n    [useEditComposer, useComposer],\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport type { ContentPartState } from \"../stores/ContentPart\";\nimport { ReadonlyStore } from \"../ReadonlyStore\";\n\nexport type ContentPartContextValue = {\n  useContentPart: ReadonlyStore<ContentPartState>;\n};\n\nexport const ContentPartContext = createContext<ContentPartContextValue | null>(\n  null,\n);\n\nexport const useContentPartContext = (): ContentPartContextValue => {\n  const context = useContext(ContentPartContext);\n  if (!context)\n    throw new Error(\n      \"This component can only be used inside a component passed to <MessagePrimitive.Content components={...} >.\",\n    );\n  return context;\n};\n"],"mappings":";;;;;;;AAAA,SAAS,eAAe,kBAAkB;AAYnC,IAAM,iBAAiB,cAA0C,IAAI;AAErE,IAAM,oBAAoB,MAAM;AACrC,QAAM,UAAU,WAAW,cAAc;AACzC,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,SAAO;AACT;;;ACrBA,SAAS,iBAAAA,gBAAe,cAAAC,mBAAkB;AAcnC,IAAM,gBAAgBD,eAAyC,IAAI;AAEnE,IAAM,mBAAmB,MAA0B;AACxD,QAAM,UAAUC,YAAW,aAAa;AACxC,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,SAAO;AACT;;;ACvBA,SAAS,iBAAAC,gBAAe,cAAAC,mBAAkB;AAUnC,IAAM,mBAAmBD;AAAA,EAC9B;AACF;AAEO,IAAM,sBAAsB,MAA6B;AAC9D,QAAM,UAAUC,YAAW,gBAAgB;AAC3C,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,SAAO;AACT;;;ACrBA,SAAS,cAAAC,aAAY,eAAe;AAY7B,IAAM,qBAAqB,MAA4B;AAC5D,QAAM,EAAE,YAAY,IAAI,iBAAiB;AACzC,QAAM,EAAE,gBAAgB,IAAIC,YAAW,cAAc,KAAK,CAAC;AAC3D,SAAO;AAAA,IACL,OAAO;AAAA,MACL,aAAc,mBAAmB;AAAA,MAGjC,MAAM,kBAAmB,SAAoB;AAAA,IAC/C;AAAA,IACA,CAAC,iBAAiB,WAAW;AAAA,EAC/B;AACF;;;ACxBA,SAAS,iBAAAC,gBAAe,cAAAC,mBAAkB;AAQnC,IAAM,qBAAqBD;AAAA,EAChC;AACF;AAEO,IAAM,wBAAwB,MAA+B;AAClE,QAAM,UAAUC,YAAW,kBAAkB;AAC7C,MAAI,CAAC;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AACF,SAAO;AACT;","names":["createContext","useContext","createContext","useContext","useContext","useContext","createContext","useContext"]}