@assistant-ui/react 0.11.46 → 0.11.48

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAGzB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,kCAAkC,EAClC,8BAA8B,EAC9B,4BAA4B,EAC5B,wBAAwB,EACxB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAGrC,YAAY,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAE5F,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACV,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,yBAAyB,EACzB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAEzB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,GACd,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,0BAA0B,EAC1B,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,oBAAoB,EACpB,kCAAkC,EAClC,8BAA8B,EAC9B,4BAA4B,EAC5B,wBAAwB,EACxB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAGrC,YAAY,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAE5F,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,GACvB,MAAM,cAAc,CAAC"}

package/dist/utils/smooth/useSmooth.js

@@ -68,10 +68,10 @@ var useSmooth = (state, smooth = false) => {
   });
   useEffect(() => {
     if (smoothStatusStore) {
-      const target = displayedText !== text || state.status.type === "running" ? SMOOTH_STATUS : state.status;
+      const target = smooth && (displayedText !== text || state.status.type === "running") ? SMOOTH_STATUS : state.status;
       writableStore(smoothStatusStore).setState(target, true);
     }
-  }, [smoothStatusStore, text, displayedText, state.status]);
+  }, [smoothStatusStore, smooth, text, displayedText, state.status]);
   const [animatorRef] = useState(
     new TextStreamAnimator(text, setText)
   );

package/dist/utils/smooth/useSmooth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/smooth/useSmooth.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useAssistantState } from \"../../context\";\nimport {\n  MessagePartStatus,\n  ReasoningMessagePart,\n  TextMessagePart,\n} from \"../../types/AssistantTypes\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useSmoothStatusStore } from \"./SmoothContext\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { MessagePartState } from \"../../legacy-runtime/runtime/MessagePartRuntime\";\n\nclass TextStreamAnimator {\n  private animationFrameId: number | null = null;\n  private lastUpdateTime: number = Date.now();\n\n  public targetText: string = \"\";\n\n  constructor(\n    public currentText: string,\n    private setText: (newText: string) => void,\n  ) {}\n\n  start() {\n    if (this.animationFrameId !== null) return;\n    this.lastUpdateTime = Date.now();\n    this.animate();\n  }\n\n  stop() {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n  }\n\n  private animate = () => {\n    const currentTime = Date.now();\n    const deltaTime = currentTime - this.lastUpdateTime;\n    let timeToConsume = deltaTime;\n\n    const remainingChars = this.targetText.length - this.currentText.length;\n    const baseTimePerChar = Math.min(5, 250 / remainingChars);\n\n    let charsToAdd = 0;\n    while (timeToConsume >= baseTimePerChar && charsToAdd < remainingChars) {\n      charsToAdd++;\n      timeToConsume -= baseTimePerChar;\n    }\n\n    if (charsToAdd !== remainingChars) {\n      this.animationFrameId = requestAnimationFrame(this.animate);\n    } else {\n      this.animationFrameId = null;\n    }\n    if (charsToAdd === 0) return;\n\n    this.currentText = this.targetText.slice(\n      0,\n      this.currentText.length + charsToAdd,\n    );\n    this.lastUpdateTime = currentTime - timeToConsume;\n    this.setText(this.currentText);\n  };\n}\n\nconst SMOOTH_STATUS: MessagePartStatus = Object.freeze({\n  type: \"running\",\n});\n\nexport const useSmooth = (\n  state: MessagePartState & (TextMessagePart | ReasoningMessagePart),\n  smooth: boolean = false,\n): MessagePartState & (TextMessagePart | ReasoningMessagePart) => {\n  const { text } = state;\n  const id = useAssistantState(({ message }) => message.id);\n\n  const idRef = useRef(id);\n  const [displayedText, setDisplayedText] = useState(text);\n\n  const smoothStatusStore = useSmoothStatusStore({ optional: true });\n  const setText = useCallbackRef((text: string) => {\n    setDisplayedText(text);\n    if (smoothStatusStore) {\n      const target =\n        displayedText !== text || state.status.type === \"running\"\n          ? SMOOTH_STATUS\n          : state.status;\n      writableStore(smoothStatusStore).setState(target, true);\n    }\n  });\n\n  // TODO this is hacky\n  useEffect(() => {\n    if (smoothStatusStore) {\n      const target =\n        displayedText !== text || state.status.type === \"running\"\n          ? SMOOTH_STATUS\n          : state.status;\n      writableStore(smoothStatusStore).setState(target, true);\n    }\n  }, [smoothStatusStore, text, displayedText, state.status]);\n\n  const [animatorRef] = useState<TextStreamAnimator>(\n    new TextStreamAnimator(text, setText),\n  );\n\n  useEffect(() => {\n    if (!smooth) {\n      animatorRef.stop();\n      return;\n    }\n\n    if (idRef.current !== id || !text.startsWith(animatorRef.targetText)) {\n      idRef.current = id;\n      setText(text);\n\n      animatorRef.currentText = text;\n      animatorRef.targetText = text;\n      animatorRef.stop();\n\n      return;\n    }\n\n    animatorRef.targetText = text;\n    animatorRef.start();\n  }, [setText, animatorRef, id, smooth, text]);\n\n  useEffect(() => {\n    return () => {\n      animatorRef.stop();\n    };\n  }, [animatorRef]);\n\n  return useMemo(\n    () =>\n      smooth\n        ? {\n            type: \"text\",\n            text: displayedText,\n            status: text === displayedText ? state.status : SMOOTH_STATUS,\n          }\n        : state,\n    [smooth, displayedText, state, text],\n  );\n};\n"],"mappings":"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","names":["text"]}
+{"version":3,"sources":["../../../src/utils/smooth/useSmooth.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useAssistantState } from \"../../context\";\nimport {\n  MessagePartStatus,\n  ReasoningMessagePart,\n  TextMessagePart,\n} from \"../../types/AssistantTypes\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { useSmoothStatusStore } from \"./SmoothContext\";\nimport { writableStore } from \"../../context/ReadonlyStore\";\nimport { MessagePartState } from \"../../legacy-runtime/runtime/MessagePartRuntime\";\n\nclass TextStreamAnimator {\n  private animationFrameId: number | null = null;\n  private lastUpdateTime: number = Date.now();\n\n  public targetText: string = \"\";\n\n  constructor(\n    public currentText: string,\n    private setText: (newText: string) => void,\n  ) {}\n\n  start() {\n    if (this.animationFrameId !== null) return;\n    this.lastUpdateTime = Date.now();\n    this.animate();\n  }\n\n  stop() {\n    if (this.animationFrameId !== null) {\n      cancelAnimationFrame(this.animationFrameId);\n      this.animationFrameId = null;\n    }\n  }\n\n  private animate = () => {\n    const currentTime = Date.now();\n    const deltaTime = currentTime - this.lastUpdateTime;\n    let timeToConsume = deltaTime;\n\n    const remainingChars = this.targetText.length - this.currentText.length;\n    const baseTimePerChar = Math.min(5, 250 / remainingChars);\n\n    let charsToAdd = 0;\n    while (timeToConsume >= baseTimePerChar && charsToAdd < remainingChars) {\n      charsToAdd++;\n      timeToConsume -= baseTimePerChar;\n    }\n\n    if (charsToAdd !== remainingChars) {\n      this.animationFrameId = requestAnimationFrame(this.animate);\n    } else {\n      this.animationFrameId = null;\n    }\n    if (charsToAdd === 0) return;\n\n    this.currentText = this.targetText.slice(\n      0,\n      this.currentText.length + charsToAdd,\n    );\n    this.lastUpdateTime = currentTime - timeToConsume;\n    this.setText(this.currentText);\n  };\n}\n\nconst SMOOTH_STATUS: MessagePartStatus = Object.freeze({\n  type: \"running\",\n});\n\nexport const useSmooth = (\n  state: MessagePartState & (TextMessagePart | ReasoningMessagePart),\n  smooth: boolean = false,\n): MessagePartState & (TextMessagePart | ReasoningMessagePart) => {\n  const { text } = state;\n  const id = useAssistantState(({ message }) => message.id);\n\n  const idRef = useRef(id);\n  const [displayedText, setDisplayedText] = useState(text);\n\n  const smoothStatusStore = useSmoothStatusStore({ optional: true });\n  const setText = useCallbackRef((text: string) => {\n    setDisplayedText(text);\n    if (smoothStatusStore) {\n      const target =\n        displayedText !== text || state.status.type === \"running\"\n          ? SMOOTH_STATUS\n          : state.status;\n      writableStore(smoothStatusStore).setState(target, true);\n    }\n  });\n\n  // TODO this is hacky\n  useEffect(() => {\n    if (smoothStatusStore) {\n      const target =\n        smooth && (displayedText !== text || state.status.type === \"running\")\n          ? SMOOTH_STATUS\n          : state.status;\n      writableStore(smoothStatusStore).setState(target, true);\n    }\n  }, [smoothStatusStore, smooth, text, displayedText, state.status]);\n\n  const [animatorRef] = useState<TextStreamAnimator>(\n    new TextStreamAnimator(text, setText),\n  );\n\n  useEffect(() => {\n    if (!smooth) {\n      animatorRef.stop();\n      return;\n    }\n\n    if (idRef.current !== id || !text.startsWith(animatorRef.targetText)) {\n      idRef.current = id;\n      setText(text);\n\n      animatorRef.currentText = text;\n      animatorRef.targetText = text;\n      animatorRef.stop();\n\n      return;\n    }\n\n    animatorRef.targetText = text;\n    animatorRef.start();\n  }, [setText, animatorRef, id, smooth, text]);\n\n  useEffect(() => {\n    return () => {\n      animatorRef.stop();\n    };\n  }, [animatorRef]);\n\n  return useMemo(\n    () =>\n      smooth\n        ? {\n            type: \"text\",\n            text: displayedText,\n            status: text === displayedText ? state.status : SMOOTH_STATUS,\n          }\n        : state,\n    [smooth, displayedText, state, text],\n  );\n};\n"],"mappings":"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","names":["text"]}

package/package.json

@@ -28,7 +28,7 @@
     "conversational-ui",
     "conversational-ai"
   ],
-  "version": "0.11.46",
+  "version": "0.11.48",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -48,8 +48,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "assistant-cloud": "^0.1.9",
-    "@assistant-ui/tap": "^0.3.1",
+    "assistant-cloud": "^0.1.10",
+    "@assistant-ui/tap": "^0.3.2",
     "@radix-ui/primitive": "^1.1.3",
     "@radix-ui/react-compose-refs": "^1.1.2",
     "@radix-ui/react-context": "^1.1.3",
@@ -59,11 +59,11 @@
     "@radix-ui/react-use-callback-ref": "^1.1.1",
     "@radix-ui/react-use-escape-keydown": "^1.1.1",
     "@standard-schema/spec": "^1.0.0",
-    "assistant-stream": "^0.2.42",
+    "assistant-stream": "^0.2.43",
     "nanoid": "5.1.6",
     "react-textarea-autosize": "^8.5.9",
     "zod": "^4.1.13",
-    "zustand": "^5.0.8"
+    "zustand": "^5.0.9"
   },
   "peerDependencies": {
     "@types/react": "*",
@@ -84,10 +84,8 @@
     "@stryker-mutator/vitest-runner": "^9.4.0",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^24.10.1",
-    "eslint": "^9",
-    "eslint-config-next": "16.0.4",
-    "tsx": "^4.20.6",
-    "vitest": "^4.0.14",
+    "tsx": "^4.21.0",
+    "vitest": "^4.0.15",
     "@assistant-ui/x-buildutils": "0.0.1"
   },
   "publishConfig": {
@@ -106,7 +104,6 @@
     "build": "tsx scripts/build.mts",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:mutation": "stryker run",
-    "lint": "eslint ."
+    "test:mutation": "stryker run"
   }
 }

package/src/augmentations.ts

@@ -22,10 +22,8 @@
  * ```
  */
 export namespace Assistant {
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface Commands {}
 
-  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
   export interface ExternalState {}
 }
 

package/src/client/ThreadMessageClient.tsx

@@ -40,7 +40,7 @@ const ThreadMessagePartClient = resource(
       {
         key:
           state.type === "tool-call"
-            ? "toolCallId-" + state.toolCallId
+            ? `toolCallId-${state.toolCallId}`
             : undefined,
       },
     );
@@ -122,7 +122,7 @@ export const ThreadMessageClient = resource(
         if ("index" in selector) {
           return parts.api({ index: selector.index });
         } else {
-          return parts.api({ key: "toolCallId-" + selector.toolCallId });
+          return parts.api({ key: `toolCallId-${selector.toolCallId}` });
         }
       },
       attachment: (selector) => {

package/src/client/types/ModelContext.ts

@@ -1,7 +1,6 @@
 import type { Unsubscribe } from "../../types";
 import type { ModelContextProvider } from "../../model-context/ModelContextTypes";
 
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export type ModelContextState = {};
 
 export type ModelContextApi = ModelContextProvider & {

package/src/client/types/Thread.ts

@@ -19,6 +19,11 @@ import { CreateResumeRunConfig } from "../../legacy-runtime/runtime/ThreadRuntim
 import { ModelContext } from "../../model-context";
 
 export type ThreadClientState = {
+  /**
+   * Whether the thread is empty. A thread is considered empty when it has no messages and is not loading.
+   */
+  readonly isEmpty: boolean;
+
   /**
    * Whether the thread is disabled. Disabled threads cannot receive new messages.
    */

package/src/context/react/AssistantApiContext.tsx

@@ -287,10 +287,8 @@ export function useAssistantApi(): AssistantApi;
 export function useAssistantApi(config: AssistantClientProps): AssistantApi;
 export function useAssistantApi(config?: AssistantClientProps): AssistantApi {
   if (config) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useExtendedAssistantApiImpl(config);
   } else {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useAssistantApiImpl();
   }
 }

package/src/context/react/index.ts

@@ -6,6 +6,7 @@ export {
   useAssistantApi,
   useExtendedAssistantApi,
   type AssistantApi,
+  type AssistantState,
 } from "./AssistantApiContext";
 export { useAssistantState } from "./hooks/useAssistantState";
 export { useAssistantEvent } from "./hooks/useAssistantEvent";

package/src/context/react/utils/createStateHookForRuntime.ts

@@ -75,7 +75,6 @@ export function createStateHookForRuntime<TState>(
     if (!store) return null;
 
     // it is ok to call useRuntimeStateInternal conditionally because it will never become null if its available
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     return useRuntimeStateInternal(store, selector);
   }
 

package/src/context/react/utils/ensureBinding.ts

@@ -24,7 +24,7 @@ const debugVerifyPrototype = (
 
   if (unboundMethods.length > 0) {
     throw new Error(
-      "The following methods are not bound: " + JSON.stringify(unboundMethods),
+      `The following methods are not bound: ${JSON.stringify(unboundMethods)}`,
     );
   }
 

package/src/legacy-runtime/AssistantRuntimeProvider.tsx

@@ -2,15 +2,15 @@
 
 import { FC, memo, PropsWithChildren } from "react";
 import {
-  AssistantProvider,
   useAssistantApi,
+  AssistantProvider,
 } from "../context/react/AssistantApiContext";
 import { AssistantRuntime } from "./runtime/AssistantRuntime";
 import { AssistantRuntimeCore } from "./runtime-cores/core/AssistantRuntimeCore";
 import { RuntimeAdapter } from "./RuntimeAdapter";
 import { ThreadPrimitiveViewportProvider } from "../context/providers/ThreadViewportProvider";
 
-export namespace AssistantProvider {
+export namespace AssistantRuntimeProvider {
   export type Props = PropsWithChildren<{
     /**
      * The runtime to provide to the rest of your app.
@@ -23,10 +23,9 @@ const getRenderComponent = (runtime: AssistantRuntime) => {
   return (runtime as { _core?: AssistantRuntimeCore })._core?.RenderComponent;
 };
 
-export const AssistantRuntimeProviderImpl: FC<AssistantProvider.Props> = ({
-  children,
-  runtime,
-}) => {
+export const AssistantRuntimeProviderImpl: FC<
+  AssistantRuntimeProvider.Props
+> = ({ children, runtime }) => {
   const api = useAssistantApi({
     threads: RuntimeAdapter(runtime),
   });

package/src/legacy-runtime/client/MessagePartRuntimeClient.ts

@@ -18,7 +18,7 @@ export const MessagePartClient = resource(
     return tapApi<MessagePartClientApi>(api, {
       key:
         runtimeState.type === "tool-call"
-          ? "toolCallId-" + runtimeState.toolCallId
+          ? `toolCallId-${runtimeState.toolCallId}`
           : undefined,
     });
   },

package/src/legacy-runtime/client/MessageRuntimeClient.ts

@@ -116,7 +116,7 @@ export const MessageClient = resource(
           if ("index" in selector) {
             return parts.api({ index: selector.index });
           } else {
-            return parts.api({ key: "toolCallId-" + selector.toolCallId });
+            return parts.api({ key: `toolCallId-${selector.toolCallId}` });
           }
         },
 

package/src/legacy-runtime/client/ThreadRuntimeClient.ts

@@ -97,6 +97,7 @@ export const ThreadClient = resource(
 
     const state = tapMemo<ThreadClientState>(() => {
       return {
+        isEmpty: messages.state.length === 0 && !runtimeState.isLoading,
         isDisabled: runtimeState.isDisabled,
         isLoading: runtimeState.isLoading,
         isRunning: runtimeState.isRunning,

package/src/legacy-runtime/cloud/auiV0.ts

@@ -92,7 +92,7 @@ export const auiV0Encode = (message: ThreadMessage): AuiV0Message => {
         case "tool-call": {
           if (!isJSONValue(part.result)) {
             console.warn(
-              "tool-call result is not JSON! " + JSON.stringify(part),
+              `tool-call result is not JSON! ${JSON.stringify(part)}`,
             );
           }
           return {

package/src/legacy-runtime/runtime/AssistantRuntime.ts

@@ -101,7 +101,9 @@ export class AssistantRuntimeImpl implements AssistantRuntime {
 
   public reset({
     initialMessages,
-  }: { initialMessages?: ThreadMessageLike[] } = {}) {
+  }: {
+    initialMessages?: ThreadMessageLike[];
+  } = {}) {
     return this._core.threads
       .getMainThreadRuntimeCore()
       .import(ExportedMessageRepository.fromArray(initialMessages ?? []));

package/src/legacy-runtime/runtime/ComposerRuntime.ts

@@ -335,7 +335,7 @@ export class ThreadComposerRuntimeImpl
           ...this.path,
           attachmentSource: "thread-composer",
           attachmentSelector: { type: "index", index: idx },
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
         },
         getState: () => {
           const attachments = this.getState().attachments;
@@ -423,7 +423,7 @@ export class EditComposerRuntimeImpl
           ...this.path,
           attachmentSource: "edit-composer",
           attachmentSelector: { type: "index", index: idx },
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
         },
         getState: () => {
           const attachments = this.getState().attachments;

package/src/legacy-runtime/runtime/MessageRuntime.ts

@@ -149,7 +149,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new NestedSubscriptionSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.composer`,
+          ref: `${this.path.ref}${this.path.ref}.composer`,
           composerSource: "edit",
         },
         getState: this._getEditComposerRuntimeCore,
@@ -270,7 +270,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new ShallowMemoizeSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.content[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.content[${idx}]`,
           messagePartSelector: { type: "index", index: idx },
         },
         getState: () => {
@@ -314,7 +314,7 @@ export class MessageRuntimeImpl implements MessageRuntime {
       new ShallowMemoizeSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.attachments[${idx}]`,
+          ref: `${this.path.ref}${this.path.ref}.attachments[${idx}]`,
           attachmentSource: "message",
           attachmentSelector: { type: "index", index: idx },
         },

package/src/legacy-runtime/runtime/ThreadListRuntime.ts

@@ -163,7 +163,7 @@ export class ThreadListRuntimeImpl implements ThreadListRuntime {
     return new this._runtimeFactory(
       new NestedSubscriptionSubject({
         path: {
-          ref: "threads[threadId=" + JSON.stringify(threadId) + "]",
+          ref: `threads[threadId=${JSON.stringify(threadId)}]`,
           threadSelector: { type: "threadId", threadId },
         },
         getState: () => this._core.getThreadRuntimeCore(threadId),

package/src/legacy-runtime/runtime/ThreadRuntime.ts

@@ -338,7 +338,7 @@ export class ThreadRuntimeImpl implements ThreadRuntime {
       new NestedSubscriptionSubject({
         path: {
           ...this.path,
-          ref: this.path.ref + `${this.path.ref}.composer`,
+          ref: `${this.path.ref}${this.path.ref}.composer`,
           composerSource: "thread",
         },
         getState: () => this._threadBinding.getState().composer,
@@ -437,7 +437,7 @@ export class ThreadRuntimeImpl implements ThreadRuntime {
     return this._getMessageRuntime(
       {
         ...this.path,
-        ref: this.path.ref + `${this.path.ref}.messages[${idx}]`,
+        ref: `${this.path.ref}${this.path.ref}.messages[${idx}]`,
         messageSelector: { type: "index", index: idx },
       },
       () => {

package/src/legacy-runtime/runtime-cores/adapters/RuntimeAdapterProvider.tsx

@@ -13,7 +13,7 @@ export type RuntimeAdapters = {
 
 const RuntimeAdaptersContext = createContext<RuntimeAdapters | null>(null);
 
-namespace RuntimeAdapterProvider {
+export namespace RuntimeAdapterProvider {
   export type Props = {
     adapters: RuntimeAdapters;
     children: ReactNode;

package/src/legacy-runtime/runtime-cores/adapters/attachment/CompositeAttachmentAdapter.ts

@@ -19,7 +19,7 @@ function fileMatchesAccept(
     .map((type) => type.trim().toLowerCase());
 
   // Get the file's extension and MIME type
-  const fileExtension = "." + file.name.split(".").pop()!.toLowerCase();
+  const fileExtension = `.${file.name.split(".").pop()!.toLowerCase()}`;
   const fileMimeType = file.type.toLowerCase();
 
   for (const type of allowedTypes) {
@@ -37,7 +37,7 @@ function fileMatchesAccept(
       // Check for wildcard MIME type match
       if (type.endsWith("/*")) {
         const generalType = type.split("/")[0]!;
-        if (fileMimeType.startsWith(generalType + "/")) {
+        if (fileMimeType.startsWith(`${generalType}/`)) {
           return true;
         }
       }

package/src/legacy-runtime/runtime-cores/adapters/feedback/index.ts

@@ -1 +1 @@
-export { type FeedbackAdapter } from "./FeedbackAdapter";
+export type { FeedbackAdapter } from "./FeedbackAdapter";

package/src/legacy-runtime/runtime-cores/adapters/suggestion/index.ts

@@ -1 +1 @@
-export { type SuggestionAdapter } from "./SuggestionAdapter";
+export type { SuggestionAdapter } from "./SuggestionAdapter";

package/src/legacy-runtime/runtime-cores/external-store/ExternalStoreAdapter.tsx

@@ -70,7 +70,7 @@ type ExternalStoreAdapterBase<T> = {
   onNew: (message: AppendMessage) => Promise<void>;
   onEdit?: ((message: AppendMessage) => Promise<void>) | undefined;
   onReload?: // TODO: remove parentId in 0.12.0
-  | ((parentId: string | null, config: StartRunConfig) => Promise<void>)
+    | ((parentId: string | null, config: StartRunConfig) => Promise<void>)
     | undefined;
   onResume?: ((config: ResumeRunConfig) => Promise<void>) | undefined;
   onCancel?: (() => Promise<void>) | undefined;

package/src/legacy-runtime/runtime-cores/external-store/ThreadMessageLike.tsx

@@ -132,7 +132,7 @@ export const fromThreadMessageLike = (
                 const { parentId, messages, ...basePart } = part;
                 const commonProps = {
                   ...basePart,
-                  toolCallId: part.toolCallId ?? "tool-" + generateId(),
+                  toolCallId: part.toolCallId ?? `tool-${generateId()}`,
                   ...(parentId !== undefined && { parentId }),
                   ...(messages !== undefined && { messages }),
                 };

package/src/legacy-runtime/runtime-cores/remote-thread-list/RemoteThreadListHookInstanceManager.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/rules-of-hooks */
 "use client";
 
 import {
@@ -128,7 +127,6 @@ export class RemoteThreadListHookInstanceManager extends BaseSubscribable {
   private _OuterActiveThreadProvider: FC<{
     threadId: string;
     provider: ComponentType<PropsWithChildren>;
-    // eslint-disable-next-line react/display-name
   }> = memo(({ threadId, provider: Provider }) => {
     // Runtime is provided by ThreadListItemByIdProvider
 

package/src/legacy-runtime/runtime-cores/remote-thread-list/RemoteThreadListThreadListRuntimeCore.tsx

@@ -605,9 +605,7 @@ export class RemoteThreadListThreadListRuntimeCore
   private useBoundIds = create<string[]>(() => []);
 
   public __internal_RenderComponent: FC = () => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     const id = useId();
-    // eslint-disable-next-line react-hooks/rules-of-hooks
     useEffect(() => {
       this.useBoundIds.setState((s) => [...s, id], true);
       return () => {

package/src/primitives/actionBar/ActionBarCopy.tsx

@@ -33,7 +33,9 @@ import { useAssistantState, useAssistantApi } from "../../context";
  */
 const useActionBarPrimitiveCopy = ({
   copiedDuration = 3000,
-}: { copiedDuration?: number | undefined } = {}) => {
+}: {
+  copiedDuration?: number | undefined;
+} = {}) => {
   const api = useAssistantApi();
   const hasCopyableContent = useAssistantState(({ message }) => {
     return (

package/src/primitives/actionBar/ActionBarExportMarkdown.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { forwardRef, useCallback } from "react";
+import { ActionButtonProps } from "../../utils/createActionButton";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Primitive } from "@radix-ui/react-primitive";
+import { useAssistantState, useAssistantApi } from "../../context";
+
+const useActionBarExportMarkdown = ({
+  filename,
+  onExport,
+}: {
+  filename?: string | undefined;
+  onExport?: ((content: string) => void | Promise<void>) | undefined;
+} = {}) => {
+  const api = useAssistantApi();
+  const hasExportableContent = useAssistantState(({ message }) => {
+    return (
+      (message.role !== "assistant" || message.status?.type !== "running") &&
+      message.parts.some((c) => c.type === "text" && c.text.length > 0)
+    );
+  });
+
+  const callback = useCallback(async () => {
+    const content = api.message().getCopyText();
+    if (!content) return;
+
+    if (onExport) {
+      await onExport(content);
+      return;
+    }
+
+    const blob = new Blob([content], { type: "text/markdown" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename ?? `message-${Date.now()}.md`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [api, filename, onExport]);
+
+  if (!hasExportableContent) return null;
+  return callback;
+};
+
+export namespace ActionBarPrimitiveExportMarkdown {
+  export type Element = HTMLButtonElement;
+  export type Props = ActionButtonProps<typeof useActionBarExportMarkdown>;
+}
+
+export const ActionBarPrimitiveExportMarkdown = forwardRef<
+  ActionBarPrimitiveExportMarkdown.Element,
+  ActionBarPrimitiveExportMarkdown.Props
+>(({ filename, onExport, onClick, disabled, ...props }, forwardedRef) => {
+  const callback = useActionBarExportMarkdown({ filename, onExport });
+  return (
+    <Primitive.button
+      type="button"
+      {...props}
+      ref={forwardedRef}
+      disabled={disabled || !callback}
+      onClick={composeEventHandlers(onClick, () => {
+        callback?.();
+      })}
+    />
+  );
+});
+
+ActionBarPrimitiveExportMarkdown.displayName =
+  "ActionBarPrimitive.ExportMarkdown";

package/src/primitives/actionBar/index.ts

@@ -6,3 +6,4 @@ export { ActionBarPrimitiveSpeak as Speak } from "./ActionBarSpeak";
 export { ActionBarPrimitiveStopSpeaking as StopSpeaking } from "./ActionBarStopSpeaking";
 export { ActionBarPrimitiveFeedbackPositive as FeedbackPositive } from "./ActionBarFeedbackPositive";
 export { ActionBarPrimitiveFeedbackNegative as FeedbackNegative } from "./ActionBarFeedbackNegative";
+export { ActionBarPrimitiveExportMarkdown as ExportMarkdown } from "./ActionBarExportMarkdown";

package/src/primitives/assistant/AssistantIf.tsx

@@ -0,0 +1,25 @@
+"use client";
+
+import type { FC, PropsWithChildren } from "react";
+import { useAssistantState } from "../../context";
+import type { AssistantState } from "../../context/react/AssistantApiContext";
+
+type UseAssistantIfProps = {
+  condition: AssistantIf.Condition;
+};
+
+const useAssistantIf = (props: UseAssistantIfProps) => {
+  return useAssistantState(props.condition);
+};
+
+export namespace AssistantIf {
+  export type Props = PropsWithChildren<UseAssistantIfProps>;
+  export type Condition = (state: AssistantState) => boolean;
+}
+
+export const AssistantIf: FC<AssistantIf.Props> = ({ children, condition }) => {
+  const result = useAssistantIf({ condition });
+  return result ? children : null;
+};
+
+AssistantIf.displayName = "AssistantIf";

package/src/primitives/composer/ComposerIf.tsx

@@ -23,6 +23,9 @@ export namespace ComposerPrimitiveIf {
   export type Props = PropsWithChildren<UseComposerIfProps>;
 }
 
+/**
+ * @deprecated Use `<AssistantIf condition={({ composer }) => ...} />` instead.
+ */
 export const ComposerPrimitiveIf: FC<ComposerPrimitiveIf.Props> = ({
   children,
   ...query

package/src/primitives/composer/ComposerInput.tsx

@@ -114,6 +114,9 @@ export const ComposerPrimitiveInput = forwardRef<
     useEscapeKeydown((e) => {
       if (!cancelOnEscape) return;
 
+      // Only handle ESC if it originated from within this input
+      if (!textareaRef.current?.contains(e.target as Node)) return;
+
       const composer = api.composer();
       if (composer.getState().canCancel) {
         composer.cancel();

package/src/primitives/index.ts

@@ -10,6 +10,8 @@ export * as ThreadPrimitive from "./thread";
 export * as ThreadListPrimitive from "./threadList";
 export * as ThreadListItemPrimitive from "./threadListItem";
 
+export { AssistantIf } from "./assistant/AssistantIf";
+
 export { useMessagePartText } from "./messagePart/useMessagePartText";
 export { useMessagePartReasoning } from "./messagePart/useMessagePartReasoning";
 export { useMessagePartSource } from "./messagePart/useMessagePartSource";

package/src/primitives/message/MessageError.tsx

@@ -9,7 +9,7 @@ export const MessagePrimitiveError: FC<PropsWithChildren> = ({ children }) => {
       message.status?.type === "incomplete" &&
       message.status.reason === "error",
   );
-  return hasError ? <>{children}</> : null;
+  return hasError ? children : null;
 };
 
 MessagePrimitiveError.displayName = "MessagePrimitive.Error";

package/src/primitives/message/MessageIf.tsx

@@ -77,6 +77,9 @@ export namespace MessagePrimitiveIf {
   export type Props = PropsWithChildren<UseMessageIfProps>;
 }
 
+/**
+ * @deprecated Use `<AssistantIf condition={({ message }) => ...} />` instead.
+ */
 export const MessagePrimitiveIf: FC<MessagePrimitiveIf.Props> = ({
   children,
   ...query