var Component=(()=>{var m=Object.create;var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var P=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),k=(n,e)=>{for(var t in e)i(n,t,{get:e[t],enumerable:!0})},a=(n,e,t,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of g(e))!h.call(n,o)&&o!==t&&i(n,o,{get:()=>e[o],enumerable:!(l=p(e,o))||l.enumerable});return n};var y=(n,e,t)=>(t=n!=null?m(f(n)):{},a(e||!n||!n.__esModule?i(t,"default",{value:n,enumerable:!0}):t,n)),S=n=>a(i({},"__esModule",{value:!0}),n);var c=P((T,s)=>{s.exports=_jsx_runtime});var b={};k(b,{default:()=>d,frontmatter:()=>E});var r=y(c()),E={title:"AI",description:"A menu that allows you to select from a list of AI commands.",component:!0};function u(n){let{ComponentPreview:e}=n.components||{};return e||x("ComponentPreview",!0),(0,r.jsx)(e,{name:"ai-demo",__files__:`[{"code":"import React from 'react';\\nimport { DndProvider } from 'react-dnd';\\nimport { HTML5Backend } from 'react-dnd-html5-backend';\\n\\nimport { Plate, usePlateEditor } from '@udecode/plate-common/react';\\n\\nimport { createPotionUI } from '@/components/editor/create-potion-ui';\\nimport { commonPlugins } from '@/components/editor/demo/plugins';\\nimport { demoValue } from '@/components/default/example/demo-value';\\nimport { CursorOverlay } from '@/components/default/potion-ui/cursor-overlay';\\nimport { Editor, EditorContainer } from '@/components/default/potion-ui/editor';\\nimport { FloatingToolbar } from '@/components/default/potion-ui/floating-toolbar';\\nimport { FloatingToolbarButtons } from '@/components/default/potion-ui/floating-toolbar-buttons';\\n\\nexport function Demo({ id }: { id: keyof typeof demoValue }) {\\n const containerRef = React.useRef(null);\\n\\n const editor = usePlateEditor({\\n id: 'demo',\\n override: {\\n components: createPotionUI(),\\n },\\n plugins: [\\n ...commonPlugins,\\n // Add additional plugins here\\n ],\\n value: demoValue[id],\\n });\\n\\n return (\\n \\n \\n \\n \\n \\n \\n \\n\\n \\n \\n \\n \\n );\\n}\\n","file":"example/demo.tsx","language":"tsx","name":"demo.tsx"},{"code":"'use client';\\n\\nimport React from 'react';\\n\\nimport { withProps } from '@udecode/cn';\\nimport {\\n BoldPlugin,\\n CodePlugin,\\n ItalicPlugin,\\n StrikethroughPlugin,\\n UnderlinePlugin,\\n} from '@udecode/plate-basic-marks/react';\\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\\nimport {\\n CodeBlockPlugin,\\n CodeLinePlugin,\\n CodeSyntaxPlugin,\\n} from '@udecode/plate-code-block/react';\\nimport {\\n ParagraphPlugin,\\n PlateLeaf,\\n createPlateEditor,\\n} from '@udecode/plate-common/react';\\nimport {\\n FontBackgroundColorPlugin,\\n FontColorPlugin,\\n} from '@udecode/plate-font/react';\\nimport { HEADING_KEYS } from '@udecode/plate-heading';\\nimport { HeadingPlugin } from '@udecode/plate-heading/react';\\nimport { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';\\nimport { IndentPlugin } from '@udecode/plate-indent/react';\\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\\nimport { LinkPlugin } from '@udecode/plate-link/react';\\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\\nimport { BlockSelectionPlugin } from '@udecode/plate-selection/react';\\nimport Prism from 'prismjs';\\n\\nimport { AIMenu } from '@/components/default/potion-ui/ai-menu';\\nimport { CodeBlockElement } from '@/components/default/potion-ui/code-block-element';\\nimport { CodeLeaf } from '@/components/default/potion-ui/code-leaf';\\nimport { CodeLineElement } from '@/components/default/potion-ui/code-line-element';\\nimport { CodeSyntaxLeaf } from '@/components/default/potion-ui/code-syntax-leaf';\\nimport { SelectionOverlayPlugin } from '@/components/default/potion-ui/cursor-overlay';\\nimport { HeadingElement } from '@/components/default/potion-ui/heading-element';\\nimport { HrElement } from '@/components/default/potion-ui/hr-element';\\nimport { LinkElement } from '@/components/default/potion-ui/link-element';\\nimport { LinkFloatingToolbar } from '@/components/default/potion-ui/link-floating-toolbar';\\nimport { ParagraphElement } from '@/components/default/potion-ui/paragraph-element';\\n\\nimport { AIPlugin } from '../potion-ui/ai/src/react';\\nimport { AIChatPlugin } from '../potion-ui/ai/src/react/ai-chat/AIChatPlugin';\\nimport { BlockquoteElement } from '../potion-ui/blockquote-element';\\n\\nexport const createAIEditor = () => {\\n const editor = createPlateEditor({\\n id: 'ai',\\n override: {\\n components: {\\n [BlockquotePlugin.key]: BlockquoteElement,\\n [BoldPlugin.key]: withProps(PlateLeaf, { as: 'strong' }),\\n [CodeBlockPlugin.key]: CodeBlockElement,\\n [CodeLinePlugin.key]: CodeLineElement,\\n [CodePlugin.key]: CodeLeaf,\\n [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,\\n [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),\\n [HEADING_KEYS.h2]: withProps(HeadingElement, { variant: 'h2' }),\\n [HEADING_KEYS.h3]: withProps(HeadingElement, { variant: 'h3' }),\\n [HorizontalRulePlugin.key]: HrElement,\\n [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),\\n [LinkPlugin.key]: LinkElement,\\n [ParagraphPlugin.key]: ParagraphElement,\\n [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),\\n [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),\\n },\\n },\\n plugins: [\\n ParagraphPlugin,\\n IndentPlugin.configure({\\n inject: {\\n targetPlugins: [\\n ParagraphPlugin.key,\\n HEADING_KEYS.h1,\\n HEADING_KEYS.h2,\\n HEADING_KEYS.h3,\\n BlockquotePlugin.key,\\n CodeBlockPlugin.key,\\n ],\\n },\\n }),\\n IndentListPlugin.configure({\\n inject: {\\n targetPlugins: [\\n ParagraphPlugin.key,\\n HEADING_KEYS.h1,\\n HEADING_KEYS.h2,\\n HEADING_KEYS.h3,\\n BlockquotePlugin.key,\\n CodeBlockPlugin.key,\\n ],\\n },\\n }),\\n HeadingPlugin.configure({ options: { levels: 3 } }),\\n BlockquotePlugin,\\n CodeBlockPlugin.configure({ options: { prism: Prism } }),\\n HorizontalRulePlugin,\\n LinkPlugin.configure({\\n render: { afterEditable: () => },\\n }),\\n MarkdownPlugin.configure({ options: { indentList: true } }),\\n // FIXME: Fixed the throw error: BlockSelectionPlugin is missing. readonly editor need'nt this plugin so using an empty plugin instead\\n BlockSelectionPlugin.configure({\\n api: {},\\n extendEditor: null,\\n options: {},\\n render: {},\\n useHooks: null,\\n handlers: {},\\n }),\\n BoldPlugin,\\n ItalicPlugin,\\n UnderlinePlugin,\\n StrikethroughPlugin,\\n CodePlugin,\\n FontColorPlugin,\\n FontBackgroundColorPlugin,\\n ],\\n value: [{ children: [{ text: '' }], type: 'p' }],\\n });\\n\\n return editor;\\n};\\n\\nconst systemCommon = \`\\\\\\nYou are an advanced AI-powered note-taking assistant, designed to enhance productivity and creativity in note management.\\nRespond directly to user prompts with clear, concise, and relevant content. Maintain a neutral, helpful tone.\\n\\nRules:\\n- is the entire note the user is working on.\\n- is a reminder of how you should reply to INSTRUCTIONS. It does not apply to questions.\\n- Anything else is the user prompt.\\n- Your response should be tailored to the user's prompt, providing precise assistance to optimize note management.\\n- For INSTRUCTIONS: Follow the exactly. Provide ONLY the content to be inserted or replaced. No explanations or comments.\\n- For QUESTIONS: Provide a helpful and concise answer. You may include brief explanations if necessary.\\n- CRITICAL: Distinguish between INSTRUCTIONS and QUESTIONS. Instructions typically ask you to modify or add content. Questions ask for information or clarification.\\n\`;\\n\\nconst systemDefault = \`\\\\\\n\${systemCommon}\\n- is the current block of text the user is working on.\\n- Ensure your output can seamlessly fit into the existing structure.\\n- CRITICAL: Provide only a single block of text. DO NOT create multiple paragraphs or separate blocks.\\n\\n{block}\\n\\n\`;\\n\\nconst systemSelecting = \`\\\\\\n\${systemCommon}\\n- is the block of text containing the user's selection, providing context.\\n- Ensure your output can seamlessly fit into the existing structure.\\n- is the specific text the user has selected in the block and wants to modify or ask about.\\n- Consider the context provided by , but only modify . Your response should be a direct replacement for .\\n\\n{block}\\n\\n\\n{selection}\\n\\n\`;\\n\\nconst systemBlockSelecting = \`\\\\\\n\${systemCommon}\\n- represents the full blocks of text the user has selected and wants to modify or ask about.\\n- Your response should be a direct replacement for the entire .\\n- Maintain the overall structure and formatting of the selected blocks, unless explicitly instructed otherwise.\\n- CRITICAL: Provide only the content to replace . Do not add additional blocks or change the block structure unless specifically requested.\\n\\n{block}\\n\\n\`;\\n\\nconst userDefault = \`\\nIf this is a question, provide a helpful and concise answer.\\nIf this is an instruction, provide ONLY a short ONE paragraph (1-2 sentences) to insert.\\nDO NOT start a new markdown block (e.g. heading, list item, code block, etc.)\\nDO NOT add new lines.\\nNEVER write .\\n\\n{prompt}\`;\\n\\nconst userSelecting = \`\\nIf this is a question, provide a helpful and concise answer about .\\nIf this is an instruction, provide ONLY the text to replace . No explanations.\\nEnsure it fits seamlessly within .\\nNEVER write or .\\n\\n{prompt} about \`;\\n\\nconst userBlockSelecting = \`\\nIf this is a question, provide a helpful and concise answer about .\\nIf this is an instruction, provide ONLY the content to replace the entire . No explanations.\\nMaintain the overall structure unless instructed otherwise.\\nNEVER write or .\\n\\n{prompt} about \`;\\n\\nexport const PROMPT_TEMPLATES = {\\n systemBlockSelecting,\\n systemDefault,\\n systemSelecting,\\n userBlockSelecting,\\n userDefault,\\n userSelecting,\\n};\\n\\nexport const aiPlugins = [\\n HeadingPlugin.configure({ options: { levels: 3 } }),\\n SelectionOverlayPlugin,\\n MarkdownPlugin.configure({ options: { indentList: true } }),\\n AIPlugin.configure({\\n options: {\\n // chatOptions: {\\n // api: '/api/ai/command'\\n // },\\n // fetchStream: async ({ abortSignal, prompt, system }) => {\\n // try {\\n // const response = await fetch('/api/ai/command', {\\n // body: JSON.stringify({ prompt, system }),\\n // headers: {\\n // 'Content-Type': 'application/json',\\n // },\\n // method: 'POST',\\n // signal: abortSignal.signal,\\n // });\\n // if (!response?.body) {\\n // return new ReadableStream();\\n // }\\n // return response.body;\\n // } catch (error) {\\n // if (error.name === 'AbortError') {\\n // return new ReadableStream({\\n // start(controller) {\\n // controller.close();\\n // },\\n // });\\n // }\\n // throw error;\\n // }\\n // },\\n // },\\n },\\n }),\\n AIChatPlugin.configure({\\n options: {\\n createAIEditor,\\n promptTemplate: ({ isBlockSelecting, isSelecting }) => {\\n return isBlockSelecting\\n ? PROMPT_TEMPLATES.userBlockSelecting\\n : isSelecting\\n ? PROMPT_TEMPLATES.userSelecting\\n : PROMPT_TEMPLATES.userDefault;\\n },\\n scrollContainerSelector: '#scroll_container',\\n systemTemplate: ({ isBlockSelecting, isSelecting }) => {\\n return isBlockSelecting\\n ? PROMPT_TEMPLATES.systemBlockSelecting\\n : isSelecting\\n ? PROMPT_TEMPLATES.systemSelecting\\n : PROMPT_TEMPLATES.systemDefault;\\n },\\n },\\n render: { afterEditable: () => },\\n }),\\n] as const;\\n","file":"example/ai-plugins.tsx","language":"tsx","name":"ai-plugins.tsx"},{"code":"/** @jsxRuntime classic */\\n/** @jsx jsx */\\nimport { jsx } from '@udecode/plate-test-utils';\\n\\njsx;\\n\\nexport const aiValue: any = (\\n \\n AI Menu\\n \\n Three ways to open the AI menu:\\n \\n \\n \\n Try press space in the start of the block or Select text to see Ask AI\\n in the floating toolbar\\n \\n \\n \\n \\n Right click (or click the drag button) on the block to open the context\\n menu and see the Ask AI\\n \\n \\n \\n \\n You can also open the ai menu by using slash command '/'. Type '/' in\\n the following block or end of this block.\\n \\n \\n \\n \\n \\n \\n);\\n","file":"example/ai-value.tsx","language":"tsx","name":"ai-value.tsx"}]`,__dependencies__:'["@udecode/plate-ai","@udecode/plate-markdown"]'})}function d(n={}){let{wrapper:e}=n.components||{};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(u,{...n})}):u(n)}function x(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return S(b);})(); ;return Component;