@agent-native/core 0.110.3 → 0.111.0

package/corpus/core/src/client/{rich-markdown-editor/uploadEditorImage.ts → uploads/upload-editor-image.ts}

@@ -1,7 +1,14 @@
-import type { ImageUploadFn } from "@agent-native/toolkit/editor";
-
 import { callAction } from "../use-action.js";
 
+export interface EditorImageUploadResult {
+  src: string;
+  alt?: string;
+}
+
+export type EditorImageUploadFn = (
+  file: File,
+) => Promise<EditorImageUploadResult>;
+
 /**
  * Read a {@link File} as a base64 data URL (`data:image/...;base64,...`).
  *
@@ -37,7 +44,7 @@ interface UploadImageActionResult {
  * dropped image File through the framework `upload-image` action and return the
  * hosted CDN URL.
  *
- * This is the {@link ImageUploadFn} embedders pass to the shared image block so
+ * This is the upload function embedders pass to the shared image block so
  * any app gets a real uploading image block with zero per-app upload code. The
  * action re-hosts the bytes on the configured provider (Builder.io by default),
  * is session-scoped, and returns a stable `![alt](url)` source — so a plan's
@@ -47,7 +54,7 @@ interface UploadImageActionResult {
  * @throws when the file cannot be read, the action returns no URL, or upload is
  *   not configured (with the action's "connect Builder.io" guidance).
  */
-export const uploadEditorImage: ImageUploadFn = async (file: File) => {
+export const uploadEditorImage: EditorImageUploadFn = async (file: File) => {
   if (!file.type.startsWith("image/")) {
     throw new Error("Only image files can be uploaded.");
   }

package/corpus/core/src/package-lifecycle/tombstone.ts

@@ -1,5 +1,6 @@
 import {
   migrationMoveStatus,
+  resolveMigrationSymbolMove,
   type MigrationManifest,
 } from "./migration-manifest.js";
 import { migrationMoveMessage } from "./migration-message.js";
@@ -20,13 +21,25 @@ export function renderTombstoneModule(options: TombstoneModuleOptions): string {
     );
   }
   const to = move.to;
-  const message = migrationMoveMessage(options.from, to);
+  const targetForExport = (name: string): string =>
+    resolveMigrationSymbolMove(move, name)?.to ?? to;
+  const exportNames = [
+    ...(options.valueExports ?? []),
+    ...(options.typeExports ?? []),
+  ].sort();
+  const symbolTargets = Object.fromEntries(
+    [...new Set(exportNames)].flatMap((name) => {
+      const target = targetForExport(name);
+      return target === to ? [] : [[name, target]];
+    }),
+  );
   const lines = [
     `import { throwMovedAgentNativeModule, type DeprecatedExport } from ${JSON.stringify(options.helperImport)};`,
     "",
-    `throwMovedAgentNativeModule(${JSON.stringify(options.from)}, ${JSON.stringify(to)});`,
+    `throwMovedAgentNativeModule(${JSON.stringify(options.from)}, ${JSON.stringify(to)}${Object.keys(symbolTargets).length > 0 ? `, ${JSON.stringify(symbolTargets)}` : ""});`,
   ];
   for (const name of [...(options.valueExports ?? [])].sort()) {
+    const message = migrationMoveMessage(options.from, targetForExport(name));
     lines.push(
       "",
       `/** @deprecated ${message} */`,
@@ -34,6 +47,7 @@ export function renderTombstoneModule(options: TombstoneModuleOptions): string {
     );
   }
   for (const name of [...(options.typeExports ?? [])].sort()) {
+    const message = migrationMoveMessage(options.from, targetForExport(name));
     lines.push(
       "",
       `/** @deprecated ${message} */`,

package/corpus/core/src/package-lifecycle/upgrade-error.ts

@@ -1,4 +1,7 @@
-import { migrationMoveMessage } from "./migration-message.js";
+import {
+  AGENT_NATIVE_UPGRADE_CODEMOD_COMMAND,
+  migrationMoveMessage,
+} from "./migration-message.js";
 
 declare const deprecatedExportBrand: unique symbol;
 
@@ -9,11 +12,26 @@ export type DeprecatedExport<Message extends string> = never & {
 export class AgentNativeUpgradeError extends Error {
   override readonly name = "AgentNativeUpgradeError";
 
-  constructor(from: string, to: string) {
-    super(migrationMoveMessage(from, to));
+  constructor(
+    from: string,
+    to: string,
+    symbolTargets: Readonly<Record<string, string>> = {},
+  ) {
+    const overrides = Object.entries(symbolTargets).sort(([left], [right]) =>
+      left.localeCompare(right),
+    );
+    super(
+      overrides.length === 0
+        ? migrationMoveMessage(from, to)
+        : `${from} exports moved to multiple entrypoints: ${overrides.map(([symbol, target]) => `${symbol} -> ${target}`).join("; ")}; all other exports -> ${to}. Run: ${AGENT_NATIVE_UPGRADE_CODEMOD_COMMAND}`,
+    );
   }
 }
 
-export function throwMovedAgentNativeModule(from: string, to: string): never {
-  throw new AgentNativeUpgradeError(from, to);
+export function throwMovedAgentNativeModule(
+  from: string,
+  to: string,
+  symbolTargets: Readonly<Record<string, string>> = {},
+): never {
+  throw new AgentNativeUpgradeError(from, to, symbolTargets);
 }

package/corpus/core/src/testing.ts

@@ -1,8 +1,7 @@
 /**
  * `@agent-native/core/testing` — a small barrel of internal symbols that
  * template test suites need direct access to (an in-memory db factory, the
- * local Design/Plan dev bridges, and the shared rich-markdown-editor drag
- * handle). Published so template specs can import these through the package
+ * local Design/Plan dev bridges). Published so template specs can import these through the package
  * boundary instead of reaching into `packages/core/src/**` with deep
  * relative paths.
  *
@@ -22,5 +21,3 @@ export {
   startDesignConnectBridge,
   type DesignConnectBridge,
 } from "./cli/design-connect.js";
-
-export { DragHandle } from "@agent-native/toolkit/editor";

package/corpus/core/src/vite/client.ts

@@ -792,6 +792,18 @@ const CORE_CLIENT_SUBPATHS = [
   "@agent-native/core/client/dev-overlay",
   "@agent-native/core/client/editor",
   "@agent-native/core/client/rich-markdown-editor",
+  "@agent-native/core/client/components/ui/dialog",
+  "@agent-native/core/client/components/ui/dropdown-menu",
+  "@agent-native/core/client/components/ui/hover-card",
+  "@agent-native/core/client/components/ui/popover",
+  "@agent-native/core/client/components/ui/sheet",
+  "@agent-native/core/client/components/ui/tooltip",
+  "@agent-native/core/client/components/AgentPresenceChip",
+  "@agent-native/core/client/components/LiveCursorOverlay",
+  "@agent-native/core/client/components/PresenceBar",
+  "@agent-native/core/client/components/RecentEditHighlights",
+  "@agent-native/core/client/components/RemoteSelectionRings",
+  "@agent-native/core/client/visual-style-controls",
   "@agent-native/core/client/feature-flags",
   "@agent-native/core/client/hooks",
   "@agent-native/core/client/host",
@@ -858,9 +870,6 @@ function getDefaultOptimizeDeps(cwd: string): string[] {
     { specifier: "@radix-ui/react-checkbox" },
     { specifier: "@radix-ui/react-collapsible" },
     { specifier: "@radix-ui/react-context-menu" },
-    { specifier: "@radix-ui/react-dialog" },
-    { specifier: "@radix-ui/react-dropdown-menu" },
-    { specifier: "@radix-ui/react-hover-card" },
     { specifier: "@radix-ui/react-label" },
     { specifier: "@radix-ui/react-menubar" },
     { specifier: "@radix-ui/react-navigation-menu" },
@@ -885,22 +894,6 @@ function getDefaultOptimizeDeps(cwd: string): string[] {
     },
     { specifier: "@tanstack/react-query" },
     { specifier: "@tabler/icons-react" },
-    { specifier: "@tiptap/core" },
-    { specifier: "@tiptap/extension-code-block-lowlight" },
-    { specifier: "@tiptap/extension-collaboration" },
-    { specifier: "@tiptap/extension-collaboration-caret" },
-    { specifier: "@tiptap/extension-image" },
-    { specifier: "@tiptap/extension-link" },
-    { specifier: "@tiptap/extension-placeholder" },
-    { specifier: "@tiptap/extension-table" },
-    { specifier: "@tiptap/extension-table-cell" },
-    { specifier: "@tiptap/extension-table-header" },
-    { specifier: "@tiptap/extension-table-row" },
-    { specifier: "@tiptap/extension-task-item" },
-    { specifier: "@tiptap/extension-task-list" },
-    { specifier: "@tiptap/pm/state", packageName: "@tiptap/pm" },
-    { specifier: "@tiptap/react" },
-    { specifier: "@tiptap/starter-kit" },
     { specifier: "@uiw/react-codemirror" },
     { specifier: "@xterm/addon-fit" },
     { specifier: "@xterm/addon-web-links" },
@@ -997,7 +990,6 @@ function getDefaultOptimizeDeps(cwd: string): string[] {
     },
     { specifier: "sonner" },
     { specifier: "tailwind-merge" },
-    { specifier: "tiptap-markdown" },
     { specifier: "vaul" },
     { specifier: "y-protocols/awareness", packageName: "y-protocols" },
     { specifier: "yjs" },
@@ -1087,11 +1079,59 @@ function getCoreSourceAliases(
     ),
     "@agent-native/core/client/editor": path.join(
       coreSrc,
-      "client/editor/index.ts",
+      "client/tombstone/editor.ts",
     ),
     "@agent-native/core/client/rich-markdown-editor": path.join(
       coreSrc,
-      "client/rich-markdown-editor/index.ts",
+      "client/tombstone/rich-markdown-editor.ts",
+    ),
+    "@agent-native/core/client/components/ui/dialog": path.join(
+      coreSrc,
+      "client/tombstone/ui-dialog.ts",
+    ),
+    "@agent-native/core/client/components/ui/dropdown-menu": path.join(
+      coreSrc,
+      "client/tombstone/ui-dropdown-menu.ts",
+    ),
+    "@agent-native/core/client/components/ui/hover-card": path.join(
+      coreSrc,
+      "client/tombstone/ui-hover-card.ts",
+    ),
+    "@agent-native/core/client/components/ui/popover": path.join(
+      coreSrc,
+      "client/tombstone/ui-popover.ts",
+    ),
+    "@agent-native/core/client/components/ui/sheet": path.join(
+      coreSrc,
+      "client/tombstone/ui-sheet.ts",
+    ),
+    "@agent-native/core/client/components/ui/tooltip": path.join(
+      coreSrc,
+      "client/tombstone/ui-tooltip.ts",
+    ),
+    "@agent-native/core/client/components/AgentPresenceChip": path.join(
+      coreSrc,
+      "client/tombstone/agent-presence-chip.ts",
+    ),
+    "@agent-native/core/client/components/LiveCursorOverlay": path.join(
+      coreSrc,
+      "client/tombstone/live-cursor-overlay.ts",
+    ),
+    "@agent-native/core/client/components/PresenceBar": path.join(
+      coreSrc,
+      "client/tombstone/presence-bar.ts",
+    ),
+    "@agent-native/core/client/components/RecentEditHighlights": path.join(
+      coreSrc,
+      "client/tombstone/recent-edit-highlights.ts",
+    ),
+    "@agent-native/core/client/components/RemoteSelectionRings": path.join(
+      coreSrc,
+      "client/tombstone/remote-selection-rings.ts",
+    ),
+    "@agent-native/core/client/visual-style-controls": path.join(
+      coreSrc,
+      "client/tombstone/visual-style-controls.ts",
     ),
     "@agent-native/core/client/feature-flags": path.join(
       coreSrc,

package/corpus/templates/content/app/components/editor/VisualEditor.tsx

@@ -1,14 +1,12 @@
+import { RegistryBlockDataProvider } from "@agent-native/core/blocks";
 import {
   usePresence,
   useRecentEdits,
   type AttributedRecentEdit,
 } from "@agent-native/core/client/collab";
 import { useT } from "@agent-native/core/client/i18n";
-import {
-  RegistryBlockDataProvider,
-  type RegistryBlockSideMapBlock,
-} from "@agent-native/core/client/rich-markdown-editor";
 import { RecentEditHighlights } from "@agent-native/toolkit/collab-ui";
+import { type RegistryBlockSideMapBlock } from "@agent-native/toolkit/editor";
 import {
   createSharedEditorExtensions,
   useCollabReconcile,

package/corpus/templates/content/app/components/editor/extensions/registryBlocks.ts

@@ -1,4 +1,4 @@
-import { createRegistryBlockNode } from "@agent-native/core/client/rich-markdown-editor";
+import { createRegistryBlockNode } from "@agent-native/toolkit/editor";
 import { Extension } from "@tiptap/core";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
 

package/corpus/templates/content/app/components/editor/registrySlashItems.ts

@@ -3,7 +3,7 @@ import {
   buildRegistryBlockSlashItems,
   getRegistryBlockSlashDescription,
   getRegistryBlockSlashSearchText,
-} from "@agent-native/core/client/rich-markdown-editor";
+} from "@agent-native/toolkit/editor";
 import { serializeRegistryBlockToMdx } from "@shared/nfm-registry";
 import { IconComponents } from "@tabler/icons-react";
 
@@ -89,56 +89,57 @@ export function buildRegistrySlashItems(
   // `icon`, compact visible descriptions, hidden search text for type/alias
   // matching, the default `spec.notionCompatible` gating predicate, and inserting
   // a `registryBlock` node seeded with inline `__raw`.
-  return buildRegistryBlockSlashItems<RegistrySlashItem, RegistrySlashEditor>(
-    registry,
-    {
-      notionCompatibleOnly: options.notionCompatibleOnly,
-      // A few shared library blocks are registered (so saved docs and source
-      // round-trip), but not offered in Content's authoring slash menu:
-      //   - `columns` needs recursive nested block editing before it is usable in
-      //     Content's inline NFM editor.
-      //   - `question-form` / `visual-questions` are agent-intake forms (they
-      //     submit answers back to a planning agent), which is a plan workflow,
-      //     not a content-authoring block.
-      //   - `inline-database` is registered in Phase 2 for render/round-trip
-      //     compatibility; Phase 3 owns the `/database` insertion flow.
-      //   - `source-component` is emitted by provider hydration to preserve
-      //     source-native blocks; users should not author raw preservation
-      //     markers by hand.
-      // The genuinely document-friendly rich blocks (callout, decision, diagram,
-      // wireframe, and the dev-doc/structured set) ARE offered.
-      includeSpec: (spec) =>
-        ![
-          "columns",
-          "question-form",
-          "visual-questions",
-          "inline-database",
-          "source-component",
-        ].includes(spec.type),
-      toItem: (spec, insert) => ({
-        title: spec.label,
-        description: getRegistryBlockSlashDescription(spec),
-        searchText: getRegistryBlockSlashSearchText(spec),
-        icon: (spec.icon ?? IconComponents) as React.ElementType,
-        action: insert,
-      }),
-      insertBlock: (editor, spec) => {
-        const blockId = createContentBlockId(spec.type);
-        editor
-          .chain()
-          .focus()
-          .insertContent({
-            type: "registryBlock",
-            attrs: {
-              blockType: spec.type,
-              blockId,
-              title: null,
-              summary: null,
-              __raw: seedRegistryBlockRaw(spec, blockId),
-            },
-          })
-          .run();
-      },
+  return buildRegistryBlockSlashItems<
+    RegistrySlashItem,
+    RegistrySlashEditor,
+    BlockSpec
+  >(registry, {
+    notionCompatibleOnly: options.notionCompatibleOnly,
+    // A few shared library blocks are registered (so saved docs and source
+    // round-trip), but not offered in Content's authoring slash menu:
+    //   - `columns` needs recursive nested block editing before it is usable in
+    //     Content's inline NFM editor.
+    //   - `question-form` / `visual-questions` are agent-intake forms (they
+    //     submit answers back to a planning agent), which is a plan workflow,
+    //     not a content-authoring block.
+    //   - `inline-database` is registered in Phase 2 for render/round-trip
+    //     compatibility; Phase 3 owns the `/database` insertion flow.
+    //   - `source-component` is emitted by provider hydration to preserve
+    //     source-native blocks; users should not author raw preservation
+    //     markers by hand.
+    // The genuinely document-friendly rich blocks (callout, decision, diagram,
+    // wireframe, and the dev-doc/structured set) ARE offered.
+    includeSpec: (spec) =>
+      ![
+        "columns",
+        "question-form",
+        "visual-questions",
+        "inline-database",
+        "source-component",
+      ].includes(spec.type),
+    toItem: (spec, insert) => ({
+      title: spec.label,
+      description: getRegistryBlockSlashDescription(spec),
+      searchText: getRegistryBlockSlashSearchText(spec),
+      icon: (spec.icon ?? IconComponents) as React.ElementType,
+      action: insert,
+    }),
+    insertBlock: (editor, spec) => {
+      const blockId = createContentBlockId(spec.type);
+      editor
+        .chain()
+        .focus()
+        .insertContent({
+          type: "registryBlock",
+          attrs: {
+            blockType: spec.type,
+            blockId,
+            title: null,
+            summary: null,
+            __raw: seedRegistryBlockRaw(spec, blockId),
+          },
+        })
+        .run();
     },
-  );
+  });
 }

package/corpus/templates/plan/app/components/editor/PlanBlockNode.tsx

@@ -1,9 +1,9 @@
+import { RegistryBlockDataProvider } from "@agent-native/core/blocks";
 import {
   createRegistryBlockNode,
-  RegistryBlockDataProvider,
   type RegistryBlockDataValue,
   useRegistryBlockData,
-} from "@agent-native/core/client/rich-markdown-editor";
+} from "@agent-native/toolkit/editor";
 import { createPlanBlockId, type PlanBlock } from "@shared/plan-content";
 import type { ReactNode } from "react";
 

package/corpus/templates/plan/app/components/editor/planSlashCommands.ts

@@ -3,7 +3,7 @@ import {
   buildRegistryBlockSlashItems,
   getRegistryBlockSlashDescription,
   getRegistryBlockSlashSearchText,
-} from "@agent-native/core/client/rich-markdown-editor";
+} from "@agent-native/toolkit/editor";
 import type { SlashCommandItem } from "@agent-native/toolkit/editor";
 import { isNotionCompatibleBlockType } from "@shared/notion-compat";
 import { createPlanBlockId } from "@shared/plan-content";

package/corpus/templates/plan/app/components/plan/DocumentArea.tsx

@@ -5,7 +5,7 @@ import {
   useOptionalBlockRegistry,
 } from "@agent-native/core/blocks";
 import { useT } from "@agent-native/core/client/i18n";
-import { uploadEditorImage } from "@agent-native/core/client/rich-markdown-editor";
+import { uploadEditorImage } from "@agent-native/core/client/uploads";
 import { type RichMarkdownCollabUser } from "@agent-native/toolkit/editor";
 import { imageDataSchema, type PlanBlock } from "@shared/plan-content";
 import {

package/corpus/templates/plan/app/components/plan/PlanImageNode.tsx

@@ -1,5 +1,5 @@
 import { useT } from "@agent-native/core/client/i18n";
-import { uploadEditorImage } from "@agent-native/core/client/rich-markdown-editor";
+import { uploadEditorImage } from "@agent-native/core/client/uploads";
 import { SharedImage } from "@agent-native/toolkit/editor";
 import {
   NodeViewWrapper,

package/corpus/templates/plan/app/components/plan/PlanMarkdownEditor.tsx

@@ -3,7 +3,7 @@ import {
   useCollaborativeDoc,
   type CollabUser,
 } from "@agent-native/core/client/collab";
-import { uploadEditorImage } from "@agent-native/core/client/rich-markdown-editor";
+import { uploadEditorImage } from "@agent-native/core/client/uploads";
 import {
   createImageSlashCommand,
   DEFAULT_SLASH_COMMANDS,

package/dist/catalog.json

@@ -1,4 +1,5 @@
 {
+  "@assistant-ui/react": "^0.12.19",
   "@radix-ui/react-dialog": "^1.1.19",
   "@radix-ui/react-dropdown-menu": "^2.1.20",
   "@radix-ui/react-hover-card": "^1.1.19",

package/dist/client/AgentAskPopover.js

@@ -3,7 +3,7 @@ import { Button } from "@agent-native/toolkit/ui/button";
 import { useCallback, useState } from "react";
 import { sendToAgentChat } from "./agent-chat.js";
 import { Popover, PopoverContent, PopoverTrigger, } from "./components/ui/popover.js";
-import { PromptComposer } from "./composer/PromptComposer.js";
+import { PromptComposer } from "./composer/index.js";
 import { useT } from "./i18n.js";
 /** A low-emphasis entry point for asking the agent without losing the current surface. */
 export function AgentAskPopover({ prompt, title, label, placeholder, context, className, }) {

package/dist/client/AgentAskPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentAskPopover.js","sourceRoot":"","sources":["../../src/client/AgentAskPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWjC,0FAA0F;AAC1F,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACY;IACrB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,eAAe,CAAC;YACd,OAAO,EAAE,OAAO;YAChB,OAAO;YACP,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,IAAI,gBAAgB,YAEvC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,GAC9D,GACM,EACjB,MAAC,cAAc,IACb,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,EAAE,EACpB,SAAS,EAAC,gDAAgD,aAE1D,YAAG,SAAS,EAAC,iDAAiD,YAC3D,KAAK;4BACJ,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,GAChE,EACJ,KAAC,cAAc,IACb,SAAS,QACT,kBAAkB,EAAE,KAAK,EACzB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAC,SAAS,EACvB,WAAW,EACT,WAAW;4BACX,CAAC,CAAC,gCAAgC,EAAE;gCAClC,YAAY,EAAE,qCAAqC;6BACpD,CAAC,EAEJ,iBAAiB,EAAE,KAAK,EACxB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,YAAY,GACtB,IACa,IACT,CACX,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport { useCallback, useState } from \"react\";\n\nimport { sendToAgentChat } from \"./agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./components/ui/popover.js\";\nimport { PromptComposer } from \"./composer/PromptComposer.js\";\nimport { useT } from \"./i18n.js\";\n\nexport interface AgentAskPopoverProps {\n  prompt: string;\n  title?: string;\n  label?: string;\n  placeholder?: string;\n  context?: string;\n  className?: string;\n}\n\n/** A low-emphasis entry point for asking the agent without losing the current surface. */\nexport function AgentAskPopover({\n  prompt,\n  title,\n  label,\n  placeholder,\n  context,\n  className,\n}: AgentAskPopoverProps) {\n  const t = useT();\n  const [open, setOpen] = useState(false);\n  const handleSubmit = useCallback(\n    (text: string) => {\n      const trimmed = text.trim();\n      if (!trimmed) return;\n      sendToAgentChat({\n        message: trimmed,\n        context,\n        submit: true,\n        newTab: true,\n      });\n      setOpen(false);\n    },\n    [context],\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className={className ?? \"cursor-pointer\"}\n        >\n          {label ?? t(\"agentPanel.askAgent\", { defaultValue: \"Ask the agent\" })}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={8}\n        collisionPadding={12}\n        className=\"z-[260] w-[calc(100vw-32px)] max-w-[420px] p-3\"\n      >\n        <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n          {title ??\n            t(\"agentPanel.askAgentTitle\", { defaultValue: \"Ask the agent\" })}\n        </p>\n        <PromptComposer\n          autoFocus\n          attachmentsEnabled={false}\n          initialText={prompt}\n          initialTextKey={prompt}\n          layoutVariant=\"compact\"\n          placeholder={\n            placeholder ??\n            t(\"agentPanel.askAgentPlaceholder\", {\n              defaultValue: \"Tell the agent what you want to do…\",\n            })\n          }\n          showModelSelector={false}\n          voiceEnabled={false}\n          onSubmit={handleSubmit}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"file":"AgentAskPopover.js","sourceRoot":"","sources":["../../src/client/AgentAskPopover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWjC,0FAA0F;AAC1F,MAAM,UAAU,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GACY;IACrB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,IAAY,EAAE,EAAE;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,eAAe,CAAC;YACd,OAAO,EAAE,OAAO;YAChB,OAAO;YACP,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,IAAI;SACb,CAAC,CAAC;QACH,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACxC,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,SAAS,IAAI,gBAAgB,YAEvC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,GAC9D,GACM,EACjB,MAAC,cAAc,IACb,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,EAAE,EACpB,SAAS,EAAC,gDAAgD,aAE1D,YAAG,SAAS,EAAC,iDAAiD,YAC3D,KAAK;4BACJ,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC,GAChE,EACJ,KAAC,cAAc,IACb,SAAS,QACT,kBAAkB,EAAE,KAAK,EACzB,WAAW,EAAE,MAAM,EACnB,cAAc,EAAE,MAAM,EACtB,aAAa,EAAC,SAAS,EACvB,WAAW,EACT,WAAW;4BACX,CAAC,CAAC,gCAAgC,EAAE;gCAClC,YAAY,EAAE,qCAAqC;6BACpD,CAAC,EAEJ,iBAAiB,EAAE,KAAK,EACxB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,YAAY,GACtB,IACa,IACT,CACX,CAAC;AACJ,CAAC","sourcesContent":["import { Button } from \"@agent-native/toolkit/ui/button\";\nimport { useCallback, useState } from \"react\";\n\nimport { sendToAgentChat } from \"./agent-chat.js\";\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from \"./components/ui/popover.js\";\nimport { PromptComposer } from \"./composer/index.js\";\nimport { useT } from \"./i18n.js\";\n\nexport interface AgentAskPopoverProps {\n  prompt: string;\n  title?: string;\n  label?: string;\n  placeholder?: string;\n  context?: string;\n  className?: string;\n}\n\n/** A low-emphasis entry point for asking the agent without losing the current surface. */\nexport function AgentAskPopover({\n  prompt,\n  title,\n  label,\n  placeholder,\n  context,\n  className,\n}: AgentAskPopoverProps) {\n  const t = useT();\n  const [open, setOpen] = useState(false);\n  const handleSubmit = useCallback(\n    (text: string) => {\n      const trimmed = text.trim();\n      if (!trimmed) return;\n      sendToAgentChat({\n        message: trimmed,\n        context,\n        submit: true,\n        newTab: true,\n      });\n      setOpen(false);\n    },\n    [context],\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          className={className ?? \"cursor-pointer\"}\n        >\n          {label ?? t(\"agentPanel.askAgent\", { defaultValue: \"Ask the agent\" })}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        sideOffset={8}\n        collisionPadding={12}\n        className=\"z-[260] w-[calc(100vw-32px)] max-w-[420px] p-3\"\n      >\n        <p className=\"px-1 pb-2 text-sm font-semibold text-foreground\">\n          {title ??\n            t(\"agentPanel.askAgentTitle\", { defaultValue: \"Ask the agent\" })}\n        </p>\n        <PromptComposer\n          autoFocus\n          attachmentsEnabled={false}\n          initialText={prompt}\n          initialTextKey={prompt}\n          layoutVariant=\"compact\"\n          placeholder={\n            placeholder ??\n            t(\"agentPanel.askAgentPlaceholder\", {\n              defaultValue: \"Tell the agent what you want to do…\",\n            })\n          }\n          showModelSelector={false}\n          voiceEnabled={false}\n          onSubmit={handleSubmit}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"]}

package/dist/client/AgentPanel.js

@@ -45,7 +45,7 @@ import { agentNativePath, appPath } from "./api-path.js";
 import { assistantUiRecoverableRenderErrorKind } from "./assistant-ui-recovery.js";
 import { shouldParentFrameOwnAgentPanel } from "./builder-frame.js";
 import { AGENT_CHAT_VIEW_TRANSITION_CLASS, getAgentChatViewTransitionStyle, } from "./chat-view-transition.js";
-import { RealtimeVoiceModeProvider } from "./composer/useRealtimeVoiceMode.js";
+import { RealtimeVoiceModeProvider } from "./composer/index.js";
 import { getFramePostMessageTargetOrigin, isTrustedFrameMessage, } from "./frame.js";
 import { useT } from "./i18n.js";
 import { recoverFromStaleChunkError } from "./route-chunk-recovery.js";