@assistant-ui/react 0.7.8 → 0.7.9

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.8",
+  "version": "0.7.9",
   "license": "MIT",
   "exports": {
     ".": {

package/src/primitives/threadList/ThreadListNew.tsx

@@ -31,7 +31,7 @@ export const ThreadListPrimitiveNew = forwardRef<
   return (
     <Primitive.button
       type="button"
-      {...(isMain ? { "data-active": "true" } : null)}
+      {...(isMain ? { "data-active": "true", "aria-current": "true" } : null)}
       {...props}
       ref={forwardedRef}
       disabled={disabled || !callback}

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

@@ -227,7 +227,7 @@
 }
 
 .aui-thread-list-item {
-  @apply data-[active]:bg-aui-muted hover:bg-aui-muted flex items-center gap-2 rounded-lg transition-all;
+  @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 {

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,14 +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 ThreadList } from "./thread-list";
+export { default as UserMessage } from "./user-message";
 
-export { default as ThreadListItem } from "./thread-list-item";
+export { default as UserActionBar } from "./user-action-bar";

package/src/ui/thread-config.tsx

@@ -74,7 +74,7 @@ export type StringsConfig = {
         fallback?: string | undefined;
       };
       archive?: {
-        label?: string | undefined;
+        tooltip?: string | undefined;
       };
     };
   };

package/src/ui/thread-list-item.tsx

@@ -39,11 +39,9 @@ const ThreadListItemTitle = forwardRef<
   ThreadListItemPrimitiveTitle.Element,
   ThreadListItemPrimitiveTitle.Props
 >(({ className, ...props }, ref) => {
-  const {
-    strings: {
-      threadList: { item: { title: { fallback = "New Chat" } = {} } = {} } = {},
-    } = {},
-  } = useThreadConfig();
+  const config = useThreadConfig();
+  const fallback =
+    config.strings?.threadList?.item?.title?.fallback ?? "New Chat";
 
   return (
     <p
@@ -58,34 +56,28 @@ const ThreadListItemTitle = forwardRef<
 
 ThreadListItemTitle.displayName = "ThreadListItemTitle";
 
-const ThreadListItemArchive = withDefaults(
-  forwardRef<HTMLButtonElement, TooltipIconButton.Props>(
-    ({ className, ...props }, ref) => {
-      const {
-        strings: {
-          threadList: {
-            item: { archive: { label = "Archive thread" } = {} } = {},
-          } = {},
-        } = {},
-      } = useThreadConfig();
+const ThreadListItemArchive = forwardRef<
+  HTMLButtonElement,
+  Partial<TooltipIconButton.Props>
+>(({ className, ...props }, ref) => {
+  const config = useThreadConfig();
+  const tooltip =
+    config.strings?.threadList?.item?.archive?.tooltip ?? "Archive thread";
 
-      return (
-        <ThreadListItemPrimitive.Archive asChild>
-          <TooltipIconButton
-            {...props}
-            ref={ref}
-            className={classNames("aui-thread-list-item-archive", className)}
-            variant="ghost"
-            tooltip={label}
-          >
-            <ArchiveIcon />
-          </TooltipIconButton>
-        </ThreadListItemPrimitive.Archive>
-      );
-    },
-  ),
-  {},
-);
+  return (
+    <ThreadListItemPrimitive.Archive asChild>
+      <TooltipIconButton
+        ref={ref}
+        className={classNames("aui-thread-list-item-archive", className)}
+        variant="ghost"
+        tooltip={tooltip}
+        {...props}
+      >
+        <ArchiveIcon />
+      </TooltipIconButton>
+    </ThreadListItemPrimitive.Archive>
+  );
+});
 
 ThreadListItemArchive.displayName = "ThreadListItemArchive";
 

package/src/ui/thread-list.tsx

@@ -27,17 +27,16 @@ const ThreadListNew = forwardRef<
   HTMLButtonElement,
   ThreadListPrimitive.New.Props & ButtonProps
 >((props, ref) => {
-  const {
-    strings: { threadList: { new: { label = "New Thread" } = {} } = {} } = {},
-  } = useThreadConfig();
+  const config = useThreadConfig();
+  const label = config.strings?.threadList?.new?.label ?? "New Thread";
 
   return (
     <ThreadListPrimitive.New asChild>
       <Button
-        {...props}
         ref={ref}
         className="aui-thread-list-new"
         variant="ghost"
+        {...props}
       >
         <PlusIcon />
         {label}
@@ -47,9 +46,16 @@ const ThreadListNew = forwardRef<
 });
 ThreadListNew.displayName = "ThreadListNew";
 
-const ThreadListItems: FC<{
-  components?: Partial<ThreadListPrimitive.Items.Props["components"]>;
-}> = ({ components }) => {
+namespace ThreadListItems {
+  export type Props = {
+    /**
+     * Optional custom components to override default thread list items
+     */
+    components?: Partial<ThreadListPrimitive.Items.Props["components"]>;
+  };
+}
+
+const ThreadListItems: FC<ThreadListItems.Props> = ({ components }) => {
   return (
     <ThreadListPrimitive.Items
       components={{