@agent-native/core 0.110.2 → 0.111.0

package/corpus/core/src/client/composer/runtime-adapters.tsx

@@ -0,0 +1,123 @@
+import {
+  ComposerRuntimeAdaptersProvider,
+  type ComposerRuntimeAdapters,
+} from "@agent-native/toolkit/composer";
+import { useMemo, type ReactNode } from "react";
+
+import {
+  DEFAULT_REASONING_EFFORT,
+  getReasoningEffortOptionsForModel,
+  reasoningEffortLabel,
+  resolveReasoningEffortSelection,
+} from "../../shared/reasoning-effort.js";
+import { applyVoiceContextReplacements } from "../../voice/index.js";
+import {
+  formatAgentChatContextItemsForPrompt,
+  normalizeAgentComposerReference,
+  requestAgentChatThreadOpen,
+  sendToAgentChat,
+  setAgentChatContextItem,
+} from "../agent-chat.js";
+import { SIDEBAR_STATE_CHANGE_EVENT } from "../agent-sidebar-state.js";
+import { agentNativePath } from "../api-path.js";
+import { readClientAppState, setClientAppState } from "../application-state.js";
+import { AssistantUiStaleIndexErrorBoundary } from "../assistant-ui-recovery.js";
+import { getBrowserTabId } from "../browser-tab-id.js";
+import {
+  isTrustedBuilderMessage,
+  tryDelegateBuildRequestToBuilder,
+} from "../builder-frame.js";
+import { BuilderSetupCard, BuilderSetupContent } from "../chat/run-recovery.js";
+import { isTrustedFrameMessage } from "../frame.js";
+import { useT } from "../i18n.js";
+import { useOrg } from "../org/hooks.js";
+import { isMcpIntegrationCatalogAvailable } from "../resources/mcp-integration-catalog.js";
+import { McpIntegrationDialog } from "../resources/McpIntegrationDialog.js";
+import { useCreateMcpServer } from "../resources/use-mcp-servers.js";
+import { useBuilderConnectFlow } from "../settings/useBuilderStatus.js";
+import {
+  fetchAgentEngineConfiguredState,
+  useAgentEngineConfigured,
+} from "../use-agent-engine-configured.js";
+import { useChatModels } from "../use-chat-models.js";
+import { useVoiceProviderStatus } from "../voice-provider-status.js";
+
+const REALTIME_VOICE_REQUEST_SOURCE = "realtime-voice";
+
+function subscribeSidebarState(
+  listener: (detail: { open?: boolean } | undefined) => void,
+): () => void {
+  if (typeof window === "undefined") return () => {};
+  const handleStateChange = (event: Event) => {
+    listener((event as CustomEvent<{ open?: boolean } | undefined>).detail);
+  };
+  window.addEventListener(SIDEBAR_STATE_CHANGE_EVENT, handleStateChange);
+  return () =>
+    window.removeEventListener(SIDEBAR_STATE_CHANGE_EVENT, handleStateChange);
+}
+
+const coreComposerAdapters: Omit<ComposerRuntimeAdapters, "translate"> = {
+  resolvePath: agentNativePath,
+  models: {
+    useChatModels,
+    useAgentEngineConfigured,
+    fetchAgentEngineConfiguredState,
+    BuilderSetupCard,
+    BuilderSetupContent,
+    reasoning: {
+      defaultEffort: DEFAULT_REASONING_EFFORT,
+      getOptionsForModel: getReasoningEffortOptionsForModel,
+      label: reasoningEffortLabel,
+      resolve: resolveReasoningEffortSelection,
+    },
+  },
+  agentChat: {
+    sendToAgentChat,
+    setContextItem: setAgentChatContextItem,
+    requestThreadOpen: requestAgentChatThreadOpen,
+    formatContextItems: (items) =>
+      items ? formatAgentChatContextItemsForPrompt(items) : "",
+    normalizeReference: normalizeAgentComposerReference,
+    StaleIndexBoundary: AssistantUiStaleIndexErrorBoundary,
+  },
+  builder: {
+    useConnectFlow: useBuilderConnectFlow,
+    tryDelegateBuildRequest: tryDelegateBuildRequestToBuilder,
+    isTrustedBuilderMessage,
+    isTrustedFrameMessage,
+  },
+  resources: {
+    useOrg,
+    isMcpIntegrationAvailable: isMcpIntegrationCatalogAvailable,
+    useCreateMcpServer,
+    McpIntegrationDialog,
+  },
+  voice: {
+    useProviderStatus: useVoiceProviderStatus,
+    getBrowserTabId,
+    readAppState: readClientAppState,
+    setAppState: (key, value) =>
+      setClientAppState(key, value, {
+        requestSource: REALTIME_VOICE_REQUEST_SOURCE,
+      }),
+    subscribeSidebarState,
+    applyContextReplacements: applyVoiceContextReplacements,
+  },
+};
+
+export function CoreComposerRuntimeProvider({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  const translate = useT();
+  const adapters = useMemo(
+    () => ({ ...coreComposerAdapters, translate }),
+    [translate],
+  );
+  return (
+    <ComposerRuntimeAdaptersProvider adapters={adapters}>
+      {children}
+    </ComposerRuntimeAdaptersProvider>
+  );
+}

package/corpus/core/src/client/composer/use-mention-search.ts

@@ -1,84 +1,7 @@
-import { useState, useEffect, useRef } from "react";
+import { useMentionSearch as useToolkitMentionSearch } from "@agent-native/toolkit/composer";
 
 import { agentNativePath } from "../api-path.js";
-import type { MentionItem } from "./types.js";
 
 export function useMentionSearch(query: string, enabled: boolean) {
-  const [items, setItems] = useState<MentionItem[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const abortRef = useRef<AbortController | null>(null);
-  const requestIdRef = useRef(0);
-
-  useEffect(() => {
-    if (!enabled) {
-      setItems([]);
-      setIsLoading(false);
-      return;
-    }
-
-    // Cancel any in-flight stream
-    abortRef.current?.abort();
-    const abort = new AbortController();
-    abortRef.current = abort;
-    const id = ++requestIdRef.current;
-
-    setItems([]);
-    setIsLoading(true);
-
-    const debounceMs = query.length === 0 ? 0 : 150;
-
-    const timer = setTimeout(async () => {
-      try {
-        const res = await fetch(
-          agentNativePath(
-            `/_agent-native/agent-chat/mentions?q=${encodeURIComponent(query)}`,
-          ),
-          { signal: abort.signal },
-        );
-        if (!res.ok || !res.body) throw new Error();
-
-        const reader = res.body.getReader();
-        const decoder = new TextDecoder();
-        let buf = "";
-
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) break;
-
-          buf += decoder.decode(value, { stream: true });
-          const lines = buf.split("\n");
-          buf = lines.pop()!; // last line may be incomplete
-
-          for (const line of lines) {
-            if (!line.trim()) continue;
-            try {
-              const { items: batch } = JSON.parse(line) as {
-                items: MentionItem[];
-              };
-              if (id === requestIdRef.current && batch?.length) {
-                setItems((prev) => {
-                  // Deduplicate by id
-                  const seen = new Set(prev.map((x) => x.id));
-                  const fresh = batch.filter((x) => !seen.has(x.id));
-                  return fresh.length ? [...prev, ...fresh] : prev;
-                });
-              }
-            } catch {}
-          }
-        }
-      } catch (err: unknown) {
-        if (err instanceof Error && err.name === "AbortError") return;
-        if (id === requestIdRef.current) setItems([]);
-      } finally {
-        if (id === requestIdRef.current) setIsLoading(false);
-      }
-    }, debounceMs);
-
-    return () => {
-      clearTimeout(timer);
-      abort.abort();
-    };
-  }, [query, enabled]);
-
-  return { items, isLoading };
+  return useToolkitMentionSearch(query, enabled, agentNativePath);
 }

package/corpus/core/src/client/composer/wired-components.tsx

@@ -0,0 +1,53 @@
+import {
+  PromptComposer as ToolkitPromptComposer,
+  RealtimeVoiceModeBoundary as ToolkitRealtimeVoiceModeBoundary,
+  RealtimeVoiceModeProvider as ToolkitRealtimeVoiceModeProvider,
+  TiptapComposer as ToolkitTiptapComposer,
+  readRealtimeVoiceContextWith,
+  type PromptComposerProps,
+  type RealtimeVoiceModeProviderProps,
+  type TiptapComposerProps,
+} from "@agent-native/toolkit/composer";
+
+import { readClientAppState } from "../application-state.js";
+import { CoreComposerRuntimeProvider } from "./runtime-adapters.js";
+
+export function PromptComposer(props: PromptComposerProps) {
+  return (
+    <CoreComposerRuntimeProvider>
+      <ToolkitPromptComposer {...props} />
+    </CoreComposerRuntimeProvider>
+  );
+}
+
+export function TiptapComposer(props: TiptapComposerProps) {
+  return (
+    <CoreComposerRuntimeProvider>
+      <ToolkitTiptapComposer {...props} />
+    </CoreComposerRuntimeProvider>
+  );
+}
+
+export function RealtimeVoiceModeProvider(
+  props: RealtimeVoiceModeProviderProps,
+) {
+  return (
+    <CoreComposerRuntimeProvider>
+      <ToolkitRealtimeVoiceModeProvider {...props} />
+    </CoreComposerRuntimeProvider>
+  );
+}
+
+export function RealtimeVoiceModeBoundary(
+  props: RealtimeVoiceModeProviderProps,
+) {
+  return (
+    <CoreComposerRuntimeProvider>
+      <ToolkitRealtimeVoiceModeBoundary {...props} />
+    </CoreComposerRuntimeProvider>
+  );
+}
+
+export function readRealtimeVoiceContext() {
+  return readRealtimeVoiceContextWith({ readAppState: readClientAppState });
+}

package/corpus/core/src/client/extensions/ExtensionViewer.tsx

@@ -31,7 +31,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "../components/ui/tooltip.js";
-import { PromptComposer } from "../composer/PromptComposer.js";
+import { PromptComposer } from "../composer/index.js";
 import { isEmbedMcpChatBridgeActive } from "../embed-auth.js";
 import { useT } from "../i18n.js";
 import { ShareButton } from "../sharing/ShareButton.js";

package/corpus/core/src/client/extensions/ExtensionsListPage.tsx

@@ -25,7 +25,7 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "../components/ui/popover.js";
-import { PromptComposer } from "../composer/PromptComposer.js";
+import { PromptComposer } from "../composer/index.js";
 import { useT } from "../i18n.js";
 import { cn } from "../utils.js";
 import {

package/corpus/core/src/client/extensions/ExtensionsSidebarSection.tsx

@@ -47,7 +47,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "../components/ui/tooltip.js";
-import { PromptComposer } from "../composer/PromptComposer.js";
+import { PromptComposer } from "../composer/index.js";
 import { DEFAULT_LOCALE, useOptionalLocale, type LocaleCode } from "../i18n.js";
 import { cn } from "../utils.js";
 import {

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

@@ -9,21 +9,6 @@ export * from "./host/index.js";
 export * from "./widgets/index.js";
 export * from "./ui/index.js";
 
-export {
-  VisualControlRow,
-  VisualColorPicker,
-  VisualInspectorPanel,
-  VisualInspectorSection,
-  VisualScrubInput,
-  VisualSegmentedControl,
-  VisualSliderControl,
-  VisualSwatchControl,
-  VisualToggleControl,
-  VisualTweakControl,
-  type VisualControlOption,
-  type VisualControlValue,
-  type VisualTweakDefinition,
-} from "@agent-native/toolkit/design-tweaks";
 export { cn } from "@agent-native/toolkit/utils";
 export {
   AgentNativeI18nProvider,
@@ -52,121 +37,6 @@ export {
   type LocalePreference,
   type LocalizationPreference,
 } from "./i18n.js";
-export {
-  // Shared editor core (Phase 1): the ONE configurable surface both the plan
-  // and content editors build on.
-  SharedRichEditor,
-  createSharedEditorExtensions,
-  MARKDOWN_DIALECT_CONFIG,
-  useCollabReconcile,
-  RICH_MARKDOWN_PROGRAMMATIC_TRANSACTION,
-  getEditorMarkdown,
-  SlashCommandMenu,
-  DEFAULT_SLASH_COMMANDS,
-  createImageSlashCommand,
-  // Shared block-level image node + injectable upload contract. Plans opt in
-  // via `features.image` + `onImageUpload`; Content keeps its own image block.
-  SharedImage,
-  createImageExtension,
-  pickAndInsertImage,
-  uploadEditorImage,
-  BubbleToolbar,
-  buildDefaultBubbleItems,
-  // Back-compat alias + factory kept for existing embedders and specs.
-  RichMarkdownEditor,
-  createRichMarkdownExtensions,
-  // Single-doc plan editor primitives: the GFM↔ProseMirror serializer, the
-  // run-id prose attribute, and the shared drag-handle (block grip + reorder).
-  RunId,
-  RUN_ID_NODE_TYPES,
-  gfmToProseJSON,
-  proseJSONToGfm,
-  DragHandle,
-  DEFAULT_DRAG_HANDLE_WRAPPER_SELECTOR,
-  // Generic registry-block Tiptap NodeView + side-map provider + dedupe plugin.
-  // Hosts mount the node from `createRegistryBlockNode` as an extra extension
-  // and wrap the editor in `RegistryBlockDataProvider`.
-  createRegistryBlockNode,
-  RegistryBlockNodeView,
-  RegistryBlockDataProvider,
-  useRegistryBlockData,
-  // Shared registry-derived block slash-command builder (plan + content adapt it).
-  buildRegistryBlockSlashItems,
-  getRegistryBlockSlashDescription,
-  getRegistryBlockSlashSearchText,
-  type BuildRegistryBlockSlashItemsOptions,
-  type DragHandleDropContext,
-  type DragHandleDropPlacement,
-  type DragHandleOptions,
-  type CreateRegistryBlockNodeOptions,
-  type RegistryBlockDataValue,
-  type RegistryBlockSideMapBlock,
-  type SharedRichEditorProps,
-  type SharedEditorCollab,
-  type SharedEditorFeatures,
-  type CreateSharedEditorExtensionsOptions,
-  type UseCollabReconcileOptions,
-  type UseCollabReconcileResult,
-  type SlashCommandItem,
-  type SlashCommandMenuProps,
-  type ImageUploadFn,
-  type SharedImageOptions,
-  type BubbleToolbarItem,
-  type BubbleToolbarProps,
-  type RichMarkdownDialect,
-  type RichMarkdownEditorPreset,
-  type RichMarkdownEditorProps,
-  type RichMarkdownCollabUser,
-  type CreateRichMarkdownExtensionsOptions,
-} from "./rich-markdown-editor/index.js";
-export type { JSONContent } from "@tiptap/core";
-export {
-  AgentComposerFrame,
-  type AgentComposerFrameProps,
-  PromptComposer,
-  RealtimeVoiceModeBoundary,
-  RealtimeVoiceModeProvider,
-  RealtimeVoiceModeDock,
-  RealtimeVoiceModeEntry,
-  TiptapComposer,
-  AGENT_PROMPT_MAX_INLINE_IMAGE_BYTES,
-  AGENT_PROMPT_MAX_INLINE_TEXT_CHARS,
-  escapePromptAttachmentAttribute,
-  formatPromptWithAttachments,
-  isInlineableAgentPromptFile,
-  readAgentPromptAttachment,
-  createRealtimeVoiceSession,
-  createRealtimeVoiceSessionWithCapability,
-  executeRealtimeVoiceTool,
-  extractRealtimeVoiceFunctionCalls,
-  readRealtimeVoiceContext,
-  useRealtimeVoiceMode,
-  useRealtimeVoiceModeCopy,
-  useRealtimeVoiceModeOptional,
-  type PromptComposerProps,
-  type PromptComposerFile,
-  type PromptComposerSubmitOptions,
-  type RealtimeVoiceModeCopy,
-  type RealtimeVoiceModeDockProps,
-  type RealtimeVoiceModeEntryProps,
-  type RealtimeVoiceSessionAnswer,
-  type RealtimeVoiceModeInlineSettings,
-  type RealtimeVoiceModeSelectSetting,
-  type RealtimeVoiceModeSettingOption,
-  type RealtimeVoiceModeState,
-  type RealtimeVoiceModeApi,
-  type RealtimeVoiceModeProviderProps,
-  type RealtimeVoiceToolResult,
-  type ComposerSubmitIntent,
-  type AgentPromptAttachment,
-  type ReadAgentPromptAttachmentOptions,
-  type AgentComposerLayoutVariant,
-  type SlashCommand,
-  type SkillResult,
-  type TiptapComposerHandle,
-  type TiptapComposerProps,
-  type TiptapComposerSubmitOptions,
-} from "./composer/index.js";
 export { AgentNativeIcon } from "./components/icons/AgentNativeIcon.js";
 export {
   FeatureFlagsEditor,
@@ -420,36 +290,10 @@ export {
   type ShareButtonProps,
   type ShareDialogProps,
 } from "./sharing/index.js";
-export {
-  VisibilityBadge,
-  type VisibilityBadgeProps,
-} from "@agent-native/toolkit/sharing";
 export {
   ObservabilityDashboard,
   ThumbsFeedback,
 } from "./observability/index.js";
-export {
-  PresenceBar,
-  type PresenceBarProps,
-} from "@agent-native/toolkit/collab-ui";
-export {
-  AgentPresenceChip,
-  type AgentPresenceChipProps,
-} from "@agent-native/toolkit/collab-ui";
-export {
-  LiveCursorOverlay,
-  type LiveCursorOverlayProps,
-  type CursorMapFn,
-} from "@agent-native/toolkit/collab-ui";
-export {
-  RemoteSelectionRings,
-  type RemoteSelectionRingsProps,
-  type SelectionDescriptor,
-} from "@agent-native/toolkit/collab-ui";
-export {
-  RecentEditHighlights,
-  type RecentEditHighlightsProps,
-} from "@agent-native/toolkit/collab-ui";
 export {
   appendRecentEdit,
   collectRecentEdits,