@agent-native/core 0.7.80 → 0.7.82

package/dist/client/composer/PromptComposer.js

@@ -6,6 +6,8 @@ import { IconX } from "@tabler/icons-react";
 import { cn } from "../utils.js";
 import { TiptapComposer } from "./TiptapComposer.js";
 import { useChatModels } from "../use-chat-models.js";
+import { isPastedTextAttachmentName } from "./pasted-text.js";
+import { PastedTextChip } from "./PastedTextChip.js";
 // Minimal pass-through adapter. PromptComposer always submits through
 // onSubmitOverride, so the runtime never actually calls this — but
 // `useLocalRuntime` needs *something* shaped like a ChatModelAdapter.
@@ -57,6 +59,9 @@ function AttachmentChip({ attachment, onRemove, }) {
         if (src?.startsWith("blob:"))
             URL.revokeObjectURL(src);
     }, [src]);
+    if (isPastedTextAttachmentName(attachment.name)) {
+        return _jsx(PastedTextChip, { attachment: attachment, onRemove: onRemove });
+    }
     if (src) {
         return (_jsxs("div", { className: "group relative h-16 w-16 overflow-hidden rounded-lg border border-border/70 bg-muted/50", children: [_jsx("img", { src: src, alt: attachment.name, className: "h-full w-full object-cover" }), _jsx("button", { type: "button", onClick: () => onRemove(attachment.id), "aria-label": `Remove ${attachment.name}`, className: "absolute right-1 top-1 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border/60 bg-background/90 text-muted-foreground hover:text-foreground", children: _jsx(IconX, { className: "h-3 w-3" }) })] }));
     }
@@ -72,7 +77,7 @@ function PromptAttachmentStrip() {
         return null;
     return (_jsx("div", { className: "flex flex-wrap gap-2 px-2 pt-2", children: attachments.map((attachment) => (_jsx(AttachmentChip, { attachment: attachment, onRemove: handleRemove }, attachment.id))) }));
 }
-function PromptComposerInner({ onSubmit, placeholder, disabled, autoFocus, className, draftScope, showModelSelector, voiceEnabled = true, attachmentsEnabled = false, composerRef, }) {
+function PromptComposerInner({ onSubmit, placeholder, disabled, autoFocus, className, draftScope, showModelSelector = true, voiceEnabled = true, attachmentsEnabled = true, composerRef, }) {
     const localRef = useRef(null);
     const handleRef = composerRef ?? localRef;
     const models = useChatModels();
@@ -87,15 +92,38 @@ function PromptComposerInner({ onSubmit, placeholder, disabled, autoFocus, class
         }, 50);
         return () => window.clearTimeout(id);
     }, [autoFocus, handleRef]);
-    const handleSubmit = useCallback((text, references, attachments) => {
+    const handleSubmit = useCallback(async (text, references, attachments) => {
+        // PromptComposer hosts (NewWorkspaceAppFlow, create-tool, create-deck,
+        // …) submit a single string prompt — they don't run the assistant-ui
+        // attachment send pipeline. TiptapComposer auto-converts large pastes
+        // into a "Pasted text" chip, which would otherwise disappear into an
+        // unprocessed File. Inline the chip body back into the prompt text so
+        // newlines and full content survive the round-trip.
         const files = [];
+        const pastedTextBlocks = [];
         for (const att of attachments ?? []) {
             const a = att;
             if ("file" in a && a.file instanceof File) {
-                files.push(a.file);
+                const file = a.file;
+                if (isPastedTextAttachmentName(file.name)) {
+                    try {
+                        pastedTextBlocks.push(await file.text());
+                    }
+                    catch {
+                        // If we can't read it, fall back to surfacing it as a regular
+                        // attachment file rather than silently losing it.
+                        files.push(file);
+                    }
+                }
+                else {
+                    files.push(file);
+                }
             }
         }
-        onSubmit(text, files, references);
+        const finalText = pastedTextBlocks.length
+            ? [text.trim(), ...pastedTextBlocks].filter(Boolean).join("\n\n")
+            : text;
+        onSubmit(finalText, files, references);
     }, [onSubmit]);
     return (_jsx("div", { className: cn("agent-composer-area flex flex-col rounded-lg border border-input bg-background focus-within:ring-1 focus-within:ring-ring", className), children: _jsxs(ComposerPrimitive.Root, { className: "flex flex-col", children: [_jsx(PromptAttachmentStrip, {}), _jsx(TiptapComposer, { focusRef: handleRef, disabled: disabled, placeholder: placeholder, onSubmit: handleSubmit, plusMenuMode: attachmentsEnabled ? "upload-only" : "hidden", voiceEnabled: voiceEnabled, draftScope: draftScope, selectedModel: showModelSelector ? models.selectedModel : undefined, selectedEffort: showModelSelector ? models.selectedEffort : undefined, availableModels: showModelSelector ? models.availableModels : undefined, onModelChange: showModelSelector ? models.onModelChange : undefined, onEffortChange: showModelSelector ? models.onEffortChange : undefined })] }) }));
 }

package/dist/client/composer/PromptComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptComposer.js","sourceRoot":"","sources":["../../../src/client/composer/PromptComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type Ref } from \"react\";\nimport {\n  AssistantRuntimeProvider,\n  ComposerPrimitive,\n  ThreadPrimitive,\n  useAui,\n  useComposer,\n  useLocalRuntime,\n} from \"@assistant-ui/react\";\nimport type {\n  Attachment,\n  AttachmentAdapter,\n  ChatModelAdapter,\n  CompleteAttachment,\n  PendingAttachment,\n} from \"@assistant-ui/react\";\nimport {\n  CompositeAttachmentAdapter,\n  SimpleImageAttachmentAdapter,\n  SimpleTextAttachmentAdapter,\n} from \"@assistant-ui/react\";\nimport { IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { TiptapComposer, type TiptapComposerHandle } from \"./TiptapComposer.js\";\nimport type { Reference } from \"./types.js\";\nimport { useChatModels } from \"../use-chat-models.js\";\n\n/**\n * Files the user attached via the \"+\" button in PromptComposer. The host owns\n * what to do with them — typically POST to a per-app upload endpoint and pass\n * the resulting URLs/paths into the prompt that gets sent to the agent.\n */\nexport type PromptComposerFile = File;\n\nexport interface PromptComposerProps {\n  /** Called when the user submits the composer. */\n  onSubmit: (\n    text: string,\n    files: PromptComposerFile[],\n    references: Reference[],\n  ) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  className?: string;\n  /** Forwarded to TiptapComposer for draft persistence. */\n  draftScope?: string;\n  /** Show the model selector (default: false). */\n  showModelSelector?: boolean;\n  /** Show the voice dictation button (default: true). */\n  voiceEnabled?: boolean;\n  /** Show file upload controls and pass submitted files to onSubmit. */\n  attachmentsEnabled?: boolean;\n  /** Imperative handle for focusing the composer. */\n  composerRef?: Ref<TiptapComposerHandle>;\n}\n\n// Minimal pass-through adapter. PromptComposer always submits through\n// onSubmitOverride, so the runtime never actually calls this — but\n// `useLocalRuntime` needs *something* shaped like a ChatModelAdapter.\nconst NOOP_ADAPTER: ChatModelAdapter = {\n  async *run() {\n    return;\n  },\n};\n\n/**\n * Local clone of AssistantChat's BinaryDocumentAttachmentAdapter so PDFs and\n * PPTX files can be attached without dragging the whole assistant chat module\n * into bundles that just want a prompt popover.\n */\nclass BinaryDocumentAttachmentAdapter implements AttachmentAdapter {\n  public accept =\n    \"application/pdf,application/vnd.openxmlformats-officedocument.presentationml.presentation,.pdf,.pptx\";\n\n  public async add(state: { file: File }): Promise<PendingAttachment> {\n    return {\n      id: state.file.name,\n      type: \"document\",\n      name: state.file.name,\n      contentType: state.file.type || \"application/octet-stream\",\n      file: state.file,\n      status: { type: \"requires-action\", reason: \"composer-send\" },\n    };\n  }\n\n  public async send(\n    attachment: PendingAttachment,\n  ): Promise<CompleteAttachment> {\n    return {\n      ...attachment,\n      status: { type: \"complete\" },\n      content: [],\n    };\n  }\n\n  public async remove() {\n    /* noop */\n  }\n}\n\nfunction getImageSrc(attachment: Attachment): string | null {\n  if (attachment.type !== \"image\") return null;\n  if (\"file\" in attachment && attachment.file) {\n    return URL.createObjectURL(attachment.file);\n  }\n  const imagePart = attachment.content?.find((part) => part.type === \"image\");\n  return imagePart && \"image\" in imagePart ? imagePart.image : null;\n}\n\nfunction AttachmentChip({\n  attachment,\n  onRemove,\n}: {\n  attachment: Attachment;\n  onRemove: (id: string) => void;\n}) {\n  const src = useMemo(() => getImageSrc(attachment), [attachment]);\n  useEffect(\n    () => () => {\n      if (src?.startsWith(\"blob:\")) URL.revokeObjectURL(src);\n    },\n    [src],\n  );\n\n  if (src) {\n    return (\n      <div className=\"group relative h-16 w-16 overflow-hidden rounded-lg border border-border/70 bg-muted/50\">\n        <img\n          src={src}\n          alt={attachment.name}\n          className=\"h-full w-full object-cover\"\n        />\n        <button\n          type=\"button\"\n          onClick={() => onRemove(attachment.id)}\n          aria-label={`Remove ${attachment.name}`}\n          className=\"absolute right-1 top-1 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border/60 bg-background/90 text-muted-foreground hover:text-foreground\"\n        >\n          <IconX className=\"h-3 w-3\" />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"group relative inline-flex max-w-[200px] items-center gap-2 rounded-md border border-border/70 bg-muted/50 px-2 py-1.5 text-xs\">\n      <div className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded bg-background text-[9px] font-semibold uppercase text-muted-foreground\">\n        {attachment.name.split(\".\").pop() || \"file\"}\n      </div>\n      <span className=\"min-w-0 truncate font-medium\">{attachment.name}</span>\n      <button\n        type=\"button\"\n        onClick={() => onRemove(attachment.id)}\n        aria-label={`Remove ${attachment.name}`}\n        className=\"flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:text-foreground\"\n      >\n        <IconX className=\"h-3 w-3\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PromptAttachmentStrip() {\n  const attachments = useComposer((state) => state.attachments);\n  const aui = useAui();\n\n  const handleRemove = useCallback(\n    (id: string) => {\n      void aui.composer().attachment({ id }).remove();\n    },\n    [aui],\n  );\n\n  if (attachments.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-2 px-2 pt-2\">\n      {attachments.map((attachment) => (\n        <AttachmentChip\n          key={attachment.id}\n          attachment={attachment}\n          onRemove={handleRemove}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction PromptComposerInner({\n  onSubmit,\n  placeholder,\n  disabled,\n  autoFocus,\n  className,\n  draftScope,\n  showModelSelector,\n  voiceEnabled = true,\n  attachmentsEnabled = false,\n  composerRef,\n}: PromptComposerProps) {\n  const localRef = useRef<TiptapComposerHandle>(null);\n  const handleRef = composerRef ?? localRef;\n  const models = useChatModels();\n\n  useEffect(() => {\n    if (!autoFocus) return;\n    const id = window.setTimeout(() => {\n      const target =\n        typeof handleRef === \"object\" && handleRef && \"current\" in handleRef\n          ? handleRef.current\n          : null;\n      target?.focus();\n    }, 50);\n    return () => window.clearTimeout(id);\n  }, [autoFocus, handleRef]);\n\n  const handleSubmit = useCallback(\n    (\n      text: string,\n      references: Reference[],\n      attachments?: ReadonlyArray<unknown>,\n    ) => {\n      const files: File[] = [];\n      for (const att of attachments ?? []) {\n        const a = att as Attachment;\n        if (\"file\" in a && a.file instanceof File) {\n          files.push(a.file);\n        }\n      }\n      onSubmit(text, files, references);\n    },\n    [onSubmit],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"agent-composer-area flex flex-col rounded-lg border border-input bg-background focus-within:ring-1 focus-within:ring-ring\",\n        className,\n      )}\n    >\n      <ComposerPrimitive.Root className=\"flex flex-col\">\n        <PromptAttachmentStrip />\n        <TiptapComposer\n          focusRef={handleRef}\n          disabled={disabled}\n          placeholder={placeholder}\n          onSubmit={handleSubmit}\n          plusMenuMode={attachmentsEnabled ? \"upload-only\" : \"hidden\"}\n          voiceEnabled={voiceEnabled}\n          draftScope={draftScope}\n          selectedModel={showModelSelector ? models.selectedModel : undefined}\n          selectedEffort={showModelSelector ? models.selectedEffort : undefined}\n          availableModels={\n            showModelSelector ? models.availableModels : undefined\n          }\n          onModelChange={showModelSelector ? models.onModelChange : undefined}\n          onEffortChange={showModelSelector ? models.onEffortChange : undefined}\n        />\n      </ComposerPrimitive.Root>\n    </div>\n  );\n}\n\n/**\n * Standalone composer that mirrors the agent sidebar's input experience —\n * voice dictation, file upload, model selector, submit-on-Enter — for use in\n * popovers and inline prompt forms (create tool, create deck, create dashboard,\n * the Dispatch new-app flow, etc.).\n *\n * The host owns submission: when the user presses Enter or clicks submit,\n * `onSubmit(text, files, references)` is called. PromptComposer runs its own\n * minimal assistant-ui runtime so it can be dropped into any subtree without\n * needing the outer chat to be mounted.\n */\nexport function PromptComposer(props: PromptComposerProps) {\n  const attachmentAdapter = useMemo(\n    () =>\n      new CompositeAttachmentAdapter([\n        new SimpleImageAttachmentAdapter(),\n        new BinaryDocumentAttachmentAdapter(),\n        new SimpleTextAttachmentAdapter(),\n      ]),\n    [],\n  );\n  const runtime = useLocalRuntime(NOOP_ADAPTER, {\n    adapters: { attachments: attachmentAdapter },\n  });\n\n  return (\n    <AssistantRuntimeProvider runtime={runtime}>\n      <ThreadPrimitive.Root className=\"contents\">\n        <PromptComposerInner {...props} />\n      </ThreadPrimitive.Root>\n    </AssistantRuntimeProvider>\n  );\n}\n"]}
+{"version":3,"file":"PromptComposer.js","sourceRoot":"","sources":["../../../src/client/composer/PromptComposer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAY,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,wBAAwB,EACxB,iBAAiB,EACjB,eAAe,EACf,MAAM,EACN,WAAW,EACX,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAA6B,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,sEAAsE;AACtE,mEAAmE;AACnE,sEAAsE;AACtE,MAAM,YAAY,GAAqB;IACrC,KAAK,CAAC,CAAC,GAAG;QACR,OAAO;IACT,CAAC;CACF,CAAC;AAEF;;;;GAIG;AACH,MAAM,+BAA+B;IAC5B,MAAM,GACX,sGAAsG,CAAC;IAElG,KAAK,CAAC,GAAG,CAAC,KAAqB;QACpC,OAAO;YACL,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;YACnB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI;YACrB,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,0BAA0B;YAC1D,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,eAAe,EAAE;SAC7D,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,IAAI,CACf,UAA6B;QAE7B,OAAO;YACL,GAAG,UAAU;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;YAC5B,OAAO,EAAE,EAAE;SACZ,CAAC;IACJ,CAAC;IAEM,KAAK,CAAC,MAAM;QACjB,UAAU;IACZ,CAAC;CACF;AAED,SAAS,WAAW,CAAC,UAAsB;IACzC,IAAI,UAAU,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,IAAI,CAAC;IAC7C,IAAI,MAAM,IAAI,UAAU,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;QAC5C,OAAO,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IACD,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;IAC5E,OAAO,SAAS,IAAI,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,UAAU,EACV,QAAQ,GAIT;IACC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjE,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC;YAAE,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;IACzD,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,IAAI,0BAA0B,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAChD,OAAO,KAAC,cAAc,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;IACxE,CAAC;IAED,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,CACL,eAAK,SAAS,EAAC,yFAAyF,aACtG,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,UAAU,CAAC,IAAI,EACpB,SAAS,EAAC,4BAA4B,GACtC,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,gBAC1B,UAAU,UAAU,CAAC,IAAI,EAAE,EACvC,SAAS,EAAC,kLAAkL,YAE5L,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,IACL,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,gIAAgI,aAC7I,cAAK,SAAS,EAAC,kIAAkI,YAC9I,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,MAAM,GACvC,EACN,eAAM,SAAS,EAAC,8BAA8B,YAAE,UAAU,CAAC,IAAI,GAAQ,EACvE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,gBAC1B,UAAU,UAAU,CAAC,IAAI,EAAE,EACvC,SAAS,EAAC,sHAAsH,YAEhI,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,GACtB,IACL,CACP,CAAC;AACJ,CAAC;AAED,SAAS,qBAAqB;IAC5B,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAC9D,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAU,EAAE,EAAE;QACb,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;IAClD,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC1C,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAC/B,KAAC,cAAc,IAEb,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,IAFjB,UAAU,CAAC,EAAE,CAGlB,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,UAAU,EACV,iBAAiB,GAAG,IAAI,EACxB,YAAY,GAAG,IAAI,EACnB,kBAAkB,GAAG,IAAI,EACzB,WAAW,GACS;IACpB,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,WAAW,IAAI,QAAQ,CAAC;IAC1C,MAAM,MAAM,GAAG,aAAa,EAAE,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAChC,MAAM,MAAM,GACV,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,IAAI,SAAS;gBAClE,CAAC,CAAC,SAAS,CAAC,OAAO;gBACnB,CAAC,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,KAAK,EAAE,CAAC;QAClB,CAAC,EAAE,EAAE,CAAC,CAAC;QACP,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EACH,IAAY,EACZ,UAAuB,EACvB,WAAoC,EACpC,EAAE;QACF,uEAAuE;QACvE,qEAAqE;QACrE,sEAAsE;QACtE,qEAAqE;QACrE,sEAAsE;QACtE,oDAAoD;QACpD,MAAM,KAAK,GAAW,EAAE,CAAC;QACzB,MAAM,gBAAgB,GAAa,EAAE,CAAC;QACtC,KAAK,MAAM,GAAG,IAAI,WAAW,IAAI,EAAE,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,GAAiB,CAAC;YAC5B,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,YAAY,IAAI,EAAE,CAAC;gBAC1C,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC;gBACpB,IAAI,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC1C,IAAI,CAAC;wBACH,gBAAgB,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;oBAC3C,CAAC;oBAAC,MAAM,CAAC;wBACP,8DAA8D;wBAC9D,kDAAkD;wBAClD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACnB,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;YACH,CAAC;QACH,CAAC;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM;YACvC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,gBAAgB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;YACjE,CAAC,CAAC,IAAI,CAAC;QACT,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,SAAS,CACV,YAED,MAAC,iBAAiB,CAAC,IAAI,IAAC,SAAS,EAAC,eAAe,aAC/C,KAAC,qBAAqB,KAAG,EACzB,KAAC,cAAc,IACb,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,EAC3D,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACnE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACrE,eAAe,EACb,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,EAExD,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACnE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,GACrE,IACqB,GACrB,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,IAAI,0BAA0B,CAAC;QAC7B,IAAI,4BAA4B,EAAE;QAClC,IAAI,+BAA+B,EAAE;QACrC,IAAI,2BAA2B,EAAE;KAClC,CAAC,EACJ,EAAE,CACH,CAAC;IACF,MAAM,OAAO,GAAG,eAAe,CAAC,YAAY,EAAE;QAC5C,QAAQ,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE;KAC7C,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,wBAAwB,IAAC,OAAO,EAAE,OAAO,YACxC,KAAC,eAAe,CAAC,IAAI,IAAC,SAAS,EAAC,UAAU,YACxC,KAAC,mBAAmB,OAAK,KAAK,GAAI,GACb,GACE,CAC5B,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, type Ref } from \"react\";\nimport {\n  AssistantRuntimeProvider,\n  ComposerPrimitive,\n  ThreadPrimitive,\n  useAui,\n  useComposer,\n  useLocalRuntime,\n} from \"@assistant-ui/react\";\nimport type {\n  Attachment,\n  AttachmentAdapter,\n  ChatModelAdapter,\n  CompleteAttachment,\n  PendingAttachment,\n} from \"@assistant-ui/react\";\nimport {\n  CompositeAttachmentAdapter,\n  SimpleImageAttachmentAdapter,\n  SimpleTextAttachmentAdapter,\n} from \"@assistant-ui/react\";\nimport { IconX } from \"@tabler/icons-react\";\nimport { cn } from \"../utils.js\";\nimport { TiptapComposer, type TiptapComposerHandle } from \"./TiptapComposer.js\";\nimport type { Reference } from \"./types.js\";\nimport { useChatModels } from \"../use-chat-models.js\";\nimport { isPastedTextAttachmentName } from \"./pasted-text.js\";\nimport { PastedTextChip } from \"./PastedTextChip.js\";\n\n/**\n * Files the user attached via the \"+\" button in PromptComposer. The host owns\n * what to do with them — typically POST to a per-app upload endpoint and pass\n * the resulting URLs/paths into the prompt that gets sent to the agent.\n */\nexport type PromptComposerFile = File;\n\nexport interface PromptComposerProps {\n  /** Called when the user submits the composer. */\n  onSubmit: (\n    text: string,\n    files: PromptComposerFile[],\n    references: Reference[],\n  ) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  className?: string;\n  /** Forwarded to TiptapComposer for draft persistence. */\n  draftScope?: string;\n  /** Show the model selector (default: true). */\n  showModelSelector?: boolean;\n  /** Show the voice dictation button (default: true). */\n  voiceEnabled?: boolean;\n  /** Show file upload controls and pass submitted files to onSubmit (default: true). */\n  attachmentsEnabled?: boolean;\n  /** Imperative handle for focusing the composer. */\n  composerRef?: Ref<TiptapComposerHandle>;\n}\n\n// Minimal pass-through adapter. PromptComposer always submits through\n// onSubmitOverride, so the runtime never actually calls this — but\n// `useLocalRuntime` needs *something* shaped like a ChatModelAdapter.\nconst NOOP_ADAPTER: ChatModelAdapter = {\n  async *run() {\n    return;\n  },\n};\n\n/**\n * Local clone of AssistantChat's BinaryDocumentAttachmentAdapter so PDFs and\n * PPTX files can be attached without dragging the whole assistant chat module\n * into bundles that just want a prompt popover.\n */\nclass BinaryDocumentAttachmentAdapter implements AttachmentAdapter {\n  public accept =\n    \"application/pdf,application/vnd.openxmlformats-officedocument.presentationml.presentation,.pdf,.pptx\";\n\n  public async add(state: { file: File }): Promise<PendingAttachment> {\n    return {\n      id: state.file.name,\n      type: \"document\",\n      name: state.file.name,\n      contentType: state.file.type || \"application/octet-stream\",\n      file: state.file,\n      status: { type: \"requires-action\", reason: \"composer-send\" },\n    };\n  }\n\n  public async send(\n    attachment: PendingAttachment,\n  ): Promise<CompleteAttachment> {\n    return {\n      ...attachment,\n      status: { type: \"complete\" },\n      content: [],\n    };\n  }\n\n  public async remove() {\n    /* noop */\n  }\n}\n\nfunction getImageSrc(attachment: Attachment): string | null {\n  if (attachment.type !== \"image\") return null;\n  if (\"file\" in attachment && attachment.file) {\n    return URL.createObjectURL(attachment.file);\n  }\n  const imagePart = attachment.content?.find((part) => part.type === \"image\");\n  return imagePart && \"image\" in imagePart ? imagePart.image : null;\n}\n\nfunction AttachmentChip({\n  attachment,\n  onRemove,\n}: {\n  attachment: Attachment;\n  onRemove: (id: string) => void;\n}) {\n  const src = useMemo(() => getImageSrc(attachment), [attachment]);\n  useEffect(\n    () => () => {\n      if (src?.startsWith(\"blob:\")) URL.revokeObjectURL(src);\n    },\n    [src],\n  );\n\n  if (isPastedTextAttachmentName(attachment.name)) {\n    return <PastedTextChip attachment={attachment} onRemove={onRemove} />;\n  }\n\n  if (src) {\n    return (\n      <div className=\"group relative h-16 w-16 overflow-hidden rounded-lg border border-border/70 bg-muted/50\">\n        <img\n          src={src}\n          alt={attachment.name}\n          className=\"h-full w-full object-cover\"\n        />\n        <button\n          type=\"button\"\n          onClick={() => onRemove(attachment.id)}\n          aria-label={`Remove ${attachment.name}`}\n          className=\"absolute right-1 top-1 flex h-5 w-5 cursor-pointer items-center justify-center rounded-full border border-border/60 bg-background/90 text-muted-foreground hover:text-foreground\"\n        >\n          <IconX className=\"h-3 w-3\" />\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"group relative inline-flex max-w-[200px] items-center gap-2 rounded-md border border-border/70 bg-muted/50 px-2 py-1.5 text-xs\">\n      <div className=\"flex h-6 w-6 shrink-0 items-center justify-center rounded bg-background text-[9px] font-semibold uppercase text-muted-foreground\">\n        {attachment.name.split(\".\").pop() || \"file\"}\n      </div>\n      <span className=\"min-w-0 truncate font-medium\">{attachment.name}</span>\n      <button\n        type=\"button\"\n        onClick={() => onRemove(attachment.id)}\n        aria-label={`Remove ${attachment.name}`}\n        className=\"flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:text-foreground\"\n      >\n        <IconX className=\"h-3 w-3\" />\n      </button>\n    </div>\n  );\n}\n\nfunction PromptAttachmentStrip() {\n  const attachments = useComposer((state) => state.attachments);\n  const aui = useAui();\n\n  const handleRemove = useCallback(\n    (id: string) => {\n      void aui.composer().attachment({ id }).remove();\n    },\n    [aui],\n  );\n\n  if (attachments.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-2 px-2 pt-2\">\n      {attachments.map((attachment) => (\n        <AttachmentChip\n          key={attachment.id}\n          attachment={attachment}\n          onRemove={handleRemove}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction PromptComposerInner({\n  onSubmit,\n  placeholder,\n  disabled,\n  autoFocus,\n  className,\n  draftScope,\n  showModelSelector = true,\n  voiceEnabled = true,\n  attachmentsEnabled = true,\n  composerRef,\n}: PromptComposerProps) {\n  const localRef = useRef<TiptapComposerHandle>(null);\n  const handleRef = composerRef ?? localRef;\n  const models = useChatModels();\n\n  useEffect(() => {\n    if (!autoFocus) return;\n    const id = window.setTimeout(() => {\n      const target =\n        typeof handleRef === \"object\" && handleRef && \"current\" in handleRef\n          ? handleRef.current\n          : null;\n      target?.focus();\n    }, 50);\n    return () => window.clearTimeout(id);\n  }, [autoFocus, handleRef]);\n\n  const handleSubmit = useCallback(\n    async (\n      text: string,\n      references: Reference[],\n      attachments?: ReadonlyArray<unknown>,\n    ) => {\n      // PromptComposer hosts (NewWorkspaceAppFlow, create-tool, create-deck,\n      // …) submit a single string prompt — they don't run the assistant-ui\n      // attachment send pipeline. TiptapComposer auto-converts large pastes\n      // into a \"Pasted text\" chip, which would otherwise disappear into an\n      // unprocessed File. Inline the chip body back into the prompt text so\n      // newlines and full content survive the round-trip.\n      const files: File[] = [];\n      const pastedTextBlocks: string[] = [];\n      for (const att of attachments ?? []) {\n        const a = att as Attachment;\n        if (\"file\" in a && a.file instanceof File) {\n          const file = a.file;\n          if (isPastedTextAttachmentName(file.name)) {\n            try {\n              pastedTextBlocks.push(await file.text());\n            } catch {\n              // If we can't read it, fall back to surfacing it as a regular\n              // attachment file rather than silently losing it.\n              files.push(file);\n            }\n          } else {\n            files.push(file);\n          }\n        }\n      }\n      const finalText = pastedTextBlocks.length\n        ? [text.trim(), ...pastedTextBlocks].filter(Boolean).join(\"\\n\\n\")\n        : text;\n      onSubmit(finalText, files, references);\n    },\n    [onSubmit],\n  );\n\n  return (\n    <div\n      className={cn(\n        \"agent-composer-area flex flex-col rounded-lg border border-input bg-background focus-within:ring-1 focus-within:ring-ring\",\n        className,\n      )}\n    >\n      <ComposerPrimitive.Root className=\"flex flex-col\">\n        <PromptAttachmentStrip />\n        <TiptapComposer\n          focusRef={handleRef}\n          disabled={disabled}\n          placeholder={placeholder}\n          onSubmit={handleSubmit}\n          plusMenuMode={attachmentsEnabled ? \"upload-only\" : \"hidden\"}\n          voiceEnabled={voiceEnabled}\n          draftScope={draftScope}\n          selectedModel={showModelSelector ? models.selectedModel : undefined}\n          selectedEffort={showModelSelector ? models.selectedEffort : undefined}\n          availableModels={\n            showModelSelector ? models.availableModels : undefined\n          }\n          onModelChange={showModelSelector ? models.onModelChange : undefined}\n          onEffortChange={showModelSelector ? models.onEffortChange : undefined}\n        />\n      </ComposerPrimitive.Root>\n    </div>\n  );\n}\n\n/**\n * Standalone composer that mirrors the agent sidebar's input experience —\n * voice dictation, file upload, model selector, submit-on-Enter — for use in\n * popovers and inline prompt forms (create tool, create deck, create dashboard,\n * the Dispatch new-app flow, etc.).\n *\n * The host owns submission: when the user presses Enter or clicks submit,\n * `onSubmit(text, files, references)` is called. PromptComposer runs its own\n * minimal assistant-ui runtime so it can be dropped into any subtree without\n * needing the outer chat to be mounted.\n */\nexport function PromptComposer(props: PromptComposerProps) {\n  const attachmentAdapter = useMemo(\n    () =>\n      new CompositeAttachmentAdapter([\n        new SimpleImageAttachmentAdapter(),\n        new BinaryDocumentAttachmentAdapter(),\n        new SimpleTextAttachmentAdapter(),\n      ]),\n    [],\n  );\n  const runtime = useLocalRuntime(NOOP_ADAPTER, {\n    adapters: { attachments: attachmentAdapter },\n  });\n\n  return (\n    <AssistantRuntimeProvider runtime={runtime}>\n      <ThreadPrimitive.Root className=\"contents\">\n        <PromptComposerInner {...props} />\n      </ThreadPrimitive.Root>\n    </AssistantRuntimeProvider>\n  );\n}\n"]}

package/dist/client/composer/TiptapComposer.d.ts

@@ -53,7 +53,17 @@ interface TiptapComposerProps {
      * `"hidden"` hides attachment controls for text-only prompt surfaces.
      */
     plusMenuMode?: "full" | "upload-only" | "hidden";
+    /**
+     * When true and the composer is running inside the Builder.io webview/iframe,
+     * intercept "build me an app/agent" prompts and forward them to the parent
+     * Builder chat via `builder.submitChat` instead of sending to the local
+     * agent. Off by default — the chat sidebar opts in; standalone prompt
+     * forms (NewWorkspaceAppFlow, etc.) handle delegation themselves with
+     * extra context (vault keys, computed app ids) that the raw composer
+     * text lacks.
+     */
+    interceptBuildRequestsForBuilder?: boolean;
 }
-export declare function TiptapComposer({ placeholder, disabled, focusRef, onSubmit, actionButton, extraActionButton, attachButton, onSlashCommand, execMode, onExecModeChange, voiceEnabled, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, draftScope, plusMenuMode, }: TiptapComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TiptapComposer({ placeholder, disabled, focusRef, onSubmit, actionButton, extraActionButton, attachButton, onSlashCommand, execMode, onExecModeChange, voiceEnabled, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, draftScope, plusMenuMode, interceptBuildRequestsForBuilder, }: TiptapComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TiptapComposer.d.ts.map

package/dist/client/composer/TiptapComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAgCf,OAAO,KAAK,EAGV,SAAS,EAGV,MAAM,YAAY,CAAC;AAMpB,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAwHD,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,SAAS,EAAE,EACvB,WAAW,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,KACjC,IAAI,CAAC;IACV,4FAA4F;IAC5F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qFAAqF;IACrF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,2CAA2C;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC;CAClD;AA8YD,wBAAgB,cAAc,CAAC,EAC7B,WAAgC,EAChC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,YAAmB,EACnB,aAAa,EACb,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAc,EACd,UAAU,EACV,YAAqB,GACtB,EAAE,mBAAmB,2CAk3BrB"}
+{"version":3,"file":"TiptapComposer.d.ts","sourceRoot":"","sources":["../../../src/client/composer/TiptapComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAgCf,OAAO,KAAK,EAGV,SAAS,EAGV,MAAM,YAAY,CAAC;AAWpB,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,oBAAoB;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAwHD,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjC,UAAU,mBAAmB;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CACT,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,SAAS,EAAE,EACvB,WAAW,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,KACjC,IAAI,CAAC;IACV,4FAA4F;IAC5F,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,qFAAqF;IACrF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,mEAAmE;IACnE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,2CAA2C;IAC3C,eAAe,CAAC,EAAE,KAAK,CAAC;QACtB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,EAAE,CAAC;QACjB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,kDAAkD;IAClD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,QAAQ,CAAC;IACjD;;;;;;;;OAQG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;CAC5C;AA8YD,wBAAgB,cAAc,CAAC,EAC7B,WAAgC,EAChC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,YAAmB,EACnB,aAAa,EACb,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAc,EACd,UAAU,EACV,YAAqB,EACrB,gCAAwC,GACzC,EAAE,mBAAmB,2CAq5BrB"}

package/dist/client/composer/TiptapComposer.js

@@ -17,7 +17,9 @@ import { useVoiceDictation } from "./useVoiceDictation.js";
 import { VoiceButton, VoiceRecordingOverlay } from "./VoiceButton.js";
 import { ComposerPlusMenu } from "./ComposerPlusMenu.js";
 import { sendToAgentChat } from "../agent-chat.js";
+import { tryDelegateBuildRequestToBuilder } from "../builder-frame.js";
 import { getComposerDraftKey } from "./draft-key.js";
+import { createPastedTextFile, shouldConvertPasteToAttachment, } from "./pasted-text.js";
 import { getReasoningEffortOptionsForModel, reasoningEffortLabel, } from "../../shared/reasoning-effort.js";
 const BUILT_IN_COMMANDS = [
     { name: "clear", description: "Start a new chat", icon: "clear" },
@@ -234,7 +236,7 @@ function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChan
                                         builderFlow.start();
                                     }, disabled: builderFlow.connecting, className: "flex w-full items-start gap-2 px-3 py-2 text-left hover:bg-accent/50 disabled:opacity-60", children: [_jsx(IconPlugConnected, { className: "h-4 w-4 shrink-0 mt-0.5 text-blue-500" }), _jsxs("span", { className: "flex-1 min-w-0", children: [_jsx("span", { className: "block text-[12px] font-medium text-foreground", children: builderFlow.connecting
                                                         ? "Connecting Builder.io…"
-                                                        : "Connect Builder.io" }), _jsx("span", { className: "block text-[11px] text-muted-foreground", children: "Free access to Claude, OpenAI & Gemini" })] })] }), _jsx("div", { className: "my-1 border-t border-border" })] })), engines.map((group) => {
+                                                        : "Connect Builder.io" }), _jsx("span", { className: "block text-[11px] text-muted-foreground", children: "Free credits for Claude, OpenAI & Gemini" })] })] }), _jsx("div", { className: "my-1 border-t border-border" })] })), engines.map((group) => {
                             const models = latestModelsOnly(group.models);
                             const groupKey = `${group.engine}:${group.label}`;
                             const isExpanded = expandedGroups.has(groupKey);
@@ -261,7 +263,7 @@ function ModelSelector({ model, effort = "auto", engines, onChange, onEffortChan
                                                 : "opacity-40 cursor-default"}`, children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: friendlyModelName(m) }), m === model && group.configured && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, m)))] }, groupKey));
                         }), effortOptions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "my-1 border-t border-border" }), _jsx("div", { className: "px-3 py-1.5 text-[11px] font-medium text-muted-foreground uppercase tracking-wide", children: "Effort" }), effortOptions.map((option) => (_jsxs("button", { type: "button", onClick: () => onEffortChange?.(option), className: "flex w-full items-center gap-3 px-3 py-1.5 text-left hover:bg-accent/50", children: [_jsx("span", { className: "flex-1 min-w-0 text-[13px] text-foreground truncate", children: reasoningEffortLabel(option) }), option === effort && (_jsx(IconCheck, { className: "h-3.5 w-3.5 shrink-0 text-blue-500" }))] }, option)))] }))] }) })] }));
 }
-export function TiptapComposer({ placeholder = "Message agent...", disabled = false, focusRef, onSubmit, actionButton, extraActionButton, attachButton, onSlashCommand, execMode, onExecModeChange, voiceEnabled = true, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, draftScope, plusMenuMode = "full", }) {
+export function TiptapComposer({ placeholder = "Message agent...", disabled = false, focusRef, onSubmit, actionButton, extraActionButton, attachButton, onSlashCommand, execMode, onExecModeChange, voiceEnabled = true, selectedModel, selectedEffort, availableModels, onModelChange, onEffortChange, draftScope, plusMenuMode = "full", interceptBuildRequestsForBuilder = false, }) {
     const [popover, setPopover] = useState(null);
     const popoverRef = useRef(null);
     const composerRuntime = useComposerRuntime();
@@ -397,20 +399,33 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             },
             handlePaste: (_view, event) => {
                 const files = Array.from(event.clipboardData?.files ?? []).filter((file) => file.type.startsWith("image/"));
-                if (files.length === 0)
-                    return false;
-                event.preventDefault();
-                void Promise.all(files.map((file) => {
-                    // SimpleImageAttachmentAdapter uses file.name as the attachment id.
-                    // Clipboard images (e.g. screenshots) are typically all named
-                    // "image.png", so a second paste would replace the first instead of
-                    // appending. Prepend a unique token so each paste gets a distinct id.
-                    const uniqueName = `${Date.now()}-${Math.random().toString(36).slice(2)}-${file.name}`;
-                    return composerRuntime.addAttachment(new File([file], uniqueName, { type: file.type }));
-                })).catch((error) => {
-                    console.error("Error adding pasted attachment:", error);
-                });
-                return true;
+                if (files.length > 0) {
+                    event.preventDefault();
+                    void Promise.all(files.map((file) => {
+                        // SimpleImageAttachmentAdapter uses file.name as the attachment id.
+                        // Clipboard images (e.g. screenshots) are typically all named
+                        // "image.png", so a second paste would replace the first instead of
+                        // appending. Prepend a unique token so each paste gets a distinct id.
+                        const uniqueName = `${Date.now()}-${Math.random().toString(36).slice(2)}-${file.name}`;
+                        return composerRuntime.addAttachment(new File([file], uniqueName, { type: file.type }));
+                    })).catch((error) => {
+                        console.error("Error adding pasted attachment:", error);
+                    });
+                    return true;
+                }
+                // Large text pastes turn into a `Pasted text` attachment chip so the
+                // prompt stays readable. Matches Claude.ai / Claude Code's UX.
+                const pastedText = event.clipboardData?.getData("text/plain") ?? "";
+                if (shouldConvertPasteToAttachment(pastedText)) {
+                    event.preventDefault();
+                    void composerRuntime
+                        .addAttachment(createPastedTextFile(pastedText))
+                        .catch((error) => {
+                        console.error("Error adding pasted-text attachment:", error);
+                    });
+                    return true;
+                }
+                return false;
             },
             handleKeyDown: (view, event) => {
                 const pop = popoverStateRef.current;
@@ -773,6 +788,23 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
             closePopover();
             return;
         }
+        // Builder iframe delegation: when this app is mounted inside the
+        // Builder.io webview and the user typed a "build me an app/agent"
+        // prompt, hand it up to the parent Builder chat instead of sending
+        // it to this app's domain agent. Builder is the code-writing agent;
+        // the local agent (dispatch, mail, etc.) cannot scaffold workspace
+        // apps from inside its own iframe.
+        if (interceptBuildRequestsForBuilder &&
+            tryDelegateBuildRequestToBuilder(trimmed)) {
+            ed.commands.clearContent();
+            setEditorHasText(false);
+            try {
+                localStorage.removeItem(draftKey);
+            }
+            catch { }
+            closePopover();
+            return;
+        }
         if (onSubmit) {
             onSubmit(text, references, attachments);
             // Clear any pending attachments now that the host has them.
@@ -793,6 +825,7 @@ export function TiptapComposer({ placeholder = "Message agent...", disabled = fa
         composerMode,
         composerRuntime,
         editor,
+        interceptBuildRequestsForBuilder,
         onSubmit,
         syncComposerState,
     ]);