payload-richtext-tiptap 0.0.138 → 0.0.140

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Check, TextQuote, TrashIcon } from "lucide-react";
-import { checkJsonCompletion, formatCompletion } from "../../../panels/AIEditorPanel/utils.js";
-import { Toolbar } from "../../../ui/Toolbar.js";
+import { Check, TextQuote, TrashIcon } from 'lucide-react';
+import { Toolbar } from '../../../ui/Toolbar.js';
 const AICompletionCommands = ({ completion, onDiscard, editor })=>{
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
@@ -13,7 +12,7 @@ const AICompletionCommands = ({ completion, onDiscard, editor })=>{
                     editor.chain().focus().insertContentAt({
                         from: selection.from,
                         to: selection.to
-                    }, checkJsonCompletion(completion) ? formatCompletion(completion) : completion).run();
+                    }, completion?.content ?? []).run();
                 },
                 children: [
                     /*#__PURE__*/ _jsx(Check, {
@@ -27,7 +26,7 @@ const AICompletionCommands = ({ completion, onDiscard, editor })=>{
                 value: "insert",
                 onClick: ()=>{
                     const selection = editor.view.state.selection;
-                    editor.chain().focus().insertContentAt(selection.to + 1, checkJsonCompletion(completion) ? formatCompletion(completion) : completion).run();
+                    editor.chain().focus().insertContentAt(selection.to + 1, completion?.content ?? []).run();
                 },
                 children: [
                     /*#__PURE__*/ _jsx(TextQuote, {

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"sourcesContent":["import { Editor } from \"@tiptap/react\";\nimport { Check, TextQuote, TrashIcon } from \"lucide-react\";\nimport { checkJsonCompletion, formatCompletion } from \"../../../panels/AIEditorPanel/utils.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\n\nconst AICompletionCommands = ({\n  completion,\n  onDiscard,\n  editor,\n}: {\n  editor: Editor;\n  completion: string;\n  onDiscard: () => void;\n}) => {\n  return (\n    <>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start \"\n        value=\"replace\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(\n              {\n                from: selection.from,\n                to: selection.to,\n              },\n              checkJsonCompletion(completion) ? formatCompletion(completion) : completion\n            )\n            .run();\n        }}\n      >\n        <Check className=\"h-4 w-4 text-muted-foreground\" />\n        Replace selection\n      </Toolbar.Button>\n      <Toolbar.Button\n        className=\"gap-2 px-4 w-full flex justify-start\"\n        value=\"insert\"\n        onClick={() => {\n          const selection = editor.view.state.selection;\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(selection.to + 1,\n              checkJsonCompletion(completion) ? formatCompletion(completion) : completion\n            )\n            .run();\n        }}\n      >\n        <TextQuote className=\"h-4 w-4 text-muted-foreground\" />\n        Insert below\n      </Toolbar.Button>\n      <Toolbar.Divider horizontal />\n\n      <Toolbar.Button\n        onClick={onDiscard}\n        value=\"thrash\"\n        className=\"w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n      >\n        <TrashIcon className=\"h-4 w-4 text-muted-foreground\" />\n        Discard\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AICompletionCommands;\n"],"names":["Check","TextQuote","TrashIcon","checkJsonCompletion","formatCompletion","Toolbar","AICompletionCommands","completion","onDiscard","editor","Button","className","value","onClick","selection","view","state","chain","focus","insertContentAt","from","to","run","Divider","horizontal"],"mappings":";AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAe;AAC3D,SAASC,mBAAmB,EAAEC,gBAAgB,QAAQ,yCAAyC;AAC/F,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,MAAMC,uBAAuB,CAAC,EAC5BC,UAAU,EACVC,SAAS,EACTC,MAAM,EAKP;IACC,qBACE;;0BACE,MAACJ,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAE7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CACd;wBACEC,MAAMN,UAAUM,IAAI;wBACpBC,IAAIP,UAAUO,EAAE;oBAClB,GACAlB,oBAAoBI,cAAcH,iBAAiBG,cAAcA,YAElEe,GAAG;gBACR;;kCAEA,KAACtB;wBAAMW,WAAU;;oBAAkC;;;0BAGrD,MAACN,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAC7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CAACL,UAAUO,EAAE,GAAG,GAC9BlB,oBAAoBI,cAAcH,iBAAiBG,cAAcA,YAElEe,GAAG;gBACR;;kCAEA,KAACrB;wBAAUU,WAAU;;oBAAkC;;;0BAGzD,KAACN,QAAQkB,OAAO;gBAACC,UAAU;;0BAE3B,MAACnB,QAAQK,MAAM;gBACbG,SAASL;gBACTI,OAAM;gBACND,WAAU;;kCAEV,KAACT;wBAAUS,WAAU;;oBAAkC;;;;;AAK/D;AAEA,eAAeL,qBAAqB"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-completion-command.tsx"],"sourcesContent":["import { Editor, JSONContent } from '@tiptap/react'\nimport { Check, TextQuote, TrashIcon } from 'lucide-react'\nimport { Toolbar } from '../../../ui/Toolbar.js'\n\nconst AICompletionCommands = ({\n  completion,\n  onDiscard,\n  editor,\n}: {\n  editor: Editor\n  completion: JSONContent\n  onDiscard: () => void\n}) => {\n  return (\n    <>\n      <Toolbar.Button\n        className='gap-2 px-4 w-full flex justify-start '\n        value='replace'\n        onClick={() => {\n          const selection = editor.view.state.selection\n\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(\n              {\n                from: selection.from,\n                to: selection.to,\n              },\n              completion?.content ?? [],\n            )\n            .run()\n        }}\n      >\n        <Check className='h-4 w-4 text-muted-foreground' />\n        Replace selection\n      </Toolbar.Button>\n      <Toolbar.Button\n        className='gap-2 px-4 w-full flex justify-start'\n        value='insert'\n        onClick={() => {\n          const selection = editor.view.state.selection\n          editor\n            .chain()\n            .focus()\n            .insertContentAt(selection.to + 1, completion?.content ?? [])\n            .run()\n        }}\n      >\n        <TextQuote className='h-4 w-4 text-muted-foreground' />\n        Insert below\n      </Toolbar.Button>\n      <Toolbar.Divider horizontal />\n\n      <Toolbar.Button\n        onClick={onDiscard}\n        value='thrash'\n        className='w-full text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20'\n      >\n        <TrashIcon className='h-4 w-4 text-muted-foreground' />\n        Discard\n      </Toolbar.Button>\n    </>\n  )\n}\n\nexport default AICompletionCommands\n"],"names":["Check","TextQuote","TrashIcon","Toolbar","AICompletionCommands","completion","onDiscard","editor","Button","className","value","onClick","selection","view","state","chain","focus","insertContentAt","from","to","content","run","Divider","horizontal"],"mappings":";AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAc;AAC1D,SAASC,OAAO,QAAQ,yBAAwB;AAEhD,MAAMC,uBAAuB,CAAC,EAC5BC,UAAU,EACVC,SAAS,EACTC,MAAM,EAKP;IACC,qBACE;;0BACE,MAACJ,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAE7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CACd;wBACEC,MAAMN,UAAUM,IAAI;wBACpBC,IAAIP,UAAUO,EAAE;oBAClB,GACAd,YAAYe,WAAW,EAAE,EAE1BC,GAAG;gBACR;;kCAEA,KAACrB;wBAAMS,WAAU;;oBAAkC;;;0BAGrD,MAACN,QAAQK,MAAM;gBACbC,WAAU;gBACVC,OAAM;gBACNC,SAAS;oBACP,MAAMC,YAAYL,OAAOM,IAAI,CAACC,KAAK,CAACF,SAAS;oBAC7CL,OACGQ,KAAK,GACLC,KAAK,GACLC,eAAe,CAACL,UAAUO,EAAE,GAAG,GAAGd,YAAYe,WAAW,EAAE,EAC3DC,GAAG;gBACR;;kCAEA,KAACpB;wBAAUQ,WAAU;;oBAAkC;;;0BAGzD,KAACN,QAAQmB,OAAO;gBAACC,UAAU;;0BAE3B,MAACpB,QAAQK,MAAM;gBACbG,SAASL;gBACTI,OAAM;gBACND,WAAU;;kCAEV,KAACP;wBAAUO,WAAU;;oBAAkC;;;;;AAK/D;AAEA,eAAeL,qBAAoB"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.d.ts

@@ -1,13 +1,13 @@
-import { Editor } from "@tiptap/react";
+import { Editor, JSONContent } from '@tiptap/react';
 interface AISelectorCommandsProps {
     editor: Editor;
-    messages?: string;
+    messages?: JSONContent;
     onSelect: (value: string, options: {
         option: string;
         language?: string;
         selection?: JSON;
     }) => void;
 }
-declare const AISelectorCommands: ({ messages, onSelect, editor, }: AISelectorCommandsProps) => import("react").JSX.Element;
+declare const AISelectorCommands: ({ messages, onSelect, editor }: AISelectorCommandsProps) => import("react").JSX.Element;
 export default AISelectorCommands;
 //# sourceMappingURL=ai-selector-commands.d.ts.map

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAyDvC,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,KAC7D,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,oCAIrB,uBAAuB,gCA+GzB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ai-selector-commands.d.ts","sourceRoot":"","sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAgEnD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,IAAI,CAAA;KAAE,KAC7D,IAAI,CAAA;CACV;AAED,QAAA,MAAM,kBAAkB,mCAAoC,uBAAuB,gCAgHlF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.js

@@ -1,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useLocale } from "@payloadcms/ui/providers/Locale";
-import * as Popover from "@radix-ui/react-popover";
-import i18next from "i18next";
-import { ArrowDownWideNarrow, CheckCheck, ChevronDown, Languages, RefreshCcwDot, StepForward, WrapText } from "lucide-react";
-import { languages } from "../../../../lib/constants.js";
-import { getPrevText } from "../../../../lib/utils/index.js";
-import { DropdownCategoryTitle } from "../../../ui/Dropdown/Dropdown.js";
-import { Icon } from "../../../ui/Icon.js";
-import { Surface } from "../../../ui/Surface.js";
-import { Toolbar } from "../../../ui/Toolbar.js";
-import { useMemo } from "react";
+import { useLocale } from '@payloadcms/ui/providers/Locale';
+import * as Popover from '@radix-ui/react-popover';
+import i18next from 'i18next';
+import { ArrowDownWideNarrow, BookText, CheckCheck, ChevronDown, Languages, RefreshCcwDot, StepForward, WrapText } from 'lucide-react';
+import { languages } from '../../../../lib/constants.js';
+import { getPrevText } from '../../../../lib/utils/index.js';
+import { DropdownCategoryTitle } from '../../../ui/Dropdown/Dropdown.js';
+import { Icon } from '../../../ui/Icon.js';
+import { Surface } from '../../../ui/Surface.js';
+import { Toolbar } from '../../../ui/Toolbar.js';
+import { useMemo } from 'react';
+import { extractMarkdown } from '../../../../lib/extract.js';
 const options = [
     // {
     //   value: 'translate',
@@ -17,33 +18,38 @@ const options = [
     //   icon: WrapText,
     // },
     {
-        value: "summarize",
-        label: "Summarize text",
-        icon: WrapText
+        value: 'improve',
+        label: 'Improve writing',
+        icon: RefreshCcwDot
     },
     {
-        value: "rewrite",
-        label: "Rewrite into Axios",
-        icon: WrapText
+        value: 'fix',
+        label: 'Fix grammar',
+        icon: CheckCheck
     },
     {
-        value: "improve",
-        label: "Improve writing",
-        icon: RefreshCcwDot
+        value: 'rewrite_with_guidelines',
+        label: 'Rewrite per Editorial Guidelines',
+        icon: BookText
     },
     {
-        value: "fix",
-        label: "Fix grammar",
-        icon: CheckCheck
+        value: 'rewrite',
+        label: 'Rewrite into Axios',
+        icon: WrapText
+    },
+    {
+        value: 'summarize',
+        label: 'Summarize text',
+        icon: WrapText
     },
     {
-        value: "shorter",
-        label: "Make shorter",
+        value: 'shorter',
+        label: 'Make shorter',
         icon: ArrowDownWideNarrow
     },
     {
-        value: "longer",
-        label: "Make longer",
+        value: 'longer',
+        label: 'Make longer',
         icon: WrapText
     }
 ];
@@ -74,7 +80,7 @@ const AISelectorCommands = ({ messages, onSelect, editor })=>{
                             className: "gap-2 px-4 w-full flex justify-start ",
                             type: "button",
                             // active={!!states.currentHighlight}
-                            tooltip: i18next.t("highlightText") || "Highlight text",
+                            tooltip: i18next.t('highlightText') || 'Highlight text',
                             children: [
                                 /*#__PURE__*/ _jsx(Icon, {
                                     icon: Languages,
@@ -106,8 +112,8 @@ const AISelectorCommands = ({ messages, onSelect, editor })=>{
                                 sortedLanguages.map((lang)=>/*#__PURE__*/ _jsx(Toolbar.Button, {
                                         onClick: ()=>{
                                             const editorSelection = editor.state.selection.content().content.toJSON();
-                                            onSelect("", {
-                                                option: "translate",
+                                            onSelect('', {
+                                                option: 'translate',
                                                 language: lang.value,
                                                 selection: editorSelection
                                             });
@@ -129,10 +135,10 @@ const AISelectorCommands = ({ messages, onSelect, editor })=>{
                     onClick: ()=>{
                         const { from, to, empty } = editor.state.selection;
                         const editorSelection = editor.state.selection.content().content.toJSON();
-                        const content = messages ? messages ?? "" : editor.state.doc.textBetween(from, to, " ");
+                        const content = messages ? extractMarkdown(messages) ?? '' : editor.state.doc.textBetween(from, to, ' ');
                         onSelect(content, {
                             option: option.value,
-                            language: editor?.storage?.aiCommand?.language ?? code ?? "en"
+                            language: editor?.storage?.aiCommand?.language ?? code ?? 'en'
                         });
                     },
                     className: " gap-2 px-4 w-full flex justify-start",
@@ -157,12 +163,12 @@ const AISelectorCommands = ({ messages, onSelect, editor })=>{
             /*#__PURE__*/ _jsxs(Toolbar.Button, {
                 onClick: ()=>{
                     const editorSelection = editor.state.selection.content().content.toJSON();
-                    const text = messages ? messages : getPrevText(editor, {
+                    const text = messages ? extractMarkdown(messages) ?? '' : getPrevText(editor, {
                         chars: 5000
                     });
                     onSelect(text, {
-                        option: "continue",
-                        language: editor?.storage?.aiCommand?.language ?? code ?? "en"
+                        option: 'continue',
+                        language: editor?.storage?.aiCommand?.language ?? code ?? 'en'
                     });
                 },
                 value: "continue",

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"sourcesContent":["import { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport { Editor } from \"@tiptap/react\";\nimport i18next from \"i18next\";\nimport {\n  ArrowDownWideNarrow,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from \"lucide-react\";\nimport { languages } from \"../../../../lib/constants.js\";\nimport { getPrevText } from \"../../../../lib/utils/index.js\";\nimport { DropdownCategoryTitle } from \"../../../ui/Dropdown/Dropdown.js\";\nimport { Icon } from \"../../../ui/Icon.js\";\nimport { Surface } from \"../../../ui/Surface.js\";\nimport { Toolbar } from \"../../../ui/Toolbar.js\";\nimport { useMemo } from \"react\";\nconst options = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: \"summarize\",\n    label: \"Summarize text\",\n    icon: WrapText,\n  },\n  {\n    value: \"rewrite\",\n    label: \"Rewrite into Axios\",\n    icon: WrapText,\n  },\n  {\n    value: \"improve\",\n    label: \"Improve writing\",\n    icon: RefreshCcwDot,\n  },\n\n  {\n    value: \"fix\",\n    label: \"Fix grammar\",\n    icon: CheckCheck,\n  },\n  {\n    value: \"shorter\",\n    label: \"Make shorter\",\n    icon: ArrowDownWideNarrow,\n  },\n  {\n    value: \"longer\",\n    label: \"Make longer\",\n    icon: WrapText,\n  },\n];\n\ninterface AISelectorCommandsProps {\n  editor: Editor;\n  messages?: string;\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string, selection?: JSON }\n  ) => void;\n}\n\nconst AISelectorCommands = ({\n  messages,\n  onSelect,\n  editor,\n}: AISelectorCommandsProps) => {\n  const { code } = useLocale();\n  const editorSelection = editor?.state?.selection?.content?.()?.content?.toJSON()\n  const sortedLanguages = useMemo(() => {\n    const editorLanguage = editor.storage?.aiCommand?.language\n    return languages.sort((a, b) => {\n      if (editorLanguage?.includes(a.value)) return -1;\n      if (editorLanguage?.includes(b.value)) return 1;\n      return 0;\n    })\n  },[languages, editor.storage?.aiCommand?.language]);\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      {editorSelection && <Popover.Root>\n        <Popover.Trigger asChild>\n          <Toolbar.Button\n            className=\"gap-2 px-4 w-full flex justify-start \"\n            type=\"button\"\n            // active={!!states.currentHighlight}\n            tooltip={i18next.t(\"highlightText\") || \"Highlight text\"}\n          >\n            <Icon icon={Languages} className=\"h-4 w-4 text-blue-500\" />\n            Translate text\n            <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n              Beta\n            </span>\n            <Icon icon={ChevronDown} className=\"h-4 w-4 text-blue-500\" />\n          </Toolbar.Button>\n        </Popover.Trigger>\n        <Popover.Content side=\"right\" align=\"start\" sideOffset={8} asChild>\n          <Surface className=\"flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto\">\n            <DropdownCategoryTitle>Languages</DropdownCategoryTitle>\n\n            {sortedLanguages.map((lang) => (\n              <Toolbar.Button\n                onClick={() => {\n                  const editorSelection = editor.state.selection.content().content.toJSON()\n\n                  onSelect(\"\", {\n                    option: \"translate\",\n                    language: lang.value,\n                    selection: editorSelection\n                  });\n                }}\n                className=\"gap-2 px-4 w-full flex justify-start \"\n                key={lang.value}\n              >\n                {lang.label}\n              </Toolbar.Button>\n            ))}\n          </Surface>\n        </Popover.Content>\n      </Popover.Root>}\n\n      {options.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor?.storage?.markdown?.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection;\n            const editorSelection = editor.state.selection.content().content.toJSON()\n\n            const content = messages\n              ? messages ?? \"\"\n              : editor.state.doc.textBetween(from, to, \" \");\n            onSelect(content, {\n              option: option.value,\n              language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n            });\n          }}\n          className=\" gap-2 px-4 w-full flex justify-start\"\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className=\"h-4 w-4 text-blue-500\" />\n          {option.label}\n          <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n            Beta\n          </span>\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const editorSelection = editor.state.selection.content().content.toJSON()\n\n          const text = messages\n            ? messages\n            : getPrevText(editor, { chars: 5000 });\n          onSelect(text, {\n            option: \"continue\",\n            language: editor?.storage?.aiCommand?.language ?? code ?? \"en\",\n          });\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <StepForward className=\"h-4 w-4 text-blue-500\" />\n        Continue writing\n        <span className=\"text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline\">\n          Beta\n        </span>\n      </Toolbar.Button>\n    </>\n  );\n};\n\nexport default AISelectorCommands;\n"],"names":["useLocale","Popover","i18next","ArrowDownWideNarrow","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","useMemo","options","value","label","icon","AISelectorCommands","messages","onSelect","editor","code","editorSelection","state","selection","content","toJSON","sortedLanguages","editorLanguage","storage","aiCommand","language","sort","a","b","includes","Root","Trigger","asChild","Button","className","type","tooltip","t","span","Content","side","align","sideOffset","map","lang","onClick","option","from","to","empty","doc","textBetween","Divider","horizontal","text","chars"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/components/ai-selector-commands.tsx"],"sourcesContent":["import { useLocale } from '@payloadcms/ui/providers/Locale'\nimport * as Popover from '@radix-ui/react-popover'\nimport { Editor, JSONContent } from '@tiptap/react'\nimport i18next from 'i18next'\nimport {\n  ArrowDownWideNarrow,\n  BookText,\n  CheckCheck,\n  ChevronDown,\n  Languages,\n  RefreshCcwDot,\n  StepForward,\n  WrapText,\n} from 'lucide-react'\nimport { languages } from '../../../../lib/constants.js'\nimport { getPrevText } from '../../../../lib/utils/index.js'\nimport { DropdownCategoryTitle } from '../../../ui/Dropdown/Dropdown.js'\nimport { Icon } from '../../../ui/Icon.js'\nimport { Surface } from '../../../ui/Surface.js'\nimport { Toolbar } from '../../../ui/Toolbar.js'\nimport { useMemo } from 'react'\nimport { extractMarkdown } from '../../../../lib/extract.js'\nconst options = [\n  // {\n  //   value: 'translate',\n  //   label: 'Translate text',\n  //   icon: WrapText,\n  // },\n  {\n    value: 'improve',\n    label: 'Improve writing',\n    icon: RefreshCcwDot,\n  },\n  {\n    value: 'fix',\n    label: 'Fix grammar',\n    icon: CheckCheck,\n  },\n  {\n    value: 'rewrite_with_guidelines',\n    label: 'Rewrite per Editorial Guidelines',\n    icon: BookText,\n  },\n  {\n    value: 'rewrite',\n    label: 'Rewrite into Axios',\n    icon: WrapText,\n  },\n\n  {\n    value: 'summarize',\n    label: 'Summarize text',\n    icon: WrapText,\n  },\n  {\n    value: 'shorter',\n    label: 'Make shorter',\n    icon: ArrowDownWideNarrow,\n  },\n  {\n    value: 'longer',\n    label: 'Make longer',\n    icon: WrapText,\n  },\n]\n\ninterface AISelectorCommandsProps {\n  editor: Editor\n  messages?: JSONContent\n  onSelect: (\n    value: string,\n    options: { option: string; language?: string; selection?: JSON },\n  ) => void\n}\n\nconst AISelectorCommands = ({ messages, onSelect, editor }: AISelectorCommandsProps) => {\n  const { code } = useLocale()\n  const editorSelection = editor?.state?.selection?.content?.()?.content?.toJSON()\n  const sortedLanguages = useMemo(() => {\n    const editorLanguage = editor.storage?.aiCommand?.language\n    return languages.sort((a, b) => {\n      if (editorLanguage?.includes(a.value)) return -1\n      if (editorLanguage?.includes(b.value)) return 1\n      return 0\n    })\n  }, [languages, editor.storage?.aiCommand?.language])\n\n  return (\n    <>\n      <DropdownCategoryTitle>Edit or review selection</DropdownCategoryTitle>\n      {editorSelection && (\n        <Popover.Root>\n          <Popover.Trigger asChild>\n            <Toolbar.Button\n              className='gap-2 px-4 w-full flex justify-start '\n              type='button'\n              // active={!!states.currentHighlight}\n              tooltip={i18next.t('highlightText') || 'Highlight text'}\n            >\n              <Icon icon={Languages} className='h-4 w-4 text-blue-500' />\n              Translate text\n              <span className='text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline'>\n                Beta\n              </span>\n              <Icon icon={ChevronDown} className='h-4 w-4 text-blue-500' />\n            </Toolbar.Button>\n          </Popover.Trigger>\n          <Popover.Content side='right' align='start' sideOffset={8} asChild>\n            <Surface className='flex flex-col min-w-[15rem] p-2 max-h-[20rem] overflow-auto'>\n              <DropdownCategoryTitle>Languages</DropdownCategoryTitle>\n\n              {sortedLanguages.map((lang) => (\n                <Toolbar.Button\n                  onClick={() => {\n                    const editorSelection = editor.state.selection.content().content.toJSON()\n\n                    onSelect('', {\n                      option: 'translate',\n                      language: lang.value,\n                      selection: editorSelection,\n                    })\n                  }}\n                  className='gap-2 px-4 w-full flex justify-start '\n                  key={lang.value}\n                >\n                  {lang.label}\n                </Toolbar.Button>\n              ))}\n            </Surface>\n          </Popover.Content>\n        </Popover.Root>\n      )}\n\n      {options.map((option) => (\n        <Toolbar.Button\n          // onSelect={(value) => {\n          //   const slice = editor.state.selection.content()\n          //   const text = editor?.storage?.markdown?.serializer.serialize(slice.content)\n          //   onSelect(text, option.value)\n          // }}\n          onClick={() => {\n            const { from, to, empty } = editor.state.selection\n            const editorSelection = editor.state.selection.content().content.toJSON()\n            const content = messages\n              ? (extractMarkdown(messages) ?? '')\n              : editor.state.doc.textBetween(from, to, ' ')\n            onSelect(content, {\n              option: option.value,\n              language: editor?.storage?.aiCommand?.language ?? code ?? 'en',\n            })\n          }}\n          className=' gap-2 px-4 w-full flex justify-start'\n          key={option.value}\n          value={option.value}\n        >\n          <option.icon className='h-4 w-4 text-blue-500' />\n          {option.label}\n          <span className='text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline'>\n            Beta\n          </span>\n        </Toolbar.Button>\n      ))}\n      <Toolbar.Divider horizontal />\n      <DropdownCategoryTitle>Use AI to do more</DropdownCategoryTitle>\n      <Toolbar.Button\n        onClick={() => {\n          const editorSelection = editor.state.selection.content().content.toJSON()\n\n          const text = messages\n            ? (extractMarkdown(messages) ?? '')\n            : getPrevText(editor, { chars: 5000 })\n          onSelect(text, {\n            option: 'continue',\n            language: editor?.storage?.aiCommand?.language ?? code ?? 'en',\n          })\n        }}\n        value='continue'\n        className='gap-2 px-4 w-full flex justify-start'\n      >\n        <StepForward className='h-4 w-4 text-blue-500' />\n        Continue writing\n        <span className='text-xs ml-1 px-2 py-0.5 bg-blue-100 text-blue-700 rounded-full dark:bg-blue-700 dark:text-blue-100 align-baseline'>\n          Beta\n        </span>\n      </Toolbar.Button>\n    </>\n  )\n}\n\nexport default AISelectorCommands\n"],"names":["useLocale","Popover","i18next","ArrowDownWideNarrow","BookText","CheckCheck","ChevronDown","Languages","RefreshCcwDot","StepForward","WrapText","languages","getPrevText","DropdownCategoryTitle","Icon","Surface","Toolbar","useMemo","extractMarkdown","options","value","label","icon","AISelectorCommands","messages","onSelect","editor","code","editorSelection","state","selection","content","toJSON","sortedLanguages","editorLanguage","storage","aiCommand","language","sort","a","b","includes","Root","Trigger","asChild","Button","className","type","tooltip","t","span","Content","side","align","sideOffset","map","lang","onClick","option","from","to","empty","doc","textBetween","Divider","horizontal","text","chars"],"mappings":";AAAA,SAASA,SAAS,QAAQ,kCAAiC;AAC3D,YAAYC,aAAa,0BAAyB;AAElD,OAAOC,aAAa,UAAS;AAC7B,SACEC,mBAAmB,EACnBC,QAAQ,EACRC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,aAAa,EACbC,WAAW,EACXC,QAAQ,QACH,eAAc;AACrB,SAASC,SAAS,QAAQ,+BAA8B;AACxD,SAASC,WAAW,QAAQ,iCAAgC;AAC5D,SAASC,qBAAqB,QAAQ,mCAAkC;AACxE,SAASC,IAAI,QAAQ,sBAAqB;AAC1C,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,OAAO,QAAQ,yBAAwB;AAChD,SAASC,OAAO,QAAQ,QAAO;AAC/B,SAASC,eAAe,QAAQ,6BAA4B;AAC5D,MAAMC,UAAU;IACd,IAAI;IACJ,wBAAwB;IACxB,6BAA6B;IAC7B,oBAAoB;IACpB,KAAK;IACL;QACEC,OAAO;QACPC,OAAO;QACPC,MAAMd;IACR;IACA;QACEY,OAAO;QACPC,OAAO;QACPC,MAAMjB;IACR;IACA;QACEe,OAAO;QACPC,OAAO;QACPC,MAAMlB;IACR;IACA;QACEgB,OAAO;QACPC,OAAO;QACPC,MAAMZ;IACR;IAEA;QACEU,OAAO;QACPC,OAAO;QACPC,MAAMZ;IACR;IACA;QACEU,OAAO;QACPC,OAAO;QACPC,MAAMnB;IACR;IACA;QACEiB,OAAO;QACPC,OAAO;QACPC,MAAMZ;IACR;CACD;AAWD,MAAMa,qBAAqB,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAA2B;IACjF,MAAM,EAAEC,IAAI,EAAE,GAAG3B;IACjB,MAAM4B,kBAAkBF,QAAQG,OAAOC,WAAWC,aAAaA,SAASC;IACxE,MAAMC,kBAAkBhB,QAAQ;QAC9B,MAAMiB,iBAAiBR,OAAOS,OAAO,EAAEC,WAAWC;QAClD,OAAO1B,UAAU2B,IAAI,CAAC,CAACC,GAAGC;YACxB,IAAIN,gBAAgBO,SAASF,EAAEnB,KAAK,GAAG,OAAO,CAAC;YAC/C,IAAIc,gBAAgBO,SAASD,EAAEpB,KAAK,GAAG,OAAO;YAC9C,OAAO;QACT;IACF,GAAG;QAACT;QAAWe,OAAOS,OAAO,EAAEC,WAAWC;KAAS;IAEnD,qBACE;;0BACE,KAACxB;0BAAsB;;YACtBe,iCACC,MAAC3B,QAAQyC,IAAI;;kCACX,KAACzC,QAAQ0C,OAAO;wBAACC,OAAO;kCACtB,cAAA,MAAC5B,QAAQ6B,MAAM;4BACbC,WAAU;4BACVC,MAAK;4BACL,qCAAqC;4BACrCC,SAAS9C,QAAQ+C,CAAC,CAAC,oBAAoB;;8CAEvC,KAACnC;oCAAKQ,MAAMf;oCAAWuC,WAAU;;gCAA0B;8CAE3D,KAACI;oCAAKJ,WAAU;8CAAqH;;8CAGrI,KAAChC;oCAAKQ,MAAMhB;oCAAawC,WAAU;;;;;kCAGvC,KAAC7C,QAAQkD,OAAO;wBAACC,MAAK;wBAAQC,OAAM;wBAAQC,YAAY;wBAAGV,OAAO;kCAChE,cAAA,MAAC7B;4BAAQ+B,WAAU;;8CACjB,KAACjC;8CAAsB;;gCAEtBoB,gBAAgBsB,GAAG,CAAC,CAACC,qBACpB,KAACxC,QAAQ6B,MAAM;wCACbY,SAAS;4CACP,MAAM7B,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;4CAEvEP,SAAS,IAAI;gDACXiC,QAAQ;gDACRrB,UAAUmB,KAAKpC,KAAK;gDACpBU,WAAWF;4CACb;wCACF;wCACAkB,WAAU;kDAGTU,KAAKnC,KAAK;uCAFNmC,KAAKpC,KAAK;;;;;;YAU1BD,QAAQoC,GAAG,CAAC,CAACG,uBACZ,MAAC1C,QAAQ6B,MAAM;oBACb,yBAAyB;oBACzB,mDAAmD;oBACnD,gFAAgF;oBAChF,iCAAiC;oBACjC,KAAK;oBACLY,SAAS;wBACP,MAAM,EAAEE,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAE,GAAGnC,OAAOG,KAAK,CAACC,SAAS;wBAClD,MAAMF,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;wBACvE,MAAMD,UAAUP,WACXN,gBAAgBM,aAAa,KAC9BE,OAAOG,KAAK,CAACiC,GAAG,CAACC,WAAW,CAACJ,MAAMC,IAAI;wBAC3CnC,SAASM,SAAS;4BAChB2B,QAAQA,OAAOtC,KAAK;4BACpBiB,UAAUX,QAAQS,SAASC,WAAWC,YAAYV,QAAQ;wBAC5D;oBACF;oBACAmB,WAAU;oBAEV1B,OAAOsC,OAAOtC,KAAK;;sCAEnB,KAACsC,OAAOpC,IAAI;4BAACwB,WAAU;;wBACtBY,OAAOrC,KAAK;sCACb,KAAC6B;4BAAKJ,WAAU;sCAAqH;;;mBALhIY,OAAOtC,KAAK;0BAUrB,KAACJ,QAAQgD,OAAO;gBAACC,UAAU;;0BAC3B,KAACpD;0BAAsB;;0BACvB,MAACG,QAAQ6B,MAAM;gBACbY,SAAS;oBACP,MAAM7B,kBAAkBF,OAAOG,KAAK,CAACC,SAAS,CAACC,OAAO,GAAGA,OAAO,CAACC,MAAM;oBAEvE,MAAMkC,OAAO1C,WACRN,gBAAgBM,aAAa,KAC9BZ,YAAYc,QAAQ;wBAAEyC,OAAO;oBAAK;oBACtC1C,SAASyC,MAAM;wBACbR,QAAQ;wBACRrB,UAAUX,QAAQS,SAASC,WAAWC,YAAYV,QAAQ;oBAC5D;gBACF;gBACAP,OAAM;gBACN0B,WAAU;;kCAEV,KAACrC;wBAAYqC,WAAU;;oBAA0B;kCAEjD,KAACI;wBAAKJ,WAAU;kCAAqH;;;;;;AAM7I;AAEA,eAAevB,mBAAkB"}

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { Editor } from "@tiptap/react";
-import { Group } from "src/fields/TiptapEditor/extensions/AICommand/types.js";
+import React from 'react';
+import { Editor } from '@tiptap/react';
+import { Group } from '../../../extensions/AICommand/types.js';
 export type AICommandPanelProps = {
     editor: Editor;
     userPrompt?: string;

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AICommandPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAGvC,OAAO,EAEL,KAAK,EACN,MAAM,uDAAuD,CAAC;AAY/D,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAsT1B,CAAC"}
+{"version":3,"file":"AICommandPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAItC,OAAO,EAAW,KAAK,EAAE,MAAM,wCAAwC,CAAA;AAYvE,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,KAAK,EAAE,CAAA;CACf,CAAA;AAED,eAAO,MAAM,cAAc,qFAkQ1B,CAAA"}

package/dist/src/fields/TiptapEditor/features/panels/AICommandPanel/AICommandPanel.js

@@ -1,24 +1,23 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAssistant } from '@ai-sdk/react';
-import { ArrowUpCircle, Sparkles } from "lucide-react";
-import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
-import Markdown from "react-markdown";
-import TextareaAutosize from "react-textarea-autosize";
-import { useLocale } from "@payloadcms/ui/providers/Locale";
-import i18next from "i18next";
-import { extractMarkdown } from "../../../lib/extract.js";
-import { getPrevText } from "../../../lib/utils/index.js";
-import AISelectorCommands from "../../menus/TextMenu/components/ai-selector-commands.js";
-import CrazySpinner from "../../ui/crazy-spinner.js";
-import { DropdownButton } from "../../ui/Dropdown/Dropdown.js";
-import { Icon } from "../../ui/Icon.js";
-import { ScrollArea } from "../../ui/scroll-area.js";
-import { Surface } from "../../ui/Surface.js";
-import { Toolbar } from "../../ui/Toolbar.js";
-import { checkJsonCompletion, formatCompletion } from "../AIEditorPanel/utils.js";
+import { ArrowUpCircle, Sparkles } from 'lucide-react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import Markdown from 'react-markdown';
+import TextareaAutosize from 'react-textarea-autosize';
+import { useLocale } from '@payloadcms/ui/providers/Locale';
+import { experimental_useObject as useObject } from '@ai-sdk/react';
+import i18next from 'i18next';
+import { TiptapSchema } from '../../../lib/tiptapSchema.js';
+import AISelectorCommands from '../../menus/TextMenu/components/ai-selector-commands.js';
+import CrazySpinner from '../../ui/crazy-spinner.js';
+import { DropdownButton } from '../../ui/Dropdown/Dropdown.js';
+import { Icon } from '../../ui/Icon.js';
+import { ScrollArea } from '../../ui/scroll-area.js';
+import { Surface } from '../../ui/Surface.js';
+import { Toolbar } from '../../ui/Toolbar.js';
+import { useExtractMarkdown } from '../AIEditorPanel/markdown.hook.js';
 export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange, userPrompt, items, ...restProps }, ref)=>{
-    const [inputValue, setInputValue] = useState(userPrompt ?? "");
+    const [inputValue, setInputValue] = useState(userPrompt ?? '');
     const { code } = useLocale();
     const { view } = editor;
     const scrollContainer = useRef(null);
@@ -28,49 +27,40 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
     const editorNode = view.dom;
     const boundigClient = editorNode.getBoundingClientRect();
     const inputRef = useRef(null);
-    const { status, messages, append, input, submitMessage, handleInputChange } = useAssistant({
-        api: '/api/generate'
+    const { object, submit, isLoading } = useObject({
+        api: '/api/generate',
+        schema: TiptapSchema
     });
-    const isLoading = status === 'in_progress';
-    const assistantMessages = messages?.filter((message)=>{
-        return message?.role === 'assistant';
-    });
-    const completion = [
-        ...assistantMessages
-    ]?.pop()?.content ?? "";
-    const hasCompletion = completion.length > 0;
+    const { markdown } = useExtractMarkdown(object);
+    const hasCompletion = Boolean(object);
     const handleClick = useCallback(()=>{
-        const editorSelection = editor.state.selection.content().content.toJSON();
-        if (completion) {
-            return append({
-                role: 'user',
-                content: completion
-            }, {
-                data: {
-                    option: "zap",
+        if (object) {
+            submit({
+                prompt: '',
+                body: {
+                    option: 'zap',
                     command: inputValue,
-                    language: code ?? "en"
+                    language: code ?? 'en',
+                    selection: object
                 }
-            }).then(()=>setInputValue(""));
+            });
+            setInputValue('');
+            return;
         }
-        const text = getPrevText(editor, {
-            chars: 5000
-        });
-        append({
-            role: "user",
-            content: text
-        }, {
-            data: {
-                option: "zap",
-                command: (editor.storage.aiCommand.title ? "Context Title:" + editor.storage.aiCommand.title + ";\n" : "") + (editor.storage.aiCommand.language ? "Context language:" + editor.storage.aiCommand.language + ";\n" : "") + inputValue,
-                language: editor.storage.aiCommand.language ?? code ?? "en",
-                selection: editorSelection
+        submit({
+            prompt: '',
+            body: {
+                option: 'zap',
+                command: inputValue,
+                language: code ?? 'en'
             }
-        }).then(()=>setInputValue(""));
+        });
+        setInputValue('');
     }, [
         code,
         inputValue,
-        completion
+        object,
+        submit
     ]);
     useEffect(()=>{
         if (userPrompt) setInputValue(userPrompt);
@@ -78,15 +68,13 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
         userPrompt
     ]);
     useEffect(()=>{
-        if (!isLoading && hasCompletion) {
-            editor.storage.aiCommand.completion = completion;
+        if (hasCompletion) {
+            editor.storage.aiCommand.completion = object;
         }
     }, [
-        completion,
+        object,
         isLoading
     ]);
-    // Anytime the groups change, i.e. the user types to narrow it down, we want to
-    // reset the current selection to the first menu item
     useEffect(()=>{
         setSelectedGroupIndex(0);
         setSelectedCommandIndex(0);
@@ -96,14 +84,13 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
     const selectItem = useCallback((groupIndex, commandIndex)=>{
         const command = items[groupIndex].commands[commandIndex];
         setInputValue(command.action(editor));
-    // props.command(command);
     }, [
         items,
         editor
     ]);
     useImperativeHandle(ref, ()=>({
             onKeyDown: ({ event })=>{
-                if (event.key === "ArrowDown") {
+                if (event.key === 'ArrowDown') {
                     if (!items.length) {
                         return false;
                     }
@@ -121,7 +108,7 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                     setSelectedGroupIndex(newGroupIndex);
                     return true;
                 }
-                if (event.key === "ArrowUp") {
+                if (event.key === 'ArrowUp') {
                     if (!items.length) {
                         return false;
                     }
@@ -139,7 +126,7 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                     setSelectedGroupIndex(newGroupIndex);
                     return true;
                 }
-                if (event.key === "Enter") {
+                if (event.key === 'Enter') {
                     if (!items.length || selectedGroupIndex === -1 || selectedCommandIndex === -1) {
                         return false;
                     }
@@ -169,22 +156,19 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             /*#__PURE__*/ _jsx(Surface, {
-                className: `p-2 min-w-[20rem] flex  flex-col gap-2 w-full ${hasCompletion ? "-mt-72" : ""}`,
+                className: `p-2 min-w-[20rem] flex  flex-col gap-2 w-full ${hasCompletion ? '-mt-72' : ''}`,
                 style: {
                     width: boundigClient?.width
                 },
                 children: /*#__PURE__*/ _jsxs(_Fragment, {
                     children: [
-                        hasCompletion && completion?.length > 10 && (checkJsonCompletion(completion) ? !isLoading : true) && /*#__PURE__*/ _jsx("div", {
+                        markdown && /*#__PURE__*/ _jsx("div", {
                             className: "flex  w-full",
                             children: /*#__PURE__*/ _jsx(ScrollArea, {
-                                className: "h-72 prose p-2 px-4 prose-sm w-full max-w-none",
+                                className: "prose p-2 px-4 prose-sm",
                                 dir: i18next.dir(),
                                 children: /*#__PURE__*/ _jsx(Markdown, {
-                                    children: checkJsonCompletion(completion) ? extractMarkdown({
-                                        type: 'doc',
-                                        content: formatCompletion(completion)
-                                    }) : completion
+                                    children: markdown
                                 })
                             })
                         }),
@@ -214,7 +198,7 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                                     /*#__PURE__*/ _jsx(TextareaAutosize, {
                                         ref: inputRef,
                                         style: {
-                                            resize: "none"
+                                            resize: 'none'
                                         },
                                         className: "w-full p-2 text-black bg-white  rounded dark:bg-black dark:text-white focus:outline-none outline-none border-0 ",
                                         value: inputValue,
@@ -222,17 +206,13 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                                             editor.storage.aiCommand.userPrompt = e.target.value;
                                             setInputValue(e.target.value);
                                         },
-                                        placeholder: hasCompletion ? i18next.t("tellAiPlaceholder") || "Tell AI (Beta) what to do next" : i18next.t("askAiPlaceholder") || "Ask AI (Beta) to edit or generate...",
+                                        placeholder: hasCompletion ? i18next.t('tellAiPlaceholder') || 'Tell AI (Beta) what to do next' : i18next.t('askAiPlaceholder') || 'Ask AI (Beta) to edit or generate...',
                                         autoFocus: true,
-                                        // onFocus={() => {
-                                        //   addAIHighlight(editor)}}
                                         onKeyDown: (e)=>{
-                                            if (e.key === "Enter") handleClick();
+                                            if (e.key === 'Enter') handleClick();
                                         }
                                     }),
                                     /*#__PURE__*/ _jsx(Toolbar.Button, {
-                                        // size="icon"
-                                        // className="absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full  bg-zinc-100 hover:bg-zinc-150"
                                         onClick: handleClick,
                                         children: /*#__PURE__*/ _jsx(ArrowUpCircle, {})
                                     })
@@ -249,21 +229,17 @@ export const AICommandPanel = /*#__PURE__*/ forwardRef(({ editor, onOpenChange,
                     className: "grid grid-cols-1 gap-0.5",
                     children: hasCompletion ? /*#__PURE__*/ _jsx(AISelectorCommands, {
                         editor: editor,
-                        messages: completion,
+                        messages: object,
                         onSelect: (value, options)=>{
                             if (options?.option === 'translate') {
-                                append({
-                                    role: 'user',
-                                    content: value
-                                }, {
-                                    data: options
+                                submit({
+                                    prompt: value,
+                                    body: options
                                 });
                             } else {
-                                append({
-                                    role: 'user',
-                                    content: value
-                                }, {
-                                    data: {
+                                submit({
+                                    prompt: value,
+                                    body: {
                                         ...options,
                                         source: code
                                     }