@agent-native/toolkit 0.23.0 → 0.23.1-nightly-20260928222833

package/src/composer/AgentSuggestionBar.tsx

@@ -70,7 +70,7 @@ export function AgentSuggestionBar({
               size="sm"
               disabled={suggestion.disabled}
               onClick={() => onSelect(suggestion)}
-              className="h-7 shrink-0 snap-start whitespace-nowrap rounded-full border-transparent bg-muted/55 px-2.5 text-[11px] font-normal text-muted-foreground shadow-none transition-[border-color,background-color,color] hover:border-border/55 hover:bg-muted hover:text-foreground"
+              className="h-7 shrink-0 snap-start whitespace-nowrap rounded-full border-transparent bg-muted/55 px-2.5 text-[11px] font-normal text-foreground/80 shadow-none transition-[border-color,background-color,color] hover:border-border/55 hover:bg-muted hover:text-foreground"
             >
               <span>
                 {renderSuggestion

package/src/composer/PromptComposer.context.spec.tsx

@@ -18,6 +18,16 @@ import type { TiptapComposerHandle } from "./TiptapComposer.js";
 let container: HTMLDivElement;
 let root: Root;
 
+function KeyedStaleIndexBoundary({
+  resetKey,
+  children,
+}: {
+  resetKey: string;
+  children: React.ReactNode;
+}) {
+  return <React.Fragment key={resetKey}>{children}</React.Fragment>;
+}
+
 beforeEach(() => {
   vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
   container = document.createElement("div");
@@ -32,6 +42,44 @@ afterEach(() => {
 });
 
 describe("controlled composer context", () => {
+  it("keeps the editor mounted while the host echoes each edit as initial text", async () => {
+    const composerRef = React.createRef<TiptapComposerHandle>();
+    const onSubmit = vi.fn();
+    const EchoingPrompt = () => {
+      const [text, setText] = React.useState("");
+      return (
+        <ComposerRuntimeAdaptersProvider
+          adapters={{
+            agentChat: {
+              StaleIndexBoundary: KeyedStaleIndexBoundary,
+            },
+          }}
+        >
+          <PromptComposer
+            composerRef={composerRef}
+            onSubmit={onSubmit}
+            initialText={text}
+            initialTextKey="stable-while-typing"
+            onTextChange={setText}
+            showModelSelector={false}
+            modelStatusChecksEnabled={false}
+            includeDefaultSlashSkills={false}
+            voiceEnabled={false}
+          />
+        </ComposerRuntimeAdaptersProvider>
+      );
+    };
+
+    await act(async () => root.render(<EchoingPrompt />));
+    const editor = container.querySelector<HTMLElement>(".ProseMirror")!;
+    expect(editor).not.toBeNull();
+
+    await act(async () => composerRef.current!.setText("typed at the end"));
+
+    expect(container.querySelector(".ProseMirror")).toBe(editor);
+    expect(editor.textContent).toBe("typed at the end");
+  });
+
   it("uses the shared upload menu without host entries and retains the explicit hidden mode", async () => {
     await mount();
     const trigger = container.querySelector<HTMLButtonElement>(

package/src/composer/PromptComposer.tsx

@@ -1009,11 +1009,9 @@ function PromptComposerRuntime(props: PromptComposerProps) {
   const runtime = useLocalRuntime(NOOP_ADAPTER, {
     adapters: { attachments: attachmentAdapter },
   });
-  const resetKey = [
-    props.draftScope ?? "",
-    props.initialTextKey ?? "",
-    props.initialText ?? "",
-  ].join(":");
+  const resetKey = [props.draftScope ?? "", props.initialTextKey ?? ""].join(
+    ":",
+  );
 
   return (
     <TooltipProvider delayDuration={200}>

package/src/composer/TiptapComposer.tsx

@@ -4728,14 +4728,27 @@ export function TiptapComposer({
                     type="button"
                     onClick={() => void submitComposer("immediate")}
                     disabled={!canSend}
-                    aria-label={sendButtonTooltip}
+                    aria-label={
+                      submitting
+                        ? t("agentChat.setup.checkingProvider")
+                        : sendButtonTooltip
+                    }
+                    aria-busy={submitting || undefined}
                     data-agent-composer-slot="send-button"
                     className="agent-composer-send-button shrink-0 flex h-7 w-7 items-center justify-center rounded-md bg-primary text-primary-foreground hover:opacity-90 transition-[opacity,transform] duration-150 active:scale-[0.97] disabled:opacity-30 disabled:cursor-not-allowed"
                   >
-                    <IconArrowUp className="h-3.5 w-3.5" />
+                    {submitting ? (
+                      <IconLoader2 className="size-3.5 animate-spin motion-reduce:animate-none" />
+                    ) : (
+                      <IconArrowUp className="h-3.5 w-3.5" />
+                    )}
                   </button>
                 </TooltipTrigger>
-                <TooltipContent>{sendButtonTooltip}</TooltipContent>
+                <TooltipContent>
+                  {submitting
+                    ? t("agentChat.setup.checkingProvider")
+                    : sendButtonTooltip}
+                </TooltipContent>
               </Tooltip>
             )}
           </>