@assistant-ui/react 0.5.92 → 0.5.94

package/dist/ui/thread-config.d.ts

@@ -0,0 +1,143 @@
+import { ComponentType, FC, PropsWithChildren, ReactNode } from "react";
+import { AssistantRuntime } from "../api/AssistantRuntime";
+import { AvatarProps } from "./base/avatar";
+import { TextContentPartComponent, ToolCallContentPartProps } from "../types";
+import { AssistantToolUI } from "../model-config";
+export type SuggestionConfig = {
+    text?: ReactNode | undefined;
+    prompt: string;
+};
+export type ThreadWelcomeConfig = {
+    message?: string | null | undefined;
+    suggestions?: SuggestionConfig[] | undefined;
+};
+export type UserMessageConfig = {
+    allowEdit?: boolean | undefined;
+};
+export type AssistantMessageConfig = {
+    allowReload?: boolean | undefined;
+    allowCopy?: boolean | undefined;
+    allowSpeak?: boolean | undefined;
+    allowFeedbackPositive?: boolean | undefined;
+    allowFeedbackNegative?: boolean | undefined;
+    components?: {
+        Text?: TextContentPartComponent | undefined;
+        ToolFallback?: ComponentType<ToolCallContentPartProps> | undefined;
+    } | undefined;
+};
+export type BranchPickerConfig = {
+    allowBranchPicker?: boolean | undefined;
+};
+export type ComposerConfig = {
+    allowAttachments?: boolean | undefined;
+};
+export type StringsConfig = {
+    assistantModal?: {
+        open: {
+            button: {
+                tooltip?: string | undefined;
+            };
+        };
+        closed: {
+            button: {
+                tooltip?: string | undefined;
+            };
+        };
+    };
+    thread?: {
+        scrollToBottom?: {
+            tooltip?: string | undefined;
+        };
+    };
+    welcome?: {
+        message?: string | undefined;
+    };
+    userMessage?: {
+        edit?: {
+            tooltip?: string | undefined;
+        };
+    };
+    assistantMessage?: {
+        reload?: {
+            tooltip?: string | undefined;
+        };
+        copy?: {
+            tooltip?: string | undefined;
+        };
+        speak?: {
+            tooltip?: string | undefined;
+            stop?: {
+                tooltip?: string | undefined;
+            };
+        };
+        feedback?: {
+            positive?: {
+                tooltip?: string | undefined;
+            };
+            negative?: {
+                tooltip?: string | undefined;
+            };
+        };
+    };
+    branchPicker?: {
+        previous?: {
+            tooltip?: string | undefined;
+        };
+        next?: {
+            tooltip?: string | undefined;
+        };
+    };
+    composer?: {
+        send?: {
+            tooltip?: string | undefined;
+        } | undefined;
+        cancel?: {
+            tooltip?: string | undefined;
+        } | undefined;
+        addAttachment?: {
+            tooltip?: string | undefined;
+        } | undefined;
+        removeAttachment?: {
+            tooltip?: string | undefined;
+        };
+        input?: {
+            placeholder?: string | undefined;
+        };
+    };
+    editComposer?: {
+        send?: {
+            label?: string | undefined;
+        };
+        cancel?: {
+            label?: string | undefined;
+        };
+    };
+    code?: {
+        header?: {
+            copy?: {
+                tooltip?: string | undefined;
+            };
+        };
+    };
+};
+export type ThreadConfig = {
+    runtime?: AssistantRuntime | undefined;
+    assistantAvatar?: AvatarProps | undefined;
+    welcome?: ThreadWelcomeConfig | undefined;
+    assistantMessage?: AssistantMessageConfig | undefined;
+    userMessage?: UserMessageConfig | undefined;
+    branchPicker?: BranchPickerConfig | undefined;
+    composer?: ComposerConfig | undefined;
+    strings?: StringsConfig | undefined;
+    tools?: AssistantToolUI[] | undefined;
+    components?: {
+        Composer?: ComponentType | undefined;
+        ThreadWelcome?: ComponentType | undefined;
+    } | undefined;
+};
+export declare const useThreadConfig: () => Omit<ThreadConfig, "runtime">;
+export type ThreadConfigProviderProps = PropsWithChildren<{
+    config?: ThreadConfig | undefined;
+}>;
+export declare const ThreadConfigProvider: FC<ThreadConfigProviderProps>;
+//# sourceMappingURL=thread-config.d.ts.map

package/dist/ui/thread-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-config.d.ts","sourceRoot":"","sources":["../../src/ui/thread-config.tsx"],"names":[],"mappings":"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"}

package/dist/ui/thread-config.js

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var thread_config_exports = {};
+__export(thread_config_exports, {
+  ThreadConfigProvider: () => ThreadConfigProvider,
+  useThreadConfig: () => useThreadConfig
+});
+module.exports = __toCommonJS(thread_config_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_context = require("../context");
+var import_AssistantContext = require("../context/react/AssistantContext");
+const ThreadConfigContext = (0, import_react.createContext)({});
+const useThreadConfig = () => {
+  return (0, import_react.useContext)(ThreadConfigContext);
+};
+const ThreadConfigProvider = ({
+  children,
+  config
+}) => {
+  const hasAssistant = !!(0, import_AssistantContext.useAssistantRuntime)({ optional: true });
+  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  if (!config?.runtime) return configProvider;
+  if (hasAssistant) {
+    throw new Error(
+      "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
+};
+ThreadConfigProvider.displayName = "ThreadConfigProvider";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThreadConfigProvider,
+  useThreadConfig
+});
+//# sourceMappingURL=thread-config.js.map

package/dist/ui/thread-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/thread-config.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComponentType,\n  FC,\n  PropsWithChildren,\n  ReactNode,\n  createContext,\n  useContext,\n} from \"react\";\n\nimport { AssistantRuntime } from \"../api/AssistantRuntime\";\nimport { AvatarProps } from \"./base/avatar\";\nimport { TextContentPartComponent, ToolCallContentPartProps } from \"../types\";\nimport { AssistantRuntimeProvider } from \"../context\";\nimport { AssistantToolUI } from \"../model-config\";\nimport { useAssistantRuntime } from \"../context/react/AssistantContext\";\n\nexport type SuggestionConfig = {\n  text?: ReactNode | undefined;\n  prompt: string;\n};\n\nexport type ThreadWelcomeConfig = {\n  message?: string | null | undefined;\n  suggestions?: SuggestionConfig[] | undefined;\n};\n\nexport type UserMessageConfig = {\n  allowEdit?: boolean | undefined;\n};\n\nexport type AssistantMessageConfig = {\n  allowReload?: boolean | undefined;\n  allowCopy?: boolean | undefined;\n  allowSpeak?: boolean | undefined;\n  allowFeedbackPositive?: boolean | undefined;\n  allowFeedbackNegative?: boolean | undefined;\n  components?:\n    | {\n        Text?: TextContentPartComponent | undefined;\n        ToolFallback?: ComponentType<ToolCallContentPartProps> | undefined;\n      }\n    | undefined;\n};\n\nexport type BranchPickerConfig = {\n  allowBranchPicker?: boolean | undefined;\n};\n\nexport type ComposerConfig = {\n  allowAttachments?: boolean | undefined;\n};\n\nexport type StringsConfig = {\n  assistantModal?: {\n    open: {\n      button: {\n        tooltip?: string | undefined;\n      };\n    };\n    closed: {\n      button: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n  thread?: {\n    scrollToBottom?: {\n      tooltip?: string | undefined;\n    };\n  };\n  welcome?: {\n    message?: string | undefined;\n  };\n  userMessage?: {\n    edit?: {\n      tooltip?: string | undefined;\n    };\n  };\n  assistantMessage?: {\n    reload?: {\n      tooltip?: string | undefined;\n    };\n    copy?: {\n      tooltip?: string | undefined;\n    };\n    speak?: {\n      tooltip?: string | undefined;\n      stop?: {\n        tooltip?: string | undefined;\n      };\n    };\n    feedback?: {\n      positive?: {\n        tooltip?: string | undefined;\n      };\n      negative?: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n  branchPicker?: {\n    previous?: {\n      tooltip?: string | undefined;\n    };\n    next?: {\n      tooltip?: string | undefined;\n    };\n  };\n  composer?: {\n    send?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    cancel?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    addAttachment?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    removeAttachment?: {\n      tooltip?: string | undefined;\n    };\n    input?: {\n      placeholder?: string | undefined;\n    };\n  };\n  editComposer?: {\n    send?: {\n      label?: string | undefined;\n    };\n    cancel?: {\n      label?: string | undefined;\n    };\n  };\n  code?: {\n    header?: {\n      copy?: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n};\n\nconst ThreadConfigContext = createContext<ThreadConfig>({});\n\nexport type ThreadConfig = {\n  runtime?: AssistantRuntime | undefined;\n\n  assistantAvatar?: AvatarProps | undefined;\n\n  welcome?: ThreadWelcomeConfig | undefined;\n  assistantMessage?: AssistantMessageConfig | undefined;\n  userMessage?: UserMessageConfig | undefined;\n\n  branchPicker?: BranchPickerConfig | undefined;\n\n  composer?: ComposerConfig | undefined;\n\n  strings?: StringsConfig | undefined;\n\n  tools?: AssistantToolUI[] | undefined; // TODO add AssistantTool support\n\n  components?:\n    | {\n        Composer?: ComponentType | undefined;\n        ThreadWelcome?: ComponentType | undefined;\n      }\n    | undefined;\n};\n\nexport const useThreadConfig = (): Omit<ThreadConfig, \"runtime\"> => {\n  return useContext(ThreadConfigContext);\n};\n\nexport type ThreadConfigProviderProps = PropsWithChildren<{\n  config?: ThreadConfig | undefined;\n}>;\n\nexport const ThreadConfigProvider: FC<ThreadConfigProviderProps> = ({\n  children,\n  config,\n}) => {\n  const hasAssistant = !!useAssistantRuntime({ optional: true });\n\n  const configProvider =\n    config && Object.keys(config ?? {}).length > 0 ? (\n      <ThreadConfigContext.Provider value={config}>\n        {children}\n      </ThreadConfigContext.Provider>\n    ) : (\n      <>{children}</>\n    );\n  if (!config?.runtime) return configProvider;\n\n  if (hasAssistant) {\n    throw new Error(\n      \"You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed.\",\n    );\n  }\n  return (\n    <AssistantRuntimeProvider runtime={config.runtime}>\n      {configProvider}\n    </AssistantRuntimeProvider>\n  );\n};\n\nThreadConfigProvider.displayName = \"ThreadConfigProvider\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiMM;AA/LN,mBAOO;AAKP,qBAAyC;AAEzC,8BAAoC;AAsIpC,MAAM,0BAAsB,4BAA4B,CAAC,CAAC;AA2BnD,MAAM,kBAAkB,MAAqC;AAClE,aAAO,yBAAW,mBAAmB;AACvC;AAMO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,KAAC,6CAAoB,EAAE,UAAU,KAAK,CAAC;AAE7D,QAAM,iBACJ,UAAU,OAAO,KAAK,UAAU,CAAC,CAAC,EAAE,SAAS,IAC3C,4CAAC,oBAAoB,UAApB,EAA6B,OAAO,QAClC,UACH,IAEA,2EAAG,UAAS;AAEhB,MAAI,CAAC,QAAQ,QAAS,QAAO;AAE7B,MAAI,cAAc;AAChB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SACE,4CAAC,2CAAyB,SAAS,OAAO,SACvC,0BACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/ui/thread-config.mjs

@@ -0,0 +1,32 @@
+"use client";
+import { Fragment, jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useContext
+} from "react";
+import { AssistantRuntimeProvider } from "../context";
+import { useAssistantRuntime } from "../context/react/AssistantContext";
+const ThreadConfigContext = createContext({});
+const useThreadConfig = () => {
+  return useContext(ThreadConfigContext);
+};
+const ThreadConfigProvider = ({
+  children,
+  config
+}) => {
+  const hasAssistant = !!useAssistantRuntime({ optional: true });
+  const configProvider = config && Object.keys(config ?? {}).length > 0 ? /* @__PURE__ */ jsx(ThreadConfigContext.Provider, { value: config, children }) : /* @__PURE__ */ jsx(Fragment, { children });
+  if (!config?.runtime) return configProvider;
+  if (hasAssistant) {
+    throw new Error(
+      "You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed."
+    );
+  }
+  return /* @__PURE__ */ jsx(AssistantRuntimeProvider, { runtime: config.runtime, children: configProvider });
+};
+ThreadConfigProvider.displayName = "ThreadConfigProvider";
+export {
+  ThreadConfigProvider,
+  useThreadConfig
+};
+//# sourceMappingURL=thread-config.mjs.map

package/dist/ui/thread-config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/thread-config.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ComponentType,\n  FC,\n  PropsWithChildren,\n  ReactNode,\n  createContext,\n  useContext,\n} from \"react\";\n\nimport { AssistantRuntime } from \"../api/AssistantRuntime\";\nimport { AvatarProps } from \"./base/avatar\";\nimport { TextContentPartComponent, ToolCallContentPartProps } from \"../types\";\nimport { AssistantRuntimeProvider } from \"../context\";\nimport { AssistantToolUI } from \"../model-config\";\nimport { useAssistantRuntime } from \"../context/react/AssistantContext\";\n\nexport type SuggestionConfig = {\n  text?: ReactNode | undefined;\n  prompt: string;\n};\n\nexport type ThreadWelcomeConfig = {\n  message?: string | null | undefined;\n  suggestions?: SuggestionConfig[] | undefined;\n};\n\nexport type UserMessageConfig = {\n  allowEdit?: boolean | undefined;\n};\n\nexport type AssistantMessageConfig = {\n  allowReload?: boolean | undefined;\n  allowCopy?: boolean | undefined;\n  allowSpeak?: boolean | undefined;\n  allowFeedbackPositive?: boolean | undefined;\n  allowFeedbackNegative?: boolean | undefined;\n  components?:\n    | {\n        Text?: TextContentPartComponent | undefined;\n        ToolFallback?: ComponentType<ToolCallContentPartProps> | undefined;\n      }\n    | undefined;\n};\n\nexport type BranchPickerConfig = {\n  allowBranchPicker?: boolean | undefined;\n};\n\nexport type ComposerConfig = {\n  allowAttachments?: boolean | undefined;\n};\n\nexport type StringsConfig = {\n  assistantModal?: {\n    open: {\n      button: {\n        tooltip?: string | undefined;\n      };\n    };\n    closed: {\n      button: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n  thread?: {\n    scrollToBottom?: {\n      tooltip?: string | undefined;\n    };\n  };\n  welcome?: {\n    message?: string | undefined;\n  };\n  userMessage?: {\n    edit?: {\n      tooltip?: string | undefined;\n    };\n  };\n  assistantMessage?: {\n    reload?: {\n      tooltip?: string | undefined;\n    };\n    copy?: {\n      tooltip?: string | undefined;\n    };\n    speak?: {\n      tooltip?: string | undefined;\n      stop?: {\n        tooltip?: string | undefined;\n      };\n    };\n    feedback?: {\n      positive?: {\n        tooltip?: string | undefined;\n      };\n      negative?: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n  branchPicker?: {\n    previous?: {\n      tooltip?: string | undefined;\n    };\n    next?: {\n      tooltip?: string | undefined;\n    };\n  };\n  composer?: {\n    send?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    cancel?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    addAttachment?:\n      | {\n          tooltip?: string | undefined;\n        }\n      | undefined;\n    removeAttachment?: {\n      tooltip?: string | undefined;\n    };\n    input?: {\n      placeholder?: string | undefined;\n    };\n  };\n  editComposer?: {\n    send?: {\n      label?: string | undefined;\n    };\n    cancel?: {\n      label?: string | undefined;\n    };\n  };\n  code?: {\n    header?: {\n      copy?: {\n        tooltip?: string | undefined;\n      };\n    };\n  };\n};\n\nconst ThreadConfigContext = createContext<ThreadConfig>({});\n\nexport type ThreadConfig = {\n  runtime?: AssistantRuntime | undefined;\n\n  assistantAvatar?: AvatarProps | undefined;\n\n  welcome?: ThreadWelcomeConfig | undefined;\n  assistantMessage?: AssistantMessageConfig | undefined;\n  userMessage?: UserMessageConfig | undefined;\n\n  branchPicker?: BranchPickerConfig | undefined;\n\n  composer?: ComposerConfig | undefined;\n\n  strings?: StringsConfig | undefined;\n\n  tools?: AssistantToolUI[] | undefined; // TODO add AssistantTool support\n\n  components?:\n    | {\n        Composer?: ComponentType | undefined;\n        ThreadWelcome?: ComponentType | undefined;\n      }\n    | undefined;\n};\n\nexport const useThreadConfig = (): Omit<ThreadConfig, \"runtime\"> => {\n  return useContext(ThreadConfigContext);\n};\n\nexport type ThreadConfigProviderProps = PropsWithChildren<{\n  config?: ThreadConfig | undefined;\n}>;\n\nexport const ThreadConfigProvider: FC<ThreadConfigProviderProps> = ({\n  children,\n  config,\n}) => {\n  const hasAssistant = !!useAssistantRuntime({ optional: true });\n\n  const configProvider =\n    config && Object.keys(config ?? {}).length > 0 ? (\n      <ThreadConfigContext.Provider value={config}>\n        {children}\n      </ThreadConfigContext.Provider>\n    ) : (\n      <>{children}</>\n    );\n  if (!config?.runtime) return configProvider;\n\n  if (hasAssistant) {\n    throw new Error(\n      \"You provided a runtime to <Thread> while simulataneously using <AssistantRuntimeProvider>. This is not allowed.\",\n    );\n  }\n  return (\n    <AssistantRuntimeProvider runtime={config.runtime}>\n      {configProvider}\n    </AssistantRuntimeProvider>\n  );\n};\n\nThreadConfigProvider.displayName = \"ThreadConfigProvider\";\n"],"mappings":";AAiMM,SAIA,UAJA;AA/LN;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AAKP,SAAS,gCAAgC;AAEzC,SAAS,2BAA2B;AAsIpC,MAAM,sBAAsB,cAA4B,CAAC,CAAC;AA2BnD,MAAM,kBAAkB,MAAqC;AAClE,SAAO,WAAW,mBAAmB;AACvC;AAMO,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,CAAC,CAAC,oBAAoB,EAAE,UAAU,KAAK,CAAC;AAE7D,QAAM,iBACJ,UAAU,OAAO,KAAK,UAAU,CAAC,CAAC,EAAE,SAAS,IAC3C,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,QAClC,UACH,IAEA,gCAAG,UAAS;AAEhB,MAAI,CAAC,QAAQ,QAAS,QAAO;AAE7B,MAAI,cAAc;AAChB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SACE,oBAAC,4BAAyB,SAAS,OAAO,SACvC,0BACH;AAEJ;AAEA,qBAAqB,cAAc;","names":[]}

package/dist/ui/thread-welcome.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, type FC } from "react";
+import { SuggestionConfig } from "./thread-config";
+declare const ThreadWelcome: FC;
+declare const ThreadWelcomeMessageStyled: import("react").ForwardRefExoticComponent<Partial<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">> & import("react").RefAttributes<HTMLParagraphElement>>;
+/**
+ * @deprecated Use `ThreadWelcome.Message.Props` instead. This will be removed in 0.6.
+ */
+export type ThreadWelcomeMessageProps = ThreadWelcomeMessage.Props;
+declare namespace ThreadWelcomeMessage {
+    type Element = HTMLParagraphElement;
+    type Props = Omit<ComponentPropsWithoutRef<typeof ThreadWelcomeMessageStyled>, "children"> & {
+        message?: string | undefined;
+    };
+}
+declare const ThreadWelcomeMessage: import("react").ForwardRefExoticComponent<Omit<Omit<Partial<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">> & import("react").RefAttributes<HTMLParagraphElement>, "ref">, "children"> & {
+    message?: string | undefined;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+export type ThreadWelcomeSuggestionProps = {
+    suggestion: SuggestionConfig;
+};
+declare const exports: {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Center: import("react").ForwardRefExoticComponent<Partial<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Avatar: FC;
+    Message: import("react").ForwardRefExoticComponent<Omit<Omit<Partial<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">> & import("react").RefAttributes<HTMLParagraphElement>, "ref">, "children"> & {
+        message?: string | undefined;
+    } & import("react").RefAttributes<HTMLParagraphElement>>;
+    Suggestions: FC;
+    Suggestion: FC<ThreadWelcomeSuggestionProps>;
+};
+declare const _default: typeof ThreadWelcome & typeof exports;
+export default _default;
+//# sourceMappingURL=thread-welcome.d.ts.map

package/dist/ui/thread-welcome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-welcome.d.ts","sourceRoot":"","sources":["../../src/ui/thread-welcome.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAc,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAC;AAIpE,QAAA,MAAM,aAAa,EAAE,EAUpB,CAAC;AAmCF,QAAA,MAAM,0BAA0B,sOAE9B,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,KAAK,CAAC;AAEnE,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,OAAO,GAAG,oBAAoB,CAAC;IAC3C,KAAY,KAAK,GAAG,IAAI,CACtB,wBAAwB,CAAC,OAAO,0BAA0B,CAAC,EAC3D,UAAU,CACX,GAAG;QAAE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC;CACtC;AAED,QAAA,MAAM,oBAAoB;cAHR,MAAM,GAAG,SAAS;wDAkBlC,CAAC;AAYH,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAgCF,QAAA,MAAM,OAAO;;;;;kBAhEK,MAAM,GAAG,SAAS;;;;CAuEnC,CAAC;wBAEsD,OAAO,aAAa,GAC1E,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/thread-welcome.js

@@ -0,0 +1,99 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var thread_welcome_exports = {};
+__export(thread_welcome_exports, {
+  default: () => thread_welcome_default
+});
+module.exports = __toCommonJS(thread_welcome_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_withDefaults = require("./utils/withDefaults");
+var import_avatar = require("./base/avatar");
+var import_thread_config = require("./thread-config");
+var import_primitives = require("../primitives");
+var import_context = require("../context");
+const ThreadWelcome = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ThreadWelcomeRoot, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ThreadWelcomeCenter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeAvatar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeMessage, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeSuggestions, {})
+  ] });
+};
+ThreadWelcome.displayName = "ThreadWelcome";
+const ThreadWelcomeRootStyled = (0, import_withDefaults.withDefaults)("div", {
+  className: "aui-thread-welcome-root"
+});
+const ThreadWelcomeCenter = (0, import_withDefaults.withDefaults)("div", {
+  className: "aui-thread-welcome-center"
+});
+const ThreadWelcomeRoot = (0, import_react.forwardRef)((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ThreadPrimitive.Empty, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeRootStyled, { ...props, ref }) });
+});
+ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
+const ThreadWelcomeAvatar = () => {
+  const { assistantAvatar: avatar = { fallback: "A" } } = (0, import_thread_config.useThreadConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar, { ...avatar });
+};
+const ThreadWelcomeMessageStyled = (0, import_withDefaults.withDefaults)("p", {
+  className: "aui-thread-welcome-message"
+});
+const ThreadWelcomeMessage = (0, import_react.forwardRef)(({ message: messageProp, ...rest }, ref) => {
+  const {
+    welcome: { message } = {},
+    strings: {
+      welcome: { message: defaultMessage = "How can I help you today?" } = {}
+    } = {}
+  } = (0, import_thread_config.useThreadConfig)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message ?? defaultMessage });
+});
+ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
+const ThreadWelcomeSuggestionContainer = (0, import_withDefaults.withDefaults)("div", {
+  className: "aui-thread-welcome-suggestion-container"
+});
+const ThreadWelcomeSuggestionStyled = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Suggestion, {
+  className: "aui-thread-welcome-suggestion"
+});
+const ThreadWelcomeSuggestion = ({
+  suggestion: { text, prompt }
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeSuggestionStyled, { prompt, method: "replace", autoSend: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt }) });
+};
+const ThreadWelcomeSuggestions = () => {
+  const suggestions2 = (0, import_context.useThread)((t) => t.suggestions);
+  const { welcome: { suggestions } = {} } = (0, import_thread_config.useThreadConfig)();
+  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeSuggestionContainer, { children: finalSuggestions?.map((suggestion, idx) => {
+    const key = `${suggestion.prompt}-${idx}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeSuggestion, { suggestion }, key);
+  }) });
+};
+ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
+const exports2 = {
+  Root: ThreadWelcomeRoot,
+  Center: ThreadWelcomeCenter,
+  Avatar: ThreadWelcomeAvatar,
+  Message: ThreadWelcomeMessage,
+  Suggestions: ThreadWelcomeSuggestions,
+  Suggestion: ThreadWelcomeSuggestion
+};
+var thread_welcome_default = Object.assign(ThreadWelcome, exports2);
+//# sourceMappingURL=thread-welcome.js.map

package/dist/ui/thread-welcome.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/thread-welcome.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, type FC } from \"react\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { Avatar } from \"./base/avatar\";\nimport { SuggestionConfig, useThreadConfig } from \"./thread-config\";\nimport { ThreadPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst ThreadWelcome: FC = () => {\n  return (\n    <ThreadWelcomeRoot>\n      <ThreadWelcomeCenter>\n        <ThreadWelcomeAvatar />\n        <ThreadWelcomeMessage />\n      </ThreadWelcomeCenter>\n      <ThreadWelcomeSuggestions />\n    </ThreadWelcomeRoot>\n  );\n};\n\nThreadWelcome.displayName = \"ThreadWelcome\";\n\nconst ThreadWelcomeRootStyled = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-root\",\n});\n\nconst ThreadWelcomeCenter = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-center\",\n});\n\nnamespace ThreadWelcomeRoot {\n  export type Element = HTMLDivElement;\n  export type Props = ComponentPropsWithoutRef<\"div\">;\n}\n\nconst ThreadWelcomeRoot = forwardRef<\n  ThreadWelcomeRoot.Element,\n  ThreadWelcomeRoot.Props\n>((props, ref) => {\n  return (\n    <ThreadPrimitive.Empty>\n      <ThreadWelcomeRootStyled {...props} ref={ref} />\n    </ThreadPrimitive.Empty>\n  );\n});\n\nThreadWelcomeRoot.displayName = \"ThreadWelcomeRoot\";\n\nconst ThreadWelcomeAvatar: FC = () => {\n  const { assistantAvatar: avatar = { fallback: \"A\" } } = useThreadConfig();\n  return <Avatar {...avatar} />;\n};\n\nconst ThreadWelcomeMessageStyled = withDefaults(\"p\", {\n  className: \"aui-thread-welcome-message\",\n});\n\n/**\n * @deprecated Use `ThreadWelcome.Message.Props` instead. This will be removed in 0.6.\n */\nexport type ThreadWelcomeMessageProps = ThreadWelcomeMessage.Props;\n\nnamespace ThreadWelcomeMessage {\n  export type Element = HTMLParagraphElement;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof ThreadWelcomeMessageStyled>,\n    \"children\"\n  > & { message?: string | undefined };\n}\n\nconst ThreadWelcomeMessage = forwardRef<\n  ThreadWelcomeMessage.Element,\n  ThreadWelcomeMessage.Props\n>(({ message: messageProp, ...rest }, ref) => {\n  const {\n    welcome: { message } = {},\n    strings: {\n      welcome: { message: defaultMessage = \"How can I help you today?\" } = {},\n    } = {},\n  } = useThreadConfig();\n  return (\n    <ThreadWelcomeMessageStyled {...rest} ref={ref}>\n      {messageProp ?? message ?? defaultMessage}\n    </ThreadWelcomeMessageStyled>\n  );\n});\n\nThreadWelcomeMessage.displayName = \"ThreadWelcomeMessage\";\n\nconst ThreadWelcomeSuggestionContainer = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-suggestion-container\",\n});\n\nconst ThreadWelcomeSuggestionStyled = withDefaults(ThreadPrimitive.Suggestion, {\n  className: \"aui-thread-welcome-suggestion\",\n});\n\nexport type ThreadWelcomeSuggestionProps = {\n  suggestion: SuggestionConfig;\n};\n\nconst ThreadWelcomeSuggestion: FC<ThreadWelcomeSuggestionProps> = ({\n  suggestion: { text, prompt },\n}) => {\n  return (\n    <ThreadWelcomeSuggestionStyled prompt={prompt} method=\"replace\" autoSend>\n      <span className=\"aui-thread-welcome-suggestion-text\">\n        {text ?? prompt}\n      </span>\n    </ThreadWelcomeSuggestionStyled>\n  );\n};\n\nconst ThreadWelcomeSuggestions: FC = () => {\n  const suggestions2 = useThread((t) => t.suggestions);\n  const { welcome: { suggestions } = {} } = useThreadConfig();\n\n  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;\n\n  return (\n    <ThreadWelcomeSuggestionContainer>\n      {finalSuggestions?.map((suggestion, idx) => {\n        const key = `${suggestion.prompt}-${idx}`;\n        return <ThreadWelcomeSuggestion key={key} suggestion={suggestion} />;\n      })}\n    </ThreadWelcomeSuggestionContainer>\n  );\n};\n\nThreadWelcomeSuggestions.displayName = \"ThreadWelcomeSuggestions\";\n\nconst exports = {\n  Root: ThreadWelcomeRoot,\n  Center: ThreadWelcomeCenter,\n  Avatar: ThreadWelcomeAvatar,\n  Message: ThreadWelcomeMessage,\n  Suggestions: ThreadWelcomeSuggestions,\n  Suggestion: ThreadWelcomeSuggestion,\n};\n\nexport default Object.assign(ThreadWelcome, exports) as typeof ThreadWelcome &\n  typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYM;AAVN,mBAA8D;AAC9D,0BAA6B;AAC7B,oBAAuB;AACvB,2BAAkD;AAClD,wBAAgC;AAChC,qBAA0B;AAE1B,MAAM,gBAAoB,MAAM;AAC9B,SACE,6CAAC,qBACC;AAAA,iDAAC,uBACC;AAAA,kDAAC,uBAAoB;AAAA,MACrB,4CAAC,wBAAqB;AAAA,OACxB;AAAA,IACA,4CAAC,4BAAyB;AAAA,KAC5B;AAEJ;AAEA,cAAc,cAAc;AAE5B,MAAM,8BAA0B,kCAAa,OAAO;AAAA,EAClD,WAAW;AACb,CAAC;AAED,MAAM,0BAAsB,kCAAa,OAAO;AAAA,EAC9C,WAAW;AACb,CAAC;AAOD,MAAM,wBAAoB,yBAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,4CAAC,kCAAgB,OAAhB,EACC,sDAAC,2BAAyB,GAAG,OAAO,KAAU,GAChD;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,MAAM,sBAA0B,MAAM;AACpC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,QAAI,sCAAgB;AACxE,SAAO,4CAAC,wBAAQ,GAAG,QAAQ;AAC7B;AAEA,MAAM,iCAA6B,kCAAa,KAAK;AAAA,EACnD,WAAW;AACb,CAAC;AAeD,MAAM,2BAAuB,yBAG3B,CAAC,EAAE,SAAS,aAAa,GAAG,KAAK,GAAG,QAAQ;AAC5C,QAAM;AAAA,IACJ,SAAS,EAAE,QAAQ,IAAI,CAAC;AAAA,IACxB,SAAS;AAAA,MACP,SAAS,EAAE,SAAS,iBAAiB,4BAA4B,IAAI,CAAC;AAAA,IACxE,IAAI,CAAC;AAAA,EACP,QAAI,sCAAgB;AACpB,SACE,4CAAC,8BAA4B,GAAG,MAAM,KACnC,yBAAe,WAAW,gBAC7B;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,uCAAmC,kCAAa,OAAO;AAAA,EAC3D,WAAW;AACb,CAAC;AAED,MAAM,oCAAgC,kCAAa,kCAAgB,YAAY;AAAA,EAC7E,WAAW;AACb,CAAC;AAMD,MAAM,0BAA4D,CAAC;AAAA,EACjE,YAAY,EAAE,MAAM,OAAO;AAC7B,MAAM;AACJ,SACE,4CAAC,iCAA8B,QAAgB,QAAO,WAAU,UAAQ,MACtE,sDAAC,UAAK,WAAU,sCACb,kBAAQ,QACX,GACF;AAEJ;AAEA,MAAM,2BAA+B,MAAM;AACzC,QAAM,mBAAe,0BAAU,CAAC,MAAM,EAAE,WAAW;AACnD,QAAM,EAAE,SAAS,EAAE,YAAY,IAAI,CAAC,EAAE,QAAI,sCAAgB;AAE1D,QAAM,mBAAmB,aAAa,SAAS,eAAe;AAE9D,SACE,4CAAC,oCACE,4BAAkB,IAAI,CAAC,YAAY,QAAQ;AAC1C,UAAM,MAAM,GAAG,WAAW,MAAM,IAAI,GAAG;AACvC,WAAO,4CAAC,2BAAkC,cAAL,GAA6B;AAAA,EACpE,CAAC,GACH;AAEJ;AAEA,yBAAyB,cAAc;AAEvC,MAAMA,WAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AACd;AAEA,IAAO,yBAAQ,OAAO,OAAO,eAAeA,QAAO;","names":["exports"]}

package/dist/ui/thread-welcome.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { withDefaults } from "./utils/withDefaults";
+import { Avatar } from "./base/avatar";
+import { useThreadConfig } from "./thread-config";
+import { ThreadPrimitive } from "../primitives";
+import { useThread } from "../context";
+const ThreadWelcome = () => {
+  return /* @__PURE__ */ jsxs(ThreadWelcomeRoot, { children: [
+    /* @__PURE__ */ jsxs(ThreadWelcomeCenter, { children: [
+      /* @__PURE__ */ jsx(ThreadWelcomeAvatar, {}),
+      /* @__PURE__ */ jsx(ThreadWelcomeMessage, {})
+    ] }),
+    /* @__PURE__ */ jsx(ThreadWelcomeSuggestions, {})
+  ] });
+};
+ThreadWelcome.displayName = "ThreadWelcome";
+const ThreadWelcomeRootStyled = withDefaults("div", {
+  className: "aui-thread-welcome-root"
+});
+const ThreadWelcomeCenter = withDefaults("div", {
+  className: "aui-thread-welcome-center"
+});
+const ThreadWelcomeRoot = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsx(ThreadWelcomeRootStyled, { ...props, ref }) });
+});
+ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
+const ThreadWelcomeAvatar = () => {
+  const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
+  return /* @__PURE__ */ jsx(Avatar, { ...avatar });
+};
+const ThreadWelcomeMessageStyled = withDefaults("p", {
+  className: "aui-thread-welcome-message"
+});
+const ThreadWelcomeMessage = forwardRef(({ message: messageProp, ...rest }, ref) => {
+  const {
+    welcome: { message } = {},
+    strings: {
+      welcome: { message: defaultMessage = "How can I help you today?" } = {}
+    } = {}
+  } = useThreadConfig();
+  return /* @__PURE__ */ jsx(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message ?? defaultMessage });
+});
+ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
+const ThreadWelcomeSuggestionContainer = withDefaults("div", {
+  className: "aui-thread-welcome-suggestion-container"
+});
+const ThreadWelcomeSuggestionStyled = withDefaults(ThreadPrimitive.Suggestion, {
+  className: "aui-thread-welcome-suggestion"
+});
+const ThreadWelcomeSuggestion = ({
+  suggestion: { text, prompt }
+}) => {
+  return /* @__PURE__ */ jsx(ThreadWelcomeSuggestionStyled, { prompt, method: "replace", autoSend: true, children: /* @__PURE__ */ jsx("span", { className: "aui-thread-welcome-suggestion-text", children: text ?? prompt }) });
+};
+const ThreadWelcomeSuggestions = () => {
+  const suggestions2 = useThread((t) => t.suggestions);
+  const { welcome: { suggestions } = {} } = useThreadConfig();
+  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
+  return /* @__PURE__ */ jsx(ThreadWelcomeSuggestionContainer, { children: finalSuggestions?.map((suggestion, idx) => {
+    const key = `${suggestion.prompt}-${idx}`;
+    return /* @__PURE__ */ jsx(ThreadWelcomeSuggestion, { suggestion }, key);
+  }) });
+};
+ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
+const exports = {
+  Root: ThreadWelcomeRoot,
+  Center: ThreadWelcomeCenter,
+  Avatar: ThreadWelcomeAvatar,
+  Message: ThreadWelcomeMessage,
+  Suggestions: ThreadWelcomeSuggestions,
+  Suggestion: ThreadWelcomeSuggestion
+};
+var thread_welcome_default = Object.assign(ThreadWelcome, exports);
+export {
+  thread_welcome_default as default
+};
+//# sourceMappingURL=thread-welcome.mjs.map

package/dist/ui/thread-welcome.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/thread-welcome.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentPropsWithoutRef, forwardRef, type FC } from \"react\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { Avatar } from \"./base/avatar\";\nimport { SuggestionConfig, useThreadConfig } from \"./thread-config\";\nimport { ThreadPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst ThreadWelcome: FC = () => {\n  return (\n    <ThreadWelcomeRoot>\n      <ThreadWelcomeCenter>\n        <ThreadWelcomeAvatar />\n        <ThreadWelcomeMessage />\n      </ThreadWelcomeCenter>\n      <ThreadWelcomeSuggestions />\n    </ThreadWelcomeRoot>\n  );\n};\n\nThreadWelcome.displayName = \"ThreadWelcome\";\n\nconst ThreadWelcomeRootStyled = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-root\",\n});\n\nconst ThreadWelcomeCenter = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-center\",\n});\n\nnamespace ThreadWelcomeRoot {\n  export type Element = HTMLDivElement;\n  export type Props = ComponentPropsWithoutRef<\"div\">;\n}\n\nconst ThreadWelcomeRoot = forwardRef<\n  ThreadWelcomeRoot.Element,\n  ThreadWelcomeRoot.Props\n>((props, ref) => {\n  return (\n    <ThreadPrimitive.Empty>\n      <ThreadWelcomeRootStyled {...props} ref={ref} />\n    </ThreadPrimitive.Empty>\n  );\n});\n\nThreadWelcomeRoot.displayName = \"ThreadWelcomeRoot\";\n\nconst ThreadWelcomeAvatar: FC = () => {\n  const { assistantAvatar: avatar = { fallback: \"A\" } } = useThreadConfig();\n  return <Avatar {...avatar} />;\n};\n\nconst ThreadWelcomeMessageStyled = withDefaults(\"p\", {\n  className: \"aui-thread-welcome-message\",\n});\n\n/**\n * @deprecated Use `ThreadWelcome.Message.Props` instead. This will be removed in 0.6.\n */\nexport type ThreadWelcomeMessageProps = ThreadWelcomeMessage.Props;\n\nnamespace ThreadWelcomeMessage {\n  export type Element = HTMLParagraphElement;\n  export type Props = Omit<\n    ComponentPropsWithoutRef<typeof ThreadWelcomeMessageStyled>,\n    \"children\"\n  > & { message?: string | undefined };\n}\n\nconst ThreadWelcomeMessage = forwardRef<\n  ThreadWelcomeMessage.Element,\n  ThreadWelcomeMessage.Props\n>(({ message: messageProp, ...rest }, ref) => {\n  const {\n    welcome: { message } = {},\n    strings: {\n      welcome: { message: defaultMessage = \"How can I help you today?\" } = {},\n    } = {},\n  } = useThreadConfig();\n  return (\n    <ThreadWelcomeMessageStyled {...rest} ref={ref}>\n      {messageProp ?? message ?? defaultMessage}\n    </ThreadWelcomeMessageStyled>\n  );\n});\n\nThreadWelcomeMessage.displayName = \"ThreadWelcomeMessage\";\n\nconst ThreadWelcomeSuggestionContainer = withDefaults(\"div\", {\n  className: \"aui-thread-welcome-suggestion-container\",\n});\n\nconst ThreadWelcomeSuggestionStyled = withDefaults(ThreadPrimitive.Suggestion, {\n  className: \"aui-thread-welcome-suggestion\",\n});\n\nexport type ThreadWelcomeSuggestionProps = {\n  suggestion: SuggestionConfig;\n};\n\nconst ThreadWelcomeSuggestion: FC<ThreadWelcomeSuggestionProps> = ({\n  suggestion: { text, prompt },\n}) => {\n  return (\n    <ThreadWelcomeSuggestionStyled prompt={prompt} method=\"replace\" autoSend>\n      <span className=\"aui-thread-welcome-suggestion-text\">\n        {text ?? prompt}\n      </span>\n    </ThreadWelcomeSuggestionStyled>\n  );\n};\n\nconst ThreadWelcomeSuggestions: FC = () => {\n  const suggestions2 = useThread((t) => t.suggestions);\n  const { welcome: { suggestions } = {} } = useThreadConfig();\n\n  const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;\n\n  return (\n    <ThreadWelcomeSuggestionContainer>\n      {finalSuggestions?.map((suggestion, idx) => {\n        const key = `${suggestion.prompt}-${idx}`;\n        return <ThreadWelcomeSuggestion key={key} suggestion={suggestion} />;\n      })}\n    </ThreadWelcomeSuggestionContainer>\n  );\n};\n\nThreadWelcomeSuggestions.displayName = \"ThreadWelcomeSuggestions\";\n\nconst exports = {\n  Root: ThreadWelcomeRoot,\n  Center: ThreadWelcomeCenter,\n  Avatar: ThreadWelcomeAvatar,\n  Message: ThreadWelcomeMessage,\n  Suggestions: ThreadWelcomeSuggestions,\n  Suggestion: ThreadWelcomeSuggestion,\n};\n\nexport default Object.assign(ThreadWelcome, exports) as typeof ThreadWelcome &\n  typeof exports;\n"],"mappings":";AAYM,SACE,KADF;AAVN,SAAmC,kBAA2B;AAC9D,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAA2B,uBAAuB;AAClD,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAE1B,MAAM,gBAAoB,MAAM;AAC9B,SACE,qBAAC,qBACC;AAAA,yBAAC,uBACC;AAAA,0BAAC,uBAAoB;AAAA,MACrB,oBAAC,wBAAqB;AAAA,OACxB;AAAA,IACA,oBAAC,4BAAyB;AAAA,KAC5B;AAEJ;AAEA,cAAc,cAAc;AAE5B,MAAM,0BAA0B,aAAa,OAAO;AAAA,EAClD,WAAW;AACb,CAAC;AAED,MAAM,sBAAsB,aAAa,OAAO;AAAA,EAC9C,WAAW;AACb,CAAC;AAOD,MAAM,oBAAoB,WAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,2BAAyB,GAAG,OAAO,KAAU,GAChD;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,MAAM,sBAA0B,MAAM;AACpC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,IAAI,gBAAgB;AACxE,SAAO,oBAAC,UAAQ,GAAG,QAAQ;AAC7B;AAEA,MAAM,6BAA6B,aAAa,KAAK;AAAA,EACnD,WAAW;AACb,CAAC;AAeD,MAAM,uBAAuB,WAG3B,CAAC,EAAE,SAAS,aAAa,GAAG,KAAK,GAAG,QAAQ;AAC5C,QAAM;AAAA,IACJ,SAAS,EAAE,QAAQ,IAAI,CAAC;AAAA,IACxB,SAAS;AAAA,MACP,SAAS,EAAE,SAAS,iBAAiB,4BAA4B,IAAI,CAAC;AAAA,IACxE,IAAI,CAAC;AAAA,EACP,IAAI,gBAAgB;AACpB,SACE,oBAAC,8BAA4B,GAAG,MAAM,KACnC,yBAAe,WAAW,gBAC7B;AAEJ,CAAC;AAED,qBAAqB,cAAc;AAEnC,MAAM,mCAAmC,aAAa,OAAO;AAAA,EAC3D,WAAW;AACb,CAAC;AAED,MAAM,gCAAgC,aAAa,gBAAgB,YAAY;AAAA,EAC7E,WAAW;AACb,CAAC;AAMD,MAAM,0BAA4D,CAAC;AAAA,EACjE,YAAY,EAAE,MAAM,OAAO;AAC7B,MAAM;AACJ,SACE,oBAAC,iCAA8B,QAAgB,QAAO,WAAU,UAAQ,MACtE,8BAAC,UAAK,WAAU,sCACb,kBAAQ,QACX,GACF;AAEJ;AAEA,MAAM,2BAA+B,MAAM;AACzC,QAAM,eAAe,UAAU,CAAC,MAAM,EAAE,WAAW;AACnD,QAAM,EAAE,SAAS,EAAE,YAAY,IAAI,CAAC,EAAE,IAAI,gBAAgB;AAE1D,QAAM,mBAAmB,aAAa,SAAS,eAAe;AAE9D,SACE,oBAAC,oCACE,4BAAkB,IAAI,CAAC,YAAY,QAAQ;AAC1C,UAAM,MAAM,GAAG,WAAW,MAAM,IAAI,GAAG;AACvC,WAAO,oBAAC,2BAAkC,cAAL,GAA6B;AAAA,EACpE,CAAC,GACH;AAEJ;AAEA,yBAAyB,cAAc;AAEvC,MAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AACd;AAEA,IAAO,yBAAQ,OAAO,OAAO,eAAe,OAAO;","names":[]}

package/dist/ui/thread.d.ts

@@ -0,0 +1,53 @@
+import { ComponentType, type FC } from "react";
+import { TooltipIconButtonProps } from "./base/tooltip-icon-button";
+import { ThreadConfig, ThreadConfigProviderProps } from "./thread-config";
+import { ThreadPrimitive } from "../primitives";
+declare const Thread: FC<ThreadConfig>;
+/**
+ * @deprecated Use `Thread.Root.Props` instead. This will be removed in 0.6.
+ */
+export type ThreadRootProps = ThreadRoot.Props;
+declare namespace ThreadRoot {
+    type Element = HTMLDivElement;
+    type Props = ThreadPrimitive.Root.Props & ThreadConfigProviderProps;
+}
+declare const ThreadRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean;
+}, "ref"> & {
+    config?: ThreadConfig | undefined;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const exports: {
+    Root: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean;
+    }, "ref"> & {
+        config?: ThreadConfig | undefined;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: import("react").ForwardRefExoticComponent<Partial<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean;
+    }, "ref"> & import("../primitive-hooks/thread/useThreadViewportAutoScroll").UseThreadViewportAutoScrollProps & import("react").RefAttributes<HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+    Messages: FC<{
+        unstable_flexGrowDiv?: boolean;
+        components?: {
+            UserMessage?: ComponentType | undefined;
+            EditComposer?: ComponentType | undefined;
+            AssistantMessage?: ComponentType | undefined;
+            SystemMessage?: ComponentType | undefined;
+        };
+    }>;
+    FollowupSuggestions: FC;
+    ScrollToBottom: import("react").ForwardRefExoticComponent<Partial<TooltipIconButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+    ViewportFooter: import("react").ForwardRefExoticComponent<Partial<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">> & import("react").RefAttributes<HTMLDivElement>>;
+};
+declare const _default: typeof Thread & typeof exports;
+export default _default;
+//# sourceMappingURL=thread.d.ts.map

package/dist/ui/thread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread.d.ts","sourceRoot":"","sources":["../../src/ui/thread.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAc,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3D,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAIpC,OAAO,EACL,YAAY,EAEZ,yBAAyB,EAE1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAoB5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC;AAE/C,kBAAU,UAAU,CAAC;IACnB,KAAY,OAAO,GAAG,cAAc,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG,yBAAyB,CAAC;CAC5E;AAMD,QAAA,MAAM,UAAU;;;;;;;;kDAQf,CAAC;AAqGF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;+BAlFY,OAAO;qBACjB;YACX,WAAW,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACxC,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YACzC,gBAAgB,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;YAC7C,aAAa,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;SAC3C;;;;;CAmFF,CAAC;wBAE+C,OAAO,MAAM,GAAG,OAAO,OAAO;AAA/E,wBAAgF"}