@blocknote/xl-ai 0.42.2 → 0.43.0

package/src/api/formats/json/tools/jsontools.test.ts

@@ -13,7 +13,7 @@ import { DeleteBlockToolCall } from "../../base-tools/delete.js";
 import { tools } from "./index.js";
 
 // Helper function to create a mock stream from operations
-import { getAIExtension } from "../../../../AIExtension.js";
+import { AIExtension } from "../../../../AIExtension.js";
 import { StreamToolExecutor } from "../../../../streamTool/StreamToolExecutor.js";
 import { StreamTool } from "../../../../streamTool/streamTool.js";
 import { getExpectedEditor } from "../../../../testUtil/cases/index.js";
@@ -64,7 +64,7 @@ async function executeTestCase(
 
   validateRejectingResultsInOriginalDoc(editor, originalDoc);
 
-  getAIExtension(editor).acceptChanges();
+  editor.getExtension(AIExtension)?.acceptChanges();
   expect(editor.document).toEqual(getExpectedEditor(testCase).document);
 }
 

package/src/api/formats/tests/sharedTestCases.ts

@@ -4,7 +4,7 @@ import { getCurrentTest, TaskContext } from "@vitest/runner";
 import path from "path";
 import { TextSelection } from "prosemirror-state";
 import { describe, expect, it } from "vitest";
-import { getAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 import { aiDocumentFormats, defaultAIRequestSender } from "../../../index.js";
 import { addOperationTestCases } from "../../../testUtil/cases/addOperationTestCases.js";
 import { combinedOperationsTestCases } from "../../../testUtil/cases/combinedOperationsTestCases.js";
@@ -118,7 +118,7 @@ export function generateSharedTestCases(
     validateRejectingResultsInOriginalDoc(editor, originalDoc);
 
     // we first need to accept changes to get the correct result
-    getAIExtension(editor).acceptChanges();
+    editor.getExtension(AIExtension)?.acceptChanges();
     expect(editor.document).toEqual(
       getExpectedEditor(test, {
         deleteEmptyCursorBlock: true,

package/src/components/AIMenu/AIMenu.tsx

@@ -1,10 +1,14 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { useBlockNoteEditor, useComponentsContext } from "@blocknote/react";
+import {
+  useBlockNoteEditor,
+  useComponentsContext,
+  useExtension,
+  useExtensionState,
+} from "@blocknote/react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { RiSparkling2Fill } from "react-icons/ri";
-import { useStore } from "zustand";
 
-import { getAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { useAIDictionary } from "../../i18n/useAIDictionary.js";
 import { PromptSuggestionMenu } from "./PromptSuggestionMenu.js";
 import {
@@ -33,11 +37,12 @@ export const AIMenu = (props: AIMenuProps) => {
 
   const Components = useComponentsContext()!;
 
-  const ai = getAIExtension(editor);
+  const ai = useExtension(AIExtension);
 
-  const aiResponseStatus = useStore(ai.store, (state) =>
-    state.aiMenuState !== "closed" ? state.aiMenuState.status : "closed",
-  );
+  const aiResponseStatus = useExtensionState(AIExtension, {
+    selector: (state) =>
+      state.aiMenuState !== "closed" ? state.aiMenuState.status : "closed",
+  });
 
   const { items: externalItems } = props;
   // note, technically there might be a bug with this useMemo when quickly changing the selection and opening the menu
@@ -74,7 +79,11 @@ export const AIMenu = (props: AIMenuProps) => {
 
   useEffect(() => {
     // this is a bit hacky to run a useeffect to reset the prompt when the AI response is done
-    if (aiResponseStatus === "user-reviewing" || aiResponseStatus === "error") {
+    if (
+      aiResponseStatus === "ai-writing" ||
+      aiResponseStatus === "user-reviewing" ||
+      aiResponseStatus === "error"
+    ) {
       setPrompt("");
     }
   }, [aiResponseStatus]);

package/src/components/AIMenu/AIMenuController.tsx

@@ -1,42 +1,96 @@
-import { useBlockNoteEditor } from "@blocknote/react";
-import { FC } from "react";
-import { useStore } from "zustand";
+import {
+  BlockPopover,
+  FloatingUIOptions,
+  useBlockNoteEditor,
+  useExtension,
+  useExtensionState,
+} from "@blocknote/react";
+import { offset, size } from "@floating-ui/react";
+import { FC, useMemo } from "react";
 
-import { getAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { AIMenu, AIMenuProps } from "./AIMenu.js";
-import { BlockPositioner } from "./BlockPositioner.js";
 
-export const AIMenuController = (props: { aiMenu?: FC<AIMenuProps> }) => {
+export const AIMenuController = (props: {
+  aiMenu?: FC<AIMenuProps>;
+  floatingUIOptions?: FloatingUIOptions;
+}) => {
   const editor = useBlockNoteEditor();
-  const ai = getAIExtension(editor);
+  const ai = useExtension(AIExtension);
 
-  const aiMenuState = useStore(ai.store, (state) => state.aiMenuState);
+  const aiMenuState = useExtensionState(AIExtension, {
+    editor,
+    selector: (state) => state.aiMenuState,
+  });
 
   const blockId = aiMenuState === "closed" ? undefined : aiMenuState.blockId;
 
+  const floatingUIOptions = useMemo<FloatingUIOptions>(
+    () => ({
+      useFloatingOptions: {
+        open: aiMenuState !== "closed",
+        placement: "bottom",
+        middleware: [
+          offset(10),
+          // flip(),
+          size({
+            apply({ rects, elements }) {
+              Object.assign(elements.floating.style, {
+                width: `${rects.reference.width}px`,
+              });
+            },
+          }),
+        ],
+        onOpenChange: (open) => {
+          if (open || aiMenuState === "closed") {
+            return;
+          }
+
+          if (aiMenuState.status === "user-input") {
+            ai.closeAIMenu();
+          } else if (
+            aiMenuState.status === "user-reviewing" ||
+            aiMenuState.status === "error"
+          ) {
+            ai.rejectChanges();
+          }
+        },
+      },
+      useDismissProps: {
+        enabled:
+          aiMenuState === "closed" || aiMenuState.status === "user-input",
+        // We should just be able to set `referencePress: true` instead of
+        // using this listener, but this doesn't seem to trigger.
+        // (probably because we don't assign the referenceProps to the reference element)
+        outsidePress: (event) => {
+          if (event.target instanceof Element) {
+            const blockElement = event.target.closest(".bn-block");
+            if (
+              blockElement &&
+              blockElement.getAttribute("data-id") === blockId
+            ) {
+              ai.closeAIMenu();
+            }
+          }
+
+          return true;
+        },
+      },
+      elementProps: {
+        style: {
+          zIndex: 100,
+        },
+      },
+      ...props.floatingUIOptions,
+    }),
+    [ai, aiMenuState, blockId, props.floatingUIOptions],
+  );
+
   const Component = props.aiMenu || AIMenu;
 
   return (
-    <BlockPositioner
-      canDismissViaOutsidePress={
-        aiMenuState === "closed" || aiMenuState.status === "user-input"
-      }
-      blockID={blockId}
-      onOpenChange={(open) => {
-        if (open || aiMenuState === "closed") {
-          return;
-        }
-        if (aiMenuState.status === "user-input") {
-          ai.closeAIMenu();
-        } else if (
-          aiMenuState.status === "user-reviewing" ||
-          aiMenuState.status === "error"
-        ) {
-          ai.rejectChanges();
-        }
-      }}
-    >
-      <Component />
-    </BlockPositioner>
+    <BlockPopover blockId={blockId} {...floatingUIOptions}>
+      {aiMenuState !== "closed" && <Component />}
+    </BlockPopover>
   );
 };

package/src/components/AIMenu/PromptSuggestionMenu.tsx

@@ -1,4 +1,5 @@
-import { filterSuggestionItems, mergeCSSClasses } from "@blocknote/core";
+import { mergeCSSClasses } from "@blocknote/core";
+import { filterSuggestionItems } from "@blocknote/core/extensions";
 import {
   DefaultReactSuggestionItem,
   useComponentsContext,
@@ -111,7 +112,8 @@ export const PromptSuggestionMenu = (props: PromptSuggestionMenuProps) => {
       </Components.Generic.Form.Root>
       <Components.SuggestionMenu.Root
         className={"bn-combobox-items"}
-        id={"ai-suggestion-menu"}>
+        id={"ai-suggestion-menu"}
+      >
         {items.map((item, i) => (
           <Components.SuggestionMenu.Item
             key={item.title}

package/src/components/AIMenu/getDefaultAIMenuItems.tsx

@@ -18,7 +18,7 @@ import {
   RiTextWrap,
 } from "react-icons/ri";
 
-import { getAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { aiDocumentFormats } from "../../api/index.js";
 import { getAIDictionary } from "../../i18n/dictionary.js";
 
@@ -40,7 +40,10 @@ function getDefaultAIMenuItemsWithoutSelection<
   S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>): AIMenuSuggestionItem[] {
   const dict = getAIDictionary(editor);
-  const ai = getAIExtension(editor);
+  const ai = editor.getExtension(AIExtension);
+  if (!ai) {
+    return [];
+  }
   return [
     {
       key: "continue_writing",
@@ -128,7 +131,10 @@ function getDefaultAIMenuItemsWithSelection<
 >(editor: BlockNoteEditor<BSchema, I, S>): AIMenuSuggestionItem[] {
   const dict = getAIDictionary(editor);
 
-  const ai = getAIExtension(editor);
+  const ai = editor.getExtension(AIExtension);
+  if (!ai) {
+    return [];
+  }
 
   return [
     {
@@ -216,7 +222,10 @@ function getDefaultAIMenuItemsForReview<
   S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>): AIMenuSuggestionItem[] {
   const dict = getAIDictionary(editor);
-  const ai = getAIExtension(editor);
+  const ai = editor.getExtension(AIExtension);
+  if (!ai) {
+    return [];
+  }
 
   return [
     {
@@ -251,7 +260,10 @@ function getDefaultAIMenuItemsForError<
   S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>): AIMenuSuggestionItem[] {
   const dict = getAIDictionary(editor);
-  const ai = getAIExtension(editor);
+  const ai = editor.getExtension(AIExtension);
+  if (!ai) {
+    return [];
+  }
 
   return [
     {

package/src/components/FormattingToolbar/AIToolbarButton.tsx

@@ -1,10 +1,11 @@
 import { BlockSchema, InlineContentSchema, StyleSchema } from "@blocknote/core";
-import { useComponentsContext } from "@blocknote/react";
+import { FormattingToolbarExtension } from "@blocknote/core/extensions";
+import { useComponentsContext, useExtension } from "@blocknote/react";
 import { RiSparkling2Fill } from "react-icons/ri";
 
 import { useBlockNoteEditor } from "@blocknote/react";
 
-import { getAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { useAIDictionary } from "../../i18n/useAIDictionary.js";
 
 export const AIToolbarButton = () => {
@@ -17,16 +18,19 @@ export const AIToolbarButton = () => {
     StyleSchema
   >();
 
-  const ai = getAIExtension(editor);
+  const ai = useExtension(AIExtension);
+  const formattingToolbar = useExtension(FormattingToolbarExtension);
 
   const onClick = () => {
-    editor.formattingToolbar.closeMenu();
     const selection = editor.getSelection();
     if (!selection) {
       throw new Error("No selection");
     }
+
     const position = selection.blocks[selection.blocks.length - 1].id;
+
     ai.openAIMenuAtBlock(position);
+    formattingToolbar.store.setState(false);
   };
 
   if (!editor.isEditable) {

package/src/components/SuggestionMenu/getAISlashMenuItems.tsx

@@ -7,7 +7,7 @@ import {
 import { DefaultReactSuggestionItem } from "@blocknote/react";
 import { RiSparkling2Fill } from "react-icons/ri";
 
-import { getAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { getAIDictionary } from "../../i18n/dictionary.js";
 const Icons = {
   AI: RiSparkling2Fill,
@@ -21,7 +21,10 @@ export function getAISlashMenuItems<
   I extends InlineContentSchema,
   S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>): DefaultReactSuggestionItem[] {
-  const ai = getAIExtension(editor);
+  const ai = editor.getExtension(AIExtension);
+  if (!ai) {
+    return [];
+  }
   const items = [
     {
       key: "ai",

package/src/index.ts

@@ -5,7 +5,6 @@ export * from "./api/index.js";
 export * from "./blocknoteAIClient/client.js";
 export * from "./components/AIMenu/AIMenu.js";
 export * from "./components/AIMenu/AIMenuController.js";
-export * from "./components/AIMenu/BlockPositioner.js";
 export * from "./components/AIMenu/getDefaultAIMenuItems.js";
 export * from "./components/AIMenu/PromptSuggestionMenu.js";
 export * from "./components/FormattingToolbar/AIToolbarButton.js";

package/src/prosemirror/agent.test.ts

@@ -2,7 +2,7 @@ import { BlockNoteEditor, getBlockInfo, getNodeById } from "@blocknote/core";
 import { Fragment, Slice } from "prosemirror-model";
 import { ReplaceStep, Transform } from "prosemirror-transform";
 import { describe, expect, it } from "vitest";
-import { getAIExtension } from "../AIExtension.js";
+import { AIExtension } from "../AIExtension.js";
 import {
   DocumentOperationTestCase,
   getExpectedEditor,
@@ -247,7 +247,7 @@ async function executeTestCase(
   validateRejectingResultsInOriginalDoc(editor, doc);
   expect(results).toMatchSnapshot();
 
-  getAIExtension(editor).acceptChanges();
+  editor.getExtension(AIExtension)?.acceptChanges();
   expect(editor.document).toEqual(getExpectedEditor(test).document);
 
   return results;

package/src/testUtil/cases/editors/blockFormatting.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { createAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 import { schemaWithMention as schema } from "../schemas/mention.js";
 
 export function getEditorWithBlockFormatting() {
@@ -22,7 +22,7 @@ export function getEditorWithBlockFormatting() {
     ],
     trailingBlock: false,
     schema,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   return editor;
 }

package/src/testUtil/cases/editors/emptyEditor.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { createAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 
 export function getEmptyEditor() {
   const editor = BlockNoteEditor.create({
@@ -10,7 +10,7 @@ export function getEmptyEditor() {
       },
     ],
     trailingBlock: false,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   return editor;
 }

package/src/testUtil/cases/editors/formattingAndMentions.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { createAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 import { schemaWithMention as schema } from "../schemas/mention.js";
 
 export function getEditorWithFormattingAndMentions() {
@@ -72,7 +72,7 @@ export function getEditorWithFormattingAndMentions() {
     ],
     trailingBlock: false,
     schema,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   return editor;
 }

package/src/testUtil/cases/editors/simpleEditor.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { createAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 import { schemaWithMention as schema } from "../schemas/mention.js";
 
 export function getSimpleEditor() {
@@ -16,7 +16,7 @@ export function getSimpleEditor() {
     ],
     trailingBlock: false,
     schema,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   return editor;
 }
@@ -39,7 +39,7 @@ export function getSimpleEditorWithCursorBetweenBlocks() {
     ],
     trailingBlock: false,
     schema,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   editor.setTextCursorPosition("ref2");
   return editor;

package/src/testUtil/cases/editors/tables.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor } from "@blocknote/core";
-import { createAIExtension } from "../../../AIExtension.js";
+import { AIExtension } from "../../../AIExtension.js";
 import { schemaWithMention as schema } from "../schemas/mention.js";
 
 export function getEditorWithTables() {
@@ -38,7 +38,7 @@ export function getEditorWithTables() {
     ],
     schema,
     trailingBlock: false,
-    extensions: [createAIExtension({})],
+    extensions: [AIExtension()],
   });
   return editor;
 }

package/src/testUtil/cases/updateOperationTestCases.ts

@@ -1,5 +1,5 @@
 import { BlockNoteEditor, getBlockInfo, getNodeById } from "@blocknote/core";
-import { createAIExtension } from "../../AIExtension.js";
+import { AIExtension } from "../../AIExtension.js";
 import { getEditorWithBlockFormatting } from "./editors/blockFormatting.js";
 import { getEditorWithFormattingAndMentions } from "./editors/formattingAndMentions.js";
 import { DocumentOperationTestCase } from "./index.js";
@@ -683,7 +683,7 @@ export const updateOperationTestCases: DocumentOperationTestCase[] = [
           },
         ],
         schema,
-        extensions: [createAIExtension({})],
+        extensions: [AIExtension()],
       });
       return editor;
     },
@@ -736,7 +736,7 @@ export const updateOperationTestCases: DocumentOperationTestCase[] = [
           },
         ],
         schema,
-        extensions: [createAIExtension({})],
+        extensions: [AIExtension()],
       });
       return editor;
     },
@@ -771,7 +771,7 @@ export const updateOperationTestCases: DocumentOperationTestCase[] = [
           },
         ],
         schema,
-        extensions: [createAIExtension({})],
+        extensions: [AIExtension()],
       });
       return editor;
     },

package/types/src/AIExtension.d.ts

@@ -1,7 +1,5 @@
-import { BlockNoteEditor, BlockNoteExtension } from "@blocknote/core";
-import { createStore, StoreApi } from "zustand/vanilla";
+import { Plugin } from "prosemirror-state";
 import { AIRequestHelpers, InvokeAIOptions } from "./types.js";
-type ReadonlyStoreApi<T> = Pick<StoreApi<T>, "getState" | "getInitialState" | "subscribe">;
 type AIPluginState = {
     aiMenuState: ({
         /**
@@ -16,58 +14,53 @@ type AIPluginState = {
         status: "user-input" | "thinking" | "ai-writing" | "user-reviewing";
     })) | "closed";
 };
-export declare class AIExtension extends BlockNoteExtension {
-    readonly editor: BlockNoteEditor<any, any, any>;
-    private chatSession;
-    private scrollInProgress;
-    private autoScroll;
-    static key(): string;
-    private readonly _store;
+export declare const AIExtension: (options?: (AIRequestHelpers & {
     /**
-     * Returns a read-only zustand store with the state of the AI Extension
-     */
-    get store(): ReadonlyStoreApi<AIPluginState>;
-    /**
-     * Returns a zustand store with the global configuration of the AI Extension.
-     * These options are used by default across all LLM calls when calling {@link executeLLMRequest}
-     */
-    readonly options: ReturnType<ReturnType<typeof createStore<AIRequestHelpers>>>;
-    /**
-     * @internal use `createAIExtension` instead
+     * The name and color of the agent cursor
+     *
+     * @default { name: "AI", color: "#8bc6ff" }
      */
-    constructor(editor: BlockNoteEditor<any, any, any>, options: AIRequestHelpers & {
-        /**
-         * The name and color of the agent cursor
-         *
-         * @default { name: "AI", color: "#8bc6ff" }
-         */
-        agentCursor?: {
-            name: string;
-            color: string;
-        };
-    });
+    agentCursor?: {
+        name: string;
+        color: string;
+    };
+}) | undefined) => import("@blocknote/core").ExtensionFactoryInstance<{
+    readonly key: "ai";
+    readonly options: import("@tanstack/store").Store<AIRequestHelpers, (cb: AIRequestHelpers) => AIRequestHelpers>;
+    readonly store: import("@tanstack/store").Store<AIPluginState, (cb: AIPluginState) => AIPluginState>;
+    readonly mount: ({ signal }: {
+        signal: AbortSignal;
+    }) => void;
+    readonly prosemirrorPlugins: readonly [Plugin<any>, Plugin<{
+        enabled: boolean;
+    }>, Plugin<{
+        selection: {
+            anchor: number;
+            head: number;
+        } | undefined;
+    }>];
     /**
      * Open the AI menu at a specific block
      */
-    openAIMenuAtBlock(blockID: string): void;
+    readonly openAIMenuAtBlock: (blockID: string) => void;
     /**
      * Close the AI menu
      */
-    closeAIMenu(): void;
+    readonly closeAIMenu: () => void;
     /**
      * Accept the changes made by the LLM
      */
-    acceptChanges(): void;
+    readonly acceptChanges: () => void;
     /**
      * Reject the changes made by the LLM
      */
-    rejectChanges(): void;
+    readonly rejectChanges: () => void;
     /**
      * Retry the previous LLM call.
      *
      * Only valid if the current status is "error"
      */
-    retry(): Promise<void>;
+    readonly retry: () => Promise<void>;
     /**
      * Update the status of a call to an LLM
      *
@@ -75,25 +68,17 @@ export declare class AIExtension extends BlockNoteExtension {
      * if you want to implement how an LLM call is executed. Usually, you should
      * use {@link executeLLMRequest} instead which will handle the status updates for you.
      */
-    setAIResponseStatus(status: "user-input" | "thinking" | "ai-writing" | "user-reviewing" | {
+    readonly setAIResponseStatus: (status: "user-input" | "thinking" | "ai-writing" | "user-reviewing" | {
         status: "error";
         error: any;
-    }): void;
+    }) => void;
     /**
      * @deprecated Use {@link invokeAI} instead
      */
-    callLLM(opts: InvokeAIOptions): Promise<void>;
+    readonly callLLM: (opts: InvokeAIOptions) => Promise<void>;
     /**
      * Execute a call to an LLM and apply the result to the editor
      */
-    invokeAI(opts: InvokeAIOptions): Promise<void>;
-}
-/**
- * Create a new AIExtension instance, this can be passed to the BlockNote editor via the `extensions` option
- */
-export declare function createAIExtension(options: ConstructorParameters<typeof AIExtension>[1]): (editor: BlockNoteEditor<any, any, any>) => AIExtension;
-/**
- * Return the AIExtension instance from the editor
- */
-export declare function getAIExtension(editor: BlockNoteEditor<any, any, any>): AIExtension;
+    readonly invokeAI: (opts: InvokeAIOptions) => Promise<void>;
+}>;
 export {};

package/types/src/components/AIMenu/AIMenuController.d.ts

@@ -1,5 +1,7 @@
+import { FloatingUIOptions } from "@blocknote/react";
 import { FC } from "react";
 import { AIMenuProps } from "./AIMenu.js";
 export declare const AIMenuController: (props: {
     aiMenu?: FC<AIMenuProps>;
+    floatingUIOptions?: FloatingUIOptions;
 }) => import("react/jsx-runtime").JSX.Element;

package/types/src/index.d.ts

@@ -4,7 +4,6 @@ export * from "./api/index.js";
 export * from "./blocknoteAIClient/client.js";
 export * from "./components/AIMenu/AIMenu.js";
 export * from "./components/AIMenu/AIMenuController.js";
-export * from "./components/AIMenu/BlockPositioner.js";
 export * from "./components/AIMenu/getDefaultAIMenuItems.js";
 export * from "./components/AIMenu/PromptSuggestionMenu.js";
 export * from "./components/FormattingToolbar/AIToolbarButton.js";