@assistant-ui/react 0.7.7 → 0.7.9

package/dist/ui/user-action-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-action-bar.d.ts","sourceRoot":"","sources":["../../src/ui/user-action-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAEL,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAYpC,QAAA,MAAM,aAAa,EAAE,EAQpB,CAAC;AAkCF,QAAA,MAAM,OAAO;;;;;;;CAGZ,CAAC;wBAEsD,OAAO,aAAa,GAC1E,OAAO,OAAO;AADhB,wBACiB"}
+{"version":3,"file":"user-action-bar.d.ts","sourceRoot":"","sources":["../../src/ui/user-action-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAY/D,QAAA,MAAM,aAAa,EAAE,EAQpB,CAAC;AAkCF,QAAA,MAAM,OAAO;;;;;;;CAGZ,CAAC;wBAEsD,OAAO,aAAa,GAC1E,OAAO,OAAO;AADhB,wBACiB"}

package/dist/ui/user-action-bar.js

@@ -26,11 +26,11 @@ __export(user_action_bar_exports, {
 module.exports = __toCommonJS(user_action_bar_exports);
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
-var import_tooltip_icon_button = require("./base/tooltip-icon-button.cjs");
-var import_withDefaults = require("./utils/withDefaults.cjs");
-var import_thread_config = require("./thread-config.cjs");
-var import_context = require("../context/index.cjs");
-var import_primitives = require("../primitives/index.cjs");
+var import_tooltip_icon_button = require("./base/tooltip-icon-button.js");
+var import_withDefaults = require("./utils/withDefaults.js");
+var import_thread_config = require("./thread-config.js");
+var import_context = require("../context/index.js");
+var import_primitives = require("../primitives/index.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var useAllowEdit = (ensureCapability = false) => {
   const { userMessage: { allowEdit = true } = {} } = (0, import_thread_config.useThreadConfig)();

package/dist/ui/user-action-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/user-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport { PencilIcon } from \"lucide-react\";\n\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\nimport { ActionBarPrimitive } from \"../primitives\";\n\nconst useAllowEdit = (ensureCapability = false) => {\n  const { userMessage: { allowEdit = true } = {} } = useThreadConfig();\n  const editSupported = useThread((t) => t.capabilities.edit);\n  return allowEdit && (!ensureCapability || editSupported);\n};\n\nconst UserActionBar: FC = () => {\n  const allowEdit = useAllowEdit(true);\n  if (!allowEdit) return null;\n  return (\n    <UserActionBarRoot hideWhenRunning autohide=\"not-last\">\n      <UserActionBarEdit />\n    </UserActionBarRoot>\n  );\n};\n\nUserActionBar.displayName = \"UserActionBar\";\n\nconst UserActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-user-action-bar-root\",\n});\n\nUserActionBarRoot.displayName = \"UserActionBarRoot\";\n\nnamespace UserActionBarEdit {\n  export type Element = ActionBarPrimitive.Edit.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst UserActionBarEdit = forwardRef<\n  UserActionBarEdit.Element,\n  UserActionBarEdit.Props\n>((props, ref) => {\n  const {\n    strings: { userMessage: { edit: { tooltip = \"Edit\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowEdit = useAllowEdit();\n  return (\n    <ActionBarPrimitive.Edit disabled={!allowEdit} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <PencilIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n});\n\nUserActionBarEdit.displayName = \"UserActionBarEdit\";\n\nconst exports = {\n  Root: UserActionBarRoot,\n  Edit: UserActionBarEdit,\n};\n\nexport default Object.assign(UserActionBar, exports) as typeof UserActionBar &\n  typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoC;AACpC,0BAA2B;AAE3B,iCAGO;AACP,0BAA6B;AAC7B,2BAAgC;AAChC,qBAA0B;AAC1B,wBAAmC;AAa7B;AAXN,IAAM,eAAe,CAAC,mBAAmB,UAAU;AACjD,QAAM,EAAE,aAAa,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,QAAI,sCAAgB;AACnE,QAAM,oBAAgB,0BAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAC1D,SAAO,cAAc,CAAC,oBAAoB;AAC5C;AAEA,IAAM,gBAAoB,MAAM;AAC9B,QAAM,YAAY,aAAa,IAAI;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,4CAAC,qBAAkB,iBAAe,MAAC,UAAS,YAC1C,sDAAC,qBAAkB,GACrB;AAEJ;AAEA,cAAc,cAAc;AAE5B,IAAM,wBAAoB,kCAAa,qCAAmB,MAAM;AAAA,EAC9D,WAAW;AACb,CAAC;AAED,kBAAkB,cAAc;AAOhC,IAAM,wBAAoB,yBAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACxE,QAAI,sCAAgB;AACpB,QAAM,YAAY,aAAa;AAC/B,SACE,4CAAC,qCAAmB,MAAnB,EAAwB,UAAU,CAAC,WAAW,SAAO,MACpD,sDAAC,gDAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,4CAAC,kCAAW,GACjC,GACF;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAMA,WAAU;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAEA,IAAO,0BAAQ,OAAO,OAAO,eAAeA,QAAO;","names":["exports"]}
+{"version":3,"sources":["../../src/ui/user-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport { PencilIcon } from \"lucide-react\";\n\nimport { TooltipIconButton } from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\nimport { ActionBarPrimitive } from \"../primitives\";\n\nconst useAllowEdit = (ensureCapability = false) => {\n  const { userMessage: { allowEdit = true } = {} } = useThreadConfig();\n  const editSupported = useThread((t) => t.capabilities.edit);\n  return allowEdit && (!ensureCapability || editSupported);\n};\n\nconst UserActionBar: FC = () => {\n  const allowEdit = useAllowEdit(true);\n  if (!allowEdit) return null;\n  return (\n    <UserActionBarRoot hideWhenRunning autohide=\"not-last\">\n      <UserActionBarEdit />\n    </UserActionBarRoot>\n  );\n};\n\nUserActionBar.displayName = \"UserActionBar\";\n\nconst UserActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-user-action-bar-root\",\n});\n\nUserActionBarRoot.displayName = \"UserActionBarRoot\";\n\nnamespace UserActionBarEdit {\n  export type Element = ActionBarPrimitive.Edit.Element;\n  export type Props = Partial<TooltipIconButton.Props>;\n}\n\nconst UserActionBarEdit = forwardRef<\n  UserActionBarEdit.Element,\n  UserActionBarEdit.Props\n>((props, ref) => {\n  const {\n    strings: { userMessage: { edit: { tooltip = \"Edit\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowEdit = useAllowEdit();\n  return (\n    <ActionBarPrimitive.Edit disabled={!allowEdit} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <PencilIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n});\n\nUserActionBarEdit.displayName = \"UserActionBarEdit\";\n\nconst exports = {\n  Root: UserActionBarRoot,\n  Edit: UserActionBarEdit,\n};\n\nexport default Object.assign(UserActionBar, exports) as typeof UserActionBar &\n  typeof exports;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAoC;AACpC,0BAA2B;AAE3B,iCAAkC;AAClC,0BAA6B;AAC7B,2BAAgC;AAChC,qBAA0B;AAC1B,wBAAmC;AAa7B;AAXN,IAAM,eAAe,CAAC,mBAAmB,UAAU;AACjD,QAAM,EAAE,aAAa,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,QAAI,sCAAgB;AACnE,QAAM,oBAAgB,0BAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAC1D,SAAO,cAAc,CAAC,oBAAoB;AAC5C;AAEA,IAAM,gBAAoB,MAAM;AAC9B,QAAM,YAAY,aAAa,IAAI;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,4CAAC,qBAAkB,iBAAe,MAAC,UAAS,YAC1C,sDAAC,qBAAkB,GACrB;AAEJ;AAEA,cAAc,cAAc;AAE5B,IAAM,wBAAoB,kCAAa,qCAAmB,MAAM;AAAA,EAC9D,WAAW;AACb,CAAC;AAED,kBAAkB,cAAc;AAOhC,IAAM,wBAAoB,yBAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACxE,QAAI,sCAAgB;AACpB,QAAM,YAAY,aAAa;AAC/B,SACE,4CAAC,qCAAmB,MAAnB,EAAwB,UAAU,CAAC,WAAW,SAAO,MACpD,sDAAC,gDAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,4CAAC,kCAAW,GACjC,GACF;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAMA,WAAU;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAEA,IAAO,0BAAQ,OAAO,OAAO,eAAeA,QAAO;","names":["exports"]}

package/dist/ui/user-action-bar.mjs

@@ -3,9 +3,7 @@
 // src/ui/user-action-bar.tsx
 import { forwardRef } from "react";
 import { PencilIcon } from "lucide-react";
-import {
-  TooltipIconButton
-} from "./base/tooltip-icon-button.mjs";
+import { TooltipIconButton } from "./base/tooltip-icon-button.mjs";
 import { withDefaults } from "./utils/withDefaults.mjs";
 import { useThreadConfig } from "./thread-config.mjs";
 import { useThread } from "../context/index.mjs";

package/dist/ui/user-action-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/user-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport { PencilIcon } from \"lucide-react\";\n\nimport {\n  TooltipIconButton,\n  TooltipIconButtonProps,\n} from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\nimport { ActionBarPrimitive } from \"../primitives\";\n\nconst useAllowEdit = (ensureCapability = false) => {\n  const { userMessage: { allowEdit = true } = {} } = useThreadConfig();\n  const editSupported = useThread((t) => t.capabilities.edit);\n  return allowEdit && (!ensureCapability || editSupported);\n};\n\nconst UserActionBar: FC = () => {\n  const allowEdit = useAllowEdit(true);\n  if (!allowEdit) return null;\n  return (\n    <UserActionBarRoot hideWhenRunning autohide=\"not-last\">\n      <UserActionBarEdit />\n    </UserActionBarRoot>\n  );\n};\n\nUserActionBar.displayName = \"UserActionBar\";\n\nconst UserActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-user-action-bar-root\",\n});\n\nUserActionBarRoot.displayName = \"UserActionBarRoot\";\n\nnamespace UserActionBarEdit {\n  export type Element = ActionBarPrimitive.Edit.Element;\n  export type Props = Partial<TooltipIconButtonProps>;\n}\n\nconst UserActionBarEdit = forwardRef<\n  UserActionBarEdit.Element,\n  UserActionBarEdit.Props\n>((props, ref) => {\n  const {\n    strings: { userMessage: { edit: { tooltip = \"Edit\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowEdit = useAllowEdit();\n  return (\n    <ActionBarPrimitive.Edit disabled={!allowEdit} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <PencilIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n});\n\nUserActionBarEdit.displayName = \"UserActionBarEdit\";\n\nconst exports = {\n  Root: UserActionBarRoot,\n  Edit: UserActionBarEdit,\n};\n\nexport default Object.assign(UserActionBar, exports) as typeof UserActionBar &\n  typeof exports;\n"],"mappings":";;;AAEA,SAAS,kBAA2B;AACpC,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,OAEK;AACP,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AAa7B;AAXN,IAAM,eAAe,CAAC,mBAAmB,UAAU;AACjD,QAAM,EAAE,aAAa,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AACnE,QAAM,gBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAC1D,SAAO,cAAc,CAAC,oBAAoB;AAC5C;AAEA,IAAM,gBAAoB,MAAM;AAC9B,QAAM,YAAY,aAAa,IAAI;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,oBAAC,qBAAkB,iBAAe,MAAC,UAAS,YAC1C,8BAAC,qBAAkB,GACrB;AAEJ;AAEA,cAAc,cAAc;AAE5B,IAAM,oBAAoB,aAAa,mBAAmB,MAAM;AAAA,EAC9D,WAAW;AACb,CAAC;AAED,kBAAkB,cAAc;AAOhC,IAAM,oBAAoB,WAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACxE,IAAI,gBAAgB;AACpB,QAAM,YAAY,aAAa;AAC/B,SACE,oBAAC,mBAAmB,MAAnB,EAAwB,UAAU,CAAC,WAAW,SAAO,MACpD,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,cAAW,GACjC,GACF;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAEA,IAAO,0BAAQ,OAAO,OAAO,eAAe,OAAO;","names":[]}
+{"version":3,"sources":["../../src/ui/user-action-bar.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type FC } from \"react\";\nimport { PencilIcon } from \"lucide-react\";\n\nimport { TooltipIconButton } from \"./base/tooltip-icon-button\";\nimport { withDefaults } from \"./utils/withDefaults\";\nimport { useThreadConfig } from \"./thread-config\";\nimport { useThread } from \"../context\";\nimport { ActionBarPrimitive } from \"../primitives\";\n\nconst useAllowEdit = (ensureCapability = false) => {\n  const { userMessage: { allowEdit = true } = {} } = useThreadConfig();\n  const editSupported = useThread((t) => t.capabilities.edit);\n  return allowEdit && (!ensureCapability || editSupported);\n};\n\nconst UserActionBar: FC = () => {\n  const allowEdit = useAllowEdit(true);\n  if (!allowEdit) return null;\n  return (\n    <UserActionBarRoot hideWhenRunning autohide=\"not-last\">\n      <UserActionBarEdit />\n    </UserActionBarRoot>\n  );\n};\n\nUserActionBar.displayName = \"UserActionBar\";\n\nconst UserActionBarRoot = withDefaults(ActionBarPrimitive.Root, {\n  className: \"aui-user-action-bar-root\",\n});\n\nUserActionBarRoot.displayName = \"UserActionBarRoot\";\n\nnamespace UserActionBarEdit {\n  export type Element = ActionBarPrimitive.Edit.Element;\n  export type Props = Partial<TooltipIconButton.Props>;\n}\n\nconst UserActionBarEdit = forwardRef<\n  UserActionBarEdit.Element,\n  UserActionBarEdit.Props\n>((props, ref) => {\n  const {\n    strings: { userMessage: { edit: { tooltip = \"Edit\" } = {} } = {} } = {},\n  } = useThreadConfig();\n  const allowEdit = useAllowEdit();\n  return (\n    <ActionBarPrimitive.Edit disabled={!allowEdit} asChild>\n      <TooltipIconButton tooltip={tooltip} {...props} ref={ref}>\n        {props.children ?? <PencilIcon />}\n      </TooltipIconButton>\n    </ActionBarPrimitive.Edit>\n  );\n});\n\nUserActionBarEdit.displayName = \"UserActionBarEdit\";\n\nconst exports = {\n  Root: UserActionBarRoot,\n  Edit: UserActionBarEdit,\n};\n\nexport default Object.assign(UserActionBar, exports) as typeof UserActionBar &\n  typeof exports;\n"],"mappings":";;;AAEA,SAAS,kBAA2B;AACpC,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AAa7B;AAXN,IAAM,eAAe,CAAC,mBAAmB,UAAU;AACjD,QAAM,EAAE,aAAa,EAAE,YAAY,KAAK,IAAI,CAAC,EAAE,IAAI,gBAAgB;AACnE,QAAM,gBAAgB,UAAU,CAAC,MAAM,EAAE,aAAa,IAAI;AAC1D,SAAO,cAAc,CAAC,oBAAoB;AAC5C;AAEA,IAAM,gBAAoB,MAAM;AAC9B,QAAM,YAAY,aAAa,IAAI;AACnC,MAAI,CAAC,UAAW,QAAO;AACvB,SACE,oBAAC,qBAAkB,iBAAe,MAAC,UAAS,YAC1C,8BAAC,qBAAkB,GACrB;AAEJ;AAEA,cAAc,cAAc;AAE5B,IAAM,oBAAoB,aAAa,mBAAmB,MAAM;AAAA,EAC9D,WAAW;AACb,CAAC;AAED,kBAAkB,cAAc;AAOhC,IAAM,oBAAoB,WAGxB,CAAC,OAAO,QAAQ;AAChB,QAAM;AAAA,IACJ,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,UAAU,OAAO,IAAI,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC;AAAA,EACxE,IAAI,gBAAgB;AACpB,QAAM,YAAY,aAAa;AAC/B,SACE,oBAAC,mBAAmB,MAAnB,EAAwB,UAAU,CAAC,WAAW,SAAO,MACpD,8BAAC,qBAAkB,SAAmB,GAAG,OAAO,KAC7C,gBAAM,YAAY,oBAAC,cAAW,GACjC,GACF;AAEJ,CAAC;AAED,kBAAkB,cAAc;AAEhC,IAAM,UAAU;AAAA,EACd,MAAM;AAAA,EACN,MAAM;AACR;AAEA,IAAO,0BAAQ,OAAO,OAAO,eAAe,OAAO;","names":[]}

package/dist/ui/user-message.js

@@ -35,12 +35,12 @@ __export(user_message_exports, {
 });
 module.exports = __toCommonJS(user_message_exports);
 var import_react = require("react");
-var import_branch_picker = __toESM(require("./branch-picker.cjs"));
-var import_withDefaults = require("./utils/withDefaults.cjs");
-var import_user_action_bar = __toESM(require("./user-action-bar.cjs"));
-var import_content_part = __toESM(require("./content-part.cjs"));
-var import_primitives = require("../primitives/index.cjs");
-var import_attachment_ui = __toESM(require("./attachment-ui.cjs"));
+var import_branch_picker = __toESM(require("./branch-picker.js"));
+var import_withDefaults = require("./utils/withDefaults.js");
+var import_user_action_bar = __toESM(require("./user-action-bar.js"));
+var import_content_part = __toESM(require("./content-part.js"));
+var import_primitives = require("../primitives/index.js");
+var import_attachment_ui = __toESM(require("./attachment-ui.js"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var UserMessage = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(UserMessageRoot, { children: [

package/dist/utils/ProxyConfigProvider.js

@@ -23,7 +23,7 @@ __export(ProxyConfigProvider_exports, {
   ProxyConfigProvider: () => ProxyConfigProvider
 });
 module.exports = __toCommonJS(ProxyConfigProvider_exports);
-var import_ModelConfigTypes = require("../types/ModelConfigTypes.cjs");
+var import_ModelConfigTypes = require("../types/ModelConfigTypes.js");
 var ProxyConfigProvider = class {
   _providers = /* @__PURE__ */ new Set();
   getModelConfig() {

package/dist/utils/combined/createCombinedStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createCombinedStore.d.ts","sourceRoot":"","sources":["../../../src/utils/combined/createCombinedStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,WAAW,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,GACtE,CAAY,IAAP,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACrC,gBAUmB,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,CAM5C,CAAC"}
+{"version":3,"file":"createCombinedStore.d.ts","sourceRoot":"","sources":["../../../src/utils/combined/createCombinedStore.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,MAAM,cAAc,CAAC,CAAC,IAAI;IAC9B,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,WAAW,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AAE9E,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,GACtE,CAAC,IAAI,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACrC,gBAUmB,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,CAM5C,CAAC"}

package/dist/utils/combined/useCombinedStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCombinedStore.d.ts","sourceRoot":"","sources":["../../../src/utils/combined/useCombinedStore.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAErB,cAAc,EACf,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,UAClD,GAAG,CAAY,IAAP,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,YACtC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,KAC/B,CAIF,CAAC"}
+{"version":3,"file":"useCombinedStore.d.ts","sourceRoot":"","sources":["../../../src/utils/combined/useCombinedStore.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,gBAAgB,EAErB,cAAc,EACf,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,UAClD,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,YACtC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,KAC/B,CAIF,CAAC"}

package/dist/utils/combined/useCombinedStore.js

@@ -24,7 +24,7 @@ __export(useCombinedStore_exports, {
 });
 module.exports = __toCommonJS(useCombinedStore_exports);
 var import_react = require("react");
-var import_createCombinedStore = require("./createCombinedStore.cjs");
+var import_createCombinedStore = require("./createCombinedStore.js");
 var useCombinedStore = (stores, selector) => {
   const useCombined = (0, import_react.useMemo)(() => (0, import_createCombinedStore.createCombinedStore)(stores), stores);
   return useCombined(selector);

package/dist/utils/hooks/useOnResizeContent.js

@@ -25,7 +25,7 @@ __export(useOnResizeContent_exports, {
 module.exports = __toCommonJS(useOnResizeContent_exports);
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
 var import_react = require("react");
-var import_useManagedRef = require("./useManagedRef.cjs");
+var import_useManagedRef = require("./useManagedRef.js");
 var useOnResizeContent = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref.useCallbackRef)(callback);
   const refCallback = (0, import_react.useCallback)(

package/dist/utils/hooks/useOnScrollToBottom.js

@@ -25,7 +25,7 @@ __export(useOnScrollToBottom_exports, {
 module.exports = __toCommonJS(useOnScrollToBottom_exports);
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
 var import_react = require("react");
-var import_ThreadContext = require("../../context/react/ThreadContext.cjs");
+var import_ThreadContext = require("../../context/react/ThreadContext.js");
 var useOnScrollToBottom = (callback) => {
   const callbackRef = (0, import_react_use_callback_ref.useCallbackRef)(callback);
   const onScrollToBottom = (0, import_ThreadContext.useThreadViewport)((vp) => vp.onScrollToBottom);

package/dist/utils/smooth/SmoothContext.js

@@ -28,8 +28,8 @@ __export(SmoothContext_exports, {
 module.exports = __toCommonJS(SmoothContext_exports);
 var import_react = require("react");
 var import_zustand = require("zustand");
-var import_ContentPartContext = require("../../context/react/ContentPartContext.cjs");
-var import_createContextStoreHook = require("../../context/react/utils/createContextStoreHook.cjs");
+var import_ContentPartContext = require("../../context/react/ContentPartContext.js");
+var import_createContextStoreHook = require("../../context/react/utils/createContextStoreHook.js");
 var import_jsx_runtime = require("react/jsx-runtime");
 var SmoothContext = (0, import_react.createContext)(null);
 var makeSmoothContext = (initialState) => {

package/dist/utils/smooth/index.js

@@ -25,9 +25,9 @@ __export(smooth_exports, {
   withSmoothContextProvider: () => import_SmoothContext2.withSmoothContextProvider
 });
 module.exports = __toCommonJS(smooth_exports);
-var import_useSmooth = require("./useSmooth.cjs");
-var import_SmoothContext = require("./SmoothContext.cjs");
-var import_SmoothContext2 = require("./SmoothContext.cjs");
+var import_useSmooth = require("./useSmooth.js");
+var import_SmoothContext = require("./SmoothContext.js");
+var import_SmoothContext2 = require("./SmoothContext.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useSmooth,

package/dist/utils/smooth/useSmooth.js

@@ -25,10 +25,10 @@ __export(useSmooth_exports, {
 });
 module.exports = __toCommonJS(useSmooth_exports);
 var import_react = require("react");
-var import_context = require("../../context/index.cjs");
+var import_context = require("../../context/index.js");
 var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
-var import_SmoothContext = require("./SmoothContext.cjs");
-var import_ReadonlyStore = require("../../context/ReadonlyStore.cjs");
+var import_SmoothContext = require("./SmoothContext.js");
+var import_ReadonlyStore = require("../../context/ReadonlyStore.js");
 var TextStreamAnimator = class {
   constructor(currentText, setText) {
     this.currentText = currentText;

package/package.json

@@ -29,7 +29,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.7.7",
+  "version": "0.7.9",
   "license": "MIT",
   "exports": {
     ".": {
@@ -65,7 +65,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@ai-sdk/provider": "^1.0.0",
+    "@ai-sdk/provider": "^1.0.1",
     "@radix-ui/primitive": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-compose-refs": "^1.1.0",
@@ -108,7 +108,7 @@
   },
   "devDependencies": {
     "@types/json-schema": "^7.0.15",
-    "@types/node": "^22.9.1",
+    "@types/node": "^22.9.3",
     "autoprefixer": "^10.4.20",
     "esbuild-plugin-file-path-extensions": "^2.1.3",
     "eslint": "^9",
@@ -121,8 +121,8 @@
     "tsup": "8.3.5",
     "tsx": "^4.19.2",
     "@assistant-ui/tailwindcss-transformer": "0.1.0",
-    "@assistant-ui/tsconfig": "0.0.0",
-    "@assistant-ui/tsbuildutils": "^0.0.0"
+    "@assistant-ui/tsbuildutils": "^0.0.0",
+    "@assistant-ui/tsconfig": "0.0.0"
   },
   "publishConfig": {
     "access": "public",

package/src/primitives/threadList/ThreadListItems.tsx

@@ -4,7 +4,7 @@ import { ComponentType, FC, memo, useMemo } from "react";
 import { ThreadListItemRuntimeProvider } from "../../context/providers/ThreadListItemRuntimeProvider";
 import { useAssistantRuntime, useThreadList } from "../../context";
 
-export namespace MessagePrimitiveContent {
+export namespace ThreadListPrimitiveItems {
   export type Props = {
     archived?: boolean | undefined;
     components: {
@@ -16,7 +16,7 @@ export namespace MessagePrimitiveContent {
 type ThreadListItemProps = {
   partIndex: number;
   archived: boolean;
-  components: MessagePrimitiveContent.Props["components"];
+  components: ThreadListPrimitiveItems.Props["components"];
 };
 
 const ThreadListItemImpl: FC<ThreadListItemProps> = ({
@@ -52,7 +52,7 @@ const ThreadListItem = memo(
     prev.components.ThreadListItem === next.components.ThreadListItem,
 );
 
-export const ThreadListPrimitiveItems: FC<MessagePrimitiveContent.Props> = ({
+export const ThreadListPrimitiveItems: FC<ThreadListPrimitiveItems.Props> = ({
   archived = false,
   components,
 }) => {

package/src/primitives/threadList/ThreadListNew.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import {
+  ActionButtonElement,
+  ActionButtonProps,
+} from "../../utils/createActionButton";
+import { useAssistantRuntime, useThreadList } from "../../context";
+import { forwardRef } from "react";
+import { Primitive } from "@radix-ui/react-primitive";
+import { composeEventHandlers } from "@radix-ui/primitive";
+
+const useThreadListNew = () => {
+  const runtime = useAssistantRuntime();
+  return () => {
+    runtime.switchToNewThread();
+  };
+};
+
+export namespace ThreadListPrimitiveNew {
+  export type Element = ActionButtonElement;
+  export type Props = ActionButtonProps<typeof useThreadListNew>;
+}
+
+export const ThreadListPrimitiveNew = forwardRef<
+  ThreadListPrimitiveNew.Element,
+  ThreadListPrimitiveNew.Props
+>(({ onClick, disabled, ...props }, forwardedRef) => {
+  const isMain = useThreadList((t) => t.newThread === t.mainThreadId);
+  const callback = useThreadListNew();
+
+  return (
+    <Primitive.button
+      type="button"
+      {...(isMain ? { "data-active": "true", "aria-current": "true" } : null)}
+      {...props}
+      ref={forwardedRef}
+      disabled={disabled || !callback}
+      onClick={composeEventHandlers(onClick, () => {
+        callback?.();
+      })}
+    />
+  );
+});
+
+ThreadListPrimitiveNew.displayName = "ThreadListPrimitive.New";

package/src/primitives/threadListItem/ThreadListItemRoot.tsx

@@ -19,7 +19,7 @@ export const ThreadListItemPrimitiveRoot = forwardRef<
 
   return (
     <Primitive.div
-      {...(isMain ? { "data-active": "true" } : null)}
+      {...(isMain ? { "data-active": "true", "aria-current": "true" } : null)}
       {...props}
       ref={ref}
     />

package/src/styles/tailwindcss/thread.css

@@ -219,3 +219,33 @@
 .aui-text-running::after {
   @apply animate-pulse font-sans content-['\25CF'] ltr:ml-1 rtl:mr-1;
 }
+
+/* thread-list */
+
+.aui-thread-list-root {
+  @apply flex flex-col items-stretch gap-1.5;
+}
+
+.aui-thread-list-item {
+  @apply data-[active]:bg-aui-muted hover:bg-aui-muted focus-visible:bg-aui-muted focus-visible:ring-aui-ring flex items-center gap-2 rounded-lg transition-all focus-visible:outline-none focus-visible:ring-2;
+}
+
+.aui-thread-list-new {
+  @apply data-[active]:bg-aui-muted hover:bg-aui-muted flex items-center justify-start gap-1 rounded-lg px-2.5 py-2 text-start;
+}
+
+.aui-thread-list-new > .lucide-plus {
+  @apply size-5;
+}
+
+.aui-thread-list-item-trigger {
+  @apply flex-grow px-3 py-2 text-start;
+}
+
+.aui-thread-list-item-title {
+  @apply text-sm;
+}
+
+.aui-thread-list-item-archive {
+  @apply hover:text-aui-primary text-aui-foreground ml-auto mr-3 size-4 p-0;
+}

package/src/ui/assistant-action-bar.tsx

@@ -11,10 +11,7 @@ import {
   ThumbsUpIcon,
 } from "lucide-react";
 import { ActionBarPrimitive, MessagePrimitive } from "../primitives";
-import {
-  TooltipIconButton,
-  TooltipIconButtonProps,
-} from "./base/tooltip-icon-button";
+import { TooltipIconButton } from "./base/tooltip-icon-button";
 import { withDefaults } from "./utils/withDefaults";
 import { useThreadConfig } from "./thread-config";
 import { useThread } from "../context";
@@ -91,7 +88,7 @@ AssistantActionBarRoot.displayName = "AssistantActionBarRoot";
 
 namespace AssistantActionBarCopy {
   export type Element = ActionBarPrimitive.Copy.Element;
-  export type Props = Partial<TooltipIconButtonProps> & {
+  export type Props = Partial<TooltipIconButton.Props> & {
     copiedDuration?: number | undefined;
   };
 }
@@ -141,7 +138,7 @@ const AssistantActionBarSpeechControl: FC = () => {
 
 namespace AssistantActionBarSpeak {
   export type Element = ActionBarPrimitive.Speak.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantActionBarSpeak = forwardRef<
@@ -168,7 +165,7 @@ AssistantActionBarSpeak.displayName = "AssistantActionBarSpeak";
 
 namespace AssistantActionBarStopSpeaking {
   export type Element = ActionBarPrimitive.StopSpeaking.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantActionBarStopSpeaking = forwardRef<
@@ -197,7 +194,7 @@ AssistantActionBarStopSpeaking.displayName = "AssistantActionBarStopSpeaking";
 
 namespace AssistantActionBarReload {
   export type Element = ActionBarPrimitive.Reload.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantActionBarReload = forwardRef<
@@ -223,7 +220,7 @@ AssistantActionBarReload.displayName = "AssistantActionBarReload";
 
 namespace AssistantActionBarFeedbackPositive {
   export type Element = ActionBarPrimitive.FeedbackPositive.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantActionBarFeedbackPositive = forwardRef<
@@ -256,7 +253,7 @@ AssistantActionBarFeedbackPositive.displayName =
 
 namespace AssistantActionBarFeedbackNegative {
   export type Element = ActionBarPrimitive.FeedbackNegative.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantActionBarFeedbackNegative = forwardRef<

package/src/ui/assistant-modal.tsx

@@ -6,10 +6,7 @@ import { BotIcon, ChevronDownIcon } from "lucide-react";
 import { AssistantModalPrimitive } from "../primitives";
 import Thread from "./thread";
 import { withDefaults } from "./utils/withDefaults";
-import {
-  TooltipIconButton,
-  TooltipIconButtonProps,
-} from "./base/tooltip-icon-button";
+import { TooltipIconButton } from "./base/tooltip-icon-button";
 import {
   ThreadConfig,
   ThreadConfigProvider,
@@ -50,7 +47,7 @@ AssistantModalRoot.displayName = "AssistantModalRoot";
 
 namespace AssistantModalTrigger {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AssistantModalTrigger = forwardRef<
@@ -81,7 +78,7 @@ const ModalButtonStyled = withDefaults(TooltipIconButton, {
 
 namespace AssistantModalButton {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps> & {
+  export type Props = Partial<TooltipIconButton.Props> & {
     "data-state"?: "open" | "closed";
   };
 }

package/src/ui/attachment-ui.tsx

@@ -10,10 +10,7 @@ import {
 import { CircleXIcon, FileIcon } from "lucide-react";
 import { withDefaults } from "./utils/withDefaults";
 import { useThreadConfig } from "./thread-config";
-import {
-  TooltipIconButton,
-  TooltipIconButtonProps,
-} from "./base/tooltip-icon-button";
+import { TooltipIconButton } from "./base/tooltip-icon-button";
 import { AttachmentPrimitive } from "../primitives";
 import { useAttachment } from "../context/react/AttachmentContext";
 import {
@@ -169,7 +166,7 @@ AttachmentUI.displayName = "Attachment";
 
 namespace AttachmentRemove {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const AttachmentRemove = forwardRef<

package/src/ui/base/index.ts

@@ -10,9 +10,6 @@ export { Button, buttonVariants, type ButtonProps } from "./button";
 
 export { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
 
-export {
-  TooltipIconButton,
-  type TooltipIconButtonProps,
-} from "./tooltip-icon-button";
+export { TooltipIconButton } from "./tooltip-icon-button";
 
 export { CircleStopIcon } from "./CircleStopIcon";

package/src/ui/base/tooltip-icon-button.tsx

@@ -4,14 +4,16 @@ import { forwardRef } from "react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip";
 import { Button, ButtonProps } from "./button";
 
-export type TooltipIconButtonProps = ButtonProps & {
-  tooltip: string;
-  side?: "top" | "bottom" | "left" | "right";
-};
+export namespace TooltipIconButton {
+  export type Props = ButtonProps & {
+    tooltip: string;
+    side?: "top" | "bottom" | "left" | "right";
+  };
+}
 
 export const TooltipIconButton = forwardRef<
   HTMLButtonElement,
-  TooltipIconButtonProps
+  TooltipIconButton.Props
 >(({ children, tooltip, side = "bottom", ...rest }, ref) => {
   return (
     <Tooltip>

package/src/ui/branch-picker.tsx

@@ -3,10 +3,7 @@
 import { ComponentPropsWithoutRef, forwardRef, type FC } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 
-import {
-  TooltipIconButton,
-  TooltipIconButtonProps,
-} from "./base/tooltip-icon-button";
+import { TooltipIconButton } from "./base/tooltip-icon-button";
 import { withDefaults } from "./utils/withDefaults";
 import { useThreadConfig } from "./thread-config";
 import { BranchPickerPrimitive } from "../primitives";
@@ -40,7 +37,7 @@ BranchPickerRoot.displayName = "BranchPickerRoot";
 
 namespace BranchPickerPrevious {
   export type Element = BranchPickerPrimitive.Previous.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const BranchPickerPrevious = forwardRef<
@@ -88,7 +85,7 @@ BranchPickerState.displayName = "BranchPickerState";
 
 namespace BranchPickerNext {
   export type Element = BranchPickerPrimitive.Next.Element;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const BranchPickerNext = forwardRef<

package/src/ui/composer.tsx

@@ -5,10 +5,7 @@ import { ComponentPropsWithoutRef, forwardRef, type FC } from "react";
 import { PaperclipIcon, SendHorizontalIcon } from "lucide-react";
 import { withDefaults } from "./utils/withDefaults";
 import { useThreadConfig } from "./thread-config";
-import {
-  TooltipIconButton,
-  TooltipIconButtonProps,
-} from "./base/tooltip-icon-button";
+import { TooltipIconButton } from "./base/tooltip-icon-button";
 import { CircleStopIcon } from "./base/CircleStopIcon";
 import { ComposerPrimitive, ThreadPrimitive } from "../primitives";
 import { useThread } from "../context/react/ThreadContext";
@@ -94,7 +91,7 @@ const ComposerAttachButton = withDefaults(TooltipIconButton, {
 
 namespace ComposerAddAttachment {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const ComposerAddAttachment = forwardRef<
@@ -152,7 +149,7 @@ const ComposerSendButton = withDefaults(TooltipIconButton, {
 
 namespace ComposerSend {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const ComposerSend = forwardRef<ComposerSend.Element, ComposerSend.Props>(
@@ -179,7 +176,7 @@ const ComposerCancelButton = withDefaults(TooltipIconButton, {
 
 namespace ComposerCancel {
   export type Element = HTMLButtonElement;
-  export type Props = Partial<TooltipIconButtonProps>;
+  export type Props = Partial<TooltipIconButton.Props>;
 }
 
 const ComposerCancel = forwardRef<ComposerCancel.Element, ComposerCancel.Props>(

package/src/ui/index.ts

@@ -20,6 +20,8 @@ export { default as BranchPicker } from "./branch-picker";
 
 export { default as Composer } from "./composer";
 
+export { default as ContentPart } from "./content-part";
+
 export {
   default as AttachmentUI, // TODO name collision with Attachment
 } from "./attachment-ui";
@@ -28,10 +30,12 @@ export { default as EditComposer } from "./edit-composer";
 
 export { default as Thread } from "./thread";
 
-export { default as UserMessage } from "./user-message";
+export { default as ThreadList } from "./thread-list";
 
-export { default as UserActionBar } from "./user-action-bar";
+export { default as ThreadListItem } from "./thread-list-item";
 
 export { default as ThreadWelcome } from "./thread-welcome";
 
-export { default as ContentPart } from "./content-part";
+export { default as UserMessage } from "./user-message";
+
+export { default as UserActionBar } from "./user-action-bar";

package/src/ui/thread-config.tsx

@@ -65,6 +65,19 @@ export type StringsConfig = {
       };
     };
   };
+  threadList?: {
+    new?: {
+      label?: string | undefined;
+    };
+    item?: {
+      title?: {
+        fallback?: string | undefined;
+      };
+      archive?: {
+        tooltip?: string | undefined;
+      };
+    };
+  };
   thread?: {
     scrollToBottom?: {
       tooltip?: string | undefined;