@agent-native/core 0.7.83 → 0.8.0

package/dist/client/agent-chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"agent-chat.js","sourceRoot":"","sources":["../../src/client/agent-chat.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAqD5B,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAEzD;;;GAGG;AACH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAC3C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC;YACrE,OAAO;QACT,CAAC;QACD,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,yBAAyB;YAC9C,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,qBAAqB,EAC1C,CAAC;YACD,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,yBAAyB,EAAE;gBACzC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI;aAC7C,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,+BAA+B;AAC/B,MAAM,UAAU,aAAa;IAC3B,OAAO,QAAQ,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACxE,CAAC;AAED;;GAEG;AACH;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,IAAsB;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACzE,IAAI,aAAa,IAAI,gBAAgB,EAAE,EAAE,CAAC;QACxC,iBAAiB,CAAC;YAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,OAAO,GAAG;QACd,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE;KACzB,CAAC;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACjE,MAAM,YAAY,GAAG,cAAc,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAChE,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE1C,yEAAyE;IACzE,qEAAqE;IACrE,sEAAsE;IACtE,qDAAqD;IACrD,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QACnD,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC5D,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Agent Chat Bridge (browser)\n *\n * Sends structured messages to the agent chat from UI interactions.\n * Messages are sent via postMessage to the parent window (or self if top-level).\n */\n\nimport { getFrameOrigin, isTrustedFrameMessage } from \"./frame.js\";\nimport {\n  isInBuilderFrame,\n  isTrustedBuilderMessage,\n  sendToBuilderChat,\n} from \"./builder-frame.js\";\n\nexport interface AgentChatMessage {\n  /** The visible prompt message sent to the chat */\n  message: string;\n  /** Hidden context appended to the message (not shown in chat UI) */\n  context?: string;\n  /** true = auto-submit, false = prefill only, omit = use project setting */\n  submit?: boolean;\n  /** Optional project slug for structured context */\n  projectSlug?: string;\n  /** Optional preset name for downstream consumers */\n  preset?: string;\n  /** Optional reference image paths */\n  referenceImagePaths?: string[];\n  /** Optional uploaded reference images */\n  uploadedReferenceImages?: string[];\n  /** Stable tab identifier — auto-generated if omitted */\n  tabId?: string;\n  /**\n   * Message routing type:\n   * - \"content\" (default): stays in the embedded app agent for content/data operations\n   * - \"code\": routes to the code editing frame (local dev frame or Builder.io)\n   *\n   * When type is \"code\" and no frame is connected, a dialog is shown.\n   * `requiresCode: true` is treated as `type: \"code\"` for backward compatibility.\n   */\n  type?: \"content\" | \"code\";\n  /** @deprecated Use `type: \"code\"` instead. If true, treated as `type: \"code\"`. */\n  requiresCode?: boolean;\n  /** Model preference for this sub-agent (e.g. \"claude-haiku-4-5\"). Uses default if omitted */\n  model?: string;\n  /** Scoped system prompt additions for this sub-agent */\n  instructions?: string;\n  /**\n   * Whether to open the agent sidebar if it's currently hidden.\n   * Defaults to true — submitting a chat should make the response visible.\n   * Pass `false` for background/silent sends that shouldn't pop the UI open.\n   */\n  openSidebar?: boolean;\n  /**\n   * When true, opens a new chat tab before sending the message.\n   * Use for creation requests (create tool, dashboard, etc.) that deserve\n   * their own isolated thread rather than cluttering an existing conversation.\n   */\n  newTab?: boolean;\n  /**\n   * When true with newTab, creates the tab in the background without\n   * focusing it or opening the sidebar. The message runs silently.\n   */\n  background?: boolean;\n}\n\nconst AGENT_CHAT_MESSAGE_TYPE = \"agentNative.submitChat\";\n\n/**\n * Listen for chatRunning messages from the frame (postMessage)\n * and re-dispatch as a CustomEvent so hooks like useAgentChatGenerating() work.\n */\nif (typeof window !== \"undefined\") {\n  window.addEventListener(\"message\", (event) => {\n    if (!isTrustedFrameMessage(event) && !isTrustedBuilderMessage(event)) {\n      return;\n    }\n    if (\n      event.data?.type === \"agentNative.chatRunning\" ||\n      event.data?.type === \"builder.chatRunning\"\n    ) {\n      window.dispatchEvent(\n        new CustomEvent(\"agentNative.chatRunning\", {\n          detail: event.data.detail ?? event.data.data,\n        }),\n      );\n    }\n  });\n}\n\n/** Generate a unique tab ID */\nexport function generateTabId(): string {\n  return `chat-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n}\n\n/**\n * Send a message to the agent chat via postMessage.\n */\n/**\n * Send a message to the agent chat via postMessage.\n * Returns the stable tabId for tracking this chat run.\n */\nexport function sendToAgentChat(opts: AgentChatMessage): string {\n  const tabId = opts.tabId ?? generateTabId();\n  const isCodeRequest = opts.type === \"code\" || opts.requiresCode === true;\n  if (isCodeRequest && isInBuilderFrame()) {\n    sendToBuilderChat({\n      message: opts.message,\n      context: opts.context,\n      submit: opts.submit,\n    });\n    return tabId;\n  }\n\n  const payload = {\n    type: AGENT_CHAT_MESSAGE_TYPE,\n    data: { ...opts, tabId },\n  };\n\n  const target = window.parent !== window ? window.parent : window;\n  const targetOrigin = getFrameOrigin() || window.location.origin;\n  target.postMessage(payload, targetOrigin);\n\n  // Surface the sidebar so the user sees the response. Callers can opt out\n  // via `openSidebar: false` for background/silent sends. AgentSidebar\n  // listens for this event; the parent-frame case is handled by whoever\n  // owns that sidebar receiving the postMessage above.\n  if (opts.openSidebar !== false && !opts.background) {\n    window.dispatchEvent(new CustomEvent(\"agent-panel:open\"));\n  }\n  return tabId;\n}\n"]}
+{"version":3,"file":"agent-chat.js","sourceRoot":"","sources":["../../src/client/agent-chat.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAqD5B,MAAM,uBAAuB,GAAG,wBAAwB,CAAC;AAEzD;;;GAGG;AACH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QAC3C,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC;YACrE,OAAO;QACT,CAAC;QACD,IACE,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,yBAAyB;YAC9C,KAAK,CAAC,IAAI,EAAE,IAAI,KAAK,qBAAqB,EAC1C,CAAC;YACD,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,yBAAyB,EAAE;gBACzC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI;aAC7C,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,+BAA+B;AAC/B,MAAM,UAAU,aAAa;IAC3B,OAAO,QAAQ,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;AACxE,CAAC;AAED;;GAEG;AACH;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,IAAsB;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,aAAa,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;IACzE,IAAI,aAAa,IAAI,gBAAgB,EAAE,EAAE,CAAC;QACxC,iBAAiB,CAAC;YAChB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,OAAO,GAAG;QACd,IAAI,EAAE,uBAAuB;QAC7B,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE;KACzB,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,aAAa,IAAI,gBAAgB,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,UAAU;QACvB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,MAAM;YACxB,CAAC,CAAC,MAAM,CAAC,MAAM;YACf,CAAC,CAAC,MAAM,CAAC;IACb,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM;QACxB,CAAC,CAAC,cAAc,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC/C,MAAM,CAAC,WAAW,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE1C,yEAAyE;IACzE,qEAAqE;IACrE,sEAAsE;IACtE,qDAAqD;IACrD,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;QACnD,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC5D,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Agent Chat Bridge (browser)\n *\n * Sends structured messages to the agent chat from UI interactions.\n * Messages are sent via postMessage to the parent window (or self if top-level).\n * Builder frames are special: code requests go to Builder, but content prompts\n * stay inside the embedded app so its own AgentSidebar can receive them.\n */\n\nimport { getFrameOrigin, isTrustedFrameMessage } from \"./frame.js\";\nimport {\n  isInBuilderFrame,\n  isTrustedBuilderMessage,\n  sendToBuilderChat,\n} from \"./builder-frame.js\";\n\nexport interface AgentChatMessage {\n  /** The visible prompt message sent to the chat */\n  message: string;\n  /** Hidden context appended to the message (not shown in chat UI) */\n  context?: string;\n  /** true = auto-submit, false = prefill only, omit = use project setting */\n  submit?: boolean;\n  /** Optional project slug for structured context */\n  projectSlug?: string;\n  /** Optional preset name for downstream consumers */\n  preset?: string;\n  /** Optional reference image paths */\n  referenceImagePaths?: string[];\n  /** Optional uploaded reference images */\n  uploadedReferenceImages?: string[];\n  /** Stable tab identifier — auto-generated if omitted */\n  tabId?: string;\n  /**\n   * Message routing type:\n   * - \"content\" (default): stays in the embedded app agent for content/data operations\n   * - \"code\": routes to the code editing frame (local dev frame or Builder.io)\n   *\n   * When type is \"code\" and no frame is connected, a dialog is shown.\n   * `requiresCode: true` is treated as `type: \"code\"` for backward compatibility.\n   */\n  type?: \"content\" | \"code\";\n  /** @deprecated Use `type: \"code\"` instead. If true, treated as `type: \"code\"`. */\n  requiresCode?: boolean;\n  /** Model preference for this sub-agent (e.g. \"claude-haiku-4-5\"). Uses default if omitted */\n  model?: string;\n  /** Scoped system prompt additions for this sub-agent */\n  instructions?: string;\n  /**\n   * Whether to open the agent sidebar if it's currently hidden.\n   * Defaults to true — submitting a chat should make the response visible.\n   * Pass `false` for background/silent sends that shouldn't pop the UI open.\n   */\n  openSidebar?: boolean;\n  /**\n   * When true, opens a new chat tab before sending the message.\n   * Use for creation requests (create tool, dashboard, etc.) that deserve\n   * their own isolated thread rather than cluttering an existing conversation.\n   */\n  newTab?: boolean;\n  /**\n   * When true with newTab, creates the tab in the background without\n   * focusing it or opening the sidebar. The message runs silently.\n   */\n  background?: boolean;\n}\n\nconst AGENT_CHAT_MESSAGE_TYPE = \"agentNative.submitChat\";\n\n/**\n * Listen for chatRunning messages from the frame (postMessage)\n * and re-dispatch as a CustomEvent so hooks like useAgentChatGenerating() work.\n */\nif (typeof window !== \"undefined\") {\n  window.addEventListener(\"message\", (event) => {\n    if (!isTrustedFrameMessage(event) && !isTrustedBuilderMessage(event)) {\n      return;\n    }\n    if (\n      event.data?.type === \"agentNative.chatRunning\" ||\n      event.data?.type === \"builder.chatRunning\"\n    ) {\n      window.dispatchEvent(\n        new CustomEvent(\"agentNative.chatRunning\", {\n          detail: event.data.detail ?? event.data.data,\n        }),\n      );\n    }\n  });\n}\n\n/** Generate a unique tab ID */\nexport function generateTabId(): string {\n  return `chat-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;\n}\n\n/**\n * Send a message to the agent chat via postMessage.\n */\n/**\n * Send a message to the agent chat via postMessage.\n * Returns the stable tabId for tracking this chat run.\n */\nexport function sendToAgentChat(opts: AgentChatMessage): string {\n  const tabId = opts.tabId ?? generateTabId();\n  const isCodeRequest = opts.type === \"code\" || opts.requiresCode === true;\n  if (isCodeRequest && isInBuilderFrame()) {\n    sendToBuilderChat({\n      message: opts.message,\n      context: opts.context,\n      submit: opts.submit,\n    });\n    return tabId;\n  }\n\n  const payload = {\n    type: AGENT_CHAT_MESSAGE_TYPE,\n    data: { ...opts, tabId },\n  };\n\n  const targetSelf = !isCodeRequest && isInBuilderFrame();\n  const target = targetSelf\n    ? window\n    : window.parent !== window\n      ? window.parent\n      : window;\n  const targetOrigin = targetSelf\n    ? window.location.origin\n    : getFrameOrigin() || window.location.origin;\n  target.postMessage(payload, targetOrigin);\n\n  // Surface the sidebar so the user sees the response. Callers can opt out\n  // via `openSidebar: false` for background/silent sends. AgentSidebar\n  // listens for this event; the parent-frame case is handled by whoever\n  // owns that sidebar receiving the postMessage above.\n  if (opts.openSidebar !== false && !opts.background) {\n    window.dispatchEvent(new CustomEvent(\"agent-panel:open\"));\n  }\n  return tabId;\n}\n"]}

package/dist/client/composer/ComposerPlusMenu.js

@@ -167,7 +167,7 @@ function ComposerPlusMenuFull({ onSelectMode, }) {
             label: "Create Tool",
             desc: "Build an interactive mini app",
             action: () => {
-                onSelectMode?.("tool");
+                onSelectMode?.("extension");
                 setOpen(false);
             },
         },

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

@@ -1 +1 @@
-{"version":3,"file":"ComposerPlusMenu.js","sourceRoot":"","sources":["../../../src/client/composer/ComposerPlusMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport {\n  IconPlus,\n  IconUpload,\n  IconBulb,\n  IconClock,\n  IconBolt,\n  IconTool,\n  IconPlugConnected,\n  IconLoader2,\n  IconCheck,\n  IconArrowLeft,\n} from \"@tabler/icons-react\";\nimport { ComposerPrimitive } from \"@assistant-ui/react\";\nimport { cn } from \"../utils.js\";\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from \"../components/ui/popover.js\";\nimport { useOrg } from \"../org/hooks.js\";\nimport {\n  useCreateMcpServer,\n  testMcpServerUrl,\n  type McpServerScope,\n} from \"../resources/use-mcp-servers.js\";\nimport type { ComposerMode } from \"./types.js\";\n\ninterface ComposerPlusMenuProps {\n  onSelectMode?: (mode: ComposerMode) => void;\n  /**\n   * \"full\" (default): full + menu with Upload File, Create Skill, Scheduled Task,\n   * Automation, Tool, MCP Server. \"upload-only\": clicking + opens the file\n   * picker directly — no popover, no other modes. Use for prompt popovers\n   * (create tool, create deck, create dashboard, etc.) where the only thing\n   * to attach is a file.\n   */\n  mode?: \"full\" | \"upload-only\";\n}\n\ntype View = \"menu\" | \"mcp-server\";\n\nfunction UploadOnlyAttachButton() {\n  // Mirrors the hidden-AddAttachment + visible-button pattern used in the full\n  // ComposerPlusMenu. Rendering AddAttachment directly as the visible button\n  // can disappear when the runtime reports no eligible adapter; the hidden\n  // delegate keeps the visible \"+\" button reliably mounted.\n  const hiddenRef = useRef<HTMLButtonElement>(null);\n  return (\n    <>\n      <ComposerPrimitive.AddAttachment asChild>\n        <button\n          ref={hiddenRef}\n          type=\"button\"\n          className=\"hidden\"\n          tabIndex={-1}\n          aria-hidden\n        />\n      </ComposerPrimitive.AddAttachment>\n      <button\n        type=\"button\"\n        onClick={() => hiddenRef.current?.click()}\n        className=\"shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n        title=\"Upload file\"\n        aria-label=\"Upload file\"\n      >\n        <IconPlus className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n\nexport function ComposerPlusMenu({\n  onSelectMode,\n  mode = \"full\",\n}: ComposerPlusMenuProps) {\n  if (mode === \"upload-only\") {\n    return <UploadOnlyAttachButton />;\n  }\n  return <ComposerPlusMenuFull onSelectMode={onSelectMode} />;\n}\n\nfunction ComposerPlusMenuFull({\n  onSelectMode,\n}: Pick<ComposerPlusMenuProps, \"onSelectMode\">) {\n  const [open, setOpen] = useState(false);\n  const [view, setView] = useState<View>(\"menu\");\n\n  // MCP state\n  const { data: org } = useOrg();\n  const canCreateOrgMcp =\n    !org?.orgId || org.role === \"owner\" || org.role === \"admin\";\n  const hasOrg = !!org?.orgId;\n  const defaultMcpScope: McpServerScope =\n    hasOrg && canCreateOrgMcp ? \"org\" : \"user\";\n  const [mcpScope, setMcpScope] = useState<McpServerScope>(defaultMcpScope);\n  const [mcpName, setMcpName] = useState(\"\");\n  const [mcpUrl, setMcpUrl] = useState(\"\");\n  const [mcpDescription, setMcpDescription] = useState(\"\");\n  const [mcpHeadersText, setMcpHeadersText] = useState(\"\");\n  const [mcpBusy, setMcpBusy] = useState(false);\n  const [mcpError, setMcpError] = useState<string | null>(null);\n  const [mcpTestResult, setMcpTestResult] = useState<{\n    ok: boolean;\n    message: string;\n  } | null>(null);\n  const createMcp = useCreateMcpServer();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileUploadRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setView(\"menu\");\n      setMcpScope(defaultMcpScope);\n      setMcpName(\"\");\n      setMcpUrl(\"\");\n      setMcpDescription(\"\");\n      setMcpHeadersText(\"\");\n      setMcpError(null);\n      setMcpTestResult(null);\n      setMcpBusy(false);\n    }\n  }, [open, defaultMcpScope]);\n\n  useEffect(() => {\n    if (view === \"mcp-server\") {\n      const t = setTimeout(() => inputRef.current?.focus(), 50);\n      return () => clearTimeout(t);\n    }\n  }, [view]);\n\n  const parseHeaderLines = (\n    text: string,\n  ): Record<string, string> | undefined => {\n    const out: Record<string, string> = {};\n    for (const line of text.split(/\\r?\\n/)) {\n      const trimmed = line.trim();\n      if (!trimmed) continue;\n      const idx = trimmed.indexOf(\":\");\n      if (idx <= 0) continue;\n      const key = trimmed.slice(0, idx).trim();\n      const val = trimmed.slice(idx + 1).trim();\n      if (!key || !val) continue;\n      out[key] = val;\n    }\n    return Object.keys(out).length > 0 ? out : undefined;\n  };\n\n  const submitMcpServer = async () => {\n    const name = mcpName.trim();\n    const url = mcpUrl.trim();\n    if (!name || !url || mcpBusy) return;\n    setMcpError(null);\n    setMcpBusy(true);\n    try {\n      await createMcp.mutateAsync({\n        scope: mcpScope,\n        name,\n        url,\n        headers: parseHeaderLines(mcpHeadersText),\n        description: mcpDescription.trim() || undefined,\n      });\n      setOpen(false);\n    } catch (err: any) {\n      setMcpError(err?.message ?? String(err));\n    } finally {\n      setMcpBusy(false);\n    }\n  };\n\n  const runMcpTest = async () => {\n    const url = mcpUrl.trim();\n    if (!url || mcpBusy) return;\n    setMcpTestResult(null);\n    setMcpError(null);\n    setMcpBusy(true);\n    try {\n      const res = await testMcpServerUrl(url, parseHeaderLines(mcpHeadersText));\n      if (res.ok) {\n        setMcpTestResult({\n          ok: true,\n          message: `${res.toolCount ?? 0} tool${res.toolCount === 1 ? \"\" : \"s\"} available`,\n        });\n      } else {\n        setMcpTestResult({ ok: false, message: res.error ?? \"Failed\" });\n      }\n    } catch (err: any) {\n      setMcpTestResult({ ok: false, message: err?.message ?? String(err) });\n    } finally {\n      setMcpBusy(false);\n    }\n  };\n\n  const menuItems: {\n    icon: React.ReactNode;\n    label: string;\n    desc: string;\n    action: () => void;\n  }[] = [\n    {\n      icon: <IconUpload className=\"h-3.5 w-3.5\" />,\n      label: \"Upload File\",\n      desc: \"Attach a file to this message\",\n      action: () => {\n        setOpen(false);\n        setTimeout(() => fileUploadRef.current?.click(), 0);\n      },\n    },\n    {\n      icon: <IconBulb className=\"h-3.5 w-3.5\" />,\n      label: \"Create Skill\",\n      desc: \"Teach the agent a new ability\",\n      action: () => {\n        onSelectMode?.(\"skill\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconClock className=\"h-3.5 w-3.5\" />,\n      label: \"Scheduled Task\",\n      desc: \"Run something on a schedule\",\n      action: () => {\n        onSelectMode?.(\"job\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconBolt className=\"h-3.5 w-3.5\" />,\n      label: \"Create Automation\",\n      desc: \"Set up a when-X-do-Y rule\",\n      action: () => {\n        onSelectMode?.(\"automation\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconTool className=\"h-3.5 w-3.5\" />,\n      label: \"Create Tool\",\n      desc: \"Build an interactive mini app\",\n      action: () => {\n        onSelectMode?.(\"tool\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconPlugConnected className=\"h-3.5 w-3.5\" />,\n      label: \"Connect MCP Server\",\n      desc: \"Expose external tools to the agent\",\n      action: () => setView(\"mcp-server\"),\n    },\n  ];\n\n  const backButton = (\n    <button\n      type=\"button\"\n      onClick={() => setView(\"menu\")}\n      className=\"flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground mb-1.5\"\n    >\n      <IconArrowLeft className=\"h-3 w-3\" />\n      Back\n    </button>\n  );\n\n  return (\n    <>\n      {/* Hidden button to trigger the native file upload */}\n      <ComposerPrimitive.AddAttachment asChild>\n        <button\n          ref={fileUploadRef}\n          type=\"button\"\n          className=\"hidden\"\n          tabIndex={-1}\n          aria-hidden\n        />\n      </ComposerPrimitive.AddAttachment>\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed\"\n            title=\"Add...\"\n          >\n            <IconPlus className=\"h-4 w-4\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={8}\n          className=\"w-[260px] p-0 rounded-lg\"\n          style={{ fontSize: 13, lineHeight: \"normal\" }}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          {view === \"menu\" && (\n            <div className=\"py-1\">\n              {menuItems.map((item) => (\n                <button\n                  key={item.label}\n                  onClick={item.action}\n                  className=\"flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50\"\n                >\n                  <span className=\"text-muted-foreground\">{item.icon}</span>\n                  <div className=\"min-w-0\">\n                    <div className=\"text-[12px] font-medium text-foreground\">\n                      {item.label}\n                    </div>\n                    <div className=\"mt-0.5 text-[10px] text-muted-foreground/60\">\n                      {item.desc}\n                    </div>\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n\n          {view === \"mcp-server\" && (\n            <div className=\"p-3\">\n              {backButton}\n              <label className=\"mb-1 block text-[11px] font-semibold text-foreground\">\n                Connect MCP Server\n              </label>\n              <p className=\"mb-2 text-[10px] text-muted-foreground/60 leading-relaxed\">\n                Point at any Streamable HTTP MCP server. Its tools become\n                available to the agent.\n              </p>\n              <div className=\"space-y-2\">\n                <div className=\"flex gap-1 rounded-md border border-border p-0.5\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setMcpScope(\"user\")}\n                    className={cn(\n                      \"flex-1 rounded px-2 py-1 text-[11px] font-medium\",\n                      mcpScope === \"user\"\n                        ? \"bg-accent text-foreground\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                    )}\n                  >\n                    Personal\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      hasOrg && canCreateOrgMcp && setMcpScope(\"org\")\n                    }\n                    disabled={!hasOrg || !canCreateOrgMcp}\n                    title={\n                      !hasOrg\n                        ? \"Join an organization to share MCP servers\"\n                        : !canCreateOrgMcp\n                          ? \"Only owners and admins can add org-scope servers\"\n                          : undefined\n                    }\n                    className={cn(\n                      \"flex-1 rounded px-2 py-1 text-[11px] font-medium\",\n                      mcpScope === \"org\"\n                        ? \"bg-accent text-foreground\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                      (!hasOrg || !canCreateOrgMcp) &&\n                        \"cursor-not-allowed opacity-40 hover:text-muted-foreground\",\n                    )}\n                  >\n                    Organization\n                  </button>\n                </div>\n                <input\n                  ref={inputRef}\n                  value={mcpName}\n                  onChange={(e) => setMcpName(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"Server name (e.g. zapier)\"\n                />\n                <input\n                  value={mcpUrl}\n                  onChange={(e) => setMcpUrl(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"https://mcp.example.com/\"\n                />\n                <input\n                  value={mcpDescription}\n                  onChange={(e) => setMcpDescription(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"Description (optional)\"\n                />\n                <label className=\"block text-[10px] font-medium text-muted-foreground/70\">\n                  Headers (one per line, e.g. Authorization: Bearer ...)\n                </label>\n                <textarea\n                  value={mcpHeadersText}\n                  onChange={(e) => setMcpHeadersText(e.target.value)}\n                  rows={2}\n                  className=\"w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  style={{\n                    fontFamily:\n                      'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace',\n                  }}\n                  placeholder=\"Authorization: Bearer sk-...\"\n                />\n                {mcpTestResult && (\n                  <div\n                    className={cn(\n                      \"flex items-center gap-1 text-[11px]\",\n                      mcpTestResult.ok\n                        ? \"text-green-600 dark:text-green-400\"\n                        : \"text-red-600 dark:text-red-400\",\n                    )}\n                  >\n                    {mcpTestResult.ok && <IconCheck className=\"h-3 w-3\" />}\n                    {mcpTestResult.message}\n                  </div>\n                )}\n                {mcpError && (\n                  <div className=\"text-[11px] text-red-600 dark:text-red-400\">\n                    {mcpError}\n                  </div>\n                )}\n              </div>\n              <div className=\"mt-2.5 flex items-center justify-between gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={runMcpTest}\n                  disabled={!mcpUrl.trim() || mcpBusy}\n                  className=\"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none\"\n                >\n                  Test\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={submitMcpServer}\n                  disabled={!mcpName.trim() || !mcpUrl.trim() || mcpBusy}\n                  className=\"rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none\"\n                >\n                  {mcpBusy ? (\n                    <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Connect\"\n                  )}\n                </button>\n              </div>\n            </div>\n          )}\n        </PopoverContent>\n      </Popover>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"ComposerPlusMenu.js","sourceRoot":"","sources":["../../../src/client/composer/ComposerPlusMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport {\n  IconPlus,\n  IconUpload,\n  IconBulb,\n  IconClock,\n  IconBolt,\n  IconTool,\n  IconPlugConnected,\n  IconLoader2,\n  IconCheck,\n  IconArrowLeft,\n} from \"@tabler/icons-react\";\nimport { ComposerPrimitive } from \"@assistant-ui/react\";\nimport { cn } from \"../utils.js\";\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n} from \"../components/ui/popover.js\";\nimport { useOrg } from \"../org/hooks.js\";\nimport {\n  useCreateMcpServer,\n  testMcpServerUrl,\n  type McpServerScope,\n} from \"../resources/use-mcp-servers.js\";\nimport type { ComposerMode } from \"./types.js\";\n\ninterface ComposerPlusMenuProps {\n  onSelectMode?: (mode: ComposerMode) => void;\n  /**\n   * \"full\" (default): full + menu with Upload File, Create Skill, Scheduled Task,\n   * Automation, Tool, MCP Server. \"upload-only\": clicking + opens the file\n   * picker directly — no popover, no other modes. Use for prompt popovers\n   * (create tool, create deck, create dashboard, etc.) where the only thing\n   * to attach is a file.\n   */\n  mode?: \"full\" | \"upload-only\";\n}\n\ntype View = \"menu\" | \"mcp-server\";\n\nfunction UploadOnlyAttachButton() {\n  // Mirrors the hidden-AddAttachment + visible-button pattern used in the full\n  // ComposerPlusMenu. Rendering AddAttachment directly as the visible button\n  // can disappear when the runtime reports no eligible adapter; the hidden\n  // delegate keeps the visible \"+\" button reliably mounted.\n  const hiddenRef = useRef<HTMLButtonElement>(null);\n  return (\n    <>\n      <ComposerPrimitive.AddAttachment asChild>\n        <button\n          ref={hiddenRef}\n          type=\"button\"\n          className=\"hidden\"\n          tabIndex={-1}\n          aria-hidden\n        />\n      </ComposerPrimitive.AddAttachment>\n      <button\n        type=\"button\"\n        onClick={() => hiddenRef.current?.click()}\n        className=\"shrink-0 flex h-7 w-7 cursor-pointer items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50\"\n        title=\"Upload file\"\n        aria-label=\"Upload file\"\n      >\n        <IconPlus className=\"h-4 w-4\" />\n      </button>\n    </>\n  );\n}\n\nexport function ComposerPlusMenu({\n  onSelectMode,\n  mode = \"full\",\n}: ComposerPlusMenuProps) {\n  if (mode === \"upload-only\") {\n    return <UploadOnlyAttachButton />;\n  }\n  return <ComposerPlusMenuFull onSelectMode={onSelectMode} />;\n}\n\nfunction ComposerPlusMenuFull({\n  onSelectMode,\n}: Pick<ComposerPlusMenuProps, \"onSelectMode\">) {\n  const [open, setOpen] = useState(false);\n  const [view, setView] = useState<View>(\"menu\");\n\n  // MCP state\n  const { data: org } = useOrg();\n  const canCreateOrgMcp =\n    !org?.orgId || org.role === \"owner\" || org.role === \"admin\";\n  const hasOrg = !!org?.orgId;\n  const defaultMcpScope: McpServerScope =\n    hasOrg && canCreateOrgMcp ? \"org\" : \"user\";\n  const [mcpScope, setMcpScope] = useState<McpServerScope>(defaultMcpScope);\n  const [mcpName, setMcpName] = useState(\"\");\n  const [mcpUrl, setMcpUrl] = useState(\"\");\n  const [mcpDescription, setMcpDescription] = useState(\"\");\n  const [mcpHeadersText, setMcpHeadersText] = useState(\"\");\n  const [mcpBusy, setMcpBusy] = useState(false);\n  const [mcpError, setMcpError] = useState<string | null>(null);\n  const [mcpTestResult, setMcpTestResult] = useState<{\n    ok: boolean;\n    message: string;\n  } | null>(null);\n  const createMcp = useCreateMcpServer();\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const fileUploadRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (open) {\n      setView(\"menu\");\n      setMcpScope(defaultMcpScope);\n      setMcpName(\"\");\n      setMcpUrl(\"\");\n      setMcpDescription(\"\");\n      setMcpHeadersText(\"\");\n      setMcpError(null);\n      setMcpTestResult(null);\n      setMcpBusy(false);\n    }\n  }, [open, defaultMcpScope]);\n\n  useEffect(() => {\n    if (view === \"mcp-server\") {\n      const t = setTimeout(() => inputRef.current?.focus(), 50);\n      return () => clearTimeout(t);\n    }\n  }, [view]);\n\n  const parseHeaderLines = (\n    text: string,\n  ): Record<string, string> | undefined => {\n    const out: Record<string, string> = {};\n    for (const line of text.split(/\\r?\\n/)) {\n      const trimmed = line.trim();\n      if (!trimmed) continue;\n      const idx = trimmed.indexOf(\":\");\n      if (idx <= 0) continue;\n      const key = trimmed.slice(0, idx).trim();\n      const val = trimmed.slice(idx + 1).trim();\n      if (!key || !val) continue;\n      out[key] = val;\n    }\n    return Object.keys(out).length > 0 ? out : undefined;\n  };\n\n  const submitMcpServer = async () => {\n    const name = mcpName.trim();\n    const url = mcpUrl.trim();\n    if (!name || !url || mcpBusy) return;\n    setMcpError(null);\n    setMcpBusy(true);\n    try {\n      await createMcp.mutateAsync({\n        scope: mcpScope,\n        name,\n        url,\n        headers: parseHeaderLines(mcpHeadersText),\n        description: mcpDescription.trim() || undefined,\n      });\n      setOpen(false);\n    } catch (err: any) {\n      setMcpError(err?.message ?? String(err));\n    } finally {\n      setMcpBusy(false);\n    }\n  };\n\n  const runMcpTest = async () => {\n    const url = mcpUrl.trim();\n    if (!url || mcpBusy) return;\n    setMcpTestResult(null);\n    setMcpError(null);\n    setMcpBusy(true);\n    try {\n      const res = await testMcpServerUrl(url, parseHeaderLines(mcpHeadersText));\n      if (res.ok) {\n        setMcpTestResult({\n          ok: true,\n          message: `${res.toolCount ?? 0} tool${res.toolCount === 1 ? \"\" : \"s\"} available`,\n        });\n      } else {\n        setMcpTestResult({ ok: false, message: res.error ?? \"Failed\" });\n      }\n    } catch (err: any) {\n      setMcpTestResult({ ok: false, message: err?.message ?? String(err) });\n    } finally {\n      setMcpBusy(false);\n    }\n  };\n\n  const menuItems: {\n    icon: React.ReactNode;\n    label: string;\n    desc: string;\n    action: () => void;\n  }[] = [\n    {\n      icon: <IconUpload className=\"h-3.5 w-3.5\" />,\n      label: \"Upload File\",\n      desc: \"Attach a file to this message\",\n      action: () => {\n        setOpen(false);\n        setTimeout(() => fileUploadRef.current?.click(), 0);\n      },\n    },\n    {\n      icon: <IconBulb className=\"h-3.5 w-3.5\" />,\n      label: \"Create Skill\",\n      desc: \"Teach the agent a new ability\",\n      action: () => {\n        onSelectMode?.(\"skill\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconClock className=\"h-3.5 w-3.5\" />,\n      label: \"Scheduled Task\",\n      desc: \"Run something on a schedule\",\n      action: () => {\n        onSelectMode?.(\"job\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconBolt className=\"h-3.5 w-3.5\" />,\n      label: \"Create Automation\",\n      desc: \"Set up a when-X-do-Y rule\",\n      action: () => {\n        onSelectMode?.(\"automation\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconTool className=\"h-3.5 w-3.5\" />,\n      label: \"Create Tool\",\n      desc: \"Build an interactive mini app\",\n      action: () => {\n        onSelectMode?.(\"extension\");\n        setOpen(false);\n      },\n    },\n    {\n      icon: <IconPlugConnected className=\"h-3.5 w-3.5\" />,\n      label: \"Connect MCP Server\",\n      desc: \"Expose external tools to the agent\",\n      action: () => setView(\"mcp-server\"),\n    },\n  ];\n\n  const backButton = (\n    <button\n      type=\"button\"\n      onClick={() => setView(\"menu\")}\n      className=\"flex items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground mb-1.5\"\n    >\n      <IconArrowLeft className=\"h-3 w-3\" />\n      Back\n    </button>\n  );\n\n  return (\n    <>\n      {/* Hidden button to trigger the native file upload */}\n      <ComposerPrimitive.AddAttachment asChild>\n        <button\n          ref={fileUploadRef}\n          type=\"button\"\n          className=\"hidden\"\n          tabIndex={-1}\n          aria-hidden\n        />\n      </ComposerPrimitive.AddAttachment>\n\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"shrink-0 flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:text-foreground hover:bg-accent/50 disabled:opacity-30 disabled:cursor-not-allowed\"\n            title=\"Add...\"\n          >\n            <IconPlus className=\"h-4 w-4\" />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          side=\"top\"\n          align=\"start\"\n          sideOffset={8}\n          className=\"w-[260px] p-0 rounded-lg\"\n          style={{ fontSize: 13, lineHeight: \"normal\" }}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n        >\n          {view === \"menu\" && (\n            <div className=\"py-1\">\n              {menuItems.map((item) => (\n                <button\n                  key={item.label}\n                  onClick={item.action}\n                  className=\"flex w-full items-center gap-2.5 px-3 py-2 text-left hover:bg-accent/50\"\n                >\n                  <span className=\"text-muted-foreground\">{item.icon}</span>\n                  <div className=\"min-w-0\">\n                    <div className=\"text-[12px] font-medium text-foreground\">\n                      {item.label}\n                    </div>\n                    <div className=\"mt-0.5 text-[10px] text-muted-foreground/60\">\n                      {item.desc}\n                    </div>\n                  </div>\n                </button>\n              ))}\n            </div>\n          )}\n\n          {view === \"mcp-server\" && (\n            <div className=\"p-3\">\n              {backButton}\n              <label className=\"mb-1 block text-[11px] font-semibold text-foreground\">\n                Connect MCP Server\n              </label>\n              <p className=\"mb-2 text-[10px] text-muted-foreground/60 leading-relaxed\">\n                Point at any Streamable HTTP MCP server. Its tools become\n                available to the agent.\n              </p>\n              <div className=\"space-y-2\">\n                <div className=\"flex gap-1 rounded-md border border-border p-0.5\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setMcpScope(\"user\")}\n                    className={cn(\n                      \"flex-1 rounded px-2 py-1 text-[11px] font-medium\",\n                      mcpScope === \"user\"\n                        ? \"bg-accent text-foreground\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                    )}\n                  >\n                    Personal\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      hasOrg && canCreateOrgMcp && setMcpScope(\"org\")\n                    }\n                    disabled={!hasOrg || !canCreateOrgMcp}\n                    title={\n                      !hasOrg\n                        ? \"Join an organization to share MCP servers\"\n                        : !canCreateOrgMcp\n                          ? \"Only owners and admins can add org-scope servers\"\n                          : undefined\n                    }\n                    className={cn(\n                      \"flex-1 rounded px-2 py-1 text-[11px] font-medium\",\n                      mcpScope === \"org\"\n                        ? \"bg-accent text-foreground\"\n                        : \"text-muted-foreground hover:text-foreground\",\n                      (!hasOrg || !canCreateOrgMcp) &&\n                        \"cursor-not-allowed opacity-40 hover:text-muted-foreground\",\n                    )}\n                  >\n                    Organization\n                  </button>\n                </div>\n                <input\n                  ref={inputRef}\n                  value={mcpName}\n                  onChange={(e) => setMcpName(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"Server name (e.g. zapier)\"\n                />\n                <input\n                  value={mcpUrl}\n                  onChange={(e) => setMcpUrl(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"https://mcp.example.com/\"\n                />\n                <input\n                  value={mcpDescription}\n                  onChange={(e) => setMcpDescription(e.target.value)}\n                  className=\"w-full rounded-md border border-border bg-background px-2.5 py-1.5 text-[13px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  placeholder=\"Description (optional)\"\n                />\n                <label className=\"block text-[10px] font-medium text-muted-foreground/70\">\n                  Headers (one per line, e.g. Authorization: Bearer ...)\n                </label>\n                <textarea\n                  value={mcpHeadersText}\n                  onChange={(e) => setMcpHeadersText(e.target.value)}\n                  rows={2}\n                  className=\"w-full resize-y rounded-md border border-border bg-background px-2.5 py-1.5 text-[12px] text-foreground outline-none placeholder:text-muted-foreground/50 focus:ring-1 focus:ring-accent\"\n                  style={{\n                    fontFamily:\n                      'ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace',\n                  }}\n                  placeholder=\"Authorization: Bearer sk-...\"\n                />\n                {mcpTestResult && (\n                  <div\n                    className={cn(\n                      \"flex items-center gap-1 text-[11px]\",\n                      mcpTestResult.ok\n                        ? \"text-green-600 dark:text-green-400\"\n                        : \"text-red-600 dark:text-red-400\",\n                    )}\n                  >\n                    {mcpTestResult.ok && <IconCheck className=\"h-3 w-3\" />}\n                    {mcpTestResult.message}\n                  </div>\n                )}\n                {mcpError && (\n                  <div className=\"text-[11px] text-red-600 dark:text-red-400\">\n                    {mcpError}\n                  </div>\n                )}\n              </div>\n              <div className=\"mt-2.5 flex items-center justify-between gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={runMcpTest}\n                  disabled={!mcpUrl.trim() || mcpBusy}\n                  className=\"rounded-md border border-border bg-background px-2.5 py-1.5 text-[11px] font-medium text-foreground hover:bg-accent disabled:opacity-40 disabled:pointer-events-none\"\n                >\n                  Test\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={submitMcpServer}\n                  disabled={!mcpName.trim() || !mcpUrl.trim() || mcpBusy}\n                  className=\"rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:pointer-events-none\"\n                >\n                  {mcpBusy ? (\n                    <IconLoader2 className=\"h-3 w-3 animate-spin\" />\n                  ) : (\n                    \"Connect\"\n                  )}\n                </button>\n              </div>\n            </div>\n          )}\n        </PopoverContent>\n      </Popover>\n    </>\n  );\n}\n"]}

package/dist/client/composer/PromptComposer.js

@@ -93,7 +93,7 @@ function PromptComposerInner({ onSubmit, placeholder, disabled, autoFocus, class
         return () => window.clearTimeout(id);
     }, [autoFocus, handleRef]);
     const handleSubmit = useCallback(async (text, references, attachments) => {
-        // PromptComposer hosts (NewWorkspaceAppFlow, create-tool, create-deck,
+        // PromptComposer hosts (NewWorkspaceAppFlow, create-extension, 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

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\";\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  /** Called whenever the plain editor text changes. */\n  onTextChange?: (text: string) => void;\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  onTextChange,\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          onTextChange={onTextChange}\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":"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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\";\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  /** Called whenever the plain editor text changes. */\n  onTextChange?: (text: string) => void;\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  onTextChange,\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-extension, 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          onTextChange={onTextChange}\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.js

@@ -83,18 +83,18 @@ The job will run automatically on the schedule. Make the instructions specific
 
 Use manage-automations with action=define to create it. Ask clarifying questions if needed about what event to trigger on, conditions, and what actions to take.`,
     },
-    tool: {
-        label: "Create Tool",
+    extension: {
+        label: "Create Extension",
         icon: IconTool,
-        placeholder: "Describe the interactive tool you want to build...",
-        messagePrefix: "Create a tool: ",
-        getContext: (prompt) => `The user wants to create an interactive tool (mini app). Their description: "${prompt}"
+        placeholder: "Describe the interactive extension you want to build...",
+        messagePrefix: "Create an extension: ",
+        getContext: (prompt) => `The user wants to create an interactive extension (sandboxed mini-app). Their description: "${prompt}"
 
-Use the create-tool action with Alpine.js HTML content. The tool runs as a sandboxed iframe with Tailwind CSS and modest default canvas padding. For edge-to-edge layouts, put data-tool-layout="full-bleed" on the outermost element.
+Use the create-extension action with Alpine.js HTML content. The extension runs as a sandboxed iframe with Tailwind CSS and modest default canvas padding. For edge-to-edge layouts, put data-extension-layout="full-bleed" on the outermost element.
 
-After creating the tool, navigate the user to it with set-url-path using pathname "/tools/<id>".
+After creating the extension, navigate the user to it with set-url-path using pathname "/extensions/<id>".
 
-Make the tool functional and visually polished. Tools can use toolFetch() for external API calls, appAction()/appFetch() for app operations, toolData for tool-specific persistence, and dbQuery()/dbExec() only for existing app tables.`,
+Make the extension functional and visually polished. Extensions can use extensionFetch() for external API calls, appAction()/appFetch() for app operations, extensionData for per-extension persistence, and dbQuery()/dbExec() only for existing app tables.`,
     },
 };
 function ComposerModeChip({ mode, onRemove, }) {