@assistant-ui/react 0.5.97 → 0.5.98

package/dist/ui/thread-config.js

@@ -17,21 +17,23 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/thread-config.tsx
 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 = () => {
+var import_context = require("../context/index.cjs");
+var import_AssistantContext = require("../context/react/AssistantContext.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThreadConfigContext = (0, import_react.createContext)({});
+var useThreadConfig = () => {
   return (0, import_react.useContext)(ThreadConfigContext);
 };
-const ThreadConfigProvider = ({
+var ThreadConfigProvider = ({
   children,
   config
 }) => {

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

@@ -1 +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":[]}
+{"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;AAEA,mBAOO;AAKP,qBAAyC;AAEzC,8BAAoC;AAiL9B;AA3CN,IAAM,0BAAsB,4BAA4B,CAAC,CAAC;AA2BnD,IAAM,kBAAkB,MAAqC;AAClE,aAAO,yBAAW,mBAAmB;AACvC;AAMO,IAAM,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

@@ -1,16 +1,18 @@
 "use client";
-import { Fragment, jsx } from "react/jsx-runtime";
+
+// src/ui/thread-config.tsx
 import {
   createContext,
   useContext
 } from "react";
-import { AssistantRuntimeProvider } from "../context";
-import { useAssistantRuntime } from "../context/react/AssistantContext";
-const ThreadConfigContext = createContext({});
-const useThreadConfig = () => {
+import { AssistantRuntimeProvider } from "../context/index.mjs";
+import { useAssistantRuntime } from "../context/react/AssistantContext.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+var ThreadConfigContext = createContext({});
+var useThreadConfig = () => {
   return useContext(ThreadConfigContext);
 };
-const ThreadConfigProvider = ({
+var ThreadConfigProvider = ({
   children,
   config
 }) => {

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

@@ -1 +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":[]}
+{"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":";;;AAEA;AAAA,EAKE;AAAA,EACA;AAAA,OACK;AAKP,SAAS,gCAAgC;AAEzC,SAAS,2BAA2B;AAiL9B,SAIA,UAJA;AA3CN,IAAM,sBAAsB,cAA4B,CAAC,CAAC;AA2BnD,IAAM,kBAAkB,MAAqC;AAClE,SAAO,WAAW,mBAAmB;AACvC;AAMO,IAAM,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.js

@@ -17,19 +17,21 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/thread-welcome.tsx
 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 = () => {
+var import_withDefaults = require("./utils/withDefaults.cjs");
+var import_avatar = require("./base/avatar.cjs");
+var import_thread_config = require("./thread-config.cjs");
+var import_primitives = require("../primitives/index.cjs");
+var import_context = require("../context/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var 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, {}),
@@ -39,24 +41,24 @@ const ThreadWelcome = () => {
   ] });
 };
 ThreadWelcome.displayName = "ThreadWelcome";
-const ThreadWelcomeRootStyled = (0, import_withDefaults.withDefaults)("div", {
+var ThreadWelcomeRootStyled = (0, import_withDefaults.withDefaults)("div", {
   className: "aui-thread-welcome-root"
 });
-const ThreadWelcomeCenter = (0, import_withDefaults.withDefaults)("div", {
+var ThreadWelcomeCenter = (0, import_withDefaults.withDefaults)("div", {
   className: "aui-thread-welcome-center"
 });
-const ThreadWelcomeRoot = (0, import_react.forwardRef)((props, ref) => {
+var 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 = () => {
+var 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", {
+var ThreadWelcomeMessageStyled = (0, import_withDefaults.withDefaults)("p", {
   className: "aui-thread-welcome-message"
 });
-const ThreadWelcomeMessage = (0, import_react.forwardRef)(({ message: messageProp, ...rest }, ref) => {
+var ThreadWelcomeMessage = (0, import_react.forwardRef)(({ message: messageProp, ...rest }, ref) => {
   const {
     welcome: { message } = {},
     strings: {
@@ -66,18 +68,18 @@ const ThreadWelcomeMessage = (0, import_react.forwardRef)(({ message: messagePro
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message ?? defaultMessage });
 });
 ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
-const ThreadWelcomeSuggestionContainer = (0, import_withDefaults.withDefaults)("div", {
+var ThreadWelcomeSuggestionContainer = (0, import_withDefaults.withDefaults)("div", {
   className: "aui-thread-welcome-suggestion-container"
 });
-const ThreadWelcomeSuggestionStyled = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Suggestion, {
+var ThreadWelcomeSuggestionStyled = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Suggestion, {
   className: "aui-thread-welcome-suggestion"
 });
-const ThreadWelcomeSuggestion = ({
+var 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 = () => {
+var ThreadWelcomeSuggestions = () => {
   const suggestions2 = (0, import_context.useThread)((t) => t.suggestions);
   const { welcome: { suggestions } = {} } = (0, import_thread_config.useThreadConfig)();
   const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
@@ -87,7 +89,7 @@ const ThreadWelcomeSuggestions = () => {
   }) });
 };
 ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
-const exports2 = {
+var exports2 = {
   Root: ThreadWelcomeRoot,
   Center: ThreadWelcomeCenter,
   Avatar: ThreadWelcomeAvatar,

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

@@ -1 +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"]}
+{"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;AAEA,mBAA8D;AAC9D,0BAA6B;AAC7B,oBAAuB;AACvB,2BAAkD;AAClD,wBAAgC;AAChC,qBAA0B;AAKpB;AAHN,IAAM,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,IAAM,8BAA0B,kCAAa,OAAO;AAAA,EAClD,WAAW;AACb,CAAC;AAED,IAAM,0BAAsB,kCAAa,OAAO;AAAA,EAC9C,WAAW;AACb,CAAC;AAOD,IAAM,wBAAoB,yBAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,4CAAC,kCAAgB,OAAhB,EACC,sDAAC,2BAAyB,GAAG,OAAO,KAAU,GAChD;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAM,sBAA0B,MAAM;AACpC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,QAAI,sCAAgB;AACxE,SAAO,4CAAC,wBAAQ,GAAG,QAAQ;AAC7B;AAEA,IAAM,iCAA6B,kCAAa,KAAK;AAAA,EACnD,WAAW;AACb,CAAC;AAeD,IAAM,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,IAAM,uCAAmC,kCAAa,OAAO;AAAA,EAC3D,WAAW;AACb,CAAC;AAED,IAAM,oCAAgC,kCAAa,kCAAgB,YAAY;AAAA,EAC7E,WAAW;AACb,CAAC;AAMD,IAAM,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,IAAM,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,IAAMA,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

@@ -1,12 +1,14 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+
+// src/ui/thread-welcome.tsx
 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 = () => {
+import { withDefaults } from "./utils/withDefaults.mjs";
+import { Avatar } from "./base/avatar.mjs";
+import { useThreadConfig } from "./thread-config.mjs";
+import { ThreadPrimitive } from "../primitives/index.mjs";
+import { useThread } from "../context/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ThreadWelcome = () => {
   return /* @__PURE__ */ jsxs(ThreadWelcomeRoot, { children: [
     /* @__PURE__ */ jsxs(ThreadWelcomeCenter, { children: [
       /* @__PURE__ */ jsx(ThreadWelcomeAvatar, {}),
@@ -16,24 +18,24 @@ const ThreadWelcome = () => {
   ] });
 };
 ThreadWelcome.displayName = "ThreadWelcome";
-const ThreadWelcomeRootStyled = withDefaults("div", {
+var ThreadWelcomeRootStyled = withDefaults("div", {
   className: "aui-thread-welcome-root"
 });
-const ThreadWelcomeCenter = withDefaults("div", {
+var ThreadWelcomeCenter = withDefaults("div", {
   className: "aui-thread-welcome-center"
 });
-const ThreadWelcomeRoot = forwardRef((props, ref) => {
+var ThreadWelcomeRoot = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(ThreadPrimitive.Empty, { children: /* @__PURE__ */ jsx(ThreadWelcomeRootStyled, { ...props, ref }) });
 });
 ThreadWelcomeRoot.displayName = "ThreadWelcomeRoot";
-const ThreadWelcomeAvatar = () => {
+var ThreadWelcomeAvatar = () => {
   const { assistantAvatar: avatar = { fallback: "A" } } = useThreadConfig();
   return /* @__PURE__ */ jsx(Avatar, { ...avatar });
 };
-const ThreadWelcomeMessageStyled = withDefaults("p", {
+var ThreadWelcomeMessageStyled = withDefaults("p", {
   className: "aui-thread-welcome-message"
 });
-const ThreadWelcomeMessage = forwardRef(({ message: messageProp, ...rest }, ref) => {
+var ThreadWelcomeMessage = forwardRef(({ message: messageProp, ...rest }, ref) => {
   const {
     welcome: { message } = {},
     strings: {
@@ -43,18 +45,18 @@ const ThreadWelcomeMessage = forwardRef(({ message: messageProp, ...rest }, ref)
   return /* @__PURE__ */ jsx(ThreadWelcomeMessageStyled, { ...rest, ref, children: messageProp ?? message ?? defaultMessage });
 });
 ThreadWelcomeMessage.displayName = "ThreadWelcomeMessage";
-const ThreadWelcomeSuggestionContainer = withDefaults("div", {
+var ThreadWelcomeSuggestionContainer = withDefaults("div", {
   className: "aui-thread-welcome-suggestion-container"
 });
-const ThreadWelcomeSuggestionStyled = withDefaults(ThreadPrimitive.Suggestion, {
+var ThreadWelcomeSuggestionStyled = withDefaults(ThreadPrimitive.Suggestion, {
   className: "aui-thread-welcome-suggestion"
 });
-const ThreadWelcomeSuggestion = ({
+var 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 = () => {
+var ThreadWelcomeSuggestions = () => {
   const suggestions2 = useThread((t) => t.suggestions);
   const { welcome: { suggestions } = {} } = useThreadConfig();
   const finalSuggestions = suggestions2.length ? suggestions2 : suggestions;
@@ -64,7 +66,7 @@ const ThreadWelcomeSuggestions = () => {
   }) });
 };
 ThreadWelcomeSuggestions.displayName = "ThreadWelcomeSuggestions";
-const exports = {
+var exports = {
   Root: ThreadWelcomeRoot,
   Center: ThreadWelcomeCenter,
   Avatar: ThreadWelcomeAvatar,

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

@@ -1 +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":[]}
+{"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":";;;AAEA,SAAmC,kBAA2B;AAC9D,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAA2B,uBAAuB;AAClD,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAKpB,SACE,KADF;AAHN,IAAM,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,IAAM,0BAA0B,aAAa,OAAO;AAAA,EAClD,WAAW;AACb,CAAC;AAED,IAAM,sBAAsB,aAAa,OAAO;AAAA,EAC9C,WAAW;AACb,CAAC;AAOD,IAAM,oBAAoB,WAGxB,CAAC,OAAO,QAAQ;AAChB,SACE,oBAAC,gBAAgB,OAAhB,EACC,8BAAC,2BAAyB,GAAG,OAAO,KAAU,GAChD;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAM,sBAA0B,MAAM;AACpC,QAAM,EAAE,iBAAiB,SAAS,EAAE,UAAU,IAAI,EAAE,IAAI,gBAAgB;AACxE,SAAO,oBAAC,UAAQ,GAAG,QAAQ;AAC7B;AAEA,IAAM,6BAA6B,aAAa,KAAK;AAAA,EACnD,WAAW;AACb,CAAC;AAeD,IAAM,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,IAAM,mCAAmC,aAAa,OAAO;AAAA,EAC3D,WAAW;AACb,CAAC;AAED,IAAM,gCAAgC,aAAa,gBAAgB,YAAY;AAAA,EAC7E,WAAW;AACb,CAAC;AAMD,IAAM,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,IAAM,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,IAAM,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.js

@@ -27,25 +27,27 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/thread.tsx
 var thread_exports = {};
 __export(thread_exports, {
   default: () => thread_default
 });
 module.exports = __toCommonJS(thread_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
-var import_withDefaults = require("./utils/withDefaults");
-var import_composer = __toESM(require("./composer"));
-var import_thread_welcome = __toESM(require("./thread-welcome"));
-var import_tooltip_icon_button = require("./base/tooltip-icon-button");
-var import_assistant_message = __toESM(require("./assistant-message"));
-var import_user_message = __toESM(require("./user-message"));
-var import_edit_composer = __toESM(require("./edit-composer"));
-var import_thread_config = require("./thread-config");
-var import_primitives = require("../primitives");
-var import_context = require("../context");
-const Thread = (config) => {
+var import_withDefaults = require("./utils/withDefaults.cjs");
+var import_composer = __toESM(require("./composer.cjs"));
+var import_thread_welcome = __toESM(require("./thread-welcome.cjs"));
+var import_tooltip_icon_button = require("./base/tooltip-icon-button.cjs");
+var import_assistant_message = __toESM(require("./assistant-message.cjs"));
+var import_user_message = __toESM(require("./user-message.cjs"));
+var import_edit_composer = __toESM(require("./edit-composer.cjs"));
+var import_thread_config = require("./thread-config.cjs");
+var import_primitives = require("../primitives/index.cjs");
+var import_context = require("../context/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Thread = (config) => {
   const {
     components: {
       Composer: ComposerComponent = import_composer.default,
@@ -62,25 +64,25 @@ const Thread = (config) => {
     ] })
   ] }) });
 };
-const ThreadRootStyled = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Root, {
+var ThreadRootStyled = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Root, {
   className: "aui-root aui-thread-root"
 });
-const ThreadRoot = (0, import_react.forwardRef)(
+var ThreadRoot = (0, import_react.forwardRef)(
   ({ config, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_thread_config.ThreadConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadRootStyled, { ...props, ref }) });
   }
 );
 ThreadRoot.displayName = "ThreadRoot";
-const ThreadViewport = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Viewport, {
+var ThreadViewport = (0, import_withDefaults.withDefaults)(import_primitives.ThreadPrimitive.Viewport, {
   className: "aui-thread-viewport"
 });
 ThreadViewport.displayName = "ThreadViewport";
-const ThreadViewportFooter = (0, import_withDefaults.withDefaults)("div", {
+var ThreadViewportFooter = (0, import_withDefaults.withDefaults)("div", {
   className: "aui-thread-viewport-footer"
 });
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
-const SystemMessage = () => null;
-const ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
+var SystemMessage = () => null;
+var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_primitives.ThreadPrimitive.Messages,
@@ -98,7 +100,7 @@ const ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true,
   ] });
 };
 ThreadMessages.displayName = "ThreadMessages";
-const ThreadFollowupSuggestions = () => {
+var ThreadFollowupSuggestions = () => {
   const suggestions = (0, import_context.useThread)((t) => t.suggestions);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ThreadPrimitive.If, { empty: false, running: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aui-thread-followup-suggestions", children: suggestions?.map((suggestion, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_primitives.ThreadPrimitive.Suggestion,
@@ -112,11 +114,11 @@ const ThreadFollowupSuggestions = () => {
     idx
   )) }) });
 };
-const ThreadScrollToBottomIconButton = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
+var ThreadScrollToBottomIconButton = (0, import_withDefaults.withDefaults)(import_tooltip_icon_button.TooltipIconButton, {
   variant: "outline",
   className: "aui-thread-scroll-to-bottom"
 });
-const ThreadScrollToBottom = (0, import_react.forwardRef)((props, ref) => {
+var ThreadScrollToBottom = (0, import_react.forwardRef)((props, ref) => {
   const {
     strings: {
       thread: { scrollToBottom: { tooltip = "Scroll to bottom" } = {} } = {}
@@ -125,7 +127,7 @@ const ThreadScrollToBottom = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowDownIcon, {}) }) });
 });
 ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
-const exports2 = {
+var exports2 = {
   Root: ThreadRoot,
   Viewport: ThreadViewport,
   Messages: ThreadMessages,

package/dist/ui/thread.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/thread.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentType, forwardRef, type FC } from \"react\";\nimport { ArrowDownIcon } from \"lucide-react\";\n\nimport { withDefaults } from \"./utils/withDefaults\";\nimport Composer from \"./composer\";\nimport ThreadWelcome from \"./thread-welcome\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport AssistantMessage from \"./assistant-message\";\nimport UserMessage from \"./user-message\";\nimport EditComposer from \"./edit-composer\";\nimport {\n  ThreadConfig,\n  ThreadConfigProvider,\n  ThreadConfigProviderProps,\n  useThreadConfig,\n} from \"./thread-config\";\nimport { ThreadPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst Thread: FC<ThreadConfig> = (config) => {\n  const {\n    components: {\n      Composer: ComposerComponent = Composer,\n      ThreadWelcome: ThreadWelcomeComponent = ThreadWelcome,\n    } = {},\n  } = config;\n  return (\n    <ThreadRoot config={config}>\n      <ThreadViewport>\n        <ThreadWelcomeComponent />\n        <ThreadMessages />\n        <ThreadFollowupSuggestions />\n        <ThreadViewportFooter>\n          <ThreadScrollToBottom />\n          <ComposerComponent />\n        </ThreadViewportFooter>\n      </ThreadViewport>\n    </ThreadRoot>\n  );\n};\n\n/**\n * @deprecated Use `Thread.Root.Props` instead. This will be removed in 0.6.\n */\nexport type ThreadRootProps = ThreadRoot.Props;\n\nnamespace ThreadRoot {\n  export type Element = HTMLDivElement;\n  export type Props = ThreadPrimitive.Root.Props & ThreadConfigProviderProps;\n}\n\nconst ThreadRootStyled = withDefaults(ThreadPrimitive.Root, {\n  className: \"aui-root aui-thread-root\",\n});\n\nconst ThreadRoot = forwardRef<ThreadRoot.Element, ThreadRoot.Props>(\n  ({ config, ...props }, ref) => {\n    return (\n      <ThreadConfigProvider config={config}>\n        <ThreadRootStyled {...props} ref={ref} />\n      </ThreadConfigProvider>\n    );\n  },\n);\n\nThreadRoot.displayName = \"ThreadRoot\";\n\nconst ThreadViewport = withDefaults(ThreadPrimitive.Viewport, {\n  className: \"aui-thread-viewport\",\n});\n\nThreadViewport.displayName = \"ThreadViewport\";\n\nconst ThreadViewportFooter = withDefaults(\"div\", {\n  className: \"aui-thread-viewport-footer\",\n});\n\nThreadViewportFooter.displayName = \"ThreadViewportFooter\";\n\nconst SystemMessage = () => null;\n\nconst ThreadMessages: FC<{\n  unstable_flexGrowDiv?: boolean;\n  components?: {\n    UserMessage?: ComponentType | undefined;\n    EditComposer?: ComponentType | undefined;\n    AssistantMessage?: ComponentType | undefined;\n    SystemMessage?: ComponentType | undefined;\n  };\n}> = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {\n  return (\n    <>\n      <ThreadPrimitive.Messages\n        components={{\n          UserMessage: components?.UserMessage ?? UserMessage,\n          EditComposer: components?.EditComposer ?? EditComposer,\n          AssistantMessage: components?.AssistantMessage ?? AssistantMessage,\n          SystemMessage: components?.SystemMessage ?? SystemMessage,\n        }}\n        {...rest}\n      />\n      {flexGrowDiv && (\n        <ThreadPrimitive.If empty={false}>\n          <div style={{ flexGrow: 1 }} />\n        </ThreadPrimitive.If>\n      )}\n    </>\n  );\n};\n\nThreadMessages.displayName = \"ThreadMessages\";\n\nconst ThreadFollowupSuggestions: FC = () => {\n  const suggestions = useThread((t) => t.suggestions);\n\n  return (\n    <ThreadPrimitive.If empty={false} running={false}>\n      <div className=\"aui-thread-followup-suggestions\">\n        {suggestions?.map((suggestion, idx) => (\n          <ThreadPrimitive.Suggestion\n            key={idx}\n            className=\"aui-thread-followup-suggestion\"\n            prompt={suggestion.prompt}\n            method=\"replace\"\n            autoSend\n          >\n            {suggestion.prompt}\n          </ThreadPrimitive.Suggestion>\n        ))}\n      </div>\n    </ThreadPrimitive.If>\n  );\n};\n\nconst ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {\n  variant: \"outline\",\n  className: \"aui-thread-scroll-to-bottom\",\n});\n\nnamespace ThreadScrollToBottom {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst ThreadScrollToBottom = forwardRef<\n  ThreadScrollToBottom.Element,\n  ThreadScrollToBottom.Props\n>((props, ref) => {\n  const {\n    strings: {\n      thread: { scrollToBottom: { tooltip = \"Scroll to bottom\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  return (\n    <ThreadPrimitive.ScrollToBottom asChild>\n      <ThreadScrollToBottomIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ArrowDownIcon />}\n      </ThreadScrollToBottomIconButton>\n    </ThreadPrimitive.ScrollToBottom>\n  );\n});\n\nThreadScrollToBottom.displayName = \"ThreadScrollToBottom\";\n\nconst exports = {\n  Root: ThreadRoot,\n  Viewport: ThreadViewport,\n  Messages: ThreadMessages,\n  FollowupSuggestions: ThreadFollowupSuggestions,\n  ScrollToBottom: ThreadScrollToBottom,\n  ViewportFooter: ThreadViewportFooter,\n};\n\nexport default Object.assign(Thread, exports) as typeof Thread & typeof exports;\n"],"mappings":"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","names":["Composer","ThreadWelcome","UserMessage","EditComposer","AssistantMessage","exports"]}
+{"version":3,"sources":["../../src/ui/thread.tsx"],"sourcesContent":["\"use client\";\n\nimport { ComponentType, forwardRef, type FC } from \"react\";\nimport { ArrowDownIcon } from \"lucide-react\";\n\nimport { withDefaults } from \"./utils/withDefaults\";\nimport Composer from \"./composer\";\nimport ThreadWelcome from \"./thread-welcome\";\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport AssistantMessage from \"./assistant-message\";\nimport UserMessage from \"./user-message\";\nimport EditComposer from \"./edit-composer\";\nimport {\n  ThreadConfig,\n  ThreadConfigProvider,\n  ThreadConfigProviderProps,\n  useThreadConfig,\n} from \"./thread-config\";\nimport { ThreadPrimitive } from \"../primitives\";\nimport { useThread } from \"../context\";\n\nconst Thread: FC<ThreadConfig> = (config) => {\n  const {\n    components: {\n      Composer: ComposerComponent = Composer,\n      ThreadWelcome: ThreadWelcomeComponent = ThreadWelcome,\n    } = {},\n  } = config;\n  return (\n    <ThreadRoot config={config}>\n      <ThreadViewport>\n        <ThreadWelcomeComponent />\n        <ThreadMessages />\n        <ThreadFollowupSuggestions />\n        <ThreadViewportFooter>\n          <ThreadScrollToBottom />\n          <ComposerComponent />\n        </ThreadViewportFooter>\n      </ThreadViewport>\n    </ThreadRoot>\n  );\n};\n\n/**\n * @deprecated Use `Thread.Root.Props` instead. This will be removed in 0.6.\n */\nexport type ThreadRootProps = ThreadRoot.Props;\n\nnamespace ThreadRoot {\n  export type Element = HTMLDivElement;\n  export type Props = ThreadPrimitive.Root.Props & ThreadConfigProviderProps;\n}\n\nconst ThreadRootStyled = withDefaults(ThreadPrimitive.Root, {\n  className: \"aui-root aui-thread-root\",\n});\n\nconst ThreadRoot = forwardRef<ThreadRoot.Element, ThreadRoot.Props>(\n  ({ config, ...props }, ref) => {\n    return (\n      <ThreadConfigProvider config={config}>\n        <ThreadRootStyled {...props} ref={ref} />\n      </ThreadConfigProvider>\n    );\n  },\n);\n\nThreadRoot.displayName = \"ThreadRoot\";\n\nconst ThreadViewport = withDefaults(ThreadPrimitive.Viewport, {\n  className: \"aui-thread-viewport\",\n});\n\nThreadViewport.displayName = \"ThreadViewport\";\n\nconst ThreadViewportFooter = withDefaults(\"div\", {\n  className: \"aui-thread-viewport-footer\",\n});\n\nThreadViewportFooter.displayName = \"ThreadViewportFooter\";\n\nconst SystemMessage = () => null;\n\nconst ThreadMessages: FC<{\n  unstable_flexGrowDiv?: boolean;\n  components?: {\n    UserMessage?: ComponentType | undefined;\n    EditComposer?: ComponentType | undefined;\n    AssistantMessage?: ComponentType | undefined;\n    SystemMessage?: ComponentType | undefined;\n  };\n}> = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {\n  return (\n    <>\n      <ThreadPrimitive.Messages\n        components={{\n          UserMessage: components?.UserMessage ?? UserMessage,\n          EditComposer: components?.EditComposer ?? EditComposer,\n          AssistantMessage: components?.AssistantMessage ?? AssistantMessage,\n          SystemMessage: components?.SystemMessage ?? SystemMessage,\n        }}\n        {...rest}\n      />\n      {flexGrowDiv && (\n        <ThreadPrimitive.If empty={false}>\n          <div style={{ flexGrow: 1 }} />\n        </ThreadPrimitive.If>\n      )}\n    </>\n  );\n};\n\nThreadMessages.displayName = \"ThreadMessages\";\n\nconst ThreadFollowupSuggestions: FC = () => {\n  const suggestions = useThread((t) => t.suggestions);\n\n  return (\n    <ThreadPrimitive.If empty={false} running={false}>\n      <div className=\"aui-thread-followup-suggestions\">\n        {suggestions?.map((suggestion, idx) => (\n          <ThreadPrimitive.Suggestion\n            key={idx}\n            className=\"aui-thread-followup-suggestion\"\n            prompt={suggestion.prompt}\n            method=\"replace\"\n            autoSend\n          >\n            {suggestion.prompt}\n          </ThreadPrimitive.Suggestion>\n        ))}\n      </div>\n    </ThreadPrimitive.If>\n  );\n};\n\nconst ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {\n  variant: \"outline\",\n  className: \"aui-thread-scroll-to-bottom\",\n});\n\nnamespace ThreadScrollToBottom {\n  export type Element = HTMLButtonElement;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst ThreadScrollToBottom = forwardRef<\n  ThreadScrollToBottom.Element,\n  ThreadScrollToBottom.Props\n>((props, ref) => {\n  const {\n    strings: {\n      thread: { scrollToBottom: { tooltip = \"Scroll to bottom\" } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n  return (\n    <ThreadPrimitive.ScrollToBottom asChild>\n      <ThreadScrollToBottomIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <ArrowDownIcon />}\n      </ThreadScrollToBottomIconButton>\n    </ThreadPrimitive.ScrollToBottom>\n  );\n});\n\nThreadScrollToBottom.displayName = \"ThreadScrollToBottom\";\n\nconst exports = {\n  Root: ThreadRoot,\n  Viewport: ThreadViewport,\n  Messages: ThreadMessages,\n  FollowupSuggestions: ThreadFollowupSuggestions,\n  ScrollToBottom: ThreadScrollToBottom,\n  ViewportFooter: ThreadViewportFooter,\n};\n\nexport default Object.assign(Thread, exports) as typeof Thread & typeof exports;\n"],"mappings":"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","names":["Composer","ThreadWelcome","UserMessage","EditComposer","AssistantMessage","exports"]}

package/dist/ui/thread.mjs

@@ -1,23 +1,25 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+// src/ui/thread.tsx
 import { forwardRef } from "react";
 import { ArrowDownIcon } from "lucide-react";
-import { withDefaults } from "./utils/withDefaults";
-import Composer from "./composer";
-import ThreadWelcome from "./thread-welcome";
+import { withDefaults } from "./utils/withDefaults.mjs";
+import Composer from "./composer.mjs";
+import ThreadWelcome from "./thread-welcome.mjs";
 import {
   TooltipIconButton
-} from "./base/tooltip-icon-button";
-import AssistantMessage from "./assistant-message";
-import UserMessage from "./user-message";
-import EditComposer from "./edit-composer";
+} from "./base/tooltip-icon-button.mjs";
+import AssistantMessage from "./assistant-message.mjs";
+import UserMessage from "./user-message.mjs";
+import EditComposer from "./edit-composer.mjs";
 import {
   ThreadConfigProvider,
   useThreadConfig
-} from "./thread-config";
-import { ThreadPrimitive } from "../primitives";
-import { useThread } from "../context";
-const Thread = (config) => {
+} from "./thread-config.mjs";
+import { ThreadPrimitive } from "../primitives/index.mjs";
+import { useThread } from "../context/index.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Thread = (config) => {
   const {
     components: {
       Composer: ComposerComponent = Composer,
@@ -34,25 +36,25 @@ const Thread = (config) => {
     ] })
   ] }) });
 };
-const ThreadRootStyled = withDefaults(ThreadPrimitive.Root, {
+var ThreadRootStyled = withDefaults(ThreadPrimitive.Root, {
   className: "aui-root aui-thread-root"
 });
-const ThreadRoot = forwardRef(
+var ThreadRoot = forwardRef(
   ({ config, ...props }, ref) => {
     return /* @__PURE__ */ jsx(ThreadConfigProvider, { config, children: /* @__PURE__ */ jsx(ThreadRootStyled, { ...props, ref }) });
   }
 );
 ThreadRoot.displayName = "ThreadRoot";
-const ThreadViewport = withDefaults(ThreadPrimitive.Viewport, {
+var ThreadViewport = withDefaults(ThreadPrimitive.Viewport, {
   className: "aui-thread-viewport"
 });
 ThreadViewport.displayName = "ThreadViewport";
-const ThreadViewportFooter = withDefaults("div", {
+var ThreadViewportFooter = withDefaults("div", {
   className: "aui-thread-viewport-footer"
 });
 ThreadViewportFooter.displayName = "ThreadViewportFooter";
-const SystemMessage = () => null;
-const ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
+var SystemMessage = () => null;
+var ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true, ...rest }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       ThreadPrimitive.Messages,
@@ -70,7 +72,7 @@ const ThreadMessages = ({ components, unstable_flexGrowDiv: flexGrowDiv = true,
   ] });
 };
 ThreadMessages.displayName = "ThreadMessages";
-const ThreadFollowupSuggestions = () => {
+var ThreadFollowupSuggestions = () => {
   const suggestions = useThread((t) => t.suggestions);
   return /* @__PURE__ */ jsx(ThreadPrimitive.If, { empty: false, running: false, children: /* @__PURE__ */ jsx("div", { className: "aui-thread-followup-suggestions", children: suggestions?.map((suggestion, idx) => /* @__PURE__ */ jsx(
     ThreadPrimitive.Suggestion,
@@ -84,11 +86,11 @@ const ThreadFollowupSuggestions = () => {
     idx
   )) }) });
 };
-const ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {
+var ThreadScrollToBottomIconButton = withDefaults(TooltipIconButton, {
   variant: "outline",
   className: "aui-thread-scroll-to-bottom"
 });
-const ThreadScrollToBottom = forwardRef((props, ref) => {
+var ThreadScrollToBottom = forwardRef((props, ref) => {
   const {
     strings: {
       thread: { scrollToBottom: { tooltip = "Scroll to bottom" } = {} } = {}
@@ -97,7 +99,7 @@ const ThreadScrollToBottom = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(ThreadPrimitive.ScrollToBottom, { asChild: true, children: /* @__PURE__ */ jsx(ThreadScrollToBottomIconButton, { tooltip, ...props, ref, children: props.children ?? /* @__PURE__ */ jsx(ArrowDownIcon, {}) }) });
 });
 ThreadScrollToBottom.displayName = "ThreadScrollToBottom";
-const exports = {
+var exports = {
   Root: ThreadRoot,
   Viewport: ThreadViewport,
   Messages: ThreadMessages,