@agent-native/toolkit 0.203.0-nightly-20261007064822 → 0.203.0

package/src/composer/PromptComposer.tsx

@@ -33,6 +33,7 @@ import { cn } from "../utils.js";
 import { AgentComposerFrame } from "./AgentComposerFrame.js";
 import { IMAGE_ATTACHMENT_ACCEPT } from "./attachment-accept.js";
 import {
+  CHAT_DOCUMENT_ATTACHMENT_ACCEPT,
   PROMPT_DOCUMENT_ATTACHMENT_ACCEPT,
   TextAttachmentAdapter,
 } from "./attachment-accept.js";
@@ -314,6 +315,20 @@ class RasterImageAttachmentAdapter extends SimpleImageAttachmentAdapter {
   }
 }
 
+// SVGs never match the raster adapter, so agent chat stages them as reference
+// documents rather than images a model would try to read as pixels.
+class ChatDocumentAttachmentAdapter extends BinaryDocumentAttachmentAdapter {
+  public accept = CHAT_DOCUMENT_ATTACHMENT_ACCEPT;
+}
+
+export function createChatAttachmentAdapter(): AttachmentAdapter {
+  return new CompositeAttachmentAdapter([
+    new RasterImageAttachmentAdapter(),
+    new ChatDocumentAttachmentAdapter(),
+    new TextAttachmentAdapter(),
+  ]);
+}
+
 function isInlineableTextFile(file: File): boolean {
   if (file.type.startsWith("text/")) return true;
   if (

package/src/composer/TiptapComposer.spec.ts

@@ -2554,6 +2554,29 @@ describe("createTiptapComposerExtensions", () => {
     });
   });
 
+  it("names a rejected image drop by the file the user dropped", async () => {
+    const file = new File(["<svg/>"], "logo.svg", { type: "image/svg+xml" });
+    const added: File[] = [];
+    const onError = vi.fn();
+    handleComposerFileDrop({
+      event: {
+        dataTransfer: { files: [file] },
+        preventDefault: () => {},
+        stopPropagation: () => {},
+      } as unknown as DragEvent,
+      addAttachment: async (attachment) => {
+        added.push(attachment);
+        throw new Error("File type image/svg+xml is not accepted.");
+      },
+      onError,
+    });
+
+    await vi.waitFor(() => {
+      expect(onError).toHaveBeenCalledWith(expect.any(Error), "logo.svg");
+    });
+    expect(added[0]?.name).toMatch(/^\d+-[a-z0-9]+-logo\.svg$/);
+  });
+
   it("caps the model picker height without forcing empty vertical space", () => {
     expect(MODEL_SELECTOR_POPOVER_STYLE).toMatchObject({
       fontSize: 13,

package/src/composer/TiptapComposer.tsx

@@ -770,16 +770,15 @@ export function handleComposerFileDrop(options: {
   options.event.preventDefault();
   options.event.stopPropagation();
   if (options.attachmentsEnabled === false) return true;
-  const attachments = droppedFiles.map(uniquifyComposerImageFile);
   let errorReported = false;
   void Promise.all(
-    attachments.map(async (file) => {
+    droppedFiles.map(async (droppedFile) => {
       try {
-        await options.addAttachment(file);
+        await options.addAttachment(uniquifyComposerImageFile(droppedFile));
       } catch (error) {
         if (errorReported) return;
         errorReported = true;
-        options.onError?.(error, file.name);
+        options.onError?.(error, droppedFile.name);
       }
     }),
   );
@@ -1223,8 +1222,8 @@ export interface TiptapComposerProps {
   interceptBuildRequestsForBuilder?: boolean;
   /**
    * Called when a drag-drop or paste attachment fails (e.g. unsupported format,
-   * size cap). Use this to surface a visible error in the parent chat surface
-   * rather than silently swallowing the problem.
+   * size cap) so the host can show it in its own surface. Without it, the
+   * composer shows the message inline.
    */
   onAttachmentError?: (message: string) => void;
 }
@@ -2873,8 +2872,10 @@ export function TiptapComposer({
   // Refs for values accessed in handleKeyDown (ProseMirror doesn't re-bind)
   const popoverStateRef = useRef<PopoverState>(null);
   const composingRef = useRef(false);
+  const [attachmentError, setAttachmentError] = useState<string | null>(null);
   const onAttachmentErrorRef = useRef(onAttachmentError);
-  onAttachmentErrorRef.current = onAttachmentError;
+  // Many standalone prompts pass no handler; a rejected file must still say so.
+  onAttachmentErrorRef.current = onAttachmentError ?? setAttachmentError;
   const onSubmitRef = useRef(onSubmit);
   onSubmitRef.current = onSubmit;
   const execModeRef = useRef(execMode);
@@ -3101,6 +3102,7 @@ export function TiptapComposer({
   }, [cleanStaleAttachments, composerRuntime]);
   const addAttachmentForCurrentScope = useCallback(
     (file: File) => {
+      setAttachmentError(null);
       const scopeGeneration = draftScopeGenerationRef.current;
       const submissionBarrier = attachmentSubmissionBarrierRef.current;
       let resolveOperation!: () => void;
@@ -3297,6 +3299,7 @@ export function TiptapComposer({
       // Drive the send button's enabled state from the actual editor contents;
       // the composer runtime is only synced on submit, so its isEmpty lags.
       setEditorHasText(composerDocumentHasContent(ed.state.doc));
+      setAttachmentError(null);
       onTextChangeRef.current?.(ed.getText({ blockSeparator: "\n" }).trim());
       setReferenceRevision((revision) => revision + 1);
 
@@ -5871,6 +5874,14 @@ export function TiptapComposer({
           {contextSubmissionError}
         </p>
       ) : null}
+      {attachmentError ? (
+        <p
+          role="alert"
+          className="break-words px-2.5 pt-2 text-xs text-destructive"
+        >
+          {attachmentError}
+        </p>
+      ) : null}
       <div
         data-agent-composer-variant={layoutVariant}
         data-agent-composer-slot="editor-wrap"