From 216532d3501c65d4c572f44f196b86e4db1d2ec1 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 15 Aug 2024 09:02:18 +0800
Subject: [PATCH 001/127] docs

---
 .../docs/components/floating-toolbar.mdx      |   5 +
 .../content/docs/components/image-element.mdx |   5 +
 apps/www/src/__registry__/index.tsx           |  18 +++
 apps/www/src/app/docs/layout.tsx              |   2 +-
 .../src/components/component-preview-pro.tsx  | 153 ++++++++++++++++++
 apps/www/src/components/mdx-components.tsx    |   2 +
 apps/www/src/components/sidebar-nav.tsx       |  15 ++
 apps/www/src/config/customizer-components.ts  |   2 +
 apps/www/src/config/docs.ts                   |  11 ++
 apps/www/src/config/potion-components.ts      |  67 ++++++++
 .../default/example/image-pro-demo.tsx        |  11 ++
 .../default/example/toolbar-pro-demo.tsx      |  11 ++
 apps/www/src/registry/example.ts              |  10 ++
 apps/www/src/types/nav.ts                     |   3 +
 14 files changed, 314 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/src/components/component-preview-pro.tsx
 create mode 100644 apps/www/src/config/potion-components.ts
 create mode 100644 apps/www/src/registry/default/example/image-pro-demo.tsx
 create mode 100644 apps/www/src/registry/default/example/toolbar-pro-demo.tsx

diff --git a/apps/www/content/docs/components/floating-toolbar.mdx b/apps/www/content/docs/components/floating-toolbar.mdx
index abbd75ab0d..fcf1d17a29 100644
--- a/apps/www/content/docs/components/floating-toolbar.mdx
+++ b/apps/www/content/docs/components/floating-toolbar.mdx
@@ -61,6 +61,11 @@ Update the import paths to match your project setup.
 
 ## Examples
 
+### Basic
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+### Pro
+<ComponentPreviewPro name="toolbar-pro-demo"   />
\ No newline at end of file
diff --git a/apps/www/content/docs/components/image-element.mdx b/apps/www/content/docs/components/image-element.mdx
index 0232a45a8c..b471ea557d 100644
--- a/apps/www/content/docs/components/image-element.mdx
+++ b/apps/www/content/docs/components/image-element.mdx
@@ -66,6 +66,11 @@ Update the import paths to match your project setup.
 
 ## Examples
 
+### Basic
 <ComponentPreview name="playground-demo" id="media" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/lib/plate/plate-plugins.ts" />
+
+
+### Pro
+<ComponentPreviewPro name="image-pro-demo" id="media-pro" />
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 387824dab5..53e1e6d181 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -839,6 +839,24 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       component: React.lazy(() => import('@/registry/default/plate-ui/resizable')),
     },
+    'toolbar-pro-demo': {
+      name: 'toolbar-pro-demo',
+      type: 'components:example',
+      registryDependencies: [],
+      files: ['registry/default/example/toolbar-pro-demo.tsx'],
+      category: "undefined",
+      subcategory: "undefined",
+      component: React.lazy(() => import('@/registry/default/example/toolbar-pro-demo')),
+    },
+    'image-pro-demo': {
+      name: 'image-pro-demo',
+      type: 'components:example',
+      registryDependencies: [],
+      files: ['registry/default/example/image-pro-demo.tsx'],
+      category: "undefined",
+      subcategory: "undefined",
+      component: React.lazy(() => import('@/registry/default/example/image-pro-demo')),
+    },
     'editor-default': {
       name: 'editor-default',
       type: 'components:example',
diff --git a/apps/www/src/app/docs/layout.tsx b/apps/www/src/app/docs/layout.tsx
index 7126e9a836..3f0ce4eb77 100644
--- a/apps/www/src/app/docs/layout.tsx
+++ b/apps/www/src/app/docs/layout.tsx
@@ -9,7 +9,7 @@ interface DocsLayoutProps {
 export default function DocsLayout({ children }: DocsLayoutProps) {
   return (
     <div className="border-b">
-      <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
+      <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[250px_minmax(0,1fr)] lg:gap-10">
         <aside className="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
           <ScrollArea className="h-full py-6 pr-6 lg:py-8">
             <DocsSidebarNav config={docsConfig} />
diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
new file mode 100644
index 0000000000..2a14d2494d
--- /dev/null
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -0,0 +1,153 @@
+'use client';
+
+import * as React from 'react';
+
+import { cn } from '@udecode/cn';
+
+import { Index } from '@/__registry__';
+import { useConfig } from '@/hooks/use-config';
+import { styles } from '@/registry/styles';
+
+import { CopyButton } from './copy-button';
+import { Icons } from './icons';
+import { StyleSwitcher } from './style-switcher';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs';
+
+interface ComponentPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
+  name: string;
+  align?: 'center' | 'end' | 'start';
+  description?: string;
+  extractClassname?: boolean;
+  extractedClassNames?: string;
+  hideCode?: boolean;
+  padding?: 'md';
+}
+
+export function ComponentPreviewPro({
+  align = 'start',
+  children,
+  className,
+  description,
+  extractClassname,
+  extractedClassNames,
+  hideCode = false,
+  name,
+  padding,
+  ...props
+}: ComponentPreviewProps) {
+  const [config] = useConfig();
+  const index = styles.findIndex((style) => style.name === config.style);
+
+  const Codes = React.Children.toArray(children) as React.ReactElement[];
+  const Code = Codes[index];
+
+  const Preview = React.useMemo(() => {
+    const Component = Index[config.style][name]?.component;
+
+    if (!Component) {
+      return (
+        <p className="text-sm text-muted-foreground">
+          Component{' '}
+          <code className="relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm">
+            {name}
+          </code>{' '}
+          not found in registry.
+        </p>
+      );
+    }
+
+    return <Component {...props} />;
+  }, [config.style, name, props]);
+
+  const codeString = React.useMemo(() => {
+    if (Code?.props['data-rehype-pretty-code-fragment'] !== undefined) {
+      const [Button] = React.Children.toArray(
+        Code.props.children
+      ) as React.ReactElement[];
+
+      return Button?.props?.value || Button?.props?.__rawString__ || null;
+    }
+  }, [Code]);
+
+  return (
+    <div
+      className={cn('relative my-4 flex flex-col space-y-2', className)}
+      {...props}
+    >
+      <Tabs className="relative mr-auto w-full" defaultValue="preview">
+        <div className="flex items-center justify-between pb-3">
+          {!hideCode && (
+            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0">
+              <TabsTrigger
+                className="relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none"
+                value="preview"
+              >
+                Preview
+              </TabsTrigger>
+              <TabsTrigger
+                className="relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none"
+                value="code"
+              >
+                Code
+              </TabsTrigger>
+            </TabsList>
+          )}
+        </div>
+        <TabsContent className="relative rounded-md border" value="preview">
+          {styles.length > 1 && (
+            <div className="flex items-center justify-between p-4">
+              <StyleSwitcher />
+
+              <div className="flex items-center gap-2">
+                {/* {config.style === "default" && description ? ( */}
+                {/*  <V0Button */}
+                {/*    block={{ */}
+                {/*      code: codeString, */}
+                {/*      name, */}
+                {/*      style: config.style, */}
+                {/*      description, */}
+                {/*    }} */}
+                {/*  /> */}
+                {/* ) : null} */}
+                <CopyButton
+                  className="size-7 text-foreground opacity-100 hover:bg-muted hover:text-foreground [&_svg]:size-3.5"
+                  value={codeString}
+                  variant="outline"
+                />
+              </div>
+            </div>
+          )}
+          <React.Suspense
+            fallback={
+              <div className="preview flex min-h-[350px] w-full items-center justify-center p-0 text-sm text-muted-foreground">
+                <Icons.spinner className="mr-2 size-4 animate-spin" />
+                Loading...
+              </div>
+            }
+          >
+            <div
+              className={cn(
+                'preview relative flex size-full min-h-[350px] flex-col p-0',
+                padding === 'md' && 'p-4',
+                {
+                  'items-center': align === 'center',
+                  'items-end': align === 'end',
+                  'items-start': align === 'start',
+                }
+              )}
+            >
+              <div className="size-full grow">{Preview}</div>
+            </div>
+          </React.Suspense>
+        </TabsContent>
+        <TabsContent value="code">
+          <div className="flex flex-col space-y-4">
+            <div className="w-full rounded-md [&_pre]:my-0 [&_pre]:max-h-[350px] [&_pre]:overflow-auto">
+              <div className="min-h-[350px] ">Upgrade to Pro</div>
+            </div>
+          </div>
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}
diff --git a/apps/www/src/components/mdx-components.tsx b/apps/www/src/components/mdx-components.tsx
index 9d7789fd30..808bbc5a6b 100644
--- a/apps/www/src/components/mdx-components.tsx
+++ b/apps/www/src/components/mdx-components.tsx
@@ -29,6 +29,7 @@ import { Code } from './code';
 import { CodeBlockWrapper } from './code-block-wrapper';
 import { ComponentExample } from './component-example';
 import { ComponentPreview } from './component-preview';
+import { ComponentPreviewPro } from './component-preview-pro';
 import { ComponentSource } from './component-source';
 import { HydrateAtoms } from './context/hydrate-atoms';
 import { FrameworkDocs } from './framework-docs';
@@ -80,6 +81,7 @@ const components = {
   ),
   ComponentExample,
   ComponentPreview,
+  ComponentPreviewPro,
   ComponentSource,
   FrameworkDocs: ({
     className,
diff --git a/apps/www/src/components/sidebar-nav.tsx b/apps/www/src/components/sidebar-nav.tsx
index 739fc8a5d0..3660bfe417 100644
--- a/apps/www/src/components/sidebar-nav.tsx
+++ b/apps/www/src/components/sidebar-nav.tsx
@@ -9,6 +9,8 @@ import { cn } from '@udecode/cn';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 
+import { Icons } from './icons';
+
 export interface DocsSidebarNavProps {
   config: DocsConfig;
 }
@@ -64,11 +66,24 @@ export function DocsSidebarNavItems({
               target={item.external ? '_blank' : ''}
             >
               <span className="whitespace-nowrap">{item.title}</span>
+              {item.isExternalLink && (
+                <Icons.externalLink className=" ml-1 size-4" />
+              )}
               {item.label && (
                 <span className="ml-2 rounded-md bg-secondary px-1.5 py-0.5 text-xs leading-none text-foreground no-underline group-hover:no-underline">
                   {item.label}
                 </span>
               )}
+              {item.new && (
+                <span className="ml-2 rounded-md bg-blue-500 px-1.5 py-0.5 text-xs leading-none text-white no-underline group-hover:no-underline">
+                  New
+                </span>
+              )}
+              {item.pro && (
+                <span className="ml-2 rounded-md bg-indigo-600 px-1.5 py-0.5 text-xs leading-none text-indigo-50 no-underline group-hover:no-underline">
+                  Pro
+                </span>
+              )}
             </Link>
             {item.items?.map((subItem, subIndex) => (
               <Link
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index 0a2206eeea..3ae4c8762f 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -104,6 +104,7 @@ export const customizerComponents = {
   },
   floatingToolbar: {
     href: '/docs/components/floating-toolbar',
+    new: true,
     title: 'Floating Toolbar',
   },
   floatingToolbarButtons: {
@@ -128,6 +129,7 @@ export const customizerComponents = {
   imageElement: {
     href: '/docs/components/image-element',
     label: 'Element',
+    new: true,
     title: 'Image',
   },
   indentListToolbarButton: {
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 63ffdfeab9..f87148b1cd 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -2,6 +2,8 @@ import type { MainNavItem, SidebarNavItem } from '@/types/nav';
 
 import { customizerComponents } from '@/config/customizer-components';
 
+import { potionComponents } from './potion-components';
+
 export interface DocsConfig {
   componentsNav: SidebarNavItem[];
   mainNav: MainNavItem[];
@@ -45,6 +47,15 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
+        potionComponents.aiMenu,
+        potionComponents.contextMenu,
+        potionComponents.equation,
+        potionComponents.inlineEquation,
+        potionComponents.mediaController,
+        potionComponents.slashMenu,
+        potionComponents.toolbar,
+        potionComponents.tocElement,
+        potionComponents.tocSideBar,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
         customizerComponents.avatar,
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
new file mode 100644
index 0000000000..b2d7975b79
--- /dev/null
+++ b/apps/www/src/config/potion-components.ts
@@ -0,0 +1,67 @@
+export const PRO_HOST = 'http://localhost:3000';
+
+export const potionComponents = {
+  aiMenu: {
+    href: `${PRO_HOST}/docs/components/ai-menu`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'AI Menu',
+  },
+  contextMenu: {
+    href: `${PRO_HOST}/docs/components/context-menu`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Context Menu',
+  },
+  equation: {
+    href: `${PRO_HOST}/docs/components/equation`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Equation',
+  },
+  inlineEquation: {
+    href: `${PRO_HOST}/docs/components/inline-equation`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Inline Equation',
+  },
+  mediaController: {
+    href: `${PRO_HOST}/docs/components/media-controller`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Media Controller',
+  },
+  slashMenu: {
+    href: `${PRO_HOST}/docs/components/slash-menu`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Slash Menu',
+  },
+  tocElement: {
+    href: `${PRO_HOST}/docs/components/toc-element`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'TOC Element',
+  },
+  tocSideBar: {
+    href: `${PRO_HOST}/docs/components/toc-sidebar`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'TOC Sidebar',
+  },
+  toolbar: {
+    href: `${PRO_HOST}/docs/components/toolbar`,
+    isExternalLink: true,
+    new: true,
+    pro: true,
+    title: 'Toolbar',
+  },
+};
diff --git a/apps/www/src/registry/default/example/image-pro-demo.tsx b/apps/www/src/registry/default/example/image-pro-demo.tsx
new file mode 100644
index 0000000000..0a2fb3ad03
--- /dev/null
+++ b/apps/www/src/registry/default/example/image-pro-demo.tsx
@@ -0,0 +1,11 @@
+import { PRO_HOST } from '../../../config/potion-components';
+
+export default function ImageProDemo() {
+  return (
+    <iframe
+      className="size-full h-[350px]"
+      src={`${PRO_HOST}/iframe/media-controller`}
+      title="media-controller"
+    ></iframe>
+  );
+}
diff --git a/apps/www/src/registry/default/example/toolbar-pro-demo.tsx b/apps/www/src/registry/default/example/toolbar-pro-demo.tsx
new file mode 100644
index 0000000000..890850093e
--- /dev/null
+++ b/apps/www/src/registry/default/example/toolbar-pro-demo.tsx
@@ -0,0 +1,11 @@
+import { PRO_HOST } from '../../../config/potion-components';
+
+export default function ToolbarProDemo() {
+  return (
+    <iframe
+      className="size-full h-[350px]"
+      src={`${PRO_HOST}/iframe/toolbar`}
+      title="toolbar"
+    ></iframe>
+  );
+}
diff --git a/apps/www/src/registry/example.ts b/apps/www/src/registry/example.ts
index 5d0d3dc4a9..0daf839b9a 100644
--- a/apps/www/src/registry/example.ts
+++ b/apps/www/src/registry/example.ts
@@ -1,6 +1,16 @@
 import type { Registry } from './schema';
 
 export const example: Registry = [
+  {
+    files: ['example/toolbar-pro-demo.tsx'],
+    name: 'toolbar-pro-demo',
+    type: 'components:example',
+  },
+  {
+    files: ['example/image-pro-demo.tsx'],
+    name: 'image-pro-demo',
+    type: 'components:example',
+  },
   {
     files: ['example/editor-default.tsx'],
     name: 'editor-default',
diff --git a/apps/www/src/types/nav.ts b/apps/www/src/types/nav.ts
index 8d5e86376c..02ecb15332 100644
--- a/apps/www/src/types/nav.ts
+++ b/apps/www/src/types/nav.ts
@@ -6,7 +6,10 @@ export interface NavItem {
   external?: boolean;
   href?: string;
   icon?: keyof typeof Icons;
+  isExternalLink?: boolean;
   label?: string;
+  new?: boolean;
+  pro?: boolean;
 }
 
 export interface NavItemWithChildren extends NavItem {

From b0851c6ded44b90d9585d4cc518f208c738bb494 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 16:40:26 +0800
Subject: [PATCH 002/127] fix

---
 .../docs/components/floating-toolbar.mdx      |  2 +-
 .../content/docs/components/image-element.mdx |  2 +-
 apps/www/src/__registry__/index.tsx           | 17 +++--------
 apps/www/src/config/potion-components.ts      |  2 +-
 .../default/example/pro-iframe-demo.tsx       | 11 +++++++
 .../default/example/toolbar-pro-demo.tsx      | 11 -------
 apps/www/src/registry/example.ts              |  9 ++----
 yarn.lock                                     | 30 +++++++++----------
 8 files changed, 35 insertions(+), 49 deletions(-)
 create mode 100644 apps/www/src/registry/default/example/pro-iframe-demo.tsx
 delete mode 100644 apps/www/src/registry/default/example/toolbar-pro-demo.tsx

diff --git a/apps/www/content/docs/components/floating-toolbar.mdx b/apps/www/content/docs/components/floating-toolbar.mdx
index fcf1d17a29..22b18b0b89 100644
--- a/apps/www/content/docs/components/floating-toolbar.mdx
+++ b/apps/www/content/docs/components/floating-toolbar.mdx
@@ -68,4 +68,4 @@ Update the import paths to match your project setup.
 
 
 ### Pro
-<ComponentPreviewPro name="toolbar-pro-demo"   />
\ No newline at end of file
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
\ No newline at end of file
diff --git a/apps/www/content/docs/components/image-element.mdx b/apps/www/content/docs/components/image-element.mdx
index b471ea557d..ee2ef57c33 100644
--- a/apps/www/content/docs/components/image-element.mdx
+++ b/apps/www/content/docs/components/image-element.mdx
@@ -73,4 +73,4 @@ Update the import paths to match your project setup.
 
 
 ### Pro
-<ComponentPreviewPro name="image-pro-demo" id="media-pro" />
\ No newline at end of file
+<ComponentPreviewPro name="pro-iframe-demo" id="media-pro" component="media-controller" />
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 53e1e6d181..3eb1069783 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -839,23 +839,14 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       component: React.lazy(() => import('@/registry/default/plate-ui/resizable')),
     },
-    'toolbar-pro-demo': {
-      name: 'toolbar-pro-demo',
+    'pro-iframe-demo': {
+      name: 'pro-iframe-demo',
       type: 'components:example',
       registryDependencies: [],
-      files: ['registry/default/example/toolbar-pro-demo.tsx'],
+      files: ['registry/default/example/pro-iframe-demo.tsx'],
       category: "undefined",
       subcategory: "undefined",
-      component: React.lazy(() => import('@/registry/default/example/toolbar-pro-demo')),
-    },
-    'image-pro-demo': {
-      name: 'image-pro-demo',
-      type: 'components:example',
-      registryDependencies: [],
-      files: ['registry/default/example/image-pro-demo.tsx'],
-      category: "undefined",
-      subcategory: "undefined",
-      component: React.lazy(() => import('@/registry/default/example/image-pro-demo')),
+      component: React.lazy(() => import('@/registry/default/example/pro-iframe-demo')),
     },
     'editor-default': {
       name: 'editor-default',
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
index b2d7975b79..b166218771 100644
--- a/apps/www/src/config/potion-components.ts
+++ b/apps/www/src/config/potion-components.ts
@@ -1,4 +1,4 @@
-export const PRO_HOST = 'http://localhost:3000';
+export const PRO_HOST = 'https://pro.platejs.org';
 
 export const potionComponents = {
   aiMenu: {
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
new file mode 100644
index 0000000000..39ae324ea4
--- /dev/null
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -0,0 +1,11 @@
+import { PRO_HOST } from '../../../config/potion-components';
+
+export default function ProIframeDemo({ component }: { component: string }) {
+  return (
+    <iframe
+      className="size-full h-[350px]"
+      src={`${PRO_HOST}/iframe/${component}`}
+      title={component}
+    ></iframe>
+  );
+}
diff --git a/apps/www/src/registry/default/example/toolbar-pro-demo.tsx b/apps/www/src/registry/default/example/toolbar-pro-demo.tsx
deleted file mode 100644
index 890850093e..0000000000
--- a/apps/www/src/registry/default/example/toolbar-pro-demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { PRO_HOST } from '../../../config/potion-components';
-
-export default function ToolbarProDemo() {
-  return (
-    <iframe
-      className="size-full h-[350px]"
-      src={`${PRO_HOST}/iframe/toolbar`}
-      title="toolbar"
-    ></iframe>
-  );
-}
diff --git a/apps/www/src/registry/example.ts b/apps/www/src/registry/example.ts
index 0daf839b9a..aa3f4af3a9 100644
--- a/apps/www/src/registry/example.ts
+++ b/apps/www/src/registry/example.ts
@@ -2,13 +2,8 @@ import type { Registry } from './schema';
 
 export const example: Registry = [
   {
-    files: ['example/toolbar-pro-demo.tsx'],
-    name: 'toolbar-pro-demo',
-    type: 'components:example',
-  },
-  {
-    files: ['example/image-pro-demo.tsx'],
-    name: 'image-pro-demo',
+    files: ['example/pro-iframe-demo.tsx'],
+    name: 'pro-iframe-demo',
     type: 'components:example',
   },
   {
diff --git a/yarn.lock b/yarn.lock
index 4e5dd3dcad..386d30f9aa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5951,7 +5951,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-break@npm:36.0.0, @udecode/plate-break@workspace:^, @udecode/plate-break@workspace:packages/break":
+"@udecode/plate-break@npm:36.3.8, @udecode/plate-break@workspace:^, @udecode/plate-break@workspace:packages/break":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-break@workspace:packages/break"
   dependencies:
@@ -6226,7 +6226,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-floating@npm:36.3.2, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
+"@udecode/plate-floating@npm:36.3.8, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-floating@workspace:packages/floating"
   dependencies:
@@ -6409,12 +6409,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-link@npm:36.3.2, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
+"@udecode/plate-link@npm:36.3.8, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-link@workspace:packages/link"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-floating": "npm:36.3.2"
+    "@udecode/plate-floating": "npm:36.3.8"
     "@udecode/plate-normalizers": "npm:36.0.0"
   peerDependencies:
     "@udecode/plate-common": ">=36.3.7"
@@ -6613,13 +6613,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-serializer-csv@npm:36.3.5, @udecode/plate-serializer-csv@workspace:^, @udecode/plate-serializer-csv@workspace:packages/serializer-csv":
+"@udecode/plate-serializer-csv@npm:36.3.8, @udecode/plate-serializer-csv@workspace:^, @udecode/plate-serializer-csv@workspace:packages/serializer-csv":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-serializer-csv@workspace:packages/serializer-csv"
   dependencies:
     "@types/papaparse": "npm:^5.3.14"
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-table": "npm:36.3.5"
+    "@udecode/plate-table": "npm:36.3.8"
     papaparse: "npm:^5.4.1"
   peerDependencies:
     "@udecode/plate-common": ">=36.3.7"
@@ -6632,7 +6632,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-serializer-docx@npm:36.3.5, @udecode/plate-serializer-docx@workspace:^, @udecode/plate-serializer-docx@workspace:packages/serializer-docx":
+"@udecode/plate-serializer-docx@npm:36.3.8, @udecode/plate-serializer-docx@workspace:^, @udecode/plate-serializer-docx@workspace:packages/serializer-docx":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-serializer-docx@workspace:packages/serializer-docx"
   dependencies:
@@ -6642,7 +6642,7 @@ __metadata:
     "@udecode/plate-indent-list": "npm:36.3.3"
     "@udecode/plate-media": "npm:36.2.2"
     "@udecode/plate-paragraph": "npm:36.0.0"
-    "@udecode/plate-table": "npm:36.3.5"
+    "@udecode/plate-table": "npm:36.3.8"
     validator: "npm:^13.11.0"
   peerDependencies:
     "@udecode/plate-common": ">=36.3.7"
@@ -6744,7 +6744,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-table@npm:36.3.5, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
+"@udecode/plate-table@npm:36.3.8, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-table@workspace:packages/table"
   dependencies:
@@ -6886,14 +6886,14 @@ __metadata:
     "@udecode/plate-basic-elements": "npm:36.0.12"
     "@udecode/plate-basic-marks": "npm:36.0.0"
     "@udecode/plate-block-quote": "npm:36.0.0"
-    "@udecode/plate-break": "npm:36.0.0"
+    "@udecode/plate-break": "npm:36.3.8"
     "@udecode/plate-code-block": "npm:36.0.0"
     "@udecode/plate-combobox": "npm:36.0.0"
     "@udecode/plate-comments": "npm:36.0.0"
     "@udecode/plate-common": "npm:36.3.7"
     "@udecode/plate-diff": "npm:36.0.0"
     "@udecode/plate-find-replace": "npm:36.0.0"
-    "@udecode/plate-floating": "npm:36.3.2"
+    "@udecode/plate-floating": "npm:36.3.8"
     "@udecode/plate-font": "npm:36.0.0"
     "@udecode/plate-heading": "npm:36.0.12"
     "@udecode/plate-highlight": "npm:36.0.0"
@@ -6902,7 +6902,7 @@ __metadata:
     "@udecode/plate-indent-list": "npm:36.3.3"
     "@udecode/plate-kbd": "npm:36.0.0"
     "@udecode/plate-line-height": "npm:36.0.0"
-    "@udecode/plate-link": "npm:36.3.2"
+    "@udecode/plate-link": "npm:36.3.8"
     "@udecode/plate-list": "npm:36.0.0"
     "@udecode/plate-media": "npm:36.2.2"
     "@udecode/plate-mention": "npm:36.0.0"
@@ -6912,13 +6912,13 @@ __metadata:
     "@udecode/plate-reset-node": "npm:36.0.0"
     "@udecode/plate-resizable": "npm:36.0.0"
     "@udecode/plate-select": "npm:36.0.0"
-    "@udecode/plate-serializer-csv": "npm:36.3.5"
-    "@udecode/plate-serializer-docx": "npm:36.3.5"
+    "@udecode/plate-serializer-csv": "npm:36.3.8"
+    "@udecode/plate-serializer-docx": "npm:36.3.8"
     "@udecode/plate-serializer-html": "npm:36.0.0"
     "@udecode/plate-serializer-md": "npm:36.0.7"
     "@udecode/plate-suggestion": "npm:36.0.0"
     "@udecode/plate-tabbable": "npm:36.0.0"
-    "@udecode/plate-table": "npm:36.3.5"
+    "@udecode/plate-table": "npm:36.3.8"
     "@udecode/plate-toggle": "npm:36.3.6"
     "@udecode/plate-trailing-block": "npm:36.0.0"
   peerDependencies:

From 88eba6fcfd3d1902735e09befddbaf8dfc3a51c8 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 18:38:58 +0800
Subject: [PATCH 003/127] toc

---
 apps/www/src/config/docs.ts              |  3 +--
 apps/www/src/config/potion-components.ts | 13 +++----------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 12eae24e7d..1389877416 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -54,8 +54,7 @@ export const docsConfig: DocsConfig = {
         potionComponents.mediaController,
         potionComponents.slashMenu,
         potionComponents.toolbar,
-        potionComponents.tocElement,
-        potionComponents.tocSideBar,
+        potionComponents.toc,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
         customizerComponents.avatar,
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
index b166218771..60184f44e3 100644
--- a/apps/www/src/config/potion-components.ts
+++ b/apps/www/src/config/potion-components.ts
@@ -43,19 +43,12 @@ export const potionComponents = {
     pro: true,
     title: 'Slash Menu',
   },
-  tocElement: {
-    href: `${PRO_HOST}/docs/components/toc-element`,
+  toc: {
+    href: `${PRO_HOST}/docs/components/toc`,
     isExternalLink: true,
     new: true,
     pro: true,
-    title: 'TOC Element',
-  },
-  tocSideBar: {
-    href: `${PRO_HOST}/docs/components/toc-sidebar`,
-    isExternalLink: true,
-    new: true,
-    pro: true,
-    title: 'TOC Sidebar',
+    title: 'Table of contents',
   },
   toolbar: {
     href: `${PRO_HOST}/docs/components/toolbar`,

From ecd125c33d03b32331f56493f17f61e9b25c6816 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 19:41:47 +0800
Subject: [PATCH 004/127] Docs

---
 README.md                                     | 11 +++----
 .../content/docs/components/image-element.mdx |  3 +-
 apps/www/content/docs/getting-started.mdx     | 11 +++----
 .../src/components/component-preview-pro.tsx  | 30 +++++++++++++++----
 apps/www/src/config/potion-components.ts      | 18 +++++------
 apps/www/src/config/site.ts                   |  1 +
 .../default/example/pro-iframe-demo.tsx       |  4 +--
 7 files changed, 49 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index 39f81de7fb..525cadba56 100644
--- a/README.md
+++ b/README.md
@@ -35,11 +35,12 @@ Plate
 
 You can choose one of the following templates to get started:
 
-| Option                                                                            | NextJS | Tailwind | Plate | Plugins |
-| --------------------------------------------------------------------------------- | ------ | -------- | ----- | ------- |
-| [Plate playground template](https://github.com/udecode/plate-playground-template) | ✅     | ✅       | ✅    | ✅      |
-| [Plate minimal template](https://github.com/udecode/plate-template)               | ✅     | ✅       | ✅    |         |
-| [NextJS template](https://platejs.org/docs/components/installation/next)          | ✅     | ✅       |       |         |
+| Option                                                                            | NextJS |  Plate | Plugins |AI & Backend |
+| --------------------------------------------------------------------------------- | ------ |  ----- | ------- |-------- |
+| [Notion clone template](https://pro.platejs.org/docs/templates/potion) | ✅     |  ✅    | ✅      |✅       |
+| [Plate playground template](https://github.com/udecode/plate-playground-template) | ✅     |  ✅    | ✅      |       |
+| [Plate minimal template](https://github.com/udecode/plate-template)               | ✅     |  ✅    |         |       |
+| [NextJS template](https://platejs.org/docs/components/installation/next)          | ✅     |        |         |       |
 
 ## Documentation
 
diff --git a/apps/www/content/docs/components/image-element.mdx b/apps/www/content/docs/components/image-element.mdx
index 7eacc9321d..3ebb9559b1 100644
--- a/apps/www/content/docs/components/image-element.mdx
+++ b/apps/www/content/docs/components/image-element.mdx
@@ -66,10 +66,9 @@ Update the import paths to match your project setup.
 
 ## Examples
 
-### Basic
 <ComponentPreview name="playground-demo" id="media" />
 
-<ComponentSource src="../../templates/plate-playground-template/src/lib/plate/plate-plugins.ts" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
 
 
 ### Pro
diff --git a/apps/www/content/docs/getting-started.mdx b/apps/www/content/docs/getting-started.mdx
index d921ef0562..c1b19272ee 100644
--- a/apps/www/content/docs/getting-started.mdx
+++ b/apps/www/content/docs/getting-started.mdx
@@ -13,11 +13,12 @@ description: A quick tutorial to get you up and running with Plate.
 
 You can choose one of the following templates to get started:
 
-| Option                                                                                                             | NextJS | Tailwind | Plate | Plugins |
-| ------------------------------------------------------------------------------------------------------------------ | ------ | -------- | ----- | ------- |
-| <Link target="_blank" href="https://github.com/udecode/plate-playground-template">Plate playground template</Link> | ✅     | ✅       | ✅    | ✅      |
-| <Link target="_blank" href="https://github.com/udecode/plate-template">Plate minimal template</Link>               | ✅     | ✅       | ✅    |         |
-| <Link target="_blank" href="/docs/components/installation/next">NextJS template</Link>                             | ✅     | ✅       |       |         |
+| Option                                                                                                             | NextJS |  Plate | Plugins | AI & Backend |
+| ------------------------------------------------------------------------------------------------------------------ | ------ |  ----- | ------- | --- |
+| <Link target="_blank" href="https://pro.platejs.org/docs/templates/potion">Notion clone template</Link>     | ✅      | ✅    | ✅   | ✅  |✅ |
+| <Link target="_blank" href="https://github.com/udecode/plate-playground-template">Plate playground template</Link> | ✅      | ✅    | ✅  |  |
+| <Link target="_blank" href="https://github.com/udecode/plate-template">Plate minimal template</Link>               | ✅      | ✅    |    |   |  
+| <Link target="_blank" href="/docs/components/installation/next">NextJS template</Link>                             | ✅      |       |    |  |
 
 For an existing project, jump to the next step.
 
diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 2a14d2494d..53781af443 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -3,11 +3,14 @@
 import * as React from 'react';
 
 import { cn } from '@udecode/cn';
+import Link from 'next/link';
 
 import { Index } from '@/__registry__';
 import { useConfig } from '@/hooks/use-config';
+import { buttonVariants } from '@/registry/default/plate-ui/button';
 import { styles } from '@/registry/styles';
 
+import { siteConfig } from '../config/site';
 import { CopyButton } from './copy-button';
 import { Icons } from './icons';
 import { StyleSwitcher } from './style-switcher';
@@ -77,19 +80,34 @@ export function ComponentPreviewPro({
       <Tabs className="relative mr-auto w-full" defaultValue="preview">
         <div className="flex items-center justify-between pb-3">
           {!hideCode && (
-            <TabsList className="w-full justify-start rounded-none border-b bg-transparent p-0">
+            <TabsList className="flex w-full items-center  justify-between  rounded-none border-b bg-transparent p-0">
               <TabsTrigger
                 className="relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none"
                 value="preview"
               >
                 Preview
               </TabsTrigger>
-              <TabsTrigger
-                className="relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none"
-                value="code"
+              <Link
+                className={cn(
+                  buttonVariants(),
+                  'group relative flex justify-start gap-2 overflow-hidden whitespace-pre rounded-sm',
+                  'dark:bg-muted dark:text-foreground',
+                  'hover:ring-2 hover:ring-primary hover:ring-offset-2',
+                  'transition-all duration-300 ease-out'
+                )}
+                href={`${siteConfig.links.potion}/pricing`}
+                target="_blank"
               >
-                Code
-              </TabsTrigger>
+                <span
+                  className={cn(
+                    'absolute right-0 -mt-12 h-32 w-8 translate-x-12 rotate-12',
+                    'bg-white opacity-10',
+                    'transition-all duration-1000 ease-out '
+                  )}
+                />
+                Get the code -&gt;
+              </Link>
+              {/* <Button className="mb-2 h-8"></Button> */}
             </TabsList>
           )}
         </div>
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
index 60184f44e3..7f344c2cb2 100644
--- a/apps/www/src/config/potion-components.ts
+++ b/apps/www/src/config/potion-components.ts
@@ -1,57 +1,57 @@
-export const PRO_HOST = 'https://pro.platejs.org';
+import { siteConfig } from './site';
 
 export const potionComponents = {
   aiMenu: {
-    href: `${PRO_HOST}/docs/components/ai-menu`,
+    href: `${siteConfig.links.potion}/docs/components/ai-menu`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'AI Menu',
   },
   contextMenu: {
-    href: `${PRO_HOST}/docs/components/context-menu`,
+    href: `${siteConfig.links.potion}/docs/components/context-menu`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Context Menu',
   },
   equation: {
-    href: `${PRO_HOST}/docs/components/equation`,
+    href: `${siteConfig.links.potion}/docs/components/equation`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Equation',
   },
   inlineEquation: {
-    href: `${PRO_HOST}/docs/components/inline-equation`,
+    href: `${siteConfig.links.potion}/docs/components/inline-equation`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Inline Equation',
   },
   mediaController: {
-    href: `${PRO_HOST}/docs/components/media-controller`,
+    href: `${siteConfig.links.potion}/docs/components/media-controller`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Media Controller',
   },
   slashMenu: {
-    href: `${PRO_HOST}/docs/components/slash-menu`,
+    href: `${siteConfig.links.potion}/docs/components/slash-menu`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Slash Menu',
   },
   toc: {
-    href: `${PRO_HOST}/docs/components/toc`,
+    href: `${siteConfig.links.potion}/docs/components/toc`,
     isExternalLink: true,
     new: true,
     pro: true,
     title: 'Table of contents',
   },
   toolbar: {
-    href: `${PRO_HOST}/docs/components/toolbar`,
+    href: `${siteConfig.links.potion}/docs/components/toolbar`,
     isExternalLink: true,
     new: true,
     pro: true,
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 398786b485..830bf92377 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -4,6 +4,7 @@ export const siteConfig = {
   links: {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
+    potion: 'https://pro.platejs.org',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',
   },
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
index 39ae324ea4..a0740341e0 100644
--- a/apps/www/src/registry/default/example/pro-iframe-demo.tsx
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -1,10 +1,10 @@
-import { PRO_HOST } from '../../../config/potion-components';
+import { siteConfig } from '../../../config/site';
 
 export default function ProIframeDemo({ component }: { component: string }) {
   return (
     <iframe
       className="size-full h-[350px]"
-      src={`${PRO_HOST}/iframe/${component}`}
+      src={`${siteConfig.links.potion}/iframe/${component}`}
       title={component}
     ></iframe>
   );

From 253ddadf0bd28d988e1b56b5b3c0705093a1cec9 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 20:11:41 +0800
Subject: [PATCH 005/127] docs

---
 .../src/components/component-preview-pro.tsx  |  2 +-
 apps/www/src/components/doc-page-layout.tsx   |  2 +
 apps/www/src/components/open-in-plus.tsx      | 37 +++++++++++++++++
 apps/www/src/components/sidebar-nav.tsx       | 13 +-----
 apps/www/src/config/potion-components.ts      | 40 ++++++++-----------
 apps/www/src/config/site.ts                   |  2 +-
 .../default/example/pro-iframe-demo.tsx       |  2 +-
 7 files changed, 60 insertions(+), 38 deletions(-)
 create mode 100644 apps/www/src/components/open-in-plus.tsx

diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 53781af443..08827315c7 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -95,7 +95,7 @@ export function ComponentPreviewPro({
                   'hover:ring-2 hover:ring-primary hover:ring-offset-2',
                   'transition-all duration-300 ease-out'
                 )}
-                href={`${siteConfig.links.potion}/pricing`}
+                href={`${siteConfig.links.platePlus}/pricing`}
                 target="_blank"
               >
                 <span
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index 22b85e87bb..24919f45d7 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -4,6 +4,7 @@ import { cn } from '@udecode/cn';
 import { ChevronRight, ExternalLinkIcon } from 'lucide-react';
 import Link from 'next/link';
 
+import { OpenInPlus } from './open-in-plus';
 import { DocsPager } from './pager';
 import { DashboardTableOfContents } from './toc';
 import { badgeVariants } from './ui/badge';
@@ -95,6 +96,7 @@ export function DocPageLayout({
             <ScrollArea className="h-full pb-10">
               <div className="sticky top-16 -mt-10 h-[calc(100vh-3.5rem)] py-12">
                 <DashboardTableOfContents toc={toc} />
+                <OpenInPlus className="mt-6 max-w-[80%]" />
               </div>
             </ScrollArea>
           </div>
diff --git a/apps/www/src/components/open-in-plus.tsx b/apps/www/src/components/open-in-plus.tsx
new file mode 100644
index 0000000000..ab624ecd3f
--- /dev/null
+++ b/apps/www/src/components/open-in-plus.tsx
@@ -0,0 +1,37 @@
+import { cn } from '@udecode/cn';
+import Link from 'next/link';
+
+import { Button } from '@/registry/default/plate-ui/button';
+
+import { siteConfig } from '../config/site';
+
+export function OpenInPlus({ className }: { className?: string }) {
+  return (
+    <div
+      className={cn(
+        'group relative flex flex-col gap-2 rounded-lg border p-4 text-sm',
+        className
+      )}
+    >
+      <div className="text-balance text-lg font-semibold leading-tight group-hover:underline">
+        Get all-access to Plate Plus for AI and Backend Support
+      </div>
+      <div>Enhance your editing experience with advanced features.</div>
+      <div>
+        Plate Plus offers AI-powered assistance and robust backend solutions to
+        elevate your content creation.
+      </div>
+      <Button className="mt-2 w-fit" size="sm">
+        Get All-Access Now
+      </Button>
+      <Link
+        className="absolute inset-0"
+        href={`${siteConfig.links.platePlus}/docs`}
+        rel="noreferrer"
+        target="_blank"
+      >
+        <span className="sr-only">Get all-access to Plate Plus</span>
+      </Link>
+    </div>
+  );
+}
diff --git a/apps/www/src/components/sidebar-nav.tsx b/apps/www/src/components/sidebar-nav.tsx
index 22678d3f49..70ad56c00a 100644
--- a/apps/www/src/components/sidebar-nav.tsx
+++ b/apps/www/src/components/sidebar-nav.tsx
@@ -73,22 +73,13 @@ export function DocsSidebarNavItems({
                 <span
                   className={cn(
                     'ml-2 rounded-md bg-secondary px-1.5 py-0.5 text-xs leading-none text-foreground no-underline group-hover:no-underline',
-                    item.label === 'New' && 'bg-[#adfa1d] dark:text-background'
+                    item.label === 'New' && 'bg-[#adfa1d] dark:text-background',
+                    item.label === 'Plus' && 'bg-primary text-background'
                   )}
                 >
                   {item.label}
                 </span>
               )}
-              {item.new && (
-                <span className="ml-2 rounded-md bg-blue-500 px-1.5 py-0.5 text-xs leading-none text-white no-underline group-hover:no-underline">
-                  New
-                </span>
-              )}
-              {item.pro && (
-                <span className="ml-2 rounded-md bg-indigo-600 px-1.5 py-0.5 text-xs leading-none text-indigo-50 no-underline group-hover:no-underline">
-                  Pro
-                </span>
-              )}
             </Link>
             {item.items?.map((subItem, subIndex) => (
               <Link
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
index 7f344c2cb2..e2a89b7ea9 100644
--- a/apps/www/src/config/potion-components.ts
+++ b/apps/www/src/config/potion-components.ts
@@ -2,59 +2,51 @@ import { siteConfig } from './site';
 
 export const potionComponents = {
   aiMenu: {
-    href: `${siteConfig.links.potion}/docs/components/ai-menu`,
+    href: `${siteConfig.links.platePlus}/docs/components/ai-menu`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'AI Menu',
   },
   contextMenu: {
-    href: `${siteConfig.links.potion}/docs/components/context-menu`,
+    href: `${siteConfig.links.platePlus}/docs/components/context-menu`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Context Menu',
   },
   equation: {
-    href: `${siteConfig.links.potion}/docs/components/equation`,
+    href: `${siteConfig.links.platePlus}/docs/components/equation`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Equation',
   },
   inlineEquation: {
-    href: `${siteConfig.links.potion}/docs/components/inline-equation`,
+    href: `${siteConfig.links.platePlus}/docs/components/inline-equation`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Inline Equation',
   },
   mediaController: {
-    href: `${siteConfig.links.potion}/docs/components/media-controller`,
+    href: `${siteConfig.links.platePlus}/docs/components/media-controller`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Media Controller',
   },
   slashMenu: {
-    href: `${siteConfig.links.potion}/docs/components/slash-menu`,
+    href: `${siteConfig.links.platePlus}/docs/components/slash-menu`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Slash Menu',
   },
   toc: {
-    href: `${siteConfig.links.potion}/docs/components/toc`,
+    href: `${siteConfig.links.platePlus}/docs/components/toc`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Table of contents',
   },
   toolbar: {
-    href: `${siteConfig.links.potion}/docs/components/toolbar`,
+    href: `${siteConfig.links.platePlus}/docs/components/toolbar`,
     isExternalLink: true,
-    new: true,
-    pro: true,
+    label: 'Plus',
     title: 'Toolbar',
   },
 };
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 830bf92377..fe84f91f28 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -4,7 +4,7 @@ export const siteConfig = {
   links: {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
-    potion: 'https://pro.platejs.org',
+    platePlus: 'https://pro.platejs.org',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',
   },
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
index a0740341e0..5f0c578f0e 100644
--- a/apps/www/src/registry/default/example/pro-iframe-demo.tsx
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -4,7 +4,7 @@ export default function ProIframeDemo({ component }: { component: string }) {
   return (
     <iframe
       className="size-full h-[350px]"
-      src={`${siteConfig.links.potion}/iframe/${component}`}
+      src={`${siteConfig.links.platePlus}/iframe/${component}`}
       title={component}
     ></iframe>
   );

From d14f9a15ac778320947000b2af8fcb89d577f4bf Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 20:55:41 +0800
Subject: [PATCH 006/127] style

---
 apps/www/src/components/component-preview-pro.tsx |  3 ++-
 apps/www/src/components/open-in-plus.tsx          | 13 +++++--------
 apps/www/src/components/sidebar-nav.tsx           | 13 ++++++++++++-
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 08827315c7..5b86124b01 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -93,7 +93,8 @@ export function ComponentPreviewPro({
                   'group relative flex justify-start gap-2 overflow-hidden whitespace-pre rounded-sm',
                   'dark:bg-muted dark:text-foreground',
                   'hover:ring-2 hover:ring-primary hover:ring-offset-2',
-                  'transition-all duration-300 ease-out'
+                  'transition-all duration-300 ease-out',
+                  'mb-2 h-8'
                 )}
                 href={`${siteConfig.links.platePlus}/pricing`}
                 target="_blank"
diff --git a/apps/www/src/components/open-in-plus.tsx b/apps/www/src/components/open-in-plus.tsx
index ab624ecd3f..60bc9225dc 100644
--- a/apps/www/src/components/open-in-plus.tsx
+++ b/apps/www/src/components/open-in-plus.tsx
@@ -14,15 +14,12 @@ export function OpenInPlus({ className }: { className?: string }) {
       )}
     >
       <div className="text-balance text-lg font-semibold leading-tight group-hover:underline">
-        Get all-access to Plate Plus for AI and Backend Support
-      </div>
-      <div>Enhance your editing experience with advanced features.</div>
-      <div>
-        Plate Plus offers AI-powered assistance and robust backend solutions to
-        elevate your content creation.
+        Build your editor even faster
       </div>
+      <div>Complete, deployable AI-powered template with backend.</div>
+      <div>All components included. Customizable and extensible.</div>
       <Button className="mt-2 w-fit" size="sm">
-        Get All-Access Now
+        Get all-access
       </Button>
       <Link
         className="absolute inset-0"
@@ -30,7 +27,7 @@ export function OpenInPlus({ className }: { className?: string }) {
         rel="noreferrer"
         target="_blank"
       >
-        <span className="sr-only">Get all-access to Plate Plus</span>
+        <span className="sr-only">Get all-access</span>
       </Link>
     </div>
   );
diff --git a/apps/www/src/components/sidebar-nav.tsx b/apps/www/src/components/sidebar-nav.tsx
index 70ad56c00a..8b982d2aa1 100644
--- a/apps/www/src/components/sidebar-nav.tsx
+++ b/apps/www/src/components/sidebar-nav.tsx
@@ -74,12 +74,23 @@ export function DocsSidebarNavItems({
                   className={cn(
                     'ml-2 rounded-md bg-secondary px-1.5 py-0.5 text-xs leading-none text-foreground no-underline group-hover:no-underline',
                     item.label === 'New' && 'bg-[#adfa1d] dark:text-background',
-                    item.label === 'Plus' && 'bg-primary text-background'
+                    item.label === 'Plus' &&
+                      'bg-primary text-primary-foreground'
                   )}
                 >
                   {item.label}
                 </span>
               )}
+              {item.new && (
+                <span
+                  className={cn(
+                    'ml-2 rounded-md px-1.5 py-0.5 text-xs leading-none text-foreground no-underline group-hover:no-underline',
+                    'bg-[#adfa1d] dark:text-background'
+                  )}
+                >
+                  New
+                </span>
+              )}
             </Link>
             {item.items?.map((subItem, subIndex) => (
               <Link

From 7227f71a613dca07158a1cb9baa5549630e10ba2 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 10 Sep 2024 21:38:58 +0800
Subject: [PATCH 007/127] lint

---
 apps/www/src/registry/default/example/image-pro-demo.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/registry/default/example/image-pro-demo.tsx b/apps/www/src/registry/default/example/image-pro-demo.tsx
index 0a2fb3ad03..e7e01cc6f8 100644
--- a/apps/www/src/registry/default/example/image-pro-demo.tsx
+++ b/apps/www/src/registry/default/example/image-pro-demo.tsx
@@ -1,10 +1,10 @@
-import { PRO_HOST } from '../../../config/potion-components';
+import { siteConfig } from '../../../config/site';
 
 export default function ImageProDemo() {
   return (
     <iframe
       className="size-full h-[350px]"
-      src={`${PRO_HOST}/iframe/media-controller`}
+      src={`${siteConfig.links.platePlus}/iframe/media-controller`}
       title="media-controller"
     ></iframe>
   );

From 6618351e8b486b638ced1a3e89f041389e0771f1 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 25 Sep 2024 18:19:51 +0800
Subject: [PATCH 008/127] wip

---
 apps/www/content/docs/ai.mdx | 115 +++++++++++++++++++++++++++++++++++
 apps/www/src/config/docs.ts  |   4 ++
 2 files changed, 119 insertions(+)
 create mode 100644 apps/www/content/docs/ai.mdx

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
new file mode 100644
index 0000000000..075070dd16
--- /dev/null
+++ b/apps/www/content/docs/ai.mdx
@@ -0,0 +1,115 @@
+---
+title: AI
+description: allows you to select from a list of AI commands. 
+docs:
+  - route: https://pro.platejs.org/docs/components/ai
+    title: AIMenu
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
+
+<PackageInfo>
+
+## Features
+
+- Provides an AI-powered menu.
+- Offers a selection of AI commands to enhance content creation and editing.
+- Seamlessly integrates AI assistance within the editor interface.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## Plugins
+
+### AlignPlugin
+
+## API
+
+### setAlign
+
+Sets the alignment for the specified block elements in the editor.
+
+<APIParameters>
+<APIItem name="editor" type="PlateEditor">
+The editor instance.
+</APIItem>
+<APIItem name="options" type="object" optional>
+<APISubList>
+<APISubListItem parent="options" name="value" type="Alignment" optional>
+The alignment value.
+</APISubListItem>
+
+</APISubList>
+</APIItem>
+</APIParameters>
+
+## API Components
+
+### useAlignDropdownMenuState
+
+<APIReturns>
+  <APIItem name="value" type="'left' | 'center' | 'right' | 'justify'">
+    The alignment value.
+  </APIItem>
+</APIReturns>
+
+### useAlignDropdownMenu
+
+<APIState>
+  <APIItem name="value" type="'left' | 'center' | 'right' | 'justify'">
+    The alignment value.
+  </APIItem>
+</APIState>
+
+<APIReturns>
+  <APIItem name="radioGroupProps" type="object">
+    Props for the radio group.
+    <APISubList>
+      <APISubListItem
+        parent="radioGroupProps"
+        name="value"
+        type="'left' | 'center' | 'right' | 'justify'"
+      >
+        The alignment value.
+      </APISubListItem>
+      <APISubListItem
+        parent="radioGroupProps"
+        name="onValueChange"
+        type="function"
+      >
+        Callback to set the alignment value.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIReturns>
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 1389877416..9778da4602 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -248,6 +248,10 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
+        {
+          href: '/docs/ai',
+          title: 'AI',
+        },
         {
           href: '/docs/alignment',
           title: 'Alignment',

From 83147ff7c40cb4a9fe7b7f2e3277efdb95d7d33c Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 26 Sep 2024 12:04:09 +0800
Subject: [PATCH 009/127] docs

---
 apps/www/content/docs/ai.mdx           | 63 +-------------------------
 apps/www/content/docs/callout.mdx      | 54 ++++++++++++++++++++++
 apps/www/content/docs/context-menu.mdx | 54 ++++++++++++++++++++++
 apps/www/content/docs/copilot.mdx      | 54 ++++++++++++++++++++++
 apps/www/src/config/doc-pro.ts         | 52 +++++++++++++++++++++
 apps/www/src/config/docs.ts            |  6 +--
 6 files changed, 217 insertions(+), 66 deletions(-)
 create mode 100644 apps/www/content/docs/callout.mdx
 create mode 100644 apps/www/content/docs/context-menu.mdx
 create mode 100644 apps/www/content/docs/copilot.mdx
 create mode 100644 apps/www/src/config/doc-pro.ts

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 075070dd16..7d6a639fb6 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -6,7 +6,7 @@ docs:
     title: AIMenu
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
 
 <PackageInfo>
 
@@ -50,66 +50,5 @@ const editor = usePlateEditor({
 });
 ```
 
-## Plugins
-
-### AlignPlugin
-
 ## API
 
-### setAlign
-
-Sets the alignment for the specified block elements in the editor.
-
-<APIParameters>
-<APIItem name="editor" type="PlateEditor">
-The editor instance.
-</APIItem>
-<APIItem name="options" type="object" optional>
-<APISubList>
-<APISubListItem parent="options" name="value" type="Alignment" optional>
-The alignment value.
-</APISubListItem>
-
-</APISubList>
-</APIItem>
-</APIParameters>
-
-## API Components
-
-### useAlignDropdownMenuState
-
-<APIReturns>
-  <APIItem name="value" type="'left' | 'center' | 'right' | 'justify'">
-    The alignment value.
-  </APIItem>
-</APIReturns>
-
-### useAlignDropdownMenu
-
-<APIState>
-  <APIItem name="value" type="'left' | 'center' | 'right' | 'justify'">
-    The alignment value.
-  </APIItem>
-</APIState>
-
-<APIReturns>
-  <APIItem name="radioGroupProps" type="object">
-    Props for the radio group.
-    <APISubList>
-      <APISubListItem
-        parent="radioGroupProps"
-        name="value"
-        type="'left' | 'center' | 'right' | 'justify'"
-      >
-        The alignment value.
-      </APISubListItem>
-      <APISubListItem
-        parent="radioGroupProps"
-        name="onValueChange"
-        type="function"
-      >
-        Callback to set the alignment value.
-      </APISubListItem>
-    </APISubList>
-  </APIItem>
-</APIReturns>
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
new file mode 100644
index 0000000000..acea01d03c
--- /dev/null
+++ b/apps/www/content/docs/callout.mdx
@@ -0,0 +1,54 @@
+---
+title: Callout
+description: allows you to select from a list of AI commands. 
+docs:
+  - route: https://pro.platejs.org/docs/components/callout
+    title: Callout
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-callout" component="callout" />
+
+<PackageInfo>
+
+## Features
+
+- Provides an AI-powered menu.
+- Offers a selection of AI commands to enhance content creation and editing.
+- Seamlessly integrates AI assistance within the editor interface.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## API
+
diff --git a/apps/www/content/docs/context-menu.mdx b/apps/www/content/docs/context-menu.mdx
new file mode 100644
index 0000000000..acea01d03c
--- /dev/null
+++ b/apps/www/content/docs/context-menu.mdx
@@ -0,0 +1,54 @@
+---
+title: Callout
+description: allows you to select from a list of AI commands. 
+docs:
+  - route: https://pro.platejs.org/docs/components/callout
+    title: Callout
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-callout" component="callout" />
+
+<PackageInfo>
+
+## Features
+
+- Provides an AI-powered menu.
+- Offers a selection of AI commands to enhance content creation and editing.
+- Seamlessly integrates AI assistance within the editor interface.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## API
+
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
new file mode 100644
index 0000000000..8314ef19ba
--- /dev/null
+++ b/apps/www/content/docs/copilot.mdx
@@ -0,0 +1,54 @@
+---
+title: Copilot
+description: allows you to select from a list of AI commands. 
+docs:
+  - route: https://pro.platejs.org/docs/components/copilot
+    title: Copilot
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-copilot" component="copilot" />
+
+<PackageInfo>
+
+## Features
+
+- Provides an AI-powered menu.
+- Offers a selection of AI commands to enhance content creation and editing.
+- Seamlessly integrates AI assistance within the editor interface.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## API
+
diff --git a/apps/www/src/config/doc-pro.ts b/apps/www/src/config/doc-pro.ts
new file mode 100644
index 0000000000..91f75998b6
--- /dev/null
+++ b/apps/www/src/config/doc-pro.ts
@@ -0,0 +1,52 @@
+export const docPro = [
+  {
+    href: '/docs/ai',
+    new: true,
+    title: 'AI',
+  },
+  {
+    href: '/docs/copilot',
+    new: true,
+    title: 'Copilot',
+  },
+  {
+    href: '/docs/callout',
+    new: true,
+    title: 'Callout',
+  },
+  {
+    href: '/docs/context-menu',
+    new: true,
+    title: 'Context Menu',
+  },
+  {
+    href: '/docs/equation',
+    new: true,
+    title: 'Equation',
+  },
+  {
+    href: '/docs/media-toolbar',
+    new: true,
+    title: 'Media Toolbar',
+  },
+  {
+    href: '/docs/slash-menu',
+    new: true,
+    title: 'Slash Menu',
+  },
+  {
+    href: '/docs/toc',
+    new: true,
+    title: 'Table of Contents',
+  },
+  {
+    href: '/docs/toolbar',
+    new: true,
+    title: 'Toolbar',
+  },
+  {
+    href: '/docs/upload',
+    new: true,
+    title: 'Upload',
+  },
+];
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 9778da4602..531d312748 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -2,6 +2,7 @@ import type { MainNavItem, SidebarNavItem } from '@/types/nav';
 
 import { customizerComponents } from '@/config/customizer-components';
 
+import { docPro } from './doc-pro';
 import { potionComponents } from './potion-components';
 
 export interface DocsConfig {
@@ -248,10 +249,7 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
-        {
-          href: '/docs/ai',
-          title: 'AI',
-        },
+        ...docPro,
         {
           href: '/docs/alignment',
           title: 'Alignment',

From d4556ef613b9a4abfe39d2aa38649dc06b5b6ede Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 26 Sep 2024 12:15:52 +0800
Subject: [PATCH 010/127] fix

---
 apps/www/src/registry/registry-examples.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/registry/registry-examples.ts b/apps/www/src/registry/registry-examples.ts
index b7658d7c16..012d04b4b2 100644
--- a/apps/www/src/registry/registry-examples.ts
+++ b/apps/www/src/registry/registry-examples.ts
@@ -4,7 +4,7 @@ export const examples: Registry = [
   {
     files: ['example/pro-iframe-demo.tsx'],
     name: 'pro-iframe-demo',
-    type: 'components:example',
+    type: 'registry:example',
   },
   {
     files: ['example/editor-default.tsx'],

From a33857e3045cbcea9c23f87e3ba663847d6cf19e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 26 Sep 2024 18:03:53 +0800
Subject: [PATCH 011/127] Copilot

---
 apps/www/content/docs/context-menu.mdx        |   8 +-
 apps/www/content/docs/copilot.mdx             |   2 +-
 apps/www/content/docs/equation.mdx            |  52 +++++
 apps/www/content/docs/media-toolbar.mdx       |  52 +++++
 apps/www/content/docs/slash-menu.mdx          |  21 ++
 apps/www/content/docs/toc.mdx                 |  21 ++
 apps/www/content/docs/upload.mdx              |  22 ++
 apps/www/package.json                         |   1 +
 .../src/components/component-preview-pro.tsx  |   4 +-
 apps/www/src/components/sidebar-nav.tsx       |   3 +-
 apps/www/src/config/doc-pro.ts                |  23 +-
 .../lib/plate/demo/plugins/copilotPlugin.tsx  |  33 +++
 .../lib/plate/demo/plugins/tabbablePlugin.ts  |   9 +-
 .../default/example/playground-demo.tsx       |   4 +-
 .../default/example/pro-iframe-demo.tsx       |  16 +-
 .../plate-ui/ai-copilot-hover-card.tsx        |  11 +
 packages/ai/.npmignore                        |   3 +
 packages/ai/README.md                         |   7 +
 packages/ai/package.json                      |  67 ++++++
 packages/ai/src/index.ts                      |   5 +
 packages/ai/src/lib/BaseAIPlugin.ts           |  26 +++
 packages/ai/src/lib/index.ts                  |   6 +
 packages/ai/src/lib/withTriggerAIMenu.ts      |  75 ++++++
 packages/ai/src/react/ai/AIPlugin.ts          | 185 +++++++++++++++
 packages/ai/src/react/ai/index.ts             |   6 +
 packages/ai/src/react/ai/utils/index.ts       |   5 +
 .../react/ai/utils/updateMenuAnchorByPath.ts  |  27 +++
 .../ai/src/react/copilot/CopilotPlugin.tsx    | 214 ++++++++++++++++++
 .../src/react/copilot/generateCopilotText.ts  |  73 ++++++
 .../ai/src/react/copilot/getCopilotSystem.ts  |   6 +
 packages/ai/src/react/copilot/index.ts        |  10 +
 .../ai/src/react/copilot/injectCopilot.tsx    |  48 ++++
 .../ai/src/react/copilot/onKeyDownCopilot.ts  |  56 +++++
 packages/ai/src/react/copilot/utils/index.ts  |   5 +
 .../src/react/copilot/utils/withoutAbort.ts   |   9 +
 packages/ai/src/react/index.ts                |   6 +
 packages/ai/tsconfig.build.json               |   8 +
 packages/ai/tsconfig.json                     |   5 +
 yarn.lock                                     |  17 ++
 39 files changed, 1121 insertions(+), 30 deletions(-)
 create mode 100644 apps/www/content/docs/equation.mdx
 create mode 100644 apps/www/content/docs/media-toolbar.mdx
 create mode 100644 apps/www/content/docs/slash-menu.mdx
 create mode 100644 apps/www/content/docs/toc.mdx
 create mode 100644 apps/www/content/docs/upload.mdx
 create mode 100644 apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx
 create mode 100644 packages/ai/.npmignore
 create mode 100644 packages/ai/README.md
 create mode 100644 packages/ai/package.json
 create mode 100644 packages/ai/src/index.ts
 create mode 100644 packages/ai/src/lib/BaseAIPlugin.ts
 create mode 100644 packages/ai/src/lib/index.ts
 create mode 100644 packages/ai/src/lib/withTriggerAIMenu.ts
 create mode 100644 packages/ai/src/react/ai/AIPlugin.ts
 create mode 100644 packages/ai/src/react/ai/index.ts
 create mode 100644 packages/ai/src/react/ai/utils/index.ts
 create mode 100644 packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
 create mode 100644 packages/ai/src/react/copilot/CopilotPlugin.tsx
 create mode 100644 packages/ai/src/react/copilot/generateCopilotText.ts
 create mode 100644 packages/ai/src/react/copilot/getCopilotSystem.ts
 create mode 100644 packages/ai/src/react/copilot/index.ts
 create mode 100644 packages/ai/src/react/copilot/injectCopilot.tsx
 create mode 100644 packages/ai/src/react/copilot/onKeyDownCopilot.ts
 create mode 100644 packages/ai/src/react/copilot/utils/index.ts
 create mode 100644 packages/ai/src/react/copilot/utils/withoutAbort.ts
 create mode 100644 packages/ai/src/react/index.ts
 create mode 100644 packages/ai/tsconfig.build.json
 create mode 100644 packages/ai/tsconfig.json

diff --git a/apps/www/content/docs/context-menu.mdx b/apps/www/content/docs/context-menu.mdx
index acea01d03c..def4235e8e 100644
--- a/apps/www/content/docs/context-menu.mdx
+++ b/apps/www/content/docs/context-menu.mdx
@@ -1,12 +1,12 @@
 ---
-title: Callout
+title: Context Menu
 description: allows you to select from a list of AI commands. 
 docs:
-  - route: https://pro.platejs.org/docs/components/callout
-    title: Callout
+  - route: https://pro.platejs.org/docs/components/context-menu
+    title: Context Menu
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-callout" component="callout" />
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-context-menu" component="context-menu" />
 
 <PackageInfo>
 
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 8314ef19ba..bd8fdd8319 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -6,7 +6,7 @@ docs:
     title: Copilot
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-copilot" component="copilot" />
+<ComponentPreviewPro  name="pro-iframe-demo" id="pro-copilot" component="copilot" />
 
 <PackageInfo>
 
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
new file mode 100644
index 0000000000..a68e6867a9
--- /dev/null
+++ b/apps/www/content/docs/equation.mdx
@@ -0,0 +1,52 @@
+---
+title: Equation
+description: allows you to select from a list of AI commands. 
+docs:
+  - route: https://pro.platejs.org/docs/components/equation
+    title: Equation
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-equation" component="equation" />
+
+<PackageInfo>
+
+## Features
+
+- Allows you to insert equations into your editor.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## API
+
diff --git a/apps/www/content/docs/media-toolbar.mdx b/apps/www/content/docs/media-toolbar.mdx
new file mode 100644
index 0000000000..e73b0dfc01
--- /dev/null
+++ b/apps/www/content/docs/media-toolbar.mdx
@@ -0,0 +1,52 @@
+---
+title: Media Toolbar
+description: allows you to insert images into your editor. 
+docs:
+  - route: https://pro.platejs.org/docs/components/media-toolbar
+    title: Media Toolbar
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-media-toolbar" component="media-toolbar" />
+
+<PackageInfo>
+
+## Features
+
+- todo
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-ai
+```
+
+## Usage
+
+```tsx
+// ...
+import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    ...commonPlugins,
+    SelectionOverlayPlugin,
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    AIPlugin.configure({
+      options: {
+        scrollContainerSelector: '#scroll_container',
+      },
+      render: { aboveEditable: AIMenu },
+    }),
+  ],
+  value: aiValue,
+});
+```
+
+## API
+
diff --git a/apps/www/content/docs/slash-menu.mdx b/apps/www/content/docs/slash-menu.mdx
new file mode 100644
index 0000000000..1b9999f0de
--- /dev/null
+++ b/apps/www/content/docs/slash-menu.mdx
@@ -0,0 +1,21 @@
+---
+title: Slash Menu
+description: Allows you to insert various elements into your editor using a slash command.
+docs:
+  - route: https://pro.platejs.org/docs/components/slash-menu
+    title: Slash Menu
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-slash-menu" component="slash-menu" />
+
+<PackageInfo>
+
+## Features
+
+- Quick insertion of various elements using slash commands
+- Customizable menu options
+- Seamless integration with the editor
+
+</PackageInfo>
+
+## Installation
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
new file mode 100644
index 0000000000..7ed4389d76
--- /dev/null
+++ b/apps/www/content/docs/toc.mdx
@@ -0,0 +1,21 @@
+---
+title: Table of Contents
+description: Automatically generates a table of contents for your document.
+docs:
+  - route: https://pro.platejs.org/docs/components/toc
+    title: Table of Contents
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-toc" component="toc" />
+
+<PackageInfo>
+
+## Features
+
+- Automatically generates a table of contents based on document headings
+- Customizable depth and styling options
+- Clickable links for easy navigation within the document
+
+</PackageInfo>
+
+## Installation
diff --git a/apps/www/content/docs/upload.mdx b/apps/www/content/docs/upload.mdx
new file mode 100644
index 0000000000..293a3d7426
--- /dev/null
+++ b/apps/www/content/docs/upload.mdx
@@ -0,0 +1,22 @@
+---
+title: Upload
+description: Allows you to upload files and images into your editor.
+docs:
+  - route: https://pro.platejs.org/docs/components/upload
+    title: Upload
+---
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-upload" component="upload" />
+
+<PackageInfo>
+
+## Features
+
+- Easy file and image uploading functionality
+- Support for various file types
+- Customizable upload options
+- Seamless integration with the editor
+
+</PackageInfo>
+
+## Installation
diff --git a/apps/www/package.json b/apps/www/package.json
index 9267366071..5a26d41e4e 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -69,6 +69,7 @@
     "@radix-ui/react-tooltip": "^1.1.2",
     "@udecode/cn": "workspace:^",
     "@udecode/plate": "workspace:^",
+    "@udecode/plate-ai": "workspace:^",
     "@udecode/plate-alignment": "workspace:^",
     "@udecode/plate-autoformat": "workspace:^",
     "@udecode/plate-basic-elements": "workspace:^",
diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 5b86124b01..92fe94a173 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -8,7 +8,7 @@ import Link from 'next/link';
 import { Index } from '@/__registry__';
 import { useConfig } from '@/hooks/use-config';
 import { buttonVariants } from '@/registry/default/plate-ui/button';
-import { styles } from '@/registry/styles';
+import { styles } from '@/registry/registry-styles';
 
 import { siteConfig } from '../config/site';
 import { CopyButton } from './copy-button';
@@ -129,9 +129,9 @@ export function ComponentPreviewPro({
                 {/*  /> */}
                 {/* ) : null} */}
                 <CopyButton
+                  variant="outline"
                   className="size-7 text-foreground opacity-100 hover:bg-muted hover:text-foreground [&_svg]:size-3.5"
                   value={codeString}
-                  variant="outline"
                 />
               </div>
             </div>
diff --git a/apps/www/src/components/sidebar-nav.tsx b/apps/www/src/components/sidebar-nav.tsx
index e4e8c10a78..70585e5958 100644
--- a/apps/www/src/components/sidebar-nav.tsx
+++ b/apps/www/src/components/sidebar-nav.tsx
@@ -75,7 +75,8 @@ export function DocsSidebarNavItems({
                     'ml-2 rounded-md bg-secondary px-1.5 py-0.5 text-xs leading-none text-foreground no-underline group-hover:no-underline',
                     item.label === 'New' && 'bg-[#adfa1d] dark:text-background',
                     item.label === 'Plus' &&
-                      'bg-primary text-primary-foreground'
+                      'bg-primary text-primary-foreground',
+                    item.label === 'Free' && 'bg-emerald-500 text-white'
                   )}
                 >
                   {item.label}
diff --git a/apps/www/src/config/doc-pro.ts b/apps/www/src/config/doc-pro.ts
index 91f75998b6..15e3645ec1 100644
--- a/apps/www/src/config/doc-pro.ts
+++ b/apps/www/src/config/doc-pro.ts
@@ -1,52 +1,47 @@
 export const docPro = [
   {
     href: '/docs/ai',
-    new: true,
+    label: 'New',
     title: 'AI',
   },
   {
     href: '/docs/copilot',
-    new: true,
+    label: 'New',
     title: 'Copilot',
   },
   {
     href: '/docs/callout',
-    new: true,
+    label: 'Plus',
     title: 'Callout',
   },
   {
     href: '/docs/context-menu',
-    new: true,
+    label: 'Plus',
     title: 'Context Menu',
   },
   {
     href: '/docs/equation',
-    new: true,
+    label: 'Plus',
     title: 'Equation',
   },
   {
     href: '/docs/media-toolbar',
-    new: true,
+    label: 'Plus',
     title: 'Media Toolbar',
   },
   {
     href: '/docs/slash-menu',
-    new: true,
+    label: 'New',
     title: 'Slash Menu',
   },
   {
     href: '/docs/toc',
-    new: true,
+    label: 'Plus',
     title: 'Table of Contents',
   },
-  {
-    href: '/docs/toolbar',
-    new: true,
-    title: 'Toolbar',
-  },
   {
     href: '/docs/upload',
-    new: true,
+    label: 'Plus',
     title: 'Upload',
   },
 ];
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
new file mode 100644
index 0000000000..a849c0b060
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -0,0 +1,33 @@
+import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import { ParagraphPlugin } from '@udecode/plate-core/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+
+import { AiCopilotHoverCard } from '@/registry/default/plate-ui/ai-copilot-hover-card';
+import { MENTIONABLES } from '@/registry/default/plate-ui/mention-input-element';
+
+export const copilotPlugin = CopilotPlugin.configure({
+  options: {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    fetchSuggestion: async ({ abortSignal, prompt }) => {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(MENTIONABLES[Math.floor(Math.random() * 41)].text);
+        }, 100);
+      });
+    },
+    hoverCard: AiCopilotHoverCard,
+    query: {
+      allow: [
+        ParagraphPlugin.key,
+        BlockquotePlugin.key,
+        HEADING_KEYS.h1,
+        HEADING_KEYS.h2,
+        HEADING_KEYS.h3,
+        HEADING_KEYS.h4,
+        HEADING_KEYS.h5,
+        HEADING_KEYS.h6,
+      ],
+    },
+  },
+});
diff --git a/apps/www/src/lib/plate/demo/plugins/tabbablePlugin.ts b/apps/www/src/lib/plate/demo/plugins/tabbablePlugin.ts
index cc24c808be..9038954a0c 100644
--- a/apps/www/src/lib/plate/demo/plugins/tabbablePlugin.ts
+++ b/apps/www/src/lib/plate/demo/plugins/tabbablePlugin.ts
@@ -1,5 +1,9 @@
 import { CodeBlockPlugin } from '@udecode/plate-code-block/react';
-import { isSelectionAtBlockStart, someNode } from '@udecode/plate-common';
+import {
+  isSelectionAtBlockEnd,
+  isSelectionAtBlockStart,
+  someNode,
+} from '@udecode/plate-common';
 import { createPlatePlugin } from '@udecode/plate-common/react';
 import { IndentListPlugin } from '@udecode/plate-indent-list/react';
 import { ListItemPlugin } from '@udecode/plate-list/react';
@@ -18,7 +22,8 @@ export const tabbablePlugin = TabbablePlugin.extend({
 }).configure(({ editor }) => ({
   options: {
     query: () => {
-      if (isSelectionAtBlockStart(editor)) return false;
+      if (isSelectionAtBlockStart(editor) || isSelectionAtBlockEnd(editor))
+        return false;
 
       return !someNode(editor, {
         match: (n) => {
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 6b6b5e10f5..176f2740b8 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -69,6 +69,7 @@ import { settingsStore } from '@/components/context/settings-store';
 import { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';
 import { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';
 import { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';
+import { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';
 import { createPlateUI } from '@/plate/create-plate-ui';
 import { editableProps } from '@/plate/demo/editableProps';
 import { isEnabled } from '@/plate/demo/is-enabled';
@@ -118,6 +119,8 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         plugins: overridePlugins,
       },
       plugins: [
+        //ai
+        copilotPlugin,
         // Nodes
         HeadingPlugin,
         BlockquotePlugin,
@@ -155,7 +158,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         TodoListPlugin,
         TogglePlugin,
         ExcalidrawPlugin,
-
         // Marks
         BoldPlugin,
         ItalicPlugin,
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
index 5f0c578f0e..128a59f274 100644
--- a/apps/www/src/registry/default/example/pro-iframe-demo.tsx
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -1,11 +1,17 @@
-import { siteConfig } from '../../../config/site';
+import { siteConfig } from '@/config/site';
+import { cn } from '@/registry/default/lib/utils';
 
-export default function ProIframeDemo({ component }: { component: string }) {
+export default function ProIframeDemo({
+  component,
+}: {
+  component: string;
+  height: string;
+}) {
   return (
     <iframe
-      className="size-full h-[350px]"
-      src={`${siteConfig.links.platePlus}/iframe/${component}`}
+      className={cn(`size-full h-[520px]`)}
       title={component}
-    ></iframe>
+      src={`${siteConfig.links.platePlus}/iframe/${component}`}
+    />
   );
 }
diff --git a/apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx b/apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx
new file mode 100644
index 0000000000..cccf54f2b6
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx
@@ -0,0 +1,11 @@
+import type { CopilotHoverCardProps } from '@udecode/plate-ai/react';
+
+export const AiCopilotHoverCard = ({
+  suggestionText,
+}: CopilotHoverCardProps) => {
+  return (
+    <span className="text-gray-400" contentEditable={false}>
+      {suggestionText}
+    </span>
+  );
+};
diff --git a/packages/ai/.npmignore b/packages/ai/.npmignore
new file mode 100644
index 0000000000..7d3b305b17
--- /dev/null
+++ b/packages/ai/.npmignore
@@ -0,0 +1,3 @@
+__tests__
+__test-utils__
+__mocks__
diff --git a/packages/ai/README.md b/packages/ai/README.md
new file mode 100644
index 0000000000..eb8febea7a
--- /dev/null
+++ b/packages/ai/README.md
@@ -0,0 +1,7 @@
+# Plate alignment
+
+Visit https://platejs.org/docs/alignment to view the documentation.
+
+## License
+
+[MIT](../../LICENSE)
diff --git a/packages/ai/package.json b/packages/ai/package.json
new file mode 100644
index 0000000000..9645519921
--- /dev/null
+++ b/packages/ai/package.json
@@ -0,0 +1,67 @@
+{
+  "name": "@udecode/plate-ai",
+  "version": "38.0.1",
+  "description": "Text AI plugin for Plate",
+  "keywords": [
+    "plate",
+    "plugin",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/udecode/plate.git",
+    "directory": "packages/ai"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "module": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.mjs",
+      "module": "./dist/react/index.mjs",
+      "require": "./dist/react/index.js"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "brl": "yarn p:brl",
+    "build": "yarn p:build",
+    "build:watch": "yarn p:build:watch",
+    "clean": "yarn p:clean",
+    "lint": "yarn p:lint",
+    "lint:fix": "yarn p:lint:fix",
+    "test": "yarn p:test",
+    "test:watch": "yarn p:test:watch",
+    "typecheck": "yarn p:typecheck"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21"
+  },
+  "peerDependencies": {
+    "@udecode/plate-common": ">=38.0.6",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "slate": ">=0.103.0",
+    "slate-history": ">=0.93.0",
+    "slate-hyperscript": ">=0.66.0",
+    "slate-react": ">=0.108.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/ai/src/index.ts b/packages/ai/src/index.ts
new file mode 100644
index 0000000000..e7cccc036f
--- /dev/null
+++ b/packages/ai/src/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './lib/index';
diff --git a/packages/ai/src/lib/BaseAIPlugin.ts b/packages/ai/src/lib/BaseAIPlugin.ts
new file mode 100644
index 0000000000..7cdb51690a
--- /dev/null
+++ b/packages/ai/src/lib/BaseAIPlugin.ts
@@ -0,0 +1,26 @@
+import type { TriggerComboboxPluginOptions } from '@udecode/plate-combobox';
+
+import {
+  type PluginConfig,
+  type SlateEditor,
+  type TNodeEntry,
+  createTSlatePlugin,
+} from '@udecode/plate-common';
+
+import { withTriggerAIMenu } from './withTriggerAIMenu';
+
+export type BaseAIOptions = {
+  onOpenAI?: (editor: SlateEditor, nodeEntry: TNodeEntry) => void;
+} & TriggerComboboxPluginOptions;
+
+export type BaseAIPluginConfig = PluginConfig<'ai', BaseAIOptions>;
+
+export const BaseAIPlugin = createTSlatePlugin({
+  key: 'ai',
+  extendEditor: withTriggerAIMenu,
+  options: {
+    scrollContainerSelector: '#scroll_container',
+    trigger: ' ',
+    triggerPreviousCharPattern: /^\s?$/,
+  },
+});
diff --git a/packages/ai/src/lib/index.ts b/packages/ai/src/lib/index.ts
new file mode 100644
index 0000000000..99b9131797
--- /dev/null
+++ b/packages/ai/src/lib/index.ts
@@ -0,0 +1,6 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './BaseAIPlugin';
+export * from './withTriggerAIMenu';
diff --git a/packages/ai/src/lib/withTriggerAIMenu.ts b/packages/ai/src/lib/withTriggerAIMenu.ts
new file mode 100644
index 0000000000..a03c00d092
--- /dev/null
+++ b/packages/ai/src/lib/withTriggerAIMenu.ts
@@ -0,0 +1,75 @@
+import type { ExtendEditor } from '@udecode/plate-core';
+
+import {
+  getEditorString,
+  getNodeString,
+  getPointBefore,
+  getRange,
+} from '@udecode/slate';
+import { getAncestorNode } from '@udecode/slate-utils';
+
+import type { BaseAIPluginConfig } from './BaseAIPlugin';
+
+export const withTriggerAIMenu: ExtendEditor<BaseAIPluginConfig> = ({
+  editor,
+  ...ctx
+}) => {
+  const { insertText } = editor;
+
+  const matchesTrigger = (text: string) => {
+    const { trigger } = ctx.getOptions();
+
+    if (trigger instanceof RegExp) {
+      return trigger.test(text);
+    }
+    if (Array.isArray(trigger)) {
+      return trigger.includes(text);
+    }
+
+    return text === trigger;
+  };
+
+  editor.insertText = (text) => {
+    const { triggerPreviousCharPattern, triggerQuery } = ctx.getOptions();
+
+    if (
+      !editor.selection ||
+      !matchesTrigger(text) ||
+      (triggerQuery && !triggerQuery(editor))
+    ) {
+      return insertText(text);
+    }
+
+    // Make sure an input is created at the beginning of line or after a whitespace
+    const previousChar = getEditorString(
+      editor,
+      getRange(
+        editor,
+        editor.selection,
+        getPointBefore(editor, editor.selection)
+      )
+    );
+
+    const matchesPreviousCharPattern =
+      triggerPreviousCharPattern?.test(previousChar);
+
+    if (matchesPreviousCharPattern) {
+      const nodeEntry = getAncestorNode(editor);
+
+      if (!nodeEntry) return insertText(text);
+
+      const [node] = nodeEntry;
+
+      // Make sure can only open menu in the first point
+      if (getNodeString(node).length > 0) return insertText(text);
+
+      const { onOpenAI } = ctx.getOptions();
+
+      if (onOpenAI) return onOpenAI(editor, nodeEntry);
+    }
+
+    return insertText(text);
+  };
+
+  return editor;
+};
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
new file mode 100644
index 0000000000..08f95f3fba
--- /dev/null
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -0,0 +1,185 @@
+import type { ExtendConfig } from '@udecode/plate-core';
+import type { NodeEntry, Path } from 'slate';
+
+import {
+  type PlateEditor,
+  toDOMNode,
+  toTPlatePlugin,
+} from '@udecode/plate-common/react';
+
+import { type BaseAIPluginConfig, BaseAIPlugin } from '../../lib';
+
+export const KEY_AI = 'ai';
+
+export interface AIPlugin {
+  scrollContainerSelector?: string;
+  trigger?: RegExp | string[] | string;
+  triggerPreviousCharPattern?: RegExp;
+}
+
+export type AISelectors = {
+  isOpen: (editorId: string) => boolean;
+};
+
+export type AIApi = {
+  abort: () => void;
+  clearLast: () => void;
+  focusMenu: () => void;
+  hide: () => void;
+  setAnchorElement: (dom: HTMLElement) => void;
+  show: (editorId: string, dom: HTMLElement, nodeEntry: NodeEntry) => void;
+};
+
+export type AIActionGroup = {
+  group?: string;
+  value?: string;
+};
+
+export type AIPluginConfig = ExtendConfig<
+  BaseAIPluginConfig,
+  {
+    abortController: AbortController | null;
+    action: AIActionGroup | null;
+    aiEditor: PlateEditor | null;
+    aiState: 'done' | 'generating' | 'idle' | 'requesting';
+    anchorDom: HTMLElement | null;
+    curNodeEntry: NodeEntry | null;
+    initNodeEntry: NodeEntry | null;
+    lastGenerate: string | null;
+    lastPrompt: string | null;
+    lastWorkPath: Path | null;
+    menuType: 'selection' | 'space' | null;
+    openEditorId: string | null;
+    scrollContainerSelector: string;
+    store: any | null;
+  } & AIApi &
+    AISelectors,
+  {
+    ai: AIApi;
+  }
+>;
+
+export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
+  options: {
+    abortController: null,
+    action: null,
+    aiEditor: null,
+    aiState: 'idle',
+    anchorDom: null,
+    curNodeEntry: null,
+    initNodeEntry: null,
+    lastGenerate: null,
+    lastPrompt: null,
+    lastWorkPath: null,
+    menuType: null,
+    openEditorId: null,
+    store: null,
+  },
+})
+  .extendOptions<AISelectors>(({ getOptions }) => ({
+    isOpen: (editorId: string) => {
+      const { openEditorId, store } = getOptions();
+      const anchorElement = store?.getState().anchorElement;
+      const isAnchor = !!anchorElement && document.contains(anchorElement);
+
+      return !!editorId && openEditorId === editorId && isAnchor;
+    },
+  }))
+  .extendApi<
+    Required<Pick<AIApi, 'clearLast' | 'focusMenu' | 'setAnchorElement'>>
+  >(({ getOptions, setOptions }) => ({
+    clearLast: () => {
+      setOptions({
+        lastGenerate: null,
+        lastPrompt: null,
+        lastWorkPath: null,
+      });
+    },
+    focusMenu: () => {
+      const { store } = getOptions();
+
+      setTimeout(() => {
+        const searchInput = document.querySelector(
+          '#__potion_ai_menu_searchRef'
+        ) as HTMLInputElement;
+
+        if (store) {
+          store.setAutoFocusOnShow(true);
+          store.setInitialFocus('first');
+          searchInput?.focus();
+        }
+      }, 0);
+    },
+    setAnchorElement: (dom: HTMLElement) => {
+      const { store } = getOptions();
+
+      if (store) {
+        store.setAnchorElement(dom);
+      }
+    },
+  }))
+  .extendApi<Required<Pick<AIApi, 'abort' | 'hide' | 'show'>>>(
+    ({ api, getOptions, setOption }) => ({
+      abort: () => {
+        const { abortController } = getOptions();
+
+        abortController?.abort();
+        setOption('aiState', 'idle');
+        setTimeout(() => {
+          api.ai.focusMenu();
+        }, 0);
+      },
+      hide: () => {
+        setOption('openEditorId', null);
+        getOptions().store?.setAnchorElement(null);
+      },
+      show: (editorId: string, dom: HTMLElement, nodeEntry: NodeEntry) => {
+        const { store } = getOptions();
+
+        setOption('openEditorId', editorId);
+        api.ai.clearLast();
+        setOption('initNodeEntry', nodeEntry);
+        api.ai.setAnchorElement(dom);
+        store?.show();
+        api.ai.focusMenu();
+      },
+    })
+  )
+  .extend(({ api, getOptions, setOptions }) => ({
+    options: {
+      onOpenAI(editor, [node, path]) {
+        // NOTE: toDOMNode is dependent on the React make it to an options if want to support other frame.
+        const dom = toDOMNode(editor, node);
+
+        if (!dom) return;
+
+        const { scrollContainerSelector } = getOptions();
+
+        // TODO popup animation
+        if (scrollContainerSelector) {
+          const scrollContainer = document.querySelector(
+            scrollContainerSelector
+          );
+
+          if (!scrollContainer) return;
+
+          // Make sure when popup in very bottom the menu within the viewport range.
+          const rect = dom.getBoundingClientRect();
+          const windowHeight = window.innerHeight;
+          const distanceToBottom = windowHeight - rect.bottom;
+
+          // 261 is height of the menu.
+          if (distanceToBottom < 261) {
+            // TODO: scroll animation
+            scrollContainer.scrollTop += 261 - distanceToBottom;
+          }
+        }
+
+        api.ai.show(editor.id, dom, [node, path]);
+        setOptions({
+          aiState: 'idle',
+          menuType: 'space',
+        });
+      },
+    },
+  }));
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
new file mode 100644
index 0000000000..e460f9c7c1
--- /dev/null
+++ b/packages/ai/src/react/ai/index.ts
@@ -0,0 +1,6 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './AIPlugin';
+export * from './utils/index';
diff --git a/packages/ai/src/react/ai/utils/index.ts b/packages/ai/src/react/ai/utils/index.ts
new file mode 100644
index 0000000000..c75e5e81cc
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './updateMenuAnchorByPath';
diff --git a/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts b/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
new file mode 100644
index 0000000000..e6c953c282
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
@@ -0,0 +1,27 @@
+import type { PlateEditor } from '@udecode/plate-core/react';
+import type { Path } from 'slate';
+
+import { getAncestorNode } from '@udecode/plate-common';
+import { toDOMNode } from '@udecode/plate-common/react';
+
+import { AIPlugin } from '../AIPlugin';
+
+export const updateMenuAnchorByPath = (editor: PlateEditor, path: Path) => {
+  // FIX: replace make the anchor disappear
+  editor.setOptions(AIPlugin, {
+    openEditorId: editor.id,
+  });
+
+  const nodeEntry = getAncestorNode(editor, path);
+
+  if (nodeEntry) {
+    setTimeout(() => {
+      const dom = toDOMNode(editor, nodeEntry[0]);
+
+      if (dom) {
+        editor.getApi(AIPlugin).ai.setAnchorElement(dom);
+        editor.setOption(AIPlugin, 'curNodeEntry', nodeEntry);
+      }
+    }, 0);
+  }
+};
diff --git a/packages/ai/src/react/copilot/CopilotPlugin.tsx b/packages/ai/src/react/copilot/CopilotPlugin.tsx
new file mode 100644
index 0000000000..0826c19bb1
--- /dev/null
+++ b/packages/ai/src/react/copilot/CopilotPlugin.tsx
@@ -0,0 +1,214 @@
+import React from 'react';
+
+import type { InsertTextOperation } from 'slate';
+
+import {
+  type PluginConfig,
+  type QueryNodeOptions,
+  withoutMergingHistory,
+} from '@udecode/plate-common';
+import {
+  ParagraphPlugin,
+  createTPlatePlugin,
+} from '@udecode/plate-common/react';
+
+import { generateCopilotTextDebounce } from './generateCopilotText';
+import { InjectCopilot } from './injectCopilot';
+import { onKeyDownCopilot } from './onKeyDownCopilot';
+import { withoutAbort } from './utils/withoutAbort';
+
+export interface CopilotHoverCardProps {
+  suggestionText: string;
+}
+
+export interface FetchCopilotSuggestionProps {
+  abortSignal: AbortController;
+  prompt: string;
+}
+
+export type CopilotPluginConfig = PluginConfig<
+  'copilot',
+  {
+    hoverCard: (props: CopilotHoverCardProps) => JSX.Element;
+    abortController?: AbortController | null;
+    completedNodeId?: string | null;
+    copilotState?: 'completed' | 'idle';
+    enableDebounce?: boolean;
+    enableShortCut?: boolean;
+    fetchSuggestion?: (props: FetchCopilotSuggestionProps) => Promise<string>;
+    query?: QueryNodeOptions;
+    shouldAbort?: boolean;
+    suggestionText?: string | null;
+  } & CopilotApi &
+    CopilotSelectors
+>;
+
+type CopilotSelectors = {
+  isCompleted?: (id: string) => boolean;
+};
+
+type CopilotApi = {
+  abortCopilot?: () => void;
+  setCopilot?: (id: string, text: string) => void;
+};
+
+export const CopilotPlugin = createTPlatePlugin<CopilotPluginConfig>({
+  key: 'copilot',
+  options: {
+    copilotState: 'idle',
+    enableDebounce: false,
+    hoverCard: (props) => <span>{props.suggestionText}</span>,
+    query: {
+      allow: [ParagraphPlugin.key],
+    },
+    shouldAbort: true,
+  },
+})
+  .extendOptions<Required<CopilotSelectors>>(({ getOptions }) => ({
+    isCompleted: (id) => getOptions().completedNodeId === id,
+  }))
+  .extendApi<Required<CopilotApi>>(({ getOptions, setOptions }) => ({
+    abortCopilot: () => {
+      const { abortController } = getOptions();
+
+      abortController?.abort();
+
+      setOptions({
+        abortController: null,
+        completedNodeId: null,
+        copilotState: 'idle',
+      });
+    },
+    setCopilot: (id, text) => {
+      setOptions({
+        completedNodeId: id,
+        copilotState: 'completed',
+        suggestionText: text,
+      });
+    },
+  }))
+  .extend({
+    extendEditor: ({ api, editor, getOptions, setOptions }) => {
+      type CopilotBatch = (typeof editor.history.undos)[number] & {
+        shouldAbort: boolean;
+      };
+
+      const { apply, insertText, redo, setSelection, undo, writeHistory } =
+        editor;
+
+      editor.undo = () => {
+        if (getOptions().copilotState === 'idle') return undo();
+
+        const topUndo = editor.history.undos.at(-1) as CopilotBatch;
+        const oldText = getOptions().suggestionText;
+
+        if (
+          topUndo &&
+          topUndo.shouldAbort === false &&
+          topUndo.operations[0].type === 'insert_text' &&
+          oldText
+        ) {
+          withoutAbort(editor, () => {
+            const shouldInsertText = (
+              topUndo.operations[0] as InsertTextOperation
+            ).text;
+
+            const newText = shouldInsertText + oldText;
+            setOptions({ suggestionText: newText });
+
+            undo();
+          });
+
+          return;
+        }
+
+        return undo();
+      };
+
+      editor.redo = () => {
+        if (getOptions().copilotState === 'idle') return redo();
+
+        const topRedo = editor.history.redos.at(-1) as CopilotBatch;
+        const oldText = getOptions().suggestionText;
+
+        if (
+          topRedo &&
+          topRedo.shouldAbort === false &&
+          topRedo.operations[0].type === 'insert_text' &&
+          oldText
+        ) {
+          withoutAbort(editor, () => {
+            const shouldRemoveText = (
+              topRedo.operations[0] as InsertTextOperation
+            ).text;
+
+            const newText = oldText.slice(shouldRemoveText.length);
+            setOptions({ suggestionText: newText });
+
+            redo();
+          });
+
+          return;
+        }
+
+        return redo();
+      };
+
+      editor.writeHistory = (stacks, batch) => {
+        if (getOptions().copilotState === 'idle')
+          return writeHistory(stacks, batch);
+
+        const { shouldAbort } = getOptions();
+        batch.shouldAbort = shouldAbort;
+
+        return writeHistory(stacks, batch);
+      };
+
+      editor.insertText = (text) => {
+        if (getOptions().copilotState === 'idle') return insertText(text);
+
+        const oldText = getOptions().suggestionText;
+
+        if (text.length === 1 && text === oldText?.at(0)) {
+          withoutAbort(editor, () => {
+            withoutMergingHistory(editor, () => {
+              const newText = oldText?.slice(1);
+              setOptions({ suggestionText: newText });
+              insertText(text);
+            });
+          });
+
+          return;
+        }
+
+        insertText(text);
+      };
+
+      editor.apply = (operation) => {
+        const { shouldAbort } = getOptions();
+
+        if (shouldAbort) {
+          api.copilot.abortCopilot();
+        }
+
+        apply(operation);
+      };
+
+      editor.setSelection = (selection) => {
+        if (getOptions().enableDebounce) {
+          void generateCopilotTextDebounce(editor, { isDebounce: true });
+        }
+
+        return setSelection(selection);
+      };
+
+      return editor;
+    },
+    render: {
+      // TODO: type
+      belowNodes: InjectCopilot as any,
+    },
+    handlers: {
+      onKeyDown: onKeyDownCopilot as any,
+    },
+  });
diff --git a/packages/ai/src/react/copilot/generateCopilotText.ts b/packages/ai/src/react/copilot/generateCopilotText.ts
new file mode 100644
index 0000000000..b7acba42f4
--- /dev/null
+++ b/packages/ai/src/react/copilot/generateCopilotText.ts
@@ -0,0 +1,73 @@
+import type { KeyboardEvent } from 'react';
+
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import {
+  getAncestorNode,
+  getNodeString,
+  isEndPoint,
+  isExpanded,
+} from '@udecode/plate-common';
+// TODO:AI
+import { debounce } from 'lodash';
+
+import { AIPlugin } from '../ai';
+import { CopilotPlugin } from './CopilotPlugin';
+
+export const generateCopilotText = async (
+  editor: PlateEditor,
+  options: {
+    event?: KeyboardEvent<Element>;
+    isDebounce?: boolean;
+  }
+) => {
+  const { copilotState, fetchSuggestion, query } =
+    editor.getOptions(CopilotPlugin);
+
+  if (copilotState === 'completed') return;
+
+  // TODO:AI
+  const aiState = editor.getOption(AIPlugin, 'aiState');
+
+  if (aiState !== 'idle') return;
+
+  const nodeEntry = getAncestorNode(editor);
+
+  if (!nodeEntry) return;
+  if (isExpanded(editor.selection)) return;
+
+  const isEnd = isEndPoint(editor, editor.selection?.focus, nodeEntry[1]);
+
+  if (!isEnd) return;
+
+  options.event?.preventDefault();
+
+  const [node] = nodeEntry;
+
+  if (!query?.allow?.includes(node.type as string)) return;
+
+  const prompt = getNodeString(node);
+
+  if (prompt.length === 0) return;
+
+  const abortController = new AbortController();
+
+  const { abortCopilot, setCopilot } = editor.getApi(CopilotPlugin).copilot;
+
+  // abort the last request
+  abortCopilot();
+
+  editor.setOptions(CopilotPlugin, { abortController });
+
+  const suggestion = await fetchSuggestion?.({
+    abortSignal: abortController,
+    prompt,
+  });
+
+  return setCopilot(
+    node.id,
+    suggestion ?? 'Can not get suggestion did you config fetchSuggestion?'
+  );
+};
+
+export const generateCopilotTextDebounce = debounce(generateCopilotText, 500);
diff --git a/packages/ai/src/react/copilot/getCopilotSystem.ts b/packages/ai/src/react/copilot/getCopilotSystem.ts
new file mode 100644
index 0000000000..402d5ff768
--- /dev/null
+++ b/packages/ai/src/react/copilot/getCopilotSystem.ts
@@ -0,0 +1,6 @@
+export const getCopilotSystem = (): string => {
+  return `Please continue writing a sentence based on the prompt.
+      Important Note: Please do not answer any questions. Directly provide the continuation of the content without including any part of the prompt and
+      don't write more than one sentence: finish current sentence or write a new one
+      `;
+};
diff --git a/packages/ai/src/react/copilot/index.ts b/packages/ai/src/react/copilot/index.ts
new file mode 100644
index 0000000000..e159a4ed3f
--- /dev/null
+++ b/packages/ai/src/react/copilot/index.ts
@@ -0,0 +1,10 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './CopilotPlugin';
+export * from './generateCopilotText';
+export * from './getCopilotSystem';
+export * from './injectCopilot';
+export * from './onKeyDownCopilot';
+export * from './utils/index';
diff --git a/packages/ai/src/react/copilot/injectCopilot.tsx b/packages/ai/src/react/copilot/injectCopilot.tsx
new file mode 100644
index 0000000000..10196f752d
--- /dev/null
+++ b/packages/ai/src/react/copilot/injectCopilot.tsx
@@ -0,0 +1,48 @@
+import React, { useMemo } from 'react';
+
+import { getAncestorNode } from '@udecode/plate-common';
+import {
+  type NodeWrapperComponentProps,
+  findNodePath,
+  useEditorPlugin,
+} from '@udecode/plate-common/react';
+
+import { type CopilotPluginConfig, CopilotPlugin } from './CopilotPlugin';
+
+export const InjectCopilot = (
+  injectProps: NodeWrapperComponentProps<CopilotPluginConfig>
+) => {
+  const { element } = injectProps;
+  const { editor, getOptions } = useEditorPlugin(CopilotPlugin);
+
+  const isCompleted = editor.useOption(
+    CopilotPlugin,
+    'isCompleted',
+    element.id as string
+  );
+
+  const nodeType = useMemo(() => {
+    const path = findNodePath(editor, element);
+
+    if (!path) return;
+
+    const node = getAncestorNode(editor, path);
+
+    return node?.[0].type;
+  }, [editor, element]);
+
+  const { hoverCard: HoverCard, query, suggestionText } = getOptions();
+
+  if (query?.allow?.includes(nodeType as string)) {
+    return function Component({ children }: { children: React.ReactNode }) {
+      return (
+        <React.Fragment>
+          {children}
+          {isCompleted && suggestionText && (
+            <HoverCard suggestionText={suggestionText} />
+          )}
+        </React.Fragment>
+      );
+    };
+  }
+};
diff --git a/packages/ai/src/react/copilot/onKeyDownCopilot.ts b/packages/ai/src/react/copilot/onKeyDownCopilot.ts
new file mode 100644
index 0000000000..f2d2fb3284
--- /dev/null
+++ b/packages/ai/src/react/copilot/onKeyDownCopilot.ts
@@ -0,0 +1,56 @@
+import {
+  insertText,
+  isHotkey,
+  withoutMergingHistory,
+} from '@udecode/plate-common';
+import { type KeyboardHandler, Hotkeys } from '@udecode/plate-common/react';
+
+import { type CopilotPluginConfig, CopilotPlugin } from './CopilotPlugin';
+import { generateCopilotText } from './generateCopilotText';
+import { withoutAbort } from './utils/withoutAbort';
+
+export const onKeyDownCopilot: KeyboardHandler<CopilotPluginConfig> = ({
+  editor,
+  event,
+  getOptions,
+  setOptions,
+}) => {
+  if (event.defaultPrevented) return;
+
+  const {
+    copilotState: state,
+    enableShortCut = true,
+    suggestionText: completionText,
+  } = getOptions();
+
+  if (state === 'completed' && Hotkeys.isTab(editor, event)) {
+    event.preventDefault();
+    withoutMergingHistory(editor, () => {
+      insertText(editor, completionText!);
+    });
+  }
+  if (isHotkey('ctrl+space')(event) && enableShortCut) {
+    void generateCopilotText(editor, { event, isDebounce: false });
+  }
+  if (isHotkey('cmd+right')(event) && state === 'completed') {
+    event.preventDefault();
+    const text = completionText!;
+    // TODO: support Chinese.
+    const firstWord = /^\s*\S+/.exec(text)?.[0] || '';
+    const remainingText = text.slice(firstWord.length);
+
+    setOptions({ suggestionText: remainingText });
+
+    withoutAbort(editor, () => {
+      withoutMergingHistory(editor, () => {
+        insertText(editor, firstWord);
+      });
+    });
+  }
+  if (state === 'completed' && isHotkey('escape')(event)) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    return editor.getApi(CopilotPlugin).copilot.abortCopilot();
+  }
+};
diff --git a/packages/ai/src/react/copilot/utils/index.ts b/packages/ai/src/react/copilot/utils/index.ts
new file mode 100644
index 0000000000..c7c7868302
--- /dev/null
+++ b/packages/ai/src/react/copilot/utils/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './withoutAbort';
diff --git a/packages/ai/src/react/copilot/utils/withoutAbort.ts b/packages/ai/src/react/copilot/utils/withoutAbort.ts
new file mode 100644
index 0000000000..55c36254ee
--- /dev/null
+++ b/packages/ai/src/react/copilot/utils/withoutAbort.ts
@@ -0,0 +1,9 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { CopilotPlugin } from '..';
+
+export const withoutAbort = (editor: PlateEditor, fn: () => void) => {
+  editor.setOptions(CopilotPlugin, { shouldAbort: false });
+  fn();
+  editor.setOptions(CopilotPlugin, { shouldAbort: true });
+};
diff --git a/packages/ai/src/react/index.ts b/packages/ai/src/react/index.ts
new file mode 100644
index 0000000000..4b6a3dbc5f
--- /dev/null
+++ b/packages/ai/src/react/index.ts
@@ -0,0 +1,6 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './ai/index';
+export * from './copilot/index';
diff --git a/packages/ai/tsconfig.build.json b/packages/ai/tsconfig.build.json
new file mode 100644
index 0000000000..425481e027
--- /dev/null
+++ b/packages/ai/tsconfig.build.json
@@ -0,0 +1,8 @@
+{
+  "extends": "../../config/tsconfig.build.json",
+  "compilerOptions": {
+    "declarationDir": "./dist",
+    "outDir": "./dist"
+  },
+  "include": ["src"]
+}
diff --git a/packages/ai/tsconfig.json b/packages/ai/tsconfig.json
new file mode 100644
index 0000000000..ad83d092a5
--- /dev/null
+++ b/packages/ai/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../config/tsconfig.base.json",
+  "include": ["src"],
+  "exclude": []
+}
diff --git a/yarn.lock b/yarn.lock
index c08fefdd91..546f2e9aca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5883,6 +5883,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@udecode/plate-ai@workspace:^, @udecode/plate-ai@workspace:packages/ai":
+  version: 0.0.0-use.local
+  resolution: "@udecode/plate-ai@workspace:packages/ai"
+  dependencies:
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.6"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  languageName: unknown
+  linkType: soft
+
 "@udecode/plate-alignment@npm:38.0.1, @udecode/plate-alignment@workspace:^, @udecode/plate-alignment@workspace:packages/alignment":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-alignment@workspace:packages/alignment"
@@ -21604,6 +21620,7 @@ __metadata:
     "@types/react-syntax-highlighter": "npm:^15.5.13"
     "@udecode/cn": "workspace:^"
     "@udecode/plate": "workspace:^"
+    "@udecode/plate-ai": "workspace:^"
     "@udecode/plate-alignment": "workspace:^"
     "@udecode/plate-autoformat": "workspace:^"
     "@udecode/plate-basic-elements": "workspace:^"

From 22966329782dfb9830ec585708866957b84a4d4b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 26 Sep 2024 21:45:38 +0800
Subject: [PATCH 012/127] lint

---
 packages/ai/src/lib/withTriggerAIMenu.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ai/src/lib/withTriggerAIMenu.ts b/packages/ai/src/lib/withTriggerAIMenu.ts
index a03c00d092..44e18acc6c 100644
--- a/packages/ai/src/lib/withTriggerAIMenu.ts
+++ b/packages/ai/src/lib/withTriggerAIMenu.ts
@@ -1,12 +1,12 @@
 import type { ExtendEditor } from '@udecode/plate-core';
 
 import {
+  getAncestorNode,
   getEditorString,
   getNodeString,
   getPointBefore,
   getRange,
-} from '@udecode/slate';
-import { getAncestorNode } from '@udecode/slate-utils';
+} from '@udecode/plate-common';
 
 import type { BaseAIPluginConfig } from './BaseAIPlugin';
 

From ab17880c5e0b46ff8d2f5478029b2894eb3ee781 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 26 Sep 2024 22:54:03 +0800
Subject: [PATCH 013/127] ci

---
 packages/ai/package.json                             | 1 +
 packages/ai/src/react/copilot/generateCopilotText.ts | 2 +-
 packages/ai/src/react/copilot/getCopilotSystem.ts    | 6 ------
 packages/ai/src/react/copilot/index.ts               | 1 -
 yarn.lock                                            | 1 +
 5 files changed, 3 insertions(+), 8 deletions(-)
 delete mode 100644 packages/ai/src/react/copilot/getCopilotSystem.ts

diff --git a/packages/ai/package.json b/packages/ai/package.json
index 9645519921..a6c0ca6de6 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -50,6 +50,7 @@
     "typecheck": "yarn p:typecheck"
   },
   "dependencies": {
+    "@udecode/plate-combobox": "38.0.1",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
diff --git a/packages/ai/src/react/copilot/generateCopilotText.ts b/packages/ai/src/react/copilot/generateCopilotText.ts
index b7acba42f4..f29f425966 100644
--- a/packages/ai/src/react/copilot/generateCopilotText.ts
+++ b/packages/ai/src/react/copilot/generateCopilotText.ts
@@ -9,7 +9,7 @@ import {
   isExpanded,
 } from '@udecode/plate-common';
 // TODO:AI
-import { debounce } from 'lodash';
+import debounce from 'lodash/debounce';
 
 import { AIPlugin } from '../ai';
 import { CopilotPlugin } from './CopilotPlugin';
diff --git a/packages/ai/src/react/copilot/getCopilotSystem.ts b/packages/ai/src/react/copilot/getCopilotSystem.ts
deleted file mode 100644
index 402d5ff768..0000000000
--- a/packages/ai/src/react/copilot/getCopilotSystem.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const getCopilotSystem = (): string => {
-  return `Please continue writing a sentence based on the prompt.
-      Important Note: Please do not answer any questions. Directly provide the continuation of the content without including any part of the prompt and
-      don't write more than one sentence: finish current sentence or write a new one
-      `;
-};
diff --git a/packages/ai/src/react/copilot/index.ts b/packages/ai/src/react/copilot/index.ts
index e159a4ed3f..97be77d466 100644
--- a/packages/ai/src/react/copilot/index.ts
+++ b/packages/ai/src/react/copilot/index.ts
@@ -4,7 +4,6 @@
 
 export * from './CopilotPlugin';
 export * from './generateCopilotText';
-export * from './getCopilotSystem';
 export * from './injectCopilot';
 export * from './onKeyDownCopilot';
 export * from './utils/index';
diff --git a/yarn.lock b/yarn.lock
index 546f2e9aca..8ea38a97b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5887,6 +5887,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@udecode/plate-ai@workspace:packages/ai"
   dependencies:
+    "@udecode/plate-combobox": "npm:38.0.1"
     lodash: "npm:^4.17.21"
   peerDependencies:
     "@udecode/plate-common": ">=38.0.6"

From dd55c66ac8b25cf43de719efb4ef9079a6bbc36b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 16:07:14 +0800
Subject: [PATCH 014/127] fix

---
 packages/ai/src/react/copilot/generateCopilotText.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/ai/src/react/copilot/generateCopilotText.ts b/packages/ai/src/react/copilot/generateCopilotText.ts
index f29f425966..2cc00a5515 100644
--- a/packages/ai/src/react/copilot/generateCopilotText.ts
+++ b/packages/ai/src/react/copilot/generateCopilotText.ts
@@ -8,7 +8,6 @@ import {
   isEndPoint,
   isExpanded,
 } from '@udecode/plate-common';
-// TODO:AI
 import debounce from 'lodash/debounce';
 
 import { AIPlugin } from '../ai';
@@ -26,7 +25,6 @@ export const generateCopilotText = async (
 
   if (copilotState === 'completed') return;
 
-  // TODO:AI
   const aiState = editor.getOption(AIPlugin, 'aiState');
 
   if (aiState !== 'idle') return;

From 0c4b714c2dc4662eb039d601ac11c8bac375ecfb Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 18:25:21 +0800
Subject: [PATCH 015/127] docs

---
 apps/www/content/docs/copilot.mdx             | 274 +++++++++++++++++-
 apps/www/src/config/customizer-plugins.ts     |   9 +
 .../lib/plate/demo/values/copilotValue.tsx    |  34 +++
 3 files changed, 301 insertions(+), 16 deletions(-)
 create mode 100644 apps/www/src/lib/plate/demo/values/copilotValue.tsx

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index bd8fdd8319..7b58cc1750 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -1,21 +1,21 @@
 ---
 title: Copilot
-description: allows you to select from a list of AI commands. 
+description: AI-powered assistant that provides intelligent suggestions and autocompletion for enhanced content creation.
 docs:
-  - route: https://pro.platejs.org/docs/components/copilot
-    title: Copilot
+  - route: https://pro.platejs.org/docs/components/copilot-free
+    title: Copilot Hover Card
 ---
 
-<ComponentPreviewPro  name="pro-iframe-demo" id="pro-copilot" component="copilot" />
+<ComponentPreview name="playground-demo" id="copilot" />
 
 <PackageInfo>
 
 ## Features
 
-- Provides an AI-powered menu.
-- Offers a selection of AI commands to enhance content creation and editing.
-- Seamlessly integrates AI assistance within the editor interface.
-
+- Offers intelligent autocompletion to enhance content creation and editing.
+- Provides two modes: **debounce** and **shortcut**.
+  1. Shortcut mode is the default, triggered by pressing `Control+Space`.
+  2. Debounce mode can be automatically triggered when the selection changes or during typing.
 </PackageInfo>
 
 ## Installation
@@ -28,7 +28,7 @@ npm install @udecode/plate-ai
 
 ```tsx
 // ...
-import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 
 const editor = usePlateEditor({
   id: 'ai-demo',
@@ -37,18 +37,260 @@ const editor = usePlateEditor({
   },
   plugins: [
     ...commonPlugins,
-    SelectionOverlayPlugin,
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    AIPlugin.configure({
-      options: {
-        scrollContainerSelector: '#scroll_container',
+    CopilotPlugin.configure({
+    options: {
+      fetchSuggestion: async ({ abortSignal, prompt }) => {
+
+        // Currently, we are using a mock function to simulate the api request
+        return new Promise((resolve) => {
+          setTimeout(() => {
+            resolve(MENTIONABLES[Math.floor(Math.random() * 41)].text);
+          }, 100);
+        });
+      },
+      hoverCard: AiCopilotHoverCard,
+      query: {
+        allow: [
+          ParagraphPlugin.key,
+          BlockquotePlugin.key,
+          HEADING_KEYS.h1,
+          HEADING_KEYS.h2,
+          HEADING_KEYS.h3,
+          HEADING_KEYS.h4,
+          HEADING_KEYS.h5,
+          HEADING_KEYS.h6,
+        ],
       },
-      render: { aboveEditable: AIMenu },
-    }),
+    },
+});
   ],
   value: aiValue,
 });
 ```
 
+## Integrate with your backend
+
+`options.fetchSuggestion` is an asynchronous function that you need to implement to fetch suggestions from your backend. This function is crucial for integrating the Copilot feature with your own AI model or service.
+
+The function receives an object with two properties:
+
+- `abortSignal`: An `AbortSignal` object that allows you to cancel the request if needed. This is particularly useful in debounce mode to abort the request if the user continues typing or changes the selection.
+- `prompt`: A string containing the text of the node where the user's cursor is currently positioned. This serves as the context for generating suggestions.
+
+The function should return a Promise that resolves to a string. This string will be the suggestion inserted into the editor.
+
+Here's a more detailed example of how you might implement this function:
+
+```ts
+
+ fetchSuggestion: async ({ abortSignal, prompt }) => {
+    const system = `Please continue writing a sentence based on the prompt.
+      Important Note: Please do not answer any questions. Directly provide the continuation
+      of the content without including any part of the prompt and don't write more than one sentence:
+      finish current sentence or write a new one`
+
+    const response = await fetch('https://your-api-endpoint.com/api/v1/generate-text', {
+      method: 'POST',
+      body: JSON.stringify({ prompt,system }),
+      // pass the abortSignal to the fetch request
+      signal: abortSignal,
+    });
+
+    const data = await response.json();
+
+
+    // data.suggestion should be a string
+    return data.suggestion;
+},
+
+```
+
+## Copilot state
+
+The Copilot plugin maintains its own state to manage the suggestion process. The state can be either 'idle' or 'completed'. Here's a breakdown of what each state means:
+```ts
+type CopilotState = 'idle' | 'completed';
+```
+
+- `idle`: This is the default state. It indicates that the Copilot is not currently providing a suggestion or has finished processing the previous suggestion.
+- `completed`: This state indicates that the Copilot has generated a suggestion and it's ready to be inserted into the editor. You'll see this suggestion as gray text in the editor, which can be accepted by pressing the Tab key or rejected by continuing to type.
+
+You can access the current state of the Copilot using:
+```ts
+const copilotState = editor.getOptions(CopilotPlugin).copilotState;
+```
+
+
+
+## Conflict with Tabbable Plugin
+
+When using both the [Tabbable Plugin](https://platejs.org/docs/tabbable) and the Copilot feature in your editor, you may encounter conflicts with the `Tab` key functionality. This is because both features utilize the same key binding.
+
+To resolve this conflict and ensure smooth operation of both features, you can configure the Tabbable Plugin to be disabled when the cursor is at the end of a paragraph. This allows the Copilot feature to function as intended when you press `Tab` at the end of a line.
+
+Here's how you can modify the Tabbable Plugin configuration:
+
+1. Visit the [Tabbable Plugin documentation](https://platejs.org/docs/tabbable#conflicts-with-other-plugins) for more details on handling conflicts.
+2. Implement the following configuration to disable the Tabbable Plugin when the cursor is at the end of a paragraph:
+
+```tsx
+TabbablePlugin.configure(({ editor }) => ({
+  options: {
+    query: () => {
+      // return false when cursor is in the end of the paragraph
+      if (isSelectionAtBlockStart(editor) || isSelectionAtBlockEnd(editor))
+        return false;
+
+      return !someNode(editor, {
+        match: (n) => {
+          return !!(
+            n.type &&
+            ([
+              CodeBlockPlugin.key,
+              ListItemPlugin.key,
+              TablePlugin.key,
+            ].includes(n.type as any) ||
+              n[IndentListPlugin.key])
+          );
+        },
+      });
+    },
+  },
+}));
+```
+
+
+
+## Plate Plus
+In Plate Plus, We using debounce mode by default. That's mean you will see the suggestion automatically without pressing `Control+Space`.
+
+We also provide a new style of hover card that is more user-friendly.You can hover on the suggestion to see the hover card.
+
+
+All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-copilot"
+  component="copilot"
+/>
+
+<APIOptions>
+<APIItem name="areaOptions" type="PartialSelectionOptions" optional>
+Options for the selection area. Example:
+
+```ts
+{
+  boundaries: ['#selection-demo #scroll_container'],
+  container: ['#selection-demo #scroll_container'],
+  selectables: ['#selection-demo #scroll_container .slate-selectable'],
+  selectionAreaClass: 'slate-selection-area',
+}
+```
+</APIItem>
+
+<APIItem name="editorPaddingRight" type="CSSProperties['width']" optional>
+The padding-right of the editor.
+</APIItem>
+
+<APIItem name="enableContextMenu" type="boolean" optional>
+Enables or disables the context menu for block selection.
+
+- **Default:** `false`
+</APIItem>
+
+<APIItem name="isSelecting" type="boolean" optional>
+Indicates whether block selection is currently active.
+
+- **Default:** `false`
+</APIItem>
+
+<APIItem name="onKeyDownSelecting" type="(e: KeyboardEvent) => void" optional>
+A function to handle the **`keydown`** event when selecting.
+</APIItem>
+
+<APIItem name="query" type="QueryNodeOptions" optional>
+Options for querying nodes during block selection.
+
+- **Default:** `{ maxLevel: 1 }`
+</APIItem>
+
+<APIItem name="selectedIds" type="Set<string>" optional>
+A set of IDs for the currently selected blocks.
+
+- **Default:** `new Set()`
+</APIItem>
+</APIOptions>
+
+### BlockContextMenuPlugin
+
+This plugin is used by `BlockSelectionPlugin` and doesn't need to be added manually.
+
 ## API
 
+### editor.getApi(CopilotPlugin).copilot.abortCopilot();
+
+Aborts the ongoing API request and removes any suggestion text currently displayed.
+
+<APIReturns>
+  <APIItem type="void">
+    This function does not return a value.
+  </APIItem>
+</APIReturns>
+
+
+### editor.api.blockSelection.getSelectedBlocks
+
+Gets the selected blocks in the editor.
+
+<APIReturns>
+  <APIItem type="TNodeEntry[]">
+    An array of selected block entries.
+  </APIItem>
+</APIReturns>
+
+### editor.getApi(CopilotPlugin).copilot.setCopilot
+
+Sets the suggestion text to the editor.
+
+<APIParameters>
+  <APIItem name="id" type="string">
+    The ID of the node to set the suggestion text.
+  </APIItem>
+  <APIItem name="text" type="string">
+    The suggestion text to set.
+  </APIItem>
+</APIParameters>
+
+
+## Utils functions
+
+### withoutAbort
+Temporarily disables the abort functionality of the Copilot plugin,
+by default any apply will cause the Copilot to remove the suggestion text and abort the request.
+
+<APIParameters>
+  <APIItem name="editor" type="PlateEditor">
+    The Plate editor instance.
+  </APIItem>
+  <APIItem name="fn" type="() => void">
+    The function to execute without abort.
+  </APIItem>
+</APIParameters>
+
+<APIReturns>
+  <APIItem type="void">
+    This function does not return a value.
+  </APIItem>
+</APIReturns>
+
+Usage example:
+```ts
+import { withoutAbort } from '@udecode/plate-ai/react';
+
+withoutAbort(editor, () => {
+  // Perform operations without the risk of abort
+  // For example, setting copilot suggestions
+});
+```
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index aceecbd6b7..9434758945 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -1,3 +1,4 @@
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -39,6 +40,7 @@ import { TogglePlugin } from '@udecode/plate-toggle/react';
 import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
+import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
 import { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';
 import { alignValue } from '@/plate/demo/values/alignValue';
 import { autoformatValue } from '@/plate/demo/values/autoformatValue';
@@ -140,6 +142,13 @@ export const customizerPlugins = {
     route: '/docs/comments',
     value: commentsValue,
   },
+  copilot: {
+    id: 'copilot',
+    label: 'Copilot',
+    plugins: [CopilotPlugin.key],
+    route: '/docs/copilot',
+    value: copilotValue,
+  },
   csv: {
     id: 'csv',
     label: 'CSV',
diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
new file mode 100644
index 0000000000..f006dc8318
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -0,0 +1,34 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const copilotValue: any = (
+  <fragment>
+    <hh2>🤖 Copilot</hh2>
+    <hp indent={1} listStyleType="decimal">
+      <htext>Position your cursor at the</htext>
+      <htext bold> end of a paragraph </htext>
+      <htext>where you want to add or modify text.</htext>
+    </hp>
+    <hp indent={1} listStart={2} listStyleType="decimal">
+      <htext>Press Control + Space to trigger Copilot.</htext>
+    </hp>
+    <hp indent={1} listStart={3} listStyleType="decimal">
+      <htext>Choose from the suggested completions:</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext bold>Tab</htext>:
+      <htext>Accept the entire suggested completion</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext bold>Control + Right Arrow</htext>
+      <htext>: Complete one character at a time</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext bold>Escape</htext>
+      <htext>: Cancel the Copilot</htext>
+    </hp>
+  </fragment>
+);

From d36ef3b7dc126f030f4197dfcdb816a68da85c11 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 18:27:15 +0800
Subject: [PATCH 016/127] docs

---
 apps/www/content/docs/copilot.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 7b58cc1750..d4214b976a 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -113,7 +113,7 @@ type CopilotState = 'idle' | 'completed';
 ```
 
 - `idle`: This is the default state. It indicates that the Copilot is not currently providing a suggestion or has finished processing the previous suggestion.
-- `completed`: This state indicates that the Copilot has generated a suggestion and it's ready to be inserted into the editor. You'll see this suggestion as gray text in the editor, which can be accepted by pressing the Tab key or rejected by continuing to type.
+- `completed`: This state indicates that the Copilot has generated a suggestion and it's ready to be inserted into the editor. You'll see this suggestion as gray text in the editor in this state.
 
 You can access the current state of the Copilot using:
 ```ts

From 881892ec491b0e9593974113224ff84e5e5b6b44 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 19:26:10 +0800
Subject: [PATCH 017/127] fix

---
 apps/www/content/docs/copilot.mdx | 61 -------------------------------
 1 file changed, 61 deletions(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index d4214b976a..242c3f105e 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -176,57 +176,6 @@ All of the backend setup is available in [Potion template](https://pro.platejs.o
   component="copilot"
 />
 
-<APIOptions>
-<APIItem name="areaOptions" type="PartialSelectionOptions" optional>
-Options for the selection area. Example:
-
-```ts
-{
-  boundaries: ['#selection-demo #scroll_container'],
-  container: ['#selection-demo #scroll_container'],
-  selectables: ['#selection-demo #scroll_container .slate-selectable'],
-  selectionAreaClass: 'slate-selection-area',
-}
-```
-</APIItem>
-
-<APIItem name="editorPaddingRight" type="CSSProperties['width']" optional>
-The padding-right of the editor.
-</APIItem>
-
-<APIItem name="enableContextMenu" type="boolean" optional>
-Enables or disables the context menu for block selection.
-
-- **Default:** `false`
-</APIItem>
-
-<APIItem name="isSelecting" type="boolean" optional>
-Indicates whether block selection is currently active.
-
-- **Default:** `false`
-</APIItem>
-
-<APIItem name="onKeyDownSelecting" type="(e: KeyboardEvent) => void" optional>
-A function to handle the **`keydown`** event when selecting.
-</APIItem>
-
-<APIItem name="query" type="QueryNodeOptions" optional>
-Options for querying nodes during block selection.
-
-- **Default:** `{ maxLevel: 1 }`
-</APIItem>
-
-<APIItem name="selectedIds" type="Set<string>" optional>
-A set of IDs for the currently selected blocks.
-
-- **Default:** `new Set()`
-</APIItem>
-</APIOptions>
-
-### BlockContextMenuPlugin
-
-This plugin is used by `BlockSelectionPlugin` and doesn't need to be added manually.
-
 ## API
 
 ### editor.getApi(CopilotPlugin).copilot.abortCopilot();
@@ -240,16 +189,6 @@ Aborts the ongoing API request and removes any suggestion text currently display
 </APIReturns>
 
 
-### editor.api.blockSelection.getSelectedBlocks
-
-Gets the selected blocks in the editor.
-
-<APIReturns>
-  <APIItem type="TNodeEntry[]">
-    An array of selected block entries.
-  </APIItem>
-</APIReturns>
-
 ### editor.getApi(CopilotPlugin).copilot.setCopilot
 
 Sets the suggestion text to the editor.

From 23fab25e46ccb30fb9960a9f6ee75432ce2570d8 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 19:42:24 +0800
Subject: [PATCH 018/127] fix

---
 apps/www/src/app/docs/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/app/docs/layout.tsx b/apps/www/src/app/docs/layout.tsx
index 3f0ce4eb77..7126e9a836 100644
--- a/apps/www/src/app/docs/layout.tsx
+++ b/apps/www/src/app/docs/layout.tsx
@@ -9,7 +9,7 @@ interface DocsLayoutProps {
 export default function DocsLayout({ children }: DocsLayoutProps) {
   return (
     <div className="border-b">
-      <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[250px_minmax(0,1fr)] lg:gap-10">
+      <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
         <aside className="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
           <ScrollArea className="h-full py-6 pr-6 lg:py-8">
             <DocsSidebarNav config={docsConfig} />

From 0126d0e3a8d3b81d941c72c9b1cdfed3b3bd61a3 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 21:26:08 +0800
Subject: [PATCH 019/127] docs

---
 .../docs/components/copilot-hover-card.mdx    | 69 +++++++++++++
 apps/www/content/docs/copilot.mdx             |  2 +-
 apps/www/public/r/index.json                  | 16 ++++
 .../r/styles/default/copilot-hover-card.json  | 18 ++++
 apps/www/src/__registry__/index.tsx           | 11 +++
 apps/www/src/config/customizer-components.ts  |  5 +
 apps/www/src/config/doc-pro.ts                | 47 ---------
 apps/www/src/config/docs.ts                   | 96 +++++++++++++------
 .../lib/plate/demo/plugins/copilotPlugin.tsx  |  4 +-
 ...-hover-card.tsx => copilot-hover-card.tsx} |  4 +-
 apps/www/src/registry/registry-ui.ts          |  7 ++
 11 files changed, 195 insertions(+), 84 deletions(-)
 create mode 100644 apps/www/content/docs/components/copilot-hover-card.mdx
 create mode 100644 apps/www/public/r/styles/default/copilot-hover-card.json
 delete mode 100644 apps/www/src/config/doc-pro.ts
 rename apps/www/src/registry/default/plate-ui/{ai-copilot-hover-card.tsx => copilot-hover-card.tsx} (68%)

diff --git a/apps/www/content/docs/components/copilot-hover-card.mdx b/apps/www/content/docs/components/copilot-hover-card.mdx
new file mode 100644
index 0000000000..52daa9bd6b
--- /dev/null
+++ b/apps/www/content/docs/components/copilot-hover-card.mdx
@@ -0,0 +1,69 @@
+---
+title: Copilot Hover Card
+description: Display AI-generated suggestions in a hover card.
+component: true
+docs:
+  - route: /docs/copilot
+    title: Copilot
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add copilot-hover-card
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource name="copilot-hover-card" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="copilot" />
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+## Plus examples
+
+In Plate Plus, We using debounce mode by default. That's mean you will see the suggestion automatically without pressing `Control+Space`.
+
+We also provide a new style of hover card that is more user-friendly.You can hover on the suggestion to see the hover card.
+
+All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-copilot"
+  component="copilot"
+/>
\ No newline at end of file
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 242c3f105e..9ee72aa75c 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -2,7 +2,7 @@
 title: Copilot
 description: AI-powered assistant that provides intelligent suggestions and autocompletion for enhanced content creation.
 docs:
-  - route: https://pro.platejs.org/docs/components/copilot-free
+  - route: /docs/components/copilot-hover-card
     title: Copilot Hover Card
 ---
 
diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 05a1d3220d..f8bb77e642 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -320,6 +320,22 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@udecode/plate-ai"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/copilot-hover-card.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "copilot-hover-card",
+    "registryDependencies": [
+      ""
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "react-day-picker@8.10.1",
diff --git a/apps/www/public/r/styles/default/copilot-hover-card.json b/apps/www/public/r/styles/default/copilot-hover-card.json
new file mode 100644
index 0000000000..70f65951c8
--- /dev/null
+++ b/apps/www/public/r/styles/default/copilot-hover-card.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-ai"
+  ],
+  "files": [
+    {
+      "content": "import type { CopilotHoverCardProps } from '@udecode/plate-ai/react';\n\nexport const copilotHoverCard = ({ suggestionText }: CopilotHoverCardProps) => {\n  return (\n    <span className=\"text-gray-400\" contentEditable={false}>\n      {suggestionText}\n    </span>\n  );\n};\n",
+      "path": "plate-ui/copilot-hover-card.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "copilot-hover-card",
+  "registryDependencies": [
+    ""
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 7d83940907..8634e9369f 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -148,6 +148,17 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       chunks: []
     },
+    "copilot-hover-card": {
+      name: "copilot-hover-card",
+      type: "registry:ui",
+      registryDependencies: [""],
+      files: ["registry/default/plate-ui/copilot-hover-card.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/copilot-hover-card.tsx")),
+      source: "",
+      category: "undefined",
+      subcategory: "undefined",
+      chunks: []
+    },
     "calendar": {
       name: "calendar",
       type: "registry:ui",
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index 64d9dcda73..c98be7deff 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -63,6 +63,11 @@ export const customizerComponents = {
     href: '/docs/components/comments-popover',
     title: 'Comments Popover',
   },
+  copilotHoverCard: {
+    href: '/docs/components/copilot-hover-card',
+    label: 'New',
+    title: 'Copilot Hover Card',
+  },
   cursorOverlay: {
     href: '/docs/components/cursor-overlay',
     title: 'Cursor Overlay',
diff --git a/apps/www/src/config/doc-pro.ts b/apps/www/src/config/doc-pro.ts
deleted file mode 100644
index 15e3645ec1..0000000000
--- a/apps/www/src/config/doc-pro.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-export const docPro = [
-  {
-    href: '/docs/ai',
-    label: 'New',
-    title: 'AI',
-  },
-  {
-    href: '/docs/copilot',
-    label: 'New',
-    title: 'Copilot',
-  },
-  {
-    href: '/docs/callout',
-    label: 'Plus',
-    title: 'Callout',
-  },
-  {
-    href: '/docs/context-menu',
-    label: 'Plus',
-    title: 'Context Menu',
-  },
-  {
-    href: '/docs/equation',
-    label: 'Plus',
-    title: 'Equation',
-  },
-  {
-    href: '/docs/media-toolbar',
-    label: 'Plus',
-    title: 'Media Toolbar',
-  },
-  {
-    href: '/docs/slash-menu',
-    label: 'New',
-    title: 'Slash Menu',
-  },
-  {
-    href: '/docs/toc',
-    label: 'Plus',
-    title: 'Table of Contents',
-  },
-  {
-    href: '/docs/upload',
-    label: 'Plus',
-    title: 'Upload',
-  },
-];
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 1aa56d10da..e8cc0fd03a 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -2,9 +2,6 @@ import type { MainNavItem, SidebarNavItem } from '@/types/nav';
 
 import { customizerComponents } from '@/config/customizer-components';
 
-import { docPro } from './doc-pro';
-import { potionComponents } from './potion-components';
-
 export interface DocsConfig {
   componentsNav: SidebarNavItem[];
   mainNav: MainNavItem[];
@@ -48,14 +45,15 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
-        potionComponents.aiMenu,
-        potionComponents.contextMenu,
-        potionComponents.equation,
-        potionComponents.inlineEquation,
-        potionComponents.mediaController,
-        potionComponents.slashMenu,
-        potionComponents.toolbar,
-        potionComponents.toc,
+        // potionComponents.aiMenu,
+        // potionComponents.contextMenu,
+        // potionComponents.equation,
+        // potionComponents.inlineEquation,
+        // potionComponents.mediaController,
+        // potionComponents.slashMenu,
+        // potionComponents.toolbar,
+        // potionComponents.toc,
+        customizerComponents.copilotHoverCard,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
         customizerComponents.avatar,
@@ -248,7 +246,16 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
-        ...docPro,
+        {
+          href: '/docs/ai',
+          label: 'New',
+          title: 'AI',
+        },
+        {
+          href: '/docs/copilot',
+          label: 'New',
+          title: 'Copilot',
+        },
         {
           href: '/docs/alignment',
           title: 'Alignment',
@@ -271,6 +278,11 @@ export const docsConfig: DocsConfig = {
           href: '/docs/block-selection',
           title: 'Block Selection',
         },
+        {
+          href: '/docs/callout',
+          label: 'Plus',
+          title: 'Callout',
+        },
         {
           href: '/docs/caption',
           title: 'Caption',
@@ -279,6 +291,11 @@ export const docsConfig: DocsConfig = {
           href: '/docs/collaboration',
           title: 'Collaboration',
         },
+        {
+          href: '/docs/column',
+          label: 'Element',
+          title: 'Column',
+        },
         {
           href: '/docs/combobox',
           title: 'Combobox',
@@ -289,9 +306,14 @@ export const docsConfig: DocsConfig = {
           title: 'Comments',
         },
         {
-          href: '/docs/column',
-          label: 'Element',
-          title: 'Column',
+          href: '/docs/context-menu',
+          label: 'Plus',
+          title: 'Context Menu',
+        },
+
+        {
+          href: '/docs/csv',
+          title: 'CSV',
         },
         {
           href: '/docs/date',
@@ -302,10 +324,19 @@ export const docsConfig: DocsConfig = {
           href: '/docs/dnd',
           title: 'Drag & Drop',
         },
+        {
+          href: '/docs/docx',
+          title: 'DOCX',
+        },
         {
           href: '/docs/emoji',
           title: 'Emoji',
         },
+        {
+          href: '/docs/equation',
+          label: 'Plus',
+          title: 'Equation',
+        },
         {
           href: '/docs/excalidraw',
           label: 'Element',
@@ -315,10 +346,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/exit-break',
           title: 'Exit Break',
         },
-        // {
-        //   title: 'Find',
-        //   href: '/docs/find-replace',
-        // },
         {
           href: '/docs/font',
           title: 'Font',
@@ -359,6 +386,10 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'List',
         },
+        {
+          href: '/docs/markdown',
+          title: 'Markdown',
+        },
         {
           href: '/docs/media',
           label: 'Element',
@@ -373,22 +404,15 @@ export const docsConfig: DocsConfig = {
           href: '/docs/reset-node',
           title: 'Reset Node',
         },
-        {
-          href: '/docs/csv',
-          title: 'CSV',
-        },
-        {
-          href: '/docs/docx',
-          title: 'DOCX',
-        },
-        {
-          href: '/docs/markdown',
-          title: 'Markdown',
-        },
         {
           href: '/docs/single-line',
           title: 'Single Line',
         },
+        {
+          href: '/docs/slash-menu',
+          label: 'New',
+          title: 'Slash Menu',
+        },
         {
           href: '/docs/soft-break',
           title: 'Soft Break',
@@ -402,11 +426,21 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'Table',
         },
+        {
+          href: '/docs/toc',
+          label: 'Plus',
+          title: 'Table of Contents',
+        },
         {
           href: '/docs/toggle',
           label: 'Element',
           title: 'Toggle',
         },
+        {
+          href: '/docs/upload',
+          label: 'Plus',
+          title: 'Upload',
+        },
       ],
       title: 'Plugins',
     },
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
index a849c0b060..ef38df3d29 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -3,7 +3,7 @@ import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
 import { ParagraphPlugin } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 
-import { AiCopilotHoverCard } from '@/registry/default/plate-ui/ai-copilot-hover-card';
+import { copilotHoverCard } from '@/registry/default/plate-ui/copilot-hover-card';
 import { MENTIONABLES } from '@/registry/default/plate-ui/mention-input-element';
 
 export const copilotPlugin = CopilotPlugin.configure({
@@ -16,7 +16,7 @@ export const copilotPlugin = CopilotPlugin.configure({
         }, 100);
       });
     },
-    hoverCard: AiCopilotHoverCard,
+    hoverCard: copilotHoverCard,
     query: {
       allow: [
         ParagraphPlugin.key,
diff --git a/apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx b/apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
similarity index 68%
rename from apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx
rename to apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
index cccf54f2b6..93a0c6e871 100644
--- a/apps/www/src/registry/default/plate-ui/ai-copilot-hover-card.tsx
+++ b/apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
@@ -1,8 +1,6 @@
 import type { CopilotHoverCardProps } from '@udecode/plate-ai/react';
 
-export const AiCopilotHoverCard = ({
-  suggestionText,
-}: CopilotHoverCardProps) => {
+export const copilotHoverCard = ({ suggestionText }: CopilotHoverCardProps) => {
   return (
     <span className="text-gray-400" contentEditable={false}>
       {suggestionText}
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 8c70727748..42bd2b482e 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -140,6 +140,13 @@ export const ui: Registry = [
     registryDependencies: ['calendar'],
     type: 'registry:ui',
   },
+  {
+    dependencies: ['@udecode/plate-ai'],
+    files: ['plate-ui/copilot-hover-card.tsx'],
+    name: 'copilot-hover-card',
+    registryDependencies: [''],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['react-day-picker@8.10.1', 'date-fns'],
     files: ['plate-ui/calendar.tsx'],

From f5badf6a89eeb392bc7c362ed410b323868decd8 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 27 Sep 2024 22:12:33 +0800
Subject: [PATCH 020/127] docs

---
 apps/www/content/docs/slash-menu.mdx                   |  3 ++-
 apps/www/src/config/customizer-items.ts                | 10 +++++++++-
 apps/www/src/config/customizer-list.ts                 |  2 ++
 .../src/lib/plate/demo/values/usePlaygroundValue.ts    |  9 ++++++---
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/apps/www/content/docs/slash-menu.mdx b/apps/www/content/docs/slash-menu.mdx
index 1b9999f0de..7a3dfb807e 100644
--- a/apps/www/content/docs/slash-menu.mdx
+++ b/apps/www/content/docs/slash-menu.mdx
@@ -6,7 +6,7 @@ docs:
     title: Slash Menu
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-slash-menu" component="slash-menu" />
+<ComponentPreview name="playground-demo" id="copilot" />
 
 <PackageInfo>
 
@@ -19,3 +19,4 @@ docs:
 </PackageInfo>
 
 ## Installation
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-slash-menu" component="slash-menu" />
\ No newline at end of file
diff --git a/apps/www/src/config/customizer-items.ts b/apps/www/src/config/customizer-items.ts
index e7021df4ad..541cad3c71 100644
--- a/apps/www/src/config/customizer-items.ts
+++ b/apps/www/src/config/customizer-items.ts
@@ -1,3 +1,4 @@
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -111,7 +112,6 @@ export const customizerItems: Record<string, SettingPlugin> = {
     pluginOptions: [`inject: { targetPlugins: ['p', 'h1', 'h2', 'h3'] },`],
     route: customizerPlugins.align.route,
   },
-  // Functionality
   [AutoformatPlugin.key]: {
     id: AutoformatPlugin.key,
     badges: [customizerBadges.handler],
@@ -285,6 +285,14 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.comment.route,
   },
+  [CopilotPlugin.key]: {
+    id: CopilotPlugin.key,
+    badges: [customizerBadges.handler],
+    label: 'Copilot',
+    npmPackage: '@udecode/plate-ai',
+    pluginFactory: 'CopilotPlugin',
+    route: customizerPlugins.copilot.route,
+  },
   // Deserialization
   [CsvPlugin.key]: {
     id: CsvPlugin.key,
diff --git a/apps/www/src/config/customizer-list.ts b/apps/www/src/config/customizer-list.ts
index b122023ff9..6f29c56cc0 100644
--- a/apps/www/src/config/customizer-list.ts
+++ b/apps/www/src/config/customizer-list.ts
@@ -1,3 +1,4 @@
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -128,6 +129,7 @@ export const customizerList = [
       customizerItems[SoftBreakPlugin.key],
       customizerItems[TabbablePlugin.key],
       customizerItems[TrailingBlockPlugin.key],
+      customizerItems[CopilotPlugin.key],
     ],
     label: 'Functionality',
   },
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 2155a72e3a..a778cf0f44 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -12,6 +12,7 @@ import { basicElementsValue } from './basicElementsValue';
 import { basicMarksValue } from './basicMarksValue';
 import { columnValue } from './columnValue';
 import { commentsValue } from './commentsValue';
+import { copilotValue } from './copilotValue';
 import { cursorOverlayValue } from './cursorOverlayValue';
 import { dateValue } from './dateValue';
 import { deserializeCsvValue } from './deserializeCsvValue';
@@ -48,11 +49,13 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
   return useMemo(() => {
     const enabled = settingsStore.get.checkedPlugins();
-    const value = [...basicElementsValue];
+    // AI
+    const value = [...copilotValue];
 
-    if (!version) return value;
-    if (enabled.action_item) value.push(...todoListValue);
+    if (!version) return [...basicElementsValue];
+    if (enabled.copilot) value.push(...basicElementsValue);
     if (enabled.a) value.push(...linkValue);
+    if (enabled.action_item) value.push(...todoListValue);
 
     value.push(...basicMarksValue);
 

From 2673fc30fc47dc98c0038a2ca626575614ddae13 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 10:35:22 +0800
Subject: [PATCH 021/127] typo

---
 apps/www/src/lib/plate/demo/values/copilotValue.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
index f006dc8318..29520968d8 100644
--- a/apps/www/src/lib/plate/demo/values/copilotValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -23,7 +23,7 @@ export const copilotValue: any = (
       <htext>Accept the entire suggested completion</htext>
     </hp>
     <hp indent={2} listStyleType="disc">
-      <htext bold>Control + Right Arrow</htext>
+      <htext bold>Command + Right Arrow</htext>
       <htext>: Complete one character at a time</htext>
     </hp>
     <hp indent={2} listStyleType="disc">

From b7a8031ab3542974567905f44745491671eeb545 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 10:43:23 +0800
Subject: [PATCH 022/127] Add foucusEditor to slash-menu

---
 apps/www/src/registry/default/plate-ui/inline-combobox.tsx    | 4 +++-
 .../www/src/registry/default/plate-ui/slash-input-element.tsx | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/www/src/registry/default/plate-ui/inline-combobox.tsx b/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
index ddf59f234b..92c1922f11 100644
--- a/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
+++ b/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
@@ -294,12 +294,14 @@ const comboboxItemVariants = cva(
 );
 
 export type InlineComboboxItemProps = {
+  focusEditor?: boolean;
   keywords?: string[];
 } & ComboboxItemProps &
   Required<Pick<ComboboxItemProps, 'value'>>;
 
 const InlineComboboxItem = ({
   className,
+  focusEditor = true,
   keywords,
   onClick,
   ...props
@@ -324,7 +326,7 @@ const InlineComboboxItem = ({
     <ComboboxItem
       className={cn(comboboxItemVariants(), className)}
       onClick={(event) => {
-        removeInput(true);
+        removeInput(focusEditor);
         onClick?.(event);
       }}
       {...props}
diff --git a/apps/www/src/registry/default/plate-ui/slash-input-element.tsx b/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
index c3cd26cebb..0d37313f12 100644
--- a/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
@@ -20,6 +20,7 @@ interface SlashCommandRule {
   icon: ComponentType<SVGProps<SVGSVGElement>>;
   onSelect: (editor: PlateEditor) => void;
   value: string;
+  focusEditor?: boolean;
   keywords?: string[];
 }
 

From 4c9371efc5da7238b22dfad5745dcd9c7672a324 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 13:30:04 +0800
Subject: [PATCH 023/127] slash docs

---
 .../docs/components/copilot-hover-card.mdx    |   2 +-
 .../docs/components/slash-input-element.mdx   |  79 +++++++++
 apps/www/content/docs/slash-command.mdx       | 153 ++++++++++++++++++
 apps/www/content/docs/slash-menu.mdx          |  22 ---
 apps/www/src/config/customizer-components.ts  |   5 +
 apps/www/src/config/customizer-items.ts       |  11 +-
 apps/www/src/config/customizer-list.ts        |   2 +
 apps/www/src/config/customizer-plugins.ts     |   9 ++
 apps/www/src/config/docs.ts                   |   5 +-
 apps/www/src/config/potion-components.ts      |  12 +-
 .../src/lib/plate/demo/values/columnValue.tsx |   4 +-
 .../lib/plate/demo/values/copilotValue.tsx    |   2 +-
 .../lib/plate/demo/values/slahMenuValue.tsx   |  34 ++++
 .../plate/demo/values/usePlaygroundValue.ts   |  12 +-
 .../default/example/playground-demo.tsx       |   2 +-
 15 files changed, 313 insertions(+), 41 deletions(-)
 create mode 100644 apps/www/content/docs/components/slash-input-element.mdx
 create mode 100644 apps/www/content/docs/slash-command.mdx
 delete mode 100644 apps/www/content/docs/slash-menu.mdx
 create mode 100644 apps/www/src/lib/plate/demo/values/slahMenuValue.tsx

diff --git a/apps/www/content/docs/components/copilot-hover-card.mdx b/apps/www/content/docs/components/copilot-hover-card.mdx
index 52daa9bd6b..346c6bfd15 100644
--- a/apps/www/content/docs/components/copilot-hover-card.mdx
+++ b/apps/www/content/docs/components/copilot-hover-card.mdx
@@ -51,7 +51,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="copilot" />
 
-<ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+<ComponentSource name="copilot-hover-card" />
 
 ## Plus examples
 
diff --git a/apps/www/content/docs/components/slash-input-element.mdx b/apps/www/content/docs/components/slash-input-element.mdx
new file mode 100644
index 0000000000..fd32e15d1c
--- /dev/null
+++ b/apps/www/content/docs/components/slash-input-element.mdx
@@ -0,0 +1,79 @@
+---
+title: Slash Input Element
+description: Allows you to insert various elements into your editor using a slash command.
+component: true
+docs:
+  - route: /docs/slash-command
+    title: Slash Command
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add slash-input-element
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource name="slash-input-element" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="slashCommand" />
+
+<ComponentSource name="slash-input-element" />
+
+## Plate Plus
+We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload. 
+This provides a more robust and feature-rich editing experience for users who require advanced functionality.
+
+Some key improvements in Plate Plus include:
+
+- Refined UI design for better usability and aesthetics
+- Extended set of slash menu options
+- Integration of premium plugins like Math Upload for specialized editing needs
+- No need to worry about the focus issue mentioned above.
+- Support grouping and Carefully selected keyword.
+- Trigger slash menu by click the puls button on the left of the paragraph.
+
+
+You can try typing /``` to quickly insert a code block.
+
+Feel free to experiment with different commands to see how the slash menu enhances your editing experience!
+
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-slash-menu"
+  component="slash-menu"
+/>
diff --git a/apps/www/content/docs/slash-command.mdx b/apps/www/content/docs/slash-command.mdx
new file mode 100644
index 0000000000..6e58fb2991
--- /dev/null
+++ b/apps/www/content/docs/slash-command.mdx
@@ -0,0 +1,153 @@
+---
+title: Slash Command
+description: Allows you to insert various elements into your editor using a slash command.
+docs:
+  - route: components/slash-input-element
+    title: Slash Input Element
+---
+
+<ComponentPreview name="playground-demo" id="slashCommand" />
+
+<PackageInfo>
+
+## Features
+
+- Quick insertion of various elements using slash commands
+- Customizable menu options and styles
+
+</PackageInfo>
+
+
+## Installation
+
+```bash
+npm install @udecode/plate-slash-command
+```
+
+## Usage
+
+```tsx
+// ...
+import { SlashPlugin } from '@udecode/plate-slash-command/react';
+
+const editor = usePlateEditor({
+  id: 'slash-demo',
+  override: {
+    components: {
+      ...otherPlateComponents,
+      [SlashInputPlugin.key]: SlashInputElement,
+    },
+  },
+  plugins: [...otherPlatePlugins, SlashPlugin],
+  value: slashValue,
+});
+```
+
+## Customization options
+
+Make sure to add the `SlashInputElement` component to your code.
+
+You can see the `rules` in this file. Feel free to configure the options you need
+
+```ts
+interface SlashCommandRule {
+  icon: ComponentType<SVGProps<SVGSVGElement>>;
+  onSelect: (editor: PlateEditor) => void;
+  value: string;
+  focusEditor?: boolean;
+  keywords?: string[];
+}
+```
+
+Let's explore the configuration options for each slash command:
+
+- `icon`: React component
+  - Renders the icon displayed before the slash command option
+
+- `onSelect`: Function(editor: PlateEditor) => void
+  - Called when the option is selected
+  - Receives the `editor` as an argument for performing actions
+
+- `value`: string
+  - Display text for the slash command option in the menu
+  - Used for filtering when entering text
+
+- `focusEditor`: boolean (optional, default: true)
+  - Will explain this option in the next section
+
+- `keywords`: string[] (optional)
+  - Additional search terms for finding this option
+
+These configuration options provide flexibility in customizing the behavior and appearance of slash commands in your editor.
+
+
+## Focusing outside the editor
+
+By default, the editor maintains focus after selecting a slash command option. This behavior is generally desirable, as it allows users to seamlessly continue editing after inserting a new element. To achieve this, we automatically call `focusEditor(editor)` after the `onSelect` function is executed.
+
+This automatic focus mechanism ensures a smooth editing experience, enabling users to immediately type or make further edits after inserting an element via the slash menu.
+
+However, in certain scenarios, we may need to shift focus outside the editor to enhance the user experience. For instance:
+
+1. **AIPlugin**: When selecting an AI option, we might want to move focus to an input field where users can write their prompts.
+2. **EquationPlugin**: When inserting a math equation, focus may need to shift to a specialized input within a math popover.
+
+In such cases, we can set the `focusEditor` option to `false` for the specific slash command. This prevents the automatic refocusing of the editor, allowing us to manually control focus as needed.
+
+Here is an example: 
+```ts
+const rules: SlashCommandRule[] = [
+   ...otherSlashCommands,
+   {
+      focusEditor: false,
+      icon: Icons.ai,
+      keywords: ['ai', 'generate', 'help', 'chat'],
+      value: 'AI',
+      onSelect: (editor) => {
+        const nodeEntry = getAncestorNode(editor)!;
+        const dom = toDOMNode(editor, nodeEntry[0])!;
+
+        //We have encapsulated the logic for focusing the input in the show API
+        editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+
+        editor.setOptions(AIPlugin, {
+          aiState: 'idle',
+          menuType: 'selection',
+        });
+
+        editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+
+        setTimeout(() => {
+          editor
+            .getApi(BlockSelectionPlugin)
+            .blockSelection.addSelectedRow(nodeEntry[0].id as string);
+        }, 0);
+      },
+    }
+];
+```
+
+## Plate Plus
+We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload. 
+This provides a more robust and feature-rich editing experience for users who require advanced functionality.
+
+Some key improvements in Plate Plus include:
+
+- Refined UI design for better usability and aesthetics
+- Extended set of slash menu options
+- Integration of premium plugins like Math Upload for specialized editing needs
+- No need to worry about the focus issue mentioned above.
+- Support grouping and Carefully selected keyword.
+- Trigger slash menu by click the puls button on the left of the paragraph.
+
+
+You can try typing /``` to quickly insert a code block.
+
+Feel free to experiment with different commands to see how the slash menu enhances your editing experience!
+
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-slash-menu"
+  component="slash-menu"
+/>
diff --git a/apps/www/content/docs/slash-menu.mdx b/apps/www/content/docs/slash-menu.mdx
deleted file mode 100644
index 7a3dfb807e..0000000000
--- a/apps/www/content/docs/slash-menu.mdx
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Slash Menu
-description: Allows you to insert various elements into your editor using a slash command.
-docs:
-  - route: https://pro.platejs.org/docs/components/slash-menu
-    title: Slash Menu
----
-
-<ComponentPreview name="playground-demo" id="copilot" />
-
-<PackageInfo>
-
-## Features
-
-- Quick insertion of various elements using slash commands
-- Customizable menu options
-- Seamless integration with the editor
-
-</PackageInfo>
-
-## Installation
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-slash-menu" component="slash-menu" />
\ No newline at end of file
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index c98be7deff..f1b4bcf081 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -240,6 +240,11 @@ export const customizerComponents = {
     title: 'Search Highlight',
   },
   separator: { href: '/docs/components/separator', title: 'Separator' },
+  slashInputElement: {
+    href: '/docs/components/slash-input-element',
+    label: 'New',
+    title: 'Slash Input',
+  },
   tableCellElement: {
     href: '/docs/components/table-cell-element',
     label: 'Element',
diff --git a/apps/www/src/config/customizer-items.ts b/apps/www/src/config/customizer-items.ts
index 541cad3c71..47d52a501f 100644
--- a/apps/www/src/config/customizer-items.ts
+++ b/apps/www/src/config/customizer-items.ts
@@ -55,6 +55,7 @@ import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
@@ -633,7 +634,6 @@ export const customizerItems: Record<string, SettingPlugin> = {
     pluginFactory: 'MarkdownPlugin',
     route: customizerPlugins.markdown.route,
   },
-
   [MediaEmbedPlugin.key]: {
     id: MediaEmbedPlugin.key,
     badges: [customizerBadges.element, customizerBadges.void],
@@ -652,6 +652,7 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.media.route,
   },
+
   [MentionInputPlugin.key]: {
     id: MentionInputPlugin.key,
     label: 'Mention Input',
@@ -768,6 +769,14 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.singleline.route,
   },
+  [SlashPlugin.key]: {
+    id: SlashPlugin.key,
+    badges: [customizerBadges.handler],
+    label: 'Slash Command',
+    npmPackage: '@udecode/plate-slash-command',
+    pluginFactory: 'SlashPlugin',
+    route: customizerPlugins.slashCommand.route,
+  },
   [SoftBreakPlugin.key]: {
     id: SoftBreakPlugin.key,
     badges: [customizerBadges.handler],
diff --git a/apps/www/src/config/customizer-list.ts b/apps/www/src/config/customizer-list.ts
index 6f29c56cc0..5da3125279 100644
--- a/apps/www/src/config/customizer-list.ts
+++ b/apps/www/src/config/customizer-list.ts
@@ -48,6 +48,7 @@ import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
@@ -130,6 +131,7 @@ export const customizerList = [
       customizerItems[TabbablePlugin.key],
       customizerItems[TrailingBlockPlugin.key],
       customizerItems[CopilotPlugin.key],
+      customizerItems[SlashPlugin.key],
     ],
     label: 'Functionality',
   },
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index 9434758945..9c575dd978 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -34,6 +34,7 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
@@ -41,6 +42,7 @@ import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
 import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
+import { slashCommandValue } from '@/lib/plate/demo/values/slahMenuValue';
 import { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';
 import { alignValue } from '@/plate/demo/values/alignValue';
 import { autoformatValue } from '@/plate/demo/values/autoformatValue';
@@ -329,6 +331,13 @@ export const customizerPlugins = {
     route: '/docs/single-line',
     value: singleLineValue,
   },
+  slashCommand: {
+    id: 'slashCommand',
+    label: 'Slash Command',
+    plugins: [SlashPlugin.key],
+    route: '/docs/slash-command',
+    value: slashCommandValue,
+  },
   softbreak: {
     id: 'softbreak',
     label: 'Soft Break',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index e8cc0fd03a..f146a276a5 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -116,6 +116,7 @@ export const docsConfig: DocsConfig = {
         customizerComponents.placeholder,
         customizerComponents.popover,
         customizerComponents.resizable,
+        customizerComponents.slashInputElement,
         customizerComponents.searchHighlightLeaf,
         customizerComponents.separator,
         customizerComponents.tableCellElement,
@@ -409,9 +410,9 @@ export const docsConfig: DocsConfig = {
           title: 'Single Line',
         },
         {
-          href: '/docs/slash-menu',
+          href: '/docs/slash-command',
           label: 'New',
-          title: 'Slash Menu',
+          title: 'Slash Command',
         },
         {
           href: '/docs/soft-break',
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
index e2a89b7ea9..18350bc800 100644
--- a/apps/www/src/config/potion-components.ts
+++ b/apps/www/src/config/potion-components.ts
@@ -31,12 +31,12 @@ export const potionComponents = {
     label: 'Plus',
     title: 'Media Controller',
   },
-  slashMenu: {
-    href: `${siteConfig.links.platePlus}/docs/components/slash-menu`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Slash Menu',
-  },
+  // slashMenu: {
+  //   href: `${siteConfig.links.platePlus}/docs/components/slash-menu`,
+  //   isExternalLink: true,
+  //   label: 'Plus',
+  //   title: 'Slash Menu',
+  // },
   toc: {
     href: `${siteConfig.links.platePlus}/docs/components/toc`,
     isExternalLink: true,
diff --git a/apps/www/src/lib/plate/demo/values/columnValue.tsx b/apps/www/src/lib/plate/demo/values/columnValue.tsx
index 33bb130da9..b51d7ddc19 100644
--- a/apps/www/src/lib/plate/demo/values/columnValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/columnValue.tsx
@@ -9,10 +9,10 @@ export const columnValue: any = (
     <hh2>🌻 Column</hh2>
     <hp>Create column and the border will hidden when viewing</hp>
     <hcolumngroup layout={[50, 50]}>
-      <hcolumn>
+      <hcolumn width="50%">
         <hp>left</hp>
       </hcolumn>
-      <hcolumn>
+      <hcolumn width="50%">
         <hp>right</hp>
       </hcolumn>
     </hcolumngroup>
diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
index 29520968d8..4dec49a903 100644
--- a/apps/www/src/lib/plate/demo/values/copilotValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const copilotValue: any = (
   <fragment>
-    <hh2>🤖 Copilot</hh2>
+    <hh1>🤖 Copilot</hh1>
     <hp indent={1} listStyleType="decimal">
       <htext>Position your cursor at the</htext>
       <htext bold> end of a paragraph </htext>
diff --git a/apps/www/src/lib/plate/demo/values/slahMenuValue.tsx b/apps/www/src/lib/plate/demo/values/slahMenuValue.tsx
new file mode 100644
index 0000000000..a97dc9f457
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/slahMenuValue.tsx
@@ -0,0 +1,34 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const slashCommandValue: any = (
+  <fragment>
+    <hh2>⚡ Slash Command</hh2>
+    <hp>
+      <htext>
+        The slash command provides quick access to various formatting options
+        and content types. To use it, type '/' anywhere in your document and
+        explore the available options.
+      </htext>
+    </hp>
+    <hp>Key features of the slash command:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Quick insertion of various block types</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Easy access to inline formatting options</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Integration with AI-assisted writing</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Can be triggered anywhere in the document</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Keyboard navigation support</htext>
+    </hp>
+  </fragment>
+);
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index a778cf0f44..ce088b3f3e 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -33,6 +33,7 @@ import { linkValue } from './linkValue';
 import { listValue, todoListValue } from './listValue';
 import { mediaValue } from './mediaValue';
 import { mentionValue } from './mentionValue';
+import { slashCommandValue } from './slahMenuValue';
 import { softBreakValue } from './softBreakValue';
 import { tabbableValue } from './tabbableValue';
 import { tableMergeValue, tableValue } from './tableValue';
@@ -49,13 +50,11 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
   return useMemo(() => {
     const enabled = settingsStore.get.checkedPlugins();
-    // AI
-    const value = [...copilotValue];
+    const value = [...basicElementsValue];
 
-    if (!version) return [...basicElementsValue];
-    if (enabled.copilot) value.push(...basicElementsValue);
-    if (enabled.a) value.push(...linkValue);
+    if (!version) return value;
     if (enabled.action_item) value.push(...todoListValue);
+    if (enabled.a) value.push(...linkValue);
 
     value.push(...basicMarksValue);
 
@@ -71,6 +70,8 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
       return mapNodeId(newValue);
     }
+    //AI
+    if (enabled.copilot) value.unshift(...copilotValue);
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
     if (enabled.highlight) value.push(...highlightValue);
@@ -91,6 +92,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.column) value.push(...columnValue);
     if (enabled.toggle) value.push(...toggleValue);
     // Functionalities
+    if (enabled.slash_command) value.push(...slashCommandValue);
     if (enabled.autoformat) value.push(...autoformatValue);
     if (enabled.softBreak) value.push(...softBreakValue);
     if (enabled.exitBreak) value.push(...exitBreakValue);
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 176f2740b8..1fb1f7f48c 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -337,7 +337,7 @@ export default function PlaygroundDemo({
   return (
     <DemoId id={id}>
       <DndProvider backend={HTML5Backend}>
-        <Plate editor={editor}>
+        <Plate onChange={(value) => console.log(value)} editor={editor}>
           <CheckPlugin componentId="fixed-toolbar">
             <FixedToolbar className="no-scrollbar">
               <CheckPlugin componentId="fixed-toolbar-buttons">

From c44174f4a46a187d4727504a677d6eb06dcb6192 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 19:35:26 +0800
Subject: [PATCH 024/127] typo

---
 apps/www/content/docs/slash-command.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/content/docs/slash-command.mdx b/apps/www/content/docs/slash-command.mdx
index 6e58fb2991..e0e6e6c60f 100644
--- a/apps/www/content/docs/slash-command.mdx
+++ b/apps/www/content/docs/slash-command.mdx
@@ -137,7 +137,7 @@ Some key improvements in Plate Plus include:
 - Extended set of slash menu options
 - Integration of premium plugins like Math Upload for specialized editing needs
 - No need to worry about the focus issue mentioned above.
-- Support grouping and Carefully selected keyword.
+- Support grouping and carefully selected keyword.
 - Trigger slash menu by click the puls button on the left of the paragraph.
 
 

From 7b1e06bf9868cfbff54ff619b1e86e27653d3b2b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 19:58:02 +0800
Subject: [PATCH 025/127] docs

---
 apps/www/content/docs/toc.mdx            | 60 +++++++++++++++++++++---
 apps/www/src/config/docs.ts              | 10 +---
 apps/www/src/config/potion-components.ts | 52 --------------------
 3 files changed, 54 insertions(+), 68 deletions(-)
 delete mode 100644 apps/www/src/config/potion-components.ts

diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 7ed4389d76..cb879cea6b 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -1,21 +1,67 @@
 ---
 title: Table of Contents
-description: Automatically generates a table of contents for your document.
+description: A customizable table of contents component for your documentation.
 docs:
-  - route: https://pro.platejs.org/docs/components/toc
-    title: Table of Contents
+  - route: components/toc
+    title: Toc Element
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-toc" component="toc" />
+<ComponentPreview name="playground-demo" id="toc" />
 
 <PackageInfo>
 
 ## Features
 
-- Automatically generates a table of contents based on document headings
-- Customizable depth and styling options
-- Clickable links for easy navigation within the document
+- Automatically generates a table of contents from your document headings
+- Customizable styles and depth levels
+- Smooth scrolling to sections
 
 </PackageInfo>
 
+
 ## Installation
+
+```bash
+npm install @udecode/plate-heading
+```
+
+## Usage
+
+```tsx
+// ...
+import { TocPlugin } from '@udecode/plate-heading/react';
+
+const editor = usePlateEditor({
+  id: 'toc-demo',
+  override: {
+    components: {
+      ...otherPlateComponents,
+      [TocPlugin.key]: TocElement,
+    },
+  },
+  plugins: [...otherPlatePlugins, TocPlugin],
+  value: tocValue,
+});
+```
+
+
+## Set scroll container
+
+In this plugin, you need to provide a **selector** to specify the scrollable container. This selector is used with `Document.querySelector` to locate the container element. You can use various selector formats, such as:
+
+- An ID: `#scrollable-container`
+- A class: `.content-wrapper`
+- A more specific selector: `body #main-content`
+
+
+
+
+
+
+## Plate Plus
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-slash-menu"
+  component="slash-menu"
+/>
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index f146a276a5..46f094497d 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -45,14 +45,6 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
-        // potionComponents.aiMenu,
-        // potionComponents.contextMenu,
-        // potionComponents.equation,
-        // potionComponents.inlineEquation,
-        // potionComponents.mediaController,
-        // potionComponents.slashMenu,
-        // potionComponents.toolbar,
-        // potionComponents.toc,
         customizerComponents.copilotHoverCard,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
@@ -429,7 +421,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/toc',
-          label: 'Plus',
+          label: 'New',
           title: 'Table of Contents',
         },
         {
diff --git a/apps/www/src/config/potion-components.ts b/apps/www/src/config/potion-components.ts
deleted file mode 100644
index 18350bc800..0000000000
--- a/apps/www/src/config/potion-components.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { siteConfig } from './site';
-
-export const potionComponents = {
-  aiMenu: {
-    href: `${siteConfig.links.platePlus}/docs/components/ai-menu`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'AI Menu',
-  },
-  contextMenu: {
-    href: `${siteConfig.links.platePlus}/docs/components/context-menu`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Context Menu',
-  },
-  equation: {
-    href: `${siteConfig.links.platePlus}/docs/components/equation`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Equation',
-  },
-  inlineEquation: {
-    href: `${siteConfig.links.platePlus}/docs/components/inline-equation`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Inline Equation',
-  },
-  mediaController: {
-    href: `${siteConfig.links.platePlus}/docs/components/media-controller`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Media Controller',
-  },
-  // slashMenu: {
-  //   href: `${siteConfig.links.platePlus}/docs/components/slash-menu`,
-  //   isExternalLink: true,
-  //   label: 'Plus',
-  //   title: 'Slash Menu',
-  // },
-  toc: {
-    href: `${siteConfig.links.platePlus}/docs/components/toc`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Table of contents',
-  },
-  toolbar: {
-    href: `${siteConfig.links.platePlus}/docs/components/toolbar`,
-    isExternalLink: true,
-    label: 'Plus',
-    title: 'Toolbar',
-  },
-};

From a6216e6bb3445a54719ce00c4c4623d48f65823b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 28 Sep 2024 22:34:55 +0800
Subject: [PATCH 026/127] toc docs

---
 apps/www/content/docs/toc.mdx                 | 80 ++++++++++++++++---
 .../default/example/playground-demo.tsx       |  1 -
 yarn.lock                                     | 16 ++--
 3 files changed, 79 insertions(+), 18 deletions(-)

diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index cb879cea6b..188a5a4ecd 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -18,7 +18,6 @@ docs:
 
 </PackageInfo>
 
-
 ## Installation
 
 ```bash
@@ -39,29 +38,92 @@ const editor = usePlateEditor({
       [TocPlugin.key]: TocElement,
     },
   },
-  plugins: [...otherPlatePlugins, TocPlugin],
+  plugins: [
+    ...otherPlatePlugins,
+    TocPlugin.configure({
+      options: {
+        scrollContainerSelector: `#your-scroll-container-id`,
+        topOffset: 80,
+      },
+    }),
+  ],
   value: tocValue,
 });
 ```
 
-
 ## Set scroll container
 
-In this plugin, you need to provide a **selector** to specify the scrollable container. This selector is used with `Document.querySelector` to locate the container element. You can use various selector formats, such as:
+In this plugin, you need to provide a **selector** to options.scrollContainerSelector to specify the scrollable container. This selector is used with `Document.querySelector` to locate the container element.
+You can use various selector formats, such as:
 
 - An ID: `#scrollable-container`
 - A class: `.content-wrapper`
 - A more specific selector: `body #main-content`
 
+You can set this id to `<Editor />` component or a div that wraps the `<Editor />` . It specifically depends on your use case.
+
+We recommend using the same id for both TocPlugin and BlockSelectionPlugin.
+
+## Configure options
+
+```ts
+type TocOptions = {
+  isScroll: boolean;
+  topOffset: number;
+  queryHeading?: (editor: SlateEditor) => Heading[];
+  scrollContainerSelector?: string;
+};
+```
+
+- `isScroll`: Set this to `false` if your editor doesn't have a fixed height.
+- `topOffset`: After scrolling to the specified element, scroll an additional distance.
+- `scrollContainerSelector`: explained above
+
+**queryHeading**: if you want to customize the heading selection logic, you can provide a function to query the headings.
+for example, you just want to use heading level 1 and 2, you can use this. by default, it will use all heading levels.
 
+## Toc Sidebar (Plus)
 
+Toc Sidebar has the following props you can configure it to match your needs:
 
+```tsx
+type TocSidebarProps = {
+  rootMargin?: string;
+  topOffset?: number;
+  maxShowCount?: number;
+};
+```
+- `rootMargin`: The margin around the viewport that should be considered when calculating the visibility of the target element.which is used in [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
+- `topOffset`: After scrolling to the specified element, scroll an additional distance.
+- `maxShowCount`: The maximum number of items to show in the sidebar default is 20.
 
+here is an example of how to use the TocSidebar component:
+
+```tsx
+<Plate>
+
+  <Editor />
+
+  <TocSideBar
+    className="fixed right-8 top-24 ml-4 h-fit"
+    rootMargin="0px 0px 0px 0px"
+    topOffset={30}
+    maxShowCount={20}
+    />
+</Plate>
+```
 
 ## Plate Plus
+The TocSideBar component in Plate Plus offers the following features:
+
+- Responsive design that adapts to different screen sizes
+- Dynamic highlighting of the corresponding thumbnail on the right side based on the current section
+- Hover thumbnail to see the preview of the section with smooth animation
+- Elegant transition effects when navigating between sections
+- Animated highlighting of the current section in the sidebar
+
+Here's an example of how to use the enhanced TocSideBar component in Plate Plus:
+
+
 
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="pro-slash-menu"
-  component="slash-menu"
-/>
+<ComponentPreviewPro name="pro-iframe-demo"  id="pro-toc" component="toc" />
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index df35e64ae8..2d6dc3abc5 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -125,7 +125,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         HeadingPlugin,
         TocPlugin.configure({
           options: {
-            isScroll: true,
             scrollContainerSelector: `#${scrollSelector}`,
             topOffset: 80,
           },
diff --git a/yarn.lock b/yarn.lock
index 8ea38a97b2..9c545d401d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5933,14 +5933,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-basic-elements@npm:38.0.1, @udecode/plate-basic-elements@workspace:^, @udecode/plate-basic-elements@workspace:packages/basic-elements":
+"@udecode/plate-basic-elements@npm:38.0.12, @udecode/plate-basic-elements@workspace:^, @udecode/plate-basic-elements@workspace:packages/basic-elements":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-basic-elements@workspace:packages/basic-elements"
   dependencies:
     "@udecode/plate-block-quote": "npm:38.0.1"
     "@udecode/plate-code-block": "npm:38.0.1"
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-heading": "npm:38.0.1"
+    "@udecode/plate-heading": "npm:38.0.12"
   peerDependencies:
     "@udecode/plate-common": ">=38.0.6"
     react: ">=16.8.0"
@@ -6244,12 +6244,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-docx@npm:38.0.10, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
+"@udecode/plate-docx@npm:38.0.12, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-docx@workspace:packages/docx"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-heading": "npm:38.0.1"
+    "@udecode/plate-heading": "npm:38.0.12"
     "@udecode/plate-indent": "npm:38.0.1"
     "@udecode/plate-indent-list": "npm:38.0.10"
     "@udecode/plate-media": "npm:38.0.6"
@@ -6352,7 +6352,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-heading@npm:38.0.1, @udecode/plate-heading@workspace:^, @udecode/plate-heading@workspace:packages/heading":
+"@udecode/plate-heading@npm:38.0.12, @udecode/plate-heading@workspace:^, @udecode/plate-heading@workspace:packages/heading":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-heading@workspace:packages/heading"
   dependencies:
@@ -6932,7 +6932,7 @@ __metadata:
   dependencies:
     "@udecode/plate-alignment": "npm:38.0.1"
     "@udecode/plate-autoformat": "npm:38.0.1"
-    "@udecode/plate-basic-elements": "npm:38.0.1"
+    "@udecode/plate-basic-elements": "npm:38.0.12"
     "@udecode/plate-basic-marks": "npm:38.0.1"
     "@udecode/plate-block-quote": "npm:38.0.1"
     "@udecode/plate-break": "npm:38.0.1"
@@ -6942,11 +6942,11 @@ __metadata:
     "@udecode/plate-common": "npm:38.0.6"
     "@udecode/plate-csv": "npm:38.0.8"
     "@udecode/plate-diff": "npm:38.0.0"
-    "@udecode/plate-docx": "npm:38.0.10"
+    "@udecode/plate-docx": "npm:38.0.12"
     "@udecode/plate-find-replace": "npm:38.0.0"
     "@udecode/plate-floating": "npm:38.0.1"
     "@udecode/plate-font": "npm:38.0.1"
-    "@udecode/plate-heading": "npm:38.0.1"
+    "@udecode/plate-heading": "npm:38.0.12"
     "@udecode/plate-highlight": "npm:38.0.1"
     "@udecode/plate-horizontal-rule": "npm:38.0.1"
     "@udecode/plate-html": "npm:38.0.1"

From 80f0a6a3282e7bd12c87f06bac8d0d837532010b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 07:30:58 +0800
Subject: [PATCH 027/127] Toc

---
 apps/www/src/config/customizer-items.ts       | 11 ++++++-
 apps/www/src/config/customizer-list.ts        |  2 ++
 apps/www/src/config/customizer-plugins.ts     |  9 ++++++
 apps/www/src/config/descriptions.ts           |  6 ++++
 .../src/lib/plate/demo/values/tocValue.tsx    | 23 ++++++++++++++
 .../plate/demo/values/usePlaygroundValue.ts   |  2 ++
 .../registry/default/plate-ui/toc-element.tsx | 30 ++++++++++++-------
 7 files changed, 71 insertions(+), 12 deletions(-)
 create mode 100644 apps/www/src/lib/plate/demo/values/tocValue.tsx

diff --git a/apps/www/src/config/customizer-items.ts b/apps/www/src/config/customizer-items.ts
index 47d52a501f..c90a8f9851 100644
--- a/apps/www/src/config/customizer-items.ts
+++ b/apps/www/src/config/customizer-items.ts
@@ -35,6 +35,7 @@ import {
   FontColorPlugin,
   FontSizePlugin,
 } from '@udecode/plate-font/react';
+import { TocPlugin } from '@udecode/plate-heading/react';
 import { HighlightPlugin } from '@udecode/plate-highlight/react';
 import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
 import { IndentPlugin } from '@udecode/plate-indent/react';
@@ -652,7 +653,6 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.media.route,
   },
-
   [MentionInputPlugin.key]: {
     id: MentionInputPlugin.key,
     label: 'Mention Input',
@@ -660,6 +660,7 @@ export const customizerItems: Record<string, SettingPlugin> = {
     pluginFactory: 'MentionInputPlugin',
     reactImport: true,
   },
+
   [MentionPlugin.key]: {
     id: MentionPlugin.key,
     badges: [
@@ -912,6 +913,14 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.table.route,
   },
+  [TocPlugin.key]: {
+    id: TocPlugin.key,
+    badges: [customizerBadges.handler],
+    label: 'Table of Contents',
+    npmPackage: '@udecode/plate-heading',
+    pluginFactory: 'TocPlugin',
+    route: customizerPlugins.toc.route,
+  },
   [TodoListPlugin.key]: {
     id: TodoListPlugin.key,
     badges: [customizerBadges.element],
diff --git a/apps/www/src/config/customizer-list.ts b/apps/www/src/config/customizer-list.ts
index 5da3125279..7d331ac04b 100644
--- a/apps/www/src/config/customizer-list.ts
+++ b/apps/www/src/config/customizer-list.ts
@@ -31,6 +31,7 @@ import {
   FontColorPlugin,
   FontSizePlugin,
 } from '@udecode/plate-font/react';
+import { TocPlugin } from '@udecode/plate-heading/react';
 import { HighlightPlugin } from '@udecode/plate-highlight/react';
 import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
 import { IndentPlugin } from '@udecode/plate-indent/react';
@@ -78,6 +79,7 @@ export const customizerList = [
       customizerItems[TablePlugin.key],
       customizerItems[TodoListPlugin.key],
       customizerItems[DatePlugin.key],
+      customizerItems[TocPlugin.key],
     ],
     label: 'Nodes',
   },
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index 9c575dd978..cdf3e3ab79 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -18,6 +18,7 @@ import {
   FontBackgroundColorPlugin,
   FontSizePlugin,
 } from '@udecode/plate-font/react';
+import { TocPlugin } from '@udecode/plate-heading/react';
 import { HighlightPlugin } from '@udecode/plate-highlight/react';
 import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
 import { IndentPlugin } from '@udecode/plate-indent/react';
@@ -43,6 +44,7 @@ import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
 import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
 import { slashCommandValue } from '@/lib/plate/demo/values/slahMenuValue';
+import { tocValue } from '@/lib/plate/demo/values/tocValue';
 import { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';
 import { alignValue } from '@/plate/demo/values/alignValue';
 import { autoformatValue } from '@/plate/demo/values/autoformatValue';
@@ -359,6 +361,13 @@ export const customizerPlugins = {
     route: '/docs/table',
     value: tableValue,
   },
+  toc: {
+    id: 'toc',
+    label: 'Table of Contents',
+    plugins: [TocPlugin.key],
+    route: '/docs/toc',
+    value: tocValue,
+  },
   todoli: {
     id: 'todoli',
     label: 'Todo List',
diff --git a/apps/www/src/config/descriptions.ts b/apps/www/src/config/descriptions.ts
index 6ed5c1432a..5ebd322dab 100644
--- a/apps/www/src/config/descriptions.ts
+++ b/apps/www/src/config/descriptions.ts
@@ -1,3 +1,4 @@
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -28,6 +29,7 @@ import {
   FontColorPlugin,
   FontSizePlugin,
 } from '@udecode/plate-font/react';
+import { TocPlugin } from '@udecode/plate-heading/react';
 import { HighlightPlugin } from '@udecode/plate-highlight/react';
 import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
 import { IndentPlugin } from '@udecode/plate-indent/react';
@@ -45,6 +47,7 @@ import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
@@ -60,6 +63,7 @@ export const descriptions: Record<string, string> = {
   [BoldPlugin.key]: 'Make your text stand out.',
   [CodePlugin.key]: 'Embed code into your text.',
   [CommentsPlugin.key]: 'Add comments to text as marks.',
+  [CopilotPlugin.key]: 'AI Copilot',
   [CsvPlugin.key]: 'Copy paste from CSV to Slate.',
   [DatePlugin.key]: 'Add inline date plugins',
   [DeletePlugin.key]:
@@ -98,6 +102,7 @@ export const descriptions: Record<string, string> = {
   [SelectOnBackspacePlugin.key]:
     'Select the preceding block instead of deleting when pressing backspace.',
   [SingleLinePlugin.key]: 'Restrict the editor to a single block.',
+  [SlashPlugin.key]: 'Slash commands',
   [SoftBreakPlugin.key]:
     'Insert line breaks within a block of text without starting a new block.',
   [StrikethroughPlugin.key]:
@@ -108,6 +113,7 @@ export const descriptions: Record<string, string> = {
     'Maintain a consistent tab order for tabbable elements.',
   [TablePlugin.key]:
     'Organize and display data in a structured and resizable tabular format.',
+  [TocPlugin.key]: 'Add a table of contents to your document.',
   [TodoListPlugin.key]: 'Manage tasks within your document.',
   [TogglePlugin.key]: 'Add toggles to your document.',
   [TrailingBlockPlugin.key]:
diff --git a/apps/www/src/lib/plate/demo/values/tocValue.tsx b/apps/www/src/lib/plate/demo/values/tocValue.tsx
new file mode 100644
index 0000000000..f6d41af3e5
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/tocValue.tsx
@@ -0,0 +1,23 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const tocValue: any = (
+  <fragment>
+    <hh1>🔥 Table of Contents</hh1>
+    <hp>
+      <htext>
+        Click on any Table of Contents (TOC) entry to automatically scroll to
+        the corresponding section in the document.
+      </htext>
+    </hp>
+    <htoc>
+      <htext></htext>
+    </htoc>
+    <hp>
+      <htext></htext>
+    </hp>
+  </fragment>
+);
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index ce088b3f3e..227b71ded4 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -37,6 +37,7 @@ import { slashCommandValue } from './slahMenuValue';
 import { softBreakValue } from './softBreakValue';
 import { tabbableValue } from './tabbableValue';
 import { tableMergeValue, tableValue } from './tableValue';
+import { tocValue } from './tocValue';
 import { toggleValue } from './toggleValue';
 
 export const usePlaygroundValue = (id?: ValueId): MyValue => {
@@ -71,6 +72,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
       return mapNodeId(newValue);
     }
     //AI
+    if (enabled.toc) value.unshift(...tocValue);
     if (enabled.copilot) value.unshift(...copilotValue);
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
diff --git a/apps/www/src/registry/default/plate-ui/toc-element.tsx b/apps/www/src/registry/default/plate-ui/toc-element.tsx
index b5d454bb44..d2b14551e6 100644
--- a/apps/www/src/registry/default/plate-ui/toc-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/toc-element.tsx
@@ -37,17 +37,25 @@ export const TocElement = withRef<typeof PlateElement>(
         {...props}
       >
         <nav contentEditable={false}>
-          {headingList.map((item) => (
-            <Button
-              key={item.id}
-              variant="ghost"
-              className={cn(headingItemVariants({ depth: item.depth as any }))}
-              onClick={(e) => btnProps.onClick(e, item, 'smooth')}
-              aria-current
-            >
-              {item.title}
-            </Button>
-          ))}
+          {headingList.length > 0 ? (
+            headingList.map((item) => (
+              <Button
+                key={item.id}
+                variant="ghost"
+                className={cn(
+                  headingItemVariants({ depth: item.depth as any })
+                )}
+                onClick={(e) => btnProps.onClick(e, item, 'smooth')}
+                aria-current
+              >
+                {item.title}
+              </Button>
+            ))
+          ) : (
+            <div className="text-sm text-gray-500">
+              Create a heading to display the table of contents.
+            </div>
+          )}
         </nav>
         {children}
       </PlateElement>

From db629262d57e46a189739172e6699ec3d6d8d10b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 07:37:39 +0800
Subject: [PATCH 028/127] heading style

---
 .../www/content/docs/components/changelog.mdx |  5 ++++
 .../default/plate-ui/heading-element.tsx      | 30 +++++++++++--------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/apps/www/content/docs/components/changelog.mdx b/apps/www/content/docs/components/changelog.mdx
index 738bbe1b3b..17d3c1f03f 100644
--- a/apps/www/content/docs/components/changelog.mdx
+++ b/apps/www/content/docs/components/changelog.mdx
@@ -8,8 +8,13 @@ Since Plate UI is not a component library, a changelog is maintained here.
 
 Use the [CLI](https://platejs.org/docs/components/cli) to install the latest version of the components.
 
+
 ## September 2024 #14
 
+### September 29 2024 #15
+
+- fix `heading-element`: if the heading is the first block, it should not have a top margin
+
 ### September 13 #14.2
 
 - fix `code-block-combobox`: filter based on label or value
diff --git a/apps/www/src/registry/default/plate-ui/heading-element.tsx b/apps/www/src/registry/default/plate-ui/heading-element.tsx
index 2f42215d11..982b24bff2 100644
--- a/apps/www/src/registry/default/plate-ui/heading-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/heading-element.tsx
@@ -4,16 +4,12 @@ import { withRef, withVariants } from '@udecode/cn';
 import { PlateElement } from '@udecode/plate-common/react';
 import { cva } from 'class-variance-authority';
 
-const headingVariants = cva('', {
+const headingVariants = cva('relative mb-1', {
   variants: {
-    isFirstBlock: {
-      false: '',
-      true: 'mt-0',
-    },
     variant: {
-      h1: 'mb-1 mt-[2em] font-heading text-4xl font-bold',
-      h2: 'mb-px mt-[1.4em] font-heading text-2xl font-semibold tracking-tight',
-      h3: 'mb-px mt-[1em] font-heading text-xl font-semibold tracking-tight',
+      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',
+      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',
+      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',
       h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',
       h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',
       h6: 'mt-[0.75em] text-base font-semibold tracking-tight',
@@ -21,10 +17,20 @@ const headingVariants = cva('', {
   },
 });
 
-const HeadingElementVariants = withVariants(PlateElement, headingVariants, [
-  'isFirstBlock',
-  'variant',
-]);
+const blockVariants = cva('', {
+  variants: {
+    isFirstBlock: {
+      false: '',
+      true: 'mt-0',
+    },
+  },
+});
+
+const HeadingElementVariants = withVariants(
+  withVariants(PlateElement, headingVariants, ['variant']),
+  blockVariants,
+  ['isFirstBlock']
+);
 
 export const HeadingElement = withRef<typeof HeadingElementVariants>(
   ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {

From 3b485508c5172f0572422f10fab830316e5d70d7 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 10:02:21 +0800
Subject: [PATCH 029/127] toc-element

---
 .../content/docs/components/toc-element.mdx   | 69 +++++++++++++++++++
 .../content/docs/examples/version-history.mdx |  2 +
 apps/www/content/docs/toc.mdx                 |  2 +-
 apps/www/src/config/customizer-components.ts  |  5 ++
 apps/www/src/config/docs.ts                   |  1 +
 apps/www/src/registry/registry-ui.ts          |  7 ++
 6 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/content/docs/components/toc-element.mdx

diff --git a/apps/www/content/docs/components/toc-element.mdx b/apps/www/content/docs/components/toc-element.mdx
new file mode 100644
index 0000000000..074518e16a
--- /dev/null
+++ b/apps/www/content/docs/components/toc-element.mdx
@@ -0,0 +1,69 @@
+---
+title: TOC Element
+description: A table of contents element for displaying hierarchical document structure.
+component: true
+docs:
+  - route: /docs/toc
+    title: Table of Contents
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add toc-element
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource name="toc-element" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="toc" />
+
+<ComponentSource name="toc-element" />
+
+## Plate Plus
+The TocSideBar component in Plate Plus offers the following features:
+
+- Responsive design that adapts to different screen sizes
+- Dynamic highlighting of the corresponding thumbnail on the right side based on the current section
+- Hover thumbnail to see the preview of the section with smooth animation
+- Elegant transition effects when navigating between sections
+- Animated highlighting of the current section in the sidebar
+
+Here's an example of how to use the enhanced TocSideBar component in Plate Plus:
+
+
+
+<ComponentPreviewPro name="pro-iframe-demo"  id="pro-toc" component="toc" />
diff --git a/apps/www/content/docs/examples/version-history.mdx b/apps/www/content/docs/examples/version-history.mdx
index 9ef6ee80f2..4c547c438c 100644
--- a/apps/www/content/docs/examples/version-history.mdx
+++ b/apps/www/content/docs/examples/version-history.mdx
@@ -3,4 +3,6 @@ title: Version History
 description: Show a diff of two different points in a Plate document's history.
 ---
 
+All of the backend setup about version history is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
 <ComponentPreview name="version-history-demo" />
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 188a5a4ecd..139dae931d 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -2,7 +2,7 @@
 title: Table of Contents
 description: A customizable table of contents component for your documentation.
 docs:
-  - route: components/toc
+  - route: components/toc-element
     title: Toc Element
 ---
 
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index f1b4bcf081..7430fbf474 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -264,6 +264,11 @@ export const customizerComponents = {
     label: 'Element',
     title: 'Table Row',
   },
+  tocElement: {
+    href: '/docs/components/toc-element',
+    label: 'Element',
+    title: 'Table of Contents',
+  },
   todoListElement: {
     href: '/docs/components/todo-list-element',
     label: 'Element',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 46f094497d..81ac1bb1ff 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -115,6 +115,7 @@ export const docsConfig: DocsConfig = {
         customizerComponents.tableDropdownMenu,
         customizerComponents.tableElement,
         customizerComponents.tableRowElement,
+        customizerComponents.tocElement,
         customizerComponents.todoListElement,
         customizerComponents.toggleElement,
         customizerComponents.toggleToolbarButton,
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 42bd2b482e..83254afece 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -147,6 +147,13 @@ export const ui: Registry = [
     registryDependencies: [''],
     type: 'registry:ui',
   },
+  {
+    dependencies: ['@udecode/plate-heading'],
+    files: ['plate-ui/toc-element.tsx'],
+    name: 'toc-element',
+    registryDependencies: [''],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['react-day-picker@8.10.1', 'date-fns'],
     files: ['plate-ui/calendar.tsx'],

From 624cbac3520a1f43ef1a1add970417b88881c1af Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 10:29:12 +0800
Subject: [PATCH 030/127] registry

---
 apps/www/public/r/index.json                   | 16 ++++++++++++++++
 .../r/styles/default/heading-element.json      |  2 +-
 .../r/styles/default/inline-combobox.json      |  2 +-
 .../r/styles/default/slash-input-element.json  |  2 +-
 .../public/r/styles/default/toc-element.json   | 18 ++++++++++++++++++
 apps/www/src/__registry__/index.tsx            | 11 +++++++++++
 6 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 apps/www/public/r/styles/default/toc-element.json

diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index f8bb77e642..18078101c8 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -336,6 +336,22 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@udecode/plate-heading"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/toc-element.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "toc-element",
+    "registryDependencies": [
+      ""
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "react-day-picker@8.10.1",
diff --git a/apps/www/public/r/styles/default/heading-element.json b/apps/www/public/r/styles/default/heading-element.json
index d303d0196e..8af1132a16 100644
--- a/apps/www/public/r/styles/default/heading-element.json
+++ b/apps/www/public/r/styles/default/heading-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { PlateElement } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst headingVariants = cva('', {\n  variants: {\n    isFirstBlock: {\n      false: '',\n      true: 'mt-0',\n    },\n    variant: {\n      h1: 'mb-1 mt-[2em] font-heading text-4xl font-bold',\n      h2: 'mb-px mt-[1.4em] font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mb-px mt-[1em] font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(PlateElement, headingVariants, [\n  'isFirstBlock',\n  'variant',\n]);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {\n    const { editor, element } = props;\n\n    const Element = variant!;\n\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        asChild\n        variant={variant}\n        isFirstBlock={element === editor.children[0]}\n        {...props}\n      >\n        <Element>{children}</Element>\n      </HeadingElementVariants>\n    );\n  }\n);\n",
+      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { PlateElement } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst headingVariants = cva('relative mb-1', {\n  variants: {\n    variant: {\n      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',\n      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst blockVariants = cva('', {\n  variants: {\n    isFirstBlock: {\n      false: '',\n      true: 'mt-0',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(\n  withVariants(PlateElement, headingVariants, ['variant']),\n  blockVariants,\n  ['isFirstBlock']\n);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {\n    const { editor, element } = props;\n\n    const Element = variant!;\n\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        asChild\n        variant={variant}\n        isFirstBlock={element === editor.children[0]}\n        {...props}\n      >\n        <Element>{children}</Element>\n      </HeadingElementVariants>\n    );\n  }\n);\n",
       "path": "plate-ui/heading-element.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/inline-combobox.json b/apps/www/public/r/styles/default/inline-combobox.json
index bc19d2a5cd..4e13d9a335 100644
--- a/apps/www/public/r/styles/default/inline-combobox.json
+++ b/apps/www/public/r/styles/default/inline-combobox.json
@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import React, {\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport type { PointRef } from 'slate';\n\nimport {\n  type ComboboxItemProps,\n  Combobox,\n  ComboboxItem,\n  ComboboxPopover,\n  ComboboxProvider,\n  Portal,\n  useComboboxContext,\n  useComboboxStore,\n} from '@ariakit/react';\nimport { cn } from '@udecode/cn';\nimport { filterWords } from '@udecode/plate-combobox';\nimport {\n  type UseComboboxInputResult,\n  useComboboxInput,\n  useHTMLInputCursorState,\n} from '@udecode/plate-combobox/react';\nimport {\n  type TElement,\n  createPointRef,\n  getPointBefore,\n  insertText,\n  moveSelection,\n} from '@udecode/plate-common';\nimport {\n  findNodePath,\n  useComposedRef,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\ntype FilterFn = (\n  item: { value: string; keywords?: string[] },\n  search: string\n) => boolean;\n\ninterface InlineComboboxContextValue {\n  filter: FilterFn | false;\n  inputProps: UseComboboxInputResult['props'];\n  inputRef: RefObject<HTMLInputElement>;\n  removeInput: UseComboboxInputResult['removeInput'];\n  setHasEmpty: (hasEmpty: boolean) => void;\n  showTrigger: boolean;\n  trigger: string;\n}\n\nconst InlineComboboxContext = createContext<InlineComboboxContextValue>(\n  null as any\n);\n\nexport const defaultFilter: FilterFn = ({ keywords = [], value }, search) =>\n  [value, ...keywords].some((keyword) => filterWords(keyword, search));\n\ninterface InlineComboboxProps {\n  children: ReactNode;\n  element: TElement;\n  trigger: string;\n  filter?: FilterFn | false;\n  hideWhenNoValue?: boolean;\n  setValue?: (value: string) => void;\n  showTrigger?: boolean;\n  value?: string;\n}\n\nconst InlineCombobox = ({\n  children,\n  element,\n  filter = defaultFilter,\n  hideWhenNoValue = false,\n  setValue: setValueProp,\n  showTrigger = true,\n  trigger,\n  value: valueProp,\n}: InlineComboboxProps) => {\n  const editor = useEditorRef();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const cursorState = useHTMLInputCursorState(inputRef);\n\n  const [valueState, setValueState] = useState('');\n  const hasValueProp = valueProp !== undefined;\n  const value = hasValueProp ? valueProp : valueState;\n\n  const setValue = useCallback(\n    (newValue: string) => {\n      setValueProp?.(newValue);\n\n      if (!hasValueProp) {\n        setValueState(newValue);\n      }\n    },\n    [setValueProp, hasValueProp]\n  );\n\n  /**\n   * Track the point just before the input element so we know where to\n   * insertText if the combobox closes due to a selection change.\n   */\n  const [insertPoint, setInsertPoint] = useState<PointRef | null>(null);\n\n  useEffect(() => {\n    const path = findNodePath(editor, element);\n\n    if (!path) return;\n\n    const point = getPointBefore(editor, path);\n\n    if (!point) return;\n\n    const pointRef = createPointRef(editor, point);\n    setInsertPoint(pointRef);\n\n    return () => {\n      pointRef.unref();\n    };\n  }, [editor, element]);\n\n  const { props: inputProps, removeInput } = useComboboxInput({\n    cancelInputOnBlur: false,\n    cursorState,\n    ref: inputRef,\n    onCancelInput: (cause) => {\n      if (cause !== 'backspace') {\n        insertText(editor, trigger + value, {\n          at: insertPoint?.current ?? undefined,\n        });\n      }\n      if (cause === 'arrowLeft' || cause === 'arrowRight') {\n        moveSelection(editor, {\n          distance: 1,\n          reverse: cause === 'arrowLeft',\n        });\n      }\n    },\n  });\n\n  const [hasEmpty, setHasEmpty] = useState(false);\n\n  const contextValue: InlineComboboxContextValue = useMemo(\n    () => ({\n      filter,\n      inputProps,\n      inputRef,\n      removeInput,\n      setHasEmpty,\n      showTrigger,\n      trigger,\n    }),\n    [\n      trigger,\n      showTrigger,\n      filter,\n      inputRef,\n      inputProps,\n      removeInput,\n      setHasEmpty,\n    ]\n  );\n\n  const store = useComboboxStore({\n    // open: ,\n    setValue: (newValue) => startTransition(() => setValue(newValue)),\n  });\n\n  const items = store.useState('items');\n\n  /**\n   * If there is no active ID and the list of items changes, select the first\n   * item.\n   */\n  useEffect(() => {\n    if (!store.getState().activeId) {\n      store.setActiveId(store.first());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, store]);\n\n  return (\n    <span contentEditable={false}>\n      <ComboboxProvider\n        open={\n          (items.length > 0 || hasEmpty) &&\n          (!hideWhenNoValue || value.length > 0)\n        }\n        store={store}\n      >\n        <InlineComboboxContext.Provider value={contextValue}>\n          {children}\n        </InlineComboboxContext.Provider>\n      </ComboboxProvider>\n    </span>\n  );\n};\n\nconst InlineComboboxInput = forwardRef<\n  HTMLInputElement,\n  HTMLAttributes<HTMLInputElement>\n>(({ className, ...props }, propRef) => {\n  const {\n    inputProps,\n    inputRef: contextRef,\n    showTrigger,\n    trigger,\n  } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n  const value = store.useState('value');\n\n  const ref = useComposedRef(propRef, contextRef);\n\n  /**\n   * To create an auto-resizing input, we render a visually hidden span\n   * containing the input value and position the input element on top of it.\n   * This works well for all cases except when input exceeds the width of the\n   * container.\n   */\n\n  return (\n    <>\n      {showTrigger && trigger}\n\n      <span className=\"relative min-h-[1lh]\">\n        <span\n          className=\"invisible overflow-hidden text-nowrap\"\n          aria-hidden=\"true\"\n        >\n          {value || '\\u200B'}\n        </span>\n\n        <Combobox\n          ref={ref}\n          className={cn(\n            'absolute left-0 top-0 size-full bg-transparent outline-none',\n            className\n          )}\n          value={value}\n          autoSelect\n          {...inputProps}\n          {...props}\n        />\n      </span>\n    </>\n  );\n});\n\nInlineComboboxInput.displayName = 'InlineComboboxInput';\n\nconst InlineComboboxContent: typeof ComboboxPopover = ({\n  className,\n  ...props\n}) => {\n  // Portal prevents CSS from leaking into popover\n  return (\n    <Portal>\n      <ComboboxPopover\n        className={cn(\n          'z-[500] max-h-[288px] w-[300px] overflow-y-auto rounded-md bg-popover shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n};\n\nconst comboboxItemVariants = cva(\n  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n  {\n    defaultVariants: {\n      interactive: true,\n    },\n    variants: {\n      interactive: {\n        false: '',\n        true: 'cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground data-[active-item=true]:bg-accent data-[active-item=true]:text-accent-foreground',\n      },\n    },\n  }\n);\n\nexport type InlineComboboxItemProps = {\n  keywords?: string[];\n} & ComboboxItemProps &\n  Required<Pick<ComboboxItemProps, 'value'>>;\n\nconst InlineComboboxItem = ({\n  className,\n  keywords,\n  onClick,\n  ...props\n}: InlineComboboxItemProps) => {\n  const { value } = props;\n\n  const { filter, removeInput } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n\n  // Optimization: Do not subscribe to value if filter is false\n  const search = filter && store.useState('value');\n\n  const visible = useMemo(\n    () => !filter || filter({ keywords, value }, search as string),\n    [filter, value, keywords, search]\n  );\n\n  if (!visible) return null;\n\n  return (\n    <ComboboxItem\n      className={cn(comboboxItemVariants(), className)}\n      onClick={(event) => {\n        removeInput(true);\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n};\n\nconst InlineComboboxEmpty = ({\n  children,\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  const { setHasEmpty } = useContext(InlineComboboxContext);\n  const store = useComboboxContext()!;\n  const items = store.useState('items');\n\n  useEffect(() => {\n    setHasEmpty(true);\n\n    return () => {\n      setHasEmpty(false);\n    };\n  }, [setHasEmpty]);\n\n  if (items.length > 0) return null;\n\n  return (\n    <div\n      className={cn(comboboxItemVariants({ interactive: false }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n};\n",
+      "content": "import React, {\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport type { PointRef } from 'slate';\n\nimport {\n  type ComboboxItemProps,\n  Combobox,\n  ComboboxItem,\n  ComboboxPopover,\n  ComboboxProvider,\n  Portal,\n  useComboboxContext,\n  useComboboxStore,\n} from '@ariakit/react';\nimport { cn } from '@udecode/cn';\nimport { filterWords } from '@udecode/plate-combobox';\nimport {\n  type UseComboboxInputResult,\n  useComboboxInput,\n  useHTMLInputCursorState,\n} from '@udecode/plate-combobox/react';\nimport {\n  type TElement,\n  createPointRef,\n  getPointBefore,\n  insertText,\n  moveSelection,\n} from '@udecode/plate-common';\nimport {\n  findNodePath,\n  useComposedRef,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\ntype FilterFn = (\n  item: { value: string; keywords?: string[] },\n  search: string\n) => boolean;\n\ninterface InlineComboboxContextValue {\n  filter: FilterFn | false;\n  inputProps: UseComboboxInputResult['props'];\n  inputRef: RefObject<HTMLInputElement>;\n  removeInput: UseComboboxInputResult['removeInput'];\n  setHasEmpty: (hasEmpty: boolean) => void;\n  showTrigger: boolean;\n  trigger: string;\n}\n\nconst InlineComboboxContext = createContext<InlineComboboxContextValue>(\n  null as any\n);\n\nexport const defaultFilter: FilterFn = ({ keywords = [], value }, search) =>\n  [value, ...keywords].some((keyword) => filterWords(keyword, search));\n\ninterface InlineComboboxProps {\n  children: ReactNode;\n  element: TElement;\n  trigger: string;\n  filter?: FilterFn | false;\n  hideWhenNoValue?: boolean;\n  setValue?: (value: string) => void;\n  showTrigger?: boolean;\n  value?: string;\n}\n\nconst InlineCombobox = ({\n  children,\n  element,\n  filter = defaultFilter,\n  hideWhenNoValue = false,\n  setValue: setValueProp,\n  showTrigger = true,\n  trigger,\n  value: valueProp,\n}: InlineComboboxProps) => {\n  const editor = useEditorRef();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const cursorState = useHTMLInputCursorState(inputRef);\n\n  const [valueState, setValueState] = useState('');\n  const hasValueProp = valueProp !== undefined;\n  const value = hasValueProp ? valueProp : valueState;\n\n  const setValue = useCallback(\n    (newValue: string) => {\n      setValueProp?.(newValue);\n\n      if (!hasValueProp) {\n        setValueState(newValue);\n      }\n    },\n    [setValueProp, hasValueProp]\n  );\n\n  /**\n   * Track the point just before the input element so we know where to\n   * insertText if the combobox closes due to a selection change.\n   */\n  const [insertPoint, setInsertPoint] = useState<PointRef | null>(null);\n\n  useEffect(() => {\n    const path = findNodePath(editor, element);\n\n    if (!path) return;\n\n    const point = getPointBefore(editor, path);\n\n    if (!point) return;\n\n    const pointRef = createPointRef(editor, point);\n    setInsertPoint(pointRef);\n\n    return () => {\n      pointRef.unref();\n    };\n  }, [editor, element]);\n\n  const { props: inputProps, removeInput } = useComboboxInput({\n    cancelInputOnBlur: false,\n    cursorState,\n    ref: inputRef,\n    onCancelInput: (cause) => {\n      if (cause !== 'backspace') {\n        insertText(editor, trigger + value, {\n          at: insertPoint?.current ?? undefined,\n        });\n      }\n      if (cause === 'arrowLeft' || cause === 'arrowRight') {\n        moveSelection(editor, {\n          distance: 1,\n          reverse: cause === 'arrowLeft',\n        });\n      }\n    },\n  });\n\n  const [hasEmpty, setHasEmpty] = useState(false);\n\n  const contextValue: InlineComboboxContextValue = useMemo(\n    () => ({\n      filter,\n      inputProps,\n      inputRef,\n      removeInput,\n      setHasEmpty,\n      showTrigger,\n      trigger,\n    }),\n    [\n      trigger,\n      showTrigger,\n      filter,\n      inputRef,\n      inputProps,\n      removeInput,\n      setHasEmpty,\n    ]\n  );\n\n  const store = useComboboxStore({\n    // open: ,\n    setValue: (newValue) => startTransition(() => setValue(newValue)),\n  });\n\n  const items = store.useState('items');\n\n  /**\n   * If there is no active ID and the list of items changes, select the first\n   * item.\n   */\n  useEffect(() => {\n    if (!store.getState().activeId) {\n      store.setActiveId(store.first());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, store]);\n\n  return (\n    <span contentEditable={false}>\n      <ComboboxProvider\n        open={\n          (items.length > 0 || hasEmpty) &&\n          (!hideWhenNoValue || value.length > 0)\n        }\n        store={store}\n      >\n        <InlineComboboxContext.Provider value={contextValue}>\n          {children}\n        </InlineComboboxContext.Provider>\n      </ComboboxProvider>\n    </span>\n  );\n};\n\nconst InlineComboboxInput = forwardRef<\n  HTMLInputElement,\n  HTMLAttributes<HTMLInputElement>\n>(({ className, ...props }, propRef) => {\n  const {\n    inputProps,\n    inputRef: contextRef,\n    showTrigger,\n    trigger,\n  } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n  const value = store.useState('value');\n\n  const ref = useComposedRef(propRef, contextRef);\n\n  /**\n   * To create an auto-resizing input, we render a visually hidden span\n   * containing the input value and position the input element on top of it.\n   * This works well for all cases except when input exceeds the width of the\n   * container.\n   */\n\n  return (\n    <>\n      {showTrigger && trigger}\n\n      <span className=\"relative min-h-[1lh]\">\n        <span\n          className=\"invisible overflow-hidden text-nowrap\"\n          aria-hidden=\"true\"\n        >\n          {value || '\\u200B'}\n        </span>\n\n        <Combobox\n          ref={ref}\n          className={cn(\n            'absolute left-0 top-0 size-full bg-transparent outline-none',\n            className\n          )}\n          value={value}\n          autoSelect\n          {...inputProps}\n          {...props}\n        />\n      </span>\n    </>\n  );\n});\n\nInlineComboboxInput.displayName = 'InlineComboboxInput';\n\nconst InlineComboboxContent: typeof ComboboxPopover = ({\n  className,\n  ...props\n}) => {\n  // Portal prevents CSS from leaking into popover\n  return (\n    <Portal>\n      <ComboboxPopover\n        className={cn(\n          'z-[500] max-h-[288px] w-[300px] overflow-y-auto rounded-md bg-popover shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n};\n\nconst comboboxItemVariants = cva(\n  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n  {\n    defaultVariants: {\n      interactive: true,\n    },\n    variants: {\n      interactive: {\n        false: '',\n        true: 'cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground data-[active-item=true]:bg-accent data-[active-item=true]:text-accent-foreground',\n      },\n    },\n  }\n);\n\nexport type InlineComboboxItemProps = {\n  focusEditor?: boolean;\n  keywords?: string[];\n} & ComboboxItemProps &\n  Required<Pick<ComboboxItemProps, 'value'>>;\n\nconst InlineComboboxItem = ({\n  className,\n  focusEditor = true,\n  keywords,\n  onClick,\n  ...props\n}: InlineComboboxItemProps) => {\n  const { value } = props;\n\n  const { filter, removeInput } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n\n  // Optimization: Do not subscribe to value if filter is false\n  const search = filter && store.useState('value');\n\n  const visible = useMemo(\n    () => !filter || filter({ keywords, value }, search as string),\n    [filter, value, keywords, search]\n  );\n\n  if (!visible) return null;\n\n  return (\n    <ComboboxItem\n      className={cn(comboboxItemVariants(), className)}\n      onClick={(event) => {\n        removeInput(focusEditor);\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n};\n\nconst InlineComboboxEmpty = ({\n  children,\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  const { setHasEmpty } = useContext(InlineComboboxContext);\n  const store = useComboboxContext()!;\n  const items = store.useState('items');\n\n  useEffect(() => {\n    setHasEmpty(true);\n\n    return () => {\n      setHasEmpty(false);\n    };\n  }, [setHasEmpty]);\n\n  if (items.length > 0) return null;\n\n  return (\n    <div\n      className={cn(comboboxItemVariants({ interactive: false }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n};\n",
       "path": "plate-ui/inline-combobox.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/slash-input-element.json b/apps/www/public/r/styles/default/slash-input-element.json
index f026267f31..5e1410c837 100644
--- a/apps/www/public/r/styles/default/slash-input-element.json
+++ b/apps/www/public/r/styles/default/slash-input-element.json
@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import React, { type ComponentType, type SVGProps } from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { type PlateEditor, PlateElement } from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n} from './inline-combobox';\n\ninterface SlashCommandRule {\n  icon: ComponentType<SVGProps<SVGSVGElement>>;\n  onSelect: (editor: PlateEditor) => void;\n  value: string;\n  keywords?: string[];\n}\n\nconst rules: SlashCommandRule[] = [\n  {\n    icon: Icons.h1,\n    value: 'Heading 1',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h1 });\n    },\n  },\n  {\n    icon: Icons.h2,\n    value: 'Heading 2',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h2 });\n    },\n  },\n  {\n    icon: Icons.h3,\n    value: 'Heading 3',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h3 });\n    },\n  },\n  {\n    icon: Icons.ul,\n    keywords: ['ul', 'unordered list'],\n    value: 'Bulleted list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Disc,\n      });\n    },\n  },\n  {\n    icon: Icons.ol,\n    keywords: ['ol', 'ordered list'],\n    value: 'Numbered list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Decimal,\n      });\n    },\n  },\n  {\n    icon: Icons.add,\n    keywords: ['inline', 'date'],\n    value: 'Date',\n    onSelect: (editor) => {\n      editor.getTransforms(DatePlugin).insert.date();\n    },\n  },\n];\n\nexport const SlashInputElement = withRef<typeof PlateElement>(\n  ({ className, ...props }, ref) => {\n    const { children, editor, element } = props;\n\n    return (\n      <PlateElement\n        ref={ref}\n        as=\"span\"\n        data-slate-value={element.value}\n        {...props}\n      >\n        <InlineCombobox element={element} trigger=\"/\">\n          <InlineComboboxInput />\n\n          <InlineComboboxContent>\n            <InlineComboboxEmpty>\n              No matching commands found\n            </InlineComboboxEmpty>\n\n            {rules.map(({ icon: Icon, keywords, value, onSelect }) => (\n              <InlineComboboxItem\n                key={value}\n                value={value}\n                onClick={() => onSelect(editor)}\n                keywords={keywords}\n              >\n                <Icon className=\"mr-2 size-4\" aria-hidden />\n                {value}\n              </InlineComboboxItem>\n            ))}\n          </InlineComboboxContent>\n        </InlineCombobox>\n\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "content": "import React, { type ComponentType, type SVGProps } from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { type PlateEditor, PlateElement } from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n} from './inline-combobox';\n\ninterface SlashCommandRule {\n  icon: ComponentType<SVGProps<SVGSVGElement>>;\n  onSelect: (editor: PlateEditor) => void;\n  value: string;\n  focusEditor?: boolean;\n  keywords?: string[];\n}\n\nconst rules: SlashCommandRule[] = [\n  {\n    icon: Icons.h1,\n    value: 'Heading 1',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h1 });\n    },\n  },\n  {\n    icon: Icons.h2,\n    value: 'Heading 2',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h2 });\n    },\n  },\n  {\n    icon: Icons.h3,\n    value: 'Heading 3',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h3 });\n    },\n  },\n  {\n    icon: Icons.ul,\n    keywords: ['ul', 'unordered list'],\n    value: 'Bulleted list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Disc,\n      });\n    },\n  },\n  {\n    icon: Icons.ol,\n    keywords: ['ol', 'ordered list'],\n    value: 'Numbered list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Decimal,\n      });\n    },\n  },\n  {\n    icon: Icons.add,\n    keywords: ['inline', 'date'],\n    value: 'Date',\n    onSelect: (editor) => {\n      editor.getTransforms(DatePlugin).insert.date();\n    },\n  },\n];\n\nexport const SlashInputElement = withRef<typeof PlateElement>(\n  ({ className, ...props }, ref) => {\n    const { children, editor, element } = props;\n\n    return (\n      <PlateElement\n        ref={ref}\n        as=\"span\"\n        data-slate-value={element.value}\n        {...props}\n      >\n        <InlineCombobox element={element} trigger=\"/\">\n          <InlineComboboxInput />\n\n          <InlineComboboxContent>\n            <InlineComboboxEmpty>\n              No matching commands found\n            </InlineComboboxEmpty>\n\n            {rules.map(({ icon: Icon, keywords, value, onSelect }) => (\n              <InlineComboboxItem\n                key={value}\n                value={value}\n                onClick={() => onSelect(editor)}\n                keywords={keywords}\n              >\n                <Icon className=\"mr-2 size-4\" aria-hidden />\n                {value}\n              </InlineComboboxItem>\n            ))}\n          </InlineComboboxContent>\n        </InlineCombobox>\n\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/slash-input-element.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/toc-element.json b/apps/www/public/r/styles/default/toc-element.json
new file mode 100644
index 0000000000..622d92db8c
--- /dev/null
+++ b/apps/www/public/r/styles/default/toc-element.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-heading"
+  ],
+  "files": [
+    {
+      "content": "import { cn } from '@udecode/cn';\nimport { PlateElement } from '@udecode/plate-common/react';\nimport {\n  useTocElement,\n  useTocElementState,\n} from '@udecode/plate-heading/react';\nimport { withRef } from '@udecode/react-utils';\nimport { cva } from 'class-variance-authority';\n\nimport { Button } from './button';\n\nconst headingItemVariants = cva(\n  'block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground',\n  {\n    variants: {\n      depth: {\n        1: 'pl-0.5',\n        2: 'pl-[26px]',\n        3: 'pl-[50px]',\n      },\n    },\n  }\n);\n\nexport const TocElement = withRef<typeof PlateElement>(\n  ({ children, className, ...props }, ref) => {\n    const state = useTocElementState();\n\n    const { props: btnProps } = useTocElement(state);\n\n    const { headingList } = state;\n\n    return (\n      <PlateElement\n        ref={ref}\n        className={cn('relative mb-1 p-0', className)}\n        {...props}\n      >\n        <nav contentEditable={false}>\n          {headingList.length > 0 ? (\n            headingList.map((item) => (\n              <Button\n                key={item.id}\n                variant=\"ghost\"\n                className={cn(\n                  headingItemVariants({ depth: item.depth as any })\n                )}\n                onClick={(e) => btnProps.onClick(e, item, 'smooth')}\n                aria-current\n              >\n                {item.title}\n              </Button>\n            ))\n          ) : (\n            <div className=\"text-sm text-gray-500\">\n              Create a heading to display the table of contents.\n            </div>\n          )}\n        </nav>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "path": "plate-ui/toc-element.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "toc-element",
+  "registryDependencies": [
+    ""
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 8634e9369f..af8892fb28 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -159,6 +159,17 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       chunks: []
     },
+    "toc-element": {
+      name: "toc-element",
+      type: "registry:ui",
+      registryDependencies: [""],
+      files: ["registry/default/plate-ui/toc-element.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/toc-element.tsx")),
+      source: "",
+      category: "undefined",
+      subcategory: "undefined",
+      chunks: []
+    },
     "calendar": {
       name: "calendar",
       type: "registry:ui",

From cdd2e0db7452cb10cb3623d7c5bea3548c062ab8 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 15:19:28 +0800
Subject: [PATCH 031/127] AI

---
 apps/www/package.json                         |   3 +-
 apps/www/src/components/icons.tsx             |  25 +
 .../playground-fixed-toolbar-buttons.tsx      |   5 +
 .../playground-floating-toolbar-buttons.tsx   |  12 +-
 .../www/src/lib/plate/demo/values/aiValue.tsx |  47 ++
 .../plate/demo/values/usePlaygroundValue.ts   |   6 +-
 .../default/example/playground-demo.tsx       |   8 +
 .../action-handler/defaultActionHandler.ts    |  57 ++
 .../defaultSuggestionActionHandler.ts         | 128 ++++
 .../default/plate-ui/action-handler/index.ts  |   9 +
 .../action-handler/selectionActionHandler.ts  |  82 +++
 .../selectionSuggestionActionHandler.ts       | 156 ++++
 .../action-handler/useActionHandler.ts        |  42 ++
 .../registry/default/plate-ui/ai-actions.tsx  | 197 +++++
 .../default/plate-ui/ai-menu-items.tsx        |  88 +++
 .../src/registry/default/plate-ui/ai-menu.tsx | 267 +++++++
 .../default/plate-ui/ai-previdew-editor.tsx   | 163 +++++
 .../default/plate-ui/ai-toolbar-button.tsx    |  43 ++
 .../default/plate-ui/floating-toolbar.tsx     |   7 +
 .../src/registry/default/plate-ui/menu.tsx    | 679 ++++++++++++++++++
 .../plate-ui/stream/getSystemMessage.ts       |  10 +
 .../registry/default/plate-ui/stream/index.ts |   3 +
 .../plate-ui/stream/streamInsertText.ts       | 166 +++++
 .../stream/streamInsertTextSelection.ts       | 118 +++
 .../plate-ui/stream/streamTraversal.ts        |  59 ++
 .../default/plate-ui/utils/getContent.ts      |  59 ++
 .../utils/getFirstBlockSelectedNode.ts        |   9 +
 .../plate-ui/utils/getNextPathByNumber.ts     |  11 +
 .../registry/default/plate-ui/utils/index.ts  |   3 +
 yarn.lock                                     |  57 +-
 30 files changed, 2501 insertions(+), 18 deletions(-)
 create mode 100644 apps/www/src/lib/plate/demo/values/aiValue.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/index.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-actions.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-menu.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/menu.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/stream/index.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/utils/getContent.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts
 create mode 100644 apps/www/src/registry/default/plate-ui/utils/index.ts

diff --git a/apps/www/package.json b/apps/www/package.json
index 5a26d41e4e..ade1476029 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -35,7 +35,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@ariakit/react": "0.4.11",
+    "@ariakit/react": "0.4.7",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
@@ -138,6 +138,7 @@
     "framer-motion": "^11.5.4",
     "lodash.template": "^4.5.0",
     "lucide-react": "^0.441.0",
+    "match-sorter": "6.3.4",
     "next": "14.3.0-canary.43",
     "next-contentlayer2": "^0.4.6",
     "next-themes": "^0.3.0",
diff --git a/apps/www/src/components/icons.tsx b/apps/www/src/components/icons.tsx
index 341c547540..1c87699bf4 100644
--- a/apps/www/src/components/icons.tsx
+++ b/apps/www/src/components/icons.tsx
@@ -6,12 +6,14 @@ import { cva } from 'class-variance-authority';
 import {
   type LucideIcon,
   type LucideProps,
+  Album,
   AlignCenter,
   AlignJustify,
   AlignLeft,
   AlignRight,
   ArrowLeft,
   ArrowRight,
+  BadgeHelp,
   Baseline,
   Bold,
   Check,
@@ -19,10 +21,12 @@ import {
   ChevronLeft,
   ChevronRight,
   ChevronsUpDown,
+  CircleStop,
   ClipboardCheck,
   Code2,
   Combine,
   Copy,
+  CornerUpLeft,
   DownloadCloud,
   DownloadIcon,
   ExternalLink,
@@ -42,12 +46,15 @@ import {
   Indent,
   Italic,
   Keyboard,
+  Languages,
   Laptop,
   Link,
   Link2,
   Link2Off,
   List,
+  ListMinus,
   ListOrdered,
+  ListPlus,
   Loader2,
   MessageSquare,
   MessageSquarePlus,
@@ -58,6 +65,7 @@ import {
   Outdent,
   PaintBucket,
   Paperclip,
+  PartyPopper,
   Pen,
   PenLine,
   PenTool,
@@ -68,9 +76,11 @@ import {
   RectangleVertical,
   RotateCcw,
   Search,
+  Send,
   Settings,
   Settings2,
   Smile,
+  Sparkles,
   Square,
   Strikethrough,
   Subscript,
@@ -82,6 +92,7 @@ import {
   Underline,
   Ungroup,
   Unlink,
+  Wand,
   WrapText,
   X,
 } from 'lucide-react';
@@ -377,6 +388,7 @@ const LayoutIcon = (props: LucideProps) => (
 export const Icons = {
   LayoutIcon,
   add: Plus,
+  ai: Sparkles,
   alignCenter: AlignCenter,
   alignJustify: AlignJustify,
   alignLeft: AlignLeft,
@@ -409,11 +421,14 @@ export const Icons = {
   comment: MessageSquare,
   commentAdd: MessageSquarePlus,
   conflict: Unlink,
+  continueWrite: PenLine,
+  continuewrite: PenLine,
   copy: Copy,
   copyDone: ClipboardCheck,
   delete: Trash,
   dependency: Link,
   discord,
+  done: Check,
   doubleColumn: DoubleColumnOutlined,
   doubleSideDoubleColumn: DoubleSideDoubleColumnOutlined,
   download: DownloadIcon,
@@ -424,6 +439,7 @@ export const Icons = {
   embed: Film,
   emoji: Smile,
   excalidraw: PenTool,
+  explain: BadgeHelp,
   externalLink: ExternalLink,
   gitHub,
   h1: Heading1,
@@ -435,6 +451,7 @@ export const Icons = {
   highlight: Highlighter,
   hr: Minus,
   image: Image,
+  improve: Wand,
   indent: Indent,
   italic: Italic,
   kbd: Keyboard,
@@ -442,6 +459,8 @@ export const Icons = {
   leftSideDoubleColumn: LeftSideDoubleColumnOutlined,
   lineHeight: WrapText,
   link: Link2,
+  makeLonger: ListPlus,
+  makeShorter: ListMinus,
   media: Image,
   minus: Minus,
   moon: Moon,
@@ -461,10 +480,14 @@ export const Icons = {
   row: RectangleHorizontal,
   search: Search,
   settings: Settings,
+  simplify: PartyPopper,
   spinner: Loader2,
+  stop: CircleStop,
   strikethrough: Strikethrough,
+  submit: Send,
   subscript: Subscript,
   suggesting: PenLine,
+  summarize: Album,
   sun: SunMedium,
   superscript: Superscript,
   table: Table,
@@ -472,7 +495,9 @@ export const Icons = {
   text: Text,
   threeColumn: ThreeColumnOutlined,
   todo: Square,
+  translate: Languages,
   trash: Trash,
+  tryAgain: CornerUpLeft,
   twitter: (props: IconProps) => (
     <svg
       {...props}
diff --git a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
index 8045fcbd9e..ecd937bc77 100644
--- a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
@@ -31,6 +31,7 @@ import { TogglePlugin } from '@udecode/plate-toggle/react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons, iconVariants } from '@/components/icons';
+import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { AlignDropdownMenu } from '@/registry/default/plate-ui/align-dropdown-menu';
 import { ColorDropdownMenu } from '@/registry/default/plate-ui/color-dropdown-menu';
 import { CommentToolbarButton } from '@/registry/default/plate-ui/comment-toolbar-button';
@@ -68,6 +69,10 @@ export function PlaygroundFixedToolbarButtons() {
         {!readOnly && (
           <>
             <ToolbarGroup noSeparator>
+              <AIToolbarButton>
+                <Icons.ai />
+              </AIToolbarButton>
+
               <PlaygroundInsertDropdownMenu />
 
               <CheckPlugin id="basicnodes">
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
index 31eb066d39..060a4e845a 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
@@ -13,10 +13,14 @@ import { LinkPlugin } from '@udecode/plate-link/react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons } from '@/components/icons';
+import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { CommentToolbarButton } from '@/registry/default/plate-ui/comment-toolbar-button';
 import { LinkToolbarButton } from '@/registry/default/plate-ui/link-toolbar-button';
 import { MarkToolbarButton } from '@/registry/default/plate-ui/mark-toolbar-button';
-import { ToolbarSeparator } from '@/registry/default/plate-ui/toolbar';
+import {
+  ToolbarGroup,
+  ToolbarSeparator,
+} from '@/registry/default/plate-ui/toolbar';
 
 import { PlaygroundMoreDropdownMenu } from './playground-more-dropdown-menu';
 import { PlaygroundTurnIntoDropdownMenu } from './playground-turn-into-dropdown-menu';
@@ -28,6 +32,12 @@ export function PlaygroundFloatingToolbarButtons() {
     <>
       {!readOnly && (
         <>
+          <ToolbarGroup noSeparator>
+            <AIToolbarButton>
+              <Icons.ai />
+              Ask AI
+            </AIToolbarButton>
+          </ToolbarGroup>
           <PlaygroundTurnIntoDropdownMenu />
 
           <CheckPlugin plugin={BoldPlugin}>
diff --git a/apps/www/src/lib/plate/demo/values/aiValue.tsx b/apps/www/src/lib/plate/demo/values/aiValue.tsx
new file mode 100644
index 0000000000..4ab27f13e7
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/aiValue.tsx
@@ -0,0 +1,47 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const aiValue: any = (
+  <fragment>
+    <hh1>✨ AI Assistant</hh1>
+    <hp indent={1} listStyleType="decimal">
+      <htext>To trigger the AI assistant, you can:</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext>Press the Space key on a new empty block</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext>Select text then click the AI icon in the floating toolbar</htext>
+    </hp>
+    <hp indent={1} listStart={2} listStyleType="decimal">
+      <htext>
+        Type your prompt or question in the input field that appears.
+      </htext>
+    </hp>
+    <hp indent={1} listStart={3} listStyleType="decimal">
+      <htext>
+        Press Enter to submit your prompt and generate AI-assisted content.
+      </htext>
+    </hp>
+    <hp indent={1} listStart={4} listStyleType="decimal">
+      <htext>
+        The AI will generate content based on your prompt. You can then:
+      </htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext>Edit the generated content as needed</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext>Accept the content as is</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext>Regenerate the content with a different prompt</htext>
+    </hp>
+    <hp>
+      <htext></htext>
+    </hp>
+  </fragment>
+);
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 227b71ded4..cd38c20c81 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -6,6 +6,7 @@ import { settingsStore } from '@/components/context/settings-store';
 import { type ValueId, customizerPlugins } from '@/config/customizer-plugins';
 import { mapNodeId } from '@/plate/demo/mapNodeId';
 
+import { aiValue } from './aiValue';
 import { alignValue } from './alignValue';
 import { autoformatValue } from './autoformatValue';
 import { basicElementsValue } from './basicElementsValue';
@@ -71,9 +72,12 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
       return mapNodeId(newValue);
     }
-    //AI
     if (enabled.toc) value.unshift(...tocValue);
+    //AI
     if (enabled.copilot) value.unshift(...copilotValue);
+
+    value.unshift(...aiValue);
+
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
     if (enabled.highlight) value.push(...highlightValue);
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 2d6dc3abc5..65ce9b852b 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,6 +7,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -80,6 +81,7 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
+import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import { CursorOverlay } from '@/registry/default/plate-ui/cursor-overlay';
 import { Editor } from '@/registry/default/plate-ui/editor';
@@ -161,6 +163,12 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
             enableMerging: id === 'tableMerge',
           },
         }),
+        AIPlugin.configure({
+          options: {
+            scrollContainerSelector: `#${scrollSelector}`,
+          },
+          render: { aboveEditable: AIMenu },
+        }),
         TodoListPlugin,
         TogglePlugin,
         ExcalidrawPlugin,
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts
new file mode 100644
index 0000000000..cb761125eb
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts
@@ -0,0 +1,57 @@
+'use client';
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import {
+  ACTION_CONTINUE_WRITE,
+  ACTION_EXPLAIN,
+  ACTION_SUMMARIZE,
+  GROUP_LANGUAGES,
+} from '@/registry/default/plate-ui/ai-actions';
+import { streamInsertText } from '@/registry/default/plate-ui/stream';
+import { serializeAI } from '@/registry/default/plate-ui/utils';
+
+import type { ActionHandlerOptions } from './useActionHandler';
+
+export const defaultActionHandler = async (
+  editor: PlateEditor,
+  { group, value }: ActionHandlerOptions
+) => {
+  if (group === GROUP_LANGUAGES) {
+    const content = serializeAI(editor);
+    await streamInsertText(editor, {
+      prompt: `Keep the original paragraph format. Translate the following article to ${value?.slice(7)}: ${content}`,
+    });
+
+    return;
+  }
+
+  switch (value) {
+    case ACTION_CONTINUE_WRITE: {
+      const content = serializeAI(editor);
+
+      await streamInsertText(editor, {
+        prompt: `Continue writing the following article in 3-5 sentences: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SUMMARIZE: {
+      const content = serializeAI(editor);
+
+      await streamInsertText(editor, {
+        prompt: `Summarize the following article in 3-5 sentences: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_EXPLAIN: {
+      const content = serializeAI(editor);
+
+      await streamInsertText(editor, {
+        prompt: `Explain the following article in 3-5 sentences: ${content}`,
+      });
+
+      break;
+    }
+  }
+};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts
new file mode 100644
index 0000000000..97ed746bb7
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts
@@ -0,0 +1,128 @@
+'use client';
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
+import { serializeMdNodes } from '@udecode/plate-markdown';
+import { getEndPoint, setSelection, withMerging } from '@udecode/slate';
+import { focusEditor } from '@udecode/slate-react';
+import { insertEmptyElement } from '@udecode/slate-utils';
+import { Path } from 'slate';
+
+import {
+  ACTION_SUGGESTION_CLOSE,
+  ACTION_SUGGESTION_CONTINUE_WRITE,
+  ACTION_SUGGESTION_DONE,
+  ACTION_SUGGESTION_MAKE_LONGER,
+  ACTION_SUGGESTION_TRY_AGAIN,
+} from '@/registry/default/plate-ui/ai-actions';
+import { streamInsertText } from '@/registry/default/plate-ui/stream';
+import {
+  getBlockSelectedEntries,
+  getFirstBlockSelectedNode,
+} from '@/registry/default/plate-ui/utils';
+
+import type { ActionHandlerOptions } from './useActionHandler';
+
+export const defaultSuggestionActionHandler = (
+  editor: PlateEditor,
+  { group: _, value }: ActionHandlerOptions
+) => {
+  switch (value) {
+    case ACTION_SUGGESTION_CONTINUE_WRITE: {
+      const entries = getBlockSelectedEntries(editor);
+      const nodes = Array.from(entries, (entry) => entry[0]);
+
+      if (!nodes) return;
+
+      const md = serializeMdNodes(nodes as any);
+
+      const curPath = editor.getOptions(AIPlugin).curNodeEntry?.[1];
+
+      const newLine = Path.next(curPath!);
+      withMerging(editor, () => {
+        insertEmptyElement(editor, ParagraphPlugin.key, {
+          at: newLine,
+          select: true,
+        });
+      });
+
+      setTimeout(() => {
+        void streamInsertText(editor, {
+          prompt: `continue write the following article in 3-5 sentences: ${md}`,
+          startWritingPath: newLine,
+        });
+      }, 0);
+
+      break;
+    }
+    case ACTION_SUGGESTION_MAKE_LONGER: {
+      const first = getFirstBlockSelectedNode(editor);
+
+      editor.setOptions(AIPlugin, { openEditorId: null });
+      editor.undo();
+      editor.history.redos.pop();
+
+      setTimeout(() => {
+        const lastGenerate = editor.getOptions(AIPlugin).lastGenerate;
+        editor.setOptions(AIPlugin, { openEditorId: editor.id });
+        void streamInsertText(editor, {
+          prompt: `make longer with the following article ${lastGenerate}`,
+          startWritingPath: first[1],
+        });
+      }, 0);
+
+      break;
+    }
+    // BUG: first block focus
+    case ACTION_SUGGESTION_DONE: {
+      editor.getApi(AIPlugin).ai.hide();
+      clearBlockSelected(editor);
+      const curNodeEntry = editor.getOptions(AIPlugin).curNodeEntry;
+
+      // set selection to last point
+      if (curNodeEntry) {
+        const endPoint = getEndPoint(editor, curNodeEntry[1]);
+        setSelection(editor, { anchor: endPoint, focus: endPoint });
+        setTimeout(() => {
+          focusEditor(editor);
+        }, 0);
+      }
+
+      break;
+    }
+    // TODO:
+    case ACTION_SUGGESTION_CLOSE: {
+      editor.getApi(AIPlugin).ai.hide();
+      clearBlockSelected(editor);
+      setTimeout(() => {
+        // set selection to last point
+        focusEditor(editor);
+      }, 0);
+
+      break;
+    }
+    case ACTION_SUGGESTION_TRY_AGAIN: {
+      const first = getFirstBlockSelectedNode(editor);
+      editor.undo();
+      editor.history.redos.pop();
+
+      setTimeout(() => {
+        const lastPrompt = editor.getOptions(AIPlugin).lastPrompt;
+
+        void streamInsertText(editor, {
+          prompt: lastPrompt!,
+          startWritingPath: (first as any)[1],
+        });
+      }, 0);
+
+      break;
+    }
+  }
+};
+
+export const clearBlockSelected = (editor: PlateEditor) => {
+  const { blockSelectionStore } = editor as any;
+
+  if (blockSelectionStore) {
+    blockSelectionStore.set.resetSelectedIds();
+  }
+};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/index.ts b/apps/www/src/registry/default/plate-ui/action-handler/index.ts
new file mode 100644
index 0000000000..45d1effb0f
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/index.ts
@@ -0,0 +1,9 @@
+export * from './defaultActionHandler';
+
+export * from './defaultSuggestionActionHandler';
+
+export * from './selectionActionHandler';
+
+export * from './selectionSuggestionActionHandler';
+
+export * from './useActionHandler';
\ No newline at end of file
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts
new file mode 100644
index 0000000000..bfce009b9b
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts
@@ -0,0 +1,82 @@
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import {
+  ACTION_SELECTION_FIX_SPELLING,
+  ACTION_SELECTION_IMPROVE_WRITING,
+  ACTION_SELECTION_MAKE_LONGER,
+  ACTION_SELECTION_MAKE_SHORTER,
+  ACTION_SELECTION_SIMPLIFY_LANGUAGE,
+  GROUP_SELECTION_LANGUAGES,
+} from '@/registry/default/plate-ui/ai-actions';
+import { streamInsertTextSelection } from '@/registry/default/plate-ui/stream';
+import { getContent } from '@/registry/default/plate-ui/utils';
+
+import type { ActionHandlerOptions } from './useActionHandler';
+
+export const selectionActionHandler = (
+  editor: PlateEditor,
+  aiEditor: PlateEditor,
+  { group, value }: ActionHandlerOptions
+) => {
+  if (group === GROUP_SELECTION_LANGUAGES) {
+    const content = getContent(editor, aiEditor);
+    aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+    void streamInsertTextSelection(editor, aiEditor, {
+      prompt: `translate the following article to ${value?.slice(7)}: ${content} Please keep the original paragraph format.`,
+    });
+
+    return;
+  }
+
+  switch (value) {
+    case ACTION_SELECTION_IMPROVE_WRITING: {
+      const content = getContent(editor, aiEditor);
+      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `improve the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_FIX_SPELLING: {
+      const content = getContent(editor, aiEditor);
+      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `Correct the grammatical or spelling errors in the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_MAKE_SHORTER: {
+      const content = getContent(editor, aiEditor);
+      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `make shorter with the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_MAKE_LONGER: {
+      const content = getContent(editor, aiEditor);
+      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `make longer with the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_SIMPLIFY_LANGUAGE: {
+      const content = getContent(editor, aiEditor);
+      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `Simplify the language in the following content: ${content}`,
+      });
+    }
+  }
+};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts
new file mode 100644
index 0000000000..cb301b71c6
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts
@@ -0,0 +1,156 @@
+'use client';
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { nanoid } from '@udecode/plate-core';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { insertNodes, isBlock, removeNodes, withMerging } from '@udecode/slate';
+import { Path, Range } from 'slate';
+
+import {
+  ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE,
+  ACTION_SELECTION_SUGGESTION_DONE,
+  ACTION_SELECTION_SUGGESTION_INSERT_BELOW,
+  ACTION_SELECTION_SUGGESTION_MAKE_LONGER,
+  ACTION_SELECTION_SUGGESTION_REPLACE,
+  ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
+} from '@/registry/default/plate-ui/ai-actions';
+import { streamInsertTextSelection } from '@/registry/default/plate-ui/stream';
+import { getContent } from '@/registry/default/plate-ui/utils';
+
+import type { ActionHandlerOptions } from './useActionHandler';
+
+import { clearBlockSelected } from './defaultSuggestionActionHandler';
+
+export const selectionSuggestionActionHandler = (
+  editor: PlateEditor,
+  aiEditor: PlateEditor,
+  { group: _, value }: ActionHandlerOptions
+) => {
+  switch (value) {
+    case ACTION_SELECTION_SUGGESTION_REPLACE: {
+      editor.getApi(AIPlugin).ai.hide();
+      const nodes = aiEditor.children;
+
+      let path: Path = [];
+
+      const selectedBlocks = editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getSelectedBlocks();
+
+      const selectedIds = editor.getOptions(BlockSelectionPlugin).selectedIds;
+
+      if (selectedBlocks.length > 0 && selectedIds?.size) {
+        path = selectedBlocks[0][1];
+
+        removeNodes(editor, {
+          at: [],
+          match: (n) => selectedIds.has(n.id),
+        });
+      } else {
+        const start = Range.start(editor.selection!);
+        path = [start.path[0]];
+
+        removeNodes(editor, {
+          at: editor.selection!,
+          match: (n) => isBlock(editor, n),
+          mode: 'highest',
+        });
+      }
+
+      const ids: string[] = [];
+
+      nodes.forEach((node) => {
+        const id = nanoid();
+        ids.push(id);
+        node.id = id;
+      });
+
+      withMerging(editor, () => {
+        insertNodes(editor, nodes, { at: path });
+      });
+
+      setTimeout(() => {
+        clearBlockSelected(editor);
+        ids.forEach((id) =>
+          editor
+            .getApi(BlockSelectionPlugin)
+            .blockSelection.addSelectedRow(id, { clear: false })
+        );
+      }, 0);
+
+      break;
+    }
+    case ACTION_SELECTION_SUGGESTION_INSERT_BELOW: {
+      editor.getApi(AIPlugin).ai.hide();
+      const nodes = aiEditor.children;
+
+      const selectedBlocks = editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getSelectedBlocks();
+
+      let path: Path = [];
+
+      if (selectedBlocks.length > 0) {
+        const lastBlockPath = selectedBlocks.at(-1)![1];
+        path = Path.next(lastBlockPath);
+      } else {
+        const end = Range.end(editor.selection!);
+        path = Path.next([end.path[0]]);
+      }
+
+      const ids: string[] = [];
+
+      nodes.forEach((node) => {
+        const id = nanoid();
+        ids.push(id);
+        node.id = id;
+      });
+
+      insertNodes(editor, nodes, { at: path });
+
+      setTimeout(() => {
+        clearBlockSelected(editor);
+        ids.forEach((id) =>
+          editor
+            .getApi(BlockSelectionPlugin)
+            .blockSelection.addSelectedRow(id, { clear: false })
+        );
+      }, 0);
+
+      break;
+    }
+    case ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE: {
+      const content = getContent(editor, aiEditor);
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `continue write the following: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_SUGGESTION_MAKE_LONGER: {
+      const content = getContent(editor, aiEditor);
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `make longer with the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_SUGGESTION_TRY_AGAIN: {
+      const content = getContent(editor, aiEditor);
+
+      void streamInsertTextSelection(editor, aiEditor, {
+        prompt: `rewrite the following content: ${content}`,
+      });
+
+      break;
+    }
+    case ACTION_SELECTION_SUGGESTION_DONE: {
+      editor.getApi(AIPlugin).ai.hide();
+
+      break;
+    }
+  }
+};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
new file mode 100644
index 0000000000..a2696baaf6
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
@@ -0,0 +1,42 @@
+'use client';
+import { useEffect } from 'react';
+
+import type { actionGroup } from '@/registry/default/plate-ui/menu';
+
+import { type PlateEditor, useEditorRef } from '@udecode/plate-core/react';
+
+import { defaultActionHandler } from './defaultActionHandler';
+import { defaultSuggestionActionHandler } from './defaultSuggestionActionHandler';
+import { selectionActionHandler } from './selectionActionHandler';
+import { selectionSuggestionActionHandler } from './selectionSuggestionActionHandler';
+
+export const useActionHandler = (
+  action: actionGroup | null,
+  aiEditor: PlateEditor
+) => {
+  const editor = useEditorRef();
+
+  useEffect(() => {
+    if (!action) return;
+
+    const { group, value } = action;
+
+    if (!value) return;
+
+    void defaultActionHandler(editor, { group, value });
+
+    void defaultSuggestionActionHandler(editor, { group, value });
+
+    void selectionActionHandler(editor, aiEditor, { group, value });
+
+    void selectionSuggestionActionHandler(editor, aiEditor, {
+      group,
+      value,
+    });
+  }, [action, aiEditor, editor]);
+};
+
+export interface ActionHandlerOptions {
+  value: string;
+  group?: string;
+}
diff --git a/apps/www/src/registry/default/plate-ui/ai-actions.tsx b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
new file mode 100644
index 0000000000..a0ae554c12
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
@@ -0,0 +1,197 @@
+import { Icons } from '@/components/icons';
+
+import type { Action } from './menu';
+
+/** Common */
+const ACTION_CHINESE = 'action_chinese';
+const ACTION_ENGLISH = 'action_english';
+const ACTION_KOREAN = 'action_korean';
+
+const languages = [
+  { label: 'English', value: ACTION_ENGLISH },
+  { label: 'Chinese', value: ACTION_CHINESE },
+  { label: 'Korean', value: ACTION_KOREAN },
+] satisfies Action[];
+
+/** DefaultItems */
+
+export const ACTION_CONTINUE_WRITE = 'action_continue_write';
+
+export const ACTION_EXPLAIN = 'action_explain';
+
+export const ACTION_SUMMARIZE = 'action_summarize';
+
+export const GROUP_LANGUAGES = 'group_languages';
+
+export const GROUP_ALIGN = 'group_align';
+
+export const ACTION_CAPTION = 'action_cation';
+
+export const DefaultActions = {
+  Summarize: {
+    icon: <Icons.summarize />,
+    label: 'Summarize',
+    value: ACTION_SUMMARIZE,
+  },
+  continueWrite: {
+    icon: <Icons.continueWrite />,
+    label: 'Continue writing',
+    value: ACTION_CONTINUE_WRITE,
+  },
+  explain: {
+    icon: <Icons.explain />,
+    label: 'Explain this',
+    value: ACTION_EXPLAIN,
+  },
+  translate: {
+    group: GROUP_LANGUAGES,
+    icon: <Icons.translate />,
+    items: languages,
+    label: 'Translate',
+  },
+} satisfies Record<string, Action>;
+
+export const defaultValues = {
+  // [GROUP_LANGUAGES]: ACTION_ENGLISH,
+};
+
+/** SuggestionItems */
+
+export const ACTION_SUGGESTION_CLOSE = 'action_close';
+
+export const ACTION_SUGGESTION_CONTINUE_WRITE =
+  'action_suggestion_continue_write';
+
+export const ACTION_SUGGESTION_DONE = 'action_done';
+
+export const ACTION_SUGGESTION_MAKE_LONGER = 'action_longer';
+
+export const ACTION_SUGGESTION_TRY_AGAIN = 'action_try_again';
+
+export const DefaultSuggestionActions = {
+  close: {
+    icon: <Icons.close />,
+    label: 'Close',
+    value: ACTION_SUGGESTION_CLOSE,
+  },
+  continueWrite: {
+    icon: <Icons.continueWrite />,
+    label: 'Continue writing',
+    value: ACTION_SUGGESTION_CONTINUE_WRITE,
+  },
+  done: {
+    icon: <Icons.done />,
+    label: 'Done',
+    value: ACTION_SUGGESTION_DONE,
+  },
+  makeLonger: {
+    icon: <Icons.makeLonger />,
+    label: 'Make longer',
+    value: ACTION_SUGGESTION_MAKE_LONGER,
+  },
+  tryAgain: {
+    icon: <Icons.tryAgain />,
+    label: 'Try again',
+    value: ACTION_SUGGESTION_TRY_AGAIN,
+  },
+};
+
+/** SelectionItems */
+
+export const ACTION_SELECTION_IMPROVE_WRITING = 'action_improve_writing';
+
+export const ACTION_SELECTION_FIX_SPELLING = 'action_fix_spelling';
+
+export const ACTION_SELECTION_MAKE_LONGER = 'action_selection_make_longer';
+
+export const ACTION_SELECTION_MAKE_SHORTER = 'action_selection_make_shorter';
+
+export const ACTION_SELECTION_SIMPLIFY_LANGUAGE = 'action_simplify_language';
+
+export const GROUP_SELECTION_LANGUAGES = 'group_selection_languages';
+
+export const SelectionActions = {
+  fixSpell: {
+    icon: <Icons.check />,
+    label: 'Fix spelling & grammar',
+    value: ACTION_SELECTION_FIX_SPELLING,
+  },
+  improveWriting: {
+    icon: <Icons.improve />,
+    label: 'Improve writing',
+    value: ACTION_SELECTION_IMPROVE_WRITING,
+  },
+  makeLonger: {
+    icon: <Icons.makeLonger />,
+    label: 'Make longer',
+    value: ACTION_SELECTION_MAKE_LONGER,
+  },
+  makeShorter: {
+    icon: <Icons.makeShorter />,
+    label: 'Make shorter',
+    value: ACTION_SELECTION_MAKE_SHORTER,
+  },
+  simplifyLanguage: {
+    icon: <Icons.simplify />,
+    label: 'Simplify language',
+    value: ACTION_SELECTION_SIMPLIFY_LANGUAGE,
+  },
+  translate: {
+    group: GROUP_SELECTION_LANGUAGES,
+    icon: <Icons.translate />,
+    items: languages,
+    label: 'Translate',
+  },
+};
+
+/** SelectionSuggestionItems */
+export const ACTION_SELECTION_SUGGESTION_REPLACE =
+  'action_selection_suggestion_replace';
+
+export const ACTION_SELECTION_SUGGESTION_INSERT_BELOW =
+  'action_selection_suggestion_below';
+
+export const ACTION_SELECTION_SUGGESTION_MAKE_LONGER =
+  'action_selection_suggestion_make_longer';
+
+export const ACTION_SELECTION_SUGGESTION_DONE =
+  'action_selection_suggestion_done';
+
+export const ACTION_SELECTION_SUGGESTION_TRY_AGAIN =
+  'action_selection_suggestion_try_again';
+
+export const ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE =
+  'action_selection_suggestion_continue_write';
+
+export const SelectionSuggestionActions = {
+  continueWrite: {
+    icon: <Icons.continueWrite />,
+    label: 'Continue writing',
+    value: ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE,
+  },
+  done: {
+    icon: <Icons.done />,
+    label: 'Done',
+    value: ACTION_SELECTION_SUGGESTION_DONE,
+  },
+  insertBelow: {
+    icon: <Icons.add />,
+    label: 'Insert below',
+    value: ACTION_SELECTION_SUGGESTION_INSERT_BELOW,
+  },
+  makeLonger: {
+    icon: <Icons.makeLonger />,
+    label: 'Make longer',
+    value: ACTION_SELECTION_SUGGESTION_MAKE_LONGER,
+  },
+  replace: {
+    icon: <Icons.check />,
+    label: 'Replace selection',
+    value: ACTION_SELECTION_SUGGESTION_REPLACE,
+  },
+  tryAgain: {
+    icon: <Icons.tryAgain />,
+    label: 'Try again',
+    value: ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
+  },
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
new file mode 100644
index 0000000000..e0d5a80f6c
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -0,0 +1,88 @@
+import {
+  DefaultActions,
+  DefaultSuggestionActions,
+  SelectionActions,
+  SelectionSuggestionActions,
+} from './ai-actions';
+import {
+  Menu,
+  MenuGroup,
+  MenuItem,
+  MenuSeparator,
+  renderMenuItems,
+} from './menu';
+
+export const DefaultItems = () => {
+  return (
+    <>
+      <MenuGroup label="Write with AI">
+        <MenuItem {...DefaultActions.continueWrite} />
+      </MenuGroup>
+      <MenuSeparator />
+      <MenuGroup label="Generate from page">
+        <MenuItem {...DefaultActions.Summarize} />
+        <Menu
+          label={DefaultActions.translate.label}
+          icon={DefaultActions.translate.icon}
+        >
+          {renderMenuItems(DefaultActions.translate)}
+        </Menu>
+        <MenuItem {...DefaultActions.explain} />
+      </MenuGroup>
+    </>
+  );
+};
+
+export const DefaultSuggestionItems = () => {
+  return (
+    <>
+      <MenuItem {...DefaultSuggestionActions.done} />
+      <MenuItem {...DefaultSuggestionActions.continueWrite} />
+      <MenuItem {...DefaultSuggestionActions.makeLonger} />
+
+      <MenuSeparator />
+
+      <MenuItem {...DefaultSuggestionActions.tryAgain} />
+      <MenuItem {...DefaultSuggestionActions.close} />
+    </>
+  );
+};
+
+export const SelectionItems = () => {
+  return (
+    <>
+      <MenuItem {...SelectionActions.improveWriting} />
+      <MenuItem {...SelectionActions.fixSpell} />
+      <MenuItem {...SelectionActions.makeShorter} />
+      <MenuItem {...SelectionActions.makeLonger} />
+      <MenuItem {...SelectionActions.simplifyLanguage} />
+
+      <MenuSeparator />
+
+      <MenuGroup label="Generate from selection">
+        <Menu
+          label={SelectionActions.translate.label}
+          icon={SelectionActions.translate.icon}
+        >
+          {renderMenuItems(SelectionActions.translate)}
+        </Menu>
+      </MenuGroup>
+    </>
+  );
+};
+
+export const SelectionSuggestionItems = () => {
+  return (
+    <>
+      <MenuItem preventClose {...SelectionSuggestionActions.replace} />
+      <MenuItem preventClose {...SelectionSuggestionActions.insertBelow} />
+      <MenuItem preventClose {...SelectionSuggestionActions.continueWrite} />
+      <MenuItem preventClose {...SelectionSuggestionActions.makeLonger} />
+
+      <MenuSeparator />
+
+      <MenuItem preventClose {...SelectionSuggestionActions.tryAgain} />
+      <MenuItem preventClose {...SelectionSuggestionActions.done} />
+    </>
+  );
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
new file mode 100644
index 0000000000..f82d5a3b65
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -0,0 +1,267 @@
+/* eslint-disable tailwindcss/no-custom-classname */
+'use client';
+
+import React, {
+  type KeyboardEvent,
+  memo,
+  startTransition,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
+
+import { cn } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { useEditorPlugin } from '@udecode/plate-core/react';
+import { focusEditor } from '@udecode/slate-react';
+import isHotkey from 'is-hotkey';
+
+import { Icons } from '@/components/icons';
+import { Button } from '@/registry/default/plate-ui/button';
+
+import { useActionHandler } from './action-handler';
+import {
+  DefaultActions,
+  DefaultSuggestionActions,
+  SelectionActions,
+  SelectionSuggestionActions,
+  defaultValues,
+} from './ai-actions';
+import {
+  DefaultItems,
+  DefaultSuggestionItems,
+  SelectionItems,
+  SelectionSuggestionItems,
+} from './ai-menu-items';
+import { AIPreviewEditor } from './ai-previdew-editor';
+import {
+  type actionGroup,
+  Ariakit,
+  Menu,
+  comboboxVariants,
+  filterAndBuildMenuTree,
+  renderSearchMenuItems,
+} from './menu';
+import { streamInsertText, streamInsertTextSelection } from './stream';
+import { getContent } from './utils';
+
+// eslint-disable-next-line react/display-name
+export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
+  const { api, editor, setOption, setOptions, useOption } =
+    useEditorPlugin(AIPlugin);
+
+  const isOpen = useOption('isOpen', editor.id);
+  const action = useOption('action');
+  const aiState = useOption('aiState');
+  const menuType = useOption('menuType');
+  const setAction = (action: actionGroup) => setOption('action', action);
+
+  const { aiEditor } = editor.useOptions(AIPlugin);
+
+  const isModalOpenRef = React.useRef(false);
+  // init
+  const menu = Ariakit.useMenuStore();
+  useEffect(() => {
+    setOptions({
+      store: menu,
+    });
+    // eslint-disable-next`-line react-hooks/exhaustive-deps
+  }, [isOpen, menu, setOptions]);
+
+  const [values, setValues] = useState(defaultValues);
+  const [searchValue, setSearchValue] = useState('');
+
+  const streamInsert = useCallback(async () => {
+    if (!aiEditor) return;
+    if (menuType === 'selection') {
+      const content = getContent(editor, aiEditor);
+
+      await streamInsertTextSelection(editor, aiEditor, {
+        prompt: `user prompt is ${searchValue} the content is ${content}`,
+      });
+    } else if (menuType === 'space') {
+      await streamInsertText(editor, {
+        prompt: searchValue,
+      });
+    }
+  }, [aiEditor, editor, menuType, searchValue]);
+
+  const onInputKeyDown = async (e: KeyboardEvent<HTMLInputElement>) => {
+    if (isHotkey('backspace')(e) && searchValue.length === 0) {
+      e.preventDefault();
+      api.ai.hide();
+      focusEditor(editor);
+    }
+    if (isHotkey('enter')(e)) await streamInsert();
+  };
+
+  const onCloseMenu = useCallback(() => {
+    //  close menu if ai is not generating
+    if (aiState === 'idle' || aiState === 'done') {
+      api.ai.hide();
+      focusEditor(editor);
+    }
+    // abort if ai is generating
+    if (aiState === 'generating' || aiState === 'requesting') {
+      api.ai.abort();
+    }
+  }, [aiState, api.ai, editor]);
+
+  // close on escape
+  useEffect(() => {
+    const keydown = (e: any) => {
+      if (!isOpen || !isHotkey('escape')(e)) return;
+
+      onCloseMenu();
+    };
+
+    document.addEventListener('keydown', keydown);
+
+    return () => {
+      document.removeEventListener('keydown', keydown);
+    };
+  }, [aiState, api.ai, editor, isOpen, onCloseMenu]);
+
+  // block editor while generating
+  // const setReadOnly = usePlateStore().set.readOnly();
+  useEffect(() => {
+    if (aiState === 'generating') {
+      // setReadOnly(true);
+    }
+    if (aiState === 'done') {
+      // setReadOnly(false);
+      setSearchValue('');
+    }
+  }, [aiState, setSearchValue]);
+
+  useActionHandler(action, aiEditor!);
+
+  const [CurrentItems, CurrentActions] = React.useMemo(() => {
+    if (aiState === 'done') {
+      if (menuType === 'selection')
+        return [SelectionSuggestionItems, SelectionSuggestionActions];
+
+      return [DefaultSuggestionItems, DefaultSuggestionActions];
+    }
+    if (menuType === 'selection') return [SelectionItems, SelectionActions];
+
+    return [DefaultItems, DefaultActions];
+  }, [aiState, menuType]);
+
+  /** IME */
+  const [isComposing, setIsComposing] = useState(false);
+
+  const searchItems = useMemo(() => {
+    return isComposing
+      ? []
+      : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
+  }, [CurrentActions, isComposing, searchValue]);
+
+  return (
+    <>
+      <Menu
+        variant="ai"
+        loading={aiState === 'generating' || aiState === 'requesting'}
+        open={isOpen}
+        onClickOutside={(e) => {
+          if (aiState === 'idle') return editor.getApi(AIPlugin).ai.hide();
+          if (isModalOpenRef.current) return;
+
+          e.preventDefault();
+          isModalOpenRef.current = true;
+
+          // pushModal('Discard', {
+          //   onCancel: () => {
+          //     setTimeout(() => {
+          //       editor.getApi(AIPlugin).ai.focusMenu();
+          //     }, 0);
+          //   },
+          //   onConfirm: () => {
+          //     // TODO: cancel stream
+          //     editor.getApi(AIPlugin).ai.hide();
+          //   },
+          //   onSettled: () => {
+          //     isModalOpenRef.current = false;
+          //   },
+          // });
+        }}
+        onValueChange={(value) => startTransition(() => setSearchValue(value))}
+        onValuesChange={(values: typeof defaultValues) => {
+          setValues(values);
+        }}
+        combobox={
+          <input
+            id="__potion_ai_menu_searchRef"
+            className="flex-1 px-1"
+            value={searchValue}
+            onChange={(e) => setSearchValue(e.target.value)}
+            onCompositionEnd={() => setIsComposing(false)}
+            onCompositionStart={() => setIsComposing(true)}
+            onKeyDown={onInputKeyDown}
+            placeholder={
+              aiState === 'done'
+                ? 'Tell AI what todo next'
+                : 'Ask AI to write something'
+            }
+          />
+        }
+        comboboxClassName={cn(
+          menuType === 'selection' &&
+            aiState !== 'idle' &&
+            'rounded-t-none border-t-0 '
+        )}
+        comboboxListClassName={cn(
+          searchItems && searchItems.length === 0 && 'border-0'
+        )}
+        comboboxSubmitButton={
+          <Button
+            size="icon"
+            variant="ghost"
+            className="ml-2"
+            disabled={searchValue.trim().length === 0}
+            onClick={async () => {
+              await streamInsert();
+            }}
+          >
+            <Icons.submit></Icons.submit>
+          </Button>
+        }
+        flip={false}
+        injectAboveMenu={useMemo(() => {
+          if (menuType === 'selection' && aiState !== 'idle')
+            return <AIPreviewEditor />;
+        }, [aiState, menuType])}
+        loadingPlaceholder={
+          <div
+            className={cn(
+              'flex justify-between',
+              comboboxVariants({ variant: 'ai' }),
+              menuType === 'selection' &&
+                aiState !== 'idle' &&
+                'rounded-t-none border-t-0'
+            )}
+          >
+            <div>
+              <span>AI is Writing</span>
+              <div className="loader ml-1 mt-px inline-block" />
+            </div>
+
+            <Icons.stop
+              className="size-5 cursor-pointer"
+              onClick={() => onCloseMenu()}
+            ></Icons.stop>
+          </div>
+        }
+        setAction={setAction}
+        store={menu}
+        values={values}
+      >
+        {renderSearchMenuItems(searchItems, { hiddenOnEmpty: true }) ?? (
+          <CurrentItems />
+        )}
+      </Menu>
+      {children}
+    </>
+  );
+});
diff --git a/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx b/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
new file mode 100644
index 0000000000..d4a274f2b7
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
@@ -0,0 +1,163 @@
+import { memo } from 'react';
+
+import { cn, withProps } from '@udecode/cn';
+import { type AIPluginConfig, AIPlugin } from '@udecode/plate-ai/react';
+import {
+  BoldPlugin,
+  CodePlugin,
+  ItalicPlugin,
+  StrikethroughPlugin,
+  SubscriptPlugin,
+  SuperscriptPlugin,
+  UnderlinePlugin,
+} from '@udecode/plate-basic-marks/react';
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import {
+  CodeBlockPlugin,
+  CodeLinePlugin,
+  CodeSyntaxPlugin,
+} from '@udecode/plate-code-block/react';
+import {
+  ParagraphPlugin,
+  Plate,
+  createPlateEditor,
+  useEditorPlugin,
+} from '@udecode/plate-core/react';
+import {
+  FontBackgroundColorPlugin,
+  FontColorPlugin,
+  FontSizePlugin,
+} from '@udecode/plate-font/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+import { HeadingPlugin } from '@udecode/plate-heading/react';
+import { HighlightPlugin } from '@udecode/plate-highlight/react';
+import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
+import { IndentPlugin } from '@udecode/plate-indent/react';
+import { IndentListPlugin } from '@udecode/plate-indent-list/react';
+import { KbdPlugin } from '@udecode/plate-kbd/react';
+import { LinkPlugin } from '@udecode/plate-link/react';
+import { MarkdownPlugin } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { PlateLeaf } from '@udecode/plate-utils/react';
+import Prism from 'prismjs';
+
+import { CodeBlockElement } from './code-block-element';
+import { CodeLeaf } from './code-leaf';
+import { CodeLineElement } from './code-line-element';
+import { CodeSyntaxLeaf } from './code-syntax-leaf';
+import { Editor } from './editor';
+import { HeadingElement } from './heading-element';
+import { HrElement } from './hr-element';
+import { LinkElement } from './link-element';
+import { LinkFloatingToolbar } from './link-floating-toolbar';
+import { ParagraphElement } from './paragraph-element';
+
+interface props {
+  className?: string;
+}
+
+// eslint-disable-next-line react/display-name
+export const AIPreviewEditor = memo(({ className }: props) => {
+  const { editor } = useEditorPlugin<AIPluginConfig>(AIPlugin);
+  const { aiEditor } = editor.useOptions(AIPlugin);
+
+  return (
+    <Plate editor={aiEditor}>
+      <Editor
+        className={cn(
+          'max-h-none min-h-0 max-w-[708px] rounded-b-none border border-b-0 p-2',
+          'w-full px-0',
+          className
+        )}
+        readOnly
+      ></Editor>
+    </Plate>
+  );
+});
+
+export const createAIEditor = () => {
+  const editor = createPlateEditor({
+    id: 'ai-minimal-editor',
+    override: {
+      components: {
+        [CodeBlockPlugin.key]: CodeBlockElement,
+        [CodeLinePlugin.key]: CodeLineElement,
+        [CodePlugin.key]: CodeLeaf,
+        [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,
+        [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),
+        [HEADING_KEYS.h2]: withProps(HeadingElement, { variant: 'h2' }),
+        [HEADING_KEYS.h3]: withProps(HeadingElement, { variant: 'h3' }),
+        [HEADING_KEYS.h4]: withProps(HeadingElement, { variant: 'h4' }),
+        [HEADING_KEYS.h5]: withProps(HeadingElement, { variant: 'h5' }),
+        [HEADING_KEYS.h6]: withProps(HeadingElement, { variant: 'h6' }),
+        [HorizontalRulePlugin.key]: HrElement,
+        [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),
+        [LinkPlugin.key]: LinkElement,
+        [ParagraphPlugin.key]: ParagraphElement,
+        [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
+        [SubscriptPlugin.key]: withProps(PlateLeaf, { as: 'sub' }),
+        [SuperscriptPlugin.key]: withProps(PlateLeaf, { as: 'sup' }),
+        [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),
+      },
+    },
+    plugins: [
+      ParagraphPlugin,
+      IndentPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      IndentListPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      HeadingPlugin.configure({ options: { levels: 3 } }),
+      BlockquotePlugin,
+      CodeBlockPlugin.configure({ options: { prism: Prism } }),
+      HorizontalRulePlugin,
+      LinkPlugin.configure({
+        render: { afterEditable: () => <LinkFloatingToolbar /> },
+      }),
+      MarkdownPlugin.configure({ options: { indentList: true } }),
+      // FIXME: Fixed the throw error: BlockSelectionPlugin is missing. readonly editor need'nt this plugin so using an empty plugin instead
+      BlockSelectionPlugin.configure({
+        api: {},
+        extendEditor: null,
+        options: {},
+        render: {},
+        useHooks: null,
+        handlers: {},
+      }),
+      BoldPlugin,
+      ItalicPlugin,
+      UnderlinePlugin,
+      StrikethroughPlugin,
+      CodePlugin,
+      SubscriptPlugin,
+      SuperscriptPlugin,
+      FontColorPlugin,
+      FontBackgroundColorPlugin,
+      FontSizePlugin,
+      HighlightPlugin,
+      KbdPlugin,
+    ],
+    value: [{ children: [{ text: '' }], type: 'p' }],
+  });
+
+  return editor;
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx b/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
new file mode 100644
index 0000000000..a89a2a005c
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+
+import { withRef } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { useEditorPlugin } from '@udecode/plate-core/react';
+import { getNodeEntries } from '@udecode/slate';
+import { toDOMNode } from '@udecode/slate-react';
+
+import { ToolbarButton } from './toolbar';
+
+export const AIToolbarButton = withRef<typeof ToolbarButton>(
+  ({ children, ...rest }, ref) => {
+    const { api, editor, setOptions } = useEditorPlugin(AIPlugin);
+    const onOpenAI: React.MouseEventHandler<HTMLButtonElement> = () => {
+      const _nodeEntries = getNodeEntries(editor);
+      const nodeEntries = Array.from(_nodeEntries);
+      const bottomNode = nodeEntries.at(-1);
+
+      if (bottomNode) {
+        const anchorElement = toDOMNode(editor, bottomNode[0])!;
+        api.ai.show(editor.id, anchorElement, bottomNode);
+        setOptions({
+          aiState: 'idle',
+          menuType: 'selection',
+        });
+      }
+    };
+
+    return (
+      <ToolbarButton
+        ref={ref}
+        {...rest}
+        className=""
+        onClick={onOpenAI}
+        tooltip="Ask Ai"
+      >
+        {children}
+      </ToolbarButton>
+    );
+  }
+);
diff --git a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
index a9fda8e243..3b1aedec74 100644
--- a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
@@ -3,10 +3,12 @@
 import React from 'react';
 
 import { cn, withRef } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
 import {
   PortalBody,
   useComposedRef,
   useEditorId,
+  useEditorPlugin,
   useEventEditorSelectors,
 } from '@udecode/plate-common/react';
 import {
@@ -28,9 +30,14 @@ export const FloatingToolbar = withRef<
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
 
+  // FIXME: can not using isOpen
+  const { editor, useOption } = useEditorPlugin(AIPlugin);
+  const aiOpen = useOption('openEditorId') === editor.id;
+
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
+    hideToolbar: aiOpen,
     ...state,
     floatingOptions: {
       middleware: [
diff --git a/apps/www/src/registry/default/plate-ui/menu.tsx b/apps/www/src/registry/default/plate-ui/menu.tsx
new file mode 100644
index 0000000000..6f25755191
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/menu.tsx
@@ -0,0 +1,679 @@
+'use client';
+
+import * as React from 'react';
+
+import * as Ariakit from '@ariakit/react';
+import { cn } from '@udecode/cn';
+import { cva } from 'class-variance-authority';
+import { matchSorter } from 'match-sorter';
+
+const menuVariants = cva(
+  'z-50 overflow-auto text-popover-foreground outline-none',
+  {
+    defaultVariants: {
+      variant: 'default',
+    },
+    variants: {
+      variant: {
+        ai: 'min-h-[380px] bg-inherit',
+        default: 'rounded-md border bg-popover p-0',
+      },
+    },
+  }
+);
+
+const menuItemVariants = cva(
+  'relative flex min-w-40 cursor-pointer select-none items-center gap-2 px-2 py-1.5 text-sm text-accent-foreground outline-none hover:bg-accent focus:bg-accent focus:text-accent-foreground  aria-[expanded=true]:bg-accent aria-[selected=true]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+  {
+    defaultVariants: {
+      variant: 'default',
+    },
+    variants: {
+      variant: {
+        ai: '',
+        default: 'rounded-sm',
+      },
+    },
+  }
+);
+
+export const comboboxVariants = cva('overflow-hidden', {
+  defaultVariants: {
+    variant: 'default',
+  },
+  variants: {
+    variant: {
+      ai: 'mb-2 flex min-w-[320px] rounded-sm border bg-popover p-2 shadow sm:w-[408px] md:w-[508px] lg:w-[608px] xl:w-[708px]',
+      default: 'mb-0 p-2',
+    },
+  },
+});
+
+const comboboxListVariants = cva('rounded-sm', {
+  defaultVariants: {
+    variant: 'default',
+  },
+  variants: {
+    variant: {
+      ai: 'w-[320px] border bg-white p-0',
+      default: '',
+    },
+  },
+});
+
+export interface Action {
+  group?: string;
+  groupName?: string;
+  icon?: React.ReactNode;
+  items?: Action[];
+  keywords?: string[];
+  label?: string;
+  shortcut?: string;
+  value?: string;
+}
+
+export type actionGroup = {
+  group?: string;
+  value?: string;
+};
+
+export interface MenuProps extends Ariakit.MenuButtonProps<'div'> {
+  combobox?: Ariakit.ComboboxProps['render'];
+  comboboxClassName?: string;
+  comboboxListClassName?: string;
+  comboboxSubmitButton?: React.ReactElement;
+  dragButton?: Ariakit.MenuButtonProps['render'];
+  flip?: boolean;
+  getAnchorRect?: Ariakit.MenuProps['getAnchorRect'];
+  icon?: React.ReactNode;
+  injectAboveMenu?: React.ReactElement;
+  label?: React.ReactNode;
+  loading?: boolean;
+  loadingPlaceholder?: React.ReactNode;
+  onClickOutside?: (event: MouseEvent) => void;
+  onOpenChange?: (open: boolean) => void;
+  onRootMenuClose?: () => void;
+  onValueChange?: (value: string) => void;
+  onValuesChange?: Ariakit.MenuProviderProps['setValues'];
+  open?: boolean;
+  placement?: Ariakit.MenuProviderProps['placement'];
+  portal?: Ariakit.MenuProps['portal'];
+  searchValue?: string;
+  setAction?: setAction;
+  values?: Ariakit.MenuProviderProps['values'];
+  variant?: variant;
+}
+
+const SearchableContext = React.createContext(false);
+
+type setAction = (actionGroup: actionGroup) => void;
+const ActionContext = React.createContext<setAction | null>(null);
+
+type variant = 'ai' | 'default';
+
+export const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(
+  {
+    children,
+    combobox,
+    comboboxClassName,
+    comboboxListClassName,
+    comboboxSubmitButton,
+    dragButton,
+    flip = true,
+    getAnchorRect,
+    icon,
+    injectAboveMenu,
+    label,
+    loading,
+    loadingPlaceholder,
+    open,
+    placement,
+    portal,
+    searchValue,
+    setAction,
+    store,
+    values,
+    variant,
+    onClickOutside,
+    onOpenChange,
+    onRootMenuClose,
+    onValueChange,
+    onValuesChange,
+    ...props
+  },
+  ref
+) {
+  const parent = Ariakit.useMenuContext();
+  const searchable = searchValue != null || !!onValueChange || !!combobox;
+  const ParentSetAction = React.useContext(ActionContext);
+
+  const isRootMenu = !parent;
+  const isDraggleButtonMenu = !!dragButton;
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+
+  useOnClickOutside(menuRef, onClickOutside);
+
+  const menuProviderProps = {
+    open,
+    placement: isRootMenu ? placement : 'right',
+    setOpen: (v: boolean) => {
+      onOpenChange?.(v);
+
+      if (!v && !parent && !dragButton) onRootMenuClose?.();
+    },
+    setValues: onValuesChange,
+    showTimeout: 100,
+    store,
+    values,
+  };
+
+  const menuButtonProps = {
+    ref,
+    ...props,
+    className: cn(isRootMenu && !isDraggleButtonMenu && 'hidden'),
+    render: isRootMenu ? dragButton : <MenuItem render={dragButton} />,
+  };
+
+  const menuProps = {
+    className: cn(menuVariants({ variant }), props.className, searchable && ''),
+    flip,
+    getAnchorRect,
+    gutter: isRootMenu ? 0 : 4,
+    portal,
+    ref: isRootMenu ? menuRef : undefined,
+    unmountOnHide: true,
+  };
+
+  const menuContent = (
+    <Ariakit.MenuProvider {...menuProviderProps}>
+      <Ariakit.MenuButton {...menuButtonProps}>
+        {icon}
+        <span>{label}</span>
+        <Ariakit.MenuButtonArrow className="ml-auto text-muted-foreground" />
+      </Ariakit.MenuButton>
+
+      <Ariakit.Menu {...menuProps}>
+        {open && isRootMenu && injectAboveMenu}
+        <ActionContext.Provider value={setAction ?? ParentSetAction}>
+          <SearchableContext.Provider value={searchable}>
+            {searchable ? (
+              loading ? (
+                <React.Fragment>
+                  {loadingPlaceholder ?? <div>loading...</div>}
+                </React.Fragment>
+              ) : (
+                <React.Fragment>
+                  <div
+                    className={cn(
+                      comboboxVariants({ variant }),
+                      comboboxClassName
+                    )}
+                  >
+                    <Ariakit.Combobox render={combobox} autoSelect />
+                    {comboboxSubmitButton && comboboxSubmitButton}
+                  </div>
+                  <Ariakit.ComboboxList
+                    className={cn(
+                      comboboxListVariants({ variant }),
+                      comboboxListClassName
+                    )}
+                  >
+                    {children}
+                  </Ariakit.ComboboxList>
+                </React.Fragment>
+              )
+            ) : (
+              children
+            )}
+          </SearchableContext.Provider>
+        </ActionContext.Provider>
+      </Ariakit.Menu>
+    </Ariakit.MenuProvider>
+  );
+
+  const comboboxProviderProps = {
+    includesBaseElement: false,
+    resetValueOnHide: true,
+    setValue: onValueChange,
+    value: searchValue,
+  };
+
+  return searchable ? (
+    <Ariakit.ComboboxProvider {...comboboxProviderProps}>
+      {menuContent}
+    </Ariakit.ComboboxProvider>
+  ) : (
+    menuContent
+  );
+});
+
+export interface MenuSeparatorProps extends Ariakit.MenuSeparatorProps {}
+
+export const MenuSeparator = React.forwardRef<
+  HTMLHRElement,
+  MenuSeparatorProps
+>(function MenuSeparator(props, ref) {
+  return (
+    <Ariakit.MenuSeparator
+      ref={ref}
+      {...props}
+      className={cn(props.className)}
+    />
+  );
+});
+
+export interface MenuGroupProps extends Ariakit.MenuGroupProps {
+  label?: React.ReactNode;
+  variant?: variant;
+}
+
+export const MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(
+  function MenuGroup({ label, variant, ...props }, ref) {
+    return (
+      <Ariakit.MenuGroup
+        ref={ref}
+        {...props}
+        className={cn('group pb-1.5', props.className)}
+      >
+        {label && (
+          <Ariakit.MenuGroupLabel className="px-2 py-1.5 pt-2 text-xs font-semibold text-muted-foreground">
+            {label}
+          </Ariakit.MenuGroupLabel>
+        )}
+        {props.children}
+      </Ariakit.MenuGroup>
+    );
+  }
+);
+
+export interface MenuShortcutProps
+  extends React.HTMLAttributes<HTMLSpanElement> {}
+
+export const MenuShortcut = React.forwardRef<
+  HTMLSpanElement,
+  MenuShortcutProps
+>(function MenuShortcut(props, ref) {
+  return (
+    <span
+      ref={ref}
+      {...props}
+      className={cn('text-xs text-muted-foreground', props.className)}
+    />
+  );
+});
+
+export interface MenuItemProps
+  extends Omit<Ariakit.ComboboxItemProps, 'store'> {
+  group?: string;
+  icon?: React.ReactNode;
+  label?: string;
+  name?: string;
+  parentGroup?: string;
+  preventClose?: boolean;
+  shortcut?: string;
+  value?: string;
+}
+
+export const MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(
+  function MenuItem(
+    {
+      className,
+      group,
+      icon,
+      label,
+      name,
+      parentGroup,
+      preventClose,
+      shortcut,
+      value,
+      ...props
+    },
+    ref
+  ) {
+    const menu = Ariakit.useMenuContext();
+
+    if (!menu) throw new Error('MenuItem should be used inside a Menu');
+
+    const setAction = React.useContext(ActionContext);
+
+    const searchable = React.useContext(SearchableContext);
+
+    const baseOnClick = (
+      event: React.MouseEvent<HTMLDivElement, MouseEvent>
+    ) => {
+      props.onClick?.(event);
+
+      if (event.isDefaultPrevented()) return;
+      if (setAction === null)
+        console.warn('Did you forget to pass the setAction prop?');
+
+      setAction?.({ group, value });
+    };
+
+    const baseProps: MenuItemProps = {
+      blurOnHoverEnd: false,
+      focusOnHover: true,
+      label,
+      ref,
+      ...props,
+      className: cn(
+        menuItemVariants(),
+        shortcut && 'justify-between',
+        className
+      ),
+      group: parentGroup,
+      name: group,
+      value: value || label,
+      onClick: baseOnClick,
+    };
+
+    const isCheckable = menu.useState((state) => {
+      if (!group) return false;
+      if (value == null) return false;
+
+      return state.values[group] != null;
+    });
+
+    const isChecked = menu.useState((state) => {
+      if (!group) return false;
+
+      return state.values[group] === value;
+    });
+
+    baseProps.children = (
+      <>
+        <div className="flex items-center gap-2">
+          {icon}
+          {baseProps.children ?? label}
+        </div>
+
+        {(shortcut || isCheckable) && (
+          <div className="flex items-center">
+            {isCheckable && (
+              <Ariakit.MenuItemCheck className="ml-2" checked={isChecked} />
+            )}
+            {shortcut && <MenuShortcut>{shortcut}</MenuShortcut>}
+            {isCheckable && searchable && (
+              <Ariakit.VisuallyHidden>
+                {isChecked ? 'checked' : 'not checked'}
+              </Ariakit.VisuallyHidden>
+            )}
+          </div>
+        )}
+      </>
+    );
+
+    if (!searchable) {
+      if (name != null && value != null) {
+        const radioProps = { ...baseProps, hideOnClick: true, name, value };
+
+        return <Ariakit.MenuItemRadio {...radioProps} />;
+      }
+
+      return <Ariakit.MenuItem {...baseProps} />;
+    }
+
+    const hideOnClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
+      const expandable = event.currentTarget.hasAttribute('aria-expanded');
+
+      if (expandable) return false;
+      if (preventClose) return false;
+
+      menu.hideAll();
+
+      return false;
+    };
+
+    const selectValueOnClick = () => {
+      if (name == null || value == null) return false;
+
+      menu.setValue(name, value);
+
+      return true;
+    };
+
+    return (
+      <Ariakit.ComboboxItem
+        {...baseProps}
+        value={isCheckable ? value : undefined}
+        hideOnClick={hideOnClick}
+        selectValueOnClick={selectValueOnClick}
+        setValueOnClick={false}
+      />
+    );
+  }
+);
+
+export function filterAndBuildMenuTree(
+  actions: Action[],
+  searchValue: string
+): Action[] | null {
+  if (!searchValue) return null;
+
+  const options = flattenMenuTree(actions);
+
+  const matches = matchSorter(options, searchValue, {
+    keys: ['label', 'group', 'value', 'keywords'],
+  });
+
+  return buildMenuTree(matches.slice(0, 15));
+}
+
+export function flattenMenuTree(actions: Action[]): Action[] {
+  return actions.flatMap((item) => {
+    if (item.items) {
+      const parentGroup = item.group ?? item.label;
+      const groupName = item.label;
+
+      return flattenMenuTree(
+        item.items.map(({ group, ...item }) => ({
+          ...item,
+          group: group ?? parentGroup,
+          groupName,
+        }))
+      );
+    }
+
+    return item;
+  });
+}
+
+export function buildMenuTree(actions: Action[] | null) {
+  if (!actions) return null;
+
+  return actions.reduce<Action[]>((actions, option) => {
+    if (option.groupName) {
+      const groupName = actions.find(
+        (action) => action.label === option.groupName
+      );
+
+      if (groupName) {
+        groupName.items!.push(option);
+      } else {
+        actions.push({ items: [option], label: option.groupName });
+      }
+    } else {
+      actions.push(option);
+    }
+
+    return actions;
+  }, []);
+}
+
+export function renderMenuItems({
+  group,
+  items,
+}: {
+  items: Action[];
+  group?: string;
+}) {
+  return items.map((item, index) => {
+    const value = item.value || item.label;
+    const separator = !!items[index - 1]?.items || (item.items && index > 0);
+
+    const element = item.items ? (
+      <MenuGroup label={item.groupName ?? item.label}>
+        {renderMenuItems({ group: item.group, items: item.items })}
+      </MenuGroup>
+    ) : (
+      <MenuItem
+        name={item.group}
+        value={item.value || item.label}
+        label={item.label}
+        group={group}
+        icon={item.icon}
+        shortcut={item.shortcut}
+      />
+    );
+
+    return (
+      <React.Fragment key={value}>
+        {separator && <MenuSeparator />}
+        {element}
+      </React.Fragment>
+    );
+  });
+}
+
+interface renderMatchesOptions {
+  hiddenOnEmpty: boolean;
+}
+
+export function renderSearchMenuItems(
+  matches: Action[] | null,
+  options?: renderMatchesOptions
+) {
+  if (!matches) return null;
+  if (matches.length === 0) {
+    if (options?.hiddenOnEmpty) return <></>;
+
+    return <div className={cn(menuItemVariants())}>No results</div>;
+  }
+
+  return renderMenuItems({ items: matches });
+}
+
+export * as Ariakit from '@ariakit/react';
+
+// Utils ---------------------------------------------------------------
+
+import { useEffect, useLayoutEffect, useRef } from 'react';
+
+/**
+ * Determines the appropriate effect hook to use based on the environment. If
+ * the code is running on the client-side (browser), it uses the
+ * `useLayoutEffect` hook, otherwise, it uses the `useEffect` hook.
+ */
+export const useIsomorphicLayoutEffect =
+  typeof window === 'undefined' ? useEffect : useLayoutEffect;
+
+// MediaQueryList Event based useEventListener interface
+function useEventListener<K extends keyof MediaQueryListEventMap>(
+  eventName: K,
+  handler: (event: MediaQueryListEventMap[K]) => void,
+  element: React.RefObject<MediaQueryList>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Window Event based useEventListener interface
+function useEventListener<K extends keyof WindowEventMap>(
+  eventName: K,
+  handler: (event: WindowEventMap[K]) => void,
+  element?: undefined,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Element Event based useEventListener interface
+function useEventListener<
+  K extends keyof HTMLElementEventMap,
+  T extends HTMLElement = HTMLDivElement,
+>(
+  eventName: K,
+  handler: (event: HTMLElementEventMap[K]) => void,
+  element: React.RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Document Event based useEventListener interface
+function useEventListener<K extends keyof DocumentEventMap>(
+  eventName: K,
+  handler: (event: DocumentEventMap[K]) => void,
+  element: React.RefObject<Document>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// https://usehooks-ts.com/react-hook/use-event-listener
+function useEventListener<
+  KW extends keyof WindowEventMap,
+  KH extends keyof HTMLElementEventMap,
+  KM extends keyof MediaQueryListEventMap,
+  T extends HTMLElement | MediaQueryList | void = void,
+>(
+  eventName: KH | KM | KW,
+  handler: (
+    event:
+      | Event
+      | HTMLElementEventMap[KH]
+      | MediaQueryListEventMap[KM]
+      | WindowEventMap[KW]
+  ) => void,
+  element?: React.RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+) {
+  // Create a ref that stores handler
+  const savedHandler = useRef(handler);
+
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+
+  useEffect(() => {
+    // Define the listening target
+    const targetElement: T | Window = element?.current ?? window;
+
+    if (!(targetElement && targetElement.addEventListener)) return;
+
+    // Create event listener that calls handler function stored in ref
+    const listener: typeof handler = (event) => savedHandler.current(event);
+
+    targetElement.addEventListener(eventName, listener, options);
+
+    // Remove event listener on cleanup
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+
+type Handler = (event: MouseEvent) => void;
+
+/**
+ * Attaches an event listener to detect clicks that occur outside a given
+ * element.
+ *
+ * @template T - The type of HTMLElement that the ref is referring to.
+ * @param {RefObject<T>} ref - A React ref object that points to the element to
+ *   listen for clicks outside of.
+ * @param {Handler} handler - The callback function to be executed when a click
+ *   occurs outside the element.
+ * @param {string} [mouseEvent='mousedown'] - The type of mouse event to listen
+ *   for (e.g., 'mousedown', 'mouseup'). Default is `'mousedown'`
+ */
+export const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
+  ref: React.RefObject<T>,
+  handler?: Handler,
+  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'
+): void => {
+  useEventListener(mouseEvent, (event) => {
+    if (!handler) return;
+
+    const el = ref?.current;
+
+    // Do nothing if clicking ref's element or descendent elements
+    if (!el || el.contains(event.target as Node)) {
+      return;
+    }
+
+    handler(event);
+  });
+};
diff --git a/apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts b/apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts
new file mode 100644
index 0000000000..a33e61b6d6
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts
@@ -0,0 +1,10 @@
+export const getSelectionMenuSystem = () => `\
+You are a text-based conversational robot that helps users with tasks such as continuation and refinement.
+Users will provide you with some content, and you will help them with their needs.
+
+CRITICAL RULE:If you want to start a new line, output a '\n'. If you want to start a new paragraph, output two '\n'.
+Do not respond to the user,generate the content directly.`;
+
+export const getAISystem = () => `\
+'Unless the user explicitly requests otherwise, the output will be two to three sentences.'
+`;
diff --git a/apps/www/src/registry/default/plate-ui/stream/index.ts b/apps/www/src/registry/default/plate-ui/stream/index.ts
new file mode 100644
index 0000000000..0743c4a6b2
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/stream/index.ts
@@ -0,0 +1,3 @@
+export * from './streamInsertText';
+
+export * from './streamInsertTextSelection';
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts b/apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts
new file mode 100644
index 0000000000..61079e8513
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts
@@ -0,0 +1,166 @@
+'use client';
+import { AIPlugin, updateMenuAnchorByPath } from '@udecode/plate-ai/react';
+import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
+import { deserializeMd } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { getEndPoint, insertText, withMerging } from '@udecode/slate';
+import {
+  getAncestorNode,
+  insertEmptyElement,
+  replaceNode,
+} from '@udecode/slate-utils';
+import { Path } from 'slate';
+
+import { getNextPathByNumber } from '@/registry/default/plate-ui/utils/getNextPathByNumber';
+
+import { getAISystem } from './getSystemMessage';
+import { streamTraversal } from './streamTraversal';
+
+interface streamInsertTextOptions {
+  prompt: string;
+  startWritingPath?: Path;
+  system?: string;
+}
+
+export const streamInsertText = async (
+  editor: PlateEditor,
+  { prompt, system = getAISystem(), ...options }: streamInsertTextOptions
+) => {
+  editor.setOptions(AIPlugin, {
+    aiState: 'requesting',
+    lastPrompt: prompt,
+  });
+
+  const initNodeEntry = editor.getOptions(AIPlugin).initNodeEntry;
+
+  if (!initNodeEntry) return;
+
+  let chuck = '';
+
+  let workPath = options?.startWritingPath ?? initNodeEntry[1];
+  let lastWorkPath: Path | null = null;
+
+  const effectPath: Path[] = [];
+
+  let matchStartCodeblock = false;
+  let matchEndCodeblock = false;
+
+  let isFirst = true;
+
+  let total = '';
+
+  await streamTraversal(
+    editor,
+    (delta, done) => {
+      total += delta;
+
+      if (typeof delta !== 'string') return;
+      if (delta.includes('``') && matchStartCodeblock) {
+        matchEndCodeblock = true;
+      }
+      if (delta.includes('```') && !matchEndCodeblock) {
+        matchStartCodeblock = true;
+      }
+
+      const matchParagraph = !matchStartCodeblock && /\n+/.test(delta);
+      const matchCodeblock = matchStartCodeblock && matchEndCodeblock;
+
+      if (matchParagraph || matchCodeblock) {
+        const parts = delta.split(/\n+/);
+        const nextChunkStart = parts[1] ?? '';
+        const previousChunkEnd = parts[0] ?? '';
+
+        if (previousChunkEnd.length > 0) {
+          const insert = () => {
+            insertText(editor, previousChunkEnd, {
+              at: getEndPoint(editor, workPath),
+            });
+          };
+
+          withMerging(editor, insert);
+
+          chuck += previousChunkEnd;
+        }
+
+        matchStartCodeblock = false;
+        matchEndCodeblock = false;
+
+        const v = deserializeMd(editor, chuck);
+
+        const nextWorkPath = getNextPathByNumber(workPath, v.length);
+        const replace = () => {
+          // FIX: replace make the anchor disappear
+          editor.setOptions(AIPlugin, {
+            openEditorId: null,
+          });
+
+          replaceNode(editor, {
+            at: workPath,
+            nodes: v,
+          });
+
+          if (!done) {
+            insertEmptyElement(editor, ParagraphPlugin.key, {
+              at: nextWorkPath,
+            });
+          }
+        };
+
+        withMerging(editor, replace);
+
+        if (!done) workPath = nextWorkPath;
+
+        chuck = nextChunkStart;
+
+        return;
+      } else {
+        chuck += delta;
+      }
+      if (delta) {
+        if (lastWorkPath === null || !Path.equals(lastWorkPath, workPath)) {
+          updateMenuAnchorByPath(editor, workPath);
+          effectPath.push(workPath);
+          lastWorkPath = workPath;
+        }
+
+        editor.setOption(AIPlugin, 'aiState', 'generating');
+
+        const insert = () => {
+          insertText(editor, delta, {
+            at: getEndPoint(editor, workPath),
+          });
+        };
+
+        if (isFirst) {
+          insert();
+          isFirst = false;
+        } else {
+          withMerging(editor, insert);
+        }
+      }
+    },
+    {
+      prompt,
+      system,
+    }
+  );
+
+  /** After the stream */
+  updateMenuAnchorByPath(editor, workPath);
+
+  /** Add block selection to all the ai generated blocks */
+  effectPath.forEach((path) => {
+    setTimeout(() => {
+      const nodeEntry = getAncestorNode(editor, path);
+
+      if (nodeEntry) {
+        editor
+          .getApi(BlockSelectionPlugin)
+          .blockSelection.addSelectedRow(nodeEntry[0].id, { clear: false });
+      }
+    }, 0);
+  });
+
+  editor.setOptions(AIPlugin, { aiState: 'done', lastGenerate: total });
+  editor.getApi(AIPlugin).ai.focusMenu();
+};
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts b/apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts
new file mode 100644
index 0000000000..fddf058e93
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts
@@ -0,0 +1,118 @@
+'use client';
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { resetEditor } from '@udecode/plate-core';
+import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
+import { deserializeMd } from '@udecode/plate-markdown';
+import { getEndPoint, insertText, withMerging } from '@udecode/slate';
+import { insertEmptyElement, replaceNode } from '@udecode/slate-utils';
+
+import { getNextPathByNumber } from '@/registry/default/plate-ui/utils/getNextPathByNumber';
+
+import { getSelectionMenuSystem } from './getSystemMessage';
+import { streamTraversal } from './streamTraversal';
+
+interface StreamInsertTextSelectionOptions {
+  prompt: string;
+  system?: string;
+}
+
+export const streamInsertTextSelection = async (
+  editor: PlateEditor,
+  aiEditor: PlateEditor,
+  {
+    prompt,
+    system = getSelectionMenuSystem(),
+  }: StreamInsertTextSelectionOptions
+) => {
+  editor.setOptions(AIPlugin, {
+    aiState: 'requesting',
+    lastPrompt: prompt,
+  });
+
+  // const { output } = await generate(prompt, getSelectionMenuSystem());
+
+  let workPath = [0];
+  let matchStartCodeblock = false;
+  let matchEndCodeblock = false;
+  let chuck = '';
+
+  aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
+  resetEditor(aiEditor);
+
+  await streamTraversal(
+    editor,
+    (delta, done) => {
+      if (typeof delta !== 'string') return;
+      // match code block
+      if (delta.includes('``') && matchStartCodeblock) {
+        matchEndCodeblock = true;
+      }
+      if (delta.includes('```') && !matchEndCodeblock) {
+        matchStartCodeblock = true;
+      }
+
+      const matchParagraph = !matchStartCodeblock && delta.match(/\n+/g);
+      const matchCodeblock = matchStartCodeblock && matchEndCodeblock;
+
+      if (matchParagraph || matchCodeblock) {
+        const parts = delta.split(/\n+/);
+        const nextChunkStart = parts[1] ?? '';
+        const previousChunkEnd = parts[0] ?? '';
+
+        if (previousChunkEnd.length > 0) {
+          insertText(aiEditor, previousChunkEnd, {
+            at: getEndPoint(aiEditor, workPath),
+          });
+          chuck += previousChunkEnd;
+        }
+
+        matchStartCodeblock = false;
+        matchEndCodeblock = false;
+
+        const v = deserializeMd(aiEditor, chuck);
+
+        const nextWorkPath = getNextPathByNumber(workPath, v.length);
+
+        const replace = () => {
+          replaceNode(aiEditor, {
+            at: workPath,
+            nodes: v,
+          });
+
+          if (!done) {
+            insertEmptyElement(aiEditor, ParagraphPlugin.key, {
+              at: nextWorkPath,
+            });
+          }
+        };
+
+        withMerging(aiEditor, replace);
+
+        workPath = nextWorkPath;
+
+        chuck = nextChunkStart;
+
+        return;
+      } else {
+        chuck += delta;
+      }
+      if (delta) {
+        insertText(aiEditor, delta, {
+          at: getEndPoint(aiEditor, workPath),
+        });
+      }
+    },
+    // streamInsertTextSelectionOptions
+    {
+      prompt,
+      system,
+    }
+  );
+
+  editor.setOptions(AIPlugin, {
+    aiState: 'done',
+    lastPrompt: prompt,
+    lastWorkPath: workPath,
+  });
+  editor.getApi(AIPlugin).ai.focusMenu();
+};
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts b/apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts
new file mode 100644
index 0000000000..195579bd49
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts
@@ -0,0 +1,59 @@
+'use client';
+
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import { AIPlugin } from '@udecode/plate-ai/react';
+
+interface StreamTraversalOptions {
+  prompt: string;
+  system: string;
+}
+
+export const streamTraversal = async (
+  editor: PlateEditor,
+  fn: (delta: string, done: boolean) => void,
+  { prompt, system }: StreamTraversalOptions
+) => {
+  const abortController = new AbortController();
+  editor.setOptions(AIPlugin, { abortController });
+
+  const response = await fetch('/api/ai/command', {
+    body: JSON.stringify({ prompt, system }),
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    method: 'POST',
+    signal: abortController.signal,
+  }).catch((error) => {
+    console.error(error);
+  });
+
+  if (response?.status === 429) {
+    return fn(
+      'Rate limit exceeded. You have made too many requests. Please try again later.',
+      true
+    );
+  }
+  if (!response || !response.body) {
+    throw new Error('Response or response body is null or abort');
+  }
+
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+
+  // eslint-disable-next-line no-constant-condition
+  while (true) {
+    const { done, value } = await reader.read();
+
+    if (done) {
+      fn('\n', done);
+
+      break;
+    }
+    if (value) {
+      const delta = decoder.decode(value);
+
+      fn(delta, done);
+    }
+  }
+};
diff --git a/apps/www/src/registry/default/plate-ui/utils/getContent.ts b/apps/www/src/registry/default/plate-ui/utils/getContent.ts
new file mode 100644
index 0000000000..5ee7a78988
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/utils/getContent.ts
@@ -0,0 +1,59 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { AIPlugin } from '@udecode/plate-ai/react';
+import { serializeMd, serializeMdNodes } from '@udecode/plate-markdown';
+import {
+  type BlockSelectionConfig,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
+import {
+  type GetNodeEntriesOptions,
+  getNodeEntries,
+  isBlock,
+  isElement,
+} from '@udecode/slate';
+
+// If some content has already been generated using it to modify(improve) otherwise using the selection or block selected nodes.
+export const getContent = (editor: PlateEditor, aiEditor: PlateEditor) => {
+  const aiState = editor.getOptions(AIPlugin).aiState;
+
+  if (aiState === 'done') return serializeAI(aiEditor);
+  // Not Sure
+  if (
+    editor.getOption<BlockSelectionConfig, 'isSelecting', any>(
+      BlockSelectionPlugin,
+      'isSelecting',
+      editor.id
+    )
+  ) {
+    const entries = getBlockSelectedEntries(editor);
+    const nodes = Array.from(entries, (entry) => entry[0]);
+
+    return serializeMdNodes(nodes as any);
+  }
+
+  const entries = getNodeEntries(editor, {
+    match: (n) => isBlock(editor, n),
+    mode: 'highest',
+  });
+  const nodes = Array.from(entries, (entry) => entry[0]);
+
+  return serializeMdNodes(nodes as any);
+};
+
+export const serializeAI = (editor: PlateEditor) => {
+  return serializeMd(editor as any).trim();
+};
+
+export const getBlockSelectedEntries = (
+  editor: PlateEditor,
+  options?: GetNodeEntriesOptions
+) => {
+  const ids = editor.getOptions(BlockSelectionPlugin).selectedIds;
+
+  return getNodeEntries(editor, {
+    at: [],
+    match: (n) => isElement(n) && ids?.has(n.id as string),
+    ...options,
+  });
+};
diff --git a/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts b/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
new file mode 100644
index 0000000000..d9123d4a95
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
@@ -0,0 +1,9 @@
+import type { PlateEditor } from '@udecode/plate-core/react';
+
+import { getBlockSelectedEntries } from '.';
+
+export const getFirstBlockSelectedNode = (editor: PlateEditor) => {
+  const entries = getBlockSelectedEntries(editor);
+
+  return Array.from(entries)[0];
+};
diff --git a/apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts b/apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts
new file mode 100644
index 0000000000..e994d244e6
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts
@@ -0,0 +1,11 @@
+import { Path } from 'slate';
+
+export const getNextPathByNumber = (startPath: Path, number: number) => {
+  let workPath = startPath;
+
+  for (let i = 0; i < number; i++) {
+    workPath = Path.next(workPath);
+  }
+
+  return workPath;
+};
diff --git a/apps/www/src/registry/default/plate-ui/utils/index.ts b/apps/www/src/registry/default/plate-ui/utils/index.ts
new file mode 100644
index 0000000000..c1ae3fa7d1
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/utils/index.ts
@@ -0,0 +1,3 @@
+export * from './getContent';
+
+export * from './getFirstBlockSelectedNode';
diff --git a/yarn.lock b/yarn.lock
index 9c545d401d..86cf25530b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -51,36 +51,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ariakit/core@npm:0.4.10":
-  version: 0.4.10
-  resolution: "@ariakit/core@npm:0.4.10"
-  checksum: 10c0/8eb6e31218d1c9d4e0daf02b4a031c07ce48a63c907d28be545104106ad30be73c7ba8247f84d4baff3b1bf47605b31e7e78e77289287c7989216e5418994830
+"@ariakit/core@npm:0.4.7":
+  version: 0.4.7
+  resolution: "@ariakit/core@npm:0.4.7"
+  checksum: 10c0/107f0cf197f2674c0e0b11660a8b5e4a966704914f49726f72ffa81c04ef6d8144c2df0a9f7ac23481b9598d1b10b73cf9e00f211c611172b4946ed024ee4460
   languageName: node
   linkType: hard
 
-"@ariakit/react-core@npm:0.4.11":
-  version: 0.4.11
-  resolution: "@ariakit/react-core@npm:0.4.11"
+"@ariakit/react-core@npm:0.4.7":
+  version: 0.4.7
+  resolution: "@ariakit/react-core@npm:0.4.7"
   dependencies:
-    "@ariakit/core": "npm:0.4.10"
+    "@ariakit/core": "npm:0.4.7"
     "@floating-ui/dom": "npm:^1.0.0"
     use-sync-external-store: "npm:^1.2.0"
   peerDependencies:
     react: ^17.0.0 || ^18.0.0 || ^19.0.0
     react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/e55c8c7f7e3cd75c7694c1159cb35d34c27c452299d8ab77ed67e99a2b2612c00a2e9beec07238b1ac388e688f407058173f598d626ac7ed58ecd9f3d3ea0bc7
+  checksum: 10c0/8cbd462bed3f328d523c05eee12424b2f70e35e585772d333d6c4513631f10bfab39cc0e36acca09afad4d3e50c44c2305fdbf917574e4e3ab084b425eb8a245
   languageName: node
   linkType: hard
 
-"@ariakit/react@npm:0.4.11":
-  version: 0.4.11
-  resolution: "@ariakit/react@npm:0.4.11"
+"@ariakit/react@npm:0.4.7":
+  version: 0.4.7
+  resolution: "@ariakit/react@npm:0.4.7"
   dependencies:
-    "@ariakit/react-core": "npm:0.4.11"
+    "@ariakit/react-core": "npm:0.4.7"
   peerDependencies:
     react: ^17.0.0 || ^18.0.0 || ^19.0.0
     react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/b64eaee58a82a416605488b0df0c3f74598d59cbbb7cbfdd6dce3dd2be9677b9e9a65045d519dfa99590af6ef75356683ff56d92918e2dd2d21a686ad423c87f
+  checksum: 10c0/9f919d72d3a57cc270747d83e10e3a0ef057cdaa038f2af07e16284892802bb365cff58fb0a287f6233ae24cf2d2f38c315411b16a68a6b4c212922b921a63cc
   languageName: node
   linkType: hard
 
@@ -469,6 +469,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/runtime@npm:^7.23.8":
+  version: 7.25.6
+  resolution: "@babel/runtime@npm:7.25.6"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 10c0/d6143adf5aa1ce79ed374e33fdfd74fa975055a80bc6e479672ab1eadc4e4bfd7484444e17dd063a1d180e051f3ec62b357c7a2b817e7657687b47313158c3d2
+  languageName: node
+  linkType: hard
+
 "@babel/template@npm:^7.22.15, @babel/template@npm:^7.24.0, @babel/template@npm:^7.3.3":
   version: 7.24.0
   resolution: "@babel/template@npm:7.24.0"
@@ -14322,6 +14331,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"match-sorter@npm:6.3.4":
+  version: 6.3.4
+  resolution: "match-sorter@npm:6.3.4"
+  dependencies:
+    "@babel/runtime": "npm:^7.23.8"
+    remove-accents: "npm:0.5.0"
+  checksum: 10c0/35d2a6b6df003c677d9ec87ecd4683657638f5bce856f43f9cf90b03e357ed2f09813ebbac759defa7e7438706936dd34dc2bfe1a18771f7d2541f14d639b4ad
+  languageName: node
+  linkType: hard
+
 "mdast-util-find-and-replace@npm:^3.0.0":
   version: 3.0.1
   resolution: "mdast-util-find-and-replace@npm:3.0.1"
@@ -18140,6 +18159,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"remove-accents@npm:0.5.0":
+  version: 0.5.0
+  resolution: "remove-accents@npm:0.5.0"
+  checksum: 10c0/a75321aa1b53d9abe82637115a492770bfe42bb38ed258be748bf6795871202bc8b4badff22013494a7029f5a241057ad8d3f72adf67884dbe15a9e37e87adc4
+  languageName: node
+  linkType: hard
+
 "repeat-string@npm:^1.6.1":
   version: 1.6.1
   resolution: "repeat-string@npm:1.6.1"
@@ -21583,7 +21609,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "www@workspace:apps/www"
   dependencies:
-    "@ariakit/react": "npm:0.4.11"
+    "@ariakit/react": "npm:0.4.7"
     "@radix-ui/colors": "npm:3.0.0"
     "@radix-ui/react-accessible-icon": "npm:^1.1.0"
     "@radix-ui/react-accordion": "npm:^1.2.0"
@@ -21693,6 +21719,7 @@ __metadata:
     glob: "npm:^11.0.0"
     lodash.template: "npm:^4.5.0"
     lucide-react: "npm:^0.441.0"
+    match-sorter: "npm:6.3.4"
     mdast-util-toc: "npm:^7.1.0"
     next: "npm:14.3.0-canary.43"
     next-contentlayer2: "npm:^0.4.6"

From 8c01072f61f87f1cee8df74191c0b821d658fb2e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 15:22:48 +0800
Subject: [PATCH 032/127] Selection overlay

---
 .../default/example/playground-demo.tsx       |  6 ++-
 .../default/plate-ui/cursor-overlay.tsx       | 45 ++++++++++++++++++-
 2 files changed, 49 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 65ce9b852b..e903a46bb2 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -83,7 +83,10 @@ import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
 import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
-import { CursorOverlay } from '@/registry/default/plate-ui/cursor-overlay';
+import {
+  CursorOverlay,
+  SelectionOverlayPlugin,
+} from '@/registry/default/plate-ui/cursor-overlay';
 import { Editor } from '@/registry/default/plate-ui/editor';
 import { FixedToolbar } from '@/registry/default/plate-ui/fixed-toolbar';
 import { FloatingToolbar } from '@/registry/default/plate-ui/floating-toolbar';
@@ -163,6 +166,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
             enableMerging: id === 'tableMerge',
           },
         }),
+        SelectionOverlayPlugin,
         AIPlugin.configure({
           options: {
             scrollContainerSelector: `#${scrollSelector}`,
diff --git a/apps/www/src/registry/default/plate-ui/cursor-overlay.tsx b/apps/www/src/registry/default/plate-ui/cursor-overlay.tsx
index 7d67142c85..5a10c0aecc 100644
--- a/apps/www/src/registry/default/plate-ui/cursor-overlay.tsx
+++ b/apps/www/src/registry/default/plate-ui/cursor-overlay.tsx
@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 
 import { cn } from '@udecode/cn';
 import {
   createPlatePlugin,
   findEventRange,
+  useEditorPlugin,
   useEditorRef,
 } from '@udecode/plate-common/react';
 import {
@@ -14,6 +15,7 @@ import {
   CursorOverlay as CursorOverlayPrimitive,
 } from '@udecode/plate-cursor';
 import { DndPlugin } from '@udecode/plate-dnd';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 
 export function Cursor({
   caretPosition,
@@ -104,3 +106,44 @@ const DragOverCursorPlugin = createPlatePlugin({
     },
   },
 });
+
+export const SelectionOverlayPlugin = createPlatePlugin({
+  key: 'selection_over_lay',
+  useHooks: () => {
+    const { editor } = useEditorPlugin(BlockSelectionPlugin);
+    const isSelecting = editor.useOptions(BlockSelectionPlugin).isSelecting;
+
+    useEffect(() => {
+      if (isSelecting) {
+        setTimeout(() => {
+          editor.setOption(DragOverCursorPlugin, 'cursors', {});
+        }, 0);
+      }
+    }, [editor, isSelecting]);
+  },
+  handlers: {
+    onBlur: ({ editor, event }) => {
+      const isPrevented =
+        (event.relatedTarget as HTMLElement)?.dataset?.platePreventOverlay ===
+        'true';
+
+      if (isPrevented) return;
+      if (editor.selection) {
+        editor.setOption(DragOverCursorPlugin, 'cursors', {
+          drag: {
+            key: 'blur',
+            data: {
+              selectionStyle: {
+                backgroundColor: 'rgba(47, 121, 216, 0.35)',
+              },
+            },
+            selection: editor.selection,
+          },
+        });
+      }
+    },
+    onFocus: ({ editor }) => {
+      editor.setOption(DragOverCursorPlugin, 'cursors', {});
+    },
+  },
+});

From 8edbabd0b52ebdec90e2b8ca126271b1fcaff761 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 18:05:25 +0800
Subject: [PATCH 033/127] package ai

---
 .../www/src/lib/plate/demo/values/aiValue.tsx |  8 ++--
 ...ionHandler.ts => cursorCommandsHandler.ts} | 15 +++----
 ...Handler.ts => cursorSuggestionsHandler.ts} | 40 +++++++++----------
 .../default/plate-ui/action-handler/index.ts  |  8 ++--
 ...Handler.ts => selectionCommandsHandler.ts} |  6 +--
 ...dler.ts => selectionSuggestionsHandler.ts} | 16 ++++----
 .../action-handler/useActionHandler.ts        | 16 ++++----
 .../default/plate-ui/ai-menu-items.tsx        |  8 ++--
 .../src/registry/default/plate-ui/ai-menu.tsx | 27 +++++++------
 .../registry/default/plate-ui/stream/index.ts |  3 --
 .../utils/getFirstBlockSelectedNode.ts        |  9 -----
 .../registry/default/plate-ui/utils/index.ts  |  3 --
 packages/ai/package.json                      |  2 +
 packages/ai/src/react/ai/index.ts             |  1 +
 .../src/react/ai}/stream/getSystemMessage.ts  |  0
 packages/ai/src/react/ai/stream/index.ts      |  8 ++++
 .../src/react/ai}/stream/streamInsertText.ts  | 18 +++++----
 .../ai}/stream/streamInsertTextSelection.ts   | 18 +++++----
 .../src/react/ai}/stream/streamTraversal.ts   |  2 +-
 .../ai/src/react/ai}/utils/getContent.ts      | 34 ++++------------
 .../react/ai}/utils/getNextPathByNumber.ts    |  0
 packages/ai/src/react/ai/utils/index.ts       |  2 +
 .../selection/src/react/components/index.ts   |  5 ---
 .../selection/src/react/context-menu/index.ts |  7 ----
 packages/selection/src/react/index.ts         | 12 ------
 packages/selection/src/react/utils/index.ts   |  9 -----
 yarn.lock                                     |  2 +
 27 files changed, 118 insertions(+), 161 deletions(-)
 rename apps/www/src/registry/default/plate-ui/action-handler/{defaultActionHandler.ts => cursorCommandsHandler.ts} (76%)
 rename apps/www/src/registry/default/plate-ui/action-handler/{defaultSuggestionActionHandler.ts => cursorSuggestionsHandler.ts} (79%)
 rename apps/www/src/registry/default/plate-ui/action-handler/{selectionActionHandler.ts => selectionCommandsHandler.ts} (93%)
 rename apps/www/src/registry/default/plate-ui/action-handler/{selectionSuggestionActionHandler.ts => selectionSuggestionsHandler.ts} (90%)
 delete mode 100644 apps/www/src/registry/default/plate-ui/stream/index.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/utils/index.ts
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/stream/getSystemMessage.ts (100%)
 create mode 100644 packages/ai/src/react/ai/stream/index.ts
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/stream/streamInsertText.ts (93%)
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/stream/streamInsertTextSelection.ts (88%)
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/stream/streamTraversal.ts (96%)
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/utils/getContent.ts (59%)
 rename {apps/www/src/registry/default/plate-ui => packages/ai/src/react/ai}/utils/getNextPathByNumber.ts (100%)
 delete mode 100644 packages/selection/src/react/components/index.ts
 delete mode 100644 packages/selection/src/react/context-menu/index.ts
 delete mode 100644 packages/selection/src/react/index.ts
 delete mode 100644 packages/selection/src/react/utils/index.ts

diff --git a/apps/www/src/lib/plate/demo/values/aiValue.tsx b/apps/www/src/lib/plate/demo/values/aiValue.tsx
index 4ab27f13e7..4c0a017a6a 100644
--- a/apps/www/src/lib/plate/demo/values/aiValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/aiValue.tsx
@@ -6,9 +6,9 @@ jsx;
 
 export const aiValue: any = (
   <fragment>
-    <hh1>✨ AI Assistant</hh1>
+    <hh1>✨ AI</hh1>
     <hp indent={1} listStyleType="decimal">
-      <htext>To trigger the AI assistant, you can:</htext>
+      <htext>To trigger the AI, you can:</htext>
     </hp>
     <hp indent={2} listStyleType="disc">
       <htext>Press the Space key on a new empty block</htext>
@@ -22,9 +22,7 @@ export const aiValue: any = (
       </htext>
     </hp>
     <hp indent={1} listStart={3} listStyleType="decimal">
-      <htext>
-        Press Enter to submit your prompt and generate AI-assisted content.
-      </htext>
+      <htext>Press Enter to submit your prompt and generate AI content.</htext>
     </hp>
     <hp indent={1} listStart={4} listStyleType="decimal">
       <htext>
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
similarity index 76%
rename from apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts
rename to apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
index cb761125eb..bbd1bd9789 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/defaultActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
@@ -1,23 +1,24 @@
 'use client';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
+import { streamInsertText } from '@udecode/plate-ai/react';
+import { serializeMd } from '@udecode/plate-markdown';
+
 import {
   ACTION_CONTINUE_WRITE,
   ACTION_EXPLAIN,
   ACTION_SUMMARIZE,
   GROUP_LANGUAGES,
 } from '@/registry/default/plate-ui/ai-actions';
-import { streamInsertText } from '@/registry/default/plate-ui/stream';
-import { serializeAI } from '@/registry/default/plate-ui/utils';
 
 import type { ActionHandlerOptions } from './useActionHandler';
 
-export const defaultActionHandler = async (
+export const cursorCommandsHandler = async (
   editor: PlateEditor,
   { group, value }: ActionHandlerOptions
 ) => {
   if (group === GROUP_LANGUAGES) {
-    const content = serializeAI(editor);
+    const content = serializeMd(editor as any);
     await streamInsertText(editor, {
       prompt: `Keep the original paragraph format. Translate the following article to ${value?.slice(7)}: ${content}`,
     });
@@ -27,7 +28,7 @@ export const defaultActionHandler = async (
 
   switch (value) {
     case ACTION_CONTINUE_WRITE: {
-      const content = serializeAI(editor);
+      const content = serializeMd(editor as any);
 
       await streamInsertText(editor, {
         prompt: `Continue writing the following article in 3-5 sentences: ${content}`,
@@ -36,7 +37,7 @@ export const defaultActionHandler = async (
       break;
     }
     case ACTION_SUMMARIZE: {
-      const content = serializeAI(editor);
+      const content = serializeMd(editor as any);
 
       await streamInsertText(editor, {
         prompt: `Summarize the following article in 3-5 sentences: ${content}`,
@@ -45,7 +46,7 @@ export const defaultActionHandler = async (
       break;
     }
     case ACTION_EXPLAIN: {
-      const content = serializeAI(editor);
+      const content = serializeMd(editor as any);
 
       await streamInsertText(editor, {
         prompt: `Explain the following article in 3-5 sentences: ${content}`,
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
similarity index 79%
rename from apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts
rename to apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
index 97ed746bb7..42cfa6924b 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/defaultSuggestionActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
@@ -1,7 +1,8 @@
 'use client';
-import { AIPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin, streamInsertText } from '@udecode/plate-ai/react';
 import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
 import { serializeMdNodes } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 import { getEndPoint, setSelection, withMerging } from '@udecode/slate';
 import { focusEditor } from '@udecode/slate-react';
 import { insertEmptyElement } from '@udecode/slate-utils';
@@ -14,21 +15,19 @@ import {
   ACTION_SUGGESTION_MAKE_LONGER,
   ACTION_SUGGESTION_TRY_AGAIN,
 } from '@/registry/default/plate-ui/ai-actions';
-import { streamInsertText } from '@/registry/default/plate-ui/stream';
-import {
-  getBlockSelectedEntries,
-  getFirstBlockSelectedNode,
-} from '@/registry/default/plate-ui/utils';
 
 import type { ActionHandlerOptions } from './useActionHandler';
 
-export const defaultSuggestionActionHandler = (
+export const cursorSuggestionsHandler = (
   editor: PlateEditor,
   { group: _, value }: ActionHandlerOptions
 ) => {
   switch (value) {
     case ACTION_SUGGESTION_CONTINUE_WRITE: {
-      const entries = getBlockSelectedEntries(editor);
+      const entries = editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getSelectedBlocks();
+
       const nodes = Array.from(entries, (entry) => entry[0]);
 
       if (!nodes) return;
@@ -55,7 +54,11 @@ export const defaultSuggestionActionHandler = (
       break;
     }
     case ACTION_SUGGESTION_MAKE_LONGER: {
-      const first = getFirstBlockSelectedNode(editor);
+      const entries = editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getSelectedBlocks();
+
+      const first = Array.from(entries)[0];
 
       editor.setOptions(AIPlugin, { openEditorId: null });
       editor.undo();
@@ -75,7 +78,7 @@ export const defaultSuggestionActionHandler = (
     // BUG: first block focus
     case ACTION_SUGGESTION_DONE: {
       editor.getApi(AIPlugin).ai.hide();
-      clearBlockSelected(editor);
+      editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
       const curNodeEntry = editor.getOptions(AIPlugin).curNodeEntry;
 
       // set selection to last point
@@ -92,7 +95,7 @@ export const defaultSuggestionActionHandler = (
     // TODO:
     case ACTION_SUGGESTION_CLOSE: {
       editor.getApi(AIPlugin).ai.hide();
-      clearBlockSelected(editor);
+      editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
       setTimeout(() => {
         // set selection to last point
         focusEditor(editor);
@@ -101,7 +104,12 @@ export const defaultSuggestionActionHandler = (
       break;
     }
     case ACTION_SUGGESTION_TRY_AGAIN: {
-      const first = getFirstBlockSelectedNode(editor);
+      const entries = editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getSelectedBlocks();
+
+      const first = Array.from(entries)[0];
+
       editor.undo();
       editor.history.redos.pop();
 
@@ -118,11 +126,3 @@ export const defaultSuggestionActionHandler = (
     }
   }
 };
-
-export const clearBlockSelected = (editor: PlateEditor) => {
-  const { blockSelectionStore } = editor as any;
-
-  if (blockSelectionStore) {
-    blockSelectionStore.set.resetSelectedIds();
-  }
-};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/index.ts b/apps/www/src/registry/default/plate-ui/action-handler/index.ts
index 45d1effb0f..84a5f736ae 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/index.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/index.ts
@@ -1,9 +1,9 @@
-export * from './defaultActionHandler';
+export * from './cursorCommandsHandler';
 
-export * from './defaultSuggestionActionHandler';
+export * from './cursorSuggestionsHandler';
 
-export * from './selectionActionHandler';
+export * from './selectionCommandsHandler';
 
-export * from './selectionSuggestionActionHandler';
+export * from './selectionSuggestionsHandler';
 
 export * from './useActionHandler';
\ No newline at end of file
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
similarity index 93%
rename from apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts
rename to apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
index bfce009b9b..8bac1ff139 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/selectionActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
@@ -1,5 +1,7 @@
 import type { PlateEditor } from '@udecode/plate-core/react';
 
+import { getContent, streamInsertTextSelection } from '@udecode/plate-ai/react';
+
 import {
   ACTION_SELECTION_FIX_SPELLING,
   ACTION_SELECTION_IMPROVE_WRITING,
@@ -8,12 +10,10 @@ import {
   ACTION_SELECTION_SIMPLIFY_LANGUAGE,
   GROUP_SELECTION_LANGUAGES,
 } from '@/registry/default/plate-ui/ai-actions';
-import { streamInsertTextSelection } from '@/registry/default/plate-ui/stream';
-import { getContent } from '@/registry/default/plate-ui/utils';
 
 import type { ActionHandlerOptions } from './useActionHandler';
 
-export const selectionActionHandler = (
+export const selectionCommandsHandler = (
   editor: PlateEditor,
   aiEditor: PlateEditor,
   { group, value }: ActionHandlerOptions
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
similarity index 90%
rename from apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts
rename to apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
index cb301b71c6..c621f45784 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
@@ -1,7 +1,11 @@
 'use client';
 import type { PlateEditor } from '@udecode/plate-core/react';
 
-import { AIPlugin } from '@udecode/plate-ai/react';
+import {
+  AIPlugin,
+  getContent,
+  streamInsertTextSelection,
+} from '@udecode/plate-ai/react';
 import { nanoid } from '@udecode/plate-core';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 import { insertNodes, isBlock, removeNodes, withMerging } from '@udecode/slate';
@@ -15,14 +19,10 @@ import {
   ACTION_SELECTION_SUGGESTION_REPLACE,
   ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
 } from '@/registry/default/plate-ui/ai-actions';
-import { streamInsertTextSelection } from '@/registry/default/plate-ui/stream';
-import { getContent } from '@/registry/default/plate-ui/utils';
 
 import type { ActionHandlerOptions } from './useActionHandler';
 
-import { clearBlockSelected } from './defaultSuggestionActionHandler';
-
-export const selectionSuggestionActionHandler = (
+export const selectionSuggestionsHandler = (
   editor: PlateEditor,
   aiEditor: PlateEditor,
   { group: _, value }: ActionHandlerOptions
@@ -71,7 +71,7 @@ export const selectionSuggestionActionHandler = (
       });
 
       setTimeout(() => {
-        clearBlockSelected(editor);
+        editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
         ids.forEach((id) =>
           editor
             .getApi(BlockSelectionPlugin)
@@ -110,7 +110,7 @@ export const selectionSuggestionActionHandler = (
       insertNodes(editor, nodes, { at: path });
 
       setTimeout(() => {
-        clearBlockSelected(editor);
+        editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
         ids.forEach((id) =>
           editor
             .getApi(BlockSelectionPlugin)
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
index a2696baaf6..7523785bfc 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
@@ -5,10 +5,10 @@ import type { actionGroup } from '@/registry/default/plate-ui/menu';
 
 import { type PlateEditor, useEditorRef } from '@udecode/plate-core/react';
 
-import { defaultActionHandler } from './defaultActionHandler';
-import { defaultSuggestionActionHandler } from './defaultSuggestionActionHandler';
-import { selectionActionHandler } from './selectionActionHandler';
-import { selectionSuggestionActionHandler } from './selectionSuggestionActionHandler';
+import { cursorCommandsHandler } from './cursorCommandsHandler';
+import { cursorSuggestionsHandler } from './cursorSuggestionsHandler';
+import { selectionCommandsHandler } from './selectionCommandsHandler';
+import { selectionSuggestionsHandler } from './selectionSuggestionsHandler';
 
 export const useActionHandler = (
   action: actionGroup | null,
@@ -23,13 +23,13 @@ export const useActionHandler = (
 
     if (!value) return;
 
-    void defaultActionHandler(editor, { group, value });
+    void cursorCommandsHandler(editor, { group, value });
 
-    void defaultSuggestionActionHandler(editor, { group, value });
+    void cursorSuggestionsHandler(editor, { group, value });
 
-    void selectionActionHandler(editor, aiEditor, { group, value });
+    void selectionCommandsHandler(editor, aiEditor, { group, value });
 
-    void selectionSuggestionActionHandler(editor, aiEditor, {
+    void selectionSuggestionsHandler(editor, aiEditor, {
       group,
       value,
     });
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index e0d5a80f6c..1a3000ad7a 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -12,7 +12,7 @@ import {
   renderMenuItems,
 } from './menu';
 
-export const DefaultItems = () => {
+export const CursorCommands = () => {
   return (
     <>
       <MenuGroup label="Write with AI">
@@ -33,7 +33,7 @@ export const DefaultItems = () => {
   );
 };
 
-export const DefaultSuggestionItems = () => {
+export const CursorSuggestions = () => {
   return (
     <>
       <MenuItem {...DefaultSuggestionActions.done} />
@@ -48,7 +48,7 @@ export const DefaultSuggestionItems = () => {
   );
 };
 
-export const SelectionItems = () => {
+export const SelectionCommands = () => {
   return (
     <>
       <MenuItem {...SelectionActions.improveWriting} />
@@ -71,7 +71,7 @@ export const SelectionItems = () => {
   );
 };
 
-export const SelectionSuggestionItems = () => {
+export const SelectionSuggestions = () => {
   return (
     <>
       <MenuItem preventClose {...SelectionSuggestionActions.replace} />
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index f82d5a3b65..aaddf77fb1 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -12,13 +12,17 @@ import React, {
 } from 'react';
 
 import { cn } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
+import {
+  AIPlugin,
+  getContent,
+  streamInsertText,
+  streamInsertTextSelection,
+} from '@udecode/plate-ai/react';
 import { useEditorPlugin } from '@udecode/plate-core/react';
 import { focusEditor } from '@udecode/slate-react';
 import isHotkey from 'is-hotkey';
 
 import { Icons } from '@/components/icons';
-import { Button } from '@/registry/default/plate-ui/button';
 
 import { useActionHandler } from './action-handler';
 import {
@@ -29,12 +33,13 @@ import {
   defaultValues,
 } from './ai-actions';
 import {
-  DefaultItems,
-  DefaultSuggestionItems,
-  SelectionItems,
-  SelectionSuggestionItems,
+  CursorCommands,
+  CursorSuggestions,
+  SelectionCommands,
+  SelectionSuggestions,
 } from './ai-menu-items';
 import { AIPreviewEditor } from './ai-previdew-editor';
+import { Button } from './button';
 import {
   type actionGroup,
   Ariakit,
@@ -43,8 +48,6 @@ import {
   filterAndBuildMenuTree,
   renderSearchMenuItems,
 } from './menu';
-import { streamInsertText, streamInsertTextSelection } from './stream';
-import { getContent } from './utils';
 
 // eslint-disable-next-line react/display-name
 export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
@@ -140,13 +143,13 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
   const [CurrentItems, CurrentActions] = React.useMemo(() => {
     if (aiState === 'done') {
       if (menuType === 'selection')
-        return [SelectionSuggestionItems, SelectionSuggestionActions];
+        return [SelectionSuggestions, SelectionSuggestionActions];
 
-      return [DefaultSuggestionItems, DefaultSuggestionActions];
+      return [CursorSuggestions, DefaultSuggestionActions];
     }
-    if (menuType === 'selection') return [SelectionItems, SelectionActions];
+    if (menuType === 'selection') return [SelectionCommands, SelectionActions];
 
-    return [DefaultItems, DefaultActions];
+    return [CursorCommands, DefaultActions];
   }, [aiState, menuType]);
 
   /** IME */
diff --git a/apps/www/src/registry/default/plate-ui/stream/index.ts b/apps/www/src/registry/default/plate-ui/stream/index.ts
deleted file mode 100644
index 0743c4a6b2..0000000000
--- a/apps/www/src/registry/default/plate-ui/stream/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './streamInsertText';
-
-export * from './streamInsertTextSelection';
diff --git a/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts b/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
deleted file mode 100644
index d9123d4a95..0000000000
--- a/apps/www/src/registry/default/plate-ui/utils/getFirstBlockSelectedNode.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import { getBlockSelectedEntries } from '.';
-
-export const getFirstBlockSelectedNode = (editor: PlateEditor) => {
-  const entries = getBlockSelectedEntries(editor);
-
-  return Array.from(entries)[0];
-};
diff --git a/apps/www/src/registry/default/plate-ui/utils/index.ts b/apps/www/src/registry/default/plate-ui/utils/index.ts
deleted file mode 100644
index c1ae3fa7d1..0000000000
--- a/apps/www/src/registry/default/plate-ui/utils/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './getContent';
-
-export * from './getFirstBlockSelectedNode';
diff --git a/packages/ai/package.json b/packages/ai/package.json
index a6c0ca6de6..23fee2aa90 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -51,6 +51,8 @@
   },
   "dependencies": {
     "@udecode/plate-combobox": "38.0.1",
+    "@udecode/plate-markdown": "38.0.1",
+    "@udecode/plate-selection": "38.0.11",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
index e460f9c7c1..5e38cbf6e9 100644
--- a/packages/ai/src/react/ai/index.ts
+++ b/packages/ai/src/react/ai/index.ts
@@ -3,4 +3,5 @@
  */
 
 export * from './AIPlugin';
+export * from './stream/index';
 export * from './utils/index';
diff --git a/apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts b/packages/ai/src/react/ai/stream/getSystemMessage.ts
similarity index 100%
rename from apps/www/src/registry/default/plate-ui/stream/getSystemMessage.ts
rename to packages/ai/src/react/ai/stream/getSystemMessage.ts
diff --git a/packages/ai/src/react/ai/stream/index.ts b/packages/ai/src/react/ai/stream/index.ts
new file mode 100644
index 0000000000..88a3670ff2
--- /dev/null
+++ b/packages/ai/src/react/ai/stream/index.ts
@@ -0,0 +1,8 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './getSystemMessage';
+export * from './streamInsertText';
+export * from './streamInsertTextSelection';
+export * from './streamTraversal';
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts b/packages/ai/src/react/ai/stream/streamInsertText.ts
similarity index 93%
rename from apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts
rename to packages/ai/src/react/ai/stream/streamInsertText.ts
index 61079e8513..b7a0f4493c 100644
--- a/apps/www/src/registry/default/plate-ui/stream/streamInsertText.ts
+++ b/packages/ai/src/react/ai/stream/streamInsertText.ts
@@ -1,18 +1,20 @@
 'use client';
-import { AIPlugin, updateMenuAnchorByPath } from '@udecode/plate-ai/react';
-import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
-import { deserializeMd } from '@udecode/plate-markdown';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
-import { getEndPoint, insertText, withMerging } from '@udecode/slate';
 import {
   getAncestorNode,
+  getEndPoint,
   insertEmptyElement,
+  insertText,
   replaceNode,
-} from '@udecode/slate-utils';
+  withMerging,
+} from '@udecode/plate-common';
+import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-common/react';
+import { deserializeMd } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 import { Path } from 'slate';
 
-import { getNextPathByNumber } from '@/registry/default/plate-ui/utils/getNextPathByNumber';
-
+import { AIPlugin } from '../AIPlugin';
+import { updateMenuAnchorByPath } from '../utils';
+import { getNextPathByNumber } from '../utils/getNextPathByNumber';
 import { getAISystem } from './getSystemMessage';
 import { streamTraversal } from './streamTraversal';
 
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts b/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
similarity index 88%
rename from apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts
rename to packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
index fddf058e93..6d51e41497 100644
--- a/apps/www/src/registry/default/plate-ui/stream/streamInsertTextSelection.ts
+++ b/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
@@ -1,13 +1,17 @@
 'use client';
-import { AIPlugin } from '@udecode/plate-ai/react';
-import { resetEditor } from '@udecode/plate-core';
-import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
+import {
+  getEndPoint,
+  insertEmptyElement,
+  insertText,
+  replaceNode,
+  resetEditor,
+  withMerging,
+} from '@udecode/plate-common';
+import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-common/react';
 import { deserializeMd } from '@udecode/plate-markdown';
-import { getEndPoint, insertText, withMerging } from '@udecode/slate';
-import { insertEmptyElement, replaceNode } from '@udecode/slate-utils';
-
-import { getNextPathByNumber } from '@/registry/default/plate-ui/utils/getNextPathByNumber';
 
+import { AIPlugin } from '../AIPlugin';
+import { getNextPathByNumber } from '../utils/getNextPathByNumber';
 import { getSelectionMenuSystem } from './getSystemMessage';
 import { streamTraversal } from './streamTraversal';
 
diff --git a/apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts b/packages/ai/src/react/ai/stream/streamTraversal.ts
similarity index 96%
rename from apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts
rename to packages/ai/src/react/ai/stream/streamTraversal.ts
index 195579bd49..6b926feaab 100644
--- a/apps/www/src/registry/default/plate-ui/stream/streamTraversal.ts
+++ b/packages/ai/src/react/ai/stream/streamTraversal.ts
@@ -2,7 +2,7 @@
 
 import type { PlateEditor } from '@udecode/plate-core/react';
 
-import { AIPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin } from '../AIPlugin';
 
 interface StreamTraversalOptions {
   prompt: string;
diff --git a/apps/www/src/registry/default/plate-ui/utils/getContent.ts b/packages/ai/src/react/ai/utils/getContent.ts
similarity index 59%
rename from apps/www/src/registry/default/plate-ui/utils/getContent.ts
rename to packages/ai/src/react/ai/utils/getContent.ts
index 5ee7a78988..18348e7e26 100644
--- a/apps/www/src/registry/default/plate-ui/utils/getContent.ts
+++ b/packages/ai/src/react/ai/utils/getContent.ts
@@ -1,23 +1,19 @@
 import type { PlateEditor } from '@udecode/plate-common/react';
 
-import { AIPlugin } from '@udecode/plate-ai/react';
+import { getNodeEntries, isBlock } from '@udecode/plate-common';
 import { serializeMd, serializeMdNodes } from '@udecode/plate-markdown';
 import {
   type BlockSelectionConfig,
   BlockSelectionPlugin,
 } from '@udecode/plate-selection/react';
-import {
-  type GetNodeEntriesOptions,
-  getNodeEntries,
-  isBlock,
-  isElement,
-} from '@udecode/slate';
+
+import { AIPlugin } from '../AIPlugin';
 
 // If some content has already been generated using it to modify(improve) otherwise using the selection or block selected nodes.
 export const getContent = (editor: PlateEditor, aiEditor: PlateEditor) => {
   const aiState = editor.getOptions(AIPlugin).aiState;
 
-  if (aiState === 'done') return serializeAI(aiEditor);
+  if (aiState === 'done') return serializeMd(aiEditor);
   // Not Sure
   if (
     editor.getOption<BlockSelectionConfig, 'isSelecting', any>(
@@ -26,7 +22,10 @@ export const getContent = (editor: PlateEditor, aiEditor: PlateEditor) => {
       editor.id
     )
   ) {
-    const entries = getBlockSelectedEntries(editor);
+    const entries = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getSelectedBlocks();
+
     const nodes = Array.from(entries, (entry) => entry[0]);
 
     return serializeMdNodes(nodes as any);
@@ -40,20 +39,3 @@ export const getContent = (editor: PlateEditor, aiEditor: PlateEditor) => {
 
   return serializeMdNodes(nodes as any);
 };
-
-export const serializeAI = (editor: PlateEditor) => {
-  return serializeMd(editor as any).trim();
-};
-
-export const getBlockSelectedEntries = (
-  editor: PlateEditor,
-  options?: GetNodeEntriesOptions
-) => {
-  const ids = editor.getOptions(BlockSelectionPlugin).selectedIds;
-
-  return getNodeEntries(editor, {
-    at: [],
-    match: (n) => isElement(n) && ids?.has(n.id as string),
-    ...options,
-  });
-};
diff --git a/apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts b/packages/ai/src/react/ai/utils/getNextPathByNumber.ts
similarity index 100%
rename from apps/www/src/registry/default/plate-ui/utils/getNextPathByNumber.ts
rename to packages/ai/src/react/ai/utils/getNextPathByNumber.ts
diff --git a/packages/ai/src/react/ai/utils/index.ts b/packages/ai/src/react/ai/utils/index.ts
index c75e5e81cc..c243b7956b 100644
--- a/packages/ai/src/react/ai/utils/index.ts
+++ b/packages/ai/src/react/ai/utils/index.ts
@@ -2,4 +2,6 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './getContent';
+export * from './getNextPathByNumber';
 export * from './updateMenuAnchorByPath';
diff --git a/packages/selection/src/react/components/index.ts b/packages/selection/src/react/components/index.ts
deleted file mode 100644
index b34c8e115d..0000000000
--- a/packages/selection/src/react/components/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './BlockSelectable';
diff --git a/packages/selection/src/react/context-menu/index.ts b/packages/selection/src/react/context-menu/index.ts
deleted file mode 100644
index 866fb2c896..0000000000
--- a/packages/selection/src/react/context-menu/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './types';
-export * from './useBlockContextMenu';
-export * from './useBlockMenuItems';
diff --git a/packages/selection/src/react/index.ts b/packages/selection/src/react/index.ts
deleted file mode 100644
index 716cec46e5..0000000000
--- a/packages/selection/src/react/index.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './BlockContextMenuPlugin';
-export * from './BlockSelectionPlugin';
-export * from './onKeyDownSelection';
-export * from './useHooksBlockSelection';
-export * from './useSelectionArea';
-export * from './components/index';
-export * from './context-menu/index';
-export * from './utils/index';
diff --git a/packages/selection/src/react/utils/index.ts b/packages/selection/src/react/utils/index.ts
deleted file mode 100644
index 0e0ad49409..0000000000
--- a/packages/selection/src/react/utils/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './copySelectedBlocks';
-export * from './onChangeBlockSelection';
-export * from './openContextMenu';
-export * from './pasteSelectedBlocks';
-export * from './selectInsertedBlocks';
diff --git a/yarn.lock b/yarn.lock
index 86cf25530b..2646f6516e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5897,6 +5897,8 @@ __metadata:
   resolution: "@udecode/plate-ai@workspace:packages/ai"
   dependencies:
     "@udecode/plate-combobox": "npm:38.0.1"
+    "@udecode/plate-markdown": "npm:38.0.1"
+    "@udecode/plate-selection": "npm:38.0.11"
     lodash: "npm:^4.17.21"
   peerDependencies:
     "@udecode/plate-common": ">=38.0.6"

From 08dd0c60b5634f54f20bcefba1d18f682aec19d3 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 18:13:42 +0800
Subject: [PATCH 034/127] fix

---
 packages/selection/src/react/components/index.ts   |  5 +++++
 packages/selection/src/react/context-menu/index.ts |  7 +++++++
 packages/selection/src/react/index.ts              | 12 ++++++++++++
 packages/selection/src/react/utils/index.ts        |  9 +++++++++
 4 files changed, 33 insertions(+)
 create mode 100644 packages/selection/src/react/components/index.ts
 create mode 100644 packages/selection/src/react/context-menu/index.ts
 create mode 100644 packages/selection/src/react/index.ts
 create mode 100644 packages/selection/src/react/utils/index.ts

diff --git a/packages/selection/src/react/components/index.ts b/packages/selection/src/react/components/index.ts
new file mode 100644
index 0000000000..b34c8e115d
--- /dev/null
+++ b/packages/selection/src/react/components/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './BlockSelectable';
diff --git a/packages/selection/src/react/context-menu/index.ts b/packages/selection/src/react/context-menu/index.ts
new file mode 100644
index 0000000000..866fb2c896
--- /dev/null
+++ b/packages/selection/src/react/context-menu/index.ts
@@ -0,0 +1,7 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './types';
+export * from './useBlockContextMenu';
+export * from './useBlockMenuItems';
diff --git a/packages/selection/src/react/index.ts b/packages/selection/src/react/index.ts
new file mode 100644
index 0000000000..716cec46e5
--- /dev/null
+++ b/packages/selection/src/react/index.ts
@@ -0,0 +1,12 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './BlockContextMenuPlugin';
+export * from './BlockSelectionPlugin';
+export * from './onKeyDownSelection';
+export * from './useHooksBlockSelection';
+export * from './useSelectionArea';
+export * from './components/index';
+export * from './context-menu/index';
+export * from './utils/index';
diff --git a/packages/selection/src/react/utils/index.ts b/packages/selection/src/react/utils/index.ts
new file mode 100644
index 0000000000..0e0ad49409
--- /dev/null
+++ b/packages/selection/src/react/utils/index.ts
@@ -0,0 +1,9 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './copySelectedBlocks';
+export * from './onChangeBlockSelection';
+export * from './openContextMenu';
+export * from './pasteSelectedBlocks';
+export * from './selectInsertedBlocks';

From 582152d7e1c75187f830318785ca04c2e6f20f90 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 18:13:59 +0800
Subject: [PATCH 035/127] docs

---
 apps/www/content/docs/copilot.mdx                      | 5 ++++-
 apps/www/public/r/styles/default/cursor-overlay.json   | 2 +-
 apps/www/public/r/styles/default/floating-toolbar.json | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 9ee72aa75c..fa3f75d729 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -122,7 +122,10 @@ const copilotState = editor.getOptions(CopilotPlugin).copilotState;
 
 
 
-## Conflict with Tabbable Plugin
+## Conflict with Other Plugins
+
+
+### Conflict with Tabbable Plugin
 
 When using both the [Tabbable Plugin](https://platejs.org/docs/tabbable) and the Copilot feature in your editor, you may encounter conflicts with the `Tab` key functionality. This is because both features utilize the same key binding.
 
diff --git a/apps/www/public/r/styles/default/cursor-overlay.json b/apps/www/public/r/styles/default/cursor-overlay.json
index 353b337305..2704250a5e 100644
--- a/apps/www/public/r/styles/default/cursor-overlay.json
+++ b/apps/www/public/r/styles/default/cursor-overlay.json
@@ -2,7 +2,7 @@
   "dependencies": [],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { cn } from '@udecode/cn';\nimport {\n  createPlatePlugin,\n  findEventRange,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport {\n  type CursorData,\n  type CursorOverlayProps,\n  type CursorProps,\n  type CursorState,\n  CursorOverlay as CursorOverlayPrimitive,\n} from '@udecode/plate-cursor';\nimport { DndPlugin } from '@udecode/plate-dnd';\n\nexport function Cursor({\n  caretPosition,\n  classNames,\n  data,\n  disableCaret,\n  disableSelection,\n  selectionRects,\n}: CursorProps<CursorData>) {\n  const { style, selectionStyle = style } = data ?? ({} as CursorData);\n\n  return (\n    <>\n      {!disableSelection &&\n        selectionRects.map((position, i) => (\n          <div\n            key={i}\n            className={cn(\n              'pointer-events-none absolute z-10 opacity-30',\n              classNames?.selectionRect\n            )}\n            style={{\n              ...selectionStyle,\n              ...position,\n            }}\n          />\n        ))}\n      {!disableCaret && caretPosition && (\n        <div\n          className={cn(\n            'pointer-events-none absolute z-10 w-0.5',\n            classNames?.caret\n          )}\n          style={{ ...caretPosition, ...style }}\n        />\n      )}\n    </>\n  );\n}\n\nexport function CursorOverlay({ cursors, ...props }: CursorOverlayProps) {\n  const editor = useEditorRef();\n  const dynamicCursors = editor.useOption(DragOverCursorPlugin, 'cursors');\n\n  const allCursors = { ...cursors, ...dynamicCursors };\n\n  return (\n    <CursorOverlayPrimitive\n      {...props}\n      onRenderCursor={Cursor}\n      cursors={allCursors}\n    />\n  );\n}\n\nconst DragOverCursorPlugin = createPlatePlugin({\n  key: 'dragOverCursor',\n  options: { cursors: {} as Record<string, CursorState<CursorData>> },\n  handlers: {\n    onDragEnd: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n    onDragLeave: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n    onDragOver: ({ editor, event, plugin }) => {\n      if (editor.getOptions(DndPlugin).isDragging) return;\n\n      const range = findEventRange(editor, event);\n\n      if (!range) return;\n\n      editor.setOption(plugin, 'cursors', {\n        drag: {\n          key: 'drag',\n          data: {\n            style: {\n              backgroundColor: 'hsl(222.2 47.4% 11.2%)',\n              width: 3,\n            },\n          },\n          selection: range,\n        },\n      });\n    },\n    onDrop: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n  },\n});\n",
+      "content": "import React, { useEffect } from 'react';\n\nimport { cn } from '@udecode/cn';\nimport {\n  createPlatePlugin,\n  findEventRange,\n  useEditorPlugin,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport {\n  type CursorData,\n  type CursorOverlayProps,\n  type CursorProps,\n  type CursorState,\n  CursorOverlay as CursorOverlayPrimitive,\n} from '@udecode/plate-cursor';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { BlockSelectionPlugin } from '@udecode/plate-selection/react';\n\nexport function Cursor({\n  caretPosition,\n  classNames,\n  data,\n  disableCaret,\n  disableSelection,\n  selectionRects,\n}: CursorProps<CursorData>) {\n  const { style, selectionStyle = style } = data ?? ({} as CursorData);\n\n  return (\n    <>\n      {!disableSelection &&\n        selectionRects.map((position, i) => (\n          <div\n            key={i}\n            className={cn(\n              'pointer-events-none absolute z-10 opacity-30',\n              classNames?.selectionRect\n            )}\n            style={{\n              ...selectionStyle,\n              ...position,\n            }}\n          />\n        ))}\n      {!disableCaret && caretPosition && (\n        <div\n          className={cn(\n            'pointer-events-none absolute z-10 w-0.5',\n            classNames?.caret\n          )}\n          style={{ ...caretPosition, ...style }}\n        />\n      )}\n    </>\n  );\n}\n\nexport function CursorOverlay({ cursors, ...props }: CursorOverlayProps) {\n  const editor = useEditorRef();\n  const dynamicCursors = editor.useOption(DragOverCursorPlugin, 'cursors');\n\n  const allCursors = { ...cursors, ...dynamicCursors };\n\n  return (\n    <CursorOverlayPrimitive\n      {...props}\n      onRenderCursor={Cursor}\n      cursors={allCursors}\n    />\n  );\n}\n\nconst DragOverCursorPlugin = createPlatePlugin({\n  key: 'dragOverCursor',\n  options: { cursors: {} as Record<string, CursorState<CursorData>> },\n  handlers: {\n    onDragEnd: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n    onDragLeave: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n    onDragOver: ({ editor, event, plugin }) => {\n      if (editor.getOptions(DndPlugin).isDragging) return;\n\n      const range = findEventRange(editor, event);\n\n      if (!range) return;\n\n      editor.setOption(plugin, 'cursors', {\n        drag: {\n          key: 'drag',\n          data: {\n            style: {\n              backgroundColor: 'hsl(222.2 47.4% 11.2%)',\n              width: 3,\n            },\n          },\n          selection: range,\n        },\n      });\n    },\n    onDrop: ({ editor, plugin }) => {\n      editor.setOption(plugin, 'cursors', {});\n    },\n  },\n});\n\nexport const SelectionOverlayPlugin = createPlatePlugin({\n  key: 'selection_over_lay',\n  useHooks: () => {\n    const { editor } = useEditorPlugin(BlockSelectionPlugin);\n    const isSelecting = editor.useOptions(BlockSelectionPlugin).isSelecting;\n\n    useEffect(() => {\n      if (isSelecting) {\n        setTimeout(() => {\n          editor.setOption(DragOverCursorPlugin, 'cursors', {});\n        }, 0);\n      }\n    }, [editor, isSelecting]);\n  },\n  handlers: {\n    onBlur: ({ editor, event }) => {\n      const isPrevented =\n        (event.relatedTarget as HTMLElement)?.dataset?.platePreventOverlay ===\n        'true';\n\n      if (isPrevented) return;\n      if (editor.selection) {\n        editor.setOption(DragOverCursorPlugin, 'cursors', {\n          drag: {\n            key: 'blur',\n            data: {\n              selectionStyle: {\n                backgroundColor: 'rgba(47, 121, 216, 0.35)',\n              },\n            },\n            selection: editor.selection,\n          },\n        });\n      }\n    },\n    onFocus: ({ editor }) => {\n      editor.setOption(DragOverCursorPlugin, 'cursors', {});\n    },\n  },\n});\n",
       "path": "plate-ui/cursor-overlay.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/floating-toolbar.json b/apps/www/public/r/styles/default/floating-toolbar.json
index 9de2dc03c0..52d9f50c49 100644
--- a/apps/www/public/r/styles/default/floating-toolbar.json
+++ b/apps/www/public/r/styles/default/floating-toolbar.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport {\n  PortalBody,\n  useComposedRef,\n  useEditorId,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <PortalBody>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </PortalBody>\n  );\n});\n",
+      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport { AIPlugin } from '@udecode/plate-ai/react';\nimport {\n  PortalBody,\n  useComposedRef,\n  useEditorId,\n  useEditorPlugin,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n\n  // FIXME: can not using isOpen\n  const { editor, useOption } = useEditorPlugin(AIPlugin);\n  const aiOpen = useOption('openEditorId') === editor.id;\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    hideToolbar: aiOpen,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <PortalBody>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </PortalBody>\n  );\n});\n",
       "path": "plate-ui/floating-toolbar.tsx",
       "target": "",
       "type": "registry:ui"

From 0bfbfb9df9056e5b8b23052002931a4fbeef0cd4 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 18:35:01 +0800
Subject: [PATCH 036/127] fix

---
 apps/www/src/registry/default/example/playground-demo.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index e903a46bb2..f99f5861b8 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -273,7 +273,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         // Functionality
         AutoformatPlugin.configure({ options: autoformatOptions }),
         BlockSelectionPlugin.configure({
-          enabled: !!scrollSelector,
           options: {
             areaOptions: {
               boundaries: `#${scrollSelector}`,
@@ -350,7 +349,10 @@ export default function PlaygroundDemo({
   const containerRef = useRef(null);
   const enabled = settingsStore.use.checkedComponents();
 
-  const editor = usePlaygroundEditor(id, scrollSelector);
+  const editor = usePlaygroundEditor(
+    id,
+    scrollSelector ?? `blockSelection-${id}`
+  );
 
   return (
     <DemoId id={id}>
@@ -374,7 +376,7 @@ export default function PlaygroundDemo({
             }
           >
             <div
-              id={scrollSelector}
+              id={scrollSelector ?? `blockSelection-${id}`}
               ref={containerRef}
               className={cn(
                 'relative flex max-h-[800px] w-full overflow-x-auto',

From dfb297a255904cff61c55da727844873183034d0 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 22:17:10 +0800
Subject: [PATCH 037/127] ci

---
 apps/www/public/r/styles/default/floating-toolbar.json |  2 +-
 apps/www/src/config/customizer-items.ts                | 10 +++++++++-
 apps/www/src/config/customizer-list.ts                 |  3 ++-
 apps/www/src/config/customizer-plugins.ts              | 10 +++++++++-
 .../src/lib/plate/demo/values/usePlaygroundValue.ts    |  3 +--
 .../src/registry/default/plate-ui/floating-toolbar.tsx |  7 -------
 6 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/apps/www/public/r/styles/default/floating-toolbar.json b/apps/www/public/r/styles/default/floating-toolbar.json
index 52d9f50c49..9de2dc03c0 100644
--- a/apps/www/public/r/styles/default/floating-toolbar.json
+++ b/apps/www/public/r/styles/default/floating-toolbar.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport { AIPlugin } from '@udecode/plate-ai/react';\nimport {\n  PortalBody,\n  useComposedRef,\n  useEditorId,\n  useEditorPlugin,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n\n  // FIXME: can not using isOpen\n  const { editor, useOption } = useEditorPlugin(AIPlugin);\n  const aiOpen = useOption('openEditorId') === editor.id;\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    hideToolbar: aiOpen,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <PortalBody>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </PortalBody>\n  );\n});\n",
+      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport {\n  PortalBody,\n  useComposedRef,\n  useEditorId,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <PortalBody>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </PortalBody>\n  );\n});\n",
       "path": "plate-ui/floating-toolbar.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/src/config/customizer-items.ts b/apps/www/src/config/customizer-items.ts
index c90a8f9851..e222cac094 100644
--- a/apps/www/src/config/customizer-items.ts
+++ b/apps/www/src/config/customizer-items.ts
@@ -1,4 +1,4 @@
-import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin, CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -105,6 +105,14 @@ export type SettingPlugin = {
 };
 
 export const customizerItems: Record<string, SettingPlugin> = {
+  [AIPlugin.key]: {
+    id: AIPlugin.key,
+    badges: [customizerBadges.handler],
+    label: 'AI',
+    npmPackage: '@udecode/plate-ai',
+    pluginFactory: 'AIPlugin',
+    route: customizerPlugins.ai.route,
+  },
   [AlignPlugin.key]: {
     id: AlignPlugin.key,
     badges: [customizerBadges.style],
diff --git a/apps/www/src/config/customizer-list.ts b/apps/www/src/config/customizer-list.ts
index 7d331ac04b..aab94f0c08 100644
--- a/apps/www/src/config/customizer-list.ts
+++ b/apps/www/src/config/customizer-list.ts
@@ -1,4 +1,4 @@
-import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin, CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -134,6 +134,7 @@ export const customizerList = [
       customizerItems[TrailingBlockPlugin.key],
       customizerItems[CopilotPlugin.key],
       customizerItems[SlashPlugin.key],
+      customizerItems[AIPlugin.key],
     ],
     label: 'Functionality',
   },
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index cdf3e3ab79..8dd6e473fd 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -1,4 +1,4 @@
-import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin, CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -41,6 +41,7 @@ import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
 import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 
+import { aiValue } from '@/lib/plate/demo/values/aiValue';
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
 import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
 import { slashCommandValue } from '@/lib/plate/demo/values/slahMenuValue';
@@ -85,6 +86,13 @@ export type ValueId = keyof typeof customizerPlugins | 'tableMerge';
 
 // cmdk needs lowercase
 export const customizerPlugins = {
+  ai: {
+    id: 'ai',
+    label: 'AI',
+    plugins: [AIPlugin.key],
+    route: '/docs/ai',
+    value: aiValue,
+  },
   align: {
     id: 'align',
     label: 'Align',
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index cd38c20c81..8bcdc82258 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -6,7 +6,6 @@ import { settingsStore } from '@/components/context/settings-store';
 import { type ValueId, customizerPlugins } from '@/config/customizer-plugins';
 import { mapNodeId } from '@/plate/demo/mapNodeId';
 
-import { aiValue } from './aiValue';
 import { alignValue } from './alignValue';
 import { autoformatValue } from './autoformatValue';
 import { basicElementsValue } from './basicElementsValue';
@@ -76,7 +75,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     //AI
     if (enabled.copilot) value.unshift(...copilotValue);
 
-    value.unshift(...aiValue);
+    // value.unshift(...aiValue);
 
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
diff --git a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
index 3b1aedec74..a9fda8e243 100644
--- a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
@@ -3,12 +3,10 @@
 import React from 'react';
 
 import { cn, withRef } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
 import {
   PortalBody,
   useComposedRef,
   useEditorId,
-  useEditorPlugin,
   useEventEditorSelectors,
 } from '@udecode/plate-common/react';
 import {
@@ -30,14 +28,9 @@ export const FloatingToolbar = withRef<
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
 
-  // FIXME: can not using isOpen
-  const { editor, useOption } = useEditorPlugin(AIPlugin);
-  const aiOpen = useOption('openEditorId') === editor.id;
-
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
-    hideToolbar: aiOpen,
     ...state,
     floatingOptions: {
       middleware: [

From d2072513f3810cb61ef2ee6ec288ef36c52eb71e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 29 Sep 2024 22:33:56 +0800
Subject: [PATCH 038/127] docs

---
 apps/www/content/docs/copilot.mdx             | 100 +++++++++++++++---
 .../plate/demo/values/usePlaygroundValue.ts   |   5 +-
 2 files changed, 89 insertions(+), 16 deletions(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index fa3f75d729..0858b129a3 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -108,6 +108,7 @@ Here's a more detailed example of how you might implement this function:
 ## Copilot state
 
 The Copilot plugin maintains its own state to manage the suggestion process. The state can be either 'idle' or 'completed'. Here's a breakdown of what each state means:
+
 ```ts
 type CopilotState = 'idle' | 'completed';
 ```
@@ -116,13 +117,93 @@ type CopilotState = 'idle' | 'completed';
 - `completed`: This state indicates that the Copilot has generated a suggestion and it's ready to be inserted into the editor. You'll see this suggestion as gray text in the editor in this state.
 
 You can access the current state of the Copilot using:
+
 ```ts
 const copilotState = editor.getOptions(CopilotPlugin).copilotState;
 ```
 
+## Conflict with Other Plugins
 
+The Tab key is a popular and frequently used key in text editing, which can lead to conflicts.
 
-## Conflict with Other Plugins
+### Conflict with Indent Plugin
+
+Ideally, we should resolve conflicts within the plugins themselves. However, there isn't a straightforward method to do this for the Indent Plugin and Copilot Plugin conflict.
+As a workaround, you can place the Copilot Plugin before the Indent Plugin in your plugin configuration.
+
+Here's an example of how to order your plugins:
+
+```tsx
+const editor = usePlateEditor({
+  id: 'ai-demo',
+  override: {
+    components: PlateUI,
+  },
+  plugins: [
+    MarkdownPlugin.configure({ options: { indentList: true } }),
+    // CopilotPlugin should be before indent plugin
+    CopilotPlugin,
+    IndentPlugin.extend({
+      inject: {
+        targetPlugins: [
+          ParagraphPlugin.key,
+          HEADING_KEYS.h1,
+          HEADING_KEYS.h2,
+          HEADING_KEYS.h3,
+          HEADING_KEYS.h4,
+          HEADING_KEYS.h5,
+          HEADING_KEYS.h6,
+          BlockquotePlugin.key,
+          CodeBlockPlugin.key,
+          TogglePlugin.key,
+        ],
+      },
+    }),
+    IndentListPlugin.extend({
+      inject: {
+        targetPlugins: [
+          ParagraphPlugin.key,
+          HEADING_KEYS.h1,
+          HEADING_KEYS.h2,
+          HEADING_KEYS.h3,
+          HEADING_KEYS.h4,
+          HEADING_KEYS.h5,
+          HEADING_KEYS.h6,
+          BlockquotePlugin.key,
+          CodeBlockPlugin.key,
+          TogglePlugin.key,
+        ],
+      },
+      options: {
+        listStyleTypes: {
+          fire: {
+            liComponent: FireLiComponent,
+            markerComponent: FireMarker,
+            type: 'fire',
+          },
+          todo: {
+            liComponent: TodoLi,
+            markerComponent: TodoMarker,
+            type: 'todo',
+          },
+        },
+      },
+    }),
+    ...otherPlugins,
+  ],
+  value: copilotValue,
+});
+```
+
+It's important to note that when using `IndentListPlugin` instead of `ListPlugin`, you should configure the `MarkdownPlugin` with the `indentList: true` option. 
+
+This is necessary because the LLM generates Markdown, which needs to be converted to Plate nodes.If your LLM just generate the plain text, you can ignore this.
+
+Here's how you can set it up:
+
+```tsx
+MarkdownPlugin.configure({ options: { indentList: true } }),
+```
 
 
 ### Conflict with Tabbable Plugin
@@ -162,17 +243,14 @@ TabbablePlugin.configure(({ editor }) => ({
 }));
 ```
 
-
-
 ## Plate Plus
+
 In Plate Plus, We using debounce mode by default. That's mean you will see the suggestion automatically without pressing `Control+Space`.
 
 We also provide a new style of hover card that is more user-friendly.You can hover on the suggestion to see the hover card.
 
-
 All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
 
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-copilot"
@@ -186,12 +264,9 @@ All of the backend setup is available in [Potion template](https://pro.platejs.o
 Aborts the ongoing API request and removes any suggestion text currently displayed.
 
 <APIReturns>
-  <APIItem type="void">
-    This function does not return a value.
-  </APIItem>
+  <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
-
 ### editor.getApi(CopilotPlugin).copilot.setCopilot
 
 Sets the suggestion text to the editor.
@@ -205,10 +280,10 @@ Sets the suggestion text to the editor.
   </APIItem>
 </APIParameters>
 
-
 ## Utils functions
 
 ### withoutAbort
+
 Temporarily disables the abort functionality of the Copilot plugin,
 by default any apply will cause the Copilot to remove the suggestion text and abort the request.
 
@@ -222,12 +297,11 @@ by default any apply will cause the Copilot to remove the suggestion text and ab
 </APIParameters>
 
 <APIReturns>
-  <APIItem type="void">
-    This function does not return a value.
-  </APIItem>
+  <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
 Usage example:
+
 ```ts
 import { withoutAbort } from '@udecode/plate-ai/react';
 
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 8bcdc82258..0dbc496516 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -6,6 +6,7 @@ import { settingsStore } from '@/components/context/settings-store';
 import { type ValueId, customizerPlugins } from '@/config/customizer-plugins';
 import { mapNodeId } from '@/plate/demo/mapNodeId';
 
+import { aiValue } from './aiValue';
 import { alignValue } from './alignValue';
 import { autoformatValue } from './autoformatValue';
 import { basicElementsValue } from './basicElementsValue';
@@ -74,9 +75,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.toc) value.unshift(...tocValue);
     //AI
     if (enabled.copilot) value.unshift(...copilotValue);
-
-    // value.unshift(...aiValue);
-
+    if (enabled.ai) value.unshift(...aiValue);
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
     if (enabled.highlight) value.push(...highlightValue);

From 0e5bfb91dc07cf6aeab38e3be1d1b5b835a6b82f Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 30 Sep 2024 12:49:07 +0800
Subject: [PATCH 039/127] temp

---
 apps/www/package.json                         |   2 +-
 .../plate-ui/playground-floating-toolbar.tsx  |  83 +++++
 .../default/example/playground-demo.tsx       |  14 +-
 .../registry/default/plate-ui/ai-actions.tsx  |   6 +-
 .../default/plate-ui/ai-menu-items.tsx        |  44 +--
 .../src/registry/default/plate-ui/ai-menu.tsx |  42 +--
 .../src/registry/default/plate-ui/menu.tsx    | 318 ++++++++----------
 packages/ai/src/react/ai/AIPlugin.ts          |  12 +-
 packages/ai/src/react/ai/hook/useAI.ts        | 151 +++++++++
 packages/ai/src/react/ai/useAIHook.ts         |  15 +
 packages/menu/.npmignore                      |   3 +
 packages/menu/README.md                       |  11 +
 packages/menu/package.json                    |  72 ++++
 packages/menu/src/hooks/index.ts              |   1 +
 packages/menu/src/hooks/useMenu.ts            | 208 ++++++++++++
 packages/menu/src/index.ts                    |   2 +
 packages/menu/src/types.ts                    |  56 +++
 packages/menu/tsconfig.build.json             |   8 +
 packages/menu/tsconfig.json                   |   5 +
 yarn.lock                                     |  21 +-
 20 files changed, 833 insertions(+), 241 deletions(-)
 create mode 100644 apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
 create mode 100644 packages/ai/src/react/ai/hook/useAI.ts
 create mode 100644 packages/ai/src/react/ai/useAIHook.ts
 create mode 100644 packages/menu/.npmignore
 create mode 100644 packages/menu/README.md
 create mode 100644 packages/menu/package.json
 create mode 100644 packages/menu/src/hooks/index.ts
 create mode 100644 packages/menu/src/hooks/useMenu.ts
 create mode 100644 packages/menu/src/index.ts
 create mode 100644 packages/menu/src/types.ts
 create mode 100644 packages/menu/tsconfig.build.json
 create mode 100644 packages/menu/tsconfig.json

diff --git a/apps/www/package.json b/apps/www/package.json
index ade1476029..b16625d194 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -35,7 +35,6 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@ariakit/react": "0.4.7",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
@@ -109,6 +108,7 @@
     "@udecode/plate-markdown": "workspace:^",
     "@udecode/plate-media": "workspace:^",
     "@udecode/plate-mention": "workspace:^",
+    "@udecode/plate-menu": "workspace:^",
     "@udecode/plate-node-id": "workspace:^",
     "@udecode/plate-normalizers": "workspace:^",
     "@udecode/plate-playwright": "workspace:^",
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
new file mode 100644
index 0000000000..dbb71134a1
--- /dev/null
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
@@ -0,0 +1,83 @@
+'use client';
+
+import React from 'react';
+
+import { cn, withRef } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
+import {
+  PortalBody,
+  useComposedRef,
+  useEditorId,
+  useEditorRef,
+  useEventEditorSelectors,
+} from '@udecode/plate-common/react';
+import {
+  type FloatingToolbarState,
+  flip,
+  offset,
+  useFloatingToolbar,
+  useFloatingToolbarState,
+} from '@udecode/plate-floating';
+
+import { Toolbar } from '@/registry/default/plate-ui/toolbar';
+
+export const PlaygroundFloatingToolbar = withRef<
+  typeof Toolbar,
+  {
+    state?: FloatingToolbarState;
+  }
+>(({ children, state, ...props }, componentRef) => {
+  const editor = useEditorRef();
+  const editorId = useEditorId();
+  const focusedEditorId = useEventEditorSelectors.focus();
+
+  const aiOpen = editor.useOptions(AIPlugin).openEditorId === editor.id;
+
+  const floatingToolbarState = useFloatingToolbarState({
+    editorId,
+    focusedEditorId,
+    hideToolbar: aiOpen,
+    ...state,
+    floatingOptions: {
+      middleware: [
+        offset(12),
+        flip({
+          fallbackPlacements: [
+            'top-start',
+            'top-end',
+            'bottom-start',
+            'bottom-end',
+          ],
+          padding: 12,
+        }),
+      ],
+      placement: 'top',
+      ...state?.floatingOptions,
+    },
+  });
+
+  const {
+    hidden,
+    props: rootProps,
+    ref: floatingRef,
+  } = useFloatingToolbar(floatingToolbarState);
+
+  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);
+
+  if (hidden) return null;
+
+  return (
+    <PortalBody>
+      <Toolbar
+        ref={ref}
+        className={cn(
+          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'
+        )}
+        {...rootProps}
+        {...props}
+      >
+        {children}
+      </Toolbar>
+    </PortalBody>
+  );
+});
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index f99f5861b8..e42c8baaf2 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -68,6 +68,7 @@ import Prism from 'prismjs';
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { settingsStore } from '@/components/context/settings-store';
 import { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';
+import { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';
 import { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';
 import { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';
 import { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';
@@ -82,6 +83,7 @@ import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
 import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
+import { createAIEditor } from '@/registry/default/plate-ui/ai-previdew-editor';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
   CursorOverlay,
@@ -89,7 +91,6 @@ import {
 } from '@/registry/default/plate-ui/cursor-overlay';
 import { Editor } from '@/registry/default/plate-ui/editor';
 import { FixedToolbar } from '@/registry/default/plate-ui/fixed-toolbar';
-import { FloatingToolbar } from '@/registry/default/plate-ui/floating-toolbar';
 import { ImagePreview } from '@/registry/default/plate-ui/image-preview';
 import {
   FireLiComponent,
@@ -169,6 +170,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         SelectionOverlayPlugin,
         AIPlugin.configure({
           options: {
+            createAIEditor: createAIEditor,
             scrollContainerSelector: `#${scrollSelector}`,
           },
           render: { aboveEditable: AIMenu },
@@ -275,6 +277,9 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         BlockSelectionPlugin.configure({
           options: {
             areaOptions: {
+              behaviour: {
+                startThreshold: 20,
+              },
               boundaries: `#${scrollSelector}`,
               container: `#${scrollSelector}`,
               selectables: [`#${scrollSelector} .slate-selectable`],
@@ -357,7 +362,7 @@ export default function PlaygroundDemo({
   return (
     <DemoId id={id}>
       <DndProvider backend={HTML5Backend}>
-        <Plate onChange={(value) => console.log(value)} editor={editor}>
+        <Plate editor={editor}>
           <CheckPlugin componentId="fixed-toolbar">
             <FixedToolbar className="no-scrollbar">
               <CheckPlugin componentId="fixed-toolbar-buttons">
@@ -401,8 +406,9 @@ export default function PlaygroundDemo({
               />
 
               <CheckPlugin componentId="floating-toolbar">
-                <FloatingToolbar
+                <PlaygroundFloatingToolbar
                   state={{
+                    // hideToolbar: aiOpen,
                     showWhenReadOnly: isEnabled(
                       'comment',
                       id,
@@ -413,7 +419,7 @@ export default function PlaygroundDemo({
                   <CheckPlugin componentId="floating-toolbar-buttons">
                     <PlaygroundFloatingToolbarButtons />
                   </CheckPlugin>
-                </FloatingToolbar>
+                </PlaygroundFloatingToolbar>
               </CheckPlugin>
 
               <CheckPlugin id="cursoroverlay" plugin={DragOverCursorPlugin}>
diff --git a/apps/www/src/registry/default/plate-ui/ai-actions.tsx b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
index a0ae554c12..8e195b956d 100644
--- a/apps/www/src/registry/default/plate-ui/ai-actions.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
@@ -27,7 +27,7 @@ export const GROUP_ALIGN = 'group_align';
 
 export const ACTION_CAPTION = 'action_cation';
 
-export const DefaultActions = {
+export const CursorCommandsActions = {
   Summarize: {
     icon: <Icons.summarize />,
     label: 'Summarize',
@@ -68,7 +68,7 @@ export const ACTION_SUGGESTION_MAKE_LONGER = 'action_longer';
 
 export const ACTION_SUGGESTION_TRY_AGAIN = 'action_try_again';
 
-export const DefaultSuggestionActions = {
+export const CursorSuggestionActions = {
   close: {
     icon: <Icons.close />,
     label: 'Close',
@@ -110,7 +110,7 @@ export const ACTION_SELECTION_SIMPLIFY_LANGUAGE = 'action_simplify_language';
 
 export const GROUP_SELECTION_LANGUAGES = 'group_selection_languages';
 
-export const SelectionActions = {
+export const SelectionCommandsActions = {
   fixSpell: {
     icon: <Icons.check />,
     label: 'Fix spelling & grammar',
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index 1a3000ad7a..7af6d9605c 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -1,7 +1,7 @@
 import {
-  DefaultActions,
-  DefaultSuggestionActions,
-  SelectionActions,
+  CursorCommandsActions,
+  CursorSuggestionActions,
+  SelectionCommandsActions,
   SelectionSuggestionActions,
 } from './ai-actions';
 import {
@@ -16,18 +16,18 @@ export const CursorCommands = () => {
   return (
     <>
       <MenuGroup label="Write with AI">
-        <MenuItem {...DefaultActions.continueWrite} />
+        <MenuItem {...CursorCommandsActions.continueWrite} />
       </MenuGroup>
       <MenuSeparator />
       <MenuGroup label="Generate from page">
-        <MenuItem {...DefaultActions.Summarize} />
+        <MenuItem {...CursorCommandsActions.Summarize} />
         <Menu
-          label={DefaultActions.translate.label}
-          icon={DefaultActions.translate.icon}
+          label={CursorCommandsActions.translate.label}
+          icon={CursorCommandsActions.translate.icon}
         >
-          {renderMenuItems(DefaultActions.translate)}
+          {renderMenuItems(CursorCommandsActions.translate)}
         </Menu>
-        <MenuItem {...DefaultActions.explain} />
+        <MenuItem {...CursorCommandsActions.explain} />
       </MenuGroup>
     </>
   );
@@ -36,14 +36,14 @@ export const CursorCommands = () => {
 export const CursorSuggestions = () => {
   return (
     <>
-      <MenuItem {...DefaultSuggestionActions.done} />
-      <MenuItem {...DefaultSuggestionActions.continueWrite} />
-      <MenuItem {...DefaultSuggestionActions.makeLonger} />
+      <MenuItem {...CursorSuggestionActions.done} />
+      <MenuItem {...CursorSuggestionActions.continueWrite} />
+      <MenuItem {...CursorSuggestionActions.makeLonger} />
 
       <MenuSeparator />
 
-      <MenuItem {...DefaultSuggestionActions.tryAgain} />
-      <MenuItem {...DefaultSuggestionActions.close} />
+      <MenuItem {...CursorSuggestionActions.tryAgain} />
+      <MenuItem {...CursorSuggestionActions.close} />
     </>
   );
 };
@@ -51,20 +51,20 @@ export const CursorSuggestions = () => {
 export const SelectionCommands = () => {
   return (
     <>
-      <MenuItem {...SelectionActions.improveWriting} />
-      <MenuItem {...SelectionActions.fixSpell} />
-      <MenuItem {...SelectionActions.makeShorter} />
-      <MenuItem {...SelectionActions.makeLonger} />
-      <MenuItem {...SelectionActions.simplifyLanguage} />
+      <MenuItem {...SelectionCommandsActions.improveWriting} />
+      <MenuItem {...SelectionCommandsActions.fixSpell} />
+      <MenuItem {...SelectionCommandsActions.makeShorter} />
+      <MenuItem {...SelectionCommandsActions.makeLonger} />
+      <MenuItem {...SelectionCommandsActions.simplifyLanguage} />
 
       <MenuSeparator />
 
       <MenuGroup label="Generate from selection">
         <Menu
-          label={SelectionActions.translate.label}
-          icon={SelectionActions.translate.icon}
+          label={SelectionCommandsActions.translate.label}
+          icon={SelectionCommandsActions.translate.icon}
         >
-          {renderMenuItems(SelectionActions.translate)}
+          {renderMenuItems(SelectionCommandsActions.translate)}
         </Menu>
       </MenuGroup>
     </>
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index aaddf77fb1..95757758fa 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -11,6 +11,8 @@ import React, {
   useState,
 } from 'react';
 
+import type { actionGroup } from '@udecode/plate-menu';
+
 import { cn } from '@udecode/cn';
 import {
   AIPlugin,
@@ -19,6 +21,7 @@ import {
   streamInsertTextSelection,
 } from '@udecode/plate-ai/react';
 import { useEditorPlugin } from '@udecode/plate-core/react';
+import { Ariakit } from '@udecode/plate-menu';
 import { focusEditor } from '@udecode/slate-react';
 import isHotkey from 'is-hotkey';
 
@@ -26,9 +29,9 @@ import { Icons } from '@/components/icons';
 
 import { useActionHandler } from './action-handler';
 import {
-  DefaultActions,
-  DefaultSuggestionActions,
-  SelectionActions,
+  CursorCommandsActions,
+  CursorSuggestionActions,
+  SelectionCommandsActions,
   SelectionSuggestionActions,
   defaultValues,
 } from './ai-actions';
@@ -41,8 +44,6 @@ import {
 import { AIPreviewEditor } from './ai-previdew-editor';
 import { Button } from './button';
 import {
-  type actionGroup,
-  Ariakit,
   Menu,
   comboboxVariants,
   filterAndBuildMenuTree,
@@ -62,7 +63,6 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
 
   const { aiEditor } = editor.useOptions(AIPlugin);
 
-  const isModalOpenRef = React.useRef(false);
   // init
   const menu = Ariakit.useMenuStore();
   useEffect(() => {
@@ -145,11 +145,12 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
       if (menuType === 'selection')
         return [SelectionSuggestions, SelectionSuggestionActions];
 
-      return [CursorSuggestions, DefaultSuggestionActions];
+      return [CursorSuggestions, CursorSuggestionActions];
     }
-    if (menuType === 'selection') return [SelectionCommands, SelectionActions];
+    if (menuType === 'selection')
+      return [SelectionCommands, SelectionCommandsActions];
 
-    return [CursorCommands, DefaultActions];
+    return [CursorCommands, CursorCommandsActions];
   }, [aiState, menuType]);
 
   /** IME */
@@ -167,27 +168,8 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
         variant="ai"
         loading={aiState === 'generating' || aiState === 'requesting'}
         open={isOpen}
-        onClickOutside={(e) => {
-          if (aiState === 'idle') return editor.getApi(AIPlugin).ai.hide();
-          if (isModalOpenRef.current) return;
-
-          e.preventDefault();
-          isModalOpenRef.current = true;
-
-          // pushModal('Discard', {
-          //   onCancel: () => {
-          //     setTimeout(() => {
-          //       editor.getApi(AIPlugin).ai.focusMenu();
-          //     }, 0);
-          //   },
-          //   onConfirm: () => {
-          //     // TODO: cancel stream
-          //     editor.getApi(AIPlugin).ai.hide();
-          //   },
-          //   onSettled: () => {
-          //     isModalOpenRef.current = false;
-          //   },
-          // });
+        onClickOutside={() => {
+          return editor.getApi(AIPlugin).ai.hide();
         }}
         onValueChange={(value) => startTransition(() => setSearchValue(value))}
         onValuesChange={(values: typeof defaultValues) => {
diff --git a/apps/www/src/registry/default/plate-ui/menu.tsx b/apps/www/src/registry/default/plate-ui/menu.tsx
index 6f25755191..1f7b2f35f5 100644
--- a/apps/www/src/registry/default/plate-ui/menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/menu.tsx
@@ -2,8 +2,10 @@
 
 import * as React from 'react';
 
-import * as Ariakit from '@ariakit/react';
+import type { Action, MenuProps, setAction } from '@udecode/plate-menu';
+
 import { cn } from '@udecode/cn';
+import { Ariakit } from '@udecode/plate-menu';
 import { cva } from 'class-variance-authority';
 import { matchSorter } from 'match-sorter';
 
@@ -61,191 +63,157 @@ const comboboxListVariants = cva('rounded-sm', {
   },
 });
 
-export interface Action {
-  group?: string;
-  groupName?: string;
-  icon?: React.ReactNode;
-  items?: Action[];
-  keywords?: string[];
-  label?: string;
-  shortcut?: string;
-  value?: string;
-}
-
-export type actionGroup = {
-  group?: string;
-  value?: string;
-};
-
-export interface MenuProps extends Ariakit.MenuButtonProps<'div'> {
-  combobox?: Ariakit.ComboboxProps['render'];
-  comboboxClassName?: string;
-  comboboxListClassName?: string;
-  comboboxSubmitButton?: React.ReactElement;
-  dragButton?: Ariakit.MenuButtonProps['render'];
-  flip?: boolean;
-  getAnchorRect?: Ariakit.MenuProps['getAnchorRect'];
-  icon?: React.ReactNode;
-  injectAboveMenu?: React.ReactElement;
-  label?: React.ReactNode;
-  loading?: boolean;
-  loadingPlaceholder?: React.ReactNode;
-  onClickOutside?: (event: MouseEvent) => void;
-  onOpenChange?: (open: boolean) => void;
-  onRootMenuClose?: () => void;
-  onValueChange?: (value: string) => void;
-  onValuesChange?: Ariakit.MenuProviderProps['setValues'];
-  open?: boolean;
-  placement?: Ariakit.MenuProviderProps['placement'];
-  portal?: Ariakit.MenuProps['portal'];
-  searchValue?: string;
-  setAction?: setAction;
-  values?: Ariakit.MenuProviderProps['values'];
-  variant?: variant;
-}
-
 const SearchableContext = React.createContext(false);
 
-type setAction = (actionGroup: actionGroup) => void;
 const ActionContext = React.createContext<setAction | null>(null);
 
 type variant = 'ai' | 'default';
 
-export const Menu = React.forwardRef<HTMLDivElement, MenuProps>(function Menu(
-  {
-    children,
-    combobox,
-    comboboxClassName,
-    comboboxListClassName,
-    comboboxSubmitButton,
-    dragButton,
-    flip = true,
-    getAnchorRect,
-    icon,
-    injectAboveMenu,
-    label,
-    loading,
-    loadingPlaceholder,
-    open,
-    placement,
-    portal,
-    searchValue,
-    setAction,
-    store,
-    values,
-    variant,
-    onClickOutside,
-    onOpenChange,
-    onRootMenuClose,
-    onValueChange,
-    onValuesChange,
-    ...props
-  },
-  ref
-) {
-  const parent = Ariakit.useMenuContext();
-  const searchable = searchValue != null || !!onValueChange || !!combobox;
-  const ParentSetAction = React.useContext(ActionContext);
+type StyledMenuProps = MenuProps & {
+  variant: variant;
+};
+
+export const Menu = React.forwardRef<HTMLDivElement, StyledMenuProps>(
+  function Menu(
+    {
+      children,
+      combobox,
+      comboboxClassName,
+      comboboxListClassName,
+      comboboxSubmitButton,
+      dragButton,
+      flip = true,
+      getAnchorRect,
+      icon,
+      injectAboveMenu,
+      label,
+      loading,
+      loadingPlaceholder,
+      open,
+      placement,
+      portal,
+      searchValue,
+      setAction,
+      store,
+      values,
+      variant,
+      onClickOutside,
+      onOpenChange,
+      onRootMenuClose,
+      onValueChange,
+      onValuesChange,
+      ...props
+    },
+    ref
+  ) {
+    const parent = Ariakit.useMenuContext();
+    const searchable = searchValue != null || !!onValueChange || !!combobox;
+    const ParentSetAction = React.useContext(ActionContext);
 
-  const isRootMenu = !parent;
-  const isDraggleButtonMenu = !!dragButton;
-  const menuRef = React.useRef<HTMLDivElement | null>(null);
+    const isRootMenu = !parent;
+    const isDraggleButtonMenu = !!dragButton;
+    const menuRef = React.useRef<HTMLDivElement | null>(null);
 
-  useOnClickOutside(menuRef, onClickOutside);
+    useOnClickOutside(menuRef, onClickOutside);
 
-  const menuProviderProps = {
-    open,
-    placement: isRootMenu ? placement : 'right',
-    setOpen: (v: boolean) => {
-      onOpenChange?.(v);
+    const menuProviderProps = {
+      open,
+      placement: isRootMenu ? placement : 'right',
+      setOpen: (v: boolean) => {
+        onOpenChange?.(v);
 
-      if (!v && !parent && !dragButton) onRootMenuClose?.();
-    },
-    setValues: onValuesChange,
-    showTimeout: 100,
-    store,
-    values,
-  };
-
-  const menuButtonProps = {
-    ref,
-    ...props,
-    className: cn(isRootMenu && !isDraggleButtonMenu && 'hidden'),
-    render: isRootMenu ? dragButton : <MenuItem render={dragButton} />,
-  };
-
-  const menuProps = {
-    className: cn(menuVariants({ variant }), props.className, searchable && ''),
-    flip,
-    getAnchorRect,
-    gutter: isRootMenu ? 0 : 4,
-    portal,
-    ref: isRootMenu ? menuRef : undefined,
-    unmountOnHide: true,
-  };
-
-  const menuContent = (
-    <Ariakit.MenuProvider {...menuProviderProps}>
-      <Ariakit.MenuButton {...menuButtonProps}>
-        {icon}
-        <span>{label}</span>
-        <Ariakit.MenuButtonArrow className="ml-auto text-muted-foreground" />
-      </Ariakit.MenuButton>
-
-      <Ariakit.Menu {...menuProps}>
-        {open && isRootMenu && injectAboveMenu}
-        <ActionContext.Provider value={setAction ?? ParentSetAction}>
-          <SearchableContext.Provider value={searchable}>
-            {searchable ? (
-              loading ? (
-                <React.Fragment>
-                  {loadingPlaceholder ?? <div>loading...</div>}
-                </React.Fragment>
+        if (!v && !parent && !dragButton) onRootMenuClose?.();
+      },
+      setValues: onValuesChange,
+      showTimeout: 100,
+      store,
+      values,
+    };
+
+    const menuButtonProps = {
+      ref,
+      ...props,
+      className: cn(isRootMenu && !isDraggleButtonMenu && 'hidden'),
+      render: isRootMenu ? dragButton : <MenuItem render={dragButton} />,
+    };
+
+    const menuProps = {
+      className: cn(
+        menuVariants({ variant }),
+        props.className,
+        searchable && ''
+      ),
+      flip,
+      getAnchorRect,
+      gutter: isRootMenu ? 0 : 4,
+      portal,
+      ref: isRootMenu ? menuRef : undefined,
+      unmountOnHide: true,
+    };
+
+    const menuContent = (
+      <Ariakit.MenuProvider {...menuProviderProps}>
+        <Ariakit.MenuButton {...menuButtonProps}>
+          {icon}
+          <span>{label}</span>
+          <Ariakit.MenuButtonArrow className="ml-auto text-muted-foreground" />
+        </Ariakit.MenuButton>
+
+        <Ariakit.Menu {...menuProps}>
+          {open && isRootMenu && injectAboveMenu}
+          <ActionContext.Provider value={setAction ?? ParentSetAction}>
+            <SearchableContext.Provider value={searchable}>
+              {searchable ? (
+                loading ? (
+                  <React.Fragment>
+                    {loadingPlaceholder ?? <div>loading...</div>}
+                  </React.Fragment>
+                ) : (
+                  <React.Fragment>
+                    <div
+                      className={cn(
+                        comboboxVariants({ variant }),
+                        comboboxClassName
+                      )}
+                    >
+                      <Ariakit.Combobox render={combobox} autoSelect />
+                      {comboboxSubmitButton && comboboxSubmitButton}
+                    </div>
+                    <Ariakit.ComboboxList
+                      className={cn(
+                        comboboxListVariants({ variant }),
+                        comboboxListClassName
+                      )}
+                    >
+                      {children}
+                    </Ariakit.ComboboxList>
+                  </React.Fragment>
+                )
               ) : (
-                <React.Fragment>
-                  <div
-                    className={cn(
-                      comboboxVariants({ variant }),
-                      comboboxClassName
-                    )}
-                  >
-                    <Ariakit.Combobox render={combobox} autoSelect />
-                    {comboboxSubmitButton && comboboxSubmitButton}
-                  </div>
-                  <Ariakit.ComboboxList
-                    className={cn(
-                      comboboxListVariants({ variant }),
-                      comboboxListClassName
-                    )}
-                  >
-                    {children}
-                  </Ariakit.ComboboxList>
-                </React.Fragment>
-              )
-            ) : (
-              children
-            )}
-          </SearchableContext.Provider>
-        </ActionContext.Provider>
-      </Ariakit.Menu>
-    </Ariakit.MenuProvider>
-  );
+                children
+              )}
+            </SearchableContext.Provider>
+          </ActionContext.Provider>
+        </Ariakit.Menu>
+      </Ariakit.MenuProvider>
+    );
 
-  const comboboxProviderProps = {
-    includesBaseElement: false,
-    resetValueOnHide: true,
-    setValue: onValueChange,
-    value: searchValue,
-  };
-
-  return searchable ? (
-    <Ariakit.ComboboxProvider {...comboboxProviderProps}>
-      {menuContent}
-    </Ariakit.ComboboxProvider>
-  ) : (
-    menuContent
-  );
-});
+    const comboboxProviderProps = {
+      includesBaseElement: false,
+      resetValueOnHide: true,
+      setValue: onValueChange,
+      value: searchValue,
+    };
+
+    return searchable ? (
+      <Ariakit.ComboboxProvider {...comboboxProviderProps}>
+        {menuContent}
+      </Ariakit.ComboboxProvider>
+    ) : (
+      menuContent
+    );
+  }
+);
 
 export interface MenuSeparatorProps extends Ariakit.MenuSeparatorProps {}
 
@@ -553,8 +521,6 @@ export function renderSearchMenuItems(
   return renderMenuItems({ items: matches });
 }
 
-export * as Ariakit from '@ariakit/react';
-
 // Utils ---------------------------------------------------------------
 
 import { useEffect, useLayoutEffect, useRef } from 'react';
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 08f95f3fba..aaf45a58c2 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -8,12 +8,15 @@ import {
 } from '@udecode/plate-common/react';
 
 import { type BaseAIPluginConfig, BaseAIPlugin } from '../../lib';
+import { useAIHooks } from './useAIHook';
 
 export const KEY_AI = 'ai';
 
-export interface AIPlugin {
-  scrollContainerSelector?: string;
+interface ExposeOptions {
+  createAIEditor: () => PlateEditor;
+  scrollContainerSelector: string;
   trigger?: RegExp | string[] | string;
+
   triggerPreviousCharPattern?: RegExp;
 }
 
@@ -50,9 +53,9 @@ export type AIPluginConfig = ExtendConfig<
     lastWorkPath: Path | null;
     menuType: 'selection' | 'space' | null;
     openEditorId: string | null;
-    scrollContainerSelector: string;
     store: any | null;
-  } & AIApi &
+  } & ExposeOptions &
+    AIApi &
     AISelectors,
   {
     ai: AIApi;
@@ -182,4 +185,5 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
         });
       },
     },
+    useHooks: useAIHooks,
   }));
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
new file mode 100644
index 0000000000..8c91b04555
--- /dev/null
+++ b/packages/ai/src/react/ai/hook/useAI.ts
@@ -0,0 +1,151 @@
+import React, {
+  type KeyboardEvent,
+  useCallback,
+  useEffect,
+  useState,
+} from 'react';
+
+import { isHotkey } from '@udecode/plate-common';
+import { focusEditor, useEditorPlugin } from '@udecode/plate-common/react';
+
+import { type AIActionGroup, AIPlugin } from '../AIPlugin';
+import { streamInsertText, streamInsertTextSelection } from '../stream';
+import { getContent } from '../utils';
+
+interface UseAIStateProps {
+  CursorCommands: () => JSX.Element;
+  CursorCommandsActions: any;
+  CursorSuggestionActions: any;
+  CursorSuggestions: () => JSX.Element;
+  SelectionCommands: () => JSX.Element;
+  SelectionCommandsActions: any;
+  SelectionSuggestionActions: any;
+  SelectionSuggestions: () => JSX.Element;
+  defaultValues: Record<string, string>;
+  menu: any;
+}
+
+export const useAIState = ({
+  CursorCommands,
+  CursorCommandsActions,
+  CursorSuggestionActions,
+  CursorSuggestions,
+  SelectionCommands,
+  SelectionCommandsActions,
+  SelectionSuggestionActions,
+  SelectionSuggestions,
+  defaultValues,
+  menu,
+}: UseAIStateProps) => {
+  const { api, editor, setOption, setOptions, useOption } =
+    useEditorPlugin(AIPlugin);
+
+  const isOpen = useOption('isOpen', editor.id);
+  const action = useOption('action');
+  const aiState = useOption('aiState');
+  const menuType = useOption('menuType');
+  const setAction = (action: AIActionGroup) => setOption('action', action);
+
+  const { aiEditor } = editor.useOptions(AIPlugin);
+
+  useEffect(() => {
+    setOptions({
+      store: menu,
+    });
+    // eslint-disable-next`-line react-hooks/exhaustive-deps
+  }, [isOpen, menu, setOptions]);
+
+  const [values, setValues] = useState(defaultValues);
+  const [searchValue, setSearchValue] = useState('');
+
+  const streamInsert = useCallback(async () => {
+    if (!aiEditor) return;
+    if (menuType === 'selection') {
+      const content = getContent(editor, aiEditor);
+
+      await streamInsertTextSelection(editor, aiEditor, {
+        prompt: `user prompt is ${searchValue} the content is ${content}`,
+      });
+    } else if (menuType === 'space') {
+      await streamInsertText(editor, {
+        prompt: searchValue,
+      });
+    }
+  }, [aiEditor, editor, menuType, searchValue]);
+
+  return {
+    CursorCommands,
+    CursorCommandsActions,
+    CursorSuggestionActions,
+    CursorSuggestions,
+    SelectionCommands,
+    SelectionCommandsActions,
+    SelectionSuggestionActions,
+    SelectionSuggestions,
+    action,
+    aiState,
+    api,
+    editor,
+    menuType,
+    searchValue,
+    setAction,
+    setSearchValue,
+    setValues,
+    streamInsert,
+    values,
+  };
+};
+
+export const useAI = (props: ReturnType<typeof useAIState>) => {
+  const {
+    CursorCommands,
+    CursorCommandsActions,
+    CursorSuggestionActions,
+    CursorSuggestions,
+    SelectionCommands,
+    SelectionCommandsActions,
+    SelectionSuggestionActions,
+    SelectionSuggestions,
+    action,
+    aiState,
+    api,
+    editor,
+    menuType,
+    searchValue,
+    setAction,
+    setSearchValue,
+    setValues,
+    streamInsert,
+    values,
+  } = props;
+
+  const onInputKeyDown = async (e: KeyboardEvent<HTMLInputElement>) => {
+    if (isHotkey('backspace')(e) && searchValue.length === 0) {
+      e.preventDefault();
+      api.ai.hide();
+      focusEditor(editor);
+    }
+    if (isHotkey('enter')(e)) await streamInsert();
+  };
+  const [CurrentItems, CurrentActions] = React.useMemo(() => {
+    if (aiState === 'done') {
+      if (menuType === 'selection')
+        return [SelectionSuggestions, SelectionSuggestionActions];
+
+      return [CursorSuggestions, CursorSuggestionActions];
+    }
+    if (menuType === 'selection')
+      return [SelectionCommands, SelectionCommandsActions];
+
+    return [CursorCommands, CursorCommandsActions];
+  }, [aiState, menuType]);
+
+  /** IME */
+  const [isComposing, setIsComposing] = useState(false);
+
+  // const searchItems = useMemo(() => {
+  //   return isComposing
+  //     ? []
+  //     : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
+  // }, [CurrentActions, isComposing, searchValue]);
+};
diff --git a/packages/ai/src/react/ai/useAIHook.ts b/packages/ai/src/react/ai/useAIHook.ts
new file mode 100644
index 0000000000..93e46544e8
--- /dev/null
+++ b/packages/ai/src/react/ai/useAIHook.ts
@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+
+import { useEditorPlugin } from '@udecode/plate-common/react';
+
+import { type AIPluginConfig, AIPlugin } from './AIPlugin';
+
+export const useAIHooks = () => {
+  const { getOptions, setOptions } = useEditorPlugin<AIPluginConfig>(AIPlugin);
+  useEffect(() => {
+    setTimeout(() => {
+      const editor = getOptions().createAIEditor();
+      setOptions({ aiEditor: editor });
+    }, 0);
+  }, [setOptions, getOptions]);
+};
diff --git a/packages/menu/.npmignore b/packages/menu/.npmignore
new file mode 100644
index 0000000000..7d3b305b17
--- /dev/null
+++ b/packages/menu/.npmignore
@@ -0,0 +1,3 @@
+__tests__
+__test-utils__
+__mocks__
diff --git a/packages/menu/README.md b/packages/menu/README.md
new file mode 100644
index 0000000000..06fb7e9d0e
--- /dev/null
+++ b/packages/menu/README.md
@@ -0,0 +1,11 @@
+# Plate list plugin
+
+This package implements the list plugin for Plate.
+
+## Documentation
+
+Check out [List](https://platejs.org/docs/list).
+
+## License
+
+[MIT](../../LICENSE)
diff --git a/packages/menu/package.json b/packages/menu/package.json
new file mode 100644
index 0000000000..196d57ceeb
--- /dev/null
+++ b/packages/menu/package.json
@@ -0,0 +1,72 @@
+{
+  "name": "@udecode/plate-menu",
+  "version": "38.0.1",
+  "description": "Menu for Plate",
+  "keywords": [
+    "plate",
+    "menu",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/udecode/plate.git",
+    "directory": "packages/menu"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "module": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.mjs",
+      "module": "./dist/react/index.mjs",
+      "require": "./dist/react/index.js"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "scripts": {
+    "brl": "yarn p:brl",
+    "build": "yarn p:build",
+    "build:watch": "yarn p:build:watch",
+    "clean": "yarn p:clean",
+    "lint": "yarn p:lint",
+    "lint:fix": "yarn p:lint:fix",
+    "test": "yarn p:test",
+    "test:watch": "yarn p:test:watch",
+    "typecheck": "yarn p:typecheck"
+  },
+  "dependencies": {
+    "@ariakit/react": "0.4.7",
+    "@udecode/plate-reset-node": "38.0.1",
+    "lodash": "^4.17.21"
+  },
+  "devDependencies": {
+    "@udecode/plate-common": "workspace:^"
+  },
+  "peerDependencies": {
+    "@udecode/plate-common": ">=38.0.6",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "slate": ">=0.103.0",
+    "slate-history": ">=0.93.0",
+    "slate-hyperscript": ">=0.66.0",
+    "slate-react": ">=0.108.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/menu/src/hooks/index.ts b/packages/menu/src/hooks/index.ts
new file mode 100644
index 0000000000..e35ccebae9
--- /dev/null
+++ b/packages/menu/src/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useMenu';
\ No newline at end of file
diff --git a/packages/menu/src/hooks/useMenu.ts b/packages/menu/src/hooks/useMenu.ts
new file mode 100644
index 0000000000..7b8113c542
--- /dev/null
+++ b/packages/menu/src/hooks/useMenu.ts
@@ -0,0 +1,208 @@
+import React, { useEffect, useLayoutEffect, useRef } from 'react';
+
+import * as Ariakit from '@ariakit/react';
+
+import type { MenuProps, setAction } from '../types';
+
+export const SearchableContext = React.createContext(false);
+
+export const ActionContext = React.createContext<setAction | null>(null);
+
+export const useMenu = ({
+  children,
+  combobox,
+  comboboxClassName,
+  comboboxListClassName,
+  comboboxSubmitButton,
+  dragButton,
+  flip = true,
+  getAnchorRect,
+  icon,
+  injectAboveMenu,
+  label,
+  loading,
+  loadingPlaceholder,
+  open,
+  placement,
+  portal,
+  ref,
+  searchValue,
+  setAction,
+  store,
+  values,
+  onClickOutside,
+  onOpenChange,
+  onRootMenuClose,
+  onValueChange,
+  onValuesChange,
+  ...props
+}: MenuProps & { ref: React.ForwardedRef<HTMLDivElement> }) => {
+  const parent = Ariakit.useMenuContext();
+  const searchable = searchValue != null || !!onValueChange || !!combobox;
+  const ParentSetAction = React.useContext(ActionContext);
+
+  const isRootMenu = !parent;
+  const isDraggleButtonMenu = !!dragButton;
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+
+  useOnClickOutside(menuRef, onClickOutside);
+
+  const menuProviderProps = {
+    open,
+    placement: isRootMenu ? placement : 'right',
+    setOpen: (v: boolean) => {
+      onOpenChange?.(v);
+
+      if (!v && !parent && !dragButton) onRootMenuClose?.();
+    },
+    setValues: onValuesChange,
+    showTimeout: 100,
+    store,
+    values,
+  };
+
+  const menuButtonProps = {
+    ref,
+    ...props,
+  };
+
+  const menuProps = {
+    flip,
+    getAnchorRect,
+    gutter: isRootMenu ? 0 : 4,
+    portal,
+    ref: isRootMenu ? menuRef : undefined,
+    unmountOnHide: true,
+  };
+
+  return {
+    ParentSetAction,
+    isDraggleButtonMenu,
+    isRootMenu,
+    menuButtonProps,
+    menuProps,
+    menuProviderProps,
+    searchable,
+  };
+};
+
+/**
+ * Determines the appropriate effect hook to use based on the environment. If
+ * the code is running on the client-side (browser), it uses the
+ * `useLayoutEffect` hook, otherwise, it uses the `useEffect` hook.
+ */
+export const useIsomorphicLayoutEffect =
+  typeof window === 'undefined' ? useEffect : useLayoutEffect;
+
+// MediaQueryList Event based useEventListener interface
+function useEventListener<K extends keyof MediaQueryListEventMap>(
+  eventName: K,
+  handler: (event: MediaQueryListEventMap[K]) => void,
+  element: React.RefObject<MediaQueryList>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Window Event based useEventListener interface
+function useEventListener<K extends keyof WindowEventMap>(
+  eventName: K,
+  handler: (event: WindowEventMap[K]) => void,
+  element?: undefined,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Element Event based useEventListener interface
+function useEventListener<
+  K extends keyof HTMLElementEventMap,
+  T extends HTMLElement = HTMLDivElement,
+>(
+  eventName: K,
+  handler: (event: HTMLElementEventMap[K]) => void,
+  element: React.RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// Document Event based useEventListener interface
+function useEventListener<K extends keyof DocumentEventMap>(
+  eventName: K,
+  handler: (event: DocumentEventMap[K]) => void,
+  element: React.RefObject<Document>,
+  options?: AddEventListenerOptions | boolean
+): void;
+
+// https://usehooks-ts.com/react-hook/use-event-listener
+function useEventListener<
+  KW extends keyof WindowEventMap,
+  KH extends keyof HTMLElementEventMap,
+  KM extends keyof MediaQueryListEventMap,
+  T extends HTMLElement | MediaQueryList | void = void,
+>(
+  eventName: KH | KM | KW,
+  handler: (
+    event:
+      | Event
+      | HTMLElementEventMap[KH]
+      | MediaQueryListEventMap[KM]
+      | WindowEventMap[KW]
+  ) => void,
+  element?: React.RefObject<T>,
+  options?: AddEventListenerOptions | boolean
+) {
+  // Create a ref that stores handler
+  const savedHandler = useRef(handler);
+
+  useIsomorphicLayoutEffect(() => {
+    savedHandler.current = handler;
+  }, [handler]);
+
+  useEffect(() => {
+    // Define the listening target
+    const targetElement: T | Window = element?.current ?? window;
+
+    if (!(targetElement && targetElement.addEventListener)) return;
+
+    // Create event listener that calls handler function stored in ref
+    const listener: typeof handler = (event) => savedHandler.current(event);
+
+    targetElement.addEventListener(eventName, listener, options);
+
+    // Remove event listener on cleanup
+    return () => {
+      targetElement.removeEventListener(eventName, listener, options);
+    };
+  }, [eventName, element, options]);
+}
+
+type Handler = (event: MouseEvent) => void;
+
+/**
+ * Attaches an event listener to detect clicks that occur outside a given
+ * element.
+ *
+ * @template T - The type of HTMLElement that the ref is referring to.
+ * @param {RefObject<T>} ref - A React ref object that points to the element to
+ *   listen for clicks outside of.
+ * @param {Handler} handler - The callback function to be executed when a click
+ *   occurs outside the element.
+ * @param {string} [mouseEvent='mousedown'] - The type of mouse event to listen
+ *   for (e.g., 'mousedown', 'mouseup'). Default is `'mousedown'`
+ */
+export const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
+  ref: React.RefObject<T>,
+  handler?: Handler,
+  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'
+): void => {
+  useEventListener(mouseEvent, (event) => {
+    if (!handler) return;
+
+    const el = ref?.current;
+
+    // Do nothing if clicking ref's element or descendent elements
+    if (!el || el.contains(event.target as Node)) {
+      return;
+    }
+
+    handler(event);
+  });
+};
+
+export * as Ariakit from '@ariakit/react';
diff --git a/packages/menu/src/index.ts b/packages/menu/src/index.ts
new file mode 100644
index 0000000000..230da62e45
--- /dev/null
+++ b/packages/menu/src/index.ts
@@ -0,0 +1,2 @@
+export * from './types';
+export * from './hooks';
\ No newline at end of file
diff --git a/packages/menu/src/types.ts b/packages/menu/src/types.ts
new file mode 100644
index 0000000000..67ac3b13ec
--- /dev/null
+++ b/packages/menu/src/types.ts
@@ -0,0 +1,56 @@
+import type React from 'react';
+
+import type * as Ariakit from '@ariakit/react';
+
+export interface Action {
+  group?: string;
+  groupName?: string;
+  icon?: React.ReactNode;
+  items?: Action[];
+  keywords?: string[];
+  label?: string;
+  shortcut?: string;
+  value?: string;
+}
+
+export type actionGroup = {
+  group?: string;
+  value?: string;
+};
+
+export type setAction = (actionGroup: actionGroup) => void;
+
+export interface MenuProps extends Ariakit.MenuButtonProps<'div'> {
+  combobox?: Ariakit.ComboboxProps['render'];
+  comboboxClassName?: string;
+  comboboxListClassName?: string;
+  comboboxSubmitButton?: React.ReactElement;
+  dragButton?: Ariakit.MenuButtonProps['render'];
+  flip?: boolean;
+  getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null;
+  icon?: React.ReactNode;
+  injectAboveMenu?: React.ReactElement;
+  label?: React.ReactNode;
+  loading?: boolean;
+  loadingPlaceholder?: React.ReactNode;
+  onClickOutside?: (event: MouseEvent) => void;
+  onOpenChange?: (open: boolean) => void;
+  onRootMenuClose?: () => void;
+  onValueChange?: (value: string) => void;
+  onValuesChange?: Ariakit.MenuProviderProps['setValues'];
+  open?: boolean;
+  placement?: Ariakit.MenuProviderProps['placement'];
+  portal?: Ariakit.MenuProps['portal'];
+  searchValue?: string;
+  setAction?: setAction;
+  values?: Ariakit.MenuProviderProps['values'];
+}
+
+export interface AnchorRect {
+  bottom: number;
+  height: number;
+  left: number;
+  right: number;
+  top: number;
+  width: number;
+}
diff --git a/packages/menu/tsconfig.build.json b/packages/menu/tsconfig.build.json
new file mode 100644
index 0000000000..425481e027
--- /dev/null
+++ b/packages/menu/tsconfig.build.json
@@ -0,0 +1,8 @@
+{
+  "extends": "../../config/tsconfig.build.json",
+  "compilerOptions": {
+    "declarationDir": "./dist",
+    "outDir": "./dist"
+  },
+  "include": ["src"]
+}
diff --git a/packages/menu/tsconfig.json b/packages/menu/tsconfig.json
new file mode 100644
index 0000000000..ad83d092a5
--- /dev/null
+++ b/packages/menu/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../config/tsconfig.base.json",
+  "include": ["src"],
+  "exclude": []
+}
diff --git a/yarn.lock b/yarn.lock
index 2646f6516e..3750be5ca1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6636,6 +6636,25 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
+  version: 0.0.0-use.local
+  resolution: "@udecode/plate-menu@workspace:packages/menu"
+  dependencies:
+    "@ariakit/react": "npm:0.4.7"
+    "@udecode/plate-common": "workspace:^"
+    "@udecode/plate-reset-node": "npm:38.0.1"
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.6"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  languageName: unknown
+  linkType: soft
+
 "@udecode/plate-node-id@npm:38.0.1, @udecode/plate-node-id@workspace:^, @udecode/plate-node-id@workspace:packages/node-id":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-node-id@workspace:packages/node-id"
@@ -21611,7 +21630,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "www@workspace:apps/www"
   dependencies:
-    "@ariakit/react": "npm:0.4.7"
     "@radix-ui/colors": "npm:3.0.0"
     "@radix-ui/react-accessible-icon": "npm:^1.1.0"
     "@radix-ui/react-accordion": "npm:^1.2.0"
@@ -21689,6 +21707,7 @@ __metadata:
     "@udecode/plate-markdown": "workspace:^"
     "@udecode/plate-media": "workspace:^"
     "@udecode/plate-mention": "workspace:^"
+    "@udecode/plate-menu": "workspace:^"
     "@udecode/plate-node-id": "workspace:^"
     "@udecode/plate-normalizers": "workspace:^"
     "@udecode/plate-playwright": "workspace:^"

From 3e8cd2afdd9283ed12503f0da332626d7159a80e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 30 Sep 2024 16:57:14 +0800
Subject: [PATCH 040/127] menu

---
 .../action-handler/useActionHandler.ts        |   2 +-
 .../registry/default/plate-ui/ai-actions.tsx  |   4 +-
 .../src/registry/default/plate-ui/ai-menu.tsx |   9 +-
 .../src/registry/default/plate-ui/menu.tsx    | 466 +++---------------
 packages/menu/package.json                    |   3 +-
 packages/menu/src/hooks/index.ts              |   7 +-
 packages/menu/src/hooks/useMenu.tsx           |  96 ++++
 packages/menu/src/hooks/useMenuItem.tsx       | 113 +++++
 packages/menu/src/index.ts                    |  10 +-
 packages/menu/src/lib/Ariakit.ts              |   1 +
 packages/menu/src/lib/index.ts                |   5 +
 packages/menu/src/types/action.ts             |  17 +
 packages/menu/src/types/index.ts              |   7 +
 packages/menu/src/{types.ts => types/menu.ts} |  23 +-
 packages/menu/src/types/menuItem.ts           |  13 +
 packages/menu/src/utils/buildMenuTree.ts      |  23 +
 .../menu/src/utils/filterAndBuildMenuTree.ts  |  21 +
 packages/menu/src/utils/flattenMenuTree.ts    |  20 +
 packages/menu/src/utils/index.ts              |   8 +
 .../useMenu.ts => utils/useOnClickOutside.ts} |  90 +---
 yarn.lock                                     |   1 +
 21 files changed, 427 insertions(+), 512 deletions(-)
 create mode 100644 packages/menu/src/hooks/useMenu.tsx
 create mode 100644 packages/menu/src/hooks/useMenuItem.tsx
 create mode 100644 packages/menu/src/lib/Ariakit.ts
 create mode 100644 packages/menu/src/lib/index.ts
 create mode 100644 packages/menu/src/types/action.ts
 create mode 100644 packages/menu/src/types/index.ts
 rename packages/menu/src/{types.ts => types/menu.ts} (72%)
 create mode 100644 packages/menu/src/types/menuItem.ts
 create mode 100644 packages/menu/src/utils/buildMenuTree.ts
 create mode 100644 packages/menu/src/utils/filterAndBuildMenuTree.ts
 create mode 100644 packages/menu/src/utils/flattenMenuTree.ts
 create mode 100644 packages/menu/src/utils/index.ts
 rename packages/menu/src/{hooks/useMenu.ts => utils/useOnClickOutside.ts} (66%)

diff --git a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
index 7523785bfc..6a56ce6aec 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
@@ -1,7 +1,7 @@
 'use client';
 import { useEffect } from 'react';
 
-import type { actionGroup } from '@/registry/default/plate-ui/menu';
+import type { actionGroup } from '@udecode/plate-menu';
 
 import { type PlateEditor, useEditorRef } from '@udecode/plate-core/react';
 
diff --git a/apps/www/src/registry/default/plate-ui/ai-actions.tsx b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
index 8e195b956d..fdfe0274d4 100644
--- a/apps/www/src/registry/default/plate-ui/ai-actions.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
@@ -1,6 +1,6 @@
-import { Icons } from '@/components/icons';
+import type { Action } from '@udecode/plate-menu';
 
-import type { Action } from './menu';
+import { Icons } from '@/components/icons';
 
 /** Common */
 const ACTION_CHINESE = 'action_chinese';
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 95757758fa..249e2f6848 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -21,7 +21,7 @@ import {
   streamInsertTextSelection,
 } from '@udecode/plate-ai/react';
 import { useEditorPlugin } from '@udecode/plate-core/react';
-import { Ariakit } from '@udecode/plate-menu';
+import { Ariakit, filterAndBuildMenuTree } from '@udecode/plate-menu';
 import { focusEditor } from '@udecode/slate-react';
 import isHotkey from 'is-hotkey';
 
@@ -43,12 +43,7 @@ import {
 } from './ai-menu-items';
 import { AIPreviewEditor } from './ai-previdew-editor';
 import { Button } from './button';
-import {
-  Menu,
-  comboboxVariants,
-  filterAndBuildMenuTree,
-  renderSearchMenuItems,
-} from './menu';
+import { Menu, comboboxVariants, renderSearchMenuItems } from './menu';
 
 // eslint-disable-next-line react/display-name
 export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
diff --git a/apps/www/src/registry/default/plate-ui/menu.tsx b/apps/www/src/registry/default/plate-ui/menu.tsx
index 1f7b2f35f5..583b69bf22 100644
--- a/apps/www/src/registry/default/plate-ui/menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/menu.tsx
@@ -2,12 +2,17 @@
 
 import * as React from 'react';
 
-import type { Action, MenuProps, setAction } from '@udecode/plate-menu';
+import type { Action, MenuItemProps, MenuProps } from '@udecode/plate-menu';
 
 import { cn } from '@udecode/cn';
-import { Ariakit } from '@udecode/plate-menu';
+import {
+  ActionContext,
+  Ariakit,
+  SearchableContext,
+  useMenu,
+  useMenuItem,
+} from '@udecode/plate-menu';
 import { cva } from 'class-variance-authority';
-import { matchSorter } from 'match-sorter';
 
 const menuVariants = cva(
   'z-50 overflow-auto text-popover-foreground outline-none',
@@ -63,10 +68,6 @@ const comboboxListVariants = cva('rounded-sm', {
   },
 });
 
-const SearchableContext = React.createContext(false);
-
-const ActionContext = React.createContext<setAction | null>(null);
-
 type variant = 'ai' | 'default';
 
 type StyledMenuProps = MenuProps & {
@@ -74,123 +75,78 @@ type StyledMenuProps = MenuProps & {
 };
 
 export const Menu = React.forwardRef<HTMLDivElement, StyledMenuProps>(
-  function Menu(
-    {
-      children,
-      combobox,
-      comboboxClassName,
-      comboboxListClassName,
-      comboboxSubmitButton,
-      dragButton,
-      flip = true,
-      getAnchorRect,
-      icon,
-      injectAboveMenu,
-      label,
-      loading,
-      loadingPlaceholder,
-      open,
-      placement,
-      portal,
-      searchValue,
-      setAction,
-      store,
-      values,
-      variant,
-      onClickOutside,
-      onOpenChange,
-      onRootMenuClose,
-      onValueChange,
-      onValuesChange,
-      ...props
-    },
-    ref
-  ) {
-    const parent = Ariakit.useMenuContext();
-    const searchable = searchValue != null || !!onValueChange || !!combobox;
-    const ParentSetAction = React.useContext(ActionContext);
-
-    const isRootMenu = !parent;
-    const isDraggleButtonMenu = !!dragButton;
-    const menuRef = React.useRef<HTMLDivElement | null>(null);
-
-    useOnClickOutside(menuRef, onClickOutside);
-
-    const menuProviderProps = {
-      open,
-      placement: isRootMenu ? placement : 'right',
-      setOpen: (v: boolean) => {
-        onOpenChange?.(v);
-
-        if (!v && !parent && !dragButton) onRootMenuClose?.();
-      },
-      setValues: onValuesChange,
-      showTimeout: 100,
-      store,
-      values,
-    };
-
-    const menuButtonProps = {
+  function BaseMenu({ variant, ...props }, ref) {
+    const {
+      ParentSetAction,
+      comboboxProviderProps,
+      isDraggleButtonMenu,
+      isRootMenu,
+      menuButtonProps,
+      menuProps,
+      menuProviderProps,
+      searchable,
+    } = useMenu({
       ref,
       ...props,
-      className: cn(isRootMenu && !isDraggleButtonMenu && 'hidden'),
-      render: isRootMenu ? dragButton : <MenuItem render={dragButton} />,
-    };
-
-    const menuProps = {
-      className: cn(
-        menuVariants({ variant }),
-        props.className,
-        searchable && ''
-      ),
-      flip,
-      getAnchorRect,
-      gutter: isRootMenu ? 0 : 4,
-      portal,
-      ref: isRootMenu ? menuRef : undefined,
-      unmountOnHide: true,
-    };
+    });
 
     const menuContent = (
       <Ariakit.MenuProvider {...menuProviderProps}>
-        <Ariakit.MenuButton {...menuButtonProps}>
-          {icon}
-          <span>{label}</span>
+        <Ariakit.MenuButton
+          className={cn(isRootMenu && !isDraggleButtonMenu && 'hidden')}
+          render={
+            isRootMenu ? (
+              props.dragButton
+            ) : (
+              <MenuItem render={props.dragButton} />
+            )
+          }
+          {...menuButtonProps}
+        >
+          {props.icon}
+          <span>{props.label}</span>
           <Ariakit.MenuButtonArrow className="ml-auto text-muted-foreground" />
         </Ariakit.MenuButton>
 
-        <Ariakit.Menu {...menuProps}>
-          {open && isRootMenu && injectAboveMenu}
-          <ActionContext.Provider value={setAction ?? ParentSetAction}>
+        <Ariakit.Menu
+          className={cn(
+            menuVariants({ variant }),
+            props.className,
+            searchable && ''
+          )}
+          {...menuProps}
+        >
+          {props.open && isRootMenu && props.injectAboveMenu}
+          <ActionContext.Provider value={props.setAction ?? ParentSetAction}>
             <SearchableContext.Provider value={searchable}>
               {searchable ? (
-                loading ? (
+                props.loading ? (
                   <React.Fragment>
-                    {loadingPlaceholder ?? <div>loading...</div>}
+                    {props.loadingPlaceholder ?? <div>loading...</div>}
                   </React.Fragment>
                 ) : (
                   <React.Fragment>
                     <div
                       className={cn(
                         comboboxVariants({ variant }),
-                        comboboxClassName
+                        props.comboboxClassName
                       )}
                     >
-                      <Ariakit.Combobox render={combobox} autoSelect />
-                      {comboboxSubmitButton && comboboxSubmitButton}
+                      <Ariakit.Combobox render={props.combobox} autoSelect />
+                      {props.comboboxSubmitButton && props.comboboxSubmitButton}
                     </div>
                     <Ariakit.ComboboxList
                       className={cn(
                         comboboxListVariants({ variant }),
-                        comboboxListClassName
+                        props.comboboxListClassName
                       )}
                     >
-                      {children}
+                      {props.children}
                     </Ariakit.ComboboxList>
                   </React.Fragment>
                 )
               ) : (
-                children
+                props.children
               )}
             </SearchableContext.Provider>
           </ActionContext.Provider>
@@ -198,13 +154,6 @@ export const Menu = React.forwardRef<HTMLDivElement, StyledMenuProps>(
       </Ariakit.MenuProvider>
     );
 
-    const comboboxProviderProps = {
-      includesBaseElement: false,
-      resetValueOnHide: true,
-      setValue: onValueChange,
-      value: searchValue,
-    };
-
     return searchable ? (
       <Ariakit.ComboboxProvider {...comboboxProviderProps}>
         {menuContent}
@@ -270,97 +219,40 @@ export const MenuShortcut = React.forwardRef<
   );
 });
 
-export interface MenuItemProps
-  extends Omit<Ariakit.ComboboxItemProps, 'store'> {
-  group?: string;
-  icon?: React.ReactNode;
-  label?: string;
-  name?: string;
-  parentGroup?: string;
-  preventClose?: boolean;
-  shortcut?: string;
-  value?: string;
-}
-
 export const MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(
-  function MenuItem(
-    {
-      className,
-      group,
-      icon,
-      label,
-      name,
-      parentGroup,
-      preventClose,
-      shortcut,
-      value,
-      ...props
-    },
-    ref
-  ) {
-    const menu = Ariakit.useMenuContext();
-
-    if (!menu) throw new Error('MenuItem should be used inside a Menu');
-
-    const setAction = React.useContext(ActionContext);
-
-    const searchable = React.useContext(SearchableContext);
-
-    const baseOnClick = (
-      event: React.MouseEvent<HTMLDivElement, MouseEvent>
-    ) => {
-      props.onClick?.(event);
-
-      if (event.isDefaultPrevented()) return;
-      if (setAction === null)
-        console.warn('Did you forget to pass the setAction prop?');
-
-      setAction?.({ group, value });
-    };
-
-    const baseProps: MenuItemProps = {
-      blurOnHoverEnd: false,
-      focusOnHover: true,
-      label,
-      ref,
+  function MenuItem({ className, ...props }, ref) {
+    const {
+      baseProps,
+      comboboxProps,
+      isCheckable,
+      isChecked,
+      isRadio,
+      radioProps,
+      searchable,
+    } = useMenuItem({
       ...props,
-      className: cn(
-        menuItemVariants(),
-        shortcut && 'justify-between',
-        className
-      ),
-      group: parentGroup,
-      name: group,
-      value: value || label,
-      onClick: baseOnClick,
-    };
-
-    const isCheckable = menu.useState((state) => {
-      if (!group) return false;
-      if (value == null) return false;
-
-      return state.values[group] != null;
+      ref,
     });
 
-    const isChecked = menu.useState((state) => {
-      if (!group) return false;
-
-      return state.values[group] === value;
-    });
+    const baseClassName = cn(
+      menuItemVariants(),
+      props.shortcut && 'justify-between',
+      className
+    );
 
     baseProps.children = (
       <>
         <div className="flex items-center gap-2">
-          {icon}
-          {baseProps.children ?? label}
+          {props.icon}
+          {baseProps.children ?? props.label}
         </div>
 
-        {(shortcut || isCheckable) && (
+        {(props.shortcut || isCheckable) && (
           <div className="flex items-center">
             {isCheckable && (
               <Ariakit.MenuItemCheck className="ml-2" checked={isChecked} />
             )}
-            {shortcut && <MenuShortcut>{shortcut}</MenuShortcut>}
+            {props.shortcut && <MenuShortcut>{props.shortcut}</MenuShortcut>}
             {isCheckable && searchable && (
               <Ariakit.VisuallyHidden>
                 {isChecked ? 'checked' : 'not checked'}
@@ -372,102 +264,23 @@ export const MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(
     );
 
     if (!searchable) {
-      if (name != null && value != null) {
-        const radioProps = { ...baseProps, hideOnClick: true, name, value };
-
-        return <Ariakit.MenuItemRadio {...radioProps} />;
-      }
-
-      return <Ariakit.MenuItem {...baseProps} />;
+      return isRadio ? (
+        <Ariakit.MenuItemRadio className={baseClassName} {...radioProps} />
+      ) : (
+        <Ariakit.MenuItem className={baseClassName} {...baseProps} />
+      );
     }
 
-    const hideOnClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
-      const expandable = event.currentTarget.hasAttribute('aria-expanded');
-
-      if (expandable) return false;
-      if (preventClose) return false;
-
-      menu.hideAll();
-
-      return false;
-    };
-
-    const selectValueOnClick = () => {
-      if (name == null || value == null) return false;
-
-      menu.setValue(name, value);
-
-      return true;
-    };
-
     return (
       <Ariakit.ComboboxItem
+        className={baseClassName}
         {...baseProps}
-        value={isCheckable ? value : undefined}
-        hideOnClick={hideOnClick}
-        selectValueOnClick={selectValueOnClick}
-        setValueOnClick={false}
+        {...comboboxProps}
       />
     );
   }
 );
 
-export function filterAndBuildMenuTree(
-  actions: Action[],
-  searchValue: string
-): Action[] | null {
-  if (!searchValue) return null;
-
-  const options = flattenMenuTree(actions);
-
-  const matches = matchSorter(options, searchValue, {
-    keys: ['label', 'group', 'value', 'keywords'],
-  });
-
-  return buildMenuTree(matches.slice(0, 15));
-}
-
-export function flattenMenuTree(actions: Action[]): Action[] {
-  return actions.flatMap((item) => {
-    if (item.items) {
-      const parentGroup = item.group ?? item.label;
-      const groupName = item.label;
-
-      return flattenMenuTree(
-        item.items.map(({ group, ...item }) => ({
-          ...item,
-          group: group ?? parentGroup,
-          groupName,
-        }))
-      );
-    }
-
-    return item;
-  });
-}
-
-export function buildMenuTree(actions: Action[] | null) {
-  if (!actions) return null;
-
-  return actions.reduce<Action[]>((actions, option) => {
-    if (option.groupName) {
-      const groupName = actions.find(
-        (action) => action.label === option.groupName
-      );
-
-      if (groupName) {
-        groupName.items!.push(option);
-      } else {
-        actions.push({ items: [option], label: option.groupName });
-      }
-    } else {
-      actions.push(option);
-    }
-
-    return actions;
-  }, []);
-}
-
 export function renderMenuItems({
   group,
   items,
@@ -520,126 +333,3 @@ export function renderSearchMenuItems(
 
   return renderMenuItems({ items: matches });
 }
-
-// Utils ---------------------------------------------------------------
-
-import { useEffect, useLayoutEffect, useRef } from 'react';
-
-/**
- * Determines the appropriate effect hook to use based on the environment. If
- * the code is running on the client-side (browser), it uses the
- * `useLayoutEffect` hook, otherwise, it uses the `useEffect` hook.
- */
-export const useIsomorphicLayoutEffect =
-  typeof window === 'undefined' ? useEffect : useLayoutEffect;
-
-// MediaQueryList Event based useEventListener interface
-function useEventListener<K extends keyof MediaQueryListEventMap>(
-  eventName: K,
-  handler: (event: MediaQueryListEventMap[K]) => void,
-  element: React.RefObject<MediaQueryList>,
-  options?: AddEventListenerOptions | boolean
-): void;
-
-// Window Event based useEventListener interface
-function useEventListener<K extends keyof WindowEventMap>(
-  eventName: K,
-  handler: (event: WindowEventMap[K]) => void,
-  element?: undefined,
-  options?: AddEventListenerOptions | boolean
-): void;
-
-// Element Event based useEventListener interface
-function useEventListener<
-  K extends keyof HTMLElementEventMap,
-  T extends HTMLElement = HTMLDivElement,
->(
-  eventName: K,
-  handler: (event: HTMLElementEventMap[K]) => void,
-  element: React.RefObject<T>,
-  options?: AddEventListenerOptions | boolean
-): void;
-
-// Document Event based useEventListener interface
-function useEventListener<K extends keyof DocumentEventMap>(
-  eventName: K,
-  handler: (event: DocumentEventMap[K]) => void,
-  element: React.RefObject<Document>,
-  options?: AddEventListenerOptions | boolean
-): void;
-
-// https://usehooks-ts.com/react-hook/use-event-listener
-function useEventListener<
-  KW extends keyof WindowEventMap,
-  KH extends keyof HTMLElementEventMap,
-  KM extends keyof MediaQueryListEventMap,
-  T extends HTMLElement | MediaQueryList | void = void,
->(
-  eventName: KH | KM | KW,
-  handler: (
-    event:
-      | Event
-      | HTMLElementEventMap[KH]
-      | MediaQueryListEventMap[KM]
-      | WindowEventMap[KW]
-  ) => void,
-  element?: React.RefObject<T>,
-  options?: AddEventListenerOptions | boolean
-) {
-  // Create a ref that stores handler
-  const savedHandler = useRef(handler);
-
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-
-  useEffect(() => {
-    // Define the listening target
-    const targetElement: T | Window = element?.current ?? window;
-
-    if (!(targetElement && targetElement.addEventListener)) return;
-
-    // Create event listener that calls handler function stored in ref
-    const listener: typeof handler = (event) => savedHandler.current(event);
-
-    targetElement.addEventListener(eventName, listener, options);
-
-    // Remove event listener on cleanup
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-
-type Handler = (event: MouseEvent) => void;
-
-/**
- * Attaches an event listener to detect clicks that occur outside a given
- * element.
- *
- * @template T - The type of HTMLElement that the ref is referring to.
- * @param {RefObject<T>} ref - A React ref object that points to the element to
- *   listen for clicks outside of.
- * @param {Handler} handler - The callback function to be executed when a click
- *   occurs outside the element.
- * @param {string} [mouseEvent='mousedown'] - The type of mouse event to listen
- *   for (e.g., 'mousedown', 'mouseup'). Default is `'mousedown'`
- */
-export const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
-  ref: React.RefObject<T>,
-  handler?: Handler,
-  mouseEvent: 'mousedown' | 'mouseup' = 'mousedown'
-): void => {
-  useEventListener(mouseEvent, (event) => {
-    if (!handler) return;
-
-    const el = ref?.current;
-
-    // Do nothing if clicking ref's element or descendent elements
-    if (!el || el.contains(event.target as Node)) {
-      return;
-    }
-
-    handler(event);
-  });
-};
diff --git a/packages/menu/package.json b/packages/menu/package.json
index 196d57ceeb..58139925f1 100644
--- a/packages/menu/package.json
+++ b/packages/menu/package.json
@@ -52,7 +52,8 @@
   "dependencies": {
     "@ariakit/react": "0.4.7",
     "@udecode/plate-reset-node": "38.0.1",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "match-sorter": "6.3.4"
   },
   "devDependencies": {
     "@udecode/plate-common": "workspace:^"
diff --git a/packages/menu/src/hooks/index.ts b/packages/menu/src/hooks/index.ts
index e35ccebae9..c78921426b 100644
--- a/packages/menu/src/hooks/index.ts
+++ b/packages/menu/src/hooks/index.ts
@@ -1 +1,6 @@
-export * from './useMenu';
\ No newline at end of file
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './useMenu';
+export * from './useMenuItem';
\ No newline at end of file
diff --git a/packages/menu/src/hooks/useMenu.tsx b/packages/menu/src/hooks/useMenu.tsx
new file mode 100644
index 0000000000..9f52266d0a
--- /dev/null
+++ b/packages/menu/src/hooks/useMenu.tsx
@@ -0,0 +1,96 @@
+import React from 'react';
+
+import type { MenuProps, setAction } from '../types';
+
+import { Ariakit } from '../lib';
+import { useOnClickOutside } from '../utils/useOnClickOutside';
+
+export const SearchableContext = React.createContext(false);
+
+export const ActionContext = React.createContext<setAction | null>(null);
+
+export const useMenu = ({
+  children,
+  combobox,
+  comboboxClassName,
+  comboboxListClassName,
+  comboboxSubmitButton,
+  dragButton,
+  flip = true,
+  getAnchorRect,
+  icon,
+  injectAboveMenu,
+  label,
+  loading,
+  loadingPlaceholder,
+  open,
+  placement,
+  portal,
+  ref,
+  searchValue,
+  setAction,
+  store,
+  values,
+  onClickOutside,
+  onOpenChange,
+  onRootMenuClose,
+  onValueChange,
+  onValuesChange,
+  ...props
+}: MenuProps & { ref: React.ForwardedRef<HTMLDivElement> }) => {
+  const parent = Ariakit.useMenuContext();
+  const searchable = searchValue != null || !!onValueChange || !!combobox;
+  const ParentSetAction = React.useContext(ActionContext);
+
+  const isRootMenu = !parent;
+  const isDraggleButtonMenu = !!dragButton;
+  const menuRef = React.useRef<HTMLDivElement | null>(null);
+
+  useOnClickOutside(menuRef, onClickOutside);
+
+  const menuProviderProps = {
+    open,
+    placement: isRootMenu ? placement : 'right',
+    setOpen: (v: boolean) => {
+      onOpenChange?.(v);
+
+      if (!v && !parent && !dragButton) onRootMenuClose?.();
+    },
+    setValues: onValuesChange,
+    showTimeout: 100,
+    store,
+    values,
+  };
+
+  const menuButtonProps = {
+    ref,
+    ...props,
+  };
+
+  const menuProps = {
+    flip,
+    getAnchorRect,
+    gutter: isRootMenu ? 0 : 4,
+    portal,
+    ref: isRootMenu ? menuRef : undefined,
+    unmountOnHide: true,
+  };
+
+  const comboboxProviderProps = {
+    includesBaseElement: false,
+    resetValueOnHide: true,
+    setValue: onValueChange,
+    value: searchValue,
+  };
+
+  return {
+    ParentSetAction,
+    comboboxProviderProps,
+    isDraggleButtonMenu,
+    isRootMenu,
+    menuButtonProps,
+    menuProps,
+    menuProviderProps,
+    searchable,
+  };
+};
diff --git a/packages/menu/src/hooks/useMenuItem.tsx b/packages/menu/src/hooks/useMenuItem.tsx
new file mode 100644
index 0000000000..1368fc0483
--- /dev/null
+++ b/packages/menu/src/hooks/useMenuItem.tsx
@@ -0,0 +1,113 @@
+import React from 'react';
+
+import type { MenuItemProps } from '../types';
+
+import { Ariakit } from '../lib';
+import { ActionContext, SearchableContext } from './useMenu';
+
+type UseMenuItemProps = MenuItemProps & {
+  ref: React.ForwardedRef<HTMLDivElement>;
+};
+
+export const useMenuItem = ({
+  className,
+  group,
+  icon,
+  label,
+  name,
+  parentGroup,
+  preventClose,
+  ref,
+  shortcut,
+  value,
+  ...props
+}: UseMenuItemProps) => {
+  const menu = Ariakit.useMenuContext();
+
+  if (!menu) throw new Error('MenuItem should be used inside a Menu');
+
+  const setAction = React.useContext(ActionContext);
+
+  const searchable = React.useContext(SearchableContext);
+
+  const baseOnClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+    props.onClick?.(event);
+
+    if (event.isDefaultPrevented()) return;
+    if (setAction === null)
+      console.warn('Did you forget to pass the setAction prop?');
+
+    setAction?.({ group, value });
+  };
+
+  const baseProps: MenuItemProps = {
+    blurOnHoverEnd: false,
+    focusOnHover: true,
+    label,
+    ref,
+    ...props,
+    group: parentGroup,
+    name: group,
+    value: value || label,
+    onClick: baseOnClick,
+  };
+
+  const isCheckable = menu.useState((state) => {
+    if (!group) return false;
+    if (value == null) return false;
+
+    return state.values[group] != null;
+  });
+
+  const isChecked = menu.useState((state) => {
+    if (!group) return false;
+
+    return state.values[group] === value;
+  });
+
+  const isRadio = name != null && value != null;
+
+  const radioProps = {
+    ...baseProps,
+    hideOnClick: true,
+    name: name as string,
+    value: value as string,
+  };
+
+  const hideOnClick = (event: React.MouseEvent<HTMLElement, MouseEvent>) => {
+    const expandable = event.currentTarget.hasAttribute('aria-expanded');
+
+    if (expandable) return false;
+    if (preventClose) return false;
+
+    menu.hideAll();
+
+    return false;
+  };
+
+  const selectValueOnClick = () => {
+    if (name == null || value == null) return false;
+
+    menu.setValue(name, value);
+
+    return true;
+  };
+
+  const comboboxProps = {
+    ...baseProps,
+    hideOnClick: hideOnClick,
+    selectValueOnClick: selectValueOnClick,
+    setValueOnClick: selectValueOnClick,
+    value: isCheckable ? value : undefined,
+  };
+
+  return {
+    baseProps,
+    comboboxProps,
+    isCheckable,
+    isChecked,
+    isRadio,
+    radioProps,
+    searchable,
+  };
+};
diff --git a/packages/menu/src/index.ts b/packages/menu/src/index.ts
index 230da62e45..cad68a5708 100644
--- a/packages/menu/src/index.ts
+++ b/packages/menu/src/index.ts
@@ -1,2 +1,8 @@
-export * from './types';
-export * from './hooks';
\ No newline at end of file
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './hooks/index';
+export * from './lib/index';
+export * from './types/index';
+export * from './utils/index';
diff --git a/packages/menu/src/lib/Ariakit.ts b/packages/menu/src/lib/Ariakit.ts
new file mode 100644
index 0000000000..f50e6d8880
--- /dev/null
+++ b/packages/menu/src/lib/Ariakit.ts
@@ -0,0 +1 @@
+export * as Ariakit from '@ariakit/react';
diff --git a/packages/menu/src/lib/index.ts b/packages/menu/src/lib/index.ts
new file mode 100644
index 0000000000..dc5cc8d196
--- /dev/null
+++ b/packages/menu/src/lib/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './Ariakit';
diff --git a/packages/menu/src/types/action.ts b/packages/menu/src/types/action.ts
new file mode 100644
index 0000000000..1cb6173db2
--- /dev/null
+++ b/packages/menu/src/types/action.ts
@@ -0,0 +1,17 @@
+export interface Action {
+  group?: string;
+  groupName?: string;
+  icon?: React.ReactNode;
+  items?: Action[];
+  keywords?: string[];
+  label?: string;
+  shortcut?: string;
+  value?: string;
+}
+
+export type actionGroup = {
+  group?: string;
+  value?: string;
+};
+
+export type setAction = (actionGroup: actionGroup) => void;
diff --git a/packages/menu/src/types/index.ts b/packages/menu/src/types/index.ts
new file mode 100644
index 0000000000..cfc956a561
--- /dev/null
+++ b/packages/menu/src/types/index.ts
@@ -0,0 +1,7 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './action';
+export * from './menu';
+export * from './menuItem';
diff --git a/packages/menu/src/types.ts b/packages/menu/src/types/menu.ts
similarity index 72%
rename from packages/menu/src/types.ts
rename to packages/menu/src/types/menu.ts
index 67ac3b13ec..3b33a8a8c8 100644
--- a/packages/menu/src/types.ts
+++ b/packages/menu/src/types/menu.ts
@@ -1,24 +1,5 @@
-import type React from 'react';
-
-import type * as Ariakit from '@ariakit/react';
-
-export interface Action {
-  group?: string;
-  groupName?: string;
-  icon?: React.ReactNode;
-  items?: Action[];
-  keywords?: string[];
-  label?: string;
-  shortcut?: string;
-  value?: string;
-}
-
-export type actionGroup = {
-  group?: string;
-  value?: string;
-};
-
-export type setAction = (actionGroup: actionGroup) => void;
+import type { Ariakit } from '../lib';
+import type { setAction } from './action';
 
 export interface MenuProps extends Ariakit.MenuButtonProps<'div'> {
   combobox?: Ariakit.ComboboxProps['render'];
diff --git a/packages/menu/src/types/menuItem.ts b/packages/menu/src/types/menuItem.ts
new file mode 100644
index 0000000000..d078457492
--- /dev/null
+++ b/packages/menu/src/types/menuItem.ts
@@ -0,0 +1,13 @@
+import type { Ariakit } from '../lib';
+
+export interface MenuItemProps
+  extends Omit<Ariakit.ComboboxItemProps, 'store'> {
+  group?: string;
+  icon?: React.ReactNode;
+  label?: string;
+  name?: string;
+  parentGroup?: string;
+  preventClose?: boolean;
+  shortcut?: string;
+  value?: string;
+}
diff --git a/packages/menu/src/utils/buildMenuTree.ts b/packages/menu/src/utils/buildMenuTree.ts
new file mode 100644
index 0000000000..d456a17c49
--- /dev/null
+++ b/packages/menu/src/utils/buildMenuTree.ts
@@ -0,0 +1,23 @@
+import type { Action } from '../types';
+
+export function buildMenuTree(actions: Action[] | null) {
+  if (!actions) return null;
+
+  return actions.reduce<Action[]>((actions, option) => {
+    if (option.groupName) {
+      const groupName = actions.find(
+        (action) => action.label === option.groupName
+      );
+
+      if (groupName) {
+        groupName.items!.push(option);
+      } else {
+        actions.push({ items: [option], label: option.groupName });
+      }
+    } else {
+      actions.push(option);
+    }
+
+    return actions;
+  }, []);
+}
diff --git a/packages/menu/src/utils/filterAndBuildMenuTree.ts b/packages/menu/src/utils/filterAndBuildMenuTree.ts
new file mode 100644
index 0000000000..21c477132f
--- /dev/null
+++ b/packages/menu/src/utils/filterAndBuildMenuTree.ts
@@ -0,0 +1,21 @@
+import { matchSorter } from 'match-sorter';
+
+import type { Action } from '../types';
+
+import { buildMenuTree } from './buildMenuTree';
+import { flattenMenuTree } from './flattenMenuTree';
+
+export function filterAndBuildMenuTree(
+  actions: Action[],
+  searchValue: string
+): Action[] | null {
+  if (!searchValue) return null;
+
+  const options = flattenMenuTree(actions);
+
+  const matches = matchSorter(options, searchValue, {
+    keys: ['label', 'group', 'value', 'keywords'],
+  });
+
+  return buildMenuTree(matches.slice(0, 15));
+}
diff --git a/packages/menu/src/utils/flattenMenuTree.ts b/packages/menu/src/utils/flattenMenuTree.ts
new file mode 100644
index 0000000000..fcb39ee254
--- /dev/null
+++ b/packages/menu/src/utils/flattenMenuTree.ts
@@ -0,0 +1,20 @@
+import type { Action } from '../types';
+
+export function flattenMenuTree(actions: Action[]): Action[] {
+  return actions.flatMap((item) => {
+    if (item.items) {
+      const parentGroup = item.group ?? item.label;
+      const groupName = item.label;
+
+      return flattenMenuTree(
+        item.items.map(({ group, ...item }) => ({
+          ...item,
+          group: group ?? parentGroup,
+          groupName,
+        }))
+      );
+    }
+
+    return item;
+  });
+}
diff --git a/packages/menu/src/utils/index.ts b/packages/menu/src/utils/index.ts
new file mode 100644
index 0000000000..b37821fcc7
--- /dev/null
+++ b/packages/menu/src/utils/index.ts
@@ -0,0 +1,8 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './buildMenuTree';
+export * from './filterAndBuildMenuTree';
+export * from './flattenMenuTree';
+export * from './useOnClickOutside';
diff --git a/packages/menu/src/hooks/useMenu.ts b/packages/menu/src/utils/useOnClickOutside.ts
similarity index 66%
rename from packages/menu/src/hooks/useMenu.ts
rename to packages/menu/src/utils/useOnClickOutside.ts
index 7b8113c542..ea829c96aa 100644
--- a/packages/menu/src/hooks/useMenu.ts
+++ b/packages/menu/src/utils/useOnClickOutside.ts
@@ -1,90 +1,4 @@
-import React, { useEffect, useLayoutEffect, useRef } from 'react';
-
-import * as Ariakit from '@ariakit/react';
-
-import type { MenuProps, setAction } from '../types';
-
-export const SearchableContext = React.createContext(false);
-
-export const ActionContext = React.createContext<setAction | null>(null);
-
-export const useMenu = ({
-  children,
-  combobox,
-  comboboxClassName,
-  comboboxListClassName,
-  comboboxSubmitButton,
-  dragButton,
-  flip = true,
-  getAnchorRect,
-  icon,
-  injectAboveMenu,
-  label,
-  loading,
-  loadingPlaceholder,
-  open,
-  placement,
-  portal,
-  ref,
-  searchValue,
-  setAction,
-  store,
-  values,
-  onClickOutside,
-  onOpenChange,
-  onRootMenuClose,
-  onValueChange,
-  onValuesChange,
-  ...props
-}: MenuProps & { ref: React.ForwardedRef<HTMLDivElement> }) => {
-  const parent = Ariakit.useMenuContext();
-  const searchable = searchValue != null || !!onValueChange || !!combobox;
-  const ParentSetAction = React.useContext(ActionContext);
-
-  const isRootMenu = !parent;
-  const isDraggleButtonMenu = !!dragButton;
-  const menuRef = React.useRef<HTMLDivElement | null>(null);
-
-  useOnClickOutside(menuRef, onClickOutside);
-
-  const menuProviderProps = {
-    open,
-    placement: isRootMenu ? placement : 'right',
-    setOpen: (v: boolean) => {
-      onOpenChange?.(v);
-
-      if (!v && !parent && !dragButton) onRootMenuClose?.();
-    },
-    setValues: onValuesChange,
-    showTimeout: 100,
-    store,
-    values,
-  };
-
-  const menuButtonProps = {
-    ref,
-    ...props,
-  };
-
-  const menuProps = {
-    flip,
-    getAnchorRect,
-    gutter: isRootMenu ? 0 : 4,
-    portal,
-    ref: isRootMenu ? menuRef : undefined,
-    unmountOnHide: true,
-  };
-
-  return {
-    ParentSetAction,
-    isDraggleButtonMenu,
-    isRootMenu,
-    menuButtonProps,
-    menuProps,
-    menuProviderProps,
-    searchable,
-  };
-};
+import { useEffect, useLayoutEffect, useRef } from 'react';
 
 /**
  * Determines the appropriate effect hook to use based on the environment. If
@@ -204,5 +118,3 @@ export const useOnClickOutside = <T extends HTMLElement = HTMLElement>(
     handler(event);
   });
 };
-
-export * as Ariakit from '@ariakit/react';
diff --git a/yarn.lock b/yarn.lock
index 3750be5ca1..8b85411ff9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6644,6 +6644,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     "@udecode/plate-reset-node": "npm:38.0.1"
     lodash: "npm:^4.17.21"
+    match-sorter: "npm:6.3.4"
   peerDependencies:
     "@udecode/plate-common": ">=38.0.6"
     react: ">=16.8.0"

From a0b6e25a89a70580077ddbc28be15c48c62d2531 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 30 Sep 2024 21:26:57 +0800
Subject: [PATCH 041/127] useAI

---
 .../default/example/playground-demo.tsx       |   2 +-
 .../src/registry/default/plate-ui/ai-menu.tsx | 179 +++-------------
 .../src/registry/default/plate-ui/menu.tsx    |   3 +-
 packages/ai/package.json                      |   1 +
 packages/ai/src/react/ai/AIPlugin.ts          |   3 +-
 packages/ai/src/react/ai/hook/index.ts        |   5 +
 packages/ai/src/react/ai/hook/useAI.ts        | 194 +++++++++++-------
 packages/ai/src/react/ai/index.ts             |   3 +
 packages/ai/src/react/ai/types.ts             |  15 ++
 packages/menu/src/lib/Ariakit.ts              |   2 +
 yarn.lock                                     |   3 +-
 11 files changed, 188 insertions(+), 222 deletions(-)
 create mode 100644 packages/ai/src/react/ai/hook/index.ts
 create mode 100644 packages/ai/src/react/ai/types.ts

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index e42c8baaf2..4e12491422 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -278,7 +278,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
           options: {
             areaOptions: {
               behaviour: {
-                startThreshold: 20,
+                startThreshold: 10,
               },
               boundaries: `#${scrollSelector}`,
               container: `#${scrollSelector}`,
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 249e2f6848..9df70d7515 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -1,29 +1,10 @@
 /* eslint-disable tailwindcss/no-custom-classname */
 'use client';
 
-import React, {
-  type KeyboardEvent,
-  memo,
-  startTransition,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-
-import type { actionGroup } from '@udecode/plate-menu';
+import React, { memo, useMemo } from 'react';
 
 import { cn } from '@udecode/cn';
-import {
-  AIPlugin,
-  getContent,
-  streamInsertText,
-  streamInsertTextSelection,
-} from '@udecode/plate-ai/react';
-import { useEditorPlugin } from '@udecode/plate-core/react';
-import { Ariakit, filterAndBuildMenuTree } from '@udecode/plate-menu';
-import { focusEditor } from '@udecode/slate-react';
-import isHotkey from 'is-hotkey';
+import { useAI } from '@udecode/plate-ai/react';
 
 import { Icons } from '@/components/icons';
 
@@ -47,138 +28,46 @@ import { Menu, comboboxVariants, renderSearchMenuItems } from './menu';
 
 // eslint-disable-next-line react/display-name
 export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
-  const { api, editor, setOption, setOptions, useOption } =
-    useEditorPlugin(AIPlugin);
-
-  const isOpen = useOption('isOpen', editor.id);
-  const action = useOption('action');
-  const aiState = useOption('aiState');
-  const menuType = useOption('menuType');
-  const setAction = (action: actionGroup) => setOption('action', action);
-
-  const { aiEditor } = editor.useOptions(AIPlugin);
-
-  // init
-  const menu = Ariakit.useMenuStore();
-  useEffect(() => {
-    setOptions({
-      store: menu,
-    });
-    // eslint-disable-next`-line react-hooks/exhaustive-deps
-  }, [isOpen, menu, setOptions]);
-
-  const [values, setValues] = useState(defaultValues);
-  const [searchValue, setSearchValue] = useState('');
-
-  const streamInsert = useCallback(async () => {
-    if (!aiEditor) return;
-    if (menuType === 'selection') {
-      const content = getContent(editor, aiEditor);
-
-      await streamInsertTextSelection(editor, aiEditor, {
-        prompt: `user prompt is ${searchValue} the content is ${content}`,
-      });
-    } else if (menuType === 'space') {
-      await streamInsertText(editor, {
-        prompt: searchValue,
-      });
-    }
-  }, [aiEditor, editor, menuType, searchValue]);
-
-  const onInputKeyDown = async (e: KeyboardEvent<HTMLInputElement>) => {
-    if (isHotkey('backspace')(e) && searchValue.length === 0) {
-      e.preventDefault();
-      api.ai.hide();
-      focusEditor(editor);
-    }
-    if (isHotkey('enter')(e)) await streamInsert();
-  };
-
-  const onCloseMenu = useCallback(() => {
-    //  close menu if ai is not generating
-    if (aiState === 'idle' || aiState === 'done') {
-      api.ai.hide();
-      focusEditor(editor);
-    }
-    // abort if ai is generating
-    if (aiState === 'generating' || aiState === 'requesting') {
-      api.ai.abort();
-    }
-  }, [aiState, api.ai, editor]);
-
-  // close on escape
-  useEffect(() => {
-    const keydown = (e: any) => {
-      if (!isOpen || !isHotkey('escape')(e)) return;
-
-      onCloseMenu();
-    };
-
-    document.addEventListener('keydown', keydown);
-
-    return () => {
-      document.removeEventListener('keydown', keydown);
-    };
-  }, [aiState, api.ai, editor, isOpen, onCloseMenu]);
-
-  // block editor while generating
-  // const setReadOnly = usePlateStore().set.readOnly();
-  useEffect(() => {
-    if (aiState === 'generating') {
-      // setReadOnly(true);
-    }
-    if (aiState === 'done') {
-      // setReadOnly(false);
-      setSearchValue('');
-    }
-  }, [aiState, setSearchValue]);
+  const {
+    CurrentItems,
+    action,
+    aiEditor,
+    aiState,
+    comboboxProps,
+    menuProps,
+    menuType,
+    searchItems,
+    submitButtonProps,
+    onCloseMenu,
+  } = useAI({
+    aiActions: {
+      CursorCommandsActions,
+      CursorSuggestionActions,
+      SelectionCommandsActions,
+      SelectionSuggestionActions,
+    },
+    aiCommands: {
+      CursorCommands,
+      CursorSuggestions,
+      SelectionCommands,
+      SelectionSuggestions,
+    },
+    defaultValues,
+  });
 
   useActionHandler(action, aiEditor!);
 
-  const [CurrentItems, CurrentActions] = React.useMemo(() => {
-    if (aiState === 'done') {
-      if (menuType === 'selection')
-        return [SelectionSuggestions, SelectionSuggestionActions];
-
-      return [CursorSuggestions, CursorSuggestionActions];
-    }
-    if (menuType === 'selection')
-      return [SelectionCommands, SelectionCommandsActions];
-
-    return [CursorCommands, CursorCommandsActions];
-  }, [aiState, menuType]);
-
   /** IME */
-  const [isComposing, setIsComposing] = useState(false);
-
-  const searchItems = useMemo(() => {
-    return isComposing
-      ? []
-      : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
-  }, [CurrentActions, isComposing, searchValue]);
 
   return (
     <>
       <Menu
         variant="ai"
-        loading={aiState === 'generating' || aiState === 'requesting'}
-        open={isOpen}
-        onClickOutside={() => {
-          return editor.getApi(AIPlugin).ai.hide();
-        }}
-        onValueChange={(value) => startTransition(() => setSearchValue(value))}
-        onValuesChange={(values: typeof defaultValues) => {
-          setValues(values);
-        }}
+        {...menuProps}
         combobox={
           <input
-            id="__potion_ai_menu_searchRef"
             className="flex-1 px-1"
-            value={searchValue}
-            onChange={(e) => setSearchValue(e.target.value)}
-            onCompositionEnd={() => setIsComposing(false)}
-            onCompositionStart={() => setIsComposing(true)}
-            onKeyDown={onInputKeyDown}
+            {...comboboxProps}
             placeholder={
               aiState === 'done'
                 ? 'Tell AI what todo next'
@@ -199,10 +88,7 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
             size="icon"
             variant="ghost"
             className="ml-2"
-            disabled={searchValue.trim().length === 0}
-            onClick={async () => {
-              await streamInsert();
-            }}
+            {...submitButtonProps}
           >
             <Icons.submit></Icons.submit>
           </Button>
@@ -233,9 +119,6 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
             ></Icons.stop>
           </div>
         }
-        setAction={setAction}
-        store={menu}
-        values={values}
       >
         {renderSearchMenuItems(searchItems, { hiddenOnEmpty: true }) ?? (
           <CurrentItems />
diff --git a/apps/www/src/registry/default/plate-ui/menu.tsx b/apps/www/src/registry/default/plate-ui/menu.tsx
index 583b69bf22..0cd42c8ee7 100644
--- a/apps/www/src/registry/default/plate-ui/menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/menu.tsx
@@ -71,7 +71,7 @@ const comboboxListVariants = cva('rounded-sm', {
 type variant = 'ai' | 'default';
 
 type StyledMenuProps = MenuProps & {
-  variant: variant;
+  variant?: variant;
 };
 
 export const Menu = React.forwardRef<HTMLDivElement, StyledMenuProps>(
@@ -326,6 +326,7 @@ export function renderSearchMenuItems(
 ) {
   if (!matches) return null;
   if (matches.length === 0) {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
     if (options?.hiddenOnEmpty) return <></>;
 
     return <div className={cn(menuItemVariants())}>No results</div>;
diff --git a/packages/ai/package.json b/packages/ai/package.json
index 23fee2aa90..862c2962f0 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -52,6 +52,7 @@
   "dependencies": {
     "@udecode/plate-combobox": "38.0.1",
     "@udecode/plate-markdown": "38.0.1",
+    "@udecode/plate-menu": "38.0.1",
     "@udecode/plate-selection": "38.0.11",
     "lodash": "^4.17.21"
   },
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index aaf45a58c2..5c3674f10d 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -1,4 +1,5 @@
 import type { ExtendConfig } from '@udecode/plate-core';
+import type { AriakitTypes } from '@udecode/plate-menu';
 import type { NodeEntry, Path } from 'slate';
 
 import {
@@ -53,7 +54,7 @@ export type AIPluginConfig = ExtendConfig<
     lastWorkPath: Path | null;
     menuType: 'selection' | 'space' | null;
     openEditorId: string | null;
-    store: any | null;
+    store: AriakitTypes.MenuStore | null;
   } & ExposeOptions &
     AIApi &
     AISelectors,
diff --git a/packages/ai/src/react/ai/hook/index.ts b/packages/ai/src/react/ai/hook/index.ts
new file mode 100644
index 0000000000..c2ddddf1da
--- /dev/null
+++ b/packages/ai/src/react/ai/hook/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './useAI';
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
index 8c91b04555..fc30728da7 100644
--- a/packages/ai/src/react/ai/hook/useAI.ts
+++ b/packages/ai/src/react/ai/hook/useAI.ts
@@ -1,42 +1,54 @@
 import React, {
   type KeyboardEvent,
+  startTransition,
   useCallback,
   useEffect,
+  useMemo,
   useState,
 } from 'react';
 
 import { isHotkey } from '@udecode/plate-common';
 import { focusEditor, useEditorPlugin } from '@udecode/plate-common/react';
+import {
+  type Action,
+  Ariakit,
+  filterAndBuildMenuTree,
+} from '@udecode/plate-menu';
+
+import type { AIActions, AICommands } from '../types';
 
 import { type AIActionGroup, AIPlugin } from '../AIPlugin';
 import { streamInsertText, streamInsertTextSelection } from '../stream';
 import { getContent } from '../utils';
 
 interface UseAIStateProps {
-  CursorCommands: () => JSX.Element;
-  CursorCommandsActions: any;
-  CursorSuggestionActions: any;
-  CursorSuggestions: () => JSX.Element;
-  SelectionCommands: () => JSX.Element;
-  SelectionCommandsActions: any;
-  SelectionSuggestionActions: any;
-  SelectionSuggestions: () => JSX.Element;
+  aiActions: AIActions;
+  aiCommands: AICommands;
+
   defaultValues: Record<string, string>;
-  menu: any;
 }
 
-export const useAIState = ({
-  CursorCommands,
-  CursorCommandsActions,
-  CursorSuggestionActions,
-  CursorSuggestions,
-  SelectionCommands,
-  SelectionCommandsActions,
-  SelectionSuggestionActions,
-  SelectionSuggestions,
+export type AICommandsAction = Record<string, Action>;
+
+export const useAI = ({
+  aiActions,
+  aiCommands,
   defaultValues,
-  menu,
 }: UseAIStateProps) => {
+  const {
+    CursorCommandsActions,
+    CursorSuggestionActions,
+    SelectionCommandsActions,
+    SelectionSuggestionActions,
+  } = aiActions;
+
+  const {
+    CursorCommands,
+    CursorSuggestions,
+    SelectionCommands,
+    SelectionSuggestions,
+  } = aiCommands;
+
   const { api, editor, setOption, setOptions, useOption } =
     useEditorPlugin(AIPlugin);
 
@@ -44,10 +56,12 @@ export const useAIState = ({
   const action = useOption('action');
   const aiState = useOption('aiState');
   const menuType = useOption('menuType');
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const setAction = (action: AIActionGroup) => setOption('action', action);
 
   const { aiEditor } = editor.useOptions(AIPlugin);
 
+  const menu = Ariakit.useMenuStore();
   useEffect(() => {
     setOptions({
       store: menu,
@@ -73,52 +87,7 @@ export const useAIState = ({
     }
   }, [aiEditor, editor, menuType, searchValue]);
 
-  return {
-    CursorCommands,
-    CursorCommandsActions,
-    CursorSuggestionActions,
-    CursorSuggestions,
-    SelectionCommands,
-    SelectionCommandsActions,
-    SelectionSuggestionActions,
-    SelectionSuggestions,
-    action,
-    aiState,
-    api,
-    editor,
-    menuType,
-    searchValue,
-    setAction,
-    setSearchValue,
-    setValues,
-    streamInsert,
-    values,
-  };
-};
-
-export const useAI = (props: ReturnType<typeof useAIState>) => {
-  const {
-    CursorCommands,
-    CursorCommandsActions,
-    CursorSuggestionActions,
-    CursorSuggestions,
-    SelectionCommands,
-    SelectionCommandsActions,
-    SelectionSuggestionActions,
-    SelectionSuggestions,
-    action,
-    aiState,
-    api,
-    editor,
-    menuType,
-    searchValue,
-    setAction,
-    setSearchValue,
-    setValues,
-    streamInsert,
-    values,
-  } = props;
-
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   const onInputKeyDown = async (e: KeyboardEvent<HTMLInputElement>) => {
     if (isHotkey('backspace')(e) && searchValue.length === 0) {
       e.preventDefault();
@@ -127,6 +96,35 @@ export const useAI = (props: ReturnType<typeof useAIState>) => {
     }
     if (isHotkey('enter')(e)) await streamInsert();
   };
+
+  // TODO: move to API
+  const onCloseMenu = useCallback(() => {
+    //  close menu if ai is not generating
+    if (aiState === 'idle' || aiState === 'done') {
+      api.ai.hide();
+      focusEditor(editor);
+    }
+    // abort if ai is generating
+    if (aiState === 'generating' || aiState === 'requesting') {
+      api.ai.abort();
+    }
+  }, [aiState, api.ai, editor]);
+
+  // close on escape
+  useEffect(() => {
+    const keydown = (e: any) => {
+      if (!isOpen || !isHotkey('escape')(e)) return;
+
+      onCloseMenu();
+    };
+
+    document.addEventListener('keydown', keydown);
+
+    return () => {
+      document.removeEventListener('keydown', keydown);
+    };
+  }, [aiState, api.ai, editor, isOpen, onCloseMenu]);
+
   const [CurrentItems, CurrentActions] = React.useMemo(() => {
     if (aiState === 'done') {
       if (menuType === 'selection')
@@ -138,14 +136,70 @@ export const useAI = (props: ReturnType<typeof useAIState>) => {
       return [SelectionCommands, SelectionCommandsActions];
 
     return [CursorCommands, CursorCommandsActions];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [aiState, menuType]);
 
   /** IME */
   const [isComposing, setIsComposing] = useState(false);
 
-  // const searchItems = useMemo(() => {
-  //   return isComposing
-  //     ? []
-  //     : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
-  // }, [CurrentActions, isComposing, searchValue]);
+  const searchItems = useMemo(() => {
+    return isComposing
+      ? []
+      : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
+  }, [CurrentActions, isComposing, searchValue]);
+
+  /** Props */
+
+  const menuProps = useMemo(() => {
+    return {
+      flip: false,
+      loading: aiState === 'generating' || aiState === 'requesting',
+      open: isOpen,
+      setAction: setAction,
+      store: menu,
+      values: values,
+      onClickOutside: () => {
+        return editor.getApi(AIPlugin).ai.hide();
+      },
+      onValueChange: (value: string) =>
+        startTransition(() => setSearchValue(value)),
+      onValuesChange: (values: typeof defaultValues) => {
+        setValues(values);
+      },
+    };
+  }, [aiState, editor, isOpen, menu, setAction, values]);
+
+  const comboboxProps = useMemo(() => {
+    return {
+      id: '__potion_ai_menu_searchRef',
+      value: searchValue,
+      onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
+        setSearchValue(e.target.value),
+      onCompositionEnd: () => setIsComposing(false),
+      onCompositionStart: () => setIsComposing(true),
+      onKeyDown: onInputKeyDown,
+    };
+  }, [onInputKeyDown, searchValue]);
+
+  const submitButtonProps = useMemo(() => {
+    return {
+      disabled: searchValue.trim().length === 0,
+      onClick: async () => {
+        await streamInsert();
+      },
+    };
+  }, [searchValue, streamInsert]);
+
+  return {
+    CurrentItems,
+    action,
+    aiEditor,
+    aiState,
+    comboboxProps,
+    menuProps,
+    menuType,
+    searchItems,
+    submitButtonProps,
+    onCloseMenu,
+  };
 };
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
index 5e38cbf6e9..b5a3f40ad6 100644
--- a/packages/ai/src/react/ai/index.ts
+++ b/packages/ai/src/react/ai/index.ts
@@ -3,5 +3,8 @@
  */
 
 export * from './AIPlugin';
+export * from './types';
+export * from './useAIHook';
+export * from './hook/index';
 export * from './stream/index';
 export * from './utils/index';
diff --git a/packages/ai/src/react/ai/types.ts b/packages/ai/src/react/ai/types.ts
new file mode 100644
index 0000000000..7a7e087bfd
--- /dev/null
+++ b/packages/ai/src/react/ai/types.ts
@@ -0,0 +1,15 @@
+import type { Action } from '@udecode/plate-menu';
+
+export interface AIActions {
+  CursorCommandsActions: Record<string, Action>;
+  CursorSuggestionActions: Record<string, Action>;
+  SelectionCommandsActions: Record<string, Action>;
+  SelectionSuggestionActions: Record<string, Action>;
+}
+
+export interface AICommands {
+  CursorCommands: React.FC;
+  CursorSuggestions: React.FC;
+  SelectionCommands: React.FC;
+  SelectionSuggestions: React.FC;
+}
diff --git a/packages/menu/src/lib/Ariakit.ts b/packages/menu/src/lib/Ariakit.ts
index f50e6d8880..20cabed108 100644
--- a/packages/menu/src/lib/Ariakit.ts
+++ b/packages/menu/src/lib/Ariakit.ts
@@ -1 +1,3 @@
 export * as Ariakit from '@ariakit/react';
+
+export type * as AriakitTypes from '@ariakit/react';
diff --git a/yarn.lock b/yarn.lock
index 8b85411ff9..01bee3eaf8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5898,6 +5898,7 @@ __metadata:
   dependencies:
     "@udecode/plate-combobox": "npm:38.0.1"
     "@udecode/plate-markdown": "npm:38.0.1"
+    "@udecode/plate-menu": "npm:38.0.1"
     "@udecode/plate-selection": "npm:38.0.11"
     lodash: "npm:^4.17.21"
   peerDependencies:
@@ -6636,7 +6637,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
+"@udecode/plate-menu@npm:38.0.1, @udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-menu@workspace:packages/menu"
   dependencies:

From 0ae094ebd123af425ea79dea229891667cd7bc9f Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 1 Oct 2024 10:18:11 +0800
Subject: [PATCH 042/127] ai

---
 apps/www/src/app/api/stream/route.ts          | 19 ++++++++++++
 .../default/example/playground-demo.tsx       | 19 ++++++++++++
 .../registry/default/plate-ui/ai-actions.tsx  |  7 +++++
 .../default/plate-ui/ai-menu-items.tsx        |  7 +++++
 .../src/registry/default/plate-ui/ai-menu.tsx | 31 +++----------------
 packages/ai/src/react/ai/AIPlugin.ts          |  7 +++++
 packages/ai/src/react/ai/hook/useAI.ts        |  1 -
 .../ai/src/react/ai/stream/streamTraversal.ts | 27 +++++-----------
 8 files changed, 70 insertions(+), 48 deletions(-)
 create mode 100644 apps/www/src/app/api/stream/route.ts

diff --git a/apps/www/src/app/api/stream/route.ts b/apps/www/src/app/api/stream/route.ts
new file mode 100644
index 0000000000..e5f8129805
--- /dev/null
+++ b/apps/www/src/app/api/stream/route.ts
@@ -0,0 +1,19 @@
+export function POST() {
+  const streams = [
+    { delay: 100, texts: 'Hello' },
+    { delay: 200, texts: 'World' },
+  ];
+
+  const stream = new ReadableStream({
+    async start(controller) {
+      for (const stream of streams) {
+        await new Promise((resolve) => setTimeout(resolve, stream.delay)); // Increasing delay
+        controller.enqueue(stream.texts);
+      }
+
+      controller.close();
+    },
+  });
+
+  return new Response(stream);
+}
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 4e12491422..fa7f5c3af2 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -171,6 +171,25 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         AIPlugin.configure({
           options: {
             createAIEditor: createAIEditor,
+            // eslint-disable-next-line @typescript-eslint/require-await, @typescript-eslint/no-unused-vars
+            fetchSuggestion: async ({ abortSignal, prompt, system }) => {
+              const response = await fetch('/api/stream', {
+                body: JSON.stringify({ prompt, system }),
+                headers: {
+                  'Content-Type': 'application/json',
+                },
+                method: 'POST',
+                signal: abortSignal.signal,
+              }).catch((error) => {
+                console.error(error);
+              });
+
+              if (!response || !response.body) {
+                throw new Error('Response or response body is null or abort');
+              }
+
+              return response.body;
+            },
             scrollContainerSelector: `#${scrollSelector}`,
           },
           render: { aboveEditable: AIMenu },
diff --git a/apps/www/src/registry/default/plate-ui/ai-actions.tsx b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
index fdfe0274d4..6cd6d830e0 100644
--- a/apps/www/src/registry/default/plate-ui/ai-actions.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
@@ -195,3 +195,10 @@ export const SelectionSuggestionActions = {
     value: ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
   },
 };
+
+export const aiActions = {
+  CursorCommandsActions,
+  CursorSuggestionActions,
+  SelectionCommandsActions,
+  SelectionSuggestionActions,
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index 7af6d9605c..028a3d66b7 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -86,3 +86,10 @@ export const SelectionSuggestions = () => {
     </>
   );
 };
+
+export const aiCommands = {
+  CursorCommands,
+  CursorSuggestions,
+  SelectionCommands,
+  SelectionSuggestions,
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 9df70d7515..12d70c3b9b 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -9,19 +9,8 @@ import { useAI } from '@udecode/plate-ai/react';
 import { Icons } from '@/components/icons';
 
 import { useActionHandler } from './action-handler';
-import {
-  CursorCommandsActions,
-  CursorSuggestionActions,
-  SelectionCommandsActions,
-  SelectionSuggestionActions,
-  defaultValues,
-} from './ai-actions';
-import {
-  CursorCommands,
-  CursorSuggestions,
-  SelectionCommands,
-  SelectionSuggestions,
-} from './ai-menu-items';
+import { aiActions, defaultValues } from './ai-actions';
+import { aiCommands } from './ai-menu-items';
 import { AIPreviewEditor } from './ai-previdew-editor';
 import { Button } from './button';
 import { Menu, comboboxVariants, renderSearchMenuItems } from './menu';
@@ -40,25 +29,13 @@ export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
     submitButtonProps,
     onCloseMenu,
   } = useAI({
-    aiActions: {
-      CursorCommandsActions,
-      CursorSuggestionActions,
-      SelectionCommandsActions,
-      SelectionSuggestionActions,
-    },
-    aiCommands: {
-      CursorCommands,
-      CursorSuggestions,
-      SelectionCommands,
-      SelectionSuggestions,
-    },
+    aiActions: aiActions,
+    aiCommands: aiCommands,
     defaultValues,
   });
 
   useActionHandler(action, aiEditor!);
 
-  /** IME */
-
   return (
     <>
       <Menu
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 5c3674f10d..081ee4f31d 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -13,9 +13,16 @@ import { useAIHooks } from './useAIHook';
 
 export const KEY_AI = 'ai';
 
+export interface FetchAISuggestionProps {
+  abortSignal: AbortController;
+  prompt: string;
+  system?: string;
+}
+
 interface ExposeOptions {
   createAIEditor: () => PlateEditor;
   scrollContainerSelector: string;
+  fetchSuggestion?: (props: FetchAISuggestionProps) => Promise<ReadableStream>;
   trigger?: RegExp | string[] | string;
 
   triggerPreviousCharPattern?: RegExp;
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
index fc30728da7..c6d2b99bc1 100644
--- a/packages/ai/src/react/ai/hook/useAI.ts
+++ b/packages/ai/src/react/ai/hook/useAI.ts
@@ -97,7 +97,6 @@ export const useAI = ({
     if (isHotkey('enter')(e)) await streamInsert();
   };
 
-  // TODO: move to API
   const onCloseMenu = useCallback(() => {
     //  close menu if ai is not generating
     if (aiState === 'idle' || aiState === 'done') {
diff --git a/packages/ai/src/react/ai/stream/streamTraversal.ts b/packages/ai/src/react/ai/stream/streamTraversal.ts
index 6b926feaab..1be7b22d11 100644
--- a/packages/ai/src/react/ai/stream/streamTraversal.ts
+++ b/packages/ai/src/react/ai/stream/streamTraversal.ts
@@ -17,28 +17,15 @@ export const streamTraversal = async (
   const abortController = new AbortController();
   editor.setOptions(AIPlugin, { abortController });
 
-  const response = await fetch('/api/ai/command', {
-    body: JSON.stringify({ prompt, system }),
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    method: 'POST',
-    signal: abortController.signal,
-  }).catch((error) => {
-    console.error(error);
-  });
+  const fetchSuggestion = editor.getOptions(AIPlugin).fetchSuggestion!;
 
-  if (response?.status === 429) {
-    return fn(
-      'Rate limit exceeded. You have made too many requests. Please try again later.',
-      true
-    );
-  }
-  if (!response || !response.body) {
-    throw new Error('Response or response body is null or abort');
-  }
+  const response = await fetchSuggestion({
+    abortSignal: abortController,
+    prompt,
+    system,
+  });
 
-  const reader = response.body.getReader();
+  const reader = response.getReader();
   const decoder = new TextDecoder();
 
   // eslint-disable-next-line no-constant-condition

From fcc4e5f5f3aedf3302f8705b7a425e6b29233757 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 1 Oct 2024 20:32:38 +0800
Subject: [PATCH 043/127] docs

---
 apps/www/content/docs/copilot.mdx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 0858b129a3..8fc34e22f7 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -128,8 +128,12 @@ The Tab key is a popular and frequently used key in text editing, which can lead
 
 ### Conflict with Indent Plugin
 
-Ideally, we should resolve conflicts within the plugins themselves. However, there isn't a straightforward method to do this for the Indent Plugin and Copilot Plugin conflict.
-As a workaround, you can place the Copilot Plugin before the Indent Plugin in your plugin configuration.
+The **IndentPlugin** and **IndentListPlugin**  have a similar conflict with **Copilot Plugin**.
+
+As a workaround, you can place the Copilot Plugin before the these two plugins in your plugin configuration.
+
+Or set the priority of Copilot Plugin to a higher value than Indent Plugin see [priority](https://platejs.org/docs/plugin#plugin-priority).
+
 
 Here's an example of how to order your plugins:
 

From ed6fad055caf81d9435efe3d102d7acad330aa96 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 1 Oct 2024 20:52:49 +0800
Subject: [PATCH 044/127] version

---
 packages/ai/package.json   |  12 +-
 packages/menu/package.json |   4 +-
 yarn.lock                  | 415 +++++++++++++++++++++----------------
 3 files changed, 248 insertions(+), 183 deletions(-)

diff --git a/packages/ai/package.json b/packages/ai/package.json
index 862c2962f0..edc7addcef 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@udecode/plate-ai",
-  "version": "38.0.1",
+  "version": "39.0.0",
   "description": "Text AI plugin for Plate",
   "keywords": [
     "plate",
@@ -50,14 +50,14 @@
     "typecheck": "yarn p:typecheck"
   },
   "dependencies": {
-    "@udecode/plate-combobox": "38.0.1",
-    "@udecode/plate-markdown": "38.0.1",
-    "@udecode/plate-menu": "38.0.1",
-    "@udecode/plate-selection": "38.0.11",
+    "@udecode/plate-combobox": "39.0.0",
+    "@udecode/plate-markdown": "39.0.0",
+    "@udecode/plate-menu": "39.0.0",
+    "@udecode/plate-selection": "39.0.0",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
-    "@udecode/plate-common": ">=38.0.6",
+    "@udecode/plate-common": ">=39.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "slate": ">=0.103.0",
diff --git a/packages/menu/package.json b/packages/menu/package.json
index 58139925f1..b9242b4d4e 100644
--- a/packages/menu/package.json
+++ b/packages/menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@udecode/plate-menu",
-  "version": "38.0.1",
+  "version": "39.0.0",
   "description": "Menu for Plate",
   "keywords": [
     "plate",
@@ -59,7 +59,7 @@
     "@udecode/plate-common": "workspace:^"
   },
   "peerDependencies": {
-    "@udecode/plate-common": ">=38.0.6",
+    "@udecode/plate-common": ">=39.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "slate": ">=0.103.0",
diff --git a/yarn.lock b/yarn.lock
index 3db0fea3fa..2b9a6497c2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3166,7 +3166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-compose-refs@npm:1.1.0, @radix-ui/react-compose-refs@npm:^1.1.0":
+"@radix-ui/react-compose-refs@npm:1.1.0":
   version: 1.1.0
   resolution: "@radix-ui/react-compose-refs@npm:1.1.0"
   peerDependencies:
@@ -5883,7 +5883,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@udecode/cn@workspace:packages/cn"
   dependencies:
-    "@udecode/react-utils": "npm:38.0.1"
+    "@udecode/react-utils": "npm:39.0.0"
   peerDependencies:
     class-variance-authority: ">=0.7.0"
     react: ">=16.8.0"
@@ -5912,13 +5912,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-alignment@npm:38.0.1, @udecode/plate-alignment@workspace:^, @udecode/plate-alignment@workspace:packages/alignment":
+"@udecode/plate-alignment@npm:39.0.0, @udecode/plate-alignment@workspace:^, @udecode/plate-alignment@workspace:packages/alignment":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-alignment@workspace:packages/alignment"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -5928,14 +5928,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-autoformat@npm:38.0.1, @udecode/plate-autoformat@workspace:^, @udecode/plate-autoformat@workspace:packages/autoformat":
+"@udecode/plate-autoformat@npm:39.0.0, @udecode/plate-autoformat@workspace:^, @udecode/plate-autoformat@workspace:packages/autoformat":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-autoformat@workspace:packages/autoformat"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -5945,16 +5945,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-basic-elements@npm:38.0.12, @udecode/plate-basic-elements@workspace:^, @udecode/plate-basic-elements@workspace:packages/basic-elements":
+"@udecode/plate-basic-elements@npm:39.0.0, @udecode/plate-basic-elements@workspace:^, @udecode/plate-basic-elements@workspace:packages/basic-elements":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-basic-elements@workspace:packages/basic-elements"
   dependencies:
-    "@udecode/plate-block-quote": "npm:38.0.1"
-    "@udecode/plate-code-block": "npm:38.0.1"
+    "@udecode/plate-block-quote": "npm:39.0.0"
+    "@udecode/plate-code-block": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-heading": "npm:38.0.12"
+    "@udecode/plate-heading": "npm:39.0.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -5964,13 +5964,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-basic-marks@npm:38.0.1, @udecode/plate-basic-marks@workspace:^, @udecode/plate-basic-marks@workspace:packages/basic-marks":
+"@udecode/plate-basic-marks@npm:39.0.0, @udecode/plate-basic-marks@workspace:^, @udecode/plate-basic-marks@workspace:packages/basic-marks":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-basic-marks@workspace:packages/basic-marks"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -5980,13 +5980,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-block-quote@npm:38.0.1, @udecode/plate-block-quote@workspace:^, @udecode/plate-block-quote@workspace:packages/block-quote":
+"@udecode/plate-block-quote@npm:39.0.0, @udecode/plate-block-quote@workspace:^, @udecode/plate-block-quote@workspace:packages/block-quote":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-block-quote@workspace:packages/block-quote"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -5996,13 +5996,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-break@npm:38.0.1, @udecode/plate-break@workspace:^, @udecode/plate-break@workspace:packages/break":
+"@udecode/plate-break@npm:39.0.0, @udecode/plate-break@workspace:^, @udecode/plate-break@workspace:packages/break":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-break@workspace:packages/break"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6018,7 +6018,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6035,7 +6035,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     react-textarea-autosize: "npm:^8.5.3"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6054,7 +6054,7 @@ __metadata:
     delay: "npm:5.0.0"
     p-defer: "npm:^4.0.1"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6064,14 +6064,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-code-block@npm:38.0.1, @udecode/plate-code-block@workspace:^, @udecode/plate-code-block@workspace:packages/code-block":
+"@udecode/plate-code-block@npm:39.0.0, @udecode/plate-code-block@workspace:^, @udecode/plate-code-block@workspace:packages/code-block":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-code-block@workspace:packages/code-block"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     prismjs: "npm:^1.29.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6081,13 +6081,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-combobox@npm:38.0.1, @udecode/plate-combobox@workspace:^, @udecode/plate-combobox@workspace:packages/combobox":
+"@udecode/plate-combobox@npm:38.0.1":
+  version: 38.0.1
+  resolution: "@udecode/plate-combobox@npm:38.0.1"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.1"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  checksum: 10c0/3fbbce2bd454ce5777a8dcada8cfc6b46c141b9ebf3a8b431f3c11e5fb08b30cabb2752bc90cb1db49cedcd67f33e4cc4cd615f68c91983ad221c80e77a6f625
+  languageName: node
+  linkType: hard
+
+"@udecode/plate-combobox@npm:39.0.0, @udecode/plate-combobox@workspace:^, @udecode/plate-combobox@workspace:packages/combobox":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-combobox@workspace:packages/combobox"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6097,14 +6112,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-comments@npm:38.0.1, @udecode/plate-comments@workspace:^, @udecode/plate-comments@workspace:packages/comments":
+"@udecode/plate-comments@npm:39.0.0, @udecode/plate-comments@workspace:^, @udecode/plate-comments@workspace:packages/comments":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-comments@workspace:packages/comments"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6114,16 +6129,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-common@npm:38.0.6, @udecode/plate-common@workspace:^, @udecode/plate-common@workspace:packages/common":
+"@udecode/plate-common@npm:39.0.0, @udecode/plate-common@workspace:^, @udecode/plate-common@workspace:packages/common":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-common@workspace:packages/common"
   dependencies:
-    "@udecode/plate-core": "npm:38.0.6"
-    "@udecode/plate-utils": "npm:38.0.6"
+    "@udecode/plate-core": "npm:39.0.0"
+    "@udecode/plate-utils": "npm:39.0.0"
     "@udecode/react-hotkeys": "npm:37.0.0"
-    "@udecode/react-utils": "npm:38.0.1"
+    "@udecode/react-utils": "npm:39.0.0"
     "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:38.0.4"
+    "@udecode/slate-react": "npm:39.0.0"
     "@udecode/slate-utils": "npm:38.0.4"
     "@udecode/utils": "npm:37.0.0"
   peerDependencies:
@@ -6136,14 +6151,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-core@npm:38.0.6, @udecode/plate-core@workspace:^, @udecode/plate-core@workspace:packages/core":
+"@udecode/plate-core@npm:39.0.0, @udecode/plate-core@workspace:^, @udecode/plate-core@workspace:packages/core":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-core@workspace:packages/core"
   dependencies:
     "@udecode/react-hotkeys": "npm:37.0.0"
-    "@udecode/react-utils": "npm:38.0.1"
+    "@udecode/react-utils": "npm:39.0.0"
     "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:38.0.4"
+    "@udecode/slate-react": "npm:39.0.0"
     "@udecode/slate-utils": "npm:38.0.4"
     "@udecode/utils": "npm:37.0.0"
     clsx: "npm:^2.1.1"
@@ -6167,16 +6182,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-csv@npm:38.0.8, @udecode/plate-csv@workspace:^, @udecode/plate-csv@workspace:packages/csv":
+"@udecode/plate-csv@npm:39.0.0, @udecode/plate-csv@workspace:^, @udecode/plate-csv@workspace:packages/csv":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-csv@workspace:packages/csv"
   dependencies:
     "@types/papaparse": "npm:^5.3.14"
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-table": "npm:38.0.8"
+    "@udecode/plate-table": "npm:39.0.0"
     papaparse: "npm:^5.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6192,7 +6207,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6208,7 +6223,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.94.0"
@@ -6218,7 +6233,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-diff@npm:38.0.0, @udecode/plate-diff@workspace:^, @udecode/plate-diff@workspace:packages/diff":
+"@udecode/plate-diff@npm:39.0.0, @udecode/plate-diff@workspace:^, @udecode/plate-diff@workspace:packages/diff":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-diff@workspace:packages/diff"
   dependencies:
@@ -6226,7 +6241,7 @@ __metadata:
     diff-match-patch-ts: "npm:^0.6.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6244,7 +6259,7 @@ __metadata:
     lodash: "npm:^4.17.21"
     raf: "npm:^3.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dnd: ">=14.0.0"
     react-dnd-html5-backend: ">=14.0.0"
@@ -6256,19 +6271,19 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-docx@npm:38.0.12, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
+"@udecode/plate-docx@npm:39.0.0, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-docx@workspace:packages/docx"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-heading": "npm:38.0.12"
-    "@udecode/plate-indent": "npm:38.0.1"
-    "@udecode/plate-indent-list": "npm:38.0.10"
-    "@udecode/plate-media": "npm:38.0.6"
-    "@udecode/plate-table": "npm:38.0.8"
+    "@udecode/plate-heading": "npm:39.0.0"
+    "@udecode/plate-indent": "npm:39.0.0"
+    "@udecode/plate-indent-list": "npm:39.0.0"
+    "@udecode/plate-media": "npm:39.0.0"
+    "@udecode/plate-table": "npm:39.0.0"
     validator: "npm:^13.12.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6283,10 +6298,10 @@ __metadata:
   resolution: "@udecode/plate-emoji@workspace:packages/emoji"
   dependencies:
     "@emoji-mart/data": "npm:^1.2.1"
-    "@udecode/plate-combobox": "npm:38.0.1"
+    "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6303,7 +6318,7 @@ __metadata:
     "@excalidraw/excalidraw": "npm:0.16.4"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6313,13 +6328,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-find-replace@npm:38.0.0, @udecode/plate-find-replace@workspace:^, @udecode/plate-find-replace@workspace:packages/find-replace":
+"@udecode/plate-find-replace@npm:39.0.0, @udecode/plate-find-replace@workspace:^, @udecode/plate-find-replace@workspace:packages/find-replace":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-find-replace@workspace:packages/find-replace"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6329,7 +6344,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-floating@npm:38.0.1, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
+"@udecode/plate-floating@npm:39.0.0, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-floating@workspace:packages/floating"
   dependencies:
@@ -6337,7 +6352,7 @@ __metadata:
     "@floating-ui/react": "npm:^0.26.23"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6347,14 +6362,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-font@npm:38.0.1, @udecode/plate-font@workspace:^, @udecode/plate-font@workspace:packages/font":
+"@udecode/plate-font@npm:39.0.0, @udecode/plate-font@workspace:^, @udecode/plate-font@workspace:packages/font":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-font@workspace:packages/font"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6364,13 +6379,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-heading@npm:38.0.12, @udecode/plate-heading@workspace:^, @udecode/plate-heading@workspace:packages/heading":
+"@udecode/plate-heading@npm:39.0.0, @udecode/plate-heading@workspace:^, @udecode/plate-heading@workspace:packages/heading":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-heading@workspace:packages/heading"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6380,13 +6395,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-highlight@npm:38.0.1, @udecode/plate-highlight@workspace:^, @udecode/plate-highlight@workspace:packages/highlight":
+"@udecode/plate-highlight@npm:39.0.0, @udecode/plate-highlight@workspace:^, @udecode/plate-highlight@workspace:packages/highlight":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-highlight@workspace:packages/highlight"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6396,13 +6411,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-horizontal-rule@npm:38.0.1, @udecode/plate-horizontal-rule@workspace:^, @udecode/plate-horizontal-rule@workspace:packages/horizontal-rule":
+"@udecode/plate-horizontal-rule@npm:39.0.0, @udecode/plate-horizontal-rule@workspace:^, @udecode/plate-horizontal-rule@workspace:packages/horizontal-rule":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-horizontal-rule@workspace:packages/horizontal-rule"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6412,7 +6427,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-html@npm:38.0.1, @udecode/plate-html@workspace:^, @udecode/plate-html@workspace:packages/html":
+"@udecode/plate-html@npm:39.0.0, @udecode/plate-html@workspace:^, @udecode/plate-html@workspace:packages/html":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-html@workspace:packages/html"
   dependencies:
@@ -6420,7 +6435,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     html-entities: "npm:^2.5.2"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6430,16 +6445,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-indent-list@npm:38.0.10, @udecode/plate-indent-list@workspace:^, @udecode/plate-indent-list@workspace:packages/indent-list":
+"@udecode/plate-indent-list@npm:39.0.0, @udecode/plate-indent-list@workspace:^, @udecode/plate-indent-list@workspace:packages/indent-list":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-indent-list@workspace:packages/indent-list"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-indent": "npm:38.0.1"
-    "@udecode/plate-list": "npm:38.0.1"
+    "@udecode/plate-indent": "npm:39.0.0"
+    "@udecode/plate-list": "npm:39.0.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6449,13 +6464,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-indent@npm:38.0.1, @udecode/plate-indent@workspace:^, @udecode/plate-indent@workspace:packages/indent":
+"@udecode/plate-indent@npm:39.0.0, @udecode/plate-indent@workspace:^, @udecode/plate-indent@workspace:packages/indent":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-indent@workspace:packages/indent"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6472,7 +6487,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     juice: "npm:^8.1.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6482,13 +6497,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-kbd@npm:38.0.1, @udecode/plate-kbd@workspace:^, @udecode/plate-kbd@workspace:packages/kbd":
+"@udecode/plate-kbd@npm:39.0.0, @udecode/plate-kbd@workspace:^, @udecode/plate-kbd@workspace:packages/kbd":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-kbd@workspace:packages/kbd"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6498,13 +6513,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-layout@npm:38.0.1, @udecode/plate-layout@workspace:^, @udecode/plate-layout@workspace:packages/layout":
+"@udecode/plate-layout@npm:39.0.0, @udecode/plate-layout@workspace:^, @udecode/plate-layout@workspace:packages/layout":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-layout@workspace:packages/layout"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6514,13 +6529,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-line-height@npm:38.0.1, @udecode/plate-line-height@workspace:^, @udecode/plate-line-height@workspace:packages/line-height":
+"@udecode/plate-line-height@npm:39.0.0, @udecode/plate-line-height@workspace:^, @udecode/plate-line-height@workspace:packages/line-height":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-line-height@workspace:packages/line-height"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6530,15 +6545,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-link@npm:38.0.6, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
+"@udecode/plate-link@npm:39.0.0, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-link@workspace:packages/link"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-floating": "npm:38.0.1"
-    "@udecode/plate-normalizers": "npm:38.0.1"
+    "@udecode/plate-floating": "npm:39.0.0"
+    "@udecode/plate-normalizers": "npm:39.0.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6548,15 +6563,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-list@npm:38.0.1, @udecode/plate-list@workspace:^, @udecode/plate-list@workspace:packages/list":
+"@udecode/plate-list@npm:39.0.0, @udecode/plate-list@workspace:^, @udecode/plate-list@workspace:packages/list":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-list@workspace:packages/list"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-reset-node": "npm:38.0.1"
+    "@udecode/plate-reset-node": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6566,7 +6581,26 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-markdown@npm:38.0.13, @udecode/plate-markdown@workspace:^, @udecode/plate-markdown@workspace:packages/markdown":
+"@udecode/plate-markdown@npm:38.0.1":
+  version: 38.0.1
+  resolution: "@udecode/plate-markdown@npm:38.0.1"
+  dependencies:
+    lodash: "npm:^4.17.21"
+    remark-parse: "npm:^9.0.0"
+    unified: "npm:^11.0.5"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.1"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  checksum: 10c0/0198a4cce86408e7389c0878668d79b6b78db8ab98b0d93aa9fe9601298b7bc2ae5cd1b41037691738bcb482ad10871163a4fb94dde2df03bdd09f7b4539a9b0
+  languageName: node
+  linkType: hard
+
+"@udecode/plate-markdown@npm:39.0.0, @udecode/plate-markdown@workspace:^, @udecode/plate-markdown@workspace:packages/markdown":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-markdown@workspace:packages/markdown"
   dependencies:
@@ -6575,7 +6609,7 @@ __metadata:
     remark-parse: "npm:^9.0.0"
     unified: "npm:^11.0.5"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6593,7 +6627,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     katex: "npm:0.16.11"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6603,14 +6637,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-media@npm:38.0.6, @udecode/plate-media@workspace:^, @udecode/plate-media@workspace:packages/media":
+"@udecode/plate-media@npm:39.0.0, @udecode/plate-media@workspace:^, @udecode/plate-media@workspace:packages/media":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-media@workspace:packages/media"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     js-video-url-parser: "npm:^0.5.1"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6620,14 +6654,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-mention@npm:38.0.1, @udecode/plate-mention@workspace:^, @udecode/plate-mention@workspace:packages/mention":
+"@udecode/plate-mention@npm:39.0.0, @udecode/plate-mention@workspace:^, @udecode/plate-mention@workspace:packages/mention":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-mention@workspace:packages/mention"
   dependencies:
-    "@udecode/plate-combobox": "npm:38.0.1"
+    "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6657,14 +6691,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-node-id@npm:38.0.1, @udecode/plate-node-id@workspace:^, @udecode/plate-node-id@workspace:packages/node-id":
+"@udecode/plate-node-id@npm:39.0.0, @udecode/plate-node-id@workspace:^, @udecode/plate-node-id@workspace:packages/node-id":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-node-id@workspace:packages/node-id"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6674,14 +6708,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-normalizers@npm:38.0.1, @udecode/plate-normalizers@workspace:^, @udecode/plate-normalizers@workspace:packages/normalizers":
+"@udecode/plate-normalizers@npm:39.0.0, @udecode/plate-normalizers@workspace:^, @udecode/plate-normalizers@workspace:packages/normalizers":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-normalizers@workspace:packages/normalizers"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6698,7 +6732,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
     "@playwright/test": ">=1.42.1"
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6708,13 +6742,28 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-reset-node@npm:38.0.1, @udecode/plate-reset-node@workspace:^, @udecode/plate-reset-node@workspace:packages/reset-node":
+"@udecode/plate-reset-node@npm:38.0.1":
+  version: 38.0.1
+  resolution: "@udecode/plate-reset-node@npm:38.0.1"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.1"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  checksum: 10c0/13db73f040d82388b270318f9cfecc60e28e9383e33c1a1cd771bec21348553ceccbe4fd1ddaf58529fe5b6b75cb0b1e11e27cddc3c80cb0bcd187d1bb71fd72
+  languageName: node
+  linkType: hard
+
+"@udecode/plate-reset-node@npm:39.0.0, @udecode/plate-reset-node@workspace:^, @udecode/plate-reset-node@workspace:packages/reset-node":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-reset-node@workspace:packages/reset-node"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6724,13 +6773,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-resizable@npm:38.0.0, @udecode/plate-resizable@workspace:^, @udecode/plate-resizable@workspace:packages/resizable":
+"@udecode/plate-resizable@npm:39.0.0, @udecode/plate-resizable@workspace:^, @udecode/plate-resizable@workspace:packages/resizable":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-resizable@workspace:packages/resizable"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6740,13 +6789,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-select@npm:38.0.1, @udecode/plate-select@workspace:^, @udecode/plate-select@workspace:packages/select":
+"@udecode/plate-select@npm:39.0.0, @udecode/plate-select@workspace:^, @udecode/plate-select@workspace:packages/select":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-select@workspace:packages/select"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6756,14 +6805,31 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-selection@npm:38.0.11, @udecode/plate-selection@workspace:^, @udecode/plate-selection@workspace:packages/selection":
+"@udecode/plate-selection@npm:38.0.11":
+  version: 38.0.11
+  resolution: "@udecode/plate-selection@npm:38.0.11"
+  dependencies:
+    copy-to-clipboard: "npm:^3.3.3"
+  peerDependencies:
+    "@udecode/plate-common": ">=38.0.6"
+    react: ">=16.8.0"
+    react-dom: ">=16.8.0"
+    slate: ">=0.103.0"
+    slate-history: ">=0.93.0"
+    slate-hyperscript: ">=0.66.0"
+    slate-react: ">=0.108.0"
+  checksum: 10c0/7343d4179590c8af60a3e7333756d79660c0a7d32fb92fa16f2d377800f22f43dc5babebd3aa565b09fa8375f5713c89339b93d7f7eb37e30c0bb9f1ea7cd790
+  languageName: node
+  linkType: hard
+
+"@udecode/plate-selection@npm:39.0.0, @udecode/plate-selection@workspace:^, @udecode/plate-selection@workspace:packages/selection":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-selection@workspace:packages/selection"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     copy-to-clipboard: "npm:^3.3.3"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6773,14 +6839,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-slash-command@npm:38.0.1, @udecode/plate-slash-command@workspace:^, @udecode/plate-slash-command@workspace:packages/slash-command":
+"@udecode/plate-slash-command@npm:39.0.0, @udecode/plate-slash-command@workspace:^, @udecode/plate-slash-command@workspace:packages/slash-command":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-slash-command@workspace:packages/slash-command"
   dependencies:
-    "@udecode/plate-combobox": "npm:38.0.1"
+    "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6790,15 +6856,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-suggestion@npm:38.0.1, @udecode/plate-suggestion@workspace:^, @udecode/plate-suggestion@workspace:packages/suggestion":
+"@udecode/plate-suggestion@npm:39.0.0, @udecode/plate-suggestion@workspace:^, @udecode/plate-suggestion@workspace:packages/suggestion":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-suggestion@workspace:packages/suggestion"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-diff": "npm:38.0.0"
+    "@udecode/plate-diff": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6808,14 +6874,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-tabbable@npm:38.0.1, @udecode/plate-tabbable@workspace:^, @udecode/plate-tabbable@workspace:packages/tabbable":
+"@udecode/plate-tabbable@npm:39.0.0, @udecode/plate-tabbable@workspace:^, @udecode/plate-tabbable@workspace:packages/tabbable":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-tabbable@workspace:packages/tabbable"
   dependencies:
     "@udecode/plate-common": "workspace:^"
     tabbable: "npm:^6.2.0"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6825,15 +6891,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-table@npm:38.0.8, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
+"@udecode/plate-table@npm:39.0.0, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-table@workspace:packages/table"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-resizable": "npm:38.0.0"
+    "@udecode/plate-resizable": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6851,16 +6917,16 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-toggle@npm:38.0.1, @udecode/plate-toggle@workspace:^, @udecode/plate-toggle@workspace:packages/toggle":
+"@udecode/plate-toggle@npm:39.0.0, @udecode/plate-toggle@workspace:^, @udecode/plate-toggle@workspace:packages/toggle":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-toggle@workspace:packages/toggle"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-indent": "npm:38.0.1"
-    "@udecode/plate-node-id": "npm:38.0.1"
+    "@udecode/plate-indent": "npm:39.0.0"
+    "@udecode/plate-node-id": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6870,13 +6936,13 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-trailing-block@npm:38.0.1, @udecode/plate-trailing-block@workspace:^, @udecode/plate-trailing-block@workspace:packages/trailing-block":
+"@udecode/plate-trailing-block@npm:39.0.0, @udecode/plate-trailing-block@workspace:^, @udecode/plate-trailing-block@workspace:packages/trailing-block":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-trailing-block@workspace:packages/trailing-block"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6917,14 +6983,14 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-utils@npm:38.0.6, @udecode/plate-utils@workspace:^, @udecode/plate-utils@workspace:packages/plate-utils":
+"@udecode/plate-utils@npm:39.0.0, @udecode/plate-utils@workspace:^, @udecode/plate-utils@workspace:packages/plate-utils":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-utils@workspace:packages/plate-utils"
   dependencies:
-    "@udecode/plate-core": "npm:38.0.6"
-    "@udecode/react-utils": "npm:38.0.1"
+    "@udecode/plate-core": "npm:39.0.0"
+    "@udecode/react-utils": "npm:39.0.0"
     "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:38.0.4"
+    "@udecode/slate-react": "npm:39.0.0"
     "@udecode/slate-utils": "npm:38.0.4"
     "@udecode/utils": "npm:37.0.0"
     clsx: "npm:^2.1.1"
@@ -6948,7 +7014,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     yjs: "npm:^13.6.19"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6962,48 +7028,48 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@udecode/plate@workspace:packages/plate"
   dependencies:
-    "@udecode/plate-alignment": "npm:38.0.1"
-    "@udecode/plate-autoformat": "npm:38.0.1"
-    "@udecode/plate-basic-elements": "npm:38.0.12"
-    "@udecode/plate-basic-marks": "npm:38.0.1"
-    "@udecode/plate-block-quote": "npm:38.0.1"
-    "@udecode/plate-break": "npm:38.0.1"
-    "@udecode/plate-code-block": "npm:38.0.1"
-    "@udecode/plate-combobox": "npm:38.0.1"
-    "@udecode/plate-comments": "npm:38.0.1"
-    "@udecode/plate-common": "npm:38.0.6"
-    "@udecode/plate-csv": "npm:38.0.8"
-    "@udecode/plate-diff": "npm:38.0.0"
-    "@udecode/plate-docx": "npm:38.0.12"
-    "@udecode/plate-find-replace": "npm:38.0.0"
-    "@udecode/plate-floating": "npm:38.0.1"
-    "@udecode/plate-font": "npm:38.0.1"
-    "@udecode/plate-heading": "npm:38.0.12"
-    "@udecode/plate-highlight": "npm:38.0.1"
-    "@udecode/plate-horizontal-rule": "npm:38.0.1"
-    "@udecode/plate-html": "npm:38.0.1"
-    "@udecode/plate-indent": "npm:38.0.1"
-    "@udecode/plate-indent-list": "npm:38.0.10"
-    "@udecode/plate-kbd": "npm:38.0.1"
-    "@udecode/plate-layout": "npm:38.0.1"
-    "@udecode/plate-line-height": "npm:38.0.1"
-    "@udecode/plate-link": "npm:38.0.6"
-    "@udecode/plate-list": "npm:38.0.1"
-    "@udecode/plate-markdown": "npm:38.0.13"
-    "@udecode/plate-media": "npm:38.0.6"
-    "@udecode/plate-mention": "npm:38.0.1"
-    "@udecode/plate-node-id": "npm:38.0.1"
-    "@udecode/plate-normalizers": "npm:38.0.1"
-    "@udecode/plate-reset-node": "npm:38.0.1"
-    "@udecode/plate-resizable": "npm:38.0.0"
-    "@udecode/plate-select": "npm:38.0.1"
-    "@udecode/plate-selection": "npm:38.0.11"
-    "@udecode/plate-slash-command": "npm:38.0.1"
-    "@udecode/plate-suggestion": "npm:38.0.1"
-    "@udecode/plate-tabbable": "npm:38.0.1"
-    "@udecode/plate-table": "npm:38.0.8"
-    "@udecode/plate-toggle": "npm:38.0.1"
-    "@udecode/plate-trailing-block": "npm:38.0.1"
+    "@udecode/plate-alignment": "npm:39.0.0"
+    "@udecode/plate-autoformat": "npm:39.0.0"
+    "@udecode/plate-basic-elements": "npm:39.0.0"
+    "@udecode/plate-basic-marks": "npm:39.0.0"
+    "@udecode/plate-block-quote": "npm:39.0.0"
+    "@udecode/plate-break": "npm:39.0.0"
+    "@udecode/plate-code-block": "npm:39.0.0"
+    "@udecode/plate-combobox": "npm:39.0.0"
+    "@udecode/plate-comments": "npm:39.0.0"
+    "@udecode/plate-common": "npm:39.0.0"
+    "@udecode/plate-csv": "npm:39.0.0"
+    "@udecode/plate-diff": "npm:39.0.0"
+    "@udecode/plate-docx": "npm:39.0.0"
+    "@udecode/plate-find-replace": "npm:39.0.0"
+    "@udecode/plate-floating": "npm:39.0.0"
+    "@udecode/plate-font": "npm:39.0.0"
+    "@udecode/plate-heading": "npm:39.0.0"
+    "@udecode/plate-highlight": "npm:39.0.0"
+    "@udecode/plate-horizontal-rule": "npm:39.0.0"
+    "@udecode/plate-html": "npm:39.0.0"
+    "@udecode/plate-indent": "npm:39.0.0"
+    "@udecode/plate-indent-list": "npm:39.0.0"
+    "@udecode/plate-kbd": "npm:39.0.0"
+    "@udecode/plate-layout": "npm:39.0.0"
+    "@udecode/plate-line-height": "npm:39.0.0"
+    "@udecode/plate-link": "npm:39.0.0"
+    "@udecode/plate-list": "npm:39.0.0"
+    "@udecode/plate-markdown": "npm:39.0.0"
+    "@udecode/plate-media": "npm:39.0.0"
+    "@udecode/plate-mention": "npm:39.0.0"
+    "@udecode/plate-node-id": "npm:39.0.0"
+    "@udecode/plate-normalizers": "npm:39.0.0"
+    "@udecode/plate-reset-node": "npm:39.0.0"
+    "@udecode/plate-resizable": "npm:39.0.0"
+    "@udecode/plate-select": "npm:39.0.0"
+    "@udecode/plate-selection": "npm:39.0.0"
+    "@udecode/plate-slash-command": "npm:39.0.0"
+    "@udecode/plate-suggestion": "npm:39.0.0"
+    "@udecode/plate-tabbable": "npm:39.0.0"
+    "@udecode/plate-table": "npm:39.0.0"
+    "@udecode/plate-toggle": "npm:39.0.0"
+    "@udecode/plate-trailing-block": "npm:39.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
@@ -7023,11 +7089,10 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/react-utils@npm:38.0.1, @udecode/react-utils@workspace:^, @udecode/react-utils@workspace:packages/react-utils":
+"@udecode/react-utils@npm:39.0.0, @udecode/react-utils@workspace:^, @udecode/react-utils@workspace:packages/react-utils":
   version: 0.0.0-use.local
   resolution: "@udecode/react-utils@workspace:packages/react-utils"
   dependencies:
-    "@radix-ui/react-compose-refs": "npm:^1.1.0"
     "@radix-ui/react-slot": "npm:^1.1.0"
     "@udecode/utils": "npm:37.0.0"
     clsx: "npm:^2.1.1"
@@ -7037,11 +7102,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/slate-react@npm:38.0.4, @udecode/slate-react@workspace:^, @udecode/slate-react@workspace:packages/slate-react":
+"@udecode/slate-react@npm:39.0.0, @udecode/slate-react@workspace:^, @udecode/slate-react@workspace:packages/slate-react":
   version: 0.0.0-use.local
   resolution: "@udecode/slate-react@workspace:packages/slate-react"
   dependencies:
-    "@udecode/react-utils": "npm:38.0.1"
+    "@udecode/react-utils": "npm:39.0.0"
     "@udecode/slate": "npm:38.0.4"
     "@udecode/utils": "npm:37.0.0"
   peerDependencies:

From 88c3c0d8482c37b41b7abd4cd7eaf3b07856dc6e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 1 Oct 2024 21:55:27 +0800
Subject: [PATCH 045/127] api

---
 .../default/example/playground-demo.tsx       | 20 +++---
 yarn.lock                                     | 65 ++-----------------
 2 files changed, 19 insertions(+), 66 deletions(-)

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 47b5223ba5..e315524248 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -173,16 +173,20 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
             createAIEditor: createAIEditor,
             // eslint-disable-next-line @typescript-eslint/require-await, @typescript-eslint/no-unused-vars
             fetchSuggestion: async ({ abortSignal, prompt, system }) => {
-              const response = await fetch('/api/stream', {
-                body: JSON.stringify({ prompt, system }),
-                headers: {
-                  'Content-Type': 'application/json',
-                },
-                method: 'POST',
-                signal: abortSignal.signal,
-              }).catch((error) => {
+              const response = await fetch(
+                'https://pro.platejs.org/api/ai/command',
+                {
+                  body: JSON.stringify({ prompt, system }),
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                  method: 'POST',
+                  signal: abortSignal.signal,
+                }
+              ).catch((error) => {
                 console.error(error);
               });
+              console.log(response, 'fj');
 
               if (!response || !response.body) {
                 throw new Error('Response or response body is null or abort');
diff --git a/yarn.lock b/yarn.lock
index 2b9a6497c2..f56befd9cd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5896,13 +5896,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@udecode/plate-ai@workspace:packages/ai"
   dependencies:
-    "@udecode/plate-combobox": "npm:38.0.1"
-    "@udecode/plate-markdown": "npm:38.0.1"
-    "@udecode/plate-menu": "npm:38.0.1"
-    "@udecode/plate-selection": "npm:38.0.11"
+    "@udecode/plate-combobox": "npm:39.0.0"
+    "@udecode/plate-markdown": "npm:39.0.0"
+    "@udecode/plate-menu": "npm:39.0.0"
+    "@udecode/plate-selection": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6081,21 +6081,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-combobox@npm:38.0.1":
-  version: 38.0.1
-  resolution: "@udecode/plate-combobox@npm:38.0.1"
-  peerDependencies:
-    "@udecode/plate-common": ">=38.0.1"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/3fbbce2bd454ce5777a8dcada8cfc6b46c141b9ebf3a8b431f3c11e5fb08b30cabb2752bc90cb1db49cedcd67f33e4cc4cd615f68c91983ad221c80e77a6f625
-  languageName: node
-  linkType: hard
-
 "@udecode/plate-combobox@npm:39.0.0, @udecode/plate-combobox@workspace:^, @udecode/plate-combobox@workspace:packages/combobox":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-combobox@workspace:packages/combobox"
@@ -6581,25 +6566,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-markdown@npm:38.0.1":
-  version: 38.0.1
-  resolution: "@udecode/plate-markdown@npm:38.0.1"
-  dependencies:
-    lodash: "npm:^4.17.21"
-    remark-parse: "npm:^9.0.0"
-    unified: "npm:^11.0.5"
-  peerDependencies:
-    "@udecode/plate-common": ">=38.0.1"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/0198a4cce86408e7389c0878668d79b6b78db8ab98b0d93aa9fe9601298b7bc2ae5cd1b41037691738bcb482ad10871163a4fb94dde2df03bdd09f7b4539a9b0
-  languageName: node
-  linkType: hard
-
 "@udecode/plate-markdown@npm:39.0.0, @udecode/plate-markdown@workspace:^, @udecode/plate-markdown@workspace:packages/markdown":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-markdown@workspace:packages/markdown"
@@ -6671,7 +6637,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-menu@npm:38.0.1, @udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
+"@udecode/plate-menu@npm:39.0.0, @udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-menu@workspace:packages/menu"
   dependencies:
@@ -6681,7 +6647,7 @@ __metadata:
     lodash: "npm:^4.17.21"
     match-sorter: "npm:6.3.4"
   peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
+    "@udecode/plate-common": ">=39.0.0"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6805,23 +6771,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-selection@npm:38.0.11":
-  version: 38.0.11
-  resolution: "@udecode/plate-selection@npm:38.0.11"
-  dependencies:
-    copy-to-clipboard: "npm:^3.3.3"
-  peerDependencies:
-    "@udecode/plate-common": ">=38.0.6"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/7343d4179590c8af60a3e7333756d79660c0a7d32fb92fa16f2d377800f22f43dc5babebd3aa565b09fa8375f5713c89339b93d7f7eb37e30c0bb9f1ea7cd790
-  languageName: node
-  linkType: hard
-
 "@udecode/plate-selection@npm:39.0.0, @udecode/plate-selection@workspace:^, @udecode/plate-selection@workspace:packages/selection":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-selection@workspace:packages/selection"

From 54c85f0c255adfdfef206afba3dc6239326decf5 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 16:50:02 +0800
Subject: [PATCH 046/127] docs

---
 apps/www/content/docs/ai.mdx | 365 ++++++++++++++++++++++++++++++++++-
 1 file changed, 360 insertions(+), 5 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 7d6a639fb6..2352c2ab5a 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -6,8 +6,6 @@ docs:
     title: AIMenu
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
-
 <PackageInfo>
 
 ## Features
@@ -21,7 +19,7 @@ docs:
 ## Installation
 
 ```bash
-npm install @udecode/plate-ai
+npm install @udecode/plate-ai @udecode/plate-menu @udecode/plate-selection @udecode/plate-markdown
 ```
 
 ## Usage
@@ -37,11 +35,34 @@ const editor = usePlateEditor({
   },
   plugins: [
     ...commonPlugins,
-    SelectionOverlayPlugin,
     MarkdownPlugin.configure({ options: { indentList: true } }),
+    SelectionOverlayPlugin,
     AIPlugin.configure({
       options: {
-        scrollContainerSelector: '#scroll_container',
+        createAIEditor: createAIEditor,
+        // eslint-disable-next-line @typescript-eslint/require-await, @typescript-eslint/no-unused-vars
+        fetchStream: async ({ abortSignal, prompt, system }) => {
+          const response = await fetch(
+            'https://pro.platejs.org/api/ai/command',
+            {
+              body: JSON.stringify({ prompt, system }),
+              headers: {
+                'Content-Type': 'application/json',
+              },
+              method: 'POST',
+              signal: abortSignal.signal,
+            }
+          ).catch((error) => {
+            console.error(error);
+          });
+
+          if (!response || !response.body) {
+            throw new Error('Response or response body is null or abort');
+          }
+
+          return response.body;
+        },
+        scrollContainerSelector: `#your_scroll_container_id`,
       },
       render: { aboveEditable: AIMenu },
     }),
@@ -50,5 +71,339 @@ const editor = usePlateEditor({
 });
 ```
 
+## Install dependencies
+
+Before integrating the AI plugin, you need to install the dependencies and it's **components** if required.
+
+* [@udecode/plate-menu](docs/menu)
+  - The AI menu component for user interaction.
+  - We separated this menu from ai package mainly to reuse it for the [context menu](/docs/context-menu).
+  - Make sure to check the menu [documentation](docs/menu) and install the menu **component** sucessfully.
+
+* [@udecode/plate-selection](docs/selection)
+  - To add a selected highlight to the newly generated paragraph after executing the AI command.
+
+* [@udecode/plate-markdown](docs/markdown)
+  - To convert the ai generated markdown to slate nodes.
+  - If you are using indent list plugin, make sure to set the `options.indentList` to `true` like the [usage](#usage) code above.
+
+## Integrate with your backend
+
+### fetchStream
+`options.fetchStream` is an asynchronous function that you need to implement to fetch suggestions from your backend. This function is crucial for integrating the Copilot feature with your own AI model or service.
+
+The function receives an object with three properties:
+
+* `abortSignal`: An `AbortSignal` object that allows you to cancel the request when pressing the `esc` key or clicking the `cancel` button.
+
+* `prompt`: provider by the `streamInsertText` function you will see in the [custom commands](#create-new-commands) section below.
+
+* `system`: provider by the `streamInsertText` function you will see in the [custom commands](#create-new-commands) section below.
+
+
+The function should return a Promise that resolves to a [ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream) containing the AI-generated text. 
+This stream allows for real-time processing of the AI response, enabling features like streaming the text as it's generated. 
+
+Here's an next.js api route example of how you mock the return:
+
+```ts
+export function POST() {
+  const streams = [
+    { delay: 100, texts: 'Hello' },
+    { delay: 200, texts: 'World' },
+  ];
+
+  const stream = new ReadableStream({
+    async start(controller) {
+      for (const stream of streams) {
+        await new Promise((resolve) => setTimeout(resolve, stream.delay)); 
+        controller.enqueue(stream.texts);
+      }
+
+      controller.close();
+    },
+  });
+
+  return new Response(stream);
+}
+```
+
+### Vercel AI SDK example:
+
+We recommend using [vercel ai sdk](https://sdk.vercel.ai/examples/node/generating-text/stream-text#without-reader) to generate the stream.
+
+It's return `ReadableStream`, which is compatible with our requirement.
+
+Note: **Without reader** means you don't need to use `getReader` we will parse the stream to text in our package.
+
+So here is the example code to generate the stream:
+
+api/ai/command
+```ts
+import { openai } from '@ai-sdk/openai';
+import { streamText } from 'ai';
+import { NextResponse } from 'next/server';
+
+export async function POST(req: Request) {
+  const { prompt, system, userId } = await req.json();
+
+  const result = await streamText({
+    model: openai('gpt-4o-mini'),
+    prompt: prompt,
+    system: system,
+  });
+
+  return new NextResponse(result.textStream);
+}
+```
+
+Plugin usage:
+```ts
+    AIPlugin.configure({
+      options: {
+        fetchStream: async ({ abortSignal, prompt, system }) => {
+          const response = await fetch(
+            'https://pro.platejs.org/api/ai/command',
+            {
+              body: JSON.stringify({ prompt, system }),
+              headers: {
+                'Content-Type': 'application/json',
+              },
+              method: 'POST',
+              signal: abortSignal.signal,
+            }
+          )
+
+          if(!response.body) {
+            throw new Error('Failed to fetch stream');
+          }
+
+          // return the `ReadableStream` directly
+          return response.body;
+        }
+      },
+    }),
+```
+
+
+## Customization commands
+
+### Customize existing commands.
+Before learning how to create custom commands, you need to know that the ai plugin will provide three model for opening the ai menu:
+
+1. Open by **space** in the new block.We call it **Cursor** model.
+2. Open by **floating toolbar button** or **context menu**.We call it **Selection** model.
+3. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** model.
+
+Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. 
+To distinguish between these two sets of commands, we need to maintain four different menus in total.
+
+The following is all the commands you can see in the `ai-menu-items.tsx` file.
+* CursorCommands
+  - Show when you open the ai menu by `space` in the new block.
+* CursorSuggestions
+  - Show when you open the ai menu by `space` and then complete the first generation.
+* SelectionCommands
+  - Show when you open the ai menu by selectd some text.
+* SelectionSuggestions
+  - Show when you open the ai menu by selectd some text and then complete the first generation.
+
+If you understand the above modes, you can easily find the corresponding command to modify its text or icons.
+
+If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs.
+
+
+### Create new commands.
+
+Understand the above modes then you can create new commands in the menu you want.
+
+Next, I will show you how to add a custom command to **Cursor** mode (opened by space).
+
+Find `CursorCommands` in the `ai-menu-items.tsx` file. then add a new `MenuGroup` with *Generate Jokes* label.
+Create a `MenuItem` inside the `MenuGroup` with `jokes` action.
+```tsx
+  <MenuGroup label="Generate Jokes">
+    <MenuItem {...CursorCommandsActions.jokes} />
+  </MenuGroup>
+```
+Full code:
+```tsx
+export const CursorCommands = () => {
+  return (
+    <>
+      <MenuGroup label="Write with AI">
+        <MenuItem {...CursorCommandsActions.continueWrite} />
+      </MenuGroup>
+      <MenuSeparator />
+      <MenuGroup label="Generate from page">
+        <MenuItem {...CursorCommandsActions.Summarize} />
+        <Menu
+          label={CursorCommandsActions.translate.label}
+          icon={CursorCommandsActions.translate.icon}
+        >
+          {renderMenuItems(CursorCommandsActions.translate)}
+        </Menu>
+        <MenuItem {...CursorCommandsActions.explain} />
+      </MenuGroup>
+      // new command group
+       <MenuGroup label="Generate Jokes">
+        <MenuItem {...CursorCommandsActions.jokes} />
+      </MenuGroup>
+    </>
+  );
+};
+```
+Now we need to create a new action for the `jokes` command.
+
+Find `CursorCommandsActions` in the `ai-actions.ts` file.
+
+Then add a new `jokes` action and the const `ACTION_JOKES` it will be used in the  `cursorCommandsHandler` file later.
+```ts
+export const ACTION_JOKES = 'action_jokes';
+
+export const CursorCommandsActions = {
+  ...
+   jokes: {
+    icon: <Icons.jokes />,
+    label: 'Generate a dry joke',
+    value: ACTION_JOKES,
+  },
+} satisfies Record<string, Action>;
+```
+
+Now we can already see the new command in the ai menu.But when we click it nothing will happen.
+
+Because we need to create a new case in the `cursorCommandsHandler` to handle the `ACTION_JOKES` action.
+
+Find `cursorCommandsHandler` in the `action-handler` folder.
+
+Then add `ACTION_JOKES` to the switch case.
+
+```ts
+case ACTION_JOKES: {
+  await streamInsertText(editor, {
+    prompt: `Generate a dry joke`,
+    system: `You are a comedian. Generate a joke.`,
+  });
+  break;
+}
+```
+
+When we start calling the `streamInsertText` function, the ai menu will show the loading state.
+
+NOTE: If you are creating a new selection mode command, you need to use the `streamInsertTextSelection` function instead of `streamInsertText`.
+
+And then it will call the `fetchStream` function we implemented before.
+
+In the same time you can get the **same** `prompt` and `system` you passed in the `streamInsertText` function.
+
+```ts
+  AIPlugin.configure({
+      options: {
+        fetchStream: async ({ abortSignal, prompt, system }) => {
+          console.log(prompt); // "Generate a dry joke"
+          console.log(system); // "You are a comedian. Generate a joke."
+        }
+      },
+    }),
+```
+
+If you not pass the `system` in the `streamInsertText` function. We will use the default [system](https://github.com/udecode/plate/blob/main/packages/ai/src/react/ai/stream/getSystemMessage.ts) maintained in our package.
+
+When you writing the `prompt` see our existing commands to get inspiration.In general,
+You need to provide the LLM with text in Markdown format instead of slate nodes. 
+Tests have shown that LLMs on the market are easier to understand text in MD format.
+
+Here are two useful functions you can use to convert slate nodesto MD format.
+```ts
+// convert slate nodes to md
+const md = serializeMdNodes(nodes);
+
+// convert all editor content to md
+const content = serializeMd(editor);
+```
+
+
+At this point, you have successfully created an AI command.
+
+If you want to create a nested menu, like the `Translate` example we provided, it's essentially the same steps, 
+but you'll need an additional constant for the `Group`.
+
+
+
+## Selection overlay
+
+**SelectionOverlayPlugin** is part of the [CursorOverlayPlugin](/docs/components/cursor-overlay) Make sure you have installed it.
+
+The `SelectionOverlayPlugin` is used to display a selection overlay on the editor. It enhances the visual feedback for users:
+
+When the editor loses focus (blur event): It maintains a visual representation of the last selection.
+
+So this plugin is userful when we open the ai menu. for example: 
+
+We selected two paragraphs of text. and then using floating toolbar open the ai menu
+Normally, these two paragraphs wouldn’t display a blue background. 
+because our focus has already moved to the input box editor is blurred.
+
+<Image src="/ai-selection.png" alt="AI selection overlay" width={1920} height={1080} className="w-full" />
+
+Sometimes we want to keep lose the selection highlight.In this case, You can use `data-plate-prevent-overlay` attribute add to the button which trigger the blur event.
+
+For example, in the turn into dropdown menu:
+We’ve already prevented the default event so that clicking the ‘Turn Into’ menu doesn’t cause the editor to lose focus. 
+Therefore, there’s no need to enable the SelectionOverlayPlugin functionality; otherwise, two layers of selection would appear, 
+which would look visually unappealing.
+
+```tsx
+
+      <DropdownMenuContent
+        className="min-w-0"
+        onCloseAutoFocus={onCloseAutoFocus}
+        data-plate-prevent-overlay
+        align="start"
+      >
+      ...
+      </DropdownMenuContent>
+```
+
+
+
+Therefore, just remember one rule: only use this plugin when you need to move the focus to an external input element, 
+such as the AI menu or math equation plugins.
+
+
+## Options
+
+* `scrollContainerSelector`
+  - The selector of the scroll container.When we trigger the menu in the very bottom of the page, 
+  we need this option to make the scroll container scroll up to show the menu completely.
+* `createAIEditor`
+  - When we use selection mode, we render a read-only editor on the AI menu, and the plugins used by this editor are provided by this option
+* `fetchStream`
+  - The function to fetch the stream from your backend.Introdue in the [Integrate with your backend](#integrate-with-your-backend) section.
+
+
 ## API
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

From d43e600f8939234b7f6849c4247cc33a8aa4da89 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 16:50:08 +0800
Subject: [PATCH 047/127] AI

---
 apps/www/public/ai-selection.png               | Bin 0 -> 109790 bytes
 .../playground-turn-into-dropdown-menu.tsx     |   1 +
 .../default/example/playground-demo.tsx        |   3 +--
 .../action-handler/cursorCommandsHandler.ts    |   8 ++++----
 packages/ai/src/react/ai/AIPlugin.ts           |   2 +-
 .../ai/src/react/ai/stream/getSystemMessage.ts |   6 +-----
 .../ai/stream/streamInsertTextSelection.ts     |   7 ++-----
 .../ai/src/react/ai/stream/streamTraversal.ts  |   4 ++--
 8 files changed, 12 insertions(+), 19 deletions(-)
 create mode 100644 apps/www/public/ai-selection.png

diff --git a/apps/www/public/ai-selection.png b/apps/www/public/ai-selection.png
new file mode 100644
index 0000000000000000000000000000000000000000..a512f46326065a6885c97c46ea232d10c6a8eee6
GIT binary patch
literal 109790
zcmdSAbyQSs_%4jCh#*n|f>P2T-C+<zcZYO$w*jc64Bg$GL!%%uq;!`<cMr{Z=6&To
zzxDlh{`l5+zP*+XGcbEU`+n}Y?(4euH#r%xN9aW8XlQ7UAmZ;7(9rHWqoLipeg7`_
z<kMr~JK*Jkt+=`a8X7(o>fa5B0_6@G+6y$uyVpvt2^-Tcu1d<6?Yn)6u@#V;WVi3X
z`1azl+~dfXA}RrQXq~Z3$>=Q9RaKENx*{V25$(D<`l!l&51bpXe}>RVf2aHS_yrl|
z_uJ5J!_JEfY{IV@QXQ1xACc>BJ2h;`gzb}=Soopa65sN(7ItYxu$F(1oPCC$GS_d=
z&@NL;Ze727Oir_L{WF^HeRRJ6-jIE2#=L$b{59qOs;|g&y!xDYy*RY{tmu4XEyNqQ
zuRjs~E<g4FyS0YUo?z)N*Mo5Nx7WY9jpLX2cwVqVv#363F4%`sj5R1F80-4CG#kDl
z=NPdf_dc^#tt#(cT0uu~5_WI={q+Y*biUN|7jNws?-`j6Zbls0M6}y+(;%*G`QZt!
z^P5j%ocrG~WS!-zYU~I|q8P7KYo57P3UOawVkfl(2c5sQET*Qc+WvD{PjL1tS$vbE
zZgS)Qw&Af<)qCm>oi!l~aH1vXC_hcC4m@YtJz>;M&3}}({6)4(d!eLC(fMl+<W{bI
zlSA)niu0y|`HOUe#`8T%BNG$ViC+EEm9_lhqJFLG>v9A(%iOnp&hx^;R|J2tL(%iy
z$XEBu_z#Hh3`^LtAyX41u#g>B{@RP9$;hN6oyEqtUoiV4Xcf(0<QwRC9da;g*H#QT
zhlR=G0)PMKc=4+gSM&Z3zH!&rk`8_2E(Be{#qDSJjNZ9Yw*Q=XUWchxxz-*|w<bQ2
zoy@dn!TIQVDVHfI6V$Lala$fCB^9fZDvxS+A%!+m)$CIh!=mnCHJ<D*CpzlFCJX%@
z65M@7{P&ALR)d;lw3itpT06ovFd^!!4x^o~%sFll&b(EKF{Bryfh)#;zLz+;IZ|OZ
zn2(oUdvU#U+yTupB+DHWd0#u;z`fo<#jw@Gl@j7LED-Tq`szL85KMI?%Hr~zk+!0T
zjaQc*o3l+#8Z5w?UEw;N*X#a(kRQv<?<U9FJW;878))>6DXLy9Bd4v*e>2+KODAN?
zDlZssyuKBaa0wgU5vj-cJ)8T!$NBC41RjT5PfRY)@7(xy?JC?2z(LcX4fay8MQ_{!
z_7>o?#eX)e=+2$O5`>!4#7AAqI4tP!Y$6K8GE4)Nnv$BW*72$wf&!eSROUYh+mrT!
zlk3_OK(hE!c-#XY8p<ab;&zna!x7w1ejhuj+u4;GcgJ9VR~yWdeklIzKLhsQZ`_tK
z@h6M5j(+xqb#b~*XQZGQ&v-I>$Dfl{P^L^h^V|t~1R0s-9QnphX%kZ*5^vZyPG<D0
z%W){WeO%3NS35I<DZp|_G-@a3!@>$vhkS(HJJzW(wZH|Zg*%kiG{?a09Czk^e)y%)
z;9gl}Ii3f6^X8N55VLjHZ<F~>SY<21VV$|M@84NJCrf9_Ego_+Fyb(=!lyK%N#5Qq
zW7ZhiVIX0hE!9FdPO$(@ZQcp7uV_%#ODu|RIH|coza|b<kD(G#r;0ZmdlVaz@S(M6
zeW~}*hOmmh=;?}To!kDBGBwGy!_jOE5&A332W#ZbxWQ;PK5<1n_b%3QJEZ)gnUyY1
z$0>P<hbK9sPpD_d`-imP&&ZXsV{$g$VAhxBjna=jaQ4hJ2HL5Y>f{+T@j-tq;p^xd
z+)m$H=6@Hcm(yEC$He5+ZPiW|$AnYMhMA4D^@{(!?gvFYzeL^+BD`#Ok}Wy;!E9yE
zR|@{+;`Z*8Uo!sOj1753GSXA#avYzAGdZM1?oX*&g-Zs<e@UnU52toZ;NUVQ*=;50
zicC({HLLT!I9+XiSl4A<sWNdistdE|iR1Vv{-0Un(n=In)fw_ejlVw&-U?Tri_-Fg
z=8N+xq}=RVEQ1kK1s3|l#P@0qofgGe4l`Ho(=sTi*fjDN{fQ%iVeYsPR_Qdj=YfA~
z{pnwHH<!C(6%#A2?U&7i&gT>>5@78S84yA#xuu`Wt(#QOtv)%mIEoRrX1}=HVf-wL
zoEUOML!0-}5<i>Y@1BL{#(O#%nw>hd!G<$GsD$y>vBBDq*`6yub>ekE&mD;BWrvi%
zYwf~uYE)W?3<y{Z*euNP&Cnp6^rBQ0^`(uyM^!EiC9{yq(E5TL?mYfkW;xD^hmWr^
z!9<oCrl2q(0cEPqf$5gAv9ca)!e&+Ih5qw(knl)Mo<i4LBGgSKtluV$VbYDCXDzv5
zWyAGhklqI9D3x0oRh_o+&s^=XSdOlyao&qFWO%E>9<}4oI|MYWtet(w<+8k7|D7=y
zq|lNf3#!n;mo){@h8lAVGUjyKY+S4G00*jk5qlHJJa!p=wxs>20)8buGqY^6XW5V9
zss<0_9*LN!Xr9e%;Kdr3K^q3ovygDe|K7Xw5}ccshjE>n&zN{D%YLzkw-%hROn+g+
zGhPs%_c!FF3RK=(l28e4rjX{r${6u{@_J|7BpJTycshL4{E(U9u-fP9()+Nht80)z
zm!a6+`g-H!#va_5FMYJgf>=Cc|2{mEW9U{zq>^wFZuv;xds4HVkq{rQNmGODAevQ5
z>Q;0}j!`c+J{c~uL$sNX7HQ`$pB~iE%ptB%XUh-j?2oTsqee~1LSeB5M|U{{ld@k)
z&fl5s{3;v4uij*}Y9NmP*1jM-ts$U<M6SP)gCj}OsuK?HPZJ5eF!z8{MIRrH@~mx?
z_o;x?bg?Gnvc<o+ysXM2_CKvGUeZDAmQ^2>RrYSo!V-5dV(JUqg2q*u<%4ffF0s8W
z=Ga1mI4G6Y-m~wR#oswtWU4Bza!mWMDyx=dr8O%|OQ)=_jxg5-v-=+O5&EZoymjw%
zcy^v<;7_Y$Uc~e3+X2<u7dw&C#?Zjc!W=F1tw?Uyg8EqnIYL`O%6CDH)-4f=vAWVI
zIPwZ!Dq>%tphi*LT*Xhj+-Am__{D;*T!YQy$g*kjXk$FRd-?2eecdG}md)gN8vptN
zkg_{`H;&r}Rv6s&4Q@Ugrtb^8WxsVP6LleJ6x#8<msc{NOhV)#m28q>DMY6{qr||S
zDll_FQL#e4tPMU=p;qP9*IDUOr6pbTeKTkVU6xysY8~b$GyRIqp-J$}GFR71v&u48
zrBEZ%t;l72h7}`Fs(kOs6u8ZZ$jHpLU}9BT)&J}Y;^AuvhZJ;jMtFp^&z(}8%8ja6
zleK{g$5N`;P$FxRaqznoOp#RVW4*{dBm9gmd)M^l5X%SwepT~+xd1Dg*t(3g4X7G^
z;KBu?KV>X*{xFK62cMLwCR7|-CD$yWdC!HG0m0$s(#V{B@yso4Qi27-x<=Lc1drK5
zNq}%(zD%uvm3#wgSFvMo?)*sSPWj^s)BbF4JOfJQ>M4zM(cqzcRavk79<Io?T~~gM
zYTH!NkY}qdNq=wQ!yqvLZ`dO#r3@@~)JZ$l3ryYNlkzWY=E-71_z6YE75ZNj_FAe>
z`9Vi10!7N6-a+3dg|^1gw~9$VT9*tigfglqBq`O4v3Ab}FtwGYh0sD~3|bS@MV{u1
zl*K@Y>HWmSOR>vvYw_eOWO&O&JDH-MWz{FC#g3frX{>iy{p!T9c~ML)6%Yg^oKy=i
zr)<%Yjq>lo!=BahXUxOb9e=`R+<j1Ib#-|`&o5;9`$ZEvAC%o`js1V4>L$W0v$#mE
zx6{TFq|x<7`tXQ)(l7PBZ`{x^JL98i*=)WPxM|{9Z-iBPm*OhZj5D&P6HC%TweC>`
zN|sGX1n|y4Lx1(limt{oP|1=enozuD^^W&4aHXtiU=5sxmW%rjGU7?v6Dow!E<$?K
zPVL1i!eM#=Ln$={hw*R)A^DLQS3i-_=w|ZJP#yZCt?B$KE5&njVto9fg9G-~wzjBA
zV-T2Y6P59^2%Cw6KxlaQh4qz(s<u;Q6jPxmVNFK|&Emo{?p3>MFaOydl&JWLOufaZ
z)L#<H5D=zM$sxr%@(ZE#dWo~9e1xXE<~6n+VVVDMbiwB0BNzC=7PS5zW$0U0f%Yif
za8-ZWSl*&b<Rl`!?`alo%Z`M~TTx%-tagh0R&w?91qN274QnP@OA~bsq?~JdRe<%F
z6ssj`s0=20nXI7tipwM@jVfwGVHro8llewnQ4=)|*}5#tJ@Li&NRPv3d9K$fql@b-
zLojk*gln6IW1B`+zA@maDC%VWiJzvo%DXO1)|T2XrK*gEJ@;}W*8s!nMAm6*x5dcf
z0D~x8M=3?9nYce~3!Qp%i;-IMLXSgdZL#>Bnq4|;*Kf@eI%zq-aMja^66Aj6J`^E=
z#0h%E%~~-x91KWIKJ`ycefwqQaCCNuerYIIk@i2JfBvL?dJUU>B*#6#Y+AKnyS;-@
zNWyQ@xr4h}6rVzab)xghh(v%TrO0r&r5;o-%<%YVlBEG^reUaoq2BUHojl#pPSZ%5
zkEXqipJX7IwYDkqE`dN%j0!=gu~2D_qUy#(r6j%T<($izBy+>BV&~8Iu#WhaP7l{B
z%?4jKO<tqXe=K7V^;K=y!llM?xhZFAV`OjRQU`yV3|_!Y_=w6P2$z%${wKZ^WL?^~
zP_dC$kgEIY`_JsH#?s&NEW<ZW8~>aMka_GoPzG{*Rb5U#*(W%jK04oLmdjTuJU5?g
z@Nl7e`SO&+V{6LI8-{9<QAa`}&4%#&;S;>keHM}j&tEQAB^%joM$WTPioi=mI!eYV
zTgZ!PW3$Lw)}w}PJOAu<#>M8R^_<Z0A_zIE&xHb{x1Mcu<w92nLDoG2!1JK4aM*nK
za8!5O<t$e*yJP+Ebei<vYoXb?r<FM5?c#T>bK5IuuO~Zv4#2t0`J)T#e6?>FqXPd*
z6YFLmPIa~0`Tec`Bn3jaF~Auwr}}U(fNxtAPDJ?QVXm7d%zAL5(&F4&$ad}rUF&mR
z$FH+iE*s**vO<ML3Z8$j^kcOh!0g9rTj!tYdMBAZ?6bqyp2xF_pZJ~OR{6vQWtns+
zWnfsuNLiFF97@=C?YJ7^#@QQjD@`rk8Q!+Fde58|<+=Cms;dMtfa+w1W;UIbb1xEj
z%7+UzN9hi)yP5<Yj6wFE_tYPM*lmoHBWHpGR=uYo?K|8L7tf6|Hmvp+f<vNL?K&6)
z83xrU2V<FARu#s`zF>}9D}N45dhq_JGG8*fXrkWDp=5B!Y#`%XmDMC&e4+W_NPbbR
zhGaBTVTHD#VT8RsW`d>r-+TMO`yq2ohGizrQ+>}_lJ~?tk!p&`WomIRYq?_wSHfSU
zY|OATVt%({%`yKKvnaMnqUSEn7^n4=T6O?0w8H1g+w0<R^ry_V>&bnQALALueFmjs
zRvxC^c<PUvG$d9uWlDJG1d0KFLiSb%j)-iXSGH3V8;?&UDXFlSJU>y^^e?RHP7>f7
zqy4)qw6$00eA!RSUrCO9Qi^2~tNinhlUI^SlW+C69$}UkYctg#ea)2pV!Q(45?b&P
zQX3VUm1{Pbb(b%gwI_i`Qba`Lf2>IiwI*&Xn(jCz7kQmS1C9;4?bJ7L1k^CHUI%W}
zxmnRUay+%xjs<mEA6XsMb-4{r15nKRexDGQGtqyh3TW=l{iVoIa|9{Hta(_LN78HR
zTGdU_3hkm&XMi%4;l}T|64RFHb*(KEQ#vg7K6FOMi{o)nDfy4N83OIL44IBeDnsk4
zLWNk;`SfrI0qN))QduuTrf3Gvd<K7!DE;E@j;gZOU-w=hCYBG~Ijkls-e=3Ff+m`t
zi;HW_>^~d5&@90bo~sTu>{^ltC-Q|un;=;{@BHodcANEalnkX+Tz7B8`b+N-u_jo%
zZ7|~Har{)y_f~RucaJ<xaG7x%CUu#vb@GNe@g`~jkmZlnR62pU`S<iPjHsm+d0F6+
z#M8IF>x_a)=!hj1$RElIrf?|ec$6(nFvH2+D0!%;DDTi9Cb(>7w3;T{+E7R{F(4?Y
z;Ha7@TCz|RrtExlqiLcqfhYVw{%P)ZD$nLkYFp!Mc$9#Mv1d&8inyQHW|YM;JDfcq
z4+fA^SbZ2PKW7aIl#z)?SbdZ!v_1Wwv~bx;|K)B*4h2L{Pp|g!bp71A$q;VR+1-uN
zF?PLCiue2yYm1=GLD@9Aev?g5r%C#NoF++~I%#89-|iKCk)?C7kjSeD3WxlK!)NP?
ze)Eq!aNt%Q-=*<e^7L)$E$vJa7FutQy3Bg1X6nP|ety2id-*%{?YXr@oQ~HXocadI
zHRybNsuoaK#D)Q14{KMZk?q&3*|*Q2@W@QNC>u*ar=Ovys}i4|T>M58ML46D#V8Z?
zG;pCue&HjQVNn8=$r~ZJ^<-wYf{z(Av~)UAE3SUy#GU4$j6UaMYzyNSo#v!r7;xgS
zjIU$<mCh$0*#Wq2niLfk&9#|ryg||=7D_51Zn}W9w^YoQ8BTPWA^d$!4WOk46Y{10
z(2wM3E-LA8FB2IJHw%WUM^IZ_a+Pt8k#lrMXE$maOFfL8m(DD?%bKnUw{(o^Rw*<}
zm=?z_UB_!QsR|OvHzI|H>6OBXtfM*j3z}1{N_!TZC#ht^7VO~`LW(2zJs7oJ=Wq!K
zEZQ)xqV<TmckEk#{kqNmrKIGQw##&-H|*;2ED{uO6JbE0{(Jax8gKYw<Og*;^%HBO
z;U`l!AJy#LU|-DiNn6QzRK~%+=p>mn%rwrxip%KN3jb=`k+`Z925TrFzz7qVmx_(D
zCG?*k&C%;WTvQMMF&rSEAoUQAuiP?9<f`j)QE6{)5AwO=%5NgL!OCwkA|dbk*-d~R
zvhO|jED^Q8PPV?JU>OYg<WDqmy|d4haqa372=Ud)8CVOf35{bg2FU`|8QL+6pJAut
zdR)FO<AQ`0V0#ldQNoF^8H+h|_FRqd-He7Li!3LTdCj(_YP?~U<Ca9PQhb6J`pZpZ
zIV@MM6r91f<cINJ-+Ah{W|^FFHQdRv=qWpw&d4z8mX2^e<Ia+W99P-Y?j<bREF)RS
zNO+)4U_|@GJ37t<y0VUel*~Lif;^mOm|u*06Bb?0Zrr*{BPiG?YEP>kvdP;tX){*x
znwZlvCrs<V>wIbMr6uRhjYkhnU`|gF_HSjhQK?E8@eYuX%5}D+pi`&2A6<WF7%X#N
zxT@0PWDl>iuMb&w0X*FNReWB1GM|giBctm)aGwK}2dYH97N(;?z^gh}H^=MX#{B3v
z>F6%+Ob6(b>%LUC2D?db0$pX(Mp>6RP52W5kE4QtpcIgi;p>MZ??wME?StHFy=B}d
zVZS9pD1s@o-;$abi2O>%{$3q5X1vF3xu-$YMWoIAg2h7e_3PJ>#`Ri`{UQ=lQUyPQ
zGIn-$=os6p9F}D+c3Sd?y6^uz<zqUUjf6LrVJv(8iDY=(3*Ss>38`y}d$)aCIip5N
zXl+~-6AyF*UjIWh;6B@}yHHluR{lKxOmTQ|ERT2n`aHJgsOIkWcMdJ%cMsvE+WrEs
z%AF`_8D8pO%4T$T#3jNNaEj{pI_dD7%_V0Wy>3N~PSxOg{awYJ<4*vZzj0^<n3Lg+
zL{k+R&Hd4^wEw~thCTesmgU;%gd;&EYE?6MvIvi4D7}%SjpLFP6w~%G_`&tw<@ut@
zvFN*msUmlD*ga?GV0j@()XLo(|Km^m!S=QhVN<9&T8O-RcaPm#Ej_BtU+gaX%j>h`
z5TUAPenaEbqe)2AkD@XH(n+~8jax)G*MFh($YUcxzaXr?j8j1KhL1&|9yI7j+kb?+
zvVKgK*<HQ|x1p*~kt``fT>a}Wa%akoUEdDceQbtSlu+`|@&8Zd;s07m<p17<$=#9~
z#BfGQW~k$X;&;Ze2Py8XY;1??#Z9NAFzacJZ{NOEvL0ng$D^oY^VY9lzsdpr=~jgN
z^v<6^<~5-!H%YHktqh;5GwI=CU7<1BMCXBlfrz9eCdk_F)X#tZ{P~n1f4I1`WR7SH
zZfqyvb1oP#p{JmD%jdlDowCxj{|y`tztM;N?-GQ2*rc-XeG5ba@huKk`T;$)D}X$j
zL^uKJVYKs@Yt}Px2@s%#PibjsHOh^hKCq%U4h<<eZMYU~?-JY87s;oK-eE}}9BjHg
zWEQwMV1s7#32LSR_Vf-<`kKdLr0M~(NodvM9FTJ>muK7ibys4~y)rzu8O^Q^24z=^
zeJ(71IQ$JBxqY<&#@js4Fa<7;5w%;j>k@cQb3$KQQolU+eupJ={&mLtEb&9D)l{`z
zt~xHGW)+5-rFb&v54OD~L7^-e%;m^3GjI0&mYEd)O7G40vcJ*xSc;()U*CCSELA>z
zYbaFck_HkGXpsUSs%%#@bMc|p<@xeG$3bbXNVlzco5m5a7i5syy-xbBL=i)n*sz*6
zo?YEEsvJ_T2GHL%KUk@|^@Qu?OVO?<#^LVR@}WXaE^W`<)*IgfpID3*?KjwP&2Vp2
z&?Xe>G-ym#S%p(Rdd4jmh|f3xc&JM2X<mRg++O$obyH!hv=W>*Ro2s4Lg({Xyq?D;
zl({B-r0&}dNOqf<a|Ak{XyKw_{|vXE-<?JTr`5y?Si^{@gi|wMJ`1Un`T54o=5SdZ
zmKY$=9^=9CzK~(SFj7JQ0rQ_ynP3bo>uYH8d<V~o)NKKqQLFm<qu(DD69!j@7U1Dj
zkc-npMG1)j_oEFmNF2XgKtN#N=h(mf;s=ekpv1@F-+zmPB^5E%7z&pt=E|FynQ2s6
z#sc4ST#+k^<FY9lDeN2g@$nWO35nN$T{M$+7H|~M3Y;XJ9Sn+O9*x&5KyR22=S5P&
z5xXl5$V+Mn>K!=WhkBi2!K?F!g=(c*K*$@6HA%|NPWJ8`^_i)6>+GIlhScu&%9m*r
zE-oQ#xhq_E^{r;=MF<HA%?GoBd7XGwwQC*2rmdra4gs8t0Rld*1f9L={2@>PE#{m3
zB&4N>=Uc>vN)7HgtqnmEd7Yr3IWE$!s{jBPnt`&r`6yFnv+E?xW;6hgJ|ZeA>(i$<
znHd>5R+F4-<K@}p6ck;XF093xZkVL}IfQJ+63`@{OSjqm;-*V~rrH&9h{ET)j~rVb
zjjBFvN9>xe4j5_FITwP+9!6bsbwFe}!6Br%xtXp9aqKC0;TYz;HI-XXz))%FmZhMe
zfN~)Y^P!Gy?n{kEPd^*x!q=aRzEeITWPLa5g={D*E35E4LDzO3&%E&*Y3PZZMoyII
zeWuK{7-g!R`}B}*v)s6c=;9b53(b&8<VDFN(c?wDNZ;o^=kgXK1(B4GNcqKk;<=b%
zo1nEtoeM%$P7YFn+A4?AOTf<q?;Hss;fsikO>GN~&oSy^8;04;qC1>4fIeg`J6XkI
zxi=B?3UV#}56q`e86FX_i|_94E*|k+ZtoV9Ync7`0KM|rn66WOi0_#Ob{_PRxnMKb
zrcQ2hfR36s`r*GhFV2|U5Rfq%l4Tj!vjAOFbuQZv`kF3JiL<6jttK}6mwX@KeEvTE
z4Jdc>U8`{F<h{Dt%Zsy~N$a}lppcNmL!nFEa$}PiKr2C4o$F-jiutzd^Si6tuQaQ7
z6m>na2Uk5Vd-=8jZw2Gg|J9Q@fn44HqF{hQ#6ITIyXqJf-*vD$*fUZ%85R3BnrXUw
za}pN+1(Re?z~$-!8BN@^Xdm0hzmLU6mMR~+D;iWi-rd*770qzcjhq5Xa9412SeRY2
z6Y149Aa-5}U7hdSpCxy%t0aM>q;#5exG|ouluV%O+3$i%C@jE|*3PQ~h24!-lUXsj
zxw(-`^S0dG)XAO$mP0v^Si3k*E8|Awj7L`2;@*1gIfwlMNh1pgEg4s7(UAI<V(#bO
z$En4Afy|9he?JR71^kYu0S2LcrmojrEYd&g`#|qWvK4%c^qut~rDFwLyzb=H#kP;P
z_FFd)$vq}XCtt=hAo{U2qxq_{^`NupDJUpFM_7)RWj1@Le!jcAq<gt%Ta(;?xFQ9u
zkyTulnILkCyWIQYu2I|BvQWE9jI5qsDvwd85-1E;+Gbn-mXG`VQTh+bKtVAdDNrvN
z%wYkvkmA+lEq0*n#Ac~NaS29+Hzz6;-@Wstq~$_>Px9QOo%TKx$HT)@cEhNfF7oxo
zF;S+ZWZ%2UH$7?#WWJPiSnAH*t8PMqdt5u36f>V~Y=Ba>l;kMqtMKl3vr$3fIWN*K
zFPQsh8a(KO7ae(>x)@<=egrylV1WR2GH8Jd?rX0DsTqW0%YwafqvhyGq2_SY)dz)9
zkTgJ4FDO{~V-V(<BzyH1uNU^N8<(niZue}Hcr}8;wRj{eJDX1SwrD6zx=9=g+IzCP
z=`Fq{kdq&gxEuKuJ9&FI`ai0Z2hLZ9jvgXT=hmkI6YLsAg%KA2j)}J0qOyJ6v~pu_
z*#aoTpu>S?Y)#jJ3JQTnK%sx)A*?Q2S|q%VG%pa!s(ncU!(~R2kb&i7=KO>G_@tyF
z=EmbU(4kr<Vr|!Xzs%mzHi6WvXM&z;E&kIv1UjxiVZK?@)~aVmn|Q>;^bl|<_p1vm
z$5y=0m7uw0MOe<%tAj4$h_Rg-Qd(NNHjo*}90C&k@h;-<_gkN^(e=Vt%!BNQ1Cq>U
z8)K#RH3726lTjH!=~@MRAv0GSTi^LxAVCbwULJ8x+qRT+>SFx6-M4Z5NQNF@et8R<
zanDy!RHTAL>w4FCpRS5+PRADw=lcwNyrm9&Ij?w!1vp_aF;`J1qW<#KLPByf_u`Dr
zt54gmRX8(q^WcKsCbo`BGRhPz05I(Nf|th>R)Ax-cfc~6sjpG)oCigC1V{FK8hQMU
zI_Y<kKwYI?OW)~YbTBwq<`+_Tx$*IPj$rFmh_)+7bw<xm_NgL0S1$m@SpV_yLZji7
z8eC^6jw7GLc23yqa9H*9Y&N;zRTL-^U$MDBnbwA85L;Kj-e2xhba#*Aw7C>nA1NHB
zFRo7mygp>0+OBUM6rsFV#!k90P<4-I;z4m4LY@cUb$RtMYaE!>TqJuPse{a+dUc76
zpQy6R2O56?pi>yNPh&M;))Wv_-T90qsAe6+V$cR^LMAkWNxRmx**CP(VHvYfw@D{A
zm+xTy%X1nkszq46is|_=?4q`+(-ROS_PmME42z<gs-c?oB6_zCN8ZZ!KR<m4Qq@+;
zSB6bHZ?N&XY}KPr_Qg7Eu-Uegz`FE#j+!ziYN>}JSPYVWL#ZSwAy$)B!+_MR^zq3;
z?UIqP@e0UCDxe9Yio~_IX*@BG%~Gcm1(5^N%v($`$j>$46~k-8`M{NQyiOL;H>c~w
z=v5e0ff7Om*>1XO%#uk|(bEBy<M&u;U#@PGH>g)NM_baPOFd1d+cN_0E2#!Pw?c&k
zMS+bO+1fyo`@^SGX&wn`VVC8-zeV7+-aV&gfFDzVk4VtP2EWp4Zbyasc0DM}fHgYo
z7khqsQ~*SW(F*J7T8%CiYHBe6QU<|3J8o8v((&-90~!k?w|zeUc0_;jmFGs+AWG#R
z_1NfFV0rT72|Flm!B1J<fRuD7aCOG)MP&vyorr5|tdY&8=^_e*aOzM&dPD@S*Urx~
z2?!*YeFhjO7gR|}s6Qr28py}0Kn6$l*n(y}STwXz6Bw+`hNZst>QV?kZyVv!^U-xW
zkAj0k8O%Ejbc9iOoyDpZs(|dT2)ydB=lpmn-ez&vRc7T1B<QsZq|kSzGTq;x@;LTz
zj2<5iqL}8Qrb~C}ICeOaSKx4HaH7;etkNMFAh7M@l}lbR004fu@S6=74&!l6*?!)3
z9ms&-RSCGyykhtVASXWb^LXRdc(Ozc(mj>O#JhLzO!pQbM6ccp=Qa<YEGHMEbl3ns
zq4SbX*wwH+G1q0<$_lh^s6?-Y-C{(l(jxj#ph2a^aHWN+bh39r44Xk)5W2$|;GTdJ
zWP{C41Li+H>I9Y^94j^8a6d5Bo!mp`Yj0`?^{w;?4i3Hd>wmMuV>w*s$Bv|-V%v?H
zdsI1KBkQ&s70q)C5Ged3%g-XJ0Fj?RW^S}-0fkI%zDzgrWHo!Z@s9+67KcNMvXPTV
zi_yA!Jv6j^^=|u~UHQ`veF8-MuC}q8`UVClm*_Muk0kB_@DU*BaHX=Jr{D_fXU*qG
z>sqsF(V(Yf5ELu|wMbDfY1nHz&tPZnH4(e1T<kIs?@)z8oKD@^3S5r5;^Y_+>eUY1
zn$gAJ1n6a};L=b^o@XM%I%Uj^jMBQ^Cz+JFVxbScBojy?q0lq{7bWOuDbG*Wi-(Dr
z<xnRC8ooGmq*%8Y^~c@L>!Za;JnOrUh*s!pA*oKXG+ph_Wp_w~&Nj+3(G}VQgMx;H
zu1>H}%|LPEY2F0PMs>{-X03e)_Q_&@N!ooeGFlSPKV&plk$QG^w7=O><Z?IE1eb(F
zd#UE$^YilU>iXv17?x0r%X7EWxzAYa4#us1lz($GsUOMh={#kj)1x>-e%BISP-FDY
z?vc9wP)&(pF%XR{XE1-Gub*a9Qy5+eAoT2RM;PqPn^8AvY)nntp=TJcEuL$8OhFZ7
z{=5>a_7IZcn*BSANmr;XLh8-^pvT3*QPivdc#9cH0_se|lrzfv5y-Qu^BK^IZ1M?e
zm~!Xk<cRMt^;{KB^JGp$8U6TR&~<DzU0ax!8-;=;v%4jFM%xCgp2xPcyI^Lh%Mu5J
zYnH#+MN3BqAlN;U=ZsHC@#v7gWw`kGr%@?^!NJ4RF0;ydXX$J%Ta9N-RMgbb<1cAx
zbDIgRtznuhEL3Nk5ir$0d2DQKUI4K>1!mJk9?s4P2wkcju?B)v2_ks(5tmkRPEHPb
z`@dR?@Lc58zE?_=<+%L@!4jU=ysMI-VMZ?)Be*!<@9XUBR4_I+&ec5|jd0$ah&&5)
z^C8higFwtwUw0W8s2C#Jq@k4YJy~GbKxIq?+RKyu+51>eId+-TikGvToQbKZdz`+V
z&-<va%4(5-<>qd!vKTNYJ^yUA9mVYK&(HTH6DKR_dtkd>E&jWajW64oZB%EZ@O)yj
za=+n(GAcTsmszye?RBQQAJ2;!#_32WaLfB#tW&)9Dh#dt6F`qkOq}2H1<L}=$`P?G
z?JATvO<BWiPOAMM5u?&K<FJs@)&nDm<YeKePZZFM5RyJdmk~{;g~df$0Re4PhXwo{
z<pa881!ZX?!24A7UXQ=R0CI`a7p&(hqIW%(|8=S%5mZQ@Ax%y~e423O-FTfha*};6
z)uE1aKR#-lJQ;lzWZvG<-MvGSol#L(;Wb&c$lU6@(1ATm&;bC>&L*B>*j|(`G^3#4
zRwJU+pxqqQ`^Yvv^RB4E#iWP7)>TM`W97dmdTnr=pyDd^ZL3Hc0;o3X*08$f#qG{=
z=S>Z(@iGwwxQB81ctm2N*Bd@ydeEt?EGPS@n49OR6lvuq33#Zu)eDzTZq}}5#UC6^
z+R%d=o%OkDa7S)!@?8z9>e8~6XPDY{F>)o#nck1|c%zQ_j62E$Y|G6j`#bY3r=UgE
zD0%;Jq)0noyUsb$u^=a>EV_bEr{v1`Ulu`*1)cAH?fE(Xtex9g^tlem9A52WCQ81a
z(#XGTSEuRrJhxEvmTv~5NFkd?Wyr4MhMb(e_U^8(LwZs55O0W29=xwlXtj|^wRCT9
z50!xFkcm7FS=+9IS-KGko>{sVS+dFU)TluT&*NbCvrQNks)=V%9*bo`j5RWF&A1{S
zc)dMIvOOP@j(@4bH`DBwY`)OJ=P5FUh{QeWRR+@*74LuEoW0ckcl)?2<;PzC<}i1(
zq%8m~*&#^j1A^_$X3ng-3HKz+jipg!1cYkTcE)X4dCdFlXfK-E;&;kNOU`)UQ6RA~
zhqf!OmdWDv6hOqqcSx=di+u_meUcF;Y??H<9Hx)A`L;$1<8^>`KzCRSus~!x0~6Co
z21GG$N)`$@tgPiE4;5#R#d2124ZsKtHF|k~)?IxtTXuB6FH})UDI(+<Pnvr9((yz@
zrIHTKEY2T9Xz&HVek$}MfW_cIC5k=s={lD|K(RZaX3+qO1{GRWO)Z9Ub<(COcSP;q
zd%aJBa#iWLXJ^W1OFi-Qrf%K+RM8m&x;ICidg4elNl`u*iSHc3)UJ#l*qWA+L7ADA
zm6tO2bzpGNX(`r3<*5x|%odX@rjEzD?*k_T#Rt}`mi-xloGl$MsN9PyP}?=irJ6$x
z6PYEqlX^%gz%kMRhz0Y-7tEc*xGk?7!KSU-_?*S>?e7D~sk>g*#WW1+<b1rB{iGEv
zYMkpg(iibCslCsUzH6r8%(K0HJ9eS?r8Lp==s|xvq|nT-Z#Z5ei6|`Ic(%m|b6s~<
zt%v<(ie&z|MW8z#l3eYyV6jS<Hw%ygSmhNz<^uGZ40Jw_>;^ry8>k_1LO!S-C3VW;
z(3SrbG^un!F0FW~E3;RZFv`_IS%TFWk8N7mCTOZF-4EC7`&>5NH@wt<OZXv@m;kYp
zYupoO0kS+8T@6l<F$wOI0fQX1+pYk+Isx#aG?5L$q*1>YOmVEg(-VUh)op2@Xge^~
z2s)-Prn(IUMvV$_1vo=7kkIqGy+1ZmS6F#i3guT+RG>TP)Yu!f5-5LLSTICUlB=t$
z6BTCR_6`ns1O%$q9ze2uM9i6E&>oT*zzGlqpy{G1sVLb81d!*YQ)x1<Uw;HGoo-?M
zzp?q47d6yxI$c{?oKs@Ih!qFezZxs)!J)TU0t+6Vh~O3(bE&|^F|n(TuutIucC2?X
zo~D4Z2N?i3<6uM+(Pecu<$yTo;lg7sc04CQpx~>}<*`BRrWRB5R<(hWpGRm$M#W*z
z3yo5JKQM5f+FT0Q04bl7t`=0<uy>I4_DRa)zVxD}qs!afEl|k^*4I&hONAn5&UF1Y
z2L}fMy^|QnZI|Y}J)^z23vQJI6hsJg+IloIT4znQ2{gZ-ZB9zTocD07KqvrK9AIn;
zLY0h6OCtv!uM7PL_X7RuA6o*I?x#z=AslLN01~Y@s%xGLpi|w8rG@|8bY8!@+_u51
z(giyKcDE3;FXnp-1Cl$0qVVMgw|(PAs?p9p0C?bwbVVvN|2u$W41o5ojNBqvt6eWb
zdeo%H?R8LKJ$E_xS=^G|1&xY1nB9g-c()4b|N0tE)MpJl<1|7Em2@;YiGM=Cy@0mq
zgjDEsCEXnn%vI^Oj~|;wJIIdu0Zaf%x?i3w4_DhE(9<9S?piBnPsSJNMi^mJd0<3^
z7I4%GaBs$0pC$$5v`dppfttKoJ>ZqGAygtk7R3!R@tjt4<=V!^S){IWHyXfrK9QiO
zuT9lEX-Nt5dA`fbv$dXrolyV{b5~ZLLI$obX0Oa9DprlE9JrskFNBGK`7@<p(hD(0
ztz)yub`8K3%_``Dajr;xef{$_0#eeV`Iaw|P^rOu9)~3rH%kbw?c4{I!c+Ntl?$~k
z4_#%hS*<;;I51Cmb-par+0_+JIqf*OgMM~rFX?+i!UjD#quS25EU8%cH}O+bTG}3)
zm6=KTrcrVtqQSK-sy`Ch&7dHxl#S~W`CQggzep6Z(XW5tb!q(J(raG1w%5fRP6?XA
z#wm{jFj@nk_DXo?z99;e)Sj+c45f?pg`Xz;3t>{+QG{-HA|I?<9W7MgsCxT&H9L9a
z=VzYGUQmh$jiMtj7kxlqx7C0YTwGi<1E~!i3u_dRz2-0NgfK|?)c}GR1zeVrob5ZW
zv!g+ZQ2v6gX=WurV^+9qlY*IQ$>&~<8_{RQ4M!50egOeM9(W79BeF}mK+~o{y2bxd
z_%vxIU>kFRco2Dy8v>fr_{NJPKIvFi5fHOrRWYC$V?o8YHEdEf;v3-HLj_OeZr#%%
z%ROg~1=WP$u#36L6s)bO=P4l-1l0k88B#=i=3u!A*0g;WV=X8kUBNEH%Bp5#C3=8b
zhyx74>R#8qwK$6+`C=Ubr>&aAi16^jWN(c^kTq$Agg~H-YP+lft6^;fDup1B)r5e#
z2XV|)UsA_Uy8R$|SC|JdNr%l35sp_EK2XYOr%`Q<de>3_7BWG%1K)JE0JY+DwCOSv
zke{GEC1W)oB2gx_=!`I6<2+aYwCOsk<56g%-uMlNdM(N0Qf+ZJTP86J@B>OvN8r2b
zAob_k2h9?{djH|c6Czr^vkyt`Yi1BY^p>3-tSag?3D4kQwEPA_e<mPwUMoOKt>I9r
z+T%Y$G(c7W&6)&CE$B_;I|N<Idd+eYADO5!B^A}`$#OfYFho-ZKXd!ic;%f5c&q|Y
zXzBR)G<CfWD?urCnw{-`e#NZ;_@>N12b+_sirG=Psi(;2DWwKix!|1if`U3iSM{&K
zJlX)DO(_Q1o!SUZOi@Hs=cF!*_VhX$2eddSB(k7+Rxva*EDZYl=m(g3HUgQtQ8z1^
znt~!-DOC&#(xYLlUt)8!fu#E4LIl&@J1tFD7g+@=fiGneGQgbO+HQM$#CWf9`6~F_
zrV@$mwiKHU;O7(2Y@y7K&#c1$aR>ALPJrrGp?4Nxzz+m~#0pRlGJQf<pU@vZq>5xf
zI4P}<Sh2h9y%P}=Qza_aYw_2pJzx_!-=P44McMWV!e<@~n&P2k8i3@@GIuY}X0K?-
z$+e#Q@W1Ba;c*8WbGTKv9X0L@T*-YcmzqA9kOpW01E`DvntfSyb#)>x>jX+#PEM88
z)jE2uqC8$Oc1s)GRVYU4_73<o04~gx1iibUxhen}j@bPCyfP65BV!LNTLQ2X!?5jE
z<+a&NNs~k;75dGwuskpob#i2t8vt0MvygmVZ#Qysa==<q8~}RrB&iPMu+C}bCD)Jj
z)cm`@o-Qsd93NH3u^9LR;#)qi2P9L#@LLZvZHNy527&2IORgB{Nj^Vm=#2Y1W5eNy
zrco6mEw6x2^FH7PQ#dR}R#21wIyy<02if;JH-rGI0&1atA)a$tdAV0RP>}4opItw;
zWR5LanwSNcl7nA3p<ULn^&qz1-|3+$^;qw$zJgvA#TSB<p999<s1slsg&^BjH=f)3
z0XjT)0s)|-hOSrTn~O87olPS$2yoiGiBfulQndqsO)SoitlZZNuhxFvyDEscAx$+&
za?>a`=^Gi<^~rVU<!Rq`1!!~-wD0M<-s31%^EGnHAr!Ds+RRPoWncqQc~oJ``(+aW
zAz>~c*qY+l&C)=GdNsQNHW(lS)L`k1&y^3JHHI#Zj_2+j0YJk8U2o1~3jq4YaaN8+
zu-gNBi@Gaq#5N4&G+^-lVKB*=tk>lUE8sm8M12E#5<M(WDgfMU?9`3WWWW!8YFEC!
z+a1f6pU|?@qe&TA-`?PUm}h^rH|2^5&Lo|+Z8`Kle7GR+6FgNGsj4#qFk(I!x}^nA
zNVpV%U_mX4)HP+J84f>1JQuS71UpJdl$<sQS(~nd8TTa>s_J@WcK0a(0ITD+Xw(3n
ztODfu$%ExS!Lw&TJ}BrcugkOOj$tvMsK`xAHvszSRl~^kUnw)24?NAtHU@d&3VH}b
z*rbJJ)?25InFdXdqYZf-oyIs$X(fC6G8E_G)*e0w)G`mG^|&P`6%`fSIG;Ft96*5#
zz+^z^PL!`eP1PuLMUi^js#njw4pIS#tCctd@s3IcoxQ#NgeL5&fE7j2^=3_R#&KCk
z+kFFIgm(yZvK*FUCEyXCo}OVqZbycN<yKd7XJ%A9I$?%M4=RCf9z3m6Oe(-MRA$t5
z6W;@HjzE_yr2L06EO~zkX?+09xaw$*+?oc1DhHci6vKg&Mgr;W;;eiqNB$EO3iUkm
zJV9yKU`j{n-MeZO$NKBnuke|BIkkY0TD0X>D%NR83HtZ>5nJAT;#nOE)3wp!=Nq`4
zkr5FY;LsqXXJu6YL}+1TX$U~4kxXJv=L`{Sz1+J5XUgADdIE`NQXzQS!`qM+)d5S#
za~|efS+Qcg{q{{dB1Wx}x&0Oy6O)Xcon7Y9`2#0ZH+<v)#LORCs$g`dbX**;;a!k+
za64q=<ZnRp`aqn)hmw+#hKwv#gJo@CR^QdtH8Ps`UzJ<<eF-kHTo-`t{|FZ!?~%%h
z;4FcVeksjcWzxINr6Obwif`>onjm0MsOae>_m?8OBVJ(yYE+s#JsC$RMaIRg@oj-r
z^y3dHPz6vL7$q&p>7a6>t6BaF=H?uK1(BrSyYZ81gC`bGL5oiXadSIy2TchuZMwoH
zFg1tsMmY+rQ-VsN9u2g`2fLsZ;&}gq3UJS;!i(}9kY9CWj;Su97&Q+8<Akcv(2V&O
z8zq35q_xQ3D4DNeLKG}53jmBs(I^GGf(LL^Lc+6PLN-y5P@xh>#-)>+!@YQaThheR
zc1*c0?~_G>!)+m9KsQ8DiinD?*6;T!0|5?rS|(^L)&iMTazJZFiNY3fujUP$fT+{$
zibE|ku+pFI6^cM0oGwoYRuUX0@^d;;!S1dCAaRhmJ(wLTcs%EY&PTJDo1HWQX1!4y
zx+u;|Ppv|=xBeKzossm57d}T@ybO7np|_4*Aa`&x-pRjyjE7S+hThh&*5K>{j&-li
z5DVntgf`8KPb4%n_di9Xy~l>0U6#6|jlaORT|9FmO*U}>gP9J_%iUooiLnrD#QG>V
zn()cq;{59B4J#`vBiv{(yYbJF^F#mr7n<kC$H(uFHh7x9K2rx~|H!DxY4WsxKOLl3
z12AK;v%4D>Zw(0H7!C`3b`FkmE#uQlP&TmolHAfo0+&p|zE$m?9Pd(eMwAMJ7~hFa
zPp1GX^6p>()?2{){&Qq>J{=?L6tlLr22)=jnwo@k>UZv-DHUqmiKJ5&Z4JPiTUoj9
z<a8*t7#S1umCdC0N7p*-`T6<I-lF7FLc&y_$d^<Weg#B9OK&d|m+Y7O+cOO<Ai#G)
zI*ee_Mpw>L`WPOL^ZDEL72ioT|G)(7+w~C^AlJ2h^YQgt@G8Ibs^q@~g0E$egEfLW
zczq~fV{H7-zt6pY*ZJCXs8^-ixA^|M8u)?k(?^o)@1kDue*Qle@c#Xm|M7isk^he`
zZ@S=eV`X`-znQZsQ25^)Q8#?N5I!sN0<1obzZv`g?Dpn}_$UdM&0hXvgVPgRFD2Az
zJ_S<zA6kvWIY-$2iih^^s)Ps;Y3KX@8qVAMS?T|)Tb3F&d#A&OfLX^cKK`CTqiyr`
zEC5=HUQ4ZM{~siS74`7Z(Wd6@yLaGIMMYV6KkK)?w=}$c>(*y}29$_9x7FZ*_JQ2p
zJx3{5K`@%eBrQFC-t7$Y&6_vaczEBM{T{Xq{kpB3ul&|6-u^_p{^p`;zUI4kW`4fD
zFW4C{(Bw+r+*w&)H{oMe29KvSH0)CG5~0Zr{=8vs?im&Qj~%=j@9>r&R^70onRN+f
zbQ?WM?%utdqu5TSI0-qdsjk&OEjWplu+aQ@H<8y_c)6D(B|kmBiz<C#f%0HQ01Zv9
zSVnqdvYb9yGC}|hOQ_Xu*gQK$J_Us>Ba7C?Ah;=-QFNG2d9T{>&S0?u?CaMI9<L<^
zm7;MpH0}x;YSehlX1!8ngI4XiPxYc30ou;_>aCnyvqgt*|L#*nzOYc^()N|amPtUB
z;?F<(%~%hk8N{-g1a<~yg_;7>%l;q`EH;;Ky5pN3dmuOaw*M^TmF&Da*qA0b!z2wO
z9J+y~E9B$2IzrqYlGxEQ0HRgq`1Irfl8uWCcFy!Su<>5pasL$(CeKonOgkad6m?{E
z`6fS#anK7N$$=>-*tdHOSLAm+ep+g0w{y5JcJ=YC-O_?jLJ}h}6#Aredkz~-7$^Jg
z%3z%;*e93z1Eg4}&c$Ow@c4#YuD;vB<{%CyCnt@C**E5X-JMgXSAgCP2{&PSLB@iu
zXxuHT=E^M^N)*<YNli{JGSlcqKh-A@N#_UX?xkx(<fPF2{zyWded@aVhw9U(PdCu;
z@iXTal!OK+S4Z`YjQm7{6IeYjO#;CaiB})c4pxS-wkgsd<6qvTS1tV6d}n{JIwFH^
zq(Gbbwi9oqO>m8a@mn!5u`!(rQ~8)^cCl$*r{8HJ4na>jZop~bV<m3HK)nf6SXw$!
zcKjy}QU9HO!&~_w1LloboHt(8yUyQ3%aQx}5=h_gORLJ7XS65#Yqbd|vnde^s}3=o
zR;;6wsThr(C!Zch7u`gwsH}Kp(p%v8I`R3%Oa-m`;mRk0Gb}P%+6PQbOe^E*Vmf&L
z6_l?^;vX?LJhN%uw|v0#QcZnxM=9St@JnbiIVTgQY?5oLbs}%`(aw&oR*m~3G`Ttz
zX{8*w8vwv?`&^PIxw?_9wcI=JuXq4DIYy4F4<FE`_I8BD#cA{n5bv$5?pRpR4>{U?
zsH$?#>Wqnr`4G)~vHQpGdA(PCYEe<h9w%oBlSwcrq_4H51!VV*!vX{8Kj}1yIyzSD
z#FlsUIIeGS^Kkn5`T0$GHn+6copdVKdy@pc@k5{I^6*f~SHXMvvQ3??4?GOK102WK
z*H>6k@fIiN;(NuSXB!(EWzPBv;KTdH#C#kbN;}1p%OSsqBG}<CU%n))(ye!VfQ`MK
zQdsC$q+N^l{q}cK0q-D_zIyB@PXd7E{i8}>gx%2+?a^U3*EaLT#qL5W0a#pHoeMUN
zO7~-<E{znk@Ru|y3>Jg3f}Y3sv7QTvnwru8HBY|Q(JX>l7Zda)Jqiu-ZIvk)Fn<1>
zy-Y)C##>%qv7^>+-rUsE(w<*NKGD;gf5p!3E6qa>a?c&`q+Mif-?+o_<3lSY)xf2m
z_du5@;a4rv5pg{xMiU0=v7Qd=8ATn4hWWL%5Q0YL$N2dEz#u=T>T%773qAsOhEH?x
zP!Zn4e0CEpqO#&~RtnVFOQl!`udPkJP7qJtIPpT>I!V)c4PtBis%X~s2AZ0tW~z6C
zJL|sC-geX1P+2sz3hQBoC6{>w;&UBx>lRv`az1+9+Ay0J=71qgK-#0PU{&r`RaKR^
zgiLcJz3T2tzX8}63`xm{73L=dbgD%O*0W$zsd;+(mTa;>%OniD1P1%upzWjt%YRvZ
z5$+s%7fn}Jm)~nG*koqr_is6|Sk}z`oUrij_4PC4xd1boTAepeMFqPbQk&Q1P3jxJ
z@87?FptvISQ)BS2ttF~;S-;D{aU!Yp5`@6cJcYQ7%tvv`H%M#kl+;vOm**mY^PF2e
z#OSMUm|tHH)Nc()Eih6CDm89xtvgRAUtvN8{Q%8+5_zDHFxu3#%?-4n;o;v!+L})Z
zhWqRq|E;Vw!5>M|81i%qiAV*#(b2xTo-s{V&CR{<)~&!mD{<`CiiwF!aTq1Nk0G(S
z!mL=U<j+q*PX5a0r@mIbJ!1<eT1i>Ok0~Cu-zkmfxoBQqUM%(puD5UBg-p+scx#_G
zSe8y<8X7H-^~9E&*!?*;!ASPGYD9ZK`O=~0W1`bKmp&qDQ(Qu#v&8Dx@7FQhdI`<;
z{GP{;9}+OOAhP>1tX<62o|hX-`9(%XHrE^WOW?Tfco3qMs$qnQQ@SLB*+c!)iU3yF
zb8gqCF#hf4-#^f_>l}Xqu+QRn{Ivet*N*Qa18MB|-SLdDTTj0`hS-dkDX(qcMAL{1
z{9WmAuRD%ITQ6nhTQmVagBF7pu}~S4#kXCA=mSOK&a?uH*Mv;EHJ`B4sf8KvTfn*R
z9c@G7w#G_v)GCb|hGyST-aJLFe(O&cO*8FJTdlftx3O)_iTDN@3k%CrLCc(}y<flD
z-Zy8gehm)%Toi)I>ueg`!*&aBfS>X5N69xdzpscnnUDOKswtP75k39<h!zfSuAD5@
zrf0VtliNDvF+YAB^qlME<l==)tdmOA6fbOJ1jlOg%^NpM`mwo<RUCzVtVa)9gT^2F
zB3lCpQ=IZu6b84ZVb8Bf`R<^N!941k%etV0N9>yd4)gV~uNbWZAmQ09hf9Tyt5w@m
zfi>k>sV>DyXq2N%LuTc>JUyRp&Q1n_a@7n*tTHYyg=W$V3kypOS7*n{ujKqI((Xw1
zH%Q*=juCtWcy}3?Rcoiy*VAK`X%kS&R<}$FH7@)>n7#%v0<enzvNq&J;hU2^TU*=j
zr(T}OxyxJKu}!zpey8Y=%-5IGv(i0D7Y%Js^uS`Zq^~ulZ3`j%=I!ONyz*4IcQUdf
z!bvua`o#-00S{z*9Ww0kw-3YgQFgeT|6t`@jFV7|C-Qe|YjYLNsa{fbNJWF_d4Q9h
z^>9sme_-}`V%?F{XjoxkrXQ55+ZTD`<Lec^_cW-I#g-fx&6H{oowRzBRheG(%|&hH
zdqWyG^U0p+Ta216!s4c;MT=yTpfKr~zW+Y&@b=cN`DB0pjcgk(tC>%g#GDkM18hOw
zLW{4u{M@5i)ydehNU!=k9r?jA@w@-syT6$=-nnl7Sqc%-bome%XkjeNc<W&x>+g|)
zn`p;P=)TLFljFUTM7mAUD<kF1Gw<FBQ$G1QkcQhmaC_qB=TH4UbG8WrE;2Ht-ll^^
z4z-x}+9V`Og<214XS0GO#if2VeinP>vUL+Q>mA+eYn2u&Bk4A^nA~iNifR!o?MT<C
zt9;=gBEAQFE}K!Yp=CvPjH<z4qG)jJ?NYU%G<Wy0Iu8&3UUBf|s!;74Et_%ndI7U?
z+3gB;j;72T&RaYmjD4y^K@(nkF<D_vTQBJShy9m+X)|kUTk8$9iK<KbN!jsYwHhLv
zEGYtBT`H#>cB!CXU-l%I?R1CHB-<t@NfpkUrD_E`r&FNvS6!7;X#V5DoaGUA);xvO
zSy?Y_kEL1D+LryE&(w#_n0Zg`Th}5<Ns|-?0aE>O;!lhQN2(%VvxZUHq(-o8VDG1b
z`s`XZGoPxW@PUSXTR<B^U8ly-b}rJj^Q-G&wrujx9eKnq4=<5MTwIPu%@d3RMKQGm
zZZFcotR7)|iLxogw^se`BsSUmYb&d3X$i{eshdF8<aS+ndW!Wdh*`HWV{-II%Gc(z
z*!#IZ&t*vX?icqZ)urszaXWBUhPbT7T%a+b0X8Mgr1<iUT>H?kr&0KseqSC5iisJ_
zLl@PmO(7v6>D|sE>PTF-PoF>cXJ5Uq_jvvQ?briO9{W-5AJ~(YEdLQ}<M!>_^DF(~
z-0laIH*d0r$jMbCMr?14m#=`#A|)lIr>`FXAl*Fp<V2g{Cr<H@3<C}#NYU5}=Dzu|
zy2c|#I$x;NU|n?T(9sVWe)g1w|1kIb_}De*83!hr9yFw0#fPJPi$v4*Dui#!TB|kk
zVK$4)2zzR}S<6zP>%p;|zk!HoWBWpG`D0>&dyLZ347#k(VbeBq3%fq0E=ZZ`>FR*g
z&!;!g(geMKogNa~Q(?K`GsT3~!EFA(KM(b`y_9)mi#(E^PYw@HAM(<@)7Td06fY0Z
z`?-s&5b4bRhsof4S1@Gv`Q8EcK%rU#X(*`xG)_!d7_BWN`IGOjcWBV;4cT*-``{6d
zxsYt)5R&oG8(vhhBGgn=|BJb|49a?I<3?{lK%}KxK?&(@kVZj}ZjhGlPNiGAq`SKt
zB&54TK)So(tlRy3Ip5Ej_ht5MXBfEo$BOIv)za-LcDcU4v5Ol%;YD>oJ>QFN6d!Ky
zpg0~0*OHWuA$dMnyq$oLLdH#KqqENJFwVu-di2dKp0RUjh=9~`czdjd0`gl?Kp}Ui
z2MCN<|6=0d1)N|}QV0millCGw*qkiV@HHL<MfW~+cioY4IT{E`w|%m5y56?=$>X4I
z>H-T3%VeZ!sttE{(V3#b`R8yGWs5fc__~$K=u;Z`<ZAbTvgE;ErD;&_a4sz|>zzA;
z5>-T21<~#59!^7J0c8iezSA$f&2mOLzo_{7NT=CkkIOJq_UDnrX@9;I>C;c(^IdL<
z_;n8-GJc=~JWrEF3RvE6zHD45-bU}3L|kbFTv}8)SV9N&rbW~%U$AxH4yE}SM;xur
zZy+DrJAG>!P_jQFFAy1HuE1wD)%1Vg74cmgQUAc7K3}IUZgJ0U?n#-JPeLt5&A3XK
zU@LCI6&BLQX+hq6dEQKM!NuvdP1km4t6*Aw+#Q1FOhy0?`8xlLMni#UQ{2sU=mw$L
zL;K5mW303D2pm<!QwZXfrS9)eZj2yNjF9fxCMUA#;uQ#3mCRR~g{~itTpM*KZk2?+
zkACf(9eb?OUO6{8N{Q3YDHVO!e<E#PN365i=_KIua7SO@D3L&_T7!5uU6JW__fPFy
zw%G2#9xk^AE%DYqPy3X{!o2iAcfjThAU(g~Iyu2SnKTi1_vS%ckB3{FykW`jr>>1W
zU+1%f2CEY*tbfa2-yo)YB*$5|cp{N<TK$1O9#>~XJ0lsKT-Jq_qgTTz@d7VpFb!*I
z`y2E6un2L3mpu^4?}s!X?NNSqqpuMuUj5e_o{E4L0ZdH5lUN)d*CV4xGy&Q}qw!Bz
z=0Uc*R2-eyOzD#K$(q=&o*r@z4qULmiGuHx8~h%>XCQ^PC5Y&6Q+|_UeleqU+bxbr
z6VTmG_f)-U+xR-!hveUll2KBUa!7MW!t1nZ*iH+1UzHnHZrg3kW<L5p;j+8G|AmL^
zRp%PK9Yiv9H<jDW(qHDalN0*thezft{|trR@SSOo(dp?PU!?WVb+vHkA-F>B!sKhM
zIVwh^4R65>O%|F&&?j@YFE7h%2Tsn+^i~%rj25}!y)KClrTMlwtV3-tER)6pv)&sf
zR8y#wkx>c*rq}G;obG1m&i1(6xb7n*IqZ{01<QgVDX$S*p>kX?6-L?*?;Ni(QIFnS
z)oN!NOBd%qU{cNXbAnd$n@|Tnhcm<<g*2vAATcRP@3FZ-n99ao7&eYxC-QZ~)`-q~
z2?_aL^*Zx!Bnx$&xj$>l4}BVwctFom?qIi@pD<yZ6Y-eHYV~atW(E{J(6RzJjxWSj
zRL~#pE;{1E%zQ_tOBWI{y42KWgk_dm?GQ!$!^DO4$n72M%iVf86iejaiZr5=348%7
zFvwLzMKxcl#$9T1@X5(}3ju!}F+4mRs5IX8FQ~#nO1YZ;0Ip)^bZ7GQ#fL|`Ed!@Q
zana^3hnZx^8wCtQWBPpPM=f_w=ACX0C;1;PHRkNia<Z~^frfXq*hC)^B{M4)vQgJ^
zMJ6CLMCdr%Y|_%XcV@x?$J<|Ar4~71r=ZMlV{1;`+`8k*+GP_J6>a^{m~GeO6j2KC
z4s<$Ny*f4YuRg3Be>OwJOY`_LyD#i=@*)?p)@msbcPJTor3yTrM#r7+V-#=DMWMTw
zP?<=DNtY>`$+)CsUT&`c=1`LEVX=v@r)=7XHaz#OEi%YMrdYY>QlY&W3UEqfm`wDj
zHtl+KZvS`)c<g3{zxkb2R20Bb^7!l(!RvL$2`wXa6;4jk-e0f~o@z5V5)zU`6IP0C
z2Wr#l@~+C9kns`%#d>R905T9oQ-<OSXw*Bq#2xMRTdF|Iu?>K*ZckWYd>840K+d+L
z@uo{aI{?1q-va2z?&(qFALP;RaJjEWr`@c&c?s5+t-Zb!Kz5)I3A|vgh(g2bMYz}~
zW!3-s#XAVAcR=$E_rFGt6afM)UxJ_LqZ=qifm(mGHOyc>cdM201hDY-3o8=hFUn9+
zvKeoSGD^Q$XmG3^9we()nTq+d!^K2OSSInAd>?E$3P2&CZjPI7AjH7%)>z4<F<q*J
zM?fWhb;ea?Jmi}rW&&x?@QR>#{n{<dyt<~w=K7EJYJmeJF!a`2%MCr<sjcI>#E2hU
z>q{z`pPjvA)25$)wYuVj67hcA<zQ!Lr_-+foItsKTC*1z8Y~^(v%HKZ5kdTY??OtI
z$trx1N4>%J?Y2j<>*$f;d;fz+7?|UF4|Hz>^#V0k<3747fI&Ap?F2r0xatjVWA5aB
zkl(ENfrU=W_bdH11tyqnoqp97c6XGs3sUImns$yoy|QWGNgK&VHyHVshBHi;X}xV0
zbftT^rEYr~d*cw(QBVc?r<kOXZmIa=mX%748JQO|=24rVF1$WhW64oGTS-nA3AmJ>
z2ofcyQ|H3#5%-69OR1!s0I;yZ#rW}dP<yMsa@XAP@8883C0TQG^Uw3mZy?YjEGlZE
z?BZ-cv95es8fXW6kN#X9gl4&EF1?v34-$R<aC<tl8bw(*uOJm7pRbV@K4}p)@hlzG
zf(E5zpcmI#y~vUXmN<WCF~|HEM@{3P5k}aidmgCUc~@l%Tb4N1s<lhqG+}J;q(gbo
z*9^p?f43974T2kRo;1)<Q9l(dAfjvsG}gSmI9<Avbapnd*!}#!h5YpK!R>s9^Ep_9
zAl``+lo=``KTCA}YiVP2Uf6#L@MLIWVU~3@8aJ4kDLat_UssGgJcL(Ag6)U=ccWJA
zuXIoJLFpr%!Y5?uDHDF-M<bK%a(a!lEZU3+VKbSOTy-S?Li3l}Z7)!y>xMEz{f=E{
z4j)(~n76mL`{<%sPW$MgwWeyu_rZg=QZd*(y<`HX{pAlyXAY|uY4l0I`QyUF(Fi^F
z_OU~{ok@s)rjWxyUf{g*O=Qho@0^Rq=gHS;WG7g|dTHG~2Opg~<g34KG+XV03{=M(
zf8z>8?rKLTC!-pcCMTaA%-3QMuL7;+1<IgQlCf$&f63o$gAAYRp@mT7R-KllM%-cV
zM~}ao@Q@JP;ojoJ2>>)GG`5Gal=<zuu5I`|`uIb^u6cF!*;a?FMfl+noqD?F$CjNV
z+cO4Z3shRE4_mbnvbQ@KU}+tzz0iTY`6j5gmr2aapti03=4FP`KpS@2k4YAtm)a4;
z%!-!QeSLlS9&S>(SlA&jTYEExxkLRIH`_Knd#tp!>c&;?^0sn|UCCbtjW(+(K-%+0
zbdL8Eof;2PQ=^8RL8}r|RV)6`7zOz~L?-SpDk0HzR{K{#IWG<lC4``#KANpzDs{R*
zNotdWB5Tr?XR<tA&1q;*en!xBhf%ORFR!S`I;l#VzX_>q;xTUSWWnlE_{ZKjj&T9Z
zLtnn6X2T{dgc=~myHkZ5U`+jeBF`BdGPIoeJoA1<pvCuU=4VP(OdHDrj^UC*c2H=r
zXd8@=Ut~r!RcMFz<HO&>|G@ln*61gdQN~hnR5xem#i3(0qq=C@hQ@cP6#T3vm1Y3C
zn5{Q#>a+*L;M#2mR`JKg93lijX8lW#ot!o6r2rI=pAr5bB|>pwd-0UfRVb5^M6K3|
zqPuGK=jk1WSFNcJ=~82+(1R<rv4V_lKtLrJQ%dhtVw%u=0n%fmK=JHZ&zi-rCX|I1
zk5uF`)-x?L)7(_EFJCbF)ijK=CJXu(V!C2}M>BaY;`4dlKjU2Dw;sCTX-<>ceJ^be
zMaI4LsbtnhA6slCzQeqqt2D$Rt<r3mWHIKrKG_(+^Y!;9=eq}aY6xq$sCcjckXs}r
zZ<$P&OS&}|Ll-6z0Re&S1*>wVhq39QJ%e!K>%+12$w*-k5*j>kPmh6jaY8|!MXqa*
z(3tLg=V)Pb+~)=HW;Gtk0A<w9<;8_tP~Nft#9J_lO<q;dz~%mp16#78nv~zpKztph
zwxAb-TT4{2W*X+oZgizV&9IS@%*dz2i)=Xxs{1N4GRU84`Uv}!$I_MD9XoSsf(rRO
z8G6meT@<H?g}{giyy4ZuCAZE#|CMBpSPfh?+ai8;&UgXaO^HUHN{QfH)OXak543a2
zpSezlz+eTPIlw9~U+b<0hJ_7XPJT5tHQk<Xpol9|^#STu&8E#z&~;@?*=_VItzPZS
zHz?GGpHU>+ZeZtDR7<zyQNIX$kW4%Xt~{g>yuChQML;KkNyGDmc-v%2e3>16{c#}e
zAIm^3h`rq&9vcfU9!5wmU8bDn&ku~NEG;Q7QV}k8zw~FH<ZCumc2)=Tgf6#5ywomR
zDkm`GG#|F-_WY?Q32L7r6}qm#v2{!U_(Qk<^CKmQvJhx6E_Nq{0X8~TZ<A$D;@3Y+
zQHT9bks7PO0R4Ta<k?@(vR0o;`+b!%Z9|$CzN92|0K0hm_`vmqk%YxRKGs{WzN~$y
zLIz09bCeey?Hyg#Usfy|WZ%U<)CvUfO)D#R?)6FTr0g&=kJY<g@Brj1I1h>wQ+hC)
zsVz5uND=RSht)x;7UM#1FhxJov^{6+%@l?MiJ_xu^Wg@BdV=e72;oy?4JKQek9J;@
z|Ng<j7ekY8-tDh`wmHMwZ4G|pG^IJ1=Oy9&n6@byS#4NbO-*lST2VcYfI*S{OuB7g
z=OPh@yQE4jHrh_Xk-q>;>(Qw(Auy6PHLdinnSM92j*X4gdjNGu`f^<)kAta{c-t?J
zuwLLN`V6$Vkal`>^w)yD{ufn>sYjl1muz|OvXPkj6bj_U7Vm2r#sVV9Y^ygv6)AhI
z9>toy!iA%fNg2kN<+eFxgZ!QsE>V9>JXp^*v?!^!sHIjQB#(TqSD|`X^GIP>2kjs3
z^R)tGgxm4FnQVjqy=uu=z+j-gLR#)ao~E9c>0jU84h+F#d?y{9?2jtbrtF=RM2Lcl
zs%vT*3Ra>F0Dgbuo!%Nrt86*CyCUG#CMG7fK0HUduhK`9N#TxgI(oZT2uicH(;A|B
z_XC8<sYzznzn@XaI8=At@A~`Jjn8+^w#<)+fW(JOjw80Jwr5+8Vl>x5Dm0A=9<&@j
zS9Ur-dA&$M1svUw*4lc`{$o6cnVPcsQQ+m<lA@WP%${qCzdou_YiNBU!J(Z^*Y$C&
zci$j{h4slMT_1>_lrf{o+DE*L@t`+Qnjdz8;B%W2hm-JA+kLFxmX=ARl2TN>rAZJa
z#{@;HFSIdOoN?yj)sX<A7Z}NDGM>khs+qoWd}1PwzG>!(xCR3xR&E-FMEpDk)kki`
znIDzZS;L!e4QH_E>FL?-S}<jP3PiY}lfDK!Gsuc^zCO-i;>iJp0L0sNqrU@SESN{j
z>xV6O!e4qX7OF#)<8aGAV%-k~r`7Ne6#~SYM#lGiqP_c<L9v^fT&3s-Hb--aaeOkg
z=E~5`U}B_6q&%1^QmMasU&-*fN|3ONYv>{#3&A885-SEk%3HCJwe>t%wOfzarBVQu
zpJs6ihUO*<n2|!upb9;)91@@Z=5!g(bvxPv-|f{=9#i>*Al{Zp8kZ%uI0{)VS4I>*
zVXh-CDj5p~{gY|rjt6^9c3BzFdxY*x<m#RN4LWu`#Rj}dXNw#9AJ+*I09!=<j0$Dn
z<9yA>ha!c`*k8lv$pPZ5+Usak9W580DJVosA0;QsRQ#+gFK_on(jRs5{)=?qbVb^S
zy8jFjG0Xkt)b<SJ#m9qL4i@RQaQ~_^R1_j^<!zMOGHv*w$7>Q`{uQFJvx}kDrF?d9
zxZH&J?4zK6P*4R^%_mR@)$#`0t*iG1uk07<J<Lzx^E>j9@|}K9^Md3KC4@PcDSsew
z$tx>EkCdzwe+K!<@4_b4%Nk#~ELIffr3ZioVLAkvG;XSAj)yBv5#`665bt4<1tHqx
zt>oIlR?o-8c`B|USLz<h{vCs12E(bj<`|-XOFFcl(W}4*C75?~G==3#BpruNPE-lg
zr!+84lGtp2t!DMw40K^p_@j3vb6WXch$V4Gw=GBT3A(u@slg-?^Z(ttl6TgUM%p+U
z%^>-y^+sV!tKOQx2jMclxiz6t`BU%Zfvx+`BS2_=F0<5XFadkh$w~B^c1zQ!n-zt*
z|JLsDsj-fXhbHUONt69WI|vj-vK{0izPmb>RigS245$Q>iCdFu)2SCg^6_h}J0!<4
zjoXeAD2ifxbNcxydkRvhc6WEnYig9#mkD<X{}DeeBnan60igOI=C;Kynzr->@MPqZ
zOs2$@WxjmQ$I{J{Dr(E5d6(?cjKw4MB+zQU68j1Jemt_EG`G|`ZNA1-SVRQw!-o&`
zc2}*7)i7n+G$;U($d-|dy9}~}a5>)Bj|vHR^oyP!tw<OVM8AwSB<(_bi38B2|IP>~
zcHUKI1ixn3gvG#F1}_GtspHWinwA!Su~yYfiv<Uv$=(Pquag&r2eUyPJ_ts$5+Yh~
zls!>n8046rbEQoZv)ot)fFbu25%=1zgNmk;LoW~<eJ)mI)@+SxOmGJ1O;t*pe<MP0
za>Cjt(PzsN;)beiVoB9|csL`%TOO95l~abK8subw9)?yral_?~11OtpCbU>u)T4W3
zcE)*lING5vdFxOFz$hPKwO80|`yaPwnk{ARLYf`2TBSaI{DrLZp&c+Q!8i(h>hh74
zVMJN^siXj9UEgm&7XGqzPVhS>gtABcYr>GpX|_vZ(9Sy_ScRDn@3i^O%$#YOwB)Aw
zHzXv`4!@O@(D%pJbxarw)Y~1w!1@R?In1M&&sPg5Tz&l?8XIOy*`i{@sC~WKT}Sn-
zswySMxF>Xn%l0o5kQ~8)<`~ra=|EEj{SMHWrml1=yyLyw?cAf%mfgr6<fagz2*npb
zDS0$yaNoROGwW3pC%x(J$nZa&zgr+bZ!kF?UCmdTL8{s1>6p85&AmLixDb(-e+hZt
z_7$_igmvQe4cAcSfum!A13l=1IjxouAozs%={hUgEW9;(diuxvH^_;-*7>VHHl4L!
z3}EBq2ZDiPaLvb9=0`SFa`4K&Hl9xI<=%8@`;`#SfJ(7U9pwl0i@lGz%`ZbTs_#G+
z|3T{pP0uGMC%_l{>FlP3yrEFUhCjnL`P^1}d^<N`{9;1TGwL=ux5fW7iDl1R8|=Ky
zbVh-o@0wX!a=XIB!V1e<UWRxhT<qmYX*4O*2Z}}=jr49clxwGZj*;(_HWc^oU9!~y
zYC|;i`_8Gm$HR}G<Ve^&_eNzgI}$ZDHDeVb8W8UpRx4kBzcsKNAK&2~Z!cD~$mel;
z+z#?$naD5r5Vp-3(|G;Y-reVGa+^V-91f>TwP7Z#DEvybow{>BY2X~n{%i5hS>KI*
zgF*_$T21g8b%#CEB~2BM2e`j-5}S0!9Q#R1)N49{dV6)L>3Opo-Z%Z;$GaTyU3X&(
zL%;sosBra>1*elg9U=`oz=ZX!;SBfBX)NvaIgP`omw*%j<dE)3R1Vns=m5iNu(|q~
zqNZzeZ)VcIzmK9yG;`8OVt$^nA>%`IPiKs}L^!F4!C$wAojS{faHXP|_OnZiH*X9c
zhz};7$)l0-L=|`pr?kClE|ph%#5(46I*M+3-T)K;4B9pb5bUW5ACa&XUkk7-0;wP}
zE2}~SNnk3elkb;kwy<O_B$EB7{Y4)<Mgyn(kZ!$DQeGJLJr2=2(iTiCA_{W_C<yJa
zH`y`yVZAMu0H4>AMYv0tHT$kgY}ej~*YQwXzH<MFhK3u7)o8dgJf#V6-4vmGH=w+x
zdY$idG4J5)=C=OH*C6ATA%)lI?q_za%j#Orj;9Y9zw7yPw@WhESBX9OLLM7ouln8@
zPR}*R5ncSf%KZd^$TquM195R+w|8nOL!nAp5<|+jZ!o5wO_wdH0$nY4Kw>)d^c5EM
zVjq2W7&<xvyY=Xv+;RpFKK%ZW&}JQU+$wfvL@=ITkh45edHU4lXrUmn($Lu0(S4D7
z401pABL<^4mwhC-+zx*Z9#}0mcO*Fw`CSQy-^+{sSA?G?0L<|rDOQ+7yUG)*RHrSn
zz~jH=+mjNiLt0x4Pfwq0X!ZI2eRXXub>~2oo85gD1M(i=hX`n-XgWGO6wF{9U@{wq
z-4{G(6b~hhm@(PR#|skWa(X0(@?aq<rMh>5yg8fDN$?b&@^V?FIN|oZ4fOtWU~$0r
zN+#Uz$f8O-4E>D+mV)yg8nr4)CTe^*#EAFy)#p?-{8lSHPs%0TJ@ijs*0Kw1eKafW
z_okKbFIHVA;6mc*Vs8wb-QD?c8P$SIp7wDC_LfVE7Vq`-^qF0D?F$S;LW6%z5>)wJ
z0XWn@*J!tq4s13++4vgLe%HY0{*WC(e(ZXS9i2DyLj$c#&wqPC<FtkH4W-_A%noRf
z;*%T!#(wO1h+KhBZK(aSk*9H|mUdnJbKEz$+pKP~PcRTUGC{q;*`Vv&3$sQxkQ5^~
zr(Ah_*-bmc<n<_=NOH1J``|<Il=3TTgSOoAfwExl5)wsq!|UM|^>mBMsY}RV0SY;*
zxC#aCB0{$OfWlZ>7zn5)D?nmS!43d2m~Hy)SKSfN_Yp}*Qi#a}n*bwmrfxYI?T`8<
zWfiIo@_Il1VYxaedeU2Ef-(#O;ndXhtC1pP?^o}Ah&XNJANqudM%F!LHj{06x0RMs
ze+A@Gzp3-4OP>0F<oYHi9?wslIp#)a<b1@LRW65lr6$;a(`aCj*Jb5MZETUU<IZBX
zxqtH<X$U`E=EH}M^F+JjoijYh`;;X1&keR4bQ>jrvr7b=9Wk-#m&;I^&N~~dJaQ%`
zrinYOe@ycO%8PSC-pELTJS)k&#7r=ZE`ToT>(c4F;h#-`BV%LR%SD2ZrYDI1DN|_I
zMHI0~`7b+f!;<~R==mER#iz)oYY2FpUk!UDSDFkp4n0RlmjD9Y&ov)$o;_>+4*1~u
zU3ZdiLa!m-gqKr5e?*_N6{&{SHn+NlV+?F8y5|W<UuSZ0UhH9u=X|VXVobE@ur>s0
z2|COAMsk4NHUrJ8M{nuZO9?El$$S_<Ha|y2?g}F+1+;y7`RvWPNpw{WrGHH<jyNh=
z@Wo25^IXFggh9tf9F%mO^ZhU0eoT7J#)dtTcGo#IMDkb$>*sNIaR|f9%iD0{WIpqv
zS0+_##<GRk`istN3~hj~?=!x$%bwh!g_A=MfE5CXg+I!0y|}cG>xK1gv4QXBt<n}I
zi+*RtGG)|Tgxlj2mv5kw(0%IY!U%x@=#TDXARDkTeLF+Ndxqc#9nAC9d%n6N2$}9K
zM4&Mz|1(9qzu<(Cx-yOWt}rhEvn#-;PeN_xJ4=2+f$rS6*s<FV`jg5x=kvcbxD4vw
zyF+lFo3OFhl)LW;SMN=dfGP^g>;f)ttX$UvJd<ykx3|s@JkJr)ACU1lf5X85%qD@^
zBe=K=7BXLB;X~4NMM24dOH>CUH>xe?h;MJXbrwWKM6d?p8AOxOv?60-eBlBj$ltJ`
z@HaV$?6BmVT$mB33VMYPX*_o9VSJ#nHe5Kx=P~#k9+9E|*Z>zA&fTEcSe)Vk_0A`y
zSEXJ=JFBzl-zKXs_NL$=^&T1l5}*gW*qt6a0k#IWBn|cZF>K32QhZiRmfNd?pq{Xw
zU%q|~Jm$2r28Uk|^SUTY^4iTC6qxk_6B;3CT>eaKF+y8mqme{pDk`d9-Q8;=xI-J^
z4141Z6q}6d2*&Y~V?0_s8}0_n5eVl8K`Cx%>1K7Q_#F03V8MpUsn(~8Ap46oD$lh|
zzJC3(+|11a7hFmGuYwYb6lihl7#KjNl1Y=WmqrnfNb&9pxHP2spCUIV4S=k@^Nn<e
zD_$|HRfCpP^8OoAcp@57SWhWjKA;y}{S*0Q4e%iOiCW7!*l5b|kz*Gis%8R=ZLw+%
zDVX}uH-tvYP01c1nEVu;6M~nUEG(|(VlbT@v~IJsK?#u2KWm!|_Fsp8auC4XUJWUy
z25;}~uC^~P;S1Q(fk994is`vV?GbG4QU4ER@Hq7)&_xE?SOhXs)bx8pg+G2|;jnl>
z)MLhYi5pJ8kQ3p1TdH$Jnoyd)P6ja=P6$t*c@14pdP3t<m;1+In;gx>fDDVp+-#v1
z2k8EEpEA5KNw9p>?C?Ge=`ZcJovc(~+4BB&aImlN8eu>o5g;6KPhAIeo^%q2l&Lxp
zitI17Xl;I<?XSm;$&rjCpDp)9<#9X=pRMO27H}m7eVKS&X+c(jxrK$zmk~j58^nNP
z_uX2$6E<Ft2t^6e{hfJ34Gv6NTvsksM2fYbT}vFXTde{C1T<UO5U4Ei&dI8G6jL88
zV)6DfD-lrIrsu*e9S~j)ZrbujDMMzU09R*wA|a}~r)VxyDGQ&p$9bpdT@b`fzWgCq
z%Fg^Vo>*|7P8TgJbah3IrCrE$*lS}lTEsS=Yn77sq@fHa@&ibi<Wg=%M$nC&(U-+H
zza?X;uRb9oBP$lEEA4thMo-IdRjdDcbrK5rA)92moC(@GD-!_M0X)D=cpZ;=oBgD6
za>r;i@sl}<{XaGAhvCW_HDwOE1@nO)0BJAXXLz2+E~|(~TdfJaP6CftSEqDaAY&AK
z#gM%?S2TCn<w{qp>Y>)G$9RFq;0xl~vSdgCq^+pr5rA8OPNVS|(RAtiAwmKP(?HSp
z-KQJn4ioCdYBjJ>cV*JZj}9N}-D_R0d!zW(APon02gL$|kU7>|y`>~27T!xh7#YRT
zYv58n^7;Z$?$v=VsetPnH>$VPa+%N24p+i}=e|8tx+hWyAm(3H+ZcvZd4eM;{EcsZ
zZ&ZW6iZYZefR!pd(_sL2G?qD5X;pas>y0rhF@H5Wpqct6=ka)W{D71K?R<M4iN_B)
zZy~oR%SYGeZv8l;g<7dFX7YiZjg8rBnRqaf8^<WOhoE*rRbzF<$BlIfQzKIpiI}IH
zXo4~#AhE#2|DchF2cO#<V>pc;Nke0950PdMY~iOI8|CgMyVNNS$Z>09=nj(|9WZ$^
zk0Gz&?u2DI*Q1xkF3v|w?A$cDoa9xB#3D<z<ar|pVpt@GlKNYYCX3au@?;+aJX_oh
z@&zGZ<a&q!Y2KZx#rwq|ro!_tqT$S3b1t9`{%%t@mjXSFbdIKzx54?`(I@#lZL|4m
zxoKoZ5$)Q%h8(f8O|J4QGS&E+!SWJ+5BB}pMoiGcM<+v3p$dly9#yqm^d1)%m)}bx
z0EQh(&Uu`+P=7$;Z&@T5W7EH78%$%>N<g^ajg)-(M$qy66=6UAMXXxCIh1jf6IGGG
z+nXu<o?80%(S7aQWq+<oaN*`ZyTr!ZNY!bBBgI!9)sjz$l|nyc1!CVgwE$lmUFky>
z&}NeJ@e#|(k;!F>+JLvMyqk~g0{nZ&JY4v%J6=<3FJdbzD+5w}_>7N*LO_5tBO~Lp
zib{YB%^5NMZVC=qqMoB7bpt2@gNO(bz(q0dwBF5xlaZ033knK~iixeB#WPZ?XFrER
ze1?Xx1s77TR|gRqsZKDEku(8}>7frFWrW|i)B5`Rb`BPE^{dAGK2>A^VK9CXBX(c$
z#{HG%Dw){Xha9QQ<>kq>+t9?XlQ|_n$oMxja1Ra*RVg{e*wFvY0Zj@y*Bfl`d*1+1
zQe0A8d7+isW(||o`w8I{0eyPDJ~tI;6)|2Ce=je$#(t;y{O#bN?FG+gTxiJ-SeR4R
z-=G9<0?BGVhb@SZK4%LtkHF5eEyg!j<NzgN8M&=a2Wowx>*PA>%skMAu==&_G~Xcq
zlcKk;J~RPvb%>6PwFq<<t6O(3Z*Om@_2txevF*5X{uNI#gDecUc2gSUE-(65EdNbn
zOgP>c8KIl?KgMYL7#}ET%SGB!b-N_if~$}r?cF!>wLA$y)D$k?QkrprKnFplZ5;q{
z<<-=Fw0I-NZmtUQ3<!>rvDh(fOHcrgn&J`ugQ)0vG*B;9U`(2<O?nHFWa><Ih)5it
zOi)4IUzKVRO#bJR$)sD=i3HbhL(L50kpEnblOf~MVG59OI@){U1O>*>y?qP+;dj(n
zXK88aY`G1%oWV(a5Sj6NB=f&v75QRK6At<TZx|TR*iEMbfL;we-xCkVNd}UIOn^+@
zX!4ND$K72WWw{+a0*G47UOM#nCL3wJvYCPKzYhWT5B-S0zzY;8EBW4C`1`Ti5vdll
z$9#-C9S$Z<a#1qxFTLkNBvAQP0w)$A)(5tt{&xZIfB`B{6297M0T;A)2#~;f+%Cp0
zkateuk0xwy&sJPAkO?%<<we^3Z6RXkQt#9%-+)yc9+EG&UdPAp2sGJD&hN=U#}Cza
z-(M#4)6vnLR--`Q40wur7(s0#cf!y9WcgV%ULgnx+$csZUOd{#d*XeAK5b8y9<iH6
zqJr@6r*%ZoOEUb`rkVeKjqKpR4}ktZJD4jC{eQO#{U<W`|1ulV|6v!?|IdFOY6yDO
zkA5Ubwc&&beP@Az*eneFf(y_Nn3_NQ|69k{zrO}V9%2BeAdjSO3lVC=n5OBzCfO(h
zd2r314}>r<->B6U(G5%bJNrh#55(rFBK~W}w~gD|(Z<lBm2%!l>TB{fl2*^KfXK+#
zALHMJ%{!P1t4MH;^aD4-_tA1D$ouXWIO%0&X~w;jQ)fF9RD511u#hj>m2bdkj~#g{
zZxLMD7M9GRf0YWCueAUpg~uowNiJraL%h7aeEpIH6_UU62f|)+PxkeWHI624{BfBa
z0&L!c^1UTxD^fsM4*%-z-~u$0<@PsEUkttm-q;y;O;2+SxZLk5Uhv*3&2It3_sik;
zx7X)4A;*c4y3Ee?E8akr<E>NWaebK6CTKL28c=6N!DO<gT7AD)cF*uKCu5su{iz6g
zyW1*V;BGmAN4E>~?U?x3bPi2Gv3h%X7>=~wE3BYEJ2PN+JE&HySp@^J{<<PFS*S!i
z6Y-&N59nmJ$J`*0FKhL3_{{FA0`ZbHzndNblwEFmAP#BwlTwi@v$QzhUglTnuK-tX
zJ#fYV`ExUY_*r4#p;jU?twNfc-E7z$=tG|$MUe3WQ(~c^>l5&Lt^!#eq;f_(FFX6o
zYNp|HBxH#%pPzGBErkQD-;gFkC*_@&M4Rwkv(1E2#*$Rg4cRBZbhKl$TJ)6zph$H(
z5_|?3)TzfFN`8PrMICZy!12iYf8Q~t_X8r@myXOfKy1*legYD(+JjjiD%n)Mq1{*}
zX6E6pmxcbcDrKDy8e7{yryvK+>gHQGWMmOJ1CK!WqZTWcw%igU-_u-faVPj385t2W
zn9R#7;c|0(v-+o_3*w#oi4e*ubJLS<{HUnFJhyiMg*hCAyKqYo%Wzsl=_M{{978@F
z#CRliK>iC=-sI%u7egi7*DI}0m2q({j^;`ytez6^IUeC5AzeK~3owvf)7`IAmE4cF
zRop-aBv)zh+nqsc*zod+2>4Szd041z#v|`y$J|OoSG)5fu)4iy_6v#oa@FbsfkZyX
zpKJpm$c6C9ryO9<45-7ztoOJ>b3B*}NuS9$2EyM19{Y}pEJR%+qqvcrrv_&i{w^Tg
zhCqOnV^}W0NnSqlhYE0cy~CMpa2+B5iZYlVXK1I;5aAV(0{NWTu~V$ksj059t~=|?
zMVHxyxeV>4#v83SIiHPMl-}YoXyR(~vKOP{aXJwTy5L4r%0LZBsj=%vhEmq|zmV_=
zao4eBS?<kO<b+Jp$oSj?uYI3E+Q~kpl$&<1+-Q<-^zT1$-ku-A>r?1AhdGB_9?WkV
zVxEZ#6^uadShVd00x&$Dot$8P=K<8YYMbTT-O17vhOpLFf&PVApeb_1=P`f7XSvdq
z9QfRPxf1nkYv^}`9+sQ{txhW+Wej85O82X`*GJb#koTx}fNIa7&|F+R0o!%`l6~*d
zr{uqC+|tsa%=UeM_;^#_tvSUArV3u+Xmgq@a*;_zwLzsaXe9F+PR!8NEie!QX&VmC
z6`iww?0mcG@Z{OT^2}izkU8D`PxN@pX?z}NdKFwM0}`U54ZRBsM1YC<H*B)NW9xK%
zO(mN$3^w=&w(&=u-s<`f0&%|oeQfJ`Aj!K?SXgbOG9qs7chWk|&NkA?AoygZ4G{uZ
ziuWoivPQQ6@u;tF>>N3I3qq-NzkYq5Y^w}qbs8JyV_yT00<b<|07upAEEn(@b<EGd
zU?(B2WJ~!B>N-uWrIXGpc<_7aSy?_Th9A3@htWVM-2dYdWXf>aT@pjS04Yi5*22@A
z9|*F6g#g{~Snj7iX_A%hZXBU99SR;E_3Od84a&>I1;%D4TXQf&kPGgNw|FA}K-gf1
z2Y~>{#C~UyKwW(t&m9VLjR7g1d$WOh(&o_P`;)b9@E`JGD}@@<?VY_cWIVP>&+jx*
zyZEZF?TK7K00wxkumm*z*^%V8&X2|$u)x!Q!%0?_Cu_48m#v+U9PiuGLQ<$$`lfFA
zaT{E>wPWkI^qDeD0)n9N9H|Td*v~F3bo7l%9=75!Y6*+};>Bjre4fJV01HI(J%3Jf
zXq|VCBI@hQ@`2X~;13|B1UXPNQ#ziO6*y4;>~8x1`0?5O_MBjI^R2Fl2@J?D-QL|c
z;$1n~f(H%|N7*{(dNx3PbaqKZU=k7rgCs2AuO{3Wh!<&bb-+1HCIDJHYo|7N2q@u2
znj9@y9X$IB>rA{Rz&n{$DoZU{QB*rnHA>-k(sn-hJBuL}jQvgDr?LLf6)V0>Q^G(o
zyOXDs4hYpdvC8s*WX01e_~qM=eV@vT8y|pFMzhHgAap{`R}8SgX_Ki~5cPF2A2S$_
zk-=#NI0rMr3KjA=z`THbmT960%RHhkn@>&y*ni2BvAdwedt1vDi-lG=z|X!o+E|KU
zrLb54R>45|oIzcU3fSGLviO`@X3&Bh9s;Y?3t?bd1K~GcjFgFM%%;A#w4_X~@Dx3*
zNNTJUDV4zT@;2Gu<dmd=WO9En8>1AWR(IDB%JN2z54E1XQ!a)88=G8)@C{wb*g6>o
zgp<<=Y8uqiLIv8Qk5@!1O-|^`0wXXGkZLFfwojH6Cz-vo2#d(XL;^bcfpkD@sI`u4
zX7l%lgOU@vaIsohUEkhjs#fSxo2lUfZT8T(13m!`5<0r<GsJ*bY-}jN4kR4(^6gl5
z1r{AnG2&&*()jeW@C*Y;)*DF^?DY$Y$0UCF9TW?6YSj>GbvCNJkN*~#SI|X<R+H-@
zVzNE`Rl&CqGE`DFCIuHVUPsuX>Ehnxz(AA*QSx-Jv{Zb4(>KAJ$LKYIfzJnZ%JK2a
zG@~1r0Bi%4CGUN1FK{+NSUo|pY6~vVS7lpTeJ(@Gl}Y_^=oTCr+zEUlEZHs28%dvY
z`)fB?NoKk2F6n^!AZ_)mx_7qrx2CCtyknak0Pz<a+|cnDwBRA`AiE3N$EvsL_eSXV
z?1QuCfO2)T$QT{czD^~Z?TKz8NW_;en+wNFt6VAqxYZqjkgyP`cpacG`Mv)&C@ie|
z*9QfgoB0cr1t8@Bt*|<q<)Wk|0q8-?9hY49m%N}BV1nAcon5`%zc$<BIjn4xIV&<~
z#C)Nki`3OK_Z?2*S>0tfmQE2MA`|rZ7`=-DX|E8{GM}p!q9M7Cj67oYT73!RH3Z`b
z(>r+d--Y0A_4<AYu?#SbT%Eys0||5AzPCFN0Ky~Vt*@@<$=7Mb*ZjJ+$vOrYwi-j1
z6ATQ@HfX7VAHi4hS+RBn-9(B>e}3J#=R^zQ8)R$Fd=*3uPOHze9RMb$tAZ+;@Bb1&
zyu}FYpkNdPoMfz^>C_VRH^xA-)g2xPPZZ{vHySopgJR7%fZcS$0Nyc1sV*A$nk^s1
z_m|x;m@6s>YKw~Kg#sMuK{uobJmpeD6kJ@Y`Lte)YTm#j%(6i8Psv@68%D_en=YC>
zxHYTU)XLNUlAv$t$ykzC0s`FKDqrs)b65Ie*fn9mh{J5rFM5A+2h@xpd9nSsLSDJ&
zx^m)^Qw8wz0bH_kd0Aj-OYPxFeEwFzW-%Y-TT1ms6%gJ91_yT@N9wO`k^NZ3e>)hw
ze*BFeiq9;bLAjTo+{gyCVOYIko#h!K)(`%)wdN~Gkgtn<G*aJE_NR@-Eac?)`B4ZK
z$v{?yJbt!<xLb@;q+BFEyDQ(}qT7#({g61l{e;NvnYy|~zDxm8UBH>m))==<K2gzY
zUkb7n>)_EoYQNCe*Dr8!x2i)yMH#J;!rNc2g8I^B<BdFF)UU#!`xHxrLWSHnBVaXd
z7I6Pd4c>$8&paS7cv3F@6+=)p;ZPg%?oXFJuxtOP1yF+p0Qbr`g!hX0eU+dF1s@;Z
zLa!@Wfrqu+a_@X}G^CK<N+lp2!NK~BI<<c;R%_C>)CR-2$CqZpFB~&c@|je~I1{ss
zhx)@Nz3hEj%N?58uIoDF(a#r0IiXSx`=`=gs)M42v4)1m)o$vvX+Y7T+C$Bhx>?=4
zX@L6GvJx#<dssR-k-<^o$sL95>nPu6u$T{?sem{B&Ch)`G&IEg^D5O&JUlTFq@*E@
zBqk?zsJ-*6QdBP(uG~Ux*c<EV5jWNvmZ$lpcYy}0|MLu5s&~&JLCQ^scotjj^5heN
zYL8AmQ=M&oSoymc@>b`f=2WP9AU%6(K(LL5+Rou(spPwwvQxeUp|hpUoE(<ss}Agp
ziO;*+&rSToF&c!!odmC+8~gawkP0#~qFc2-kWN2b7mcdv8X>TqGamW&4*;6`3|D_G
zd#33AkUI9`PgJxXx9B`_T3#X}Bk#0`x_Pb1r&NIu8ZwX2@$r`_4oVv`irD^bEC_B_
z@lG7vvvV0XS^k|DKT@JYo;+F*6!JWRqoR^XWRoc*BJ}=lBbk!KgC+m?>P&oYq1BF)
z@W|_$+4IK1qbB^HZ7F*By{S46<WI=k5GMORj20c8iM>m3f{JNcL0Mh=ys_(T+ZT5(
z!@^-Z^FhZ!4C4_5<SmQi_HV+Az)XTEkmgl;#5R8t+Mzn*=;=wi?7YYC-gHQnfi=}L
z|KbxYVaKpC?E5Jh^BZG4@le8mYhT}Y`m{9kV{?an1}x2Y9TLwAj-Mnf3JxxNCJ*ei
z?uV(}BK#k{iqSphd$tp}nje<2?~m7IdG?YXZiojH_;u(DutrDmU{F2$dYul%_1Da-
z)<L$YX<5ne5vs@Aw^aJ~*_^)F;dv5pv#J_OvtH;}+8!jJS(;Fn5Y~eg4<{^}=9vHZ
z=D9gBL?dX|?Y6CK=Fgr|Q4x-Q;;tq@sl>QlTvTtSIIpey*|2eNO!z%5swI?uk1)0;
zR78UhZc3&lyuEv2Au6Lyip!uD4(j!<Wm&JtvczTE>-IdcJ*j{Ru-cq7`*PuCGO^0}
zAk67UbhLt@rt#w)dPp2YStap5NTdB18ow_{*7J$iCPV|<XMID%dQQB*K8Sg$u`T`v
zm-a2CWOw)y2wimnc^cU4P$cdE&^4kx&wCv2!Y-q+`#COGYjhb>!O)Pc;XgBEGnrOp
zq!91PYJ0GA<*WD7FfjDE9mxv0XM&&ZOE<1~+;XUQK17j8;riZn=cIeMzf;~Qm@}Jn
z)Y_Xf5YIkc19HvWuewGciYW*on<G6J19;Zwqn^*wxPvCB(De7Ir_M2M;NhJQhOT^f
zwgK;DE%29ZIN)cGn^iocY0E*`ir?1LY_;6cRgHCr`%iT4Fxrfb6m<``3yfVJGF!qH
z(gcnX{H;Y$aE9Ox!ldtd|9rUN>%+0FVL8L26V`4moX{OECOE!4#l1u&x@^YKxueoR
z9#ILs%c6<C5I_$=KkU8vF`@c&#<SW$kS3#0H1hlRhjlZj{lzdZ*{6V@b#eWtR1z*S
z_ZN60DIFCeZevAxroTi!n9wY{8dpw-ujCBGt%G+0@upI*ZQm_xec$IrWph3X<NK5Q
zTbT-j*n5#FtwCcEhA-<qE9}z>xz*L!A-Ie_MOCbxkB=I@sdwnT5v0Gsb2;vgf)}Qm
z%E;<HxqBERos!ek485ZA@||^7>Xj`^T>{jNqpuc9PX?Tu^~I@6@!h4_^-aD&6A&%v
zUU04`-#O0%Y*+U*M)tG&(|s$44c+jA6RfceNmoS|qRovSlhMev;<YD(cI`_l*+;Wc
z5T1|4WZ7vZ`BB*cg+Yz0_m5wTnd=gRW+is%@bI<C5+U^BsKQAK&l5?x9~n6wYd@^-
zh0TQ%fGn@mClzq?4y}1pLqnzp-qiD)Q7IK0s>0Ky%iJ%6W^Ox`IM-Lzrn{}){;jG{
z6HfIn9Z3<dj(Rpm?PePeWbJoH(ID1)GT6B?ciH`a55VGHWbPC!_3?Of;Yfs%mc5^Q
zEVp)nNTF`T;e<D9pFb76c<^?xQgy(KN_iqv$tkQo`MAwJnDmJBOK<9H)dp=_&&fI!
z+cY?F!P0yo<Cb*c;~UjVYqU~dg!SW&2QGJO!Or2Q02QiGnDj=>)dMH0qK7u^log`e
zTcaVTdM8F4=<wXZ3b48TE2oLZ8zAWQgoFB^^dWCM!5PG=d|uzfc>!-Ucuy=h#tiYs
z9r}JelY3E5O!yt{&T-ZD>vN9BTR1R@^$xBCS4UU7rh>7U?p>$r=uc1N!}1rrj-M-g
zRf+GNm}T)7_IJLOvH^GR&(DefL@F3ql_&dWJL93A&=Jkf$b&MJN&RWTXn#q?MG+4|
zr&dW^cO<*BIJ$z^R`P^7!;sQdO7isTdho-&+kHC5RSnUqYNNDMCnYZx-chR{d^lR+
z(fM+UhRvBeweU#Fw-k?|+=@3qFOn&Ng~faRS*_B521Muw!6Blhr>8^U;o-Tg|3IMM
z0TIW956;@D+NzDtsn!A8exp+OTn6~S`Wh(sc#j3n7(tkdPfVndPJ4wLa`G^*gwJl9
z&D2&aO5UL$%kKw{NFw_VO9Tf&BjXJMxHJ**-ALR0yL+LV!HJfWw%CEODhc%2S<q>`
z)$EBN3hBOz#`*Y`$?Q@S9FM6I?6TZ>%KLI_I5k|3LZa}K?E215(9PNApQSo&#Pp=h
ztVRly(4mB_`^3kGlX2w2F|;j4e_aW`ri%z-{@|`&8CVFQpAD@MUA2P4WZN~$WPfc{
z8Ix0&2Qd})t*np<7Hjwz34Ma(N7*~Eg-U~DN8-oDN)qo~hO0DB)es;nL^2DjZ*0`t
z9?iIR9D28k_BU3i6dHCiolt3K8yOqxx59DnyWHZ2qyPs3&sIU2@2~OhGv7+~o%*Mp
zEgcLOsf$!t!dv~J-7;SXLCAZ$mswtIp4Sg`I=;N7GgkK`1qCKk0=blSoAek!rS7Wx
z98kGvc=4wus^%640GD%yPU+PKrJ^<^jcm<$5a6zR|7!*_{>O7jf}pWK6Q`FJ2(9n7
zBJvbY6KHYp%+=M6XKP(nJxIs^In?Dx-h~vCGYiPF)uuVMUVVSQbzY|OC-GkFCRLOk
z{IJ_P?p;}cK;m$5!R?uzgTpJnQbE!Iv#VNnNu)bD*<DUM+pOjU`}e+^sbxN;`5w0B
z;=oiytA=w*ZsM|m!OM8kzi?hWNc6i3)u;Az+1wW+L#eFjH}E&67ofz@Y;i<Ib94kg
z+w1i!9p<%Il}YjEyj)ygrUwa}H+O&zuijTw^F>ke$Q}3t#ad@?#lwhcqzR~5@G?Nk
z<LvQ3L}z~7k25^>+Pk~Uqu#`-!Z8cS+S=>Gg(>h#e3&wS0fi^1)4S@5+P?eE!pe==
zbedf}cx5-9TZAZkw8#fu1*FZagH<VZx3J_g{~dD$()MgCeH^`3wqta7SQsjl{EW!+
ze8pF1ePW9(z%-=pD$c{g!U9I~7?@qWwH88krCPeWa;*Ycb@7~@k2Wbxgzi_%a6A$W
zzj15<POx4k$e}mc7x{I%m;f*ntJ~XOV`{FUb?)|97ub8*pnESsM9r4kKtPc?K?Cd8
zKkx5bZaA;+VxM%KIR3&KjcEA_JRq*_7$bbycxvqg0Stxr`ZwDZ`kk7OX98*AXe2ye
z>5OSBx;cwlu}Q7wYM0UzHePUZEInmSuZ$4Us?bd|#&wqKGJcu0^MQeIQdq5nh#u2B
z=q%X(sR?PXdbnNd#tSgvKjgJ)3nE=={FC+jXce5?z)Zb4ueWa}VAo^sT;Bu-iSsyl
z3l1Fn47Qn^0TsySPwXsS%RfySq2Waw90|8$0fbjU-MG$oL#GazmW%aj1%q)V3%&<O
zZFk~(&BsFDJ~3UL5kM53){Yju-WzL{weVnqu8i;sm5}Rm!X|xn5{Z?qA93>2HL`c%
zgxN-L&X2`5)+eE5?d9uZA19{$h7PbmlLC(kdt6aCubdngku8k3scH6Hm60j^9XKdN
zcaoM-cl??;;l86ORy@cgDlX3d1WQN4KD3a+YWh5a*>Mnm{h3wz)v}97*@&XTRs-__
zvj_>dEwP_i;ong^5yT<~a@hB6p0da!CK^w388ch*$)PS5R&(-?50CrN1*RmGINUru
zdflg|Ptlwfk5a~=>=sU;CAAC5yM;S0g+(g_H61@{ZSJp`x5rA5A+NaKqJjiq<pnDv
zBY$w2e>9KVW~=Ooph4<2rIt&LFBU2)Y}5w`6xsx2Ggc;K%@(&nOwTH#0OI>t-_VGN
zGR4ibgC^etL#a(Ot&lvBMw!5R$4VhuOeQj)S!*#5eOIub-)^vfvQX1FkW<<>x2OPS
z>%eYY!mGC1T~Ygk;#<p{+?@6OIgFYIhGB+l%LBrnf_ID@rB7;mN#ZYqo{=mRi63C&
z;!ucnxvJu{Tn!U_9j~v*u=<ykN2(ybKPs}W!Y}T<t&qzzU*q=D&FP?h=1If<P-_Yg
zDIz?m*Gcd`6i<gVY)qf(6&;<l8UNiS*~{8H{t~y26`*QHwrdXvkRZf9iXBk-@iVg#
zxykBiS*cWaqRz@n_wEob>)qvnAhmhh)u9Ft7B09TBF_h;qqZxw`D)9O8ci*hOYZoO
zIjXe=0+3e}w8&<y4`^)<tpsDth2im_Rmu?ZLFjqjGHw5LMcK?49>P{SYGVD+gIePO
zPMYI#R;{@d`LYgq1`of(r#wQ+?|YE{F1L8xVJHEdXgBwu4-!=<_?M0`+2T7HkXJ&C
zQx6q3*m+F<N)~HY5RdS4R;z<x6T82XH?GgiWC(Q(m!P)8eKpq6CMU*}kR`anCSR)7
zTYskhjp%~tlilnf_V9+r^9Si@h4FU|UkR#6SSQ1^Hd1oo5EW(Qd3m|Bo+er#`K7&p
zl%CvnW;ZN0Ybr0tKtv~lOHXPvU92DD+1nX!s5<sqJIHSe44r)Riq$=k+2Fkj`)`na
zxI>v-ItrctBDnxo!qo?-m6xPPg4UAy+{nmM&p5`GFtu$`ehwB(dvujVIv%7>HVBpr
z!>${N`p&oR@0;tIvJ_-dAfVx=SCzi@K~!P=*hMgp+wwSHBpd}+t_M?v{3#<h#aL}w
zhk%H>y6FeKNPMiG2pm!}en)A2ZbU@H8ce|?Rn<7J71pXs`?!P2g6QFge>ghM&Y=)_
zp~%yt#>MT++n53dA|fIb5|(Eo0VqPYwk*S`s6B0YBY(ClqC53Uw-|i&uKR2fPIeTV
z!5@#^t+#KuXE^Qb{QfS_7HcJ~@-=wXI|MtOiYiJ$`NzG*K0YE-y_oS{Q%8$(NA7Lz
zIqoNG{$Yf>4)*~cEPkGWlRoqY`{FBhM(D2{^l#>0!QBdmZKV>KX7`zmV3ky_G@w9+
zhle{IUB&(9TW9N?S6$;jk`(c!;Yd`7i7rp8)vB>BeIN&i!Rzv}(rQ?^l6ovQYPAX|
zfBv!A<hj>56nJ`M9Q}@m7!_>nKAg+0c&nI&SKJ#uPA8WdR)i&wyG(yshx+@!gG$`m
z+Xk#EK+cG?Cjrla_8y#j!ye~$*zlUmx^2Sd>X3hXyuq#}LQSEkv37k8%U7&5nG<>3
z%r(vElaDV=hUHRg3HzLxWK(pa+Fi<C&C;@>%BOkb^g~bMNd%FF9`BwFiqcZ8vY&s)
zMJeN7bKj6gMMp&fjCDYzRIj(RrPI?-Soi&}shLa{)|5LftpULR#5Qzrd~D}a3E1l8
zHY$K$ZFPNvrdUZi8O0(5ocM=<jqiONs3AGhCu;h!kcnN(qE<o)$$UJ!p9LJZ@Uqrw
z@5T${+=2$+<q!8GQgD{6_2a$R{+x<HlG^JTkB1vmg2aECrfeiEUQt4jsFR=jNN@=Y
zuy32)a})E~W8Uv0I?o_<4{K6fA99>`a`60SKoN(mkOcES?a>E?$H-i|c$tL3#AG9d
zzi8S$K*_9i;*P7%GXBX%oq5y$v9&yQc2{epE1hHH#yCx;D_5{CpP$ofdCMQs1a^9Q
zn&)bdFcyRjGnl8f;Tw%|hc%PHCu-(8Oa|rT9PSL8^0a7~n!4<N`<9#B|AzY}wVY%$
zKQcVZ-(|IXwKHWL;tOB@sem%Apkkg`<Ur8+x#3M8Fqe_Hbh7Kn6}=!i_Oe*|mdKiy
zTpR{E1}z(dk5#$14uJ>=aZcXKq3c5ICQhaz7ImCcO3`PE@olW8J{cBSAyvqlT0bM>
zQom(qyQvTO1qA4iEPHTyt&&^%N<5#SOOo$)c)>n4$B`TFHIl?W#TdDe=`z9dVP7$i
z-gKHxvi|jJa9WMz{v>ol_JkF+KHfjL1DXvXM?NSfMlsCLz?J|ytG>Y@V!H0Uuv`i+
z93zxKKcQ=b&c|~MJ-q-@LRtO`Y&7E07V%zCaw|!U#Z*;Pbg(|$t?%UBt<|k?AcNlW
zZcPe>=<<6xhlsYPc360HWQLooe=vxWE%NwTU41GjL))WSOKssHpS-1+{hIr=L)7%P
z^M#PM_QgnnG^L1)4BF3>pG6Fs$l&k_Ukgt9J=m#F#2X}Kp!eSsElHS!@g}I+dd<Xy
zF_g5^%6hMBSnN3X`N@3cwfR${P4s*|pGC~aw?K#&o+09|cvsJ^TWrQF*yav%i-5Z5
z5JR`MsV-2NLwNu<rK$BeoR2zXLe#>~4}Gp{Q7^$LDtapo%Gu-9m<XHul?g(fy|sPc
zOW9h#y1IDnm9qe`4>kqmKuVW2V^(Z&POG9YWfJmEMkiS%1C_<l?M<xmgWE8`w8GKQ
z`uc~(9c5&49^~ZYoF7V@FtC!-Pc9xkmw|@^uCmI`<~VS(U=doq1)6>jB60mHoy1nr
z|7-XSR_WW<EO@$WzBaR7e;^FL+T!BMxQC)kIGc`6_V&Js1iri-SNpS>S+)Jm4ucmD
z>A?y$&1ait_<WLA_j@>MiuEB4dV`U5hud1cU728r&lD-ExLQ8kh7sodaf^{88Q|re
zueJ0OL*67jchxUd($5bj@dJ=LWpdH-(2!C+FVvR02YcvW87q0*d(@`aJFInW*hLAp
z_4StD3grh!f)~5l{||Ft8CKP{hPxD{yBq07x<ipJ>F(~5ZlxPkTDn0>=`QK+Zlt><
zyaU~5pYz<`_s8Yg;&v%(%{k^6U%ub_dd%P!6S0Z7xz!%e;#%HDEmBGE<L=G5eB_0j
zcRgB~+~Z)u%KPQ$;4r4}(NgQrS_f4}!Uqbgza1EwQe`Y8|J2XCQ^n=LBE!Lv8d-&<
zi+{;KSL2EP{=MwV&JJy5IAF0UjhS)34i-_qOA{5@u8ERya}${ijL6`%8C`4`ZLj{W
zbmPfp;t4dv{B3m_b{RgU#YTO#o<xE@#LBaMraXPr!-5f$mYFOz+&>Q0kw)@?vt+)t
zC6lC)Uw|}L0s_(Vsgjb|w-@=tK#KR6ppM|O8p8tljKIe@dO^r)iUE<uFkcglZrfiK
zSH-EsA-E>&%;$4~#{vz}Zt#$m*bfmktgWjjqvSw(tZt^4Eji;Ctr3Nj#Y*hqqp6^U
zcbc#KjN15&nUial==I?JW^#&02;_f0cP8YJl}R`wP)qYKnRhk%kx)F^q&01se)OyL
zM{eVH9fs0}Die4tK3y{M;%Rp~L}IK%{-}D-Y4gz37EZfIPk@Gr8Dcfv;czHSlV!Aa
zGJBq+-f&6KG)3)}`1o)-)0%DrZRn+?Wl~Sy51q1V(5iYBN}WD<{z3%oumKhUyB|Sv
z7PjXRusl)LaXnRXTJ?Q_czYqIUgaONV`QlKvHWLBS#-i&b5Do_X(0yY46cw@4RmvJ
za(@2j{tXVehM~GTU~)<qVavXGfpv<36x)D9VH>cFS*=4?`8v-!+IEj6)lA089et+_
zO|&~I9rYvc8yJ+<wZOAVADqq8U(WZB^+Sbw1KV9l2wgJIJLrdBdv6hOnIRy61OGum
zBev@K-iHE}LEH;<Qc}|Gi7Fgk=Yv4B?5-UF>dVc3wLlv_&x;G}dRG<3(h}vTXp@cf
z+9WpV*5uZDbsi;R&KKLd%`dJmtfq?@NQjA})(ppo_4K-Cw)jB_J6$dv2@=E0ySC`M
z)CKr|49w`?%TRStrw@7+EVWeJ+}yTx=x{Xk#T9db&a~lL$oX`&&CM0r{@5m6%Q%QD
zLc+t@JP3*ATv4m(t8wN4FT-9{qSvh9IyQE^`o*MFZ9}18J~^PynyXq?W78aGG3Coc
zNzxATb=gM;u}~#WSqrD+R!hyY2ZmisCVp<d^3z)s!mk(H94u2+2kU!KZ&4;IC1Pu`
zVp2;ydHF#JzFfM90B>Nx5A5e{hPPE^rT@5dtLeUZKv_B=9t4KQ;O33Qqeqf~#k88X
zQ+89nzj(VF22#tX1jQe9LnV7_J!D;PanaEgvz>Ji4a~KGY-|`vlOaXVw11=o%ghoN
z>S4_Fef~{lyL>2F<-Ikehg!YtbLN~1Hzj>#1l=b-|EKJW2laSv@W8nNqR(Ly6PP)9
zdHR3}UyP_wDGx~Uw10+OMXN!@$IrWcF3))Gao*X|zD^Z6i4#S{o#927neM9r79+2U
z39LxcchmJPy(!RmS;!FTBY=69Ve)QL_<I}aR&m7r^$A8IpWPE=B0=pPl&vt9m)eb(
zpa6i<tR3_5;|H9eXyIGAML@EdC3V|BMex+GJ&UYqDV)>Pbklir6UUs<Z2w)e^$mO`
zkpC(qY3=QWJ3O>ayc{)#6j_;Ea9N#4HRVaZsCuWVuAW_g{%C@?Q71nvQ0C@ddykXw
z_ES?(tz=uIgIn{Bi79YTyQv>5P#~|YYgzH$&Mls)w@Dc~-J81iTe^o{OL_ttUmlZ^
zvfdXv^U}BiXX7skP|-5I!w7-9MG^cG7Nz3}IvEbUExuTF4GrrlWxuHzTJOPCfNU=m
z|A!5bc_!(y?mkCDcSNQwEOHL3cR9?s>PZ1%HvGI+wGG#GZI}L6D=lND_OmxIQ1Z?n
znY1fK%mfHH@1jy-i}*G?U5?<nxW-F#E|`n<F7XN){w9+we0&7q38kpSC~lV;RrgrS
zQvT3$)3BfEH@F?oYlmt9?TkV~P!qHAOxoQldr9wa&@J+E{B8O<d2GvrGlx-;E)G0{
z=Hu(YtqI@$ly3s{s2*^hmxq(}LOeWpdSwr)ZVNR)zT{p?^yay`L%^i}7~2?{BWdNF
z1N!4`*=YxbifW)+bh37~>1*u6Yee<ojc{dri_;GJV+V*esR$z%RQ<uYR;*@He%fwS
z{GbX#5(&2#=3|mG7kk=)BD7jo!dGs5BlY#cv}ELUahdCq4~AdS*?kq)(re?KpB4-N
z1;Fe%^z`nbd)e*EKN|J6RcArK!>I#<Q40de%33e?x{->!0KE`{IqLM+RG%`-3vd}V
zm37M(^V^kaabBvX(u|9e#kO8NRO)9Yl$swLbN=KJ0#qRn*IJX3qYu4PZa15&?aiav
z;_#_>kNpdv_BoE<kZyOw3vH0Vq;jF^e0olER1S|k<>QS%o;aHQqOJw?Y|Vte98`!S
zH-Umdg?^ji{@izx^r0{Q9l^3K+{ZvBht&F|dZqSW<2@kCZY?9=f|75FZf$*){bOZ+
zBLZ$+?5VuBkkEru(3D7T-*4|g0xt4Q<)?y6x*(vnWXP8UW2+}O18)PnmGZoUz!0uw
z_v1#=>$2=VukgGgHn^?3O%45J4rW$9JXMjr>(O$Z5JQ`wG}4*R7LWEjxUV9qKAJ18
zddCJ3;QeYol>9ztk<*r#zq5NVK_}~Bh?(=vT$einHYp1&9%Q6MTAcsJSgYzjl`kQh
zbE)RHU)Q@ApZbq)w%$2Zg^l9<dRQuu1`{P8TGESTqd-~omPDovl*wZf@{@(Rxwvq;
zqtjb&KM4tIdO&}PEFVg4p8no!Gn(#uANWQbFb#jnRYdf)P|sxrF2vMZkmLj|&Q3ys
z1~ZYx3K<kdpFnhYtHt}{87KQdJyCW>&}qB8>(@Bj*vZ`9Q6hilAE-n$Q)$JU=qePU
zJBZl>f|#QeK5&#Qrgv7j>={CH)fWDKVn`}VsUl)4V%M_!LT)10>oU9BA$a3LCCcf6
zft2wtbwYq;`2hUE&z5RZIy!uSsu2&qJXl@X4w;$3wSHK)`@-)G4bitS05Lt?v`XB2
zC}{od74n&;D~RLiDYNB11tR_kNh-M3@OZ}9q}cb;31w?3b}bl(uZRTJO!!BO;xq*e
zE1o}o)Rr#clO&lSSzp^np1Q6Gd^kNJJ)ly$0vdwX58df#7{$M!YE{C2y4h}zNU>BE
zl#6wBEpugqwhn-$1ZtPQ0<~ErpJ<}Fsvqw=x?g<iJ#O15bX%<>Esvc6BiTQXFBP5L
zaQD9Co8<s-MqT>@m;n=JptB?ULB<l#kQTia6zQi;+MPdcW^^@V119v#Ft0G)^1t_W
zDdMFDGh<<BWr)G)WiP*cNd*iVR{lfp)6-uP679!=UTq9Q=C#+5_WAB40?+`$<zCSM
zl_TiMd=$XvJn%&j>HAiZn2GGIHC0q9_j>@*Sm~{{A^p_va63ixRp$ySE6WH{kf)Bv
z<`FPz#G?G$=l=L^<n>IQCkZ?}!pRtY_Q{Y|S+;kBi~VO_G8PszKz7z0@9P5Z>h<=w
zH9i9)V<bM9^7`bk-zf>$K-RkkCHSw}?HliZTEW7@1ETQfS%*tM>{@KZj&H&t5Ewqb
z#@it+XcDu#+6utjLI-w!u%5cM)PJx5jdxyN$E(VBH{Ev7lp%e%XZ4c_6>}9u8(Uij
zM?NZBDFFAA=2Ktxy3E&N=1l$9j|7O{qUU8+-1}}WXmFxHp)rwT-Du#>>j^}^uX3l>
zjRkR-e;fsAVKFu~_WerC+4X9^ULXNpS0wR!z%o9ub6bKUGb%W}2?{duD)Vk!y!d-u
zcTw-I#CasFt;^k3y{bkjAgD7rEc^>9R?iL>not6tKgZ>BVaMk@7dI87dSqRG6CAyI
z?%M`yz8zj*zSyhp?PE7Vsino|RcFXU)%Xkh^z;nP>wyd;&;dQ#0U523g@{JRJ1XzJ
zi_o5-p{{f-WpYp@Zymq#C@o@?l9Fl%`jO?E>8Zkt0H^pNTzV6YGtV+wH<cN>#d;<H
zjl6s1pl0b+3TKIdjg5bUYxZ$}8G!?-vhzEC0J8w1;B=|uL#ciF(05)-WS!mA8FuM{
z$CsDFU^WhDlt+M0dwXibsE3a4pQ6uX8*mO&jZKXe2KU2mTZ>nLLiLwK+!5X|?91LT
z5Rf}v|LTv^#JLCZo;;j3*KkLTT+i_|G}=kllWV#89;d)~w}PfkZpMB*5^PT$G{nZG
zMh^Pg`~YXyl7Y|Z7~;i$KpuGuB;LZ7r+<gkETu+(vNbrsV%w-5BcE(ESMy1x+WPv6
z#+tDiHTBO!63TDNY(OcaGx^8|0+|6_b^+h66}i&reD44NXUeY45n;^J7#C_Q{zL`4
z8R0Or^-?_oG^`=56SPO<<&x`CWj3H(FX(o}=ygA+*-1%Z*gIyTUT^G>>qxHaj^}$<
z^&F&XE2bMZf5^i}TI^nay*-?l+H^(>XJqyrl99P_g9aHb=kF?{l;4Vxbf;HW;(OF-
z%msqp0O*6xnnZYp!|1PA*qP=HQ(>0=^Fma!$~-ELKEAEJy|y=YSF_%YROF}Wwb_=g
z@z#dnY*-n4JR2L7Dud2f&Z^jo87b?N+aSG@DL#@Fk89b5sQU2eDw%|JhB(9ZUnIra
z651GGvSlD$2#1T@mXv=D+jb$MbD{36Vl8|V+Vv3cteztP)H!q>Gwu(!N(cgr4f%7t
zD8F!-S2Rc~zI$&GKQ8$v?ITd15^p?(4+{$e45W^rXJfr^PR(iiOUY>VkqYYa>yDTw
zN;JAs)v)soU&joh1;OH?_DM%Q$MM-&apf>*zw9+@MRG0skkA%da66p`F!SbQsWK+7
zuUn890?b50lj3^CpYR0;IE5c*{ci0}A86gYwR+Kq<rtu*uC>!tqu0IBdt`LDa5Gml
znnL>MZDPSGFbUr>8fkrxe+89i5iJ(s_8bT^U%THQCDzy%cCn%p5P*JBT-UOHBtAzw
zjx@Gm*S>oU{f7G0dfDSI{Pl}tb3ZJ-QfNq`+sGdzgn%J87J<NJGP`YrK!b}u=oO4M
z7GCZoCO=~b+=$+O0(>=Uvl`=>Z(#NpPPmr5Y@Y60(=YQJ>6-<|zC`JGXyO|gZsqHy
z2mO)uZ@JRtrjt@m*2~pnK5T3m8uA!kEiPEi4~~?82dQ#u5@@;a&sAUnxD|HZYEjQ{
zH^E~o`G{cpO_5Pw^sw1*`@pbZkiX82@HYT;0C4N5_eXLU!Dp8xz8T^*OqRZgR>@RF
zR9jvEQ8Lr;8x@jav!|NK?$9`uxa76Y!H!@F__sah<p_DTdEm@}$i*_(17O<J{h+R$
zCWOM{isl%oeU&n$|Jb?oIk0@ju6&f(;8C^vBj3t!VTNVq@`{R|%Q&Np;ynPcc<~;*
zv7Y}1=1hYN)j=CGe6#=fqA$0d-5)C{=}AW#L4*Kbwc$+pmK7uN+qZA;Dl7!@d{5E%
z7Z&LcYCtt&X}-*8IgQ9%*Pt>b)0(pS+H^9Z{5xaHkSPhL_1)r%M}+qxzN5BLmC>B_
zvW6g%)(?(%=bP&XkzfP~3NpsV>hSB_7kb(Nv8%C~8Z_iuxPAwj-Cj)2%+6GJYdv;A
z2U2d`OCtE)l@p7+OCLKhnMKv304Y_ooEVV$`>y1j(-KCBronvtAn3`2Yo<IeKo_!W
zVS)3to`Zx&=JX{Z-hc=iKuL~=t6R!1hL@QyI<A;cHw|!wOex}DCPg>#)fn!ID@};u
zOn+{kem7|oi<d^i3p-z9+w~||zv&=5N<8?5h3IT+05xxwK3c~aqpg}T<*|KTQs%pp
zYjADT5e;jteUpbM4&&)nVNCkdOR#@K>BVDwJ(}Gw(;Mnr_<_OqVo20NrZ$wUP{)F2
z4u?QaLgtmBFd6INOJz{fiU9iY%D1-DK=rlr2ldKQlW}57O18tJ;=!WTCJGSEID8ZZ
z!Nb!yKDYJ*lxzT;J-6a<ig1cXf)m}@Ng-iP3ACidfEpO$F26iooP@NrxTz|(wodBm
z{)YBNxDyQ%lNgY)08^hp(Zjh*F=4Bbj<pW4xAzLP{1D%wph!@txH9j2Oi2mP+3+l{
z`3@?Y;;BvfpshebMMVY*(K(9ZfLXY8bhJV)N=FGU6iz})Mi}tB^9!gfn>4_OcGti7
z6bDF!ktKV3<$E@PTM4SEsp*QfLxD2Vs|jLO<-6o&o~lX(HKFV4XF0if9let9Z{MQ0
zd3a0-cSdspOM^20+dZgghO<w~<oNtFAib=tZTV(x&2XXK86i|s^7!mR6ey4uFWTas
zdafIstcs5ZC{zK=g!$*4b;P<f`fAa`!&0ygqwW|nOnK(f0MlYmf67TnM6|kfWOZCH
z1QMNq;9zp076>pN0nugAqh$nYFoPEYOuh||>5zhn%zjLA_hvMdPUv5`DWy-nCLWZq
zzl8X30n~$;4a!y<j^kIogRzIqAN{IPe_&f4e-v%>jWIZ~+ta?N0AAq~-(bJ`^f82j
zyqCpiEBr&nc%G<l_*bNAo3!G0>yt-UvWAY%V!1D}FJzyghzF9<akHV7dz5^*VcBHn
zYNn1ys0JAshQ~E^<X`D04;e&|DK?&t(cU%LP=m1h<RO@(qyHV{qn8Onx{m>|%wq|P
z?X>zh`NT-fa0X#Gh1v4Y+Z0Lvy=F8t0g8cv0iegH4TLrji<>pVf!Cz~%`z6+Iz^4p
zNThg%<Zw{0O?;vF=LcD_*m4yM*_~0(kKMGfS7iEQlX#!~`I}T=6U)J^h=?x!SZrVk
z34i<QjjtZN4Sql?Rpe-?H=moQdkU{ikx40X@=>>!_JhkK({5HD_rD845huk0I&w<E
zum8jxD0oyZ+Z7wuX2`Fqju{}BI0+dA1-L-TFs2_X5Am-;lSE8R@s0aDOh2V^T50rS
zzukcfJ*flKd8ejS%fEelmXZ7m7XoHaW$`p4SwOy#`z;_!u}}nTR(OPPnZM|`KhF#e
zFC4_^1_o&0b$ufvBp4VzrC?)r&=xh4&Xj*aPY**$nG1pN@o7m=OaU~5@Xz=^72<7!
z&ljymc6KPAIv+3loEhZdF}=n#G&I7xx`N=%UL^FB#_>+vj`Bi4H6~G!2D7KP_l=|^
zEjWPM+BxOr<;>3Ne{T5CH|00L$AK69va_F4pj+kSn`P$YVDj*|+uN7>OHi;nhj4&I
zedqJ$^1=k^1U_2dR_+j&$&3Ga1A2f!SXm<zm6GBGE*(UFDo1vwWxtL7;BNn1Gx%2d
z_z|h8yPUtp4Vs*({#QC|JC-UIuuB_%Q^XKgeD|My@^@pC%QC2z$dD({%MwZsIz$pF
zl1IXEIm0@Wk&@y;Rt^pf)+GM(2_Yc`)k)xs_gVI8$o~qqWqE+2`kyWH_uK#bKMPxf
zY9;Y=jT4O!q;S!>RQ8Shtv7}8$-IBh(BsDzQL(*ao2j2^ud1NGOFQ?U5Vzco33&$Y
zc5)<cQ4N)d&}NtU-&^UC_zX{Zs(2QYkQ}_dV$QxlhFTI_%?X|x1e|$=$Y*wlri%ZH
z&TXUN5D`YMM7HH2`@@2VE;8w2a)p&6l9R}b`0sreLD8bo)_%JUE9`i&rfe-T8H<&!
zVv!Ryp%#`Q_}boTA39duIJx!TODO2tVC7Lf${{;-qxiP=Enq9#KfCTHauT8VKB~$a
zYxS>lMulaVi+V@M(Rsu&yZ;L6O}-<mfF+g{7`eYVjQLeW?LfRwKv84`ZdBzBSedHs
z*WMozNB-60^XLreBztxNr|5au*8DoFzN-^ifdedGv4D%!zG>EfpKbxCz|7T^{_+b2
z9V5fw0{qYLxpPKQQ~!M<_W%9+e{TcqinRZjzP~U2zyC983NNInc^(Wka&zN?hNwKv
z=i}2;5l{#kt+W{D<#~uC-~z@`A)6QUL`OiBM*f$m;qMtbH#aiOCzg_x{Xt;Y7z!qX
ztQNq4iQOF#ls-N-moIhz$U98%=4A>*Kq^$!d|UMY`tfyT>kAp+V4;x-b2tj2Ab@wf
z_4_dLE1-lyBqsLXgDO%LN$#>63uwO(3AtfGW9B)e5val93V5&saWR-c;rBrHetj$5
zw+#rk+TUI>p6^{DMiKHn^Y#6$8M@VhLTv;zx$&=31-;>cmNPVj9}oqAr1NW+BYLQ8
zN$3B3)H#hIxF?OKUj(FuYz}K+E}{vLflACQm+1+e?~KEY=MT4nNiEP__T#W>1~QR)
z6H@&3Q(d$)Jvh}+P*5!9BdwaDe`cxwJ~U!vu&%IhaIX~<SQM3%R)Ag;m}X4k{VI-}
zZ&*xi%!<cpJp&5?b`s3k1ZpbgM@Ue#f7M_M^adjCMdRFmMrr@N)%M9_Pa8~&8-XG3
znR;h>&~=VUPJa4|17R|jTwIoLH9HtAQ|M#dBP4_Z87WjUlb}E^G09b=t#>_&^8I~}
zGdnxmGcXVUkk2}SmgQhVl$4Q?2#DpK4Yzf4WcN)2;Sm@(xKM~6XrZ<a52N^5B4r79
zUOt5YiS;O;Z2A-eU`+4J%cX0*Zde%@I^C`oQ7qR>{yjrz0;hdqKLI0+ipFJE<lgr5
z(GG9O?nzsxoPdFyU9|7R4Gd&ubF=Vj57=~TYvMy^Yun{!|K|u`eBt!ek;P_?J$3W!
z?Cb=nK9hr+xV*f?Wy|wQO$RtJnN(gZNV&^F4Jd`Q11LQBU(G7s#Q&Lh9!n?fB`ngB
z*`L5bMn-l6+T7=KT8fGvVqyUI7kKbMvP~x?b8?2htdW7j1ql2`6e{Jn4-Cjy-2f~n
zY<2?Bu!iH~<BQw`$toCB{cy3z1%W(9LYtd`pfC`53;o~YN&MQRmk=^3x9zkuHkn9@
zmN?^1@hEBg<HrvOV3NK~;!ZB&u$+MP{&fxthTXs`fOTW8w3?Q)x)J()r!+&%VflH=
zaoOjV2&`$8Tq>`@kFb{`AfbZz31_}iR17;=g8X&3;QJ_fJMQ0m<2MA{bSy?)G7!Jw
zVghiLkIfu5+XZeyAs<3N%RwTW&{QxYx4-O*`Z%M*=CnJZV3o>cs~!9u0H$wk$i2M0
z0=B>uMkFrJzi+Q_9}o5x2r(%rI`>is09RpPQ<DI=uFUUWN(Hrxh^btNNr6sXBKwZY
z#!o=8jm?k<1GtAU#B<Y0-#~XPEfLq%)y*{CpbVsNp<rWU$Mqd7)FDXaK7}w_j8UX2
zRX=I1cU~@}bpG!GO2iF3(I2VjX>M-bUZ`VhY;3eYTyTE|lRl}DHeNo73_cRgv5xSl
z@r+3>T@VR^%j*Q&6-8vVR&Z`+Wfcy#{8~4OuZWZsyj&W8sLws!Tk;x<aVm%(I6%j%
zFL%C<kB*{&;Jzr%?Z1a;Hzk?sUElVniOji<&LMKcp)Wi$-%Jo7pspBy{cw9kiXJLM
z7-!Ij&Ic(6lH^jMsmI4DwQeV55dGtoHXs!{qM`SAFbPM`m?dO~ML=`{Y3&<BFJ&6z
z74VU>6?8m1eF9+`QdHN{nA$mcl2K6mYzI%H-AE0GT3thxxFT0p%#;&8TzO9_X;*+h
z>adGqMSI&B<dIq8Th-1!2a5Lw11>+?bL|7fmqekssLywo+A^v?{9U$f2bF4DIoXdq
zCY6-VUf$mHlfxD>mM|E6(SBvkzu@(Jo8TcU04@g(Hpn?fI~DLs-)+g6&sEX_ZwijP
z5U?@N0oWz*e!kiUqxu3baw1DKTr+e$QA*lm#`BsTcuq)bd;3$PAe4gfoP`p;idrW|
z@C-BbxZFHzr)Mkr7i#eW%Zs@JyAS3$#phLJFMPabCSgUoiw-%NCq3O3KvCqGUSrUQ
z55gOpI4|~hWzUZme@qyRzUfmxkWrN*W?C+zW?Ch-75$N=^1Vwe{L?>oreHW=EQe<!
znfi@(nvOUeYyhz5cIyDz21o&eiABXi443^GWI(@yA+90-BELj#2Qom+`ToO)r-a=0
z5Fm!m3Yk=X2ObVIq_&|UTdyU*`0MbGAGxaQ96{T)BBa2<<mTpvguWH_`@LSpG*Uuy
z@mt$=Ih2j2!id2@jVvZX4+7bqz3Al?^6@qVs1g`YElf<zr@#R0)5S>+4|GMQC_o@W
zdT+09w~0-}FWxH4JVi%Wf<Q{Npe-AbBYLO0@C^}IjB{Bbe*R51CB%<mHux%NE{p{C
zrX!gO4!I#P-q79BlO4b$R$EOoHC`>jKp>#Hxj%D)lFVgiyH;RndVQS0{O%_MO&t8)
z{nfItAvJK%6%_z94-Cm;Wv{OuASG3bEATrG3fv$?awm#OgwLM`);d#PR!Hqr<mZsT
z)Z-BSlphR)9F$^HQ-VKN%G5USPFgUqoJh8RwwKvgE_r)(S?kUR&8eztJ~mS`_HcJ6
zEV88FZFg`$A+yi_L2;ZdaG1NiLa&6{1sHnVQyG+ns4#ITF0*S7j)KYce@w?D%%tp3
z$OwHVlyd3>kL#gVuJ@Oql1t_arMIcv4o}y+-v%fa`T;hyYU>*WBEG5LFT)ZNaG+6$
zLx5XZ15BJiOu!EqCcym6_!*DIFhJK?r^%zLx}81j?t?G|Rq>(I)y0Y5SLL9TnylEE
z&tV@vkb$&<DyrOep|1EBN;jyf>F|Nt{v{z41YBUrStl}{7+J;ZhN(drB4`0q?Jqg@
z7Q+``{yvJ3N=hyELOIs_qV>;|&g`q~)>Zur6Hj7R0Rb<I;|9&=_;?`6wpz37^9Jap
z%MitnM&PkQ`&s^~0toBZnezJGQA7~sz2of$7dc~N3Lq_S$vBi;k3sa(`qtgO_3FX=
z5sSpfax$lTDG}ShS&Q)r0x@4Xd`evirLC<@RPAbr{vv^129NkZrg!v>WO`0iS=q}V
z6q2abj$k98Jp^K~qN<!Be-og8gv5)C7X;jT5}18$JZ@+HV|{(@PQ($3`Fp?tpJp58
zhcYuW16uU@M@!!3V>xhZ>nfp9a2QnEI?>up-COCyZEAYn8d{lCJqNdYed_9(8Sfj|
zfQJ(?L<8p?oPZw~gDJSmdSD`lmGxU}d{X4V03jG=Z<pMKs8Q4ADBj|C12-BL!p8!t
zB;W*)yp^!xK2X$d7x*0i`KceXtlArrw}0}l+Gi(lS1U(b8sA%sW71*+12&Wm8V2GB
zHkEGbxcMw~_H|0-UoZ*c;U)3(48HUW>>;dnL3eYnZ5zxrC6D^{?i3Xx{TamGu`;-<
z=CW`A5DLAfQY)Fp#9V=~vKk!6%F8t)JxSZWuW#V(=xFj{EaDqI>3K;LpiUtip7*5a
z6i*{0EJ|EX_eq9wmfF>2Ico94o`jsFxRfR|<VEW;flD=dmAc{D$H4lIQqgv8WuKR?
z!Ox+Fi{KkE(9wxGS)+eDJC#>gMugGQ;+8xZZC!khPOu(jOix22qAAA7%KAO_Qwj<&
z4BV1LD?iBsMGUiD1$wW>9A0t|)ww^Hr@?%z0)78Ze%DCQ3IdBQtNx*eo&`e26b@*J
zvB?%06%$;cMG`YkQpeyV9ODQ4*XOM~;nEUfmYUdOY~S^bY$Bl#hmKF}{Y#!yn3-&n
zG3^iok3vcx_lB-2cw&@ziP$zS3Z_6Xy{AAO(pp7O6S!5T9W5f2Ob^^pAG$2T?H+%r
zVxe+V_qhxvCU(b<-Y18)O!f{gpjC3~O>MG;07)}n5;?e|0|N(0YCkr%^<P%fyWczy
z36p#!Cnwlxh=yNVm+?O3`)hLYO-G)?E-ErMdYI>dqV`VZVB`uDX+cMy6#ETR!n#L*
zr7Ue>w!oc}m)<`P)>2AKv3pvLL#MfU@8@=wouc?SyETUZ=S~-}cIbfZ2}jorZD(f(
z;-^yF+!caWrrgj>#OI>FGiGvpaq$BvQ4=R$xPL7vVX<9M|EgJq4~Uk;U%hI*2eXYJ
zMkP?522D^upZm0~l{SAX@(D}n;Q=vIRb)u(ayQ1$D?S$QCj1w?oM?C&JQBkLLE)dW
zbuSh}qq+-Mn0rhdBX3h+IE1$@OW0k;cC#y$gP^(}-dJi<L0%M82oa`CdySsXyY_G0
zpP#8v+TVE#IGi|g10jmV8O^u*3(|wFHzRv-X=T^iXL*tAR4!z;-79Nx_L$h17GLKF
z2k{p9szz_$dBvzRps#_o8c&|-?d|WLJyQ$lo>Gm69UCk3;ke_>I*i8l%(KI(^5!Bt
z1b8c=`1pA9QFcf|nfRLU3{n-VW8G8itKVA^5;ASMR%j6A-m-6<LqGbt6aa0=B`@fX
zy2wF6-O*9HY&h}^1?qGUYO%=o(ChUB$1_)B5rzFaGT=zYnHEz@yVi+Fjh=#vjuj_#
zq^bkM9D7FIOyEk9?RdGazo%zls&*Nagrg2L$y)Vpb?8jCbQrL+O}=-9G-CL(ZIu?J
z`Zut^g@i<OWte%qGBk?J$}+t3<ivD<yPDVyt0h7Le930FE-KP<79aKGL)b_Y=q44q
zmWHr(cm)+`Un{69e?8&DNU(ofAiZl|##ZquE;YP^S~%vDmSEAh{ZHl96<sk80+prH
zN-oWi43qIL)X+W*KKMYzkdoLIt~+mjd%=C)(!k{);Y`dvofdZ($gxN`)%HYb+!S}e
z$WmzAO*sJ#9bIYVaN82{y{BtXWL2E~epjSd(mx47mgeT(Ua^BLk)7S-+@f>b#ApBr
zDg;4L5gHMJ2;iM$hDIvk$_=%(D^n%&*ZbdhRGO>xT70&bThiy=fuSyt+g!z@rbb##
zm$rd286blzikm4m>I^|sud?I-$j%DuSyo6ZJ!mE?7yYh>2UXS%5R@|e+=(>)erR}1
zKY)gD7~l_i_B@F*RD~sTbfl~?)@I`<a(hNZC8>bBwz7<u)c&#^3j|e^{G41|{wc+5
z#*RF!-yJh!`q7BpacC`)+-zHwpj|`yHyjE1(HJP4@nNpB#1pDjqJ#^i6dXcF;P&@7
zU}5-FvU-5I7Kh;j4Kh*?V1<QA>)V)UWE<^}vEsCiDXRGXFcz782Vsw5fNOTcn(jD)
zjUF5r(5J6>U8o(kcAMH#Sco_C?ilme<$lJy%1F*?bb{JiiP*HX!2K`$AeMve{S=1&
zNpX^dI^R-eAB1@n6opgH=%J#=mMeJ|GY)XQaUXeqeXA^o_(}DqhHag<6$9EK%wV}7
zP?~42+B&eN?CF0Af%Hh3z}DGgxf-D}*ZM|VQa=tYI&2ujexxVt2a#tflOn(hkkV^i
zH1S|K!X?e}Y|mv@b$L7n%AHB!@-%(<h?Uh9LBOcqTp11Zzid5G+KNq04W`!On#4;$
zm+I`KUZ0p{hWM3~Jo{;C+B4V>12NwExjHc`e+~#(8<4*UAKn*IQKA!sh>~sm+<a50
zEKH?DX$W(EkjGK?DJjk$s(UDF<)H@$!py}L99NYaQ!p^t-@Urt=9Xphf>&Txk;V*~
zEpizz<BqMmeB|Mb>}44$^=|~MC@{<)2@tq6hi{wImDL08#fSBK*aSFqkA5jWt#zX%
zR4ZK`yMBPI>_*O)qiSv6Sqqmfh|I*LSPsw5&AlpAj=b*c9qc&t&u0c&j+Whjz#k$a
z#x!<zB$1)1-;8DKk2RV;GAH9EPk_k9IXX1eV+|1Q15#le;{5!4BS6pL(KIzVDGKT`
zhQYeCG^wW0OaH+FWCV+X*!Xzk(*cmwrsL=GI5&sdGmlKrBaQ-i7X8h>-v;0p+$|Y7
z$8xS74u}s97gQn>L1E(fgyBg0>cSTCE|v$=@wu&dclP=xMg!YYf%oVb>0nC&PScSp
zBLX)Ldn{fR1o$xf{ekBT4GBT#5ey<rQKH{7f;_tE68ask-O5L1mwJ{7-a1>Tt>++T
z>|(y$L$%u|^MQFyE@Y=&kNpJHavDbA%$F(^BBS$V$6xufBPmn9cG>46mFea@#5zzS
z6k7;I`^XDQbwqR3ug+S7+CvJ!q@8vnVbr{W1E?o+yX-#I#h<IuOr3aGDk|K8ydb5;
zl1)*To9SGBJM~%8?Zv1P6(c#pj~_)*ZX|DAOUP@bq@^A9C!Rk>M&5g-MPMG1NS^Lf
zTi;k#U!pkT9ttER@@>~DMjOQM(k40k0Ar4C_&1-gXzkFKTx9dfEVxF2Mbe52vDdHB
z);=Asj!jB{ZADJW0i|ZUAUv;Hk3l&XpwmQ4;mj|vFjDHw1|o5|(5%XH25_Jwvf9Z4
z#1}-*sE|PIyI>LwQxwNfSP)OZ+N7J)$zZ9`eOm1rqzTZ43l`24*^aXZQOP8F9f~5|
zd+BMim4ltA!_@iqB{}CNaPC((X61A8OkW7HJm2alCFgpH;v-1BJ(gJ|&(x9u`JLME
zVdmNxI700@VmOqmKG&X}O-Di=ce!h!NB{X+_HK1^6}mz_;OkfIPAaPPwOo4|OnB`k
z9|WHzV&RW~Q30o!gfw$HU}pweX#9Jhg0RU}OF=oV4ln-`U%j_8vr-w#bg@n^k@AOv
zNME)<Zf*j(ojDPqZk@}%3EDWmJ3}K#2!TFi+8)V!zM!28G(~CXm|lZ>0t@gQ@_36i
z`2-7#U+5=6pq~X+VUZQJMC)1muFto+@^V~*X<IV>HKwQsE%%v!Di;biw9@6<nr778
z*I#2+3a{~X5M_7m@j1r}X0<t$?EtB~;pKi(j06SfZ?&E8q$ly_NKwfVzO;sU_AEn-
ztK%rh=iz3n!uPiz=;;h3W=={NI?}--sJKSl-g*={muiLlXg?Pa4HT7-nBo^zOxm7#
zW^h|rda!b|p6Qa`C}J2XxH$jVL#eLj>=_)M=98<_eos#QCdSS89uF+Z`QehTSynG<
z4PAt$<wkzm4-|9thgxgK=wMM$4isk6#UOUIorW(-=1{#Q1O{?@vP8hEQF*+k*O>JV
z$FWYc`|Ql-g>^TzYBMn=d@i$LzV&B0@RMU4GDz|As~0|kbK<D9aZ>8)AuQ)fY38$E
zS+rBZ!VVbNm{@$y(ao*>sARwOaG`Hy<qw?o8-2g@7>ZbluV@o9B=;W9=u<mz4e0N`
z?k`vp9oa@$Du1c#A$;_u!42Va+azi@v}wCz*nXBa+2^<8RH{yN6kml6#|RdAs}!_;
zcMCI!rKr9J?BrffD@pGX6g26^@e_oZf<Y|)dnq;07%3w;sBBp&Ro}svV&Wpjbp!;{
z-kvUs^k($28E=Q9%D<~b`bgIa^&P%WC>4WO%5e9r&puL0UD;ZHQlajQB%OO{zDS0;
z$QvK6%u7TFT^F=-QUuzNsNNn<ulh|R1C8?me5sLtfw^4Ib@jW1WIyKAc~KNFI<@uO
ztFwYStD~)=*HM~U8d+N1oR-;hievQY^dLQB!)mS>gd)fSMl3J~88S1Yo(cYe`SuoN
z#Mk=YyO!Oue@o9fWsmv#=|-=LoVRNHiU!C_yF_G?l4V*{D;OpPqh<=JJuY?w@9r9l
z5b#&lqlLOa9sCIpTXe$3?>}DcVDY*>#-ChWQ}o%o0^+U3O@cBtwvS4(&vWwg*MZ?i
z4VU$tRg*C{*L2O6B-b<Gt=3X-IKCKLdZH&U-@N1>7x!~`MAgtA?d5rJE-^V{A2^PL
zLe9h|p+&JTnwOA9^3A&O%d8ZssJTdh_l7`l%q()N*uUf;+q*cv5;H{}8)F0LA%w#0
zCI!%b1};}YQxP6=eBvm6_TnHr)WgLl7$nYb930@*(2q!gji^TN5Id;lmLvs8yNnD}
zxZXn060q#8nmCvF9AC6%G1<tH1v1!Ay)lWO6)kMi!^l00lJQGr`(JSjFiYiDFEnD2
zTVEY5YV3Wu9FmLL9y^4)bA4dNgnxdx5Gj6J9rU(XT{%bUE5IkWF36m59PAyucPK-g
zx^C(n=zHCFzo!OL_bWM@O5$SY@K>Fb3mr|LodCv_oRbtUlHeg7kkQx`E&YZ($c;7O
zEFx%XX6!#T>BlmLCxb1Z$#^;q*N18XOB1FGQ-Fi^`pM{C^leB1B3kXfN`{FN%_8IC
zj_q6?UW?FN8kNmhUarmDsgJ;0;*VdBc(zi$OAJ$|4^L~^-DW`aQm1+8r4hhBg3mpF
zde=xAJ8{?$D)RKLD~?DvcJ^19sJjnjC1=tls_SwxPyNCa?Z|^sMhLzl9qvbiQVRt|
zE?G+kEXYERou>7ghvm}_OScQm21xm|tej4-#ALM5!HS$Bgn>B)l98H*rEm649?wX5
ztJh}wO9#TnKgZHyec*^fc7ffSeskmzgtY5#ZILF=8S}S@Q9y}=J3;~leU9^iGqQKh
z!dgDqWG2ENj}L{%)AN=JWtTk;kOv?P=gX#Cw)VesaRHeYIkVID2#l_(Q5-#{@JJV^
zn&`&i5hVl9rLXDE#>2vcblR74SwAxms68%_p6XSU20e40;P&Bs8cJ&cq4OCPa=eB}
zB-0c?nMbo=jwoEo9{NQI^3D@zeG!XSPET`&!TQR;I8yb_d4*b#wnSm?ym+9LHX(t$
zSj_bGWTX#*Gy*s8Oxt2r))!@|A{QRcx<+kSv04}V54nNvse9I81lK|GG;tEm>Bt#|
zs2*nB_1&YVC#6IBee~wqT~Vnvq8Zs=D-l_ojRSW0?AGXq4Ir>PW0Lg#*;KI-0nGx%
zY|!f%hkG^%5L=@21lI8Z*xi-2f|^v*-j+Mz1CnRT&l4f7-Q!h5750$U;e1|j>JbZ*
z7qqPs_{TT4<%xQFhYE@8Sw5>XfUNPsp>N;%D{0|?V&7D3#itlW?`CML&zciI1|~3l
znu#M1>Hk)56qE|!kJ;J7&5o9uBH?$-5mQb8`D@7-pr)&^TlRspUZ1S5Y^ix_$5zv@
z@L)-ait=PfHK+0VQ=*6BK8b5FRijlAo~6-w%J&O?*l1npxI6RHWBuZF<|^ehd!dTu
zmwMFDfX=X#VIpn9lbMimF*E5M42%Ra{^_`?XRqjsNvQ;H-b=A^P!6J-ML`>*bMvU0
zHEsNyV%jl*9sFi-rBu~DUf9=u;`Hu`Jc}tJB*)CeDsD(hb{M_dK*waJXl7P(dOnX9
zR5{_c0+Q-z!Is?hqWMf`u+#;O&kLiR&SlnKw&t79L?(D5C?(aun^>$V2NnHfFakq|
z@|0aeO9Ou*xagZjy}3$%vBR8sd>k8Fv9G6<=?;gAe)nwQ;Yw<piStNBrK3zi7ii0u
zT+NwS=%O*u)0Q-)efY4Ok@)G!?d)i?3G3e>GC=v3iMLYtvggwm?OX9lB-)ld9+WD?
zc*AT}P;ux0yVmt^;m1cx>A)+suj&S!x*Uvye!yEHNJ%*@OI$h~`SD$$Lm*dcA5jSl
z_{ukT*Fv6nzp>xxvniOgG&b8JYjD&?l9onrtF3#Cc$$}Np`V*Q2<8zb)qMMAeVQRB
zriu(7PG_4qH#-N|C-xSQ!L;wC3nwTs0p&}$G1hNd4B;XqprQ8J;Cn@N5!d{ak><je
z^t2We9s&#6FIZw<70Q$GFhY5Isu=tAY;LwcT%K;fxbuX=di{EEOrsFrWae&{wnH^@
zr+aKvlr8aNYHGONZ+^?;Mo?jqFH}ZiLYrxle(~+wyTJXrfE?x3x~5bl{zblwPw6-d
z+NsV_v=qgJ<OqJRH+R8t)3>z^`o>x})z~GURq?P_bGZ7e#1ncrMQwzA^Oda3?!2Dt
zyZt1IT_K@8d{(JE2OURdeIWw$jlaUpWR?~xZAnFnHqLPt#fIkc`9Htm<HKfk8R-XW
zK2MT?CLs|5fU3-b0*M~>L^d-{kE=tQjU^7Gq_58kcP2M0<i6Bdk9grFDPm$`bqtBQ
zLW@S*rmp_n{XkH2M7ra{s~m@i1dt#h(h{$=h2doeWmt?~mGO38j!?4DVkx+;k8-I0
z=4M60DppV}$tZ{YJ$sh$`s_z1C4oS>5>**fxS5H*X`t!N*KdxZ*;Dkf5-aOFL10NF
za@}M4`@z&_Sfxy1OyK&ag2L2rZyPZ-_D>o{#y6TC&dmEh9-NTYsjj(<lnF*rrfEIP
zazVN{e3R2tkN&<%3hZ!ZV9YwHa$eB!5`*hE&{WBjQg-4e+_zydlrS$r#26GLsJFGE
zNBA7qo2gg`qS_RGeaixv*(FLbWT`6l!3Zu4s7o~+4ds7&)FtmpjZT2P&tL{bc97K?
zXs3E;D!v26v6_K^;w-bW@>y=~Bp%XZk3#UyJ{8S#veFRah^zjKy0td^uXDsHzQxHO
zXuyZOa<6-8fj8UJ^O1~EDeP+>i%Q?-Cbz>+R?JPQXRf6UUl(J_mzdeuew>WQ;arCh
z*gJj;)(Wog{=p2&?84RpMiJW>>7T>epgiy{eijCHsngv+M;(1EQ@|eXYczNQE8Dzu
zC?O#gs97Qg%9(dw{4wzgXf#ev<rq?KAaHSWuLoMec!hWxu%c?1SpD+yJX2w1(WJAy
zjN<Q7czNcGwp#^}l9wBwtcy=#t{g=|eC;s%=~&xYS#v=*47*xI*N60h-wFOxcl1c#
zKt*NcD<6|fDFXwCruVE>nv8@nRC!cl2)hu!z%CZtF%HO+hale_)>wY+Nv#qF#(>jz
zbvJ?bB}UrWMV$XEt<8H=>|p@Rm6w;-sc$MDDQ~emT7Em~aj-dAPV#x&-{5h#f+_XJ
z`^$M61_lv(d(>a&JN`cRzc}1@05>$yfaiedk7P`#j4Qm0aj|<l%?l$5L)W!dK!@V|
zlBsT}RSru@3FF$M0l}zX<0saO(_cgeJgaK9WaXb~mI(R<>YryxoB2XsnYti@rj>B6
z;;L`{OT*JzG|gG+$k>m`PwE;y7{W(%b@o!J*EBI9uK)&$ln3iQQ6$biPWX@V^2%2h
zl7;fB#mzP!Q}pghvg1_NYtlic13KUnmK=xqW-8BI#^|2%3F_Kv+IaIXq7o!TeBIan
zOpmFVWEd1@V8s)UKmV2jJJbK&;(8f7j1|4~GnaF;sFKeUh}zBg&n@JLmFcjU#Fjb}
z#bFQ*IIi4neGHo3r?!(NF-OH*K&8Dwk@|jQ80%2&s+E}(myn_+@2gK8{r(?hk)`L)
zfh2#>K9q7x{qiMZVnX>5T*#w0=-{p%RARyc9GWoTMjZjuH88qS>FFf#Ogfsr9oX@o
z5~9B>gc00Tb53b;h3<X3YGv8jz|JTycno}yhLRne$~!_x?~i?xe8Fr7;^wL21{P-9
z?5M7p=gYTht2cgvq&-8u;$mW)QpUO5E<ahjq6rsPPGr~@$7wn^z3laz4mY&K_jZTv
z&yC%F+*S07A?-u_f>YSm=)XsO%W*$GE9H~_7#By+@9J92m#Bs#jquLN-a*(j9upku
zp8o#WPihV_?w;l_E=7IcR3aKa2S*Hq4KOOPDb?0-Hlqx-Ee(m$5GAB&=})kls62*3
z78dW9Q3yf3$au?A_R8KF7%r*JN<ydev!ZwI8e_XRz{n@p)*!9_)bvK`{rD5Fg1Q7e
z%3{=*w-WVbu3y<QvKUspBOSi}(`}kV2a*vbuVmfaxYN8&C7TX3f(EaNOY7-G#LzMH
zQj=#2pR6yKL$k26`S^vM=w=;ut<NM$*W$V>9kEiNS4@?i7PG?ak^`=&?Gc~yuLG>T
zJw0M>M0<sAHIfK>X?L*t<3m=Dlw2oT!oY@-q3^fJ%`?kVS5+J)jLheWssDM6pZxT$
z=xRAonoC}{yOw7sNl~Pm>M4YR3jLa2zd9oQtuvLX=4K)fIG6U$lgQT^i7A<HOk7^)
zvBThLU>WsXyVVQG>z8J-*O=9%9nb<%@6oa~b>OLL@vyYESP{aFxjk3`q1Oow4PEK?
z5~iEyqO~4pOb>!C$S0w{`k(Uh%(Qh@uGOGO<ti3OWTltEh{TaF?b`C^@ce?J$Te{+
zIm`Q$?lAt5h-iOB-wpxN1M&b5F_+W>j89|szwWR)Df2QaWpu6TC5)))F(V1y6jhyG
zxCG~XJ2#TDq$*tuo0`8Io7C!w|GAqg_t$1jBm<;^MN?@~q!LDdIUWhnV;GbvQ6(26
zSE6ifIn=wd8bf^ggKDXaC9wuKmh13^;HseQLe%K3)yYER(;O4!g&A;g+huj$sB38I
zZ<K@n5WVfvQZq*Wg$6#EAT1VM9B8xeZ6Yfvb)Z92qO&|@XC=dL@Oc9=Nrd5Xwp`wM
zH_y7Z!f)rQ3JxqodiAB>QyUuzsfWd2pS+J@dcw@%UQQvYHyqX)rCHKd(%=B0`}U54
z_X9_B-0Pf;2^j-^++~k%;mOG*RdL7sB~cJz342IqoCa?~*;3bHqDbliD9#OO*M@a&
zuzzWAD;a8y5Zr`+PF5;LO38s?#-!{2HAmU3!P7xfUK#q}3*kZ4Q`~s$pWBK_O~9Mk
zuUQ8yy;?~^P?IMsRu8s<*@Eetv!rXPhj~)4eY=VQ^d@(aWw83C?0=4NfX%XYz0*%q
zz#qjvtEqBi<h>=MWnyXg;h_l#u#=aHt?ouP^z;tmEcN#eig!-ZEHn~9u|=L_{d)l3
zz8%)o;3_OE^qBt+;^PWT0tGhd!5(zmecriwOQd#P5@65VYF%GxdSC-zCm|(?(<dlN
zf$nsK@7J$p3k8w;68Xxng^PcIuXSk(A8(dNLbhMn(K6^*`d4Wik-=1J+s{Q_Zc>KI
zVANJ_3?D4HC>MLj5uG8~bWexmwvr&x6R10H`z_t4kQY=;cum3|@Y!23dAa#sWU{K;
zKa4p)d;Y6!sX9wpT?LOnR6SzV|8{No4K-LOhnGxnqTkS+4i?ZZU8ZQ%Xh;WpJ1*uQ
zvEQ*e8~S$P%>uh5<b{IB$kpXl6|W5x(8lPx2Tx9%#%HJc$C1#cvtktR<k3P!j;F?}
z>t^O=TPFrEffWRC=-Nh|#I;9VrgrA5SK=h3FHG#r{GWK&ueNUzK>WV1ssS>6WLH<5
zT37oZsa#=OT~e^m#SBd1qnb*P>RsWi?bEft5Q5@g*yjnEp8k#Ny=@I(qdw%PAb>C{
zHaRVDqEcqzZ832|K~2<piSP2EgxsKrLItAxP2jc7Z-?`JY*=w|PYDV#P}g6bN>w*j
ziFd$|roa^}h*tIMQ3v_RW6?CU*MjEd%kKB&W~)aBPh7dooa|jhBrWhjd&2%;N?>(v
zwC>YOZRgJ)oE!>=pd;!NAaPR9xzuo8<p!mfiHCdV{TySg#TWyjfy|$XqqB-eL_7RL
zZtip7_oSrzA&|VhyzA~5`8)4@ugx!A%YW(TMMRL$u(3_$c{t+@tcY-DNG(lS96;dA
z%gN8kl963wkMUbq`{R@w@!|(QQhGj|$IE17?0CegIE%Z|7B4OOkJhLqK$o>x3V`+j
zsNKF-%<LS+NI34i7T34ck15C~$4!dcY?YCbU0I(jhk&jN2Ix7;YrA6zXeGlWnBtxb
zP}E{%9Z{0Cl*2w+G)#AdSE8x|GqIEFWITL4`UBbi4(Ai1pMj5wPovz=PS*ZH^q8Mf
z5pZ=4cN1}C8wN}-;jfcfluY;P;x<5okpykTB|TYDGHfG#bJs6|zPV)Y7?~t#XwB`+
ziaAV`B@!S7%5>WGjs%uf_#oq!kdYj((+1s~2wZ&l&>RQJe1m(Btm_HU#|Y(R3o7U&
zv|$k)fIB$u$!I=4D<sMQazbqZqi-CpXWTb_;$(q{8su)f+F$^bhuD(>5o9ruyLRuc
zyGMMu-38G>n_hwGWp`68#X_;dVMSPaG)%j2!`_#vwpq0Isa|Lp3D4Y<2)RIyv+Dp?
zLWaU^$@9aI^|xvf3Uq^w@`qZ-d#2LGs30kgSZDRD*c}rin?QwVM894r(~W<S4S1jO
z^DoQcdV6~%WMxY(1pCXYkZo?G5ESV1<!R8;m35ekSk|qa&Mz>#L?tB$0g@_-d2pih
zSvE0T2l*RegA#?yqOeYpr_;!CZq}Wz0xl1Ky_$Xc2Idk?Dh3N1Yjq>3UvoWbf>PBe
zg4CB}7#fBL1XNEsJ{VrDIWPP9$OF!Wb#W9?eQLeTJ3@%D>DJV*uW5%w%<c=Y&tQHb
zm~?{lRV&kX8I@nqg9ap1$zP+J@z>9}fy0{XQ#5Nx#^Ytw2`Z72_ah-Dnj+zxn$kQn
zGufK3oX^%Wlfe~01hsYEXcdr6p6|>)e;YwEx)Q-6i|oSbX1D-*zE4aMv7FPpuz)C-
zX8ZWc_3bVRLLXq?#po9N&@9l<F5E51$-?rwhAEZV{SG#DmZ=L=W{<Z=9^8y2Xuy7Q
zuCA#0-j?0*%V>h!fVnJtU}mIT7xrKgD=%+yUJ<03TxA)(w>F4CRn6Pexs6S!%h3L}
z?l%4e+Jleo_M!l8c2MwYFWhgx?@Hq^$^SIyH8ltKQvixh(+0$L&Zvb*O>EK=Q41~U
z$dF^p4gE{s(rcx?iyRbc0sHji55Q@;--y!C(guPobpOCwQ*<Z4S|V35yFeYlT;K=@
zig~-cX<w>kfXyZ<N*R+FVqj$RoKK6OWCit!$*ChIPQSjXDLetudkI<K>M^l<U(hqX
zudAaaB;3~@l`%@}k&=o{*MkjIgrgSsY-;;fPoqKy8tU2QwYVT(<K$EYXo~le7$%k+
zHHJxufufY)p!)-w6+%L5f=O49h=O-j*VJqsYj4E!nDdZ)cXoXH9s@!rHH}2FFkSmk
zgquY*sd)s$nF~VOyI*@{nn#T4<*(d)PSz;3YwdO21ngHbIB{m&M{e6op6>;rR*{?L
z<=H!r-tT!@;#R0X<I~#vMUa)nknsHzly8+D$~!it#1y=E3nK$tRkR+9ppTv$8XB7X
z_Ns9r3_<?>jNsx@3e*_;fw<<Bsx!<yB2Wl}D;9g!rO6j3rDK=D$yFxrwv@Q?;_pF;
zt#J47Xz%V8r>7VHPMBgU9~=>$JM-v2ooM3YR*p~3xZRnuhFpMQ7_FG3BqJi4H}(4m
zSq2gwnLTF}o@yX^qG>a)SuN+;9`ShBS@_Cy91px6*uZ*0`~b2Rk!U7g)kRHG5|2rz
zE)evdAbz=V&+i&9q6hy;v?h{OOtzFI<>bUHE$I{$53QPnz{14uV^0DZA8@G(NQM=#
zzj5bKZjsZ26f;Fm?-2p1J1+2k_KxMjp&}9OWO%^V%hLjc5I7Y4yp=)}=u{#Yf9_IY
zUgbNX7U0>LvSJm4{xd@XoQY#=Crbw!u>*$1js^%R!L*0CoSaWdH8D7*h7#LQ(bNB2
zo3XWlfq~|GLY>z{@dj)_AM9~?&h1?)yRQ}A*b6aYSl}sc;9zHhk~L&yTOUOnM(gn$
z_jiD6?&)cw{5wnFVV{<kR`tz=y#fRxAg=*$u8i^$MGfGO@EZvJ`6$LL(<$UCCWfbf
z1*iYM`V`FZHI1u-;2pT5e+LuD$QbLTN-Gex_F5IK|M~I9-*R&4*tXgO&p^}ZeL@1)
zcV|twzgPTt)!?fj{t47Cw#0FG5DfieEFXVUAZYuu(EoYq|I0rskb|j*l4+^HF$sZx
zS0d}D^4XH!pr^kGW8{0HEU|Kz>M4&@tQ3=+w11J|3h#>CkIH^Fz0Qj7YDHEcuYFc)
z-V`NBJoxqB370GvF<{nyxm8YiavUL{SFwXt!*8pJE}PnG+~EJR=z_iDI*zyU@5frM
zgISZYqrCO~>hC?$L*vP+XG<>>q}f<pU<ytEupVF}1NWxO$OQzT($a{xmzwwhwJA(&
zfypj^UT!WaFfT_=73zopJO@~7+rf;U=&uQM!bYMMp%D@|9Q1&z(~oENC*9#)dzk-u
zCTJY=zu!ODAG<KSaBY)zx5^QG2Ds^IT~8uFYWYD?gO4vqs|FQ7IiY~GNpjOmAbs0a
zT-IzVKmW+bH}zE`kz>zYU90Av_cP%931CnQ8fZxBI)wl4`?F2!tDS$D8J}5vVMtqD
z{d1%D6E3GUchvu(?Y-l%?%Ox;ONydsQdy;;Bt$4PQ7YLp*(2E@duA0`B}9Z|WhFZ^
zBcf1N_DZt%4!`5NpXd2L-|s)a*YBTSulx48b8}sv>+^ZP&-ZyA=W!e-lSl?PrW|2P
zP{q%zp}j|rbX1h2b}f##XX$_0FSz#SMt6x*`_CSu{iKF_ytb~m>DhVyYqjBP<THGO
z-+Jrkf4Bg<qj;L|2HVR0qj`tRA9=pKFl3b6%8Ge-5!|!g*4*E7O;j*rd+>7r-OB1n
zOqNNz3^wN{nAbd5nd$q}k!|p%wo!PUEm7)K;^OPu%Kqc+7X5R>I}uMws;jRRILx0u
zE%Vv~*jLWeIaA^%wP4aZsd4kFttqcxLbYsa%jYSY|9<A@H`qLKvw76FsrPr)gb%kT
zE9qz_1rT%3x#4LF(dhGcORKFLg_2tDfgA}M_!<6(f804rf4WyxTy>tUCY$(~RdQ|Z
z@WGZN@e(4+;~QT>SV##|y#b#KEQg5NzPE41(=^tFdCj|<m|aZFsd}l33;q?Ch}R&O
zt#>w$mzkB7;=+Y2g1cskV=Kj&BJy_Cocqsa9D(gSO6KL}^!Fc|=vrpEeVcXAcWbqg
z1L9C#tIYqo$4{PgQr(-#*@v`4GK`Iku$zHDtsyTkFz`=v5=Vx*uNOG|%E~m*rrv$?
zYLNnhko)(wydG<bTUzczMB#K^d7!hlvA&FEGzp;`G5`z}+6EhqKG&|NwY4|&4JBt+
zh7NGLtX+(*FSDCwl#aUesH#dFN9<mDdjHtihQosPoY1qW{o?+|q~>3Dmxq?jw(|+}
z4`~`jZLxVMTvJk(NeIl(5VzA)#Z}8(H})~Q?jr<;g=O%ZKYm=a_R`w#S5gn`>}ukJ
zgjw~^kzA<>bS31F3V^kz3g7Fcsh(8p=ue+MfiNXA`zJn#cYx)8HY78%@g276HmaTi
zOVT4pFe?Q2GVkN<L-4&EC{))>%#Q{iRg&Wy?(ZL~<tYt+`pdV@CF|+v?9$Q_N#{Ml
zB3<#A$#sDs#PZ)5%f*hn$~`+f3y;LYit%@IX6ZNe_216mMv7S!Q46b*rzrX*#kd~j
zzW4PCZYg-H@x{gJ_Z8IC{35tx#2_ysXaf<npDK(veDVHX2$>#C_X^Pq*wWXBXI?Qf
z+SQi1by)ASzt7{xcG)h%|9$5-zbml6PltRV{yehts;a7fG;LQ#leUft2v8E<LltoQ
zwO~hWNlREvOb{h4J0bbZf%bR_yAm^W2xvGoy)c083R{LWd-K;TYsftI9Xhmw@baP&
zGfbu^0Jq+rhVB7A+Pg7IgQ%M@&ZU3_IN8#~ca0DKQf>aTypnnJw3GG}IW4pMP%&V6
zzkg3cd=#I9m<+u%M_J&H@|C;s4NOxBocF%o2lsv4Y<lnqNvcX_8^zdts4Q2eip&V^
z?(Wh*KPm|%$B)9w_>=DemYMlR5sc!dqh7iBzm~DTr`|-47-)zc9d~LQ8!f&sf}$9g
zc6(h;R@NQ<McVVfEoQ3@$n+yJ5eU}S)*!oe@`v-`txFyqB@{Sc-uBNL!z;HREs_Yg
z9QsVrsKk1Ra3x)tZlUA9@02`gEVJwpk=5+8y1qWNwK+`-QW>N}1K`;gJU9-vlsG)F
zHLE`uO!wD5tNhce;Z~TPxG-D8G=yGzMt(GArGiyX11~k3Jj&g>ldabvj`A9T^ydkD
zg0o9}Z!QjK$_7)DlS`m+j(FDAW%%F6Yg~jLEa8gGqhwz1N71}rAr`>`Y;nv?OWQ3O
zUK%i6w#7(f0j`Z2&XjF2c)xn}>X~DT*{@nT`>hS0Kj^TQm|bI*i*DxT&h{F?z}w1?
zHsiaepo_@AU_Z0BRzKl=z9EKr{^w7!P{@~CBm~{8O;$Ox9i#%2{<!|qwJ}Nf?&`n?
z57%5nEn-?zG+o-vJg)UY-?z;K980)am-qDS!GKzLNSJ)E86FwoaqJa)Or<l^e;foz
zpU}`9+5bzF+L?lE4;^z-XnDIfOSG~7Q=oFv#XAt(aV<1=Mk0AqvmjccxkF1RC@9$3
z7|yQYcUIx`MSD%}tGj%~cPGg2NV!Pe&_K0&>VJ;!eYxDj!^6S1&OP6La=&Ht(8v5k
zyC-rK;^JI%bal6ZwS`GodUi>73O*`_hjXK@!N80?uk#BE4&&E|6$GTj_Yx2C^0q;1
z?C$G(v&5kPKX(Qhk&S$6E6CHqUv7EdX2?1Wp_FF<!|o52*nk(Te_O-xftS$#n5k4E
zM%ZP{)D0U_hw}^z%gDXym<tQjeOmU6I1pnUt}*XBxqlZM+gCX?HL_3&+#VWftN-=L
znOHsee}fJ*IViDVCUS8x_<@xbajNQ@`1maAk)XxAzOpU%nPRQ7rr#5h-?x*K$3bjJ
zaL2mnukilJ9kRK(&IwNyf0y;8IP5pXdi?YI_dTfLm?1s%LvRWE!~Z`A8?pr+apv+W
zaklL??-<P(NCnKQps@2Afhe*DoctXL@^@0BfdOI@&VC{v_gdC;U5()nUtOOrJHcjp
z?6sru(Km12M3y$62Sxf6!TrMruG`UTFM?YY6&xM;Y1mZV&)?1Kk1)JP^b*3QoIZUT
zFhDi>Oddwfi5Lg<2wVSK@D15<+z^P}V#H--2@uSHgW`}rYEfEv<z=2hJzs#D&+#BH
zuS+_c9oaD!Gk+sdUOZh~DjWl^@_3HR`eZeK7u(%D@%z@JKX#PVugz3ad)X=^3Hv^O
z&Kx}n6P#l?biAgVw<MqDCR%jN1#k*64-S%=QGTn571e=S?+O^SXU>I;n#L=i%UK%k
z%uQXKnuqV$uF2BX-+cjN&08CNjTKy)&X!bFy15OuVBFGlnsqMNq>nzODM@KHypqDB
z!KSP?+1ZMHm(*nb{SDu^pzS-xnjoguj->RvWrsQ!#@lIES1;#weto@B+;lyGwY`X;
zEzLpZe)x-nnfX0SlYNwv4KX6k{fm=5>#3YB^S`B}Y)x;TEPs15=){>bgss0L>d1cR
zL`6x!+)Wyfo<@*4xVBJr;6R-0i&4{j{V&YvCSDnOr+9hQ?l&jN$W(p4-fn#0fHm#L
z`eWnCp~y+acXOwU7)RCawGM^I2><Bd<(hl0ETGZe;-fxta)1BNtP@w)kp}(|YS>)w
z)AF(fgF`~|b&fKfSf-rYMy}TVWjyy$GrOVBN^w2mTIR{tE=udXLL08>wz^qItw&1F
z<T!1vM)0?{D~^c5bN+o)f~3vX7Ri|`<5sKmO-zYS|K6p@OhU!9DS5xhu+eS2`!QTF
zsy5bd^5?hKb2K)OwZFU&f3)QM#r7j`-JI+ylfcWg<-J?;hyHPIXNFpCaoY!Zg^=&r
zhSYK2HaFbH)RV5t`KV|{aO8C5ni!_@`e=f@pxyIv**kC7E=wEp<)$WK{!EVjyN-q4
zgXhWdt6j;-uL6Yas&#YUms}70Oa5!_xns~M#$>>LN5!xxY*SdTR<GL6ZcOm?xTE0a
zihW7f9cB`;-G3}*Hrtmu7djp0ep$ktoEgvL#C5@K3Gx{{LMKirjSJL58u^f&g`b~7
zqlk>JW3eoybmX1l@JqqfU2#2#X$u(&^Nve6X4@`rh-TXD_tojMNDW(D85+9awy9oK
z-DA=+TTag8JoAb8<@-^_#6(>*xG|k^H?}Zll|J(I-G%TWnI%_0+MdbO>oCIL{CBnn
zaS2rL;h#mzcK(MiY&(9uCssMta%0UVO2~<3V1V|YbSlPeGeY^x2Uf0#-Dss9h5fE2
zRv1G2fXLQrVS-2-=_^48E}~uy2geBx4qE7mDqoyc;MA|xhVvVxyb&+ER$w^_6dbbz
z!b?62c1V(dLVFFfsm_osO|Bmxyw|C`4wVg>nUDUorqb%_4M8w@hhEtEFw!Fe>rxFk
zXSwX#kU|`#Voa-j(OEDn30V-Y{ShBdo^)Zep~1l%5BtSC#rFH4Y2^tsU=_@))#Pdy
z$b|X8j5=FePo71e>_kryEdlpv9167CE32!YzI>6Z&DiE{2m30_b-jXwil|pTtB|NW
z@$<rA&SSebH(hUF@MM-=%`DVvl=G0ZIU%tAP>Z?uu&1RZr(u&%Tvhcj6{8>_LH-f6
zzPe*AXW!@Kh{O5=%Gw=7o^=hamUAFd1+lm@HH{)$UchR;MlK3EyKKnHGm9xI9xUB-
zJn;NE$Q?aJ%jMwN^(MOt&wu4!8B29LAs}$Tup#O*WW63B;J-lz4PXS*F%2zog&0nE
zgaGC5(~fMzR<(BMxgPYFizc_;f=*qgz?y{u(cL2{i5%5pfI^ZqW<l&MUTnLIN`n*=
zNNC#C0)J=CPh@jr#9W!)CyyO31?<>~I$;(TmbVEBIw%iTrroyA<!GSMj9F{OF2dhj
zjPBh_v?*?FmF~-HF*VfHl~2`h86R&=4WIc7$*LE+?`5uWvaCvnFVD$Ek6&y-;K3fg
z1qH9V{WP+(^yLE8Jkuj6`e6HF51)|FZ*PXoVrd`0bZI9*b7HQr+_&XUN!vh5U}H<0
z!S7%lziIpM@!_ZkwA%xKA5fqWf9--{0~^uK4l8qDAe>mg$)>ct6mb(SU7r#l<Ti4D
zYZ+e4IPUX9{T|qfL|z3k^MOJOna>d@(XMN1GJ*%`{p}T^EQGiWC$9S^=N2QT5&Dsf
z)r81Mf9fqMi-Vp92TTPXO(2@@L`ATXQOeJJ3ntgq;Vmx*WZ8R(@JpD%AD(xmLrU$2
zDboe7g<bd&3%7JTb4Kll0{DnC1c2uqXJ@DBbICu1#3W5U@N8SAR;G2dlntYo*F(>u
zBJv;2%`-JjW$|fg2eS<uuS1ge4EDoFcL$r|$}GoPZay44=w48uIxyd|cx1e2>eb7a
z_k}V$mI_B+SN4`T;dmyANINVe#Iwhuc$RE!k<vRflxP3`!7Q^b>PyJRKL^FQ<Ag?D
zNy02QY4RqH=%xJR$&HDgbvgnMJ_u-eZriD;8|yA?aS;f%wo4E`(|vt;L2Np2=kDEA
zkv!7_(RRHg1UAj$?L<$5SW!~q;8G-Js38V{2V6BZ-Ay=lsen?`UPn6J<aJzof25g|
zl!-+<O4p&<XYngTL49(ns_urbBYb@iFiEKXB;dnKn442EpUBj%^a;SjP3vaQ-gop}
zv`%l6^>S9tbxauSxgjlG@eB6WrXBJRr@D^-8*b0gs9BvKnW^U}yU(Eaanp@dZFBv$
z3;a&rTWD3=-F|k%1KW=0&*3Oxm!oazsVk-S5IU=Msj+30PPOH4Ev8I&MnpO?L5Y=F
zZ2OLcFkO<rKQAv&t$q{-8W4>Dh$ZO=?;i}@EwCD9g+QAWY>Z#Oe)Yp(ZRPhXi&#bF
z7tyb|N4&{PH~CtZ)lo5+cCYNfO(uB1p+_a{wwEc!ecuU2(XCBVZ3_!HGi{&fTs(lq
zuiPPHou;{=nXNfZs4VTPBaWt<0*p*^jDL+CW{Fug<93eil7QS=B2i8~sn$(*OZDL2
zJt6y4E!X%I2ut1$^S|SfsnK$1R>2M1CNDQTyD~#VM7Jebjz6hhpQ~2?RE0^3Vkeu6
z`K~_a>|HnsR%UB7f^Q`d9TxJ;d){SFB4oUGTy!EFi)z9RMJ5hT$sXYqZH5=OcDSw?
z(c<6m27}vCmv(76&pM=wyhP-l?RA<SfX%D%0@rRGUHJ_O<LlS?Az(J2DW;?;j$4#4
z|0ZJ3qt&i|qw7xgYhuXr7qENtU_|<$a=O|s!eKshdi?b99P5V<tFUHgD=0Z2^*Hw=
z0A49l7k=g#DWn_RI(b_4<HKEv($Q+En+ABj@i8~CH1)!5Ti8;v%F2F2H9@=F?8~+`
z$yY{1Mkps8mnM9LoLs9XIyjDTa7d(@N#WS9$TPdEqo>!LEF1yEr*CVMBC}+P|LqS`
z`pZ_^B?9TccjQTiXFwZoR>3qHc|FK=H*BmAX}WFj5Uz-e6CI6mI&qGR7q9+)rS>Q~
zvP*g1W@~eU)41gZYFZ{}PJR?Jk!Y{Zfn{Kw*kBa7o|oZr_L<^V&D~JTB*|}d^gLay
z`K7`xYY=*0{#j^Ej`ue0R?Rw}mTqRbY~Di3U?L-Y`G`qd+CK9ecT`n%e!TTvWN-fT
ziKJ{}iSAzGYfpfD$4{R=ihNeq@Gge-VfmccMoMZU&4*-|__Ws+k}N@>s;jRz*5EtO
zmiFFhnd9pF_r}8CT;H`C4;0=wY5d$;);gl0L3(9nXz?YN0qfFq-($crqfv%`S9Yzm
zmu)6kZ|o^-Q0f4-0bwVsXwBiGxr<NS<oS);?=6SOZbxukYkXLlA-Bko`LT19pM$5J
z4=3m)0RcVKUaEyw-VMWd?%dJCESSCfe@KliBnncy{<UOz?dD3u#r4DTPt$RF{)frR
zuK=3pt<KqbYy0@#oHT0-9(Q%=YK0}WfZY_T2kX82ERP^tz|PY!xvcT=VYOk5i{BCM
z*JQGm&C8;Jix#CFUO3AJ=NtKAa}>!4a5X!WXorZ%<hsJBtgKw&v=-O{9VUq}4=jW!
zhzH^72-6C%fQK3RDw(}2%VlLgxw$s!M#%L@?r)I1HDMwtN42u++&M|Ou5f@^1D_QU
z-FEh#1g{upD+=Wdb-9r(Zl9<kcx(XoWUi>>IELqekDc23xvh-~S6+_fg>}7;zqGMs
z1gzMKEaXCZ{BFnO!V&Q(+q1OXdOSnVsf_LE6|7x8E0!7UzH@7Hx!r#53yY0(w2%{T
zUHu`|tT%%Ny`>xErhS{94S5`;EBkxh+$Kr2wqDISnM1EV(`DhrY1lwn`{mi--&N~N
zZktgJi~Isb2$*~Lx5~`x#u>DKF5gA9`uzD=**-*~R}<?zL<msw-N%u;i^ccclZ3PZ
zJx0J=07soSfJZTX{q2akZ;I8~Z|CRcR=1=myx0D;4YlF8M&Q$@l=$$0GQz90QBhGd
z4FdIQZ`QxzB;MBNJiq6&{}E4|n$@s;&q;hLuKRGB(F4=MbSu1e5n@BrPdvMUL^A8a
zz*WGv@%HPJ1_cjCnP1$R<P~yUC`ZuYw40K2jQ<E=sjBwb38)PPc2bw^%>6h}pDa_&
zWFAmNPzsGnmH$rutii}8U4@Ni+|)!*&r@V`g@MWK?*-e*wOtg~ssqLW!?yeRtgo%<
z_LYhdvD}||W<>KCoW<tmfyc#s`aP+8C2-g-xV~OnYdK6r_xiR1bz9#pKNzgCRO~Sf
z^!HE8#W0G;gDbOJ16>yR+BjCAwNh&quo-)@I=|%$^Brl!-{N9|OF#84IW6t(b+X{u
z{A<kwX;n@l)Hd3`YM;S;!XcXEt>J5jqtMIz%pT#3;<q{K;7~{)SXfvTFLjy#9bc`Z
z6JE<V`=&SI%kmlyC+CRuHr!v*^K^7b-{1eP>wlC--Xi8=xJu~J)TcM}Rg2cb3~Sej
zr}CpmkAO-x2FJuu6L3CWb#@l~Xw&R+qI)kRBO}o+!gXuIj!?cZDr02uqcvfyxFbuC
zJkPWPe(&pQ%@~L=`$LjLck}P+18eJ4>pRlY(mzYqX`NSx!|{peQQuSK9^LEfelz5C
z`I~DNaq!uB;_vTOYNlj)-mKI5{co-!BwwJ(^#}0L03B0MYgYoUSv>n0pUWgnwC1Wy
zdm$??FE66^0c4QA-(KbS*M;6l9|auSoG9e20xwm#BD56IqagIjYc8f5Ut{A5&o=Mj
zhl$Is7}vEUT-@9|Yt*+R<_^-FcT|{O%)O-$O^y@klGQIx8g}OcNis1sn{LT}f(}#C
zmOjFX2Ndp=jrmg_^<|!}v94v@h?U8FA)o@&?;Ymz0qXBdjCl2GXtsuBFuQSc2j+{{
zacs4YRCogX-lyq2dyQVuelI`}Z$;K?SFRA?BlPGIX(jYTPXRuA3XlI?oo~w2I#arC
ze$I8nCaCT5HbwO=EyvMo#dCG%94(rTI_}}kNyq58(#<s!qL;$mJm<&rBaJ3fw7%{c
z8e#}R0yyl{OU5t!>Q3(rKc|vWm030=s-qLvwg9&aosG4{&<>kcxBgt8Y3{|<$^4S5
zF-f;0e)JDzqJ$#0Mu_Gxz<`ko4rJB5bNj0_|I>V8R%0vo0I{usWtF<9DMAER{&eMY
z!1Tw9lzd6-#BXW>5f0XLnp7&Oq1Nu6F2o>bprSR%0(sF;P)Meitws_X!XonM&^hID
zprM8_k!y~IwaYkS_=@KnxSW?dXi?`>d@!)!>sU6yN%$u0?U5Fe*h5W59FG{DscFoc
zaOIwYhYd0_F;`a-I4PpuX^nkVv%0zp9L!jytO^@M3>G#YvJ;4&!rI!$kk{mPDl#mg
z-}_Pe(T^YUCr_SahL0s9;}nuh(;2B%*awnpUcZ|tdj|GTem{P2**iFl{q=ru2-+rC
z-D7mY)zjxhlcZtbIMU9#8H`uFhIvycZDIX0Ca8kkFBn~`^<@QgRjD{QGViU^-%8jI
zj@A=j-$%%WkyQAUl(=|?$IGV#2M5EQ<Sx`BaW~h(Acuwyx&kR0TzeqdH+w#O^eM`j
zd-rIptgJ9(kWyV;ozXr50P6V{eCy+xo@h%v@C-j5UjOXH3olH8KXdRFF1MnuudHpc
zK^FG`md)lfTPLKX*u&$+$W;jC5UUW=d&*{F3$M4>8_{%SWd*;HDR;{AC@U=b&z?P7
z+sNTwR73|496I$|DW{wv;{z;94Nq)p#`56fVqQido)lP*u*2=<dse)gXX7%?TcXf&
zq=Dh>+qdNyXo*pK0mA05<c*BZA{quix58A7shw0*=Ff&CV^9F-HO2awR7!G`c;Toi
z?sb6V`x%Bb<m5cObm?b2qAD4A;46hzJMNT=<h{L`-%1-pZ=D((8p1>?jfa2w{TiZ4
z=}H(n>z9w{H5J=BIyrr6Z>P1jwcVpBZEMR57pG?t5j#*u+B-Roe!XRWbI)aVxK-oP
zc;)0MJ`rce8B^KQ)0511aBSW66{4D?q-4A%DUr&-_#$KaE)TauCl{IRpE$+&_wCN#
z6g-|pD%`xe3%;L^uv@jY30RSxf5UwfPlne+g|_eEVfd@`evnt}LbMLdHR&TK(DN^-
z#BcLy;d*f^K{?`-#^%ZpHO$f22<2m~(>k+*)#tzS{DYsqu@#$lmHg(!VYZ?9wQ_a-
zg5w{h=mI6ts7RK}o&w@6>aHs~MVuKOPdRu?+4P)RdrR*hdHOpuIC=4gj7&|J1&3#J
z^m$?oC|L)AWMCv_>qPO?j|9qPmVeMvInqDtbni<3npKxm3AJ35`4#EueqbNZ4iL(6
z)%IXwCc^4qh|J~=!py=#1s+N5xYQmV(#dXNA3fPL8wE^s;9oqeUgpX`08#u2@p&oV
zDTWWL^U8q4rH6m^y8C6l#d%!0ag*4g7jL;SIXit8{bknNngdZ!{5dcz0B_+P9i7g(
zB1k~Dj0}PL`ox{_s($fiZP~QN3l}bYLZ(bKi9rFPODy}xGsOT$vLGgs;K{%_Yv^az
z0USK=8eUoHuVJz)@9yrdE%{e7>rI;%k#YUz-a~W{&}%)OtcSxF{(AkW-7i=*K1ojS
z_VVgqnblLx9TWPy*scYx%O`Kj0klGjmAe4040c)Ywb%XmceibS%H@|kiOtK)5BiS*
z*d!0V<vrEoq}^Z6iNoT{&mQAkutZB&1}O=LhR5zTIJeab84JMf$`jF-l#nPBL-bNQ
zvHWDrYHh(NO2my3(`gHw_>L05^tO9APUFF@;Q<BX16atNSbqL5tX}QJ{~<Cw>D-x>
zC4eg6zkhtd$Nw*`|0Fp8B8dOjzjLBn|3r<nu$UeIg@J(;;)9;uKfiMH6WCwY*4*&M
z`t<c{%g>&FeR5+O=3KROUR#zY{%1Kjn5wH!eV!sCE+U@eCMJ^DnRNf*a!3U}VsK2p
znNWy3NlKJ?Rs!lH#45fkS0MJrlg*$&4!*(q?sj-sot&cLZUWj4FiDHQQ1mZDz?NT!
zf5tslR!R&MXMU8OO$wHM{d?j&<yxLTy&u&kq$n`N`P%)@g}t$rFrA><d&E;+ll_Gj
zRCn(3Df+U+Pm;_45hZ@`fvqipXwG_torCW`o#RL<QcM(n{zad_T9=uk$a*G}70-nD
zC(=(o#p70jM?e6N``EPWzi#m)3Gv5S&xH_SpRX_fvB+(qg4+k?+`jw2Kcve^eD6O4
zpZ@*rme<gxQS*dpL;d6TT*BZ#TmWX{vK5Vg@rgR|c>lyDDyIhY>>%!X<I{gLB>s8h
z$$cPE|F1u0+y8&~yIC!eEA-AdVQsXVoQnRUt=&I&;-4?c-o7oyxt%|wj~N>+PbZNQ
zz#;SR4)Hl6Xnz=45eXq9BLm<~&NC<CWwv}A9zH}M6c={~bRYOv089Mj&+vx#Eo-vE
z{C|D#_6gDdUq+AdiT@9OH@=pkUg%M1O&sBN_-?*=Do;;qtI~+I#=KUcRl=S1e;YRt
zFXX(;2cSnhpQpCVNy2V+8$ng|C0!v)r_Ua`M_!myRNj$20@;CYQ&VZhLpwV=@#~t8
za&vi<)9h(QMWelq@amNn-cP+&vp;ZMF#7Q}Y=c02+4S2+Mn?$cn08S6ZyJvA(f@1<
zwa$(8Q5=Ni0w<QmyMV$Vi9egZ4EIJqpdoFS`(Sr6^Mxg*%~9m^Z}X5P;<Haq|5AUB
zK(Kcx#KjTcKwMnP6D%~fXW+KvwmHQ(&l!~%v_9NngO};l-}vX2{_DQBJp$!N`K=7H
zFsj-=6l;f{4~w;Q3f;JRHbm~<tivbCCA!*=lS3n5Z<gMVe9dJcFZ1%Z!=lkJRkWPx
z*Scgs!*S-IAB_fIu84ffK};E?+*+wQ14t_I(>zw7?!q6-moRq2Oq|HL$N#!MeEqDa
zJ3%Ge{H3w62F_W}(1a)UqK+LSAkF=j_m8hBdW4U{bP#Fb$VizvKR5RPusp#%D2V#+
z-@lCaSIt^6;NgNruev&(TtlpM=*yQySAPc{pM2Gcmz*6A*CHikXgu}u-NkXf#U5}-
zH9|6hSWA<js5EQ(E3&bGSxiGDg!N^nD)d+^=7hn&kgKe&syZfAqMIgp?%cTr^n^v{
z>xZq>i|ys?d(!XnUAlak$A~G#=A-T8QOtxSA$XEg`>1~HOUCbhuMDu$>UsveomRkZ
z^GtDX&S)R>chcGE)A2!VdN_HgbNu`JwZ*Sr-<fFvjuXrvw-Ja)T!JLil%?*`{ckT^
zzw$Ww^6n#ChuPWLQLk5e?K)sA#U!$631AKtPNDs5H7&luXU>L}=1#ONXKGJW-hES#
zo2u`QoYS94gaj!e3KLWmrcHJ~Q3+RKwht+RXub(NF)}r^r7lf1Yd>0W<OG<K!R_j6
ztq^fZaItTGO@R5^pqH}jW3_xhOu94uI>=qy9RIzs)9gwgkv{Hk6j|n3o%2;Ag-8aE
znx2+Ds#-xtDxF7zHIx}Mo?u|jKf(l)S9bMFPjLg@z%K7wj|L7=-t%DVJf-FMG*~V9
z0M@SeG*pmc&$ivQAR)9EAL?~9*@uKibpA98%aA8^+pbJL^KJqq<<onkEV)rQb17<=
zh;jT#;1PjIcZ|iU@V3ZZainEecL$iFJd%Sq8v<aujUWi71DGQt5A(7i5Y5}ny~pHQ
zz=(E9ZZD=eR6S<OsDZM7JQ|OI8r!q#w1%*piH@-`8TsSSTl<?E8Zve{foIs_nvj@?
z^Sf*Z0UZ?`fREokmge_q`k~xACM?W|+PeZ8w;9x*tpa^T)9eyp1rho|y{bGBB={q3
z<82stL9RHZNeCEC6mz7IkGKiU$U!40M>6;5<x3}`iQwJ1r3co{^mIw5Bhpmud(i>G
zgUmSfQ9M0ZG13!NG@;y`WCLRZgI~W61gq#IOH!<!gd5sgS5u=rK+eHJ-FL`_9JL1;
zhgW4~gL|`_Q23I8YKsgPghmqCeO0I*u3o=RhGxh2B0HI%onvJkc!EI-3%h@IcE+MC
z4s{6!{z3_-*(yBG)+20a4~afp5YoSQuL32Nt83|>w)9sGHr*w30Z~!(I7z*{_as{v
z9r|ZTP#3{HkYQtBYDzOT0GHI7s`4x{lH!UNnh=P$1VC6e>~~`*X)EHCQwM(k_QChZ
zOsyBklwQ1eQ2`IM634|K9jE#EkIEZe^Yw3P^6Oj$2cf{Z@XdrSV2l3#ezc){QN{pJ
zHJMpnrmagf%A4%IOkihckcE>5{trp=r9=X9u>)7lTxn@p9!}Apyq(Ga`>NQwF~eP@
z^^S%HBI|_Uj>+5VC60SwefkHv>_^)@J}D_WqNfVgadXe%Lq9^&i!Dw8cmw&ozM<hj
zZwYMM&=1(71_wYnCqpx{01)YRD<moF593gwIB@!Q)2c>N-9V*;*Zw9z5UNGCW=|JF
ziDzJPt}d{tBAam<;f)0aLOE6*(J=RGgu;d2UNAhr*PcvuPPsUhJN0vGD{9u_yVK5K
zeAS1SHUFx&pi;@ytVS~u(xuMa8}OCXNmE~C{AE?xbox>OH_=fLP$ghg8jF(LopN$^
zIbjFryN?LinLmCi`B-fno>zNd)f?bV*;kH`ndP{6bfP0(Xfp(-)$azEeMJA!llyO`
z8%*?WXqk2`kyccYX^%8a0!O%j&fm$~Oz3r`mrH{K*OuYJ<hJFq-8fgx<PPqmYT;au
z+NVazaCV(<kzl8-FKq;3(T(+(J1tFAf3#sDAy6@PtBl{Pnd&J*NZ!iG4Vs*s1R%B_
zp1?{YBWd+Md$bUFwgDmnsj0|Vii4H4qFJU9q&s)$ADEfhKXrE(D;KqE-gQSq&7VO)
zZRZ3?G6Sn4hNJ{|Pwpb97R*Q?IBp|=bm6!6=XcX}q~N;U1z9(4-#*xzYPC4VGf=`3
z6Xh=>vhj9qV@z*qqC){d(ShG7osDprt!jww%0h#d_|btgd-Fn%tcp%6vBMMHWztu=
zvGOa#4fAWo{vmL!%+>D!n)k$;68&S)PcGGRU_B%t&DS1lNqTSCm<eC}a;NF^&vt!g
z-#e5~hv<BHUR^OBB)ld&zGX{{vu_?FDKmSCsX6e?i&JDJPA|g69YiqUvdxdI2AqnM
ze-|cEpzb8c{K+dgI)L=+&2ZJ#)jjxCyRREyd!t}{(M5I1Rkx)n0XDx>Gt!lk_uD)u
zwlVMYJEKec{^==OIp5E{0VOq0bTj2hT+Fhzn@p7OT|9lXNKRC4?;*O_W2#qznO#an
zmh|*{n2+_W+i9qGL|a2s+R;(K-5523KGfN}qfJ~znzmhyW+RPS<vB*&+WLw|d5kZ5
z!3z{4l=tnOA)?#jeWfl<>38j%*Iu~$9fHA>CRM(<!|_w6c94+BATK1grs>GY$ZmDf
zZpU3RBBFAHShd`DPXYt4tEyf?5syBNnxM<tZUE7;bPKAb&fbSxE^x7?%QDi@J^dbE
zQ{ImCbwx~!G%wF)1`r+SW}korpr!eFbHnME2Or!Bs|KshiF-F`<VfzLXjFxy?w8cg
z#sh8AS(<PdT)!2{Dth-WB{Z?uK^;PN_ms$rtMpmCLvcFCtm`N&3W&6CVb{OOoL5I1
zqKoiiBm|&1gP21_aUux#zIS=~m46(mUzm>!*K31YvmX<7(R2a}K{QLZx@Ad9LW11Z
z)&^b%Q>%XU&EXNR!s{1Yx49qNiSp1cO{;7l@}#9D+b4d0*JWkF72OZ7IVz2wLC{Tu
zek^imm3n*$(Wr`jU0N!fmc}}`>7s>!AatH&8~$-(Zpt6o_w5@F+Ck}B>9J!zH0+v$
z#Lz@X*$hB)jQaRgTYESx>`?!oKRda(xpOCde0&BMjAUSHD|VnILxT=L(IuO)gD`BK
z8LXxx5-ufz7~f}Shur03W81y8>9miCccJ5dl-KkLhO|71k1ES6!Hx1eA<HD}ypt)$
zsQ{KseuqL3t|=J!AMTalb~C~#G;FmB^pHo))Qf*AO~nO#@+6P5pY6UGU99g*heU;5
zS63HXgK_uaCM_e!+&(w00IVkh0k*k;B&1}?W_<9;9che_c<_Kz*!hVE2zF`d=ZH_P
zskvF9C<Ci)s&|ouaOtv*4`O!RN14}xpQ@jR6P!1@%UZ)n;(Tx3QN5!ij@8q$G%N{x
zXlAK&e(OZ2!AN$ljRCQvihIG@E(y!~u=8%)2&^g@CliM$_w1<##SUl*<v|WjdQ3^V
zTH<Jv&7eKMyj+uO(oS;ab|o2sj?a9*R{J}p1MtFE>XKGhrw4`C*WJAalUF4WKxE5Y
zg%sZ@o|UA&j9%EnRwj?<K3dwKcS@-hpA#uCC#j`j=!HtnQyc_0j*!_>WZ|rSD&mEY
zOD-u{&rJK%7o>ohffEnre%<uu0w9XStNeRbrAk*vi4!$YbT6U}dhK$#v^i0j0DRBY
zPAnZB*E*j(9AJ9Lbn)WFy%<8=oFsGsKE9@1d87c;&nVxfEV7%1ncl=_3D7VQD+5|n
z+XugdBo)|B@<&DSpEGk?Ut(BUnLU9KJCBfNV`kSjBO{}kWw$3b<AM(cDt1I&wx&VW
zbro&F7kL2SG>A(PPvtrS(m`{dlPoNi9S&U1E=;lZmJDp_1q6}5Go-us>>>KycjcD=
zBfhn=zOJ`2BX{ZH{WAOG=KA_OC2FWHxpW@D%6ptWe=>p3?6shS$75;(qn~K|o>j3O
zZ!`NEb(x&NseMHR`HlL79z@uniyr98pROv~(yYJ<3%Wt(S69K6fyXpxq#pV4<HrO1
zT8;@zjNaDgfURG>eZ>w6$KTKQxy6iMwCKG(YWurUYp3<R6%J({fJ@vqm9?FnM?v!6
zM!0C)vVGsaXAf*Q525W^-%{!_x;jsb_2YSjJ24K)o9-Gvx&g#4F^)Xs^TPZ#W68l4
z)3ZYa;x|2xmAB>b0+u0ja&kI&PI)&5?4h2u_!=$1WNt2*-O9(zT*rVuw&KnS;tlI@
z*@Xn`MIv|Dt%Spzu_Az)6opmyA3W&wCB)#w#rCv2dlVED{27JFFwG$(H6Q0Sn^q}(
z{PlqC1hic!z<3r@Y$4B*cKn!yho-mTNS$DGpWD2#a)|op&!5_DX&ums$tI_!r1+xo
zQ_<5SbzBK>f7!ssx}8-$1`Ji_k;Gy%7SjAYtCB&F1@`1-h`zNq%-DCdXKIBMJ=^^C
z<-p%*w+|EB5v#DL6jz(-0IMQrc}Oqpyxk)>QPx~r_Gk!;OvT%qb#87X<q4AE@3kMX
zeY=~k#?wls@ONXQS})gjGSY%#LjSiQu@!+Cl8?Cz4oYMuQSRJXJ~w>sz1_5C!Z0Q~
z5p@BuCU~>ZjfoV8mW{xYy5E&|zPl$J+{vxumoMLp+XT-BbeM^+Q;D@*U3aGhCBrQv
zuzGSIF~~G>V;}?@j@2pyw3EpRn14Y-PBpPUR!GOlNJSf-GPpb?iSAwX+;Dx<M;nub
z;ma<?y~Pfm#1{J3uLsd}i|>s6hk8F>aZnyTnU_L$ZLRacg~6N(Md9T$Bd1uB0MCi)
z%GT7@?!12ex~>C&|Fz}mAT&LaO~v+Z2Sttvv6RM>-}@0N)a(9-cbSa8!){$QcENvu
z^u>{uo(d}Od55OT2_p;;#N>=)n!(|0clM)CaxI))n#c@_;C9pb{$_`+EIDEK?%iO1
z9H?@znCdIb{IC(kB=Sb;mGT42h;5XVl!Oo8FCspnfgxG-bRH9^>k>Tb&)~dmXeiUI
zd-3H~%!3~6RCdkc-2~8{ctLQ6;ZSmVdH^1SPV2ivP2azNCO%PvI>o|8gbA`Mw(|o^
zlU=vgAN>A$hu|I-Mgyi<^)R4CG<mk6e21_>0JH#=j3CgMKnNg<<O|o>UQ~EqR8jFo
z-O%DGXa!~qG|F7X;siHRTFxry^J%|uS^g1Ins&FH5&YI$`Ff_NULfGc-VFI%Xq)}V
z1oVi<ps;9HJsGg#`#9E;5>WlrV03P~X!%eL3B@?dgFTj(mN)?_r^_<0qH3?+CxI~j
zr#+M7^zFlsfeTtjb2Kj^{n~u$>njR$0_<q{*?S)|GT7g#WU>dUNrByl^6Yzt201W!
zx7=?zITyh<rN++k43xHP$<$(6TU#UO^F7i~SAPKXA1ieyE|Ivw?wgpzV+~l9S>sTA
ziu~?450BF160Q#1tg6^RoX>a@Du(F6LEe1R4iB{MPw?}rnQMqu{<x*keUvVI-<Fj?
z?mYVEP4D9-jz2@et%na`HOy_;u-_sW{<X>Ulk|IMwqy82HFhdq^O2~LVydzf{iB12
z7D>>BuR%j(cC<OEyEB1J!HzKu%f)>{kQjvdZLHR|3J)DZ#~F=}Z@)bFPf3P}V=YzN
zqCbIrmh6&%%yqR$-I;SIME4>PTY=Mb_{*1@P2bN3QXFC%9)sL~IFIB`ui^RgX0!D5
zXNC&HU8&B2DQtk@=S2Q^@QsVw1_q~S(=gpj&}a7%4|EPg%`g@%R_axrm1s1_@&!OP
zBAY*VWMr6Y^(0vcX?h&%Pm1}dgCr88?9X5eJKMZMy}RH7Aw)0+U-BanIQHzm_TpHd
zk~FK<OB{v7hfxV;!NBBXKy2)lV&@~fMMSh_@7d|<GUG&upOaVzx|jvV1K~q?6Gpi7
zkEil;%I-DoE#85Ou{uHW!>iwJf8$mb46bXDxgwG%YkLZuSG%b4QBdeU=@lK#$VMAu
z0>RmNDy8T1VD-}%!e8#-xMov5CaJYFJ0#KlF+nhSTkUIUrBg!J)S45eno`5(zH^4M
z-tjH$FDaSshbx$F1X8G%k##>fqxgqY-kTd6zbn|ok|b?4+LWPH#@_n^{ms=|F}$FA
zRQVtIuo|wbr-$TNe7N)sCM`M<VmvR6f?z>RyZ(%h#%Yz6HZ?VsZ>+l_DL6QeV_{%!
zIF;ZIc}a5j^&;CzMKYJU=OG~>KZd1V@#ApqIPhGnVQ~Sqxn&0^M2d;|5u7@Lb)gDE
zyDlOjEIGguSYHw&<P>=6-RIAr$ylW6YhLjU5F3-KKTXhG*>hg4_P3kUN)uD%V`^H3
z=kKhr&AZE{p8_p7c5&elyH=?e%FMwakv377>L5{s!ibcpgn?(*An2*~8~g{uIkbQ*
z97C8m*XxCWL7A64R6<2IRf8tG>|!w+2W0yFnq^ep`T4Zi+MbX)_-;vS6xr@6+sKnO
z*I<e%!cwgQZKTRzYKqveJGj-7Fj==NGBOfH>Zz0aJ1p|CikZ>UA<Td!*`HaapJIs^
z>vdM)poBev$Y8|)0)JW#{n1W@C#)FnrY4mF>l!-bBh`;c*X6QwuMx^YPzMO{I(0qt
z&{#v|%nYY`k*(5gi}jf}5rp03nerPT7(kKZ<F)-x`8#ZPv>OBM&Aokm`hO%m)m8hH
zem7qioHpb2Mda0NniD>4>34^)a(3=<@s<es3rgTN!;zc1C3mv#8IFnO_=Eg=?zNs&
z<VBirL&4>i0MiKm)*S}*k^O(Z$M4+b;7d;ZcV=ml&a}Hg^zUYr@Z{O>&hzoGmnQBr
zQBhHXJ8sty&RqLN*26)Jt3$m)Okjh_?`AJ7;&_Cyf}JjFZ9|K5!;&j&uF`xHqbc^$
z#NN#dl#$-SNl7e$OyL?Y`31J#1*aAz+ry?3!)5%pHZ0B}K%MSQ%T!F+4^|XQq5#^&
zqF3Ap6&8`B0G2&Uh*iCCexk388gWT%xGr?woaMuPoKi@tBDy~;5M(f@^&?w7t*S#D
zil<xQNkO&{VX#`PjE{c#t>EYDtE5I%EAN;rDWhX@SHd}cYz4gR)UR#~G&DZQZ%GN*
z^6!?;ww;!We3EI=w;9DO#~SMQ=mZXJ3K@TVY8B`G*+9yz3`SF$Se0`W*SyR=;+_0H
z^&%96F1|48kPqt;zIgE<R4KIKN#qrgJl5{WZeK1ncCF8s_Fx5LxD-J)@`OlqbhKI6
z+6%gc#YMTSHwizuVEZU3d8gwk?OY9qo_2vWL+kqS&|7k7uZIrf<}Gt2%44S;-TbS-
z%jW}L3lwsm*no9H^ty(IkFhNLWO}xi`=r3KQqJvK0gKpjW#;(9$xfx)@o$k_fq(Oa
zT9e4SZj31_$A@XkijP;7L5&J>*QdGR7&l7S$>r|K$D5oNFIHt}2*{PWx>y$a_>dui
ze1b_YzM>&Wt_ORC7O880VI;HwMD82}{j%|%?rtDwepp_<HlQh`1m9u@Pu^sv|B-2L
zCF%;GVbNA6oG$Y44E*}##UPOPl)4(2kkg|}G!d7nfv^xS^g@9(a^fg~<$QGkYQ_~Y
z85vt=qQTY)395LM-ns(VcK4fNNvIhA(to}D@K11ODM;W_7tO}pL7$7m2{PzltgY=1
zE(&o7mu^pS=@ed;0=V*3jC!x0&J7Ht!hYIG9VAla`0jd5rbZDBYU^!;hof^Rz|Qdp
zW#h?+YACA`r{lsIVrQ0cY^Tvn&H-AK)X5Xg`HURszFsu%zTq4b`mpYwV*)r?uy0`C
z=U-nwJR<^zgFAHP-X^JRL(g7GO*u{VLSfPpsO1O8V0GnpIb0=Ojf9;1arfwbDmj`K
z5_cSxtSK82B_$<4__gRpLzt|b^zQ&*Yz?D3db9!))7{w)g>xNY*}eIrD?g?^D=$yE
z=)7b-g>L@{P9iG<1S^tbuVxnK3|7lE*7R#J59$6-S=R-5`+~IS*jVix^B(14t;bZ+
zRV;qZEOZTNu#xpUK-u@vMpE5%<0D&jq^BpFc56<`#QF=%iY`=+elGc0a*S1^`e%R7
zy~3`mqu(IJCY++=b&ZJM+E{ON=su_PLB41Y9o;L7KgSWu6Qc#}d^0sPG?WroxHvh>
z6QyFBJu!0nj#*J#Td0z7cd(`A4HO8o*Ehns*c-q8jiBRAqg6<8O+i`(x>DlGCOBtW
zW*j0!UNgN$j$RFwX<w;E@oaCtg_foK8V3+<-T8ZWw8atV0h!7lA-uzRbcsTI?+@hU
zrBS^BZ1ock$?@@?*Phb6LA8hAe25rHRC+<JCn|;Ul&k7O&na$x&dSX_B;lFFq-8_H
z{#WX+#!AA?5Z6OmBR1NGojFFVOot(_qf1LSpq@KR7Z-yyE%i#jV-KotuWzsTQlqR>
zP+uM9)F!~%vymEXC8e%RWD$^LS3sAsOQx~;fu*Hf(Rm_jhRXSfiVB})#!DpgDSro4
z4`Qhv3;ZQ}dPqvaU_OIhWb<;mcuiomRi5?b+ZwWlz{v)k5NRGfxKBm?`1j0$;0bo7
z%T``jAFv3VaG@yr`gWO%FFYYumTyiX^ykmUkdDM81qC1~67)g`88+lHz5?V3IQnJo
zOUxz9Tk5ZagO8O?L&a2a?cV2AE6q~pge49Q`;}K|6U;d|IZYYSYyq7CbRQgSQI0~x
zaFpkHLj8jW!5hm!s|P=}XME9w2AsX!dTt~fP$sbQz$Fz}IK8}%J{|>8E--7S`{ntm
z3*g`8F5<zkOTXUy^Zi8b=y$aoSs`7Xp=4cha`MnE<*;)q(#{(o93<HM7#$yvS72Ez
zvzG8b%w8(&sJMD^b~Ro9%k#k-2_Ws<jyhAcD<d<LTBW@j!YY?8%1o`t+kz8R(^WEG
zcTS>ym2++aLr6?3y7CO4!J^=8rb2F9fTjLyIICjvF+Q$INsxBV$XyM4ce_<xXf!7`
zS1$XWROm30BHHHH4h|_Y3SrGHE)5W|<r;tC5-4_MU`<?-9GP^H5HtjF+H3!*Tgg4j
zHGwfBMTkEsb&i)Uiyzw9e22gw2W<CA(i_<M;sn`+)A!C+nD;GJFuB$Gge@aWpX@yA
zW|f|NLuT>qt<O(~mZ$s9y)dMA+!|F7+(s&rr1;}UUCgeo&@ZN_m((?Ss=qU3WK8|(
zUY+-LcI-h#8fQ>Xa~R4D_N9;76cq9zDOtyM+ArPa^|;n^Et3_|f%L;=L*tg@xDV!-
z*Rygb6#jT|#fFVj1vcZnsGW#_&EX?Qh~0)K0iiphK0aKP(}`ZNeJg(!wMm9-#%)`V
zvUIiFD%kK_PIm4grg5wDSH!Qox&x%b)ZcV724s83FRh#cv0Uz*;!VrVc(BCv9bS1~
zTdQirygvJlwcI+Ew<J%D*3l-=-bLl=TX3nPEFZ<4+-i>Nbz+eR8aU+@8dJGNy4b5b
zhOIMQQp9()ZV4L>TG+V!hYPTK#rbl0T{!&w%hou(A&2r0sP9L;kES2kl*M&&=T||i
z+C@B=kbhMhWMn+mF@ERR@UbRHB#2+mPC+Od(H!@JL`zGn*kv8^r~!z3w(<fE6>J+S
z)BF&Vq0`uVbnPhm#nm8^pCaQarD^$)pMRj)_beE(@Qd+z`SP%rw|8n<IGu5;{MH>q
zK|^NDqUjZJ{=-qq%gGsBbY1bZ-seXwGK!5FcY=dxQDYpE+C6b_|IM2>R~A(|LQKfW
z60+>G##q|@{1(2{E6LgIdlek)UR&E3@-ayyH+1Sth+$t_A^r2vSgK<&KgR19G~L+>
z;!R7YtHTfUxSfToN)&0LX-8(z)T;dFLOY1|0+%M0+P~R9OE!HdgX2CnwP-IyS4dU4
zK>zU}QtSy$#SYvFB&6Kj9oJG6-+?WisxE0Zf^O5EJ$wGanYWJr-7ugnH|unk-lLHA
zl144>FUjlIh7XoAsFAGf65Sh{l=K)!L8|e`ruvnGi(oXikl8YdC`YXW^_xSg9OEX|
znxSz{VO%kF>GERhD?Y!nPjgQ{KEBQM0n}t~$`O)U#wYJ&<F1<9p6f!5&O&C3-Y%#8
zjCSrKw=0cSB8x%-5WK;Yi^z2A^UJ02P%<%}@)Ib^5YC(hZ|NBN4qax4I5rpiwOj+5
zl*9Rt$o6IWr-TA}ib@zawkeyWn42ZGAKv&5IZ^JSrly|V1`CS(%*01)z36&7m&gm(
z8_PZ}WoKo*wfpKBVrOpF20Ya4Zr2Dd18vx<?$<1MAR1M3J%W-}UuN+Z1jU+>{<mJ7
zdBm;}MSv31ngkW*$_P`(p77T~Md!@29p>*5^y9B>+txz9hl`9i`yJ%VgTK;COI-(V
zMB#JRx0-yvy0nSpslZ7k>|8M*jvcyG(cM3i<-{)hDYhB64IL>*jnY4|e2jz0?umGT
zD7hwfKugcq_;l&!%4~dOq{BIvlcVh~Uph06GSbq<-0fMtM@AMSAu&Ea?q+kaz9#7V
z;J80^f3n`arPb`OjV3-5QIC;8ycQj<Q{puJ$q7q=+w93FLT~9<XwjnYo~)*{5%uDl
z#>0m#?dMWv4Ag+&F~9j+wNJqN3V5D0=dE@S4%3B;j{Zm({;l%m%#c^|V^kAaSrg0|
zy4UJ&C$OABuFMYhn^@G!-?A<9U)DjtE+mII!F3}L>DRfpSM3+a4ykK|6M_RiCMzW6
zeP}IvClk|K;MPaIJiV?n^jYebLT^u*8})db1A%~1si{^|F#s5Jwl+P%HQx`mga_b{
z7iZ+Q0X&dX>-!Y93)%*_uLT0n)@yvNajUs_W3m16?U$VU(2eMyn(|{+GJTPgsEPT3
z4~9Ow6~Kw2xMcb&Yv>zM($!~|MoCi9{}okH36nqVLgmq|_(7jYxEn+hS1U8Ba$#Ws
zKID7t?M=%A=!o-1lz>Drhm&vM7=OvB^QN;LefeP~vC76z!G?`oe17Xl8wba^4E(K&
zWjYef8-o0~8YtgR<csNqUf`Jr1E2{wU1mne>`Mb)&M>+U){O70mL{}-?Zmv)OqYxI
zA@*g*+R~p=9AX6<Pd%z=VQtZ5ERuE3KS0FI4H<$TdWr^)J(&RqiP=G&B;v?6YDU2;
zS1VWu<q$nJCCT*NPPdyKyaw_Hdh!#3qeVCR!lYS4D_U~cK=lU>5i6f?%j$rhkI(PE
zX64;uzZj7V?%ZkbcQYgrfZrz4V_`u0UMN9{*xg{&GV;(mTgG{Gf<84)lPpaNxC2vX
z2D259K@@bM8C)cEi#s5m5mi$=`c5hP5elNZys@_2$C#xDZ40s6L-^CX!4kS!X!G#l
z%t*|u@A=aNL5I16CnN$tbClh7FDYR_SOKYUdz7HVeqhMeHmpkTqS7~RGX+@B{W6-}
z2oI@`jEIPHTr?&w8A2>T%ZCr;r2*BldU$wP;xiL5B3s+M8@F!lXL<Y0Eadct-~0Cu
zu+r&qX`j$g`;MGdF<ILe)z{$fZ(U74epG;AfF@0;;3zCs3^YGKOv5&fP-D^4KAC+&
zY|bO5uYElxDvB-eei(ouef^hRJ$2j$^{$Mgb4XKoctj){JqWerK7`s0VGIIR?2^9!
z$7FV~{r6S*(*h%LtbiE-kfQR(nH*Ku_wnr6v5~g3W4CV$ySc%31NdJ^PzjNdR|li1
z(gPiZKhI34<(mh9YH?-n4-`LTFV$E@TufwZfI~&ym1sQ^JbmXW&3V}m`n!k=6Xce-
z)YPXSQWriuKx|SV+<zz`a!~Pq29VzuJQ!eZOP|L)Q^qq&?_Q`I({OVun0Dsu0|sc^
zHP)O&8^*TE1egYs@-`MiIw!jTr#B}qf^NPOi!BI^hpWub%89F|vhPXXqSbI6;M!{)
zRN6{us{7Ej{S1aC3E}+R&Db1GB)(OJ=qMTQ6sznmyK@n72DKP9GqbRExw|Mq{}I&h
z`M=ikNbV5oznSe5cJ&8mly(NqOkj|zY<x)lA-CUqa6w-EbJUo)_>RX338(79If4Mw
z41nQ;{-Fm7;kq?oHUGFQ+|hn}?AxhjzzCLAnXJ@I!Ux?bVPm35UnqAF?|#MEWxVbD
zPLJ57zHV4PSTa^YX?J$Jt*NPSkQJOal#3>jbKXm;e}m}g>gt-TQIyv`T?9Grtd6kW
z5Enpp|GGXm0I~=jn|zB!?@gNe=Pwh%QRj(WILW`~56~k(hMbmq042uljXjKlH`Ftc
z(+|$=J5gHp?AQ^D;LN-E?0wD5!&Nt;A?hWv(E$v<6mq&JZI^Z9rC`Sqw4Xfytb&(S
z-B^PAyRxwy3Q^Y_pM@A}sP1sxp~KwwE@E@+=(jF)!SVcXbdXs8#)AZ=Wmb>F$5|si
zQYultsuj>K2pF^ytvfy3vGVa1dtIkC_!H`Yh|!x~N~28!)`YL0K8YGdFF3dn?yTh%
z%jRbY@mll}!2Gg|$X|{Y+z6ySm*~BRZnM19r3i`nPB3)$LH+NUI(`+s7<#G5Ga{P6
z61Gr^e@~KOB3waZ08u_8ZxcMh>Sq@wJ9E#=T5A9@*Tslj)_Mhb`TjvJDd#@;G<owM
zY4%MFGG}Llhh;V0BA-QX1=tgcZHKm#G&D2}u9v#3pJ_=^N)20CL&Kl7Yi(wL6liu>
zH2c#Jj*Q4{XwZ=q3uWc~S)}4B{$8AUefPI-^(h$ihX{mw(bqB^b^4hz)zwocPySk4
zdZ&!8cr*h6AeSVJp29lUMjAE(&=2f~H0p_8-R56GVkUkWBfBX`z&0pUFCPPHt~Vmx
zu|ujpOeFT^fz|_6Oc+)?H6<xq>g>R#ma`Y<L*uhenuCBd9+kLgtgLib6R8mT`d(=A
zhH}U>j3}<<Hbe`=VVv#dj$Ha#G&P8gjTd3LM$JbXU++lPa6`ifTP(JdAMCA~uMuM$
z_RV{a%y9$i^8)0^Ecka1&Ne6>;%pb{{EswW(7XP-lU(0Ay`bRsXHaR-L-)Wkd!u;P
zMO9TbnIU2RltS|dEg|7LBEFCKCJMD9a7i(AZh<k0cYH9go}iDxY71czNKIFOmD26S
zG9)GupoX=Wb$mFbmS^gVh6^(n*M6X>!M6;y-lhnQaIIekr|nm&4fGgCFWx`4{LAn<
zwga~El|Y!wv8rMas1E=g=F_Liz<&`1NCG61+S?Jk32QuXrMJUDUelIafhc7G&=iZq
zgu(#o$WH-u?IZ+ZXQM;Gk_iKztJ_te%v+z<7cF)rp0kPXY%L?mQ2e1~f3Bsg)J1^U
ztGmMc!2ql<3LD5obnf4O0$LbRmW6h_M49WH(fjx}Zw@wuPHYOqbj)*da_((tz{Fd4
zO^Bh#UCkvWC3T74wj3Qq%dJfpLC1v~qa)aMp15Sg)R@8)`2@eg%VQXyjVx_sjW<c!
z=94=KDY3E3DC9U8<JJ&|t}(@8MP=m$%RzB3FE2#OZv~EvT+nS;r)%w)T_;YQ-$6?%
z(3e7F?$GfuVz4nJ$|NY3fit}RJEa_mO1WZf(Jj_to+&sg%8TfU0tg4)zdb;zVhlI>
zqxe_F0H}czC61Bp);0qC{QU2M+BlLP=Rj#TJYH3{ny#24KbV|Se2{?w!TybHR}fRZ
zha~D#qKQwkdx~t_wlFr!nw8lP<O)R8cWblAm&xs+M?}Pt-ZHl!lr`vxDGly?3_2#J
zNz<%$nC(FKY<){^U5rzw0wRPa5-fwAAPb-o@!q7}JS(H9=+)J+3j|1k_In-yH?1<W
zO!_MB{48oy@WxmJ31^erslft6Lc;{W{4rGRImWF=+1VAElI8SXuxlKRi#rbS*G}7s
z6~V}n<vtZwDHFD5H#n_+-C)yTeU<qD;|kG6rYF`Kr*6F{$7x}?G;wD;85z-y4*aF{
z#8SiGg2j+-D`#q+52Rv3WPFDNpq-coya%pAxPqfT3tm?(sVdZ1T~Pg0;uOrnsO_B|
zAXQRc*zrJAHs4%mqW8Q&5X8tn#C9<-kL%Zcl5xspn9jqV>nhr6@LeDgzvki|uP5<v
zx|f02l8|P&D=uFAIDeS|eWa%~E&y8!kG7mm?&H7#&RTHz=c;sdP0b16&5#wMGZ&Ln
zh?8-9MgVp=<~x(vZ*4N5<=|f*&M|UF`>`m)n>QdsZhk6uD2oF&sha)U?giT&`M3rk
zk(O&YEQDCgAs>gHYsd|}0J|PLetaM9BoQNpkDea7Ubn^rAyJbID;Tk)E^BDZqe3<2
z`^nSoGqKT()=|PD2B?#eQ7H=Ze}tM5qTU^7XhA=yXxi~%$KAZz-|0n;ixgvRp#fB9
zYuk}`r+X(RlG#r8dSY9BjpVs&B$T2^ftm@!BBTuN;+#S;;$^=ZE>B))bbM*Gw6hZf
z8Kms;ds6*L!52HC!_KfxHz)B;^_Dy(1_jU>F+@UcbPZVvz~CZEMeUK17;-(l6LC|3
z)XeGdfz50#NQB?_)4T5efmw23E$<<O!Zw0+*SDX=4%t6G5{J_NU45s(_}k0lFOkjt
z#>3Zo!a2!5Ab{u>@n>udnJu&A*<=bj#0zwO4k5@Hp1szVuPggF`92zILMXN#W6{T9
zA%nhs41KZVCr@q{7G8dD+&T@_*BNwsV>2^@(9!vA7w-Gy26)QXhyJd*HQ~^*eEr-X
zP_z%Ecrb$*HXdRBA_LU48ppY8dgNfYBf21;aRT%Y4!+3?K%P8+fv@kgvYy?2ZE3aY
z;k*$GT#+~%e0|9*8L;Ek!o<YW=$|~sQqU<UEK=JW-M^2ShKI1iui@Ur#Ve?@nZTb0
zR77{*1EJ*7AI@=)3?NDoeK!(Pyqi6(&nc%}DYW`cG0bD!QiWXaI|@enNjqsYxj!MC
zaOzg=Ja{hg6nmNDBEP(Xg0)Q%Xy!k&4f*gv5@p#@2B5UYtsvx?ZyW$kt+0(YR@<$N
zNZizZzSHB_FFTeqTjCNDVk#>6<(kRAa{z%5L7iJ+FLv1P-fhL=eZZ67AyqQm+#Ucq
zkvD~l_-$wRN8r6t^S!h?*)%|USjT^MwtXIJErXVYnc4}fN6XLed4fC_AD`0QX{>Yf
z!#*PeBS!MM;q$+K$DBQb)*|2w0Rn-B?Pbva!`^#FMYVQY!evgFj;Npl29O|#ND`53
zDsmJB1Qp33N)pM+K@<g~NP<MkARr(hSwuuYf@CDAB*~I9^xWvV@4el9d-T_1-0}Un
zHO4unqH6DFKVhvo=b8(NotqBgEVzj|qe={A`PU5$0=lOnA|giTENKuFJx0L98o7&u
zs&PAHWM?m4-1ss=gpfGE2aW~MPsUeCY3UEdK!d)t@VO;hZcXpUs{IrxRv4DS6~iM?
zfjKyA4@*p32R0wRYkS<@yhePv5vGUY;)l!pGo8TnhL{NAebB;KFAJ}RSQ7j3c}S=V
z@^5TAM)iCB)1dxlL{VS=lvC@b!4t9G(-65JIem!G=%s0g@N661oGg%{>p*L*Cw}gP
zn+PFlR*t*j4xheoKx7cZ@niar=YT!#$omZJcZ=npz87=Cw>{`y9{3O@y9Bsf*WvE{
zd<k@wH#0bi(<CgskSd0VVu+Vdj`apNmJM975)+G<{dk@$ud&r5;yb&;P!I7bPw!uU
z{pgX|U#N`{&|jFrnZ7DS!gY!}mav-r^Ad0~AKcM>5F(#5wtJp+v>hZC-{CT7rnc<)
zyn)1HP{SBXNXGG+6+67~!LyFwgJnkH;onK5HO`8&zpGiwWE2#jitXu%{__`yUj`K_
z|9cPGvo8Nrh0cG)pC_(*Uu2y9T`N?^w2+8O4ZO~QPn@_~Ti2yZ_|3(}{xDrB3pmW?
zW*sHb!5gO>*l~5`t~K6w*sT17GBw<IJ9rUGT#O2wZQF_=Ib3#KG43c2@2ntEp7Q9C
z8$C*sa$*t_D|qNuzT^@1)s;uPf8`_2W<9u@_L%hZ=g-?+D{jR*5BeI4U%0?rkb}4l
zFCU}l7J)yP4UCK=*ksNjzE)JKJ-AWa;qFR}%1N=qUZP4$YZT*r`WjchF!mGrAhE2G
zk?FbdFE`4U51z!WSTnD@1^?UpADw;w`_KO`<KY$t@h^aq!V}!bJn`GEyZ^54i^UaX
zYsw#>cwHqcD*|7mCq(n`OTFg5=f%o{V2L5#^EdIHEqk-eIHb1!qP8G5+`ak7&b0rY
zANaqEH%|eo6$K=&0O?0O8a&YAurR}gZNsl`4v~%i*E%t~k?!uTdU|_(j+>CSds?z+
zwIAlszS70W#Pq#2t6&vrYHA8qf_u@a`2Dvb4ymHX43qs3eQL179&Nkd@kIt`Q6EB7
ziOIxmDi~4(O)?+{5s;17P>?GqsIHu(v1#8vJFENuOd(=sKXM~kiUs4mLw;2iG`pqT
zFY%MbqHe{3uGNA-+DcXc0m4ZLd5U?i=Q#!BAc&i{kYFX?tZ}WkaE)Wi=aLeDS4dDn
zSsXt6V-5Us2;m+S73=SH%pNcsZtbAqHKd|YDBXTg2kt^{A&MMkJWlW51}MwflUwP&
zIqE^d)b7$LdmbiDyNmcO$lA)0Te~mM($&pUyu1#T`LISz$pPcPMaLXd3DD<3c=#%S
zEWW+=OCcy2MZwcv5)SgM2-bY7gv#>M^p@YhzJ3HX;8bwkfPQy75I+>d!1yyJ)P~p%
zLT!In<`PRa?bHp|&D1b*d7E9ffprOVHc=0Y<cAL;;s80JW6w9M;SmDKTqPuw$DUXl
zr*vUvuH6OfyM={?S)88Ft;(P)xLd|DAFhXI50{P%-^4Jsc=`FQ$0LAJ;Q|#6w0m3H
zvM1q)cmgENQvl7q=5qfOtUWT@c41Kd{v8a33%bIgw(vlfx0o1Jzugvld;9g4W6vIw
z1H|d-2+b{Q98kZte(SUS>l)tPIZ_wTwEwXMBvE#KD@8^)Yj-N#`u>QH?F23%B<?iA
z`K*qB)k(4IEOFmEcI+UL5W)x}pCOTuo}y4{EeS&4P002o8y#oIc8iN^t|Eas^+3k0
zm$e<*TI<;{CVFAJzh`FTVik+`5sa>funiO&$fFcqo+Tp_-%o;=cZ;K=;~B@L13G0s
z1gwaDaY+{TI>L4{BuG*Je)#bHyLTi2PUoT7IOJ=nd(W|sJdy(j2Z-r0RYa{qA4*D!
zT3c5`4Nf9KEL{v~t5;AE6)}&YeX11;M;+Q3yP1uUbvwc2fuMKkYq5mkN4aXxo^FM3
z@mcmE378L1ymiL=FGdwpmjMzWk+QRk)9R8=H#hr(U2M(g*dkgVtFQ(^6M99spvTm3
zYt|OPCsBPHL>v|#IXN*CNH;|8@)^bi2DStG9{J{is?cBoWUVO5cf)rQ+^?G2SN*!!
zL%=A!)O!)s{~EV-0&x*0x!b6zxw)vR>7v0rZ9xnGwFd|oiACJq?T#d+5cvwQhn)ol
zq-XFcfQbO&P1hZ3SK&FHOE;`PX({XK>e>lKFER9PyK5h0-4o!^uNLjjZWe0zX92lv
zT_dP`4ImQJg??(wa~$yNzB@8^?bo+(5{ZF<lglXr(#aHU$3kc(q2dsN-`m>2z%hQy
z&dyE(y+u~`5>X4FC9m$GP~o9Xd;R-R+u*0J3CRLfll!5sfxKveR01&beUbK&0|)lO
zEldJ_E`rd?c|w+$;sIeu_TA-8aE+1QZ!9S*3$5BMxGE8K7TsmY>{jz<7T>;o`_q_1
z9Ho7lP36^{?y_@Psc}krKcKgNE^N;R%;^Ey`zR^`%*`yHKBY?0DL+c+E4ukGbDR*1
zew*myHY-nm<92;^Ob4pe4Gyz9e*u(6>L87Rv*S|pMBu-VHy#LM3E<Mzge2RKPQZ*>
zObku5;dZJQ*A~?7526pdOYibL>Kxz~MRWG79f^d!L;ZNuj@`RmkgFmobBE`ZZ;R&W
zkJE%my{9Vl$&F%a=PP}o!D-`XsQ~aCm45yRiO7@gef##^w!Hf2kc0!#!r;uA2JKRc
zj#)1|>1`Irdyv!AU#n(>?575~&Inb(g0PQ3wFi`wHFtw{aq{va;>U+6+RU(q&`JtM
z1PSq${RuACh}T<5Sd<^Y-=bFaIwE;h1d0In9g4pduG!sC-k)-mh*<Dqd-dGSJ$47H
zn;4xX^y{ePP$W4axgBiHQVOqh+nun3hGrwA`GC7Vx$pTzh^uJf1VdEj;q|UCoa?lO
z{sxZ38}M=ah$V1B`y+e038eU2({wA&feC<I!WHSp>Syk&PutC~K#+SMY5=yYst^x9
z=h{N>1&FX$kfm5p#PO?0t5=7-yx=Je9iFz|)POn@$mQNp*Y9|?EDA5z2J#qC0p%i`
zfiF@WnBfLKoovwt>>DmS=a27zg6YXgow9?hth9tVH<m;}mZ!*K-EI=93=A}&nSXHb
zT1&>z^HX1FNuXkOEzERgy8kLKwZAudcn64x^JhP7fZqd(p38%iH*MMk>v&E?%=f`M
z;hrPJoY(8u$1_1|1;k@D{DSre1;-qOK(-s|hqb5{rEW}W6K%`3idBgCy38q8^zz&-
zc<y|7c`oU;x%y@dl>V2OwCwD{p6oApjgDi-im=kE44&U#u+;w)lEW~aat36ITS?Xv
zEF{OJtli041?Ta!zmJS;$M*6@{|l93oboHUxoVv~caBxyJZE)A;*o6!POTN&L6j%~
zgLgtACW?L**ROxa+Bj-8+`1@J68Puvj+Ni_X!9f3E^N%swlQ1=73_7S1>Wwv#Kqs6
zMJDF{_@1J9f;U}$X8hOX(2lFSAU$H5VurIs`M~nxw8)RS>(|{v%V7h$PDyD?xFXa3
z?+{`CFhezE;pbPm*9;90z0%C%D{rx1UdoeC(pXnmS10~lWSRdE6vFIJ+}%O`wG}(e
z&drr3LR@>8_-9~AdyrxMwVsNGab{L%2eKL5%->KQ6;_x$ehVpxw(r#Sp|6$?;^JJc
z>0Z)o%D0a}I{{YA>qv)RbMF6W0ivQd0leG;&p3|ffodDO%hicL`>FGvJgI2B+*Mj@
zrql0XVAFwQGp;%`!-Q_-9&WWg6pxbRLq*#1W+*;x%p%2h*}VJJTH*$kn3-KBYjHt(
zy{xpARa<{d0mxp9yA4;*3=uDO^K}{P)){)GKJ8kgJ<bbWTKokc-3ODXX}E}rLy>Xe
zJIp_u4f&a;nL71uURO}iZ+#ngdvVSZhLN(@ZGooj8dw@}EC-CZHiaG2=<?g!DVH4}
zMaI`o7u@NL7KfItTX-5uN|#%0Hk+fP_q?AOEm*lZ;F^Df5lXQqM!zuJrRk&p$q=P&
z+c^HlKC}tx>w|+E-<NoDp-?yH!$==Y8eQU5j5Y%@-rczT>$`L7@-d+5#~U4P+<5uz
zXVVot_Z`@7<K&k{wVzfes4|SskBw?eXL$1NwAb3)Ir7J8-jaxQsC42SQ<Y*4LP1Js
z;i$ON#;{<E_%l_XpYP9gT&5psk6W7m^<BcRC5Yd28>}C8qTm)p&l(bt2rk<x4M1_W
zw(3v!`%iYl+*t?Cq+(z?K0Y-dD5}fR5ElG4gf7I8tU{6>_r_f=^sj3-Zae@Q12qXS
z7jB&L*l>7I=CqSUcm}xaJl@`Z_gjDVS`sYJ&cHAAAeYXIvxmiibHe%42+rRRy1H%x
z)?zN7e|{Bf3+|8VU<8k4P22_a2|2d*Dw2c4(nV<>IlAd8k=_*3Q1-12k9HQFuo~3o
zN)N#qJUBS`?R&}|8ylM+2L#^l?aMd`HQyG%+0-2(z*0!nX?k}LoO&(St-%%GTRX29
z{gexl?P{P>0IAA+H$8CL!x0!E7pe(<=dWm4%lq)AyqpvsejmlpPmW~4AV}pFGYbn1
zP*txN-toE>`)=R$Ulf5InfB|{_(wYBer^$$QTlWZV$BYR7soP2v7CKd^y~XKpoPO(
zX$4sAZ^BNrqb+9{@s>4&+mEB9+F(@4nWPO}BXlr@01DAux;I4Q1({q5#rg?|)?6$H
zE<HJtTI0)pWp%k9$8OI?NTyY$<l6pqSPTN*SX~4?4TK(-t_a&s8J`lcS67S5{n0hC
z>$t|VimR!&!w2}+-QBE&Xm=m~t%s*A2UV6P2b%@UP5jtYHUpt09elC97wF_EtHHIv
z2#K=;Iy;x=J*>xs9egU{ykS^W;<<*pEJ{%Z5bKSuPv7CZtK3{^T2P^M+7-?wg*8#b
zKkQgQ;&7-s{P;j7iKZL!A$I<|CPPMA`oz64M$$WkxVu-gW<lMt7Gb1{S`SJCMfv!v
zQM%JzCL20M-3ZZmbj>6(crHDUxe2QP%U%!9_o+DN#N^~gUbIy9+4nVl*@@9sQA5M-
z>ZGgc3rq8opk5T3&$nf#iaw6#v36ot3Bsa(KZc;B*gOTIkImyMt3>PL>pwL1-9M=V
z3|p*kj8MHMt5g&!$H<zHQc2e5nIwOPL-o*<XUqIG!z99@4M5bR(8TPeIKh8KX7FBD
z4#P~{g_<7Mh=?PQj)CRfLa6jky=F+$Wi3ci+mUW?L`3Yam9wA=N38b?oU?8_k33vO
zg6#My%s$qTVBhQk-K=gx1%V4EGs~EL1er@zR<LI(C0ye0)j?GcP|8)L*4%qiN$f&1
zG5zbUvk?fbc~;?t+N_}NC7lc2N8{&j-qMt{qobx~RJB^1b0j(0Ob&(vflJ+LS;EeZ
zEgOA4q@}^ig?}#6UgS>?J{~h2rJ0xA-0uqQ8OrTocXfs+7bjVd_qdnM_1*X81mG#k
z=DW@uJwSXKzSPd2$!5Z?*v*Fvj<(41^J9O<=5<kd{Uu4CXX|uPKcSMbOmxH|s5zvY
zHwx<9S;~h0H94tLmmUc!95**JW8*nuu6)O8NhQ}H^th0yce9i9^{xG==~Fc6k1!2*
zXV>$&j|ec|7wPb)qjoCBEK*7rC}kmM!PAnj>5c~veq)6Pu&Q*Z@UCs!WU3>{M<Cjm
zOAtFkM`x1txYsxCO4@0ZdI8xxdVJT~RbVtoPN)U={-d~@t+C2_mk3xVm4vT1b*J+m
zdwKQq=+a)e5ET{mI2roYohZ&C#cE!ibzinXsRdx1n}S<g+;$&>pZ_fqs0Ld?F$`bl
zBB<-WV=KeqtKX5oLSL5uY&1PcI(YD%*75ETwyYG+VmF=PR>!#sTKFk#cU*QQKt;{m
zjc3KhdoCF2=uN0yirVnVOagHjAuz<`9>r-2&Wi>(DMhd`|7hC3B7+lfJYm^Oa3%oV
zFKzsMlkct4W#`kRYuei0M+{#3d_jqR?*!@QkzGDf-erVHJM7j~TgV93!K82(v}JIw
zTwNJj;B@XuD>j=ayN~%nsL?Ok$f=$&s5<{l*z6D+o0`T{UoA7hi6<k@&RV+h1$|<P
z4_LUk6mn;i*m<v>2hCO8&`_rM?r<BH@N2VfLz0uXk{(RW_vsrLT*v(aE`I1)Wsiz@
zNYR+(QFq66HOR~Bdh~<S_p&%?&!I{U-HhPu8z>%-lEQ^}@$X;1GGPln7d=FM6Uq+k
z6i;hLoS{l_m<bnvpb<{Vud3<^){b~7D+8MGk*Zm9;>y-x>Ygy!TY`2ov8@&35XPgR
zGdxx~t_HK_XVWSV54s(D_N?dRG=)E0QSCStva|1<<_sPlvNO{i1qxYaIxd!4d7H&>
zzP6s7*4m6b`CyJfsI02$UNto}1oIE@v=IdhDcSRKv3eKhm7{6RE~HjO1&v8tV{%a{
z-Nq~{nLRT^(F{@Zrf@AgJG%*fX{Rmcb|S#T)_v-XklYW%EF>prWvJiUll{>X860`%
zmm|#@avmOpncNXV;J9UrISmaBT3E^k!$ObqBI7wu?|y9L_*v5rA3s771=o}N5Dl*;
zFz^@tyDqF=g7*K>qZ!iUvy>{Ke^Q1r1}fmeFJG;{OH-%7ff5Cjb*(31tNsDLkJ#0*
z`#b>u+k4TF1=ZMuC>{dRogjTbqMRHa?FaDqueY7v{z@%f{5oB8F29(eQihQAx9x<j
zy0`i*gDa~*G{9rfFeFm7d<(FG?*jwO!)a`&g(#om8*Uw4MIwY9RMwH)u**e_3J99J
zYc~{}g+RSn*$OPnry8rV8(KAJ)AB?txcG@<5h{6n8p<mV$h$yvxO|xJ65mKACgL?z
zZy4mgeLIso_)m8yh5Jeq^s`KC*AN;wV@E&6uJyKhH`+z*=-`fxz;oNDp%IN%Tzhy8
zm5bipUnJNkYR;rJm<9`@t`{;|&_Riy$ljZAaBvXW9?EW4k>EKKYuq_Exu30k_3G6-
zsHv$)`psh-vQojotR_K_c2Gdz%Jnu2kdDx;et#R#mSqk(*W!FWW^#PZX+S7VxXFx6
zFZ#7xHf>T+yM;u@a^Pm%S14==kG~(qmf(ASv70b+PBFEiz>0*Y_5hSuT<ay9Kt8cg
z3wGQtE}ow3*C2q-D+{Zvjj2Md+a^+TNa#NpQtWF2LEdi1@wO<;!v+Aw`zR?@66wjF
z#q~%5k(^xzx<qm!B7Qu{E4S`8z1|s%a3AFIeIFlXmoe<ljEtYoUyR&f?Q`YLr`>X)
zY#v`R&)<J|T!~`CK|u?BPSy5^3;f8ikiJ|WySX<qnr&(op<-6Zv*AG0^5&gq6LKy=
z@Op<fu14bR3BbnXG{UPQREg@??#FSy4%Xs-L%gLfIbbpPlVw^{U44U28O^c81WC<7
zscbftn+8iLS45oe+aQ3X6QeL)(ZUvMY<zQ7PIYzTkA?HJ*p3Og;k~vMjXg5qm#bZ2
z3w7q@apL9;t3pLeOba+xlZY7d)TvXCbPx<V=jCyLBm6axTzQ4Qz9wGf7=l<lcT`Hb
zq3Q?quqg2OhB|EG9o7q%`3lPX#R4p%Bz+&Co!fa&dgsm(xq~nQg6tP+#*=V51+3M4
z@u@<@d6v)Xlq1e>MfQYB$LK|5Sl@^2H#~lvI;)0@dkq^|<F;%%L~8_m2904=jc`vo
z@kpvdf>9|dfwUD&%mLtoMB0xQG{!`IHylceo*i-ykBRY5Gyx()xFnEBi}Tw*0J_DR
z*g$%RTJYO|>=q`J?q*rS*8_s?$<>*heFUObxtj;p6j=uqFJ5FpFS4h=SR~juvT2oH
z@cG(j78P~C06Pn{RjUqedA%N%xp<x^3u4%}Z=p~8_ilQ&BlD##)CeR+-rh=onmRAs
zdT}IK2_~HzfvY0Ekx0^DtN-A(ySzHzo|#YsO8G5p2Nv|nVjfkF@6aCM4pJbLkkO*5
z<RKK^P>h`y7k_zqq*2RJ3`dnuhC;@xO$5w>Y#)37CTy0X;N{>&z}#SfMFz{2bA5B@
zVo`)jdN?jW0j+=Nz^U6Cv6!nH8~yhOfB#lZ1O3+LiTv)E)0T$N&?VBGx_trw6nbKC
zWO?xtp){<>&=F-9WW52YFVAigf<}=FCRoK-qcr@oRvMVGqfoJ>gebEW$0`)vK@ta`
zkp`Fo#LCQQsi|^piiuF0gVc0}i5g*ai*%3{lEH(%lA{n%l0={EsgRFTWJ2A_uD{4%
zw%j64V<8)hBCjJQukGh$;qtl#PjCnA>?+8S)}k4b^hd;Uqcfx4#tej=EAe{yKIvy0
z?P0cW%I>Y?lCVlWL^y<AfixpBH7s<zcYe8ZX1rhYu$qM;wE$JeA?=8OPCn_Pz2>?`
zAD^4Zj;9Mey#COB=utpze$(p;R`s3}pI<8ocn68c9cYkO?3-Ksl5AvT$>fvWf2W|W
z^;T$7)xh{tuCV{qqUOCRhXP*no_RL)3}e4Q=<Ez|U{WH{KqIhi3zHz6MCXQcR02=k
z$%Tm$6B!~RNy%&uxIoR$HPlj=woFzEE_<b?r#IgLG#^!;P~hjU%7m2);F_8Ff;+vC
zBqns(o%1E|BjVMoG!~lEpHozZz&~2Pq^L+@q(DR_;gbCkR7PotsEgV5vx>Mp9Il<{
z8;L`@)n8qx1v7y<oTHO{F$^NVJ|Ee;cW<I*o+6qmAmlY<!G$QrcK-Ys%V!c&@5fQN
z4|+{M&gD?ZaCb8>Bs)1RML!FBeMah`lM{*KYW77eYD!JPUWCCqCun%Ae~EHv%tWCS
zVZ2Mz#mn72U3kgbV`)4zv-{^ymWVI0=Dmk4k^1{`s9#FcbG$ZZN=G7IVW+rhn(b+d
z<&~A6GL{w<CBC!ybW4j)Jov%xy?3wZRfVWDr*0b?9p&P1_YG!MYOn1Ltx^Tb`^LPt
z%5nb@SxABvL5kzW1T$ofjt+euHUwH+Tzws(_3^WxzI+*7Vu;<5gIZ5y_eot{)a%yE
zRvRU6wGJDFKT;w>&GOQ|omn|Ky$b$W-i=j<qZ~QWTW-MX0=)tf=bNUcp&NqLw&4!I
z>I}4IUA$*w1B*6wKE9qJ71Ag2^_kWU#Esm09M$BsdTd&!8BZ?`Qq6wk+??N%-1ztI
z)ysN&O5_{OakD#jvXYIqu6I5oBqYtv$9@H!@nFmHIYh*EDv08(#7N$KOxSvd5>(jr
zaZ2;|OG+z?9QLr9=I`YQD7^N}-(S^Z1iApcMDG+U8jG&lcgFe|RN=tQ@(<UEdEFlR
z%9}UYaAJ0rw-yIPY9d)msunKJOk@<*0qk!tGUjS@t4Uk=2vXS3Yah3f4pzaiv+vz~
zXPE6m6t~KzFDl=#E!)@5E}o5vNd@Cu^I+YUNtmHYQC6?kR0Q|1`R%~q?kK%gzpvy=
zA-y1r-(@4Z?Paa>g3qA(i{Wp#mO6Ckx~`G2u`xBxDb3{EzYaPV{@Rg~!+);t3MuUE
z4|4|mu+z(jw1TAD42aJTIWA9`StZF=CsLnoZ*NyCa7cXcfUm!V!Fl)2J8Gb0u&7?q
z+YV~QU(NAbSPWH#`e#daeGZ#s)#{bYaC&*47MC$oA@l7!?!?<y<x5jTB8$)#67>eV
z;Wc=VeBCcjC6be!s?URGFVRqU<@Nf^!T|N}-{N{)4mSP1Dg4dr9czCNHSw=|9$Z^_
z$i(m8iSHOBeqDK8-uU46JSP6MMeH^4MJumshc?1J^v{cZZQ-_me*fQJ^3O>8R}L5T
zX;fJE*F+@*1z+tN9DIpI!p6c98`koBwqW0Rw{tK|K7h|88z?YAi!mKN%7#n~X8Qf@
zd9IMGXjTvXGa2N=Hd@K+uU)s!0CIKRD!Jg(z5)MC4yPLx(P8^ZCt<X}sLH#vv^3lC
z*&bU!-s&~X$BrJI3U95ds8G3oe^*_KwyUd|$e+6xEj&r%eqLLQf7L}wTG|u1H<-Ul
z$;@o*F2A$gE;%-qhD>pFZCT?vc{e|QD}!3BcOgFI`t^B+ej!{H`#A^ul}YXN;Ju>p
zKLd(s8r3AP&tudejoY}J$od)AK>bP4c-_#4$GhAfozj_`>x+3&hCMOl<Hl|6ks$NP
z6lZ5=wKw`9F+$i5C1AWLkBCjVz#;DpT}~Kk+l*?XLmA1i4<DPDVEN|p=exT2AJ9?n
zTeXU_gSTnZM(f${Jm#S&`;%v%&YAu0daWWzpk-q6!{bg~{pxobT8`-Jv~F##;aoOA
zk$d!mXo{EbaX{cD9Q3n3trY~(u<z9E*NlBnID2;fv$l#!QYqop@cV0QO3|(eVGy)>
z1<--v#)Y?9z(3>>y(A5&CNJ?Z<cM7#Tbwph&b+mzKC$H;kHnVW*C;wnJYibyo~wx(
zv+jVJjzPrJ+|rT&;!rJXY`;70_${$a*PPcW<j}R&i0v1b=JPeKnnR+7>OM7!a=g#g
z{K<#!34@euyV+DI7d5IA|J?r`?Dq0M!H08mmx#~KD0?|eTp8+McnNkk?oKE3h)o6d
zUyC8NTuI;5TJ*wAKyBffzh(bSsCOrEo1eH#OXDz~oTo;%f0^z`uE%iUtbE?di^evJ
zl!=A$p_?Wq!3pz_^IiS^o!Ju3Ot9E2g>|jmnbE%w94I>@zl?&tY@5k=#yI!|VgGy<
zbrhM@p+n*DeDo_kI6E^Fd)~bt<$8``wtDEU`%pG$V<RMGUH$#>V9d&kB3{0FWyW84
zl7mAgJpB4;^PX2_ewOmsTwxLFH!!dD_O=4P8vZJ;;Jly`<(9cLnS5G6(;U)JESNHc
z9h#b&lt?7O`p_6sB8Ba32JpPxJUyYbXpw0|IGrHr$9{;6Vq=Glk?=42b%5ZgX=&q-
zpOnGW2YI9_&hLsTumQ9HEMui<H`FK2KWFSK^G$&52P`!@>yR^HV2?MBZ2CR?^3Sma
zf8u6kEj6r-c1I)`3tZcz>9qn-3O;qm(HlN}40DT%Ek=uTL3#rq#f`qaWC|3#n-72b
zfIf{lMJwEV%u(3`oa*W=w!<iqFxkA(S_K5i*tBVKmbplUVw!QYSw+aA7A{HGrtQlY
zh0c$83G_nQy{CibVqhL5fylPTQ{+~e+3;wI{Ul7mpNsD@2h^R!-%b;a7+S|B59kUs
z<z$alavB;zNT`$D_dEK0(f@3bbgQid`O4We?$_ttZB&V_J+TT$>fz2g`SXhugd;wT
z2uKjNwFe5#7tDQk{U+Urn5WSq*Qn775B270v=lZ)BuRk~HK@-L+}PHAJffhReVv^p
z{2cr^wZf}JLODeWJ`yuMZ)t7^M(2w~zRU}~O@EH1Ybj0I8$?6MGBUnk8x|J!Nl9)O
zH-r1}K3ezlL`^IdA4*URHh%@ZXgTy%0?)Vsf2X6Tst7(_5g<9VF#?DbB0+2z&HVDp
z2FM{axmeDbGf{S|FI=`IqpB~hN|<kGug~?#{t;wkg3<CZs9uU!Vzxgjg#y)f2irG@
zDO4Z>5NcDWRE7v8SPd=6gnOWR3Vn7Xf$3bNfSapBS<|_*K_>-2&W?K_HS-5^bM)?A
ze%@OPk!3#Q&_auep9;X)TX^>Oh2CnHu7>0M%djwpn>_n;babK~Ze>tK)gBWWRN|#j
zVa`6lfX$kr-+`U%J8|tbYh4^#)v#K}X=G9M@x+G4<y#G1s1Fmf=hc_jf(ZMw#W1$d
z{@Pw9rC6nK@pZ(vBCzrC^NYqHC;M@P^3F@s!V2uxX3H}Fy9h^R1seVY0xoog+nmmL
z2L{r|qSWAuqRqiyRn2>7p_hmNkZ_Sg+$Abhx@p{yr(K0RnlGa}4VN;UT<Yg0JB*6m
zmeICL!e((&j1oDLuO4wV$DzWq3R)nQ0te1x0s`l-Rn@g-g~pwI{8xY>L8u~SBvUjU
zvXWtJ5fv=x*nm)e^VY?ys9*8-$=9mJvNE$Dp~B-+z1ek7Ku~bNm7(Dn53rZ{!Cgb`
zc}guAi;Q}DdZ-@x>AYPxkWRb5Zo0c`;*r(x!j<sw`8T>1nWxRVoKUC1LOy-xM`TZB
zaA<cnzz>xEoP`ZIboo|uGo1pb?M_L<q@eyw#D>Yq#&YG%VQtBa7v)2R7cH<ro9TNh
z=EaeI*D#0LMWQ^Cg|Ul&s3}E;!gJ@xS`&Dtz_YoLd+mnhFzBfDJ3nrXS1zrcurW4%
zH8*8{1xJPrdJO@X-hTS_wStCMv#2$vs|gZFLox!V(5O=H4(^t!k%Ey%Bn*w!;iiTo
z?OK*ypTr<*kVk~6oBU@l-Yn>MW6c;W!UlHJoDwKkygFU>uk-p0ZAYv1y$XHl?N%X<
z`N8e>cM+z0LttW9E6nVeiACu4H1{C6|7&{rvX<#*MgLKoG+ns?05>=-t6NMxKU=hy
zl}SQ|Q~x!6U^g9IB2?pXz}4;!@iQ_i+t1~qw?&I#!>c%?#mq=xq<Q&GkH$JK-<Kql
z6~KW_wA(73<jCw99!^59lVgVuizACyzV?k8CE`;_wp$h#n;Vk1Q&1qxa8OIDL%P?f
zK0eA*WGNY~(2j}}97QNxZdE{s>;)U>O|@HuM*x_qSK<=ef1(jwBT5@mHTWHu_I^#(
zNnkX<VzL=6J|2){`sHO7o61-nchwsOY3Wz()}0)QSLd&0R8ay0<MC0Ss*=e`A#FiB
zkDTxOQOt4=EiqugEbp?}aVVzq+qW<X6R_fFDxPzJXt7TiZqxD!4b{q6gu$I;(Zjq+
z(ZxRpsmmsAE2lF)d&4~#vDLDjxNR2VZh9+s;Rh1Y<5!nB$ZA<;>4=Wf>HwIkDb7)J
zvH5(ybH=$a4BpS@&3o*gGu6%JtlwHA;RS2A_Vf~<5^<`@`4BxTdmnXA*Z<;=^RG%V
z6OI_DO^~7>v<n=fKi$yKK&0Y~eUPCea+$e05?ZLw)9)$rW4U1DRpApx{G^6bv^3me
zOwzVmGRCQACN&R-YhypztEtaP-n?~dd8%|<yh?{81=LeKMDMzS8J?b=A3f|<DHF(-
zj-5PtvLzcQjnM7bUAuNgn6x<fF}gE|@F~TP-!;t_INMz=a+uX#*Fyjxhiw=zOXB79
z{^7L^qWM4pT^akJdfdFN-KS3jn`J}NRc3O3OQt8)`Xc*|66CqZhf`6v_7aQS%O^kN
z4CU@WS^ytaS?rL}DA^gn-4R{~@W;CORjwx#fGZO@9#uX#kt#g;Iy;Xb?I+iup4_ah
zz}MF|kl#^_LVaMtn>emuD5#+o8V=QmZq+@TXijshflCxLpXSP=$4vHSKEg=Gflxj=
z5^hi%BVA%Uz2s+7fmXVA<b?EkF}wKbU@TZ=91Ki@-u6`zBP;NkmcTM!p|q_zzi*Z#
z^$}?-{bs75XE9PK-Ssm)AIs&o?iWtFz>pXY35y}Hx&GGKj%af<ELJu%bHlzneDB`d
zM~{>+VV`)=3q@mX4SWtr1C$bs!tVvH%P1e<uXs;;BCG%=oSz%?avKR0q4T3$K%)0b
z#9M;^$h^&yQRevxSp+@sGpc`iP730ZzaVP6>fj(VQK#f!*qrLp{EgKaZd}dgj-fge
z)Ammx4wWuJz*2R`4i3?@RO@k4rgb<jx4!u4@S*rBAKl&Ig&Q8}US7RSWE|q3rtC^7
zR?Yc;QoqY5AJ84#Ziy~|TGJ_|BctP#!fP-Qwdc|OycYYeDny%pm_CdK#cs(=WR&cb
z-`VrI1639>n9*M<gL6`Y66C`l1oGTd<l?%6>ToTO&IS9AZj5>J!!*#8l-1TAX_-q<
zT|Pmlw|3KAIJ!k?)a!uyscA?QF{ljkoP^QOK!3f6#n{ciWka4;Q<${klvxGyMnCQV
zXs|yur8H-`Ip1ONVP8{4g;0qatckL+vssQFz2vw=8>%O?pk%j@SI_|q*U!m+f(R#Z
zS7Nf_jEY#jCWZy)(Lmz{0`?-3jjwBBE_e=S?PF$QI)~e+9qsIs@<}(D4?<W+gm&cs
zZb27NA^`v!!AtlgjhUv7SzWBx*tijqu=U|ud2W9*np>JT)zR~}d<bPqANO@YOzHQ`
zZzs)hC>`x>=54-%*0o)w_XAH{4|@L|#|Wcx!9uDOPO(?&nG_yC!Ki^CBY1h+n^I9~
z-ND!gvCCXzLI3ka@Z~%eb)^PY)y_6uUKgZGM3&x)MM>(kP5%u2JS4dG_Z+1@2Owa~
z9TS0Y098rIug6)zV>cteI8iG{VU&~GF0^P-tKn{r7z8W3-PXIVVEI^c0~8elN!sbg
z&EiMSQ+YF@LPo5!WCI)fU>E|{uq$c8pA<)iLxjDHzkZbz78XuTNvTxy_QwQ=-Mj>9
zTI8WoRX+QH)tzQEgGdolb&m0%`!KfJ-qJjPaxx{%a_5P9U0ox&&?Tdeu&2|EB5$*o
z(wRNJ=qrOL7#q_3eFsiVKN^EpbtOE#BJlnDPCS|@kVKLcsQi2lM*M?_%45a3G01au
z3PvQ=)B+6x_#(JCTJ~Y1C~mQ6#ohF`W_dFj%#J1FcE;EzIn??5L1VQwpyQYM;5eS8
zKnOoGatN6El}~9PROPYw`64=b#Bw<#2tDgRHD-n|LeL^3DU+w2!FS{tHw~5HSDxOy
zhxC7kYH8O}1-*W~Mxdd6WPa=KD<;+oX*M32l#J~FGV8NYcoNIS|9G&u(D}*!zQ+CT
z=Zimn)KMQF%Ip|`$LDn2i^6NwPiaRWvIwL^qNoq;JJ^+E@TDrSha=ahn{KT~n>{a`
z1LVz{zsBNO#@WyBrKYD38K6hplvqNKj6fy?;gWh<VwUBxQVaOUC2DvE?+1TEVRUh!
zt3zF!pNR~_al#9~j*x4{t1^8P5{xn|v#y&iH`W-!68cIdN>?@MPS4<&k+tu5W85JU
zEaE7J9WCyoduYwWtzy${XnIAwt{DIz>N<vV%wMzr7+EdXI*t)lzk3koa5ribT2+Le
z&luh57d>F7BGY?Z^Jxu?073n2Y;J0u@25Z{+yFOdm1t?&sL05l^{N|Kj}Iq1eL_>r
zW0&lrz>f5Nc<hZPa!e*IQ)x@+o=om5FW}J17e8`gsl-ACQH+`WGWr{9SXuR5FM(t)
zUAsiKEjQpGt57aV<$Q^T+GNF|hn_FQqjPH#ROKMhy|A*Pklst-i6~;O9M^ao%OsUw
z6DF2?3=<&TNF;E`%yRnhkuL8@&H{}{C<oi#-jTr0$g7TcvRxHrsA$>|3xfs2iokR@
z%=j@zMYqGNlkmcDfEbC4A;gZbl_8e-_ei~?ye`@1WQV-<f=s|kB1@wz1u{|80jO`L
zIuHX1sNwW*o*}elXl8a3dgZwd%MhN&8`j6GrFI>orJDA;GCwo((_5~G<={6JSUnB6
z^S9T5bdeTQz&c4s8%LA?NC2_yZ_5d#TJPN2)@IpP!-Vaf+&8}-cYCB!>N8mpHch++
zHEU6&><2+cJ(%O>rlwEz^}MxD{UF;g?D;%B(wAjcbnS#bVrJ_7`x8*9J%FyVHLeT}
zk$4~h?~jq=k!$4789qin&G6H~vcIkYF%~iF(r<si!J+Z?GUd(nA~jy)nYWCkC{x$6
zPrnS4^M)*QFJu7|Q9rTrEn#k7JM9&Gm5i&GxOMARa|hM$p<;RPJY~(n4go>c>Mfja
z{26^YM<S8sw2jli99u2h!VADNBf&fn<Bs(LK`g%3A8s^xBlM8mYkw{8@z-*wpXdva
z@IhcMj^Hf<*LG1-YtM0r7|%y20ROFpWkkA3%N}^!%!iB&jdW;&@ldRdc0i{)MWl?Z
zb@&E_s*twHqU{5dKO;Qbr^mZNva5yKPd#q88Q6*dQkEhe?ty@VNPtiu@~Nn(^Zp28
z_lZ(w^NF!?d+tU1MRO54f}_xwO~+Oh_ZL&m0EXR{LU~D;OCgm_x1YbXINuRW|MuTz
z3e8j60>f?8M-&veD2&@Za~EZn@o0~oxSfh09k<XhC)f;{Q(_oWYnJI_>_2`SKX&Gf
zhUb~FN1z8N1|5E`-;p5!K2a2ZFQXEtcn-sRl7{NuNh>q6R3xY|kS@oo@iJt+ecM&~
zHp|z?ClYq@=prVIfl-Q*4B380swAkcPLLSk^mJdgORw~&gkUu!rl7Fb5)LXz>`Tkb
z2SRkuts=Q)F3kOA57xO{+fc0Nu;?^0(DExB9s$I4?#WmVZ{G#PS@AdG%wl-i?av1J
z2Zp}Ka^m&_yp`eW;z^`2zb65SdOLgZ!yAv81n_6K4Z^U{Cy`hTF*E-BJL$i{=|3a!
ze~aZCZ_Zvx7e(8_=hrl)bTX20LK8F+`)^3Ji&u9AxD?%q^5l4srEq(`hY;0VERz`Z
zgAD&EX8`tuxEQxwNY+ZLk{=^q@YimG9pFT_{}v`PQdPs+9szO<GOBd*Ue43jzrwIR
zftiwmzC$mY512J!TY^H_NEmz&e~*0m5;7kg3;{Xq$=C&LrkeE_$vB=Mbym3Cv<i03
zR{`4@ew|<iK6|j`4v|G5Li#y3DI$}+_^Ze>P-J;aZ6i9JJjJRA>>MZVfn|Z}e8iW_
z)iR{*>i>{+PJ$Q~QHQdbR@I2}yktcX(!91)?6`_!Epx!+gvK6uGxinl)v9~2PD>wU
zNWim-*wevAH{vf~#;yi?WL433$DoeC?U#*+3Di?MXtL5#2cj<w@lyzgC+7wvd?=Kl
zsC+0A=LXZ{K==9fO`?Z@A^ZUZ@^-7`*`y;uzv{tDjOAvL-)lkM7?iOD5RwM;>$YqB
z`i3VWTFy}m^dpONp(OSNm0~yg=yCY`)a}(`mxpWx#--7aI=tx5&C8Rq1YD$u|15z|
z=CqsRI(V<WBSl3rmRBbEU|5+hlw6SRbzGX&OTV@Fl(6XNI}M0gCH7m8PVVO2K{AdA
zRYz<biA!=}DBQLgUXllKuBcR29yhbHQb6O6-PF{|)g~CjcMpJXDZ_A|iHw{H6)t(Z
zcklM?<i&exP$QoN!))Z)<6qPCG7leqpKhS^8rT>kc@7~c++Nrbi`CS{jRf=~BYKJ6
z%uyxuw$c=fnP1lvujcTT%nvoET|m<e<mZ)Y`E~(tgMWjL4(HBYtwtSH{i`e7N?MEa
z1@T>71-cV<6JHLTJ0GHAZ2Yt@y*Jb}=F_LNXc5}-Tw(>hHeM^pqD*+5Kz7S=>eOWj
zK#5HI_U+dMkAfI)uZ1n~K6#io)LmexP{05(M!5>2as1B%$<2B5s$1z!E05&Qd*A?+
zN#-~Cs*FkF%ZLdt3rwmpXCyxXCFnZw2`CfCIT=UwaDpKR5PWFoB7qM=2BBa0fD;u{
z%vaRaUsTp7s;id!EmrYp6MlvuGDd~a^$IVy%>+XM7AWwvWqk8EcwU_zA`=@X;zV4S
zS3&{+4=6^mfo^*=qKt*Pr4c=Q4L}jR$RBPPDmErE=R=T}lWRB&2D6PkC0z5PdP8ja
zTFhZHfeAb=qXl)}LK3=(VR_gP91+0+$-#D-L^4M(GBG#c%tSt~9Z0n6NlRCWSN4jD
z(aY$C^Go;e@KG{BY7zoft02Sr8t35g-Xp${hG;t?;;bCCgUOL}d5(*V3mbrh5*y+}
z&uzyva>rQpkcorfnKx7h0Un+Q1Pn7OTUrEFI|<<S(xo29H>s&7pL@8Uk7z!Psg46S
zZ(tG7y<>n!Rgi#p0zGlX)O5cYPB&jn<`*6#8PqLB%6T@tux{;7vP?G=GCZAc)-CCf
zK_o(9I}SIAg?~X=`<Xc6hs}QU_un|Zgf`?`UVDGWy$)+ePUKmggp!uK;4ASC`HSFR
zs^P08ureS{K|z9dD=h~5`_*o{FG$FizhAtH71uX2a)^kCoqpWEw!!6LK>;C3H=0@i
ziO@YVvb;kOgq^5@#aNeC;iH@!^;K4sD|QPE$l0@u+8_~?F4@hd{He+hpFpA(C+6nI
zr}tEksX9b}ekf~i*F*uRVM|8hrKE-P+8=Y(S2(?}jZFoP1$}QJ=vmi9zJx8PYSd0q
z5lFK*6B(syb=sanQzxKI!%aMDqPAG`P6T@`H#b26&!Q=}J&Hy{R-!YM8XW)TaT1d<
z7l0d@pye1>6)Z1NUClDPLaB?E*)MSF)XmeTI+Kkf!-%Y(Il2=c%5q|@peX(SnIn|4
z0_2%D*Dnew9D;86NMT;?y{#HRcj~q%bleSqK2w8Q@@z8^>YB{iREIUD)-|=Xl!G3E
zeLpseWC(baF}dxAXz`uziU`2~z0LD~1KP$UazMg6MIkJVTUZDID$+MU0Ph?vY=FnU
zC7nc|69QdGBw83<UYyH&1)CO@GYgSZgUtz8<_StMl_&SrGLk{LC}0Jr(J^b^%kuHL
zIXN&*K~Y>H_PVR6B?|`wk8fEhdb+}spKBjT-p)lwEc@koxSw1}y}8QD#}~=9@WSm3
zY~gwN^TX=)(`}i}4VFKv2@p8E`OZ<9&C0ib9mOuEh>hlfGZqzt-LLx(sqP7B*$__!
zZr|D)K1qOO1#dN1J?x)Ctu7{rmUeu`8&58x>a(Di>wz<WKoTC_g^=mD_Ve3Jns!72
zFzlIa+8%#mdOarDk4_~OC_)?1Eu#C!55?-Cn+Yh|{hFekgH^_4WHcb%i(>)G8^_6l
zWqaSwzszvX)uNA7efA{xNt&fOuMvP=Rhjw3>_2m6eZ&`i_Mb<cT+#gQJf-XV_e<}B
zskbsXoVviRx0K#K{~y@V^jmEoCoGX0?LLspC1;CP)m8x6A8Fp}){zN5%_LXiAn%gJ
z590Ug$KL$N$hANL^fpOtRzpxqfA0gCLg;$dtur|hEF~>n2MPdEo6vaWxKte9hY5~r
zp9m`}87e)0cXxOA@UrjUzsCeuNn)o9?O)ZErBi-M|JyrN9Ub2s^8Ex=y@JmhvFtP<
zYi9kqXE*@P$|2S-zpQb;uBR7+InkwXf%xIgYjDoGIpH8JZ_Et0v)_-ydvaaFg^#9A
zsLfL=SkC8EZEVfAS4U3n$LPzZ<8PWrj169*3Zk#qP_Mdw-+TA2T?x;hUxq5@_-kQ^
zPGYYYl`xTUCYROof+PHrZZyiKQYKp^G;QpVK|E{XwZ{`;o5Kf>9_4H4bmb5bPzgS5
zS-rG)2vAWvf$HLHG0*LJVR}iDLWBiLjk&OU%6?xY*AMUqO`9p${6nmNY!W!-b1!VE
zsHg}jl?quAc~#e-#vv&g3@bJR9KjsUhwQKTqavX9?fpBNAj?$r^`E2uI2I+L2{($}
zAga0LF)|8m`EGjp<7C5{$j8VZfmct?kIciGhyz+<98vs@BUka6uwze#xUUR(9TLAw
z$QTH=0y?J{*>e{uFoQ8Wz>IP&Fs{4z?u~&eJ{~hK9-i<?ArXiGkY1e>x?nv+1~e^=
zWB+qK_wV5#`8@>;7Xo$Rr5AjJ((x?n291gyx&toGY@U0vHv)~WtjLrCN83cLf<og&
zMj+w;87Jyk^<uLWFvAw=9lzos`0PS{XWr`&7^T~s+D-70SKf1@4#R!_bdt@)&k)o7
zCzFB9bL)OqL@{@C<ItdFJj_0z9y89UqT9DG+F@}uBQf<9u!7xbxiw*O#Z^yejyjfy
zV+G8GKi`q)#?2U(`NU;gupX@)aBy(vMTbu!W&s4|#dz-AIo+HReEJ&#IAd^Z_374l
z!B<6$_1M^0*{A>{M^WdV`29qQo;*gGu`j}NN$QUj$LYrXs3uZZ0Qf0FxK)*$5;<{@
zkr|3wFQ8<=NYPM~8{XJ~i87Lsij7G^1Y+2RK0;PjOn`%r5cnOD@+PX2)li)Vv#&Tv
zgIkq42#_&3mqOqF28brOvrhI^CH?gs26eG_rNd<bfuZ1qj@);@7A(*u(RT@8Vsc_^
zdq09J;I;U<5mLM1;b<UdQmF91WmNdU1?%d~)AQOMoiJrl!Hs`GmQ1t-!Q4`1l5AoF
zy3%2vdH%@xT$8Ch6mjYiI0RB{_?32g&X)mn015*3<`!7CPoqmvazMqA{9K$)Fo$B(
zA9s{Z>8O21H9|MUd&h>_=G8qq*KRNcbUMNc%>Y~oE+Ljq+v<hjZ7s+VVDho=-aYPz
z#n0~?=H2RFoYzTX(uRgMEY+xNC)dEP0DJUzW22G(-{?&FThn{W5|K|B{jA<esnO#_
z_F^;CvHSwZab%wDT{t65<ikuq5e!H7sY}<sG3Naex1|%d69w9V8F?N!yDGYdc>B<6
zf_>yJw?s712sNAz&%W*fb-5150yWp|uB<Hjc@V6Gp*IxZ0&(x7d3saradCG6$i6sj
zGZ72gx292x6A<@>iJ{B{3xNDM!`Q&Cf}_0xyzK(wWZe>*PWNyk8GD1qJT9&bDi=SQ
zf;t?(+98F_^oWs>5x6Z$s5BK}_q#cJ<-pwIbPWd^I1T?~Q;Dn`Rhuvo2!e22%xQQo
z%Vp7VCeyn26;=X^<aRlNeYP?KU}gt3?L9F{9n=%c1;X>R%z$kw0)-O6!qt89DgqJT
zf`d1*FBkaBM^A<XY&4RDlE5dyK|)--KBh_vY)T^H3PZFSOHE5FS2iEleK0r85DURj
zx@m{(NFF~^t>Sf<dJ>y0>w!&FK`-G&tkJf73qc3<juWB)>9BXjqspBFwiC63)Yu2N
z?w|5A$jVt>n$}(%D?gsriFlZdh&zQ%nZ?wmqPX}RfzKK=e8%~erZL^~q6pD&80wkz
zhg+-aBFWmdPthQjnLr_dsMq6HnZ||j5wpSv>%QjRdm`!cx}L)Hr0(T8^IBUIBco%W
zKLhzkl)%#j3z(lD@3Fr=B|z|7TlPAHW8w9-)POJ}UZU5}y<XE5{_b7rl_{+(1}?4?
zO#UFf&KLVR3r?Lr9WUkYC?y$6rnC({dHRkJFd#3u?$L=47MdUA4&?5Y$XlGcm}a?k
z-wej_z$xoSdRWp%YUa%miZTHI4KL4WAs7{wYD1PNEmnbEE@@l;LKeV#=Z7`926qBl
zXf&r?gdb7st<6#x`f$QLLY@Emduy1AOG;{GR0P33>}HOuN1FLMY?sQ44f2C^akbF_
zirOXl-a||L6mSx^?^#<v&%66kIvSvI40I1w86T^v<W>M_1a8_^uK*)-Gzv@pxpCqY
zKBzS@*epS@K%?b#8%)bAjtdKG8Z{<)Gfob*Tv+e?J%2=-XCEQPB~IhY;DU>k8`|dE
z3jQ|)BOgz5`Z4?U(nuh>e*7@Dl1A>N)P&Yj0rU5K*sVrnwG=BG8ZKdypHx?kmNpQY
z?b=0&OjLK|Q&)w(LRv4Is%+@2<&O`g(#ftabSLQM=jH<Q+5sHq=Qn#YfOGuyYa_X)
z)06*%;6p~Csip$PsAakUrDV;v10}!jh~$>~svvvow|vACpS-UK!a;)|7gwI82mz|n
z+rNPb>Qo%m7my@7zNjQ*L#3sxpkEZAAQ(1i{eR*XyH8n3O1ec(TseO4J9uxhVxpR7
z*~g>3OeG-qSq+>)9Rk3h3_ab0qcg3sr75y;**r7?qNW!f2`b~IDXw5V;~-f{&86Qv
z-AF_1|8Q;i?6H&fo+gD5lA(Ms(4hG(6_ex%^*>=y@!rC1&s;%X->wonr}=cb%H9gJ
z*)vn2E?~R=3$-X`bK>=l;zmj&lIiYKTY5$?pQ2GTpx;~h%J!3Tth|^^;F-AR&re}X
z<Se;!@;!xWBwz6Sit_KX18vH0X7TTBf0)I#igcsC?@Awy1B0xsm3inofbzpC<z5Z8
zkOz#Vl}V8(TlUp9$ujFswO<^u9l4n0$iS)PQO@^|#@3CSAbAL_6dut_D6<o_7$PB@
zW;^`D$6$L9A+|CM!j1#+kxYrFs}$vHhP^DTRaNj`cVFN2z{e*I>-2H8a_c236Qn&L
zN&<OX7bV4iHE+&!{Wd!paI=XhSWd0G6#I<+8M+-CqKZLdQaxIFsyw^xm|pLMeCI@8
zP8I32qp%P=7Y!AgI^Vogw}TI7XuE`Bjmgzq8ei>C)I0C6wKOi%&q#+Hh}EqKsjSb-
z%Vq13i21XKMu|n#ffnK5l|9tb`_+*Z$|8xXM|W37G9d)1mE*6dKLvFUughudon&Aw
z6ch9n&m2B|37`khjSnZtHId|9JPvkY;4ndDYzpKZaAu#x4ohLgRtC*it0nnOu5!wa
zIrbo|f;L3e$W(dMZGW7doA3OtfTZCS1Tq$OV_l^O<faQh|Dy$P4#oiM&1b_Sxo-xM
zQv8*)^C6ReW)L;Mz_OYk=}g%FN)0j@4YaP?0hY(lM|gjfdgk6VLQT%iQLD=nt)qT~
ztP*ei!ef5g@f^?y3L}TsQaX5o5CWm=!8!cufJlh_ZLjYu)L;Ql*vJk+1TYY<oKU|D
zQlAL!D0LYoFU|~wBMoO$VY5G4OMq~O{lUfqsOpm8PFX6gsF1N75I#!&THxsDF+C5k
z!LnC&YWmMoCo+glSm4d{d)K?~7cuy%t~dIF2>|Icgy2Ygg9f<bRpkoWp_Jg`JKhp#
zTCk`IZYe*e9sjQT*;)$>m=7ZnlETI(z!2D<VW7ZxgSx~dNU@u=7bsAm$IAxW7<MeJ
zb8&U;P-5sgvuL4I+b&{SAf$#*DpkbJ$ZInpm~F+O35EUiM1IeCgp`wCjn*)c3l_!_
z+8rGq*3_KbpvT3<Wiwgd=o1)dXcdHtEHZ`f)`9}a9rl($gr<bP4rx>)mi*YyKO#q`
zm*50gRzt%334)~G8<{+k(i<R2YNYI$$gorQWyC!kuKi2vZY_#Je9^Fj!h`E^d-{|o
zILDex64XRBe4K7-n~x+&`LQag!L&{luKw7IUaD%*MZSGouo|d^VB+ObUwD<oKyrcL
z-5=RP)f`5fDT;GB13sGW2WA;+d6Dhr^a`gcq5KC}fHI)idW5LZ`X#S0d7hrC2)<!0
z<4*+12-6wKh;<+KHzxZtPcP+w(u;?Lh7wsN{2~FRfQDV46aZgV)uri~3e84_-U5H;
zuQhCB^)%n!Ho>%`of3Jsoi+jry9D6cD1#}*bHvU7y<j~81Y%3X*q<TVO|86GHbc+I
zvKqT#7>*`ti~YJtu@oTSQ6V<w0$tNCKlF-Py{5!qu<7yFJlkZ*px8h!fx=?}vqh<U
zbwx=fQB6h4&yLCYd;3Wv9A5Tgr3au}j)(UNR1z=LQf>sWvS0y4LrxP3Lkfruq=D6W
zqc$TaCkJ~kW5gF0R{M@HM4MeUkF#21@!mb0ON!{%*MRi&Yk|mF%o9MjK8TZ~EisS8
zVGZ;tZGI^jv6ybfoG5|*-u@*=2#znkn)ztaURtVv!joEjqD(R^)kA4*8mjf66;*%{
z*KZeDYgFcA5O`825G6&H^H!44dW7&L<X%sJ-Mu}(2j*Q37lfYq=2l5zE5ao<t#&fD
zp6p&O)MCB?_gPzW^FL<<Bf=#*e0=h|noviicY3+YTMiB|rhpr^ko%;<z@?V!^B_Yt
z+lQ}3@bVH1zT@upo|#$RFZ><s-eC91eYV3l*B;W;^yRgmv)#va<8nyH^a!EifHX@j
ztw((;?a9lCPzJjF=Lrfm{oeRdUX!`Ht0gGSZy?lxUPoNx?Cvp>Yk&nHxp{`etu5QL
zuf<f=aIEW{o&7&IN}>J3{=q_u!g$XnySMKxB4^cW-)=%%*3<X4=O%mJrRRDBUFaft
zD)`Jj#Xr2?VO!gISDWQ>|72n+Y}&-%Jv78|_wF=1xAGVOm8U2S^!2e&r>EbIb0;8%
z`)~RWty$x|_r`3&oT}XH>O0Wkje`n!mlzg0n`)&35LX45DbwG`1hRR!;5P>+Dt4$z
zEX7Al<lFolpPhcV?0SBFRTq~b$Jpt!qr2cZMK(i+YISTuMQ>~-@1p7nw0H}Hq8^FV
zg#;guQ&d4)BFXv3t600`y}rGo-vI*3?Gv(j3g5OUxQ~_<hD-Ye0@c!o?wS%A6Jq#&
znvoP%{eAfbF&C(J52mcdxtq+)&F%H4%Rwi8l1oXs<M!l9EgVNDTFp(;5h8#lsxN**
zutoJyR!#hPA_UU)Fanpnsjp5CZV_-IUM#6psLNgG-{%(mr(8jO)!o&XAA-j+==t1?
z6v8CqBZMD4m5UnKCu|-CuOdC;{)deOSk6AWM)>v!#ugLd24tDa(6jsm`ARG>=;EVL
zJ`Z>$gun>JGB=S#kN#7~vtuyq@{bL6-wKIcq0DVJDk5C=ht3lhMa{eL<N)bg{*Hd)
zPk3!-SZ4ck*g<pgUsjZJ9Vfw-><wY0NXL%xMF86Jb)#7Xt}XiI{cq%R<!b(8$qT_M
zh8=wU7p_lq^j)to@s@L2x&LUZ@Q44)x}o<UKizuC@^J=DZAdKizw6P$VqdfVT<`Rt
zaQhTKsCdnv;o)E}UQc`t@w#^Cd5ZIm$G)fV`~R;r@ik96Y9)5~sF38({QBSBXyH>j
zYN_)McR*i<UH<m(%Dq;;8vomat4@9$PSZIL6gtfMpSL_fMc6;D|5$ZJ0P&)Q*I4nL
zAPcJOiFdi}nZk<tIE|{Be~sWesgzYN7cX9X1Oe-%D9Lur<5Dw+qK5~0jhilS-FGG&
z+SzWK&;FX5Ki$#z^Ic9lCs6A$o?ygc^)iB!OkulZ!TC-0WP)<3U~S{x<3Z&UmVncC
z@85rfOzfW<w*9RuD2uNUUYb#Yyv97EcUj;#u|8EUi>&bN?-p;c@=;6Cc1+DqE;3NR
zQ2=HT1H(6n4lhA`@HY7l0LD5T+G)MZ&5m#r^SJMkH9*`_{KC?2O~Cg3xRKdwHIamr
zB%<8E6Qy*ljg2_*Pu4afRW^uDW|pQohVEzrf;kWZh)0{FBM4Sb`BjPFbfbcDOAO1(
z%jtbFQKR(BpTFY(Mf=3~`z_0j?ZGAIR2Cf%IBtE?_3-dFznjM&{dlMr_n3Vt-yln;
zM=?;1?S_G$*50~&U7h1^eH?gseap}}BVFU9x`yOdnJ>!nAB5I@pyS<1>)`lH=SC2%
z=p~ow@zI}OJ`44R%xCp#8umE!1l4*GMGzc0+?#w9Uhv(|o$KF$pulf{<{!g}vu7iJ
zv7{V<_Cc<A6o~DwN<r@v``igzI`#R%_PiHB2v4*$K<sHeH2>Xo3&&sLl0Af-m;Pox
z!m4p6tIeB_9@Iv&mdkeso9^T2zd3LU`uOXWL0Jo9<+=&o&5!TYM6&9RbXaS%JFj1-
zW9x{Y@_H#7`go;CJ2JNV5uKO#)MxItSGTrPQJrAYI|&wm{)tI*v)rFDZu~MVV&y{T
zbn(s<t|5_l-!}+d%P#G|yEMmh;>5ws>;KpYJbLs=NKz?<oZ{oqvUh4x<ldNa+VuVV
zt5$BE&m?fDX=z3~vw0rTGWFa&;-^}V4f|HvuT(D|zIRS3<#DTo@Y1PQuO(P4U}Hr?
z_3-_+BU(47TM=J;_+IqIhkcd=03edEFy9gU$Jq>@vfZa?XI2&3u|J{{bkKt>zYCok
zA;{~j4ljbl?^%NCE;QK|Mwl6O-rY4NElp@mS5u1V>pPw2!Kl#k=wG{E{6ZCpYEv5X
zY9~IE)%U*L-yp3c<?m4XIbh^Ve0^u`@{%nmCiOvtMpe*0z`wporiI=ymkDnQSuR|o
zp1D+p#by1gaDzeXTZQ`vl>Ti1hdrWic;8@M%;y}Ohe6CcpRi3-RG&@~43l27u6(uV
z6DtUuOQ2Ze+NVS#va}V#AfL|X+`IPfEvXJqPO+W7mC%hYO`iiN=^Y#rIm%u}c>e14
zFDE_c(mrZGpYP=Dt(5;EKnw88r(?-f>kgi=%VAwYXsufrRO+(De`Yu*9UQMepq0QO
zTeQl-=S$kz9U!fjP+JYpnT&N-p${KceuE+kt)l%w{OtL}g-JTrk~fz1dmb<*H!bz$
zKI+Or<SY&=DFc(>&l4k|lN<efj}>HO+XJ@<65LybbNJps;$1Upqf2m~I~OB+Rhk?O
zg<@xK?*%l6z%y9&jIX%q3Fo$J=$Nu+yDHdMGGvORpI;{f=8wmD(>fQ5X5MOB^=m9%
zVsWm0k0ng(U$Dk;-}q3lX?usPg#{yGMwWLM-IwPx>Fxe)-nAz1+_>NtXWQxj0&>#7
zT{uqWW$vy*u3;jZw+GfI*9@5jdwm*v?Wc^{IdiK$ySmihzEy^Y!St_56P-)UM|)UI
z^CtO_qFwv?Cg5$3YFD#fPGH&4;2^B?1yFDSlasx3>7|Jn)HL&rn`qB1FL9#dt}a`Z
zJ}iz%KF3r;;7Az|ZJ3ss$@w~eM(<AF`{fqcY?KO4f9w@rS*>2VFLw$mvPTKMJwC{i
zYTB42^10oUZvT74ioH!KM~JJI+IEH8Vc`^nQ-8mBv47Xmr&Z%K`7<|IOG`6JGh^jd
z9F)@}OtKp&hl5gf4GeeosGF3xwFy;q9%H#8bV5?D|1#0Uj0E!=W6MQ4d~a#M{E&I*
z%2K&_>A+?|($3Pa9&`oj#zx4xGte|DT!`-Uo2v3>pAVd&+2oX&$#2<j{q>b9JX2vO
zh|WO+zy@$WpgLZktphC#0j`JLD3+`P|MzAQc*@|{^es+!8&;1v8d#&}5iI}q-JNzr
z>(I^o{No?U2<#LTTwxM)29;Wb$*&JsEkk3V&CJJ-d!*_F6Kj+7_;DjT{QQ6s+uQ8y
z??YETp$_PY^{i>(ypqa@r%F0-+Tsyh09O54oZe4DZ-6a=R)Z&ofS%b01qV07)rplg
z6Ty5q#JmCYgf1SvLH=^WY*s)*e4yA^O8T>cY^bn|hQ=A>Z{b!$Y5^ZDFp`MER>7Nb
z-FoNy;IChxyLSbE|IuH+aH$V{IMk1-mlRkI?7@wF{~tYFc|6qX8y&fETU{b45h@f(
zmMk$!S&H1KBw4a1Bvi61m7S#QONCLlWEo3#ZPp|v%MdF2l6_~)?@ZnM^M@AmnfdyD
z-}iZ+^E~G{=VOc%{(}V!cwF4QH>NuTz8{j5REMHVb}H4Y`PD6%rCC}v%uO7fohvDn
z*}}6f?QAaK+j8OtFdX<26BBQ`Hc1-2@b@qITD)+u=^xi`-%p8CO8xy?YpLX{E$jb=
z*CbL}%PD1sSs>#pd?|@TQCEv=xn5RCP>?XyaF7woZMz_o6kWo$w#Ka_;r2si-CdFs
zTh)@;6&2fknQ#bbLNg~lk^$Y0s;M>Nxq*DBO__ykAP9x)${+0F?;g1ji8h8Ke6jTy
zo0NQW;s^=>46!I4qSq?4iDYbH5~J&}ILHwzo#pYY%#NxrcAirWS``L`)6Qu8ICpw2
z83k8x>TOq4bVpRFnxAlh55j|V<pMGd{kw_oFdNNy19BfD(gt}_>bbtX$SCb;Q0Ko`
z{h)pxDnoc+(8TY8z~`MhbIA7I9V_ed!P-ZQqE7l#5yVQyJ|-$fB`CfVuR#Zz2hkCA
z?2k|F#yUMQl+1h;jdHKWLF?UGH{;M=j2=pvv1dJ^nijijX>_{7#THU~u{KIiuc6Oj
z4KtBDetuGRt;2-(?|Eg5xYLc8Z96@t>}SX55&en7)#wNH84y#7;5P@(P8`X?xDa$p
z=*ksc`?<ItB%&V}hQk=ogEzju>3JBF)Q60TpL73@y1Xbv0GLKJqTd;^!okjzb0hxO
zp5v5(18iXG?ZgN0s8c$$WXG21na2u7jucIgOcGwlZKWKtRYk?eo9Sqbb7$uaLC$lL
z6Qnk0zMM;5jt6#Y!d88dO6JDoL3v9)*XSr06Js3#+xKGcO%FBs;XK6FyIodBOg)hn
z@<)LejRlq&=3S*kDWzG^wqY3LU@lF<XfxMP(+NdlvgBRpYouD&8$+|^+-OYtOvsAs
z&+ijEl$Ap!CT#4^3VX(d>6l}3b&U#qUVL&=$^mZe^Sp6zpm4Ls2gOP2*qzloj|Yik
zjikDaDU&Rq8o^4R^R`Fa_I+cjZeg(#QZp8KMv>{3a)ZF^l6I|E!I$=l(%%jzA&mfz
zT`Mj5U6NKG<<MpoYxBwZqksInkhW$5sKS(#05%ri?PYYnlX!>MUbOSg)=@!aw6D|5
zDIu9W3fH0ybki=rQ+r)d;0T8=sM6M<jZ-}&&~vcsrP<fl^ymi)xGM)b($H_U8fm5f
z#k+h!Em^W(c(0)D(Mx;&O`b0E=J-G3)LC8Re<lA)v-&dvX=i=3WU_tedz*%*@~HR=
z>?luyVq=$c5Pf!N=1`J%=|d>0Oib3Q^2lWpB}%@8q0HO+tR#nZe{;R#%JS+Q2Rdhj
za9L19#3n>+_)YfDw5Vsg&+%0R^DyoSes%)xVVPvIkf>+?_V4)OaE3F;E)ZKi4BB^k
z9zXkpFe8HElfCKga##@ix2%s>rg5WO77s~h2xY%h94oH%rYr7^aMs9m-8k4@8M4i`
zP1d67g<b17vwhni*_RspHqRL5&wglXdW1cZX;pVVuDX=pt5xH8jXi;pTqL{qep(@V
zE=qS-q^8%MP74*LknT3Z>sZefLDJYGiwGW#R;+YDZ*5sNbr!Ncu0zjn6fgAM1mTtm
z_`>wdv%kD(GY7$T(MGR#Vs1{V9Y={ObSQ(roEBo(zwES-#&dtu&=8JdT{a$9MVNPl
zX2cPxc=hI%9mAznMP5+Qwp^ZHLwe3t8NB9+UfM=X)yANhz(`~sic*jYX_LdvTq+iq
z#=gT&X(L?YlY~Vs?SPpH0XC&smriX-^2okp;zfPmVv_L~6E{=^edM<<Oo?;9bAz6P
zA+6zN&v$qi$eXInq5%xMC}x&(NwMO18}%@?O`G!u665Y|cziyWHAZPk2{g?Um;VXJ
zxk~xx5pK}5kl2XO)2B}-M=l29sXlq4ch$*hRe3`LlS$XvU|xA%AHe&DqPZ#bk={vf
zh{9`7p-(j_<7S%g4(pI@*EwDoP*kKSWu=wu<>|1Vg_*#|*R(~_Ob(Oyt4+ZfSzfTV
z67rsmgwP{exy+`t#W77St(@~?U~n)oEF-mA{0d-fcmqlF-b0H6=D+d;E5esoMnPBw
z>2!FI62X3uZU5)&&%?<0t{fjCkXBCe8$2qt(o+*szX$Wn4KU|?H$okw6fc;Q8Z^Kg
zd#s<)zeQo13pDmL6DRNbn6adGula?3lljGAE&?MBeEgURkAnwVt?nonz6Vhf`mEAe
z*XfC>W<O*=&pGoT!hw=!Z;04SdH99t*@c1w=9Tw87v@UbkJKpgSa906bogk`3W;6u
zSAwtm<<fhgmDP@PhfcfF3QZLsevHrwOJ6H|RA`9dqKzirCBcx8>lu0t`X39jSYd+d
zz2f*`S*cBbeXGYz@Wjdz*`Vl#I4*)(>dA_94cxA70Z=j2l9WqC5fmeTS{BRln6N^U
z3Wv1g&!MIz>xM<(jq@dWgV#6mhwhe?Y!C|#ZUQ3W1(Pwqt>S%v0}P@hb_#d(q4rI}
zna|UfsdV>3#nX>titWi-iC%?L>o$8-p>8-on3goy*lR<cM6npgk$ePvbmWUA#qLrR
zy(}RNu%1`0+-mvyup86;c#pV&0U_y2e|KFr#28iuWGS9*(AU>zU<M4)3oXs@@83&=
zA|uGj1RN^2kqaAyTpai;@bW@IAlcenyRvRjMk6CBik5lt9UFA^^ev_b!q3iSoPN$B
zARx3ws&9jy7|$>kQpjHYMh=;=Vksunvx9EHkBmoA*8UGP!2^&q$x&pyj~)$N=Q;K}
zop^dg=tj!98oNMJF(*6w#Vq@(`}%*b-KwGW@#2vqY6cw{?sNTG0WtAg_V4ij{CV)s
zy_43^!m{fuzB}5HlzhWp;)P`IBji5^Jl#YvYF2~hjq8s9VUbgU_7-&zrHYoHQd-5F
z^bL12r{PF*%TDuE!b0xutdwE2It<hG7;5~(pbfSj%FEBsuj?)<EYvN^6DBCStXw1~
z_R=18JTJ40a&>E#O|N8(I2k<5Frh0Eb{&_S=!y85eZ5#Q)T_lEWXp(W&qS1I(^8Z?
zM3}ahNs{b0gxSJanP4*JPn`|66{N-<VJm<0<`!~5OAh<dj9cQ=LBB3<ow(cS(1Rec
zTQ`4sF;`D>u@-C3PfO1L0rWa-d+hQUBRG^Um|RzqT{r{<kDWg3ISPkRe2I!|1z<n#
z)kU|_^NQg&hs7aiuYZ+K57R#cz58=Rg4J0G>1$iV4mGal=T9n9=mVXi6#%|&5}aWt
zDB2cXp1OkhiO<REE?7G!b#*zA=~zSK8aONx+3kLdDqHOE_bvI49+l`7I6pknHk>mz
zI~$p-^l`3kh$(a?TxHO5*YQIt=rBr^92{z%5!|!q0S3*qHp%7HWN#`HM;I{&iDG%S
z-2p)|rdjg1wl=Lx+U_|zIKl`73GbHLv*{ENeIn4y$i_0>$gj*G9>}}w>&#yLf|fMf
z*{mT#U}aU`!384U+5We8r${tgOeYSyLYpZL6Le@1HG7&D8J}Df*tP5K{JgWu9xQrG
zx8<!ed=;ki{jEI16(2q@KZjJ>Z66<ROE(q>R;aZ33)9Nr9w~I=cllx9YE@yN#;Mc$
zO-9DFnh8MlP~`lRY}3$4x^X-=Ix*dSE>X-Rk!C|h06CyN#K{5<L|e|96zw>bMDG=O
zG+Q)1JjA*yXnx4MVw$wQJ0F<T8`)`(MV<no2bwbVISEJ&R$T>+sptwZ9~JsqLkI1h
z^6~*2ws}1U&6+TRsbX+S3FovLB8_5Z=qSR*$T@N#^O0%4V%@I-Dn7K@1n_8b8?KBl
z_F|}*@K9uefDYuxoGaAqPc9uR9aT0&hP0(Li2&*I0<Ey`Jw11llQ#j$=7=DhOqy|m
zGsx*Yv(T`x+OtYHp-!w}U^A?z^9<mcyIf4?me@!(n0>=KWsozVO15WaS-(Su3kO!B
zWyi<1x~i_OBmq_9K3}%JI1XhPTJ6m-d8s_9A$8lAb@G$qrhpKoTC`v%#-CZ`zWQn5
zGt;m$Cf&h2C|AMyQ@j9@4dk({U&rPrHo;+_z{-u+(6TviTL|@pmz<&^CCl6$2l)s5
z>Vxh1Yy@O=%#Yn>{A`+E+Punete~}|8|uJYi?DAW*8rt|b*%Kn_a}aQPme#Ufk5JT
zi;1<?nhm~h?hkua&$mG<)&~xhPCym^oN@nb)sEJ0(XcsnPm%L`ohyq^FoX}IyFd^m
z--HWE#_$o*pH$VYJalg@*9AgmzKca&Y?Ewz6(l2c7atY+|B3zf>-0G0r#7M?dFHjr
zNWLBQ?T-%^Nyl0#sb%%iU$f3|H>wSMjLR?Y6G_lF<_Qi9)5+VUDi7Up9Se)Lx3fT<
z<sBWfh5V+aY9Q<f*S!xFr@HQrh)DTFWSi2HgY;lxVy^w@Hm>V`W|l<iSpD>stZmJ1
zOs%D0@IJ7r$`?p75aBrseJ?_xi}z;5qGBWEpG9NM1faJB=-qzDSi!0OzB+HUsGgnA
zBVrI9V~ye3YZ2Qj@6kFd?K@aq2<R1e9oeoNxVcT)UuRW82JsI*q+!t`5Ld}6=Qe%m
zp6th3@IZ?C5y4&Ozxz2}t@5}Q<L|F>(fi-{Q*FzLKaE7alf7Lu;&q6;#g(fNVXt}l
zl(MOcH`#4)Olp*Pedro0jhC}JKLI7T=2W}s3h)1n!c~$7{rW!*mv)L=+D~9+DXxl^
z6o_f=%Cl#!p!dpNFcMcUPKlznT}c=7G(3B~vDqQZNVvof%n;-nwU?LGL*K(nL6hL&
zX=o69p!(!e-Yd=XuFdNX5ocSIPp6-MRJNi}3+W$h7xp!4`m@MVpP%bhLRH9Ca<naX
zTQa-CwVO44TjjCrt(H2q%Pg)hV^o7vIPJkQrn5bkCxqu0^Rg9;I^hD_nh()$Iq1Xf
z-%5E9j(%S%g2QHeUM06LViOTjG=?fSBTKx+yhMegNEorR(TtAbOzE;yOx?=ljQs~7
zpHFH}mBA8SH?4W}@M)wPPz3!8Gew*2Q;?h-V4VI2`vi3_aK8VqKy&+HK5=+6d-<ZY
z9f(pIrjL`TdDvBk>590wL4}}t=Rb?0O8jl&YI$|`c3mpk#*}}~v@s85l&w@eoX*^>
zpb!f=x>XF5ZNU7j^Ac0660TE!?<Si=Av*$O1Oq!pDIr-sjH&$7C%9GKl9#(OT0;r7
zS4XTMF!Bp(j*S#yWyOoczP-TFx(hmx+&&m2eKC`9q2MjIiAT(Ex0QeSh!Hw$43m-j
zky|{*N(?qjCMvpwK2bI42P%{`th-re5HyFseoRoT?^`MO>9@~Fp?hd3upznzFbfzn
z=UBqR6w#u)BFQcf<JIdxm|j&5pH6_w>?XHuvdiVkVR<R)VTru*9Oh)DU%?9B3h0a+
z?gUTEXOTaVgMbv=+Z)9i7t+RrvybUq=+^@BC`sE;{D<d4@0%3T+rB#bmvw7+Y%afe
z{3!$ZIs8F<QH+HXv5m32y+~<kI%H%OL`Bt5ysp8VKa7+1A(?HZ@}S6eD>=E_DB~7n
zH)dQr<aGtfZZ1wY_67O+3T2eY#((>E80+OJBv<bEjrE|cz&L9O#q(xFKCk)jTHW>4
zi~FdetOH-3Gn1`oQRCxA;AKQ=xzAExx!$Og%A;W3_U${DY%dyAa_x`jUopaYA&gL2
zRV4zk6AldT$hIF8rah2+;%uF8@tyH5S=mrz`((_jGGLFXDWU0w`(J#e5#!?t@TG_3
zZc=xUM5KYz*|zg?XJ7?m+5D33G<=o=1Z^C|cY%n<oAgb{o=dXWoo`1w*j+o>z!wt~
z8&NgB`Gg;x+aD(M%j)n?xzy1X1p$8$Ico+f)&m_&uBEhDMUa+0B?!HakB>iBe3J<W
zlYqkFpI}Q_A%Pp8un8uUrQoQH0GfN}9w}sAYU>jy8Zm+>l5X06h1@cmknQ0f_Y+@g
z!dXj?;NjtMuGB*mP5SKfM02Og%1S>U0+F0jhvI1+$$V;J;v!09u6*<k@MwjhH(>VV
zS;NlV#@48lVog&ncYu8_W!t=zbLFRPs<d^${gIX|BO<K?pvSx-*lPTnz<PdV4uFW`
zk=K4843G-b4VMnswSKm%Oe&cl9laQV(gEhw;LXw%5E7D#embPZEKAHcnhhY;ZqDdZ
zv9RETeD1ddm(JcNeuw0)4*`W#V~Io~D%(hdflzg}XtO%qL?-!>r9U9nCgIXL6tNZt
z(@Zop<mzELpoQ{zZ?w#?CtQRr^K{ezr!eXzh)USI4?$7UQr3Ks;Hv%mifQx9IW614
zuda1YU2NZe{;Vr@b>@*Cu!MG2^(!N9IN|b>CP5_P;5ZP73PWnr-DBHO()*Z1XF@pu
zRaVdSyjy}35^kX|fTp%zL-b~s+{<TT<R;P&nK=L7HEeBE;;cs2L)jrA@3xKWma5F!
z6RM-{-w)q>{fMgd-)W)w)D?*`Uc0l_&=qstVuLBj-S-_z7h*SVPkj6Cos;7d@)%04
zEqA2&Qlpx#u>0hm>IfchZ=&*og(M#z8_0HM$A@0Oe%L+J;wS07a)H4{OOx!`*<+pP
zS}|Q{+p-UgtqxBi>fewDP+qcI14Hr3>goVYEn<jH4IWr%wDpkdBR`|_L0XJSaKG{@
z1OS!aW4~YO3F0o1ON5{8M9s0z`iapZ2eRADacF&o_h#XUtXAh2C#m|SUA=x?#@+!Z
zLC|K;stBFDcV`9nWGp^876gX*;yQ;CnM6$AQA%kM>$k~11l-;aFu`_cTqV+TqDrW4
z9^iR=%65ZKL-cVwJ25r$J+KGI*5)sz-H<^Sr!HF@Nz^{#e=whu1<#RtMn*j_p|#bS
zfS4dz-_E$Rb~!Zz4MJih1K*s6gJ>P(Q9t3|Xp*f*HAk#AZ}b?>mfouHEuhMcPfw?4
z#WddCu1kWT)tet5_@UpU-JD@!-j;a(emT&9qvP{(RW{ci!^xe(a87;n_;F6|LwFG%
z#$KGHMPpT>u834~@0Vv2`?0fY=FB@oGBd*<wa5as57;*xtX;IOulRw=E4aO1n;a*}
z{KyC{HKy=D;2CPAvEZ&o+0an6;o#=31v&OPn6yeR+DDJBHT3fO4}`4$Ra0D!H>Z6P
zt+Lx?hD|KzF~8%@8((ViLW@{?K^L;RIMU;yBurd`Yj50o@m#LkOg`aD#+cC#&Fvc7
zWI!DK9=r+!#kDNHOpv^aV<<o~jgLQzOqT_f`a$wJCkh*6St>9fVzmIvbPWHpJVwT6
zkk>zSo=LxDt$g6IqbYKq+Z6r<_i_V4p`6yPo^<c&hDxh38qLt!HF)*9J}Ji^MWoeT
zQj{|K2{*ZLot43sFH29ugoK0)@<-hXP_+79>MwuLYh{5O)#U9s^KZg%=w&FO9fNAm
zbs&7&;QmSn4Zx$92Cl&fx{{TDIm(CN9i*U^9FEd50Z3m5s(oVxQ-84+m<*Ps{l1{n
zzfP)!nGec`JkqF3NHxA#b%3#Sz<b3HP{T~#tRGXCo{2@@dP-e>yk7(MmJ|+QGbkMp
zaOy^F+}_6RWU(M2AaD!fZq7h@iLRt=2)E@F$|eY~ad3Ph<1CL9TZqTL!9%YMl9&}A
zxi1cq5{6xL;M)oDn(qt!?mzllVu6cx%P+{H=V6V?x0bEV%+L%k0RJofU4nux>i@xk
z%j+>M(sFRS=#5F+S2GYcj4cTZY;&0P8tcrFA#N5s7oBc#5*e}$JloMqFR!c=u5|RI
z(^#PGuZF@EB>fwpwaJ@*<}~!DA~G{|K*M4gZuZn~{eCXj^vw~g`b2X#`ZwP*(TXk`
z0ol0BPOlb5jSEU<a0k?s9hSa)IthfUPV$;?RH-H1rq9j(T%uTQhl>rW1C2#466;x1
znbd>@b)|8V{K^YNFEc<)>hgSVUjijFWb2FrWf(WwN->7nM(;JG(M0sC<AZU96$Q>~
z2wE`*js<Mri&$|C(AUu!^U!-lPrVKAtK)w|E#O6h2BWo*wOpeeH>cX5wqVn>BFgB2
zp@ZTdAYX%hJ~2K0zV^k&nPGQIiTgnuhies2$MLxh2*A`b7-h~Xj6A<Z=Rp3(hzOKI
zKD4)QlaSEC%##V||Iad2x!6Sy;EI1?(7>$>&Ti?TM%Jcn+t?VOdh(^VgToYS*2+ry
ztr2Z<q%l!WPNe>UJkRPsmXk!Ypn@mwwIuE?8Sr&DSWO5g$=&U0uQ=~IWAR1xR{obt
zzU_HzlBwy4MtFY{tqem!=&5TmL^C;f5BW1(<^09R=(|;qsIhNVNO;I8gk)-__KfHO
zhQO6Kk^A4boB99Sk)F4vMAx)S%(~AWwJ3U(lqBKH8Yk>L*^b!ST`k<s)jGlWeMYw*
zANbwtYxvb{?46M~X#Me~1jUJ1mLua#ptSKUwlhi@)!zRHRv`>v^(fzDgtmMhD>`Fy
zI{{7cwb!nNGTzA|<<74^{W--M&_mal?j$9L@@(tGl&$vFtM_dzP8#$5x|gG&Y9qft
z`&2TLL_M21PvZ_ciUmFO#JU!0LsukzT2->c;r~%vw&?9fm0yqH-*4IKwz!s56T3jX
zl#^}o>u*2XV?k(uiP`LCxaEfbIGnWf>*XoW8n!a}sa<o0bOxm&Q1;&{P59G3I@86F
WpiAr6SAHoIXdXLx^wkm5+y4V)?GX9^

literal 0
HcmV?d00001

diff --git a/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx b/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
index 80e9e47806..4f5f4bce6e 100644
--- a/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
+++ b/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
@@ -163,6 +163,7 @@ export function PlaygroundTurnIntoDropdownMenu(props: DropdownMenuProps) {
       <DropdownMenuContent
         className="min-w-0"
         onCloseAutoFocus={onCloseAutoFocus}
+        data-plate-prevent-overlay
         align="start"
       >
         <DropdownMenuLabel>Turn into</DropdownMenuLabel>
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index e315524248..51b814cfb6 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -171,8 +171,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         AIPlugin.configure({
           options: {
             createAIEditor: createAIEditor,
-            // eslint-disable-next-line @typescript-eslint/require-await, @typescript-eslint/no-unused-vars
-            fetchSuggestion: async ({ abortSignal, prompt, system }) => {
+            fetchStream: async ({ abortSignal, prompt, system }) => {
               const response = await fetch(
                 'https://pro.platejs.org/api/ai/command',
                 {
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
index bbd1bd9789..2f602c4645 100644
--- a/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
+++ b/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
@@ -18,7 +18,7 @@ export const cursorCommandsHandler = async (
   { group, value }: ActionHandlerOptions
 ) => {
   if (group === GROUP_LANGUAGES) {
-    const content = serializeMd(editor as any);
+    const content = serializeMd(editor);
     await streamInsertText(editor, {
       prompt: `Keep the original paragraph format. Translate the following article to ${value?.slice(7)}: ${content}`,
     });
@@ -28,7 +28,7 @@ export const cursorCommandsHandler = async (
 
   switch (value) {
     case ACTION_CONTINUE_WRITE: {
-      const content = serializeMd(editor as any);
+      const content = serializeMd(editor);
 
       await streamInsertText(editor, {
         prompt: `Continue writing the following article in 3-5 sentences: ${content}`,
@@ -37,7 +37,7 @@ export const cursorCommandsHandler = async (
       break;
     }
     case ACTION_SUMMARIZE: {
-      const content = serializeMd(editor as any);
+      const content = serializeMd(editor);
 
       await streamInsertText(editor, {
         prompt: `Summarize the following article in 3-5 sentences: ${content}`,
@@ -46,7 +46,7 @@ export const cursorCommandsHandler = async (
       break;
     }
     case ACTION_EXPLAIN: {
-      const content = serializeMd(editor as any);
+      const content = serializeMd(editor);
 
       await streamInsertText(editor, {
         prompt: `Explain the following article in 3-5 sentences: ${content}`,
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 081ee4f31d..8e06b185a6 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -22,7 +22,7 @@ export interface FetchAISuggestionProps {
 interface ExposeOptions {
   createAIEditor: () => PlateEditor;
   scrollContainerSelector: string;
-  fetchSuggestion?: (props: FetchAISuggestionProps) => Promise<ReadableStream>;
+  fetchStream?: (props: FetchAISuggestionProps) => Promise<ReadableStream>;
   trigger?: RegExp | string[] | string;
 
   triggerPreviousCharPattern?: RegExp;
diff --git a/packages/ai/src/react/ai/stream/getSystemMessage.ts b/packages/ai/src/react/ai/stream/getSystemMessage.ts
index a33e61b6d6..abea050e19 100644
--- a/packages/ai/src/react/ai/stream/getSystemMessage.ts
+++ b/packages/ai/src/react/ai/stream/getSystemMessage.ts
@@ -1,10 +1,6 @@
-export const getSelectionMenuSystem = () => `\
+export const getAISystem = () => `\
 You are a text-based conversational robot that helps users with tasks such as continuation and refinement.
 Users will provide you with some content, and you will help them with their needs.
 
 CRITICAL RULE:If you want to start a new line, output a '\n'. If you want to start a new paragraph, output two '\n'.
 Do not respond to the user,generate the content directly.`;
-
-export const getAISystem = () => `\
-'Unless the user explicitly requests otherwise, the output will be two to three sentences.'
-`;
diff --git a/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts b/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
index 6d51e41497..0ca90c36f6 100644
--- a/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
+++ b/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
@@ -12,7 +12,7 @@ import { deserializeMd } from '@udecode/plate-markdown';
 
 import { AIPlugin } from '../AIPlugin';
 import { getNextPathByNumber } from '../utils/getNextPathByNumber';
-import { getSelectionMenuSystem } from './getSystemMessage';
+import { getAISystem } from './getSystemMessage';
 import { streamTraversal } from './streamTraversal';
 
 interface StreamInsertTextSelectionOptions {
@@ -23,10 +23,7 @@ interface StreamInsertTextSelectionOptions {
 export const streamInsertTextSelection = async (
   editor: PlateEditor,
   aiEditor: PlateEditor,
-  {
-    prompt,
-    system = getSelectionMenuSystem(),
-  }: StreamInsertTextSelectionOptions
+  { prompt, system = getAISystem() }: StreamInsertTextSelectionOptions
 ) => {
   editor.setOptions(AIPlugin, {
     aiState: 'requesting',
diff --git a/packages/ai/src/react/ai/stream/streamTraversal.ts b/packages/ai/src/react/ai/stream/streamTraversal.ts
index 1be7b22d11..63ff20c8fb 100644
--- a/packages/ai/src/react/ai/stream/streamTraversal.ts
+++ b/packages/ai/src/react/ai/stream/streamTraversal.ts
@@ -17,9 +17,9 @@ export const streamTraversal = async (
   const abortController = new AbortController();
   editor.setOptions(AIPlugin, { abortController });
 
-  const fetchSuggestion = editor.getOptions(AIPlugin).fetchSuggestion!;
+  const fetchStream = editor.getOptions(AIPlugin).fetchStream!;
 
-  const response = await fetchSuggestion({
+  const response = await fetchStream({
     abortSignal: abortController,
     prompt,
     system,

From 627fa2d73070664b2b26696af6cddc4e8e8c0fc9 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 17:11:19 +0800
Subject: [PATCH 048/127] docs

---
 packages/ai/src/react/ai/AIPlugin.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 8e06b185a6..ed56e328f7 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -59,7 +59,7 @@ export type AIPluginConfig = ExtendConfig<
     lastGenerate: string | null;
     lastPrompt: string | null;
     lastWorkPath: Path | null;
-    menuType: 'selection' | 'space' | null;
+    menuType: 'cursor' | 'selection' | null;
     openEditorId: string | null;
     store: AriakitTypes.MenuStore | null;
   } & ExposeOptions &
@@ -189,7 +189,7 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
         api.ai.show(editor.id, dom, [node, path]);
         setOptions({
           aiState: 'idle',
-          menuType: 'space',
+          menuType: 'cursor',
         });
       },
     },

From 9bd5cb9a4c9f439a05c5b47ceb79b9800ed00228 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 17:12:27 +0800
Subject: [PATCH 049/127] docs

---
 apps/www/content/docs/ai.mdx                  | 74 +++++++++++++++++++
 .../default/example/playground-demo.tsx       |  1 -
 2 files changed, 74 insertions(+), 1 deletion(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 2352c2ab5a..494c445d85 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -382,17 +382,91 @@ such as the AI menu or math equation plugins.
 * `fetchStream`
   - The function to fetch the stream from your backend.Introdue in the [Integrate with your backend](#integrate-with-your-backend) section.
 
+## Plus
+In the [Potion template](https://potion.platejs.org/), we have meticulously configured all settings for the AI plugin, providing you with:
+
+- A comprehensive, full-stack AI integration
+- Seamless handling of editor focus issues mentioned earlier
+- Optimized configuration for peak performance
+- Context menu to open the ai menu
+- Slash command to open the ai menu
+- debounce mode copilot
+
+This template serves as an excellent starting point for your AI-enhanced editing projects, 
+allowing you to leverage advanced features without the need for extensive setup.
+
+<div className="mt-10">
+  <iframe src="https://potion.platejs.org" title="Potion" width="100%" height="700px" />
+</div>
+
 
 ## API
 
+### editor.getApi(AIPlugin).ai.abort()
+
+Aborts the ongoing AI request and sets the AI state to idle.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(AIPlugin).ai.clearLast()
+
+Clears the last generated content, prompt, and work path.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(AIPlugin).ai.focusMenu()
+
+Focuses the input element of AI menu, setting auto-focus and initial focus on the first item.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(AIPlugin).ai.hide()
+
+Hides the AI menu by setting the open editor ID to null and removing the anchor element.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
 
+### editor.getApi(AIPlugin).ai.setAnchorElement(dom: HTMLElement)
 
+Sets the anchor element for the AI menu.
 
+<APIParameters>
+  <APIItem name="dom" type="HTMLElement">
+    The DOM element to set as the anchor for the AI menu.
+  </APIItem>
+</APIParameters>
 
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
 
+### editor.getApi(AIPlugin).ai.show(editorId: string, dom: HTMLElement, nodeEntry: NodeEntry)
 
+Shows the AI menu for the specified editor, DOM element, and node entry.
 
+<APIParameters>
+  <APIItem name="editorId" type="string">
+    The ID of the editor to show the AI menu for.
+  </APIItem>
+  <APIItem name="dom" type="HTMLElement">
+    The DOM element to anchor the AI menu to.
+  </APIItem>
+  <APIItem name="nodeEntry" type="NodeEntry">
+    The node entry associated with the AI menu.
+  </APIItem>
+</APIParameters>
 
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
 
 
 
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 51b814cfb6..388b8a3266 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -185,7 +185,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
               ).catch((error) => {
                 console.error(error);
               });
-              console.log(response, 'fj');
 
               if (!response || !response.body) {
                 throw new Error('Response or response body is null or abort');

From 0ec08e6aac6eeb7b75f547f3a1686467910ca44e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 17:15:46 +0800
Subject: [PATCH 050/127] docs

---
 apps/www/src/config/docs.ts | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 81ac1bb1ff..90dca376eb 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -274,7 +274,8 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/callout',
-          label: 'Plus',
+          label: 'WIP',
+          new: true,
           title: 'Callout',
         },
         {
@@ -301,7 +302,8 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/context-menu',
-          label: 'Plus',
+          label: 'WIP',
+          new: true,
           title: 'Context Menu',
         },
 
@@ -328,7 +330,8 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/equation',
-          label: 'Plus',
+          label: 'WIP',
+          new: true,
           title: 'Equation',
         },
         {
@@ -430,11 +433,6 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'Toggle',
         },
-        {
-          href: '/docs/upload',
-          label: 'Plus',
-          title: 'Upload',
-        },
       ],
       title: 'Plugins',
     },
@@ -469,6 +467,11 @@ export const docsConfig: DocsConfig = {
           label: 'New',
           title: 'Server-Side',
         },
+        {
+          href: '/docs/upload',
+          new: true,
+          title: 'Upload',
+        },
       ],
       title: 'Examples',
     },

From 418852abc3534060d930c8d105488ca959d2c31a Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 2 Oct 2024 17:24:13 +0800
Subject: [PATCH 051/127] ci

---
 apps/www/src/app/api/stream/route.ts   | 19 -------------------
 packages/ai/src/react/ai/hook/useAI.ts |  2 +-
 2 files changed, 1 insertion(+), 20 deletions(-)
 delete mode 100644 apps/www/src/app/api/stream/route.ts

diff --git a/apps/www/src/app/api/stream/route.ts b/apps/www/src/app/api/stream/route.ts
deleted file mode 100644
index e5f8129805..0000000000
--- a/apps/www/src/app/api/stream/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-export function POST() {
-  const streams = [
-    { delay: 100, texts: 'Hello' },
-    { delay: 200, texts: 'World' },
-  ];
-
-  const stream = new ReadableStream({
-    async start(controller) {
-      for (const stream of streams) {
-        await new Promise((resolve) => setTimeout(resolve, stream.delay)); // Increasing delay
-        controller.enqueue(stream.texts);
-      }
-
-      controller.close();
-    },
-  });
-
-  return new Response(stream);
-}
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
index c6d2b99bc1..840e1b78c8 100644
--- a/packages/ai/src/react/ai/hook/useAI.ts
+++ b/packages/ai/src/react/ai/hook/useAI.ts
@@ -80,7 +80,7 @@ export const useAI = ({
       await streamInsertTextSelection(editor, aiEditor, {
         prompt: `user prompt is ${searchValue} the content is ${content}`,
       });
-    } else if (menuType === 'space') {
+    } else if (menuType === 'cursor') {
       await streamInsertText(editor, {
         prompt: searchValue,
       });

From e5f0f60e3498d981d360340245f4f6b94812f914 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 3 Oct 2024 16:54:09 +0800
Subject: [PATCH 052/127] fix

---
 .../ai/src/react/copilot/generateCopilotText.ts | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/ai/src/react/copilot/generateCopilotText.ts b/packages/ai/src/react/copilot/generateCopilotText.ts
index 2cc00a5515..dad8a0be72 100644
--- a/packages/ai/src/react/copilot/generateCopilotText.ts
+++ b/packages/ai/src/react/copilot/generateCopilotText.ts
@@ -57,15 +57,22 @@ export const generateCopilotText = async (
 
   editor.setOptions(CopilotPlugin, { abortController });
 
-  const suggestion = await fetchSuggestion?.({
+  if (!fetchSuggestion) {
+    throw new Error('fetchSuggestion is not defined');
+  }
+
+  const suggestion = await fetchSuggestion({
     abortSignal: abortController,
     prompt,
   });
 
-  return setCopilot(
-    node.id,
-    suggestion ?? 'Can not get suggestion did you config fetchSuggestion?'
-  );
+  if (!suggestion) {
+    console.warn('No suggestion was generated for the given prompt.');
+
+    return;
+  }
+
+  return setCopilot(node.id, suggestion);
 };
 
 export const generateCopilotTextDebounce = debounce(generateCopilotText, 500);

From da60832e4b3df47f0b4c1fda355fe50a6ad35773 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 4 Oct 2024 09:38:21 +0800
Subject: [PATCH 053/127] Fix: Losing positioning during fade-in and fade-out
 animations.

---
 .changeset/rare-kiwis-worry.md         |  5 +++++
 packages/ai/src/react/ai/AIPlugin.ts   | 12 +++++++++---
 packages/ai/src/react/ai/hook/useAI.ts |  4 ++--
 3 files changed, 16 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/rare-kiwis-worry.md

diff --git a/.changeset/rare-kiwis-worry.md b/.changeset/rare-kiwis-worry.md
new file mode 100644
index 0000000000..b577ab39e8
--- /dev/null
+++ b/.changeset/rare-kiwis-worry.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-ai': patch
+---
+
+Fix: losing positioning during fade-in and fade-out animations.
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index ed56e328f7..dcee885c40 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -70,6 +70,8 @@ export type AIPluginConfig = ExtendConfig<
   }
 >;
 
+export const INPUT_ELEMENT_ID = '__potion_ai_menu_searchRef';
+
 export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
   options: {
     abortController: null,
@@ -111,7 +113,7 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
 
       setTimeout(() => {
         const searchInput = document.querySelector(
-          '#__potion_ai_menu_searchRef'
+          `#${INPUT_ELEMENT_ID}`
         ) as HTMLInputElement;
 
         if (store) {
@@ -142,7 +144,11 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
       },
       hide: () => {
         setOption('openEditorId', null);
-        getOptions().store?.setAnchorElement(null);
+        setTimeout(() => {
+          getOptions().store?.setAnchorElement(null);
+          // Because sometimes we need transition animations, 200 milliseconds is the assumed duration of the animation.
+          // otherwise the menu will be lose its position during the animation
+        }, 200);
       },
       show: (editorId: string, dom: HTMLElement, nodeEntry: NodeEntry) => {
         const { store } = getOptions();
@@ -159,7 +165,6 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
   .extend(({ api, getOptions, setOptions }) => ({
     options: {
       onOpenAI(editor, [node, path]) {
-        // NOTE: toDOMNode is dependent on the React make it to an options if want to support other frame.
         const dom = toDOMNode(editor, node);
 
         if (!dom) return;
@@ -180,6 +185,7 @@ export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
           const distanceToBottom = windowHeight - rect.bottom;
 
           // 261 is height of the menu.
+          // TODO: make it dynamic
           if (distanceToBottom < 261) {
             // TODO: scroll animation
             scrollContainer.scrollTop += 261 - distanceToBottom;
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
index 840e1b78c8..12e996f377 100644
--- a/packages/ai/src/react/ai/hook/useAI.ts
+++ b/packages/ai/src/react/ai/hook/useAI.ts
@@ -17,7 +17,7 @@ import {
 
 import type { AIActions, AICommands } from '../types';
 
-import { type AIActionGroup, AIPlugin } from '../AIPlugin';
+import { type AIActionGroup, AIPlugin, INPUT_ELEMENT_ID } from '../AIPlugin';
 import { streamInsertText, streamInsertTextSelection } from '../stream';
 import { getContent } from '../utils';
 
@@ -170,7 +170,7 @@ export const useAI = ({
 
   const comboboxProps = useMemo(() => {
     return {
-      id: '__potion_ai_menu_searchRef',
+      id: INPUT_ELEMENT_ID,
       value: searchValue,
       onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
         setSearchValue(e.target.value),

From 1d448b8d8da122bc9688221c1d84ade8d1b075a9 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 4 Oct 2024 10:00:25 +0800
Subject: [PATCH 054/127] Changeset

---
 .changeset/rare-kiwis-worry.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.changeset/rare-kiwis-worry.md b/.changeset/rare-kiwis-worry.md
index b577ab39e8..03c4b6da5a 100644
--- a/.changeset/rare-kiwis-worry.md
+++ b/.changeset/rare-kiwis-worry.md
@@ -2,4 +2,5 @@
 '@udecode/plate-ai': patch
 ---
 
-Fix: losing positioning during fade-in and fade-out animations.
+AI:fixes losing positioning during fade-in and fade-out animations.
+Copilot:prevent insertion into the editor when no suggestion is requested.

From d0bf77b1e43d6e9b086d4a1e8586ada035fcd2ce Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 4 Oct 2024 10:36:14 +0800
Subject: [PATCH 055/127] docs

---
 apps/www/content/docs/ai.mdx | 1 +
 packages/ai/README.md        | 4 ++--
 packages/menu/README.md      | 8 +++++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 494c445d85..bb1d8a29f4 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -385,6 +385,7 @@ such as the AI menu or math equation plugins.
 ## Plus
 In the [Potion template](https://potion.platejs.org/), we have meticulously configured all settings for the AI plugin, providing you with:
 
+- Exquisite design and animation
 - A comprehensive, full-stack AI integration
 - Seamless handling of editor focus issues mentioned earlier
 - Optimized configuration for peak performance
diff --git a/packages/ai/README.md b/packages/ai/README.md
index eb8febea7a..56e16cb031 100644
--- a/packages/ai/README.md
+++ b/packages/ai/README.md
@@ -1,6 +1,6 @@
-# Plate alignment
+# Plate ai
 
-Visit https://platejs.org/docs/alignment to view the documentation.
+Visit https://platejs.org/docs/ai to view the documentation.
 
 ## License
 
diff --git a/packages/menu/README.md b/packages/menu/README.md
index 00d7bdd40d..123c519bc6 100644
--- a/packages/menu/README.md
+++ b/packages/menu/README.md
@@ -1 +1,7 @@
-WIP
+# Plate menu
+
+Visit https://platejs.org/docs/menu to view the documentation.
+
+## License
+
+[MIT](../../LICENSE)

From 343e5c9ecaa4f041cf15b5ba8f177e57f595819b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 4 Oct 2024 21:34:25 +0800
Subject: [PATCH 056/127] docs

---
 apps/www/content/docs/block-selection.mdx | 43 ++++++++++++++++++++++-
 apps/www/content/docs/toc.mdx             | 26 ++++++++++++++
 2 files changed, 68 insertions(+), 1 deletion(-)

diff --git a/apps/www/content/docs/block-selection.mdx b/apps/www/content/docs/block-selection.mdx
index 13ff71097d..2ae329e89c 100644
--- a/apps/www/content/docs/block-selection.mdx
+++ b/apps/www/content/docs/block-selection.mdx
@@ -50,8 +50,9 @@ To control the scrollable container, configure the `boundaries` and `container`
 
 For this to work effectively:
 
-1. Add an `id` or `className` to your scroll container.
+1. Add an `id` or `className` to your scroll container.If you not sure about the container, you can add it to the `<Editor />` component.
 2. Use the appropriate selector in your configuration.
+3. Don't forget to set `position: relative` to your scroll container.
 
 Example configuration:
 
@@ -93,6 +94,46 @@ Example:
     />
 ```
 
+### Set scroll speed
+
+useing `options.areaOptions.behaviour.scrolling.speedDivider` to set the scroll speed.
+
+The value of `1.5` is our recommended speed.Since it's same with the default speed of the browser.
+
+
+```ts
+  areaOptions: {
+      behaviour: {
+        scrolling: {
+          speedDivider: 1.5,
+        },
+      },
+  },
+```
+
+Full configuration recommended:
+
+```ts
+options: {
+  areaOptions: {
+    behaviour: {
+      scrolling: {
+        speedDivider: 1.5,
+      },
+      // The distance needed to move for the selection area to appear.
+      // If it’s too small, it may cause the mouse click event to be blocked. 30 is a good default.
+      startThreshold: 30,
+    },
+    boundaries: '#your-scroll-container-id',
+    container: '#your-scroll-container-id',
+    selectables: '#your-scroll-container-id .slate-selectable',
+    selectionAreaClass: 'slate-selection-area',
+  },
+  // if not using plate-ui context menu, set it to false
+  enableContextMenu: true,
+},
+```
+
 ## Styling
 
 ### Selection area
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 139dae931d..c8886c5f44 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -113,6 +113,32 @@ here is an example of how to use the TocSidebar component:
 </Plate>
 ```
 
+If you find TocSideBar is not highlight the correct heading, please make sure you have added the `element.id` to the `heading-element`.
+
+For example:
+
+```tsx
+export const HeadingElement = withRef<typeof HeadingElementVariants>(
+  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {
+    const { editor, element } = props;
+
+    return (
+      <HeadingElementVariants
+        // Add id to the heading element
+        id={element.id as string}
+        ref={ref}
+        as={variant!}
+        variant={variant}
+        isFirstBlock={element === editor.children[0]}
+        {...props}
+      >
+        {children}
+      </HeadingElementVariants>
+    );
+  }
+);
+```
+
 ## Plate Plus
 The TocSideBar component in Plate Plus offers the following features:
 

From f66e7ab6288900fa1266782ea4e20287845502a1 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 12 Oct 2024 19:58:32 +0800
Subject: [PATCH 057/127] fix

---
 apps/www/package.json                         |   2 +-
 .../playground-fixed-toolbar-buttons.tsx      |   6 +-
 .../playground-floating-toolbar-buttons.tsx   |   6 +-
 .../default/example/playground-demo.tsx       |  58 +-
 .../action-handler/cursorCommandsHandler.ts   |  58 --
 .../cursorSuggestionsHandler.ts               | 128 ---
 .../default/plate-ui/action-handler/index.ts  |   9 -
 .../selectionCommandsHandler.ts               |  82 --
 .../selectionSuggestionsHandler.ts            | 156 ----
 .../action-handler/useActionHandler.ts        |  42 -
 .../registry/default/plate-ui/ai-actions.tsx  | 204 -----
 .../default/plate-ui/ai-menu-items.tsx        |  95 ---
 .../src/registry/default/plate-ui/ai-menu.tsx | 107 ---
 .../default/plate-ui/ai-previdew-editor.tsx   | 163 ----
 .../default/plate-ui/ai-toolbar-button.tsx    |  43 -
 .../src/registry/default/plate-ui/menu.tsx    | 336 --------
 yarn.lock                                     | 780 ++----------------
 17 files changed, 112 insertions(+), 2163 deletions(-)
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/index.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
 delete mode 100644 apps/www/src/registry/default/plate-ui/ai-actions.tsx
 delete mode 100644 apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
 delete mode 100644 apps/www/src/registry/default/plate-ui/ai-menu.tsx
 delete mode 100644 apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
 delete mode 100644 apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
 delete mode 100644 apps/www/src/registry/default/plate-ui/menu.tsx

diff --git a/apps/www/package.json b/apps/www/package.json
index b16625d194..ade1476029 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -35,6 +35,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@ariakit/react": "0.4.7",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
@@ -108,7 +109,6 @@
     "@udecode/plate-markdown": "workspace:^",
     "@udecode/plate-media": "workspace:^",
     "@udecode/plate-mention": "workspace:^",
-    "@udecode/plate-menu": "workspace:^",
     "@udecode/plate-node-id": "workspace:^",
     "@udecode/plate-normalizers": "workspace:^",
     "@udecode/plate-playwright": "workspace:^",
diff --git a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
index ecd937bc77..97904e36ca 100644
--- a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
@@ -31,7 +31,7 @@ import { TogglePlugin } from '@udecode/plate-toggle/react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons, iconVariants } from '@/components/icons';
-import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
+// import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { AlignDropdownMenu } from '@/registry/default/plate-ui/align-dropdown-menu';
 import { ColorDropdownMenu } from '@/registry/default/plate-ui/color-dropdown-menu';
 import { CommentToolbarButton } from '@/registry/default/plate-ui/comment-toolbar-button';
@@ -69,9 +69,9 @@ export function PlaygroundFixedToolbarButtons() {
         {!readOnly && (
           <>
             <ToolbarGroup noSeparator>
-              <AIToolbarButton>
+              {/* <AIToolbarButton>
                 <Icons.ai />
-              </AIToolbarButton>
+              </AIToolbarButton> */}
 
               <PlaygroundInsertDropdownMenu />
 
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
index 060a4e845a..4cdc79d918 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
@@ -13,7 +13,7 @@ import { LinkPlugin } from '@udecode/plate-link/react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons } from '@/components/icons';
-import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
+// import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { CommentToolbarButton } from '@/registry/default/plate-ui/comment-toolbar-button';
 import { LinkToolbarButton } from '@/registry/default/plate-ui/link-toolbar-button';
 import { MarkToolbarButton } from '@/registry/default/plate-ui/mark-toolbar-button';
@@ -33,10 +33,10 @@ export function PlaygroundFloatingToolbarButtons() {
       {!readOnly && (
         <>
           <ToolbarGroup noSeparator>
-            <AIToolbarButton>
+            {/* <AIToolbarButton>
               <Icons.ai />
               Ask AI
-            </AIToolbarButton>
+            </AIToolbarButton> */}
           </ToolbarGroup>
           <PlaygroundTurnIntoDropdownMenu />
 
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 388b8a3266..a7f7b30fc8 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,7 +7,6 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -82,8 +81,6 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
-import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
-import { createAIEditor } from '@/registry/default/plate-ui/ai-previdew-editor';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
   CursorOverlay,
@@ -168,34 +165,34 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
           },
         }),
         SelectionOverlayPlugin,
-        AIPlugin.configure({
-          options: {
-            createAIEditor: createAIEditor,
-            fetchStream: async ({ abortSignal, prompt, system }) => {
-              const response = await fetch(
-                'https://pro.platejs.org/api/ai/command',
-                {
-                  body: JSON.stringify({ prompt, system }),
-                  headers: {
-                    'Content-Type': 'application/json',
-                  },
-                  method: 'POST',
-                  signal: abortSignal.signal,
-                }
-              ).catch((error) => {
-                console.error(error);
-              });
+        // AIPlugin.configure({
+        //   options: {
+        //     createAIEditor: createAIEditor,
+        //     fetchStream: async ({ abortSignal, prompt, system }) => {
+        //       const response = await fetch(
+        //         'https://pro.platejs.org/api/ai/command',
+        //         {
+        //           body: JSON.stringify({ prompt, system }),
+        //           headers: {
+        //             'Content-Type': 'application/json',
+        //           },
+        //           method: 'POST',
+        //           signal: abortSignal.signal,
+        //         }
+        //       ).catch((error) => {
+        //         console.error(error);
+        //       });
 
-              if (!response || !response.body) {
-                throw new Error('Response or response body is null or abort');
-              }
+        //       if (!response || !response.body) {
+        //         throw new Error('Response or response body is null or abort');
+        //       }
 
-              return response.body;
-            },
-            scrollContainerSelector: `#${scrollSelector}`,
-          },
-          render: { aboveEditable: AIMenu },
-        }),
+        //       return response.body;
+        //     },
+        //     scrollContainerSelector: `#${scrollSelector}`,
+        //   },
+        //   render: { aboveEditable: AIMenu },
+        // }),
         TodoListPlugin,
         TogglePlugin,
         ExcalidrawPlugin,
@@ -299,6 +296,9 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
           options: {
             areaOptions: {
               behaviour: {
+                scrolling: {
+                  speedDivider: 1.5,
+                },
                 startThreshold: 10,
               },
               boundaries: `#${scrollSelector}`,
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
deleted file mode 100644
index 2f602c4645..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/cursorCommandsHandler.ts
+++ /dev/null
@@ -1,58 +0,0 @@
-'use client';
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import { streamInsertText } from '@udecode/plate-ai/react';
-import { serializeMd } from '@udecode/plate-markdown';
-
-import {
-  ACTION_CONTINUE_WRITE,
-  ACTION_EXPLAIN,
-  ACTION_SUMMARIZE,
-  GROUP_LANGUAGES,
-} from '@/registry/default/plate-ui/ai-actions';
-
-import type { ActionHandlerOptions } from './useActionHandler';
-
-export const cursorCommandsHandler = async (
-  editor: PlateEditor,
-  { group, value }: ActionHandlerOptions
-) => {
-  if (group === GROUP_LANGUAGES) {
-    const content = serializeMd(editor);
-    await streamInsertText(editor, {
-      prompt: `Keep the original paragraph format. Translate the following article to ${value?.slice(7)}: ${content}`,
-    });
-
-    return;
-  }
-
-  switch (value) {
-    case ACTION_CONTINUE_WRITE: {
-      const content = serializeMd(editor);
-
-      await streamInsertText(editor, {
-        prompt: `Continue writing the following article in 3-5 sentences: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SUMMARIZE: {
-      const content = serializeMd(editor);
-
-      await streamInsertText(editor, {
-        prompt: `Summarize the following article in 3-5 sentences: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_EXPLAIN: {
-      const content = serializeMd(editor);
-
-      await streamInsertText(editor, {
-        prompt: `Explain the following article in 3-5 sentences: ${content}`,
-      });
-
-      break;
-    }
-  }
-};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
deleted file mode 100644
index 42cfa6924b..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/cursorSuggestionsHandler.ts
+++ /dev/null
@@ -1,128 +0,0 @@
-'use client';
-import { AIPlugin, streamInsertText } from '@udecode/plate-ai/react';
-import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-core/react';
-import { serializeMdNodes } from '@udecode/plate-markdown';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
-import { getEndPoint, setSelection, withMerging } from '@udecode/slate';
-import { focusEditor } from '@udecode/slate-react';
-import { insertEmptyElement } from '@udecode/slate-utils';
-import { Path } from 'slate';
-
-import {
-  ACTION_SUGGESTION_CLOSE,
-  ACTION_SUGGESTION_CONTINUE_WRITE,
-  ACTION_SUGGESTION_DONE,
-  ACTION_SUGGESTION_MAKE_LONGER,
-  ACTION_SUGGESTION_TRY_AGAIN,
-} from '@/registry/default/plate-ui/ai-actions';
-
-import type { ActionHandlerOptions } from './useActionHandler';
-
-export const cursorSuggestionsHandler = (
-  editor: PlateEditor,
-  { group: _, value }: ActionHandlerOptions
-) => {
-  switch (value) {
-    case ACTION_SUGGESTION_CONTINUE_WRITE: {
-      const entries = editor
-        .getApi(BlockSelectionPlugin)
-        .blockSelection.getSelectedBlocks();
-
-      const nodes = Array.from(entries, (entry) => entry[0]);
-
-      if (!nodes) return;
-
-      const md = serializeMdNodes(nodes as any);
-
-      const curPath = editor.getOptions(AIPlugin).curNodeEntry?.[1];
-
-      const newLine = Path.next(curPath!);
-      withMerging(editor, () => {
-        insertEmptyElement(editor, ParagraphPlugin.key, {
-          at: newLine,
-          select: true,
-        });
-      });
-
-      setTimeout(() => {
-        void streamInsertText(editor, {
-          prompt: `continue write the following article in 3-5 sentences: ${md}`,
-          startWritingPath: newLine,
-        });
-      }, 0);
-
-      break;
-    }
-    case ACTION_SUGGESTION_MAKE_LONGER: {
-      const entries = editor
-        .getApi(BlockSelectionPlugin)
-        .blockSelection.getSelectedBlocks();
-
-      const first = Array.from(entries)[0];
-
-      editor.setOptions(AIPlugin, { openEditorId: null });
-      editor.undo();
-      editor.history.redos.pop();
-
-      setTimeout(() => {
-        const lastGenerate = editor.getOptions(AIPlugin).lastGenerate;
-        editor.setOptions(AIPlugin, { openEditorId: editor.id });
-        void streamInsertText(editor, {
-          prompt: `make longer with the following article ${lastGenerate}`,
-          startWritingPath: first[1],
-        });
-      }, 0);
-
-      break;
-    }
-    // BUG: first block focus
-    case ACTION_SUGGESTION_DONE: {
-      editor.getApi(AIPlugin).ai.hide();
-      editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
-      const curNodeEntry = editor.getOptions(AIPlugin).curNodeEntry;
-
-      // set selection to last point
-      if (curNodeEntry) {
-        const endPoint = getEndPoint(editor, curNodeEntry[1]);
-        setSelection(editor, { anchor: endPoint, focus: endPoint });
-        setTimeout(() => {
-          focusEditor(editor);
-        }, 0);
-      }
-
-      break;
-    }
-    // TODO:
-    case ACTION_SUGGESTION_CLOSE: {
-      editor.getApi(AIPlugin).ai.hide();
-      editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
-      setTimeout(() => {
-        // set selection to last point
-        focusEditor(editor);
-      }, 0);
-
-      break;
-    }
-    case ACTION_SUGGESTION_TRY_AGAIN: {
-      const entries = editor
-        .getApi(BlockSelectionPlugin)
-        .blockSelection.getSelectedBlocks();
-
-      const first = Array.from(entries)[0];
-
-      editor.undo();
-      editor.history.redos.pop();
-
-      setTimeout(() => {
-        const lastPrompt = editor.getOptions(AIPlugin).lastPrompt;
-
-        void streamInsertText(editor, {
-          prompt: lastPrompt!,
-          startWritingPath: (first as any)[1],
-        });
-      }, 0);
-
-      break;
-    }
-  }
-};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/index.ts b/apps/www/src/registry/default/plate-ui/action-handler/index.ts
deleted file mode 100644
index 84a5f736ae..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export * from './cursorCommandsHandler';
-
-export * from './cursorSuggestionsHandler';
-
-export * from './selectionCommandsHandler';
-
-export * from './selectionSuggestionsHandler';
-
-export * from './useActionHandler';
\ No newline at end of file
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
deleted file mode 100644
index 8bac1ff139..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/selectionCommandsHandler.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import { getContent, streamInsertTextSelection } from '@udecode/plate-ai/react';
-
-import {
-  ACTION_SELECTION_FIX_SPELLING,
-  ACTION_SELECTION_IMPROVE_WRITING,
-  ACTION_SELECTION_MAKE_LONGER,
-  ACTION_SELECTION_MAKE_SHORTER,
-  ACTION_SELECTION_SIMPLIFY_LANGUAGE,
-  GROUP_SELECTION_LANGUAGES,
-} from '@/registry/default/plate-ui/ai-actions';
-
-import type { ActionHandlerOptions } from './useActionHandler';
-
-export const selectionCommandsHandler = (
-  editor: PlateEditor,
-  aiEditor: PlateEditor,
-  { group, value }: ActionHandlerOptions
-) => {
-  if (group === GROUP_SELECTION_LANGUAGES) {
-    const content = getContent(editor, aiEditor);
-    aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-    void streamInsertTextSelection(editor, aiEditor, {
-      prompt: `translate the following article to ${value?.slice(7)}: ${content} Please keep the original paragraph format.`,
-    });
-
-    return;
-  }
-
-  switch (value) {
-    case ACTION_SELECTION_IMPROVE_WRITING: {
-      const content = getContent(editor, aiEditor);
-      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `improve the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_FIX_SPELLING: {
-      const content = getContent(editor, aiEditor);
-      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `Correct the grammatical or spelling errors in the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_MAKE_SHORTER: {
-      const content = getContent(editor, aiEditor);
-      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `make shorter with the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_MAKE_LONGER: {
-      const content = getContent(editor, aiEditor);
-      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `make longer with the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_SIMPLIFY_LANGUAGE: {
-      const content = getContent(editor, aiEditor);
-      aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `Simplify the language in the following content: ${content}`,
-      });
-    }
-  }
-};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
deleted file mode 100644
index c621f45784..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/selectionSuggestionsHandler.ts
+++ /dev/null
@@ -1,156 +0,0 @@
-'use client';
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import {
-  AIPlugin,
-  getContent,
-  streamInsertTextSelection,
-} from '@udecode/plate-ai/react';
-import { nanoid } from '@udecode/plate-core';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
-import { insertNodes, isBlock, removeNodes, withMerging } from '@udecode/slate';
-import { Path, Range } from 'slate';
-
-import {
-  ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE,
-  ACTION_SELECTION_SUGGESTION_DONE,
-  ACTION_SELECTION_SUGGESTION_INSERT_BELOW,
-  ACTION_SELECTION_SUGGESTION_MAKE_LONGER,
-  ACTION_SELECTION_SUGGESTION_REPLACE,
-  ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
-} from '@/registry/default/plate-ui/ai-actions';
-
-import type { ActionHandlerOptions } from './useActionHandler';
-
-export const selectionSuggestionsHandler = (
-  editor: PlateEditor,
-  aiEditor: PlateEditor,
-  { group: _, value }: ActionHandlerOptions
-) => {
-  switch (value) {
-    case ACTION_SELECTION_SUGGESTION_REPLACE: {
-      editor.getApi(AIPlugin).ai.hide();
-      const nodes = aiEditor.children;
-
-      let path: Path = [];
-
-      const selectedBlocks = editor
-        .getApi(BlockSelectionPlugin)
-        .blockSelection.getSelectedBlocks();
-
-      const selectedIds = editor.getOptions(BlockSelectionPlugin).selectedIds;
-
-      if (selectedBlocks.length > 0 && selectedIds?.size) {
-        path = selectedBlocks[0][1];
-
-        removeNodes(editor, {
-          at: [],
-          match: (n) => selectedIds.has(n.id),
-        });
-      } else {
-        const start = Range.start(editor.selection!);
-        path = [start.path[0]];
-
-        removeNodes(editor, {
-          at: editor.selection!,
-          match: (n) => isBlock(editor, n),
-          mode: 'highest',
-        });
-      }
-
-      const ids: string[] = [];
-
-      nodes.forEach((node) => {
-        const id = nanoid();
-        ids.push(id);
-        node.id = id;
-      });
-
-      withMerging(editor, () => {
-        insertNodes(editor, nodes, { at: path });
-      });
-
-      setTimeout(() => {
-        editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
-        ids.forEach((id) =>
-          editor
-            .getApi(BlockSelectionPlugin)
-            .blockSelection.addSelectedRow(id, { clear: false })
-        );
-      }, 0);
-
-      break;
-    }
-    case ACTION_SELECTION_SUGGESTION_INSERT_BELOW: {
-      editor.getApi(AIPlugin).ai.hide();
-      const nodes = aiEditor.children;
-
-      const selectedBlocks = editor
-        .getApi(BlockSelectionPlugin)
-        .blockSelection.getSelectedBlocks();
-
-      let path: Path = [];
-
-      if (selectedBlocks.length > 0) {
-        const lastBlockPath = selectedBlocks.at(-1)![1];
-        path = Path.next(lastBlockPath);
-      } else {
-        const end = Range.end(editor.selection!);
-        path = Path.next([end.path[0]]);
-      }
-
-      const ids: string[] = [];
-
-      nodes.forEach((node) => {
-        const id = nanoid();
-        ids.push(id);
-        node.id = id;
-      });
-
-      insertNodes(editor, nodes, { at: path });
-
-      setTimeout(() => {
-        editor.getApi(BlockSelectionPlugin).blockSelection.resetSelectedIds();
-        ids.forEach((id) =>
-          editor
-            .getApi(BlockSelectionPlugin)
-            .blockSelection.addSelectedRow(id, { clear: false })
-        );
-      }, 0);
-
-      break;
-    }
-    case ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE: {
-      const content = getContent(editor, aiEditor);
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `continue write the following: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_SUGGESTION_MAKE_LONGER: {
-      const content = getContent(editor, aiEditor);
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `make longer with the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_SUGGESTION_TRY_AGAIN: {
-      const content = getContent(editor, aiEditor);
-
-      void streamInsertTextSelection(editor, aiEditor, {
-        prompt: `rewrite the following content: ${content}`,
-      });
-
-      break;
-    }
-    case ACTION_SELECTION_SUGGESTION_DONE: {
-      editor.getApi(AIPlugin).ai.hide();
-
-      break;
-    }
-  }
-};
diff --git a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts b/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
deleted file mode 100644
index 6a56ce6aec..0000000000
--- a/apps/www/src/registry/default/plate-ui/action-handler/useActionHandler.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-
-import type { actionGroup } from '@udecode/plate-menu';
-
-import { type PlateEditor, useEditorRef } from '@udecode/plate-core/react';
-
-import { cursorCommandsHandler } from './cursorCommandsHandler';
-import { cursorSuggestionsHandler } from './cursorSuggestionsHandler';
-import { selectionCommandsHandler } from './selectionCommandsHandler';
-import { selectionSuggestionsHandler } from './selectionSuggestionsHandler';
-
-export const useActionHandler = (
-  action: actionGroup | null,
-  aiEditor: PlateEditor
-) => {
-  const editor = useEditorRef();
-
-  useEffect(() => {
-    if (!action) return;
-
-    const { group, value } = action;
-
-    if (!value) return;
-
-    void cursorCommandsHandler(editor, { group, value });
-
-    void cursorSuggestionsHandler(editor, { group, value });
-
-    void selectionCommandsHandler(editor, aiEditor, { group, value });
-
-    void selectionSuggestionsHandler(editor, aiEditor, {
-      group,
-      value,
-    });
-  }, [action, aiEditor, editor]);
-};
-
-export interface ActionHandlerOptions {
-  value: string;
-  group?: string;
-}
diff --git a/apps/www/src/registry/default/plate-ui/ai-actions.tsx b/apps/www/src/registry/default/plate-ui/ai-actions.tsx
deleted file mode 100644
index 6cd6d830e0..0000000000
--- a/apps/www/src/registry/default/plate-ui/ai-actions.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import type { Action } from '@udecode/plate-menu';
-
-import { Icons } from '@/components/icons';
-
-/** Common */
-const ACTION_CHINESE = 'action_chinese';
-const ACTION_ENGLISH = 'action_english';
-const ACTION_KOREAN = 'action_korean';
-
-const languages = [
-  { label: 'English', value: ACTION_ENGLISH },
-  { label: 'Chinese', value: ACTION_CHINESE },
-  { label: 'Korean', value: ACTION_KOREAN },
-] satisfies Action[];
-
-/** DefaultItems */
-
-export const ACTION_CONTINUE_WRITE = 'action_continue_write';
-
-export const ACTION_EXPLAIN = 'action_explain';
-
-export const ACTION_SUMMARIZE = 'action_summarize';
-
-export const GROUP_LANGUAGES = 'group_languages';
-
-export const GROUP_ALIGN = 'group_align';
-
-export const ACTION_CAPTION = 'action_cation';
-
-export const CursorCommandsActions = {
-  Summarize: {
-    icon: <Icons.summarize />,
-    label: 'Summarize',
-    value: ACTION_SUMMARIZE,
-  },
-  continueWrite: {
-    icon: <Icons.continueWrite />,
-    label: 'Continue writing',
-    value: ACTION_CONTINUE_WRITE,
-  },
-  explain: {
-    icon: <Icons.explain />,
-    label: 'Explain this',
-    value: ACTION_EXPLAIN,
-  },
-  translate: {
-    group: GROUP_LANGUAGES,
-    icon: <Icons.translate />,
-    items: languages,
-    label: 'Translate',
-  },
-} satisfies Record<string, Action>;
-
-export const defaultValues = {
-  // [GROUP_LANGUAGES]: ACTION_ENGLISH,
-};
-
-/** SuggestionItems */
-
-export const ACTION_SUGGESTION_CLOSE = 'action_close';
-
-export const ACTION_SUGGESTION_CONTINUE_WRITE =
-  'action_suggestion_continue_write';
-
-export const ACTION_SUGGESTION_DONE = 'action_done';
-
-export const ACTION_SUGGESTION_MAKE_LONGER = 'action_longer';
-
-export const ACTION_SUGGESTION_TRY_AGAIN = 'action_try_again';
-
-export const CursorSuggestionActions = {
-  close: {
-    icon: <Icons.close />,
-    label: 'Close',
-    value: ACTION_SUGGESTION_CLOSE,
-  },
-  continueWrite: {
-    icon: <Icons.continueWrite />,
-    label: 'Continue writing',
-    value: ACTION_SUGGESTION_CONTINUE_WRITE,
-  },
-  done: {
-    icon: <Icons.done />,
-    label: 'Done',
-    value: ACTION_SUGGESTION_DONE,
-  },
-  makeLonger: {
-    icon: <Icons.makeLonger />,
-    label: 'Make longer',
-    value: ACTION_SUGGESTION_MAKE_LONGER,
-  },
-  tryAgain: {
-    icon: <Icons.tryAgain />,
-    label: 'Try again',
-    value: ACTION_SUGGESTION_TRY_AGAIN,
-  },
-};
-
-/** SelectionItems */
-
-export const ACTION_SELECTION_IMPROVE_WRITING = 'action_improve_writing';
-
-export const ACTION_SELECTION_FIX_SPELLING = 'action_fix_spelling';
-
-export const ACTION_SELECTION_MAKE_LONGER = 'action_selection_make_longer';
-
-export const ACTION_SELECTION_MAKE_SHORTER = 'action_selection_make_shorter';
-
-export const ACTION_SELECTION_SIMPLIFY_LANGUAGE = 'action_simplify_language';
-
-export const GROUP_SELECTION_LANGUAGES = 'group_selection_languages';
-
-export const SelectionCommandsActions = {
-  fixSpell: {
-    icon: <Icons.check />,
-    label: 'Fix spelling & grammar',
-    value: ACTION_SELECTION_FIX_SPELLING,
-  },
-  improveWriting: {
-    icon: <Icons.improve />,
-    label: 'Improve writing',
-    value: ACTION_SELECTION_IMPROVE_WRITING,
-  },
-  makeLonger: {
-    icon: <Icons.makeLonger />,
-    label: 'Make longer',
-    value: ACTION_SELECTION_MAKE_LONGER,
-  },
-  makeShorter: {
-    icon: <Icons.makeShorter />,
-    label: 'Make shorter',
-    value: ACTION_SELECTION_MAKE_SHORTER,
-  },
-  simplifyLanguage: {
-    icon: <Icons.simplify />,
-    label: 'Simplify language',
-    value: ACTION_SELECTION_SIMPLIFY_LANGUAGE,
-  },
-  translate: {
-    group: GROUP_SELECTION_LANGUAGES,
-    icon: <Icons.translate />,
-    items: languages,
-    label: 'Translate',
-  },
-};
-
-/** SelectionSuggestionItems */
-export const ACTION_SELECTION_SUGGESTION_REPLACE =
-  'action_selection_suggestion_replace';
-
-export const ACTION_SELECTION_SUGGESTION_INSERT_BELOW =
-  'action_selection_suggestion_below';
-
-export const ACTION_SELECTION_SUGGESTION_MAKE_LONGER =
-  'action_selection_suggestion_make_longer';
-
-export const ACTION_SELECTION_SUGGESTION_DONE =
-  'action_selection_suggestion_done';
-
-export const ACTION_SELECTION_SUGGESTION_TRY_AGAIN =
-  'action_selection_suggestion_try_again';
-
-export const ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE =
-  'action_selection_suggestion_continue_write';
-
-export const SelectionSuggestionActions = {
-  continueWrite: {
-    icon: <Icons.continueWrite />,
-    label: 'Continue writing',
-    value: ACTION_SELECTION_SUGGESTION_CONTINUE_WRITE,
-  },
-  done: {
-    icon: <Icons.done />,
-    label: 'Done',
-    value: ACTION_SELECTION_SUGGESTION_DONE,
-  },
-  insertBelow: {
-    icon: <Icons.add />,
-    label: 'Insert below',
-    value: ACTION_SELECTION_SUGGESTION_INSERT_BELOW,
-  },
-  makeLonger: {
-    icon: <Icons.makeLonger />,
-    label: 'Make longer',
-    value: ACTION_SELECTION_SUGGESTION_MAKE_LONGER,
-  },
-  replace: {
-    icon: <Icons.check />,
-    label: 'Replace selection',
-    value: ACTION_SELECTION_SUGGESTION_REPLACE,
-  },
-  tryAgain: {
-    icon: <Icons.tryAgain />,
-    label: 'Try again',
-    value: ACTION_SELECTION_SUGGESTION_TRY_AGAIN,
-  },
-};
-
-export const aiActions = {
-  CursorCommandsActions,
-  CursorSuggestionActions,
-  SelectionCommandsActions,
-  SelectionSuggestionActions,
-};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
deleted file mode 100644
index 028a3d66b7..0000000000
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import {
-  CursorCommandsActions,
-  CursorSuggestionActions,
-  SelectionCommandsActions,
-  SelectionSuggestionActions,
-} from './ai-actions';
-import {
-  Menu,
-  MenuGroup,
-  MenuItem,
-  MenuSeparator,
-  renderMenuItems,
-} from './menu';
-
-export const CursorCommands = () => {
-  return (
-    <>
-      <MenuGroup label="Write with AI">
-        <MenuItem {...CursorCommandsActions.continueWrite} />
-      </MenuGroup>
-      <MenuSeparator />
-      <MenuGroup label="Generate from page">
-        <MenuItem {...CursorCommandsActions.Summarize} />
-        <Menu
-          label={CursorCommandsActions.translate.label}
-          icon={CursorCommandsActions.translate.icon}
-        >
-          {renderMenuItems(CursorCommandsActions.translate)}
-        </Menu>
-        <MenuItem {...CursorCommandsActions.explain} />
-      </MenuGroup>
-    </>
-  );
-};
-
-export const CursorSuggestions = () => {
-  return (
-    <>
-      <MenuItem {...CursorSuggestionActions.done} />
-      <MenuItem {...CursorSuggestionActions.continueWrite} />
-      <MenuItem {...CursorSuggestionActions.makeLonger} />
-
-      <MenuSeparator />
-
-      <MenuItem {...CursorSuggestionActions.tryAgain} />
-      <MenuItem {...CursorSuggestionActions.close} />
-    </>
-  );
-};
-
-export const SelectionCommands = () => {
-  return (
-    <>
-      <MenuItem {...SelectionCommandsActions.improveWriting} />
-      <MenuItem {...SelectionCommandsActions.fixSpell} />
-      <MenuItem {...SelectionCommandsActions.makeShorter} />
-      <MenuItem {...SelectionCommandsActions.makeLonger} />
-      <MenuItem {...SelectionCommandsActions.simplifyLanguage} />
-
-      <MenuSeparator />
-
-      <MenuGroup label="Generate from selection">
-        <Menu
-          label={SelectionCommandsActions.translate.label}
-          icon={SelectionCommandsActions.translate.icon}
-        >
-          {renderMenuItems(SelectionCommandsActions.translate)}
-        </Menu>
-      </MenuGroup>
-    </>
-  );
-};
-
-export const SelectionSuggestions = () => {
-  return (
-    <>
-      <MenuItem preventClose {...SelectionSuggestionActions.replace} />
-      <MenuItem preventClose {...SelectionSuggestionActions.insertBelow} />
-      <MenuItem preventClose {...SelectionSuggestionActions.continueWrite} />
-      <MenuItem preventClose {...SelectionSuggestionActions.makeLonger} />
-
-      <MenuSeparator />
-
-      <MenuItem preventClose {...SelectionSuggestionActions.tryAgain} />
-      <MenuItem preventClose {...SelectionSuggestionActions.done} />
-    </>
-  );
-};
-
-export const aiCommands = {
-  CursorCommands,
-  CursorSuggestions,
-  SelectionCommands,
-  SelectionSuggestions,
-};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
deleted file mode 100644
index 12d70c3b9b..0000000000
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/* eslint-disable tailwindcss/no-custom-classname */
-'use client';
-
-import React, { memo, useMemo } from 'react';
-
-import { cn } from '@udecode/cn';
-import { useAI } from '@udecode/plate-ai/react';
-
-import { Icons } from '@/components/icons';
-
-import { useActionHandler } from './action-handler';
-import { aiActions, defaultValues } from './ai-actions';
-import { aiCommands } from './ai-menu-items';
-import { AIPreviewEditor } from './ai-previdew-editor';
-import { Button } from './button';
-import { Menu, comboboxVariants, renderSearchMenuItems } from './menu';
-
-// eslint-disable-next-line react/display-name
-export const AIMenu = memo(({ children }: React.PropsWithChildren) => {
-  const {
-    CurrentItems,
-    action,
-    aiEditor,
-    aiState,
-    comboboxProps,
-    menuProps,
-    menuType,
-    searchItems,
-    submitButtonProps,
-    onCloseMenu,
-  } = useAI({
-    aiActions: aiActions,
-    aiCommands: aiCommands,
-    defaultValues,
-  });
-
-  useActionHandler(action, aiEditor!);
-
-  return (
-    <>
-      <Menu
-        variant="ai"
-        {...menuProps}
-        combobox={
-          <input
-            className="flex-1 px-1"
-            {...comboboxProps}
-            placeholder={
-              aiState === 'done'
-                ? 'Tell AI what todo next'
-                : 'Ask AI to write something'
-            }
-          />
-        }
-        comboboxClassName={cn(
-          menuType === 'selection' &&
-            aiState !== 'idle' &&
-            'rounded-t-none border-t-0 '
-        )}
-        comboboxListClassName={cn(
-          searchItems && searchItems.length === 0 && 'border-0'
-        )}
-        comboboxSubmitButton={
-          <Button
-            size="icon"
-            variant="ghost"
-            className="ml-2"
-            {...submitButtonProps}
-          >
-            <Icons.submit></Icons.submit>
-          </Button>
-        }
-        flip={false}
-        injectAboveMenu={useMemo(() => {
-          if (menuType === 'selection' && aiState !== 'idle')
-            return <AIPreviewEditor />;
-        }, [aiState, menuType])}
-        loadingPlaceholder={
-          <div
-            className={cn(
-              'flex justify-between',
-              comboboxVariants({ variant: 'ai' }),
-              menuType === 'selection' &&
-                aiState !== 'idle' &&
-                'rounded-t-none border-t-0'
-            )}
-          >
-            <div>
-              <span>AI is Writing</span>
-              <div className="loader ml-1 mt-px inline-block" />
-            </div>
-
-            <Icons.stop
-              className="size-5 cursor-pointer"
-              onClick={() => onCloseMenu()}
-            ></Icons.stop>
-          </div>
-        }
-      >
-        {renderSearchMenuItems(searchItems, { hiddenOnEmpty: true }) ?? (
-          <CurrentItems />
-        )}
-      </Menu>
-      {children}
-    </>
-  );
-});
diff --git a/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx b/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
deleted file mode 100644
index d4a274f2b7..0000000000
--- a/apps/www/src/registry/default/plate-ui/ai-previdew-editor.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import { memo } from 'react';
-
-import { cn, withProps } from '@udecode/cn';
-import { type AIPluginConfig, AIPlugin } from '@udecode/plate-ai/react';
-import {
-  BoldPlugin,
-  CodePlugin,
-  ItalicPlugin,
-  StrikethroughPlugin,
-  SubscriptPlugin,
-  SuperscriptPlugin,
-  UnderlinePlugin,
-} from '@udecode/plate-basic-marks/react';
-import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
-import {
-  CodeBlockPlugin,
-  CodeLinePlugin,
-  CodeSyntaxPlugin,
-} from '@udecode/plate-code-block/react';
-import {
-  ParagraphPlugin,
-  Plate,
-  createPlateEditor,
-  useEditorPlugin,
-} from '@udecode/plate-core/react';
-import {
-  FontBackgroundColorPlugin,
-  FontColorPlugin,
-  FontSizePlugin,
-} from '@udecode/plate-font/react';
-import { HEADING_KEYS } from '@udecode/plate-heading';
-import { HeadingPlugin } from '@udecode/plate-heading/react';
-import { HighlightPlugin } from '@udecode/plate-highlight/react';
-import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
-import { IndentPlugin } from '@udecode/plate-indent/react';
-import { IndentListPlugin } from '@udecode/plate-indent-list/react';
-import { KbdPlugin } from '@udecode/plate-kbd/react';
-import { LinkPlugin } from '@udecode/plate-link/react';
-import { MarkdownPlugin } from '@udecode/plate-markdown';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
-import { PlateLeaf } from '@udecode/plate-utils/react';
-import Prism from 'prismjs';
-
-import { CodeBlockElement } from './code-block-element';
-import { CodeLeaf } from './code-leaf';
-import { CodeLineElement } from './code-line-element';
-import { CodeSyntaxLeaf } from './code-syntax-leaf';
-import { Editor } from './editor';
-import { HeadingElement } from './heading-element';
-import { HrElement } from './hr-element';
-import { LinkElement } from './link-element';
-import { LinkFloatingToolbar } from './link-floating-toolbar';
-import { ParagraphElement } from './paragraph-element';
-
-interface props {
-  className?: string;
-}
-
-// eslint-disable-next-line react/display-name
-export const AIPreviewEditor = memo(({ className }: props) => {
-  const { editor } = useEditorPlugin<AIPluginConfig>(AIPlugin);
-  const { aiEditor } = editor.useOptions(AIPlugin);
-
-  return (
-    <Plate editor={aiEditor}>
-      <Editor
-        className={cn(
-          'max-h-none min-h-0 max-w-[708px] rounded-b-none border border-b-0 p-2',
-          'w-full px-0',
-          className
-        )}
-        readOnly
-      ></Editor>
-    </Plate>
-  );
-});
-
-export const createAIEditor = () => {
-  const editor = createPlateEditor({
-    id: 'ai-minimal-editor',
-    override: {
-      components: {
-        [CodeBlockPlugin.key]: CodeBlockElement,
-        [CodeLinePlugin.key]: CodeLineElement,
-        [CodePlugin.key]: CodeLeaf,
-        [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,
-        [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),
-        [HEADING_KEYS.h2]: withProps(HeadingElement, { variant: 'h2' }),
-        [HEADING_KEYS.h3]: withProps(HeadingElement, { variant: 'h3' }),
-        [HEADING_KEYS.h4]: withProps(HeadingElement, { variant: 'h4' }),
-        [HEADING_KEYS.h5]: withProps(HeadingElement, { variant: 'h5' }),
-        [HEADING_KEYS.h6]: withProps(HeadingElement, { variant: 'h6' }),
-        [HorizontalRulePlugin.key]: HrElement,
-        [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),
-        [LinkPlugin.key]: LinkElement,
-        [ParagraphPlugin.key]: ParagraphElement,
-        [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
-        [SubscriptPlugin.key]: withProps(PlateLeaf, { as: 'sub' }),
-        [SuperscriptPlugin.key]: withProps(PlateLeaf, { as: 'sup' }),
-        [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),
-      },
-    },
-    plugins: [
-      ParagraphPlugin,
-      IndentPlugin.configure({
-        inject: {
-          targetPlugins: [
-            ParagraphPlugin.key,
-            HEADING_KEYS.h1,
-            HEADING_KEYS.h2,
-            HEADING_KEYS.h3,
-            BlockquotePlugin.key,
-            CodeBlockPlugin.key,
-          ],
-        },
-      }),
-      IndentListPlugin.configure({
-        inject: {
-          targetPlugins: [
-            ParagraphPlugin.key,
-            HEADING_KEYS.h1,
-            HEADING_KEYS.h2,
-            HEADING_KEYS.h3,
-            BlockquotePlugin.key,
-            CodeBlockPlugin.key,
-          ],
-        },
-      }),
-      HeadingPlugin.configure({ options: { levels: 3 } }),
-      BlockquotePlugin,
-      CodeBlockPlugin.configure({ options: { prism: Prism } }),
-      HorizontalRulePlugin,
-      LinkPlugin.configure({
-        render: { afterEditable: () => <LinkFloatingToolbar /> },
-      }),
-      MarkdownPlugin.configure({ options: { indentList: true } }),
-      // FIXME: Fixed the throw error: BlockSelectionPlugin is missing. readonly editor need'nt this plugin so using an empty plugin instead
-      BlockSelectionPlugin.configure({
-        api: {},
-        extendEditor: null,
-        options: {},
-        render: {},
-        useHooks: null,
-        handlers: {},
-      }),
-      BoldPlugin,
-      ItalicPlugin,
-      UnderlinePlugin,
-      StrikethroughPlugin,
-      CodePlugin,
-      SubscriptPlugin,
-      SuperscriptPlugin,
-      FontColorPlugin,
-      FontBackgroundColorPlugin,
-      FontSizePlugin,
-      HighlightPlugin,
-      KbdPlugin,
-    ],
-    value: [{ children: [{ text: '' }], type: 'p' }],
-  });
-
-  return editor;
-};
diff --git a/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx b/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
deleted file mode 100644
index a89a2a005c..0000000000
--- a/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-'use client';
-
-import React from 'react';
-
-import { withRef } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
-import { useEditorPlugin } from '@udecode/plate-core/react';
-import { getNodeEntries } from '@udecode/slate';
-import { toDOMNode } from '@udecode/slate-react';
-
-import { ToolbarButton } from './toolbar';
-
-export const AIToolbarButton = withRef<typeof ToolbarButton>(
-  ({ children, ...rest }, ref) => {
-    const { api, editor, setOptions } = useEditorPlugin(AIPlugin);
-    const onOpenAI: React.MouseEventHandler<HTMLButtonElement> = () => {
-      const _nodeEntries = getNodeEntries(editor);
-      const nodeEntries = Array.from(_nodeEntries);
-      const bottomNode = nodeEntries.at(-1);
-
-      if (bottomNode) {
-        const anchorElement = toDOMNode(editor, bottomNode[0])!;
-        api.ai.show(editor.id, anchorElement, bottomNode);
-        setOptions({
-          aiState: 'idle',
-          menuType: 'selection',
-        });
-      }
-    };
-
-    return (
-      <ToolbarButton
-        ref={ref}
-        {...rest}
-        className=""
-        onClick={onOpenAI}
-        tooltip="Ask Ai"
-      >
-        {children}
-      </ToolbarButton>
-    );
-  }
-);
diff --git a/apps/www/src/registry/default/plate-ui/menu.tsx b/apps/www/src/registry/default/plate-ui/menu.tsx
deleted file mode 100644
index 0cd42c8ee7..0000000000
--- a/apps/www/src/registry/default/plate-ui/menu.tsx
+++ /dev/null
@@ -1,336 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-import type { Action, MenuItemProps, MenuProps } from '@udecode/plate-menu';
-
-import { cn } from '@udecode/cn';
-import {
-  ActionContext,
-  Ariakit,
-  SearchableContext,
-  useMenu,
-  useMenuItem,
-} from '@udecode/plate-menu';
-import { cva } from 'class-variance-authority';
-
-const menuVariants = cva(
-  'z-50 overflow-auto text-popover-foreground outline-none',
-  {
-    defaultVariants: {
-      variant: 'default',
-    },
-    variants: {
-      variant: {
-        ai: 'min-h-[380px] bg-inherit',
-        default: 'rounded-md border bg-popover p-0',
-      },
-    },
-  }
-);
-
-const menuItemVariants = cva(
-  'relative flex min-w-40 cursor-pointer select-none items-center gap-2 px-2 py-1.5 text-sm text-accent-foreground outline-none hover:bg-accent focus:bg-accent focus:text-accent-foreground  aria-[expanded=true]:bg-accent aria-[selected=true]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-  {
-    defaultVariants: {
-      variant: 'default',
-    },
-    variants: {
-      variant: {
-        ai: '',
-        default: 'rounded-sm',
-      },
-    },
-  }
-);
-
-export const comboboxVariants = cva('overflow-hidden', {
-  defaultVariants: {
-    variant: 'default',
-  },
-  variants: {
-    variant: {
-      ai: 'mb-2 flex min-w-[320px] rounded-sm border bg-popover p-2 shadow sm:w-[408px] md:w-[508px] lg:w-[608px] xl:w-[708px]',
-      default: 'mb-0 p-2',
-    },
-  },
-});
-
-const comboboxListVariants = cva('rounded-sm', {
-  defaultVariants: {
-    variant: 'default',
-  },
-  variants: {
-    variant: {
-      ai: 'w-[320px] border bg-white p-0',
-      default: '',
-    },
-  },
-});
-
-type variant = 'ai' | 'default';
-
-type StyledMenuProps = MenuProps & {
-  variant?: variant;
-};
-
-export const Menu = React.forwardRef<HTMLDivElement, StyledMenuProps>(
-  function BaseMenu({ variant, ...props }, ref) {
-    const {
-      ParentSetAction,
-      comboboxProviderProps,
-      isDraggleButtonMenu,
-      isRootMenu,
-      menuButtonProps,
-      menuProps,
-      menuProviderProps,
-      searchable,
-    } = useMenu({
-      ref,
-      ...props,
-    });
-
-    const menuContent = (
-      <Ariakit.MenuProvider {...menuProviderProps}>
-        <Ariakit.MenuButton
-          className={cn(isRootMenu && !isDraggleButtonMenu && 'hidden')}
-          render={
-            isRootMenu ? (
-              props.dragButton
-            ) : (
-              <MenuItem render={props.dragButton} />
-            )
-          }
-          {...menuButtonProps}
-        >
-          {props.icon}
-          <span>{props.label}</span>
-          <Ariakit.MenuButtonArrow className="ml-auto text-muted-foreground" />
-        </Ariakit.MenuButton>
-
-        <Ariakit.Menu
-          className={cn(
-            menuVariants({ variant }),
-            props.className,
-            searchable && ''
-          )}
-          {...menuProps}
-        >
-          {props.open && isRootMenu && props.injectAboveMenu}
-          <ActionContext.Provider value={props.setAction ?? ParentSetAction}>
-            <SearchableContext.Provider value={searchable}>
-              {searchable ? (
-                props.loading ? (
-                  <React.Fragment>
-                    {props.loadingPlaceholder ?? <div>loading...</div>}
-                  </React.Fragment>
-                ) : (
-                  <React.Fragment>
-                    <div
-                      className={cn(
-                        comboboxVariants({ variant }),
-                        props.comboboxClassName
-                      )}
-                    >
-                      <Ariakit.Combobox render={props.combobox} autoSelect />
-                      {props.comboboxSubmitButton && props.comboboxSubmitButton}
-                    </div>
-                    <Ariakit.ComboboxList
-                      className={cn(
-                        comboboxListVariants({ variant }),
-                        props.comboboxListClassName
-                      )}
-                    >
-                      {props.children}
-                    </Ariakit.ComboboxList>
-                  </React.Fragment>
-                )
-              ) : (
-                props.children
-              )}
-            </SearchableContext.Provider>
-          </ActionContext.Provider>
-        </Ariakit.Menu>
-      </Ariakit.MenuProvider>
-    );
-
-    return searchable ? (
-      <Ariakit.ComboboxProvider {...comboboxProviderProps}>
-        {menuContent}
-      </Ariakit.ComboboxProvider>
-    ) : (
-      menuContent
-    );
-  }
-);
-
-export interface MenuSeparatorProps extends Ariakit.MenuSeparatorProps {}
-
-export const MenuSeparator = React.forwardRef<
-  HTMLHRElement,
-  MenuSeparatorProps
->(function MenuSeparator(props, ref) {
-  return (
-    <Ariakit.MenuSeparator
-      ref={ref}
-      {...props}
-      className={cn(props.className)}
-    />
-  );
-});
-
-export interface MenuGroupProps extends Ariakit.MenuGroupProps {
-  label?: React.ReactNode;
-  variant?: variant;
-}
-
-export const MenuGroup = React.forwardRef<HTMLDivElement, MenuGroupProps>(
-  function MenuGroup({ label, variant, ...props }, ref) {
-    return (
-      <Ariakit.MenuGroup
-        ref={ref}
-        {...props}
-        className={cn('group pb-1.5', props.className)}
-      >
-        {label && (
-          <Ariakit.MenuGroupLabel className="px-2 py-1.5 pt-2 text-xs font-semibold text-muted-foreground">
-            {label}
-          </Ariakit.MenuGroupLabel>
-        )}
-        {props.children}
-      </Ariakit.MenuGroup>
-    );
-  }
-);
-
-export interface MenuShortcutProps
-  extends React.HTMLAttributes<HTMLSpanElement> {}
-
-export const MenuShortcut = React.forwardRef<
-  HTMLSpanElement,
-  MenuShortcutProps
->(function MenuShortcut(props, ref) {
-  return (
-    <span
-      ref={ref}
-      {...props}
-      className={cn('text-xs text-muted-foreground', props.className)}
-    />
-  );
-});
-
-export const MenuItem = React.forwardRef<HTMLDivElement, MenuItemProps>(
-  function MenuItem({ className, ...props }, ref) {
-    const {
-      baseProps,
-      comboboxProps,
-      isCheckable,
-      isChecked,
-      isRadio,
-      radioProps,
-      searchable,
-    } = useMenuItem({
-      ...props,
-      ref,
-    });
-
-    const baseClassName = cn(
-      menuItemVariants(),
-      props.shortcut && 'justify-between',
-      className
-    );
-
-    baseProps.children = (
-      <>
-        <div className="flex items-center gap-2">
-          {props.icon}
-          {baseProps.children ?? props.label}
-        </div>
-
-        {(props.shortcut || isCheckable) && (
-          <div className="flex items-center">
-            {isCheckable && (
-              <Ariakit.MenuItemCheck className="ml-2" checked={isChecked} />
-            )}
-            {props.shortcut && <MenuShortcut>{props.shortcut}</MenuShortcut>}
-            {isCheckable && searchable && (
-              <Ariakit.VisuallyHidden>
-                {isChecked ? 'checked' : 'not checked'}
-              </Ariakit.VisuallyHidden>
-            )}
-          </div>
-        )}
-      </>
-    );
-
-    if (!searchable) {
-      return isRadio ? (
-        <Ariakit.MenuItemRadio className={baseClassName} {...radioProps} />
-      ) : (
-        <Ariakit.MenuItem className={baseClassName} {...baseProps} />
-      );
-    }
-
-    return (
-      <Ariakit.ComboboxItem
-        className={baseClassName}
-        {...baseProps}
-        {...comboboxProps}
-      />
-    );
-  }
-);
-
-export function renderMenuItems({
-  group,
-  items,
-}: {
-  items: Action[];
-  group?: string;
-}) {
-  return items.map((item, index) => {
-    const value = item.value || item.label;
-    const separator = !!items[index - 1]?.items || (item.items && index > 0);
-
-    const element = item.items ? (
-      <MenuGroup label={item.groupName ?? item.label}>
-        {renderMenuItems({ group: item.group, items: item.items })}
-      </MenuGroup>
-    ) : (
-      <MenuItem
-        name={item.group}
-        value={item.value || item.label}
-        label={item.label}
-        group={group}
-        icon={item.icon}
-        shortcut={item.shortcut}
-      />
-    );
-
-    return (
-      <React.Fragment key={value}>
-        {separator && <MenuSeparator />}
-        {element}
-      </React.Fragment>
-    );
-  });
-}
-
-interface renderMatchesOptions {
-  hiddenOnEmpty: boolean;
-}
-
-export function renderSearchMenuItems(
-  matches: Action[] | null,
-  options?: renderMatchesOptions
-) {
-  if (!matches) return null;
-  if (matches.length === 0) {
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    if (options?.hiddenOnEmpty) return <></>;
-
-    return <div className={cn(menuItemVariants())}>No results</div>;
-  }
-
-  return renderMenuItems({ items: matches });
-}
diff --git a/yarn.lock b/yarn.lock
index a9a4e8c9fa..e0fbfd5724 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1,6 +1,9 @@
+# This file is generated by running "yarn install" inside your project.
+# Manual changes might be lost - proceed with caution!
+
 __metadata:
   version: 8
-  cacheKey: merged
+  cacheKey: 10c0
 
 "@aashutoshrathi/word-wrap@npm:^1.2.3":
   version: 1.2.6
@@ -48,13 +51,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ariakit/core@npm:0.4.10":
-  version: 0.4.10
-  resolution: "@ariakit/core@npm:0.4.10"
-  checksum: 10c0/8eb6e31218d1c9d4e0daf02b4a031c07ce48a63c907d28be545104106ad30be73c7ba8247f84d4baff3b1bf47605b31e7e78e77289287c7989216e5418994830
-  languageName: node
-  linkType: hard
-
 "@ariakit/core@npm:0.4.7":
   version: 0.4.7
   resolution: "@ariakit/core@npm:0.4.7"
@@ -62,20 +58,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ariakit/react-core@npm:0.4.11":
-  version: 0.4.11
-  resolution: "@ariakit/react-core@npm:0.4.11"
-  dependencies:
-    "@ariakit/core": "npm:0.4.10"
-    "@floating-ui/dom": "npm:^1.0.0"
-    use-sync-external-store: "npm:^1.2.0"
-  peerDependencies:
-    react: ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/e55c8c7f7e3cd75c7694c1159cb35d34c27c452299d8ab77ed67e99a2b2612c00a2e9beec07238b1ac388e688f407058173f598d626ac7ed58ecd9f3d3ea0bc7
-  languageName: node
-  linkType: hard
-
 "@ariakit/react-core@npm:0.4.7":
   version: 0.4.7
   resolution: "@ariakit/react-core@npm:0.4.7"
@@ -90,18 +72,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ariakit/react@npm:0.4.11":
-  version: 0.4.11
-  resolution: "@ariakit/react@npm:0.4.11"
-  dependencies:
-    "@ariakit/react-core": "npm:0.4.11"
-  peerDependencies:
-    react: ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^17.0.0 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/b64eaee58a82a416605488b0df0c3f74598d59cbbb7cbfdd6dce3dd2be9677b9e9a65045d519dfa99590af6ef75356683ff56d92918e2dd2d21a686ad423c87f
-  languageName: node
-  linkType: hard
-
 "@ariakit/react@npm:0.4.7":
   version: 0.4.7
   resolution: "@ariakit/react@npm:0.4.7"
@@ -499,15 +469,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.9.2":
-  version: 7.24.4
-  resolution: "@babel/runtime@npm:7.24.4"
-  dependencies:
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/785aff96a3aa8ff97f90958e1e8a7b1d47f793b204b47c6455eaadc3f694f48c97cd5c0a921fe3596d818e71f18106610a164fb0f1c71fd68c622a58269d537c
-  languageName: node
-  linkType: hard
-
 "@babel/runtime@npm:^7.23.8":
   version: 7.25.6
   resolution: "@babel/runtime@npm:7.25.6"
@@ -586,27 +547,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/apply-release-plan@npm:^7.0.5":
-  version: 7.0.5
-  resolution: "@changesets/apply-release-plan@npm:7.0.5"
-  dependencies:
-    "@changesets/config": "npm:^3.0.3"
-    "@changesets/get-version-range-type": "npm:^0.4.0"
-    "@changesets/git": "npm:^3.0.1"
-    "@changesets/should-skip-package": "npm:^0.1.1"
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    detect-indent: "npm:^6.0.0"
-    fs-extra: "npm:^7.0.1"
-    lodash.startcase: "npm:^4.4.0"
-    outdent: "npm:^0.5.0"
-    prettier: "npm:^2.7.1"
-    resolve-from: "npm:^5.0.0"
-    semver: "npm:^7.5.3"
-  checksum: 10c0/9172fa8a06098c62ae326bfbca71e32a687a782053d6b9abb8c31aa516100f44a29d12dd41dc87db8a636ad10ca80e7d44fc2bd0966964c49668c391d7427064
-  languageName: node
-  linkType: hard
-
 "@changesets/assemble-release-plan@npm:^6.0.3":
   version: 6.0.3
   resolution: "@changesets/assemble-release-plan@npm:6.0.3"
@@ -622,20 +562,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/assemble-release-plan@npm:^6.0.4":
-  version: 6.0.4
-  resolution: "@changesets/assemble-release-plan@npm:6.0.4"
-  dependencies:
-    "@changesets/errors": "npm:^0.2.0"
-    "@changesets/get-dependents-graph": "npm:^2.1.2"
-    "@changesets/should-skip-package": "npm:^0.1.1"
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    semver: "npm:^7.5.3"
-  checksum: 10c0/eeb3cf100b4ce53ccd1f2f10cab631bea5d560426655d56ac969dc7d1b0a4809bec35b1b5de252a486b7ceb7bb50a56274d9cd8b62ec5f324b466202489bcb64
-  languageName: node
-  linkType: hard
-
 "@changesets/changelog-git@npm:^0.2.0":
   version: 0.2.0
   resolution: "@changesets/changelog-git@npm:0.2.0"
@@ -702,21 +628,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/config@npm:^3.0.3":
-  version: 3.0.3
-  resolution: "@changesets/config@npm:3.0.3"
-  dependencies:
-    "@changesets/errors": "npm:^0.2.0"
-    "@changesets/get-dependents-graph": "npm:^2.1.2"
-    "@changesets/logger": "npm:^0.1.1"
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    fs-extra: "npm:^7.0.1"
-    micromatch: "npm:^4.0.2"
-  checksum: 10c0/268e830002071b9459d9c8d21926991a5c1213f1c3ab9f3dea986990b7bb0a5e9358639d04112680717023d26f69c86988b1cbaac8f8e4cd3f0e2de6bf010034
-  languageName: node
-  linkType: hard
-
 "@changesets/errors@npm:^0.2.0":
   version: 0.2.0
   resolution: "@changesets/errors@npm:0.2.0"
@@ -739,18 +650,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/get-dependents-graph@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "@changesets/get-dependents-graph@npm:2.1.2"
-  dependencies:
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    picocolors: "npm:^1.1.0"
-    semver: "npm:^7.5.3"
-  checksum: 10c0/f2674ccb71f989b2abf2088953548b6de503e17d0b1f5b0147c4ef1672a5a2dd5201b828b419ccb67841e7812d1fbe1607d12668ea8972b3d0de5a1d2b38b61b
-  languageName: node
-  linkType: hard
-
 "@changesets/get-github-info@npm:^0.5.2":
   version: 0.5.2
   resolution: "@changesets/get-github-info@npm:0.5.2"
@@ -776,20 +675,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/get-release-plan@npm:^4.0.4":
-  version: 4.0.4
-  resolution: "@changesets/get-release-plan@npm:4.0.4"
-  dependencies:
-    "@changesets/assemble-release-plan": "npm:^6.0.4"
-    "@changesets/config": "npm:^3.0.3"
-    "@changesets/pre": "npm:^2.0.1"
-    "@changesets/read": "npm:^0.6.1"
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-  checksum: 10c0/b2ef083d662dbf134d6fc99e6fedcfb85064e5d7e59a5b6b2e799b26c7ff7e765e10c7183a86194fb678d0cfe0a6186948efe2c1614898ad0e7d59503f255cec
-  languageName: node
-  linkType: hard
-
 "@changesets/get-version-range-type@npm:^0.4.0":
   version: 0.4.0
   resolution: "@changesets/get-version-range-type@npm:0.4.0"
@@ -812,19 +697,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/git@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@changesets/git@npm:3.0.1"
-  dependencies:
-    "@changesets/errors": "npm:^0.2.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    is-subdir: "npm:^1.1.1"
-    micromatch: "npm:^4.0.2"
-    spawndamnit: "npm:^2.0.0"
-  checksum: 10c0/a6d19d3d9c3b3fca2dbaf048ba99c3e46f7587b04bed0614227d5d6e3ee153cf42d65f6c82ee915e0d70b6352177b4af623899e87704cdcb178b51fea4a1317b
-  languageName: node
-  linkType: hard
-
 "@changesets/logger@npm:^0.1.0":
   version: 0.1.0
   resolution: "@changesets/logger@npm:0.1.0"
@@ -834,15 +706,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/logger@npm:^0.1.1":
-  version: 0.1.1
-  resolution: "@changesets/logger@npm:0.1.1"
-  dependencies:
-    picocolors: "npm:^1.1.0"
-  checksum: 10c0/a0933b5bd4d99e10730b22612dc1bdfd25b8804c5b48f8cada050bf5c7a89b2ae9a61687f846a5e9e5d379a95b59fef795c8d5d91e49a251f8da2be76133f83f
-  languageName: node
-  linkType: hard
-
 "@changesets/parse@npm:^0.4.0":
   version: 0.4.0
   resolution: "@changesets/parse@npm:0.4.0"
@@ -866,18 +729,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/pre@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "@changesets/pre@npm:2.0.1"
-  dependencies:
-    "@changesets/errors": "npm:^0.2.0"
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-    fs-extra: "npm:^7.0.1"
-  checksum: 10c0/aacd4a71cab8a511702903bee50434188f300503a1207a08b89d09dc575981c28af77b7357a610504ce48d101e67308fc6ed4427ac2a61d162de4d01a2a0f695
-  languageName: node
-  linkType: hard
-
 "@changesets/read@npm:^0.6.0":
   version: 0.6.0
   resolution: "@changesets/read@npm:0.6.0"
@@ -894,21 +745,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/read@npm:^0.6.1":
-  version: 0.6.1
-  resolution: "@changesets/read@npm:0.6.1"
-  dependencies:
-    "@changesets/git": "npm:^3.0.1"
-    "@changesets/logger": "npm:^0.1.1"
-    "@changesets/parse": "npm:^0.4.0"
-    "@changesets/types": "npm:^6.0.0"
-    fs-extra: "npm:^7.0.1"
-    p-filter: "npm:^2.1.0"
-    picocolors: "npm:^1.1.0"
-  checksum: 10c0/aa479f79cd30677059fd8bf959e1778e52a7565a40d5072a1db0bd9f68954d285d3851528472283e68312759cb1c3f5f42f7bfa13a74fe80faeea8b3221be06d
-  languageName: node
-  linkType: hard
-
 "@changesets/should-skip-package@npm:^0.1.0":
   version: 0.1.0
   resolution: "@changesets/should-skip-package@npm:0.1.0"
@@ -920,16 +756,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/should-skip-package@npm:^0.1.1":
-  version: 0.1.1
-  resolution: "@changesets/should-skip-package@npm:0.1.1"
-  dependencies:
-    "@changesets/types": "npm:^6.0.0"
-    "@manypkg/get-packages": "npm:^1.1.3"
-  checksum: 10c0/4fb0a17538492db15733a9514560ff1d4dfbd94882a349495a6585eb675f9414aa74020aa886f1f72542ca70d5d96a842db2f52b08fcb571705b1d9ed3632e57
-  languageName: node
-  linkType: hard
-
 "@changesets/types@npm:^4.0.1":
   version: 4.1.0
   resolution: "@changesets/types@npm:4.1.0"
@@ -957,18 +783,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/write@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "@changesets/write@npm:0.3.2"
-  dependencies:
-    "@changesets/types": "npm:^6.0.0"
-    fs-extra: "npm:^7.0.1"
-    human-id: "npm:^1.0.2"
-    prettier: "npm:^2.7.1"
-  checksum: 10c0/1e00af0a82a780f74e03359d672690b35b6c788891e515a37488fca756109471f0d2da4904185b758a38d26e5cc2f426de4a2201ca3b6e26cf03ab747773690f
-  languageName: node
-  linkType: hard
-
 "@contentlayer2/cli@npm:0.4.3":
   version: 0.4.3
   resolution: "@contentlayer2/cli@npm:0.4.3"
@@ -1212,7 +1026,6 @@ __metadata:
 "@esbuild/aix-ppc64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/aix-ppc64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=aix & cpu=ppc64
   languageName: node
   linkType: hard
@@ -1220,7 +1033,6 @@ __metadata:
 "@esbuild/aix-ppc64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/aix-ppc64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=aix & cpu=ppc64
   languageName: node
   linkType: hard
@@ -1228,7 +1040,6 @@ __metadata:
 "@esbuild/android-arm64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/android-arm64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
@@ -1236,7 +1047,6 @@ __metadata:
 "@esbuild/android-arm64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/android-arm64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
@@ -1244,7 +1054,6 @@ __metadata:
 "@esbuild/android-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/android-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
@@ -1252,7 +1061,6 @@ __metadata:
 "@esbuild/android-arm@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/android-arm@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
@@ -1260,7 +1068,6 @@ __metadata:
 "@esbuild/android-arm@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/android-arm@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
@@ -1268,7 +1075,6 @@ __metadata:
 "@esbuild/android-arm@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/android-arm@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
@@ -1276,7 +1082,6 @@ __metadata:
 "@esbuild/android-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/android-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
@@ -1284,7 +1089,6 @@ __metadata:
 "@esbuild/android-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/android-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
@@ -1292,7 +1096,6 @@ __metadata:
 "@esbuild/android-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/android-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=x64
   languageName: node
   linkType: hard
@@ -1300,7 +1103,6 @@ __metadata:
 "@esbuild/darwin-arm64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/darwin-arm64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -1308,7 +1110,6 @@ __metadata:
 "@esbuild/darwin-arm64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/darwin-arm64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -1316,7 +1117,6 @@ __metadata:
 "@esbuild/darwin-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/darwin-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -1324,7 +1124,6 @@ __metadata:
 "@esbuild/darwin-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/darwin-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -1332,7 +1131,6 @@ __metadata:
 "@esbuild/darwin-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/darwin-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -1340,7 +1138,6 @@ __metadata:
 "@esbuild/darwin-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/darwin-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -1348,7 +1145,6 @@ __metadata:
 "@esbuild/freebsd-arm64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
@@ -1356,7 +1152,6 @@ __metadata:
 "@esbuild/freebsd-arm64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/freebsd-arm64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
@@ -1364,7 +1159,6 @@ __metadata:
 "@esbuild/freebsd-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/freebsd-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
@@ -1372,7 +1166,6 @@ __metadata:
 "@esbuild/freebsd-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/freebsd-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1380,7 +1173,6 @@ __metadata:
 "@esbuild/freebsd-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/freebsd-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1388,7 +1180,6 @@ __metadata:
 "@esbuild/freebsd-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/freebsd-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1396,7 +1187,6 @@ __metadata:
 "@esbuild/linux-arm64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-arm64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
@@ -1404,7 +1194,6 @@ __metadata:
 "@esbuild/linux-arm64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-arm64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
@@ -1412,7 +1201,6 @@ __metadata:
 "@esbuild/linux-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
@@ -1420,7 +1208,6 @@ __metadata:
 "@esbuild/linux-arm@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-arm@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
@@ -1428,7 +1215,6 @@ __metadata:
 "@esbuild/linux-arm@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-arm@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
@@ -1436,7 +1222,6 @@ __metadata:
 "@esbuild/linux-arm@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-arm@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
@@ -1444,7 +1229,6 @@ __metadata:
 "@esbuild/linux-ia32@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-ia32@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
@@ -1452,7 +1236,6 @@ __metadata:
 "@esbuild/linux-ia32@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-ia32@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
@@ -1460,7 +1243,6 @@ __metadata:
 "@esbuild/linux-ia32@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-ia32@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ia32
   languageName: node
   linkType: hard
@@ -1468,7 +1250,6 @@ __metadata:
 "@esbuild/linux-loong64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-loong64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
@@ -1476,7 +1257,6 @@ __metadata:
 "@esbuild/linux-loong64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-loong64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
@@ -1484,7 +1264,6 @@ __metadata:
 "@esbuild/linux-loong64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-loong64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=loong64
   languageName: node
   linkType: hard
@@ -1492,7 +1271,6 @@ __metadata:
 "@esbuild/linux-mips64el@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-mips64el@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
@@ -1500,7 +1278,6 @@ __metadata:
 "@esbuild/linux-mips64el@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-mips64el@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
@@ -1508,7 +1285,6 @@ __metadata:
 "@esbuild/linux-mips64el@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-mips64el@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=mips64el
   languageName: node
   linkType: hard
@@ -1516,7 +1292,6 @@ __metadata:
 "@esbuild/linux-ppc64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-ppc64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
@@ -1524,7 +1299,6 @@ __metadata:
 "@esbuild/linux-ppc64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-ppc64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
@@ -1532,7 +1306,6 @@ __metadata:
 "@esbuild/linux-ppc64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-ppc64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ppc64
   languageName: node
   linkType: hard
@@ -1540,7 +1313,6 @@ __metadata:
 "@esbuild/linux-riscv64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-riscv64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
@@ -1548,7 +1320,6 @@ __metadata:
 "@esbuild/linux-riscv64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-riscv64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
@@ -1556,7 +1327,6 @@ __metadata:
 "@esbuild/linux-riscv64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-riscv64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=riscv64
   languageName: node
   linkType: hard
@@ -1564,7 +1334,6 @@ __metadata:
 "@esbuild/linux-s390x@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-s390x@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
@@ -1572,7 +1341,6 @@ __metadata:
 "@esbuild/linux-s390x@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-s390x@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
@@ -1580,7 +1348,6 @@ __metadata:
 "@esbuild/linux-s390x@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-s390x@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x
   languageName: node
   linkType: hard
@@ -1588,7 +1355,6 @@ __metadata:
 "@esbuild/linux-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/linux-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
@@ -1596,7 +1362,6 @@ __metadata:
 "@esbuild/linux-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/linux-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
@@ -1604,7 +1369,6 @@ __metadata:
 "@esbuild/linux-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/linux-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
@@ -1612,7 +1376,6 @@ __metadata:
 "@esbuild/netbsd-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/netbsd-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1620,7 +1383,6 @@ __metadata:
 "@esbuild/netbsd-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/netbsd-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1628,7 +1390,6 @@ __metadata:
 "@esbuild/netbsd-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/netbsd-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=netbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1636,7 +1397,6 @@ __metadata:
 "@esbuild/openbsd-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/openbsd-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=openbsd & cpu=arm64
   languageName: node
   linkType: hard
@@ -1644,7 +1404,6 @@ __metadata:
 "@esbuild/openbsd-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/openbsd-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1652,7 +1411,6 @@ __metadata:
 "@esbuild/openbsd-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/openbsd-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1660,7 +1418,6 @@ __metadata:
 "@esbuild/openbsd-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/openbsd-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=openbsd & cpu=x64
   languageName: node
   linkType: hard
@@ -1668,7 +1425,6 @@ __metadata:
 "@esbuild/sunos-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/sunos-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
@@ -1676,7 +1432,6 @@ __metadata:
 "@esbuild/sunos-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/sunos-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
@@ -1684,7 +1439,6 @@ __metadata:
 "@esbuild/sunos-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/sunos-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=sunos & cpu=x64
   languageName: node
   linkType: hard
@@ -1692,7 +1446,6 @@ __metadata:
 "@esbuild/win32-arm64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/win32-arm64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -1700,7 +1453,6 @@ __metadata:
 "@esbuild/win32-arm64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/win32-arm64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -1708,7 +1460,6 @@ __metadata:
 "@esbuild/win32-arm64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/win32-arm64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -1716,7 +1467,6 @@ __metadata:
 "@esbuild/win32-ia32@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/win32-ia32@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -1724,7 +1474,6 @@ __metadata:
 "@esbuild/win32-ia32@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/win32-ia32@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -1732,7 +1481,6 @@ __metadata:
 "@esbuild/win32-ia32@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/win32-ia32@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -1740,7 +1488,6 @@ __metadata:
 "@esbuild/win32-x64@npm:0.18.20":
   version: 0.18.20
   resolution: "@esbuild/win32-x64@npm:0.18.20"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -1748,7 +1495,6 @@ __metadata:
 "@esbuild/win32-x64@npm:0.20.2":
   version: 0.20.2
   resolution: "@esbuild/win32-x64@npm:0.20.2"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -1756,7 +1502,6 @@ __metadata:
 "@esbuild/win32-x64@npm:0.23.1":
   version: 0.23.1
   resolution: "@esbuild/win32-x64@npm:0.23.1"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -2018,7 +1763,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-darwin-arm64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -2031,7 +1775,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-darwin-x64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -2039,7 +1782,6 @@ __metadata:
 "@img/sharp-libvips-darwin-arm64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -2047,7 +1789,6 @@ __metadata:
 "@img/sharp-libvips-darwin-x64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -2055,7 +1796,6 @@ __metadata:
 "@img/sharp-libvips-linux-arm64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2063,7 +1803,6 @@ __metadata:
 "@img/sharp-libvips-linux-arm@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linux-arm@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
@@ -2071,7 +1810,6 @@ __metadata:
 "@img/sharp-libvips-linux-s390x@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
@@ -2079,7 +1817,6 @@ __metadata:
 "@img/sharp-libvips-linux-x64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linux-x64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2087,7 +1824,6 @@ __metadata:
 "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -2095,7 +1831,6 @@ __metadata:
 "@img/sharp-libvips-linuxmusl-x64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -2108,7 +1843,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linux-arm64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2121,7 +1855,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linux-arm":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
@@ -2134,7 +1867,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linux-s390x":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
@@ -2147,7 +1879,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linux-x64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2160,7 +1891,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linuxmusl-arm64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -2173,7 +1903,6 @@ __metadata:
   dependenciesMeta:
     "@img/sharp-libvips-linuxmusl-x64":
       optional: true
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -2183,7 +1912,6 @@ __metadata:
   resolution: "@img/sharp-wasm32@npm:0.33.4"
   dependencies:
     "@emnapi/runtime": "npm:^1.1.1"
-  checksum: 10c0/undefined
   conditions: cpu=wasm32
   languageName: node
   linkType: hard
@@ -2191,7 +1919,6 @@ __metadata:
 "@img/sharp-win32-ia32@npm:0.33.4":
   version: 0.33.4
   resolution: "@img/sharp-win32-ia32@npm:0.33.4"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -2199,7 +1926,6 @@ __metadata:
 "@img/sharp-win32-x64@npm:0.33.4":
   version: 0.33.4
   resolution: "@img/sharp-win32-x64@npm:0.33.4"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -2682,7 +2408,6 @@ __metadata:
 "@next/swc-darwin-arm64@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-darwin-arm64@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -2690,7 +2415,6 @@ __metadata:
 "@next/swc-darwin-x64@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-darwin-x64@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -2698,7 +2422,6 @@ __metadata:
 "@next/swc-linux-arm64-gnu@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-linux-arm64-gnu@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2706,7 +2429,6 @@ __metadata:
 "@next/swc-linux-arm64-musl@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-linux-arm64-musl@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -2714,7 +2436,6 @@ __metadata:
 "@next/swc-linux-x64-gnu@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-linux-x64-gnu@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -2722,7 +2443,6 @@ __metadata:
 "@next/swc-linux-x64-musl@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-linux-x64-musl@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -2730,7 +2450,6 @@ __metadata:
 "@next/swc-win32-arm64-msvc@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-win32-arm64-msvc@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -2738,7 +2457,6 @@ __metadata:
 "@next/swc-win32-ia32-msvc@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-win32-ia32-msvc@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -2746,7 +2464,6 @@ __metadata:
 "@next/swc-win32-x64-msvc@npm:14.3.0-canary.43":
   version: 14.3.0-canary.43
   resolution: "@next/swc-win32-x64-msvc@npm:14.3.0-canary.43"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -4739,7 +4456,6 @@ __metadata:
 "@rollup/rollup-android-arm-eabi@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-android-arm-eabi@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
@@ -4747,7 +4463,6 @@ __metadata:
 "@rollup/rollup-android-arm64@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-android-arm64@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
@@ -4755,7 +4470,6 @@ __metadata:
 "@rollup/rollup-darwin-arm64@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-darwin-arm64@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -4763,7 +4477,6 @@ __metadata:
 "@rollup/rollup-darwin-x64@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-darwin-x64@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -4771,7 +4484,6 @@ __metadata:
 "@rollup/rollup-linux-arm-gnueabihf@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
@@ -4779,7 +4491,6 @@ __metadata:
 "@rollup/rollup-linux-arm-musleabihf@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
@@ -4787,7 +4498,6 @@ __metadata:
 "@rollup/rollup-linux-arm64-gnu@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -4795,7 +4505,6 @@ __metadata:
 "@rollup/rollup-linux-arm64-musl@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-arm64-musl@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -4803,7 +4512,6 @@ __metadata:
 "@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
@@ -4811,7 +4519,6 @@ __metadata:
 "@rollup/rollup-linux-riscv64-gnu@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
@@ -4819,7 +4526,6 @@ __metadata:
 "@rollup/rollup-linux-s390x-gnu@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
@@ -4827,7 +4533,6 @@ __metadata:
 "@rollup/rollup-linux-x64-gnu@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-x64-gnu@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -4835,7 +4540,6 @@ __metadata:
 "@rollup/rollup-linux-x64-musl@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-linux-x64-musl@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -4843,7 +4547,6 @@ __metadata:
 "@rollup/rollup-win32-arm64-msvc@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -4851,7 +4554,6 @@ __metadata:
 "@rollup/rollup-win32-ia32-msvc@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -4859,7 +4561,6 @@ __metadata:
 "@rollup/rollup-win32-x64-msvc@npm:4.21.3":
   version: 4.21.3
   resolution: "@rollup/rollup-win32-x64-msvc@npm:4.21.3"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -5001,7 +4702,6 @@ __metadata:
 "@swc/core-darwin-arm64@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-darwin-arm64@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -5009,7 +4709,6 @@ __metadata:
 "@swc/core-darwin-x64@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-darwin-x64@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -5017,7 +4716,6 @@ __metadata:
 "@swc/core-linux-arm-gnueabihf@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-linux-arm-gnueabihf@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm
   languageName: node
   linkType: hard
@@ -5025,7 +4723,6 @@ __metadata:
 "@swc/core-linux-arm64-gnu@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-linux-arm64-gnu@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
@@ -5033,7 +4730,6 @@ __metadata:
 "@swc/core-linux-arm64-musl@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-linux-arm64-musl@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
@@ -5041,7 +4737,6 @@ __metadata:
 "@swc/core-linux-x64-gnu@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-linux-x64-gnu@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -5049,7 +4744,6 @@ __metadata:
 "@swc/core-linux-x64-musl@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-linux-x64-musl@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
@@ -5057,7 +4751,6 @@ __metadata:
 "@swc/core-win32-arm64-msvc@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-win32-arm64-msvc@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -5065,7 +4758,6 @@ __metadata:
 "@swc/core-win32-ia32-msvc@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-win32-ia32-msvc@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
@@ -5073,7 +4765,6 @@ __metadata:
 "@swc/core-win32-x64-msvc@npm:1.7.26":
   version: 1.7.26
   resolution: "@swc/core-win32-x64-msvc@npm:1.7.26"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -6198,7 +5889,6 @@ __metadata:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     tailwind-merge: ">=2.2.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6207,28 +5897,7 @@ __metadata:
   resolution: "@udecode/plate-ai@workspace:packages/ai"
   dependencies:
     "@udecode/plate-combobox": "npm:39.0.0"
-    "@udecode/plate-markdown": "npm:39.0.0"
-    "@udecode/plate-menu": "npm:39.1.0"
-    "@udecode/plate-selection": "npm:39.0.0"
-    lodash: "npm:^4.17.21"
-  peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-ai@workspace:packages/ai":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-ai@workspace:packages/ai"
-  dependencies:
-    "@udecode/plate-combobox": "npm:39.0.0"
-    "@udecode/plate-markdown": "npm:39.0.0"
+    "@udecode/plate-markdown": "npm:39.1.5"
     "@udecode/plate-selection": "npm:39.1.4"
     lodash: "npm:^4.17.21"
   peerDependencies:
@@ -6239,7 +5908,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6249,14 +5917,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6267,14 +5934,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6287,14 +5953,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     "@udecode/plate-heading": "npm:39.0.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6304,14 +5969,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6321,14 +5985,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6338,14 +6001,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6355,14 +6017,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6373,14 +6034,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     react-textarea-autosize: "npm:^8.5.3"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6393,14 +6053,13 @@ __metadata:
     delay: "npm:5.0.0"
     p-defer: "npm:^4.0.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6411,14 +6070,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     prismjs: "npm:^1.29.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6428,14 +6086,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6446,37 +6103,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-common@npm:39.0.0, @udecode/plate-common@workspace:^, @udecode/plate-common@workspace:packages/common":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-common@workspace:packages/common"
-  dependencies:
-    "@udecode/plate-core": "npm:39.0.0"
-    "@udecode/plate-utils": "npm:39.0.0"
-    "@udecode/react-hotkeys": "npm:37.0.0"
-    "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.0.0"
-    "@udecode/slate-utils": "npm:38.0.4"
-    "@udecode/utils": "npm:37.0.0"
-  peerDependencies:
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6499,39 +6132,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-core@npm:39.0.0, @udecode/plate-core@workspace:^, @udecode/plate-core@workspace:packages/core":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-core@workspace:packages/core"
-  dependencies:
-    "@udecode/react-hotkeys": "npm:37.0.0"
-    "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.0.0"
-    "@udecode/slate-utils": "npm:38.0.4"
-    "@udecode/utils": "npm:37.0.0"
-    clsx: "npm:^2.1.1"
-    is-hotkey: "npm:^0.2.0"
-    jotai: "npm:~2.8.4"
-    jotai-optics: "npm:0.4.0"
-    jotai-x: "npm:1.2.4"
-    lodash: "npm:^4.17.21"
-    nanoid: "npm:^3.3.7"
-    optics-ts: "npm:2.4.1"
-    use-deep-compare: "npm:^1.3.0"
-    zustand: "npm:^4.5.5"
-    zustand-x: "npm:^3.0.4"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6563,27 +6163,25 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-csv@npm:39.0.1, @udecode/plate-csv@workspace:^, @udecode/plate-csv@workspace:packages/csv":
+"@udecode/plate-csv@npm:39.1.6, @udecode/plate-csv@workspace:^, @udecode/plate-csv@workspace:packages/csv":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-csv@workspace:packages/csv"
   dependencies:
     "@types/papaparse": "npm:^5.3.14"
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-table": "npm:39.0.1"
+    "@udecode/plate-table": "npm:39.1.6"
     papaparse: "npm:^5.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6593,14 +6191,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6610,14 +6207,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.94.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.99.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6629,14 +6225,13 @@ __metadata:
     diff-match-patch-ts: "npm:^0.6.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6648,7 +6243,7 @@ __metadata:
     lodash: "npm:^4.17.21"
     raf: "npm:^3.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dnd: ">=14.0.0"
     react-dnd-html5-backend: ">=14.0.0"
@@ -6657,11 +6252,10 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-docx@npm:39.0.1, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
+"@udecode/plate-docx@npm:39.1.6, @udecode/plate-docx@workspace:^, @udecode/plate-docx@workspace:packages/docx":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-docx@workspace:packages/docx"
   dependencies:
@@ -6670,17 +6264,16 @@ __metadata:
     "@udecode/plate-indent": "npm:39.0.0"
     "@udecode/plate-indent-list": "npm:39.0.0"
     "@udecode/plate-media": "npm:39.0.0"
-    "@udecode/plate-table": "npm:39.0.1"
+    "@udecode/plate-table": "npm:39.1.6"
     validator: "npm:^13.12.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6692,14 +6285,13 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6710,14 +6302,13 @@ __metadata:
     "@excalidraw/excalidraw": "npm:0.16.4"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6727,37 +6318,17 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-floating@npm:39.0.0, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-floating@workspace:packages/floating"
-  dependencies:
-    "@floating-ui/core": "npm:^1.6.7"
-    "@floating-ui/react": "npm:^0.26.23"
-    "@udecode/plate-common": "workspace:^"
-  peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-floating@npm:39.1.4, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
+"@udecode/plate-floating@npm:39.1.6, @udecode/plate-floating@workspace:^, @udecode/plate-floating@workspace:packages/floating":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-floating@workspace:packages/floating"
   dependencies:
@@ -6772,7 +6343,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6783,14 +6353,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6800,14 +6369,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6817,14 +6385,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6834,14 +6401,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6853,14 +6419,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     html-entities: "npm:^2.5.2"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6873,14 +6438,13 @@ __metadata:
     "@udecode/plate-list": "npm:39.0.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6890,14 +6454,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6908,14 +6471,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     juice: "npm:^8.1.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6925,14 +6487,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6942,14 +6503,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -6959,42 +6519,22 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-link@npm:39.0.0, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-link@workspace:packages/link"
-  dependencies:
-    "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-floating": "npm:39.0.0"
-    "@udecode/plate-normalizers": "npm:39.0.0"
-  peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-link@npm:39.1.4, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
+"@udecode/plate-link@npm:39.1.7, @udecode/plate-link@workspace:^, @udecode/plate-link@workspace:packages/link":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-link@workspace:packages/link"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-floating": "npm:39.1.4"
+    "@udecode/plate-floating": "npm:39.1.6"
     "@udecode/plate-normalizers": "npm:39.0.0"
   peerDependencies:
     "@udecode/plate-common": ">=39.1.4"
@@ -7004,7 +6544,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7016,18 +6555,17 @@ __metadata:
     "@udecode/plate-reset-node": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-markdown@npm:39.0.0, @udecode/plate-markdown@workspace:^, @udecode/plate-markdown@workspace:packages/markdown":
+"@udecode/plate-markdown@npm:39.1.5, @udecode/plate-markdown@workspace:^, @udecode/plate-markdown@workspace:packages/markdown":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-markdown@workspace:packages/markdown"
   dependencies:
@@ -7036,14 +6574,13 @@ __metadata:
     remark-parse: "npm:^9.0.0"
     unified: "npm:^11.0.5"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7055,14 +6592,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     katex: "npm:0.16.11"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7073,14 +6609,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     js-video-url-parser: "npm:^0.5.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7091,33 +6626,13 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-menu@npm:39.1.0, @udecode/plate-menu@workspace:^, @udecode/plate-menu@workspace:packages/menu":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-menu@workspace:packages/menu"
-  dependencies:
-    "@ariakit/react": "npm:0.4.7"
-    "@udecode/plate-common": "workspace:^"
-    match-sorter: "npm:6.3.4"
-  peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7128,14 +6643,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7146,14 +6660,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7164,14 +6677,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
     "@playwright/test": ">=1.42.1"
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7181,31 +6693,29 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-resizable@npm:39.0.0, @udecode/plate-resizable@workspace:^, @udecode/plate-resizable@workspace:packages/resizable":
+"@udecode/plate-resizable@npm:39.1.6, @udecode/plate-resizable@workspace:^, @udecode/plate-resizable@workspace:packages/resizable":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-resizable@workspace:packages/resizable"
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7215,32 +6725,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-selection@npm:39.0.0, @udecode/plate-selection@workspace:^, @udecode/plate-selection@workspace:packages/selection":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-selection@workspace:packages/selection"
-  dependencies:
-    "@udecode/plate-common": "workspace:^"
-    copy-to-clipboard: "npm:^3.3.3"
-  peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7258,7 +6749,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7269,14 +6759,13 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7288,14 +6777,13 @@ __metadata:
     "@udecode/plate-diff": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7306,32 +6794,30 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     tabbable: "npm:^6.2.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-table@npm:39.0.1, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
+"@udecode/plate-table@npm:39.1.6, @udecode/plate-table@workspace:^, @udecode/plate-table@workspace:packages/table":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-table@workspace:packages/table"
   dependencies:
     "@udecode/plate-common": "workspace:^"
-    "@udecode/plate-resizable": "npm:39.0.0"
+    "@udecode/plate-resizable": "npm:39.1.6"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7341,7 +6827,6 @@ __metadata:
   peerDependencies:
     slate: ">=0.103.0"
     slate-hyperscript: ">=0.66.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7354,14 +6839,13 @@ __metadata:
     "@udecode/plate-node-id": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7371,14 +6855,13 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7410,30 +6893,6 @@ __metadata:
     zod: "npm:^3.22.4"
   bin:
     plate-ui: ./dist/index.js
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/plate-utils@npm:39.0.0, @udecode/plate-utils@workspace:^, @udecode/plate-utils@workspace:packages/plate-utils":
-  version: 0.0.0-use.local
-  resolution: "@udecode/plate-utils@workspace:packages/plate-utils"
-  dependencies:
-    "@udecode/plate-core": "npm:39.0.0"
-    "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.0.0"
-    "@udecode/slate-utils": "npm:38.0.4"
-    "@udecode/utils": "npm:37.0.0"
-    clsx: "npm:^2.1.1"
-    lodash: "npm:^4.17.21"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-hyperscript: ">=0.66.0"
-    slate-react: ">=0.110.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7456,7 +6915,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.110.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7469,14 +6927,13 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     yjs: "npm:^13.6.19"
   peerDependencies:
-    "@udecode/plate-common": ">=39.0.0"
+    "@udecode/plate-common": ">=39.1.4"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7493,12 +6950,12 @@ __metadata:
     "@udecode/plate-code-block": "npm:39.0.0"
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-comments": "npm:39.0.0"
-    "@udecode/plate-common": "npm:39.0.0"
-    "@udecode/plate-csv": "npm:39.0.1"
+    "@udecode/plate-common": "npm:39.1.4"
+    "@udecode/plate-csv": "npm:39.1.6"
     "@udecode/plate-diff": "npm:39.0.0"
-    "@udecode/plate-docx": "npm:39.0.1"
+    "@udecode/plate-docx": "npm:39.1.6"
     "@udecode/plate-find-replace": "npm:39.0.0"
-    "@udecode/plate-floating": "npm:39.0.0"
+    "@udecode/plate-floating": "npm:39.1.6"
     "@udecode/plate-font": "npm:39.0.0"
     "@udecode/plate-heading": "npm:39.0.0"
     "@udecode/plate-highlight": "npm:39.0.0"
@@ -7509,21 +6966,21 @@ __metadata:
     "@udecode/plate-kbd": "npm:39.0.0"
     "@udecode/plate-layout": "npm:39.0.0"
     "@udecode/plate-line-height": "npm:39.0.0"
-    "@udecode/plate-link": "npm:39.0.0"
+    "@udecode/plate-link": "npm:39.1.7"
     "@udecode/plate-list": "npm:39.0.0"
-    "@udecode/plate-markdown": "npm:39.0.0"
+    "@udecode/plate-markdown": "npm:39.1.5"
     "@udecode/plate-media": "npm:39.0.0"
     "@udecode/plate-mention": "npm:39.0.0"
     "@udecode/plate-node-id": "npm:39.0.0"
     "@udecode/plate-normalizers": "npm:39.0.0"
     "@udecode/plate-reset-node": "npm:39.0.0"
-    "@udecode/plate-resizable": "npm:39.0.0"
+    "@udecode/plate-resizable": "npm:39.1.6"
     "@udecode/plate-select": "npm:39.0.0"
-    "@udecode/plate-selection": "npm:39.0.0"
+    "@udecode/plate-selection": "npm:39.1.4"
     "@udecode/plate-slash-command": "npm:39.0.0"
     "@udecode/plate-suggestion": "npm:39.0.0"
     "@udecode/plate-tabbable": "npm:39.0.0"
-    "@udecode/plate-table": "npm:39.0.1"
+    "@udecode/plate-table": "npm:39.1.6"
     "@udecode/plate-toggle": "npm:39.0.0"
     "@udecode/plate-trailing-block": "npm:39.0.0"
   peerDependencies:
@@ -7533,7 +6990,6 @@ __metadata:
     slate-history: ">=0.93.0"
     slate-hyperscript: ">=0.66.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7543,7 +6999,6 @@ __metadata:
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7557,24 +7012,6 @@ __metadata:
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/slate-react@npm:39.0.0, @udecode/slate-react@workspace:^, @udecode/slate-react@workspace:packages/slate-react":
-  version: 0.0.0-use.local
-  resolution: "@udecode/slate-react@workspace:packages/slate-react"
-  dependencies:
-    "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/utils": "npm:37.0.0"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-    slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7591,21 +7028,6 @@ __metadata:
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
     slate-react: ">=0.108.0"
-  checksum: 10c0/undefined
-  languageName: unknown
-  linkType: soft
-
-"@udecode/slate-utils@npm:38.0.4, @udecode/slate-utils@workspace:^, @udecode/slate-utils@workspace:packages/slate-utils":
-  version: 0.0.0-use.local
-  resolution: "@udecode/slate-utils@workspace:packages/slate-utils"
-  dependencies:
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/utils": "npm:37.0.0"
-    lodash: "npm:^4.17.21"
-  peerDependencies:
-    slate: ">=0.103.0"
-    slate-history: ">=0.93.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7619,7 +7041,6 @@ __metadata:
   peerDependencies:
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -7631,14 +7052,12 @@ __metadata:
   peerDependencies:
     slate: ">=0.103.0"
     slate-history: ">=0.93.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
 "@udecode/utils@npm:37.0.0, @udecode/utils@workspace:^, @udecode/utils@workspace:packages/utils":
   version: 0.0.0-use.local
   resolution: "@udecode/utils@workspace:packages/utils"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -8663,17 +8082,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^2.3.2, chalk@npm:^2.4.2":
-  version: 2.4.2
-  resolution: "chalk@npm:2.4.2"
-  dependencies:
-    ansi-styles: "npm:^3.2.1"
-    escape-string-regexp: "npm:^1.0.5"
-    supports-color: "npm:^5.3.0"
-  checksum: 10c0/e6543f02ec877732e3a2d1c3c3323ddb4d39fbab687c23f526e25bd4c6a9bf3b83a696e8c769d078e04e5754921648f7821b2a2acfd16c550435fd630026e073
-  languageName: node
-  linkType: hard
-
 "chalk@npm:^3.0.0":
   version: 3.0.0
   resolution: "chalk@npm:3.0.0"
@@ -11852,7 +11260,6 @@ __metadata:
   resolution: "fsevents@patch:fsevents@npm%3A2.3.2#optional!builtin<compat/fsevents>::version=2.3.2&hash=df0bf1"
   dependencies:
     node-gyp: "npm:latest"
-  checksum: 10c0/undefined
   conditions: os=darwin
   languageName: node
   linkType: hard
@@ -11862,7 +11269,6 @@ __metadata:
   resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
   dependencies:
     node-gyp: "npm:latest"
-  checksum: 10c0/undefined
   conditions: os=darwin
   languageName: node
   linkType: hard
@@ -14159,18 +13565,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-yaml@npm:^3.13.1, js-yaml@npm:^3.6.1":
-  version: 3.14.1
-  resolution: "js-yaml@npm:3.14.1"
-  dependencies:
-    argparse: "npm:^1.0.7"
-    esprima: "npm:^4.0.0"
-  bin:
-    js-yaml: bin/js-yaml.js
-  checksum: 10c0/6746baaaeac312c4db8e75fa22331d9a04cccb7792d126ed8ce6a0bbcfef0cedaddd0c5098fade53db067c09fe00aa1c957674b4765610a8b06a5a189e46433b
-  languageName: node
-  linkType: hard
-
 "js-yaml@npm:^4.1.0":
   version: 4.1.0
   resolution: "js-yaml@npm:4.1.0"
@@ -17008,13 +16402,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"package-manager-detector@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "package-manager-detector@npm:0.2.0"
-  checksum: 10c0/1ad699098018f9425b0f0a197537e085420ebcb7b6c49ef5a8dcff198f50d8de206f52ed10867624b7cb01bebac76396f5ac020dcff96f44154d59e6a5dcf36a
-  languageName: node
-  linkType: hard
-
 "pako@npm:^0.2.5":
   version: 0.2.9
   resolution: "pako@npm:0.2.9"
@@ -17318,13 +16705,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "picocolors@npm:1.1.0"
-  checksum: 10c0/86946f6032148801ef09c051c6fb13b5cf942eaf147e30ea79edb91dd32d700934edebe782a1078ff859fb2b816792e97ef4dab03d7f0b804f6b01a0df35e023
-  languageName: node
-  linkType: hard
-
 "picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3, picomatch@npm:^2.3.1":
   version: 2.3.1
   resolution: "picomatch@npm:2.3.1"
@@ -17494,7 +16874,6 @@ __metadata:
     turbo: "npm:^2.1.2"
     turbowatch: "npm:2.29.4"
     typescript: "npm:5.6.2"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 
@@ -20845,7 +20224,6 @@ __metadata:
 "turbo-darwin-64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-darwin-64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
@@ -20853,7 +20231,6 @@ __metadata:
 "turbo-darwin-arm64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-darwin-arm64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
@@ -20861,7 +20238,6 @@ __metadata:
 "turbo-linux-64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-linux-64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
@@ -20869,7 +20245,6 @@ __metadata:
 "turbo-linux-arm64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-linux-arm64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
@@ -20877,7 +20252,6 @@ __metadata:
 "turbo-windows-64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-windows-64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -20885,7 +20259,6 @@ __metadata:
 "turbo-windows-arm64@npm:2.1.2":
   version: 2.1.2
   resolution: "turbo-windows-arm64@npm:2.1.2"
-  checksum: 10c0/undefined
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
@@ -22238,6 +21611,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "www@workspace:apps/www"
   dependencies:
+    "@ariakit/react": "npm:0.4.7"
     "@radix-ui/colors": "npm:3.0.0"
     "@radix-ui/react-accessible-icon": "npm:^1.1.0"
     "@radix-ui/react-accordion": "npm:^1.2.0"
@@ -22315,7 +21689,6 @@ __metadata:
     "@udecode/plate-markdown": "workspace:^"
     "@udecode/plate-media": "workspace:^"
     "@udecode/plate-mention": "workspace:^"
-    "@udecode/plate-menu": "workspace:^"
     "@udecode/plate-node-id": "workspace:^"
     "@udecode/plate-normalizers": "workspace:^"
     "@udecode/plate-playwright": "workspace:^"
@@ -22394,7 +21767,6 @@ __metadata:
     unist-builder: "npm:4.0.0"
     unist-util-visit: "npm:^5.0.0"
     vaul: "npm:0.9.0"
-  checksum: 10c0/undefined
   languageName: unknown
   linkType: soft
 

From fdcb110b45cb0112d775c08cc3c63def3c60f63f Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 12 Oct 2024 21:26:45 +0800
Subject: [PATCH 058/127] iframe

---
 apps/www/content/docs/copilot.mdx           | 2 +-
 apps/www/src/app/_components/home-tabs.tsx  | 8 ++++++++
 apps/www/src/app/_components/potion-tab.tsx | 9 +++++++++
 3 files changed, 18 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/src/app/_components/potion-tab.tsx

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 8fc34e22f7..fcab3b5dd3 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -110,7 +110,7 @@ Here's a more detailed example of how you might implement this function:
 The Copilot plugin maintains its own state to manage the suggestion process. The state can be either 'idle' or 'completed'. Here's a breakdown of what each state means:
 
 ```ts
-type CopilotState = 'idle' | 'completed';
+type CopilotState = 'error' | 'idle' | 'pending' | 'success';
 ```
 
 - `idle`: This is the default state. It indicates that the Copilot is not currently providing a suggestion or has finished processing the previous suggestion.
diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/_components/home-tabs.tsx
index fa604c3be5..a693ab80e8 100644
--- a/apps/www/src/app/_components/home-tabs.tsx
+++ b/apps/www/src/app/_components/home-tabs.tsx
@@ -13,6 +13,9 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/registry/default/plate-ui/button';
 
 const InstallationTab = dynamic(() => import('./installation-tab'));
+const PotionTab = dynamic(() => import('./potion-tab'), {
+  loading: () => <div>Loading...</div>,
+});
 
 export default function HomeTabs() {
   const active = settingsStore.use.showSettings();
@@ -47,6 +50,7 @@ export default function HomeTabs() {
         <TabsList>
           <TabsTrigger value="playground">Playground</TabsTrigger>
           <TabsTrigger value="installation">Installation</TabsTrigger>
+          <TabsTrigger value="potion">Potion Template</TabsTrigger>
         </TabsList>
 
         <Button
@@ -76,6 +80,10 @@ export default function HomeTabs() {
             <InstallationTab />
           </div>
         </TabsContent>
+
+        <TabsContent className="pt-2" value="potion">
+          <PotionTab />
+        </TabsContent>
       </Tabs>
     </div>
   );
diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/_components/potion-tab.tsx
new file mode 100644
index 0000000000..8fc2a3d5ae
--- /dev/null
+++ b/apps/www/src/app/_components/potion-tab.tsx
@@ -0,0 +1,9 @@
+export default function PotionTab() {
+  return (
+    <iframe
+      className="h-[800px] w-full rounded-lg border"
+      title="potion"
+      src="https://potion.platejs.org/"
+    />
+  );
+}

From 1ae2ff8ce6fa828cc2bca2cc809f7e0c185f83a7 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 13 Oct 2024 20:58:47 +0800
Subject: [PATCH 059/127] docs

---
 apps/www/content/docs/block-menu.mdx          | 185 ++++++++++++++++++
 apps/www/content/docs/callout.mdx             |  55 +++---
 apps/www/content/docs/context-menu.mdx        |  54 -----
 apps/www/content/docs/media-placeholder.mdx   | 107 ++++++++++
 apps/www/content/docs/toc.mdx                 |   2 +
 apps/www/src/config/docs.ts                   |  20 +-
 packages/callout/src/lib/BaseCalloutPlugin.ts |  12 +-
 .../lib/placeholder/BasePlaceholderPlugin.ts  |  20 +-
 .../src/react/components/BlockSelectable.tsx  |   3 +-
 9 files changed, 368 insertions(+), 90 deletions(-)
 create mode 100644 apps/www/content/docs/block-menu.mdx
 delete mode 100644 apps/www/content/docs/context-menu.mdx
 create mode 100644 apps/www/content/docs/media-placeholder.mdx

diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
new file mode 100644
index 0000000000..f98c6f546b
--- /dev/null
+++ b/apps/www/content/docs/block-menu.mdx
@@ -0,0 +1,185 @@
+---
+title: Block Menu
+description: Allows you to perform a series of custom operations on the block.
+docs:
+  - route: https://pro.platejs.org/docs/components/block-menu
+    title: Block Menu
+
+  - route: https://pro.platejs.org/docs/components/block-context-menu
+    title: Block Context Menu
+---
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="context-menu"
+  component="context-menu"
+/>
+
+<PackageInfo>
+
+## Features
+
+- Provides quick transform for a single block.
+- Allows you to perform actions on blocks such as duplicating, deleting, or moving.
+- Customizable menu items and actions.
+- Accessible via right-click or a dedicated button like drag-handle.
+- Supports keyboard navigation for improved accessibility.
+
+</PackageInfo>
+
+## Installation
+
+```bash
+npm install @udecode/plate-selection
+```
+
+## Usage
+
+We recommend installing the [BlockSelection](/docs/block-selection) plugin.When you want to use the block menu
+
+Block Selection provides a visual effect to indicate which block the user is about to interact with
+
+```tsx
+// ...
+import { BlockMenuPlugin } from '@udecode/plate-selection/react';
+
+const editor = usePlateEditor({
+  id: 'context-menu-demo',
+  override: {
+    components: createPotionUI(),
+  },
+  plugins: [
+    ...otherPlugins,
+    NodeIdPlugin,
+    BlockSelectionPlugin.configure({
+      options: {
+        areaOptions: {
+          behaviour: {
+            scrolling: {
+              speedDivider: 1.5,
+            },
+            startThreshold: 10,
+          },
+          boundaries: '#scroll_container',
+          container: '#scroll_container',
+          selectables: '#scroll_container .slate-selectable',
+          selectionAreaClass: 'slate-selection-area',
+        },
+        enableContextMenu: true,
+      },
+    }),
+    BlockMenuPlugin.configure({
+      render: { aboveEditable: BlockContextMenu },
+    }),
+  ],
+  value: contextMenuValue,
+});
+```
+
+## Custom Block Menu
+
+### Customize Items
+
+The `block-menu-items.tsx` file contains the `blockMenuItems` object, which defines the configuration for each menu option. You can customize this object to suit your needs. Here's a breakdown of the key properties:
+
+```ts
+type BlockMenuItem = {
+  component: React.JSX.Element;
+  icon: React.JSX.Element;
+  keywords: string[];
+  label: string;
+  shortcut?: string;
+  // Only use in submenu
+  items?: BlockMenuItem[];
+  filterItems?: boolean;
+};
+```
+
+- `component`: Specifies the React component to render for the menu item. Configure the handler here as well.Only use in the submenu.
+- `filterItems`: A boolean flag indicating whether the item should be included in search results.
+- `icon`: Defines the icon to be displayed alongside the menu item.
+- `keywords`: An array of search terms associated with the menu item, used for filtering.
+- `label`: The text label shown for the menu item in the menu.
+- `shortcut`: Shortcut text displayed in the menu.You need to configure the shortcut key handler elsewhere.
+- `items`: An array of submenu items.
+
+### Customize Items Order
+
+Similarly, in this file, you can find an array called `orderedMenuItems`.
+
+```ts
+const orderedMenuItems = [
+  // Group 1
+  {
+    items: [blockMenuItems.comment],
+  },
+  // Group 2
+  {
+    items: [
+      blockMenuItems.askAI,
+      blockMenuItems.delete,
+      blockMenuItems.duplicate,
+      // Submenu
+      blockMenuItems[GROUP.TURN_INTO],
+    ],
+  },
+  // Group 3
+  {
+    items: [blockMenuItems[GROUP.COLOR]],
+  },
+];
+```
+
+This array determines the order and grouping of items in the block menu. Each object in the array represents a group, and the `items` property within each group contains the menu items for that group. You can rearrange the items, add new ones, or remove existing ones to customize the menu structure according to your preferences.
+
+### Styling
+
+You can customize the block menu's appearance in `menu.tsx` file.It is important to be careful not to affect the style of the AI menu.
+
+## Prevent opening of the right-click menu
+
+To control the opening of the right-click menu for specific elements, you can use the `data-open-context-menu` attribute:
+
+Generally, we only need to prevent right-clicking on the padding of the `<Editor />`.
+
+If you have a special plugin that needs to prevent the right-click menu from opening, you can use this property.
+
+Example usage:
+
+```tsx
+<PlateElement data-plate-open-context-menu={false} {...props}>
+  {children}
+</PlateElement>
+```
+
+## API
+
+### editor.api.blockMenu.hide
+
+Hides the block menu.
+
+### editor.api.blockMenu.show
+
+Shows the block menu for a specific block.
+
+<APIParameters>
+  <APIItem name="id" type="string">
+    The ID of the block to show the menu for.
+  </APIItem>
+  <APIItem name="position" type="{ x: number; y: number }" optional>
+    The position to show the menu at.
+  </APIItem>
+</APIParameters>
+
+### editor.api.blockMenu.showContextMenu
+
+Shows the context menu for a specific block.
+
+<APIParameters>
+  <APIItem name="blockId" type="string">
+    The ID of the block to show the context menu for.
+  </APIItem>
+  <APIItem name="position" type="{ x: number; y: number }">
+    The position to show the context menu at.
+  </APIItem>
+</APIParameters>
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index acea01d03c..66e8d7ff9f 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -1,54 +1,65 @@
 ---
 title: Callout
-description: allows you to select from a list of AI commands. 
+description: Callout is a block that allows you to highlight text or add additional information to a block.
 docs:
-  - route: https://pro.platejs.org/docs/components/callout
-    title: Callout
+  - route: https://pro.platejs.org/docs/components/callout-element
+    title: Callout Element
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-callout" component="callout" />
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="callout"
+  component="callout"
+/>
 
 <PackageInfo>
 
 ## Features
 
-- Provides an AI-powered menu.
-- Offers a selection of AI commands to enhance content creation and editing.
-- Seamlessly integrates AI assistance within the editor interface.
+- Provides quick transform for a single block.
+- Allows you to perform actions on blocks such as duplicating, deleting, or moving.
+- Customizable menu items and actions.
+- Accessible via right-click or a dedicated button like drag-handle.
+- Supports keyboard navigation for improved accessibility.
 
 </PackageInfo>
 
 ## Installation
 
+
 ```bash
-npm install @udecode/plate-ai
+npm install @udecode/plate-callout
 ```
 
 ## Usage
 
 ```tsx
 // ...
-import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+import { CalloutPlugin } from '@udecode/plate-callout/react';
 
 const editor = usePlateEditor({
-  id: 'ai-demo',
+  id: 'callout-demo',
   override: {
-    components: PlateUI,
+    components: {
+      ...otherComponents,
+      [CalloutPlugin.key]: CalloutElement,
+    },
   },
   plugins: [
-    ...commonPlugins,
-    SelectionOverlayPlugin,
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    AIPlugin.configure({
-      options: {
-        scrollContainerSelector: '#scroll_container',
-      },
-      render: { aboveEditable: AIMenu },
-    }),
+    ...otherPlugins,
+    CalloutPlugin,
   ],
-  value: aiValue,
+  value: calloutValue,
 });
 ```
 
-## API
+## Transforms
+
+### editor.tf.callout.insert
 
+Inserts a callout.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
diff --git a/apps/www/content/docs/context-menu.mdx b/apps/www/content/docs/context-menu.mdx
deleted file mode 100644
index def4235e8e..0000000000
--- a/apps/www/content/docs/context-menu.mdx
+++ /dev/null
@@ -1,54 +0,0 @@
----
-title: Context Menu
-description: allows you to select from a list of AI commands. 
-docs:
-  - route: https://pro.platejs.org/docs/components/context-menu
-    title: Context Menu
----
-
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-context-menu" component="context-menu" />
-
-<PackageInfo>
-
-## Features
-
-- Provides an AI-powered menu.
-- Offers a selection of AI commands to enhance content creation and editing.
-- Seamlessly integrates AI assistance within the editor interface.
-
-</PackageInfo>
-
-## Installation
-
-```bash
-npm install @udecode/plate-ai
-```
-
-## Usage
-
-```tsx
-// ...
-import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
-
-const editor = usePlateEditor({
-  id: 'ai-demo',
-  override: {
-    components: PlateUI,
-  },
-  plugins: [
-    ...commonPlugins,
-    SelectionOverlayPlugin,
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    AIPlugin.configure({
-      options: {
-        scrollContainerSelector: '#scroll_container',
-      },
-      render: { aboveEditable: AIMenu },
-    }),
-  ],
-  value: aiValue,
-});
-```
-
-## API
-
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
new file mode 100644
index 0000000000..48fe7eb957
--- /dev/null
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -0,0 +1,107 @@
+---
+title: Media Placeholder
+description: A placeholder component for inserting various types of media content into the editor.
+docs:
+  - route: /docs/components/placeholder
+    title: Placeholder Element
+---
+
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="upload"
+  component="upload"
+/>
+
+
+<PackageInfo>
+
+## Features
+
+- Displays placeholder for media elements (image, video, audio, file).
+- Allows typing URLs or uploading local files directly in the placeholder.
+- Customizable placeholder text and styles for different media types.
+- Automatically converts to the appropriate media element when URL is entered or file is uploaded.
+- Improves user experience by providing a seamless way to insert media content.
+- Supports drag and drop functionality for easy file uploads.
+- Automatically validates URLs and file types for each media category.
+
+</PackageInfo>
+
+## Installation
+
+
+```bash
+npm install @udecode/plate-callout
+```
+
+## Usage
+
+```tsx
+// ...
+import {
+  AudioPlugin,
+  FilePlugin,
+  ImagePlugin,
+  MediaEmbedPlugin,
+  PlaceholderPlugin,
+  VideoPlugin,
+} from '@udecode/plate-media/react';
+
+const editor = usePlateEditor({
+  id: 'callout-demo',
+  override: {
+    components: {
+      ...otherComponents,
+      [PlaceholderPlugin.key]: MediaPlaceholderElement,
+    },
+  },
+  plugins: [
+    ...otherPlugins,
+    PlaceholderPlugin,
+  ],
+  value: calloutValue,
+});
+```
+
+## Transforms
+
+### editor.tf.placeholder.insertAudio
+
+Inserts a placeholder. Converts to an audio element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
+
+### editor.tf.placeholder.insertFile
+
+Inserts a placeholder. Converts to a file element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
+### editor.tf.placeholder.insertImage
+
+Inserts a placeholder. Converts to an image element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+### editor.tf.placeholder.insertVideo
+
+Inserts a placeholder. Converts to a video element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index c8886c5f44..4999d9c7cc 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -4,6 +4,8 @@ description: A customizable table of contents component for your documentation.
 docs:
   - route: components/toc-element
     title: Toc Element
+  - route: https://pro.platejs.org/docs/components/toc-sidebar
+    title: Toc Sidebar
 ---
 
 <ComponentPreview name="playground-demo" id="toc" />
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 90dca376eb..1afd04d39e 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -258,6 +258,11 @@ export const docsConfig: DocsConfig = {
           href: '/docs/autoformat',
           title: 'Autoformat',
         },
+        {
+          href: '/docs/block-menu',
+          label: 'Plus',
+          title: 'Block Menu',
+        },
         {
           href: '/docs/basic-elements',
           label: 'Element',
@@ -274,8 +279,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/callout',
-          label: 'WIP',
-          new: true,
+          label: 'Plus',
           title: 'Callout',
         },
         {
@@ -300,13 +304,6 @@ export const docsConfig: DocsConfig = {
           label: 'Leaf',
           title: 'Comments',
         },
-        {
-          href: '/docs/context-menu',
-          label: 'WIP',
-          new: true,
-          title: 'Context Menu',
-        },
-
         {
           href: '/docs/csv',
           title: 'CSV',
@@ -397,6 +394,11 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'Mention',
         },
+        {
+          href: '/docs/media-placeholder',
+          label: 'Plus',
+          title: 'Media Placeholder',
+        },
         {
           href: '/docs/reset-node',
           title: 'Reset Node',
diff --git a/packages/callout/src/lib/BaseCalloutPlugin.ts b/packages/callout/src/lib/BaseCalloutPlugin.ts
index 2466c38e60..41e6bc4196 100644
--- a/packages/callout/src/lib/BaseCalloutPlugin.ts
+++ b/packages/callout/src/lib/BaseCalloutPlugin.ts
@@ -1,4 +1,10 @@
-import { type TElement, createSlatePlugin } from '@udecode/plate-common';
+import {
+  type TElement,
+  bindFirst,
+  createSlatePlugin,
+} from '@udecode/plate-common';
+
+import { insertCallout } from './transforms';
 
 export interface TCalloutElement extends TElement {
   backgroundColor?: string;
@@ -16,4 +22,6 @@ export type CalloutColor = {
 export const BaseCalloutPlugin = createSlatePlugin({
   key: 'callout',
   node: { isElement: true },
-});
+}).extendTransforms(({ editor }) => ({
+  insert: bindFirst(insertCallout, editor),
+}));
diff --git a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
index 3b4e0899fb..cbf0603ba6 100644
--- a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
+++ b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
@@ -1,10 +1,26 @@
-import { type PluginConfig, createTSlatePlugin } from '@udecode/plate-common';
+import {
+  type PluginConfig,
+  bindFirst,
+  createTSlatePlugin,
+} from '@udecode/plate-common';
 
 import type { MediaPlaceholder } from './types';
 
+import {
+  insertAudioPlaceholder,
+  insertFilePlaceholder,
+  insertImagePlaceholder,
+  insertVideoPlaceholder,
+} from './transforms';
+
 export type PlaceholderConfig = PluginConfig<'placeholder', MediaPlaceholder>;
 
 export const BasePlaceholderPlugin = createTSlatePlugin<PlaceholderConfig>({
   key: 'placeholder',
   node: { isElement: true, isVoid: true },
-});
+}).extendTransforms(({ editor }) => ({
+  insertAudio: bindFirst(insertAudioPlaceholder, editor),
+  insertFile: bindFirst(insertFilePlaceholder, editor),
+  insertImage: bindFirst(insertImagePlaceholder, editor),
+  insertVideo: bindFirst(insertVideoPlaceholder, editor),
+}));
diff --git a/packages/selection/src/react/components/BlockSelectable.tsx b/packages/selection/src/react/components/BlockSelectable.tsx
index 93f2a28fb2..2772b07e9f 100644
--- a/packages/selection/src/react/components/BlockSelectable.tsx
+++ b/packages/selection/src/react/components/BlockSelectable.tsx
@@ -94,7 +94,8 @@ export const useBlockSelectable = ({
             const id = nodeEntry[0].id as string | undefined;
             const isSelected = getOption('isSelected', id);
             const isOpenAlways =
-              (event.target as HTMLElement).dataset?.openContextMenu === 'true';
+              (event.target as HTMLElement).dataset?.plateOpenContextMenu ===
+              'true';
 
             /**
              * When "block selected or is void or has openContextMenu props",

From c9fdfcd37d0bd0aa58b07eabe7eb17b83b22a090 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sun, 13 Oct 2024 21:45:23 +0800
Subject: [PATCH 060/127] docs

---
 apps/www/content/docs/media-placeholder.mdx               | 8 ++++----
 .../media/src/lib/placeholder/BasePlaceholderPlugin.ts    | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index 48fe7eb957..f8c09edac9 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -66,7 +66,7 @@ const editor = usePlateEditor({
 
 ## Transforms
 
-### editor.tf.placeholder.insertAudio
+### editor.tf.placeholder.insertAudioPlaceholder
 
 Inserts a placeholder. Converts to an audio element when completed.
 <APIParameters>
@@ -77,7 +77,7 @@ Inserts a placeholder. Converts to an audio element when completed.
 
 
 
-### editor.tf.placeholder.insertFile
+### editor.tf.placeholder.insertFilePlaceholder
 
 Inserts a placeholder. Converts to a file element when completed.
 <APIParameters>
@@ -87,7 +87,7 @@ Inserts a placeholder. Converts to a file element when completed.
 </APIParameters>
 
 
-### editor.tf.placeholder.insertImage
+### editor.tf.placeholder.insertImagePlaceholder
 
 Inserts a placeholder. Converts to an image element when completed.
 <APIParameters>
@@ -96,7 +96,7 @@ Inserts a placeholder. Converts to an image element when completed.
   </APIItem>
 </APIParameters>
 
-### editor.tf.placeholder.insertVideo
+### editor.tf.placeholder.insertVideoPlaceholder
 
 Inserts a placeholder. Converts to a video element when completed.
 <APIParameters>
diff --git a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
index cbf0603ba6..70028fdf55 100644
--- a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
+++ b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
@@ -19,8 +19,8 @@ export const BasePlaceholderPlugin = createTSlatePlugin<PlaceholderConfig>({
   key: 'placeholder',
   node: { isElement: true, isVoid: true },
 }).extendTransforms(({ editor }) => ({
-  insertAudio: bindFirst(insertAudioPlaceholder, editor),
-  insertFile: bindFirst(insertFilePlaceholder, editor),
-  insertImage: bindFirst(insertImagePlaceholder, editor),
-  insertVideo: bindFirst(insertVideoPlaceholder, editor),
+  insertAudioPlaceholder: bindFirst(insertAudioPlaceholder, editor),
+  insertFilePlaceholder: bindFirst(insertFilePlaceholder, editor),
+  insertImagePlaceholder: bindFirst(insertImagePlaceholder, editor),
+  insertVideoPlaceholder: bindFirst(insertVideoPlaceholder, editor),
 }));

From 127d0005c5bfe9ae95a5c8c2e002a9b023835074 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 15 Oct 2024 16:12:16 +0800
Subject: [PATCH 061/127] equation docs

---
 apps/www/content/docs/equation.mdx            | 69 +++++++++++++------
 apps/www/src/config/docs.ts                   |  3 +-
 packages/math/src/lib/BaseEquationPlugin.ts   | 12 +++-
 .../math/src/lib/BaseInlineEquationPlugin.ts  |  8 ++-
 4 files changed, 64 insertions(+), 28 deletions(-)

diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index a68e6867a9..d0d473f077 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -1,52 +1,77 @@
 ---
 title: Equation
-description: allows you to select from a list of AI commands. 
+description: Enables the insertion and rendering of LaTeX equations in your editor.
 docs:
-  - route: https://pro.platejs.org/docs/components/equation
-    title: Equation
+  - route: https://pro.platejs.org/docs/components/equation-element
+    title: Equation Element
+  - route: https://pro.platejs.org/docs/components/inline-equation-element
+    title: Inline Equation Element
+  - route: https://pro.platejs.org/docs/components/inline-equation-toolbar-button
+    title: Inline Equation Toolbar Button
 ---
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-equation" component="equation" />
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-equation"
+  component="equation"
+/>
 
 <PackageInfo>
 
 ## Features
 
-- Allows you to insert equations into your editor.
+- Allows you to insert inline LaTeX equations (e.g., `$E=mc^2$`) and block equations (e.g., `$$\int_a^b f(x) dx$$`) into your editor.
+- Renders both inline and block equations using KaTeX for high-quality mathematical typesetting.
+- Supports a wide range of LaTeX commands and symbols for complex mathematical expressions.
 
 </PackageInfo>
 
 ## Installation
 
 ```bash
-npm install @udecode/plate-ai
+npm install @udecode/plate-math
 ```
 
 ## Usage
 
 ```tsx
 // ...
-import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
+import { InlineEquationPlugin, EquationPlugin } from '@udecode/plate-math';
 
 const editor = usePlateEditor({
-  id: 'ai-demo',
+  id: 'equation-demo',
   override: {
-    components: PlateUI,
+    components: {
+      ...otherComponents,
+      [EquationPlugin.key]: EquationElement,
+      [InlineEquationPlugin.key]: InlineEquationElement,
+    },
   },
-  plugins: [
-    ...commonPlugins,
-    SelectionOverlayPlugin,
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    AIPlugin.configure({
-      options: {
-        scrollContainerSelector: '#scroll_container',
-      },
-      render: { aboveEditable: AIMenu },
-    }),
-  ],
-  value: aiValue,
+  plugins: [...commonPlugins, InlineEquationPlugin, EquationPlugin],
+  value: equationValue,
 });
 ```
+## Transforms
 
-## API
+### editor.tf.equation.insertEquation
 
+Inserts a empty block equation.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
+
+### editor.tf.inline_equation.insertInlineEquation
+
+Inserts an inline equation.
+<APIParameters>
+  <APIItem name="texExpression" type="string" optional>
+    The LaTeX expression to insert. If not provided, an empty equation will be inserted.
+  </APIItem>
+  <APIItem name="options" type="InsertNodesOptions" optional>
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 1afd04d39e..68cff4cca1 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -327,8 +327,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/equation',
-          label: 'WIP',
-          new: true,
+          label: 'Plus',
           title: 'Equation',
         },
         {
diff --git a/packages/math/src/lib/BaseEquationPlugin.ts b/packages/math/src/lib/BaseEquationPlugin.ts
index 48cb144c7e..d9ca18bccd 100644
--- a/packages/math/src/lib/BaseEquationPlugin.ts
+++ b/packages/math/src/lib/BaseEquationPlugin.ts
@@ -1,4 +1,10 @@
-import { type TElement, createSlatePlugin } from '@udecode/plate-common';
+import {
+  type TElement,
+  bindFirst,
+  createSlatePlugin,
+} from '@udecode/plate-common';
+
+import { insertEquation } from './transforms';
 
 import 'katex/dist/katex.min.css';
 
@@ -9,4 +15,6 @@ export interface TEquationElement extends TElement {
 export const BaseEquationPlugin = createSlatePlugin({
   key: 'equation',
   node: { isElement: true, isVoid: true },
-});
+}).extendTransforms(({ editor }) => ({
+  insertEquation: bindFirst(insertEquation, editor),
+}));
diff --git a/packages/math/src/lib/BaseInlineEquationPlugin.ts b/packages/math/src/lib/BaseInlineEquationPlugin.ts
index 4a0ec19f6b..80bf1970d4 100644
--- a/packages/math/src/lib/BaseInlineEquationPlugin.ts
+++ b/packages/math/src/lib/BaseInlineEquationPlugin.ts
@@ -1,6 +1,10 @@
-import { createSlatePlugin } from '@udecode/plate-common';
+import { bindFirst, createSlatePlugin } from '@udecode/plate-common';
+
+import { insertInlineEquation } from './transforms';
 
 export const BaseInlineEquationPlugin = createSlatePlugin({
   key: 'inline_equation',
   node: { isElement: true, isInline: true, isVoid: true },
-});
+}).extendTransforms(({ editor }) => ({
+  insertInlineEquation: bindFirst(insertInlineEquation, editor),
+}));

From 367a01bbfed2afeed387ad4fc8a3116f3c8d3d35 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 15 Oct 2024 16:29:59 +0800
Subject: [PATCH 062/127] docs

---
 apps/www/content/docs/upload.mdx | 2 --
 apps/www/src/config/docs.ts      | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/apps/www/content/docs/upload.mdx b/apps/www/content/docs/upload.mdx
index 293a3d7426..0948469553 100644
--- a/apps/www/content/docs/upload.mdx
+++ b/apps/www/content/docs/upload.mdx
@@ -18,5 +18,3 @@ docs:
 - Seamless integration with the editor
 
 </PackageInfo>
-
-## Installation
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 68cff4cca1..f11b13a678 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -470,7 +470,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/upload',
-          new: true,
+          label: 'Plus',
           title: 'Upload',
         },
       ],

From 8de87f0a6bae97a0bbb2203bbcd5f9917a6a4512 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 15 Oct 2024 17:27:51 +0800
Subject: [PATCH 063/127] docs

---
 .../docs/components/blockquote-element.mdx    | 20 +++++++++++++++++++
 apps/www/content/docs/components/caption.mdx  | 15 ++++++++++++++
 .../docs/components/code-block-element.mdx    | 17 ++++++++++++++++
 .../docs/components/color-dropdown-menu.mdx   | 15 ++++++++++++++
 .../content/docs/components/comment-leaf.mdx  | 11 ++++++++++
 .../components/comment-toolbar-button.mdx     | 10 ++++++++++
 .../docs/components/comments-popover.mdx      | 11 ++++++++++
 .../www/content/docs/components/draggable.mdx | 13 +++++++++++-
 .../components/floating-toolbar-buttons.mdx   |  9 +++++++++
 .../docs/components/floating-toolbar.mdx      |  7 ++++++-
 .../content/docs/components/image-element.mdx | 12 +++++++++--
 apps/www/src/config/docs.ts                   |  1 -
 12 files changed, 136 insertions(+), 5 deletions(-)

diff --git a/apps/www/content/docs/components/blockquote-element.mdx b/apps/www/content/docs/components/blockquote-element.mdx
index b030cbb009..65eec0f0d1 100644
--- a/apps/www/content/docs/components/blockquote-element.mdx
+++ b/apps/www/content/docs/components/blockquote-element.mdx
@@ -60,3 +60,23 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+## Plus
+
+In Plate Plus, we have enhanced the block quote functionality:
+
+- Optimized quote styling for a more polished appearance
+- Added the ability to convert any element into a block quote using:
+  - The toolbar
+  - The right-click context menu
+  - The plus button next to the DnD button.
+- Improved user experience for working with block quotes
+
+These enhancements make it easier and more intuitive to use block quotes in your content.
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-blockquote"
+  component="basic-nodes"
+/>
+
diff --git a/apps/www/content/docs/components/caption.mdx b/apps/www/content/docs/components/caption.mdx
index 77a9915be6..228a4c17d6 100644
--- a/apps/www/content/docs/components/caption.mdx
+++ b/apps/www/content/docs/components/caption.mdx
@@ -63,3 +63,18 @@ Update the import paths to match your project setup.
 
 <ComponentSource name="image-element" />
 <ComponentSource name="media-embed-element" />
+
+
+## Plus
+
+In Plate Plus, we have enhanced the caption user experience:
+
+Use the media toolbar to add captions when hovering over the image.
+
+Try it out by hovering over the image in the example below.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-caption"
+  component="upload"
+/>
diff --git a/apps/www/content/docs/components/code-block-element.mdx b/apps/www/content/docs/components/code-block-element.mdx
index 735374ef33..a9034fd8ab 100644
--- a/apps/www/content/docs/components/code-block-element.mdx
+++ b/apps/www/content/docs/components/code-block-element.mdx
@@ -64,3 +64,20 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+## Plus
+
+In Plate Plus, we've enhanced the code block user experience with two new features:
+
+1. A "Copy" button to easily copy the entire code snippet.
+2. A "Block Menu" button to access additional options and actions.
+
+These buttons appear in the top right corner of the code block when you hover over it, providing a clean and intuitive interface.
+
+This improved functionality makes working with code blocks more efficient and user-friendly in Plate Plus.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="basic-nodes"
+/>
diff --git a/apps/www/content/docs/components/color-dropdown-menu.mdx b/apps/www/content/docs/components/color-dropdown-menu.mdx
index 0d8d615e8b..a0e7007736 100644
--- a/apps/www/content/docs/components/color-dropdown-menu.mdx
+++ b/apps/www/content/docs/components/color-dropdown-menu.mdx
@@ -79,3 +79,18 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx" />
+
+## Plus
+
+In Plate Plus, we've enhanced the color dropdown menu user experience with two new features:
+
+1. Text color can be modified using the floating toolbar or block menu, providing more flexibility in formatting.
+2. An improved color picker interface with custom color options and a color input field for precise color selection.
+
+These enhancements make it easier and more intuitive to customize text colors in your content.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="basic-nodes"
+/>
diff --git a/apps/www/content/docs/components/comment-leaf.mdx b/apps/www/content/docs/components/comment-leaf.mdx
index bd3b0cca02..ac2dcd8e8d 100644
--- a/apps/www/content/docs/components/comment-leaf.mdx
+++ b/apps/www/content/docs/components/comment-leaf.mdx
@@ -60,3 +60,14 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="comment" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+## Plus
+
+In Plate Plus, we provide more user-friendly styles and a complete **backend** design
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="comments"
+/>
diff --git a/apps/www/content/docs/components/comment-toolbar-button.mdx b/apps/www/content/docs/components/comment-toolbar-button.mdx
index bfc268e7c8..df4f3520df 100644
--- a/apps/www/content/docs/components/comment-toolbar-button.mdx
+++ b/apps/www/content/docs/components/comment-toolbar-button.mdx
@@ -64,3 +64,13 @@ Update the import paths to match your project setup.
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx" />
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx" />
+
+## Plus
+
+In Plate Plus, we provide more user-friendly styles and a complete **backend** design
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="comments"
+/>
diff --git a/apps/www/content/docs/components/comments-popover.mdx b/apps/www/content/docs/components/comments-popover.mdx
index 107b4e7e71..627ce50733 100644
--- a/apps/www/content/docs/components/comments-popover.mdx
+++ b/apps/www/content/docs/components/comments-popover.mdx
@@ -77,3 +77,14 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="comment" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+## Plus
+
+In Plate Plus, we provide more user-friendly styles and a complete **backend** design
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="comments"
+/>
diff --git a/apps/www/content/docs/components/draggable.mdx b/apps/www/content/docs/components/draggable.mdx
index 94118b952e..d830297a89 100644
--- a/apps/www/content/docs/components/draggable.mdx
+++ b/apps/www/content/docs/components/draggable.mdx
@@ -106,4 +106,15 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 
 ## Examples
 
-<ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
\ No newline at end of file
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+## Plus
+
+In Plate Plus, we provide more user-friendly styles and you can open [block menu](/docs/block-menu) by clicking on the draggable button.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-code-block"
+  component="basic-nodes"
+/>
diff --git a/apps/www/content/docs/components/floating-toolbar-buttons.mdx b/apps/www/content/docs/components/floating-toolbar-buttons.mdx
index 52f069bf84..ee1bfaa22d 100644
--- a/apps/www/content/docs/components/floating-toolbar-buttons.mdx
+++ b/apps/www/content/docs/components/floating-toolbar-buttons.mdx
@@ -69,3 +69,12 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
+
+
+### Plus
+
+In Plate Plus, we have designed beautiful animations and more comprehensive buttons for the floating toolbar. 
+
+Try it out by selecting some text in the below editor.
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
\ No newline at end of file
diff --git a/apps/www/content/docs/components/floating-toolbar.mdx b/apps/www/content/docs/components/floating-toolbar.mdx
index b463d0f7a3..5f643cd8b8 100644
--- a/apps/www/content/docs/components/floating-toolbar.mdx
+++ b/apps/www/content/docs/components/floating-toolbar.mdx
@@ -67,5 +67,10 @@ Update the import paths to match your project setup.
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
 
 
-### Pro
+### Plus
+
+In Plate Plus, we have designed beautiful animations and more comprehensive buttons for the floating toolbar. 
+
+Try it out by selecting some text in the below editor.
+
 <ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
\ No newline at end of file
diff --git a/apps/www/content/docs/components/image-element.mdx b/apps/www/content/docs/components/image-element.mdx
index 09ce384a2d..42d29d8d8c 100644
--- a/apps/www/content/docs/components/image-element.mdx
+++ b/apps/www/content/docs/components/image-element.mdx
@@ -71,5 +71,13 @@ Update the import paths to match your project setup.
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
 
 
-### Pro
-<ComponentPreviewPro name="pro-iframe-demo" id="media-pro" component="media-controller" />
+## Plus
+
+In Plate Plus, we have significantly enhanced the image user experience with the following features:
+
+1. **Media Toolbar**: A convenient toolbar appears when hovering over an image, providing quick access to editing options.
+2. **Full-Stack Backend Integration**: Seamlessly handle image uploads, storage, and retrieval with our robust backend integration.
+3. **Image preview**: double click to see the image preview.
+4. **Download image**: download the image to your local machine by media toolbar.
+
+<ComponentPreviewPro name="pro-iframe-demo" id="media-pro" component="upload" />
\ No newline at end of file
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index f11b13a678..508a72b6b4 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -59,7 +59,6 @@ export const docsConfig: DocsConfig = {
         customizerComponents.codeLineElement,
         customizerComponents.codeSyntaxLeaf,
         customizerComponents.colorDropdownMenu,
-        customizerComponents.combobox,
         customizerComponents.command,
         customizerComponents.commentLeaf,
         customizerComponents.commentToolbarButton,

From b50274248e13e1cee7f356177a8bf1538ad0ce08 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 15 Oct 2024 20:00:19 +0800
Subject: [PATCH 064/127] fix

---
 .../content/docs/components/insert-dropdown-menu.mdx |  8 ++++++++
 .../docs/components/turn-into-dropdown-menu.mdx      |  9 +++++++++
 apps/www/content/docs/equation.mdx                   |  4 ++--
 apps/www/content/docs/media-placeholder.mdx          |  8 ++++----
 packages/math/src/lib/BaseEquationPlugin.ts          |  6 ++++--
 packages/math/src/lib/BaseInlineEquationPlugin.ts    |  6 ++++--
 .../src/lib/placeholder/BasePlaceholderPlugin.ts     | 12 +++++++-----
 7 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/apps/www/content/docs/components/insert-dropdown-menu.mdx b/apps/www/content/docs/components/insert-dropdown-menu.mdx
index 7e68f99548..3b6b7030d0 100644
--- a/apps/www/content/docs/components/insert-dropdown-menu.mdx
+++ b/apps/www/content/docs/components/insert-dropdown-menu.mdx
@@ -72,3 +72,11 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx" />
+
+## Plus
+
+In Plate Plus, we provide a new way to insert blocks. 
+
+Click the plus button next to the drag button
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-insert-dropdown-menu" component="basic-nodes" />
\ No newline at end of file
diff --git a/apps/www/content/docs/components/turn-into-dropdown-menu.mdx b/apps/www/content/docs/components/turn-into-dropdown-menu.mdx
index 9d5fac3507..8649f0f048 100644
--- a/apps/www/content/docs/components/turn-into-dropdown-menu.mdx
+++ b/apps/www/content/docs/components/turn-into-dropdown-menu.mdx
@@ -73,3 +73,12 @@ Update the import paths to match your project setup.
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx" />
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx" />
+
+
+## Plus
+
+In Plate Plus, we have optimized the styles and added beautiful animations.
+
+Try it out by selecting some text in the below editor.
+
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-turn-into-dropdown-menu" component="basic-nodes" />
\ No newline at end of file
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index d0d473f077..cf9f90a3dd 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -53,7 +53,7 @@ const editor = usePlateEditor({
 ```
 ## Transforms
 
-### editor.tf.equation.insertEquation
+### editor.tf.insert.equation
 
 Inserts a empty block equation.
 <APIParameters>
@@ -64,7 +64,7 @@ Inserts a empty block equation.
 
 
 
-### editor.tf.inline_equation.insertInlineEquation
+### editor.tf.insert.inlineEquation
 
 Inserts an inline equation.
 <APIParameters>
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index f8c09edac9..7359c21e0a 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -66,7 +66,7 @@ const editor = usePlateEditor({
 
 ## Transforms
 
-### editor.tf.placeholder.insertAudioPlaceholder
+### editor.tf.insert.audioPlaceholder
 
 Inserts a placeholder. Converts to an audio element when completed.
 <APIParameters>
@@ -77,7 +77,7 @@ Inserts a placeholder. Converts to an audio element when completed.
 
 
 
-### editor.tf.placeholder.insertFilePlaceholder
+### editor.tf.insert.filePlaceholder
 
 Inserts a placeholder. Converts to a file element when completed.
 <APIParameters>
@@ -87,7 +87,7 @@ Inserts a placeholder. Converts to a file element when completed.
 </APIParameters>
 
 
-### editor.tf.placeholder.insertImagePlaceholder
+### editor.tf.insert.imagePlaceholder
 
 Inserts a placeholder. Converts to an image element when completed.
 <APIParameters>
@@ -96,7 +96,7 @@ Inserts a placeholder. Converts to an image element when completed.
   </APIItem>
 </APIParameters>
 
-### editor.tf.placeholder.insertVideoPlaceholder
+### editor.tf.insert.videoPlaceholder
 
 Inserts a placeholder. Converts to a video element when completed.
 <APIParameters>
diff --git a/packages/math/src/lib/BaseEquationPlugin.ts b/packages/math/src/lib/BaseEquationPlugin.ts
index d9ca18bccd..4456d1cb8d 100644
--- a/packages/math/src/lib/BaseEquationPlugin.ts
+++ b/packages/math/src/lib/BaseEquationPlugin.ts
@@ -15,6 +15,8 @@ export interface TEquationElement extends TElement {
 export const BaseEquationPlugin = createSlatePlugin({
   key: 'equation',
   node: { isElement: true, isVoid: true },
-}).extendTransforms(({ editor }) => ({
-  insertEquation: bindFirst(insertEquation, editor),
+}).extendEditorTransforms(({ editor }) => ({
+  insert: {
+    equation: bindFirst(insertEquation, editor),
+  },
 }));
diff --git a/packages/math/src/lib/BaseInlineEquationPlugin.ts b/packages/math/src/lib/BaseInlineEquationPlugin.ts
index 80bf1970d4..0b93a05076 100644
--- a/packages/math/src/lib/BaseInlineEquationPlugin.ts
+++ b/packages/math/src/lib/BaseInlineEquationPlugin.ts
@@ -5,6 +5,8 @@ import { insertInlineEquation } from './transforms';
 export const BaseInlineEquationPlugin = createSlatePlugin({
   key: 'inline_equation',
   node: { isElement: true, isInline: true, isVoid: true },
-}).extendTransforms(({ editor }) => ({
-  insertInlineEquation: bindFirst(insertInlineEquation, editor),
+}).extendEditorTransforms(({ editor }) => ({
+  insert: {
+    inlineEquation: bindFirst(insertInlineEquation, editor),
+  },
 }));
diff --git a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
index 70028fdf55..b561355606 100644
--- a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
+++ b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
@@ -18,9 +18,11 @@ export type PlaceholderConfig = PluginConfig<'placeholder', MediaPlaceholder>;
 export const BasePlaceholderPlugin = createTSlatePlugin<PlaceholderConfig>({
   key: 'placeholder',
   node: { isElement: true, isVoid: true },
-}).extendTransforms(({ editor }) => ({
-  insertAudioPlaceholder: bindFirst(insertAudioPlaceholder, editor),
-  insertFilePlaceholder: bindFirst(insertFilePlaceholder, editor),
-  insertImagePlaceholder: bindFirst(insertImagePlaceholder, editor),
-  insertVideoPlaceholder: bindFirst(insertVideoPlaceholder, editor),
+}).extendEditorTransforms(({ editor }) => ({
+  insert: {
+    audioPlaceholder: bindFirst(insertAudioPlaceholder, editor),
+    filePlaceholder: bindFirst(insertFilePlaceholder, editor),
+    imagePlaceholder: bindFirst(insertImagePlaceholder, editor),
+    videoPlaceholder: bindFirst(insertVideoPlaceholder, editor),
+  },
 }));

From 0f80adb0a733d488c28babc836b7abf6e31b8de4 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Tue, 15 Oct 2024 21:00:39 +0800
Subject: [PATCH 065/127] docs

---
 apps/www/src/app/_components/potion-tab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/_components/potion-tab.tsx
index 8fc2a3d5ae..f49dfeded2 100644
--- a/apps/www/src/app/_components/potion-tab.tsx
+++ b/apps/www/src/app/_components/potion-tab.tsx
@@ -3,7 +3,7 @@ export default function PotionTab() {
     <iframe
       className="h-[800px] w-full rounded-lg border"
       title="potion"
-      src="https://potion.platejs.org/"
+      src="https://potion.platejs.org?iframe-blank=true"
     />
   );
 }

From bea337babbbea71fd4f7ddba7727118bdf2863ca Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 16 Oct 2024 10:02:30 +0800
Subject: [PATCH 066/127] fix

---
 apps/www/src/app/_components/potion-tab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/_components/potion-tab.tsx
index f49dfeded2..03ff76d328 100644
--- a/apps/www/src/app/_components/potion-tab.tsx
+++ b/apps/www/src/app/_components/potion-tab.tsx
@@ -3,7 +3,7 @@ export default function PotionTab() {
     <iframe
       className="h-[800px] w-full rounded-lg border"
       title="potion"
-      src="https://potion.platejs.org?iframe-blank=true"
+      src="https://potion.platejs.org/ai-menu/?iframe-blank=true"
     />
   );
 }

From d6a4e6c9866090ea177990364ad94a35732f2cfe Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 16 Oct 2024 19:07:45 +0800
Subject: [PATCH 067/127] docs

---
 apps/www/content/docs/ai.mdx                  |  2 +-
 apps/www/content/docs/block-menu.mdx          | 59 ---------------
 apps/www/content/docs/callout.mdx             |  2 +-
 apps/www/content/docs/copilot.mdx             |  3 +
 apps/www/content/docs/slash-command.mdx       | 72 ++++++++++---------
 apps/www/src/components/doc-page-layout.tsx   | 10 ++-
 apps/www/src/components/ui/badge.tsx          |  1 +
 apps/www/src/config/docs.ts                   | 20 ++----
 packages/callout/src/lib/BaseCalloutPlugin.ts |  4 +-
 9 files changed, 58 insertions(+), 115 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index bb1d8a29f4..88d5839e4e 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -397,7 +397,7 @@ This template serves as an excellent starting point for your AI-enhanced editing
 allowing you to leverage advanced features without the need for extensive setup.
 
 <div className="mt-10">
-  <iframe src="https://potion.platejs.org" title="Potion" width="100%" height="700px" />
+  <iframe src="https://potion.platejs.org/ai-menu?hidden-sidebar=true&iframe-blank=true" title="Potion" width="100%" height="700px" />
 </div>
 
 
diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index f98c6f546b..675e4e5247 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -76,65 +76,6 @@ const editor = usePlateEditor({
 });
 ```
 
-## Custom Block Menu
-
-### Customize Items
-
-The `block-menu-items.tsx` file contains the `blockMenuItems` object, which defines the configuration for each menu option. You can customize this object to suit your needs. Here's a breakdown of the key properties:
-
-```ts
-type BlockMenuItem = {
-  component: React.JSX.Element;
-  icon: React.JSX.Element;
-  keywords: string[];
-  label: string;
-  shortcut?: string;
-  // Only use in submenu
-  items?: BlockMenuItem[];
-  filterItems?: boolean;
-};
-```
-
-- `component`: Specifies the React component to render for the menu item. Configure the handler here as well.Only use in the submenu.
-- `filterItems`: A boolean flag indicating whether the item should be included in search results.
-- `icon`: Defines the icon to be displayed alongside the menu item.
-- `keywords`: An array of search terms associated with the menu item, used for filtering.
-- `label`: The text label shown for the menu item in the menu.
-- `shortcut`: Shortcut text displayed in the menu.You need to configure the shortcut key handler elsewhere.
-- `items`: An array of submenu items.
-
-### Customize Items Order
-
-Similarly, in this file, you can find an array called `orderedMenuItems`.
-
-```ts
-const orderedMenuItems = [
-  // Group 1
-  {
-    items: [blockMenuItems.comment],
-  },
-  // Group 2
-  {
-    items: [
-      blockMenuItems.askAI,
-      blockMenuItems.delete,
-      blockMenuItems.duplicate,
-      // Submenu
-      blockMenuItems[GROUP.TURN_INTO],
-    ],
-  },
-  // Group 3
-  {
-    items: [blockMenuItems[GROUP.COLOR]],
-  },
-];
-```
-
-This array determines the order and grouping of items in the block menu. Each object in the array represents a group, and the `items` property within each group contains the menu items for that group. You can rearrange the items, add new ones, or remove existing ones to customize the menu structure according to your preferences.
-
-### Styling
-
-You can customize the block menu's appearance in `menu.tsx` file.It is important to be careful not to affect the style of the AI menu.
 
 ## Prevent opening of the right-click menu
 
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index 66e8d7ff9f..5a073df3c1 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -55,7 +55,7 @@ const editor = usePlateEditor({
 
 ## Transforms
 
-### editor.tf.callout.insert
+### editor.tf.insert.callout
 
 Inserts a callout.
 <APIParameters>
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index fcab3b5dd3..112ad4a503 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -4,6 +4,9 @@ description: AI-powered assistant that provides intelligent suggestions and auto
 docs:
   - route: /docs/components/copilot-hover-card
     title: Copilot Hover Card
+  - route: https://pro.platejs.org/docs/components/copilot-hover-card
+    title: Copilot Hover Card
+ 
 ---
 
 <ComponentPreview name="playground-demo" id="copilot" />
diff --git a/apps/www/content/docs/slash-command.mdx b/apps/www/content/docs/slash-command.mdx
index e0e6e6c60f..98f3380d25 100644
--- a/apps/www/content/docs/slash-command.mdx
+++ b/apps/www/content/docs/slash-command.mdx
@@ -4,6 +4,10 @@ description: Allows you to insert various elements into your editor using a slas
 docs:
   - route: components/slash-input-element
     title: Slash Input Element
+  - route: https://pro.platejs.org/docs/components/slash-input-element
+    title: Slash Input Element
+
+
 ---
 
 <ComponentPreview name="playground-demo" id="slashCommand" />
@@ -17,7 +21,6 @@ docs:
 
 </PackageInfo>
 
-
 ## Installation
 
 ```bash
@@ -62,17 +65,21 @@ interface SlashCommandRule {
 Let's explore the configuration options for each slash command:
 
 - `icon`: React component
+
   - Renders the icon displayed before the slash command option
 
 - `onSelect`: Function(editor: PlateEditor) => void
+
   - Called when the option is selected
   - Receives the `editor` as an argument for performing actions
 
 - `value`: string
+
   - Display text for the slash command option in the menu
   - Used for filtering when entering text
 
 - `focusEditor`: boolean (optional, default: true)
+
   - Will explain this option in the next section
 
 - `keywords`: string[] (optional)
@@ -80,7 +87,6 @@ Let's explore the configuration options for each slash command:
 
 These configuration options provide flexibility in customizing the behavior and appearance of slash commands in your editor.
 
-
 ## Focusing outside the editor
 
 By default, the editor maintains focus after selecting a slash command option. This behavior is generally desirable, as it allows users to seamlessly continue editing after inserting a new element. To achieve this, we automatically call `focusEditor(editor)` after the `onSelect` function is executed.
@@ -94,41 +100,43 @@ However, in certain scenarios, we may need to shift focus outside the editor to
 
 In such cases, we can set the `focusEditor` option to `false` for the specific slash command. This prevents the automatic refocusing of the editor, allowing us to manually control focus as needed.
 
-Here is an example: 
+Here is an example:
+
 ```ts
 const rules: SlashCommandRule[] = [
-   ...otherSlashCommands,
-   {
-      focusEditor: false,
-      icon: Icons.ai,
-      keywords: ['ai', 'generate', 'help', 'chat'],
-      value: 'AI',
-      onSelect: (editor) => {
-        const nodeEntry = getAncestorNode(editor)!;
-        const dom = toDOMNode(editor, nodeEntry[0])!;
-
-        //We have encapsulated the logic for focusing the input in the show API
-        editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
-
-        editor.setOptions(AIPlugin, {
-          aiState: 'idle',
-          menuType: 'selection',
-        });
-
-        editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
-
-        setTimeout(() => {
-          editor
-            .getApi(BlockSelectionPlugin)
-            .blockSelection.addSelectedRow(nodeEntry[0].id as string);
-        }, 0);
-      },
-    }
+  ...otherSlashCommands,
+  {
+    focusEditor: false,
+    icon: Icons.ai,
+    keywords: ['ai', 'generate', 'help', 'chat'],
+    value: 'AI',
+    onSelect: (editor) => {
+      const nodeEntry = getAncestorNode(editor)!;
+      const dom = toDOMNode(editor, nodeEntry[0])!;
+
+      //We have encapsulated the logic for focusing the input in the show API
+      editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+
+      editor.setOptions(AIPlugin, {
+        aiState: 'idle',
+        menuType: 'selection',
+      });
+
+      editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+
+      setTimeout(() => {
+        editor
+          .getApi(BlockSelectionPlugin)
+          .blockSelection.addSelectedRow(nodeEntry[0].id as string);
+      }, 0);
+    },
+  },
 ];
 ```
 
 ## Plate Plus
-We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload. 
+
+We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload.
 This provides a more robust and feature-rich editing experience for users who require advanced functionality.
 
 Some key improvements in Plate Plus include:
@@ -140,12 +148,10 @@ Some key improvements in Plate Plus include:
 - Support grouping and carefully selected keyword.
 - Trigger slash menu by click the puls button on the left of the paragraph.
 
-
 You can try typing /``` to quickly insert a code block.
 
 Feel free to experiment with different commands to see how the slash menu enhances your editing experience!
 
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-slash-menu"
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index f7404aead5..129f237f9f 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -18,6 +18,12 @@ interface DocPageLayoutProps {
   isUI: boolean;
   toc: any; // Replace 'any' with the actual type of your table of contents
 }
+const getItemVariant = (item: any) => {
+  if (item.route?.includes('pro.platejs.org')) return 'plus';
+  if (item.route?.includes('components')) return 'default';
+
+  return 'secondary';
+};
 
 export function DocPageLayout({
   children,
@@ -72,9 +78,7 @@ export function DocPageLayout({
                 key={item.route}
                 className={cn(
                   badgeVariants({
-                    variant: item.route?.includes('components')
-                      ? 'default'
-                      : 'secondary',
+                    variant: getItemVariant(item),
                   })
                 )}
                 href={item.route as any}
diff --git a/apps/www/src/components/ui/badge.tsx b/apps/www/src/components/ui/badge.tsx
index 68d869b829..6b95750f57 100644
--- a/apps/www/src/components/ui/badge.tsx
+++ b/apps/www/src/components/ui/badge.tsx
@@ -16,6 +16,7 @@ const badgeVariants = cva(
         destructive:
           'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
         outline: 'text-foreground',
+        plus: 'bg-[linear-gradient(120deg,#6EB6F2_10%,#a855f7,#ea580c,#eab308)] text-white transition-opacity duration-200 hover:opacity-90',
         secondary:
           'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
       },
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 508a72b6b4..74d0068f82 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -176,22 +176,18 @@ export const docsConfig: DocsConfig = {
       items: [
         {
           href: '/docs/plugin',
-          label: 'New',
           title: 'Plugin Configuration',
         },
         {
           href: '/docs/plugin-methods',
-          label: 'New',
           title: 'Plugin Methods',
         },
         {
           href: '/docs/plugin-shortcuts',
-          label: 'New',
           title: 'Plugin Shortcuts',
         },
         {
           href: '/docs/plugin-context',
-          label: 'New',
           title: 'Plugin Context',
         },
         {
@@ -201,37 +197,30 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/editor',
-          label: 'New',
           title: 'Editor Configuration',
         },
         {
           href: '/docs/editor-methods',
-          label: 'New',
           title: 'Editor Methods',
         },
         {
           href: '/docs/controlled',
-          label: 'New',
           title: 'Controlled Value',
         },
         {
           href: '/docs/html',
-          label: 'New',
           title: 'HTML',
         },
         {
           href: '/docs/debugging',
-          label: 'New',
           title: 'Debugging',
         },
         {
           href: '/docs/unit-testing',
-          label: 'New',
           title: 'Unit Testing',
         },
         {
           href: '/docs/playwright',
-          label: 'New',
           title: 'Playwright Testing',
         },
       ],
@@ -259,7 +248,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/block-menu',
-          label: 'Plus',
+          label: 'New',
           title: 'Block Menu',
         },
         {
@@ -278,7 +267,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/callout',
-          label: 'Plus',
+          label: 'New',
           title: 'Callout',
         },
         {
@@ -326,7 +315,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/equation',
-          label: 'Plus',
+          label: 'New',
           title: 'Equation',
         },
         {
@@ -394,7 +383,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/media-placeholder',
-          label: 'Plus',
+          label: 'New',
           title: 'Media Placeholder',
         },
         {
@@ -464,7 +453,6 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/examples/server',
-          label: 'New',
           title: 'Server-Side',
         },
         {
diff --git a/packages/callout/src/lib/BaseCalloutPlugin.ts b/packages/callout/src/lib/BaseCalloutPlugin.ts
index 41e6bc4196..2fc07684a3 100644
--- a/packages/callout/src/lib/BaseCalloutPlugin.ts
+++ b/packages/callout/src/lib/BaseCalloutPlugin.ts
@@ -22,6 +22,6 @@ export type CalloutColor = {
 export const BaseCalloutPlugin = createSlatePlugin({
   key: 'callout',
   node: { isElement: true },
-}).extendTransforms(({ editor }) => ({
-  insert: bindFirst(insertCallout, editor),
+}).extendEditorTransforms(({ editor }) => ({
+  insert: { callout: bindFirst(insertCallout, editor) },
 }));

From 811879794bd64876be1bba0ed8657b021eb80427 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 16 Oct 2024 19:45:25 +0800
Subject: [PATCH 068/127] docs

---
 apps/www/content/docs/media-placeholder.mdx | 2 +-
 apps/www/content/docs/media.mdx             | 7 +++----
 apps/www/src/config/docs.ts                 | 6 +-----
 3 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index 7359c21e0a..9e1bee35d4 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -2,7 +2,7 @@
 title: Media Placeholder
 description: A placeholder component for inserting various types of media content into the editor.
 docs:
-  - route: /docs/components/placeholder
+  - route: https://pro.platejs.org/docs/components/media-placeholder-element
     title: Placeholder Element
 ---
 
diff --git a/apps/www/content/docs/media.mdx b/apps/www/content/docs/media.mdx
index e4121eabe6..28c64388c1 100644
--- a/apps/www/content/docs/media.mdx
+++ b/apps/www/content/docs/media.mdx
@@ -10,6 +10,8 @@ docs:
     title: Media Popover
   - route: /docs/components/media-toolbar-button
     title: Media Toolbar Button
+  - route: https://pro.platejs.org/docs/components/media-toolbar
+    title: Media Toolbar
 ---
 
 <ComponentPreview name="playground-demo" id="media" />
@@ -36,10 +38,7 @@ npm install @udecode/plate-media
 
 ```tsx
 import { CaptionPlugin } from '@udecode/plate-caption/react';
-import {
-  ImagePlugin,
-  MediaEmbedPlugin,
-} from '@udecode/plate-media/react';
+import { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';
 import { SelectOnBackspacePlugin } from '@udecode/plate-select';
 
 const plugins = [
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 74d0068f82..940293fa4f 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -374,6 +374,7 @@ export const docsConfig: DocsConfig = {
         {
           href: '/docs/media',
           label: 'Element',
+          new: true,
           title: 'Media',
         },
         {
@@ -381,11 +382,6 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'Mention',
         },
-        {
-          href: '/docs/media-placeholder',
-          label: 'New',
-          title: 'Media Placeholder',
-        },
         {
           href: '/docs/reset-node',
           title: 'Reset Node',

From 2b3ca8ac6988e8990ce5e8ea736458acaba98170 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 16 Oct 2024 19:56:59 +0800
Subject: [PATCH 069/127] docs

---
 apps/www/content/docs/media.mdx | 42 +++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/apps/www/content/docs/media.mdx b/apps/www/content/docs/media.mdx
index 28c64388c1..155e6e8820 100644
--- a/apps/www/content/docs/media.mdx
+++ b/apps/www/content/docs/media.mdx
@@ -83,6 +83,48 @@ Disables URL embed on data insertion if set to true.
 
 Options extends `MediaPluginOptions`.
 
+## API Placeholder
+
+### editor.tf.insert.audioPlaceholder
+
+Inserts a placeholder. Converts to an audio element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
+
+### editor.tf.insert.filePlaceholder
+
+Inserts a placeholder. Converts to a file element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
+### editor.tf.insert.imagePlaceholder
+
+Inserts a placeholder. Converts to an image element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+### editor.tf.insert.videoPlaceholder
+
+Inserts a placeholder. Converts to a video element when completed.
+<APIParameters>
+  <APIItem name="options" type="InsertNodesOptions">
+    Options for the insert nodes transform.
+  </APIItem>
+</APIParameters>
+
+
 ## API Media
 
 ### insertMedia

From e81d76cce127400849aa914222eedc83d61698ed Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 16 Oct 2024 20:56:54 +0800
Subject: [PATCH 070/127] context

---
 .../default/example/playground-demo.tsx       |  50 ++---
 .../default/plate-ui/block-context-menu.tsx   |  90 ++++++++
 .../default/plate-ui/context-menu.tsx         | 200 ++++++++++++++++++
 3 files changed, 311 insertions(+), 29 deletions(-)
 create mode 100644 apps/www/src/registry/default/plate-ui/block-context-menu.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/context-menu.tsx

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index a7f7b30fc8..dea79bb4bb 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,6 +7,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -57,7 +58,10 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { PlaywrightPlugin } from '@udecode/plate-playwright';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
@@ -81,6 +85,7 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
+import { BlockContextMenu } from '@/registry/default/plate-ui/block-context-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
   CursorOverlay,
@@ -165,34 +170,8 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
           },
         }),
         SelectionOverlayPlugin,
-        // AIPlugin.configure({
-        //   options: {
-        //     createAIEditor: createAIEditor,
-        //     fetchStream: async ({ abortSignal, prompt, system }) => {
-        //       const response = await fetch(
-        //         'https://pro.platejs.org/api/ai/command',
-        //         {
-        //           body: JSON.stringify({ prompt, system }),
-        //           headers: {
-        //             'Content-Type': 'application/json',
-        //           },
-        //           method: 'POST',
-        //           signal: abortSignal.signal,
-        //         }
-        //       ).catch((error) => {
-        //         console.error(error);
-        //       });
-
-        //       if (!response || !response.body) {
-        //         throw new Error('Response or response body is null or abort');
-        //       }
 
-        //       return response.body;
-        //     },
-        //     scrollContainerSelector: `#${scrollSelector}`,
-        //   },
-        //   render: { aboveEditable: AIMenu },
-        // }),
+        AIPlugin,
         TodoListPlugin,
         TogglePlugin,
         ExcalidrawPlugin,
@@ -306,9 +285,22 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
               selectables: [`#${scrollSelector} .slate-selectable`],
               selectionAreaClass: 'slate-selection-area',
             },
-            enableContextMenu: false,
+            enableContextMenu: true,
           },
         }),
+        BlockMenuPlugin.configure({
+          render: { aboveEditable: BlockContextMenu },
+        }).extend(({ api }) => ({
+          handlers: {
+            onMouseDown: ({ event, getOptions }) => {
+              if (event.button === 0 && getOptions().openId) {
+                // event.preventDefault();
+                api.blockMenu.hide();
+              }
+              if (event.button === 2) event.preventDefault();
+            },
+          },
+        })),
         DndPlugin.configure({ options: { enableScroller: true } }),
         EmojiPlugin,
         exitBreakPlugin,
diff --git a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
new file mode 100644
index 0000000000..3e0a057523
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
@@ -0,0 +1,90 @@
+import { useEditorPlugin } from '@udecode/plate-core/react';
+import {
+  BLOCK_CONTEXT_MENU_ID,
+  BlockMenuPlugin,
+} from '@udecode/plate-selection/react';
+
+import {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+} from './context-menu';
+
+export const BlockContextMenu = (props: { children: React.ReactNode }) => {
+  const { api } = useEditorPlugin(BlockMenuPlugin);
+
+  const { children } = props;
+
+  return (
+    <ContextMenu>
+      <ContextMenuTrigger
+        onContextMenu={(event) => {
+          const dataset = (event.target as HTMLElement).dataset;
+
+          const disabled = dataset?.slateEditor === 'true';
+
+          if (disabled) return event.preventDefault();
+
+          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {
+            x: event.clientX,
+            y: event.clientY,
+          });
+        }}
+      >
+        {children}
+      </ContextMenuTrigger>
+      <ContextMenuContent className="w-64">
+        <ContextMenuItem inset>
+          Back
+          <ContextMenuShortcut>⌘[</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuItem disabled inset>
+          Forward
+          <ContextMenuShortcut>⌘]</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuItem inset>
+          Reload
+          <ContextMenuShortcut>⌘R</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuSub>
+          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>
+          <ContextMenuSubContent className="w-48">
+            <ContextMenuItem>
+              Save Page As...
+              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
+            </ContextMenuItem>
+            <ContextMenuItem>Create Shortcut...</ContextMenuItem>
+            <ContextMenuItem>Name Window...</ContextMenuItem>
+            <ContextMenuSeparator />
+            <ContextMenuItem>Developer Tools</ContextMenuItem>
+          </ContextMenuSubContent>
+        </ContextMenuSub>
+        <ContextMenuSeparator />
+        <ContextMenuCheckboxItem checked>
+          Show Bookmarks Bar
+          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
+        </ContextMenuCheckboxItem>
+        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
+        <ContextMenuSeparator />
+        <ContextMenuRadioGroup value="pedro">
+          <ContextMenuLabel inset>People</ContextMenuLabel>
+          <ContextMenuSeparator />
+          <ContextMenuRadioItem value="pedro">
+            Pedro Duarte
+          </ContextMenuRadioItem>
+          <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
+        </ContextMenuRadioGroup>
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+};
diff --git a/apps/www/src/registry/default/plate-ui/context-menu.tsx b/apps/www/src/registry/default/plate-ui/context-menu.tsx
new file mode 100644
index 0000000000..ed1a4cc136
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/context-menu.tsx
@@ -0,0 +1,200 @@
+'use client';
+
+import * as React from 'react';
+
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '@udecode/cn';
+import { Check, ChevronRight, Circle } from 'lucide-react';
+
+const ContextMenu = ContextMenuPrimitive.Root;
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ children, className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto size-4" />
+  </ContextMenuPrimitive.SubTrigger>
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ checked, children, className, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex size-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="size-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+));
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName;
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ children, className, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex size-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="size-2 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      'px-2 py-1.5 text-sm font-semibold text-foreground',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn('-mx-1 my-1 h-px bg-border', className)}
+    {...props}
+  />
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        'ml-auto text-xs tracking-widest text-muted-foreground',
+        className
+      )}
+      {...props}
+    />
+  );
+};
+ContextMenuShortcut.displayName = 'ContextMenuShortcut';
+
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+};

From e4b003f1c381b6d19c779264504c0245f20e53a3 Mon Sep 17 00:00:00 2001
From: Felix Feng <164472012+felixfeng33@users.noreply.github.com>
Date: Thu, 17 Oct 2024 08:42:06 +0800
Subject: [PATCH 071/127] Fix code scanning alert no. 10: Incomplete URL
 substring sanitization

Co-authored-by: Copilot Autofix powered by AI <62310815+github-advanced-security[bot]@users.noreply.github.com>
---
 apps/www/src/components/doc-page-layout.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index 129f237f9f..4c50fd61f4 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -19,7 +19,13 @@ interface DocPageLayoutProps {
   toc: any; // Replace 'any' with the actual type of your table of contents
 }
 const getItemVariant = (item: any) => {
-  if (item.route?.includes('pro.platejs.org')) return 'plus';
+  let allowedHosts = ['pro.platejs.org'];
+  try {
+    let url = new URL(item.route);
+    if (allowedHosts.includes(url.hostname)) return 'plus';
+  } catch (e) {
+    // Handle invalid URL
+  }
   if (item.route?.includes('components')) return 'default';
 
   return 'secondary';

From edb4f5f4205fe3790125b2917b9dbf138e8852ea Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 17 Oct 2024 09:34:59 +0800
Subject: [PATCH 072/127] ci

---
 apps/www/public/r/styles/default/toc-element.json |  2 +-
 apps/www/src/components/doc-page-layout.tsx       | 11 +++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/www/public/r/styles/default/toc-element.json b/apps/www/public/r/styles/default/toc-element.json
index 3d313ab10d..6488adb447 100644
--- a/apps/www/public/r/styles/default/toc-element.json
+++ b/apps/www/public/r/styles/default/toc-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import { cn } from '@udecode/cn';\nimport { PlateElement } from './plate-element';\nimport {\n  useTocElement,\n  useTocElementState,\n} from '@udecode/plate-heading/react';\nimport { withRef } from '@udecode/react-utils';\nimport { cva } from 'class-variance-authority';\n\nimport { Button } from './button';\n\nconst headingItemVariants = cva(\n  'block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground',\n  {\n    variants: {\n      depth: {\n        1: 'pl-0.5',\n        2: 'pl-[26px]',\n        3: 'pl-[50px]',\n      },\n    },\n  }\n);\n\nexport const TocElement = withRef<typeof PlateElement>(\n  ({ children, className, ...props }, ref) => {\n    const state = useTocElementState();\n\n    const { props: btnProps } = useTocElement(state);\n\n    const { headingList } = state;\n\n    return (\n      <PlateElement\n        ref={ref}\n        className={cn('relative mb-1 p-0', className)}\n        {...props}\n      >\n        <nav contentEditable={false}>\n          {headingList.length > 0 ? (\n            headingList.map((item) => (\n              <Button\n                key={item.id}\n                variant=\"ghost\"\n                className={cn(\n                  headingItemVariants({ depth: item.depth as any })\n                )}\n                onClick={(e) => btnProps.onClick(e, item, 'smooth')}\n                aria-current\n              >\n                {item.title}\n              </Button>\n            ))\n          ) : (\n            <div className=\"text-sm text-gray-500\">\n              Create a heading to display the table of contents.\n            </div>\n          )}\n        </nav>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "content": "import { cn, withRef } from '@udecode/cn';\nimport {\n  useTocElement,\n  useTocElementState,\n} from '@udecode/plate-heading/react';\nimport { cva } from 'class-variance-authority';\n\nimport { Button } from './button';\nimport { PlateElement } from './plate-element';\n\nconst headingItemVariants = cva(\n  'block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground',\n  {\n    variants: {\n      depth: {\n        1: 'pl-0.5',\n        2: 'pl-[26px]',\n        3: 'pl-[50px]',\n      },\n    },\n  }\n);\n\nexport const TocElement = withRef<typeof PlateElement>(\n  ({ children, className, ...props }, ref) => {\n    const state = useTocElementState();\n\n    const { props: btnProps } = useTocElement(state);\n\n    const { headingList } = state;\n\n    return (\n      <PlateElement\n        ref={ref}\n        className={cn('relative mb-1 p-0', className)}\n        {...props}\n      >\n        <nav contentEditable={false}>\n          {headingList.length > 0 ? (\n            headingList.map((item) => (\n              <Button\n                key={item.id}\n                variant=\"ghost\"\n                className={cn(\n                  headingItemVariants({ depth: item.depth as any })\n                )}\n                onClick={(e) => btnProps.onClick(e, item, 'smooth')}\n                aria-current\n              >\n                {item.title}\n              </Button>\n            ))\n          ) : (\n            <div className=\"text-sm text-gray-500\">\n              Create a heading to display the table of contents.\n            </div>\n          )}\n        </nav>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/toc-element.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index 4c50fd61f4..bfa69fee4a 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -19,13 +19,16 @@ interface DocPageLayoutProps {
   toc: any; // Replace 'any' with the actual type of your table of contents
 }
 const getItemVariant = (item: any) => {
-  let allowedHosts = ['pro.platejs.org'];
+  const allowedHosts = ['pro.platejs.org'];
+
   try {
-    let url = new URL(item.route);
+    const url = new URL(item.route);
+
     if (allowedHosts.includes(url.hostname)) return 'plus';
-  } catch (e) {
-    // Handle invalid URL
+  } catch (error) {
+    console.error('Invalid URL:', item.route, error);
   }
+
   if (item.route?.includes('components')) return 'default';
 
   return 'secondary';

From 69ffd5bdc8afd02930fbb12eebebc85207f25a53 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 17 Oct 2024 12:09:11 +0800
Subject: [PATCH 073/127] indent

---
 .../default/plate-ui/block-context-menu.tsx   | 145 +++++++++++++-----
 .../src/react/BlockSelectionPlugin.tsx        |   2 +
 .../transforms/setBlockSelectionNodes.ts      |  27 ++++
 3 files changed, 138 insertions(+), 36 deletions(-)

diff --git a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
index 3e0a057523..5c7b8be7db 100644
--- a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
@@ -1,17 +1,22 @@
-import { useEditorPlugin } from '@udecode/plate-core/react';
+import { useCallback } from 'react';
+
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+import { IndentListPlugin } from '@udecode/plate-indent-list/react';
 import {
   BLOCK_CONTEXT_MENU_ID,
   BlockMenuPlugin,
+  BlockSelectionPlugin,
 } from '@udecode/plate-selection/react';
+import { unsetNodes } from '@udecode/slate';
+import { focusEditor } from '@udecode/slate-react';
 
 import {
   ContextMenu,
   ContextMenuCheckboxItem,
   ContextMenuContent,
   ContextMenuItem,
-  ContextMenuLabel,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
   ContextMenuSeparator,
   ContextMenuShortcut,
   ContextMenuSub,
@@ -21,10 +26,35 @@ import {
 } from './context-menu';
 
 export const BlockContextMenu = (props: { children: React.ReactNode }) => {
-  const { api } = useEditorPlugin(BlockMenuPlugin);
+  const { api, editor } = useEditorPlugin(BlockMenuPlugin);
 
   const { children } = props;
 
+  const handleTurnInto = useCallback(
+    (type: string) => {
+      editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getNodes()
+        .forEach(([node, path]) => {
+          if (node[IndentListPlugin.key]) {
+            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });
+          }
+
+          editor.tf.toggle.block({ type }, { at: path });
+        });
+    },
+    [editor]
+  );
+
+  const handleAlign = useCallback(
+    (align: 'center' | 'left' | 'right') => {
+      editor
+        .getTransforms(BlockSelectionPlugin)
+        .blockSelection.setNodes({ align });
+    },
+    [editor]
+  );
+
   return (
     <ContextMenu>
       <ContextMenuTrigger
@@ -44,46 +74,89 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
         {children}
       </ContextMenuTrigger>
       <ContextMenuContent className="w-64">
-        <ContextMenuItem inset>
-          Back
-          <ContextMenuShortcut>⌘[</ContextMenuShortcut>
+        <ContextMenuItem inset>Ask AI</ContextMenuItem>
+        <ContextMenuItem
+          onClick={() => {
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.removeNodes();
+            focusEditor(editor);
+          }}
+          inset
+        >
+          Delete
         </ContextMenuItem>
-        <ContextMenuItem disabled inset>
-          Forward
-          <ContextMenuShortcut>⌘]</ContextMenuShortcut>
-        </ContextMenuItem>
-        <ContextMenuItem inset>
-          Reload
-          <ContextMenuShortcut>⌘R</ContextMenuShortcut>
+        <ContextMenuItem
+          onClick={() => {
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.duplicate(
+                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()
+              );
+          }}
+          inset
+        >
+          Duplicate
+          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>
         </ContextMenuItem>
         <ContextMenuSub>
-          <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>
+          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>
           <ContextMenuSubContent className="w-48">
-            <ContextMenuItem>
-              Save Page As...
-              <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
+            <ContextMenuItem
+              onClick={() => handleTurnInto(ParagraphPlugin.key)}
+            >
+              Paragraph
+            </ContextMenuItem>
+
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>
+              Heading 1
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>
+              Heading 2
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>
+              Heading 3
+            </ContextMenuItem>
+            <ContextMenuItem
+              onClick={() => handleTurnInto(BlockquotePlugin.key)}
+            >
+              Blockquote
             </ContextMenuItem>
-            <ContextMenuItem>Create Shortcut...</ContextMenuItem>
-            <ContextMenuItem>Name Window...</ContextMenuItem>
-            <ContextMenuSeparator />
-            <ContextMenuItem>Developer Tools</ContextMenuItem>
           </ContextMenuSubContent>
         </ContextMenuSub>
         <ContextMenuSeparator />
-        <ContextMenuCheckboxItem checked>
-          Show Bookmarks Bar
-          <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
+        <ContextMenuCheckboxItem
+          onClick={() =>
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.setIndent(1)
+          }
+        >
+          Increase indent
         </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
-        <ContextMenuSeparator />
-        <ContextMenuRadioGroup value="pedro">
-          <ContextMenuLabel inset>People</ContextMenuLabel>
-          <ContextMenuSeparator />
-          <ContextMenuRadioItem value="pedro">
-            Pedro Duarte
-          </ContextMenuRadioItem>
-          <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
-        </ContextMenuRadioGroup>
+        <ContextMenuCheckboxItem
+          onClick={() =>
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.setIndent(-1)
+          }
+        >
+          Decrease indent
+        </ContextMenuCheckboxItem>
+        <ContextMenuSub>
+          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>
+          <ContextMenuSubContent className="w-48">
+            <ContextMenuItem onClick={() => handleAlign('left')}>
+              Left
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleAlign('center')}>
+              Center
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleAlign('right')}>
+              Right
+            </ContextMenuItem>
+          </ContextMenuSubContent>
+        </ContextMenuSub>
       </ContextMenuContent>
     </ContextMenu>
   );
diff --git a/packages/selection/src/react/BlockSelectionPlugin.tsx b/packages/selection/src/react/BlockSelectionPlugin.tsx
index d941f614b5..a30fd68e55 100644
--- a/packages/selection/src/react/BlockSelectionPlugin.tsx
+++ b/packages/selection/src/react/BlockSelectionPlugin.tsx
@@ -39,6 +39,7 @@ import { duplicateBlockSelectionNodes } from './transforms/duplicateBlockSelecti
 import { removeBlockSelectionNodes } from './transforms/removeBlockSelectionNodes';
 import { selectBlockSelectionNodes } from './transforms/selectBlockSelectionNodes';
 import {
+  setBlockSelectionIndent,
   setBlockSelectionNodes,
   setBlockSelectionTexts,
 } from './transforms/setBlockSelectionNodes';
@@ -371,6 +372,7 @@ export const BlockSelectionPlugin = createTPlatePlugin<BlockSelectionConfig>({
     duplicate: bindFirst(duplicateBlockSelectionNodes, editor),
     removeNodes: bindFirst(removeBlockSelectionNodes, editor),
     select: bindFirst(selectBlockSelectionNodes, editor),
+    setIndent: bindFirst(setBlockSelectionIndent, editor),
     setNodes: bindFirst(setBlockSelectionNodes, editor),
     setTexts: bindFirst(setBlockSelectionTexts, editor),
   }));
diff --git a/packages/selection/src/react/transforms/setBlockSelectionNodes.ts b/packages/selection/src/react/transforms/setBlockSelectionNodes.ts
index 0dc5569912..8b7f52ef5b 100644
--- a/packages/selection/src/react/transforms/setBlockSelectionNodes.ts
+++ b/packages/selection/src/react/transforms/setBlockSelectionNodes.ts
@@ -30,6 +30,33 @@ export const setBlockSelectionNodes = (
   });
 };
 
+export const setBlockSelectionIndent = (
+  editor: PlateEditor,
+  indent: number,
+  options?: SetNodesOptions
+) => {
+  withoutNormalizing(editor, () => {
+    const blocks = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getNodes();
+
+    blocks.forEach(([node, path]) => {
+      const prevIndent = (node as any).indent ?? 0;
+
+      const currentIndent = prevIndent + indent;
+
+      setNodes<TElement & { id: string }>(
+        editor,
+        { indent: currentIndent < 0 ? 0 : currentIndent },
+        {
+          ...options,
+          at: path,
+        }
+      );
+    });
+  });
+};
+
 export const setBlockSelectionTexts = (
   editor: PlateEditor,
   props: Partial<TNodeProps<TText>>,

From 00e834338cb8b58ae03866f1422ca5d8a7c55289 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 17 Oct 2024 12:10:31 +0800
Subject: [PATCH 074/127] docs

---
 .changeset/eight-gorillas-teach.md | 5 +++++
 .changeset/rare-kiwis-worry.md     | 6 ------
 2 files changed, 5 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/eight-gorillas-teach.md
 delete mode 100644 .changeset/rare-kiwis-worry.md

diff --git a/.changeset/eight-gorillas-teach.md b/.changeset/eight-gorillas-teach.md
new file mode 100644
index 0000000000..f95d9bd921
--- /dev/null
+++ b/.changeset/eight-gorillas-teach.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-selection': patch
+---
+
+Add `tf.setBlockSelectionIndent`
diff --git a/.changeset/rare-kiwis-worry.md b/.changeset/rare-kiwis-worry.md
deleted file mode 100644
index 03c4b6da5a..0000000000
--- a/.changeset/rare-kiwis-worry.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'@udecode/plate-ai': patch
----
-
-AI:fixes losing positioning during fade-in and fade-out animations.
-Copilot:prevent insertion into the editor when no suggestion is requested.

From 7cf560b7f90b3aea09d0dd7d97961bbbc905f68d Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 10:26:19 +0800
Subject: [PATCH 075/127] copilot

---
 .../docs/components/copilot-hover-card.mdx    |  8 +--
 apps/www/content/docs/copilot.mdx             |  8 +--
 apps/www/public/r/index.json                  |  4 +-
 .../r/styles/default/copilot-hover-card.json  |  4 +-
 .../public/r/styles/default/ghost-text.json   | 18 +++++
 apps/www/src/__registry__/index.tsx           |  8 +--
 apps/www/src/components/doc-page-layout.tsx   |  2 +-
 .../plate-ui/playground-floating-toolbar.tsx  |  5 +-
 apps/www/src/config/customizer-components.ts  |  4 +-
 .../lib/plate/demo/plugins/copilotPlugin.tsx  | 68 +++++++++++--------
 .../default/example/playground-demo.tsx       |  2 -
 .../default/plate-ui/copilot-hover-card.tsx   |  9 ---
 .../registry/default/plate-ui/ghost-text.tsx  | 37 ++++++++++
 apps/www/src/registry/registry-ui.ts          |  4 +-
 14 files changed, 119 insertions(+), 62 deletions(-)
 create mode 100644 apps/www/public/r/styles/default/ghost-text.json
 delete mode 100644 apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ghost-text.tsx

diff --git a/apps/www/content/docs/components/copilot-hover-card.mdx b/apps/www/content/docs/components/copilot-hover-card.mdx
index 346c6bfd15..269b8790f0 100644
--- a/apps/www/content/docs/components/copilot-hover-card.mdx
+++ b/apps/www/content/docs/components/copilot-hover-card.mdx
@@ -1,5 +1,5 @@
 ---
-title: Copilot Hover Card
+title: Ghost Text
 description: Display AI-generated suggestions in a hover card.
 component: true
 docs:
@@ -18,7 +18,7 @@ docs:
 <TabsContent value="cli">
 
 ```bash
-npx @udecode/plate-ui@latest add copilot-hover-card
+npx @udecode/plate-ui@latest add ghost-text
 ```
 
 </TabsContent>
@@ -33,7 +33,7 @@ Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="copilot-hover-card" />
+<ComponentSource name="ghost-text" />
 
 <Step>
 
@@ -51,7 +51,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="copilot" />
 
-<ComponentSource name="copilot-hover-card" />
+<ComponentSource name="ghost-text" />
 
 ## Plus examples
 
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 112ad4a503..a4c519b047 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -2,10 +2,10 @@
 title: Copilot
 description: AI-powered assistant that provides intelligent suggestions and autocompletion for enhanced content creation.
 docs:
-  - route: /docs/components/copilot-hover-card
-    title: Copilot Hover Card
-  - route: https://pro.platejs.org/docs/components/copilot-hover-card
-    title: Copilot Hover Card
+  - route: /docs/components/ghost-text
+    title: Ghost Text
+  - route: https://pro.platejs.org/docs/components/ghost-text
+    title: Ghost Text
  
 ---
 
diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 24e5625544..4e31e58cbf 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -362,11 +362,11 @@
     ],
     "files": [
       {
-        "path": "plate-ui/copilot-hover-card.tsx",
+        "path": "plate-ui/ghost-text.tsx",
         "type": "registry:ui"
       }
     ],
-    "name": "copilot-hover-card",
+    "name": "ghost-text",
     "registryDependencies": [
       ""
     ],
diff --git a/apps/www/public/r/styles/default/copilot-hover-card.json b/apps/www/public/r/styles/default/copilot-hover-card.json
index 70f65951c8..7338e5838c 100644
--- a/apps/www/public/r/styles/default/copilot-hover-card.json
+++ b/apps/www/public/r/styles/default/copilot-hover-card.json
@@ -5,12 +5,12 @@
   "files": [
     {
       "content": "import type { CopilotHoverCardProps } from '@udecode/plate-ai/react';\n\nexport const copilotHoverCard = ({ suggestionText }: CopilotHoverCardProps) => {\n  return (\n    <span className=\"text-gray-400\" contentEditable={false}>\n      {suggestionText}\n    </span>\n  );\n};\n",
-      "path": "plate-ui/copilot-hover-card.tsx",
+      "path": "plate-ui/ghost-text.tsx",
       "target": "",
       "type": "registry:ui"
     }
   ],
-  "name": "copilot-hover-card",
+  "name": "ghost-text",
   "registryDependencies": [
     ""
   ],
diff --git a/apps/www/public/r/styles/default/ghost-text.json b/apps/www/public/r/styles/default/ghost-text.json
new file mode 100644
index 0000000000..3e4b057982
--- /dev/null
+++ b/apps/www/public/r/styles/default/ghost-text.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-ai"
+  ],
+  "files": [
+    {
+      "content": "'use client';\n\nimport React from 'react';\n\nimport type { CopilotPluginConfig } from '@udecode/plate-ai/react';\n\nimport { useEditorPlugin, useElement } from '@udecode/plate-common/react';\n\nexport const GhostText = () => {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n  const element = useElement();\n\n  const isSuggested = useOption('isSuggested', element.id as string);\n\n  if (!isSuggested) return null;\n\n  return <GhostTextContent />;\n};\n\nexport function GhostTextContent() {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n\n  const suggestionText = useOption('suggestionText');\n  const hasLeadingSpace = suggestionText?.startsWith(' ');\n\n  return (\n    <span className=\"text-muted-foreground\" contentEditable={false}>\n      {hasLeadingSpace && <span> </span>}\n\n      {suggestionText && suggestionText}\n    </span>\n  );\n}\n",
+      "path": "plate-ui/ghost-text.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "ghost-text",
+  "registryDependencies": [
+    ""
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index d98f686f8f..c6706d2b1a 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -170,12 +170,12 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       chunks: []
     },
-    "copilot-hover-card": {
-      name: "copilot-hover-card",
+    "ghost-text": {
+      name: "ghost-text",
       type: "registry:ui",
       registryDependencies: [""],
-      files: ["registry/default/plate-ui/copilot-hover-card.tsx"],
-      component: React.lazy(() => import("@/registry/default/plate-ui/copilot-hover-card.tsx")),
+      files: ["registry/default/plate-ui/ghost-text.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/ghost-text.tsx")),
       source: "",
       category: "undefined",
       subcategory: "undefined",
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index bfa69fee4a..b771fbd6ed 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -26,7 +26,7 @@ const getItemVariant = (item: any) => {
 
     if (allowedHosts.includes(url.hostname)) return 'plus';
   } catch (error) {
-    console.error('Invalid URL:', item.route, error);
+    // console.error('Invalid URL:', item.route, error);
   }
 
   if (item.route?.includes('components')) return 'default';
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
index dbb71134a1..f83644d4c8 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
@@ -3,7 +3,6 @@
 import React from 'react';
 
 import { cn, withRef } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
 import {
   PortalBody,
   useComposedRef,
@@ -31,12 +30,12 @@ export const PlaygroundFloatingToolbar = withRef<
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
 
-  const aiOpen = editor.useOptions(AIPlugin).openEditorId === editor.id;
+  // const aiOpen = editor.useOptions(AIPlugin).openEditorId === editor.id;
 
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
-    hideToolbar: aiOpen,
+    // hideToolbar: aiOpen,
     ...state,
     floatingOptions: {
       middleware: [
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index 7430fbf474..c02bc5c428 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -64,9 +64,9 @@ export const customizerComponents = {
     title: 'Comments Popover',
   },
   copilotHoverCard: {
-    href: '/docs/components/copilot-hover-card',
+    href: '/docs/components/ghost-text',
     label: 'New',
-    title: 'Copilot Hover Card',
+    title: 'Ghost Text',
   },
   cursorOverlay: {
     href: '/docs/components/cursor-overlay',
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
index ef38df3d29..5b8c9c1ef0 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -1,33 +1,47 @@
-import { CopilotPlugin } from '@udecode/plate-ai/react';
-import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
-import { ParagraphPlugin } from '@udecode/plate-core/react';
-import { HEADING_KEYS } from '@udecode/plate-heading';
+import { CopilotPlugin, stripMarkdownBlocks } from '@udecode/plate-ai/react';
+import { type TElement, getAncestorNode } from '@udecode/plate-common';
+import { serializeMdNodes } from '@udecode/plate-markdown';
 
-import { copilotHoverCard } from '@/registry/default/plate-ui/copilot-hover-card';
-import { MENTIONABLES } from '@/registry/default/plate-ui/mention-input-element';
+import { GhostText } from '@/registry/default/plate-ui/ghost-text';
 
-export const copilotPlugin = CopilotPlugin.configure({
+export const copilotPlugin = CopilotPlugin.configure(({ api }) => ({
   options: {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    fetchSuggestion: async ({ abortSignal, prompt }) => {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve(MENTIONABLES[Math.floor(Math.random() * 41)].text);
-        }, 100);
-      });
+    completeOptions: {
+      api: 'https://pro.platejs.org/api/ai/copilot',
+      body: {
+        system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+
+Rules:
+- Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
+- Maintain style and tone. Don't repeat given text.
+- For unclear context, provide the most likely continuation.
+- Handle code snippets, lists, or structured text if needed.
+- Don't include """ in your response.
+- CRITICAL: Always end with a punctuation mark.
+- CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
+- If no context is provided or you can't generate a continuation, return "0" without explanation.`,
+      },
+      onFinish: (_, completion) => {
+        if (completion === '0') return;
+
+        api.copilot.setBlockSuggestion({
+          text: stripMarkdownBlocks(completion),
+        });
+      },
     },
-    hoverCard: copilotHoverCard,
-    query: {
-      allow: [
-        ParagraphPlugin.key,
-        BlockquotePlugin.key,
-        HEADING_KEYS.h1,
-        HEADING_KEYS.h2,
-        HEADING_KEYS.h3,
-        HEADING_KEYS.h4,
-        HEADING_KEYS.h5,
-        HEADING_KEYS.h6,
-      ],
+    debounceDelay: 500,
+    getPrompt: ({ editor }) => {
+      const contextEntry = getAncestorNode(editor);
+
+      if (!contextEntry) return '';
+
+      const prompt = serializeMdNodes([contextEntry[0] as TElement]);
+
+      return `Continue the text up to the next punctuation mark:
+"""
+${prompt}
+"""`;
     },
+    renderGhostText: GhostText,
   },
-});
+}));
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index dea79bb4bb..5389763c30 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,7 +7,6 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
-import { AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -171,7 +170,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         }),
         SelectionOverlayPlugin,
 
-        AIPlugin,
         TodoListPlugin,
         TogglePlugin,
         ExcalidrawPlugin,
diff --git a/apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx b/apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
deleted file mode 100644
index 93a0c6e871..0000000000
--- a/apps/www/src/registry/default/plate-ui/copilot-hover-card.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { CopilotHoverCardProps } from '@udecode/plate-ai/react';
-
-export const copilotHoverCard = ({ suggestionText }: CopilotHoverCardProps) => {
-  return (
-    <span className="text-gray-400" contentEditable={false}>
-      {suggestionText}
-    </span>
-  );
-};
diff --git a/apps/www/src/registry/default/plate-ui/ghost-text.tsx b/apps/www/src/registry/default/plate-ui/ghost-text.tsx
new file mode 100644
index 0000000000..b9dc985b50
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ghost-text.tsx
@@ -0,0 +1,37 @@
+'use client';
+
+import React from 'react';
+
+import type { CopilotPluginConfig } from '@udecode/plate-ai/react';
+
+import { useEditorPlugin, useElement } from '@udecode/plate-common/react';
+
+export const GhostText = () => {
+  const { useOption } = useEditorPlugin<CopilotPluginConfig>({
+    key: 'copilot',
+  });
+  const element = useElement();
+
+  const isSuggested = useOption('isSuggested', element.id as string);
+
+  if (!isSuggested) return null;
+
+  return <GhostTextContent />;
+};
+
+export function GhostTextContent() {
+  const { useOption } = useEditorPlugin<CopilotPluginConfig>({
+    key: 'copilot',
+  });
+
+  const suggestionText = useOption('suggestionText');
+  const hasLeadingSpace = suggestionText?.startsWith(' ');
+
+  return (
+    <span className="text-muted-foreground" contentEditable={false}>
+      {hasLeadingSpace && <span> </span>}
+
+      {suggestionText && suggestionText}
+    </span>
+  );
+}
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 1f0b513128..d96e3fe998 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -157,8 +157,8 @@ export const ui: Registry = [
   },
   {
     dependencies: ['@udecode/plate-ai'],
-    files: ['plate-ui/copilot-hover-card.tsx'],
-    name: 'copilot-hover-card',
+    files: ['plate-ui/ghost-text.tsx'],
+    name: 'ghost-text',
     registryDependencies: [''],
     type: 'registry:ui',
   },

From e17967b8322c76c9129de9c9bb54c16b8bad6742 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 10:26:47 +0800
Subject: [PATCH 076/127] copilot

---
 packages/ai/package.json                      |   1 +
 packages/ai/src/react/ai-chat/AIChatPlugin.ts | 188 +++++++++
 .../react/{ai/hook => ai-chat/hooks}/index.ts |   2 +-
 .../src/react/ai-chat/hooks/useEditorChat.ts  |  72 ++++
 .../react/ai-chat/transforms/acceptAIChat.ts  | 123 ++++++
 .../react/ai-chat/transforms/streamAINodes.ts |  87 ++++
 .../ai/src/react/ai-chat/useAIChatHook.ts     |  11 +
 .../ai-chat/utils/getLastAssistantMessage.ts  |  17 +
 .../ai/src/react/ai-chat/withTriggerAIChat.ts |  77 ++++
 packages/ai/src/react/ai/AIPlugin.ts          | 214 ++--------
 packages/ai/src/react/ai/hook/useAI.ts        | 198 ---------
 packages/ai/src/react/ai/index.ts             |   6 +-
 .../src/react/ai/stream/getSystemMessage.ts   |   6 -
 packages/ai/src/react/ai/stream/index.ts      |   8 -
 .../src/react/ai/stream/streamInsertText.ts   | 168 --------
 .../ai/stream/streamInsertTextSelection.ts    | 119 ------
 .../ai/src/react/ai/stream/streamTraversal.ts |  46 ---
 packages/ai/src/react/ai/transforms/index.ts  |   1 +
 .../src/react/ai/transforms/insertAINodes.ts  |  34 ++
 .../src/react/ai/transforms/removeAIMarks.ts  |  12 +
 .../src/react/ai/transforms/removeAINodes.ts  |  12 +
 packages/ai/src/react/ai/types.ts             |  13 -
 packages/ai/src/react/ai/useAIHook.ts         |  15 -
 packages/ai/src/react/ai/utils/getContent.ts  |  41 --
 .../ai/src/react/ai/utils/getEditorPrompt.ts  | 103 +++++
 packages/ai/src/react/ai/utils/getMarkdown.ts |  45 +++
 .../src/react/ai/utils/getNextPathByNumber.ts |  11 -
 packages/ai/src/react/ai/utils/index.ts       |   4 +-
 packages/ai/src/react/ai/utils/streamText.ts  | 119 ++++++
 .../ai/src/react/ai/utils/stripMarkdown.ts    |  57 +++
 .../react/ai/utils/updateMenuAnchorByPath.ts  |  27 --
 .../ai/src/react/copilot/CopilotPlugin.tsx    | 381 ++++++++++--------
 .../src/react/copilot/generateCopilotText.ts  |  78 ----
 packages/ai/src/react/copilot/index.ts        |   5 +-
 .../ai/src/react/copilot/injectCopilot.tsx    |  48 ---
 .../ai/src/react/copilot/onKeyDownCopilot.ts  |  56 ---
 .../react/copilot/renderCopilotBelowNodes.tsx |  32 ++
 .../react/copilot/transforms/acceptCopilot.ts |  15 +
 .../transforms/acceptCopilotNextWord.ts       |  26 ++
 .../react/copilot/utils/callCompletionApi.ts  | 110 +++++
 .../copilot/utils/deserializeInlineMd.ts      |  48 +++
 .../copilot/utils/triggerCopilotSuggestion.ts |  45 +++
 .../src/react/copilot/utils/withoutAbort.ts   |   4 +-
 packages/ai/src/react/copilot/withCopilot.ts  | 140 +++++++
 yarn.lock                                     | 275 ++++++++++++-
 45 files changed, 1890 insertions(+), 1210 deletions(-)
 create mode 100644 packages/ai/src/react/ai-chat/AIChatPlugin.ts
 rename packages/ai/src/react/{ai/hook => ai-chat/hooks}/index.ts (62%)
 create mode 100644 packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
 create mode 100644 packages/ai/src/react/ai-chat/useAIChatHook.ts
 create mode 100644 packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
 create mode 100644 packages/ai/src/react/ai-chat/withTriggerAIChat.ts
 delete mode 100644 packages/ai/src/react/ai/hook/useAI.ts
 delete mode 100644 packages/ai/src/react/ai/stream/getSystemMessage.ts
 delete mode 100644 packages/ai/src/react/ai/stream/index.ts
 delete mode 100644 packages/ai/src/react/ai/stream/streamInsertText.ts
 delete mode 100644 packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
 delete mode 100644 packages/ai/src/react/ai/stream/streamTraversal.ts
 create mode 100644 packages/ai/src/react/ai/transforms/index.ts
 create mode 100644 packages/ai/src/react/ai/transforms/insertAINodes.ts
 create mode 100644 packages/ai/src/react/ai/transforms/removeAIMarks.ts
 create mode 100644 packages/ai/src/react/ai/transforms/removeAINodes.ts
 delete mode 100644 packages/ai/src/react/ai/types.ts
 delete mode 100644 packages/ai/src/react/ai/useAIHook.ts
 delete mode 100644 packages/ai/src/react/ai/utils/getContent.ts
 create mode 100644 packages/ai/src/react/ai/utils/getEditorPrompt.ts
 create mode 100644 packages/ai/src/react/ai/utils/getMarkdown.ts
 delete mode 100644 packages/ai/src/react/ai/utils/getNextPathByNumber.ts
 create mode 100644 packages/ai/src/react/ai/utils/streamText.ts
 create mode 100644 packages/ai/src/react/ai/utils/stripMarkdown.ts
 delete mode 100644 packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
 delete mode 100644 packages/ai/src/react/copilot/generateCopilotText.ts
 delete mode 100644 packages/ai/src/react/copilot/injectCopilot.tsx
 delete mode 100644 packages/ai/src/react/copilot/onKeyDownCopilot.ts
 create mode 100644 packages/ai/src/react/copilot/renderCopilotBelowNodes.tsx
 create mode 100644 packages/ai/src/react/copilot/transforms/acceptCopilot.ts
 create mode 100644 packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
 create mode 100644 packages/ai/src/react/copilot/utils/callCompletionApi.ts
 create mode 100644 packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
 create mode 100644 packages/ai/src/react/copilot/utils/triggerCopilotSuggestion.ts
 create mode 100644 packages/ai/src/react/copilot/withCopilot.ts

diff --git a/packages/ai/package.json b/packages/ai/package.json
index 77dfbff1ac..fe7016a05f 100644
--- a/packages/ai/package.json
+++ b/packages/ai/package.json
@@ -53,6 +53,7 @@
     "@udecode/plate-combobox": "39.0.0",
     "@udecode/plate-markdown": "39.1.5",
     "@udecode/plate-selection": "39.1.4",
+    "ai": "^3.4.10",
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
diff --git a/packages/ai/src/react/ai-chat/AIChatPlugin.ts b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
new file mode 100644
index 0000000000..3098065ff3
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
@@ -0,0 +1,188 @@
+import type { TriggerComboboxPluginOptions } from '@udecode/plate-combobox';
+import type { UseChatHelpers } from 'ai/react';
+
+import {
+  type OmitFirst,
+  type PluginConfig,
+  bindFirst,
+  someNode,
+  withMerging,
+} from '@udecode/plate-common';
+import {
+  type PlateEditor,
+  createPlateEditor,
+  createTPlatePlugin,
+} from '@udecode/plate-common/react';
+
+import { AIPlugin } from '../ai/AIPlugin';
+import {
+  type EditorPrompt,
+  type EditorPromptParams,
+  getEditorPrompt,
+} from '../ai/utils/getEditorPrompt';
+import {
+  acceptAIChat,
+  insertBelowAIChat,
+  replaceSelectionAIChat,
+} from './transforms/acceptAIChat';
+import { useAIChatHooks } from './useAIChatHook';
+import { withTriggerAIChat } from './withTriggerAIChat';
+
+export type AIChatOptions = {
+  chat: UseChatHelpers;
+  createAIEditor: () => PlateEditor;
+  open: boolean;
+  /**
+   * Template function for generating the user prompt. Supports the following
+   * placeholders:
+   *
+   * - {block}: Replaced with the markdown of the blocks in selection.
+   * - {editor}: Replaced with the markdown of the entire editor content.
+   * - {selection}: Replaced with the markdown of the current selection.
+   * - {prompt}: Replaced with the actual user prompt.
+   */
+  promptTemplate: (props: EditorPromptParams) => string;
+  scrollContainerSelector: string;
+  /**
+   * Template function for generating the system message. Supports the same
+   * placeholders as `promptTemplate`.
+   */
+  systemTemplate: (props: EditorPromptParams) => string | void;
+} & TriggerComboboxPluginOptions;
+
+export type AIChatApi = {
+  hide: () => void;
+  reload: () => void;
+  reset: () => void;
+  show: () => void;
+  stop: () => void;
+  submit: (options?: { prompt?: EditorPrompt; system?: EditorPrompt }) => void;
+};
+
+export type AIChatTransforms = {
+  accept: OmitFirst<typeof acceptAIChat>;
+  insertBelow: OmitFirst<typeof insertBelowAIChat>;
+  replaceSelection: OmitFirst<typeof replaceSelectionAIChat>;
+};
+
+export type AIChatPluginConfig = PluginConfig<
+  'aiChat',
+  AIChatOptions,
+  { aiChat: AIChatApi },
+  { aiChat: AIChatTransforms }
+>;
+
+export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
+  key: 'aiChat',
+  dependencies: ['ai'],
+  extendEditor: withTriggerAIChat,
+  options: {
+    chat: { messages: [] } as any,
+    createAIEditor: () =>
+      createPlateEditor({
+        id: 'ai',
+      }),
+    open: false,
+    promptTemplate: () => '{prompt}',
+    scrollContainerSelector: '#scroll_container',
+    systemTemplate: () => {},
+    trigger: ' ',
+    triggerPreviousCharPattern: /^\s?$/,
+  },
+  useHooks: useAIChatHooks,
+})
+  .extendApi<Pick<AIChatApi, 'stop' | 'submit'>>(
+    ({ editor, getOptions, setOption }) => {
+      return {
+        reload: () => {
+          const { chat } = getOptions();
+
+          void chat.reload({
+            body: {
+              system: getEditorPrompt(editor, {
+                promptTemplate: getOptions().systemTemplate,
+              }),
+            },
+          });
+        },
+        stop: () => {
+          getOptions().chat.stop();
+        },
+        submit: ({ prompt, system } = {}) => {
+          const { chat } = getOptions();
+
+          if (!prompt && chat.input.length === 0) {
+            return;
+          }
+          if (!prompt) {
+            prompt = chat.input;
+          }
+
+          chat.setInput('');
+
+          void chat.append(
+            {
+              content: getEditorPrompt(editor, { prompt }) ?? '',
+              role: 'user',
+            },
+            {
+              body: {
+                system: getEditorPrompt(editor, {
+                  prompt: system,
+                  promptTemplate: getOptions().systemTemplate,
+                }),
+              },
+            }
+          );
+        },
+      };
+    }
+  )
+  .extendApi(({ api, editor, getOptions }) => ({
+    reset: () => {
+      api.aiChat.stop();
+
+      const chat = getOptions().chat;
+
+      if (chat.messages.length > 0) {
+        chat.setMessages([]);
+      }
+
+      const someAINodes = someNode(editor, {
+        match: (n) => !!n[AIPlugin.key],
+      });
+
+      if (!someAINodes) return;
+
+      withMerging(editor, () => {
+        editor.getTransforms(AIPlugin).ai.removeNodes();
+        // editor.getTransforms(AIPlugin).ai.removeMarks();
+      });
+
+      editor.history.undos.pop();
+    },
+  }))
+  .extendApi(({ api, getOptions, setOption }) => ({
+    hide: () => {
+      api.aiChat.reset();
+      setOption('open', false);
+      // focusEditor(editor);
+    },
+    show: () => {
+      api.aiChat.reset();
+
+      // const ancestor = getAncestorNode(editor);
+      // if (ancestor) {
+      //   aiPlugin.setOption('startPath', ancestor[1]);
+      // }
+
+      getOptions().chat.setMessages([]);
+
+      setOption('open', true);
+    },
+  }))
+  .extendTransforms(({ editor }) => ({
+    accept: bindFirst(acceptAIChat, editor),
+    insertBelow: bindFirst(insertBelowAIChat, editor),
+    replaceSelection: bindFirst(replaceSelectionAIChat, editor),
+  }));
diff --git a/packages/ai/src/react/ai/hook/index.ts b/packages/ai/src/react/ai-chat/hooks/index.ts
similarity index 62%
rename from packages/ai/src/react/ai/hook/index.ts
rename to packages/ai/src/react/ai-chat/hooks/index.ts
index c2ddddf1da..11b549a070 100644
--- a/packages/ai/src/react/ai/hook/index.ts
+++ b/packages/ai/src/react/ai-chat/hooks/index.ts
@@ -2,4 +2,4 @@
  * @file Automatically generated by barrelsby.
  */
 
-export * from './useAI';
+export * from './useEditorChat';
diff --git a/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts b/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
new file mode 100644
index 0000000000..3d158f73d5
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
@@ -0,0 +1,72 @@
+'use client';
+
+import { useEffect } from 'react';
+
+import type { UseChatHelpers } from 'ai/react';
+
+import {
+  type TNodeEntry,
+  isCollapsed,
+  isSelectionExpanded,
+} from '@udecode/plate-common';
+import { useEditorPlugin } from '@udecode/plate-common/react';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+
+import { AIChatPlugin } from '../AIChatPlugin';
+
+export type EditorChatState =
+  | 'cursorCommand'
+  | 'cursorSuggestion'
+  | 'selectionCommand'
+  | 'selectionSuggestion';
+
+export type UseEditorChatOptions = {
+  chat: UseChatHelpers;
+  onOpenBlockSelection?: (blocks: TNodeEntry[]) => void;
+  onOpenChange?: (open: boolean) => void;
+  onOpenCursor?: () => void;
+  onOpenSelection?: () => void;
+};
+
+export const useEditorChat = ({
+  chat,
+  onOpenBlockSelection,
+  onOpenChange,
+  onOpenCursor,
+  onOpenSelection,
+}: UseEditorChatOptions) => {
+  const { editor, setOption, setOptions, useOption } =
+    useEditorPlugin(AIChatPlugin);
+  const open = useOption('open');
+
+  // Sync useChat with AIChatPlugin
+  useEffect(() => {
+    setOption('chat', chat);
+  }, [chat, setOption, setOptions]);
+
+  useEffect(() => {
+    onOpenChange?.(open);
+
+    if (open) {
+      if (onOpenBlockSelection) {
+        const blockSelectionApi =
+          editor.getApi(BlockSelectionPlugin).blockSelection;
+        const isBlockSelecting = editor.getOption(
+          BlockSelectionPlugin,
+          'isSelectingSome'
+        );
+
+        if (isBlockSelecting) {
+          onOpenBlockSelection(blockSelectionApi.getNodes());
+        }
+      }
+      if (onOpenCursor && isCollapsed(editor.selection)) {
+        onOpenCursor();
+      }
+      if (onOpenSelection && isSelectionExpanded(editor)) {
+        onOpenSelection();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open]);
+};
diff --git a/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts b/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
new file mode 100644
index 0000000000..85e33c5eee
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
@@ -0,0 +1,123 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import {
+  type TElement,
+  getEndPoint,
+  insertNodes,
+  isEditorEmpty,
+  isElementEmpty,
+  nanoid,
+  withMerging,
+} from '@udecode/plate-common';
+import { focusEditor } from '@udecode/plate-common/react';
+import {
+  BlockSelectionPlugin,
+  removeBlockSelectionNodes,
+} from '@udecode/plate-selection/react';
+import { cloneDeep } from 'lodash';
+import { Path, Range } from 'slate';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+export const acceptAIChat = (editor: PlateEditor) => {
+  // const isBlockSelecting = editor.getOption(
+  //   BlockSelectionPlugin,
+  //   'isSelectingSome'
+  // );
+  // editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+};
+
+export const replaceSelectionAIChat = (
+  editor: PlateEditor,
+  sourceEditor: PlateEditor
+) => {
+  const isBlockSelecting = editor.getOption(
+    BlockSelectionPlugin,
+    'isSelectingSome'
+  );
+
+  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+  focusEditor(editor, getEndPoint(editor, editor.selection!));
+
+  if (isBlockSelecting) {
+    const firstBlockPath = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getNodes()[0][1];
+
+    editor.withoutNormalizing(() => {
+      withMerging(editor, () => {
+        removeBlockSelectionNodes(editor);
+        insertBlocksAndSelect(editor, sourceEditor, { at: firstBlockPath });
+      });
+    });
+  } else {
+    if (isElementEmpty(editor, sourceEditor.children[0])) return;
+
+    editor.insertFragment(sourceEditor.children);
+    focusEditor(editor);
+  }
+};
+
+export const insertBelowAIChat = (
+  editor: PlateEditor,
+  sourceEditor: PlateEditor
+) => {
+  const isBlockSelecting = editor.getOption(
+    BlockSelectionPlugin,
+    'isSelectingSome'
+  );
+
+  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+
+  if (isBlockSelecting) {
+    const selectedBlocks = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getNodes();
+
+    const selectedIds = editor.getOptions(BlockSelectionPlugin).selectedIds;
+
+    if (!selectedIds || selectedIds.size === 0) return;
+
+    const lastBlock = selectedBlocks.at(-1);
+
+    if (!lastBlock) return;
+
+    const nextPath = Path.next(lastBlock[1]);
+
+    insertBlocksAndSelect(editor, sourceEditor, { at: nextPath });
+  } else {
+    const [, end] = Range.edges(editor.selection!);
+    const endPath = [end.path[0]];
+    insertBlocksAndSelect(editor, sourceEditor, { at: Path.next(endPath) });
+  }
+};
+
+const insertBlocksAndSelect = (
+  editor: PlateEditor,
+  sourceEditor: PlateEditor,
+  { at }: { at: Path }
+) => {
+  if (!sourceEditor) return;
+  if (isEditorEmpty(sourceEditor)) return;
+
+  const nodes: TElement[] = cloneDeep(sourceEditor.children);
+
+  const ids: string[] = [];
+
+  nodes.forEach((node) => {
+    const id = nanoid();
+    ids.push(id);
+    node.id = id;
+  });
+
+  insertNodes(editor, nodes, { at: at });
+
+  // TODO check needed?
+  focusEditor(editor, getEndPoint(editor, editor.selection!));
+
+  setTimeout(() => {
+    editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.setSelectedIds({ ids } as any);
+  }, 0);
+};
diff --git a/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts b/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
new file mode 100644
index 0000000000..f37da2fce9
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
@@ -0,0 +1,87 @@
+import type { Message } from 'ai';
+import type { Path } from 'slate';
+
+import { nanoid } from '@udecode/plate-common';
+import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+import {
+  type EditorPrompt,
+  getEditorPrompt,
+} from '../../ai/utils/getEditorPrompt';
+
+export const streamAINodes = async (
+  editor: PlateEditor,
+  {
+    prompt,
+    system,
+    target = editor.selection?.focus.path,
+  }: {
+    prompt: EditorPrompt;
+    system?: string;
+    target?: Path;
+  }
+) => {
+  const { api, getOptions, setOption, setOptions, tf } =
+    getEditorPlugin<AIChatPluginConfig>(editor, { key: 'ai' });
+
+  const finalPrompt =
+    getEditorPrompt(editor, {
+      prompt,
+      promptTemplate: getOptions().promptTemplate,
+    }) ?? '';
+
+  const newMessages: Message[] = [
+    { id: nanoid(), content: finalPrompt, role: 'user' },
+  ];
+
+  if (system) {
+    newMessages.unshift({ id: nanoid(), content: system, role: 'system' });
+  }
+
+  setOptions({
+    // isLoading: true,
+    // chat: { messages: newMessages },
+  });
+
+  // let isFirstInsert = true;
+
+  // const { text } = await api.ai.streamText({
+  //   abortController,
+  //   fetchStream: editor.getOptions<AIPluginConfig>({ key: 'ai' }).fetchStream!,
+  //   prompt: finalPrompt,
+  //   system: system ?? PROMPTS.systemDefault,
+  //   onChunk: (chunk) => {
+  //     if (!target || !getEndPoint(editor, target)) return;
+
+  //     const text = api.ai.stripText(chunk);
+  //     tf.ai.insertNodes(text, { isFirst: isFirstInsert, target });
+  //     isFirstInsert = false;
+  //   },
+  //   // onStatusChange: (status) => {
+  //   //   setOption('status', status);
+  //   // },
+  // });
+
+  // if (text.length === 0) {
+  //   setOptions({
+  //     isLoading: false,
+  //     messages: newMessages,
+  //   });
+
+  //   return { text: '' };
+  // }
+
+  // setOptions({
+  //   isLoading: false,
+  //   messages: [
+  //     ...newMessages,
+  //     { id: nanoid(), content: text, role: 'assistant' },
+  //   ],
+  // });
+
+  // return { text };
+
+  return { text: '' };
+};
diff --git a/packages/ai/src/react/ai-chat/useAIChatHook.ts b/packages/ai/src/react/ai-chat/useAIChatHook.ts
new file mode 100644
index 0000000000..c8d2b67d78
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/useAIChatHook.ts
@@ -0,0 +1,11 @@
+export const useAIChatHooks = () => {
+  // const { getOptions, setOptions } = useEditorPlugin<AIChatPluginConfig>({
+  //   key: 'aiChat',
+  // });
+  // useEffect(() => {
+  //   setTimeout(() => {
+  //     const editor = getOptions().createAIEditor();
+  //     setOptions({ aiEditor: editor });
+  //   }, 0);
+  // }, [setOptions, getOptions]);
+};
diff --git a/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts b/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
new file mode 100644
index 0000000000..bf19aefe3d
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
@@ -0,0 +1,17 @@
+import { type PlateEditor, useEditorRef } from '@udecode/plate-common/react';
+
+import { AIChatPlugin } from '../AIChatPlugin';
+
+export function getLastAssistantMessage(editor: PlateEditor) {
+  const messages = editor.getOptions(AIChatPlugin).chat.messages;
+
+  return messages?.findLast((message) => message.role === 'assistant');
+}
+
+export function useLastAssistantMessage() {
+  const editor = useEditorRef();
+
+  const chat = editor.useOption(AIChatPlugin, 'chat');
+
+  return chat.messages.findLast((message) => message.role === 'assistant');
+}
diff --git a/packages/ai/src/react/ai-chat/withTriggerAIChat.ts b/packages/ai/src/react/ai-chat/withTriggerAIChat.ts
new file mode 100644
index 0000000000..518c727d74
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/withTriggerAIChat.ts
@@ -0,0 +1,77 @@
+import type { ExtendEditor } from '@udecode/plate-common/react';
+
+import {
+  type TElement,
+  getAncestorNode,
+  getEditorString,
+  getPointBefore,
+  getRange,
+  isElementEmpty,
+} from '@udecode/plate-common';
+
+import type { AIChatPluginConfig } from './AIChatPlugin';
+
+export const withTriggerAIChat: ExtendEditor<AIChatPluginConfig> = ({
+  api,
+  editor,
+  getOptions,
+}) => {
+  const { insertText } = editor;
+
+  const matchesTrigger = (text: string) => {
+    const { trigger } = getOptions();
+
+    if (trigger instanceof RegExp) {
+      return trigger.test(text);
+    }
+    if (Array.isArray(trigger)) {
+      return trigger.includes(text);
+    }
+
+    return text === trigger;
+  };
+
+  editor.insertText = (text) => {
+    const { triggerPreviousCharPattern, triggerQuery } = getOptions();
+
+    const fn = () => {
+      if (
+        !editor.selection ||
+        !matchesTrigger(text) ||
+        (triggerQuery && !triggerQuery(editor))
+      ) {
+        return;
+      }
+
+      // Make sure an input is created at the beginning of line or after a whitespace
+      const previousChar = getEditorString(
+        editor,
+        getRange(
+          editor,
+          editor.selection,
+          getPointBefore(editor, editor.selection)
+        )
+      );
+
+      const matchesPreviousCharPattern =
+        triggerPreviousCharPattern?.test(previousChar);
+
+      if (!matchesPreviousCharPattern) return;
+
+      const nodeEntry = getAncestorNode(editor);
+
+      if (!nodeEntry || !isElementEmpty(editor, nodeEntry[0] as TElement))
+        return;
+
+      api.aiChat.show();
+
+      return true;
+    };
+
+    if (fn()) return;
+
+    return insertText(text);
+  };
+
+  return editor;
+};
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 761f95b553..34f0fe3758 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -1,202 +1,64 @@
-import type { ExtendConfig } from '@udecode/plate-core';
-import type { NodeEntry, Path } from 'slate';
+import type { Path } from 'slate';
 
 import {
-  type PlateEditor,
-  toDOMNode,
-  toTPlatePlugin,
-} from '@udecode/plate-common/react';
+  type ExtendConfig,
+  type OmitFirst,
+  bindFirst,
+} from '@udecode/plate-common';
+import { toTPlatePlugin } from '@udecode/plate-common/react';
 
 import { type BaseAIPluginConfig, BaseAIPlugin } from '../../lib';
-import { useAIHooks } from './useAIHook';
-
-export const KEY_AI = 'ai';
-
-export interface FetchAISuggestionProps {
+import { streamAINodes } from '../ai-chat/transforms/streamAINodes';
+import { removeAIMarks } from './transforms';
+import { insertAINodes } from './transforms/insertAINodes';
+import { removeAINodes } from './transforms/removeAINodes';
+import { stripMarkdown } from './utils';
+import { streamText } from './utils/streamText';
+
+export interface AIStreamProps {
   abortSignal: AbortController;
   prompt: string;
   system?: string;
 }
 
-interface ExposeOptions {
-  createAIEditor: () => PlateEditor;
-  scrollContainerSelector: string;
-  fetchStream?: (props: FetchAISuggestionProps) => Promise<ReadableStream>;
-  trigger?: RegExp | string[] | string;
-
-  triggerPreviousCharPattern?: RegExp;
-}
-
-export type AISelectors = {
-  isOpen: (editorId: string) => boolean;
+export type AIOptions = {
+  // unused
+  startPath: Path;
 };
 
 export type AIApi = {
-  abort: () => void;
-  clearLast: () => void;
-  focusMenu: () => void;
-  hide: () => void;
-  setAnchorElement: (dom: HTMLElement) => void;
-  show: (editorId: string, dom: HTMLElement, nodeEntry: NodeEntry) => void;
+  streamText: typeof streamText;
+  stripText: typeof stripMarkdown;
 };
 
-export type AIActionGroup = {
-  group?: string;
-  value?: string;
+export type AITransforms = {
+  insertNodes: OmitFirst<typeof insertAINodes>;
+  removeMarks: OmitFirst<typeof removeAIMarks>;
+  removeNodes: OmitFirst<typeof removeAINodes>;
+  streamNodes: OmitFirst<typeof streamAINodes>;
 };
 
 export type AIPluginConfig = ExtendConfig<
   BaseAIPluginConfig,
-  {
-    abortController: AbortController | null;
-    action: AIActionGroup | null;
-    aiEditor: PlateEditor | null;
-    aiState: 'done' | 'generating' | 'idle' | 'requesting';
-    anchorDom: HTMLElement | null;
-    curNodeEntry: NodeEntry | null;
-    initNodeEntry: NodeEntry | null;
-    lastGenerate: string | null;
-    lastPrompt: string | null;
-    lastWorkPath: Path | null;
-    menuType: 'cursor' | 'selection' | null;
-    openEditorId: string | null;
-    store: any | null;
-  } & ExposeOptions &
-    AIApi &
-    AISelectors,
-  {
-    ai: AIApi;
-  }
+  AIOptions,
+  { ai: AIApi },
+  { ai: AITransforms }
 >;
 
-export const INPUT_ELEMENT_ID = '__potion_ai_menu_searchRef';
-
 export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
   options: {
-    abortController: null,
-    action: null,
-    aiEditor: null,
-    aiState: 'idle',
-    anchorDom: null,
-    curNodeEntry: null,
-    initNodeEntry: null,
-    lastGenerate: null,
-    lastPrompt: null,
-    lastWorkPath: null,
-    menuType: null,
-    openEditorId: null,
-    store: null,
+    startPath: [],
   },
 })
-  .extendOptions<AISelectors>(({ getOptions }) => ({
-    isOpen: (editorId: string) => {
-      const { openEditorId, store } = getOptions();
-      const anchorElement = store?.getState().anchorElement;
-      const isAnchor = !!anchorElement && document.contains(anchorElement);
-
-      return !!editorId && openEditorId === editorId && isAnchor;
-    },
-  }))
-  .extendApi<
-    Required<Pick<AIApi, 'clearLast' | 'focusMenu' | 'setAnchorElement'>>
-  >(({ getOptions, setOptions }) => ({
-    clearLast: () => {
-      setOptions({
-        lastGenerate: null,
-        lastPrompt: null,
-        lastWorkPath: null,
-      });
-    },
-    focusMenu: () => {
-      const { store } = getOptions();
-
-      setTimeout(() => {
-        const searchInput = document.querySelector(
-          `#${INPUT_ELEMENT_ID}`
-        ) as HTMLInputElement;
-
-        if (store) {
-          store.setAutoFocusOnShow(true);
-          store.setInitialFocus('first');
-          searchInput?.focus();
-        }
-      }, 0);
-    },
-    setAnchorElement: (dom: HTMLElement) => {
-      const { store } = getOptions();
-
-      if (store) {
-        store.setAnchorElement(dom);
-      }
-    },
+  .extendTransforms(({ editor }) => ({
+    insertNodes: bindFirst(insertAINodes, editor),
+    removeMarks: bindFirst(removeAIMarks, editor),
+    removeNodes: bindFirst(removeAINodes, editor),
+    streamNodes: bindFirst(streamAINodes, editor),
+    // Function to reload the last AI chat response for the given chat history. If the last message isn't from the assistant, it will request the API to generate a new response.
+    // reload
   }))
-  .extendApi<Required<Pick<AIApi, 'abort' | 'hide' | 'show'>>>(
-    ({ api, getOptions, setOption }) => ({
-      abort: () => {
-        const { abortController } = getOptions();
-
-        abortController?.abort();
-        setOption('aiState', 'idle');
-        setTimeout(() => {
-          api.ai.focusMenu();
-        }, 0);
-      },
-      hide: () => {
-        setOption('openEditorId', null);
-        setTimeout(() => {
-          getOptions().store?.setAnchorElement(null);
-          // Because sometimes we need transition animations, 200 milliseconds is the assumed duration of the animation.
-          // otherwise the menu will be lose its position during the animation
-        }, 200);
-      },
-      show: (editorId: string, dom: HTMLElement, nodeEntry: NodeEntry) => {
-        const { store } = getOptions();
-
-        setOption('openEditorId', editorId);
-        api.ai.clearLast();
-        setOption('initNodeEntry', nodeEntry);
-        api.ai.setAnchorElement(dom);
-        store?.show();
-        api.ai.focusMenu();
-      },
-    })
-  )
-  .extend(({ api, getOptions, setOptions }) => ({
-    options: {
-      onOpenAI(editor, [node, path]) {
-        const dom = toDOMNode(editor, node);
-
-        if (!dom) return;
-
-        const { scrollContainerSelector } = getOptions();
-
-        // TODO popup animation
-        if (scrollContainerSelector) {
-          const scrollContainer = document.querySelector(
-            scrollContainerSelector
-          );
-
-          if (!scrollContainer) return;
-
-          // Make sure when popup in very bottom the menu within the viewport range.
-          const rect = dom.getBoundingClientRect();
-          const windowHeight = window.innerHeight;
-          const distanceToBottom = windowHeight - rect.bottom;
-
-          // 261 is height of the menu.
-          // TODO: make it dynamic
-          if (distanceToBottom < 261) {
-            // TODO: scroll animation
-            scrollContainer.scrollTop += 261 - distanceToBottom;
-          }
-        }
-
-        api.ai.show(editor.id, dom, [node, path]);
-        setOptions({
-          aiState: 'idle',
-          menuType: 'cursor',
-        });
-      },
-    },
-    useHooks: useAIHooks,
+  .extendApi<AIApi>(() => ({
+    streamText: streamText,
+    stripText: stripMarkdown,
   }));
diff --git a/packages/ai/src/react/ai/hook/useAI.ts b/packages/ai/src/react/ai/hook/useAI.ts
deleted file mode 100644
index 42630b8f3a..0000000000
--- a/packages/ai/src/react/ai/hook/useAI.ts
+++ /dev/null
@@ -1,198 +0,0 @@
-import React, {
-  type KeyboardEvent,
-  startTransition,
-  useCallback,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
-
-import { isHotkey } from '@udecode/plate-common';
-import { focusEditor, useEditorPlugin } from '@udecode/plate-common/react';
-
-import type { AIActions, AICommands } from '../types';
-
-import { type AIActionGroup, AIPlugin, INPUT_ELEMENT_ID } from '../AIPlugin';
-import { streamInsertText, streamInsertTextSelection } from '../stream';
-import { getContent } from '../utils';
-
-interface UseAIStateProps {
-  aiActions: AIActions;
-  aiCommands: AICommands;
-
-  defaultValues: Record<string, string>;
-}
-
-export type AICommandsAction = Record<string, any>;
-
-export const useAI = ({
-  aiActions,
-  aiCommands,
-  defaultValues,
-}: UseAIStateProps) => {
-  const {
-    CursorCommandsActions,
-    CursorSuggestionActions,
-    SelectionCommandsActions,
-    SelectionSuggestionActions,
-  } = aiActions;
-
-  const {
-    CursorCommands,
-    CursorSuggestions,
-    SelectionCommands,
-    SelectionSuggestions,
-  } = aiCommands;
-
-  const { api, editor, setOption, useOption } = useEditorPlugin(AIPlugin);
-
-  const isOpen = useOption('isOpen', editor.id);
-  const action = useOption('action');
-  const aiState = useOption('aiState');
-  const menuType = useOption('menuType');
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const setAction = (action: AIActionGroup) => setOption('action', action);
-
-  const { aiEditor } = editor.useOptions(AIPlugin);
-
-  // const menu = Ariakit.useMenuStore();
-  // useEffect(() => {
-  //   setOptions({
-  //     store: menu,
-  //   });
-  //   // eslint-disable-next`-line react-hooks/exhaustive-deps
-  // }, [isOpen, menu, setOptions]);
-
-  const [values, setValues] = useState(defaultValues);
-  const [searchValue, setSearchValue] = useState('');
-
-  const streamInsert = useCallback(async () => {
-    if (!aiEditor) return;
-    if (menuType === 'selection') {
-      const content = getContent(editor, aiEditor);
-
-      await streamInsertTextSelection(editor, aiEditor, {
-        prompt: `user prompt is ${searchValue} the content is ${content}`,
-      });
-    } else if (menuType === 'cursor') {
-      await streamInsertText(editor, {
-        prompt: searchValue,
-      });
-    }
-  }, [aiEditor, editor, menuType, searchValue]);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const onInputKeyDown = async (e: KeyboardEvent<HTMLInputElement>) => {
-    if (isHotkey('backspace')(e) && searchValue.length === 0) {
-      e.preventDefault();
-      api.ai.hide();
-      focusEditor(editor);
-    }
-    if (isHotkey('enter')(e)) await streamInsert();
-  };
-
-  const onCloseMenu = useCallback(() => {
-    //  close menu if ai is not generating
-    if (aiState === 'idle' || aiState === 'done') {
-      api.ai.hide();
-      focusEditor(editor);
-    }
-    // abort if ai is generating
-    if (aiState === 'generating' || aiState === 'requesting') {
-      api.ai.abort();
-    }
-  }, [aiState, api.ai, editor]);
-
-  // close on escape
-  useEffect(() => {
-    const keydown = (e: any) => {
-      if (!isOpen || !isHotkey('escape')(e)) return;
-
-      onCloseMenu();
-    };
-
-    document.addEventListener('keydown', keydown);
-
-    return () => {
-      document.removeEventListener('keydown', keydown);
-    };
-  }, [aiState, api.ai, editor, isOpen, onCloseMenu]);
-
-  const [CurrentItems, CurrentActions] = React.useMemo(() => {
-    if (aiState === 'done') {
-      if (menuType === 'selection')
-        return [SelectionSuggestions, SelectionSuggestionActions];
-
-      return [CursorSuggestions, CursorSuggestionActions];
-    }
-    if (menuType === 'selection')
-      return [SelectionCommands, SelectionCommandsActions];
-
-    return [CursorCommands, CursorCommandsActions];
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [aiState, menuType]);
-
-  /** IME */
-  const [isComposing, setIsComposing] = useState(false);
-
-  // const searchItems = useMemo(() => {
-  //   return isComposing
-  //     ? []
-  //     : filterAndBuildMenuTree(Object.values(CurrentActions), searchValue);
-  // }, [CurrentActions, isComposing, searchValue]);
-
-  /** Props */
-
-  const menuProps = useMemo(() => {
-    return {
-      flip: false,
-      loading: aiState === 'generating' || aiState === 'requesting',
-      open: isOpen,
-      setAction: setAction,
-      // store: menu,
-      values: values,
-      onClickOutside: () => {
-        return editor.getApi(AIPlugin).ai.hide();
-      },
-      onValueChange: (value: string) =>
-        startTransition(() => setSearchValue(value)),
-      onValuesChange: (values: typeof defaultValues) => {
-        setValues(values);
-      },
-    };
-  }, [aiState, editor, isOpen, setAction, values]);
-
-  const comboboxProps = useMemo(() => {
-    return {
-      id: INPUT_ELEMENT_ID,
-      value: searchValue,
-      onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
-        setSearchValue(e.target.value),
-      onCompositionEnd: () => setIsComposing(false),
-      onCompositionStart: () => setIsComposing(true),
-      onKeyDown: onInputKeyDown,
-    };
-  }, [onInputKeyDown, searchValue]);
-
-  const submitButtonProps = useMemo(() => {
-    return {
-      disabled: searchValue.trim().length === 0,
-      onClick: async () => {
-        await streamInsert();
-      },
-    };
-  }, [searchValue, streamInsert]);
-
-  return {
-    CurrentItems,
-    action,
-    aiEditor,
-    aiState,
-    comboboxProps,
-    menuProps,
-    menuType,
-    // searchItems,
-    submitButtonProps,
-    onCloseMenu,
-  };
-};
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
index b5a3f40ad6..c3152165af 100644
--- a/packages/ai/src/react/ai/index.ts
+++ b/packages/ai/src/react/ai/index.ts
@@ -3,8 +3,6 @@
  */
 
 export * from './AIPlugin';
-export * from './types';
-export * from './useAIHook';
-export * from './hook/index';
-export * from './stream/index';
+export * from '../ai-chat/useAIChatHook';
+export * from '../ai-chat/hooks/index';
 export * from './utils/index';
diff --git a/packages/ai/src/react/ai/stream/getSystemMessage.ts b/packages/ai/src/react/ai/stream/getSystemMessage.ts
deleted file mode 100644
index abea050e19..0000000000
--- a/packages/ai/src/react/ai/stream/getSystemMessage.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const getAISystem = () => `\
-You are a text-based conversational robot that helps users with tasks such as continuation and refinement.
-Users will provide you with some content, and you will help them with their needs.
-
-CRITICAL RULE:If you want to start a new line, output a '\n'. If you want to start a new paragraph, output two '\n'.
-Do not respond to the user,generate the content directly.`;
diff --git a/packages/ai/src/react/ai/stream/index.ts b/packages/ai/src/react/ai/stream/index.ts
deleted file mode 100644
index 88a3670ff2..0000000000
--- a/packages/ai/src/react/ai/stream/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './getSystemMessage';
-export * from './streamInsertText';
-export * from './streamInsertTextSelection';
-export * from './streamTraversal';
diff --git a/packages/ai/src/react/ai/stream/streamInsertText.ts b/packages/ai/src/react/ai/stream/streamInsertText.ts
deleted file mode 100644
index b7a0f4493c..0000000000
--- a/packages/ai/src/react/ai/stream/streamInsertText.ts
+++ /dev/null
@@ -1,168 +0,0 @@
-'use client';
-import {
-  getAncestorNode,
-  getEndPoint,
-  insertEmptyElement,
-  insertText,
-  replaceNode,
-  withMerging,
-} from '@udecode/plate-common';
-import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-common/react';
-import { deserializeMd } from '@udecode/plate-markdown';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
-import { Path } from 'slate';
-
-import { AIPlugin } from '../AIPlugin';
-import { updateMenuAnchorByPath } from '../utils';
-import { getNextPathByNumber } from '../utils/getNextPathByNumber';
-import { getAISystem } from './getSystemMessage';
-import { streamTraversal } from './streamTraversal';
-
-interface streamInsertTextOptions {
-  prompt: string;
-  startWritingPath?: Path;
-  system?: string;
-}
-
-export const streamInsertText = async (
-  editor: PlateEditor,
-  { prompt, system = getAISystem(), ...options }: streamInsertTextOptions
-) => {
-  editor.setOptions(AIPlugin, {
-    aiState: 'requesting',
-    lastPrompt: prompt,
-  });
-
-  const initNodeEntry = editor.getOptions(AIPlugin).initNodeEntry;
-
-  if (!initNodeEntry) return;
-
-  let chuck = '';
-
-  let workPath = options?.startWritingPath ?? initNodeEntry[1];
-  let lastWorkPath: Path | null = null;
-
-  const effectPath: Path[] = [];
-
-  let matchStartCodeblock = false;
-  let matchEndCodeblock = false;
-
-  let isFirst = true;
-
-  let total = '';
-
-  await streamTraversal(
-    editor,
-    (delta, done) => {
-      total += delta;
-
-      if (typeof delta !== 'string') return;
-      if (delta.includes('``') && matchStartCodeblock) {
-        matchEndCodeblock = true;
-      }
-      if (delta.includes('```') && !matchEndCodeblock) {
-        matchStartCodeblock = true;
-      }
-
-      const matchParagraph = !matchStartCodeblock && /\n+/.test(delta);
-      const matchCodeblock = matchStartCodeblock && matchEndCodeblock;
-
-      if (matchParagraph || matchCodeblock) {
-        const parts = delta.split(/\n+/);
-        const nextChunkStart = parts[1] ?? '';
-        const previousChunkEnd = parts[0] ?? '';
-
-        if (previousChunkEnd.length > 0) {
-          const insert = () => {
-            insertText(editor, previousChunkEnd, {
-              at: getEndPoint(editor, workPath),
-            });
-          };
-
-          withMerging(editor, insert);
-
-          chuck += previousChunkEnd;
-        }
-
-        matchStartCodeblock = false;
-        matchEndCodeblock = false;
-
-        const v = deserializeMd(editor, chuck);
-
-        const nextWorkPath = getNextPathByNumber(workPath, v.length);
-        const replace = () => {
-          // FIX: replace make the anchor disappear
-          editor.setOptions(AIPlugin, {
-            openEditorId: null,
-          });
-
-          replaceNode(editor, {
-            at: workPath,
-            nodes: v,
-          });
-
-          if (!done) {
-            insertEmptyElement(editor, ParagraphPlugin.key, {
-              at: nextWorkPath,
-            });
-          }
-        };
-
-        withMerging(editor, replace);
-
-        if (!done) workPath = nextWorkPath;
-
-        chuck = nextChunkStart;
-
-        return;
-      } else {
-        chuck += delta;
-      }
-      if (delta) {
-        if (lastWorkPath === null || !Path.equals(lastWorkPath, workPath)) {
-          updateMenuAnchorByPath(editor, workPath);
-          effectPath.push(workPath);
-          lastWorkPath = workPath;
-        }
-
-        editor.setOption(AIPlugin, 'aiState', 'generating');
-
-        const insert = () => {
-          insertText(editor, delta, {
-            at: getEndPoint(editor, workPath),
-          });
-        };
-
-        if (isFirst) {
-          insert();
-          isFirst = false;
-        } else {
-          withMerging(editor, insert);
-        }
-      }
-    },
-    {
-      prompt,
-      system,
-    }
-  );
-
-  /** After the stream */
-  updateMenuAnchorByPath(editor, workPath);
-
-  /** Add block selection to all the ai generated blocks */
-  effectPath.forEach((path) => {
-    setTimeout(() => {
-      const nodeEntry = getAncestorNode(editor, path);
-
-      if (nodeEntry) {
-        editor
-          .getApi(BlockSelectionPlugin)
-          .blockSelection.addSelectedRow(nodeEntry[0].id, { clear: false });
-      }
-    }, 0);
-  });
-
-  editor.setOptions(AIPlugin, { aiState: 'done', lastGenerate: total });
-  editor.getApi(AIPlugin).ai.focusMenu();
-};
diff --git a/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts b/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
deleted file mode 100644
index 0ca90c36f6..0000000000
--- a/packages/ai/src/react/ai/stream/streamInsertTextSelection.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-'use client';
-import {
-  getEndPoint,
-  insertEmptyElement,
-  insertText,
-  replaceNode,
-  resetEditor,
-  withMerging,
-} from '@udecode/plate-common';
-import { type PlateEditor, ParagraphPlugin } from '@udecode/plate-common/react';
-import { deserializeMd } from '@udecode/plate-markdown';
-
-import { AIPlugin } from '../AIPlugin';
-import { getNextPathByNumber } from '../utils/getNextPathByNumber';
-import { getAISystem } from './getSystemMessage';
-import { streamTraversal } from './streamTraversal';
-
-interface StreamInsertTextSelectionOptions {
-  prompt: string;
-  system?: string;
-}
-
-export const streamInsertTextSelection = async (
-  editor: PlateEditor,
-  aiEditor: PlateEditor,
-  { prompt, system = getAISystem() }: StreamInsertTextSelectionOptions
-) => {
-  editor.setOptions(AIPlugin, {
-    aiState: 'requesting',
-    lastPrompt: prompt,
-  });
-
-  // const { output } = await generate(prompt, getSelectionMenuSystem());
-
-  let workPath = [0];
-  let matchStartCodeblock = false;
-  let matchEndCodeblock = false;
-  let chuck = '';
-
-  aiEditor.children = [{ children: [{ text: '' }], type: 'p' }];
-  resetEditor(aiEditor);
-
-  await streamTraversal(
-    editor,
-    (delta, done) => {
-      if (typeof delta !== 'string') return;
-      // match code block
-      if (delta.includes('``') && matchStartCodeblock) {
-        matchEndCodeblock = true;
-      }
-      if (delta.includes('```') && !matchEndCodeblock) {
-        matchStartCodeblock = true;
-      }
-
-      const matchParagraph = !matchStartCodeblock && delta.match(/\n+/g);
-      const matchCodeblock = matchStartCodeblock && matchEndCodeblock;
-
-      if (matchParagraph || matchCodeblock) {
-        const parts = delta.split(/\n+/);
-        const nextChunkStart = parts[1] ?? '';
-        const previousChunkEnd = parts[0] ?? '';
-
-        if (previousChunkEnd.length > 0) {
-          insertText(aiEditor, previousChunkEnd, {
-            at: getEndPoint(aiEditor, workPath),
-          });
-          chuck += previousChunkEnd;
-        }
-
-        matchStartCodeblock = false;
-        matchEndCodeblock = false;
-
-        const v = deserializeMd(aiEditor, chuck);
-
-        const nextWorkPath = getNextPathByNumber(workPath, v.length);
-
-        const replace = () => {
-          replaceNode(aiEditor, {
-            at: workPath,
-            nodes: v,
-          });
-
-          if (!done) {
-            insertEmptyElement(aiEditor, ParagraphPlugin.key, {
-              at: nextWorkPath,
-            });
-          }
-        };
-
-        withMerging(aiEditor, replace);
-
-        workPath = nextWorkPath;
-
-        chuck = nextChunkStart;
-
-        return;
-      } else {
-        chuck += delta;
-      }
-      if (delta) {
-        insertText(aiEditor, delta, {
-          at: getEndPoint(aiEditor, workPath),
-        });
-      }
-    },
-    // streamInsertTextSelectionOptions
-    {
-      prompt,
-      system,
-    }
-  );
-
-  editor.setOptions(AIPlugin, {
-    aiState: 'done',
-    lastPrompt: prompt,
-    lastWorkPath: workPath,
-  });
-  editor.getApi(AIPlugin).ai.focusMenu();
-};
diff --git a/packages/ai/src/react/ai/stream/streamTraversal.ts b/packages/ai/src/react/ai/stream/streamTraversal.ts
deleted file mode 100644
index 63ff20c8fb..0000000000
--- a/packages/ai/src/react/ai/stream/streamTraversal.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-'use client';
-
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import { AIPlugin } from '../AIPlugin';
-
-interface StreamTraversalOptions {
-  prompt: string;
-  system: string;
-}
-
-export const streamTraversal = async (
-  editor: PlateEditor,
-  fn: (delta: string, done: boolean) => void,
-  { prompt, system }: StreamTraversalOptions
-) => {
-  const abortController = new AbortController();
-  editor.setOptions(AIPlugin, { abortController });
-
-  const fetchStream = editor.getOptions(AIPlugin).fetchStream!;
-
-  const response = await fetchStream({
-    abortSignal: abortController,
-    prompt,
-    system,
-  });
-
-  const reader = response.getReader();
-  const decoder = new TextDecoder();
-
-  // eslint-disable-next-line no-constant-condition
-  while (true) {
-    const { done, value } = await reader.read();
-
-    if (done) {
-      fn('\n', done);
-
-      break;
-    }
-    if (value) {
-      const delta = decoder.decode(value);
-
-      fn(delta, done);
-    }
-  }
-};
diff --git a/packages/ai/src/react/ai/transforms/index.ts b/packages/ai/src/react/ai/transforms/index.ts
new file mode 100644
index 0000000000..c1320d0827
--- /dev/null
+++ b/packages/ai/src/react/ai/transforms/index.ts
@@ -0,0 +1 @@
+export * from './removeAIMarks';
\ No newline at end of file
diff --git a/packages/ai/src/react/ai/transforms/insertAINodes.ts b/packages/ai/src/react/ai/transforms/insertAINodes.ts
new file mode 100644
index 0000000000..3c9138a78d
--- /dev/null
+++ b/packages/ai/src/react/ai/transforms/insertAINodes.ts
@@ -0,0 +1,34 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+import type { Path } from 'slate';
+
+import { getEndPoint, insertNodes, withMerging } from '@udecode/plate-common';
+
+import { AIPlugin } from '../AIPlugin';
+
+export const insertAINodes = (
+  editor: PlateEditor,
+  text: string,
+  {
+    isFirst,
+    target,
+  }: {
+    target: Path;
+    isFirst?: boolean;
+  }
+) => {
+  const insert = () => {
+    insertNodes(
+      editor,
+      { [AIPlugin.key]: true, text },
+      {
+        at: getEndPoint(editor, target),
+      }
+    );
+  };
+
+  if (isFirst) {
+    insert();
+  } else {
+    withMerging(editor, insert);
+  }
+};
diff --git a/packages/ai/src/react/ai/transforms/removeAIMarks.ts b/packages/ai/src/react/ai/transforms/removeAIMarks.ts
new file mode 100644
index 0000000000..fb9eae3931
--- /dev/null
+++ b/packages/ai/src/react/ai/transforms/removeAIMarks.ts
@@ -0,0 +1,12 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { getRange, removeMark } from '@udecode/plate-common';
+
+import { AIPlugin } from '../AIPlugin';
+
+export const removeAIMarks = (editor: PlateEditor) => {
+  removeMark(editor, {
+    key: AIPlugin.key,
+    at: getRange(editor, []),
+  });
+};
diff --git a/packages/ai/src/react/ai/transforms/removeAINodes.ts b/packages/ai/src/react/ai/transforms/removeAINodes.ts
new file mode 100644
index 0000000000..ee25253ff3
--- /dev/null
+++ b/packages/ai/src/react/ai/transforms/removeAINodes.ts
@@ -0,0 +1,12 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { isText, removeNodes } from '@udecode/plate-common';
+
+import { AIPlugin } from '../AIPlugin';
+
+export const removeAINodes = (editor: PlateEditor) => {
+  removeNodes(editor, {
+    at: [],
+    match: (n) => isText(n) && !!n[AIPlugin.key],
+  });
+};
diff --git a/packages/ai/src/react/ai/types.ts b/packages/ai/src/react/ai/types.ts
deleted file mode 100644
index c01e5f8673..0000000000
--- a/packages/ai/src/react/ai/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export interface AIActions {
-  CursorCommandsActions: Record<string, any>;
-  CursorSuggestionActions: Record<string, any>;
-  SelectionCommandsActions: Record<string, any>;
-  SelectionSuggestionActions: Record<string, any>;
-}
-
-export interface AICommands {
-  CursorCommands: React.FC;
-  CursorSuggestions: React.FC;
-  SelectionCommands: React.FC;
-  SelectionSuggestions: React.FC;
-}
diff --git a/packages/ai/src/react/ai/useAIHook.ts b/packages/ai/src/react/ai/useAIHook.ts
deleted file mode 100644
index 93e46544e8..0000000000
--- a/packages/ai/src/react/ai/useAIHook.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { useEffect } from 'react';
-
-import { useEditorPlugin } from '@udecode/plate-common/react';
-
-import { type AIPluginConfig, AIPlugin } from './AIPlugin';
-
-export const useAIHooks = () => {
-  const { getOptions, setOptions } = useEditorPlugin<AIPluginConfig>(AIPlugin);
-  useEffect(() => {
-    setTimeout(() => {
-      const editor = getOptions().createAIEditor();
-      setOptions({ aiEditor: editor });
-    }, 0);
-  }, [setOptions, getOptions]);
-};
diff --git a/packages/ai/src/react/ai/utils/getContent.ts b/packages/ai/src/react/ai/utils/getContent.ts
deleted file mode 100644
index d6c26ebf4f..0000000000
--- a/packages/ai/src/react/ai/utils/getContent.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-
-import { getNodeEntries, isBlock } from '@udecode/plate-common';
-import { serializeMd, serializeMdNodes } from '@udecode/plate-markdown';
-import {
-  type BlockSelectionConfig,
-  BlockSelectionPlugin,
-} from '@udecode/plate-selection/react';
-
-import { AIPlugin } from '../AIPlugin';
-
-// If some content has already been generated using it to modify(improve) otherwise using the selection or block selected nodes.
-export const getContent = (editor: PlateEditor, aiEditor: PlateEditor) => {
-  const aiState = editor.getOptions(AIPlugin).aiState;
-
-  if (aiState === 'done') return serializeMd(aiEditor);
-  // Not Sure
-  if (
-    editor.getOption<BlockSelectionConfig, 'isSelecting', any>(
-      BlockSelectionPlugin,
-      'isSelecting',
-      editor.id
-    )
-  ) {
-    const entries = editor
-      .getApi(BlockSelectionPlugin)
-      .blockSelection.getNodes();
-
-    const nodes = Array.from(entries, (entry) => entry[0]);
-
-    return serializeMdNodes(nodes as any);
-  }
-
-  const entries = getNodeEntries(editor, {
-    match: (n) => isBlock(editor, n),
-    mode: 'highest',
-  });
-  const nodes = Array.from(entries, (entry) => entry[0]);
-
-  return serializeMdNodes(nodes as any);
-};
diff --git a/packages/ai/src/react/ai/utils/getEditorPrompt.ts b/packages/ai/src/react/ai/utils/getEditorPrompt.ts
new file mode 100644
index 0000000000..4b0631fb91
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/getEditorPrompt.ts
@@ -0,0 +1,103 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { isSelecting } from '@udecode/plate-selection';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+
+import { getMarkdown } from './getMarkdown';
+
+export type MarkdownType = 'block' | 'editor' | 'selection';
+
+export interface EditorPromptParams {
+  editor: PlateEditor;
+  isBlockSelecting: boolean;
+  isSelecting: boolean;
+}
+
+export interface PromptConfig {
+  default: string;
+  blockSelecting?: string;
+  selecting?: string;
+}
+
+export type EditorPrompt =
+  | ((params: EditorPromptParams) => string)
+  | PromptConfig
+  | string;
+
+const replacePlaceholders = (
+  editor: PlateEditor,
+  text: string,
+  {
+    prompt,
+  }: {
+    prompt?: string;
+  }
+): string => {
+  let result = text;
+
+  const placeholders: Record<string, MarkdownType> = {
+    '{block}': 'block',
+    '{editor}': 'editor',
+    '{selection}': 'selection',
+  };
+
+  Object.entries(placeholders).forEach(([placeholder, type]) => {
+    if (text.includes(placeholder)) {
+      result = result.replace(placeholder, getMarkdown(editor, type));
+    }
+  });
+
+  result = result.replace('{prompt}', prompt || '');
+
+  return result;
+};
+
+const createPromptFromConfig = (
+  config: PromptConfig,
+  params: EditorPromptParams
+): string => {
+  const { isBlockSelecting, isSelecting } = params;
+
+  if (isBlockSelecting && config.blockSelecting) {
+    return config.blockSelecting;
+  } else if (isSelecting && config.selecting) {
+    return config.selecting;
+  } else {
+    return config.default;
+  }
+};
+
+export const getEditorPrompt = (
+  editor: PlateEditor,
+  {
+    prompt = '',
+    promptTemplate = () => '{prompt}',
+  }: {
+    prompt?: EditorPrompt;
+    promptTemplate?: (params: EditorPromptParams) => string | void;
+  } = {}
+): string | undefined => {
+  const params: EditorPromptParams = {
+    editor,
+    isBlockSelecting: editor.getOption(BlockSelectionPlugin, 'isSelectingSome'),
+    isSelecting: isSelecting(editor),
+  };
+
+  const template = promptTemplate(params);
+
+  if (!template) return;
+
+  let promptText = '';
+
+  if (typeof prompt === 'function') {
+    promptText = prompt(params);
+  } else if (typeof prompt === 'object') {
+    promptText = createPromptFromConfig(prompt, params);
+  } else {
+    promptText = prompt;
+  }
+
+  return replacePlaceholders(editor, template, {
+    prompt: promptText,
+  });
+};
diff --git a/packages/ai/src/react/ai/utils/getMarkdown.ts b/packages/ai/src/react/ai/utils/getMarkdown.ts
new file mode 100644
index 0000000000..d0fbdbb22b
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/getMarkdown.ts
@@ -0,0 +1,45 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import {
+  getNodeEntries,
+  getSelectionFragment,
+  isBlock,
+} from '@udecode/plate-common';
+import { serializeMd, serializeMdNodes } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+
+export const getMarkdown = (
+  editor: PlateEditor,
+  type: 'block' | 'editor' | 'selection'
+) => {
+  if (type === 'editor') {
+    return serializeMd(editor);
+  }
+  if (type === 'block') {
+    const blocks = editor.getOption(BlockSelectionPlugin, 'isSelectingSome')
+      ? editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()
+      : getNodeEntries(editor, {
+          match: (n) => isBlock(editor, n),
+          mode: 'highest',
+        });
+
+    const nodes = Array.from(blocks, (entry) => entry[0]);
+
+    return serializeMdNodes(nodes as any);
+  }
+  if (type === 'selection') {
+    const fragment = getSelectionFragment(editor);
+
+    // Remove any block formatting
+    if (fragment.length === 1) {
+      fragment[0] = {
+        children: fragment[0].children,
+        type: 'p',
+      };
+    }
+
+    return serializeMdNodes(fragment);
+  }
+
+  return '';
+};
diff --git a/packages/ai/src/react/ai/utils/getNextPathByNumber.ts b/packages/ai/src/react/ai/utils/getNextPathByNumber.ts
deleted file mode 100644
index e994d244e6..0000000000
--- a/packages/ai/src/react/ai/utils/getNextPathByNumber.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Path } from 'slate';
-
-export const getNextPathByNumber = (startPath: Path, number: number) => {
-  let workPath = startPath;
-
-  for (let i = 0; i < number; i++) {
-    workPath = Path.next(workPath);
-  }
-
-  return workPath;
-};
diff --git a/packages/ai/src/react/ai/utils/index.ts b/packages/ai/src/react/ai/utils/index.ts
index c243b7956b..383b95a874 100644
--- a/packages/ai/src/react/ai/utils/index.ts
+++ b/packages/ai/src/react/ai/utils/index.ts
@@ -2,6 +2,4 @@
  * @file Automatically generated by barrelsby.
  */
 
-export * from './getContent';
-export * from './getNextPathByNumber';
-export * from './updateMenuAnchorByPath';
+export * from './stripMarkdown';
diff --git a/packages/ai/src/react/ai/utils/streamText.ts b/packages/ai/src/react/ai/utils/streamText.ts
new file mode 100644
index 0000000000..5d84875b26
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/streamText.ts
@@ -0,0 +1,119 @@
+'use client';
+
+export const streamText = async ({
+  abortController,
+  prompt,
+  system,
+  onChunk,
+  // onStatusChange,
+}: {
+  abortController: AbortController;
+  prompt: string;
+  system: string;
+  onChunk: (chunk: string) => Promise<void> | void;
+  // onStatusChange?: (status: AIStatus) => void;
+}) => {
+  const fullText = '';
+
+  try {
+    // const response = await fetchStream({
+    //   abortSignal: abortController,
+    //   prompt,
+    //   system,
+    // }).catch((error) => {
+    //   // onStatusChange?.('error');
+    //   return error;
+    // });
+    // const reader = response.getReader();
+    // const decoder = new TextDecoder();
+    // // onStatusChange?.('streaming');
+    // while (true) {
+    //   const { done, value } = await reader.read();
+    //   if (done) break;
+    //   if (value) {
+    //     const chunk = decoder.decode(value);
+    //     if (typeof chunk !== 'string' || chunk.length === 0) continue;
+    //     fullText += chunk;
+    //     await onChunk(chunk);
+    //   }
+    // }
+  } catch {
+    // onStatusChange?.('error');
+  }
+
+  return { text: fullText };
+};
+
+// export const _streamTraversal = async (
+//   editor: PlateEditor,
+//   fn: (delta: string | null, done: boolean) => void,
+//   { prompt, system }: StreamTraversalOptions
+// ) => {
+//   editor.setOptions(AIPlugin, { status: 'streaming' });
+
+//   // Mock the reader and decoder
+//   const arr = [
+//     { done: false, value: `Hello` },
+//     { done: false, value: `Hello` },
+//     { done: false, value: `Hello` },
+//     { done: true, value: `Hello` },
+//     // { done: false, value: `3. You can also open the AI menu by using slash` },
+//     // { done: false, value: ` command` },
+//     // {
+//     //   done: false,
+//     //   value: `'. Type '/' in the following block or end of this block.`,
+//     // },
+//     // {
+//     //   done: true,
+//     //   value: `\n\n<br>\n\n### Additional Tips for Using the AI Menu\n4`,
+//     // },
+//     // {
+//     //   done: true,
+//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu\n4`,
+//     // },
+//     // {
+//     //   done: true,
+//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu`,
+//     // },
+//     // {
+//     //   done: true,
+//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu`,
+//     // },
+//   ];
+
+//   let currentIndex = 0;
+
+//   const mockReader = {
+//     read: async () => {
+//       // Simulate some async delay
+//       await new Promise((resolve) => setTimeout(resolve, 100));
+
+//       if (currentIndex >= arr.length) {
+//         return { done: true, value: undefined };
+//       } else {
+//         const value = arr[currentIndex].value;
+//         currentIndex++;
+
+//         return { done: false, value: new TextEncoder().encode(value) };
+//       }
+//     },
+//   };
+
+//   const mockDecoder = {
+//     decode: (value: Uint8Array) => new TextDecoder().decode(value),
+//   };
+
+//   while (true) {
+//     const { done, value } = await mockReader.read();
+
+//     if (done) {
+//       fn(null, done);
+
+//       break;
+//     }
+//     if (value) {
+//       const delta = mockDecoder.decode(value);
+//       fn(delta, done);
+//     }
+//   }
+// };
diff --git a/packages/ai/src/react/ai/utils/stripMarkdown.ts b/packages/ai/src/react/ai/utils/stripMarkdown.ts
new file mode 100644
index 0000000000..b80affbe65
--- /dev/null
+++ b/packages/ai/src/react/ai/utils/stripMarkdown.ts
@@ -0,0 +1,57 @@
+export const stripMarkdownBlocks = (text: string) => {
+  // Remove headers
+  text = text.replaceAll(/^#{1,6}\s+/gm, '');
+
+  // Remove blockquotes
+  text = text.replaceAll(/^\s*>\s?/gm, '');
+
+  // Remove horizontal rules
+  text = text.replaceAll(/^([*_-]){3,}\s*$/gm, '');
+
+  // Remove list symbols
+  text = text.replaceAll(/^(\s*)([*+-]|\d+\.)\s/gm, '$1');
+
+  // Remove code blocks
+  text = text.replaceAll(/^```[\S\s]*?^```/gm, '');
+
+  // Replace <br> with \n
+  text = text.replaceAll('<br>', '\n');
+
+  return text;
+};
+
+export const stripMarkdownInline = (text: string) => {
+  // Remove emphasis (bold, italic)
+  text = text.replaceAll(/(\*\*|__)(.*?)\1/g, '$2');
+  text = text.replaceAll(/(\*|_)(.*?)\1/g, '$2');
+
+  // Remove links
+  text = text.replaceAll(/\[([^\]]+)]\(([^)]+)\)/g, '$1');
+
+  // Remove inline code
+  text = text.replaceAll(/`(.+?)`/g, '$1');
+
+  // Replace HTML entities
+  text = text.replaceAll('&nbsp;', ' ');
+  text = text.replaceAll('&lt;', '<');
+  text = text.replaceAll('&gt;', '>');
+  text = text.replaceAll('&amp;', '&');
+
+  return text;
+};
+
+export const stripMarkdown = (text: string) => {
+  text = stripMarkdownBlocks(text);
+  text = stripMarkdownInline(text);
+
+  // Remove HTML tags (including <br>)
+  // text = text.replace(/<[^>]*>/g, '');
+
+  // Replace HTML entities
+  // text = text.replace('&nbsp;', ' ');
+  // text = text.replace('&lt;', '<');
+  // text = text.replace('&gt;', '>');
+  // text = text.replace('&amp;', '&');
+
+  return text;
+};
diff --git a/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts b/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
deleted file mode 100644
index e6c953c282..0000000000
--- a/packages/ai/src/react/ai/utils/updateMenuAnchorByPath.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-core/react';
-import type { Path } from 'slate';
-
-import { getAncestorNode } from '@udecode/plate-common';
-import { toDOMNode } from '@udecode/plate-common/react';
-
-import { AIPlugin } from '../AIPlugin';
-
-export const updateMenuAnchorByPath = (editor: PlateEditor, path: Path) => {
-  // FIX: replace make the anchor disappear
-  editor.setOptions(AIPlugin, {
-    openEditorId: editor.id,
-  });
-
-  const nodeEntry = getAncestorNode(editor, path);
-
-  if (nodeEntry) {
-    setTimeout(() => {
-      const dom = toDOMNode(editor, nodeEntry[0]);
-
-      if (dom) {
-        editor.getApi(AIPlugin).ai.setAnchorElement(dom);
-        editor.setOption(AIPlugin, 'curNodeEntry', nodeEntry);
-      }
-    }, 0);
-  }
-};
diff --git a/packages/ai/src/react/copilot/CopilotPlugin.tsx b/packages/ai/src/react/copilot/CopilotPlugin.tsx
index 0826c19bb1..af8fae4db0 100644
--- a/packages/ai/src/react/copilot/CopilotPlugin.tsx
+++ b/packages/ai/src/react/copilot/CopilotPlugin.tsx
@@ -1,214 +1,253 @@
-import React from 'react';
+'use client';
 
-import type { InsertTextOperation } from 'slate';
+import type React from 'react';
 
 import {
+  type OmitFirst,
   type PluginConfig,
-  type QueryNodeOptions,
-  withoutMergingHistory,
+  type TElement,
+  bindFirst,
+  getAncestorNode,
+  getBlockAbove,
+  getNodeString,
+  isBlockAboveEmpty,
+  isExpanded,
+  isSelectionAtBlockEnd,
 } from '@udecode/plate-common';
 import {
-  ParagraphPlugin,
+  type PlateEditor,
+  Key,
   createTPlatePlugin,
 } from '@udecode/plate-common/react';
-
-import { generateCopilotTextDebounce } from './generateCopilotText';
-import { InjectCopilot } from './injectCopilot';
-import { onKeyDownCopilot } from './onKeyDownCopilot';
-import { withoutAbort } from './utils/withoutAbort';
-
-export interface CopilotHoverCardProps {
-  suggestionText: string;
-}
-
-export interface FetchCopilotSuggestionProps {
-  abortSignal: AbortController;
-  prompt: string;
-}
+import { serializeMdNodes } from '@udecode/plate-markdown';
+
+import type { CompleteOptions } from './utils/callCompletionApi';
+
+import { renderCopilotBelowNodes } from './renderCopilotBelowNodes';
+import { acceptCopilot } from './transforms/acceptCopilot';
+import { acceptCopilotNextWord } from './transforms/acceptCopilotNextWord';
+import { triggerCopilotSuggestion } from './utils/triggerCopilotSuggestion';
+import { withCopilot } from './withCopilot';
+
+type CompletionState = {
+  abortController?: AbortController | null;
+  // The current text completion.
+  completion?: string | null;
+  // The error thrown during the completion process, if any.
+  error?: Error | null;
+  // Boolean flag indicating whether a fetch operation is currently in progress.
+  isLoading?: boolean;
+};
 
 export type CopilotPluginConfig = PluginConfig<
   'copilot',
-  {
-    hoverCard: (props: CopilotHoverCardProps) => JSX.Element;
-    abortController?: AbortController | null;
-    completedNodeId?: string | null;
-    copilotState?: 'completed' | 'idle';
-    enableDebounce?: boolean;
-    enableShortCut?: boolean;
-    fetchSuggestion?: (props: FetchCopilotSuggestionProps) => Promise<string>;
-    query?: QueryNodeOptions;
+  CompletionState & {
+    /** Get the next word to be inserted. */
+    getNextWord?: (options: { text: string }) => {
+      firstWord: string;
+      remainingText: string;
+    };
+    /**
+     * Conditions to auto trigger copilot, used in addition to triggerQuery.
+     * Disabling defaults to:
+     *
+     * - Block above is empty
+     * - Block above ends with a space
+     * - There is already a suggestion
+     */
+    autoTriggerQuery?: (options: { editor: PlateEditor }) => boolean;
+    /**
+     * AI completion options. See:
+     * {@link https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion#parameters | AI SDK UI useCompletion Parameters}
+     */
+    completeOptions?: Partial<CompleteOptions>;
+    /**
+     * Debounce delay for auto triggering AI completion.
+     *
+     * @default 0
+     */
+    debounceDelay?: number;
+    /**
+     * Get the prompt for AI completion.
+     *
+     * @default serializeMdNodes(getAncestorNode(editor))
+     */
+    getPrompt?: (options: { editor: PlateEditor }) => string;
+    /** Render the ghost text. */
+    renderGhostText?: (() => React.ReactNode) | null;
     shouldAbort?: boolean;
+    /** The node id where the suggestion is located. */
+    suggestionNodeId?: string | null;
+    /** The text of the suggestion. */
     suggestionText?: string | null;
-  } & CopilotApi &
-    CopilotSelectors
+    /**
+     * Conditions to trigger copilot. Disabling defaults to:
+     *
+     * - Selection is expanded
+     * - Selection is not at the end of block
+     */
+    triggerQuery?: (options: { editor: PlateEditor }) => boolean;
+    // query?: QueryEditorOptions;
+  } & CopilotSelectors,
+  {
+    copilot: CopilotApi;
+  }
 >;
 
 type CopilotSelectors = {
-  isCompleted?: (id: string) => boolean;
+  isSuggested?: (id: string) => boolean;
 };
 
 type CopilotApi = {
-  abortCopilot?: () => void;
-  setCopilot?: (id: string, text: string) => void;
+  accept: OmitFirst<typeof acceptCopilot>;
+  acceptNextWord: OmitFirst<typeof acceptCopilotNextWord>;
+  // Function to abort the current API request and reset the completion state.
+  reset: () => void;
+  setBlockSuggestion: (options: { text: string; id?: string }) => void;
+  // Function to abort the current API request.
+  stop: () => void;
+  triggerSuggestion: OmitFirst<typeof triggerCopilotSuggestion>;
 };
 
 export const CopilotPlugin = createTPlatePlugin<CopilotPluginConfig>({
   key: 'copilot',
   options: {
-    copilotState: 'idle',
-    enableDebounce: false,
-    hoverCard: (props) => <span>{props.suggestionText}</span>,
-    query: {
-      allow: [ParagraphPlugin.key],
-    },
-    shouldAbort: true,
-  },
-})
-  .extendOptions<Required<CopilotSelectors>>(({ getOptions }) => ({
-    isCompleted: (id) => getOptions().completedNodeId === id,
-  }))
-  .extendApi<Required<CopilotApi>>(({ getOptions, setOptions }) => ({
-    abortCopilot: () => {
-      const { abortController } = getOptions();
-
-      abortController?.abort();
-
-      setOptions({
-        abortController: null,
-        completedNodeId: null,
-        copilotState: 'idle',
-      });
-    },
-    setCopilot: (id, text) => {
-      setOptions({
-        completedNodeId: id,
-        copilotState: 'completed',
-        suggestionText: text,
-      });
-    },
-  }))
-  .extend({
-    extendEditor: ({ api, editor, getOptions, setOptions }) => {
-      type CopilotBatch = (typeof editor.history.undos)[number] & {
-        shouldAbort: boolean;
-      };
-
-      const { apply, insertText, redo, setSelection, undo, writeHistory } =
-        editor;
-
-      editor.undo = () => {
-        if (getOptions().copilotState === 'idle') return undo();
-
-        const topUndo = editor.history.undos.at(-1) as CopilotBatch;
-        const oldText = getOptions().suggestionText;
-
-        if (
-          topUndo &&
-          topUndo.shouldAbort === false &&
-          topUndo.operations[0].type === 'insert_text' &&
-          oldText
-        ) {
-          withoutAbort(editor, () => {
-            const shouldInsertText = (
-              topUndo.operations[0] as InsertTextOperation
-            ).text;
-
-            const newText = shouldInsertText + oldText;
-            setOptions({ suggestionText: newText });
-
-            undo();
-          });
-
-          return;
-        }
-
-        return undo();
-      };
+    abortController: null,
+    autoTriggerQuery: ({ editor }) => {
+      if (
+        editor.getOptions<CopilotPluginConfig>({ key: 'copilot' })
+          .suggestionText
+      ) {
+        return false;
+      }
 
-      editor.redo = () => {
-        if (getOptions().copilotState === 'idle') return redo();
+      const isEmpty = isBlockAboveEmpty(editor);
 
-        const topRedo = editor.history.redos.at(-1) as CopilotBatch;
-        const oldText = getOptions().suggestionText;
+      if (isEmpty) return false;
 
-        if (
-          topRedo &&
-          topRedo.shouldAbort === false &&
-          topRedo.operations[0].type === 'insert_text' &&
-          oldText
-        ) {
-          withoutAbort(editor, () => {
-            const shouldRemoveText = (
-              topRedo.operations[0] as InsertTextOperation
-            ).text;
+      const blockAbove = getBlockAbove(editor);
 
-            const newText = oldText.slice(shouldRemoveText.length);
-            setOptions({ suggestionText: newText });
+      if (!blockAbove) return false;
 
-            redo();
-          });
+      const blockString = getNodeString(blockAbove[0]);
 
-          return;
-        }
-
-        return redo();
-      };
-
-      editor.writeHistory = (stacks, batch) => {
-        if (getOptions().copilotState === 'idle')
-          return writeHistory(stacks, batch);
-
-        const { shouldAbort } = getOptions();
-        batch.shouldAbort = shouldAbort;
-
-        return writeHistory(stacks, batch);
-      };
-
-      editor.insertText = (text) => {
-        if (getOptions().copilotState === 'idle') return insertText(text);
-
-        const oldText = getOptions().suggestionText;
+      return blockString.at(-1) === ' ';
+    },
+    completeOptions: {},
+    completion: '',
+    debounceDelay: 0,
+    error: null,
+    getNextWord: ({ text }) => {
+      const firstWord = /^\s*\S+/.exec(text)?.[0] || '';
+      const remainingText = text.slice(firstWord.length);
+
+      return { firstWord, remainingText };
+    },
+    getPrompt: ({ editor }) => {
+      const contextEntry = getAncestorNode(editor);
 
-        if (text.length === 1 && text === oldText?.at(0)) {
-          withoutAbort(editor, () => {
-            withoutMergingHistory(editor, () => {
-              const newText = oldText?.slice(1);
-              setOptions({ suggestionText: newText });
-              insertText(text);
-            });
-          });
+      if (!contextEntry) return '';
 
-          return;
-        }
+      return serializeMdNodes([contextEntry[0] as TElement]);
+    },
+    isLoading: false,
+    renderGhostText: null,
+    shouldAbort: true,
+    suggestionNodeId: null,
+    suggestionText: null,
+    triggerQuery: ({ editor }) => {
+      if (isExpanded(editor.selection)) return false;
 
-        insertText(text);
-      };
+      const isEnd = isSelectionAtBlockEnd(editor);
 
-      editor.apply = (operation) => {
-        const { shouldAbort } = getOptions();
+      if (!isEnd) return false;
 
-        if (shouldAbort) {
-          api.copilot.abortCopilot();
+      return true;
+    },
+  },
+})
+  .extendOptions<Required<CopilotSelectors>>(({ getOptions }) => ({
+    isSuggested: (id) => getOptions().suggestionNodeId === id,
+  }))
+  .extendApi<Omit<CopilotApi, 'reset'>>(
+    ({ editor, getOptions, setOption, setOptions }) => ({
+      accept: bindFirst(acceptCopilot, editor),
+      acceptNextWord: bindFirst(acceptCopilotNextWord, editor),
+      setBlockSuggestion: ({ id = getOptions().suggestionNodeId, text }) => {
+        if (!id) {
+          id = getBlockAbove(editor)![0].id;
         }
 
-        apply(operation);
-      };
-
-      editor.setSelection = (selection) => {
-        if (getOptions().enableDebounce) {
-          void generateCopilotTextDebounce(editor, { isDebounce: true });
+        setOptions({
+          suggestionNodeId: id,
+          suggestionText: text,
+        });
+      },
+      stop: () => {
+        const { abortController } = getOptions();
+
+        if (abortController) {
+          abortController.abort();
+          setOption('abortController', null);
         }
+      },
+      triggerSuggestion: bindFirst(triggerCopilotSuggestion, editor),
+    })
+  )
+  .extendApi(({ api, setOptions }) => ({
+    reset: () => {
+      api.copilot.stop();
 
-        return setSelection(selection);
-      };
-
-      return editor;
+      setOptions({
+        completion: null,
+        suggestionNodeId: null,
+        suggestionText: null,
+      });
     },
+  }))
+  .extend({
+    extendEditor: withCopilot,
     render: {
-      // TODO: type
-      belowNodes: InjectCopilot as any,
-    },
-    handlers: {
-      onKeyDown: onKeyDownCopilot as any,
+      belowNodes: renderCopilotBelowNodes,
     },
+  })
+  .extend(({ api, getOptions }) => {
+    return {
+      shortcuts: {
+        acceptCopilot: {
+          keys: [[Key.Tab]],
+          handler: ({ event }) => {
+            if (!getOptions().suggestionText?.length) return;
+
+            event.preventDefault();
+            api.copilot.accept();
+          },
+        },
+        acceptCopilotNextWord: {
+          keys: [[Key.Meta, Key.ArrowRight]],
+          handler: ({ event }) => {
+            if (!getOptions().suggestionText?.length) return;
+
+            event.preventDefault();
+            api.copilot.acceptNextWord();
+          },
+        },
+        hideCopilot: {
+          keys: [[Key.Escape]],
+          handler: ({ event }) => {
+            if (!getOptions().suggestionText?.length) return;
+
+            event.preventDefault();
+            api.copilot.reset();
+          },
+        },
+        triggerCopilot: {
+          keys: [[Key.Control, 'space']],
+          preventDefault: true,
+          handler: () => {
+            void api.copilot.triggerSuggestion();
+          },
+        },
+      },
+    };
   });
diff --git a/packages/ai/src/react/copilot/generateCopilotText.ts b/packages/ai/src/react/copilot/generateCopilotText.ts
deleted file mode 100644
index 771193d7a2..0000000000
--- a/packages/ai/src/react/copilot/generateCopilotText.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import type { KeyboardEvent } from 'react';
-
-import type { PlateEditor } from '@udecode/plate-core/react';
-
-import {
-  getAncestorNode,
-  getNodeString,
-  isEndPoint,
-  isExpanded,
-} from '@udecode/plate-common';
-import debounce from 'lodash/debounce.js';
-
-import { AIPlugin } from '../ai';
-import { CopilotPlugin } from './CopilotPlugin';
-
-export const generateCopilotText = async (
-  editor: PlateEditor,
-  options: {
-    event?: KeyboardEvent<Element>;
-    isDebounce?: boolean;
-  }
-) => {
-  const { copilotState, fetchSuggestion, query } =
-    editor.getOptions(CopilotPlugin);
-
-  if (copilotState === 'completed') return;
-
-  const aiState = editor.getOption(AIPlugin, 'aiState');
-
-  if (aiState !== 'idle') return;
-
-  const nodeEntry = getAncestorNode(editor);
-
-  if (!nodeEntry) return;
-  if (isExpanded(editor.selection)) return;
-
-  const isEnd = isEndPoint(editor, editor.selection?.focus, nodeEntry[1]);
-
-  if (!isEnd) return;
-
-  options.event?.preventDefault();
-
-  const [node] = nodeEntry;
-
-  if (!query?.allow?.includes(node.type as string)) return;
-
-  const prompt = getNodeString(node);
-
-  if (prompt.length === 0) return;
-
-  const abortController = new AbortController();
-
-  const { abortCopilot, setCopilot } = editor.getApi(CopilotPlugin).copilot;
-
-  // abort the last request
-  abortCopilot();
-
-  editor.setOptions(CopilotPlugin, { abortController });
-
-  if (!fetchSuggestion) {
-    throw new Error('fetchSuggestion is not defined');
-  }
-
-  const suggestion = await fetchSuggestion({
-    abortSignal: abortController,
-    prompt,
-  });
-
-  if (!suggestion) {
-    console.warn('No suggestion was generated for the given prompt.');
-
-    return;
-  }
-
-  return setCopilot(node.id, suggestion);
-};
-
-export const generateCopilotTextDebounce = debounce(generateCopilotText, 500);
diff --git a/packages/ai/src/react/copilot/index.ts b/packages/ai/src/react/copilot/index.ts
index 97be77d466..7a91e640af 100644
--- a/packages/ai/src/react/copilot/index.ts
+++ b/packages/ai/src/react/copilot/index.ts
@@ -3,7 +3,6 @@
  */
 
 export * from './CopilotPlugin';
-export * from './generateCopilotText';
-export * from './injectCopilot';
-export * from './onKeyDownCopilot';
+export * from './utils/triggerCopilotSuggestion';
+export * from './renderCopilotBelowNodes';
 export * from './utils/index';
diff --git a/packages/ai/src/react/copilot/injectCopilot.tsx b/packages/ai/src/react/copilot/injectCopilot.tsx
deleted file mode 100644
index 10196f752d..0000000000
--- a/packages/ai/src/react/copilot/injectCopilot.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useMemo } from 'react';
-
-import { getAncestorNode } from '@udecode/plate-common';
-import {
-  type NodeWrapperComponentProps,
-  findNodePath,
-  useEditorPlugin,
-} from '@udecode/plate-common/react';
-
-import { type CopilotPluginConfig, CopilotPlugin } from './CopilotPlugin';
-
-export const InjectCopilot = (
-  injectProps: NodeWrapperComponentProps<CopilotPluginConfig>
-) => {
-  const { element } = injectProps;
-  const { editor, getOptions } = useEditorPlugin(CopilotPlugin);
-
-  const isCompleted = editor.useOption(
-    CopilotPlugin,
-    'isCompleted',
-    element.id as string
-  );
-
-  const nodeType = useMemo(() => {
-    const path = findNodePath(editor, element);
-
-    if (!path) return;
-
-    const node = getAncestorNode(editor, path);
-
-    return node?.[0].type;
-  }, [editor, element]);
-
-  const { hoverCard: HoverCard, query, suggestionText } = getOptions();
-
-  if (query?.allow?.includes(nodeType as string)) {
-    return function Component({ children }: { children: React.ReactNode }) {
-      return (
-        <React.Fragment>
-          {children}
-          {isCompleted && suggestionText && (
-            <HoverCard suggestionText={suggestionText} />
-          )}
-        </React.Fragment>
-      );
-    };
-  }
-};
diff --git a/packages/ai/src/react/copilot/onKeyDownCopilot.ts b/packages/ai/src/react/copilot/onKeyDownCopilot.ts
deleted file mode 100644
index f2d2fb3284..0000000000
--- a/packages/ai/src/react/copilot/onKeyDownCopilot.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import {
-  insertText,
-  isHotkey,
-  withoutMergingHistory,
-} from '@udecode/plate-common';
-import { type KeyboardHandler, Hotkeys } from '@udecode/plate-common/react';
-
-import { type CopilotPluginConfig, CopilotPlugin } from './CopilotPlugin';
-import { generateCopilotText } from './generateCopilotText';
-import { withoutAbort } from './utils/withoutAbort';
-
-export const onKeyDownCopilot: KeyboardHandler<CopilotPluginConfig> = ({
-  editor,
-  event,
-  getOptions,
-  setOptions,
-}) => {
-  if (event.defaultPrevented) return;
-
-  const {
-    copilotState: state,
-    enableShortCut = true,
-    suggestionText: completionText,
-  } = getOptions();
-
-  if (state === 'completed' && Hotkeys.isTab(editor, event)) {
-    event.preventDefault();
-    withoutMergingHistory(editor, () => {
-      insertText(editor, completionText!);
-    });
-  }
-  if (isHotkey('ctrl+space')(event) && enableShortCut) {
-    void generateCopilotText(editor, { event, isDebounce: false });
-  }
-  if (isHotkey('cmd+right')(event) && state === 'completed') {
-    event.preventDefault();
-    const text = completionText!;
-    // TODO: support Chinese.
-    const firstWord = /^\s*\S+/.exec(text)?.[0] || '';
-    const remainingText = text.slice(firstWord.length);
-
-    setOptions({ suggestionText: remainingText });
-
-    withoutAbort(editor, () => {
-      withoutMergingHistory(editor, () => {
-        insertText(editor, firstWord);
-      });
-    });
-  }
-  if (state === 'completed' && isHotkey('escape')(event)) {
-    event.preventDefault();
-    event.stopPropagation();
-
-    return editor.getApi(CopilotPlugin).copilot.abortCopilot();
-  }
-};
diff --git a/packages/ai/src/react/copilot/renderCopilotBelowNodes.tsx b/packages/ai/src/react/copilot/renderCopilotBelowNodes.tsx
new file mode 100644
index 0000000000..dbdfe55aeb
--- /dev/null
+++ b/packages/ai/src/react/copilot/renderCopilotBelowNodes.tsx
@@ -0,0 +1,32 @@
+'use client';
+
+import React from 'react';
+
+import {
+  type NodeWrapperComponentProps,
+  getEditorPlugin,
+} from '@udecode/plate-common/react';
+
+import type { CopilotPluginConfig } from './CopilotPlugin';
+
+export const renderCopilotBelowNodes = ({
+  editor,
+}: NodeWrapperComponentProps<CopilotPluginConfig>) => {
+  const copilot = getEditorPlugin<CopilotPluginConfig>(editor, {
+    key: 'copilot',
+  });
+
+  const { renderGhostText: GhostText } = copilot.getOptions();
+
+  if (!GhostText) return;
+
+  return function Component({ children }: { children: React.ReactNode }) {
+    return (
+      <React.Fragment>
+        {children}
+
+        <GhostText />
+      </React.Fragment>
+    );
+  };
+};
diff --git a/packages/ai/src/react/copilot/transforms/acceptCopilot.ts b/packages/ai/src/react/copilot/transforms/acceptCopilot.ts
new file mode 100644
index 0000000000..6c9f8648fb
--- /dev/null
+++ b/packages/ai/src/react/copilot/transforms/acceptCopilot.ts
@@ -0,0 +1,15 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import type { CopilotPluginConfig } from '../CopilotPlugin';
+
+import { deserializeInlineMd } from '../utils/deserializeInlineMd';
+
+export const acceptCopilot = (editor: PlateEditor) => {
+  const { suggestionText } = editor.getOptions<CopilotPluginConfig>({
+    key: 'copilot',
+  });
+
+  if (suggestionText?.length) {
+    editor.insertFragment(deserializeInlineMd(editor, suggestionText));
+  }
+};
diff --git a/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts b/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
new file mode 100644
index 0000000000..9b2df34d26
--- /dev/null
+++ b/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
@@ -0,0 +1,26 @@
+import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+
+import type { CopilotPluginConfig } from '../CopilotPlugin';
+
+import { withoutAbort } from '../utils';
+import { deserializeInlineMd } from '../utils/deserializeInlineMd';
+
+export const acceptCopilotNextWord = (editor: PlateEditor) => {
+  const { api, getOptions } = getEditorPlugin<CopilotPluginConfig>(editor, {
+    key: 'copilot',
+  });
+
+  const { getNextWord, suggestionText } = getOptions();
+
+  if (suggestionText?.length) {
+    const { firstWord, remainingText } = getNextWord!({ text: suggestionText });
+
+    api.copilot.setBlockSuggestion({
+      text: remainingText,
+    });
+
+    withoutAbort(editor, () => {
+      editor.insertFragment(deserializeInlineMd(editor, firstWord));
+    });
+  }
+};
diff --git a/packages/ai/src/react/copilot/utils/callCompletionApi.ts b/packages/ai/src/react/copilot/utils/callCompletionApi.ts
new file mode 100644
index 0000000000..bb941039d3
--- /dev/null
+++ b/packages/ai/src/react/copilot/utils/callCompletionApi.ts
@@ -0,0 +1,110 @@
+// use function to allow for mocking in tests:
+const getOriginalFetch = () => fetch;
+
+export type CallCompletionApiOptions = {
+  prompt: string;
+  api?: string;
+  body?: Record<string, any>;
+  credentials?: RequestCredentials | undefined;
+  fetch?: ReturnType<typeof getOriginalFetch> | undefined;
+  headers?: HeadersInit | undefined;
+  setAbortController?: (abortController: AbortController | null) => void;
+  setCompletion?: (completion: string) => void;
+  setError?: (error: Error | null) => void;
+  setLoading?: (loading: boolean) => void;
+  onError?: ((error: Error) => void) | undefined;
+  onFinish?: ((prompt: string, completion: string) => void) | undefined;
+  onResponse?: ((response: Response) => Promise<void> | void) | undefined;
+};
+
+export type CompleteOptions = Omit<
+  CallCompletionApiOptions,
+  'setAbortController' | 'setCompletion' | 'setError' | 'setLoading'
+>;
+
+// https://github.com/vercel/ai/blob/main/packages/ui-utils/src/call-completion-api.ts
+// https://github.com/vercel/ai/blob/642ba22ee33723f3aae9669c7e075322cffca2f3/packages/react/src/use-completion.ts
+export async function callCompletionApi({
+  api = '/api/completion',
+  body,
+  credentials,
+  fetch = getOriginalFetch(),
+  headers,
+  prompt,
+  setAbortController = () => {},
+  setCompletion = () => {},
+  setError = () => {},
+  setLoading = () => {},
+  onError,
+  onFinish,
+  onResponse,
+}: CallCompletionApiOptions) {
+  try {
+    setLoading(true);
+    setError(null);
+
+    const abortController = new AbortController();
+    setAbortController(abortController);
+
+    // Empty the completion immediately.
+    setCompletion('');
+
+    const res = await fetch(api, {
+      body: JSON.stringify({
+        prompt,
+        ...body,
+      }),
+      credentials,
+      headers: {
+        'Content-Type': 'application/json',
+        ...headers,
+      },
+      method: 'POST',
+      signal: abortController.signal,
+    }).catch((error) => {
+      throw error;
+    });
+
+    if (onResponse) {
+      await onResponse(res);
+    }
+    if (!res.ok) {
+      throw new Error(
+        (await res.text()) || 'Failed to fetch the chat response.'
+      );
+    }
+    if (!res.body) {
+      throw new Error('The response body is empty.');
+    }
+
+    const { text } = await res.json();
+
+    if (!text) {
+      throw new Error('The response does not contain a text field.');
+    }
+
+    setCompletion(text);
+
+    if (onFinish) {
+      onFinish(prompt, text);
+    }
+
+    setAbortController(null);
+
+    return text as string;
+  } catch (error) {
+    // Ignore abort errors as they are expected.
+    if ((error as any).name === 'AbortError') {
+      setAbortController(null);
+
+      return null;
+    }
+    if (error instanceof Error && onError) {
+      onError(error);
+    }
+
+    setError(error as Error);
+  } finally {
+    setLoading(false);
+  }
+}
diff --git a/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts b/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
new file mode 100644
index 0000000000..a7d697655c
--- /dev/null
+++ b/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
@@ -0,0 +1,48 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { type TDescendant, getNodeString } from '@udecode/plate-common';
+import { MarkdownPlugin, serializeMdNodes } from '@udecode/plate-markdown';
+
+import { stripMarkdownBlocks } from '../../ai';
+
+// TODO: move to markdown plugin
+export const deserializeInlineMd = (editor: PlateEditor, text: string) => {
+  const leadingSpaces = /^\s*/.exec(text)?.[0] || '';
+  const trailingSpaces = /\s*$/.exec(text)?.[0] || '';
+
+  const strippedText = stripMarkdownBlocks(text.trim());
+
+  const fragment: TDescendant[] = [];
+
+  if (leadingSpaces) {
+    fragment.push({ text: leadingSpaces });
+  }
+  if (strippedText) {
+    fragment.push(
+      ...editor.getApi(MarkdownPlugin).markdown.deserialize(strippedText)[0]
+        .children
+    );
+  }
+  if (trailingSpaces) {
+    fragment.push({ text: trailingSpaces });
+  }
+
+  return fragment;
+};
+
+// TODO: add keepLeadingSpaces option to serializeMdNodes
+export const serializeInlineMd = (nodes: TDescendant[]) => {
+  if (nodes.length === 0) return '';
+
+  let leadingSpaces = '';
+
+  // Check for leading spaces in the first node
+  const firstNodeText = getNodeString(nodes[0]);
+  const leadingMatch = /^\s*/.exec(firstNodeText);
+  leadingSpaces = leadingMatch ? leadingMatch[0] : '';
+
+  // Serialize the content
+  const serializedContent = serializeMdNodes(nodes);
+
+  return leadingSpaces + serializedContent;
+};
diff --git a/packages/ai/src/react/copilot/utils/triggerCopilotSuggestion.ts b/packages/ai/src/react/copilot/utils/triggerCopilotSuggestion.ts
new file mode 100644
index 0000000000..2526adadd0
--- /dev/null
+++ b/packages/ai/src/react/copilot/utils/triggerCopilotSuggestion.ts
@@ -0,0 +1,45 @@
+import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+
+import type { CopilotPluginConfig } from '../CopilotPlugin';
+
+import { AIChatPlugin } from '../../ai-chat/AIChatPlugin';
+import { callCompletionApi } from './callCompletionApi';
+
+export const triggerCopilotSuggestion = async (editor: PlateEditor) => {
+  const { api, getOptions, setOption } = getEditorPlugin<CopilotPluginConfig>(
+    editor,
+    {
+      key: 'copilot',
+    }
+  );
+
+  const { completeOptions, getPrompt, isLoading, triggerQuery } = getOptions();
+
+  if (isLoading || editor.getOptions(AIChatPlugin).chat?.isLoading) return;
+  if (!triggerQuery!({ editor })) return;
+
+  // if (query && !queryEditor(editor, query)) return;
+
+  const prompt = getPrompt!({ editor });
+
+  if (prompt.length === 0) return;
+
+  api.copilot.stop();
+
+  await callCompletionApi({
+    prompt,
+    onFinish: (_, completion) => {
+      api.copilot.setBlockSuggestion({ text: completion });
+    },
+    ...completeOptions,
+    setAbortController: (controller) =>
+      setOption('abortController', controller),
+    setCompletion: (completion) => setOption('completion', completion),
+    setError: (error) => setOption('error', error),
+    setLoading: (loading) => setOption('isLoading', loading),
+    onError: (error) => {
+      setOption('error', error);
+      completeOptions?.onError?.(error);
+    },
+  });
+};
diff --git a/packages/ai/src/react/copilot/utils/withoutAbort.ts b/packages/ai/src/react/copilot/utils/withoutAbort.ts
index 55c36254ee..70b5f5ed0e 100644
--- a/packages/ai/src/react/copilot/utils/withoutAbort.ts
+++ b/packages/ai/src/react/copilot/utils/withoutAbort.ts
@@ -3,7 +3,7 @@ import type { PlateEditor } from '@udecode/plate-common/react';
 import { CopilotPlugin } from '..';
 
 export const withoutAbort = (editor: PlateEditor, fn: () => void) => {
-  editor.setOptions(CopilotPlugin, { shouldAbort: false });
+  editor.setOption(CopilotPlugin, 'shouldAbort', false);
   fn();
-  editor.setOptions(CopilotPlugin, { shouldAbort: true });
+  editor.setOption(CopilotPlugin, 'shouldAbort', true);
 };
diff --git a/packages/ai/src/react/copilot/withCopilot.ts b/packages/ai/src/react/copilot/withCopilot.ts
new file mode 100644
index 0000000000..d3fad03bc8
--- /dev/null
+++ b/packages/ai/src/react/copilot/withCopilot.ts
@@ -0,0 +1,140 @@
+import type { ExtendEditor, PlateEditor } from '@udecode/plate-common/react';
+import type { BaseOperation } from 'slate';
+
+import { withoutMergingHistory } from '@udecode/plate-common';
+import debounce from 'lodash/debounce.js';
+
+import type { CopilotPluginConfig } from './CopilotPlugin';
+
+import { serializeInlineMd } from './utils/deserializeInlineMd';
+import { withoutAbort } from './utils/withoutAbort';
+
+type CopilotBatch = PlateEditor['history']['undos'][number] & {
+  shouldAbort: boolean;
+};
+
+const getPatchString = (operations: BaseOperation[]) => {
+  let string = '';
+
+  for (const operation of operations) {
+    if (operation.type === 'insert_node') {
+      const node = operation.node;
+
+      const text = serializeInlineMd([node as any]);
+      string += text;
+    } else if (operation.type === 'insert_text') {
+      string += operation.text;
+    }
+  }
+
+  return string;
+};
+
+export const withCopilot: ExtendEditor<CopilotPluginConfig> = ({
+  api,
+  editor,
+  getOptions,
+  setOption,
+}) => {
+  const { apply, insertText, redo, setSelection, undo, writeHistory } = editor;
+
+  const debounceDelay = getOptions().debounceDelay;
+
+  if (debounceDelay) {
+    api.copilot.triggerSuggestion = debounce(
+      api.copilot.triggerSuggestion,
+      debounceDelay
+    ) as any;
+  }
+
+  // TODO
+  editor.undo = () => {
+    if (!getOptions().suggestionText) return undo();
+
+    const lastUndos = editor.history.undos.at(-1) as CopilotBatch;
+    const oldText = getOptions().suggestionText;
+
+    if (lastUndos && lastUndos.shouldAbort === false && oldText) {
+      withoutAbort(editor, () => {
+        const shouldInsertText = getPatchString(lastUndos.operations);
+
+        const newText = shouldInsertText + oldText;
+        setOption('suggestionText', newText);
+
+        undo();
+      });
+
+      return;
+    }
+
+    return undo();
+  };
+
+  editor.redo = () => {
+    if (!getOptions().suggestionText) return redo();
+
+    const topRedo = editor.history.redos.at(-1) as CopilotBatch;
+    const prevSuggestion = getOptions().suggestionText;
+
+    if (topRedo && topRedo.shouldAbort === false && prevSuggestion) {
+      withoutAbort(editor, () => {
+        const shouldRemoveText = getPatchString(topRedo.operations);
+
+        const newText = prevSuggestion.slice(shouldRemoveText.length);
+        setOption('suggestionText', newText);
+
+        redo();
+      });
+
+      return;
+    }
+
+    return redo();
+  };
+
+  editor.writeHistory = (stacks, batch) => {
+    if (!getOptions().isLoading) {
+      batch.shouldAbort = getOptions().shouldAbort;
+    }
+
+    return writeHistory(stacks, batch);
+  };
+
+  editor.apply = (operation) => {
+    const { shouldAbort } = getOptions();
+
+    if (shouldAbort) {
+      api.copilot.reset();
+    }
+
+    apply(operation);
+  };
+
+  editor.insertText = (text) => {
+    const suggestionText = getOptions().suggestionText;
+
+    if (suggestionText && text.length === 1 && text === suggestionText?.at(0)) {
+      withoutAbort(editor, () => {
+        withoutMergingHistory(editor, () => {
+          const newText = suggestionText?.slice(1);
+          setOption('suggestionText', newText);
+          insertText(text);
+        });
+      });
+
+      return;
+    }
+
+    insertText(text);
+  };
+
+  editor.setSelection = (selection) => {
+    if (getOptions().autoTriggerQuery!({ editor })) {
+      void api.copilot.triggerSuggestion();
+    }
+
+    return setSelection(selection);
+  };
+
+  return editor;
+};
diff --git a/yarn.lock b/yarn.lock
index 2b563d16dd..d1d05832e4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -19,6 +19,116 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ai-sdk/provider-utils@npm:1.0.20":
+  version: 1.0.20
+  resolution: "@ai-sdk/provider-utils@npm:1.0.20"
+  dependencies:
+    "@ai-sdk/provider": "npm:0.0.24"
+    eventsource-parser: "npm:1.1.2"
+    nanoid: "npm:3.3.6"
+    secure-json-parse: "npm:2.7.0"
+  peerDependencies:
+    zod: ^3.0.0
+  peerDependenciesMeta:
+    zod:
+      optional: true
+  checksum: 10c0/40b3a9f3188904ba4e56d857d9bf7297ac2787bf92e2af26d95e435dc04cee6a12d82af71a04e1e2bea15e5b3cf7ddffc33323d2e06c372de0d853624f60f6fb
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/provider@npm:0.0.24":
+  version: 0.0.24
+  resolution: "@ai-sdk/provider@npm:0.0.24"
+  dependencies:
+    json-schema: "npm:0.4.0"
+  checksum: 10c0/6e550c33ce6375636897b24ad8dfb2a605ff91d92aabd3c7aba2049f3d943c3a5534a1441e9ae4d7ef35c864687dc41c15704d19f11dcc6624fa1e705255c103
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/react@npm:0.0.63":
+  version: 0.0.63
+  resolution: "@ai-sdk/react@npm:0.0.63"
+  dependencies:
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    "@ai-sdk/ui-utils": "npm:0.0.46"
+    swr: "npm:2.2.5"
+  peerDependencies:
+    react: ^18 || ^19
+    zod: ^3.0.0
+  peerDependenciesMeta:
+    react:
+      optional: true
+    zod:
+      optional: true
+  checksum: 10c0/749bb01a7b8d97798bb20b60c4c994708e8195c79e0ee713937d93fcc110c2d9b502df751ac23e8cffdfde2c7a7c043f5f0479bcd5c6f6ac691fef83fa87d74d
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/solid@npm:0.0.50":
+  version: 0.0.50
+  resolution: "@ai-sdk/solid@npm:0.0.50"
+  dependencies:
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    "@ai-sdk/ui-utils": "npm:0.0.46"
+  peerDependencies:
+    solid-js: ^1.7.7
+  peerDependenciesMeta:
+    solid-js:
+      optional: true
+  checksum: 10c0/7a142b0caf75ba9c3ab8e62f4c69f063fb2bb873757a6e8c29edef245391fbb0a86a84f2fc85bd84c3c95dee8dd8a164fe2b05ccfaa672880ed650f57a87afc0
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/svelte@npm:0.0.52":
+  version: 0.0.52
+  resolution: "@ai-sdk/svelte@npm:0.0.52"
+  dependencies:
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    "@ai-sdk/ui-utils": "npm:0.0.46"
+    sswr: "npm:2.1.0"
+  peerDependencies:
+    svelte: ^3.0.0 || ^4.0.0
+  peerDependenciesMeta:
+    svelte:
+      optional: true
+  checksum: 10c0/fcc7a52e5c65241c6065fba3c3e87025689362e2e84853cdea1ea55d50150e165aa1e41795ae9e03042ba0b997d2f70ec146070af2f68a5133c94d1d529e950e
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/ui-utils@npm:0.0.46":
+  version: 0.0.46
+  resolution: "@ai-sdk/ui-utils@npm:0.0.46"
+  dependencies:
+    "@ai-sdk/provider": "npm:0.0.24"
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    json-schema: "npm:0.4.0"
+    secure-json-parse: "npm:2.7.0"
+    zod-to-json-schema: "npm:3.23.2"
+  peerDependencies:
+    zod: ^3.0.0
+  peerDependenciesMeta:
+    zod:
+      optional: true
+  checksum: 10c0/b470d4d8a331002e9eaade3cdf21c3343ddffcf510e2c1f4cdb957983dea53fb042cca14034ea4bc4759637fea91f4d68cf821546807d6cf9042c40ddbd8f6b0
+  languageName: node
+  linkType: hard
+
+"@ai-sdk/vue@npm:0.0.55":
+  version: 0.0.55
+  resolution: "@ai-sdk/vue@npm:0.0.55"
+  dependencies:
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    "@ai-sdk/ui-utils": "npm:0.0.46"
+    swrv: "npm:1.0.4"
+  peerDependencies:
+    vue: ^3.3.4
+  peerDependenciesMeta:
+    vue:
+      optional: true
+  checksum: 10c0/8adbf4c9a5b4d509b9fab173b8318277d82420609f395c06f555dc95691de21225e8705d995b9407b61c415dd9395dcc5d89abba6140467910600bd593bcdc90
+  languageName: node
+  linkType: hard
+
 "@alloc/quick-lru@npm:^5.2.0":
   version: 5.2.0
   resolution: "@alloc/quick-lru@npm:5.2.0"
@@ -2871,6 +2981,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@opentelemetry/api@npm:1.9.0, @opentelemetry/api@npm:^1.8.0":
+  version: 1.9.0
+  resolution: "@opentelemetry/api@npm:1.9.0"
+  checksum: 10c0/9aae2fe6e8a3a3eeb6c1fdef78e1939cf05a0f37f8a4fae4d6bf2e09eb1e06f966ece85805626e01ba5fab48072b94f19b835449e58b6d26720ee19a58298add
+  languageName: node
+  linkType: hard
+
 "@opentelemetry/api@npm:^1.0.0":
   version: 1.8.0
   resolution: "@opentelemetry/api@npm:1.8.0"
@@ -2878,13 +2995,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/api@npm:^1.8.0":
-  version: 1.9.0
-  resolution: "@opentelemetry/api@npm:1.9.0"
-  checksum: 10c0/9aae2fe6e8a3a3eeb6c1fdef78e1939cf05a0f37f8a4fae4d6bf2e09eb1e06f966ece85805626e01ba5fab48072b94f19b835449e58b6d26720ee19a58298add
-  languageName: node
-  linkType: hard
-
 "@opentelemetry/context-async-hooks@npm:1.25.1":
   version: 1.25.1
   resolution: "@opentelemetry/context-async-hooks@npm:1.25.1"
@@ -5404,6 +5514,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/diff-match-patch@npm:^1.0.36":
+  version: 1.0.36
+  resolution: "@types/diff-match-patch@npm:1.0.36"
+  checksum: 10c0/0bad011ab138baa8bde94e7815064bb881f010452463272644ddbbb0590659cb93f7aa2776ff442c6721d70f202839e1053f8aa62d801cc4166f7a3ea9130055
+  languageName: node
+  linkType: hard
+
 "@types/diff@npm:^5.0.3":
   version: 5.2.3
   resolution: "@types/diff@npm:5.2.3"
@@ -6193,6 +6310,7 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-markdown": "npm:39.1.5"
     "@udecode/plate-selection": "npm:39.1.4"
+    ai: "npm:^3.4.10"
     lodash: "npm:^4.17.21"
   peerDependencies:
     "@udecode/plate-common": ">=39.1.4"
@@ -7435,6 +7553,45 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ai@npm:^3.4.10":
+  version: 3.4.14
+  resolution: "ai@npm:3.4.14"
+  dependencies:
+    "@ai-sdk/provider": "npm:0.0.24"
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+    "@ai-sdk/react": "npm:0.0.63"
+    "@ai-sdk/solid": "npm:0.0.50"
+    "@ai-sdk/svelte": "npm:0.0.52"
+    "@ai-sdk/ui-utils": "npm:0.0.46"
+    "@ai-sdk/vue": "npm:0.0.55"
+    "@opentelemetry/api": "npm:1.9.0"
+    eventsource-parser: "npm:1.1.2"
+    json-schema: "npm:0.4.0"
+    jsondiffpatch: "npm:0.6.0"
+    nanoid: "npm:3.3.6"
+    secure-json-parse: "npm:2.7.0"
+    zod-to-json-schema: "npm:3.23.2"
+  peerDependencies:
+    openai: ^4.42.0
+    react: ^18 || ^19
+    sswr: ^2.1.0
+    svelte: ^3.0.0 || ^4.0.0
+    zod: ^3.0.0
+  peerDependenciesMeta:
+    openai:
+      optional: true
+    react:
+      optional: true
+    sswr:
+      optional: true
+    svelte:
+      optional: true
+    zod:
+      optional: true
+  checksum: 10c0/4a143e99167fa9194d0593696d3167481a796539e16ad07ff9042baeb508c6d86445222877ed1eb0dccb4b6ab1bc4ffe7e68f2e26632849347b8df79e2d4722b
+  languageName: node
+  linkType: hard
+
 "ajv@npm:^6.12.4":
   version: 6.12.6
   resolution: "ajv@npm:6.12.6"
@@ -8314,7 +8471,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^5.0.0, chalk@npm:^5.2.0":
+"chalk@npm:^5.0.0, chalk@npm:^5.2.0, chalk@npm:^5.3.0":
   version: 5.3.0
   resolution: "chalk@npm:5.3.0"
   checksum: 10c0/8297d436b2c0f95801103ff2ef67268d362021b8210daf8ddbe349695333eb3610a71122172ff3b0272f1ef2cf7cc2c41fdaa4715f52e49ffe04c56340feed09
@@ -9318,6 +9475,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"diff-match-patch@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "diff-match-patch@npm:1.0.5"
+  checksum: 10c0/142b6fad627b9ef309d11bd935e82b84c814165a02500f046e2773f4ea894d10ed3017ac20454900d79d4a0322079f5b713cf0986aaf15fce0ec4a2479980c86
+  languageName: node
+  linkType: hard
+
 "diff-sequences@npm:^29.6.3":
   version: 29.6.3
   resolution: "diff-sequences@npm:29.6.3"
@@ -10945,6 +11109,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eventsource-parser@npm:1.1.2":
+  version: 1.1.2
+  resolution: "eventsource-parser@npm:1.1.2"
+  checksum: 10c0/b38948bc81ae6c2a8b9c88383d4f8c2bfbaf23955827a9af68d39bc0550ae83cc400b197e814bea9aef6e0cdc9bae5afd95787418ee3d9ad01ffc4774cf1b84a
+  languageName: node
+  linkType: hard
+
 "execa@npm:^5.0.0, execa@npm:^5.1.1":
   version: 5.1.1
   resolution: "execa@npm:5.1.1"
@@ -13923,6 +14094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-schema@npm:0.4.0":
+  version: 0.4.0
+  resolution: "json-schema@npm:0.4.0"
+  checksum: 10c0/d4a637ec1d83544857c1c163232f3da46912e971d5bf054ba44fdb88f07d8d359a462b4aec46f2745efbc57053365608d88bc1d7b1729f7b4fc3369765639ed3
+  languageName: node
+  linkType: hard
+
 "json-stable-stringify-without-jsonify@npm:^1.0.1":
   version: 1.0.1
   resolution: "json-stable-stringify-without-jsonify@npm:1.0.1"
@@ -13969,6 +14147,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsondiffpatch@npm:0.6.0":
+  version: 0.6.0
+  resolution: "jsondiffpatch@npm:0.6.0"
+  dependencies:
+    "@types/diff-match-patch": "npm:^1.0.36"
+    chalk: "npm:^5.3.0"
+    diff-match-patch: "npm:^1.0.5"
+  bin:
+    jsondiffpatch: bin/jsondiffpatch.js
+  checksum: 10c0/f7822e48a8ef8b9f7c6024cc59b7d3707a9fe6d84fd776d169de5a1803ad551ffe7cfdc7587f3900f224bc70897355884ed43eb1c8ccd02e7f7b43a7ebcfed4f
+  languageName: node
+  linkType: hard
+
 "jsonfile@npm:^4.0.0":
   version: 4.0.0
   resolution: "jsonfile@npm:4.0.0"
@@ -15933,6 +16124,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:3.3.6":
+  version: 3.3.6
+  resolution: "nanoid@npm:3.3.6"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 10c0/606b355960d0fcbe3d27924c4c52ef7d47d3b57208808ece73279420d91469b01ec1dce10fae512b6d4a8c5a5432b352b228336a8b2202a6ea68e67fa348e2ee
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.6, nanoid@npm:^3.3.7":
   version: 3.3.7
   resolution: "nanoid@npm:3.3.7"
@@ -18798,6 +18998,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"secure-json-parse@npm:2.7.0":
+  version: 2.7.0
+  resolution: "secure-json-parse@npm:2.7.0"
+  checksum: 10c0/f57eb6a44a38a3eeaf3548228585d769d788f59007454214fab9ed7f01fbf2e0f1929111da6db28cf0bcc1a2e89db5219a59e83eeaec3a54e413a0197ce879e4
+  languageName: node
+  linkType: hard
+
 "semver-compare@npm:^1.0.0":
   version: 1.0.0
   resolution: "semver-compare@npm:1.0.0"
@@ -19452,6 +19659,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sswr@npm:2.1.0":
+  version: 2.1.0
+  resolution: "sswr@npm:2.1.0"
+  dependencies:
+    swrev: "npm:^4.0.0"
+  peerDependencies:
+    svelte: ^4.0.0 || ^5.0.0-next.0
+  checksum: 10c0/dd4ec5448ae59770a74cc1762c41d9f45e6a784715bf0f78654c87a44f88836e59d7de90f1a2aeb9ffe2c8560b7daf0e09ef07a4c2aece48b505f10c3a077031
+  languageName: node
+  linkType: hard
+
 "stack-utils@npm:^2.0.3":
   version: 2.0.6
   resolution: "stack-utils@npm:2.0.6"
@@ -19827,6 +20045,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"swr@npm:2.2.5, swr@npm:^2.2.4":
+  version: 2.2.5
+  resolution: "swr@npm:2.2.5"
+  dependencies:
+    client-only: "npm:^0.0.1"
+    use-sync-external-store: "npm:^1.2.0"
+  peerDependencies:
+    react: ^16.11.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/731488d609ac6db60626632e3f76b046f28400b44504b3dfa69231a645127579b1add7a1595e5a6c718e24c80f1399506883bb456ca83c1b621357a0bf5a2a94
+  languageName: node
+  linkType: hard
+
 "swr@npm:2.2.6-beta.3":
   version: 2.2.6-beta.3
   resolution: "swr@npm:2.2.6-beta.3"
@@ -19838,15 +20068,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"swr@npm:^2.2.4":
-  version: 2.2.5
-  resolution: "swr@npm:2.2.5"
-  dependencies:
-    client-only: "npm:^0.0.1"
-    use-sync-external-store: "npm:^1.2.0"
+"swrev@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "swrev@npm:4.0.0"
+  checksum: 10c0/c2d2328f3f29d85af3b8fd9d449195f7be737d2efa465aeeaf1bf9b64473b610f0db82114261f9a11380bbe30c4a09fb702da24753144789de4073ede1d10824
+  languageName: node
+  linkType: hard
+
+"swrv@npm:1.0.4":
+  version: 1.0.4
+  resolution: "swrv@npm:1.0.4"
   peerDependencies:
-    react: ^16.11.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/731488d609ac6db60626632e3f76b046f28400b44504b3dfa69231a645127579b1add7a1595e5a6c718e24c80f1399506883bb456ca83c1b621357a0bf5a2a94
+    vue: ">=3.2.26 < 4"
+  checksum: 10c0/2bdf8bf3e461c21f9030ad47f1996e2429ca99cb31d0bb91ae5b04ba9b48e8fce93c356491cc69a3a586575a6ad0f5b29812b2a3a3e7ee28c1f2086c4f72f8b9
   languageName: node
   linkType: hard
 
@@ -22039,6 +22273,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"zod-to-json-schema@npm:3.23.2":
+  version: 3.23.2
+  resolution: "zod-to-json-schema@npm:3.23.2"
+  peerDependencies:
+    zod: ^3.23.3
+  checksum: 10c0/7c9a4756a5eba231d2c354528eb8338a96489a2f804d1a8619e1baa10dde4178fc9f1b4f369e965d858b19a226dcb3375e5b38b5e822c52e2d7ad529d2a6912d
+  languageName: node
+  linkType: hard
+
 "zod@npm:^3.20.2":
   version: 3.23.8
   resolution: "zod@npm:3.23.8"

From 3a7ce180ee41fb8623b63113fee250b1c714b1ed Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 14:25:24 +0800
Subject: [PATCH 077/127] docs

---
 apps/www/content/docs/copilot.mdx             | 225 +++++++++---------
 .../lib/plate/demo/plugins/copilotPlugin.tsx  |   5 +-
 2 files changed, 112 insertions(+), 118 deletions(-)

diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index a4c519b047..2f149e752d 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -6,7 +6,6 @@ docs:
     title: Ghost Text
   - route: https://pro.platejs.org/docs/components/ghost-text
     title: Ghost Text
- 
 ---
 
 <ComponentPreview name="playground-demo" id="copilot" />
@@ -17,113 +16,72 @@ docs:
 
 - Offers intelligent autocompletion to enhance content creation and editing.
 - Provides two modes: **debounce** and **shortcut**.
-  1. Shortcut mode is the default, triggered by pressing `Control+Space`.
-  2. Debounce mode can be automatically triggered when the selection changes or during typing.
+  1. Shortcut mode is triggered anywhere by pressing `Control+Space`.
+  2. Debounce mode is automatically triggered at the end of paragraphs.
 </PackageInfo>
 
 ## Installation
 
 ```bash
-npm install @udecode/plate-ai
+npm install @udecode/plate-ai @udecode/plate-markdown
 ```
 
 ## Usage
 
 ```tsx
 // ...
-import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { CopilotPlugin, stripMarkdown } from '@udecode/plate-ai/react';
+import { type TElement, getAncestorNode } from '@udecode/plate-common';
+import { serializeMdNodes } from '@udecode/plate-markdown';
 
-const editor = usePlateEditor({
-  id: 'ai-demo',
-  override: {
-    components: PlateUI,
-  },
-  plugins: [
-    ...commonPlugins,
-    CopilotPlugin.configure({
-    options: {
-      fetchSuggestion: async ({ abortSignal, prompt }) => {
-
-        // Currently, we are using a mock function to simulate the api request
-        return new Promise((resolve) => {
-          setTimeout(() => {
-            resolve(MENTIONABLES[Math.floor(Math.random() * 41)].text);
-          }, 100);
-        });
+MarkdownPlugin.configure({ options: { indentList: true } });
+CopilotPlugin.configure(({ api }) => ({
+  options: {
+    completeOptions: {
+      api: '/api/your-api-endpoint',
+      body: {
+        system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+
+Rules:
+- Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
+- Maintain style and tone. Don't repeat given text.
+- For unclear context, provide the most likely continuation.
+- Handle code snippets, lists, or structured text if needed.
+- Don't include """ in your response.
+- CRITICAL: Always end with a punctuation mark.
+- CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
+- If no context is provided or you can't generate a continuation, return "0" without explanation.`,
       },
-      hoverCard: AiCopilotHoverCard,
-      query: {
-        allow: [
-          ParagraphPlugin.key,
-          BlockquotePlugin.key,
-          HEADING_KEYS.h1,
-          HEADING_KEYS.h2,
-          HEADING_KEYS.h3,
-          HEADING_KEYS.h4,
-          HEADING_KEYS.h5,
-          HEADING_KEYS.h6,
-        ],
+      onFinish: (_, completion) => {
+        if (completion === '0') return;
+
+        api.copilot.setBlockSuggestion({
+          //stripMarkdownBlocks in plus GhostText
+          text: stripMarkdown(completion),
+        });
       },
     },
-});
-  ],
-  value: aiValue,
-});
-```
-
-## Integrate with your backend
-
-`options.fetchSuggestion` is an asynchronous function that you need to implement to fetch suggestions from your backend. This function is crucial for integrating the Copilot feature with your own AI model or service.
+    debounceDelay: 500,
+    getPrompt: ({ editor }) => {
+      const contextEntry = getAncestorNode(editor);
 
-The function receives an object with two properties:
+      if (!contextEntry) return '';
 
-- `abortSignal`: An `AbortSignal` object that allows you to cancel the request if needed. This is particularly useful in debounce mode to abort the request if the user continues typing or changes the selection.
-- `prompt`: A string containing the text of the node where the user's cursor is currently positioned. This serves as the context for generating suggestions.
+      const prompt = serializeMdNodes([contextEntry[0] as TElement]);
 
-The function should return a Promise that resolves to a string. This string will be the suggestion inserted into the editor.
-
-Here's a more detailed example of how you might implement this function:
-
-```ts
-
- fetchSuggestion: async ({ abortSignal, prompt }) => {
-    const system = `Please continue writing a sentence based on the prompt.
-      Important Note: Please do not answer any questions. Directly provide the continuation
-      of the content without including any part of the prompt and don't write more than one sentence:
-      finish current sentence or write a new one`
-
-    const response = await fetch('https://your-api-endpoint.com/api/v1/generate-text', {
-      method: 'POST',
-      body: JSON.stringify({ prompt,system }),
-      // pass the abortSignal to the fetch request
-      signal: abortSignal,
-    });
-
-    const data = await response.json();
-
-
-    // data.suggestion should be a string
-    return data.suggestion;
-},
-
-```
-
-## Copilot state
-
-The Copilot plugin maintains its own state to manage the suggestion process. The state can be either 'idle' or 'completed'. Here's a breakdown of what each state means:
-
-```ts
-type CopilotState = 'error' | 'idle' | 'pending' | 'success';
+      return `Continue the text up to the next punctuation mark:
+"""
+${prompt}
+"""`;
+    },
+    renderGhostText: GhostText,
+  },
+}));
 ```
 
-- `idle`: This is the default state. It indicates that the Copilot is not currently providing a suggestion or has finished processing the previous suggestion.
-- `completed`: This state indicates that the Copilot has generated a suggestion and it's ready to be inserted into the editor. You'll see this suggestion as gray text in the editor in this state.
-
-You can access the current state of the Copilot using:
+## Integrate with your backend
 
-```ts
-const copilotState = editor.getOptions(CopilotPlugin).copilotState;
-```
+`options.completeOptions` allows you to configure the AI completion options. For a comprehensive list of available parameters, refer to the [AI SDK UI useCompletion Parameters](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion#parameters) documentation.
 
 ## Conflict with Other Plugins
 
@@ -131,13 +89,12 @@ The Tab key is a popular and frequently used key in text editing, which can lead
 
 ### Conflict with Indent Plugin
 
-The **IndentPlugin** and **IndentListPlugin**  have a similar conflict with **Copilot Plugin**.
+The **IndentPlugin** and **IndentListPlugin** have a similar conflict with **Copilot Plugin**.
 
 As a workaround, you can place the Copilot Plugin before the these two plugins in your plugin configuration.
 
 Or set the priority of Copilot Plugin to a higher value than Indent Plugin see [priority](https://platejs.org/docs/plugin#plugin-priority).
 
-
 Here's an example of how to order your plugins:
 
 ```tsx
@@ -202,7 +159,7 @@ const editor = usePlateEditor({
 });
 ```
 
-It's important to note that when using `IndentListPlugin` instead of `ListPlugin`, you should configure the `MarkdownPlugin` with the `indentList: true` option. 
+It's important to note that when using `IndentListPlugin` instead of `ListPlugin`, you should configure the `MarkdownPlugin` with the `indentList: true` option.
 
 This is necessary because the LLM generates Markdown, which needs to be converted to Plate nodes.If your LLM just generate the plain text, you can ignore this.
 
@@ -212,7 +169,6 @@ Here's how you can set it up:
 MarkdownPlugin.configure({ options: { indentList: true } }),
 ```
 
-
 ### Conflict with Tabbable Plugin
 
 When using both the [Tabbable Plugin](https://platejs.org/docs/tabbable) and the Copilot feature in your editor, you may encounter conflicts with the `Tab` key functionality. This is because both features utilize the same key binding.
@@ -252,9 +208,11 @@ TabbablePlugin.configure(({ editor }) => ({
 
 ## Plate Plus
 
-In Plate Plus, We using debounce mode by default. That's mean you will see the suggestion automatically without pressing `Control+Space`.
+In Plate Plus, we provides more advanced styles and complete backend setup
 
-We also provide a new style of hover card that is more user-friendly.You can hover on the suggestion to see the hover card.
+1. Hover card: a new style of hover card that is more user-friendly. You can **hover** over the ghost text to see the hover card.
+2. Marks: support for marks like bold, italic, underline, etc.This means you can see bold text and **links** in the ghost text
+3. Backend: complete backend setup.
 
 All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
 
@@ -264,29 +222,6 @@ All of the backend setup is available in [Potion template](https://pro.platejs.o
   component="copilot"
 />
 
-## API
-
-### editor.getApi(CopilotPlugin).copilot.abortCopilot();
-
-Aborts the ongoing API request and removes any suggestion text currently displayed.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(CopilotPlugin).copilot.setCopilot
-
-Sets the suggestion text to the editor.
-
-<APIParameters>
-  <APIItem name="id" type="string">
-    The ID of the node to set the suggestion text.
-  </APIItem>
-  <APIItem name="text" type="string">
-    The suggestion text to set.
-  </APIItem>
-</APIParameters>
-
 ## Utils functions
 
 ### withoutAbort
@@ -317,3 +252,61 @@ withoutAbort(editor, () => {
   // For example, setting copilot suggestions
 });
 ```
+
+## API
+
+### editor.getApi(CopilotPlugin).copilot.accept()
+
+Accepts the current suggestion and inserts it into the editor.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(CopilotPlugin).copilot.acceptNextWord()
+
+Accepts the next word of the current suggestion and inserts it into the editor.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(CopilotPlugin).copilot.setBlockSuggestion
+
+Sets the suggestion text for a specific block in the editor.
+
+<APIParameters>
+  <APIItem name="options" type="object">
+    <APIItem name="id" type="string | undefined">
+      The ID of the node to set the suggestion text. If not provided, it uses
+      the ID of the block above the current selection.
+    </APIItem>
+    <APIItem name="text" type="string">
+      The suggestion text to set.
+    </APIItem>
+  </APIItem>
+</APIParameters>
+
+### editor.getApi(CopilotPlugin).copilot.stop()
+
+Stops the ongoing API request for suggestions.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(CopilotPlugin).copilot.triggerSuggestion()
+
+Triggers a new suggestion request.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
+
+### editor.getApi(CopilotPlugin).copilot.reset()
+
+Resets the Copilot plugin state, stopping any ongoing requests and clearing suggestions.
+
+<APIReturns>
+  <APIItem type="void">This function does not return a value.</APIItem>
+</APIReturns>
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
index 5b8c9c1ef0..804ad9afd1 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -1,4 +1,4 @@
-import { CopilotPlugin, stripMarkdownBlocks } from '@udecode/plate-ai/react';
+import { CopilotPlugin, stripMarkdown } from '@udecode/plate-ai/react';
 import { type TElement, getAncestorNode } from '@udecode/plate-common';
 import { serializeMdNodes } from '@udecode/plate-markdown';
 
@@ -25,7 +25,8 @@ Rules:
         if (completion === '0') return;
 
         api.copilot.setBlockSuggestion({
-          text: stripMarkdownBlocks(completion),
+          //stripMarkdownBlocks in plus GhostText
+          text: stripMarkdown(completion),
         });
       },
     },

From d577730abc243d58049f624ce6267364b26bad3a Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 14:32:23 +0800
Subject: [PATCH 078/127] fix blok menu

---
 .../src/registry/default/example/playground-demo.tsx | 12 +-----------
 packages/selection/src/react/BlockMenuPlugin.tsx     |  2 +-
 2 files changed, 2 insertions(+), 12 deletions(-)

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 5389763c30..d70feb8b15 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -288,17 +288,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         }),
         BlockMenuPlugin.configure({
           render: { aboveEditable: BlockContextMenu },
-        }).extend(({ api }) => ({
-          handlers: {
-            onMouseDown: ({ event, getOptions }) => {
-              if (event.button === 0 && getOptions().openId) {
-                // event.preventDefault();
-                api.blockMenu.hide();
-              }
-              if (event.button === 2) event.preventDefault();
-            },
-          },
-        })),
+        }),
         DndPlugin.configure({ options: { enableScroller: true } }),
         EmojiPlugin,
         exitBreakPlugin,
diff --git a/packages/selection/src/react/BlockMenuPlugin.tsx b/packages/selection/src/react/BlockMenuPlugin.tsx
index dd5a7b9967..dbfaac6953 100644
--- a/packages/selection/src/react/BlockMenuPlugin.tsx
+++ b/packages/selection/src/react/BlockMenuPlugin.tsx
@@ -70,7 +70,7 @@ export const BlockMenuPlugin = createTPlatePlugin<BlockMenuConfig>({
     handlers: {
       onMouseDown: ({ event, getOptions }) => {
         if (event.button === 0 && getOptions().openId) {
-          event.preventDefault();
+          // event.preventDefault();
           api.blockMenu.hide();
         }
         if (event.button === 2) event.preventDefault();

From ac6ed5955878c9caaad1193511c0685f40265649 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 17:12:44 +0800
Subject: [PATCH 079/127] docs

---
 apps/www/content/docs/block-menu.mdx          | 25 ++++--
 .../docs/components/block-context-menu.mdx    | 82 +++++++++++++++++++
 ...{copilot-hover-card.mdx => ghost-text.mdx} |  9 +-
 apps/www/public/r/index.json                  | 17 ++++
 .../r/styles/default/block-context-menu.json  | 19 +++++
 apps/www/src/__registry__/index.tsx           | 11 +++
 apps/www/src/config/customizer-components.ts  | 15 ++--
 apps/www/src/config/customizer-items.ts       | 14 +++-
 apps/www/src/config/customizer-list.ts        |  6 +-
 apps/www/src/config/customizer-plugins.ts     | 16 +++-
 apps/www/src/config/descriptions.ts           |  9 +-
 apps/www/src/config/docs.ts                   |  7 +-
 .../lib/plate/demo/values/blockMenuValue.tsx  | 40 +++++++++
 .../plate/demo/values/blockSelectionValue.tsx | 42 ++++++++++
 .../plate/demo/values/usePlaygroundValue.ts   | 11 ++-
 .../default/plate-ui/block-context-menu.tsx   |  4 +-
 apps/www/src/registry/registry-ui.ts          |  7 ++
 17 files changed, 304 insertions(+), 30 deletions(-)
 create mode 100644 apps/www/content/docs/components/block-context-menu.mdx
 rename apps/www/content/docs/components/{copilot-hover-card.mdx => ghost-text.mdx} (71%)
 create mode 100644 apps/www/public/r/styles/default/block-context-menu.json
 create mode 100644 apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
 create mode 100644 apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx

diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index 675e4e5247..b641d67554 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -7,13 +7,12 @@ docs:
 
   - route: https://pro.platejs.org/docs/components/block-context-menu
     title: Block Context Menu
+
+  - route: /docs/components/block-context-menu
+    title: Block Context Menu
 ---
 
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="context-menu"
-  component="context-menu"
-/>
+<ComponentPreview name="playground-demo" id="blockmenu" />
 
 <PackageInfo>
 
@@ -76,7 +75,6 @@ const editor = usePlateEditor({
 });
 ```
 
-
 ## Prevent opening of the right-click menu
 
 To control the opening of the right-click menu for specific elements, you can use the `data-open-context-menu` attribute:
@@ -93,6 +91,21 @@ Example usage:
 </PlateElement>
 ```
 
+## Plus
+
+In Plate Plus, We have provided a more advanced menu.
+
+1. More advanced menu items.
+2. Supports search functionality and carefully designed shortcuts.
+3. More refined styles and animations.
+4. You can open this menu in various ways, such as through the drag button.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-context-menu"
+  component="context-menu"
+/>
+
 ## API
 
 ### editor.api.blockMenu.hide
diff --git a/apps/www/content/docs/components/block-context-menu.mdx b/apps/www/content/docs/components/block-context-menu.mdx
new file mode 100644
index 0000000000..646c51f200
--- /dev/null
+++ b/apps/www/content/docs/components/block-context-menu.mdx
@@ -0,0 +1,82 @@
+---
+title: Block Context Menu
+description: Display a context menu for blocks.
+component: true
+docs:
+  - route: /docs/block-menu
+    title: Block Menu
+
+  - route: https://pro.platejs.org/docs/components/block-context-menu
+    title: Block Context Menu
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add block-context-menu
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Install the following dependencies:
+
+```bash
+npm install @radix-ui/react-context-menu
+```
+
+</Step>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource name="block-context-menu" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="blockmenu" />
+
+<ComponentSource name="block-context-menu" />
+
+## Plus
+
+In Plate Plus, We have provided a more advanced menu.
+
+1. More advanced menu items.
+2. Supports search functionality and carefully designed shortcuts.
+3. More refined styles and animations.
+4. You can open this menu in various ways, such as through the drag button.
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-context-menu"
+  component="context-menu"
+/>
diff --git a/apps/www/content/docs/components/copilot-hover-card.mdx b/apps/www/content/docs/components/ghost-text.mdx
similarity index 71%
rename from apps/www/content/docs/components/copilot-hover-card.mdx
rename to apps/www/content/docs/components/ghost-text.mdx
index 269b8790f0..4c5afc2d33 100644
--- a/apps/www/content/docs/components/copilot-hover-card.mdx
+++ b/apps/www/content/docs/components/ghost-text.mdx
@@ -53,15 +53,16 @@ Update the import paths to match your project setup.
 
 <ComponentSource name="ghost-text" />
 
-## Plus examples
+## Plate Plus
 
-In Plate Plus, We using debounce mode by default. That's mean you will see the suggestion automatically without pressing `Control+Space`.
+In Plate Plus, we provides more advanced styles and complete backend setup
 
-We also provide a new style of hover card that is more user-friendly.You can hover on the suggestion to see the hover card.
+1. Hover card: a new style of hover card that is more user-friendly. You can **hover** over the ghost text to see the hover card.
+2. Marks: support for marks like bold, italic, underline, etc.This means you can see bold text and **links** in the ghost text
+3. Backend: complete backend setup.
 
 All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
 
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-copilot"
diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 4e31e58cbf..0f5a54a3be 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -356,6 +356,23 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@radix-ui/react-context-menu"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/block-context-menu.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "block-context-menu",
+    "registryDependencies": [
+      "calendar",
+      "plate-element"
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "@udecode/plate-ai"
diff --git a/apps/www/public/r/styles/default/block-context-menu.json b/apps/www/public/r/styles/default/block-context-menu.json
new file mode 100644
index 0000000000..3372d0d6c8
--- /dev/null
+++ b/apps/www/public/r/styles/default/block-context-menu.json
@@ -0,0 +1,19 @@
+{
+  "dependencies": [
+    "@radix-ui/react-context-menu"
+  ],
+  "files": [
+    {
+      "content": "import { useCallback } from 'react';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\nexport const BlockContextMenu = (props: { children: React.ReactNode }) => {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n\n  const { children } = props;\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        <ContextMenuItem inset>Ask AI</ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n          inset\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n          inset\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuCheckboxItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n};\n",
+      "path": "plate-ui/block-context-menu.tsx",
+      "target": "",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "block-context-menu",
+  "registryDependencies": [
+    "calendar",
+    "plate-element"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index c6706d2b1a..bd0688413b 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -170,6 +170,17 @@ export const Index: Record<string, any> = {
       subcategory: "undefined",
       chunks: []
     },
+    "block-context-menu": {
+      name: "block-context-menu",
+      type: "registry:ui",
+      registryDependencies: ["calendar","plate-element"],
+      files: ["registry/default/plate-ui/block-context-menu.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/block-context-menu.tsx")),
+      source: "",
+      category: "undefined",
+      subcategory: "undefined",
+      chunks: []
+    },
     "ghost-text": {
       name: "ghost-text",
       type: "registry:ui",
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index c02bc5c428..6ed23dcd95 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -4,6 +4,11 @@ export const customizerComponents = {
     title: 'Align Dropdown Menu',
   },
   avatar: { href: '/docs/components/avatar', title: 'Avatar' },
+  blockContextMenu: {
+    href: '/docs/components/block-context-menu',
+    label: 'New',
+    title: 'Block Context Menu',
+  },
   blockquoteElement: {
     href: '/docs/components/blockquote-element',
     label: 'Element',
@@ -63,11 +68,6 @@ export const customizerComponents = {
     href: '/docs/components/comments-popover',
     title: 'Comments Popover',
   },
-  copilotHoverCard: {
-    href: '/docs/components/ghost-text',
-    label: 'New',
-    title: 'Ghost Text',
-  },
   cursorOverlay: {
     href: '/docs/components/cursor-overlay',
     title: 'Cursor Overlay',
@@ -122,6 +122,11 @@ export const customizerComponents = {
     href: '/docs/components/floating-toolbar-buttons',
     title: 'Floating Toolbar Buttons',
   },
+  ghostText: {
+    href: '/docs/components/ghost-text',
+    label: 'New',
+    title: 'Ghost Text',
+  },
   headingElement: {
     href: '/docs/components/heading-element',
     label: 'Element',
diff --git a/apps/www/src/config/customizer-items.ts b/apps/www/src/config/customizer-items.ts
index e222cac094..c05810c027 100644
--- a/apps/www/src/config/customizer-items.ts
+++ b/apps/www/src/config/customizer-items.ts
@@ -55,7 +55,10 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
@@ -139,6 +142,15 @@ export const customizerItems: Record<string, SettingPlugin> = {
     reactImport: true,
     route: customizerPlugins.autoformat.route,
   },
+  [BlockMenuPlugin.key]: {
+    id: BlockMenuPlugin.key,
+    badges: [customizerBadges.ui],
+    dependencies: [BlockSelectionPlugin.key],
+    label: 'Block Menu',
+    npmPackage: '@udecode/plate-selection',
+    pluginFactory: 'BlockMenuPlugin',
+    route: customizerPlugins.blockmenu.route,
+  },
   [BlockSelectionPlugin.key]: {
     id: BlockSelectionPlugin.key,
     badges: [customizerBadges.ui],
diff --git a/apps/www/src/config/customizer-list.ts b/apps/www/src/config/customizer-list.ts
index aab94f0c08..01461e7d38 100644
--- a/apps/www/src/config/customizer-list.ts
+++ b/apps/www/src/config/customizer-list.ts
@@ -48,7 +48,10 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
@@ -118,6 +121,7 @@ export const customizerList = [
       customizerItems.components,
       customizerItems[AutoformatPlugin.key],
       customizerItems[BlockSelectionPlugin.key],
+      customizerItems[BlockMenuPlugin.key],
       customizerItems[CaptionPlugin.key],
       customizerItems[DndPlugin.key],
       customizerItems[DragOverCursorPlugin.key],
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index 8dd6e473fd..1cfe6778b5 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -34,7 +34,10 @@ import { MentionPlugin } from '@udecode/plate-mention/react';
 import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
@@ -42,6 +45,8 @@ import { TogglePlugin } from '@udecode/plate-toggle/react';
 import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 
 import { aiValue } from '@/lib/plate/demo/values/aiValue';
+import { blockMenuValue } from '@/lib/plate/demo/values/blockMenuValue';
+import { blockSelectionValue } from '@/lib/plate/demo/values/blockSelectionValue';
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
 import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
 import { slashCommandValue } from '@/lib/plate/demo/values/slahMenuValue';
@@ -121,6 +126,13 @@ export const customizerPlugins = {
     route: '/docs/basic-elements',
     value: [...basicElementsValue, ...basicMarksValue],
   },
+  blockmenu: {
+    id: 'blockmenu',
+    label: 'Block Menu',
+    plugins: [BlockMenuPlugin.key],
+    route: '/docs/block-menu',
+    value: blockMenuValue,
+  },
   blockselection: {
     id: 'blockselection',
     label: 'Block Selection',
@@ -131,7 +143,7 @@ export const customizerPlugins = {
       MediaEmbedPlugin.key,
     ],
     route: '/docs/block-selection',
-    value: mediaValue,
+    value: blockSelectionValue,
   },
   caption: {
     id: 'caption',
diff --git a/apps/www/src/config/descriptions.ts b/apps/www/src/config/descriptions.ts
index 5ebd322dab..ecb3bf6d9c 100644
--- a/apps/www/src/config/descriptions.ts
+++ b/apps/www/src/config/descriptions.ts
@@ -1,4 +1,4 @@
-import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { AIPlugin, CopilotPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -46,7 +46,10 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { NormalizeTypesPlugin } from '@udecode/plate-normalizers';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import { TablePlugin } from '@udecode/plate-table/react';
@@ -56,8 +59,10 @@ import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 import { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';
 
 export const descriptions: Record<string, string> = {
+  [AIPlugin.key]: 'Add AI Menu to your document.',
   [AlignPlugin.key]: 'Align your content to different positions.',
   [AutoformatPlugin.key]: 'Apply formatting automatically using shortcodes.',
+  [BlockMenuPlugin.key]: 'Add a block menu to your document.',
   [BlockSelectionPlugin.key]: 'Select and manipulate entire text blocks.',
   [BlockquotePlugin.key]: 'Highlight important text or citations.',
   [BoldPlugin.key]: 'Make your text stand out.',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 940293fa4f..e527b9dd8c 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -45,10 +45,11 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
-        customizerComponents.copilotHoverCard,
+        customizerComponents.ghostText,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
         customizerComponents.avatar,
+        customizerComponents.blockContextMenu,
         customizerComponents.blockquoteElement,
         customizerComponents.button,
         customizerComponents.caption,
@@ -267,7 +268,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/callout',
-          label: 'New',
+          label: 'Plus',
           title: 'Callout',
         },
         {
@@ -315,7 +316,7 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/equation',
-          label: 'New',
+          label: 'Plus',
           title: 'Equation',
         },
         {
diff --git a/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx b/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
new file mode 100644
index 0000000000..5abe8cd575
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
@@ -0,0 +1,40 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const blockMenuValue: any = (
+  <fragment>
+    <hh2>📝 Block Menu</hh2>
+    <hp>
+      <htext>
+        The Block Menu provides quick access to actions for individual blocks.
+        You can open this menu by right-clicking on any block in the editor.
+      </htext>
+    </hp>
+    <hp>Key features of the Block Context Menu:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Right-click on any block to open the menu</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>
+        Try using block selection to select multiple blocks, then open the menu
+        for the selected blocks.
+      </htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>
+        When you try to right-click the block at the cursor's location, the
+        default menu will open.This allows users to use browser extensions or
+        paste plain text, etc.
+      </htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Options to duplicate, delete, or other what you want</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Transform blocks into different types</htext>
+    </hp>
+  </fragment>
+);
diff --git a/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx b/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx
new file mode 100644
index 0000000000..59c06c2187
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx
@@ -0,0 +1,42 @@
+/** @jsxRuntime classic */
+/** @jsx jsx */
+import { jsx } from '@udecode/plate-test-utils';
+
+jsx;
+
+export const blockSelectionValue: any = (
+  <fragment>
+    <hh2>🌟 Block Selection</hh2>
+    <hp>
+      <htext>
+        Block selection allows you to select multiple blocks at once.You can
+        initiate a selection by clicking and dragging from the left or right
+        padding of the editor.
+      </htext>
+    </hp>
+    <hp>Key features of block selection:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>
+        Select multiple blocks by dragging from the editor's padding
+      </htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>
+        Try using Shift + drag after the first block selection to select
+        multiple non-contiguous blocks.
+      </htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Easily manipulate groups of blocks</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Perform bulk actions on selected blocks</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Intuitive and efficient way to manage content</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Enhances productivity for complex document structures</htext>
+    </hp>
+  </fragment>
+);
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 0dbc496516..bdbb522953 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -11,6 +11,8 @@ import { alignValue } from './alignValue';
 import { autoformatValue } from './autoformatValue';
 import { basicElementsValue } from './basicElementsValue';
 import { basicMarksValue } from './basicMarksValue';
+import { blockMenuValue } from './blockMenuValue';
+import { blockSelectionValue } from './blockSelectionValue';
 import { columnValue } from './columnValue';
 import { commentsValue } from './commentsValue';
 import { copilotValue } from './copilotValue';
@@ -65,6 +67,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     }
     if (valueId !== customizerPlugins.playground.id) {
       let newValue = (customizerPlugins as any)[valueId]?.value ?? value;
+      console.log('🚀 ~ returnuseMemo ~ newValue:', newValue);
 
       if (newValue.length === 0) {
         newValue = value;
@@ -72,10 +75,8 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
       return mapNodeId(newValue);
     }
-    if (enabled.toc) value.unshift(...tocValue);
-    //AI
-    if (enabled.copilot) value.unshift(...copilotValue);
-    if (enabled.ai) value.unshift(...aiValue);
+    // Top
+    if (enabled.toc) value.unshift(...tocValue, ...aiValue, ...copilotValue);
     // Marks
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
     if (enabled.highlight) value.push(...highlightValue);
@@ -97,6 +98,8 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.toggle) value.push(...toggleValue);
     // Functionalities
     if (enabled.slash_command) value.push(...slashCommandValue);
+    if (enabled.blockSelection) value.push(...blockSelectionValue);
+    if (enabled.blockMenu) value.push(...blockMenuValue);
     if (enabled.autoformat) value.push(...autoformatValue);
     if (enabled.softBreak) value.push(...softBreakValue);
     if (enabled.exitBreak) value.push(...exitBreakValue);
diff --git a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
index 5c7b8be7db..0b1bc0a239 100644
--- a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
@@ -132,7 +132,7 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
               .blockSelection.setIndent(1)
           }
         >
-          Increase indent
+          Indent
         </ContextMenuCheckboxItem>
         <ContextMenuCheckboxItem
           onClick={() =>
@@ -141,7 +141,7 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
               .blockSelection.setIndent(-1)
           }
         >
-          Decrease indent
+          Outdent
         </ContextMenuCheckboxItem>
         <ContextMenuSub>
           <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index d96e3fe998..964246e053 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -155,6 +155,13 @@ export const ui: Registry = [
     registryDependencies: ['calendar', 'plate-element'],
     type: 'registry:ui',
   },
+  {
+    dependencies: ['@radix-ui/react-context-menu'],
+    files: ['plate-ui/block-context-menu.tsx'],
+    name: 'block-context-menu',
+    registryDependencies: ['calendar', 'plate-element'],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['@udecode/plate-ai'],
     files: ['plate-ui/ghost-text.tsx'],

From 9a5aaa0055b1a799eacc2d6b56b31a36578e0ade Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 19:11:30 +0800
Subject: [PATCH 080/127] fix

---
 apps/www/src/registry/default/plate-ui/ghost-text.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/apps/www/src/registry/default/plate-ui/ghost-text.tsx b/apps/www/src/registry/default/plate-ui/ghost-text.tsx
index b9dc985b50..2c66275dde 100644
--- a/apps/www/src/registry/default/plate-ui/ghost-text.tsx
+++ b/apps/www/src/registry/default/plate-ui/ghost-text.tsx
@@ -25,12 +25,9 @@ export function GhostTextContent() {
   });
 
   const suggestionText = useOption('suggestionText');
-  const hasLeadingSpace = suggestionText?.startsWith(' ');
 
   return (
     <span className="text-muted-foreground" contentEditable={false}>
-      {hasLeadingSpace && <span> </span>}
-
       {suggestionText && suggestionText}
     </span>
   );

From 140c30692167bc6a0dd89d1776b4eb41538ebf38 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 20:21:40 +0800
Subject: [PATCH 081/127] docs

---
 .../docs/components/blockquote-element.mdx    |  5 +++--
 apps/www/content/docs/components/caption.mdx  |  2 ++
 .../components/floating-toolbar-buttons.mdx   |  2 ++
 .../docs/components/floating-toolbar.mdx      | 12 +++++++++---
 .../content/docs/components/ghost-text.mdx    |  4 +++-
 .../docs/components/slash-input-element.mdx   |  7 ++++---
 .../content/docs/components/toc-element.mdx   |  2 ++
 apps/www/src/app/_components/home-tabs.tsx    |  2 +-
 apps/www/src/app/announcement-button.tsx      | 19 ++++++++++---------
 .../lib/plate/demo/values/copilotValue.tsx    |  7 ++++++-
 10 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/apps/www/content/docs/components/blockquote-element.mdx b/apps/www/content/docs/components/blockquote-element.mdx
index 65eec0f0d1..810ab525f2 100644
--- a/apps/www/content/docs/components/blockquote-element.mdx
+++ b/apps/www/content/docs/components/blockquote-element.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/basic-elements
     title: Block Quote
+  - route: https://pro.platejs.org/docs/components/blockquote-element
+    title: Block Quote
 ---
 
 ## Installation
@@ -61,7 +63,6 @@ Update the import paths to match your project setup.
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
 
-
 ## Plus
 
 In Plate Plus, we have enhanced the block quote functionality:
@@ -74,9 +75,9 @@ In Plate Plus, we have enhanced the block quote functionality:
 - Improved user experience for working with block quotes
 
 These enhancements make it easier and more intuitive to use block quotes in your content.
+
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-blockquote"
   component="basic-nodes"
 />
-
diff --git a/apps/www/content/docs/components/caption.mdx b/apps/www/content/docs/components/caption.mdx
index 228a4c17d6..836fffdcb1 100644
--- a/apps/www/content/docs/components/caption.mdx
+++ b/apps/www/content/docs/components/caption.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/caption
     title: Caption
+  - route: https://pro.platejs.org/docs/components/media-toolbar
+    title: Media Toolbar
 ---
 
 ## Installation
diff --git a/apps/www/content/docs/components/floating-toolbar-buttons.mdx b/apps/www/content/docs/components/floating-toolbar-buttons.mdx
index ee1bfaa22d..8aa99bbc0e 100644
--- a/apps/www/content/docs/components/floating-toolbar-buttons.mdx
+++ b/apps/www/content/docs/components/floating-toolbar-buttons.mdx
@@ -11,6 +11,8 @@ docs:
     title: More Dropdown Menu
   - route: /docs/components/turn-into-dropdown-menu
     title: Turn Into Dropdown Menu
+  - route: https://pro.platejs.org/docs/components/ai-toolbar-button
+    title: Toolbar
 ---
 
 ## Installation
diff --git a/apps/www/content/docs/components/floating-toolbar.mdx b/apps/www/content/docs/components/floating-toolbar.mdx
index 5f643cd8b8..e048bdfc6f 100644
--- a/apps/www/content/docs/components/floating-toolbar.mdx
+++ b/apps/www/content/docs/components/floating-toolbar.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/components/toolbar
     title: Toolbar
+  - route: https://pro.platejs.org/docs/components/ai-toolbar-button
+    title: Toolbar
 ---
 
 ## Installation
@@ -62,15 +64,19 @@ Update the import paths to match your project setup.
 ## Examples
 
 ### Basic
+
 <ComponentPreview name="playground-demo" id="basicnodes" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-editor.tsx" />
 
-
 ### Plus
 
-In Plate Plus, we have designed beautiful animations and more comprehensive buttons for the floating toolbar. 
+In Plate Plus, we have designed beautiful animations and more comprehensive buttons for the floating toolbar.
 
 Try it out by selecting some text in the below editor.
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-toolbar" component="toolbar" />
\ No newline at end of file
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-toolbar"
+  component="toolbar"
+/>
diff --git a/apps/www/content/docs/components/ghost-text.mdx b/apps/www/content/docs/components/ghost-text.mdx
index 4c5afc2d33..3fe72de090 100644
--- a/apps/www/content/docs/components/ghost-text.mdx
+++ b/apps/www/content/docs/components/ghost-text.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/copilot
     title: Copilot
+  - route: https://pro.platejs.org/docs/components/ghost-text
+    title: Ghost Text
 ---
 
 ## Installation
@@ -67,4 +69,4 @@ All of the backend setup is available in [Potion template](https://pro.platejs.o
   name="pro-iframe-demo"
   id="pro-copilot"
   component="copilot"
-/>
\ No newline at end of file
+/>
diff --git a/apps/www/content/docs/components/slash-input-element.mdx b/apps/www/content/docs/components/slash-input-element.mdx
index fd32e15d1c..2111a1c982 100644
--- a/apps/www/content/docs/components/slash-input-element.mdx
+++ b/apps/www/content/docs/components/slash-input-element.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/slash-command
     title: Slash Command
+  - route: https://pro.platejs.org/docs/components/slash-input-element
+    title: Slash Input Element
 ---
 
 ## Installation
@@ -54,7 +56,8 @@ Update the import paths to match your project setup.
 <ComponentSource name="slash-input-element" />
 
 ## Plate Plus
-We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload. 
+
+We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload.
 This provides a more robust and feature-rich editing experience for users who require advanced functionality.
 
 Some key improvements in Plate Plus include:
@@ -66,12 +69,10 @@ Some key improvements in Plate Plus include:
 - Support grouping and Carefully selected keyword.
 - Trigger slash menu by click the puls button on the left of the paragraph.
 
-
 You can try typing /``` to quickly insert a code block.
 
 Feel free to experiment with different commands to see how the slash menu enhances your editing experience!
 
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-slash-menu"
diff --git a/apps/www/content/docs/components/toc-element.mdx b/apps/www/content/docs/components/toc-element.mdx
index 074518e16a..5ca8219a0b 100644
--- a/apps/www/content/docs/components/toc-element.mdx
+++ b/apps/www/content/docs/components/toc-element.mdx
@@ -5,6 +5,8 @@ component: true
 docs:
   - route: /docs/toc
     title: Table of Contents
+  - route: https://pro.platejs.org/docs/components/toc-sidebar
+    title: TOC Sidebar
 ---
 
 ## Installation
diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/_components/home-tabs.tsx
index a693ab80e8..f88fdf75d7 100644
--- a/apps/www/src/app/_components/home-tabs.tsx
+++ b/apps/www/src/app/_components/home-tabs.tsx
@@ -50,7 +50,7 @@ export default function HomeTabs() {
         <TabsList>
           <TabsTrigger value="playground">Playground</TabsTrigger>
           <TabsTrigger value="installation">Installation</TabsTrigger>
-          <TabsTrigger value="potion">Potion Template</TabsTrigger>
+          {/* <TabsTrigger value="potion">Potion Template</TabsTrigger> */}
         </TabsList>
 
         <Button
diff --git a/apps/www/src/app/announcement-button.tsx b/apps/www/src/app/announcement-button.tsx
index 0de0181cf7..eebbbea93f 100644
--- a/apps/www/src/app/announcement-button.tsx
+++ b/apps/www/src/app/announcement-button.tsx
@@ -4,27 +4,28 @@ import * as React from 'react';
 
 import { ArrowRightIcon } from 'lucide-react';
 
-import { settingsStore } from '@/components/context/settings-store';
 import { Button } from '@/registry/default/plate-ui/button';
 import { Separator } from '@/registry/default/plate-ui/separator';
 
 export function AnnouncementButton() {
   return (
     <Button
-      size="none"
+      size="lg"
       variant="link"
-      className="group inline-flex items-center rounded-lg px-0.5 text-sm font-medium hover:no-underline"
+      className="group inline-flex items-center rounded-lg px-2 text-lg font-medium hover:no-underline"
       onClick={() => {
-        settingsStore.set.showSettings(true);
-        settingsStore.set.customizerTab('plugins');
+        window.open('https://pro.platejs.org', '_blank');
       }}
     >
-      <span className="">🎉 </span>
-      <Separator orientation="vertical" className="mx-2 h-4" />
+      <span className="text-xl">🎉 </span>
+      <Separator orientation="vertical" className="mx-3 h-6" />
       <span className="underline-offset-4 group-hover:underline">
-        Introducing the interactive builder
+        <span>Introducing the&nbsp;</span>
+        <span className="bg-gradient-to-r from-[#6EB6F2] via-[#a855f7] to-[#eab308] bg-clip-text text-transparent">
+          Plate Plus
+        </span>
       </span>
-      <ArrowRightIcon className="ml-1 size-4" />
+      <ArrowRightIcon className="ml-2 size-6" />
     </Button>
   );
 }
diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
index 4dec49a903..72a098c4ab 100644
--- a/apps/www/src/lib/plate/demo/values/copilotValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -13,9 +13,14 @@ export const copilotValue: any = (
       <htext>where you want to add or modify text.</htext>
     </hp>
     <hp indent={1} listStart={2} listStyleType="decimal">
-      <htext>Press Control + Space to trigger Copilot.</htext>
+      <htext>Press Control + Space to trigger Copilot</htext>
     </hp>
     <hp indent={1} listStart={3} listStyleType="decimal">
+      <htext>Copilot will</htext>
+      <htext bold> automatically</htext>
+      <htext> suggest completions as you type.</htext>
+    </hp>
+    <hp indent={1} listStart={4} listStyleType="decimal">
       <htext>Choose from the suggested completions:</htext>
     </hp>
     <hp indent={2} listStyleType="disc">

From cb199273b83637775a8f30bf174ff9c4e6f0f9af Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 20:24:35 +0800
Subject: [PATCH 082/127] ci

---
 apps/www/public/r/styles/default/ghost-text.json | 2 +-
 packages/ai/src/react/ai/utils/stripMarkdown.ts  | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/www/public/r/styles/default/ghost-text.json b/apps/www/public/r/styles/default/ghost-text.json
index 3e4b057982..0cfa2c5685 100644
--- a/apps/www/public/r/styles/default/ghost-text.json
+++ b/apps/www/public/r/styles/default/ghost-text.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport React from 'react';\n\nimport type { CopilotPluginConfig } from '@udecode/plate-ai/react';\n\nimport { useEditorPlugin, useElement } from '@udecode/plate-common/react';\n\nexport const GhostText = () => {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n  const element = useElement();\n\n  const isSuggested = useOption('isSuggested', element.id as string);\n\n  if (!isSuggested) return null;\n\n  return <GhostTextContent />;\n};\n\nexport function GhostTextContent() {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n\n  const suggestionText = useOption('suggestionText');\n  const hasLeadingSpace = suggestionText?.startsWith(' ');\n\n  return (\n    <span className=\"text-muted-foreground\" contentEditable={false}>\n      {hasLeadingSpace && <span> </span>}\n\n      {suggestionText && suggestionText}\n    </span>\n  );\n}\n",
+      "content": "'use client';\n\nimport React from 'react';\n\nimport type { CopilotPluginConfig } from '@udecode/plate-ai/react';\n\nimport { useEditorPlugin, useElement } from '@udecode/plate-common/react';\n\nexport const GhostText = () => {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n  const element = useElement();\n\n  const isSuggested = useOption('isSuggested', element.id as string);\n\n  if (!isSuggested) return null;\n\n  return <GhostTextContent />;\n};\n\nexport function GhostTextContent() {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n\n  const suggestionText = useOption('suggestionText');\n\n  return (\n    <span className=\"text-muted-foreground\" contentEditable={false}>\n      {suggestionText && suggestionText}\n    </span>\n  );\n}\n",
       "path": "plate-ui/ghost-text.tsx",
       "target": "",
       "type": "registry:ui"
diff --git a/packages/ai/src/react/ai/utils/stripMarkdown.ts b/packages/ai/src/react/ai/utils/stripMarkdown.ts
index b80affbe65..e2e7d5dd96 100644
--- a/packages/ai/src/react/ai/utils/stripMarkdown.ts
+++ b/packages/ai/src/react/ai/utils/stripMarkdown.ts
@@ -1,3 +1,6 @@
+/* eslint-disable regexp/no-contradiction-with-assertion */
+/* eslint-disable regexp/match-any */
+/* eslint-disable regexp/no-unused-capturing-group */
 export const stripMarkdownBlocks = (text: string) => {
   // Remove headers
   text = text.replaceAll(/^#{1,6}\s+/gm, '');

From 29dee89b7bb76a08c436bf71d8763ba6a5c93e15 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 18 Oct 2024 21:35:51 +0800
Subject: [PATCH 083/127] clean

---
 .changeset/eight-gorillas-teach.md            |  4 +-
 .changeset/fresh-spoons-float.md              |  5 ++
 .changeset/new-socks-know.md                  |  5 ++
 .changeset/small-months-report.md             |  6 +++
 .changeset/sour-cobras-tease.md               |  5 ++
 apps/www/content/docs/copilot.mdx             |  4 +-
 .../lib/plate/demo/plugins/copilotPlugin.tsx  |  4 +-
 packages/ai/src/react/ai-chat/index.ts        | 10 ++++
 .../ai/src/react/ai-chat/transforms/index.ts  |  6 +++
 packages/ai/src/react/ai-chat/utils/index.ts  |  5 ++
 packages/ai/src/react/ai/AIPlugin.ts          |  2 +-
 packages/ai/src/react/ai/index.ts             |  3 +-
 packages/ai/src/react/ai/transforms/index.ts  |  8 +++-
 packages/ai/src/react/ai/utils/index.ts       |  4 +-
 packages/ai/src/react/copilot/index.ts        |  3 +-
 .../react/copilot/transforms/acceptCopilot.ts |  4 +-
 .../transforms/acceptCopilotNextWord.ts       |  2 +-
 .../ai/src/react/copilot/transforms/index.ts  |  6 +++
 .../copilot/utils/deserializeInlineMd.ts      | 48 -------------------
 packages/ai/src/react/copilot/utils/index.ts  |  2 +
 packages/ai/src/react/copilot/withCopilot.ts  |  2 +-
 packages/ai/src/react/index.ts                |  1 +
 .../deserializer/utils/deserializeInlineMd.ts | 29 +++++++++++
 .../src/lib/deserializer/utils/index.ts       |  2 +
 .../lib/deserializer}/utils/stripMarkdown.ts  |  0
 packages/markdown/src/lib/serializer/index.ts |  1 +
 .../src/lib/serializer/serializeInlineMd.ts   | 20 ++++++++
 27 files changed, 128 insertions(+), 63 deletions(-)
 create mode 100644 .changeset/fresh-spoons-float.md
 create mode 100644 .changeset/new-socks-know.md
 create mode 100644 .changeset/small-months-report.md
 create mode 100644 .changeset/sour-cobras-tease.md
 create mode 100644 packages/ai/src/react/ai-chat/index.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/index.ts
 create mode 100644 packages/ai/src/react/ai-chat/utils/index.ts
 create mode 100644 packages/ai/src/react/copilot/transforms/index.ts
 delete mode 100644 packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
 create mode 100644 packages/markdown/src/lib/deserializer/utils/deserializeInlineMd.ts
 rename packages/{ai/src/react/ai => markdown/src/lib/deserializer}/utils/stripMarkdown.ts (100%)
 create mode 100644 packages/markdown/src/lib/serializer/serializeInlineMd.ts

diff --git a/.changeset/eight-gorillas-teach.md b/.changeset/eight-gorillas-teach.md
index f95d9bd921..f4561553d9 100644
--- a/.changeset/eight-gorillas-teach.md
+++ b/.changeset/eight-gorillas-teach.md
@@ -2,4 +2,6 @@
 '@udecode/plate-selection': patch
 ---
 
-Add `tf.setBlockSelectionIndent`
+BlockSelectionPlugin: New `tf.setBlockSelectionIndent` 
+
+BlockMenuPlugin: Now when the left mouse button is clicked and the menu is open, the default event will not be prevented.
diff --git a/.changeset/fresh-spoons-float.md b/.changeset/fresh-spoons-float.md
new file mode 100644
index 0000000000..8a9218093a
--- /dev/null
+++ b/.changeset/fresh-spoons-float.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-math': patch
+---
+
+New `editor.tf.insert.equation` `editor.tf.insert.inlineEquation`
diff --git a/.changeset/new-socks-know.md b/.changeset/new-socks-know.md
new file mode 100644
index 0000000000..1e3a10db72
--- /dev/null
+++ b/.changeset/new-socks-know.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-callout': patch
+---
+
+New `editor.tf.insert.callout`
diff --git a/.changeset/small-months-report.md b/.changeset/small-months-report.md
new file mode 100644
index 0000000000..ca3ec99f90
--- /dev/null
+++ b/.changeset/small-months-report.md
@@ -0,0 +1,6 @@
+---
+'@udecode/plate-media': patch
+---
+
+New `editor.tf.insert.audioPlaceholder` `editor.tf.insert.filePlaceholder` `editor.tf.insert.imagePlaceholder` `editor.tf.insert.videoPlaceholder`
+
diff --git a/.changeset/sour-cobras-tease.md b/.changeset/sour-cobras-tease.md
new file mode 100644
index 0000000000..ba1d3ac4a0
--- /dev/null
+++ b/.changeset/sour-cobras-tease.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-ai': patch
+---
+
+Refactor `CopilotPlugin`, `AIPlugin` is wip.
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 2f149e752d..b8ede1ae5d 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -30,9 +30,9 @@ npm install @udecode/plate-ai @udecode/plate-markdown
 
 ```tsx
 // ...
-import { CopilotPlugin, stripMarkdown } from '@udecode/plate-ai/react';
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { type TElement, getAncestorNode } from '@udecode/plate-common';
-import { serializeMdNodes } from '@udecode/plate-markdown';
+import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
 
 MarkdownPlugin.configure({ options: { indentList: true } });
 CopilotPlugin.configure(({ api }) => ({
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
index 804ad9afd1..37538c56ff 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -1,6 +1,6 @@
-import { CopilotPlugin, stripMarkdown } from '@udecode/plate-ai/react';
+import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { type TElement, getAncestorNode } from '@udecode/plate-common';
-import { serializeMdNodes } from '@udecode/plate-markdown';
+import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
 
 import { GhostText } from '@/registry/default/plate-ui/ghost-text';
 
diff --git a/packages/ai/src/react/ai-chat/index.ts b/packages/ai/src/react/ai-chat/index.ts
new file mode 100644
index 0000000000..b56536c012
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/index.ts
@@ -0,0 +1,10 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './AIChatPlugin';
+export * from './useAIChatHook';
+export * from './withTriggerAIChat';
+export * from './hooks/index';
+export * from './transforms/index';
+export * from './utils/index';
diff --git a/packages/ai/src/react/ai-chat/transforms/index.ts b/packages/ai/src/react/ai-chat/transforms/index.ts
new file mode 100644
index 0000000000..cffa7970ca
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/index.ts
@@ -0,0 +1,6 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './acceptAIChat';
+export * from './streamAINodes';
diff --git a/packages/ai/src/react/ai-chat/utils/index.ts b/packages/ai/src/react/ai-chat/utils/index.ts
new file mode 100644
index 0000000000..c051b35890
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/utils/index.ts
@@ -0,0 +1,5 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './getLastAssistantMessage';
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index 34f0fe3758..c311388706 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -6,13 +6,13 @@ import {
   bindFirst,
 } from '@udecode/plate-common';
 import { toTPlatePlugin } from '@udecode/plate-common/react';
+import { stripMarkdown } from '@udecode/plate-markdown';
 
 import { type BaseAIPluginConfig, BaseAIPlugin } from '../../lib';
 import { streamAINodes } from '../ai-chat/transforms/streamAINodes';
 import { removeAIMarks } from './transforms';
 import { insertAINodes } from './transforms/insertAINodes';
 import { removeAINodes } from './transforms/removeAINodes';
-import { stripMarkdown } from './utils';
 import { streamText } from './utils/streamText';
 
 export interface AIStreamProps {
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
index c3152165af..bde51d852d 100644
--- a/packages/ai/src/react/ai/index.ts
+++ b/packages/ai/src/react/ai/index.ts
@@ -3,6 +3,5 @@
  */
 
 export * from './AIPlugin';
-export * from '../ai-chat/useAIChatHook';
-export * from '../ai-chat/hooks/index';
+export * from './transforms/index';
 export * from './utils/index';
diff --git a/packages/ai/src/react/ai/transforms/index.ts b/packages/ai/src/react/ai/transforms/index.ts
index c1320d0827..054db60528 100644
--- a/packages/ai/src/react/ai/transforms/index.ts
+++ b/packages/ai/src/react/ai/transforms/index.ts
@@ -1 +1,7 @@
-export * from './removeAIMarks';
\ No newline at end of file
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './insertAINodes';
+export * from './removeAIMarks';
+export * from './removeAINodes';
diff --git a/packages/ai/src/react/ai/utils/index.ts b/packages/ai/src/react/ai/utils/index.ts
index 383b95a874..85f1eec62a 100644
--- a/packages/ai/src/react/ai/utils/index.ts
+++ b/packages/ai/src/react/ai/utils/index.ts
@@ -2,4 +2,6 @@
  * @file Automatically generated by barrelsby.
  */
 
-export * from './stripMarkdown';
+export * from './getEditorPrompt';
+export * from './getMarkdown';
+export * from './streamText';
diff --git a/packages/ai/src/react/copilot/index.ts b/packages/ai/src/react/copilot/index.ts
index 7a91e640af..7959cc09cc 100644
--- a/packages/ai/src/react/copilot/index.ts
+++ b/packages/ai/src/react/copilot/index.ts
@@ -3,6 +3,7 @@
  */
 
 export * from './CopilotPlugin';
-export * from './utils/triggerCopilotSuggestion';
 export * from './renderCopilotBelowNodes';
+export * from './withCopilot';
+export * from './transforms/index';
 export * from './utils/index';
diff --git a/packages/ai/src/react/copilot/transforms/acceptCopilot.ts b/packages/ai/src/react/copilot/transforms/acceptCopilot.ts
index 6c9f8648fb..124e275a6f 100644
--- a/packages/ai/src/react/copilot/transforms/acceptCopilot.ts
+++ b/packages/ai/src/react/copilot/transforms/acceptCopilot.ts
@@ -1,8 +1,8 @@
 import type { PlateEditor } from '@udecode/plate-common/react';
 
-import type { CopilotPluginConfig } from '../CopilotPlugin';
+import { deserializeInlineMd } from '@udecode/plate-markdown';
 
-import { deserializeInlineMd } from '../utils/deserializeInlineMd';
+import type { CopilotPluginConfig } from '../CopilotPlugin';
 
 export const acceptCopilot = (editor: PlateEditor) => {
   const { suggestionText } = editor.getOptions<CopilotPluginConfig>({
diff --git a/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts b/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
index 9b2df34d26..17eda9b2a4 100644
--- a/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
+++ b/packages/ai/src/react/copilot/transforms/acceptCopilotNextWord.ts
@@ -1,9 +1,9 @@
 import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+import { deserializeInlineMd } from '@udecode/plate-markdown';
 
 import type { CopilotPluginConfig } from '../CopilotPlugin';
 
 import { withoutAbort } from '../utils';
-import { deserializeInlineMd } from '../utils/deserializeInlineMd';
 
 export const acceptCopilotNextWord = (editor: PlateEditor) => {
   const { api, getOptions } = getEditorPlugin<CopilotPluginConfig>(editor, {
diff --git a/packages/ai/src/react/copilot/transforms/index.ts b/packages/ai/src/react/copilot/transforms/index.ts
new file mode 100644
index 0000000000..2017a9482e
--- /dev/null
+++ b/packages/ai/src/react/copilot/transforms/index.ts
@@ -0,0 +1,6 @@
+/**
+ * @file Automatically generated by barrelsby.
+ */
+
+export * from './acceptCopilot';
+export * from './acceptCopilotNextWord';
diff --git a/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts b/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
deleted file mode 100644
index a7d697655c..0000000000
--- a/packages/ai/src/react/copilot/utils/deserializeInlineMd.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-
-import { type TDescendant, getNodeString } from '@udecode/plate-common';
-import { MarkdownPlugin, serializeMdNodes } from '@udecode/plate-markdown';
-
-import { stripMarkdownBlocks } from '../../ai';
-
-// TODO: move to markdown plugin
-export const deserializeInlineMd = (editor: PlateEditor, text: string) => {
-  const leadingSpaces = /^\s*/.exec(text)?.[0] || '';
-  const trailingSpaces = /\s*$/.exec(text)?.[0] || '';
-
-  const strippedText = stripMarkdownBlocks(text.trim());
-
-  const fragment: TDescendant[] = [];
-
-  if (leadingSpaces) {
-    fragment.push({ text: leadingSpaces });
-  }
-  if (strippedText) {
-    fragment.push(
-      ...editor.getApi(MarkdownPlugin).markdown.deserialize(strippedText)[0]
-        .children
-    );
-  }
-  if (trailingSpaces) {
-    fragment.push({ text: trailingSpaces });
-  }
-
-  return fragment;
-};
-
-// TODO: add keepLeadingSpaces option to serializeMdNodes
-export const serializeInlineMd = (nodes: TDescendant[]) => {
-  if (nodes.length === 0) return '';
-
-  let leadingSpaces = '';
-
-  // Check for leading spaces in the first node
-  const firstNodeText = getNodeString(nodes[0]);
-  const leadingMatch = /^\s*/.exec(firstNodeText);
-  leadingSpaces = leadingMatch ? leadingMatch[0] : '';
-
-  // Serialize the content
-  const serializedContent = serializeMdNodes(nodes);
-
-  return leadingSpaces + serializedContent;
-};
diff --git a/packages/ai/src/react/copilot/utils/index.ts b/packages/ai/src/react/copilot/utils/index.ts
index c7c7868302..8dac5c2d04 100644
--- a/packages/ai/src/react/copilot/utils/index.ts
+++ b/packages/ai/src/react/copilot/utils/index.ts
@@ -2,4 +2,6 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './callCompletionApi';
+export * from './triggerCopilotSuggestion';
 export * from './withoutAbort';
diff --git a/packages/ai/src/react/copilot/withCopilot.ts b/packages/ai/src/react/copilot/withCopilot.ts
index d3fad03bc8..a4b4faf744 100644
--- a/packages/ai/src/react/copilot/withCopilot.ts
+++ b/packages/ai/src/react/copilot/withCopilot.ts
@@ -2,11 +2,11 @@ import type { ExtendEditor, PlateEditor } from '@udecode/plate-common/react';
 import type { BaseOperation } from 'slate';
 
 import { withoutMergingHistory } from '@udecode/plate-common';
+import { serializeInlineMd } from '@udecode/plate-markdown';
 import debounce from 'lodash/debounce.js';
 
 import type { CopilotPluginConfig } from './CopilotPlugin';
 
-import { serializeInlineMd } from './utils/deserializeInlineMd';
 import { withoutAbort } from './utils/withoutAbort';
 
 type CopilotBatch = PlateEditor['history']['undos'][number] & {
diff --git a/packages/ai/src/react/index.ts b/packages/ai/src/react/index.ts
index 4b6a3dbc5f..327a40eaa4 100644
--- a/packages/ai/src/react/index.ts
+++ b/packages/ai/src/react/index.ts
@@ -3,4 +3,5 @@
  */
 
 export * from './ai/index';
+export * from './ai-chat/index';
 export * from './copilot/index';
diff --git a/packages/markdown/src/lib/deserializer/utils/deserializeInlineMd.ts b/packages/markdown/src/lib/deserializer/utils/deserializeInlineMd.ts
new file mode 100644
index 0000000000..8590cb2b8c
--- /dev/null
+++ b/packages/markdown/src/lib/deserializer/utils/deserializeInlineMd.ts
@@ -0,0 +1,29 @@
+import type { TDescendant } from '@udecode/plate-common';
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { MarkdownPlugin } from '../../MarkdownPlugin';
+import { stripMarkdownBlocks } from './stripMarkdown';
+
+export const deserializeInlineMd = (editor: PlateEditor, text: string) => {
+  const leadingSpaces = /^\s*/.exec(text)?.[0] || '';
+  const trailingSpaces = /\s*$/.exec(text)?.[0] || '';
+
+  const strippedText = stripMarkdownBlocks(text.trim());
+
+  const fragment: TDescendant[] = [];
+
+  if (leadingSpaces) {
+    fragment.push({ text: leadingSpaces });
+  }
+  if (strippedText) {
+    fragment.push(
+      ...editor.getApi(MarkdownPlugin).markdown.deserialize(strippedText)[0]
+        .children
+    );
+  }
+  if (trailingSpaces) {
+    fragment.push({ text: trailingSpaces });
+  }
+
+  return fragment;
+};
diff --git a/packages/markdown/src/lib/deserializer/utils/index.ts b/packages/markdown/src/lib/deserializer/utils/index.ts
index 415ea96914..09aafa8135 100644
--- a/packages/markdown/src/lib/deserializer/utils/index.ts
+++ b/packages/markdown/src/lib/deserializer/utils/index.ts
@@ -2,5 +2,7 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './deserializeInlineMd';
 export * from './deserializeMd';
 export * from './filterBreakLines';
+export * from './stripMarkdown';
diff --git a/packages/ai/src/react/ai/utils/stripMarkdown.ts b/packages/markdown/src/lib/deserializer/utils/stripMarkdown.ts
similarity index 100%
rename from packages/ai/src/react/ai/utils/stripMarkdown.ts
rename to packages/markdown/src/lib/deserializer/utils/stripMarkdown.ts
diff --git a/packages/markdown/src/lib/serializer/index.ts b/packages/markdown/src/lib/serializer/index.ts
index 77964a4610..6544ee1c6d 100644
--- a/packages/markdown/src/lib/serializer/index.ts
+++ b/packages/markdown/src/lib/serializer/index.ts
@@ -3,6 +3,7 @@
  */
 
 export * from './defaultSerializeMdNodesOptions';
+export * from './serializeInlineMd';
 export * from './serializeMd';
 export * from './serializeMdNode';
 export * from './serializeMdNodes';
diff --git a/packages/markdown/src/lib/serializer/serializeInlineMd.ts b/packages/markdown/src/lib/serializer/serializeInlineMd.ts
new file mode 100644
index 0000000000..2668758923
--- /dev/null
+++ b/packages/markdown/src/lib/serializer/serializeInlineMd.ts
@@ -0,0 +1,20 @@
+import { type TDescendant, getNodeString } from '@udecode/plate-common';
+
+import { serializeMdNodes } from './serializeMdNodes';
+
+// TODO: add keepLeadingSpaces option to serializeMdNodes
+export const serializeInlineMd = (nodes: TDescendant[]) => {
+  if (nodes.length === 0) return '';
+
+  let leadingSpaces = '';
+
+  // Check for leading spaces in the first node
+  const firstNodeText = getNodeString(nodes[0]);
+  const leadingMatch = /^\s*/.exec(firstNodeText);
+  leadingSpaces = leadingMatch ? leadingMatch[0] : '';
+
+  // Serialize the content
+  const serializedContent = serializeMdNodes(nodes);
+
+  return leadingSpaces + serializedContent;
+};

From 63d6b375d9bb8f1587f399f9d02d44ec97832c1e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 19 Oct 2024 18:19:12 +0800
Subject: [PATCH 084/127] clean

---
 .changeset/eight-gorillas-teach.md            |   2 +-
 packages/ai/src/lib/BaseAIPlugin.ts           |  53 +++++---
 packages/ai/src/lib/index.ts                  |   2 +-
 .../src/{react/ai => lib}/transforms/index.ts |   0
 .../ai/src/lib/transforms/insertAINodes.ts    |  58 ++++++++
 .../ai/src/lib/transforms/removeAIMarks.ts    |  15 +++
 .../ai/src/lib/transforms/removeAINodes.ts    |  15 +++
 packages/ai/src/lib/withTriggerAIMenu.ts      |  75 -----------
 packages/ai/src/react/ai-chat/AIChatPlugin.ts | 118 ++++++----------
 packages/ai/src/react/ai-chat/hooks/index.ts  |   1 +
 .../src/react/ai-chat/hooks/useChatChunk.ts   |  58 ++++++++
 .../src/react/ai-chat/hooks/useEditorChat.ts  |  12 +-
 packages/ai/src/react/ai-chat/index.ts        |   2 +-
 .../react/ai-chat/transforms/acceptAIChat.ts  | 126 ++----------------
 .../ai/src/react/ai-chat/transforms/index.ts  |   4 +-
 .../ai-chat/transforms/insertBelowAIChat.ts   |  53 ++++++++
 .../transforms/replaceSelectionAIChat.ts      |  49 +++++++
 .../react/ai-chat/transforms/streamAINodes.ts |  87 ------------
 .../ai/src/react/ai-chat/transforms/undoAI.ts |  14 ++
 .../ai/src/react/ai-chat/useAIChatHook.ts     |  45 +++++--
 .../{ai => ai-chat}/utils/getEditorPrompt.ts  |  10 +-
 .../{ai => ai-chat}/utils/getMarkdown.ts      |   1 +
 packages/ai/src/react/ai-chat/utils/index.ts  |   4 +
 .../ai/src/react/ai-chat/utils/resetAIChat.ts |  21 +++
 .../src/react/ai-chat/utils/submitAIChat.ts   |  66 +++++++++
 .../{withTriggerAIChat.ts => withAIChat.ts}   |  19 ++-
 packages/ai/src/react/ai/AIPlugin.ts          |  63 +--------
 packages/ai/src/react/ai/index.ts             |   2 -
 .../src/react/ai/transforms/insertAINodes.ts  |  34 -----
 .../src/react/ai/transforms/removeAIMarks.ts  |  12 --
 .../src/react/ai/transforms/removeAINodes.ts  |  12 --
 packages/ai/src/react/ai/utils/index.ts       |   7 -
 packages/ai/src/react/ai/utils/streamText.ts  | 119 -----------------
 .../ai/src/react/copilot/CopilotPlugin.tsx    |  11 +-
 packages/ai/src/react/copilot/withCopilot.ts  |   9 +-
 .../src/react/BlockSelectionPlugin.tsx        |   2 +
 .../react/transforms/insertBlocksAndSelect.ts |  28 ++++
 37 files changed, 566 insertions(+), 643 deletions(-)
 rename packages/ai/src/{react/ai => lib}/transforms/index.ts (100%)
 create mode 100644 packages/ai/src/lib/transforms/insertAINodes.ts
 create mode 100644 packages/ai/src/lib/transforms/removeAIMarks.ts
 create mode 100644 packages/ai/src/lib/transforms/removeAINodes.ts
 delete mode 100644 packages/ai/src/lib/withTriggerAIMenu.ts
 create mode 100644 packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/insertBelowAIChat.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/replaceSelectionAIChat.ts
 delete mode 100644 packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
 create mode 100644 packages/ai/src/react/ai-chat/transforms/undoAI.ts
 rename packages/ai/src/react/{ai => ai-chat}/utils/getEditorPrompt.ts (91%)
 rename packages/ai/src/react/{ai => ai-chat}/utils/getMarkdown.ts (98%)
 create mode 100644 packages/ai/src/react/ai-chat/utils/resetAIChat.ts
 create mode 100644 packages/ai/src/react/ai-chat/utils/submitAIChat.ts
 rename packages/ai/src/react/ai-chat/{withTriggerAIChat.ts => withAIChat.ts} (78%)
 delete mode 100644 packages/ai/src/react/ai/transforms/insertAINodes.ts
 delete mode 100644 packages/ai/src/react/ai/transforms/removeAIMarks.ts
 delete mode 100644 packages/ai/src/react/ai/transforms/removeAINodes.ts
 delete mode 100644 packages/ai/src/react/ai/utils/index.ts
 delete mode 100644 packages/ai/src/react/ai/utils/streamText.ts
 create mode 100644 packages/selection/src/react/transforms/insertBlocksAndSelect.ts

diff --git a/.changeset/eight-gorillas-teach.md b/.changeset/eight-gorillas-teach.md
index f4561553d9..d4fb141437 100644
--- a/.changeset/eight-gorillas-teach.md
+++ b/.changeset/eight-gorillas-teach.md
@@ -2,6 +2,6 @@
 '@udecode/plate-selection': patch
 ---
 
-BlockSelectionPlugin: New `tf.setBlockSelectionIndent` 
+BlockSelectionPlugin: New `tf.setBlockSelectionIndent` `tf.insertBlocksAndSelect`
 
 BlockMenuPlugin: Now when the left mouse button is clicked and the menu is open, the default event will not be prevented.
diff --git a/packages/ai/src/lib/BaseAIPlugin.ts b/packages/ai/src/lib/BaseAIPlugin.ts
index 7cdb51690a..b33f0b384c 100644
--- a/packages/ai/src/lib/BaseAIPlugin.ts
+++ b/packages/ai/src/lib/BaseAIPlugin.ts
@@ -1,26 +1,47 @@
-import type { TriggerComboboxPluginOptions } from '@udecode/plate-combobox';
-
 import {
+  type OmitFirst,
   type PluginConfig,
-  type SlateEditor,
-  type TNodeEntry,
+  bindFirst,
   createTSlatePlugin,
 } from '@udecode/plate-common';
 
-import { withTriggerAIMenu } from './withTriggerAIMenu';
+import { removeAIMarks } from './transforms';
+import { insertAINodes } from './transforms/insertAINodes';
+import { removeAINodes } from './transforms/removeAINodes';
 
-export type BaseAIOptions = {
-  onOpenAI?: (editor: SlateEditor, nodeEntry: TNodeEntry) => void;
-} & TriggerComboboxPluginOptions;
+type BaseAIOptions = {};
+type BaseAITransforms = {
+  insertNodes: OmitFirst<typeof insertAINodes>;
+  removeMarks: OmitFirst<typeof removeAIMarks>;
+  removeNodes: OmitFirst<typeof removeAINodes>;
+};
 
-export type BaseAIPluginConfig = PluginConfig<'ai', BaseAIOptions>;
+export type BaseAIPluginConfig = PluginConfig<
+  'ai',
+  BaseAIOptions,
+  {},
+  { ai: BaseAITransforms }
+>;
 
 export const BaseAIPlugin = createTSlatePlugin({
   key: 'ai',
-  extendEditor: withTriggerAIMenu,
-  options: {
-    scrollContainerSelector: '#scroll_container',
-    trigger: ' ',
-    triggerPreviousCharPattern: /^\s?$/,
-  },
-});
+  node: { isLeaf: true },
+})
+  .extendTransforms(({ editor }) => ({
+    insertNodes: bindFirst(insertAINodes, editor),
+    removeMarks: bindFirst(removeAIMarks, editor),
+    removeNodes: bindFirst(removeAINodes, editor),
+  }))
+  .extend({
+    extendEditor: ({ editor }) => {
+      const { apply } = editor;
+
+      editor.apply = (op) => {
+        // console.log('🚀 ~ editor.apply= ~ op:', op);
+        // console.log('history', editor.history.undos);
+        apply(op);
+      };
+
+      return editor;
+    },
+  });
diff --git a/packages/ai/src/lib/index.ts b/packages/ai/src/lib/index.ts
index 99b9131797..b1c98896fa 100644
--- a/packages/ai/src/lib/index.ts
+++ b/packages/ai/src/lib/index.ts
@@ -3,4 +3,4 @@
  */
 
 export * from './BaseAIPlugin';
-export * from './withTriggerAIMenu';
+export * from './transforms/index';
diff --git a/packages/ai/src/react/ai/transforms/index.ts b/packages/ai/src/lib/transforms/index.ts
similarity index 100%
rename from packages/ai/src/react/ai/transforms/index.ts
rename to packages/ai/src/lib/transforms/index.ts
diff --git a/packages/ai/src/lib/transforms/insertAINodes.ts b/packages/ai/src/lib/transforms/insertAINodes.ts
new file mode 100644
index 0000000000..59889471dc
--- /dev/null
+++ b/packages/ai/src/lib/transforms/insertAINodes.ts
@@ -0,0 +1,58 @@
+import type { Path } from 'slate';
+
+import {
+  type SlateEditor,
+  type TDescendant,
+  collapseSelection,
+  getEndPoint,
+  insertNodes,
+  withMerging,
+  withoutMergingHistory,
+} from '@udecode/plate-common';
+
+import { AIPlugin } from '../../react/ai/AIPlugin';
+
+export const insertAINodes = (
+  editor: SlateEditor,
+  nodes: TDescendant[],
+  {
+    history = 'default',
+    target,
+  }: {
+    history?: 'default' | 'merge' | 'withoutMerge';
+    target?: Path;
+  } = {}
+) => {
+  if (!target && !editor.selection?.focus.path) return;
+
+  const insert = () => {
+    const aiNodes = nodes.map((node) => ({
+      ...node,
+      [AIPlugin.key]: true,
+    }));
+
+    insertNodes(editor, aiNodes, {
+      at: getEndPoint(editor, target || editor.selection!.focus.path),
+      select: true,
+    });
+    collapseSelection(editor, { edge: 'end' });
+  };
+
+  switch (history) {
+    case 'default': {
+      insert();
+
+      break;
+    }
+    case 'merge': {
+      withMerging(editor, insert);
+
+      break;
+    }
+    case 'withoutMerge': {
+      withoutMergingHistory(editor, insert);
+
+      break;
+    }
+  }
+};
diff --git a/packages/ai/src/lib/transforms/removeAIMarks.ts b/packages/ai/src/lib/transforms/removeAIMarks.ts
new file mode 100644
index 0000000000..4bfbc8c36c
--- /dev/null
+++ b/packages/ai/src/lib/transforms/removeAIMarks.ts
@@ -0,0 +1,15 @@
+import type { Location } from 'slate';
+
+import { type SlateEditor, getRange, removeMark } from '@udecode/plate-common';
+
+import { AIPlugin } from '../../react/ai/AIPlugin';
+
+export const removeAIMarks = (
+  editor: SlateEditor,
+  { at = [] }: { at?: Location } = {}
+) => {
+  removeMark(editor, {
+    key: AIPlugin.key,
+    at: getRange(editor, at),
+  });
+};
diff --git a/packages/ai/src/lib/transforms/removeAINodes.ts b/packages/ai/src/lib/transforms/removeAINodes.ts
new file mode 100644
index 0000000000..875a23eb92
--- /dev/null
+++ b/packages/ai/src/lib/transforms/removeAINodes.ts
@@ -0,0 +1,15 @@
+import type { Path } from 'slate';
+
+import { type SlateEditor, isText, removeNodes } from '@udecode/plate-common';
+
+import { AIPlugin } from '../../react/ai/AIPlugin';
+
+export const removeAINodes = (
+  editor: SlateEditor,
+  { at = [] }: { at?: Path } = {}
+) => {
+  removeNodes(editor, {
+    at,
+    match: (n) => isText(n) && !!n[AIPlugin.key],
+  });
+};
diff --git a/packages/ai/src/lib/withTriggerAIMenu.ts b/packages/ai/src/lib/withTriggerAIMenu.ts
deleted file mode 100644
index 44e18acc6c..0000000000
--- a/packages/ai/src/lib/withTriggerAIMenu.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import type { ExtendEditor } from '@udecode/plate-core';
-
-import {
-  getAncestorNode,
-  getEditorString,
-  getNodeString,
-  getPointBefore,
-  getRange,
-} from '@udecode/plate-common';
-
-import type { BaseAIPluginConfig } from './BaseAIPlugin';
-
-export const withTriggerAIMenu: ExtendEditor<BaseAIPluginConfig> = ({
-  editor,
-  ...ctx
-}) => {
-  const { insertText } = editor;
-
-  const matchesTrigger = (text: string) => {
-    const { trigger } = ctx.getOptions();
-
-    if (trigger instanceof RegExp) {
-      return trigger.test(text);
-    }
-    if (Array.isArray(trigger)) {
-      return trigger.includes(text);
-    }
-
-    return text === trigger;
-  };
-
-  editor.insertText = (text) => {
-    const { triggerPreviousCharPattern, triggerQuery } = ctx.getOptions();
-
-    if (
-      !editor.selection ||
-      !matchesTrigger(text) ||
-      (triggerQuery && !triggerQuery(editor))
-    ) {
-      return insertText(text);
-    }
-
-    // Make sure an input is created at the beginning of line or after a whitespace
-    const previousChar = getEditorString(
-      editor,
-      getRange(
-        editor,
-        editor.selection,
-        getPointBefore(editor, editor.selection)
-      )
-    );
-
-    const matchesPreviousCharPattern =
-      triggerPreviousCharPattern?.test(previousChar);
-
-    if (matchesPreviousCharPattern) {
-      const nodeEntry = getAncestorNode(editor);
-
-      if (!nodeEntry) return insertText(text);
-
-      const [node] = nodeEntry;
-
-      // Make sure can only open menu in the first point
-      if (getNodeString(node).length > 0) return insertText(text);
-
-      const { onOpenAI } = ctx.getOptions();
-
-      if (onOpenAI) return onOpenAI(editor, nodeEntry);
-    }
-
-    return insertText(text);
-  };
-
-  return editor;
-};
diff --git a/packages/ai/src/react/ai-chat/AIChatPlugin.ts b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
index 3098065ff3..a0c64c197e 100644
--- a/packages/ai/src/react/ai-chat/AIChatPlugin.ts
+++ b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
@@ -5,32 +5,39 @@ import {
   type OmitFirst,
   type PluginConfig,
   bindFirst,
-  someNode,
-  withMerging,
 } from '@udecode/plate-common';
 import {
   type PlateEditor,
   createPlateEditor,
   createTPlatePlugin,
+  focusEditor,
 } from '@udecode/plate-common/react';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 
-import { AIPlugin } from '../ai/AIPlugin';
+import { acceptAIChat } from './transforms/acceptAIChat';
+import { insertBelowAIChat } from './transforms/insertBelowAIChat';
+import { replaceSelectionAIChat } from './transforms/replaceSelectionAIChat';
+import { undoAI } from './transforms/undoAI';
+import { useAIChatHooks } from './useAIChatHook';
 import {
-  type EditorPrompt,
   type EditorPromptParams,
   getEditorPrompt,
-} from '../ai/utils/getEditorPrompt';
-import {
-  acceptAIChat,
-  insertBelowAIChat,
-  replaceSelectionAIChat,
-} from './transforms/acceptAIChat';
-import { useAIChatHooks } from './useAIChatHook';
-import { withTriggerAIChat } from './withTriggerAIChat';
+} from './utils/getEditorPrompt';
+import { resetAIChat } from './utils/resetAIChat';
+import { submitAIChat } from './utils/submitAIChat';
+import { withAIChat } from './withAIChat';
 
 export type AIChatOptions = {
   chat: UseChatHelpers;
   createAIEditor: () => PlateEditor;
+  /**
+   * Specifies how the assistant message is handled:
+   *
+   * - 'insert': Directly inserts content into the editor without preview.
+   * - 'chat': Initiates an interactive session to review and refine content
+   *   before insertion.
+   */
+  mode: 'chat' | 'insert';
   open: boolean;
   /**
    * Template function for generating the user prompt. Supports the following
@@ -53,10 +60,10 @@ export type AIChatOptions = {
 export type AIChatApi = {
   hide: () => void;
   reload: () => void;
-  reset: () => void;
+  reset: OmitFirst<typeof resetAIChat>;
   show: () => void;
   stop: () => void;
-  submit: (options?: { prompt?: EditorPrompt; system?: EditorPrompt }) => void;
+  submit: OmitFirst<typeof submitAIChat>;
 };
 
 export type AIChatTransforms = {
@@ -75,13 +82,14 @@ export type AIChatPluginConfig = PluginConfig<
 export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
   key: 'aiChat',
   dependencies: ['ai'],
-  extendEditor: withTriggerAIChat,
+  extendEditor: withAIChat,
   options: {
     chat: { messages: [] } as any,
     createAIEditor: () =>
       createPlateEditor({
         id: 'ai',
       }),
+    mode: 'chat',
     open: false,
     promptTemplate: () => '{prompt}',
     scrollContainerSelector: '#scroll_container',
@@ -89,14 +97,18 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
     trigger: ' ',
     triggerPreviousCharPattern: /^\s?$/,
   },
-  useHooks: useAIChatHooks,
 })
-  .extendApi<Pick<AIChatApi, 'stop' | 'submit'>>(
-    ({ editor, getOptions, setOption }) => {
+  .extend(() => ({
+    useHooks: useAIChatHooks,
+  }))
+  .extendApi<Pick<AIChatApi, 'reset' | 'stop' | 'submit'>>(
+    ({ editor, getOptions }) => {
       return {
         reload: () => {
           const { chat } = getOptions();
 
+          editor.getTransforms(AIChatPlugin).aiChat.undoAI();
+
           void chat.reload({
             body: {
               system: getEditorPrompt(editor, {
@@ -105,77 +117,30 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
             },
           });
         },
+        reset: bindFirst(resetAIChat, editor),
         stop: () => {
           getOptions().chat.stop();
         },
-        submit: ({ prompt, system } = {}) => {
-          const { chat } = getOptions();
-
-          if (!prompt && chat.input.length === 0) {
-            return;
-          }
-          if (!prompt) {
-            prompt = chat.input;
-          }
-
-          chat.setInput('');
-
-          void chat.append(
-            {
-              content: getEditorPrompt(editor, { prompt }) ?? '',
-              role: 'user',
-            },
-            {
-              body: {
-                system: getEditorPrompt(editor, {
-                  prompt: system,
-                  promptTemplate: getOptions().systemTemplate,
-                }),
-              },
-            }
-          );
-        },
+        submit: bindFirst(submitAIChat, editor),
       };
     }
   )
-  .extendApi(({ api, editor, getOptions }) => ({
-    reset: () => {
-      api.aiChat.stop();
-
-      const chat = getOptions().chat;
-
-      if (chat.messages.length > 0) {
-        chat.setMessages([]);
-      }
-
-      const someAINodes = someNode(editor, {
-        match: (n) => !!n[AIPlugin.key],
-      });
-
-      if (!someAINodes) return;
-
-      withMerging(editor, () => {
-        editor.getTransforms(AIPlugin).ai.removeNodes();
-        // editor.getTransforms(AIPlugin).ai.removeMarks();
-      });
-
-      editor.history.undos.pop();
-    },
-  }))
-  .extendApi(({ api, getOptions, setOption }) => ({
+  .extendApi(({ api, editor, getOptions, setOption }) => ({
     hide: () => {
       api.aiChat.reset();
+
       setOption('open', false);
-      // focusEditor(editor);
+
+      if (editor.getOption(BlockSelectionPlugin, 'isSelectingSome')) {
+        // TODO
+        // editor.getApi(BlockSelectionPlugin).blockSelection.focus();
+      } else {
+        focusEditor(editor);
+      }
     },
     show: () => {
       api.aiChat.reset();
 
-      // const ancestor = getAncestorNode(editor);
-      // if (ancestor) {
-      //   aiPlugin.setOption('startPath', ancestor[1]);
-      // }
-
       getOptions().chat.setMessages([]);
 
       setOption('open', true);
@@ -185,4 +150,5 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
     accept: bindFirst(acceptAIChat, editor),
     insertBelow: bindFirst(insertBelowAIChat, editor),
     replaceSelection: bindFirst(replaceSelectionAIChat, editor),
+    undoAI: bindFirst(undoAI, editor),
   }));
diff --git a/packages/ai/src/react/ai-chat/hooks/index.ts b/packages/ai/src/react/ai-chat/hooks/index.ts
index 11b549a070..6474cf2cd6 100644
--- a/packages/ai/src/react/ai-chat/hooks/index.ts
+++ b/packages/ai/src/react/ai-chat/hooks/index.ts
@@ -2,4 +2,5 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './useChatChunk';
 export * from './useEditorChat';
diff --git a/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts b/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
new file mode 100644
index 0000000000..d863ca94aa
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/hooks/useChatChunk.ts
@@ -0,0 +1,58 @@
+import { useEffect, useRef } from 'react';
+
+import type { TText } from '@udecode/plate-common';
+
+import { useEditorPlugin } from '@udecode/plate-common/react';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+import { useLastAssistantMessage } from '../utils/getLastAssistantMessage';
+
+export const useChatChunk = ({
+  onChunk,
+  onFinish,
+}: {
+  onChunk: (chunk: { isFirst: boolean; nodes: TText[]; text: string }) => void;
+  onFinish?: ({ content }: { content: string }) => void;
+}) => {
+  const { useOption } = useEditorPlugin<AIChatPluginConfig>({ key: 'aiChat' });
+  const { isLoading } = useOption('chat');
+  const content = useLastAssistantMessage()?.content;
+  const insertedTextRef = useRef<string>('');
+  const prevIsLoadingRef = useRef(isLoading);
+
+  useEffect(() => {
+    if (!isLoading) {
+      insertedTextRef.current = '';
+    }
+    if (prevIsLoadingRef.current && !isLoading) {
+      onFinish?.({ content: content ?? '' });
+    }
+
+    prevIsLoadingRef.current = isLoading;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isLoading]);
+
+  useEffect(() => {
+    if (!content) {
+      return;
+    }
+
+    const chunk = content.slice(insertedTextRef.current.length);
+    const isFirst = insertedTextRef.current === '';
+    insertedTextRef.current = content;
+
+    const nodes: TText[] = [];
+
+    if (chunk) {
+      nodes.push({ text: chunk });
+      onChunk({
+        isFirst,
+        nodes,
+        text: content,
+      });
+    }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [content]);
+};
diff --git a/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts b/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
index 3d158f73d5..d8b9192a3c 100644
--- a/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
+++ b/packages/ai/src/react/ai-chat/hooks/useEditorChat.ts
@@ -14,12 +14,6 @@ import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 
 import { AIChatPlugin } from '../AIChatPlugin';
 
-export type EditorChatState =
-  | 'cursorCommand'
-  | 'cursorSuggestion'
-  | 'selectionCommand'
-  | 'selectionSuggestion';
-
 export type UseEditorChatOptions = {
   chat: UseChatHelpers;
   onOpenBlockSelection?: (blocks: TNodeEntry[]) => void;
@@ -58,13 +52,19 @@ export const useEditorChat = ({
 
         if (isBlockSelecting) {
           onOpenBlockSelection(blockSelectionApi.getNodes());
+
+          return;
         }
       }
       if (onOpenCursor && isCollapsed(editor.selection)) {
         onOpenCursor();
+
+        return;
       }
       if (onOpenSelection && isSelectionExpanded(editor)) {
         onOpenSelection();
+
+        return;
       }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/packages/ai/src/react/ai-chat/index.ts b/packages/ai/src/react/ai-chat/index.ts
index b56536c012..763b696a3b 100644
--- a/packages/ai/src/react/ai-chat/index.ts
+++ b/packages/ai/src/react/ai-chat/index.ts
@@ -4,7 +4,7 @@
 
 export * from './AIChatPlugin';
 export * from './useAIChatHook';
-export * from './withTriggerAIChat';
+export * from './withAIChat';
 export * from './hooks/index';
 export * from './transforms/index';
 export * from './utils/index';
diff --git a/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts b/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
index 85e33c5eee..0c138a900e 100644
--- a/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
+++ b/packages/ai/src/react/ai-chat/transforms/acceptAIChat.ts
@@ -1,123 +1,21 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-
-import {
-  type TElement,
-  getEndPoint,
-  insertNodes,
-  isEditorEmpty,
-  isElementEmpty,
-  nanoid,
-  withMerging,
-} from '@udecode/plate-common';
-import { focusEditor } from '@udecode/plate-common/react';
+import { withMerging } from '@udecode/plate-common';
 import {
-  BlockSelectionPlugin,
-  removeBlockSelectionNodes,
-} from '@udecode/plate-selection/react';
-import { cloneDeep } from 'lodash';
-import { Path, Range } from 'slate';
+  type PlateEditor,
+  focusEditor,
+  getEditorPlugin,
+} from '@udecode/plate-common/react';
 
 import type { AIChatPluginConfig } from '../AIChatPlugin';
 
-export const acceptAIChat = (editor: PlateEditor) => {
-  // const isBlockSelecting = editor.getOption(
-  //   BlockSelectionPlugin,
-  //   'isSelectingSome'
-  // );
-  // editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
-};
-
-export const replaceSelectionAIChat = (
-  editor: PlateEditor,
-  sourceEditor: PlateEditor
-) => {
-  const isBlockSelecting = editor.getOption(
-    BlockSelectionPlugin,
-    'isSelectingSome'
-  );
-
-  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
-  focusEditor(editor, getEndPoint(editor, editor.selection!));
-
-  if (isBlockSelecting) {
-    const firstBlockPath = editor
-      .getApi(BlockSelectionPlugin)
-      .blockSelection.getNodes()[0][1];
-
-    editor.withoutNormalizing(() => {
-      withMerging(editor, () => {
-        removeBlockSelectionNodes(editor);
-        insertBlocksAndSelect(editor, sourceEditor, { at: firstBlockPath });
-      });
-    });
-  } else {
-    if (isElementEmpty(editor, sourceEditor.children[0])) return;
-
-    editor.insertFragment(sourceEditor.children);
-    focusEditor(editor);
-  }
-};
-
-export const insertBelowAIChat = (
-  editor: PlateEditor,
-  sourceEditor: PlateEditor
-) => {
-  const isBlockSelecting = editor.getOption(
-    BlockSelectionPlugin,
-    'isSelectingSome'
-  );
-
-  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
-
-  if (isBlockSelecting) {
-    const selectedBlocks = editor
-      .getApi(BlockSelectionPlugin)
-      .blockSelection.getNodes();
-
-    const selectedIds = editor.getOptions(BlockSelectionPlugin).selectedIds;
-
-    if (!selectedIds || selectedIds.size === 0) return;
-
-    const lastBlock = selectedBlocks.at(-1);
-
-    if (!lastBlock) return;
-
-    const nextPath = Path.next(lastBlock[1]);
-
-    insertBlocksAndSelect(editor, sourceEditor, { at: nextPath });
-  } else {
-    const [, end] = Range.edges(editor.selection!);
-    const endPath = [end.path[0]];
-    insertBlocksAndSelect(editor, sourceEditor, { at: Path.next(endPath) });
-  }
-};
-
-const insertBlocksAndSelect = (
-  editor: PlateEditor,
-  sourceEditor: PlateEditor,
-  { at }: { at: Path }
-) => {
-  if (!sourceEditor) return;
-  if (isEditorEmpty(sourceEditor)) return;
+import { AIPlugin } from '../../ai/AIPlugin';
 
-  const nodes: TElement[] = cloneDeep(sourceEditor.children);
-
-  const ids: string[] = [];
+export const acceptAIChat = (editor: PlateEditor) => {
+  const { tf } = getEditorPlugin(editor, AIPlugin);
 
-  nodes.forEach((node) => {
-    const id = nanoid();
-    ids.push(id);
-    node.id = id;
+  withMerging(editor, () => {
+    tf.ai.removeMarks();
   });
 
-  insertNodes(editor, nodes, { at: at });
-
-  // TODO check needed?
-  focusEditor(editor, getEndPoint(editor, editor.selection!));
-
-  setTimeout(() => {
-    editor
-      .getApi(BlockSelectionPlugin)
-      .blockSelection.setSelectedIds({ ids } as any);
-  }, 0);
+  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+  focusEditor(editor);
 };
diff --git a/packages/ai/src/react/ai-chat/transforms/index.ts b/packages/ai/src/react/ai-chat/transforms/index.ts
index cffa7970ca..48572fd8aa 100644
--- a/packages/ai/src/react/ai-chat/transforms/index.ts
+++ b/packages/ai/src/react/ai-chat/transforms/index.ts
@@ -3,4 +3,6 @@
  */
 
 export * from './acceptAIChat';
-export * from './streamAINodes';
+export * from './insertBelowAIChat';
+export * from './replaceSelectionAIChat';
+export * from './undoAI';
diff --git a/packages/ai/src/react/ai-chat/transforms/insertBelowAIChat.ts b/packages/ai/src/react/ai-chat/transforms/insertBelowAIChat.ts
new file mode 100644
index 0000000000..6ab3021725
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/insertBelowAIChat.ts
@@ -0,0 +1,53 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { isEditorEmpty } from '@udecode/plate-common';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { cloneDeep } from 'lodash';
+import { Path, Range } from 'slate';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+export const insertBelowAIChat = (
+  editor: PlateEditor,
+  sourceEditor: PlateEditor
+) => {
+  if (!sourceEditor || isEditorEmpty(sourceEditor)) return;
+
+  const isBlockSelecting = editor.getOption(
+    BlockSelectionPlugin,
+    'isSelectingSome'
+  );
+
+  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+
+  const insertBlocksAndSelect =
+    editor.getTransforms(BlockSelectionPlugin).blockSelection
+      .insertBlocksAndSelect;
+
+  if (isBlockSelecting) {
+    const selectedBlocks = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getNodes();
+
+    const selectedIds = editor.getOptions(BlockSelectionPlugin).selectedIds;
+
+    if (!selectedIds || selectedIds.size === 0) return;
+
+    const lastBlock = selectedBlocks.at(-1);
+
+    if (!lastBlock) return;
+
+    const nextPath = Path.next(lastBlock[1]);
+
+    insertBlocksAndSelect(cloneDeep(sourceEditor.children), {
+      at: nextPath,
+    });
+  } else {
+    const [, end] = Range.edges(editor.selection!);
+    const endPath = [end.path[0]];
+
+    insertBlocksAndSelect(cloneDeep(sourceEditor.children), {
+      at: Path.next(endPath),
+    });
+  }
+};
diff --git a/packages/ai/src/react/ai-chat/transforms/replaceSelectionAIChat.ts b/packages/ai/src/react/ai-chat/transforms/replaceSelectionAIChat.ts
new file mode 100644
index 0000000000..a929db50ca
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/replaceSelectionAIChat.ts
@@ -0,0 +1,49 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { isEditorEmpty, withMerging } from '@udecode/plate-common';
+import { focusEditor } from '@udecode/plate-common/react';
+import {
+  BlockSelectionPlugin,
+  removeBlockSelectionNodes,
+} from '@udecode/plate-selection/react';
+import { cloneDeep } from 'lodash';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+export const replaceSelectionAIChat = (
+  editor: PlateEditor,
+  sourceEditor: PlateEditor
+) => {
+  if (!sourceEditor || isEditorEmpty(sourceEditor)) return;
+
+  const isBlockSelecting = editor.getOption(
+    BlockSelectionPlugin,
+    'isSelectingSome'
+  );
+
+  editor.getApi<AIChatPluginConfig>({ key: 'ai' }).aiChat.hide();
+
+  if (isBlockSelecting) {
+    const firstBlockPath = editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.getNodes()[0][1];
+
+    editor.withoutNormalizing(() => {
+      removeBlockSelectionNodes(editor);
+
+      withMerging(editor, () => {
+        editor
+          .getTransforms(BlockSelectionPlugin)
+          .blockSelection.insertBlocksAndSelect(
+            cloneDeep(sourceEditor.children),
+            {
+              at: firstBlockPath,
+            }
+          );
+      });
+    });
+  } else {
+    editor.insertFragment(sourceEditor.children);
+    focusEditor(editor);
+  }
+};
diff --git a/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts b/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
deleted file mode 100644
index f37da2fce9..0000000000
--- a/packages/ai/src/react/ai-chat/transforms/streamAINodes.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-import type { Message } from 'ai';
-import type { Path } from 'slate';
-
-import { nanoid } from '@udecode/plate-common';
-import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
-
-import type { AIChatPluginConfig } from '../AIChatPlugin';
-
-import {
-  type EditorPrompt,
-  getEditorPrompt,
-} from '../../ai/utils/getEditorPrompt';
-
-export const streamAINodes = async (
-  editor: PlateEditor,
-  {
-    prompt,
-    system,
-    target = editor.selection?.focus.path,
-  }: {
-    prompt: EditorPrompt;
-    system?: string;
-    target?: Path;
-  }
-) => {
-  const { api, getOptions, setOption, setOptions, tf } =
-    getEditorPlugin<AIChatPluginConfig>(editor, { key: 'ai' });
-
-  const finalPrompt =
-    getEditorPrompt(editor, {
-      prompt,
-      promptTemplate: getOptions().promptTemplate,
-    }) ?? '';
-
-  const newMessages: Message[] = [
-    { id: nanoid(), content: finalPrompt, role: 'user' },
-  ];
-
-  if (system) {
-    newMessages.unshift({ id: nanoid(), content: system, role: 'system' });
-  }
-
-  setOptions({
-    // isLoading: true,
-    // chat: { messages: newMessages },
-  });
-
-  // let isFirstInsert = true;
-
-  // const { text } = await api.ai.streamText({
-  //   abortController,
-  //   fetchStream: editor.getOptions<AIPluginConfig>({ key: 'ai' }).fetchStream!,
-  //   prompt: finalPrompt,
-  //   system: system ?? PROMPTS.systemDefault,
-  //   onChunk: (chunk) => {
-  //     if (!target || !getEndPoint(editor, target)) return;
-
-  //     const text = api.ai.stripText(chunk);
-  //     tf.ai.insertNodes(text, { isFirst: isFirstInsert, target });
-  //     isFirstInsert = false;
-  //   },
-  //   // onStatusChange: (status) => {
-  //   //   setOption('status', status);
-  //   // },
-  // });
-
-  // if (text.length === 0) {
-  //   setOptions({
-  //     isLoading: false,
-  //     messages: newMessages,
-  //   });
-
-  //   return { text: '' };
-  // }
-
-  // setOptions({
-  //   isLoading: false,
-  //   messages: [
-  //     ...newMessages,
-  //     { id: nanoid(), content: text, role: 'assistant' },
-  //   ],
-  // });
-
-  // return { text };
-
-  return { text: '' };
-};
diff --git a/packages/ai/src/react/ai-chat/transforms/undoAI.ts b/packages/ai/src/react/ai-chat/transforms/undoAI.ts
new file mode 100644
index 0000000000..c1793afb98
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/transforms/undoAI.ts
@@ -0,0 +1,14 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+import { AIChatPlugin } from '../AIChatPlugin';
+
+export const undoAI = (editor: PlateEditor) => {
+  const { messages } = editor.getOption(AIChatPlugin, 'chat');
+
+  if (messages.length > 0) {
+    editor.undo();
+    editor.history.redos.pop();
+  } else {
+    console.warn('Can not using undoAI when there is no output');
+  }
+};
diff --git a/packages/ai/src/react/ai-chat/useAIChatHook.ts b/packages/ai/src/react/ai-chat/useAIChatHook.ts
index c8d2b67d78..cc47037907 100644
--- a/packages/ai/src/react/ai-chat/useAIChatHook.ts
+++ b/packages/ai/src/react/ai-chat/useAIChatHook.ts
@@ -1,11 +1,38 @@
+import { getBlockAbove } from '@udecode/plate-common';
+import { useEditorPlugin } from '@udecode/plate-common/react';
+import { deserializeInlineMd } from '@udecode/plate-markdown';
+
+import type { AIPluginConfig } from '../ai/AIPlugin';
+import type { AIChatPluginConfig } from './AIChatPlugin';
+
+import { useChatChunk } from './hooks/useChatChunk';
+
 export const useAIChatHooks = () => {
-  // const { getOptions, setOptions } = useEditorPlugin<AIChatPluginConfig>({
-  //   key: 'aiChat',
-  // });
-  // useEffect(() => {
-  //   setTimeout(() => {
-  //     const editor = getOptions().createAIEditor();
-  //     setOptions({ aiEditor: editor });
-  //   }, 0);
-  // }, [setOptions, getOptions]);
+  const { editor, tf } = useEditorPlugin<AIPluginConfig>({ key: 'ai' });
+  const { useOption } = useEditorPlugin<AIChatPluginConfig>({ key: 'aiChat' });
+  const mode = useOption('mode');
+
+  useChatChunk({
+    onChunk: ({ isFirst, nodes }) => {
+      if (mode === 'insert' && nodes.length > 0) {
+        tf.ai.insertNodes(nodes, { history: isFirst ? 'default' : 'merge' });
+      }
+    },
+    onFinish: ({ content }) => {
+      if (mode !== 'insert') return;
+
+      const blockAbove = getBlockAbove(editor);
+
+      if (!blockAbove) return;
+
+      editor.undo();
+      editor.history.redos.pop();
+
+      setTimeout(() => {
+        const nodes = deserializeInlineMd(editor, content);
+
+        tf.ai.insertNodes(nodes);
+      }, 0);
+    },
+  });
 };
diff --git a/packages/ai/src/react/ai/utils/getEditorPrompt.ts b/packages/ai/src/react/ai-chat/utils/getEditorPrompt.ts
similarity index 91%
rename from packages/ai/src/react/ai/utils/getEditorPrompt.ts
rename to packages/ai/src/react/ai-chat/utils/getEditorPrompt.ts
index 4b0631fb91..02c12da72d 100644
--- a/packages/ai/src/react/ai/utils/getEditorPrompt.ts
+++ b/packages/ai/src/react/ai-chat/utils/getEditorPrompt.ts
@@ -33,7 +33,7 @@ const replacePlaceholders = (
     prompt?: string;
   }
 ): string => {
-  let result = text;
+  let result = text.replace('{prompt}', prompt || '');
 
   const placeholders: Record<string, MarkdownType> = {
     '{block}': 'block',
@@ -42,13 +42,11 @@ const replacePlaceholders = (
   };
 
   Object.entries(placeholders).forEach(([placeholder, type]) => {
-    if (text.includes(placeholder)) {
+    if (result.includes(placeholder)) {
       result = result.replace(placeholder, getMarkdown(editor, type));
     }
   });
 
-  result = result.replace('{prompt}', prompt || '');
-
   return result;
 };
 
@@ -59,9 +57,9 @@ const createPromptFromConfig = (
   const { isBlockSelecting, isSelecting } = params;
 
   if (isBlockSelecting && config.blockSelecting) {
-    return config.blockSelecting;
+    return config.blockSelecting ?? config.default;
   } else if (isSelecting && config.selecting) {
-    return config.selecting;
+    return config.selecting ?? config.default;
   } else {
     return config.default;
   }
diff --git a/packages/ai/src/react/ai/utils/getMarkdown.ts b/packages/ai/src/react/ai-chat/utils/getMarkdown.ts
similarity index 98%
rename from packages/ai/src/react/ai/utils/getMarkdown.ts
rename to packages/ai/src/react/ai-chat/utils/getMarkdown.ts
index d0fbdbb22b..bb01837b5a 100644
--- a/packages/ai/src/react/ai/utils/getMarkdown.ts
+++ b/packages/ai/src/react/ai-chat/utils/getMarkdown.ts
@@ -8,6 +8,7 @@ import {
 import { serializeMd, serializeMdNodes } from '@udecode/plate-markdown';
 import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 
+// Internal
 export const getMarkdown = (
   editor: PlateEditor,
   type: 'block' | 'editor' | 'selection'
diff --git a/packages/ai/src/react/ai-chat/utils/index.ts b/packages/ai/src/react/ai-chat/utils/index.ts
index c051b35890..25a9af8baa 100644
--- a/packages/ai/src/react/ai-chat/utils/index.ts
+++ b/packages/ai/src/react/ai-chat/utils/index.ts
@@ -2,4 +2,8 @@
  * @file Automatically generated by barrelsby.
  */
 
+export * from './getEditorPrompt';
 export * from './getLastAssistantMessage';
+export * from './getMarkdown';
+export * from './resetAIChat';
+export * from './submitAIChat';
diff --git a/packages/ai/src/react/ai-chat/utils/resetAIChat.ts b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
new file mode 100644
index 0000000000..c864f70066
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
@@ -0,0 +1,21 @@
+import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+
+import type { AIChatPluginConfig } from '../AIChatPlugin';
+
+import { AIPlugin } from '../../ai/AIPlugin';
+
+export const resetAIChat = (editor: PlateEditor) => {
+  const { api, getOptions } = getEditorPlugin<AIChatPluginConfig>(editor, {
+    key: 'aiChat',
+  });
+
+  api.aiChat.stop();
+
+  const chat = getOptions().chat;
+
+  if (chat.messages.length > 0) {
+    chat.setMessages([]);
+  }
+
+  editor.getTransforms(AIPlugin).ai.removeNodes();
+};
diff --git a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
new file mode 100644
index 0000000000..974cfdd1de
--- /dev/null
+++ b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
@@ -0,0 +1,66 @@
+import { type PlateEditor, getEditorPlugin } from '@udecode/plate-common/react';
+import { isSelecting } from '@udecode/plate-selection';
+
+import { type AIChatPluginConfig, AIChatPlugin } from '../AIChatPlugin';
+import { type EditorPrompt, getEditorPrompt } from './getEditorPrompt';
+
+export const submitAIChat = (
+  editor: PlateEditor,
+  {
+    mode,
+    prompt,
+    system,
+  }: {
+    mode?: 'chat' | 'insert';
+    prompt?: EditorPrompt;
+    system?: EditorPrompt;
+  } = {}
+) => {
+  const { getOptions, setOption } = getEditorPlugin<AIChatPluginConfig>(
+    editor,
+    {
+      key: 'aiChat',
+    }
+  );
+  const { chat, promptTemplate, systemTemplate } = getOptions();
+
+  if (!prompt && chat.input.length === 0) {
+    return;
+  }
+  if (!prompt) {
+    prompt = chat.input;
+  }
+  if (!mode) {
+    if (isSelecting(editor)) {
+      mode = 'chat';
+    } else {
+      mode = 'insert';
+    }
+  }
+  if (chat.messages.length > 0) {
+    editor.getTransforms(AIChatPlugin).aiChat.undoAI();
+  }
+
+  setOption('mode', mode);
+
+  chat.setInput('');
+
+  void chat.append(
+    {
+      content:
+        getEditorPrompt(editor, {
+          prompt,
+          promptTemplate,
+        }) ?? '',
+      role: 'user',
+    },
+    {
+      body: {
+        system: getEditorPrompt(editor, {
+          prompt: system,
+          promptTemplate: systemTemplate,
+        }),
+      },
+    }
+  );
+};
diff --git a/packages/ai/src/react/ai-chat/withTriggerAIChat.ts b/packages/ai/src/react/ai-chat/withAIChat.ts
similarity index 78%
rename from packages/ai/src/react/ai-chat/withTriggerAIChat.ts
rename to packages/ai/src/react/ai-chat/withAIChat.ts
index 518c727d74..b60d9e0403 100644
--- a/packages/ai/src/react/ai-chat/withTriggerAIChat.ts
+++ b/packages/ai/src/react/ai-chat/withAIChat.ts
@@ -11,12 +11,15 @@ import {
 
 import type { AIChatPluginConfig } from './AIChatPlugin';
 
-export const withTriggerAIChat: ExtendEditor<AIChatPluginConfig> = ({
+import { AIPlugin } from '../ai/AIPlugin';
+
+export const withAIChat: ExtendEditor<AIChatPluginConfig> = ({
   api,
   editor,
   getOptions,
 }) => {
-  const { insertText } = editor;
+  const tf = editor.getTransforms(AIPlugin);
+  const { insertText, normalizeNode } = editor;
 
   const matchesTrigger = (text: string) => {
     const { trigger } = getOptions();
@@ -31,6 +34,18 @@ export const withTriggerAIChat: ExtendEditor<AIChatPluginConfig> = ({
     return text === trigger;
   };
 
+  editor.normalizeNode = (entry) => {
+    const [node, path] = entry;
+
+    if (node[AIPlugin.key] && !getOptions().open) {
+      tf.ai.removeMarks({ at: path });
+
+      return;
+    }
+
+    return normalizeNode(entry);
+  };
+
   editor.insertText = (text) => {
     const { triggerPreviousCharPattern, triggerQuery } = getOptions();
 
diff --git a/packages/ai/src/react/ai/AIPlugin.ts b/packages/ai/src/react/ai/AIPlugin.ts
index c311388706..86d285c239 100644
--- a/packages/ai/src/react/ai/AIPlugin.ts
+++ b/packages/ai/src/react/ai/AIPlugin.ts
@@ -1,64 +1,9 @@
-import type { Path } from 'slate';
+import type { ExtendConfig } from '@udecode/plate-common';
 
-import {
-  type ExtendConfig,
-  type OmitFirst,
-  bindFirst,
-} from '@udecode/plate-common';
-import { toTPlatePlugin } from '@udecode/plate-common/react';
-import { stripMarkdown } from '@udecode/plate-markdown';
+import { toPlatePlugin } from '@udecode/plate-common/react';
 
 import { type BaseAIPluginConfig, BaseAIPlugin } from '../../lib';
-import { streamAINodes } from '../ai-chat/transforms/streamAINodes';
-import { removeAIMarks } from './transforms';
-import { insertAINodes } from './transforms/insertAINodes';
-import { removeAINodes } from './transforms/removeAINodes';
-import { streamText } from './utils/streamText';
 
-export interface AIStreamProps {
-  abortSignal: AbortController;
-  prompt: string;
-  system?: string;
-}
+export type AIPluginConfig = ExtendConfig<BaseAIPluginConfig>;
 
-export type AIOptions = {
-  // unused
-  startPath: Path;
-};
-
-export type AIApi = {
-  streamText: typeof streamText;
-  stripText: typeof stripMarkdown;
-};
-
-export type AITransforms = {
-  insertNodes: OmitFirst<typeof insertAINodes>;
-  removeMarks: OmitFirst<typeof removeAIMarks>;
-  removeNodes: OmitFirst<typeof removeAINodes>;
-  streamNodes: OmitFirst<typeof streamAINodes>;
-};
-
-export type AIPluginConfig = ExtendConfig<
-  BaseAIPluginConfig,
-  AIOptions,
-  { ai: AIApi },
-  { ai: AITransforms }
->;
-
-export const AIPlugin = toTPlatePlugin<AIPluginConfig>(BaseAIPlugin, {
-  options: {
-    startPath: [],
-  },
-})
-  .extendTransforms(({ editor }) => ({
-    insertNodes: bindFirst(insertAINodes, editor),
-    removeMarks: bindFirst(removeAIMarks, editor),
-    removeNodes: bindFirst(removeAINodes, editor),
-    streamNodes: bindFirst(streamAINodes, editor),
-    // Function to reload the last AI chat response for the given chat history. If the last message isn't from the assistant, it will request the API to generate a new response.
-    // reload
-  }))
-  .extendApi<AIApi>(() => ({
-    streamText: streamText,
-    stripText: stripMarkdown,
-  }));
+export const AIPlugin = toPlatePlugin(BaseAIPlugin);
diff --git a/packages/ai/src/react/ai/index.ts b/packages/ai/src/react/ai/index.ts
index bde51d852d..6da6558c30 100644
--- a/packages/ai/src/react/ai/index.ts
+++ b/packages/ai/src/react/ai/index.ts
@@ -3,5 +3,3 @@
  */
 
 export * from './AIPlugin';
-export * from './transforms/index';
-export * from './utils/index';
diff --git a/packages/ai/src/react/ai/transforms/insertAINodes.ts b/packages/ai/src/react/ai/transforms/insertAINodes.ts
deleted file mode 100644
index 3c9138a78d..0000000000
--- a/packages/ai/src/react/ai/transforms/insertAINodes.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-import type { Path } from 'slate';
-
-import { getEndPoint, insertNodes, withMerging } from '@udecode/plate-common';
-
-import { AIPlugin } from '../AIPlugin';
-
-export const insertAINodes = (
-  editor: PlateEditor,
-  text: string,
-  {
-    isFirst,
-    target,
-  }: {
-    target: Path;
-    isFirst?: boolean;
-  }
-) => {
-  const insert = () => {
-    insertNodes(
-      editor,
-      { [AIPlugin.key]: true, text },
-      {
-        at: getEndPoint(editor, target),
-      }
-    );
-  };
-
-  if (isFirst) {
-    insert();
-  } else {
-    withMerging(editor, insert);
-  }
-};
diff --git a/packages/ai/src/react/ai/transforms/removeAIMarks.ts b/packages/ai/src/react/ai/transforms/removeAIMarks.ts
deleted file mode 100644
index fb9eae3931..0000000000
--- a/packages/ai/src/react/ai/transforms/removeAIMarks.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-
-import { getRange, removeMark } from '@udecode/plate-common';
-
-import { AIPlugin } from '../AIPlugin';
-
-export const removeAIMarks = (editor: PlateEditor) => {
-  removeMark(editor, {
-    key: AIPlugin.key,
-    at: getRange(editor, []),
-  });
-};
diff --git a/packages/ai/src/react/ai/transforms/removeAINodes.ts b/packages/ai/src/react/ai/transforms/removeAINodes.ts
deleted file mode 100644
index ee25253ff3..0000000000
--- a/packages/ai/src/react/ai/transforms/removeAINodes.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { PlateEditor } from '@udecode/plate-common/react';
-
-import { isText, removeNodes } from '@udecode/plate-common';
-
-import { AIPlugin } from '../AIPlugin';
-
-export const removeAINodes = (editor: PlateEditor) => {
-  removeNodes(editor, {
-    at: [],
-    match: (n) => isText(n) && !!n[AIPlugin.key],
-  });
-};
diff --git a/packages/ai/src/react/ai/utils/index.ts b/packages/ai/src/react/ai/utils/index.ts
deleted file mode 100644
index 85f1eec62a..0000000000
--- a/packages/ai/src/react/ai/utils/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * @file Automatically generated by barrelsby.
- */
-
-export * from './getEditorPrompt';
-export * from './getMarkdown';
-export * from './streamText';
diff --git a/packages/ai/src/react/ai/utils/streamText.ts b/packages/ai/src/react/ai/utils/streamText.ts
deleted file mode 100644
index 5d84875b26..0000000000
--- a/packages/ai/src/react/ai/utils/streamText.ts
+++ /dev/null
@@ -1,119 +0,0 @@
-'use client';
-
-export const streamText = async ({
-  abortController,
-  prompt,
-  system,
-  onChunk,
-  // onStatusChange,
-}: {
-  abortController: AbortController;
-  prompt: string;
-  system: string;
-  onChunk: (chunk: string) => Promise<void> | void;
-  // onStatusChange?: (status: AIStatus) => void;
-}) => {
-  const fullText = '';
-
-  try {
-    // const response = await fetchStream({
-    //   abortSignal: abortController,
-    //   prompt,
-    //   system,
-    // }).catch((error) => {
-    //   // onStatusChange?.('error');
-    //   return error;
-    // });
-    // const reader = response.getReader();
-    // const decoder = new TextDecoder();
-    // // onStatusChange?.('streaming');
-    // while (true) {
-    //   const { done, value } = await reader.read();
-    //   if (done) break;
-    //   if (value) {
-    //     const chunk = decoder.decode(value);
-    //     if (typeof chunk !== 'string' || chunk.length === 0) continue;
-    //     fullText += chunk;
-    //     await onChunk(chunk);
-    //   }
-    // }
-  } catch {
-    // onStatusChange?.('error');
-  }
-
-  return { text: fullText };
-};
-
-// export const _streamTraversal = async (
-//   editor: PlateEditor,
-//   fn: (delta: string | null, done: boolean) => void,
-//   { prompt, system }: StreamTraversalOptions
-// ) => {
-//   editor.setOptions(AIPlugin, { status: 'streaming' });
-
-//   // Mock the reader and decoder
-//   const arr = [
-//     { done: false, value: `Hello` },
-//     { done: false, value: `Hello` },
-//     { done: false, value: `Hello` },
-//     { done: true, value: `Hello` },
-//     // { done: false, value: `3. You can also open the AI menu by using slash` },
-//     // { done: false, value: ` command` },
-//     // {
-//     //   done: false,
-//     //   value: `'. Type '/' in the following block or end of this block.`,
-//     // },
-//     // {
-//     //   done: true,
-//     //   value: `\n\n<br>\n\n### Additional Tips for Using the AI Menu\n4`,
-//     // },
-//     // {
-//     //   done: true,
-//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu\n4`,
-//     // },
-//     // {
-//     //   done: true,
-//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu`,
-//     // },
-//     // {
-//     //   done: true,
-//     //   value: `## Additional Tips for Using tasdasdasdasdasdasdasdadasdasdasdasdadahe AI Menu`,
-//     // },
-//   ];
-
-//   let currentIndex = 0;
-
-//   const mockReader = {
-//     read: async () => {
-//       // Simulate some async delay
-//       await new Promise((resolve) => setTimeout(resolve, 100));
-
-//       if (currentIndex >= arr.length) {
-//         return { done: true, value: undefined };
-//       } else {
-//         const value = arr[currentIndex].value;
-//         currentIndex++;
-
-//         return { done: false, value: new TextEncoder().encode(value) };
-//       }
-//     },
-//   };
-
-//   const mockDecoder = {
-//     decode: (value: Uint8Array) => new TextDecoder().decode(value),
-//   };
-
-//   while (true) {
-//     const { done, value } = await mockReader.read();
-
-//     if (done) {
-//       fn(null, done);
-
-//       break;
-//     }
-//     if (value) {
-//       const delta = mockDecoder.decode(value);
-//       fn(delta, done);
-//     }
-//   }
-// };
diff --git a/packages/ai/src/react/copilot/CopilotPlugin.tsx b/packages/ai/src/react/copilot/CopilotPlugin.tsx
index af8fae4db0..84e81dec49 100644
--- a/packages/ai/src/react/copilot/CopilotPlugin.tsx
+++ b/packages/ai/src/react/copilot/CopilotPlugin.tsx
@@ -2,6 +2,8 @@
 
 import type React from 'react';
 
+import type { DebouncedFunc } from 'lodash';
+
 import {
   type OmitFirst,
   type PluginConfig,
@@ -165,12 +167,17 @@ export const CopilotPlugin = createTPlatePlugin<CopilotPluginConfig>({
       return true;
     },
   },
+  handlers: {
+    onBlur: ({ api }) => {
+      api.copilot.reset();
+    },
+  },
 })
   .extendOptions<Required<CopilotSelectors>>(({ getOptions }) => ({
     isSuggested: (id) => getOptions().suggestionNodeId === id,
   }))
   .extendApi<Omit<CopilotApi, 'reset'>>(
-    ({ editor, getOptions, setOption, setOptions }) => ({
+    ({ api, editor, getOptions, setOption, setOptions }) => ({
       accept: bindFirst(acceptCopilot, editor),
       acceptNextWord: bindFirst(acceptCopilotNextWord, editor),
       setBlockSuggestion: ({ id = getOptions().suggestionNodeId, text }) => {
@@ -186,6 +193,8 @@ export const CopilotPlugin = createTPlatePlugin<CopilotPluginConfig>({
       stop: () => {
         const { abortController } = getOptions();
 
+        (api.copilot.triggerSuggestion as DebouncedFunc<any>)?.cancel();
+
         if (abortController) {
           abortController.abort();
           setOption('abortController', null);
diff --git a/packages/ai/src/react/copilot/withCopilot.ts b/packages/ai/src/react/copilot/withCopilot.ts
index a4b4faf744..e6513af96e 100644
--- a/packages/ai/src/react/copilot/withCopilot.ts
+++ b/packages/ai/src/react/copilot/withCopilot.ts
@@ -1,7 +1,11 @@
-import type { ExtendEditor, PlateEditor } from '@udecode/plate-common/react';
 import type { BaseOperation } from 'slate';
 
 import { withoutMergingHistory } from '@udecode/plate-common';
+import {
+  type ExtendEditor,
+  type PlateEditor,
+  isEditorFocused,
+} from '@udecode/plate-common/react';
 import { serializeInlineMd } from '@udecode/plate-markdown';
 import debounce from 'lodash/debounce.js';
 
@@ -101,6 +105,7 @@ export const withCopilot: ExtendEditor<CopilotPluginConfig> = ({
   };
 
   editor.apply = (operation) => {
+    // console.log('🚀 ~ operation:', operation);
     const { shouldAbort } = getOptions();
 
     if (shouldAbort) {
@@ -129,7 +134,7 @@ export const withCopilot: ExtendEditor<CopilotPluginConfig> = ({
   };
 
   editor.setSelection = (selection) => {
-    if (getOptions().autoTriggerQuery!({ editor })) {
+    if (getOptions().autoTriggerQuery!({ editor }) && isEditorFocused(editor)) {
       void api.copilot.triggerSuggestion();
     }
 
diff --git a/packages/selection/src/react/BlockSelectionPlugin.tsx b/packages/selection/src/react/BlockSelectionPlugin.tsx
index a30fd68e55..624b3df9dd 100644
--- a/packages/selection/src/react/BlockSelectionPlugin.tsx
+++ b/packages/selection/src/react/BlockSelectionPlugin.tsx
@@ -36,6 +36,7 @@ import { BlockSelectable } from './components/BlockSelectable';
 import { useSelectionArea } from './hooks/useSelectionArea';
 import { onKeyDownSelection } from './onKeyDownSelection';
 import { duplicateBlockSelectionNodes } from './transforms/duplicateBlockSelectionNodes';
+import { insertBlocksAndSelect } from './transforms/insertBlocksAndSelect';
 import { removeBlockSelectionNodes } from './transforms/removeBlockSelectionNodes';
 import { selectBlockSelectionNodes } from './transforms/selectBlockSelectionNodes';
 import {
@@ -370,6 +371,7 @@ export const BlockSelectionPlugin = createTPlatePlugin<BlockSelectionConfig>({
   }))
   .extendTransforms(({ editor }) => ({
     duplicate: bindFirst(duplicateBlockSelectionNodes, editor),
+    insertBlocksAndSelect: bindFirst(insertBlocksAndSelect, editor),
     removeNodes: bindFirst(removeBlockSelectionNodes, editor),
     select: bindFirst(selectBlockSelectionNodes, editor),
     setIndent: bindFirst(setBlockSelectionIndent, editor),
diff --git a/packages/selection/src/react/transforms/insertBlocksAndSelect.ts b/packages/selection/src/react/transforms/insertBlocksAndSelect.ts
new file mode 100644
index 0000000000..8f3f6721de
--- /dev/null
+++ b/packages/selection/src/react/transforms/insertBlocksAndSelect.ts
@@ -0,0 +1,28 @@
+import type { PlateEditor } from '@udecode/plate-common/react';
+import type { Path } from 'slate';
+
+import { type TElement, insertNodes, nanoid } from '@udecode/plate-common';
+
+import { BlockSelectionPlugin } from '../BlockSelectionPlugin';
+
+export const insertBlocksAndSelect = (
+  editor: PlateEditor,
+  nodes: TElement[],
+  { at }: { at: Path }
+) => {
+  const ids: string[] = [];
+
+  nodes.forEach((node) => {
+    const id = nanoid();
+    ids.push(id);
+    node.id = id;
+  });
+
+  insertNodes(editor, nodes, { at: at });
+
+  setTimeout(() => {
+    editor
+      .getApi(BlockSelectionPlugin)
+      .blockSelection.setSelectedIds({ ids } as any);
+  }, 0);
+};

From 37213ebaca1824d1c0b382bae5d04a7dde9ce0ef Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 19 Oct 2024 18:33:40 +0800
Subject: [PATCH 085/127] docs

---
 .changeset/curvy-mice-relate.md | 5 +++++
 .changeset/sour-cobras-tease.md | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/curvy-mice-relate.md

diff --git a/.changeset/curvy-mice-relate.md b/.changeset/curvy-mice-relate.md
new file mode 100644
index 0000000000..69a2c6245a
--- /dev/null
+++ b/.changeset/curvy-mice-relate.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-markdown': patch
+---
+
+New `deserializeInlineMd` `serializeInlineMd` `stripMarkdownBlocks` `stripMarkdownInline`
diff --git a/.changeset/sour-cobras-tease.md b/.changeset/sour-cobras-tease.md
index ba1d3ac4a0..e8f705a775 100644
--- a/.changeset/sour-cobras-tease.md
+++ b/.changeset/sour-cobras-tease.md
@@ -2,4 +2,4 @@
 '@udecode/plate-ai': patch
 ---
 
-Refactor `CopilotPlugin`, `AIPlugin` is wip.
+ `CopilotPlugin`, `AIPlugin` is ready from this version.

From e900d07ce5c90bef96877445b89cbecadf1d954f Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Sun, 20 Oct 2024 19:45:35 +0200
Subject: [PATCH 086/127] style

---
 apps/www/src/components/code-block-wrapper.tsx | 2 +-
 apps/www/src/components/component-source.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/components/code-block-wrapper.tsx b/apps/www/src/components/code-block-wrapper.tsx
index 5c2afee7cf..c26701b8d2 100644
--- a/apps/www/src/components/code-block-wrapper.tsx
+++ b/apps/www/src/components/code-block-wrapper.tsx
@@ -44,7 +44,7 @@ export function CodeBlockWrapper({
         </CollapsibleContent>
         <div
           className={cn(
-            'absolute flex items-center justify-center bg-gradient-to-b from-zinc-700/30 to-zinc-950/90 p-2',
+            'absolute flex items-center justify-center bg-gradient-to-b from-zinc-700/30 to-zinc-950/90 px-2 py-1',
             isOpened ? 'inset-x-0 bottom-0 h-12' : 'inset-0'
           )}
         >
diff --git a/apps/www/src/components/component-source.tsx b/apps/www/src/components/component-source.tsx
index 69a4775579..2b9f29205c 100644
--- a/apps/www/src/components/component-source.tsx
+++ b/apps/www/src/components/component-source.tsx
@@ -33,7 +33,7 @@ export function ComponentSource({
         <Button
           size="none"
           variant="ghost"
-          className="mb-1 w-fit select-auto px-4 py-1 text-sm font-medium text-foreground"
+          className="w-fit select-auto px-4 py-1 text-sm font-medium text-foreground"
           onClick={() => {
             copyToClipboard(displaySrc, {
               tooltip: 'Copied to clipboard',

From ee2d9d558cb83569add3fb351a63d29de2d1de4b Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 03:03:41 +0200
Subject: [PATCH 087/127] docs

---
 apps/www/content/docs/ai.mdx                  | 592 +++++++-----------
 apps/www/content/docs/block-menu.mdx          |   5 +-
 .../src/components/component-preview-pro.tsx  |   2 +-
 apps/www/src/components/doc-page-layout.tsx   |   7 +-
 apps/www/src/components/open-in-plus.tsx      |   4 +-
 apps/www/src/components/ui/badge.tsx          |   3 +-
 apps/www/src/config/site.ts                   |   2 +-
 .../default/example/image-pro-demo.tsx        |   2 +-
 .../default/example/pro-iframe-demo.tsx       |   2 +-
 yarn.lock                                     | 150 ++---
 10 files changed, 313 insertions(+), 456 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 88d5839e4e..0a7f76de11 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -1,9 +1,9 @@
 ---
 title: AI
-description: allows you to select from a list of AI commands. 
+description: AI menu with commands, streaming responses in a preview or directly into the editor.
 docs:
-  - route: https://pro.platejs.org/docs/components/ai
-    title: AIMenu
+  - route: https://pro.platejs.org/docs/examples/ai
+    title: Potion
 ---
 
 <PackageInfo>
@@ -19,319 +19,283 @@ docs:
 ## Installation
 
 ```bash
-npm install @udecode/plate-ai @udecode/plate-menu @udecode/plate-selection @udecode/plate-markdown
+npm install @udecode/plate-ai @udecode/plate-selection @udecode/plate-markdown @udecode/plate-basic-marks 
 ```
 
 ## Usage
 
-```tsx
-// ...
-import { AIPlugin } from '@/registry/default/plate-pro/ai/ai/src/react/AIPlugin';
-
-const editor = usePlateEditor({
-  id: 'ai-demo',
-  override: {
-    components: PlateUI,
-  },
-  plugins: [
-    ...commonPlugins,
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    SelectionOverlayPlugin,
-    AIPlugin.configure({
-      options: {
-        createAIEditor: createAIEditor,
-        // eslint-disable-next-line @typescript-eslint/require-await, @typescript-eslint/no-unused-vars
-        fetchStream: async ({ abortSignal, prompt, system }) => {
-          const response = await fetch(
-            'https://pro.platejs.org/api/ai/command',
-            {
-              body: JSON.stringify({ prompt, system }),
-              headers: {
-                'Content-Type': 'application/json',
-              },
-              method: 'POST',
-              signal: abortSignal.signal,
-            }
-          ).catch((error) => {
-            console.error(error);
-          });
-
-          if (!response || !response.body) {
-            throw new Error('Response or response body is null or abort');
-          }
-
-          return response.body;
-        },
-        scrollContainerSelector: `#your_scroll_container_id`,
+### Plugins
+
+```tsx title="ai-plugins.tsx"
+import { withProps } from '@udecode/cn';
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
+import {
+  BoldPlugin,
+  CodePlugin,
+  ItalicPlugin,
+  StrikethroughPlugin,
+  UnderlinePlugin,
+} from '@udecode/plate-basic-marks/react';
+import { PlateLeaf, createPlateEditor } from '@udecode/plate-common/react';
+import { LinkPlugin } from '@udecode/plate-link/react';
+import { MarkdownPlugin } from '@udecode/plate-markdown';
+
+import { AIMenu } from '@/registry/default/potion-ui/ai-menu';
+import { CodeLeaf } from '@/registry/default/potion-ui/code-leaf';
+import { LinkElement } from '@/registry/default/potion-ui/link-element';
+
+export const createAIEditor = () => {
+  const editor = createPlateEditor({
+    id: 'ai',
+    override: {
+      components: {
+        [BoldPlugin.key]: withProps(PlateLeaf, { as: 'strong' }),
+        [CodePlugin.key]: CodeLeaf,
+        [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),
+        [LinkPlugin.key]: LinkElement,
+        [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
+        [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),
       },
-      render: { aboveEditable: AIMenu },
-    }),
-  ],
-  value: aiValue,
-});
-```
-
-## Install dependencies
-
-Before integrating the AI plugin, you need to install the dependencies and it's **components** if required.
-
-* [@udecode/plate-menu](docs/menu)
-  - The AI menu component for user interaction.
-  - We separated this menu from ai package mainly to reuse it for the [context menu](/docs/context-menu).
-  - Make sure to check the menu [documentation](docs/menu) and install the menu **component** sucessfully.
-
-* [@udecode/plate-selection](docs/selection)
-  - To add a selected highlight to the newly generated paragraph after executing the AI command.
-
-* [@udecode/plate-markdown](docs/markdown)
-  - To convert the ai generated markdown to slate nodes.
-  - If you are using indent list plugin, make sure to set the `options.indentList` to `true` like the [usage](#usage) code above.
+    },
+    plugins: [
+      BoldPlugin,
+      ItalicPlugin,
+      UnderlinePlugin,
+      StrikethroughPlugin,
+      CodePlugin,
+    ],
+    value: [{ children: [{ text: '' }], type: 'p' }],
+  });
 
-## Integrate with your backend
+  return editor;
+};
 
-### fetchStream
-`options.fetchStream` is an asynchronous function that you need to implement to fetch suggestions from your backend. This function is crucial for integrating the Copilot feature with your own AI model or service.
+const systemCommon = `\
+You are an advanced AI-powered note-taking assistant, designed to enhance productivity and creativity in note management.
+Respond directly to user prompts with clear, concise, and relevant content. Maintain a neutral, helpful tone.
+
+Rules:
+- <Document> is the entire note the user is working on.
+- <Reminder> is a reminder of how you should reply to INSTRUCTIONS. It does not apply to questions.
+- Anything else is the user prompt.
+- Your response should be tailored to the user's prompt, providing precise assistance to optimize note management.
+- For INSTRUCTIONS: Follow the <Reminder> exactly. Provide ONLY the content to be inserted or replaced. No explanations or comments.
+- For QUESTIONS: Provide a helpful and concise answer. You may include brief explanations if necessary.
+- CRITICAL: Distinguish between INSTRUCTIONS and QUESTIONS. Instructions typically ask you to modify or add content. Questions ask for information or clarification.
+`;
+
+const systemDefault = `\
+${systemCommon}
+- <Block> is the current block of text the user is working on.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- CRITICAL: Provide only a single block of text. DO NOT create multiple paragraphs or separate blocks.
+<Block>
+{block}
+</Block>
+`;
+
+const systemSelecting = `\
+${systemCommon}
+- <Block> is the block of text containing the user's selection, providing context.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- <Selection> is the specific text the user has selected in the block and wants to modify or ask about.
+- Consider the context provided by <Block>, but only modify <Selection>. Your response should be a direct replacement for <Selection>.
+<Block>
+{block}
+</Block>
+<Selection>
+{selection}
+</Selection>
+`;
+
+const systemBlockSelecting = `\
+${systemCommon}
+- <Selection> represents the full blocks of text the user has selected and wants to modify or ask about.
+- Your response should be a direct replacement for the entire <Selection>.
+- Maintain the overall structure and formatting of the selected blocks, unless explicitly instructed otherwise.
+- CRITICAL: Provide only the content to replace <Selection>. Do not add additional blocks or change the block structure unless specifically requested.
+<Selection>
+{block}
+</Selection>
+`;
+
+const userDefault = `<Reminder>
+CRITICAL: DO NOT use block formatting. You can only use inline formatting.
+CRITICAL: DO NOT start new lines or paragraphs.
+NEVER write <Block>.
+</Reminder>
+{prompt}`;
+
+const userSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the text to replace <Selection>. No explanations.
+Ensure it fits seamlessly within <Block>. If <Block> is empty, write ONE random sentence.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+const userBlockSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the content to replace the entire <Selection>. No explanations.
+Maintain the overall structure unless instructed otherwise.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+export const PROMPT_TEMPLATES = {
+  systemBlockSelecting,
+  systemDefault,
+  systemSelecting,
+  userBlockSelecting,
+  userDefault,
+  userSelecting,
+};
 
-The function receives an object with three properties:
+export const aiPlugins = [
+  MarkdownPlugin.configure({ options: { indentList: true } }),
+  AIPlugin,
+  AIChatPlugin.configure({
+    options: {
+      createAIEditor,
+      promptTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.userBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.userSelecting
+            : PROMPT_TEMPLATES.userDefault;
+      },
+      scrollContainerSelector: '#scroll_container',
+      systemTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.systemBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.systemSelecting
+            : PROMPT_TEMPLATES.systemDefault;
+      },
+    },
+    render: { afterEditable: () => <AIMenu /> },
+  }),
+] as const;
+```
 
-* `abortSignal`: An `AbortSignal` object that allows you to cancel the request when pressing the `esc` key or clicking the `cancel` button.
+### AI SDK
 
-* `prompt`: provider by the `streamInsertText` function you will see in the [custom commands](#create-new-commands) section below.
+Plate AI is depending on the [ai](https://npmjs.com/package/ai) package:
 
-* `system`: provider by the `streamInsertText` function you will see in the [custom commands](#create-new-commands) section below.
+- Setup your [api](https://sdk.vercel.ai/docs/getting-started/nextjs-app-router#create-a-route-handler) using [streamText](https://sdk.vercel.ai/docs/ai-sdk-core/generating-text#streamtext).
+- Wire up [useChat](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat) in your [AI menu](#ai-menu) component.
 
+## Wire up the UI
 
-The function should return a Promise that resolves to a [ReadableStream](https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream) containing the AI-generated text. 
-This stream allows for real-time processing of the AI response, enabling features like streaming the text as it's generated. 
+### AI Menu
 
-Here's an next.js api route example of how you mock the return:
+Work in progress.
 
-```ts
-export function POST() {
-  const streams = [
-    { delay: 100, texts: 'Hello' },
-    { delay: 200, texts: 'World' },
-  ];
+{/* ## AI Menu Items
 
-  const stream = new ReadableStream({
-    async start(controller) {
-      for (const stream of streams) {
-        await new Promise((resolve) => setTimeout(resolve, stream.delay)); 
-        controller.enqueue(stream.texts);
-      }
+Before learning how to create custom commands, you need to know that the ai plugin will provide three modes for opening the ai menu:
 
-      controller.close();
-    },
-  });
+1. Cursor mode: open the AI menu at the end of a block.
+2. Selection mode: select some texts and open the AI menu.
+3. Block selection mode: select some blocks and open the AI menu. 
+4. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** mode.
 
-  return new Response(stream);
-}
-```
-
-### Vercel AI SDK example:
-
-We recommend using [vercel ai sdk](https://sdk.vercel.ai/examples/node/generating-text/stream-text#without-reader) to generate the stream.
+Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. 
+To distinguish between these two sets of commands, we need to maintain four different menus in total.
 
-It's return `ReadableStream`, which is compatible with our requirement.
+The following is all the commands you can see in the `ai-menu-items.tsx` file.
+menuState (draft doc)
+  - Show when you open the ai menu by `space` at the end of a block.
+  - Show when you open the ai menu by `space` and then complete the first generation.
+  - Show when you open the ai menu with selected text.
+  - Show when you open the ai menu with selected blocks, then complete the first generation.
 
-Note: **Without reader** means you don't need to use `getReader` we will parse the stream to text in our package.
+If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs. */}
 
-So here is the example code to generate the stream:
 
-api/ai/command
-```ts
-import { openai } from '@ai-sdk/openai';
-import { streamText } from 'ai';
-import { NextResponse } from 'next/server';
+## Examples
 
-export async function POST(req: Request) {
-  const { prompt, system, userId } = await req.json();
+### Plate UI
 
-  const result = await streamText({
-    model: openai('gpt-4o-mini'),
-    prompt: prompt,
-    system: system,
-  });
+Work in progress.
 
-  return new NextResponse(result.textStream);
-}
-```
+### Plate Plus
 
-Plugin usage:
-```ts
-    AIPlugin.configure({
-      options: {
-        fetchStream: async ({ abortSignal, prompt, system }) => {
-          const response = await fetch(
-            'https://pro.platejs.org/api/ai/command',
-            {
-              body: JSON.stringify({ prompt, system }),
-              headers: {
-                'Content-Type': 'application/json',
-              },
-              method: 'POST',
-              signal: abortSignal.signal,
-            }
-          )
-
-          if(!response.body) {
-            throw new Error('Failed to fetch stream');
-          }
-
-          // return the `ReadableStream` directly
-          return response.body;
-        }
-      },
-    }),
-```
+<div className="my-6 border rounded-md overflow-hidden">
+  <iframe src="https://potion.platejs.org/ai-menu?hidden-sidebar=true&iframe-blank=true" title="Potion" width="100%" height="700px" />
+</div>
 
+- Context menu to open the ai menu
+- Slash command to open the ai menu
+- Beautifully designed components
 
-## Customization commands
 
-### Customize existing commands.
-Before learning how to create custom commands, you need to know that the ai plugin will provide three model for opening the ai menu:
+## Plugins
 
-1. Open by **space** in the new block.We call it **Cursor** model.
-2. Open by **floating toolbar button** or **context menu**.We call it **Selection** model.
-3. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** model.
+### AIPlugin
 
-Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. 
-To distinguish between these two sets of commands, we need to maintain four different menus in total.
+Extends the editor with AI transforms.
 
-The following is all the commands you can see in the `ai-menu-items.tsx` file.
-* CursorCommands
-  - Show when you open the ai menu by `space` in the new block.
-* CursorSuggestions
-  - Show when you open the ai menu by `space` and then complete the first generation.
-* SelectionCommands
-  - Show when you open the ai menu by selectd some text.
-* SelectionSuggestions
-  - Show when you open the ai menu by selectd some text and then complete the first generation.
+### AIChatPlugin
 
-If you understand the above modes, you can easily find the corresponding command to modify its text or icons.
+Enables chat operations and streaming text generation in the editor.
 
-If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs.
+<APIOptions>
+<APIItem name="mode" type="string" optional def>
+Internal state. Specifies how the assistant message is handled:
 
+- `'insert'`: Directly inserts content into the editor without preview.
+- `'chat'`: Initiates an interactive session to review and refine content
+  before insertion (default).
 
-### Create new commands.
+</APIItem>
+</APIOptions>
 
-Understand the above modes then you can create new commands in the menu you want.
+// todo: add 
+- `scrollContainerSelector`
+  - The selector of the scroll container.When we trigger the menu in the very bottom of the page, 
+  we need this option to make the scroll container scroll up to show the menu completely.
+- `createAIEditor`
+  - When we use selection mode, we render a read-only editor on the AI menu, and the plugins used by this editor are provided by this option
 
-Next, I will show you how to add a custom command to **Cursor** mode (opened by space).
+## API
 
-Find `CursorCommands` in the `ai-menu-items.tsx` file. then add a new `MenuGroup` with *Generate Jokes* label.
-Create a `MenuItem` inside the `MenuGroup` with `jokes` action.
-```tsx
-  <MenuGroup label="Generate Jokes">
-    <MenuItem {...CursorCommandsActions.jokes} />
-  </MenuGroup>
-```
-Full code:
-```tsx
-export const CursorCommands = () => {
-  return (
-    <>
-      <MenuGroup label="Write with AI">
-        <MenuItem {...CursorCommandsActions.continueWrite} />
-      </MenuGroup>
-      <MenuSeparator />
-      <MenuGroup label="Generate from page">
-        <MenuItem {...CursorCommandsActions.Summarize} />
-        <Menu
-          label={CursorCommandsActions.translate.label}
-          icon={CursorCommandsActions.translate.icon}
-        >
-          {renderMenuItems(CursorCommandsActions.translate)}
-        </Menu>
-        <MenuItem {...CursorCommandsActions.explain} />
-      </MenuGroup>
-      // new command group
-       <MenuGroup label="Generate Jokes">
-        <MenuItem {...CursorCommandsActions.jokes} />
-      </MenuGroup>
-    </>
-  );
-};
-```
-Now we need to create a new action for the `jokes` command.
-
-Find `CursorCommandsActions` in the `ai-actions.ts` file.
-
-Then add a new `jokes` action and the const `ACTION_JOKES` it will be used in the  `cursorCommandsHandler` file later.
-```ts
-export const ACTION_JOKES = 'action_jokes';
-
-export const CursorCommandsActions = {
-  ...
-   jokes: {
-    icon: <Icons.jokes />,
-    label: 'Generate a dry joke',
-    value: ACTION_JOKES,
-  },
-} satisfies Record<string, Action>;
-```
+### editor.aiChat.hide()
 
-Now we can already see the new command in the ai menu.But when we click it nothing will happen.
+Hides the AI menu by setting the open editor ID to null and removing the anchor element.
 
-Because we need to create a new case in the `cursorCommandsHandler` to handle the `ACTION_JOKES` action.
+### editor.aiChat.show()
 
-Find `cursorCommandsHandler` in the `action-handler` folder.
+Shows the AI menu for the specified editor, DOM element, and node entry.
 
-Then add `ACTION_JOKES` to the switch case.
+<APIParameters>
+  <APIItem name="editorId" type="string">
+    The ID of the editor to show the AI menu for.
+  </APIItem>
+  <APIItem name="dom" type="HTMLElement">
+    The DOM element to anchor the AI menu to.
+  </APIItem>
+  <APIItem name="nodeEntry" type="NodeEntry">
+    The node entry associated with the AI menu.
+  </APIItem>
+</APIParameters>
 
-```ts
-case ACTION_JOKES: {
-  await streamInsertText(editor, {
-    prompt: `Generate a dry joke`,
-    system: `You are a comedian. Generate a joke.`,
-  });
-  break;
-}
-```
 
-When we start calling the `streamInsertText` function, the ai menu will show the loading state.
 
-NOTE: If you are creating a new selection mode command, you need to use the `streamInsertTextSelection` function instead of `streamInsertText`.
 
-And then it will call the `fetchStream` function we implemented before.
 
-In the same time you can get the **same** `prompt` and `system` you passed in the `streamInsertText` function.
 
-```ts
-  AIPlugin.configure({
-      options: {
-        fetchStream: async ({ abortSignal, prompt, system }) => {
-          console.log(prompt); // "Generate a dry joke"
-          console.log(system); // "You are a comedian. Generate a joke."
-        }
-      },
-    }),
-```
 
-If you not pass the `system` in the `streamInsertText` function. We will use the default [system](https://github.com/udecode/plate/blob/main/packages/ai/src/react/ai/stream/getSystemMessage.ts) maintained in our package.
 
-When you writing the `prompt` see our existing commands to get inspiration.In general,
-You need to provide the LLM with text in Markdown format instead of slate nodes. 
-Tests have shown that LLMs on the market are easier to understand text in MD format.
 
-Here are two useful functions you can use to convert slate nodesto MD format.
-```ts
-// convert slate nodes to md
-const md = serializeMdNodes(nodes);
 
-// convert all editor content to md
-const content = serializeMd(editor);
-```
 
 
-At this point, you have successfully created an AI command.
 
-If you want to create a nested menu, like the `Translate` example we provided, it's essentially the same steps, 
-but you'll need an additional constant for the `Group`.
 
 
 
-## Selection overlay
+{/* ## Selection Overlay
 
 **SelectionOverlayPlugin** is part of the [CursorOverlayPlugin](/docs/components/cursor-overlay) Make sure you have installed it.
 
@@ -369,116 +333,4 @@ which would look visually unappealing.
 
 
 Therefore, just remember one rule: only use this plugin when you need to move the focus to an external input element, 
-such as the AI menu or math equation plugins.
-
-
-## Options
-
-* `scrollContainerSelector`
-  - The selector of the scroll container.When we trigger the menu in the very bottom of the page, 
-  we need this option to make the scroll container scroll up to show the menu completely.
-* `createAIEditor`
-  - When we use selection mode, we render a read-only editor on the AI menu, and the plugins used by this editor are provided by this option
-* `fetchStream`
-  - The function to fetch the stream from your backend.Introdue in the [Integrate with your backend](#integrate-with-your-backend) section.
-
-## Plus
-In the [Potion template](https://potion.platejs.org/), we have meticulously configured all settings for the AI plugin, providing you with:
-
-- Exquisite design and animation
-- A comprehensive, full-stack AI integration
-- Seamless handling of editor focus issues mentioned earlier
-- Optimized configuration for peak performance
-- Context menu to open the ai menu
-- Slash command to open the ai menu
-- debounce mode copilot
-
-This template serves as an excellent starting point for your AI-enhanced editing projects, 
-allowing you to leverage advanced features without the need for extensive setup.
-
-<div className="mt-10">
-  <iframe src="https://potion.platejs.org/ai-menu?hidden-sidebar=true&iframe-blank=true" title="Potion" width="100%" height="700px" />
-</div>
-
-
-## API
-
-### editor.getApi(AIPlugin).ai.abort()
-
-Aborts the ongoing AI request and sets the AI state to idle.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(AIPlugin).ai.clearLast()
-
-Clears the last generated content, prompt, and work path.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(AIPlugin).ai.focusMenu()
-
-Focuses the input element of AI menu, setting auto-focus and initial focus on the first item.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(AIPlugin).ai.hide()
-
-Hides the AI menu by setting the open editor ID to null and removing the anchor element.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(AIPlugin).ai.setAnchorElement(dom: HTMLElement)
-
-Sets the anchor element for the AI menu.
-
-<APIParameters>
-  <APIItem name="dom" type="HTMLElement">
-    The DOM element to set as the anchor for the AI menu.
-  </APIItem>
-</APIParameters>
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.getApi(AIPlugin).ai.show(editorId: string, dom: HTMLElement, nodeEntry: NodeEntry)
-
-Shows the AI menu for the specified editor, DOM element, and node entry.
-
-<APIParameters>
-  <APIItem name="editorId" type="string">
-    The ID of the editor to show the AI menu for.
-  </APIItem>
-  <APIItem name="dom" type="HTMLElement">
-    The DOM element to anchor the AI menu to.
-  </APIItem>
-  <APIItem name="nodeEntry" type="NodeEntry">
-    The node entry associated with the AI menu.
-  </APIItem>
-</APIParameters>
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+such as the AI menu or math equation plugins. */}
\ No newline at end of file
diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index b641d67554..a12a8227c5 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -2,14 +2,15 @@
 title: Block Menu
 description: Allows you to perform a series of custom operations on the block.
 docs:
+  - route: /docs/components/block-context-menu
+    title: Block Context Menu
+    
   - route: https://pro.platejs.org/docs/components/block-menu
     title: Block Menu
 
   - route: https://pro.platejs.org/docs/components/block-context-menu
     title: Block Context Menu
 
-  - route: /docs/components/block-context-menu
-    title: Block Context Menu
 ---
 
 <ComponentPreview name="playground-demo" id="blockmenu" />
diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 92fe94a173..8e03a1c593 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -96,7 +96,7 @@ export function ComponentPreviewPro({
                   'transition-all duration-300 ease-out',
                   'mb-2 h-8'
                 )}
-                href={`${siteConfig.links.platePlus}/pricing`}
+                href={`${siteConfig.links.platePro}/pricing`}
                 target="_blank"
               >
                 <span
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index b771fbd6ed..d282cb7b02 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -29,9 +29,10 @@ const getItemVariant = (item: any) => {
     // console.error('Invalid URL:', item.route, error);
   }
 
-  if (item.route?.includes('components')) return 'default';
+  // if (item.route?.includes('components')) return 'default';
+  if (item.route?.includes('components')) return 'secondary';
 
-  return 'secondary';
+  return 'outline';
 };
 
 export function DocPageLayout({
@@ -91,6 +92,8 @@ export function DocPageLayout({
                   })
                 )}
                 href={item.route as any}
+                rel={item.route?.includes('https') ? 'noreferrer' : undefined}
+                target={item.route?.includes('https') ? '_blank' : undefined}
               >
                 {item.title}
               </Link>
diff --git a/apps/www/src/components/open-in-plus.tsx b/apps/www/src/components/open-in-plus.tsx
index 60bc9225dc..a7dfa129d3 100644
--- a/apps/www/src/components/open-in-plus.tsx
+++ b/apps/www/src/components/open-in-plus.tsx
@@ -18,12 +18,12 @@ export function OpenInPlus({ className }: { className?: string }) {
       </div>
       <div>Complete, deployable AI-powered template with backend.</div>
       <div>All components included. Customizable and extensible.</div>
-      <Button className="mt-2 w-fit" size="sm">
+      <Button size="sm" className="mt-2 w-fit">
         Get all-access
       </Button>
       <Link
         className="absolute inset-0"
-        href={`${siteConfig.links.platePlus}/docs`}
+        href={`${siteConfig.links.platePro}`}
         rel="noreferrer"
         target="_blank"
       >
diff --git a/apps/www/src/components/ui/badge.tsx b/apps/www/src/components/ui/badge.tsx
index 6b95750f57..f6658f18b4 100644
--- a/apps/www/src/components/ui/badge.tsx
+++ b/apps/www/src/components/ui/badge.tsx
@@ -16,7 +16,8 @@ const badgeVariants = cva(
         destructive:
           'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
         outline: 'text-foreground',
-        plus: 'bg-[linear-gradient(120deg,#6EB6F2_10%,#a855f7,#ea580c,#eab308)] text-white transition-opacity duration-200 hover:opacity-90',
+        // plus: 'border-none bg-[linear-gradient(120deg,#6EB6F2_10%,#a855f7,#ea580c,#eab308)] text-white transition-opacity duration-200 hover:opacity-90',
+        plus: 'border-none bg-primary text-white transition-opacity duration-200 hover:opacity-90',
         secondary:
           'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
       },
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index fe84f91f28..3703efc400 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -4,7 +4,7 @@ export const siteConfig = {
   links: {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
-    platePlus: 'https://pro.platejs.org',
+    platePro: 'https://pro.platejs.org',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',
   },
diff --git a/apps/www/src/registry/default/example/image-pro-demo.tsx b/apps/www/src/registry/default/example/image-pro-demo.tsx
index e7e01cc6f8..f8483a1073 100644
--- a/apps/www/src/registry/default/example/image-pro-demo.tsx
+++ b/apps/www/src/registry/default/example/image-pro-demo.tsx
@@ -4,7 +4,7 @@ export default function ImageProDemo() {
   return (
     <iframe
       className="size-full h-[350px]"
-      src={`${siteConfig.links.platePlus}/iframe/media-controller`}
+      src={`${siteConfig.links.platePro}/iframe/media-controller`}
       title="media-controller"
     ></iframe>
   );
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
index 128a59f274..16379929c1 100644
--- a/apps/www/src/registry/default/example/pro-iframe-demo.tsx
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -11,7 +11,7 @@ export default function ProIframeDemo({
     <iframe
       className={cn(`size-full h-[520px]`)}
       title={component}
-      src={`${siteConfig.links.platePlus}/iframe/${component}`}
+      src={`${siteConfig.links.platePro}/iframe/${component}`}
     />
   );
 }
diff --git a/yarn.lock b/yarn.lock
index fc227d8f18..0b46708164 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6347,7 +6347,7 @@ __metadata:
     ai: "npm:^3.4.10"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.4"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6363,7 +6363,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6380,7 +6380,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6399,7 +6399,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     "@udecode/plate-heading": "npm:39.0.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6415,7 +6415,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6431,7 +6431,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6447,7 +6447,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6463,7 +6463,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6480,7 +6480,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     react-textarea-autosize: "npm:^8.5.3"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6499,7 +6499,7 @@ __metadata:
     delay: "npm:5.0.0"
     p-defer: "npm:^4.0.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6516,7 +6516,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     prismjs: "npm:^1.29.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6532,7 +6532,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6549,7 +6549,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6559,17 +6559,17 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-common@npm:39.1.8, @udecode/plate-common@workspace:^, @udecode/plate-common@workspace:packages/common":
+"@udecode/plate-common@npm:39.2.1, @udecode/plate-common@workspace:^, @udecode/plate-common@workspace:packages/common":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-common@workspace:packages/common"
   dependencies:
-    "@udecode/plate-core": "npm:39.1.4"
-    "@udecode/plate-utils": "npm:39.1.8"
+    "@udecode/plate-core": "npm:39.2.1"
+    "@udecode/plate-utils": "npm:39.2.1"
     "@udecode/react-hotkeys": "npm:37.0.0"
     "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.1.4"
-    "@udecode/slate-utils": "npm:39.1.4"
+    "@udecode/slate": "npm:39.2.1"
+    "@udecode/slate-react": "npm:39.2.1"
+    "@udecode/slate-utils": "npm:39.2.1"
     "@udecode/utils": "npm:37.0.0"
   peerDependencies:
     react: ">=16.8.0"
@@ -6581,15 +6581,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-core@npm:39.1.4, @udecode/plate-core@workspace:^, @udecode/plate-core@workspace:packages/core":
+"@udecode/plate-core@npm:39.2.1, @udecode/plate-core@workspace:^, @udecode/plate-core@workspace:packages/core":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-core@workspace:packages/core"
   dependencies:
     "@udecode/react-hotkeys": "npm:37.0.0"
     "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.1.4"
-    "@udecode/slate-utils": "npm:39.1.4"
+    "@udecode/slate": "npm:39.2.1"
+    "@udecode/slate-react": "npm:39.2.1"
+    "@udecode/slate-utils": "npm:39.2.1"
     "@udecode/utils": "npm:37.0.0"
     clsx: "npm:^2.1.1"
     is-hotkey: "npm:^0.2.0"
@@ -6621,7 +6621,7 @@ __metadata:
     "@udecode/plate-table": "npm:39.1.6"
     papaparse: "npm:^5.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6637,7 +6637,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6653,7 +6653,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.94.0"
@@ -6671,7 +6671,7 @@ __metadata:
     diff-match-patch-ts: "npm:^0.6.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6689,7 +6689,7 @@ __metadata:
     lodash: "npm:^4.17.21"
     raf: "npm:^3.4.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dnd: ">=14.0.0"
     react-dnd-html5-backend: ">=14.0.0"
@@ -6713,7 +6713,7 @@ __metadata:
     "@udecode/plate-table": "npm:39.1.6"
     validator: "npm:^13.12.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6731,7 +6731,7 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6748,7 +6748,7 @@ __metadata:
     "@excalidraw/excalidraw": "npm:0.16.4"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6764,7 +6764,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6782,7 +6782,7 @@ __metadata:
     "@floating-ui/react": "npm:^0.26.23"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6799,7 +6799,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6815,7 +6815,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6831,7 +6831,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6847,7 +6847,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6865,7 +6865,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     html-entities: "npm:^2.5.2"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6884,7 +6884,7 @@ __metadata:
     "@udecode/plate-list": "npm:39.0.0"
     clsx: "npm:^2.1.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6900,7 +6900,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6917,7 +6917,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     juice: "npm:^8.1.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6933,7 +6933,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6949,7 +6949,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6965,7 +6965,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -6983,7 +6983,7 @@ __metadata:
     "@udecode/plate-floating": "npm:39.1.6"
     "@udecode/plate-normalizers": "npm:39.0.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7001,7 +7001,7 @@ __metadata:
     "@udecode/plate-reset-node": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7020,7 +7020,7 @@ __metadata:
     remark-parse: "npm:^9.0.0"
     unified: "npm:^11.0.5"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7038,7 +7038,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     katex: "npm:0.16.11"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7055,7 +7055,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     js-video-url-parser: "npm:^0.5.1"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7072,7 +7072,7 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7089,7 +7089,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7106,7 +7106,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7123,7 +7123,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
     "@playwright/test": ">=1.42.1"
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7139,7 +7139,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7155,7 +7155,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7171,7 +7171,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7188,7 +7188,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     copy-to-clipboard: "npm:^3.3.3"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7205,7 +7205,7 @@ __metadata:
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7223,7 +7223,7 @@ __metadata:
     "@udecode/plate-diff": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7240,7 +7240,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     tabbable: "npm:^6.2.0"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7258,7 +7258,7 @@ __metadata:
     "@udecode/plate-resizable": "npm:39.1.6"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7285,7 +7285,7 @@ __metadata:
     "@udecode/plate-node-id": "npm:39.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7301,7 +7301,7 @@ __metadata:
   dependencies:
     "@udecode/plate-common": "workspace:^"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7311,15 +7311,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/plate-utils@npm:39.1.8, @udecode/plate-utils@workspace:^, @udecode/plate-utils@workspace:packages/plate-utils":
+"@udecode/plate-utils@npm:39.2.1, @udecode/plate-utils@workspace:^, @udecode/plate-utils@workspace:packages/plate-utils":
   version: 0.0.0-use.local
   resolution: "@udecode/plate-utils@workspace:packages/plate-utils"
   dependencies:
-    "@udecode/plate-core": "npm:39.1.4"
+    "@udecode/plate-core": "npm:39.2.1"
     "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
-    "@udecode/slate-react": "npm:39.1.4"
-    "@udecode/slate-utils": "npm:39.1.4"
+    "@udecode/slate": "npm:39.2.1"
+    "@udecode/slate-react": "npm:39.2.1"
+    "@udecode/slate-utils": "npm:39.2.1"
     "@udecode/utils": "npm:37.0.0"
     clsx: "npm:^2.1.1"
     lodash: "npm:^4.17.21"
@@ -7342,7 +7342,7 @@ __metadata:
     "@udecode/plate-common": "workspace:^"
     yjs: "npm:^13.6.19"
   peerDependencies:
-    "@udecode/plate-common": ">=39.1.8"
+    "@udecode/plate-common": ">=39.2.1"
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
     slate: ">=0.103.0"
@@ -7365,7 +7365,7 @@ __metadata:
     "@udecode/plate-code-block": "npm:39.0.0"
     "@udecode/plate-combobox": "npm:39.0.0"
     "@udecode/plate-comments": "npm:39.0.0"
-    "@udecode/plate-common": "npm:39.1.8"
+    "@udecode/plate-common": "npm:39.2.1"
     "@udecode/plate-csv": "npm:39.1.6"
     "@udecode/plate-diff": "npm:39.0.0"
     "@udecode/plate-docx": "npm:39.2.0"
@@ -7430,12 +7430,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/slate-react@npm:39.1.4, @udecode/slate-react@workspace:^, @udecode/slate-react@workspace:packages/slate-react":
+"@udecode/slate-react@npm:39.2.1, @udecode/slate-react@workspace:^, @udecode/slate-react@workspace:packages/slate-react":
   version: 0.0.0-use.local
   resolution: "@udecode/slate-react@workspace:packages/slate-react"
   dependencies:
     "@udecode/react-utils": "npm:39.0.0"
-    "@udecode/slate": "npm:38.0.4"
+    "@udecode/slate": "npm:39.2.1"
     "@udecode/utils": "npm:37.0.0"
   peerDependencies:
     react: ">=16.8.0"
@@ -7446,11 +7446,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/slate-utils@npm:39.1.4, @udecode/slate-utils@workspace:^, @udecode/slate-utils@workspace:packages/slate-utils":
+"@udecode/slate-utils@npm:39.2.1, @udecode/slate-utils@workspace:^, @udecode/slate-utils@workspace:packages/slate-utils":
   version: 0.0.0-use.local
   resolution: "@udecode/slate-utils@workspace:packages/slate-utils"
   dependencies:
-    "@udecode/slate": "npm:38.0.4"
+    "@udecode/slate": "npm:39.2.1"
     "@udecode/utils": "npm:37.0.0"
     lodash: "npm:^4.17.21"
   peerDependencies:
@@ -7459,7 +7459,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@udecode/slate@npm:38.0.4, @udecode/slate@workspace:^, @udecode/slate@workspace:packages/slate":
+"@udecode/slate@npm:39.2.1, @udecode/slate@workspace:^, @udecode/slate@workspace:packages/slate":
   version: 0.0.0-use.local
   resolution: "@udecode/slate@workspace:packages/slate"
   dependencies:

From b85f0a9ce2c9dc233844a83dc48f49049eac5585 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 10:01:34 +0200
Subject: [PATCH 088/127] docs

---
 apps/www/content/docs/getting-started.mdx     |   2 +-
 apps/www/scripts/capture-screenshots.mts      |  10 +-
 apps/www/src/app/_components/home-tabs.tsx    |  15 +-
 apps/www/src/app/announcement-button.tsx      |  16 +-
 apps/www/src/app/page.tsx                     |  22 ++-
 apps/www/src/components/_block-display.tsx    |   4 +-
 apps/www/src/components/block-preview.tsx     | 144 ++++-----------
 apps/www/src/components/block-toolbar.tsx     | 168 ++++++++----------
 apps/www/src/components/main-nav.tsx          |   8 +
 apps/www/src/components/page-header.tsx       |   2 +-
 .../components/playground-preview-toolbar.tsx |  93 ++++++++++
 .../www/src/components/playground-preview.tsx | 138 ++++++++++++++
 apps/www/src/components/site-footer.tsx       |   2 +-
 apps/www/src/components/site-header.tsx       |  25 ++-
 apps/www/src/components/themes-button.tsx     |   2 +-
 .../src/components/themes-selector-mini.tsx   |   4 +-
 apps/www/src/components/ui/toggle.tsx         |   3 +-
 apps/www/src/config/docs.ts                   |   8 +-
 .../lib/plate/demo/values/copilotValue.tsx    |   2 +-
 .../src/lib/plate/demo/values/tocValue.tsx    |  10 +-
 .../plate/demo/values/usePlaygroundValue.ts   |   1 -
 .../src/registry/default/plate-ui/button.tsx  |   2 +-
 .../default/plate-ui/heading-element.tsx      |   2 +-
 apps/www/src/registry/schema.ts               |   2 +-
 apps/www/src/styles/globals.css               |   6 +-
 packages/ai/src/lib/BaseAIPlugin.ts           |  13 --
 packages/ai/src/react/copilot/withCopilot.ts  |   1 -
 27 files changed, 428 insertions(+), 277 deletions(-)
 create mode 100644 apps/www/src/components/playground-preview-toolbar.tsx
 create mode 100644 apps/www/src/components/playground-preview.tsx

diff --git a/apps/www/content/docs/getting-started.mdx b/apps/www/content/docs/getting-started.mdx
index c1b19272ee..bfe1c52db5 100644
--- a/apps/www/content/docs/getting-started.mdx
+++ b/apps/www/content/docs/getting-started.mdx
@@ -263,6 +263,6 @@ export default function BasicEditor() {
 
 ### That's it!
 
-You can now play around with the <Link href="/?builder=true">Playground</Link> and start building your own editor.
+You can now play around with the <Link href="/#playground">Playground</Link> and start building your own editor.
 
 </Steps>
diff --git a/apps/www/scripts/capture-screenshots.mts b/apps/www/scripts/capture-screenshots.mts
index 5728eec8a6..c56e0ec926 100644
--- a/apps/www/scripts/capture-screenshots.mts
+++ b/apps/www/scripts/capture-screenshots.mts
@@ -13,10 +13,10 @@ try {
     },
   })
 
-  console.log("☀️ Capturing screenshots for light theme")
+  console.info("☀️ Capturing screenshots for light theme")
   for (const block of BLOCKS) {
     const pageUrl = `http://localhost:3000/blocks/default/${block}`
-    console.log(`- ${block}`)
+    console.info(`- ${block}`)
 
     const page = await browser.newPage()
     await page.goto(pageUrl, {
@@ -36,10 +36,10 @@ try {
     })
   }
 
-  console.log("🌙 Capturing screenshots for dark theme")
+  console.info("🌙 Capturing screenshots for dark theme")
   for (const block of BLOCKS) {
     const pageUrl = `http://localhost:3000/blocks/default/${block}`
-    console.log(`- ${block}`)
+    console.info(`- ${block}`)
 
     const page = await browser.newPage()
     await page.goto(pageUrl, {
@@ -65,7 +65,7 @@ try {
   }
 
   await browser.close()
-  console.log("✅ Done!")
+  console.info("✅ Done!")
 } catch (error) {
   console.error(error)
   process.exit(1)
diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/_components/home-tabs.tsx
index f88fdf75d7..c16d3ef258 100644
--- a/apps/www/src/app/_components/home-tabs.tsx
+++ b/apps/www/src/app/_components/home-tabs.tsx
@@ -7,15 +7,12 @@ import { Settings2 } from 'lucide-react';
 import dynamic from 'next/dynamic';
 import { parseAsBoolean, useQueryState } from 'nuqs';
 
-import { BlockPreview } from '@/components/block-preview';
 import { settingsStore } from '@/components/context/settings-store';
+import { PlaygroundPreview } from '@/components/playground-preview';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/registry/default/plate-ui/button';
 
 const InstallationTab = dynamic(() => import('./installation-tab'));
-const PotionTab = dynamic(() => import('./potion-tab'), {
-  loading: () => <div>Loading...</div>,
-});
 
 export default function HomeTabs() {
   const active = settingsStore.use.showSettings();
@@ -50,7 +47,6 @@ export default function HomeTabs() {
         <TabsList>
           <TabsTrigger value="playground">Playground</TabsTrigger>
           <TabsTrigger value="installation">Installation</TabsTrigger>
-          {/* <TabsTrigger value="potion">Potion Template</TabsTrigger> */}
         </TabsList>
 
         <Button
@@ -68,11 +64,12 @@ export default function HomeTabs() {
             }
           }}
         >
-          <Settings2 className="mr-2 size-4" /> Customize
+          <Settings2 className="size-4" />
+          Customize
         </Button>
 
         <TabsContent className="pt-2" value="playground">
-          <BlockPreview className="max-w-[1336px]" />
+          <PlaygroundPreview className="max-w-[1336px]" />
         </TabsContent>
 
         <TabsContent className="pt-2" value="installation">
@@ -80,10 +77,6 @@ export default function HomeTabs() {
             <InstallationTab />
           </div>
         </TabsContent>
-
-        <TabsContent className="pt-2" value="potion">
-          <PotionTab />
-        </TabsContent>
       </Tabs>
     </div>
   );
diff --git a/apps/www/src/app/announcement-button.tsx b/apps/www/src/app/announcement-button.tsx
index eebbbea93f..b0ebde0a0e 100644
--- a/apps/www/src/app/announcement-button.tsx
+++ b/apps/www/src/app/announcement-button.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import { ArrowRightIcon } from 'lucide-react';
+import { ArrowRightIcon, PieChart } from 'lucide-react';
 
 import { Button } from '@/registry/default/plate-ui/button';
 import { Separator } from '@/registry/default/plate-ui/separator';
@@ -12,18 +12,18 @@ export function AnnouncementButton() {
     <Button
       size="lg"
       variant="link"
-      className="group inline-flex items-center rounded-lg px-2 text-lg font-medium hover:no-underline"
+      className="group inline-flex h-5 flex-wrap items-center gap-0 rounded-lg px-0.5 text-sm font-medium hover:no-underline"
       onClick={() => {
         window.open('https://pro.platejs.org', '_blank');
       }}
     >
-      <span className="text-xl">🎉 </span>
-      <Separator orientation="vertical" className="mx-3 h-6" />
-      <span className="underline-offset-4 group-hover:underline">
-        <span>Introducing the&nbsp;</span>
-        <span className="bg-gradient-to-r from-[#6EB6F2] via-[#a855f7] to-[#eab308] bg-clip-text text-transparent">
+      <PieChart />
+      <Separator orientation="vertical" className="mx-2 h-4" />
+      <span className="whitespace-break-spaces underline-offset-4 group-hover:underline">
+        <span>AI, Copilot, Upload, Math, and more</span>
+        {/* <span className="bg-gradient-to-r from-[#6EB6F2] via-[#a855f7] to-[#eab308] bg-clip-text text-transparent">
           Plate Plus
-        </span>
+        </span> */}
       </span>
       <ArrowRightIcon className="ml-2 size-6" />
     </Button>
diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index b62c31e1af..fd112d26ca 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -3,7 +3,7 @@ import * as React from 'react';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
 
-import { Icons } from '@/components/icons';
+import { BlockPreview } from '@/components/block-preview';
 import {
   PageHeader,
   PageHeaderDescription,
@@ -34,20 +34,18 @@ export default function IndexPage() {
             <ThemesButton />
           </div>
           <PageHeaderDescription>
-            Plugin system & primitive component library. <br />
-            CLI for styled components. Customizable. Open Source.
+            Framework · Plugins · Components
           </PageHeaderDescription>
-          <section className="flex w-full items-center space-x-4 py-2">
-            <Button asChild size="sm">
+          <section className="flex w-full items-center space-x-2 py-2">
+            <Button asChild size="xs">
               <Link href="/docs">Get Started</Link>
             </Button>
-            <Button asChild size="sm" variant="outline">
+            <Button asChild size="xs" variant="ghost">
               <Link
                 href={siteConfig.links.github}
                 rel="noreferrer"
                 target="_blank"
               >
-                <Icons.gitHub className="mr-2 size-4" />
                 GitHub
               </Link>
             </Button>
@@ -60,6 +58,16 @@ export default function IndexPage() {
 
         <CustomizerDrawer />
       </section>
+
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
+        <BlockPreview
+          block={{
+            description: 'A Notion-like AI template',
+            name: 'potion',
+            src: 'https://potion.platejs.org/ai-menu/?iframe-blank=true',
+          }}
+        />
+      </div>
     </div>
   );
 }
diff --git a/apps/www/src/components/_block-display.tsx b/apps/www/src/components/_block-display.tsx
index f319447735..46e29f8431 100644
--- a/apps/www/src/components/_block-display.tsx
+++ b/apps/www/src/components/_block-display.tsx
@@ -1,7 +1,7 @@
 import { getBlock } from '@/lib/_blocks';
 import { styles } from '@/registry/registry-styles';
 
-import { BlockPreview } from './block-preview';
+import { PlaygroundPreview } from './playground-preview';
 
 export async function BlockDisplay({ name }: { name: string }) {
   const blocks = await Promise.all(
@@ -25,6 +25,6 @@ export async function BlockDisplay({ name }: { name: string }) {
   }
 
   return blocks.map((block) => (
-    <BlockPreview key={`${block.style}-${block.name}`} block={block} />
+    <PlaygroundPreview key={`${block.style}-${block.name}`} block={block} />
   ));
 }
diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index 76f33efa9b..c405951239 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import { type ComponentProps, useState } from 'react';
 import * as React from 'react';
 
 import type { Block } from '@/registry/schema';
@@ -8,131 +7,66 @@ import type { ImperativePanelHandle } from 'react-resizable-panels';
 
 import { cn } from '@udecode/cn';
 
-import { useLiftMode } from '@/hooks/use-lift-mode';
-import PlaygroundDemo from '@/registry/default/example/playground-demo';
-
 import { BlockToolbar } from './block-toolbar';
-import { ThemeWrapper } from './theme-wrapper';
 import {
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
 } from './ui/resizable';
 
-const block: any = {
-  name: 'playground',
-};
-
-// TODO: sync
 export function BlockPreview({
-  children,
-  className,
-  ...props
+  block,
 }: {
-  block?: Block;
-} & ComponentProps<'div'>) {
-  const { isLiftMode } = useLiftMode(block.name);
-  // const [isLoading, setIsLoading] = React.useState(true);
+  block: Pick<Block, 'container' | 'description' | 'name' | 'src'>;
+}) {
   const ref = React.useRef<ImperativePanelHandle>(null);
-  const [fullScreen, setFullScreen] = useState(false);
 
   return (
     <div
       id={block.name}
-      className={cn(
-        'relative w-full scroll-m-20',
-        className,
-        fullScreen &&
-          'fixed inset-0 z-50 max-w-none [&_[data-slate-editor]]:max-h-[calc(100dvh-44px)]'
-        // fullScreen &&
-        //   '[&_[data-slate-editor]]:mx-auto [&_[data-slate-editor]]:max-w-[1125px]'
-      )}
+      className="relative grid w-full scroll-m-20 gap-4"
       style={
         {
           '--container-height': block.container?.height,
         } as React.CSSProperties
       }
-      {...props}
     >
-      <BlockToolbar
-        block={block}
-        fullScreen={fullScreen}
-        resizablePanelRef={ref}
-        setFullScreen={setFullScreen}
-      />
-
-      {fullScreen && (
-        <ThemeWrapper className="h-full">
-          <PlaygroundDemo
-            className="max-h-none"
-            scrollSelector="playground-full-screen"
+      <BlockToolbar block={block} resizablePanelRef={ref} />
+      <ResizablePanelGroup className="relative z-10" direction="horizontal">
+        <ResizablePanel
+          ref={ref}
+          className={cn(
+            'relative aspect-[4/2.5] rounded-lg border bg-background md:aspect-auto'
+          )}
+          defaultSize={100}
+          minSize={30}
+        >
+          {/* <Image
+            className="absolute left-0 top-0 z-20 w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:hidden sm:w-[1280px] md:hidden md:dark:hidden"
+            alt={block.name}
+            data-block={block.name}
+            height={900}
+            src={`/images/blocks/${block.name}.png`}
+            width={1440}
           />
-        </ThemeWrapper>
-      )}
-
-      {!fullScreen && (
-        <>
-          <div
-            className={cn(
-              'relative rounded-lg border bg-background',
-              !fullScreen && 'md:hidden',
-              isLiftMode ? 'border-border/50' : 'border-border'
-            )}
-          >
-            <div className="chunk-mode relative z-20 w-full bg-background">
-              <ThemeWrapper>
-                <PlaygroundDemo scrollSelector="playground-preview-1" />
-              </ThemeWrapper>
-            </div>
-          </div>
-
-          <div className="relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted max-md:hidden">
-            <ResizablePanelGroup
-              className="relative z-10"
-              direction="horizontal"
-            >
-              <ResizablePanel
-                ref={ref}
-                className={cn(
-                  'relative rounded-lg border bg-background',
-                  isLiftMode ? 'border-border/50' : 'border-border'
-                )}
-                defaultSize={100}
-                minSize={30}
-              >
-                <div className="chunk-mode relative z-20 w-full bg-background">
-                  <ThemeWrapper>
-                    <PlaygroundDemo scrollSelector="playground-preview-2" />
-                  </ThemeWrapper>
-                </div>
-
-                {/* {isLoading ? ( */}
-                {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
-                {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
-                {/*    Loading... */}
-                {/*  </div> */}
-                {/* ) : null} */}
-                {/* <iframe */}
-                {/*  src={`/blocks/${block.style}/${block.name}`} */}
-                {/*  height={block.container?.height ?? 450} */}
-                {/*  className="chunk-mode relative z-20 w-full bg-background" */}
-                {/*  onLoad={() => { */}
-                {/*    setIsLoading(false) */}
-                {/*  }} */}
-                {/* /> */}
-              </ResizablePanel>
-
-              <ResizableHandle
-                className={cn(
-                  'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
-                  isLiftMode && 'invisible'
-                )}
-              />
-              <ResizablePanel defaultSize={0} minSize={0} />
-            </ResizablePanelGroup>
-          </div>
-        </>
-      )}
+          <Image
+            className="absolute left-0 top-0 z-20 hidden w-[970px] max-w-none bg-background data-[block=sidebar-10]:left-auto data-[block=sidebar-10]:right-0 data-[block=sidebar-11]:-top-1/3 data-[block=sidebar-14]:left-auto data-[block=sidebar-14]:right-0 data-[block=login-01]:max-w-full data-[block=sidebar-13]:max-w-full data-[block=sidebar-15]:max-w-full dark:block sm:w-[1280px] md:hidden md:dark:hidden"
+            alt={block.name}
+            data-block={block.name}
+            height={900}
+            src={`/images/blocks/${block.name}-dark.png`}
+            width={1440}
+          /> */}
+          <iframe
+            className={cn('chunk-mode relative z-20 w-full bg-background')}
+            title={block.name}
+            height={block.container?.height ?? 800}
+            src={block.src ?? `/blocks/${block.name}`}
+          />
+        </ResizablePanel>
+        <ResizableHandle className="relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block" />
+        <ResizablePanel defaultSize={0} minSize={0} />
+      </ResizablePanelGroup>
     </div>
   );
 }
diff --git a/apps/www/src/components/block-toolbar.tsx b/apps/www/src/components/block-toolbar.tsx
index 8fc1cfc4a0..ef519453fe 100644
--- a/apps/www/src/components/block-toolbar.tsx
+++ b/apps/www/src/components/block-toolbar.tsx
@@ -5,127 +5,105 @@ import * as React from 'react';
 import type { Block } from '@/registry/schema';
 import type { ImperativePanelHandle } from 'react-resizable-panels';
 
-import { Switch } from '@radix-ui/react-switch';
-import { cn } from '@udecode/cn';
-import { Maximize, Monitor, Smartphone, Tablet } from 'lucide-react';
+import { Monitor, Smartphone, Tablet } from 'lucide-react';
 
-import { useLiftMode } from '@/hooks/use-lift-mode';
-import { trackEvent } from '@/lib/events';
+import { Button } from '@/registry/default/plate-ui/button';
 import { Separator } from '@/registry/default/plate-ui/separator';
 
-import { BlockCopyButton } from './block-copy-button';
-import { Label } from './ui/label';
+import { Link } from './link';
 import { ToggleGroup, ToggleGroupItem } from './ui/toggle-group';
 
-// TODO: sync
 export function BlockToolbar({
   block,
-  fullScreen,
   resizablePanelRef,
-  setFullScreen,
 }: {
-  block: { hasLiftMode: boolean } & Block;
-  fullScreen: boolean;
+  block: Pick<Block, 'container' | 'description' | 'name' | 'src'>;
   resizablePanelRef: React.RefObject<ImperativePanelHandle>;
-  setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
-  const { isLiftMode, toggleLiftMode } = useLiftMode(block.name);
-
   return (
-    <div
-      className={cn(
-        'flex items-center gap-4',
-        'absolute right-0 z-[60]',
-        !fullScreen && '-top-4 -translate-y-full',
-        fullScreen && 'bottom-4'
-      )}
-    >
-      <div className="flex items-center gap-2 pr-[14px] sm:ml-auto">
-        {block.hasLiftMode && (
-          <>
-            <div className="flex h-7 items-center justify-between gap-2">
-              <Label className="text-xs" htmlFor={`lift-mode-${block.name}`}>
-                Lift Mode
-              </Label>
-              <Switch
-                id={`lift-mode-${block.name}`}
-                checked={isLiftMode}
-                onCheckedChange={(value) => {
-                  resizablePanelRef.current?.resize(100);
-                  toggleLiftMode(block.name);
-
-                  if (value) {
-                    trackEvent({
-                      name: 'enable_lift_mode',
-                      properties: {
-                        name: block.name,
-                      },
-                    });
-                  }
-                }}
-              />
-            </div>
-            <Separator
-              orientation="vertical"
-              className="mx-2 hidden h-4 lg:inline-flex"
-            />
-          </>
-        )}
-
-        <div className="hidden h-[28px] items-center gap-1.5 rounded-md border bg-background p-[2px] shadow-sm md:flex">
+    <div className="flex items-center gap-2 md:gap-4">
+      <Button asChild variant="link" className="whitespace-normal px-1 md:px-2">
+        <a
+          href={block.src ?? `#${block.name}`}
+          rel={block.src ? 'noreferrer' : undefined}
+          target={block.src ? '_blank' : undefined}
+        >
+          {block.description}
+        </a>
+      </Button>
+      <div className="ml-auto hidden items-center gap-2 md:flex md:pr-[14px]">
+        {/* <Button
+          variant="ghost"
+          className="h-7 rounded-md border bg-muted shadow-none"
+          size="sm"
+          onClick={() => {
+            copyToClipboard(`npx shadcn@latest add ${block.name}`)
+          }}
+        >
+          {isCopied ? <Check /> : <Terminal />}
+          npx shadcn add {block.name}
+        </Button> */}
+        {/* <Separator orientation="vertical" className="mx-2 hidden h-4 md:flex" /> */}
+        <div className="hidden h-7 items-center gap-1.5 rounded-md border p-[2px] shadow-none md:flex">
           <ToggleGroup
             defaultValue="100"
-            disabled={isLiftMode}
-            onValueChange={(value) => {
-              if (value === 'full') {
-                setFullScreen(true);
-
-                return;
-              }
-              if (fullScreen) {
-                setFullScreen(false);
+            onValueChange={(value: any) => {
+              if (resizablePanelRef.current) {
+                resizablePanelRef.current.resize(Number.parseInt(value));
               }
-
-              setTimeout(() => {
-                if (resizablePanelRef.current) {
-                  resizablePanelRef.current.resize(Number.parseInt(value));
-                }
-              }, 0);
             }}
             type="single"
           >
             <ToggleGroupItem
               className="size-[22px] rounded-sm p-0"
-              value="full"
+              value="100"
+              title="Desktop"
             >
-              <Maximize className="!size-3.5" />
-            </ToggleGroupItem>
-            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="100">
-              <Monitor className="!size-3.5" />
+              <Monitor className="size-3.5" />
             </ToggleGroupItem>
-            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="60">
-              <Tablet className="!size-3.5" />
+            <ToggleGroupItem
+              className="size-[22px] rounded-sm p-0"
+              value="60"
+              title="Tablet"
+            >
+              <Tablet className="size-3.5" />
             </ToggleGroupItem>
-            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="30">
-              <Smartphone className="!size-3.5" />
+            <ToggleGroupItem
+              className="size-[22px] rounded-sm p-0"
+              value="30"
+              title="Mobile"
+            >
+              <Smartphone className="size-3.5" />
             </ToggleGroupItem>
+            {/* <Separator orientation="vertical" className="h-4" />
+            <Button
+              asChild
+              size="icon"
+              variant="ghost"
+              className="size-[22px] rounded-sm p-0"
+              title="Open in New Tab"
+            >
+              <Link
+                href={block.src ?? `/blocks/${block.name}`}
+                rel={block.src ? 'noreferrer' : undefined}
+                target="_blank"
+              >
+                <span className="sr-only">Open in New Tab</span>
+                <Fullscreen className="size-3.5" />
+              </Link>
+            </Button> */}
           </ToggleGroup>
         </div>
-
-        {block.code && (
-          <>
-            <Separator
-              orientation="vertical"
-              className="mx-2 hidden h-4 md:flex"
-            />
-            <BlockCopyButton
-              name={block.name}
-              disabled={isLiftMode}
-              code={block.code}
-              event="copy_block_code"
-            />
-          </>
-        )}
+        <Separator orientation="vertical" className="mx-2 hidden h-4 md:flex" />
+        <Link href={block.src ?? `/blocks/${block.name}`}>
+          <Button
+            id={`${block.name}`}
+            name={`${block.name}`}
+            className="hidden h-[27px] px-3 text-xs shadow-none md:flex"
+          >
+            Open {block.name.charAt(0).toUpperCase() + block.name.slice(1)}
+          </Button>
+        </Link>
       </div>
     </div>
   );
diff --git a/apps/www/src/components/main-nav.tsx b/apps/www/src/components/main-nav.tsx
index 6f324ca27e..3f23f753d3 100644
--- a/apps/www/src/components/main-nav.tsx
+++ b/apps/www/src/components/main-nav.tsx
@@ -45,6 +45,14 @@ export function MainNav() {
         >
           Components
         </Link>
+        <Link
+          className={cn(
+            'text-foreground/60 transition-colors hover:text-foreground/80'
+          )}
+          href={siteConfig.links.platePro}
+        >
+          Templates
+        </Link>
       </nav>
     </div>
   );
diff --git a/apps/www/src/components/page-header.tsx b/apps/www/src/components/page-header.tsx
index a347f5ea2d..95873d9abe 100644
--- a/apps/www/src/components/page-header.tsx
+++ b/apps/www/src/components/page-header.tsx
@@ -10,7 +10,7 @@ function PageHeader({
   return (
     <section
       className={cn(
-        'mx-auto flex flex-col items-start gap-2 py-8 md:py-12 md:pb-8 lg:py-12 lg:pb-10',
+        'mx-auto flex flex-col items-start gap-2 px-4 py-8 md:py-12 md:pb-8 lg:py-12 lg:pb-10',
         className
       )}
       {...props}
diff --git a/apps/www/src/components/playground-preview-toolbar.tsx b/apps/www/src/components/playground-preview-toolbar.tsx
new file mode 100644
index 0000000000..a2334d85db
--- /dev/null
+++ b/apps/www/src/components/playground-preview-toolbar.tsx
@@ -0,0 +1,93 @@
+'use client';
+
+import * as React from 'react';
+
+import type { Block } from '@/registry/schema';
+import type { ImperativePanelHandle } from 'react-resizable-panels';
+
+import { cn } from '@udecode/cn';
+import { Maximize, Monitor, Smartphone, Tablet } from 'lucide-react';
+
+import { Separator } from '@/registry/default/plate-ui/separator';
+
+import { BlockCopyButton } from './block-copy-button';
+import { ToggleGroup, ToggleGroupItem } from './ui/toggle-group';
+
+// TODO: sync
+export function PlaygroundPreviewToolbar({
+  block,
+  fullScreen,
+  resizablePanelRef,
+  setFullScreen,
+}: {
+  block: { hasLiftMode: boolean } & Block;
+  fullScreen: boolean;
+  resizablePanelRef: React.RefObject<ImperativePanelHandle>;
+  setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
+}) {
+  return (
+    <div
+      className={cn(
+        'flex items-center gap-4',
+        'absolute right-0 z-[60]',
+        !fullScreen && '-top-4 -translate-y-full',
+        fullScreen && 'bottom-4'
+      )}
+    >
+      <div className="flex items-center gap-2 pr-[14px] sm:ml-auto">
+        <div className="hidden h-[28px] items-center gap-1.5 rounded-md border bg-background p-[2px] shadow-sm md:flex">
+          <ToggleGroup
+            defaultValue="100"
+            onValueChange={(value) => {
+              if (value === 'full') {
+                setFullScreen(true);
+
+                return;
+              }
+              if (fullScreen) {
+                setFullScreen(false);
+              }
+
+              setTimeout(() => {
+                if (resizablePanelRef.current) {
+                  resizablePanelRef.current.resize(Number.parseInt(value));
+                }
+              }, 0);
+            }}
+            type="single"
+          >
+            <ToggleGroupItem
+              className="size-[22px] rounded-sm p-0"
+              value="full"
+            >
+              <Maximize className="!size-3.5" />
+            </ToggleGroupItem>
+            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="100">
+              <Monitor className="!size-3.5" />
+            </ToggleGroupItem>
+            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="60">
+              <Tablet className="!size-3.5" />
+            </ToggleGroupItem>
+            <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="30">
+              <Smartphone className="!size-3.5" />
+            </ToggleGroupItem>
+          </ToggleGroup>
+        </div>
+
+        {block.code && (
+          <>
+            <Separator
+              orientation="vertical"
+              className="mx-2 hidden h-4 md:flex"
+            />
+            <BlockCopyButton
+              name={block.name}
+              code={block.code}
+              event="copy_block_code"
+            />
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/apps/www/src/components/playground-preview.tsx b/apps/www/src/components/playground-preview.tsx
new file mode 100644
index 0000000000..e39080a5a0
--- /dev/null
+++ b/apps/www/src/components/playground-preview.tsx
@@ -0,0 +1,138 @@
+'use client';
+
+import { type ComponentProps, useState } from 'react';
+import * as React from 'react';
+
+import type { Block } from '@/registry/schema';
+import type { ImperativePanelHandle } from 'react-resizable-panels';
+
+import { cn } from '@udecode/cn';
+
+import { useLiftMode } from '@/hooks/use-lift-mode';
+import PlaygroundDemo from '@/registry/default/example/playground-demo';
+
+import { PlaygroundPreviewToolbar } from './playground-preview-toolbar';
+import { ThemeWrapper } from './theme-wrapper';
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from './ui/resizable';
+
+const block: any = {
+  name: 'playground',
+};
+
+// TODO: sync
+export function PlaygroundPreview({
+  children,
+  className,
+  ...props
+}: {
+  block?: Block;
+} & ComponentProps<'div'>) {
+  const { isLiftMode } = useLiftMode(block.name);
+  // const [isLoading, setIsLoading] = React.useState(true);
+  const ref = React.useRef<ImperativePanelHandle>(null);
+  const [fullScreen, setFullScreen] = useState(false);
+
+  return (
+    <div
+      id={block.name}
+      className={cn(
+        'relative w-full scroll-m-20',
+        className,
+        fullScreen &&
+          'fixed inset-0 z-50 max-w-none [&_[data-slate-editor]]:max-h-[calc(100dvh-44px)]'
+        // fullScreen &&
+        //   '[&_[data-slate-editor]]:mx-auto [&_[data-slate-editor]]:max-w-[1125px]'
+      )}
+      style={
+        {
+          '--container-height': block.container?.height,
+        } as React.CSSProperties
+      }
+      {...props}
+    >
+      <PlaygroundPreviewToolbar
+        block={block}
+        fullScreen={fullScreen}
+        resizablePanelRef={ref}
+        setFullScreen={setFullScreen}
+      />
+
+      {fullScreen && (
+        <ThemeWrapper className="h-full">
+          <PlaygroundDemo
+            className="max-h-none"
+            scrollSelector="playground-full-screen"
+          />
+        </ThemeWrapper>
+      )}
+
+      {!fullScreen && (
+        <>
+          <div
+            className={cn(
+              'relative min-h-[800px] rounded-lg border bg-background',
+              !fullScreen && 'md:hidden',
+              isLiftMode ? 'border-border/50' : 'border-border'
+            )}
+          >
+            <div className="chunk-mode relative z-20 w-full bg-background">
+              <ThemeWrapper>
+                <PlaygroundDemo scrollSelector="playground-preview-1" />
+              </ThemeWrapper>
+            </div>
+          </div>
+
+          <div className="relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted max-md:hidden">
+            <ResizablePanelGroup
+              className="relative z-10"
+              direction="horizontal"
+            >
+              <ResizablePanel
+                ref={ref}
+                className={cn(
+                  'relative rounded-lg border bg-background',
+                  isLiftMode ? 'border-border/50' : 'border-border'
+                )}
+                defaultSize={100}
+                minSize={30}
+              >
+                <div className="chunk-mode relative z-20 w-full bg-background">
+                  <ThemeWrapper>
+                    <PlaygroundDemo scrollSelector="playground-preview-2" />
+                  </ThemeWrapper>
+                </div>
+
+                {/* {isLoading ? ( */}
+                {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
+                {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
+                {/*    Loading... */}
+                {/*  </div> */}
+                {/* ) : null} */}
+                {/* <iframe */}
+                {/*  src={`/blocks/${block.style}/${block.name}`} */}
+                {/*  height={block.container?.height ?? 450} */}
+                {/*  className="chunk-mode relative z-20 w-full bg-background" */}
+                {/*  onLoad={() => { */}
+                {/*    setIsLoading(false) */}
+                {/*  }} */}
+                {/* /> */}
+              </ResizablePanel>
+
+              <ResizableHandle
+                className={cn(
+                  'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
+                  isLiftMode && 'invisible'
+                )}
+              />
+              <ResizablePanel defaultSize={0} minSize={0} />
+            </ResizablePanelGroup>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/apps/www/src/components/site-footer.tsx b/apps/www/src/components/site-footer.tsx
index 82c30a1f31..7a019dc0c4 100644
--- a/apps/www/src/components/site-footer.tsx
+++ b/apps/www/src/components/site-footer.tsx
@@ -5,7 +5,7 @@ export function SiteFooter() {
     <footer className="py-6 md:px-8 md:py-0">
       <div className="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
         <p className="text-balance text-center text-sm leading-loose text-muted-foreground md:text-left">
-          Built by{' '}
+          From{' '}
           <a
             className="font-medium underline underline-offset-4"
             href={siteConfig.links.twitter}
diff --git a/apps/www/src/components/site-header.tsx b/apps/www/src/components/site-header.tsx
index 6c474b077b..a98dd68e66 100644
--- a/apps/www/src/components/site-header.tsx
+++ b/apps/www/src/components/site-header.tsx
@@ -10,7 +10,6 @@ import { CommandMenu } from './command-menu';
 import { Icons } from './icons';
 import { MainNav } from './main-nav';
 import { MobileNav } from './mobile-nav';
-import { StarOnGithub } from './star-on-github';
 
 export function SiteHeader() {
   // const { stargazers_count: count } = await fetch(
@@ -30,21 +29,37 @@ export function SiteHeader() {
   //   .then((res) => res.json())
   //   .catch(() => ({ stargazers_count: 0 }));
 
-  const count = 0;
+  // const count = 0;
 
   return (
-    <header className="sticky top-0 z-50 w-full border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+    <header className="sticky top-0 z-[100] w-full border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
       <div className="container flex h-14 max-w-screen-2xl items-center justify-between">
         <MainNav />
         <MobileNav />
-        <StarOnGithub count={count} />
+
+        <nav className="flex items-center gap-4 text-sm lg:gap-6">
+          <Link
+            className="text-foreground/60 transition-colors hover:text-foreground/80"
+            href="/#playground"
+          >
+            Playground
+          </Link>
+          <Link
+            className="text-foreground/60 transition-colors hover:text-foreground/80"
+            href="/#potion"
+          >
+            Potion
+          </Link>
+        </nav>
+
+        {/* <StarOnGithub count={count} /> */}
         <div className="flex items-center justify-between space-x-2 md:justify-end">
           <div className="w-full flex-1 md:w-auto md:flex-none">
             <CommandMenu />
           </div>
           <nav className="flex items-center">
             <Link
-              className="inline md:hidden"
+              className="inline"
               href={siteConfig.links.github}
               rel="noreferrer"
               target="_blank"
diff --git a/apps/www/src/components/themes-button.tsx b/apps/www/src/components/themes-button.tsx
index bb0ce47512..f452a4d84f 100644
--- a/apps/www/src/components/themes-button.tsx
+++ b/apps/www/src/components/themes-button.tsx
@@ -22,7 +22,7 @@ export function ThemesButton() {
 
       <Button
         variant="outline"
-        className="hidden md:flex"
+        className="hidden h-9 md:flex"
         onClick={() => {
           settingsStore.set.customizerTab('themes');
           settingsStore.set.showSettings(true);
diff --git a/apps/www/src/components/themes-selector-mini.tsx b/apps/www/src/components/themes-selector-mini.tsx
index a6e076a648..5e0465bd41 100644
--- a/apps/www/src/components/themes-selector-mini.tsx
+++ b/apps/www/src/components/themes-selector-mini.tsx
@@ -32,7 +32,7 @@ export function ThemesSwitcher({
     return (
       <div
         className={cn(
-          'flex items-center justify-center gap-0.5 py-2 lg:justify-start lg:gap-1',
+          'flex items-center justify-center gap-0.5 py-0 lg:justify-start lg:gap-1',
           className
         )}
       >
@@ -51,7 +51,7 @@ export function ThemesSwitcher({
   return (
     <ToggleGroup
       className={cn(
-        'flex items-center justify-center gap-0.5 py-2 lg:justify-start lg:gap-1',
+        'flex items-center justify-center gap-0.5 py-0 lg:justify-start lg:gap-1',
         className
       )}
       value={activeTheme.name}
diff --git a/apps/www/src/components/ui/toggle.tsx b/apps/www/src/components/ui/toggle.tsx
index 31fe533724..023ac41c45 100644
--- a/apps/www/src/components/ui/toggle.tsx
+++ b/apps/www/src/components/ui/toggle.tsx
@@ -6,8 +6,7 @@ import { cva } from 'class-variance-authority';
 
 export const toggleVariants = cva(
   cn(
-    'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-    '[&_svg:not([data-icon])]:size-5'
+    'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50'
   ),
   {
     defaultVariants: {
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index e527b9dd8c..862e3cc153 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -2,6 +2,8 @@ import type { MainNavItem, SidebarNavItem } from '@/types/nav';
 
 import { customizerComponents } from '@/config/customizer-components';
 
+import { siteConfig } from './site';
+
 export interface DocsConfig {
   componentsNav: SidebarNavItem[];
   mainNav: MainNavItem[];
@@ -158,9 +160,13 @@ export const docsConfig: DocsConfig = {
           title: 'Getting Started',
         },
         {
-          href: '/',
+          href: '/#playground',
           title: 'Playground',
         },
+        {
+          href: siteConfig.links.platePro,
+          title: 'Plate Plus',
+        },
       ],
       title: 'Overview',
     },
diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
index 72a098c4ab..adb2cf1f71 100644
--- a/apps/www/src/lib/plate/demo/values/copilotValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const copilotValue: any = (
   <fragment>
-    <hh1>🤖 Copilot</hh1>
+    <hh1>🐱 Copilot</hh1>
     <hp indent={1} listStyleType="decimal">
       <htext>Position your cursor at the</htext>
       <htext bold> end of a paragraph </htext>
diff --git a/apps/www/src/lib/plate/demo/values/tocValue.tsx b/apps/www/src/lib/plate/demo/values/tocValue.tsx
index f6d41af3e5..26ae179020 100644
--- a/apps/www/src/lib/plate/demo/values/tocValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/tocValue.tsx
@@ -6,18 +6,12 @@ jsx;
 
 export const tocValue: any = (
   <fragment>
-    <hh1>🔥 Table of Contents</hh1>
+    <hh1>Table of Contents</hh1>
     <hp>
-      <htext>
-        Click on any Table of Contents (TOC) entry to automatically scroll to
-        the corresponding section in the document.
-      </htext>
+      <htext>Click to scroll to heading.</htext>
     </hp>
     <htoc>
       <htext></htext>
     </htoc>
-    <hp>
-      <htext></htext>
-    </hp>
   </fragment>
 );
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index bdbb522953..c3cd53e043 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -67,7 +67,6 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     }
     if (valueId !== customizerPlugins.playground.id) {
       let newValue = (customizerPlugins as any)[valueId]?.value ?? value;
-      console.log('🚀 ~ returnuseMemo ~ newValue:', newValue);
 
       if (newValue.length === 0) {
         newValue = value;
diff --git a/apps/www/src/registry/default/plate-ui/button.tsx b/apps/www/src/registry/default/plate-ui/button.tsx
index d01df9d609..85aba8ce9a 100644
--- a/apps/www/src/registry/default/plate-ui/button.tsx
+++ b/apps/www/src/registry/default/plate-ui/button.tsx
@@ -22,7 +22,7 @@ export const buttonVariants = cva(
         none: '',
         sm: 'h-9 rounded-md px-3',
         sms: 'size-9 rounded-md px-0',
-        xs: 'h-8 rounded-md px-3',
+        xs: 'h-8 rounded-md px-3 text-xs',
       },
       variant: {
         default: 'bg-primary text-primary-foreground hover:bg-primary/90',
diff --git a/apps/www/src/registry/default/plate-ui/heading-element.tsx b/apps/www/src/registry/default/plate-ui/heading-element.tsx
index 66349fdc58..dbe898e988 100644
--- a/apps/www/src/registry/default/plate-ui/heading-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/heading-element.tsx
@@ -22,7 +22,7 @@ const blockVariants = cva('', {
   variants: {
     isFirstBlock: {
       false: '',
-      true: 'mt-0',
+      // true: 'mt-0',
     },
   },
 });
diff --git a/apps/www/src/registry/schema.ts b/apps/www/src/registry/schema.ts
index 0b49742fae..cd620040f7 100644
--- a/apps/www/src/registry/schema.ts
+++ b/apps/www/src/registry/schema.ts
@@ -83,7 +83,7 @@ export const blockSchema = registryEntrySchema.extend({
     })
     .optional(),
   highlightedCode: z.string(),
-  style: z.enum(['default', 'new-york']),
+  src: z.string().optional(),
   type: z.literal('registry:block'),
 });
 
diff --git a/apps/www/src/styles/globals.css b/apps/www/src/styles/globals.css
index 5392c22921..f5b90a37cc 100644
--- a/apps/www/src/styles/globals.css
+++ b/apps/www/src/styles/globals.css
@@ -59,9 +59,9 @@
   * {
     @apply border-border;
   }
-  /*html {*/
-  /*  @apply scroll-smooth;*/
-  /*}*/
+  /* html {
+    @apply scroll-smooth;
+  } */
   body {
     @apply bg-background text-foreground;
     font-feature-settings:
diff --git a/packages/ai/src/lib/BaseAIPlugin.ts b/packages/ai/src/lib/BaseAIPlugin.ts
index b33f0b384c..e35db870f6 100644
--- a/packages/ai/src/lib/BaseAIPlugin.ts
+++ b/packages/ai/src/lib/BaseAIPlugin.ts
@@ -32,16 +32,3 @@ export const BaseAIPlugin = createTSlatePlugin({
     removeMarks: bindFirst(removeAIMarks, editor),
     removeNodes: bindFirst(removeAINodes, editor),
   }))
-  .extend({
-    extendEditor: ({ editor }) => {
-      const { apply } = editor;
-
-      editor.apply = (op) => {
-        // console.log('🚀 ~ editor.apply= ~ op:', op);
-        // console.log('history', editor.history.undos);
-        apply(op);
-      };
-
-      return editor;
-    },
-  });
diff --git a/packages/ai/src/react/copilot/withCopilot.ts b/packages/ai/src/react/copilot/withCopilot.ts
index e6513af96e..889ab66143 100644
--- a/packages/ai/src/react/copilot/withCopilot.ts
+++ b/packages/ai/src/react/copilot/withCopilot.ts
@@ -105,7 +105,6 @@ export const withCopilot: ExtendEditor<CopilotPluginConfig> = ({
   };
 
   editor.apply = (operation) => {
-    // console.log('🚀 ~ operation:', operation);
     const { shouldAbort } = getOptions();
 
     if (shouldAbort) {

From 1f4216f5f1f7f8d9d57586287438ddc3ad09e331 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 21 Oct 2024 16:08:30 +0800
Subject: [PATCH 089/127] fix

---
 apps/www/src/app/_components/home-tabs.tsx  |  1 +
 apps/www/src/app/_components/potion-tab.tsx | 47 +++++++++++++++++++++
 2 files changed, 48 insertions(+)

diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/_components/home-tabs.tsx
index c16d3ef258..87e655fc08 100644
--- a/apps/www/src/app/_components/home-tabs.tsx
+++ b/apps/www/src/app/_components/home-tabs.tsx
@@ -47,6 +47,7 @@ export default function HomeTabs() {
         <TabsList>
           <TabsTrigger value="playground">Playground</TabsTrigger>
           <TabsTrigger value="installation">Installation</TabsTrigger>
+          <TabsTrigger value="potion">Potion Template</TabsTrigger>
         </TabsList>
 
         <Button
diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/_components/potion-tab.tsx
index 03ff76d328..ae19ec7c09 100644
--- a/apps/www/src/app/_components/potion-tab.tsx
+++ b/apps/www/src/app/_components/potion-tab.tsx
@@ -1,7 +1,54 @@
+'use client';
+import { debounce } from 'lodash';
+import React, { useEffect, useState } from 'react';
+
 export default function PotionTab() {
+  const [scrollPosition, setScrollPosition] = useState(window.scrollY);
+
+  useEffect(() => {
+    const handleScroll = () => {
+      if (window.scrollY === 0) return;
+      setScrollPosition(window.scrollY);
+    };
+
+    document.addEventListener('scroll', handleScroll);
+
+    return () => {
+      document.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+
+  useEffect(() => {
+    const handleMessage = (event: MessageEvent) => {
+      if (event.data === 'iframe_selection_area_added') {
+        if (scrollPosition <= 0) return;
+        document.body.style.overflow = 'hidden';
+        document.body.style.position = 'fixed';
+        document.body.style.top = `-${scrollPosition}px`;
+        document.body.style.width = '100%';
+      }
+
+      if (event.data === 'iframe_selection_area_removed') {
+
+        document.body.style.overflow = '';
+        document.body.style.position = '';
+        document.body.style.top = '';
+        document.body.style.width = '';
+
+        window.scrollTo(0, scrollPosition);
+      }
+    };
+    window.addEventListener('message', handleMessage);
+
+    return () => {
+      window.removeEventListener('message', handleMessage);
+    };
+  }, [scrollPosition]);
+
   return (
     <iframe
       className="h-[800px] w-full rounded-lg border"
+      id="potion_iframe"
       title="potion"
       src="https://potion.platejs.org/ai-menu/?iframe-blank=true"
     />

From ecd206388554df09215b18444e66dba128776bee Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Mon, 21 Oct 2024 16:37:19 +0800
Subject: [PATCH 090/127] fix

---
 apps/www/src/app/_components/potion-tab.tsx |  2 +-
 apps/www/src/app/page.tsx                   |  2 +-
 apps/www/src/components/block-preview.tsx   | 43 +++++++++++++++++++++
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/_components/potion-tab.tsx
index ae19ec7c09..fe13ddd5b1 100644
--- a/apps/www/src/app/_components/potion-tab.tsx
+++ b/apps/www/src/app/_components/potion-tab.tsx
@@ -50,7 +50,7 @@ export default function PotionTab() {
       className="h-[800px] w-full rounded-lg border"
       id="potion_iframe"
       title="potion"
-      src="https://potion.platejs.org/ai-menu/?iframe-blank=true"
+      src="https://potion.platejs.org/ai-menu/?iframe=true"
     />
   );
 }
diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/page.tsx
index fd112d26ca..039b93e566 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/page.tsx
@@ -64,7 +64,7 @@ export default function IndexPage() {
           block={{
             description: 'A Notion-like AI template',
             name: 'potion',
-            src: 'https://potion.platejs.org/ai-menu/?iframe-blank=true',
+            src: 'https://potion.platejs.org/ai-menu/?iframe=true',
           }}
         />
       </div>
diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index c405951239..05fa280fc0 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -21,6 +21,49 @@ export function BlockPreview({
 }) {
   const ref = React.useRef<ImperativePanelHandle>(null);
 
+  const [scrollPosition, setScrollPosition] = React.useState(window.scrollY);
+
+  React.useEffect(() => {
+    const handleScroll = () => {
+      if (window.scrollY === 0) return;
+      setScrollPosition(window.scrollY);
+    };
+
+    document.addEventListener('scroll', handleScroll);
+
+    return () => {
+      document.removeEventListener('scroll', handleScroll);
+    };
+  }, []);
+
+    React.useEffect(() => {
+      const handleMessage = (event: MessageEvent) => {
+      if (event.data === 'iframe_selection_area_added') {
+        if (scrollPosition <= 0) return;
+        document.body.style.overflow = 'hidden';
+        document.body.style.position = 'fixed';
+        document.body.style.top = `-${scrollPosition}px`;
+        document.body.style.width = '100%';
+      }
+
+      if (event.data === 'iframe_selection_area_removed') {
+
+        document.body.style.overflow = '';
+        document.body.style.position = '';
+        document.body.style.top = '';
+        document.body.style.width = '';
+
+        window.scrollTo(0, scrollPosition);
+      }
+    };
+    window.addEventListener('message', handleMessage);
+
+    return () => {
+      window.removeEventListener('message', handleMessage);
+    };
+  }, [scrollPosition]);
+
+
   return (
     <div
       id={block.name}

From dbb87ff607a97f397c0ef19d6e544c0daf148b3d Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 10:41:16 +0200
Subject: [PATCH 091/127] blocks

---
 .../_components}/announcement-button.tsx      |   0
 .../app/{ => (app)}/_components/home-tabs.tsx |   0
 .../_components/installation-code.tsx         |   0
 .../_components/installation-tab.tsx          |   0
 .../{ => (app)}/_components/potion-tab.tsx    |   0
 .../app/{ => (app)}/docs/[[...slug]]/page.tsx |   0
 .../{ => (app)}/docs/examples/server/page.tsx |   0
 apps/www/src/app/{ => (app)}/docs/layout.tsx  |   2 +-
 apps/www/src/app/(app)/layout.tsx             |  12 ++
 apps/www/src/app/{ => (app)}/page.tsx         |   4 +-
 .../app/(blocks)/blocks/playground/page.tsx   |  34 +++++
 apps/www/src/app/layout.tsx                   |   6 +-
 .../components/playground-preview-toolbar.tsx |  50 ++++---
 .../www/src/components/playground-preview.tsx | 125 +++++++++---------
 .../default/example/playground-demo.tsx       |   6 +-
 .../src/registry/default/plate-ui/editor.tsx  |   1 +
 16 files changed, 148 insertions(+), 92 deletions(-)
 rename apps/www/src/app/{ => (app)/_components}/announcement-button.tsx (100%)
 rename apps/www/src/app/{ => (app)}/_components/home-tabs.tsx (100%)
 rename apps/www/src/app/{ => (app)}/_components/installation-code.tsx (100%)
 rename apps/www/src/app/{ => (app)}/_components/installation-tab.tsx (100%)
 rename apps/www/src/app/{ => (app)}/_components/potion-tab.tsx (100%)
 rename apps/www/src/app/{ => (app)}/docs/[[...slug]]/page.tsx (100%)
 rename apps/www/src/app/{ => (app)}/docs/examples/server/page.tsx (100%)
 rename apps/www/src/app/{ => (app)}/docs/layout.tsx (92%)
 create mode 100644 apps/www/src/app/(app)/layout.tsx
 rename apps/www/src/app/{ => (app)}/page.tsx (94%)
 create mode 100644 apps/www/src/app/(blocks)/blocks/playground/page.tsx

diff --git a/apps/www/src/app/announcement-button.tsx b/apps/www/src/app/(app)/_components/announcement-button.tsx
similarity index 100%
rename from apps/www/src/app/announcement-button.tsx
rename to apps/www/src/app/(app)/_components/announcement-button.tsx
diff --git a/apps/www/src/app/_components/home-tabs.tsx b/apps/www/src/app/(app)/_components/home-tabs.tsx
similarity index 100%
rename from apps/www/src/app/_components/home-tabs.tsx
rename to apps/www/src/app/(app)/_components/home-tabs.tsx
diff --git a/apps/www/src/app/_components/installation-code.tsx b/apps/www/src/app/(app)/_components/installation-code.tsx
similarity index 100%
rename from apps/www/src/app/_components/installation-code.tsx
rename to apps/www/src/app/(app)/_components/installation-code.tsx
diff --git a/apps/www/src/app/_components/installation-tab.tsx b/apps/www/src/app/(app)/_components/installation-tab.tsx
similarity index 100%
rename from apps/www/src/app/_components/installation-tab.tsx
rename to apps/www/src/app/(app)/_components/installation-tab.tsx
diff --git a/apps/www/src/app/_components/potion-tab.tsx b/apps/www/src/app/(app)/_components/potion-tab.tsx
similarity index 100%
rename from apps/www/src/app/_components/potion-tab.tsx
rename to apps/www/src/app/(app)/_components/potion-tab.tsx
diff --git a/apps/www/src/app/docs/[[...slug]]/page.tsx b/apps/www/src/app/(app)/docs/[[...slug]]/page.tsx
similarity index 100%
rename from apps/www/src/app/docs/[[...slug]]/page.tsx
rename to apps/www/src/app/(app)/docs/[[...slug]]/page.tsx
diff --git a/apps/www/src/app/docs/examples/server/page.tsx b/apps/www/src/app/(app)/docs/examples/server/page.tsx
similarity index 100%
rename from apps/www/src/app/docs/examples/server/page.tsx
rename to apps/www/src/app/(app)/docs/examples/server/page.tsx
diff --git a/apps/www/src/app/docs/layout.tsx b/apps/www/src/app/(app)/docs/layout.tsx
similarity index 92%
rename from apps/www/src/app/docs/layout.tsx
rename to apps/www/src/app/(app)/docs/layout.tsx
index 7126e9a836..30683b8e6e 100644
--- a/apps/www/src/app/docs/layout.tsx
+++ b/apps/www/src/app/(app)/docs/layout.tsx
@@ -11,7 +11,7 @@ export default function DocsLayout({ children }: DocsLayoutProps) {
     <div className="border-b">
       <div className="container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10">
         <aside className="fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block">
-          <ScrollArea className="h-full py-6 pr-6 lg:py-8">
+          <ScrollArea className="h-full py-6 lg:py-8">
             <DocsSidebarNav config={docsConfig} />
           </ScrollArea>
         </aside>
diff --git a/apps/www/src/app/(app)/layout.tsx b/apps/www/src/app/(app)/layout.tsx
new file mode 100644
index 0000000000..1b4be9339e
--- /dev/null
+++ b/apps/www/src/app/(app)/layout.tsx
@@ -0,0 +1,12 @@
+import { SiteFooter } from '@/components/site-footer';
+import { SiteHeader } from '@/components/site-header';
+
+export default function AppLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <SiteHeader />
+      <main className="flex-1">{children}</main>
+      <SiteFooter />
+    </>
+  );
+}
diff --git a/apps/www/src/app/page.tsx b/apps/www/src/app/(app)/page.tsx
similarity index 94%
rename from apps/www/src/app/page.tsx
rename to apps/www/src/app/(app)/page.tsx
index 039b93e566..dccb227000 100644
--- a/apps/www/src/app/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -13,9 +13,9 @@ import { ThemesButton } from '@/components/themes-button';
 import { siteConfig } from '@/config/site';
 import { Button } from '@/registry/default/plate-ui/button';
 
-import { AnnouncementButton } from './announcement-button';
+import { AnnouncementButton } from './_components/announcement-button';
 
-import '../../public/r/themes.css';
+import '../../../public/r/themes.css';
 
 const HomeTabs = dynamic(() => import('./_components/home-tabs'));
 const CustomizerDrawer = dynamic(
diff --git a/apps/www/src/app/(blocks)/blocks/playground/page.tsx b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
new file mode 100644
index 0000000000..c38ec52ea7
--- /dev/null
+++ b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
@@ -0,0 +1,34 @@
+import type { Block } from '@/registry/schema';
+
+import { cn } from '@udecode/cn';
+
+import PlaygroundDemo from '@/registry/default/example/playground-demo';
+
+const block: Block = {
+  code: '',
+  highlightedCode: '',
+  name: 'playground',
+  type: 'registry:block',
+};
+
+export default function PlaygroundPage() {
+  return (
+    <div
+      // eslint-disable-next-line tailwindcss/no-custom-classname
+      className={cn('themes-wrapper bg-background', block.container?.className)}
+    >
+      {/* <BlockWrapper block={block}> */}
+      <PlaygroundDemo />
+      {/* {chunks?.map((chunk, index) => (
+          <BlockChunk
+            key={chunk.name}
+            block={block}
+            chunk={block.chunks?.[index]}
+          >
+            <chunk.component />
+          </BlockChunk>
+        ))} */}
+      {/* </BlockWrapper> */}
+    </div>
+  );
+}
diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
index 604f0bfeeb..a277686b4f 100644
--- a/apps/www/src/app/layout.tsx
+++ b/apps/www/src/app/layout.tsx
@@ -6,8 +6,6 @@ import { cn } from '@udecode/cn';
 
 import { GA } from '@/components/analytics/ga';
 import { Providers } from '@/components/context/providers';
-import { SiteFooter } from '@/components/site-footer';
-import { SiteHeader } from '@/components/site-header';
 import { TailwindIndicator } from '@/components/tailwind-indicator';
 import { Toaster } from '@/components/ui/sonner';
 import { siteConfig } from '@/config/site';
@@ -96,9 +94,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         <Providers>
           <div vaul-drawer-wrapper="">
             <div className="relative flex min-h-screen flex-col bg-background">
-              <SiteHeader />
-              <main className="flex-1">{children}</main>
-              <SiteFooter />
+              {children}
             </div>
           </div>
         </Providers>
diff --git a/apps/www/src/components/playground-preview-toolbar.tsx b/apps/www/src/components/playground-preview-toolbar.tsx
index a2334d85db..4e5834902f 100644
--- a/apps/www/src/components/playground-preview-toolbar.tsx
+++ b/apps/www/src/components/playground-preview-toolbar.tsx
@@ -6,32 +6,33 @@ import type { Block } from '@/registry/schema';
 import type { ImperativePanelHandle } from 'react-resizable-panels';
 
 import { cn } from '@udecode/cn';
-import { Maximize, Monitor, Smartphone, Tablet } from 'lucide-react';
+import { Fullscreen, Monitor, Smartphone, Tablet } from 'lucide-react';
+import Link from 'next/link';
 
+import { Button } from '@/registry/default/plate-ui/button';
 import { Separator } from '@/registry/default/plate-ui/separator';
 
 import { BlockCopyButton } from './block-copy-button';
 import { ToggleGroup, ToggleGroupItem } from './ui/toggle-group';
 
-// TODO: sync
 export function PlaygroundPreviewToolbar({
   block,
-  fullScreen,
   resizablePanelRef,
-  setFullScreen,
+  // fullScreen,
+  // setFullScreen,
 }: {
   block: { hasLiftMode: boolean } & Block;
-  fullScreen: boolean;
   resizablePanelRef: React.RefObject<ImperativePanelHandle>;
-  setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
+  // fullScreen: boolean;
+  // setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
   return (
     <div
       className={cn(
         'flex items-center gap-4',
-        'absolute right-0 z-[60]',
-        !fullScreen && '-top-4 -translate-y-full',
-        fullScreen && 'bottom-4'
+        'absolute right-0 z-50',
+        '-top-4 -translate-y-full'
+        // fullScreen && 'bottom-4'
       )}
     >
       <div className="flex items-center gap-2 pr-[14px] sm:ml-auto">
@@ -39,14 +40,14 @@ export function PlaygroundPreviewToolbar({
           <ToggleGroup
             defaultValue="100"
             onValueChange={(value) => {
-              if (value === 'full') {
-                setFullScreen(true);
+              // if (value === 'full') {
+              //   setFullScreen(true);
 
-                return;
-              }
-              if (fullScreen) {
-                setFullScreen(false);
-              }
+              //   return;
+              // }
+              // if (fullScreen) {
+              //   setFullScreen(false);
+              // }
 
               setTimeout(() => {
                 if (resizablePanelRef.current) {
@@ -56,12 +57,12 @@ export function PlaygroundPreviewToolbar({
             }}
             type="single"
           >
-            <ToggleGroupItem
+            {/* <ToggleGroupItem
               className="size-[22px] rounded-sm p-0"
               value="full"
             >
               <Maximize className="!size-3.5" />
-            </ToggleGroupItem>
+            </ToggleGroupItem> */}
             <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="100">
               <Monitor className="!size-3.5" />
             </ToggleGroupItem>
@@ -71,6 +72,19 @@ export function PlaygroundPreviewToolbar({
             <ToggleGroupItem className="size-[22px] rounded-sm p-0" value="30">
               <Smartphone className="!size-3.5" />
             </ToggleGroupItem>
+            <Separator orientation="vertical" className="h-4" />
+            <Button
+              asChild
+              size="icon"
+              variant="ghost"
+              className="size-[22px] rounded-sm p-0"
+              title="Open in New Tab"
+            >
+              <Link href={`/blocks/${block.name}`} target="_blank">
+                <span className="sr-only">Open in New Tab</span>
+                <Fullscreen className="size-3.5" />
+              </Link>
+            </Button>
           </ToggleGroup>
         </div>
 
diff --git a/apps/www/src/components/playground-preview.tsx b/apps/www/src/components/playground-preview.tsx
index e39080a5a0..006f1f7e89 100644
--- a/apps/www/src/components/playground-preview.tsx
+++ b/apps/www/src/components/playground-preview.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { type ComponentProps, useState } from 'react';
+import type { ComponentProps } from 'react';
 import * as React from 'react';
 
 import type { Block } from '@/registry/schema';
@@ -34,18 +34,16 @@ export function PlaygroundPreview({
   const { isLiftMode } = useLiftMode(block.name);
   // const [isLoading, setIsLoading] = React.useState(true);
   const ref = React.useRef<ImperativePanelHandle>(null);
-  const [fullScreen, setFullScreen] = useState(false);
+  // const [fullScreen, setFullScreen] = useState(false);
 
   return (
     <div
       id={block.name}
       className={cn(
         'relative w-full scroll-m-20',
-        className,
-        fullScreen &&
-          'fixed inset-0 z-50 max-w-none [&_[data-slate-editor]]:max-h-[calc(100dvh-44px)]'
+        className
         // fullScreen &&
-        //   '[&_[data-slate-editor]]:mx-auto [&_[data-slate-editor]]:max-w-[1125px]'
+        //   'fixed inset-0 z-50 max-w-none [&_[data-slate-editor]]:max-h-[calc(100dvh-44px)]'
       )}
       style={
         {
@@ -56,83 +54,84 @@ export function PlaygroundPreview({
     >
       <PlaygroundPreviewToolbar
         block={block}
-        fullScreen={fullScreen}
         resizablePanelRef={ref}
-        setFullScreen={setFullScreen}
+        // fullScreen={fullScreen}
+        // setFullScreen={setFullScreen}
       />
 
-      {fullScreen && (
+      {/* {fullScreen && (
         <ThemeWrapper className="h-full">
           <PlaygroundDemo
             className="max-h-none"
             scrollSelector="playground-full-screen"
           />
         </ThemeWrapper>
-      )}
+      )} */}
+
+      {/* {!fullScreen && (
+        <> */}
+      {/* <div
+        className={cn(
+          'relative min-h-[800px] rounded-lg border bg-background',
+          'md:hidden',
+          // !fullScreen && 'md:hidden',
+          isLiftMode ? 'border-border/50' : 'border-border'
+        )}
+      >
+        <div className="chunk-mode relative z-20 w-full bg-background">
+          <ThemeWrapper>
+            <PlaygroundDemo scrollSelector="playground-preview-1" className="max-h-[800px]" />
+          </ThemeWrapper>
+        </div>
+      </div> */}
 
-      {!fullScreen && (
-        <>
-          <div
+      <div className="relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted max-md:hidden">
+        <ResizablePanelGroup className="relative z-10" direction="horizontal">
+          <ResizablePanel
+            ref={ref}
             className={cn(
-              'relative min-h-[800px] rounded-lg border bg-background',
-              !fullScreen && 'md:hidden',
+              'relative rounded-lg border bg-background',
               isLiftMode ? 'border-border/50' : 'border-border'
             )}
+            defaultSize={100}
+            minSize={30}
           >
             <div className="chunk-mode relative z-20 w-full bg-background">
               <ThemeWrapper>
-                <PlaygroundDemo scrollSelector="playground-preview-1" />
+                <PlaygroundDemo
+                  className="max-h-[800px]"
+                  scrollSelector="playground-preview-2"
+                />
               </ThemeWrapper>
             </div>
-          </div>
 
-          <div className="relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted max-md:hidden">
-            <ResizablePanelGroup
-              className="relative z-10"
-              direction="horizontal"
-            >
-              <ResizablePanel
-                ref={ref}
-                className={cn(
-                  'relative rounded-lg border bg-background',
-                  isLiftMode ? 'border-border/50' : 'border-border'
-                )}
-                defaultSize={100}
-                minSize={30}
-              >
-                <div className="chunk-mode relative z-20 w-full bg-background">
-                  <ThemeWrapper>
-                    <PlaygroundDemo scrollSelector="playground-preview-2" />
-                  </ThemeWrapper>
-                </div>
+            {/* {isLoading ? ( */}
+            {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
+            {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
+            {/*    Loading... */}
+            {/*  </div> */}
+            {/* ) : null} */}
+            {/* <iframe */}
+            {/*  src={`/blocks/${block.style}/${block.name}`} */}
+            {/*  height={block.container?.height ?? 450} */}
+            {/*  className="chunk-mode relative z-20 w-full bg-background" */}
+            {/*  onLoad={() => { */}
+            {/*    setIsLoading(false) */}
+            {/*  }} */}
+            {/* /> */}
+          </ResizablePanel>
 
-                {/* {isLoading ? ( */}
-                {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
-                {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
-                {/*    Loading... */}
-                {/*  </div> */}
-                {/* ) : null} */}
-                {/* <iframe */}
-                {/*  src={`/blocks/${block.style}/${block.name}`} */}
-                {/*  height={block.container?.height ?? 450} */}
-                {/*  className="chunk-mode relative z-20 w-full bg-background" */}
-                {/*  onLoad={() => { */}
-                {/*    setIsLoading(false) */}
-                {/*  }} */}
-                {/* /> */}
-              </ResizablePanel>
-
-              <ResizableHandle
-                className={cn(
-                  'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
-                  isLiftMode && 'invisible'
-                )}
-              />
-              <ResizablePanel defaultSize={0} minSize={0} />
-            </ResizablePanelGroup>
-          </div>
-        </>
-      )}
+          <ResizableHandle
+            className={cn(
+              'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
+              isLiftMode && 'invisible'
+            )}
+          />
+          <ResizablePanel defaultSize={0} minSize={0} />
+        </ResizablePanelGroup>
+      </div>
+      {/* </> */}
+      {/* )} */}
     </div>
   );
 }
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index d70feb8b15..199ac536c2 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -385,7 +385,7 @@ export default function PlaygroundDemo({
               id={scrollSelector ?? `blockSelection-${id}`}
               ref={containerRef}
               className={cn(
-                'relative flex max-h-[800px] w-full overflow-x-auto',
+                'relative flex w-full overflow-x-auto',
                 // block selection area
                 '[&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',
                 className
@@ -395,10 +395,10 @@ export default function PlaygroundDemo({
               <Editor
                 {...editableProps}
                 size="md"
-                variant="ghost"
+                variant="demo"
                 className={cn(
                   editableProps.className,
-                  'overflow-x-auto rounded-none px-[var(--editor-px)]',
+                  'overflow-x-auto rounded-none',
                   !id && 'pb-[20vh] pt-4',
                   id && 'pb-8 pt-2'
                 )}
diff --git a/apps/www/src/registry/default/plate-ui/editor.tsx b/apps/www/src/registry/default/plate-ui/editor.tsx
index 832b4ec464..f09113f7f5 100644
--- a/apps/www/src/registry/default/plate-ui/editor.tsx
+++ b/apps/www/src/registry/default/plate-ui/editor.tsx
@@ -37,6 +37,7 @@ const editorVariants = cva(
         sm: 'text-sm',
       },
       variant: {
+        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
       },

From ff0f063a80d28620ffc84a949135d7ddd6de7310 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 10:46:37 +0200
Subject: [PATCH 092/127] fix

---
 apps/www/src/components/block-preview.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index 05fa280fc0..ff5d7ce523 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -21,11 +21,16 @@ export function BlockPreview({
 }) {
   const ref = React.useRef<ImperativePanelHandle>(null);
 
-  const [scrollPosition, setScrollPosition] = React.useState(window.scrollY);
+  const [scrollPosition, setScrollPosition] = React.useState(
+    typeof window === 'undefined' ? 0 : window.scrollY
+  );
 
   React.useEffect(() => {
+    if (typeof window === 'undefined') return;
+
     const handleScroll = () => {
       if (window.scrollY === 0) return;
+
       setScrollPosition(window.scrollY);
     };
 
@@ -36,18 +41,19 @@ export function BlockPreview({
     };
   }, []);
 
-    React.useEffect(() => {
-      const handleMessage = (event: MessageEvent) => {
+  React.useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const handleMessage = (event: MessageEvent) => {
       if (event.data === 'iframe_selection_area_added') {
         if (scrollPosition <= 0) return;
+
         document.body.style.overflow = 'hidden';
         document.body.style.position = 'fixed';
         document.body.style.top = `-${scrollPosition}px`;
         document.body.style.width = '100%';
       }
-
       if (event.data === 'iframe_selection_area_removed') {
-
         document.body.style.overflow = '';
         document.body.style.position = '';
         document.body.style.top = '';
@@ -63,7 +69,6 @@ export function BlockPreview({
     };
   }, [scrollPosition]);
 
-
   return (
     <div
       id={block.name}

From 451ebdd6fb87169457359d7423295b7b5206884e Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 11:55:21 +0200
Subject: [PATCH 093/127] wip

---
 apps/www/src/app/(app)/page.tsx           | 10 +++
 apps/www/src/components/block-preview.tsx | 94 +++++++++++------------
 apps/www/src/components/site-header.tsx   |  2 +-
 apps/www/src/config/site.ts               |  1 +
 4 files changed, 59 insertions(+), 48 deletions(-)

diff --git a/apps/www/src/app/(app)/page.tsx b/apps/www/src/app/(app)/page.tsx
index dccb227000..d81fc39562 100644
--- a/apps/www/src/app/(app)/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -59,6 +59,16 @@ export default function IndexPage() {
         <CustomizerDrawer />
       </section>
 
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
+        <BlockPreview
+          block={{
+            description: 'A shadcn/ui template',
+            name: 'potion',
+            src: '/blocks/playground',
+          }}
+        />
+      </div>
+
       <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
         <BlockPreview
           block={{
diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index ff5d7ce523..113fe0dc47 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -21,53 +21,53 @@ export function BlockPreview({
 }) {
   const ref = React.useRef<ImperativePanelHandle>(null);
 
-  const [scrollPosition, setScrollPosition] = React.useState(
-    typeof window === 'undefined' ? 0 : window.scrollY
-  );
-
-  React.useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const handleScroll = () => {
-      if (window.scrollY === 0) return;
-
-      setScrollPosition(window.scrollY);
-    };
-
-    document.addEventListener('scroll', handleScroll);
-
-    return () => {
-      document.removeEventListener('scroll', handleScroll);
-    };
-  }, []);
-
-  React.useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const handleMessage = (event: MessageEvent) => {
-      if (event.data === 'iframe_selection_area_added') {
-        if (scrollPosition <= 0) return;
-
-        document.body.style.overflow = 'hidden';
-        document.body.style.position = 'fixed';
-        document.body.style.top = `-${scrollPosition}px`;
-        document.body.style.width = '100%';
-      }
-      if (event.data === 'iframe_selection_area_removed') {
-        document.body.style.overflow = '';
-        document.body.style.position = '';
-        document.body.style.top = '';
-        document.body.style.width = '';
-
-        window.scrollTo(0, scrollPosition);
-      }
-    };
-    window.addEventListener('message', handleMessage);
-
-    return () => {
-      window.removeEventListener('message', handleMessage);
-    };
-  }, [scrollPosition]);
+  // const [scrollPosition, setScrollPosition] = React.useState(
+  //   typeof window === 'undefined' ? 0 : window.scrollY
+  // );
+
+  // React.useEffect(() => {
+  //   if (typeof window === 'undefined') return;
+
+  //   const handleScroll = () => {
+  //     if (window.scrollY === 0) return;
+
+  //     setScrollPosition(window.scrollY);
+  //   };
+
+  //   document.addEventListener('scroll', handleScroll);
+
+  //   return () => {
+  //     document.removeEventListener('scroll', handleScroll);
+  //   };
+  // }, []);
+
+  // React.useEffect(() => {
+  //   if (typeof window === 'undefined') return;
+
+  //   const handleMessage = (event: MessageEvent) => {
+  //     if (event.data === 'iframe_selection_area_added') {
+  //       if (scrollPosition <= 0) return;
+
+  //       document.body.style.overflow = 'hidden';
+  //       document.body.style.position = 'fixed';
+  //       document.body.style.top = `-${scrollPosition}px`;
+  //       document.body.style.width = '100%';
+  //     }
+  //     if (event.data === 'iframe_selection_area_removed') {
+  //       document.body.style.overflow = '';
+  //       document.body.style.position = '';
+  //       document.body.style.top = '';
+  //       document.body.style.width = '';
+
+  //       window.scrollTo(0, scrollPosition);
+  //     }
+  //   };
+  //   window.addEventListener('message', handleMessage);
+
+  //   return () => {
+  //     window.removeEventListener('message', handleMessage);
+  //   };
+  // }, [scrollPosition]);
 
   return (
     <div
diff --git a/apps/www/src/components/site-header.tsx b/apps/www/src/components/site-header.tsx
index a98dd68e66..412871f578 100644
--- a/apps/www/src/components/site-header.tsx
+++ b/apps/www/src/components/site-header.tsx
@@ -46,7 +46,7 @@ export function SiteHeader() {
           </Link>
           <Link
             className="text-foreground/60 transition-colors hover:text-foreground/80"
-            href="/#potion"
+            href={siteConfig.links.potion}
           >
             Potion
           </Link>
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 3703efc400..83efa4908a 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -5,6 +5,7 @@ export const siteConfig = {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
     platePro: 'https://pro.platejs.org',
+    potion: 'https://pro.platejs.org/docs/templates/potion',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',
   },

From 720af1aad0f0bade3bb1563fad3cb507485911a0 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 13:48:28 +0200
Subject: [PATCH 094/127] doc

---
 apps/www/content/docs/block-selection.mdx     |  2 +-
 .../src/app/(app)/_components/home-tabs.tsx   |  3 +--
 apps/www/src/app/(app)/page.tsx               | 12 ++++++++--
 .../app/(blocks)/blocks/playground/page.tsx   |  2 +-
 apps/www/src/components/block-preview.tsx     | 24 ++++++++++---------
 .../www/src/components/playground-preview.tsx |  5 +---
 .../src/registry/default/plate-ui/editor.tsx  |  2 +-
 7 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/apps/www/content/docs/block-selection.mdx b/apps/www/content/docs/block-selection.mdx
index 8926fe023f..3f4c13ff23 100644
--- a/apps/www/content/docs/block-selection.mdx
+++ b/apps/www/content/docs/block-selection.mdx
@@ -3,7 +3,7 @@ title: Block Selection
 description: Select and manipulate entire text blocks.
 ---
 
-<ComponentPreview name="playground-demo" id="blockselection" scrollSelector="block-selection-plugin" />
+<ComponentPreview name="playground-demo" id="blockselection" />
 
 <PackageInfo>
 
diff --git a/apps/www/src/app/(app)/_components/home-tabs.tsx b/apps/www/src/app/(app)/_components/home-tabs.tsx
index 87e655fc08..b9d2551089 100644
--- a/apps/www/src/app/(app)/_components/home-tabs.tsx
+++ b/apps/www/src/app/(app)/_components/home-tabs.tsx
@@ -8,7 +8,6 @@ import dynamic from 'next/dynamic';
 import { parseAsBoolean, useQueryState } from 'nuqs';
 
 import { settingsStore } from '@/components/context/settings-store';
-import { PlaygroundPreview } from '@/components/playground-preview';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/registry/default/plate-ui/button';
 
@@ -70,7 +69,7 @@ export default function HomeTabs() {
         </Button>
 
         <TabsContent className="pt-2" value="playground">
-          <PlaygroundPreview className="max-w-[1336px]" />
+          {/* <PlaygroundPreview className="max-w-[1336px]" /> */}
         </TabsContent>
 
         <TabsContent className="pt-2" value="installation">
diff --git a/apps/www/src/app/(app)/page.tsx b/apps/www/src/app/(app)/page.tsx
index d81fc39562..f0cfb7da82 100644
--- a/apps/www/src/app/(app)/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -64,17 +64,25 @@ export default function IndexPage() {
           block={{
             description: 'A shadcn/ui template',
             name: 'potion',
-            src: '/blocks/playground',
+            src: 'https://next.platejs.org/docs/block-selection',
+            // src: '/docs/block-selection',
+            // src: '/blocks/playground',
           }}
         />
       </div>
 
       <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
-        <BlockPreview
+        {/* <BlockPreview
           block={{
             description: 'A Notion-like AI template',
             name: 'potion',
             src: 'https://potion.platejs.org/ai-menu/?iframe=true',
+          }} */}
+        <BlockPreview
+          block={{
+            description: 'A Notion-like AI template',
+            name: 'potion',
+            src: 'https://pro.platejs.org/docs/examples/ai',
           }}
         />
       </div>
diff --git a/apps/www/src/app/(blocks)/blocks/playground/page.tsx b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
index c38ec52ea7..eb997a2d34 100644
--- a/apps/www/src/app/(blocks)/blocks/playground/page.tsx
+++ b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
@@ -18,7 +18,7 @@ export default function PlaygroundPage() {
       className={cn('themes-wrapper bg-background', block.container?.className)}
     >
       {/* <BlockWrapper block={block}> */}
-      <PlaygroundDemo />
+      <PlaygroundDemo className="[&_[data-slate-editor]]:max-h-none" />
       {/* {chunks?.map((chunk, index) => (
           <BlockChunk
             key={chunk.name}
diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index 113fe0dc47..2f497b835e 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -25,21 +25,23 @@ export function BlockPreview({
   //   typeof window === 'undefined' ? 0 : window.scrollY
   // );
 
-  // React.useEffect(() => {
-  //   if (typeof window === 'undefined') return;
+  React.useEffect(() => {
+    if (typeof window === 'undefined') return;
 
-  //   const handleScroll = () => {
-  //     if (window.scrollY === 0) return;
+    // console.log(window.frameElement.ownerDocument);
 
-  //     setScrollPosition(window.scrollY);
-  //   };
+    // const handleScroll = () => {
+    //   if (window.scrollY === 0) return;
 
-  //   document.addEventListener('scroll', handleScroll);
+    //   setScrollPosition(window.scrollY);
+    // };
 
-  //   return () => {
-  //     document.removeEventListener('scroll', handleScroll);
-  //   };
-  // }, []);
+    // document.addEventListener('scroll', handleScroll);
+
+    // return () => {
+    //   document.removeEventListener('scroll', handleScroll);
+    // };
+  }, []);
 
   // React.useEffect(() => {
   //   if (typeof window === 'undefined') return;
diff --git a/apps/www/src/components/playground-preview.tsx b/apps/www/src/components/playground-preview.tsx
index 006f1f7e89..3738be7adb 100644
--- a/apps/www/src/components/playground-preview.tsx
+++ b/apps/www/src/components/playground-preview.tsx
@@ -98,10 +98,7 @@ export function PlaygroundPreview({
           >
             <div className="chunk-mode relative z-20 w-full bg-background">
               <ThemeWrapper>
-                <PlaygroundDemo
-                  className="max-h-[800px]"
-                  scrollSelector="playground-preview-2"
-                />
+                <PlaygroundDemo scrollSelector="playground-preview-2" />
               </ThemeWrapper>
             </div>
 
diff --git a/apps/www/src/registry/default/plate-ui/editor.tsx b/apps/www/src/registry/default/plate-ui/editor.tsx
index f09113f7f5..57a97069c0 100644
--- a/apps/www/src/registry/default/plate-ui/editor.tsx
+++ b/apps/www/src/registry/default/plate-ui/editor.tsx
@@ -37,7 +37,7 @@ const editorVariants = cva(
         sm: 'text-sm',
       },
       variant: {
-        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
+        demo: 'max-h-[650px] min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
       },

From 1d45881269bbc9978307e14e37e1e77faf130804 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 14:59:31 +0200
Subject: [PATCH 095/127] tmp

---
 apps/www/src/app/(app)/page.tsx | 37 ++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/apps/www/src/app/(app)/page.tsx b/apps/www/src/app/(app)/page.tsx
index f0cfb7da82..56a150fd97 100644
--- a/apps/www/src/app/(app)/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -59,10 +59,10 @@ export default function IndexPage() {
         <CustomizerDrawer />
       </section>
 
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
         <BlockPreview
           block={{
-            description: 'A shadcn/ui template',
+            description: 'https://next.platejs.org/docs/block-selection',
             name: 'potion',
             src: 'https://next.platejs.org/docs/block-selection',
             // src: '/docs/block-selection',
@@ -70,21 +70,44 @@ export default function IndexPage() {
           }}
         />
       </div>
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
+        <BlockPreview
+          block={{
+            description: '/docs/block-selection',
+            name: 'potion',
+            src: '/docs/block-selection',
+            // src: '/docs/block-selection',
+            // src: '/blocks/playground',
+          }}
+        />
+      </div>
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
+        <BlockPreview
+          block={{
+            description: 'https://pro.platejs.org/docs/examples/ai',
+            name: 'potion',
+            src: 'https://pro.platejs.org/docs/examples/ai',
+            // src: '/docs/block-selection',
+            // src: '/blocks/playground',
+          }}
+        />
+      </div>
 
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-48 ">
-        {/* <BlockPreview
+      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
+        <BlockPreview
           block={{
             description: 'A Notion-like AI template',
             name: 'potion',
             src: 'https://potion.platejs.org/ai-menu/?iframe=true',
-          }} */}
-        <BlockPreview
+          }}
+        />
+        {/* <BlockPreview
           block={{
             description: 'A Notion-like AI template',
             name: 'potion',
             src: 'https://pro.platejs.org/docs/examples/ai',
           }}
-        />
+        /> */}
       </div>
     </div>
   );

From 1c732d328f6ef35949efb47de77fbb9f12e469a1 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Mon, 21 Oct 2024 21:37:53 +0200
Subject: [PATCH 096/127] doc

---
 .../r/styles/default/block-context-menu.json  |   2 +-
 apps/www/public/r/styles/default/button.json  |   2 +-
 apps/www/public/r/styles/default/editor.json  |   2 +-
 .../r/styles/default/excalidraw-element.json  |   2 +-
 .../public/r/styles/default/ghost-text.json   |   2 +-
 .../r/styles/default/heading-element.json     |   2 +-
 .../r/styles/default/playground-demo.json     |   2 +-
 .../r/styles/default/pro-iframe-demo.json     |  12 ++
 .../public/r/styles/default/toc-element.json  |   2 +-
 apps/www/src/__registry__/index.tsx           |  20 +--
 .../src/app/(app)/_components/home-tabs.tsx   |   4 +-
 .../src/app/(app)/_components/potion-tab.tsx  |   7 +-
 apps/www/src/app/(app)/page.tsx               |  48 +------
 .../app/(blocks)/blocks/playground/page.tsx   |   2 +-
 apps/www/src/components/_block-display.tsx    |   2 +-
 apps/www/src/components/block-preview.tsx     |  61 +--------
 apps/www/src/components/block-toolbar.tsx     |  15 ++-
 apps/www/src/components/doc-page-layout.tsx   |   6 +-
 apps/www/src/components/open-in-plus.tsx      |   6 +-
 .../plate-ui/playground-floating-toolbar.tsx  |   2 -
 .../www/src/components/playground-preview.tsx | 111 ++++++---------
 apps/www/src/components/site-header.tsx       |   5 +-
 apps/www/src/config/customizer-plugins.ts     |   2 +-
 apps/www/src/config/docs.ts                   |  20 +--
 apps/www/src/config/site.ts                   |   3 +-
 .../www/src/lib/plate/demo/values/aiValue.tsx |   8 +-
 .../lib/plate/demo/values/autoformatValue.tsx |   2 +-
 .../plate/demo/values/basicElementsValue.tsx  |   2 +-
 .../lib/plate/demo/values/basicMarksValue.tsx |   2 +-
 .../lib/plate/demo/values/blockMenuValue.tsx  |   2 +-
 .../plate/demo/values/blockSelectionValue.tsx |   2 +-
 .../src/lib/plate/demo/values/columnValue.tsx |   2 +-
 .../lib/plate/demo/values/commentsValue.ts    |   2 +-
 .../lib/plate/demo/values/copilotValue.tsx    |   2 +-
 .../src/lib/plate/demo/values/dateValue.tsx   |   2 +-
 .../src/lib/plate/demo/values/emojiValue.tsx  |   2 +-
 .../lib/plate/demo/values/excalidrawValue.tsx |   2 +-
 .../lib/plate/demo/values/exitBreakValue.tsx  |   2 +-
 .../src/lib/plate/demo/values/fontValue.tsx   |   1 +
 .../src/lib/plate/demo/values/linkValue.tsx   |   2 +-
 .../src/lib/plate/demo/values/mediaValue.tsx  |   9 +-
 .../lib/plate/demo/values/mentionValue.tsx    |   2 +-
 ...lahMenuValue.tsx => slashCommandValue.tsx} |   2 +-
 .../lib/plate/demo/values/softBreakValue.tsx  |   2 +-
 .../src/lib/plate/demo/values/tableValue.tsx  |   2 +-
 .../src/lib/plate/demo/values/tocValue.tsx    |  10 +-
 .../src/lib/plate/demo/values/toggleValue.tsx |   2 +-
 .../plate/demo/values/usePlaygroundValue.ts   |  67 +++++----
 apps/www/src/lib/themes.ts                    | 127 +++++++++---------
 .../default/example/image-pro-demo.tsx        |   2 +-
 .../registry/default/example/mode-toggle.tsx  |   5 +-
 .../default/example/playground-demo.tsx       |   2 +-
 .../src/registry/default/plate-ui/editor.tsx  |   2 +-
 .../default/plate-ui/excalidraw-element.tsx   |   2 +-
 apps/www/src/registry/schema.ts               |   1 +
 apps/www/src/styles/globals.css               |   4 +-
 .../utils/transformers/transform-css-vars.ts  |   2 +-
 57 files changed, 279 insertions(+), 341 deletions(-)
 create mode 100644 apps/www/public/r/styles/default/pro-iframe-demo.json
 rename apps/www/src/lib/plate/demo/values/{slahMenuValue.tsx => slashCommandValue.tsx} (96%)

diff --git a/apps/www/public/r/styles/default/block-context-menu.json b/apps/www/public/r/styles/default/block-context-menu.json
index 3372d0d6c8..c37e0af39b 100644
--- a/apps/www/public/r/styles/default/block-context-menu.json
+++ b/apps/www/public/r/styles/default/block-context-menu.json
@@ -6,7 +6,7 @@
     {
       "content": "import { useCallback } from 'react';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\nexport const BlockContextMenu = (props: { children: React.ReactNode }) => {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n\n  const { children } = props;\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        <ContextMenuItem inset>Ask AI</ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n          inset\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n          inset\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuCheckboxItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n};\n",
       "path": "plate-ui/block-context-menu.tsx",
-      "target": "",
+      "target": "components/plate-ui/block-context-menu.tsx",
       "type": "registry:ui"
     }
   ],
diff --git a/apps/www/public/r/styles/default/button.json b/apps/www/public/r/styles/default/button.json
index dde5b94c11..a1caf00116 100644
--- a/apps/www/public/r/styles/default/button.json
+++ b/apps/www/public/r/styles/default/button.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cn, withRef } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nexport const buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    defaultVariants: {\n      size: 'default',\n      variant: 'default',\n    },\n    variants: {\n      isMenu: {\n        true: 'h-auto w-full cursor-pointer justify-start',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        icon: 'size-10',\n        lg: 'h-11 rounded-md px-8',\n        none: '',\n        sm: 'h-9 rounded-md px-3',\n        sms: 'size-9 rounded-md px-0',\n        xs: 'h-8 rounded-md px-3',\n      },\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        inlineLink: 'text-base text-primary underline underline-offset-4',\n        link: 'text-primary underline-offset-4 hover:underline',\n        outline:\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n      },\n    },\n  }\n);\n\nexport const Button = withRef<\n  'button',\n  {\n    asChild?: boolean;\n  } & VariantProps<typeof buttonVariants>\n>(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(buttonVariants({ className, isMenu, size, variant }))}\n      {...props}\n    />\n  );\n});\n",
+      "content": "import * as React from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { cn, withRef } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nexport const buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    defaultVariants: {\n      size: 'default',\n      variant: 'default',\n    },\n    variants: {\n      isMenu: {\n        true: 'h-auto w-full cursor-pointer justify-start',\n      },\n      size: {\n        default: 'h-10 px-4 py-2',\n        icon: 'size-10',\n        lg: 'h-11 rounded-md px-8',\n        none: '',\n        sm: 'h-9 rounded-md px-3',\n        sms: 'size-9 rounded-md px-0',\n        xs: 'h-8 rounded-md px-3 text-xs',\n      },\n      variant: {\n        default: 'bg-primary text-primary-foreground hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90',\n        ghost: 'hover:bg-accent hover:text-accent-foreground',\n        inlineLink: 'text-base text-primary underline underline-offset-4',\n        link: 'text-primary underline-offset-4 hover:underline',\n        outline:\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground',\n        secondary:\n          'bg-secondary text-secondary-foreground hover:bg-secondary/80',\n      },\n    },\n  }\n);\n\nexport const Button = withRef<\n  'button',\n  {\n    asChild?: boolean;\n  } & VariantProps<typeof buttonVariants>\n>(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(buttonVariants({ className, isMenu, size, variant }))}\n      {...props}\n    />\n  );\n});\n",
       "path": "plate-ui/button.tsx",
       "target": "components/plate-ui/button.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/editor.json b/apps/www/public/r/styles/default/editor.json
index fb9b1fa831..892d5887e6 100644
--- a/apps/www/public/r/styles/default/editor.json
+++ b/apps/www/public/r/styles/default/editor.json
@@ -2,7 +2,7 @@
   "dependencies": [],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport type { PlateContentProps } from '@udecode/plate-common/react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@udecode/cn';\nimport { PlateContent } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst editorVariants = cva(\n  cn(\n    'relative overflow-x-auto whitespace-pre-wrap break-words text-foreground',\n    'min-h-[80px] w-full rounded-md bg-background px-6 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none',\n    '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',\n    '[&_[data-slate-placeholder]]:top-[auto_!important]',\n    '[&_strong]:font-bold'\n  ),\n  {\n    defaultVariants: {\n      focusRing: true,\n      size: 'sm',\n      variant: 'outline',\n    },\n    variants: {\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n      },\n      focusRing: {\n        false: '',\n        true: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      },\n      focused: {\n        true: 'ring-2 ring-ring ring-offset-2',\n      },\n      size: {\n        md: 'text-base',\n        sm: 'text-sm',\n      },\n      variant: {\n        ghost: '',\n        outline: 'border border-input',\n      },\n    },\n  }\n);\n\nexport type EditorProps = PlateContentProps &\n  VariantProps<typeof editorVariants>;\n\nconst Editor = React.forwardRef<HTMLDivElement, EditorProps>(\n  (\n    {\n      className,\n      disabled,\n      focusRing,\n      focused,\n      readOnly,\n      size,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className=\"relative w-full\">\n        <PlateContent\n          className={cn(\n            editorVariants({\n              disabled,\n              focusRing,\n              focused,\n              size,\n              variant,\n            }),\n            className\n          )}\n          readOnly={disabled ?? readOnly}\n          aria-disabled={disabled}\n          data-plate-selectable\n          disableDefaultStyles\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nEditor.displayName = 'Editor';\n\nexport { Editor };\n",
+      "content": "import React from 'react';\n\nimport type { PlateContentProps } from '@udecode/plate-common/react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@udecode/cn';\nimport { PlateContent } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst editorVariants = cva(\n  cn(\n    'relative overflow-x-auto whitespace-pre-wrap break-words text-foreground',\n    'min-h-[80px] w-full rounded-md bg-background px-6 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none',\n    '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',\n    '[&_[data-slate-placeholder]]:top-[auto_!important]',\n    '[&_strong]:font-bold'\n  ),\n  {\n    defaultVariants: {\n      focusRing: true,\n      size: 'sm',\n      variant: 'outline',\n    },\n    variants: {\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n      },\n      focusRing: {\n        false: '',\n        true: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      },\n      focused: {\n        true: 'ring-2 ring-ring ring-offset-2',\n      },\n      size: {\n        md: 'text-base',\n        sm: 'text-sm',\n      },\n      variant: {\n        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',\n        ghost: '',\n        outline: 'border border-input',\n      },\n    },\n  }\n);\n\nexport type EditorProps = PlateContentProps &\n  VariantProps<typeof editorVariants>;\n\nconst Editor = React.forwardRef<HTMLDivElement, EditorProps>(\n  (\n    {\n      className,\n      disabled,\n      focusRing,\n      focused,\n      readOnly,\n      size,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className=\"relative w-full\">\n        <PlateContent\n          className={cn(\n            editorVariants({\n              disabled,\n              focusRing,\n              focused,\n              size,\n              variant,\n            }),\n            className\n          )}\n          readOnly={disabled ?? readOnly}\n          aria-disabled={disabled}\n          data-plate-selectable\n          disableDefaultStyles\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nEditor.displayName = 'Editor';\n\nexport { Editor };\n",
       "path": "plate-ui/editor.tsx",
       "target": "components/plate-ui/editor.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/excalidraw-element.json b/apps/www/public/r/styles/default/excalidraw-element.json
index d99e5622b7..b5bcf06bac 100644
--- a/apps/www/public/r/styles/default/excalidraw-element.json
+++ b/apps/www/public/r/styles/default/excalidraw-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { useExcalidrawElement } from '@udecode/plate-excalidraw/react';\n\nimport { PlateElement } from './plate-element';\n\nexport const ExcalidrawElement = withRef<typeof PlateElement>(\n  ({ nodeProps, ...props }, ref) => {\n    const { children, element } = props;\n\n    const { Excalidraw, excalidrawProps } = useExcalidrawElement({\n      element,\n    });\n\n    return (\n      <PlateElement ref={ref} {...props}>\n        <div contentEditable={false}>\n          <div className=\"h-[600px]\">\n            {Excalidraw && (\n              <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />\n            )}\n          </div>\n        </div>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "content": "import React from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { useExcalidrawElement } from '@udecode/plate-excalidraw/react';\n\nimport { PlateElement } from './plate-element';\n\nexport const ExcalidrawElement = withRef<typeof PlateElement>(\n  ({ nodeProps, ...props }, ref) => {\n    const { children, element } = props;\n\n    const { Excalidraw, excalidrawProps } = useExcalidrawElement({\n      element,\n    });\n\n    return (\n      <PlateElement ref={ref} {...props}>\n        <div contentEditable={false}>\n          <div className=\"mx-auto aspect-video h-[600px] w-[min(100%,600px)] overflow-hidden rounded-sm border\">\n            {Excalidraw && (\n              <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />\n            )}\n          </div>\n        </div>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/excalidraw-element.tsx",
       "target": "components/plate-ui/excalidraw-element.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/ghost-text.json b/apps/www/public/r/styles/default/ghost-text.json
index 0cfa2c5685..2139c922f2 100644
--- a/apps/www/public/r/styles/default/ghost-text.json
+++ b/apps/www/public/r/styles/default/ghost-text.json
@@ -6,7 +6,7 @@
     {
       "content": "'use client';\n\nimport React from 'react';\n\nimport type { CopilotPluginConfig } from '@udecode/plate-ai/react';\n\nimport { useEditorPlugin, useElement } from '@udecode/plate-common/react';\n\nexport const GhostText = () => {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n  const element = useElement();\n\n  const isSuggested = useOption('isSuggested', element.id as string);\n\n  if (!isSuggested) return null;\n\n  return <GhostTextContent />;\n};\n\nexport function GhostTextContent() {\n  const { useOption } = useEditorPlugin<CopilotPluginConfig>({\n    key: 'copilot',\n  });\n\n  const suggestionText = useOption('suggestionText');\n\n  return (\n    <span className=\"text-muted-foreground\" contentEditable={false}>\n      {suggestionText && suggestionText}\n    </span>\n  );\n}\n",
       "path": "plate-ui/ghost-text.tsx",
-      "target": "",
+      "target": "components/plate-ui/ghost-text.tsx",
       "type": "registry:ui"
     }
   ],
diff --git a/apps/www/public/r/styles/default/heading-element.json b/apps/www/public/r/styles/default/heading-element.json
index 3b0b7b58db..5fbe717857 100644
--- a/apps/www/public/r/styles/default/heading-element.json
+++ b/apps/www/public/r/styles/default/heading-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { cva } from 'class-variance-authority';\n\nimport { PlateElement } from './plate-element';\n\nconst headingVariants = cva('relative mb-1', {\n  variants: {\n    variant: {\n      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',\n      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst blockVariants = cva('', {\n  variants: {\n    isFirstBlock: {\n      false: '',\n      true: 'mt-0',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(\n  withVariants(PlateElement, headingVariants, ['variant']),\n  blockVariants,\n  ['isFirstBlock']\n);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {\n    const { editor, element } = props;\n\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        as={variant!}\n        variant={variant}\n        isFirstBlock={element === editor.children[0]}\n        {...props}\n      >\n        {children}\n      </HeadingElementVariants>\n    );\n  }\n);\n",
+      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { cva } from 'class-variance-authority';\n\nimport { PlateElement } from './plate-element';\n\nconst headingVariants = cva('relative mb-1', {\n  variants: {\n    variant: {\n      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',\n      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst blockVariants = cva('', {\n  variants: {\n    isFirstBlock: {\n      false: '',\n      // true: 'mt-0',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(\n  withVariants(PlateElement, headingVariants, ['variant']),\n  blockVariants,\n  ['isFirstBlock']\n);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {\n    const { editor, element } = props;\n\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        as={variant!}\n        variant={variant}\n        isFirstBlock={element === editor.children[0]}\n        {...props}\n      >\n        {children}\n      </HeadingElementVariants>\n    );\n  }\n);\n",
       "path": "plate-ui/heading-element.tsx",
       "target": "components/plate-ui/heading-element.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index 8f4a70f721..b85c43fba6 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport { BlockSelectionPlugin } from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport { CursorOverlay } from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { FloatingToolbar } from '@/components/plate-ui/floating-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            isScroll: true,\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          enabled: !!scrollSelector,\n          options: {\n            areaOptions: {\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: false,\n          },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(id, scrollSelector);\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div\n            id=\"editor-playground\"\n            className=\"flex w-full\"\n            style={\n              {\n                '--editor-px': 'max(5%,24px)',\n              } as any\n            }\n          >\n            <div\n              id={scrollSelector}\n              ref={containerRef}\n              className={cn(\n                'relative flex max-h-[800px] w-full overflow-x-auto',\n                // block selection area\n                '[&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"ghost\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none px-[var(--editor-px)]',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <FloatingToolbar\n                  state={{\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </FloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div\n            id=\"editor-playground\"\n            className=\"flex w-full\"\n            style={\n              {\n                '--editor-px': 'max(5%,24px)',\n              } as any\n            }\n          >\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/pro-iframe-demo.json b/apps/www/public/r/styles/default/pro-iframe-demo.json
new file mode 100644
index 0000000000..f58a9902ba
--- /dev/null
+++ b/apps/www/public/r/styles/default/pro-iframe-demo.json
@@ -0,0 +1,12 @@
+{
+  "files": [
+    {
+      "content": "import { siteConfig } from '@/config/site';\nimport { cn } from '@/lib/utils';\n\nexport default function ProIframeDemo({\n  component,\n}: {\n  component: string;\n  height: string;\n}) {\n  return (\n    <iframe\n      className={cn(`size-full h-[520px]`)}\n      title={component}\n      src={`${siteConfig.links.platePro}/iframe/${component}`}\n    />\n  );\n}\n",
+      "path": "example/pro-iframe-demo.tsx",
+      "target": "components/pro-iframe-demo.tsx",
+      "type": "registry:example"
+    }
+  ],
+  "name": "pro-iframe-demo",
+  "type": "registry:example"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/toc-element.json b/apps/www/public/r/styles/default/toc-element.json
index 6488adb447..c9ac6eafdb 100644
--- a/apps/www/public/r/styles/default/toc-element.json
+++ b/apps/www/public/r/styles/default/toc-element.json
@@ -6,7 +6,7 @@
     {
       "content": "import { cn, withRef } from '@udecode/cn';\nimport {\n  useTocElement,\n  useTocElementState,\n} from '@udecode/plate-heading/react';\nimport { cva } from 'class-variance-authority';\n\nimport { Button } from './button';\nimport { PlateElement } from './plate-element';\n\nconst headingItemVariants = cva(\n  'block h-auto w-full cursor-pointer truncate rounded-none px-0.5 py-1.5 text-left font-medium text-muted-foreground underline decoration-[0.5px] underline-offset-4 hover:bg-accent hover:text-muted-foreground',\n  {\n    variants: {\n      depth: {\n        1: 'pl-0.5',\n        2: 'pl-[26px]',\n        3: 'pl-[50px]',\n      },\n    },\n  }\n);\n\nexport const TocElement = withRef<typeof PlateElement>(\n  ({ children, className, ...props }, ref) => {\n    const state = useTocElementState();\n\n    const { props: btnProps } = useTocElement(state);\n\n    const { headingList } = state;\n\n    return (\n      <PlateElement\n        ref={ref}\n        className={cn('relative mb-1 p-0', className)}\n        {...props}\n      >\n        <nav contentEditable={false}>\n          {headingList.length > 0 ? (\n            headingList.map((item) => (\n              <Button\n                key={item.id}\n                variant=\"ghost\"\n                className={cn(\n                  headingItemVariants({ depth: item.depth as any })\n                )}\n                onClick={(e) => btnProps.onClick(e, item, 'smooth')}\n                aria-current\n              >\n                {item.title}\n              </Button>\n            ))\n          ) : (\n            <div className=\"text-sm text-gray-500\">\n              Create a heading to display the table of contents.\n            </div>\n          )}\n        </nav>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/toc-element.tsx",
-      "target": "",
+      "target": "components/plate-ui/toc-element.tsx",
       "type": "registry:ui"
     }
   ],
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 41ccbbe299..5a6cf1e34d 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -175,35 +175,38 @@ export const Index: Record<string, any> = {
     },
     "block-context-menu": {
       name: "block-context-menu",
+      description: "",
       type: "registry:ui",
       registryDependencies: ["calendar","plate-element"],
       files: ["registry/default/plate-ui/block-context-menu.tsx"],
       component: React.lazy(() => import("@/registry/default/plate-ui/block-context-menu.tsx")),
       source: "",
-      category: "undefined",
-      subcategory: "undefined",
+      category: "",
+      subcategory: "",
       chunks: []
     },
     "ghost-text": {
       name: "ghost-text",
+      description: "",
       type: "registry:ui",
       registryDependencies: [""],
       files: ["registry/default/plate-ui/ghost-text.tsx"],
       component: React.lazy(() => import("@/registry/default/plate-ui/ghost-text.tsx")),
       source: "",
-      category: "undefined",
-      subcategory: "undefined",
+      category: "",
+      subcategory: "",
       chunks: []
     },
     "toc-element": {
       name: "toc-element",
+      description: "",
       type: "registry:ui",
       registryDependencies: [""],
       files: ["registry/default/plate-ui/toc-element.tsx"],
       component: React.lazy(() => import("@/registry/default/plate-ui/toc-element.tsx")),
       source: "",
-      category: "undefined",
-      subcategory: "undefined",
+      category: "",
+      subcategory: "",
       chunks: []
     },
     "calendar": {
@@ -952,13 +955,14 @@ export const Index: Record<string, any> = {
     },
     "pro-iframe-demo": {
       name: "pro-iframe-demo",
+      description: "",
       type: "registry:example",
       registryDependencies: undefined,
       files: ["registry/default/example/pro-iframe-demo.tsx"],
       component: React.lazy(() => import("@/registry/default/example/pro-iframe-demo.tsx")),
       source: "",
-      category: "undefined",
-      subcategory: "undefined",
+      category: "",
+      subcategory: "",
       chunks: []
     },
     "editor-default": {
diff --git a/apps/www/src/app/(app)/_components/home-tabs.tsx b/apps/www/src/app/(app)/_components/home-tabs.tsx
index b9d2551089..c16d3ef258 100644
--- a/apps/www/src/app/(app)/_components/home-tabs.tsx
+++ b/apps/www/src/app/(app)/_components/home-tabs.tsx
@@ -8,6 +8,7 @@ import dynamic from 'next/dynamic';
 import { parseAsBoolean, useQueryState } from 'nuqs';
 
 import { settingsStore } from '@/components/context/settings-store';
+import { PlaygroundPreview } from '@/components/playground-preview';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Button } from '@/registry/default/plate-ui/button';
 
@@ -46,7 +47,6 @@ export default function HomeTabs() {
         <TabsList>
           <TabsTrigger value="playground">Playground</TabsTrigger>
           <TabsTrigger value="installation">Installation</TabsTrigger>
-          <TabsTrigger value="potion">Potion Template</TabsTrigger>
         </TabsList>
 
         <Button
@@ -69,7 +69,7 @@ export default function HomeTabs() {
         </Button>
 
         <TabsContent className="pt-2" value="playground">
-          {/* <PlaygroundPreview className="max-w-[1336px]" /> */}
+          <PlaygroundPreview className="max-w-[1336px]" />
         </TabsContent>
 
         <TabsContent className="pt-2" value="installation">
diff --git a/apps/www/src/app/(app)/_components/potion-tab.tsx b/apps/www/src/app/(app)/_components/potion-tab.tsx
index fe13ddd5b1..383c83a0e5 100644
--- a/apps/www/src/app/(app)/_components/potion-tab.tsx
+++ b/apps/www/src/app/(app)/_components/potion-tab.tsx
@@ -1,5 +1,4 @@
 'use client';
-import { debounce } from 'lodash';
 import React, { useEffect, useState } from 'react';
 
 export default function PotionTab() {
@@ -8,6 +7,7 @@ export default function PotionTab() {
   useEffect(() => {
     const handleScroll = () => {
       if (window.scrollY === 0) return;
+
       setScrollPosition(window.scrollY);
     };
 
@@ -22,14 +22,13 @@ export default function PotionTab() {
     const handleMessage = (event: MessageEvent) => {
       if (event.data === 'iframe_selection_area_added') {
         if (scrollPosition <= 0) return;
+
         document.body.style.overflow = 'hidden';
         document.body.style.position = 'fixed';
         document.body.style.top = `-${scrollPosition}px`;
         document.body.style.width = '100%';
       }
-
       if (event.data === 'iframe_selection_area_removed') {
-
         document.body.style.overflow = '';
         document.body.style.position = '';
         document.body.style.top = '';
@@ -47,8 +46,8 @@ export default function PotionTab() {
 
   return (
     <iframe
-      className="h-[800px] w-full rounded-lg border"
       id="potion_iframe"
+      className="h-[800px] w-full rounded-lg border"
       title="potion"
       src="https://potion.platejs.org/ai-menu/?iframe=true"
     />
diff --git a/apps/www/src/app/(app)/page.tsx b/apps/www/src/app/(app)/page.tsx
index 56a150fd97..480926851b 100644
--- a/apps/www/src/app/(app)/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -34,7 +34,7 @@ export default function IndexPage() {
             <ThemesButton />
           </div>
           <PageHeaderDescription>
-            Framework · Plugins · Components
+            Framework · Plugins · Components · Themes
           </PageHeaderDescription>
           <section className="flex w-full items-center space-x-2 py-2">
             <Button asChild size="xs">
@@ -59,55 +59,15 @@ export default function IndexPage() {
         <CustomizerDrawer />
       </section>
 
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
-        <BlockPreview
-          block={{
-            description: 'https://next.platejs.org/docs/block-selection',
-            name: 'potion',
-            src: 'https://next.platejs.org/docs/block-selection',
-            // src: '/docs/block-selection',
-            // src: '/blocks/playground',
-          }}
-        />
-      </div>
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
-        <BlockPreview
-          block={{
-            description: '/docs/block-selection',
-            name: 'potion',
-            src: '/docs/block-selection',
-            // src: '/docs/block-selection',
-            // src: '/blocks/playground',
-          }}
-        />
-      </div>
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
-        <BlockPreview
-          block={{
-            description: 'https://pro.platejs.org/docs/examples/ai',
-            name: 'potion',
-            src: 'https://pro.platejs.org/docs/examples/ai',
-            // src: '/docs/block-selection',
-            // src: '/blocks/playground',
-          }}
-        />
-      </div>
-
-      <div className="relative mt-12 scroll-m-20 md:mt-24 lg:mt-36 ">
+      <div className="relative mt-12 scroll-m-16 pb-48 md:mt-24 lg:mt-36 ">
         <BlockPreview
           block={{
             description: 'A Notion-like AI template',
+            descriptionSrc: siteConfig.links.potionTemplate,
             name: 'potion',
-            src: 'https://potion.platejs.org/ai-menu/?iframe=true',
+            src: siteConfig.links.potionIframe,
           }}
         />
-        {/* <BlockPreview
-          block={{
-            description: 'A Notion-like AI template',
-            name: 'potion',
-            src: 'https://pro.platejs.org/docs/examples/ai',
-          }}
-        /> */}
       </div>
     </div>
   );
diff --git a/apps/www/src/app/(blocks)/blocks/playground/page.tsx b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
index eb997a2d34..2e273b8682 100644
--- a/apps/www/src/app/(blocks)/blocks/playground/page.tsx
+++ b/apps/www/src/app/(blocks)/blocks/playground/page.tsx
@@ -18,7 +18,7 @@ export default function PlaygroundPage() {
       className={cn('themes-wrapper bg-background', block.container?.className)}
     >
       {/* <BlockWrapper block={block}> */}
-      <PlaygroundDemo className="[&_[data-slate-editor]]:max-h-none" />
+      <PlaygroundDemo className="max-h-none" />
       {/* {chunks?.map((chunk, index) => (
           <BlockChunk
             key={chunk.name}
diff --git a/apps/www/src/components/_block-display.tsx b/apps/www/src/components/_block-display.tsx
index 46e29f8431..7981dad23e 100644
--- a/apps/www/src/components/_block-display.tsx
+++ b/apps/www/src/components/_block-display.tsx
@@ -25,6 +25,6 @@ export async function BlockDisplay({ name }: { name: string }) {
   }
 
   return blocks.map((block) => (
-    <PlaygroundPreview key={`${block.style}-${block.name}`} block={block} />
+    <PlaygroundPreview key={`${block.name}`} block={block} />
   ));
 }
diff --git a/apps/www/src/components/block-preview.tsx b/apps/www/src/components/block-preview.tsx
index 2f497b835e..ae8fdfe100 100644
--- a/apps/www/src/components/block-preview.tsx
+++ b/apps/www/src/components/block-preview.tsx
@@ -17,64 +17,17 @@ import {
 export function BlockPreview({
   block,
 }: {
-  block: Pick<Block, 'container' | 'description' | 'name' | 'src'>;
+  block: Pick<
+    Block,
+    'container' | 'description' | 'descriptionSrc' | 'name' | 'src'
+  >;
 }) {
   const ref = React.useRef<ImperativePanelHandle>(null);
 
-  // const [scrollPosition, setScrollPosition] = React.useState(
-  //   typeof window === 'undefined' ? 0 : window.scrollY
-  // );
-
-  React.useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    // console.log(window.frameElement.ownerDocument);
-
-    // const handleScroll = () => {
-    //   if (window.scrollY === 0) return;
-
-    //   setScrollPosition(window.scrollY);
-    // };
-
-    // document.addEventListener('scroll', handleScroll);
-
-    // return () => {
-    //   document.removeEventListener('scroll', handleScroll);
-    // };
-  }, []);
-
-  // React.useEffect(() => {
-  //   if (typeof window === 'undefined') return;
-
-  //   const handleMessage = (event: MessageEvent) => {
-  //     if (event.data === 'iframe_selection_area_added') {
-  //       if (scrollPosition <= 0) return;
-
-  //       document.body.style.overflow = 'hidden';
-  //       document.body.style.position = 'fixed';
-  //       document.body.style.top = `-${scrollPosition}px`;
-  //       document.body.style.width = '100%';
-  //     }
-  //     if (event.data === 'iframe_selection_area_removed') {
-  //       document.body.style.overflow = '';
-  //       document.body.style.position = '';
-  //       document.body.style.top = '';
-  //       document.body.style.width = '';
-
-  //       window.scrollTo(0, scrollPosition);
-  //     }
-  //   };
-  //   window.addEventListener('message', handleMessage);
-
-  //   return () => {
-  //     window.removeEventListener('message', handleMessage);
-  //   };
-  // }, [scrollPosition]);
-
   return (
     <div
       id={block.name}
-      className="relative grid w-full scroll-m-20 gap-4"
+      className="relative grid w-full scroll-m-14 gap-4"
       style={
         {
           '--container-height': block.container?.height,
@@ -86,7 +39,7 @@ export function BlockPreview({
         <ResizablePanel
           ref={ref}
           className={cn(
-            'relative aspect-[4/2.5] rounded-lg border bg-background md:aspect-auto'
+            'relative rounded-lg border bg-background max-sm:w-full max-sm:!flex-auto'
           )}
           defaultSize={100}
           minSize={30}
@@ -110,7 +63,7 @@ export function BlockPreview({
           <iframe
             className={cn('chunk-mode relative z-20 w-full bg-background')}
             title={block.name}
-            height={block.container?.height ?? 800}
+            height={block.container?.height ?? 700}
             src={block.src ?? `/blocks/${block.name}`}
           />
         </ResizablePanel>
diff --git a/apps/www/src/components/block-toolbar.tsx b/apps/www/src/components/block-toolbar.tsx
index ef519453fe..fc26534d6b 100644
--- a/apps/www/src/components/block-toolbar.tsx
+++ b/apps/www/src/components/block-toolbar.tsx
@@ -17,16 +17,21 @@ export function BlockToolbar({
   block,
   resizablePanelRef,
 }: {
-  block: Pick<Block, 'container' | 'description' | 'name' | 'src'>;
+  block: Pick<
+    Block,
+    'container' | 'description' | 'descriptionSrc' | 'name' | 'src'
+  >;
   resizablePanelRef: React.RefObject<ImperativePanelHandle>;
 }) {
+  const src = block.descriptionSrc ?? block.src;
+
   return (
     <div className="flex items-center gap-2 md:gap-4">
       <Button asChild variant="link" className="whitespace-normal px-1 md:px-2">
         <a
-          href={block.src ?? `#${block.name}`}
-          rel={block.src ? 'noreferrer' : undefined}
-          target={block.src ? '_blank' : undefined}
+          href={src ?? `#${block.name}`}
+          rel={src ? 'noreferrer' : undefined}
+          target={src ? '_blank' : undefined}
         >
           {block.description}
         </a>
@@ -87,7 +92,7 @@ export function BlockToolbar({
                 href={block.src ?? `/blocks/${block.name}`}
                 rel={block.src ? 'noreferrer' : undefined}
                 target="_blank"
-              >
+              >  
                 <span className="sr-only">Open in New Tab</span>
                 <Fullscreen className="size-3.5" />
               </Link>
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index d282cb7b02..7732c936db 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -109,10 +109,10 @@ export function DocPageLayout({
       {doc.toc && (
         <div className="hidden text-sm xl:block">
           <div className="sticky top-16 -mt-10 pt-4">
-            <ScrollArea className="h-full pb-10">
-              <div className="sticky top-16 -mt-10 h-[calc(100vh-3.5rem)] py-12">
+            <ScrollArea className="relative h-full pb-10">
+              <div className="sticky top-16 -mt-10 flex h-[calc(100vh-3.5rem)] w-[300px] flex-col py-12">
                 <DashboardTableOfContents toc={toc} />
-                <OpenInPlus className="mt-6 max-w-[80%]" />
+                <OpenInPlus className="mt-6" />
               </div>
             </ScrollArea>
           </div>
diff --git a/apps/www/src/components/open-in-plus.tsx b/apps/www/src/components/open-in-plus.tsx
index a7dfa129d3..2ee7f6edc1 100644
--- a/apps/www/src/components/open-in-plus.tsx
+++ b/apps/www/src/components/open-in-plus.tsx
@@ -17,7 +17,11 @@ export function OpenInPlus({ className }: { className?: string }) {
         Build your editor even faster
       </div>
       <div>Complete, deployable AI-powered template with backend.</div>
-      <div>All components included. Customizable and extensible.</div>
+      <div>
+        All components included.
+        <br />
+        Customizable and extensible.
+      </div>
       <Button size="sm" className="mt-2 w-fit">
         Get all-access
       </Button>
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
index f83644d4c8..889c8d78fe 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
@@ -7,7 +7,6 @@ import {
   PortalBody,
   useComposedRef,
   useEditorId,
-  useEditorRef,
   useEventEditorSelectors,
 } from '@udecode/plate-common/react';
 import {
@@ -26,7 +25,6 @@ export const PlaygroundFloatingToolbar = withRef<
     state?: FloatingToolbarState;
   }
 >(({ children, state, ...props }, componentRef) => {
-  const editor = useEditorRef();
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
 
diff --git a/apps/www/src/components/playground-preview.tsx b/apps/www/src/components/playground-preview.tsx
index 3738be7adb..a84addb4ea 100644
--- a/apps/www/src/components/playground-preview.tsx
+++ b/apps/www/src/components/playground-preview.tsx
@@ -40,7 +40,7 @@ export function PlaygroundPreview({
     <div
       id={block.name}
       className={cn(
-        'relative w-full scroll-m-20',
+        'relative w-full scroll-m-28',
         className
         // fullScreen &&
         //   'fixed inset-0 z-50 max-w-none [&_[data-slate-editor]]:max-h-[calc(100dvh-44px)]'
@@ -59,76 +59,49 @@ export function PlaygroundPreview({
         // setFullScreen={setFullScreen}
       />
 
-      {/* {fullScreen && (
-        <ThemeWrapper className="h-full">
-          <PlaygroundDemo
-            className="max-h-none"
-            scrollSelector="playground-full-screen"
-          />
-        </ThemeWrapper>
-      )} */}
+      <ResizablePanelGroup className="relative z-10" direction="horizontal">
+        <ResizablePanel
+          ref={ref}
+          className={cn(
+            'relative rounded-lg border bg-background max-sm:w-full max-sm:!flex-auto',
+            isLiftMode && 'border-border/50'
+          )}
+          defaultSize={100}
+          minSize={30}
+        >
+          <div className="chunk-mode relative z-20 w-full bg-background">
+            <ThemeWrapper>
+              <PlaygroundDemo
+                className="max-h-[655px]"
+                scrollSelector="playground-preview"
+              />
+            </ThemeWrapper>
+          </div>
 
-      {/* {!fullScreen && (
-        <> */}
-      {/* <div
-        className={cn(
-          'relative min-h-[800px] rounded-lg border bg-background',
-          'md:hidden',
-          // !fullScreen && 'md:hidden',
-          isLiftMode ? 'border-border/50' : 'border-border'
-        )}
-      >
-        <div className="chunk-mode relative z-20 w-full bg-background">
-          <ThemeWrapper>
-            <PlaygroundDemo scrollSelector="playground-preview-1" className="max-h-[800px]" />
-          </ThemeWrapper>
-        </div>
-      </div> */}
+          {/* {isLoading ? ( */}
+          {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
+          {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
+          {/*    Loading... */}
+          {/*  </div> */}
+          {/* ) : null} */}
+          {/* <iframe */}
+          {/*  src={`/blocks/${block.style}/${block.name}`} */}
+          {/*  height={block.container?.height ?? 450} */}
+          {/*  className="chunk-mode relative z-20 w-full bg-background" */}
+          {/*  onLoad={() => { */}
+          {/*    setIsLoading(false) */}
+          {/*  }} */}
+          {/* /> */}
+        </ResizablePanel>
 
-      <div className="relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted max-md:hidden">
-        <ResizablePanelGroup className="relative z-10" direction="horizontal">
-          <ResizablePanel
-            ref={ref}
-            className={cn(
-              'relative rounded-lg border bg-background',
-              isLiftMode ? 'border-border/50' : 'border-border'
-            )}
-            defaultSize={100}
-            minSize={30}
-          >
-            <div className="chunk-mode relative z-20 w-full bg-background">
-              <ThemeWrapper>
-                <PlaygroundDemo scrollSelector="playground-preview-2" />
-              </ThemeWrapper>
-            </div>
-
-            {/* {isLoading ? ( */}
-            {/*  <div className="absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 text-sm text-muted-foreground"> */}
-            {/*    <Icons.spinner className="h-4 w-4 animate-spin" /> */}
-            {/*    Loading... */}
-            {/*  </div> */}
-            {/* ) : null} */}
-            {/* <iframe */}
-            {/*  src={`/blocks/${block.style}/${block.name}`} */}
-            {/*  height={block.container?.height ?? 450} */}
-            {/*  className="chunk-mode relative z-20 w-full bg-background" */}
-            {/*  onLoad={() => { */}
-            {/*    setIsLoading(false) */}
-            {/*  }} */}
-            {/* /> */}
-          </ResizablePanel>
-
-          <ResizableHandle
-            className={cn(
-              'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
-              isLiftMode && 'invisible'
-            )}
-          />
-          <ResizablePanel defaultSize={0} minSize={0} />
-        </ResizablePanelGroup>
-      </div>
-      {/* </> */}
-      {/* )} */}
+        <ResizableHandle
+          className={cn(
+            'relative hidden w-3 bg-transparent p-0 after:absolute after:right-0 after:top-1/2 after:h-8 after:w-[6px] after:-translate-x-px after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',
+            isLiftMode && 'invisible'
+          )}
+        />
+        <ResizablePanel defaultSize={0} minSize={0} />
+      </ResizablePanelGroup>
     </div>
   );
 }
diff --git a/apps/www/src/components/site-header.tsx b/apps/www/src/components/site-header.tsx
index 412871f578..2e5e1ac4e8 100644
--- a/apps/www/src/components/site-header.tsx
+++ b/apps/www/src/components/site-header.tsx
@@ -37,7 +37,7 @@ export function SiteHeader() {
         <MainNav />
         <MobileNav />
 
-        <nav className="flex items-center gap-4 text-sm lg:gap-6">
+        <nav className="hidden items-center gap-4 text-sm md:flex lg:gap-6">
           <Link
             className="text-foreground/60 transition-colors hover:text-foreground/80"
             href="/#playground"
@@ -46,7 +46,8 @@ export function SiteHeader() {
           </Link>
           <Link
             className="text-foreground/60 transition-colors hover:text-foreground/80"
-            href={siteConfig.links.potion}
+            href="/#potion"
+            // href={siteConfig.links.potion}
           >
             Potion
           </Link>
diff --git a/apps/www/src/config/customizer-plugins.ts b/apps/www/src/config/customizer-plugins.ts
index 1cfe6778b5..41f9f6386a 100644
--- a/apps/www/src/config/customizer-plugins.ts
+++ b/apps/www/src/config/customizer-plugins.ts
@@ -49,7 +49,7 @@ import { blockMenuValue } from '@/lib/plate/demo/values/blockMenuValue';
 import { blockSelectionValue } from '@/lib/plate/demo/values/blockSelectionValue';
 import { columnValue } from '@/lib/plate/demo/values/columnValue';
 import { copilotValue } from '@/lib/plate/demo/values/copilotValue';
-import { slashCommandValue } from '@/lib/plate/demo/values/slahMenuValue';
+import { slashCommandValue } from '@/lib/plate/demo/values/slashCommandValue';
 import { tocValue } from '@/lib/plate/demo/values/tocValue';
 import { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';
 import { alignValue } from '@/plate/demo/values/alignValue';
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 862e3cc153..f4b4e14735 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -137,6 +137,14 @@ export const docsConfig: DocsConfig = {
       href: '/docs/components',
       title: 'Components',
     },
+    {
+      href: '/#playground',
+      title: 'Playground',
+    },
+    {
+      href: '/#potion',
+      title: 'Potion',
+    },
     {
       external: true,
       href: 'https://github.com/udecode/plate',
@@ -147,6 +155,10 @@ export const docsConfig: DocsConfig = {
       href: 'https://discord.gg/mAZRuBzGM3',
       title: 'Discord',
     },
+    {
+      href: siteConfig.links.platePro,
+      title: 'Plate Plus',
+    },
   ],
   sidebarNav: [
     {
@@ -159,14 +171,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/getting-started',
           title: 'Getting Started',
         },
-        {
-          href: '/#playground',
-          title: 'Playground',
-        },
-        {
-          href: siteConfig.links.platePro,
-          title: 'Plate Plus',
-        },
       ],
       title: 'Overview',
     },
diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 83efa4908a..6ff048c6d8 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -5,7 +5,8 @@ export const siteConfig = {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
     platePro: 'https://pro.platejs.org',
-    potion: 'https://pro.platejs.org/docs/templates/potion',
+    potionIframe: 'https://potion.platejs.org/ai-menu/?iframe=true',
+    potionTemplate: 'https://pro.platejs.org/docs/templates/potion',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',
   },
diff --git a/apps/www/src/lib/plate/demo/values/aiValue.tsx b/apps/www/src/lib/plate/demo/values/aiValue.tsx
index 4c0a017a6a..17e159dfe3 100644
--- a/apps/www/src/lib/plate/demo/values/aiValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/aiValue.tsx
@@ -6,9 +6,10 @@ jsx;
 
 export const aiValue: any = (
   <fragment>
-    <hh1>✨ AI</hh1>
+    <hh1>AI</hh1>
+    <hh2>AI Menu</hh2>
     <hp indent={1} listStyleType="decimal">
-      <htext>To trigger the AI, you can:</htext>
+      <htext>To trigger the AI menu, you can:</htext>
     </hp>
     <hp indent={2} listStyleType="disc">
       <htext>Press the Space key on a new empty block</htext>
@@ -38,8 +39,5 @@ export const aiValue: any = (
     <hp indent={2} listStyleType="disc">
       <htext>Regenerate the content with a different prompt</htext>
     </hp>
-    <hp>
-      <htext></htext>
-    </hp>
   </fragment>
 );
diff --git a/apps/www/src/lib/plate/demo/values/autoformatValue.tsx b/apps/www/src/lib/plate/demo/values/autoformatValue.tsx
index d5d72f16ef..7bc8ec14f1 100644
--- a/apps/www/src/lib/plate/demo/values/autoformatValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/autoformatValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const autoformatValue: any = (
   <fragment>
-    <hh2>🏃‍♀️ Autoformat</hh2>
+    <hh2>Autoformat</hh2>
     <hp>
       Empower your writing experience by enabling autoformatting features. Add
       Markdown-like shortcuts that automatically apply formatting as you type.
diff --git a/apps/www/src/lib/plate/demo/values/basicElementsValue.tsx b/apps/www/src/lib/plate/demo/values/basicElementsValue.tsx
index d8b3fe0487..0193285469 100644
--- a/apps/www/src/lib/plate/demo/values/basicElementsValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/basicElementsValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const basicElementsValue: any = (
   <fragment>
-    <hh1>🌳 Blocks</hh1>
+    <hh2>Blocks</hh2>
     <hp>
       Easily create headings of various levels, from H1 to H6, to structure your
       content and make it more organized.
diff --git a/apps/www/src/lib/plate/demo/values/basicMarksValue.tsx b/apps/www/src/lib/plate/demo/values/basicMarksValue.tsx
index a7addc36c6..6ad5b2362f 100644
--- a/apps/www/src/lib/plate/demo/values/basicMarksValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/basicMarksValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const basicMarksValue: any = (
   <fragment>
-    <hh1>🌱 Marks</hh1>
+    <hh2>Marks</hh2>
     <hp>
       Add style and emphasis to your text using the mark plugins, which offers a
       variety of formatting options.
diff --git a/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx b/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
index 5abe8cd575..2ce2b472d4 100644
--- a/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/blockMenuValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const blockMenuValue: any = (
   <fragment>
-    <hh2>📝 Block Menu</hh2>
+    <hh2>Block Menu</hh2>
     <hp>
       <htext>
         The Block Menu provides quick access to actions for individual blocks.
diff --git a/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx b/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx
index 59c06c2187..8bb3c78f63 100644
--- a/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/blockSelectionValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const blockSelectionValue: any = (
   <fragment>
-    <hh2>🌟 Block Selection</hh2>
+    <hh2>Block Selection</hh2>
     <hp>
       <htext>
         Block selection allows you to select multiple blocks at once.You can
diff --git a/apps/www/src/lib/plate/demo/values/columnValue.tsx b/apps/www/src/lib/plate/demo/values/columnValue.tsx
index b51d7ddc19..a51b138984 100644
--- a/apps/www/src/lib/plate/demo/values/columnValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/columnValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const columnValue: any = (
   <fragment>
-    <hh2>🌻 Column</hh2>
+    <hh2>Column</hh2>
     <hp>Create column and the border will hidden when viewing</hp>
     <hcolumngroup layout={[50, 50]}>
       <hcolumn width="50%">
diff --git a/apps/www/src/lib/plate/demo/values/commentsValue.ts b/apps/www/src/lib/plate/demo/values/commentsValue.ts
index bd87f6771e..fbe1cd6852 100644
--- a/apps/www/src/lib/plate/demo/values/commentsValue.ts
+++ b/apps/www/src/lib/plate/demo/values/commentsValue.ts
@@ -54,7 +54,7 @@ export const commentsData: Record<string, TComment> = {
 
 export const commentsValue: Value = [
   {
-    children: [{ text: '💬 Comments' }],
+    children: [{ text: 'Comments' }],
     type: 'h2',
   },
   {
diff --git a/apps/www/src/lib/plate/demo/values/copilotValue.tsx b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
index adb2cf1f71..933e987217 100644
--- a/apps/www/src/lib/plate/demo/values/copilotValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/copilotValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const copilotValue: any = (
   <fragment>
-    <hh1>🐱 Copilot</hh1>
+    <hh2>Copilot</hh2>
     <hp indent={1} listStyleType="decimal">
       <htext>Position your cursor at the</htext>
       <htext bold> end of a paragraph </htext>
diff --git a/apps/www/src/lib/plate/demo/values/dateValue.tsx b/apps/www/src/lib/plate/demo/values/dateValue.tsx
index aa0e8f2471..a9e7e11fae 100644
--- a/apps/www/src/lib/plate/demo/values/dateValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/dateValue.tsx
@@ -8,7 +8,7 @@ const today = new Date().toISOString().split('T')[0];
 
 export const dateValue: any = (
   <fragment>
-    <hh2>🕐 Date</hh2>
+    <hh2>Date</hh2>
     <hp>
       Insert and display dates within your text using inline date elements.
       These dates can be easily selected and modified using a calendar
diff --git a/apps/www/src/lib/plate/demo/values/emojiValue.tsx b/apps/www/src/lib/plate/demo/values/emojiValue.tsx
index 2d4680b9a1..302b29158e 100644
--- a/apps/www/src/lib/plate/demo/values/emojiValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/emojiValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const emojiValue: any = (
   <fragment>
-    <hh2>🙂 Emoji's</hh2>
+    <hh2>Emoji</hh2>
     <hp>Express yourself with a touch of fun 🎉 and emotion 😃.</hp>
     <hp>Pick from the toolbar or type a colon to open the combobox.</hp>
   </fragment>
diff --git a/apps/www/src/lib/plate/demo/values/excalidrawValue.tsx b/apps/www/src/lib/plate/demo/values/excalidrawValue.tsx
index d10b23073f..6248946601 100644
--- a/apps/www/src/lib/plate/demo/values/excalidrawValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/excalidrawValue.tsx
@@ -13,7 +13,7 @@ export const excalidrawValue: any = (
       Unleash your creativity with the Excalidraw plugin, which enables you to
       embed and draw diagrams directly within your editor.
     </hp>
-    <hexcalidraw {...excalidrawInitialData}>
+    <hexcalidraw {...excalidrawInitialData} width="50%">
       <htext />
     </hexcalidraw>
   </fragment>
diff --git a/apps/www/src/lib/plate/demo/values/exitBreakValue.tsx b/apps/www/src/lib/plate/demo/values/exitBreakValue.tsx
index 8ccb59ebfa..73ce30c63f 100644
--- a/apps/www/src/lib/plate/demo/values/exitBreakValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/exitBreakValue.tsx
@@ -15,7 +15,7 @@ export const trailingBlockValue: any = (
 
 export const exitBreakValue: any = (
   <fragment>
-    <hh2>Exit Break ⏎</hh2>
+    <hh2>Exit Break</hh2>
     <hp>
       Configure how exit breaks (line breaks between blocks) behave using simple
       rules:
diff --git a/apps/www/src/lib/plate/demo/values/fontValue.tsx b/apps/www/src/lib/plate/demo/values/fontValue.tsx
index 0854e64d5b..7553cd85d0 100644
--- a/apps/www/src/lib/plate/demo/values/fontValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/fontValue.tsx
@@ -6,6 +6,7 @@ jsx;
 
 export const fontValue: any = (
   <fragment>
+    <hh2>Colors</hh2>
     <hp>
       Add{' '}
       <htext color="white" backgroundColor="#df4538">
diff --git a/apps/www/src/lib/plate/demo/values/linkValue.tsx b/apps/www/src/lib/plate/demo/values/linkValue.tsx
index 31118f10e5..e9404d3fda 100644
--- a/apps/www/src/lib/plate/demo/values/linkValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/linkValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const linkValue: any = (
   <fragment>
-    <hh2>🔗 Link</hh2>
+    <hh2>Link</hh2>
     <hp>
       Add <ha url="https://en.wikipedia.org/wiki/Hypertext">hyperlinks</ha>{' '}
       within your text to reference external sources or provide additional
diff --git a/apps/www/src/lib/plate/demo/values/mediaValue.tsx b/apps/www/src/lib/plate/demo/values/mediaValue.tsx
index 3688127f04..0fdfd3889c 100644
--- a/apps/www/src/lib/plate/demo/values/mediaValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/mediaValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const imageValue: any = (
   <fragment>
-    <hh2>📸 Image</hh2>
+    <hh2>Image</hh2>
     <hp>Add images by either uploading them or providing the image URL:</hp>
     <himg
       align="center"
@@ -23,7 +23,7 @@ export const mediaValue: any = (
   <fragment>
     {imageValue}
 
-    <hh2>📺 Embed</hh2>
+    <hh2>Embed</hh2>
     <hp>Embed various types of content, such as videos and tweets:</hp>
     <hmediaembed
       align="center"
@@ -31,11 +31,12 @@ export const mediaValue: any = (
     >
       <htext />
     </hmediaembed>
-    <hmediaembed
+    {/* BUG */}
+    {/* <hmediaembed
       align="center"
       url="https://twitter.com/zbeyens/status/1677214892212776960"
     >
       <htext />
-    </hmediaembed>
+    </hmediaembed> */}
   </fragment>
 );
diff --git a/apps/www/src/lib/plate/demo/values/mentionValue.tsx b/apps/www/src/lib/plate/demo/values/mentionValue.tsx
index 0e4155417c..4453521edb 100644
--- a/apps/www/src/lib/plate/demo/values/mentionValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/mentionValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const mentionValue: any = (
   <fragment>
-    <hh2>＠ Mention</hh2>
+    <hh2>Mention</hh2>
     <hp>
       Mention and reference other users or entities within your text using
       @-mentions.
diff --git a/apps/www/src/lib/plate/demo/values/slahMenuValue.tsx b/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
similarity index 96%
rename from apps/www/src/lib/plate/demo/values/slahMenuValue.tsx
rename to apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
index a97dc9f457..d3adbbff03 100644
--- a/apps/www/src/lib/plate/demo/values/slahMenuValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const slashCommandValue: any = (
   <fragment>
-    <hh2>⚡ Slash Command</hh2>
+    <hh2>Slash Command</hh2>
     <hp>
       <htext>
         The slash command provides quick access to various formatting options
diff --git a/apps/www/src/lib/plate/demo/values/softBreakValue.tsx b/apps/www/src/lib/plate/demo/values/softBreakValue.tsx
index f3c9714456..3e45d679b9 100644
--- a/apps/www/src/lib/plate/demo/values/softBreakValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/softBreakValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const softBreakValue: any = (
   <fragment>
-    <hh2>Soft Break ⇧⏎</hh2>
+    <hh2>Soft Break</hh2>
     <hp>
       Customize how soft breaks (line breaks within a paragraph) are handled
       using configurable rules
diff --git a/apps/www/src/lib/plate/demo/values/tableValue.tsx b/apps/www/src/lib/plate/demo/values/tableValue.tsx
index bc284659cd..8519a3fc58 100644
--- a/apps/www/src/lib/plate/demo/values/tableValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/tableValue.tsx
@@ -98,7 +98,7 @@ export const createTable = (spanning?: boolean): any => (
 
 export const tableValue: any = (
   <fragment>
-    <hh2>🏓 Table</hh2>
+    <hh2>Table</hh2>
     <hp>
       Create customizable tables with resizable columns and rows, allowing you
       to design structured layouts.
diff --git a/apps/www/src/lib/plate/demo/values/tocValue.tsx b/apps/www/src/lib/plate/demo/values/tocValue.tsx
index 26ae179020..5a10b411b2 100644
--- a/apps/www/src/lib/plate/demo/values/tocValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/tocValue.tsx
@@ -6,12 +6,14 @@ jsx;
 
 export const tocValue: any = (
   <fragment>
-    <hh1>Table of Contents</hh1>
-    <hp>
-      <htext>Click to scroll to heading.</htext>
-    </hp>
     <htoc>
       <htext></htext>
     </htoc>
+    <hp>
+      <htext>
+        Click on any heading in the table of contents to smoothly scroll to that
+        section.
+      </htext>
+    </hp>
   </fragment>
 );
diff --git a/apps/www/src/lib/plate/demo/values/toggleValue.tsx b/apps/www/src/lib/plate/demo/values/toggleValue.tsx
index 02df2f1f85..406693875c 100644
--- a/apps/www/src/lib/plate/demo/values/toggleValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/toggleValue.tsx
@@ -6,7 +6,7 @@ jsx;
 
 export const toggleValue: any = (
   <fragment>
-    <hh2>🦚 Toggle</hh2>
+    <hh2>Toggle</hh2>
     <hp>Create toggles with multiple levels of indentation</hp>
     <htoggle id="dlks89">Level 1 toggle</htoggle>
     <hp indent={1}>Inside level 1 toggle</hp>
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index c3cd53e043..8037b4e41b 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -36,7 +36,7 @@ import { linkValue } from './linkValue';
 import { listValue, todoListValue } from './listValue';
 import { mediaValue } from './mediaValue';
 import { mentionValue } from './mentionValue';
-import { slashCommandValue } from './slahMenuValue';
+import { slashCommandValue } from './slashCommandValue';
 import { softBreakValue } from './softBreakValue';
 import { tabbableValue } from './tabbableValue';
 import { tableMergeValue, tableValue } from './tableValue';
@@ -54,14 +54,10 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
   return useMemo(() => {
     const enabled = settingsStore.get.checkedPlugins();
-    const value = [...basicElementsValue];
 
-    if (!version) return value;
-    if (enabled.action_item) value.push(...todoListValue);
-    if (enabled.a) value.push(...linkValue);
-
-    value.push(...basicMarksValue);
+    const value: any[] = [];
 
+    if (!version) return value;
     if (valueId === 'tableMerge') {
       return mapNodeId(tableMergeValue);
     }
@@ -74,28 +70,49 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
       return mapNodeId(newValue);
     }
-    // Top
-    if (enabled.toc) value.unshift(...tocValue, ...aiValue, ...copilotValue);
-    // Marks
+
+    value.push({ children: [{ text: 'Playground' }], type: 'h1' });
+
+    // TOC
+    if (enabled.toc) value.push(...tocValue);
+    // AI
+    if (enabled.ai) value.push(...aiValue);
+    if (enabled.copilot) value.push(...copilotValue);
+
+    // Standard Markdown nodes
+    value.push(
+      { children: [{ text: 'Nodes' }], type: 'h1' },
+      ...basicElementsValue,
+      ...basicMarksValue
+    );
+
+    if (enabled.list) value.push(...listValue);
+    if (enabled.action_item) value.push(...todoListValue);
+    if (enabled.a) value.push(...linkValue);
+    if (enabled.hr) value.push(...horizontalRuleValue);
+    if (enabled.table) value.push(...tableValue);
+    if (enabled.img || enabled.media_embed) value.push(...mediaValue);
+    if (enabled.column) value.push(...columnValue);
+    if (enabled.mention) value.push(...mentionValue);
+    if (enabled.date) value.push(...dateValue);
+    if (enabled.emoji) value.push(...emojiValue);
     if (enabled.color || enabled.backgroundColor) value.push(...fontValue);
     if (enabled.highlight) value.push(...highlightValue);
     if (enabled.kbd) value.push(...kbdValue);
-    // Inline nodes
-    if (enabled.mention) value.push(...mentionValue);
-    if (enabled.data) value.push(...dateValue);
-    if (enabled.emoji) value.push(...emojiValue);
-    // Nodes
+    if (enabled.comment) value.push(...commentsValue);
+
+    // Layout and structure
+    value.push({ children: [{ text: 'Layout' }], type: 'h1' });
+
     if (enabled.align) value.push(...alignValue);
     if (enabled.lineHeight) value.push(...lineHeightValue);
     if (enabled.indent) value.push(...indentValue);
     if (enabled.listStyleType) value.push(...indentListValue);
-    if (enabled.hr) value.push(...horizontalRuleValue);
-    if (enabled.list) value.push(...listValue);
-    if (enabled.img || enabled.media_embed) value.push(...mediaValue);
-    if (enabled.table) value.push(...tableValue);
-    if (enabled.column) value.push(...columnValue);
     if (enabled.toggle) value.push(...toggleValue);
-    // Functionalities
+
+    // Functionality
+    value.push({ children: [{ text: 'Functionality' }], type: 'h1' });
+
     if (enabled.slash_command) value.push(...slashCommandValue);
     if (enabled.blockSelection) value.push(...blockSelectionValue);
     if (enabled.blockMenu) value.push(...blockMenuValue);
@@ -104,16 +121,18 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.exitBreak) value.push(...exitBreakValue);
     if (enabled.dragOverCursor) value.push(...cursorOverlayValue);
     if (enabled.tabbable) value.push(...tabbableValue);
-    // Collaboration
-    if (enabled.comment) value.push(...commentsValue);
 
     // Deserialization
-    value.push(...deserializeHtmlValue);
+    value.push({ children: [{ text: 'Deserialization' }], type: 'h1' });
 
+    if (enabled.html) value.push(...deserializeHtmlValue);
     if (enabled.markdown) value.push(...deserializeMdValue);
     if (enabled.docx) value.push(...deserializeDocxValue);
     if (enabled.csv) value.push(...deserializeCsvValue);
+
     // Exceptions
+    value.push({ children: [{ text: 'Miscellaneous' }], type: 'h1' });
+
     if (enabled.trailingBlock) value.push(...trailingBlockValue);
     if (enabled.excalidraw) value.push(...excalidrawValue);
 
diff --git a/apps/www/src/lib/themes.ts b/apps/www/src/lib/themes.ts
index b1244c4080..fa4a252c4b 100644
--- a/apps/www/src/lib/themes.ts
+++ b/apps/www/src/lib/themes.ts
@@ -2,8 +2,8 @@ const _THEMES = {
   ayu: {
     id: 'ayu',
     colors: {
-      accent: '35 100% 50%', // #FF9940
-      accentForeground: '0 0% 100%', // #FFFFFF
+      accent: '35 100% 50% / 0.3', // Semi-transparent version of brand
+      accentForeground: '0 0% 9%',
       background: '38 100% 99%', // #FAFAFA
       border: '44 17% 88%', // #E7E8E9
       brand: '35 100% 50%', // #FF9940
@@ -25,8 +25,8 @@ const _THEMES = {
       secondaryForeground: '0 0% 9%', // #171717
     },
     colorsDark: {
-      accent: '35 100% 50%', // #FF9940
-      accentForeground: '0 0% 100%', // #FFFFFF
+      accent: '35 100% 50% / 0.2', // Semi-transparent version of brand
+      accentForeground: '0 0% 9%',
       background: '220 27% 18%', // #1F2430
       border: '220 13% 26%', // #33415E
       brand: '35 100% 50%', // #FF9940
@@ -63,51 +63,50 @@ const _THEMES = {
   catppuccin: {
     id: 'catppuccin',
     colors: {
-      accent: '220 23% 80%',
-      accentForeground: '220 23% 20%',
-      background: '220 23% 95%',
-      border: '220 13% 90%',
-      brand: '266 85% 58%', // Same as primary
-      card: '220 23% 93%',
-      cardForeground: '234 16% 30%',
-      destructive: '3 87% 37%',
-      destructiveForeground: '3 87% 97%',
-      foreground: '234 16% 35%',
-      highlight: '266 30% 75%', // Same as secondary
-      input: '220 13% 87%',
-      muted: '220 12% 90%',
-      mutedForeground: '220 12% 30%',
-      popover: '220 23% 92%',
-      popoverForeground: '234 16% 25%',
-      primary: '266 85% 58%',
-      primaryForeground: '0 0% 100%',
-      ring: '266 85% 58%',
-      secondary: '266 30% 75%',
-      secondaryForeground: '266 30% 15%',
+      accent: '266 85% 58% / 0.2', // Mauve with opacity
+      accentForeground: '234 16% 35%', // Text
+      background: '220 23% 95%', // Base
+      border: '225 14% 77%', // Surface1
+      brand: '266 85% 58%', // Mauve
+      card: '220 23% 95%', // Base
+      cardForeground: '234 16% 35%', // Text
+      destructive: '347 87% 44%', // Red
+      destructiveForeground: '220 23% 95%', // Base
+      foreground: '234 16% 35%', // Text
+      highlight: '231 97% 72%', // Lavender
+      input: '227 12% 71%', // Surface2
+      muted: '223 16% 83%', // Surface0
+      mutedForeground: '233 10% 47%', // Subtext0
+      popover: '220 23% 95%', // Base
+      popoverForeground: '234 16% 35%', // Text
+      primary: '266 85% 58%', // Mauve
+      primaryForeground: '220 23% 95%', // Base
+      ring: '266 85% 58%', // Mauve
+      secondary: '231 97% 72%', // Lavender
+      secondaryForeground: '234 16% 35%', // Text
     },
-    // Catppuccin Mocha
     colorsDark: {
-      accent: '240 21% 30%',
-      'accent-foreground': '240 21% 90%',
-      background: '240 21% 15%',
-      border: '240 11% 20%',
-      brand: '267 84% 81%', // Same as primary
-      card: '240 21% 13%',
-      'card-foreground': '226 64% 93%',
-      destructive: '8 96% 56%',
-      destructiveForeground: '0 0% 100%',
-      foreground: '226 64% 88%',
-      highlight: '267 30% 25%', // Same as secondary
-      input: '240 11% 23%',
-      muted: '240 12% 19%',
-      'muted-foreground': '240 12% 69%',
-      popover: '240 21% 12%',
-      'popover-foreground': '226 64% 98%',
-      primary: '267 84% 81%',
-      primaryForeground: '267 84% 21%',
-      ring: '267 84% 81%',
-      secondary: '267 30% 25%',
-      secondaryForeground: '267 30% 85%',
+      accent: '267 83% 80% / 0.2', // Mauve with opacity
+      accentForeground: '227 68% 88%', // Text
+      background: '232 23% 18%', // Base
+      border: '231 16% 34%', // Surface1
+      brand: '267 83% 80%', // Mauve
+      card: '232 23% 18%', // Base
+      cardForeground: '227 68% 88%', // Text
+      destructive: '351 74% 73%', // Red
+      destructiveForeground: '227 68% 88%', // Text
+      foreground: '227 68% 88%', // Text
+      highlight: '234 82% 85%', // Lavender
+      input: '230 14% 41%', // Surface2
+      muted: '230 19% 26%', // Surface0
+      mutedForeground: '228 39% 80%', // Subtext1
+      popover: '232 23% 18%', // Base
+      popoverForeground: '227 68% 88%', // Text
+      primary: '267 83% 80%', // Mauve
+      primaryForeground: '232 23% 18%', // Base
+      ring: '267 83% 80%', // Mauve
+      secondary: '234 82% 85%', // Lavender
+      secondaryForeground: '227 68% 88%', // Text
     },
     fontFamily: {
       body: {
@@ -180,7 +179,7 @@ const _THEMES = {
         type: 'sans-serif',
       },
     },
-    name: 'Catppuccin',
+    name: 'Default Palette',
     radius: 0.5,
   },
   'default-shadcn': {
@@ -247,8 +246,8 @@ const _THEMES = {
   dune: {
     id: 'dune',
     colors: {
-      accent: '36 33% 75%',
-      accentForeground: '36 45% 25%',
+      accent: '36 33% 75% / 0.2',
+      accentForeground: '39 14% 22%',
       background: '43 47% 92%',
       border: '43 27% 84%',
       brand: '39 14% 22%', // #3D3A34
@@ -270,8 +269,8 @@ const _THEMES = {
       secondaryForeground: '39 14% 22%',
     },
     colorsDark: {
-      accent: '36 33% 25%',
-      accentForeground: '36 45% 75%',
+      accent: '36 33% 75% / 0.3',
+      accentForeground: '39 14% 22%',
       background: '39 14% 12%',
       border: '43 27% 16%',
       brand: '43 47% 88%', // #EBE6D5
@@ -307,8 +306,8 @@ const _THEMES = {
   everforest: {
     id: 'everforest',
     colors: {
-      accent: '142 40% 46%', // #8da101
-      accentForeground: '44 96% 98%', // #fdf6e3
+      accent: '142 40% 46% / 0.2',
+      accentForeground: '151 17% 39%',
       background: '44 96% 98%', // #fdf6e3
       border: '44 24% 83%', // #e0dcc7
       brand: '142 40% 46%', // #8DA101
@@ -320,7 +319,7 @@ const _THEMES = {
       highlight: '88 23% 63%', // #A7C080
       input: '44 24% 83%', // #e0dcc7
       muted: '44 24% 95%', // #f4f0d9
-      mutedForeground: '151 9% 63%', // #939f91
+      mutedForeground: '151 9% 43%',
       popover: '44 96% 98%', // #fdf6e3
       popoverForeground: '151 17% 39%', // #5c6a72
       primary: '142 40% 46%', // #8da101
@@ -330,8 +329,8 @@ const _THEMES = {
       secondaryForeground: '151 17% 39%',
     },
     colorsDark: {
-      accent: '165 23% 61%',
-      'accent-foreground': '220 17% 20%',
+      accent: '88 23% 63% / 0.2',
+      accentForeground: '39 14% 74%',
       background: '220 17% 20%',
       border: '210 9% 33%',
       brand: '88 23% 63%', // #A7C080
@@ -368,8 +367,8 @@ const _THEMES = {
   github: {
     id: 'github',
     colors: {
-      accent: '212 12% 45%',
-      accentForeground: '0 0% 100%',
+      accent: '215 69% 43% / 0.2',
+      accentForeground: '215 14% 34%',
       background: '0 0% 100%',
       border: '210 18% 87%',
       brand: '215 69% 43%', // #2F81F7
@@ -391,7 +390,7 @@ const _THEMES = {
       secondaryForeground: '215 14% 34%',
     },
     colorsDark: {
-      accent: '213 14% 33%',
+      accent: '212 92% 45% / 0.2',
       accentForeground: '210 14% 93%',
       background: '215 28% 17%',
       border: '215 14% 25%',
@@ -429,8 +428,8 @@ const _THEMES = {
   horizon: {
     id: 'horizon',
     colors: {
-      accent: '344 96% 92%', // #fceae5
-      accentForeground: '345 6% 30%', // #52484e
+      accent: '345 80% 70% / 0.2',
+      accentForeground: '345 6% 30%',
       background: '345 6% 95%', // #fdf0ed
       border: '345 6% 85%', // #e4d8d4
       brand: '345 80% 70%', // #F075B5
@@ -452,8 +451,8 @@ const _THEMES = {
       secondaryForeground: '345 6% 30%', // #52484e
     },
     colorsDark: {
-      accent: '344 96% 92%', // #fceae5
-      accentForeground: '345 6% 30%', // #52484e
+      accent: '345 80% 70% / 0.2',
+      accentForeground: '345 6% 80%',
       background: '345 6% 15%', // #1c1e26
       border: '345 6% 25%', // #3d3741
       brand: '345 80% 70%', // #F075B5
diff --git a/apps/www/src/registry/default/example/image-pro-demo.tsx b/apps/www/src/registry/default/example/image-pro-demo.tsx
index f8483a1073..f12f852b2c 100644
--- a/apps/www/src/registry/default/example/image-pro-demo.tsx
+++ b/apps/www/src/registry/default/example/image-pro-demo.tsx
@@ -4,8 +4,8 @@ export default function ImageProDemo() {
   return (
     <iframe
       className="size-full h-[350px]"
-      src={`${siteConfig.links.platePro}/iframe/media-controller`}
       title="media-controller"
+      src={`${siteConfig.links.platePro}/iframe/media-controller`}
     ></iframe>
   );
 }
diff --git a/apps/www/src/registry/default/example/mode-toggle.tsx b/apps/www/src/registry/default/example/mode-toggle.tsx
index 894f734da9..fbdd5b9f1e 100644
--- a/apps/www/src/registry/default/example/mode-toggle.tsx
+++ b/apps/www/src/registry/default/example/mode-toggle.tsx
@@ -5,11 +5,14 @@ import * as React from 'react';
 import { useTheme } from 'next-themes';
 
 import { Icons } from '@/components/icons';
+import { useMounted } from '@/registry/default/hooks/use-mounted';
 import { Button } from '@/registry/default/plate-ui/button';
 
 export default function ModeToggle() {
   const { setTheme, theme } = useTheme();
 
+  const mounted = useMounted();
+
   return (
     <Button
       size="sm"
@@ -17,7 +20,7 @@ export default function ModeToggle() {
       className="size-8 px-0"
       onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
     >
-      {theme === 'dark' ? (
+      {mounted && theme === 'dark' ? (
         <Icons.moon className="size-[1.2rem]" />
       ) : (
         <Icons.sun className="size-[1.2rem]" />
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 199ac536c2..3fd10eb58f 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -387,7 +387,7 @@ export default function PlaygroundDemo({
               className={cn(
                 'relative flex w-full overflow-x-auto',
                 // block selection area
-                '[&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',
+                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',
                 className
               )}
               data-plate-selectable
diff --git a/apps/www/src/registry/default/plate-ui/editor.tsx b/apps/www/src/registry/default/plate-ui/editor.tsx
index 57a97069c0..f09113f7f5 100644
--- a/apps/www/src/registry/default/plate-ui/editor.tsx
+++ b/apps/www/src/registry/default/plate-ui/editor.tsx
@@ -37,7 +37,7 @@ const editorVariants = cva(
         sm: 'text-sm',
       },
       variant: {
-        demo: 'max-h-[650px] min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
+        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
       },
diff --git a/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx b/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
index 514814c786..bb1ff54c93 100644
--- a/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
@@ -16,7 +16,7 @@ export const ExcalidrawElement = withRef<typeof PlateElement>(
     return (
       <PlateElement ref={ref} {...props}>
         <div contentEditable={false}>
-          <div className="h-[600px]">
+          <div className="mx-auto aspect-video h-[600px] w-[min(100%,600px)] overflow-hidden rounded-sm border">
             {Excalidraw && (
               <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />
             )}
diff --git a/apps/www/src/registry/schema.ts b/apps/www/src/registry/schema.ts
index cd620040f7..a901c6822b 100644
--- a/apps/www/src/registry/schema.ts
+++ b/apps/www/src/registry/schema.ts
@@ -54,6 +54,7 @@ export const registryEntrySchema = z.object({
   cssVars: registryItemCssVarsSchema.optional(),
   dependencies: z.array(z.string()).optional(),
   description: z.string().optional(),
+  descriptionSrc: z.string().optional(),
   devDependencies: z.array(z.string()).optional(),
   docs: z.string().optional(),
   external: z.boolean().optional(),
diff --git a/apps/www/src/styles/globals.css b/apps/www/src/styles/globals.css
index f5b90a37cc..45a3e2ec49 100644
--- a/apps/www/src/styles/globals.css
+++ b/apps/www/src/styles/globals.css
@@ -59,9 +59,9 @@
   * {
     @apply border-border;
   }
-  /* html {
+  html {
     @apply scroll-smooth;
-  } */
+  }
   body {
     @apply bg-background text-foreground;
     font-feature-settings:
diff --git a/packages/cli/src/utils/transformers/transform-css-vars.ts b/packages/cli/src/utils/transformers/transform-css-vars.ts
index 26b93baa90..78ea868a50 100644
--- a/packages/cli/src/utils/transformers/transform-css-vars.ts
+++ b/packages/cli/src/utils/transformers/transform-css-vars.ts
@@ -79,7 +79,7 @@ export const transformCssVars: Transformer = async ({
 
 //               if (
 //                 arg.type === "LogicalExpression" &&
-//                 arg.right.type === "StringLiteral"
+//                 arg.right.type Ee=== "StringLiteral"
 //               ) {
 //                 arg.right.value = applyColorMapping(arg.right.value)
 //               }

From 4a040da16c160be07a0170cf14e0cf55899e7823 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Tue, 22 Oct 2024 00:54:31 +0200
Subject: [PATCH 097/127] docs

---
 apps/www/content/docs/toc.mdx                 | 52 +++++++---------
 apps/www/package.json                         |  2 +-
 apps/www/src/components/ui/badge.tsx          |  2 +-
 apps/www/src/config/docs.ts                   | 60 +++++++++----------
 .../src/lib/plate/demo/values/tocValue.tsx    | 47 +++++++++++++++
 .../plate/demo/values/usePlaygroundValue.ts   | 12 +---
 .../default/plate-ui/excalidraw-element.tsx   |  1 +
 package.json                                  |  1 +
 8 files changed, 107 insertions(+), 70 deletions(-)

diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 4999d9c7cc..b1ed4677ef 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -1,6 +1,6 @@
 ---
 title: Table of Contents
-description: A customizable table of contents component for your documentation.
+description: Renders a table of contents element with clickable links to headings in the document.
 docs:
   - route: components/toc-element
     title: Toc Element
@@ -14,34 +14,37 @@ docs:
 
 ## Features
 
-- Automatically generates a table of contents from your document headings
-- Customizable styles and depth levels
-- Smooth scrolling to sections
+- Automatically generates a table of contents from document headings
+- Smooth scrolling to headings
 
 </PackageInfo>
 
 ## Installation
 
 ```bash
-npm install @udecode/plate-heading
+npm install @udecode/plate-heading @udecode/plate-node-id
 ```
 
 ## Usage
 
 ```tsx
-// ...
-import { TocPlugin } from '@udecode/plate-heading/react';
+import { TocPlugin, HeadingPlugin } from '@udecode/plate-heading/react';
+import { NodeIdPlugin } from '@udecode/plate-node-id';
+```
 
+```tsx
 const editor = usePlateEditor({
-  id: 'toc-demo',
+  // value
   override: {
     components: {
-      ...otherPlateComponents,
+      // ...components,
       [TocPlugin.key]: TocElement,
     },
   },
   plugins: [
-    ...otherPlatePlugins,
+    // ...plugins,
+    HeadingPlugin,
+    NodeIdPlugin,
     TocPlugin.configure({
       options: {
         scrollContainerSelector: `#your-scroll-container-id`,
@@ -49,11 +52,10 @@ const editor = usePlateEditor({
       },
     }),
   ],
-  value: tocValue,
 });
 ```
 
-## Set scroll container
+### Set scroll container
 
 In this plugin, you need to provide a **selector** to options.scrollContainerSelector to specify the scrollable container. This selector is used with `Document.querySelector` to locate the container element.
 You can use various selector formats, such as:
@@ -84,22 +86,14 @@ type TocOptions = {
 **queryHeading**: if you want to customize the heading selection logic, you can provide a function to query the headings.
 for example, you just want to use heading level 1 and 2, you can use this. by default, it will use all heading levels.
 
-## Toc Sidebar (Plus)
+### Wire up the UI
 
-Toc Sidebar has the following props you can configure it to match your needs:
+- [`TocElement`](/docs/components/toc-element)
 
-```tsx
-type TocSidebarProps = {
-  rootMargin?: string;
-  topOffset?: number;
-  maxShowCount?: number;
-};
-```
-- `rootMargin`: The margin around the viewport that should be considered when calculating the visibility of the target element.which is used in [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).
-- `topOffset`: After scrolling to the specified element, scroll an additional distance.
-- `maxShowCount`: The maximum number of items to show in the sidebar default is 20.
+## Examples
+
+### Plate Plus
 
-here is an example of how to use the TocSidebar component:
 
 ```tsx
 <Plate>
@@ -145,10 +139,10 @@ export const HeadingElement = withRef<typeof HeadingElementVariants>(
 The TocSideBar component in Plate Plus offers the following features:
 
 - Responsive design that adapts to different screen sizes
-- Dynamic highlighting of the corresponding thumbnail on the right side based on the current section
-- Hover thumbnail to see the preview of the section with smooth animation
-- Elegant transition effects when navigating between sections
-- Animated highlighting of the current section in the sidebar
+- Dynamic highlighting of the corresponding thumbnail on the right side based on the current heading
+- Hover thumbnail to see the preview of the heading with smooth animation
+- Elegant transition effects when navigating between headings
+- Animated highlighting of the current heading in the sidebar
 
 Here's an example of how to use the enhanced TocSideBar component in Plate Plus:
 
diff --git a/apps/www/package.json b/apps/www/package.json
index cfd151b7d2..b109d6b6e3 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -10,7 +10,7 @@
     "build:contentlayer": "contentlayer2 build",
     "build:registry": "tsx --tsconfig ./scripts/tsconfig.scripts.json scripts/build-registry.mts",
     "dev": "concurrently \"contentlayer2 dev\" \"NODE_OPTIONS=--max-old-space-size=16192 next dev\"",
-    "dev:quick": "NODE_OPTIONS=--max-old-space-size=16192 next dev",
+    "devt": "concurrently \"contentlayer2 dev\" \"next dev --turbo\"",
     "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx",
     "lint:debug": "TIMING=1 DEBUG=eslint:cli-engine yarn lint:fix",
     "lint:fix": "yarn lint --fix",
diff --git a/apps/www/src/components/ui/badge.tsx b/apps/www/src/components/ui/badge.tsx
index f6658f18b4..a98d7237e5 100644
--- a/apps/www/src/components/ui/badge.tsx
+++ b/apps/www/src/components/ui/badge.tsx
@@ -4,7 +4,7 @@ import { cn } from '@udecode/cn';
 import { type VariantProps, cva } from 'class-variance-authority';
 
 const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-semibold leading-none transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
   {
     defaultVariants: {
       variant: 'default',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index f4b4e14735..d72c6ca5cd 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -249,6 +249,31 @@ export const docsConfig: DocsConfig = {
           label: 'New',
           title: 'Copilot',
         },
+        {
+          href: '/docs/block-menu',
+          label: 'New',
+          title: 'Block Menu',
+        },
+        {
+          href: '/docs/callout',
+          label: 'New',
+          title: 'Callout',
+        },
+        {
+          href: '/docs/equation',
+          label: 'New',
+          title: 'Equation',
+        },
+        {
+          href: '/docs/slash-command',
+          label: 'New',
+          title: 'Slash Command',
+        },
+        {
+          href: '/docs/toc',
+          label: 'New',
+          title: 'Table of Contents',
+        },
         {
           href: '/docs/alignment',
           title: 'Alignment',
@@ -257,11 +282,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/autoformat',
           title: 'Autoformat',
         },
-        {
-          href: '/docs/block-menu',
-          label: 'New',
-          title: 'Block Menu',
-        },
         {
           href: '/docs/basic-elements',
           label: 'Element',
@@ -276,11 +296,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/block-selection',
           title: 'Block Selection',
         },
-        {
-          href: '/docs/callout',
-          label: 'Plus',
-          title: 'Callout',
-        },
         {
           href: '/docs/caption',
           title: 'Caption',
@@ -324,11 +339,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/emoji',
           title: 'Emoji',
         },
-        {
-          href: '/docs/equation',
-          label: 'Plus',
-          title: 'Equation',
-        },
         {
           href: '/docs/excalidraw',
           label: 'Element',
@@ -401,11 +411,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/single-line',
           title: 'Single Line',
         },
-        {
-          href: '/docs/slash-command',
-          label: 'New',
-          title: 'Slash Command',
-        },
         {
           href: '/docs/soft-break',
           title: 'Soft Break',
@@ -419,11 +424,6 @@ export const docsConfig: DocsConfig = {
           label: 'Element',
           title: 'Table',
         },
-        {
-          href: '/docs/toc',
-          label: 'New',
-          title: 'Table of Contents',
-        },
         {
           href: '/docs/toggle',
           label: 'Element',
@@ -434,6 +434,11 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
+        {
+          href: '/docs/upload',
+          label: 'New',
+          title: 'Upload',
+        },
         {
           href: '/docs/examples/editable-voids',
           title: 'Editable Voids',
@@ -462,11 +467,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/examples/server',
           title: 'Server-Side',
         },
-        {
-          href: '/docs/upload',
-          label: 'Plus',
-          title: 'Upload',
-        },
       ],
       title: 'Examples',
     },
diff --git a/apps/www/src/lib/plate/demo/values/tocValue.tsx b/apps/www/src/lib/plate/demo/values/tocValue.tsx
index 5a10b411b2..b0ff342543 100644
--- a/apps/www/src/lib/plate/demo/values/tocValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/tocValue.tsx
@@ -5,6 +5,53 @@ import { jsx } from '@udecode/plate-test-utils';
 jsx;
 
 export const tocValue: any = (
+  <fragment>
+    <hh1>
+      <htext>Table of Contents</htext>
+    </hh1>
+    <hp>
+      <htext>
+        The Table of Contents (TOC) feature allows you to create an
+        automatically updated overview of your document's structure.
+      </htext>
+    </hp>
+    <hp>How to use the Table of Contents:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Type "/toc" and press Enter to create the TOC.</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>
+        The TOC updates automatically when you modify headings in the document.
+      </htext>
+    </hp>
+    <htoc>
+      <htext />
+    </htoc>
+    <hh2>Example Content</hh2>
+    <hp>
+      <htext>
+        This is an example of content that would be reflected in the Table of
+        Contents.
+      </htext>
+    </hp>
+    <hh3>Subsection</hh3>
+    <hp>
+      <htext>
+        Adding or modifying headings in your document will automatically update
+        the TOC.
+      </htext>
+    </hp>
+    <hh2>Benefits of Using TOC</hh2>
+    <hp>
+      <htext>
+        A Table of Contents improves document navigation and provides a quick
+        overview of your content structure.
+      </htext>
+    </hp>
+  </fragment>
+);
+
+export const tocPlaygroundValue: any = (
   <fragment>
     <htoc>
       <htext></htext>
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 8037b4e41b..46456f8ee3 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -23,7 +23,6 @@ import { deserializeDocxValue } from './deserializeDocxValue';
 import { deserializeHtmlValue } from './deserializeHtmlValue';
 import { deserializeMdValue } from './deserializeMdValue';
 import { emojiValue } from './emojiValue';
-import { excalidrawValue } from './excalidrawValue';
 import { exitBreakValue, trailingBlockValue } from './exitBreakValue';
 import { fontValue } from './fontValue';
 import { highlightValue } from './highlightValue';
@@ -40,7 +39,7 @@ import { slashCommandValue } from './slashCommandValue';
 import { softBreakValue } from './softBreakValue';
 import { tabbableValue } from './tabbableValue';
 import { tableMergeValue, tableValue } from './tableValue';
-import { tocValue } from './tocValue';
+import { tocPlaygroundValue } from './tocValue';
 import { toggleValue } from './toggleValue';
 
 export const usePlaygroundValue = (id?: ValueId): MyValue => {
@@ -74,7 +73,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     value.push({ children: [{ text: 'Playground' }], type: 'h1' });
 
     // TOC
-    if (enabled.toc) value.push(...tocValue);
+    if (enabled.toc) value.push(...tocPlaygroundValue);
     // AI
     if (enabled.ai) value.push(...aiValue);
     if (enabled.copilot) value.push(...copilotValue);
@@ -121,6 +120,7 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.exitBreak) value.push(...exitBreakValue);
     if (enabled.dragOverCursor) value.push(...cursorOverlayValue);
     if (enabled.tabbable) value.push(...tabbableValue);
+    if (enabled.trailingBlock) value.push(...trailingBlockValue);
 
     // Deserialization
     value.push({ children: [{ text: 'Deserialization' }], type: 'h1' });
@@ -130,12 +130,6 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
     if (enabled.docx) value.push(...deserializeDocxValue);
     if (enabled.csv) value.push(...deserializeCsvValue);
 
-    // Exceptions
-    value.push({ children: [{ text: 'Miscellaneous' }], type: 'h1' });
-
-    if (enabled.trailingBlock) value.push(...trailingBlockValue);
-    if (enabled.excalidraw) value.push(...excalidrawValue);
-
     return mapNodeId(value);
   }, [valueId, version]);
 };
diff --git a/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx b/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
index bb1ff54c93..1f6275a0ed 100644
--- a/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/excalidraw-element.tsx
@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 
 import { withRef } from '@udecode/cn';
diff --git a/package.json b/package.json
index d7ca39ead5..e3c6dfa536 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "deps:update": "npx npm-check-updates@latest --configFileName config/ncurc.yml -u --workspaces --root --mergeConfig",
     "dev": "turbo --filter=www dev",
     "dev:cli": "yarn workspace shadcx dev",
+    "devt": "yarn workspace www devt",
     "docs:build": "cd docs && yarn && yarn build",
     "docs:start": "cd docs && yarn && yarn start",
     "e2e": "yarn playwright test",

From eb3627c76b4d314dd4f65ce492a386d380f11b37 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Tue, 22 Oct 2024 04:16:04 +0200
Subject: [PATCH 098/127] docs

---
 apps/www/content/docs/api/core/store.mdx      |  16 +-
 apps/www/content/docs/block-menu.mdx          |  49 ++--
 apps/www/content/docs/callout.mdx             |  27 +-
 apps/www/content/docs/copilot.mdx             | 107 ++++---
 apps/www/content/docs/equation.mdx            | 103 +++++--
 apps/www/content/docs/media-placeholder.mdx   |  63 ++--
 apps/www/content/docs/slash-command.mdx       | 169 +++++------
 apps/www/content/docs/toc.mdx                 | 277 +++++++++++++-----
 apps/www/content/docs/upload.mdx              |  47 ++-
 apps/www/src/components/doc-page-layout.tsx   |   8 +-
 apps/www/src/components/open-in-plus.tsx      |   2 +-
 apps/www/src/components/typography.tsx        |   2 +-
 apps/www/src/components/ui/badge.tsx          |   5 +-
 apps/www/src/config/docs.ts                   |   5 +
 .../plate/demo/values/slashCommandValue.tsx   |  36 ++-
 .../default/example/playground-demo.tsx       |  10 +-
 .../default/example/pro-iframe-demo.tsx       |   2 +-
 packages/heading/src/react/hooks/index.ts     |   2 +-
 ...useTocSideBarState.ts => useTocSideBar.ts} |   0
 .../lib/placeholder/BasePlaceholderPlugin.ts  |  20 +-
 packages/media/src/lib/placeholder/index.ts   |   1 -
 .../transforms/insertPlaceholder.ts           |   7 +-
 packages/media/src/lib/placeholder/types.ts   |  13 -
 .../placeholder/usePlaceholderElement.ts      |   7 +-
 .../placeholder/usePlaceholderPopover.ts      |   7 +-
 25 files changed, 587 insertions(+), 398 deletions(-)
 rename packages/heading/src/react/hooks/{useTocSideBarState.ts => useTocSideBar.ts} (100%)
 delete mode 100644 packages/media/src/lib/placeholder/types.ts

diff --git a/apps/www/content/docs/api/core/store.mdx b/apps/www/content/docs/api/core/store.mdx
index 9cc3a5aa15..1d14fb3b55 100644
--- a/apps/www/content/docs/api/core/store.mdx
+++ b/apps/www/content/docs/api/core/store.mdx
@@ -32,9 +32,9 @@ A unique ID used as a provider scope. Use it if you have multiple `Plate` in the
 <APIItem name="decorate" type="function" optional>
 Function used to decorate ranges in the editor.
 
-``ts
+```ts
 (options: { editor: PlateEditor; entry: TNodeEntry }) => Range[]
-``
+```
 </APIItem>
 
 <APIItem name="isMounted" type="boolean" optional>
@@ -44,25 +44,25 @@ Whether `Editable` is rendered so slate DOM is resolvable.
 <APIItem name="onChange" type="function" optional>
 Controlled callback called when the editor state changes.
 
-``ts
+```ts
 (options: { editor: PlateEditor; value: ValueOf<PlateEditor> }) => void
-``
+```
 </APIItem>
 
 <APIItem name="onSelectionChange" type="function" optional>
 Controlled callback called when the editor.selection changes.
 
-``ts
+```ts
 (options: { editor: PlateEditor; selection: TSelection }) => void
-``
+```
 </APIItem>
 
 <APIItem name="onValueChange" type="function" optional>
 Controlled callback called when the editor.children changes.
 
-``ts
+```ts
 (options: { editor: PlateEditor; value: ValueOf<PlateEditor> }) => void
-``
+```
 </APIItem>
 
 <APIItem name="primary" type="boolean" optional>
diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index a12a8227c5..1aaa90fe36 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -43,37 +43,30 @@ Block Selection provides a visual effect to indicate which block the user is abo
 // ...
 import { BlockMenuPlugin } from '@udecode/plate-selection/react';
 
-const editor = usePlateEditor({
-  id: 'context-menu-demo',
-  override: {
-    components: createPotionUI(),
-  },
-  plugins: [
-    ...otherPlugins,
-    NodeIdPlugin,
-    BlockSelectionPlugin.configure({
-      options: {
-        areaOptions: {
-          behaviour: {
-            scrolling: {
-              speedDivider: 1.5,
-            },
-            startThreshold: 10,
+const plugins = [
+  // ...otherPlugins,
+  NodeIdPlugin,
+  BlockSelectionPlugin.configure({
+    options: {
+      areaOptions: {
+        behaviour: {
+          scrolling: {
+            speedDivider: 1.5,
           },
-          boundaries: '#scroll_container',
-          container: '#scroll_container',
-          selectables: '#scroll_container .slate-selectable',
-          selectionAreaClass: 'slate-selection-area',
+          startThreshold: 10,
         },
-        enableContextMenu: true,
+        boundaries: '#scroll_container',
+        container: '#scroll_container',
+        selectables: '#scroll_container .slate-selectable',
+        selectionAreaClass: 'slate-selection-area',
       },
-    }),
-    BlockMenuPlugin.configure({
-      render: { aboveEditable: BlockContextMenu },
-    }),
-  ],
-  value: contextMenuValue,
-});
+      enableContextMenu: true,
+    },
+  }),
+  BlockMenuPlugin.configure({
+    render: { aboveEditable: BlockContextMenu },
+  }),
+]
 ```
 
 ## Prevent opening of the right-click menu
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index 5a073df3c1..5dee4f0b2c 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -34,25 +34,22 @@ npm install @udecode/plate-callout
 ## Usage
 
 ```tsx
-// ...
 import { CalloutPlugin } from '@udecode/plate-callout/react';
+```
 
-const editor = usePlateEditor({
-  id: 'callout-demo',
-  override: {
-    components: {
-      ...otherComponents,
-      [CalloutPlugin.key]: CalloutElement,
-    },
-  },
-  plugins: [
-    ...otherPlugins,
-    CalloutPlugin,
-  ],
-  value: calloutValue,
-});
+```tsx
+const plugins = [
+  // ...otherPlugins,
+  CalloutPlugin,
+]
 ```
 
+```tsx
+const components = {
+  // ...otherComponents,
+  [CalloutPlugin.key]: CalloutElement,
+}
+
 ## Transforms
 
 ### editor.tf.insert.callout
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index b8ede1ae5d..9d4b4970d6 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -98,65 +98,58 @@ Or set the priority of Copilot Plugin to a higher value than Indent Plugin see [
 Here's an example of how to order your plugins:
 
 ```tsx
-const editor = usePlateEditor({
-  id: 'ai-demo',
-  override: {
-    components: PlateUI,
-  },
-  plugins: [
-    MarkdownPlugin.configure({ options: { indentList: true } }),
-    // CopilotPlugin should be before indent plugin
-    CopilotPlugin,
-    IndentPlugin.extend({
-      inject: {
-        targetPlugins: [
-          ParagraphPlugin.key,
-          HEADING_KEYS.h1,
-          HEADING_KEYS.h2,
-          HEADING_KEYS.h3,
-          HEADING_KEYS.h4,
-          HEADING_KEYS.h5,
-          HEADING_KEYS.h6,
-          BlockquotePlugin.key,
-          CodeBlockPlugin.key,
-          TogglePlugin.key,
-        ],
-      },
-    }),
-    IndentListPlugin.extend({
-      inject: {
-        targetPlugins: [
-          ParagraphPlugin.key,
-          HEADING_KEYS.h1,
-          HEADING_KEYS.h2,
-          HEADING_KEYS.h3,
-          HEADING_KEYS.h4,
-          HEADING_KEYS.h5,
-          HEADING_KEYS.h6,
-          BlockquotePlugin.key,
-          CodeBlockPlugin.key,
-          TogglePlugin.key,
-        ],
-      },
-      options: {
-        listStyleTypes: {
-          fire: {
-            liComponent: FireLiComponent,
-            markerComponent: FireMarker,
-            type: 'fire',
-          },
-          todo: {
-            liComponent: TodoLi,
-            markerComponent: TodoMarker,
-            type: 'todo',
-          },
+const plugins = [
+  // ...otherPlugins,
+  MarkdownPlugin.configure({ options: { indentList: true } }),
+  // CopilotPlugin should be before indent plugin
+  CopilotPlugin,
+  IndentPlugin.extend({
+    inject: {
+      targetPlugins: [
+        ParagraphPlugin.key,
+        HEADING_KEYS.h1,
+        HEADING_KEYS.h2,
+        HEADING_KEYS.h3,
+        HEADING_KEYS.h4,
+        HEADING_KEYS.h5,
+        HEADING_KEYS.h6,
+        BlockquotePlugin.key,
+        CodeBlockPlugin.key,
+        TogglePlugin.key,
+      ],
+    },
+  }),
+  IndentListPlugin.extend({
+    inject: {
+      targetPlugins: [
+        ParagraphPlugin.key,
+        HEADING_KEYS.h1,
+        HEADING_KEYS.h2,
+        HEADING_KEYS.h3,
+        HEADING_KEYS.h4,
+        HEADING_KEYS.h5,
+        HEADING_KEYS.h6,
+        BlockquotePlugin.key,
+        CodeBlockPlugin.key,
+        TogglePlugin.key,
+      ],
+    },
+    options: {
+      listStyleTypes: {
+        fire: {
+          liComponent: FireLiComponent,
+          markerComponent: FireMarker,
+          type: 'fire',
+        },
+        todo: {
+          liComponent: TodoLi,
+          markerComponent: TodoMarker,
+          type: 'todo',
         },
       },
-    }),
-    ...otherPlugins,
-  ],
-  value: copilotValue,
-});
+    },
+  }),
+]
 ```
 
 It's important to note that when using `IndentListPlugin` instead of `ListPlugin`, you should configure the `MarkdownPlugin` with the `indentList: true` option.
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index cf9f90a3dd..599501f05b 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -10,19 +10,14 @@ docs:
     title: Inline Equation Toolbar Button
 ---
 
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="pro-equation"
-  component="equation"
-/>
-
 <PackageInfo>
 
 ## Features
 
-- Allows you to insert inline LaTeX equations (e.g., `$E=mc^2$`) and block equations (e.g., `$$\int_a^b f(x) dx$$`) into your editor.
-- Renders both inline and block equations using KaTeX for high-quality mathematical typesetting.
-- Supports a wide range of LaTeX commands and symbols for complex mathematical expressions.
+- LaTeX syntax support for complex mathematical expressions
+- Both inline and block equation formats
+- Real-time rendering of equations using KaTeX
+- Easy editing and navigation within equations
 
 </PackageInfo>
 
@@ -34,36 +29,80 @@ npm install @udecode/plate-math
 
 ## Usage
 
+### Plugins
+
+```tsx
+import { EquationPlugin, InlineEquationPlugin } from '@udecode/plate-math/react';
+```
+
 ```tsx
-// ...
-import { InlineEquationPlugin, EquationPlugin } from '@udecode/plate-math';
-
-const editor = usePlateEditor({
-  id: 'equation-demo',
-  override: {
-    components: {
-      ...otherComponents,
-      [EquationPlugin.key]: EquationElement,
-      [InlineEquationPlugin.key]: InlineEquationElement,
-    },
-  },
-  plugins: [...commonPlugins, InlineEquationPlugin, EquationPlugin],
-  value: equationValue,
-});
+const plugins = [
+  // ...plugins,
+  EquationPlugin,
+  InlineEquationPlugin,
+]
 ```
+
+```tsx
+const components = {
+  // ...otherComponents,
+  [EquationPlugin.key]: EquationElement,
+  [InlineEquationPlugin.key]: InlineEquationElement,
+}
+```
+
+### Components
+
+- [EquationElement](https://pro.platejs.org/docs/components/equation-element) (Plus)
+- [InlineEquationElement](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
+
+
+{/* ### How to use
+
+1. Use the slash command `/equation` to insert a block equation.
+2. Use the slash command `/inline equation` to insert an inline equation.
+3. Click on any equation to edit it. Press Escape to close the editor without saving changes.
+4. Navigate through the equation using arrow keys. */}
+
+## Examples
+
+### Plate UI
+
+Work in progress.
+
+### Plate Plus
+
+- Mark as equation from the toolbar
+- Insert equation from slash command
+- Beautifully crafted UI
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-equation"
+  component="equation"
+/>
+
+## Plugins
+
+### EquationPlugin
+
+Block equation element plugin.
+
+### InlineEquationPlugin
+
+Inline equation element plugin.
+
 ## Transforms
 
 ### editor.tf.insert.equation
 
-Inserts a empty block equation.
+Inserts an empty block equation.
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
   </APIItem>
 </APIParameters>
 
-
-
 ### editor.tf.insert.inlineEquation
 
 Inserts an inline equation.
@@ -75,3 +114,13 @@ Inserts an inline equation.
     Options for the insert nodes transform.
   </APIItem>
 </APIParameters>
+
+## Types
+
+### TEquationElement
+
+```typescript
+interface TEquationElement extends TElement {
+  texExpression: string;
+}
+```
\ No newline at end of file
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index 9e1bee35d4..9ed95d619a 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -6,14 +6,12 @@ docs:
     title: Placeholder Element
 ---
 
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="upload"
   component="upload"
 />
 
-
 <PackageInfo>
 
 ## Features
@@ -32,13 +30,14 @@ docs:
 
 
 ```bash
-npm install @udecode/plate-callout
+npm install @udecode/plate-media
 ```
 
 ## Usage
 
+### Plugins
+
 ```tsx
-// ...
 import {
   AudioPlugin,
   FilePlugin,
@@ -47,39 +46,46 @@ import {
   PlaceholderPlugin,
   VideoPlugin,
 } from '@udecode/plate-media/react';
+```
+
+```tsx
+const plugins = [
+  // ...otherPlugins,
+  PlaceholderPlugin,
+];
+```
 
-const editor = usePlateEditor({
-  id: 'callout-demo',
-  override: {
-    components: {
-      ...otherComponents,
-      [PlaceholderPlugin.key]: MediaPlaceholderElement,
-    },
-  },
-  plugins: [
-    ...otherPlugins,
-    PlaceholderPlugin,
-  ],
-  value: calloutValue,
-});
+### Components
+
+```tsx
+const components = {
+  // ...otherComponents,
+  [PlaceholderPlugin.key]: MediaPlaceholderElement,
+};
 ```
 
+- [MediaPlaceholderElement](https://pro.platejs.org/docs/components/media-placeholder-element)
+
+## Plugins
+
+### PlaceholderPlugin
+
+Media placeholder element plugin.
+
 ## Transforms
 
 ### editor.tf.insert.audioPlaceholder
 
-Inserts a placeholder. Converts to an audio element when completed.
+Inserts an audio placeholder element.
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
   </APIItem>
 </APIParameters>
 
-
-
 ### editor.tf.insert.filePlaceholder
 
-Inserts a placeholder. Converts to a file element when completed.
+Inserts a file placeholder element.
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
@@ -89,7 +95,7 @@ Inserts a placeholder. Converts to a file element when completed.
 
 ### editor.tf.insert.imagePlaceholder
 
-Inserts a placeholder. Converts to an image element when completed.
+Inserts an image placeholder element.
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
@@ -98,10 +104,19 @@ Inserts a placeholder. Converts to an image element when completed.
 
 ### editor.tf.insert.videoPlaceholder
 
-Inserts a placeholder. Converts to a video element when completed.
+Inserts a video placeholder element.
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
   </APIItem>
 </APIParameters>
 
+## Types
+
+### TPlaceholderElement
+
+```tsx
+type TPlaceholderElement = TElement & {
+  mediaType: string;
+};
+```
diff --git a/apps/www/content/docs/slash-command.mdx b/apps/www/content/docs/slash-command.mdx
index 98f3380d25..8963842ae7 100644
--- a/apps/www/content/docs/slash-command.mdx
+++ b/apps/www/content/docs/slash-command.mdx
@@ -1,13 +1,11 @@
 ---
 title: Slash Command
-description: Allows you to insert various elements into your editor using a slash command.
+description: Slash command menu for quick insertion of various content types.
 docs:
   - route: components/slash-input-element
     title: Slash Input Element
   - route: https://pro.platejs.org/docs/components/slash-input-element
     title: Slash Input Element
-
-
 ---
 
 <ComponentPreview name="playground-demo" id="slashCommand" />
@@ -16,8 +14,10 @@ docs:
 
 ## Features
 
-- Quick insertion of various elements using slash commands
-- Customizable menu options and styles
+- Quick access to various formatting options and content types
+- Keyboard navigation and filtering
+- Wide range of content insertion options
+  {/* - AI assistance integration */}
 
 </PackageInfo>
 
@@ -29,131 +29,94 @@ npm install @udecode/plate-slash-command
 
 ## Usage
 
+### Plugins
+
 ```tsx
-// ...
 import { SlashPlugin } from '@udecode/plate-slash-command/react';
-
-const editor = usePlateEditor({
-  id: 'slash-demo',
-  override: {
-    components: {
-      ...otherPlateComponents,
-      [SlashInputPlugin.key]: SlashInputElement,
-    },
-  },
-  plugins: [...otherPlatePlugins, SlashPlugin],
-  value: slashValue,
-});
 ```
 
-## Customization options
-
-Make sure to add the `SlashInputElement` component to your code.
-
-You can see the `rules` in this file. Feel free to configure the options you need
-
-```ts
-interface SlashCommandRule {
-  icon: ComponentType<SVGProps<SVGSVGElement>>;
-  onSelect: (editor: PlateEditor) => void;
-  value: string;
-  focusEditor?: boolean;
-  keywords?: string[];
-}
+```tsx
+const plugins = [
+  // ...otherPlugins,
+  SlashPlugin,
+];
 ```
 
-Let's explore the configuration options for each slash command:
-
-- `icon`: React component
-
-  - Renders the icon displayed before the slash command option
-
-- `onSelect`: Function(editor: PlateEditor) => void
-
-  - Called when the option is selected
-  - Receives the `editor` as an argument for performing actions
-
-- `value`: string
-
-  - Display text for the slash command option in the menu
-  - Used for filtering when entering text
+```tsx
+const components = {
+  // ...otherComponents,
+  [SlashInputPlugin.key]: SlashInputElement,
+};
+```
 
-- `focusEditor`: boolean (optional, default: true)
+### Components
 
-  - Will explain this option in the next section
+- [SlashInputElement](/components/slash-input-element)
 
-- `keywords`: string[] (optional)
-  - Additional search terms for finding this option
+### How to use
 
-These configuration options provide flexibility in customizing the behavior and appearance of slash commands in your editor.
+1. Type `/` anywhere in your document to open the slash menu.
+2. Start typing to filter options or use arrow keys to navigate.
+3. Press Enter or click to select an option.
+4. Press Escape to close the menu without selecting.
 
-## Focusing outside the editor
+Available options include:
 
-By default, the editor maintains focus after selecting a slash command option. This behavior is generally desirable, as it allows users to seamlessly continue editing after inserting a new element. To achieve this, we automatically call `focusEditor(editor)` after the `onSelect` function is executed.
+- Headings
+- Lists
 
-This automatic focus mechanism ensures a smooth editing experience, enabling users to immediately type or make further edits after inserting an element via the slash menu.
+<Callout>
+  💡 Use keywords to quickly find options. For example, type '/h1' for Heading 1
+  or '/ul' for Bulleted List.
+</Callout>
 
-However, in certain scenarios, we may need to shift focus outside the editor to enhance the user experience. For instance:
+## Plate Plus
 
-1. **AIPlugin**: When selecting an AI option, we might want to move focus to an input field where users can write their prompts.
-2. **EquationPlugin**: When inserting a math equation, focus may need to shift to a specialized input within a math popover.
+- Extended set of slash menu options like "Ask AI"
+- Trigger slash menu by click the + button on the left gutter.
+- Item groups for better organization
+- Beautifully crafted UI
 
-In such cases, we can set the `focusEditor` option to `false` for the specific slash command. This prevents the automatic refocusing of the editor, allowing us to manually control focus as needed.
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-slash-menu"
+  component="slash-menu"
+/>
 
-Here is an example:
+## Plugins
 
-```ts
-const rules: SlashCommandRule[] = [
-  ...otherSlashCommands,
-  {
-    focusEditor: false,
-    icon: Icons.ai,
-    keywords: ['ai', 'generate', 'help', 'chat'],
-    value: 'AI',
-    onSelect: (editor) => {
-      const nodeEntry = getAncestorNode(editor)!;
-      const dom = toDOMNode(editor, nodeEntry[0])!;
+### SlashPlugin
 
-      //We have encapsulated the logic for focusing the input in the show API
-      editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+Extends [TriggerComboboxPlugin](/docs/combobox#options)
 
-      editor.setOptions(AIPlugin, {
-        aiState: 'idle',
-        menuType: 'selection',
-      });
+<APIOptions>
+<APIItem name="createComboboxInput" type="() => TSlashInputElement" optional>
+  Function to create the combobox input element.
 
-      editor.getApi(AIPlugin).ai.show(editor.id, dom, nodeEntry);
+- **Default:**
 
-      setTimeout(() => {
-        editor
-          .getApi(BlockSelectionPlugin)
-          .blockSelection.addSelectedRow(nodeEntry[0].id as string);
-      }, 0);
-    },
-  },
-];
+```tsx
+() => ({
+  children: [{ text: '' }],
+  type: SlashInputPlugin.key,
+});
 ```
 
-## Plate Plus
+</APIItem>
 
-We offer an enhanced user interface design and a more comprehensive set of options, including premium plugins such as Math Callout and Media Upload.
-This provides a more robust and feature-rich editing experience for users who require advanced functionality.
+<APIItem name="trigger" type="string" optional>
+  The character that triggers the slash command combobox.
 
-Some key improvements in Plate Plus include:
+- **Default:** `'/'`
+  </APIItem>
 
-- Refined UI design for better usability and aesthetics
-- Extended set of slash menu options
-- Integration of premium plugins like Math Upload for specialized editing needs
-- No need to worry about the focus issue mentioned above.
-- Support grouping and carefully selected keyword.
-- Trigger slash menu by click the puls button on the left of the paragraph.
+<APIItem name="triggerPreviousCharPattern" type="RegExp" optional>
+  Regular expression to match the character before the trigger.
 
-You can try typing /``` to quickly insert a code block.
+- **Default:** `/^\s?$/`
+  </APIItem>
+</APIOptions>
 
-Feel free to experiment with different commands to see how the slash menu enhances your editing experience!
+### SlashInputPlugin
 
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="pro-slash-menu"
-  component="slash-menu"
-/>
+Plugin for slash input functionality.
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index b1ed4677ef..931496dd5c 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -27,6 +27,8 @@ npm install @udecode/plate-heading @udecode/plate-node-id
 
 ## Usage
 
+### Plugins
+
 ```tsx
 import { TocPlugin, HeadingPlugin } from '@udecode/plate-heading/react';
 import { NodeIdPlugin } from '@udecode/plate-node-id';
@@ -34,7 +36,6 @@ import { NodeIdPlugin } from '@udecode/plate-node-id';
 
 ```tsx
 const editor = usePlateEditor({
-  // value
   override: {
     components: {
       // ...components,
@@ -52,41 +53,33 @@ const editor = usePlateEditor({
       },
     }),
   ],
+  // value: tocValue,
 });
 ```
 
 ### Set scroll container
 
-In this plugin, you need to provide a **selector** to options.scrollContainerSelector to specify the scrollable container. This selector is used with `Document.querySelector` to locate the container element.
-You can use various selector formats, such as:
-
-- An ID: `#scrollable-container`
-- A class: `.content-wrapper`
-- A more specific selector: `body #main-content`
+The `TocPlugin` requires a scroll container selector to function properly. This selector is used to identify the scrollable area containing your content.
 
-You can set this id to `<Editor />` component or a div that wraps the `<Editor />` . It specifically depends on your use case.
+```tsx
+TocPlugin.configure({
+  options: {
+    scrollContainerSelector: '#your-scroll-container-id',
+  },
+})
+```
 
-We recommend using the same id for both TocPlugin and BlockSelectionPlugin.
+You can use any valid CSS selector:
 
-## Configure options
+- ID: `#scrollable-container`
+- Class: `.content-wrapper`
+- Nested selector: `body #main-content`
 
-```ts
-type TocOptions = {
-  isScroll: boolean;
-  topOffset: number;
-  queryHeading?: (editor: SlateEditor) => Heading[];
-  scrollContainerSelector?: string;
-};
-```
+Apply this selector to your `<Editor />` component or a wrapper `<div>` around it, depending on your layout.
 
-- `isScroll`: Set this to `false` if your editor doesn't have a fixed height.
-- `topOffset`: After scrolling to the specified element, scroll an additional distance.
-- `scrollContainerSelector`: explained above
+For consistency, use the same container for both `TocPlugin` and `BlockSelectionPlugin`.
 
-**queryHeading**: if you want to customize the heading selection logic, you can provide a function to query the headings.
-for example, you just want to use heading level 1 and 2, you can use this. by default, it will use all heading levels.
-
-### Wire up the UI
+### Components
 
 - [`TocElement`](/docs/components/toc-element)
 
@@ -94,58 +87,188 @@ for example, you just want to use heading level 1 and 2, you can use this. by de
 
 ### Plate Plus
 
+- Sticky TOC sidebar
+- Hover-to-expand: Opens automatically when you move your mouse over it
+- Interactive navigation: Click on items to smoothly scroll to the corresponding heading
+- Visual feedback: Highlights the current section in the sidebar
+- Beautifully crafted UI
 
-```tsx
-<Plate>
-
-  <Editor />
-
-  <TocSideBar
-    className="fixed right-8 top-24 ml-4 h-fit"
-    rootMargin="0px 0px 0px 0px"
-    topOffset={30}
-    maxShowCount={20}
-    />
-</Plate>
-```
-
-If you find TocSideBar is not highlight the correct heading, please make sure you have added the `element.id` to the `heading-element`.
-
-For example:
-
-```tsx
-export const HeadingElement = withRef<typeof HeadingElementVariants>(
-  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {
-    const { editor, element } = props;
-
-    return (
-      <HeadingElementVariants
-        // Add id to the heading element
-        id={element.id as string}
-        ref={ref}
-        as={variant!}
-        variant={variant}
-        isFirstBlock={element === editor.children[0]}
-        {...props}
-      >
-        {children}
-      </HeadingElementVariants>
-    );
-  }
-);
-```
-
-## Plate Plus
-The TocSideBar component in Plate Plus offers the following features:
-
-- Responsive design that adapts to different screen sizes
-- Dynamic highlighting of the corresponding thumbnail on the right side based on the current heading
-- Hover thumbnail to see the preview of the heading with smooth animation
-- Elegant transition effects when navigating between headings
-- Animated highlighting of the current heading in the sidebar
-
-Here's an example of how to use the enhanced TocSideBar component in Plate Plus:
-
+<ComponentPreviewPro name="pro-iframe-demo"  id="pro-toc" component="toc" />
 
 
-<ComponentPreviewPro name="pro-iframe-demo"  id="pro-toc" component="toc" />
+## Plugins
+
+### TocPlugin
+
+<APIOptions>
+<APIItem name="isScroll" type="boolean" optional>
+Whether to use scrolling behavior.
+
+- **Default:** `true`
+</APIItem>
+
+<APIItem name="topOffset" type="number" optional>
+The top offset to apply when scrolling to a heading.
+
+- **Default:** `80`
+</APIItem>
+
+<APIItem name="queryHeading" type="(editor: SlateEditor) => Heading[]" optional>
+A custom function to query headings from the editor.
+</APIItem>
+
+<APIItem name="scrollContainerSelector" type="string" optional>
+The CSS selector for the scrollable container. Required to use scrolling behavior.
+
+- **Default:** `'#scroll_container'`
+</APIItem>
+</APIOptions>
+
+## Transforms
+
+### insertToc
+
+Inserts a table of contents element into the editor.
+
+<APIParameters>
+  <APIItem name="editor" type="SlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="options" type="InsertNodesOptions<SlateEditor>" optional>
+    Options for inserting the TOC node.
+  </APIItem>
+</APIParameters>
+
+## Hooks
+
+### useTocElementState
+
+<APIReturns>
+  <APIItem name="editor" type="SlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="headingList" type="Heading[]">
+    An array of heading objects in the document.
+  </APIItem>
+  <APIItem name="onContentScroll" type="(el: HTMLElement, id: string, behavior: ScrollBehavior) => void">
+    A function to handle scrolling to a specific heading.
+  </APIItem>
+</APIReturns>
+
+### useTocElement
+
+<APIParameters>
+  <APIItem name="editor" type="SlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="onContentScroll" type="(el: HTMLElement, id: string, behavior: ScrollBehavior) => void">
+    The scroll handler function from `useTocElementState`.
+  </APIItem>
+</APIParameters>
+
+<APIReturns>
+  <APIItem name="props" type="object">
+    <APISubList>
+      <APISubListItem parent="props" name="onClick" type="(e: React.MouseEvent, item: Heading, behavior: ScrollBehavior) => void">
+        A click handler for TOC items.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIReturns>
+
+### useTocSideBarState
+
+This hook manages the state for the TOC sidebar.
+
+<APIParameters>
+  <APIItem name="open" type="boolean" optional>
+    Whether the TOC sidebar is open.
+    - **Default:** `true`
+  </APIItem>
+  <APIItem name="rootMargin" type="string" optional>
+    Root margin for the Intersection Observer.
+    - **Default:** `'0px 0px 0px 0px'`
+  </APIItem>
+  <APIItem name="topOffset" type="number" optional>
+    Top offset for scrolling.
+    - **Default:** `0`
+  </APIItem>
+</APIParameters>
+
+<APIReturns>
+  <APIItem name="activeContentId" type="string">
+    ID of the currently active content section.
+  </APIItem>
+  <APIItem name="editor" type="PlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="headingList" type="Heading[]">
+    List of headings in the document.
+  </APIItem>
+  <APIItem name="mouseInToc" type="boolean">
+    Whether the mouse is currently over the TOC.
+  </APIItem>
+  <APIItem name="open" type="boolean">
+    Whether the TOC sidebar is open.
+  </APIItem>
+  <APIItem name="setIsObserve" type="React.Dispatch<React.SetStateAction<boolean>>">
+    Function to set the observation state.
+  </APIItem>
+  <APIItem name="setMouseInToc" type="React.Dispatch<React.SetStateAction<boolean>>">
+    Function to set whether the mouse is over the TOC.
+  </APIItem>
+  <APIItem name="tocRef" type="React.RefObject<HTMLElement>">
+    Ref for the TOC element.
+  </APIItem>
+  <APIItem name="onContentScroll" type="(options: { id: string; behavior?: ScrollBehavior; el: HTMLElement }) => void">
+    Function to handle content scrolling.
+  </APIItem>
+</APIReturns>
+
+### useTocSideBar
+
+This hook provides props and handlers for the TOC sidebar component.
+
+<APIParameters>
+  <APIItem name="editor" type="PlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="mouseInToc" type="boolean">
+    Whether the mouse is currently over the TOC.
+  </APIItem>
+  <APIItem name="open" type="boolean">
+    Whether the TOC sidebar is open.
+  </APIItem>
+  <APIItem name="setIsObserve" type="React.Dispatch<React.SetStateAction<boolean>>">
+    Function to set the observation state.
+  </APIItem>
+  <APIItem name="setMouseInToc" type="React.Dispatch<React.SetStateAction<boolean>>">
+    Function to set whether the mouse is over the TOC.
+  </APIItem>
+  <APIItem name="tocRef" type="React.RefObject<HTMLElement>">
+    Ref for the TOC element.
+  </APIItem>
+  <APIItem name="onContentScroll" type="(options: { id: string; behavior?: ScrollBehavior; el: HTMLElement }) => void">
+    Function to handle content scrolling.
+  </APIItem>
+</APIParameters>
+
+<APIReturns>
+  <APIItem name="navProps" type="object">
+    Props for the TOC navigation element.
+    <APISubList>
+      <APISubListItem parent="navProps" name="ref" type="React.RefObject<HTMLElement>">
+        Ref for the TOC element.
+      </APISubListItem>
+      <APISubListItem parent="navProps" name="onMouseEnter" type="() => void">
+        Handler for mouse enter event.
+      </APISubListItem>
+      <APISubListItem parent="navProps" name="onMouseLeave" type="(e: React.MouseEvent<HTMLElement, MouseEvent>) => void">
+        Handler for mouse leave event.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+  <APIItem name="onContentClick" type="(e: React.MouseEvent<HTMLElement, MouseEvent>, item: Heading, behavior?: ScrollBehavior) => void">
+    Handler for clicking on a TOC item.
+  </APIItem>
+</APIReturns>
diff --git a/apps/www/content/docs/upload.mdx b/apps/www/content/docs/upload.mdx
index 0948469553..44d9540bb1 100644
--- a/apps/www/content/docs/upload.mdx
+++ b/apps/www/content/docs/upload.mdx
@@ -12,9 +12,48 @@ docs:
 
 ## Features
 
-- Easy file and image uploading functionality
-- Support for various file types
-- Customizable upload options
-- Seamless integration with the editor
+- Integration with [UploadThing](https://uploadthing.com/) for better DX
+- Support for various media types: images, videos, audio, and files
+{/* - Multiple upload methods:
+  - Drag & drop files from your computer
+  - Paste images directly from clipboard */}
+- Use slash commands for quick insertion
+- Image-specific features:
+  - Resize using vertical edge bars
+  - Alignment options
+  - Caption support
+  - Expand/collapse view
+  - Easy download
+- Video-specific features:
+  - Resize using vertical edge bars
+  - Alignment options
+  - Caption support
+  - View original source
+- Audio and file upload support
+{/* - Block menu for easy modification of uploaded content */}
+- Ability to embed media via URL
 
 </PackageInfo>
+
+{/* ### UploadThing Integration
+
+This component uses UploadThing for file uploads. UploadThing provides a simple and efficient way to handle file uploads in your application.
+
+To use UploadThing:
+
+1. Set up an UploadThing account and configure your upload endpoints.
+2. Install the UploadThing client in your project:
+
+```bash
+npm install uploadthing
+```
+
+3. Configure the UploadThing client in your application.
+
+For more details on setting up UploadThing, refer to their [documentation](https://docs.uploadthing.com/). */}
+
+## Examples
+
+### Plate UI
+
+Work in progress.
diff --git a/apps/www/src/components/doc-page-layout.tsx b/apps/www/src/components/doc-page-layout.tsx
index 7732c936db..cd2ccb3093 100644
--- a/apps/www/src/components/doc-page-layout.tsx
+++ b/apps/www/src/components/doc-page-layout.tsx
@@ -109,12 +109,14 @@ export function DocPageLayout({
       {doc.toc && (
         <div className="hidden text-sm xl:block">
           <div className="sticky top-16 -mt-10 pt-4">
-            <ScrollArea className="relative h-full pb-10">
-              <div className="sticky top-16 -mt-10 flex h-[calc(100vh-3.5rem)] w-[300px] flex-col py-12">
+            <ScrollArea className="relative">
+              <div className="sticky top-16 -mt-10 flex max-h-[calc(75vh-3.5rem)] w-[300px] flex-col py-12">
                 <DashboardTableOfContents toc={toc} />
-                <OpenInPlus className="mt-6" />
               </div>
             </ScrollArea>
+            <div className="mt-2">
+              <OpenInPlus />
+            </div>
           </div>
         </div>
       )}
diff --git a/apps/www/src/components/open-in-plus.tsx b/apps/www/src/components/open-in-plus.tsx
index 2ee7f6edc1..03ae0b5a1f 100644
--- a/apps/www/src/components/open-in-plus.tsx
+++ b/apps/www/src/components/open-in-plus.tsx
@@ -9,7 +9,7 @@ export function OpenInPlus({ className }: { className?: string }) {
   return (
     <div
       className={cn(
-        'group relative flex flex-col gap-2 rounded-lg border p-4 text-sm',
+        'group relative flex flex-col gap-2 rounded-lg border bg-card p-4 text-sm',
         className
       )}
     >
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index e1721157b3..136d1bbf2f 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -111,7 +111,7 @@ export const UL = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLUListElement>) => (
-  <ul className={cn('my-4 ml-6 list-disc', className)} {...props} />
+  <ul className={cn('my-4 ml-6 list-disc [&_ul]:my-2', className)} {...props} />
 );
 
 export const OL = ({
diff --git a/apps/www/src/components/ui/badge.tsx b/apps/www/src/components/ui/badge.tsx
index a98d7237e5..504814e7e2 100644
--- a/apps/www/src/components/ui/badge.tsx
+++ b/apps/www/src/components/ui/badge.tsx
@@ -4,15 +4,14 @@ import { cn } from '@udecode/cn';
 import { type VariantProps, cva } from 'class-variance-authority';
 
 const badgeVariants = cva(
-  'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-semibold leading-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+  'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-semibold leading-none transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
   {
     defaultVariants: {
       variant: 'default',
     },
     variants: {
       variant: {
-        default:
-          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+        default: 'border-transparent bg-primary text-black hover:bg-primary/80',
         destructive:
           'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
         outline: 'text-foreground',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index d72c6ca5cd..a22e58d1ca 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -264,6 +264,11 @@ export const docsConfig: DocsConfig = {
           label: 'New',
           title: 'Equation',
         },
+        {
+          href: '/docs/media-placeholder',
+          label: 'New',
+          title: 'Media Placeholder',
+        },
         {
           href: '/docs/slash-command',
           label: 'New',
diff --git a/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx b/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
index d3adbbff03..f73de632ba 100644
--- a/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/slashCommandValue.tsx
@@ -6,29 +6,45 @@ jsx;
 
 export const slashCommandValue: any = (
   <fragment>
-    <hh2>Slash Command</hh2>
+    <hh2>
+      <htext>Slash Menu</htext>
+    </hh2>
     <hp>
       <htext>
-        The slash command provides quick access to various formatting options
-        and content types. To use it, type '/' anywhere in your document and
-        explore the available options.
+        The slash menu provides quick access to various formatting options and
+        content types.
       </htext>
     </hp>
-    <hp>Key features of the slash command:</hp>
+    <hp>How to use the slash menu:</hp>
     <hp indent={1} listStyleType="disc">
-      <htext>Quick insertion of various block types</htext>
+      <htext>Type '/' anywhere in your document to open the slash menu.</htext>
     </hp>
     <hp indent={1} listStyleType="disc">
-      <htext>Easy access to inline formatting options</htext>
+      <htext>
+        Start typing to filter options or use arrow keys to navigate.
+      </htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Press Enter or click to select an option.</htext>
     </hp>
     <hp indent={1} listStyleType="disc">
-      <htext>Integration with AI-assisted writing</htext>
+      <htext>Press Escape to close the menu without selecting.</htext>
     </hp>
+    <hp>Available options include:</hp>
     <hp indent={1} listStyleType="disc">
-      <htext>Can be triggered anywhere in the document</htext>
+      <htext>Headings: Heading 1, Heading 2, Heading 3</htext>
     </hp>
     <hp indent={1} listStyleType="disc">
-      <htext>Keyboard navigation support</htext>
+      <htext>Lists: Bulleted list, Numbered list</htext>
     </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Inline Elements: Date</htext>
+    </hp>
+    {/* <hcallout variant="info" icon="💡">
+      <htext>
+        Use keywords to quickly find options. For example, type '/h1' for
+        Heading 1, '/ul' for Bulleted list, or '/date' for Date insertion.
+      </htext>
+    </hcallout> */}
   </fragment>
 );
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 3fd10eb58f..1fef3279e5 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -372,15 +372,7 @@ export default function PlaygroundDemo({
             </FixedToolbar>
           </CheckPlugin>
 
-          <div
-            id="editor-playground"
-            className="flex w-full"
-            style={
-              {
-                '--editor-px': 'max(5%,24px)',
-              } as any
-            }
-          >
+          <div id="editor-playground" className="flex w-full">
             <div
               id={scrollSelector ?? `blockSelection-${id}`}
               ref={containerRef}
diff --git a/apps/www/src/registry/default/example/pro-iframe-demo.tsx b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
index 16379929c1..7e1b068fcc 100644
--- a/apps/www/src/registry/default/example/pro-iframe-demo.tsx
+++ b/apps/www/src/registry/default/example/pro-iframe-demo.tsx
@@ -9,7 +9,7 @@ export default function ProIframeDemo({
 }) {
   return (
     <iframe
-      className={cn(`size-full h-[520px]`)}
+      className={cn(`size-full h-[520px] pr-px`)}
       title={component}
       src={`${siteConfig.links.platePro}/iframe/${component}`}
     />
diff --git a/packages/heading/src/react/hooks/index.ts b/packages/heading/src/react/hooks/index.ts
index 328fabd1a1..e4f85a8a1c 100644
--- a/packages/heading/src/react/hooks/index.ts
+++ b/packages/heading/src/react/hooks/index.ts
@@ -7,4 +7,4 @@ export * from './useContentObserver';
 export * from './useTocController';
 export * from './useTocElement';
 export * from './useTocObserver';
-export * from './useTocSideBarState';
+export * from './useTocSideBar';
diff --git a/packages/heading/src/react/hooks/useTocSideBarState.ts b/packages/heading/src/react/hooks/useTocSideBar.ts
similarity index 100%
rename from packages/heading/src/react/hooks/useTocSideBarState.ts
rename to packages/heading/src/react/hooks/useTocSideBar.ts
diff --git a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
index b561355606..ab1d55d1b2 100644
--- a/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
+++ b/packages/media/src/lib/placeholder/BasePlaceholderPlugin.ts
@@ -1,11 +1,10 @@
 import {
   type PluginConfig,
+  type TElement,
   bindFirst,
   createTSlatePlugin,
 } from '@udecode/plate-common';
 
-import type { MediaPlaceholder } from './types';
-
 import {
   insertAudioPlaceholder,
   insertFilePlaceholder,
@@ -13,7 +12,22 @@ import {
   insertVideoPlaceholder,
 } from './transforms';
 
-export type PlaceholderConfig = PluginConfig<'placeholder', MediaPlaceholder>;
+export interface TPlaceholderElement extends TElement {
+  mediaType: string;
+}
+
+export interface PlaceholderRule {
+  mediaType: string;
+}
+
+export interface MediaPlaceholderOptions {
+  rules?: PlaceholderRule[];
+}
+
+export type PlaceholderConfig = PluginConfig<
+  'placeholder',
+  MediaPlaceholderOptions
+>;
 
 export const BasePlaceholderPlugin = createTSlatePlugin<PlaceholderConfig>({
   key: 'placeholder',
diff --git a/packages/media/src/lib/placeholder/index.ts b/packages/media/src/lib/placeholder/index.ts
index f07e36bfa6..9aaef1208c 100644
--- a/packages/media/src/lib/placeholder/index.ts
+++ b/packages/media/src/lib/placeholder/index.ts
@@ -3,5 +3,4 @@
  */
 
 export * from './BasePlaceholderPlugin';
-export * from './types';
 export * from './transforms/index';
diff --git a/packages/media/src/lib/placeholder/transforms/insertPlaceholder.ts b/packages/media/src/lib/placeholder/transforms/insertPlaceholder.ts
index b4c39e4982..8350c4f05c 100644
--- a/packages/media/src/lib/placeholder/transforms/insertPlaceholder.ts
+++ b/packages/media/src/lib/placeholder/transforms/insertPlaceholder.ts
@@ -5,13 +5,14 @@ import {
   withoutNormalizing,
 } from '@udecode/plate-common';
 
-import type { TPlaceholderElement } from '../types';
-
 import { BaseAudioPlugin } from '../../BaseAudioPlugin';
 import { BaseFilePlugin } from '../../BaseFilePlugin';
 import { BaseVideoPlugin } from '../../BaseVideoPlugin';
 import { BaseImagePlugin } from '../../image';
-import { BasePlaceholderPlugin } from '../BasePlaceholderPlugin';
+import {
+  type TPlaceholderElement,
+  BasePlaceholderPlugin,
+} from '../BasePlaceholderPlugin';
 
 export const insertPlaceholder = <E extends SlateEditor>(
   editor: E,
diff --git a/packages/media/src/lib/placeholder/types.ts b/packages/media/src/lib/placeholder/types.ts
deleted file mode 100644
index a00935f3b0..0000000000
--- a/packages/media/src/lib/placeholder/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type { TElement } from '@udecode/plate-common';
-
-export interface TPlaceholderElement extends TElement {
-  mediaType: string;
-}
-
-export interface PlaceholderRule {
-  mediaType: string;
-}
-
-export interface MediaPlaceholder {
-  rules?: PlaceholderRule[];
-}
diff --git a/packages/media/src/react/placeholder/usePlaceholderElement.ts b/packages/media/src/react/placeholder/usePlaceholderElement.ts
index 93aa36c9a8..587f609b2a 100644
--- a/packages/media/src/react/placeholder/usePlaceholderElement.ts
+++ b/packages/media/src/react/placeholder/usePlaceholderElement.ts
@@ -1,9 +1,10 @@
 import { useEditorRef, useElement } from '@udecode/plate-common/react';
 import { useFocused, useReadOnly, useSelected } from 'slate-react';
 
-import type { TPlaceholderElement } from '../../lib/placeholder/types';
-
-import { BasePlaceholderPlugin } from '../../lib/placeholder/BasePlaceholderPlugin';
+import {
+  type TPlaceholderElement,
+  BasePlaceholderPlugin,
+} from '../../lib/placeholder/BasePlaceholderPlugin';
 import { usePlaceholderStore } from './placeholderStore';
 
 export const usePlaceholderElementState = () => {
diff --git a/packages/media/src/react/placeholder/usePlaceholderPopover.ts b/packages/media/src/react/placeholder/usePlaceholderPopover.ts
index 4905045ebc..28da92fcfb 100644
--- a/packages/media/src/react/placeholder/usePlaceholderPopover.ts
+++ b/packages/media/src/react/placeholder/usePlaceholderPopover.ts
@@ -6,9 +6,10 @@ import {
 } from '@udecode/plate-common/react';
 import { useFocused, useReadOnly, useSelected } from 'slate-react';
 
-import type { TPlaceholderElement } from '../../lib/placeholder/types';
-
-import { BasePlaceholderPlugin } from '../../lib/placeholder/BasePlaceholderPlugin';
+import {
+  type TPlaceholderElement,
+  BasePlaceholderPlugin,
+} from '../../lib/placeholder/BasePlaceholderPlugin';
 import { usePlaceholderStore } from './placeholderStore';
 
 export const usePlaceholderPopoverState = () => {

From a638241ccd1f5e2b9a20b320a514537ab9d877be Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Tue, 22 Oct 2024 14:47:02 +0200
Subject: [PATCH 099/127] docs

---
 .changeset/chilly-dolls-study.md              |   5 +
 apps/www/content/docs/ai.mdx                  |   3 +-
 apps/www/content/docs/block-menu.mdx          |  56 +++++----
 apps/www/content/docs/callout.mdx             | 114 ++++++++++++++++--
 apps/www/content/docs/copilot.mdx             |  31 +++--
 apps/www/content/docs/equation.mdx            |   8 +-
 apps/www/content/docs/media-placeholder.mdx   |  48 +++++---
 apps/www/content/docs/slash-command.mdx       |  28 ++---
 apps/www/content/docs/toc.mdx                 |  44 +++----
 .../default/plate-ui/block-context-menu.tsx   |   2 +-
 packages/callout/src/lib/BaseCalloutPlugin.ts |  16 +--
 .../src/lib/transforms/insertCallout.ts       |   9 +-
 packages/callout/src/react/hooks/index.ts     |   2 +-
 .../callout/src/react/hooks/useCallout.ts     |  66 ----------
 .../src/react/hooks/useCalloutEmojiPicker.ts  |  49 ++++++++
 .../utils/transformers/transform-css-vars.ts  |   2 +-
 .../react/placeholder/PlaceholderPlugin.tsx   |  13 +-
 17 files changed, 300 insertions(+), 196 deletions(-)
 create mode 100644 .changeset/chilly-dolls-study.md
 delete mode 100644 packages/callout/src/react/hooks/useCallout.ts
 create mode 100644 packages/callout/src/react/hooks/useCalloutEmojiPicker.ts

diff --git a/.changeset/chilly-dolls-study.md b/.changeset/chilly-dolls-study.md
new file mode 100644
index 0000000000..1349e41f52
--- /dev/null
+++ b/.changeset/chilly-dolls-study.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-callout': patch
+---
+
+useCalloutEmojiPicker
diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 0a7f76de11..64d0199ffc 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -227,8 +227,7 @@ Work in progress.
 
 - Context menu to open the ai menu
 - Slash command to open the ai menu
-- Beautifully designed components
-
+- Beautifully crafted UI
 
 ## Plugins
 
diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index 1aaa90fe36..52dd15ec22 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -1,6 +1,6 @@
 ---
 title: Block Menu
-description: Allows you to perform a series of custom operations on the block.
+description: Provides quick access to block-specific actions.
 docs:
   - route: /docs/components/block-context-menu
     title: Block Context Menu
@@ -19,30 +19,27 @@ docs:
 
 ## Features
 
-- Provides quick transform for a single block.
-- Allows you to perform actions on blocks such as duplicating, deleting, or moving.
+- Right-click on a block to open the menu.
+- Allows you to perform actions on blocks such as turn into, duplicating or deleting.
 - Customizable menu items and actions.
-- Accessible via right-click or a dedicated button like drag-handle.
-- Supports keyboard navigation for improved accessibility.
+- Keyboard navigation
 
 </PackageInfo>
 
 ## Installation
 
 ```bash
-npm install @udecode/plate-selection
+npm install @udecode/plate-selection @udecode/plate-node-id
 ```
 
 ## Usage
 
-We recommend installing the [BlockSelection](/docs/block-selection) plugin.When you want to use the block menu
-
-Block Selection provides a visual effect to indicate which block the user is about to interact with
-
 ```tsx
-// ...
 import { BlockMenuPlugin } from '@udecode/plate-selection/react';
+import { NodeIdPlugin } from '@udecode/plate-node-id';
+```
 
+```tsx
 const plugins = [
   // ...otherPlugins,
   NodeIdPlugin,
@@ -69,15 +66,9 @@ const plugins = [
 ]
 ```
 
-## Prevent opening of the right-click menu
-
-To control the opening of the right-click menu for specific elements, you can use the `data-open-context-menu` attribute:
-
-Generally, we only need to prevent right-clicking on the padding of the `<Editor />`.
-
-If you have a special plugin that needs to prevent the right-click menu from opening, you can use this property.
+- [`BlockContextMenu`](/docs/components/block-context-menu)
 
-Example usage:
+To control the opening of the context menu for specific elements, you can use the `data-plate-open-context-menu` attribute:
 
 ```tsx
 <PlateElement data-plate-open-context-menu={false} {...props}>
@@ -85,14 +76,21 @@ Example usage:
 </PlateElement>
 ```
 
-## Plus
+Generally, we only need to prevent right-clicking on the padding of the `<Editor />`.
+
+## Examples
+
+### Plate UI
+
+Refer to the preview above.
 
-In Plate Plus, We have provided a more advanced menu.
+### Plate Plus
 
-1. More advanced menu items.
-2. Supports search functionality and carefully designed shortcuts.
-3. More refined styles and animations.
-4. You can open this menu in various ways, such as through the drag button.
+- Open the menu via the drag button or the three-dot menu on specific blocks (e.g. images)
+- Includes a combobox that filters options as you type
+- Supports nested menu options
+- Advanced actions such as "Ask AI", colors, and commenting
+- Beautifully crafted UI
 
 <ComponentPreviewPro
   name="pro-iframe-demo"
@@ -100,6 +98,12 @@ In Plate Plus, We have provided a more advanced menu.
   component="context-menu"
 />
 
+## Plugins
+
+### BlockMenuPlugin
+
+Block menu state management.
+
 ## API
 
 ### editor.api.blockMenu.hide
@@ -111,7 +115,7 @@ Hides the block menu.
 Shows the block menu for a specific block.
 
 <APIParameters>
-  <APIItem name="id" type="string">
+  <APIItem name="id" type="'context' | string">
     The ID of the block to show the menu for.
   </APIItem>
   <APIItem name="position" type="{ x: number; y: number }" optional>
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index 5dee4f0b2c..f885712d01 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -1,6 +1,6 @@
 ---
 title: Callout
-description: Callout is a block that allows you to highlight text or add additional information to a block.
+description: Highlight important information or add special notes.
 docs:
   - route: https://pro.platejs.org/docs/components/callout-element
     title: Callout Element
@@ -16,11 +16,9 @@ docs:
 
 ## Features
 
-- Provides quick transform for a single block.
-- Allows you to perform actions on blocks such as duplicating, deleting, or moving.
-- Customizable menu items and actions.
-- Accessible via right-click or a dedicated button like drag-handle.
-- Supports keyboard navigation for improved accessibility.
+- Customizable callout blocks for highlighting important information
+- Support for different callout variants (e.g., info, warning, error)
+- Ability to set custom icons or emojis for callouts
 
 </PackageInfo>
 
@@ -49,14 +47,112 @@ const components = {
   // ...otherComponents,
   [CalloutPlugin.key]: CalloutElement,
 }
+```
+
+- [CalloutElement](https://pro.platejs.org/docs/components/callout-element) (Plus)
+
+## Examples
+
+### Plate UI
+
+Work in progress.
+
+### Plate Plus
+
+- Insert callouts using the slash command
+- Ability to change the callout emoji
+- Beautifully crafted UI
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="callout"
+  component="callout"
+/>
+
+## Plugins
+
+### CalloutPlugin
+
+Callout element plugin.
 
 ## Transforms
 
 ### editor.tf.insert.callout
 
-Inserts a callout.
+Inserts a callout element into the editor.
+
 <APIParameters>
-  <APIItem name="options" type="InsertNodesOptions">
-    Options for the insert nodes transform.
+  <APIItem name="editor" type="SlateEditor">
+    The editor instance.
+  </APIItem>
+  <APIItem name="options" type="object" optional>
+    Options for inserting the callout.
+    <APISubList>
+      <APISubListItem parent="options" name="variant" type="string" optional>
+        The variant of the callout to insert.
+      </APISubListItem>
+      <APISubListItem parent="options" name="...InsertNodesOptions" type="InsertNodesOptions<E>">
+        Other options from `InsertNodesOptions`.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIParameters>
+
+## Hooks
+
+### useCalloutEmojiPicker
+
+This hook manages the emoji picker functionality for callouts.
+
+<APIParameters>
+  <APIItem name="options" type="UseCalloutEmojiPickerOptions">
+    Options for the callout emoji picker.
+    <APISubList>
+      <APISubListItem parent="options" name="isOpen" type="boolean">
+        Whether the emoji picker is open.
+      </APISubListItem>
+      <APISubListItem parent="options" name="setIsOpen" type="(isOpen: boolean) => void">
+        Function to set the open state of the emoji picker.
+      </APISubListItem>
+    </APISubList>
   </APIItem>
 </APIParameters>
+
+<APIReturns>
+  <APIItem name="emojiToolbarDropdownProps" type="object">
+    Props for the emoji toolbar dropdown.
+    <APISubList>
+      <APISubListItem parent="emojiToolbarDropdownProps" name="isOpen" type="boolean">
+        Whether the emoji picker is open.
+      </APISubListItem>
+      <APISubListItem parent="emojiToolbarDropdownProps" name="setIsOpen" type="(v: boolean) => void">
+        Function to set the open state of the emoji picker, respecting read-only mode.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+  <APIItem name="props" type="object">
+    Props for the emoji picker component.
+    <APISubList>
+      <APISubListItem parent="props" name="isOpen" type="boolean">
+        Whether the emoji picker is open.
+      </APISubListItem>
+      <APISubListItem parent="props" name="setIsOpen" type="(isOpen: boolean) => void">
+        Function to set the open state of the emoji picker.
+      </APISubListItem>
+      <APISubListItem parent="props" name="onSelectEmoji" type="(options: { emojiValue?: any; icon?: any }) => void">
+        Function called when an emoji is selected. It updates the callout's icon and closes the picker.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIReturns>
+
+## Types
+
+### TCalloutElement
+
+```typescript
+interface TCalloutElement extends TElement {
+  variant?: string;
+  icon?: string;
+}
+```
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 9d4b4970d6..67400a00d6 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -199,9 +199,24 @@ TabbablePlugin.configure(({ editor }) => ({
 }));
 ```
 
-## Plate Plus
+## Examples
+
+### Plate UI
+
+Refer to the preview above.
+
+### Plate Plus
+
+- Automatic AI inline suggestions as you write
+- Manually trigger AI auto-completion with `Ctrl+Space`
+- Press `Ctrl+Space` again for alternative AI suggestions
+- Accept suggestions with Tab (entire suggestion) or `Cmd+→` (word by word)
+- Ghost text remains visible while typing matching letters
+
+- Undo/redo support
+- Hover card with additional information and options
+- Beautifully crafted UI
 
-In Plate Plus, we provides more advanced styles and complete backend setup
 
 1. Hover card: a new style of hover card that is more user-friendly. You can **hover** over the ghost text to see the hover card.
 2. Marks: support for marks like bold, italic, underline, etc.This means you can see bold text and **links** in the ghost text
@@ -248,7 +263,7 @@ withoutAbort(editor, () => {
 
 ## API
 
-### editor.getApi(CopilotPlugin).copilot.accept()
+### editor.api.copilot.accept()
 
 Accepts the current suggestion and inserts it into the editor.
 
@@ -256,7 +271,7 @@ Accepts the current suggestion and inserts it into the editor.
   <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
-### editor.getApi(CopilotPlugin).copilot.acceptNextWord()
+### editor.api.copilot.acceptNextWord()
 
 Accepts the next word of the current suggestion and inserts it into the editor.
 
@@ -264,7 +279,7 @@ Accepts the next word of the current suggestion and inserts it into the editor.
   <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
-### editor.getApi(CopilotPlugin).copilot.setBlockSuggestion
+### editor.api.copilot.setBlockSuggestion
 
 Sets the suggestion text for a specific block in the editor.
 
@@ -280,7 +295,7 @@ Sets the suggestion text for a specific block in the editor.
   </APIItem>
 </APIParameters>
 
-### editor.getApi(CopilotPlugin).copilot.stop()
+### editor.api.copilot.stop()
 
 Stops the ongoing API request for suggestions.
 
@@ -288,7 +303,7 @@ Stops the ongoing API request for suggestions.
   <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
-### editor.getApi(CopilotPlugin).copilot.triggerSuggestion()
+### editor.api.copilot.triggerSuggestion()
 
 Triggers a new suggestion request.
 
@@ -296,7 +311,7 @@ Triggers a new suggestion request.
   <APIItem type="void">This function does not return a value.</APIItem>
 </APIReturns>
 
-### editor.getApi(CopilotPlugin).copilot.reset()
+### editor.api.copilot.reset()
 
 Resets the Copilot plugin state, stopping any ongoing requests and clearing suggestions.
 
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index 599501f05b..24460a757d 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -29,15 +29,13 @@ npm install @udecode/plate-math
 
 ## Usage
 
-### Plugins
-
 ```tsx
 import { EquationPlugin, InlineEquationPlugin } from '@udecode/plate-math/react';
 ```
 
 ```tsx
 const plugins = [
-  // ...plugins,
+  // ...otherPlugins,
   EquationPlugin,
   InlineEquationPlugin,
 ]
@@ -51,8 +49,6 @@ const components = {
 }
 ```
 
-### Components
-
 - [EquationElement](https://pro.platejs.org/docs/components/equation-element) (Plus)
 - [InlineEquationElement](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
 
@@ -72,7 +68,7 @@ Work in progress.
 
 ### Plate Plus
 
-- Mark as equation from the toolbar
+- Mark text as equation from the toolbar
 - Insert equation from slash command
 - Beautifully crafted UI
 
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index 9ed95d619a..aa3979ba5f 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -1,28 +1,17 @@
 ---
 title: Media Placeholder
-description: A placeholder component for inserting various types of media content into the editor.
+description: Media placeholders to be used as clickable placeholders for various media types (image, video, audio, file).
 docs:
   - route: https://pro.platejs.org/docs/components/media-placeholder-element
-    title: Placeholder Element
+    title: Placeholder Plugin
 ---
 
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="upload"
-  component="upload"
-/>
-
 <PackageInfo>
 
 ## Features
 
-- Displays placeholder for media elements (image, video, audio, file).
-- Allows typing URLs or uploading local files directly in the placeholder.
-- Customizable placeholder text and styles for different media types.
-- Automatically converts to the appropriate media element when URL is entered or file is uploaded.
-- Improves user experience by providing a seamless way to insert media content.
-- Supports drag and drop functionality for easy file uploads.
-- Automatically validates URLs and file types for each media category.
+- Supports multiple media types: image, video, audio, and file
+- Transforms for inserting different types of media placeholders
 
 </PackageInfo>
 
@@ -35,8 +24,6 @@ npm install @udecode/plate-media
 
 ## Usage
 
-### Plugins
-
 ```tsx
 import {
   AudioPlugin,
@@ -55,8 +42,6 @@ const plugins = [
 ];
 ```
 
-### Components
-
 ```tsx
 const components = {
   // ...otherComponents,
@@ -64,7 +49,30 @@ const components = {
 };
 ```
 
-- [MediaPlaceholderElement](https://pro.platejs.org/docs/components/media-placeholder-element)
+- [MediaPlaceholderElement](https://pro.platejs.org/docs/components/media-placeholder-element) (Plus)
+
+## Examples
+
+### Plate UI
+
+Work in progress.
+
+### Plate Plus
+
+- Displays clickable placeholders for various media types (image, video, audio, file)
+- Opens a popover with two tabs when the placeholder is clicked:
+  - Upload tab: Allows uploading local files directly
+  - Embed tab: Enables pasting embed links for media content
+- Automatically converts the placeholder to the appropriate media element (image, video, audio, file) once the upload or embed is submitted
+- Validates URLs and file types for each media category
+- Beautifully crafted UI
+
+{/* TODO: Add placeholder example */}
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="upload"
+  component="upload"
+/>
 
 ## Plugins
 
diff --git a/apps/www/content/docs/slash-command.mdx b/apps/www/content/docs/slash-command.mdx
index 8963842ae7..553fbee5d9 100644
--- a/apps/www/content/docs/slash-command.mdx
+++ b/apps/www/content/docs/slash-command.mdx
@@ -14,9 +14,8 @@ docs:
 
 ## Features
 
-- Quick access to various formatting options and content types
+- Quick access to various editor commands
 - Keyboard navigation and filtering
-- Wide range of content insertion options
   {/* - AI assistance integration */}
 
 </PackageInfo>
@@ -29,10 +28,8 @@ npm install @udecode/plate-slash-command
 
 ## Usage
 
-### Plugins
-
 ```tsx
-import { SlashPlugin } from '@udecode/plate-slash-command/react';
+import { SlashPlugin, SlashInputPlugin } from '@udecode/plate-slash-command/react';
 ```
 
 ```tsx
@@ -49,11 +46,9 @@ const components = {
 };
 ```
 
-### Components
-
 - [SlashInputElement](/components/slash-input-element)
 
-### How to use
+How to use:
 
 1. Type `/` anywhere in your document to open the slash menu.
 2. Start typing to filter options or use arrow keys to navigate.
@@ -66,15 +61,20 @@ Available options include:
 - Lists
 
 <Callout>
-  💡 Use keywords to quickly find options. For example, type '/h1' for Heading 1
-  or '/ul' for Bulleted List.
+  💡 Use keywords to quickly find options. For example, type '/ul' for Bulleted List.
 </Callout>
 
-## Plate Plus
+## Examples
+
+### Plate UI
+
+Refer to the preview above.
+
+### Plate Plus
 
 - Extended set of slash menu options like "Ask AI"
 - Trigger slash menu by click the + button on the left gutter.
-- Item groups for better organization
+- Item groups
 - Beautifully crafted UI
 
 <ComponentPreviewPro
@@ -108,13 +108,13 @@ Extends [TriggerComboboxPlugin](/docs/combobox#options)
   The character that triggers the slash command combobox.
 
 - **Default:** `'/'`
-  </APIItem>
+</APIItem>
 
 <APIItem name="triggerPreviousCharPattern" type="RegExp" optional>
   Regular expression to match the character before the trigger.
 
 - **Default:** `/^\s?$/`
-  </APIItem>
+</APIItem>
 </APIOptions>
 
 ### SlashInputPlugin
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 931496dd5c..1124a5b390 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -27,36 +27,34 @@ npm install @udecode/plate-heading @udecode/plate-node-id
 
 ## Usage
 
-### Plugins
-
 ```tsx
 import { TocPlugin, HeadingPlugin } from '@udecode/plate-heading/react';
 import { NodeIdPlugin } from '@udecode/plate-node-id';
 ```
 
 ```tsx
-const editor = usePlateEditor({
-  override: {
-    components: {
-      // ...components,
-      [TocPlugin.key]: TocElement,
+const plugins = [
+  // ...otherPlugins,
+  HeadingPlugin,
+  NodeIdPlugin,
+  TocPlugin.configure({
+    options: {
+      scrollContainerSelector: `#your-scroll-container-id`,
+      topOffset: 80,
     },
-  },
-  plugins: [
-    // ...plugins,
-    HeadingPlugin,
-    NodeIdPlugin,
-    TocPlugin.configure({
-      options: {
-        scrollContainerSelector: `#your-scroll-container-id`,
-        topOffset: 80,
-      },
-    }),
-  ],
-  // value: tocValue,
-});
+  }),
+];
+```
+
+```tsx
+const components = {
+  // ...otherComponents,
+  [TocPlugin.key]: TocElement,
+};
 ```
 
+- [`TocElement`](/docs/components/toc-element)
+
 ### Set scroll container
 
 The `TocPlugin` requires a scroll container selector to function properly. This selector is used to identify the scrollable area containing your content.
@@ -85,6 +83,10 @@ For consistency, use the same container for both `TocPlugin` and `BlockSelection
 
 ## Examples
 
+### Plate UI
+
+Refer to the preview above.
+
 ### Plate Plus
 
 - Sticky TOC sidebar
diff --git a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
index 0b1bc0a239..7189998361 100644
--- a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
@@ -74,7 +74,7 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
         {children}
       </ContextMenuTrigger>
       <ContextMenuContent className="w-64">
-        <ContextMenuItem inset>Ask AI</ContextMenuItem>
+        {/* <ContextMenuItem inset>Ask AI</ContextMenuItem> */}
         <ContextMenuItem
           onClick={() => {
             editor
diff --git a/packages/callout/src/lib/BaseCalloutPlugin.ts b/packages/callout/src/lib/BaseCalloutPlugin.ts
index 2fc07684a3..e01b076b9b 100644
--- a/packages/callout/src/lib/BaseCalloutPlugin.ts
+++ b/packages/callout/src/lib/BaseCalloutPlugin.ts
@@ -7,18 +7,18 @@ import {
 import { insertCallout } from './transforms';
 
 export interface TCalloutElement extends TElement {
+  variant?:
+    | (string & {})
+    | 'error'
+    | 'info'
+    | 'note'
+    | 'success'
+    | 'tip'
+    | 'warning';
   backgroundColor?: string;
-  color?: string;
   icon?: string;
-  variant?: 'info' | 'note' | 'tip' | 'warning';
 }
 
-export type CalloutColor = {
-  bgColor: string;
-  borderColor: string;
-  textColor: string;
-};
-
 export const BaseCalloutPlugin = createSlatePlugin({
   key: 'callout',
   node: { isElement: true },
diff --git a/packages/callout/src/lib/transforms/insertCallout.ts b/packages/callout/src/lib/transforms/insertCallout.ts
index 8d1449ff1d..3035d9ebd0 100644
--- a/packages/callout/src/lib/transforms/insertCallout.ts
+++ b/packages/callout/src/lib/transforms/insertCallout.ts
@@ -8,14 +8,19 @@ import { type TCalloutElement, BaseCalloutPlugin } from '../BaseCalloutPlugin';
 
 export const insertCallout = <E extends SlateEditor>(
   editor: E,
-  options?: InsertNodesOptions<E>
+  {
+    variant,
+    ...options
+  }: InsertNodesOptions<E> & {
+    variant?: (string & {}) | TCalloutElement['variant'];
+  } = {}
 ) => {
   insertNodes<TCalloutElement>(
     editor,
     {
       children: [{ text: '' }],
       type: editor.getType(BaseCalloutPlugin),
-      variant: 'info',
+      variant,
     },
     options as any
   );
diff --git a/packages/callout/src/react/hooks/index.ts b/packages/callout/src/react/hooks/index.ts
index b04385e133..4b37b42412 100644
--- a/packages/callout/src/react/hooks/index.ts
+++ b/packages/callout/src/react/hooks/index.ts
@@ -2,4 +2,4 @@
  * @file Automatically generated by barrelsby.
  */
 
-export * from './useCallout';
+export * from './useCalloutEmojiPicker';
diff --git a/packages/callout/src/react/hooks/useCallout.ts b/packages/callout/src/react/hooks/useCallout.ts
deleted file mode 100644
index 5cb57aac09..0000000000
--- a/packages/callout/src/react/hooks/useCallout.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-
-import { setNodes } from '@udecode/plate-common';
-import {
-  findNodePath,
-  useEditorRef,
-  useElement,
-} from '@udecode/plate-common/react';
-
-import type { TCalloutElement } from '../../lib';
-
-export const useCalloutState = () => {
-  const editor = useEditorRef();
-  const element = useElement<TCalloutElement>();
-
-  const setCalloutState = React.useCallback(
-    (value: Partial<TCalloutElement>) => {
-      const path = findNodePath(editor, element);
-
-      if (!path) return;
-
-      setNodes<TCalloutElement>(editor, value, { at: path });
-    },
-    [editor, element]
-  );
-
-  return {
-    id: element.id,
-    icon: element.icon,
-    setCalloutState,
-    variant: element.variant,
-  };
-};
-
-interface useCalloutEmojiPick {
-  isOpen: boolean;
-  readOnly: boolean;
-  setCalloutState: any;
-  setIsOpen: (isOpen: boolean) => void;
-}
-
-export const useCalloutEmojiPick = ({
-  isOpen,
-  readOnly,
-  setCalloutState,
-  setIsOpen,
-}: useCalloutEmojiPick) => {
-  return {
-    dropDownProps: {
-      isOpen,
-      setIsOpen: (v: boolean) => {
-        if (readOnly) return;
-
-        setIsOpen(v);
-      },
-    },
-    props: {
-      isOpen,
-      setIsOpen,
-      onSelectEmoji: (emojiValue: any) => {
-        setCalloutState({ icon: emojiValue.skins[0].native });
-        setIsOpen(false);
-      },
-    },
-  };
-};
diff --git a/packages/callout/src/react/hooks/useCalloutEmojiPicker.ts b/packages/callout/src/react/hooks/useCalloutEmojiPicker.ts
new file mode 100644
index 0000000000..0cfb68f200
--- /dev/null
+++ b/packages/callout/src/react/hooks/useCalloutEmojiPicker.ts
@@ -0,0 +1,49 @@
+import {
+  setNode,
+  useEditorReadOnly,
+  useEditorRef,
+  useElement,
+} from '@udecode/plate-common/react';
+
+import type { TCalloutElement } from '../../lib';
+
+export interface UseCalloutEmojiPickerOptions {
+  isOpen: boolean;
+  setIsOpen: (isOpen: boolean) => void;
+}
+
+export const useCalloutEmojiPicker = ({
+  isOpen,
+  setIsOpen,
+}: UseCalloutEmojiPickerOptions) => {
+  const editor = useEditorRef();
+  const readOnly = useEditorReadOnly();
+  const element = useElement<TCalloutElement>();
+
+  return {
+    emojiToolbarDropdownProps: {
+      isOpen,
+      setIsOpen: (v: boolean) => {
+        if (readOnly) return;
+
+        setIsOpen(v);
+      },
+    },
+    props: {
+      isOpen,
+      setIsOpen,
+      onSelectEmoji: ({
+        emojiValue,
+        icon,
+      }: {
+        emojiValue?: any;
+        icon?: any;
+      }) => {
+        setNode<TCalloutElement>(editor, element, {
+          icon: icon ?? emojiValue.skins?.[0]?.native,
+        });
+        setIsOpen(false);
+      },
+    },
+  };
+};
diff --git a/packages/cli/src/utils/transformers/transform-css-vars.ts b/packages/cli/src/utils/transformers/transform-css-vars.ts
index 78ea868a50..26b93baa90 100644
--- a/packages/cli/src/utils/transformers/transform-css-vars.ts
+++ b/packages/cli/src/utils/transformers/transform-css-vars.ts
@@ -79,7 +79,7 @@ export const transformCssVars: Transformer = async ({
 
 //               if (
 //                 arg.type === "LogicalExpression" &&
-//                 arg.right.type Ee=== "StringLiteral"
+//                 arg.right.type === "StringLiteral"
 //               ) {
 //                 arg.right.value = applyColorMapping(arg.right.value)
 //               }
diff --git a/packages/media/src/react/placeholder/PlaceholderPlugin.tsx b/packages/media/src/react/placeholder/PlaceholderPlugin.tsx
index 47af34b211..024c87e7f0 100644
--- a/packages/media/src/react/placeholder/PlaceholderPlugin.tsx
+++ b/packages/media/src/react/placeholder/PlaceholderPlugin.tsx
@@ -1,14 +1,5 @@
-import { isHotkey } from '@udecode/plate-common';
-import { blurEditor, toPlatePlugin } from '@udecode/plate-common/react';
+import { toPlatePlugin } from '@udecode/plate-common/react';
 
 import { BasePlaceholderPlugin } from '../../lib/placeholder/BasePlaceholderPlugin';
 
-export const PlaceholderPlugin = toPlatePlugin(BasePlaceholderPlugin, {
-  handlers: {
-    onKeyDown: ({ editor, event }) => {
-      if (isHotkey('escape')(event)) {
-        blurEditor(editor);
-      }
-    },
-  },
-});
+export const PlaceholderPlugin = toPlatePlugin(BasePlaceholderPlugin);

From 42918b8adebae6ccc2b29c137288249aca490b8f Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Tue, 22 Oct 2024 17:08:15 +0200
Subject: [PATCH 100/127] chore

---
 apps/www/package.json | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/www/package.json b/apps/www/package.json
index b109d6b6e3..9e2bd7776d 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -9,8 +9,7 @@
     "build": "yarn prebuild && yarn build:registry && next build",
     "build:contentlayer": "contentlayer2 build",
     "build:registry": "tsx --tsconfig ./scripts/tsconfig.scripts.json scripts/build-registry.mts",
-    "dev": "concurrently \"contentlayer2 dev\" \"NODE_OPTIONS=--max-old-space-size=16192 next dev\"",
-    "devt": "concurrently \"contentlayer2 dev\" \"next dev --turbo\"",
+    "dev": "concurrently \"contentlayer2 dev\" \"next dev --turbo\"",
     "lint": "npx eslint . --ext .js,.jsx,.ts,.tsx",
     "lint:debug": "TIMING=1 DEBUG=eslint:cli-engine yarn lint:fix",
     "lint:fix": "yarn lint --fix",

From 1e8a81a494a08e20c4aaa674880ccca8e7266559 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Tue, 22 Oct 2024 17:43:30 +0200
Subject: [PATCH 101/127] next 15

---
 apps/www/package.json                                 |  8 ++++----
 apps/www/src/app/(app)/docs/[[...slug]]/page.tsx      | 11 ++++++-----
 apps/www/src/components/block-toolbar.tsx             |  2 +-
 .../www/src/components/playground-preview-toolbar.tsx |  2 +-
 apps/www/src/components/typography.tsx                |  2 +-
 .../src/registry/default/plate-ui/inline-combobox.tsx |  2 +-
 6 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/apps/www/package.json b/apps/www/package.json
index 9e2bd7776d..9dfc17421c 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@ariakit/react": "0.4.11",
-    "@next/third-parties": "14.2.13",
+    "@next/third-parties": "15.0.0",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.0",
@@ -139,16 +139,16 @@
     "lodash.template": "^4.5.0",
     "lucide-react": "^0.441.0",
     "match-sorter": "6.3.4",
-    "next": "14.3.0-canary.43",
+    "next": "15.0.0",
     "next-contentlayer2": "^0.4.6",
     "next-themes": "^0.3.0",
     "nuqs": "^1.19.1",
     "prismjs": "^1.29.0",
-    "react": "^18.3.1",
+    "react": "19.0.0-rc-65a56d0e-20241020",
     "react-day-picker": "^8.10.1",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^18.3.1",
+    "react-dom": "19.0.0-rc-65a56d0e-20241020",
     "react-lite-youtube-embed": "^2.4.0",
     "react-markdown": "9.0.1",
     "react-resizable-panels": "^2.0.22",
diff --git a/apps/www/src/app/(app)/docs/[[...slug]]/page.tsx b/apps/www/src/app/(app)/docs/[[...slug]]/page.tsx
index 3cd7abce7d..99f6eefd2e 100644
--- a/apps/www/src/app/(app)/docs/[[...slug]]/page.tsx
+++ b/apps/www/src/app/(app)/docs/[[...slug]]/page.tsx
@@ -11,12 +11,12 @@ import { getTableOfContents } from '@/lib/toc';
 import '@/styles/mdx.css';
 
 interface DocPageProps {
-  params: {
+  params: Promise<{
     slug: string[];
-  };
+  }>;
 }
 
-function getDocFromParams({ params }: DocPageProps) {
+function getDocFromParams({ params }: { params: { slug: string[] } }) {
   const slug = params.slug?.join('/') || '';
   const doc = allDocs.find((_doc) => _doc.slugAsParams === slug);
 
@@ -63,7 +63,7 @@ function getDocFromParams({ params }: DocPageProps) {
 //   };
 // }
 
-export function generateStaticParams(): DocPageProps['params'][] {
+export function generateStaticParams() {
   const docs = allDocs.map((doc) => ({
     slug: doc.slugAsParams.split('/'),
   }));
@@ -71,7 +71,8 @@ export function generateStaticParams(): DocPageProps['params'][] {
   return docs;
 }
 
-export default async function DocPage({ params }: DocPageProps) {
+export default async function DocPage(props: DocPageProps) {
+  const params = await props.params;
   const name = params.slug?.[0];
 
   const isUI = name === 'components';
diff --git a/apps/www/src/components/block-toolbar.tsx b/apps/www/src/components/block-toolbar.tsx
index fc26534d6b..eaf060d81a 100644
--- a/apps/www/src/components/block-toolbar.tsx
+++ b/apps/www/src/components/block-toolbar.tsx
@@ -21,7 +21,7 @@ export function BlockToolbar({
     Block,
     'container' | 'description' | 'descriptionSrc' | 'name' | 'src'
   >;
-  resizablePanelRef: React.RefObject<ImperativePanelHandle>;
+  resizablePanelRef: React.RefObject<ImperativePanelHandle | null>;
 }) {
   const src = block.descriptionSrc ?? block.src;
 
diff --git a/apps/www/src/components/playground-preview-toolbar.tsx b/apps/www/src/components/playground-preview-toolbar.tsx
index 4e5834902f..6be072f229 100644
--- a/apps/www/src/components/playground-preview-toolbar.tsx
+++ b/apps/www/src/components/playground-preview-toolbar.tsx
@@ -22,7 +22,7 @@ export function PlaygroundPreviewToolbar({
   // setFullScreen,
 }: {
   block: { hasLiftMode: boolean } & Block;
-  resizablePanelRef: React.RefObject<ImperativePanelHandle>;
+  resizablePanelRef: React.RefObject<ImperativePanelHandle | null>;
   // fullScreen: boolean;
   // setFullScreen: React.Dispatch<React.SetStateAction<boolean>>;
 }) {
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index 136d1bbf2f..a6f4311363 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -144,7 +144,7 @@ export const Image = ({
   ...props
 }: React.ImgHTMLAttributes<HTMLImageElement>) => (
   // eslint-disable-next-line @next/next/no-img-element
-  <img className={cn('rounded-md', className)} alt={alt} {...props} />
+  (<img className={cn('rounded-md', className)} alt={alt} {...props} />)
 );
 
 export const HR = ({ ...props }: React.HTMLAttributes<HTMLHRElement>) => (
diff --git a/apps/www/src/registry/default/plate-ui/inline-combobox.tsx b/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
index 92c1922f11..eb60171fd0 100644
--- a/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
+++ b/apps/www/src/registry/default/plate-ui/inline-combobox.tsx
@@ -53,7 +53,7 @@ type FilterFn = (
 interface InlineComboboxContextValue {
   filter: FilterFn | false;
   inputProps: UseComboboxInputResult['props'];
-  inputRef: RefObject<HTMLInputElement>;
+  inputRef: RefObject<HTMLInputElement | null>;
   removeInput: UseComboboxInputResult['removeInput'];
   setHasEmpty: (hasEmpty: boolean) => void;
   showTrigger: boolean;

From 7d6c0445edeff5785dbf614600a3b5c5ee0867c9 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Wed, 23 Oct 2024 12:27:51 +0200
Subject: [PATCH 102/127] vendor

---
 apps/www/next-env.d.ts                       |    2 +-
 apps/www/{next.config.mjs => next.config.ts} |   28 +-
 apps/www/package.json                        |    4 +-
 apps/www/src/lib/rehype-component.ts         |   15 +-
 apps/www/tsconfig.json                       |    1 +
 yarn.lock                                    | 4678 ++++++++----------
 6 files changed, 2025 insertions(+), 2703 deletions(-)
 rename apps/www/{next.config.mjs => next.config.ts} (79%)

diff --git a/apps/www/next-env.d.ts b/apps/www/next-env.d.ts
index fd36f9494e..725dd6f245 100644
--- a/apps/www/next-env.d.ts
+++ b/apps/www/next-env.d.ts
@@ -3,4 +3,4 @@
 /// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
diff --git a/apps/www/next.config.mjs b/apps/www/next.config.ts
similarity index 79%
rename from apps/www/next.config.mjs
rename to apps/www/next.config.ts
index 79f32053e8..69dcb75eb0 100644
--- a/apps/www/next.config.mjs
+++ b/apps/www/next.config.ts
@@ -1,18 +1,9 @@
-import { globSync } from 'glob';
+import type { NextConfig } from 'next';
 
-const nextConfig = async (phase, { defaultConfig }) => {
-  /** @type {import('next').NextConfig} */
-  const config = {
-    // Enable React strict mode.
-    // Enable experimental features.
-    experimental: {
-      esmExternals: false,
-      // Specify external packages that should be excluded from server-side rendering.
-      // https://beta.nextjs.org/docs/api-reference/next-config#servercomponentsexternalpackages
-      serverComponentsExternalPackages: ['@prisma/client'],
-    },
+import { globSync } from 'glob';
 
-    // Configure domains to allow for optimized image loading.
+const nextConfig = async (phase: string) => {
+  const config: NextConfig = {
     // https://nextjs.org/docs/basic-features/image-optimization#domains
     images: {
       remotePatterns: [
@@ -35,6 +26,10 @@ const nextConfig = async (phase, { defaultConfig }) => {
       ],
     },
 
+    // Configure domains to allow for optimized image loading.
+    // https://nextjs.org/docs/api-reference/next.config.js/react-strict-mod
+    reactStrictMode: true,
+
     // typescript: {
     //   ignoreBuildErrors: true,
     // },
@@ -42,8 +37,7 @@ const nextConfig = async (phase, { defaultConfig }) => {
     //   ignoreDuringBuilds: true,
     // },
 
-    // https://nextjs.org/docs/api-reference/next.config.js/react-strict-mod
-    reactStrictMode: true,
+    serverExternalPackages: ['@prisma/client'],
 
     staticPageGenerationTimeout: 1200,
 
@@ -86,8 +80,8 @@ const nextConfig = async (phase, { defaultConfig }) => {
   if (phase === 'phase-development-server') {
     const fs = await import('node:fs');
 
-    const packageNames = new globSync('../../packages/**/package.json')
-      .map((file) => {
+    const packageNames = globSync('../../packages/**/package.json')
+      .map((file: any) => {
         try {
           const packageJson = JSON.parse(fs.readFileSync(file, 'utf8'));
 
diff --git a/apps/www/package.json b/apps/www/package.json
index 9dfc17421c..8a2269cb0a 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -144,11 +144,11 @@
     "next-themes": "^0.3.0",
     "nuqs": "^1.19.1",
     "prismjs": "^1.29.0",
-    "react": "19.0.0-rc-65a56d0e-20241020",
+    "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "19.0.0-rc-65a56d0e-20241020",
+    "react-dom": "^18.3.1",
     "react-lite-youtube-embed": "^2.4.0",
     "react-markdown": "9.0.1",
     "react-resizable-panels": "^2.0.22",
diff --git a/apps/www/src/lib/rehype-component.ts b/apps/www/src/lib/rehype-component.ts
index ed68081db5..f328948d11 100644
--- a/apps/www/src/lib/rehype-component.ts
+++ b/apps/www/src/lib/rehype-component.ts
@@ -14,15 +14,20 @@ export function rehypeComponent() {
   return (tree: UnistTree) => {
     visit(tree as any, (node: UnistNode) => {
       if (node.name === 'ComponentSource' || node.name === 'ComponentPreview') {
-        const name = getNodeAttributeByName(node, 'name')?.value as string;
+        const name = getNodeAttributeByName(node, 'name')?.value as
+          | string
+          | undefined;
+        const src = getNodeAttributeByName(node, 'src')?.value as
+          | string
+          | undefined;
 
-        if (name) {
-          if (node.name === 'ComponentSource') {
+        if (name && !src) {
+          if (node.name === 'ComponentSource' && !src) {
             try {
               for (const style of styles) {
                 const component = Index[style.name][name];
 
-                if (!component) {
+                if (!component && !src) {
                   throw new Error(
                     `Component ${name} not found in ${style.name}`
                   );
@@ -136,8 +141,6 @@ export function rehypeComponent() {
         const source = getComponentSourceFileContent(node);
 
         if (source) {
-          const { value: src } = getNodeAttributeByName(node, 'src') || {};
-
           if (node.name === 'ComponentPreview') {
             // Replace the Example component with a pre element.
             node.children?.push(
diff --git a/apps/www/tsconfig.json b/apps/www/tsconfig.json
index a9eced40cb..b48e6c6f5a 100644
--- a/apps/www/tsconfig.json
+++ b/apps/www/tsconfig.json
@@ -30,6 +30,7 @@
   "include": [
     ".eslintrc.cjs",
     "next-env.d.ts",
+    "next.config.ts",
     "src/**/*.ts",
     "src/**/*.tsx",
     "src/**/*.cjs",
diff --git a/yarn.lock b/yarn.lock
index 1a08ff00b3..cd77643056 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,13 +5,6 @@ __metadata:
   version: 8
   cacheKey: 10c0
 
-"@aashutoshrathi/word-wrap@npm:^1.2.3":
-  version: 1.2.6
-  resolution: "@aashutoshrathi/word-wrap@npm:1.2.6"
-  checksum: 10c0/53c2b231a61a46792b39a0d43bc4f4f776bb4542aa57ee04930676802e5501282c2fc8aac14e4cd1f1120ff8b52616b6ff5ab539ad30aa2277d726444b71619f
-  languageName: node
-  linkType: hard
-
 "@adobe/css-tools@npm:^4.4.0":
   version: 4.4.0
   resolution: "@adobe/css-tools@npm:4.4.0"
@@ -194,453 +187,231 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.1, @babel/code-frame@npm:^7.24.2":
-  version: 7.24.2
-  resolution: "@babel/code-frame@npm:7.24.2"
-  dependencies:
-    "@babel/highlight": "npm:^7.24.2"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/d1d4cba89475ab6aab7a88242e1fd73b15ecb9f30c109b69752956434d10a26a52cbd37727c4eca104b6d45227bd1dfce39a6a6f4a14c9b2f07f871e968cf406
-  languageName: node
-  linkType: hard
-
-"@babel/code-frame@npm:^7.10.4":
-  version: 7.24.7
-  resolution: "@babel/code-frame@npm:7.24.7"
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/code-frame@npm:7.25.9"
   dependencies:
-    "@babel/highlight": "npm:^7.24.7"
+    "@babel/highlight": "npm:^7.25.9"
     picocolors: "npm:^1.0.0"
-  checksum: 10c0/ab0af539473a9f5aeaac7047e377cb4f4edd255a81d84a76058595f8540784cc3fbe8acf73f1e073981104562490aabfb23008cd66dc677a456a4ed5390fdde6
+  checksum: 10c0/88562eba0eeb5960b7004e108790aa00183d90cbbe70ce10dad01c2c48141d2ef54d6dcd0c678cc1e456de770ffeb68e28559f4d222c01a110c79aea8733074b
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/code-frame@npm:7.25.7"
-  dependencies:
-    "@babel/highlight": "npm:^7.25.7"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/14825c298bdec914caf3d24d1383b6d4cd6b030714686004992f4fc251831ecf432236652896f99d5d341f17170ae9a07b58d8d7b15aa0df8cfa1c5a7d5474bc
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.23.5":
-  version: 7.24.4
-  resolution: "@babel/compat-data@npm:7.24.4"
-  checksum: 10c0/9cd8a9cd28a5ca6db5d0e27417d609f95a8762b655e8c9c97fd2de08997043ae99f0139007083c5e607601c6122e8432c85fe391731b19bf26ad458fa0c60dd3
-  languageName: node
-  linkType: hard
-
-"@babel/compat-data@npm:^7.25.7":
-  version: 7.25.8
-  resolution: "@babel/compat-data@npm:7.25.8"
-  checksum: 10c0/8b81c17580e5fb4cbb6a3c52079f8c283fc59c0c6bd2fe14cfcf9c44b32d2eaab71b02c5633e2c679f5896f73f8ac4036ba2e67a4c806e8f428e4b11f526d7f4
-  languageName: node
-  linkType: hard
-
-"@babel/core@npm:^7.10.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.0":
-  version: 7.24.4
-  resolution: "@babel/core@npm:7.24.4"
-  dependencies:
-    "@ampproject/remapping": "npm:^2.2.0"
-    "@babel/code-frame": "npm:^7.24.2"
-    "@babel/generator": "npm:^7.24.4"
-    "@babel/helper-compilation-targets": "npm:^7.23.6"
-    "@babel/helper-module-transforms": "npm:^7.23.3"
-    "@babel/helpers": "npm:^7.24.4"
-    "@babel/parser": "npm:^7.24.4"
-    "@babel/template": "npm:^7.24.0"
-    "@babel/traverse": "npm:^7.24.1"
-    "@babel/types": "npm:^7.24.0"
-    convert-source-map: "npm:^2.0.0"
-    debug: "npm:^4.1.0"
-    gensync: "npm:^1.0.0-beta.2"
-    json5: "npm:^2.2.3"
-    semver: "npm:^6.3.1"
-  checksum: 10c0/fc136966583e64d6f84f4a676368de6ab4583aa87f867186068655b30ef67f21f8e65a88c6d446a7efd219ad7ffb9185c82e8a90183ee033f6f47b5026641e16
+"@babel/compat-data@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/compat-data@npm:7.25.9"
+  checksum: 10c0/8d9fc2074311ce61aaf5bccf740a808644d19d4859caf5fa46d8a7186a1ee0b0d8cbbc23f9371f8b397e84a885bdeab58d5f22d6799ddde55973252aac351a27
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.22.1":
-  version: 7.25.8
-  resolution: "@babel/core@npm:7.25.8"
+"@babel/core@npm:^7.10.2, @babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.22.1, @babel/core@npm:^7.23.9, @babel/core@npm:^7.24.0":
+  version: 7.25.9
+  resolution: "@babel/core@npm:7.25.9"
   dependencies:
     "@ampproject/remapping": "npm:^2.2.0"
-    "@babel/code-frame": "npm:^7.25.7"
-    "@babel/generator": "npm:^7.25.7"
-    "@babel/helper-compilation-targets": "npm:^7.25.7"
-    "@babel/helper-module-transforms": "npm:^7.25.7"
-    "@babel/helpers": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.8"
-    "@babel/template": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.8"
+    "@babel/code-frame": "npm:^7.25.9"
+    "@babel/generator": "npm:^7.25.9"
+    "@babel/helper-compilation-targets": "npm:^7.25.9"
+    "@babel/helper-module-transforms": "npm:^7.25.9"
+    "@babel/helpers": "npm:^7.25.9"
+    "@babel/parser": "npm:^7.25.9"
+    "@babel/template": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
     convert-source-map: "npm:^2.0.0"
     debug: "npm:^4.1.0"
     gensync: "npm:^1.0.0-beta.2"
     json5: "npm:^2.2.3"
     semver: "npm:^6.3.1"
-  checksum: 10c0/8411ea506e6f7c8a39ab5c1524b00589fa3b087edb47389708f7fe07170929192171734666e3ea10b95a951643a531a6d09eedfe071572c9ea28516646265086
-  languageName: node
-  linkType: hard
-
-"@babel/generator@npm:^7.23.6, @babel/generator@npm:^7.24.1, @babel/generator@npm:^7.24.4, @babel/generator@npm:^7.7.2":
-  version: 7.24.4
-  resolution: "@babel/generator@npm:7.24.4"
-  dependencies:
-    "@babel/types": "npm:^7.24.0"
-    "@jridgewell/gen-mapping": "npm:^0.3.5"
-    "@jridgewell/trace-mapping": "npm:^0.3.25"
-    jsesc: "npm:^2.5.1"
-  checksum: 10c0/67a1b2f7cc985aaaa11b01e8ddd4fffa4f285837bc7a209738eb8203aa34bdafeb8507ed75fd883ddbabd641a036ca0a8d984e760f28ad4a9d60bff29d0a60bb
+  checksum: 10c0/40d3064ebe906f65ed4153a0f4d75c679a19e4d71e425035b7bbe2d292a9167274f1a0d908d4d6c8f484fcddeb10bd91e0c7878fdb3dfad1bb00f6a319ce431d
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/generator@npm:7.25.7"
+"@babel/generator@npm:^7.23.6, @babel/generator@npm:^7.25.9, @babel/generator@npm:^7.7.2":
+  version: 7.25.9
+  resolution: "@babel/generator@npm:7.25.9"
   dependencies:
-    "@babel/types": "npm:^7.25.7"
+    "@babel/types": "npm:^7.25.9"
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
     jsesc: "npm:^3.0.2"
-  checksum: 10c0/c03a26c79864d60d04ce36b649c3fa0d6fd7b2bf6a22e22854a0457aa09206508392dd73ee40e7bc8d50b3602f9ff068afa47770cda091d332e7db1ca382ee96
+  checksum: 10c0/fca49a1440ac550bb835a73c0e8314849cd493a468a5431ca7f9dbb3d3443e3a1a6dcba2426752e8a97cc2feed4a3b7a0c639e1c45871c4a9dd0c994f08dd25a
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-annotate-as-pure@npm:7.25.7"
+"@babel/helper-annotate-as-pure@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-annotate-as-pure@npm:7.25.9"
   dependencies:
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/2f020b0fa9d336b5778485cc2de3141561ec436a7591b685457a5bcdae4ce41d9ddee68169c95504e0789e5a4327e73b8b7e72e5b60e82e96d730c4d19255248
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/095b6ba50489d797733abebc4596a81918316a99e3632755c9f02508882912b00c2ae5e468532a25a5c2108d109ddbe9b7da78333ee7cc13817fc50c00cf06fe
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.23.6":
-  version: 7.23.6
-  resolution: "@babel/helper-compilation-targets@npm:7.23.6"
+"@babel/helper-compilation-targets@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-compilation-targets@npm:7.25.9"
   dependencies:
-    "@babel/compat-data": "npm:^7.23.5"
-    "@babel/helper-validator-option": "npm:^7.23.5"
-    browserslist: "npm:^4.22.2"
-    lru-cache: "npm:^5.1.1"
-    semver: "npm:^6.3.1"
-  checksum: 10c0/ba38506d11185f48b79abf439462ece271d3eead1673dd8814519c8c903c708523428806f05f2ec5efd0c56e4e278698fac967e5a4b5ee842c32415da54bc6fa
-  languageName: node
-  linkType: hard
-
-"@babel/helper-compilation-targets@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-compilation-targets@npm:7.25.7"
-  dependencies:
-    "@babel/compat-data": "npm:^7.25.7"
-    "@babel/helper-validator-option": "npm:^7.25.7"
+    "@babel/compat-data": "npm:^7.25.9"
+    "@babel/helper-validator-option": "npm:^7.25.9"
     browserslist: "npm:^4.24.0"
     lru-cache: "npm:^5.1.1"
     semver: "npm:^6.3.1"
-  checksum: 10c0/705be7e5274a3fdade68e3e2cf42e2b600316ab52794e13b91299a16f16c926f15886b6e9d6df20eb943ccc1cdba5a363d4766f8d01e47b8e6f4e01175f5e66c
+  checksum: 10c0/a6b26a1e4222e69ef8e62ee19374308f060b007828bc11c65025ecc9e814aba21ff2175d6d3f8bf53c863edd728ee8f94ba7870f8f90a37d39552ad9933a8aaa
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.7"
+"@babel/helper-create-class-features-plugin@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.9"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
-    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
-    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
-    "@babel/helper-replace-supers": "npm:^7.25.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.9"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.9"
+    "@babel/helper-replace-supers": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/405c3c1a137acda1206380a96993cf2cfd808b3bee1c11c4af47ee0f03a20858497aa53394d6adc5431793c543be5e02010620e871a5ab39d938ae90a54b50f2
+  checksum: 10c0/b2bdd39f38056a76b9ba00ec5b209dd84f5c5ebd998d0f4033cf0e73d5f2c357fbb49d1ce52db77a2709fb29ee22321f84a5734dc9914849bdfee9ad12ce8caf
   languageName: node
   linkType: hard
 
-"@babel/helper-environment-visitor@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-environment-visitor@npm:7.22.20"
-  checksum: 10c0/e762c2d8f5d423af89bd7ae9abe35bd4836d2eb401af868a63bbb63220c513c783e25ef001019418560b3fdc6d9a6fb67e6c0b650bcdeb3a2ac44b5c3d2bdd94
-  languageName: node
-  linkType: hard
-
-"@babel/helper-function-name@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/helper-function-name@npm:7.23.0"
+"@babel/helper-member-expression-to-functions@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.9"
   dependencies:
-    "@babel/template": "npm:^7.22.15"
-    "@babel/types": "npm:^7.23.0"
-  checksum: 10c0/d771dd1f3222b120518176733c52b7cadac1c256ff49b1889dbbe5e3fed81db855b8cc4e40d949c9d3eae0e795e8229c1c8c24c0e83f27cfa6ee3766696c6428
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/e08c7616f111e1fb56f398365e78858e26e466d4ac46dff25921adc5ccae9b232f66e952a2f4162bbe336627ba336c7fd9eca4835b6548935973d3380d77eaff
   languageName: node
   linkType: hard
 
-"@babel/helper-hoist-variables@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-hoist-variables@npm:7.22.5"
+"@babel/helper-module-imports@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-module-imports@npm:7.25.9"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/60a3077f756a1cd9f14eb89f0037f487d81ede2b7cfe652ea6869cd4ec4c782b0fb1de01b8494b9a2d2050e3d154d7d5ad3be24806790acfb8cbe2073bf1e208
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/078d3c2b45d1f97ffe6bb47f61961be4785d2342a4156d8b42c92ee4e1b7b9e365655dd6cb25329e8fe1a675c91eeac7e3d04f0c518b67e417e29d6e27b6aa70
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.25.7"
+"@babel/helper-module-transforms@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-module-transforms@npm:7.25.9"
   dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/1e948162ab48d84593a7c6ec9570d14c906146f1697144fc369c59dbeb00e4a062da67dd06cb0d8f98a044cd8389002dcf2ab6f5613d99c35748307846ec63fc
-  languageName: node
-  linkType: hard
-
-"@babel/helper-module-imports@npm:^7.22.15":
-  version: 7.24.3
-  resolution: "@babel/helper-module-imports@npm:7.24.3"
-  dependencies:
-    "@babel/types": "npm:^7.24.0"
-  checksum: 10c0/052c188adcd100f5e8b6ff0c9643ddaabc58b6700d3bbbc26804141ad68375a9f97d9d173658d373d31853019e65f62610239e3295cdd58e573bdcb2fded188d
-  languageName: node
-  linkType: hard
-
-"@babel/helper-module-imports@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-module-imports@npm:7.25.7"
-  dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/0fd0c3673835e5bf75558e184bcadc47c1f6dd2fe2016d53ebe1e5a6ae931a44e093015c2f9a6651c1a89f25c76d9246710c2b0b460b95ee069c464f2837fa2c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-module-transforms@npm:^7.23.3":
-  version: 7.23.3
-  resolution: "@babel/helper-module-transforms@npm:7.23.3"
-  dependencies:
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-module-imports": "npm:^7.22.15"
-    "@babel/helper-simple-access": "npm:^7.22.5"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/helper-module-imports": "npm:^7.25.9"
+    "@babel/helper-simple-access": "npm:^7.25.9"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/211e1399d0c4993671e8e5c2b25383f08bee40004ace5404ed4065f0e9258cc85d99c1b82fd456c030ce5cfd4d8f310355b54ef35de9924eabfc3dff1331d946
+  checksum: 10c0/cd005e7585806845d79c5c0ca9e8926f186b430b0a558dad08a3611365eaad3ac587672b0d903530117dec454f48b6bdc3d164b19ea1b71ca1b4eb3be7b452ef
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-module-transforms@npm:7.25.7"
+"@babel/helper-optimise-call-expression@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-optimise-call-expression@npm:7.25.9"
   dependencies:
-    "@babel/helper-module-imports": "npm:^7.25.7"
-    "@babel/helper-simple-access": "npm:^7.25.7"
-    "@babel/helper-validator-identifier": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
-  peerDependencies:
-    "@babel/core": ^7.0.0
-  checksum: 10c0/f37fa7d1d4df21690535b278468cbd5faf0133a3080f282000cfa4f3ffc9462a1458f866b04b6a2f2d1eec4691236cba9a867da61270dab3ab19846e62f05090
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/90203e6607edeadd2a154940803fd616c0ed92c1013d6774c4b8eb491f1a5a3448b68faae6268141caa5c456e55e3ee49a4ed2bd7ddaf2365daea321c435914c
   languageName: node
   linkType: hard
 
-"@babel/helper-optimise-call-expression@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-optimise-call-expression@npm:7.25.7"
-  dependencies:
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/19b4cc7e77811b1fedca4928dbc14026afef913c2ba4142e5e110ebdcb5c3b2efc0f0fbee9f362c23a194674147b9d627adea71c289b9be08b9067bc0085308b
-  languageName: node
-  linkType: hard
-
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.24.0, @babel/helper-plugin-utils@npm:^7.8.0":
-  version: 7.24.0
-  resolution: "@babel/helper-plugin-utils@npm:7.24.0"
-  checksum: 10c0/90f41bd1b4dfe7226b1d33a4bb745844c5c63e400f9e4e8bf9103a7ceddd7d425d65333b564d9daba3cebd105985764d51b4bd4c95822b97c2e3ac1201a8a5da
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.25.9, @babel/helper-plugin-utils@npm:^7.8.0":
+  version: 7.25.9
+  resolution: "@babel/helper-plugin-utils@npm:7.25.9"
+  checksum: 10c0/483066a1ba36ff16c0116cd24f93de05de746a603a777cd695ac7a1b034928a65a4ecb35f255761ca56626435d7abdb73219eba196f9aa83b6c3c3169325599d
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-plugin-utils@npm:7.25.7"
-  checksum: 10c0/241f8cf3c5b7700e91cab7cfe5b432a3c710ae3cd5bb96dc554da536a6d25f5b9f000cc0c0917501ceb4f76ba92599ee3beb25e10adaf96be59f8df89a842faf
-  languageName: node
-  linkType: hard
-
-"@babel/helper-replace-supers@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-replace-supers@npm:7.25.7"
+"@babel/helper-replace-supers@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-replace-supers@npm:7.25.9"
   dependencies:
-    "@babel/helper-member-expression-to-functions": "npm:^7.25.7"
-    "@babel/helper-optimise-call-expression": "npm:^7.25.7"
-    "@babel/traverse": "npm:^7.25.7"
+    "@babel/helper-member-expression-to-functions": "npm:^7.25.9"
+    "@babel/helper-optimise-call-expression": "npm:^7.25.9"
+    "@babel/traverse": "npm:^7.25.9"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/761d64ee74429f7326a6aa65e2cd5bfcb8de9e3bc3f1efb14b8f610d2410f003b0fca52778dc801d49ff8fbc90b057e8f51b27c62b0b05c95eaf23140ca1287b
-  languageName: node
-  linkType: hard
-
-"@babel/helper-simple-access@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-simple-access@npm:7.22.5"
-  dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/f0cf81a30ba3d09a625fd50e5a9069e575c5b6719234e04ee74247057f8104beca89ed03e9217b6e9b0493434cedc18c5ecca4cea6244990836f1f893e140369
+  checksum: 10c0/0b40d7d2925bd3ba4223b3519e2e4d2456d471ad69aa458f1c1d1783c80b522c61f8237d3a52afc9e47c7174129bbba650df06393a6787d5722f2ec7f223c3f4
   languageName: node
   linkType: hard
 
-"@babel/helper-simple-access@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-simple-access@npm:7.25.7"
+"@babel/helper-simple-access@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-simple-access@npm:7.25.9"
   dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/eed1b499bfb4f613c18debd61517e3de77b6da2727ca025aa05ac81599e0269f1dddb5237db04e8bb598115d015874752e0a7f11ff38672d74a4976097417059
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/3f1bcdb88ee3883ccf86959869a867f6bbf8c4737cd44fb9f799c38e54f67474590bc66802500ae9fe18161792875b2cfb7ec15673f48ed6c8663f6d09686ca8
   languageName: node
   linkType: hard
 
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.7"
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.25.9"
   dependencies:
-    "@babel/traverse": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/5804adb893849a9d8cfb548e3812566a81d95cb0c9a10d66b52912d13f488e577c33063bf19bc06ac70e6333162a7370d67ba1a1c3544d37fb50d5f4a00db4de
-  languageName: node
-  linkType: hard
-
-"@babel/helper-split-export-declaration@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
-  dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/d83e4b623eaa9622c267d3c83583b72f3aac567dc393dda18e559d79187961cb29ae9c57b2664137fc3d19508370b12ec6a81d28af73a50e0846819cb21c6e44
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.23.4":
-  version: 7.24.1
-  resolution: "@babel/helper-string-parser@npm:7.24.1"
-  checksum: 10c0/2f9bfcf8d2f9f083785df0501dbab92770111ece2f90d120352fda6dd2a7d47db11b807d111e6f32aa1ba6d763fe2dc6603d153068d672a5d0ad33ca802632b2
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-string-parser@npm:7.25.7"
-  checksum: 10c0/73ef2ceb81f8294678a0afe8ab0103729c0370cac2e830e0d5128b03be5f6a2635838af31d391d763e3c5a4460ed96f42fd7c9b552130670d525be665913bc4c
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-validator-identifier@npm:7.22.20"
-  checksum: 10c0/dcad63db345fb110e032de46c3688384b0008a42a4845180ce7cd62b1a9c0507a1bed727c4d1060ed1a03ae57b4d918570259f81724aaac1a5b776056f37504e
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.24.5, @babel/helper-validator-identifier@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
-  checksum: 10c0/87ad608694c9477814093ed5b5c080c2e06d44cb1924ae8320474a74415241223cc2a725eea2640dd783ff1e3390e5f95eede978bc540e870053152e58f1d651
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-identifier@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-validator-identifier@npm:7.25.7"
-  checksum: 10c0/07438e5bf01ab2882a15027fdf39ac3b0ba1b251774a5130917907014684e2f70fef8fd620137ca062c4c4eedc388508d2ea7a3a7d9936a32785f4fe116c68c0
-  languageName: node
-  linkType: hard
-
-"@babel/helper-validator-option@npm:^7.23.5":
-  version: 7.23.5
-  resolution: "@babel/helper-validator-option@npm:7.23.5"
-  checksum: 10c0/af45d5c0defb292ba6fd38979e8f13d7da63f9623d8ab9ededc394f67eb45857d2601278d151ae9affb6e03d5d608485806cd45af08b4468a0515cf506510e94
+    "@babel/traverse": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/09ace0c6156961624ac9524329ce7f45350bab94bbe24335cbe0da7dfaa1448e658771831983cb83fe91cf6635b15d0a3cab57c03b92657480bfb49fb56dd184
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-option@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helper-validator-option@npm:7.25.7"
-  checksum: 10c0/12ed418c8e3ed9ed44c8c80d823f4e42d399b5eb2e423adccb975e31a31a008cd3b5d8eab688b31f740caff4a1bb28fe06ea2fa7d635aee34cc0ad6995d50f0a
+"@babel/helper-string-parser@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-string-parser@npm:7.25.9"
+  checksum: 10c0/7244b45d8e65f6b4338a6a68a8556f2cb161b782343e97281a5f2b9b93e420cad0d9f5773a59d79f61d0c448913d06f6a2358a87f2e203cf112e3c5b53522ee6
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.24.4":
-  version: 7.24.4
-  resolution: "@babel/helpers@npm:7.24.4"
-  dependencies:
-    "@babel/template": "npm:^7.24.0"
-    "@babel/traverse": "npm:^7.24.1"
-    "@babel/types": "npm:^7.24.0"
-  checksum: 10c0/747ef62b7fe87de31a2f3c19ff337a86cbb79be2f6c18af63133b614ab5a8f6da5b06ae4b06fb0e71271cb6a27efec6f8b6c9f44c60b8a18777832dc7929e6c5
+"@babel/helper-validator-identifier@npm:^7.24.5, @babel/helper-validator-identifier@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-validator-identifier@npm:7.25.9"
+  checksum: 10c0/4fc6f830177b7b7e887ad3277ddb3b91d81e6c4a24151540d9d1023e8dc6b1c0505f0f0628ae653601eb4388a8db45c1c14b2c07a9173837aef7e4116456259d
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/helpers@npm:7.25.7"
-  dependencies:
-    "@babel/template": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/3b3ae9e373bd785414195ef8f59976a69d5a6ebe0ef2165fdcc5165e5c3ee09e0fcee94bb457df2ddb8c0532e4146d0a9b7a96b3497399a4bff4ffe196b30228
+"@babel/helper-validator-option@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helper-validator-option@npm:7.25.9"
+  checksum: 10c0/27fb195d14c7dcb07f14e58fe77c44eea19a6a40a74472ec05c441478fa0bb49fa1c32b2d64be7a38870ee48ef6601bdebe98d512f0253aea0b39756c4014f3e
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.24.2":
-  version: 7.24.2
-  resolution: "@babel/highlight@npm:7.24.2"
+"@babel/helpers@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/helpers@npm:7.25.9"
   dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
-    chalk: "npm:^2.4.2"
-    js-tokens: "npm:^4.0.0"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/98ce00321daedeed33a4ed9362dc089a70375ff1b3b91228b9f05e6591d387a81a8cba68886e207861b8871efa0bc997ceabdd9c90f6cce3ee1b2f7f941b42db
+    "@babel/template": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/4354fbf050291937d0f127f6f927a0c471b604524e0767516fefb91dc36427f25904dd0d2b2b3bbc66bce1894c680cc37eac9ab46970d70f24bf3e53375612de
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/highlight@npm:7.24.7"
+"@babel/highlight@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/highlight@npm:7.25.9"
   dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
     chalk: "npm:^2.4.2"
     js-tokens: "npm:^4.0.0"
     picocolors: "npm:^1.0.0"
-  checksum: 10c0/674334c571d2bb9d1c89bdd87566383f59231e16bcdcf5bb7835babdf03c9ae585ca0887a7b25bdf78f303984af028df52831c7989fecebb5101cc132da9393a
+  checksum: 10c0/ae0ed93c151b85a07df42936117fa593ce91563a22dfc8944a90ae7088c9679645c33e00dcd20b081c1979665d65f986241172dae1fc9e5922692fc3ff685a49
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/highlight@npm:7.25.7"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.22.6, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/parser@npm:7.25.9"
   dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.25.7"
-    chalk: "npm:^2.4.2"
-    js-tokens: "npm:^4.0.0"
-    picocolors: "npm:^1.0.0"
-  checksum: 10c0/1f5894fdb0a0af6101fb2822369b2eeeae32cbeae2ef73ff73fc6a0a4a20471565cd9cfa589f54ed69df66adeca7c57266031ca9134b7bd244d023a488d419aa
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.1, @babel/parser@npm:^7.24.4":
-  version: 7.24.4
-  resolution: "@babel/parser@npm:7.24.4"
+    "@babel/types": "npm:^7.25.9"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/8381e1efead5069cb7ed2abc3a583f4a86289b2f376c75cecc69f59a8eb36df18274b1886cecf2f97a6a0dff5334b27330f58535be9b3e4e26102cc50e12eac8
-  languageName: node
-  linkType: hard
-
-"@babel/parser@npm:^7.22.6, @babel/parser@npm:^7.25.7, @babel/parser@npm:^7.25.8":
-  version: 7.25.8
-  resolution: "@babel/parser@npm:7.25.8"
-  dependencies:
-    "@babel/types": "npm:^7.25.8"
-  bin:
-    parser: ./bin/babel-parser.js
-  checksum: 10c0/a1a13845b7e8dda4c970791814a4bbf60004969882f18f470e260ad822d2e1f8941948f851e9335895563610f240fa6c98481ce8019865e469502bbf21daafa4
+  checksum: 10c0/143faff8a72331be5ed94080e0f4645cbeea814fb488cd9210154083735f67cb66fde32f6a4a80efd6c4cdf12c6f8b50995a465846093c7f65c5da8d7829627c
   languageName: node
   linkType: hard
 
@@ -666,7 +437,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-class-properties@npm:^7.8.3":
+"@babel/plugin-syntax-class-properties@npm:^7.12.13":
   version: 7.12.13
   resolution: "@babel/plugin-syntax-class-properties@npm:7.12.13"
   dependencies:
@@ -677,7 +448,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-meta@npm:^7.8.3":
+"@babel/plugin-syntax-class-static-block@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-class-static-block@npm:7.14.5"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.14.5"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/4464bf9115f4a2d02ce1454411baf9cfb665af1da53709c5c56953e5e2913745b0fcce82982a00463d6facbdd93445c691024e310b91431a1e2f024b158f6371
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-attributes@npm:^7.24.7":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.25.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/bbdf97ba088c3d482492f6c3376422752b1723ce32e3ac11b000faf3c942d68e418c8a911431cb05d5e300d008cc37cd5518e89807a5813c2ac8fdd82d171f8d
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-syntax-import-meta@npm:^7.10.4":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-import-meta@npm:7.10.4"
   dependencies:
@@ -700,17 +493,17 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-syntax-jsx@npm:^7.7.2":
-  version: 7.24.1
-  resolution: "@babel/plugin-syntax-jsx@npm:7.24.1"
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-jsx@npm:7.25.9"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.0"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/6cec76fbfe6ca81c9345c2904d8d9a8a0df222f9269f0962ed6eb2eb8f3f10c2f15e993d1ef09dbaf97726bf1792b5851cf5bd9a769f966a19448df6be95d19a
+  checksum: 10c0/d56597aff4df39d3decda50193b6dfbe596ca53f437ff2934622ce19a743bf7f43492d3fb3308b0289f5cee2b825d99ceb56526a2b9e7b68bf04901546c5618c
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3":
+"@babel/plugin-syntax-logical-assignment-operators@npm:^7.10.4":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4"
   dependencies:
@@ -732,7 +525,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-numeric-separator@npm:^7.8.3":
+"@babel/plugin-syntax-numeric-separator@npm:^7.10.4":
   version: 7.10.4
   resolution: "@babel/plugin-syntax-numeric-separator@npm:7.10.4"
   dependencies:
@@ -776,146 +569,96 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-top-level-await@npm:^7.8.3":
+"@babel/plugin-syntax-private-property-in-object@npm:^7.14.5":
   version: 7.14.5
-  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
+  resolution: "@babel/plugin-syntax-private-property-in-object@npm:7.14.5"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/14bf6e65d5bc1231ffa9def5f0ef30b19b51c218fcecaa78cd1bdf7939dfdf23f90336080b7f5196916368e399934ce5d581492d8292b46a2fb569d8b2da106f
+  checksum: 10c0/69822772561706c87f0a65bc92d0772cea74d6bc0911537904a676d5ff496a6d3ac4e05a166d8125fce4a16605bace141afc3611074e170a994e66e5397787f3
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/plugin-syntax-typescript@npm:7.25.7"
+"@babel/plugin-syntax-top-level-await@npm:^7.14.5":
+  version: 7.14.5
+  resolution: "@babel/plugin-syntax-top-level-await@npm:7.14.5"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
+    "@babel/helper-plugin-utils": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/ed51fd81a5cf571a89fc4cf4c0e3b0b91285c367237374c133d2e5e718f3963cfa61b81997df39220a8837dc99f9e9a8ab7701d259c09fae379e4843d9db60c2
+  checksum: 10c0/14bf6e65d5bc1231ffa9def5f0ef30b19b51c218fcecaa78cd1bdf7939dfdf23f90336080b7f5196916368e399934ce5d581492d8292b46a2fb569d8b2da106f
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.24.1
-  resolution: "@babel/plugin-syntax-typescript@npm:7.24.1"
+"@babel/plugin-syntax-typescript@npm:^7.25.9, @babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.25.9
+  resolution: "@babel/plugin-syntax-typescript@npm:7.25.9"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.24.0"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/7a81e277dcfe3138847e8e5944e02a42ff3c2e864aea6f33fd9b70d1556d12b0e70f0d56cc1985d353c91bcbf8fe163e6cc17418da21129b7f7f1d8b9ac00c93
+  checksum: 10c0/5192ebe11bd46aea68b7a60fd9555465c59af7e279e71126788e59121b86e00b505816685ab4782abe159232b0f73854e804b54449820b0d950b397ee158caa2
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-typescript@npm:^7.22.5":
-  version: 7.25.7
-  resolution: "@babel/plugin-transform-typescript@npm:7.25.7"
+  version: 7.25.9
+  resolution: "@babel/plugin-transform-typescript@npm:7.25.9"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.25.7"
-    "@babel/helper-create-class-features-plugin": "npm:^7.25.7"
-    "@babel/helper-plugin-utils": "npm:^7.25.7"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.7"
-    "@babel/plugin-syntax-typescript": "npm:^7.25.7"
+    "@babel/helper-annotate-as-pure": "npm:^7.25.9"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.9"
+    "@babel/helper-plugin-utils": "npm:^7.25.9"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.25.9"
+    "@babel/plugin-syntax-typescript": "npm:^7.25.9"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5fa839b9560221698edff5e00b5cccc658c7875efaa7971c66d478f5b026770f12dd47b1be024463a44f9e29b4e14e8ddddbf4a2b324b0b94f58370dd5ae7195
+  checksum: 10c0/c607ddb45f7e33cfcb928aad05cb1b18b1ecb564d2329d8f8e427f75192511aa821dee42d26871f1bdffbd883853e150ba81436664646c6e6b13063e65ce1475
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.20.1, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.9.2":
-  version: 7.24.4
-  resolution: "@babel/runtime@npm:7.24.4"
+"@babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.16.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.23.8, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.9.2":
+  version: 7.25.9
+  resolution: "@babel/runtime@npm:7.25.9"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/785aff96a3aa8ff97f90958e1e8a7b1d47f793b204b47c6455eaadc3f694f48c97cd5c0a921fe3596d818e71f18106610a164fb0f1c71fd68c622a58269d537c
+  checksum: 10c0/d1727a47eab67b8a742cbf1ef336a20c3d906fe65d6316d073c72479125addfa4358c44dd7b95d114f241b93409b134fad7cea43f3bf8ca7e2ef344177eb72d8
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.23.8":
-  version: 7.25.6
-  resolution: "@babel/runtime@npm:7.25.6"
+"@babel/template@npm:^7.25.9, @babel/template@npm:^7.3.3":
+  version: 7.25.9
+  resolution: "@babel/template@npm:7.25.9"
   dependencies:
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/d6143adf5aa1ce79ed374e33fdfd74fa975055a80bc6e479672ab1eadc4e4bfd7484444e17dd063a1d180e051f3ec62b357c7a2b817e7657687b47313158c3d2
+    "@babel/code-frame": "npm:^7.25.9"
+    "@babel/parser": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
+  checksum: 10c0/ebe677273f96a36c92cc15b7aa7b11cc8bc8a3bb7a01d55b2125baca8f19cae94ff3ce15f1b1880fb8437f3a690d9f89d4e91f16fc1dc4d3eb66226d128983ab
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.22.15, @babel/template@npm:^7.24.0, @babel/template@npm:^7.3.3":
-  version: 7.24.0
-  resolution: "@babel/template@npm:7.24.0"
+"@babel/traverse@npm:^7.24.0, @babel/traverse@npm:^7.25.9":
+  version: 7.25.9
+  resolution: "@babel/traverse@npm:7.25.9"
   dependencies:
-    "@babel/code-frame": "npm:^7.23.5"
-    "@babel/parser": "npm:^7.24.0"
-    "@babel/types": "npm:^7.24.0"
-  checksum: 10c0/9d3dd8d22fe1c36bc3bdef6118af1f4b030aaf6d7d2619f5da203efa818a2185d717523486c111de8d99a8649ddf4bbf6b2a7a64962d8411cf6a8fa89f010e54
-  languageName: node
-  linkType: hard
-
-"@babel/template@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/template@npm:7.25.7"
-  dependencies:
-    "@babel/code-frame": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
-  checksum: 10c0/8ae9e36e4330ee83d4832531d1d9bec7dc2ef6a2a8afa1ef1229506fd60667abcb17f306d1c3d7e582251270597022990c845d5d69e7add70a5aea66720decb9
-  languageName: node
-  linkType: hard
-
-"@babel/traverse@npm:^7.24.0, @babel/traverse@npm:^7.24.1":
-  version: 7.24.1
-  resolution: "@babel/traverse@npm:7.24.1"
-  dependencies:
-    "@babel/code-frame": "npm:^7.24.1"
-    "@babel/generator": "npm:^7.24.1"
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-function-name": "npm:^7.23.0"
-    "@babel/helper-hoist-variables": "npm:^7.22.5"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
-    "@babel/parser": "npm:^7.24.1"
-    "@babel/types": "npm:^7.24.0"
-    debug: "npm:^4.3.1"
-    globals: "npm:^11.1.0"
-  checksum: 10c0/c087b918f6823776537ba246136c70e7ce0719fc05361ebcbfd16f4e6f2f6f1f8f4f9167f1d9b675f27d12074839605189cc9d689de20b89a85e7c140f23daab
-  languageName: node
-  linkType: hard
-
-"@babel/traverse@npm:^7.25.7":
-  version: 7.25.7
-  resolution: "@babel/traverse@npm:7.25.7"
-  dependencies:
-    "@babel/code-frame": "npm:^7.25.7"
-    "@babel/generator": "npm:^7.25.7"
-    "@babel/parser": "npm:^7.25.7"
-    "@babel/template": "npm:^7.25.7"
-    "@babel/types": "npm:^7.25.7"
+    "@babel/code-frame": "npm:^7.25.9"
+    "@babel/generator": "npm:^7.25.9"
+    "@babel/parser": "npm:^7.25.9"
+    "@babel/template": "npm:^7.25.9"
+    "@babel/types": "npm:^7.25.9"
     debug: "npm:^4.3.1"
     globals: "npm:^11.1.0"
-  checksum: 10c0/75d73e52c507a7a7a4c7971d6bf4f8f26fdd094e0d3a0193d77edf6a5efa36fc3db91ec5cc48e8b94e6eb5d5ad21af0a1040e71309172851209415fd105efb1a
+  checksum: 10c0/e90be586a714da4adb80e6cb6a3c5cfcaa9b28148abdafb065e34cc109676fc3db22cf98cd2b2fff66ffb9b50c0ef882cab0f466b6844be0f6c637b82719bba1
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.24.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.8.3":
-  version: 7.24.0
-  resolution: "@babel/types@npm:7.24.0"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.24.0, @babel/types@npm:^7.25.9, @babel/types@npm:^7.3.3":
+  version: 7.25.9
+  resolution: "@babel/types@npm:7.25.9"
   dependencies:
-    "@babel/helper-string-parser": "npm:^7.23.4"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
-    to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/777a0bb5dbe038ca4c905fdafb1cdb6bdd10fe9d63ce13eca0bd91909363cbad554a53dc1f902004b78c1dcbc742056f877f2c99eeedff647333b1fadf51235d
-  languageName: node
-  linkType: hard
-
-"@babel/types@npm:^7.25.7, @babel/types@npm:^7.25.8":
-  version: 7.25.8
-  resolution: "@babel/types@npm:7.25.8"
-  dependencies:
-    "@babel/helper-string-parser": "npm:^7.25.7"
-    "@babel/helper-validator-identifier": "npm:^7.25.7"
-    to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/55ca2d6df6426c98db2769ce884ce5e9de83a512ea2dd7bcf56c811984dc14351cacf42932a723630c5afcff2455809323decd645820762182f10b7b5252b59f
+    "@babel/helper-string-parser": "npm:^7.25.9"
+    "@babel/helper-validator-identifier": "npm:^7.25.9"
+  checksum: 10c0/33890d08bcb06b26a3a60e4c6c996cbdf2b8d8a3c212664de659c2775f80b002c5f2bceedaa309c384ff5e99bd579794fe6a7e41de07df70246f43c55016d349
   languageName: node
   linkType: hard
 
@@ -926,15 +669,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/apply-release-plan@npm:^7.0.4":
-  version: 7.0.4
-  resolution: "@changesets/apply-release-plan@npm:7.0.4"
+"@changesets/apply-release-plan@npm:^7.0.5":
+  version: 7.0.5
+  resolution: "@changesets/apply-release-plan@npm:7.0.5"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
-    "@changesets/config": "npm:^3.0.2"
+    "@changesets/config": "npm:^3.0.3"
     "@changesets/get-version-range-type": "npm:^0.4.0"
-    "@changesets/git": "npm:^3.0.0"
-    "@changesets/should-skip-package": "npm:^0.1.0"
+    "@changesets/git": "npm:^3.0.1"
+    "@changesets/should-skip-package": "npm:^0.1.1"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
     detect-indent: "npm:^6.0.0"
@@ -944,22 +686,21 @@ __metadata:
     prettier: "npm:^2.7.1"
     resolve-from: "npm:^5.0.0"
     semver: "npm:^7.5.3"
-  checksum: 10c0/9a87a54d06da036105ac6eadc2f9f1b8e81fe9dd3e782946624b91b10675a1fc0dfc2b0c15d74f98daed3fdc2edbd0483c6d5f2d364b2daae08a831fe236dd53
+  checksum: 10c0/9172fa8a06098c62ae326bfbca71e32a687a782053d6b9abb8c31aa516100f44a29d12dd41dc87db8a636ad10ca80e7d44fc2bd0966964c49668c391d7427064
   languageName: node
   linkType: hard
 
-"@changesets/assemble-release-plan@npm:^6.0.3":
-  version: 6.0.3
-  resolution: "@changesets/assemble-release-plan@npm:6.0.3"
+"@changesets/assemble-release-plan@npm:^6.0.4":
+  version: 6.0.4
+  resolution: "@changesets/assemble-release-plan@npm:6.0.4"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
     "@changesets/errors": "npm:^0.2.0"
-    "@changesets/get-dependents-graph": "npm:^2.1.1"
-    "@changesets/should-skip-package": "npm:^0.1.0"
+    "@changesets/get-dependents-graph": "npm:^2.1.2"
+    "@changesets/should-skip-package": "npm:^0.1.1"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
     semver: "npm:^7.5.3"
-  checksum: 10c0/e4c5756b29f77cee459abfc6d158dd0194e8e14fa8b5c99cc7a588c58e34925409472e1a72b856dd34fd7bd9e53c95e15e0a5651c97e42817afc262661fddb65
+  checksum: 10c0/eeb3cf100b4ce53ccd1f2f10cab631bea5d560426655d56ac969dc7d1b0a4809bec35b1b5de252a486b7ceb7bb50a56274d9cd8b62ec5f324b466202489bcb64
   languageName: node
   linkType: hard
 
@@ -973,59 +714,55 @@ __metadata:
   linkType: hard
 
 "@changesets/cli@npm:^2.27.7":
-  version: 2.27.7
-  resolution: "@changesets/cli@npm:2.27.7"
+  version: 2.27.9
+  resolution: "@changesets/cli@npm:2.27.9"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
-    "@changesets/apply-release-plan": "npm:^7.0.4"
-    "@changesets/assemble-release-plan": "npm:^6.0.3"
+    "@changesets/apply-release-plan": "npm:^7.0.5"
+    "@changesets/assemble-release-plan": "npm:^6.0.4"
     "@changesets/changelog-git": "npm:^0.2.0"
-    "@changesets/config": "npm:^3.0.2"
+    "@changesets/config": "npm:^3.0.3"
     "@changesets/errors": "npm:^0.2.0"
-    "@changesets/get-dependents-graph": "npm:^2.1.1"
-    "@changesets/get-release-plan": "npm:^4.0.3"
-    "@changesets/git": "npm:^3.0.0"
-    "@changesets/logger": "npm:^0.1.0"
-    "@changesets/pre": "npm:^2.0.0"
-    "@changesets/read": "npm:^0.6.0"
-    "@changesets/should-skip-package": "npm:^0.1.0"
+    "@changesets/get-dependents-graph": "npm:^2.1.2"
+    "@changesets/get-release-plan": "npm:^4.0.4"
+    "@changesets/git": "npm:^3.0.1"
+    "@changesets/logger": "npm:^0.1.1"
+    "@changesets/pre": "npm:^2.0.1"
+    "@changesets/read": "npm:^0.6.1"
+    "@changesets/should-skip-package": "npm:^0.1.1"
     "@changesets/types": "npm:^6.0.0"
-    "@changesets/write": "npm:^0.3.1"
+    "@changesets/write": "npm:^0.3.2"
     "@manypkg/get-packages": "npm:^1.1.3"
-    "@types/semver": "npm:^7.5.0"
     ansi-colors: "npm:^4.1.3"
-    chalk: "npm:^2.1.0"
     ci-info: "npm:^3.7.0"
     enquirer: "npm:^2.3.0"
     external-editor: "npm:^3.1.0"
     fs-extra: "npm:^7.0.1"
-    human-id: "npm:^1.0.2"
     mri: "npm:^1.2.0"
-    outdent: "npm:^0.5.0"
     p-limit: "npm:^2.2.0"
-    preferred-pm: "npm:^3.0.0"
+    package-manager-detector: "npm:^0.2.0"
+    picocolors: "npm:^1.1.0"
     resolve-from: "npm:^5.0.0"
     semver: "npm:^7.5.3"
     spawndamnit: "npm:^2.0.0"
     term-size: "npm:^2.1.0"
   bin:
     changeset: bin.js
-  checksum: 10c0/e59627c9d1de33f032b132075ae08eb44c1507816cf09fa06b88fb2b4d20d486163101ea10213b085b4a318adaf9439e35d185381040662a56815b5c009d9035
+  checksum: 10c0/bcd651aa177eb58eaee4c3c86f961c5411dbe7c77a9b421d22cd4a422f4802795d1cd51be6769c16bb30d3f88dc8a06ab4977fc6457430373b680fd5ee59b59a
   languageName: node
   linkType: hard
 
-"@changesets/config@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "@changesets/config@npm:3.0.2"
+"@changesets/config@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "@changesets/config@npm:3.0.3"
   dependencies:
     "@changesets/errors": "npm:^0.2.0"
-    "@changesets/get-dependents-graph": "npm:^2.1.1"
-    "@changesets/logger": "npm:^0.1.0"
+    "@changesets/get-dependents-graph": "npm:^2.1.2"
+    "@changesets/logger": "npm:^0.1.1"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
     fs-extra: "npm:^7.0.1"
     micromatch: "npm:^4.0.2"
-  checksum: 10c0/d1425469482af7d919442a4ece81b7d58f53911d12e9c002ee1db44324c1e8ffbfc3fa1dc7855113fd4d163d6665df5647483ba73d84b0f45b4db17661271022
+  checksum: 10c0/268e830002071b9459d9c8d21926991a5c1213f1c3ab9f3dea986990b7bb0a5e9358639d04112680717023d26f69c86988b1cbaac8f8e4cd3f0e2de6bf010034
   languageName: node
   linkType: hard
 
@@ -1038,16 +775,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/get-dependents-graph@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@changesets/get-dependents-graph@npm:2.1.1"
+"@changesets/get-dependents-graph@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@changesets/get-dependents-graph@npm:2.1.2"
   dependencies:
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
-    chalk: "npm:^2.1.0"
-    fs-extra: "npm:^7.0.1"
+    picocolors: "npm:^1.1.0"
     semver: "npm:^7.5.3"
-  checksum: 10c0/037a038a300062f4764708696996c0847fc9c71b3ab88ee779d2925942efa2a61967a266b87b9ea58ea5a5d9a728ca47e63f81a3e749eb16b7195644b21bca17
+  checksum: 10c0/f2674ccb71f989b2abf2088953548b6de503e17d0b1f5b0147c4ef1672a5a2dd5201b828b419ccb67841e7812d1fbe1607d12668ea8972b3d0de5a1d2b38b61b
   languageName: node
   linkType: hard
 
@@ -1061,18 +797,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/get-release-plan@npm:^4.0.3":
-  version: 4.0.3
-  resolution: "@changesets/get-release-plan@npm:4.0.3"
+"@changesets/get-release-plan@npm:^4.0.4":
+  version: 4.0.4
+  resolution: "@changesets/get-release-plan@npm:4.0.4"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
-    "@changesets/assemble-release-plan": "npm:^6.0.3"
-    "@changesets/config": "npm:^3.0.2"
-    "@changesets/pre": "npm:^2.0.0"
-    "@changesets/read": "npm:^0.6.0"
+    "@changesets/assemble-release-plan": "npm:^6.0.4"
+    "@changesets/config": "npm:^3.0.3"
+    "@changesets/pre": "npm:^2.0.1"
+    "@changesets/read": "npm:^0.6.1"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
-  checksum: 10c0/5a84943ca09bcd2de6fdab4909cec15725647ef8c68bc563affb590334b7f6fd8d40cc8f98aead96eb03d46e06a9c792a9cbfcdd450e16970ca6ebecac667453
+  checksum: 10c0/b2ef083d662dbf134d6fc99e6fedcfb85064e5d7e59a5b6b2e799b26c7ff7e765e10c7183a86194fb678d0cfe0a6186948efe2c1614898ad0e7d59503f255cec
   languageName: node
   linkType: hard
 
@@ -1083,27 +818,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/git@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@changesets/git@npm:3.0.0"
+"@changesets/git@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@changesets/git@npm:3.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
     "@changesets/errors": "npm:^0.2.0"
-    "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
     is-subdir: "npm:^1.1.1"
     micromatch: "npm:^4.0.2"
     spawndamnit: "npm:^2.0.0"
-  checksum: 10c0/75b0ce2d8c52c8141a2d07be1cc05da15463d6f93a8a95351e171c6c3d48345b3134f33bfeb695a11467adbcc51ff3d87487995a61fba99af89063eac4a8ce7a
+  checksum: 10c0/a6d19d3d9c3b3fca2dbaf048ba99c3e46f7587b04bed0614227d5d6e3ee153cf42d65f6c82ee915e0d70b6352177b4af623899e87704cdcb178b51fea4a1317b
   languageName: node
   linkType: hard
 
-"@changesets/logger@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "@changesets/logger@npm:0.1.0"
+"@changesets/logger@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "@changesets/logger@npm:0.1.1"
   dependencies:
-    chalk: "npm:^2.1.0"
-  checksum: 10c0/b40365a4e62be4bf7a75c5900e8f95b1abd8fb9ff9f2cf71a7b567532377ddd5490b0ee1d566189a91e8c8250c9e875d333cfb3e44a34c230a11fd61337f923e
+    picocolors: "npm:^1.1.0"
+  checksum: 10c0/a0933b5bd4d99e10730b22612dc1bdfd25b8804c5b48f8cada050bf5c7a89b2ae9a61687f846a5e9e5d379a95b59fef795c8d5d91e49a251f8da2be76133f83f
   languageName: node
   linkType: hard
 
@@ -1117,43 +850,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/pre@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@changesets/pre@npm:2.0.0"
+"@changesets/pre@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "@changesets/pre@npm:2.0.1"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
     "@changesets/errors": "npm:^0.2.0"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
     fs-extra: "npm:^7.0.1"
-  checksum: 10c0/3971fb9b3f8b1719a983b82fcd34aab573151d0765ff38ae44f31d66d040ca40d33e80808b3694ae40331ebf6d654d479352c3bc0a964ad553200ebf5d1ec44f
+  checksum: 10c0/aacd4a71cab8a511702903bee50434188f300503a1207a08b89d09dc575981c28af77b7357a610504ce48d101e67308fc6ed4427ac2a61d162de4d01a2a0f695
   languageName: node
   linkType: hard
 
-"@changesets/read@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "@changesets/read@npm:0.6.0"
+"@changesets/read@npm:^0.6.1":
+  version: 0.6.1
+  resolution: "@changesets/read@npm:0.6.1"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
-    "@changesets/git": "npm:^3.0.0"
-    "@changesets/logger": "npm:^0.1.0"
+    "@changesets/git": "npm:^3.0.1"
+    "@changesets/logger": "npm:^0.1.1"
     "@changesets/parse": "npm:^0.4.0"
     "@changesets/types": "npm:^6.0.0"
-    chalk: "npm:^2.1.0"
     fs-extra: "npm:^7.0.1"
     p-filter: "npm:^2.1.0"
-  checksum: 10c0/ec2914fb89de923145a3482e00a2930b011c9c7a7c5690b053e344e8e8941ab06087bd3fe3b6cc01a651656c0438b5f9b96c616c7df1ad146f87b8751701bf5a
+    picocolors: "npm:^1.1.0"
+  checksum: 10c0/aa479f79cd30677059fd8bf959e1778e52a7565a40d5072a1db0bd9f68954d285d3851528472283e68312759cb1c3f5f42f7bfa13a74fe80faeea8b3221be06d
   languageName: node
   linkType: hard
 
-"@changesets/should-skip-package@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "@changesets/should-skip-package@npm:0.1.0"
+"@changesets/should-skip-package@npm:^0.1.1":
+  version: 0.1.1
+  resolution: "@changesets/should-skip-package@npm:0.1.1"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
     "@changesets/types": "npm:^6.0.0"
     "@manypkg/get-packages": "npm:^1.1.3"
-  checksum: 10c0/27a231e0df77b1b72d455b7051da8892cb80c1594dd20fee392d7e88f7f473b8ae9934cfcfa449b9666b22723be910742dc7fa673d550fc5fb371e4f28ee94fe
+  checksum: 10c0/4fb0a17538492db15733a9514560ff1d4dfbd94882a349495a6585eb675f9414aa74020aa886f1f72542ca70d5d96a842db2f52b08fcb571705b1d9ed3632e57
   languageName: node
   linkType: hard
 
@@ -1171,16 +901,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@changesets/write@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "@changesets/write@npm:0.3.1"
+"@changesets/write@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "@changesets/write@npm:0.3.2"
   dependencies:
-    "@babel/runtime": "npm:^7.20.1"
     "@changesets/types": "npm:^6.0.0"
     fs-extra: "npm:^7.0.1"
     human-id: "npm:^1.0.2"
     prettier: "npm:^2.7.1"
-  checksum: 10c0/6c6ef4c12f93ae10706eea96fae73ab05fddeaa1870102681106a29e4e92c37be9643f214c56187141ab5cf3a4cccb4e8a59212d0fa6c7c26083c5d613878c9a
+  checksum: 10c0/1e00af0a82a780f74e03359d672690b35b6c788891e515a37488fca756109471f0d2da4904185b758a38d26e5cc2f426de4a2201ca3b6e26cf03ab747773690f
   languageName: node
   linkType: hard
 
@@ -1394,12 +1123,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/runtime@npm:^1.1.1":
-  version: 1.2.0
-  resolution: "@emnapi/runtime@npm:1.2.0"
+"@emnapi/runtime@npm:^1.2.0":
+  version: 1.3.1
+  resolution: "@emnapi/runtime@npm:1.3.1"
   dependencies:
     tslib: "npm:^2.4.0"
-  checksum: 10c0/7005ff8b67724c9e61b6cd79a3decbdb2ce25d24abd4d3d187472f200ee6e573329c30264335125fb136bd813aa9cf9f4f7c9391d04b07dd1e63ce0a3427be57
+  checksum: 10c0/060ffede50f1b619c15083312b80a9e62a5b0c87aa8c1b54854c49766c9d69f8d1d3d87bd963a647071263a320db41b25eaa50b74d6a80dcc763c23dbeaafd6c
   languageName: node
   linkType: hard
 
@@ -1918,17 +1647,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1, @eslint-community/regexpp@npm:^4.8.0, @eslint-community/regexpp@npm:^4.9.1":
-  version: 4.10.0
-  resolution: "@eslint-community/regexpp@npm:4.10.0"
-  checksum: 10c0/c5f60ef1f1ea7649fa7af0e80a5a79f64b55a8a8fa5086de4727eb4c86c652aedee407a9c143b8995d2c0b2d75c1222bec9ba5d73dbfc1f314550554f0979ef4
-  languageName: node
-  linkType: hard
-
-"@eslint-community/regexpp@npm:^4.5.1":
-  version: 4.11.0
-  resolution: "@eslint-community/regexpp@npm:4.11.0"
-  checksum: 10c0/0f6328869b2741e2794da4ad80beac55cba7de2d3b44f796a60955b0586212ec75e6b0253291fd4aad2100ad471d1480d8895f2b54f1605439ba4c875e05e523
+"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1, @eslint-community/regexpp@npm:^4.8.0, @eslint-community/regexpp@npm:^4.9.1":
+  version: 4.11.1
+  resolution: "@eslint-community/regexpp@npm:4.11.1"
+  checksum: 10c0/fbcc1cb65ef5ed5b92faa8dc542e035269065e7ebcc0b39c81a4fe98ad35cfff20b3c8df048641de15a7757e07d69f85e2579c1a5055f993413ba18c055654f8
   languageName: node
   linkType: hard
 
@@ -1949,10 +1671,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/js@npm:8.57.0":
-  version: 8.57.0
-  resolution: "@eslint/js@npm:8.57.0"
-  checksum: 10c0/9a518bb8625ba3350613903a6d8c622352ab0c6557a59fe6ff6178bf882bf57123f9d92aa826ee8ac3ee74b9c6203fe630e9ee00efb03d753962dcf65ee4bd94
+"@eslint/js@npm:8.57.1":
+  version: 8.57.1
+  resolution: "@eslint/js@npm:8.57.1"
+  checksum: 10c0/b489c474a3b5b54381c62e82b3f7f65f4b8a5eaaed126546520bf2fede5532a8ed53212919fed1e9048dcf7f37167c8561d58d0ba4492a4244004e7793805223
   languageName: node
   linkType: hard
 
@@ -1973,152 +1695,114 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.0.0":
-  version: 1.6.0
-  resolution: "@floating-ui/core@npm:1.6.0"
-  dependencies:
-    "@floating-ui/utils": "npm:^0.2.1"
-  checksum: 10c0/667a68036f7dd5ed19442c7792a6002ca02d1799221c4396691bbe0b6008b48f6ccad581225e81fa266bb91232f6c66838a5f825f554217e1ec886178b93381b
-  languageName: node
-  linkType: hard
-
-"@floating-ui/core@npm:^1.6.7":
-  version: 1.6.7
-  resolution: "@floating-ui/core@npm:1.6.7"
+"@floating-ui/core@npm:^1.6.0, @floating-ui/core@npm:^1.6.7":
+  version: 1.6.8
+  resolution: "@floating-ui/core@npm:1.6.8"
   dependencies:
-    "@floating-ui/utils": "npm:^0.2.7"
-  checksum: 10c0/5c9ae274854f87ed09a61de758377d444c2b13ade7fd1067d74287b3e66de5340ae1281e48604b631c540855a2595cfc717adf9a2331eaadc4fa6d28e8571f64
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10c0/d6985462aeccae7b55a2d3f40571551c8c42bf820ae0a477fc40ef462e33edc4f3f5b7f11b100de77c9b58ecb581670c5c3f46d0af82b5e30aa185c735257eb9
   languageName: node
   linkType: hard
 
 "@floating-ui/dom@npm:^1.0.0":
-  version: 1.6.4
-  resolution: "@floating-ui/dom@npm:1.6.4"
+  version: 1.6.11
+  resolution: "@floating-ui/dom@npm:1.6.11"
   dependencies:
-    "@floating-ui/core": "npm:^1.0.0"
-    "@floating-ui/utils": "npm:^0.2.0"
-  checksum: 10c0/cee0b9e6efc1c6d978ec580c770078fdf416016fb03f3dd99630f7f32d0422722e608471fbc7578be86c783ad1c1e448c5fa5b9fdec889dfbf4b695f208730fd
+    "@floating-ui/core": "npm:^1.6.0"
+    "@floating-ui/utils": "npm:^0.2.8"
+  checksum: 10c0/02ef34a75a515543c772880338eea7b66724997bd5ec7cd58d26b50325709d46d480a306b84e7d5509d734434411a4bcf23af5680c2e461e6e6a8bf45d751df8
   languageName: node
   linkType: hard
 
-"@floating-ui/dom@npm:^1.6.1":
-  version: 1.6.3
-  resolution: "@floating-ui/dom@npm:1.6.3"
-  dependencies:
-    "@floating-ui/core": "npm:^1.0.0"
-    "@floating-ui/utils": "npm:^0.2.0"
-  checksum: 10c0/d6cac10877918ce5a8d1a24b21738d2eb130a0191043d7c0dd43bccac507844d3b4dc5d4107d3891d82f6007945ca8fb4207a1252506e91c37e211f0f73cf77e
-  languageName: node
-  linkType: hard
-
-"@floating-ui/react-dom@npm:^2.0.0":
-  version: 2.0.8
-  resolution: "@floating-ui/react-dom@npm:2.0.8"
-  dependencies:
-    "@floating-ui/dom": "npm:^1.6.1"
-  peerDependencies:
-    react: ">=16.8.0"
-    react-dom: ">=16.8.0"
-  checksum: 10c0/4d87451e2dcc54b4753a0d81181036e47821cfd0d4c23f7e9c31590c7c91fb15fb0a5a458969a5ddabd61601eca5875ebd4e40bff37cee31f373b8f1ccc64518
-  languageName: node
-  linkType: hard
-
-"@floating-ui/react-dom@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@floating-ui/react-dom@npm:2.1.1"
+"@floating-ui/react-dom@npm:^2.0.0, @floating-ui/react-dom@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "@floating-ui/react-dom@npm:2.1.2"
   dependencies:
     "@floating-ui/dom": "npm:^1.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/732ab64600c511ceb0563b87bc557aa61789fec4f416a3f092bab89e508fa1d3ee5ade0f42051cc56eb5e4db867b87ab7fd48ce82db9fd4c01d94ffa08f60115
+  checksum: 10c0/e855131c74e68cab505f7f44f92cd4e2efab1c125796db3116c54c0859323adae4bf697bf292ee83ac77b9335a41ad67852193d7aeace90aa2e1c4a640cafa60
   languageName: node
   linkType: hard
 
 "@floating-ui/react@npm:^0.26.23":
-  version: 0.26.23
-  resolution: "@floating-ui/react@npm:0.26.23"
+  version: 0.26.25
+  resolution: "@floating-ui/react@npm:0.26.25"
   dependencies:
-    "@floating-ui/react-dom": "npm:^2.1.1"
-    "@floating-ui/utils": "npm:^0.2.7"
+    "@floating-ui/react-dom": "npm:^2.1.2"
+    "@floating-ui/utils": "npm:^0.2.8"
     tabbable: "npm:^6.0.0"
   peerDependencies:
     react: ">=16.8.0"
     react-dom: ">=16.8.0"
-  checksum: 10c0/d339c3d760e83c8384a16c8a38fb47f7f855a3db4d19117fd54cccbf871a27b089887202074e9871ffc19ad769bed709ecdd69445a39d2ea9406c84814427f3b
+  checksum: 10c0/5206b06a5963e795af2f0b0a6ac39230012263ffa38dd60158e0f0b82d43a24e6a1c005fc8556ee5fe26e6353546ffb72e54716f6bd584fdab516dc128a78995
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "@floating-ui/utils@npm:0.2.1"
-  checksum: 10c0/ee77756712cf5b000c6bacf11992ffb364f3ea2d0d51cc45197a7e646a17aeb86ea4b192c0b42f3fbb29487aee918a565e84f710b8c3645827767f406a6b4cc9
-  languageName: node
-  linkType: hard
-
-"@floating-ui/utils@npm:^0.2.7":
-  version: 0.2.7
-  resolution: "@floating-ui/utils@npm:0.2.7"
-  checksum: 10c0/0559ea5df2dc82219bad26e3509e9d2b70f6987e552dc8ddf7d7f5923cfeb7c44bf884567125b1f9cdb122a4c7e6e7ddbc666740bc30b0e4091ccbca63c6fb1c
+"@floating-ui/utils@npm:^0.2.8":
+  version: 0.2.8
+  resolution: "@floating-ui/utils@npm:0.2.8"
+  checksum: 10c0/a8cee5f17406c900e1c3ef63e3ca89b35e7a2ed645418459a73627b93b7377477fc888081011c6cd177cac45ec2b92a6cab018c14ea140519465498dddd2d3f9
   languageName: node
   linkType: hard
 
 "@grpc/grpc-js@npm:^1.7.1":
-  version: 1.10.6
-  resolution: "@grpc/grpc-js@npm:1.10.6"
+  version: 1.12.2
+  resolution: "@grpc/grpc-js@npm:1.12.2"
   dependencies:
-    "@grpc/proto-loader": "npm:^0.7.10"
+    "@grpc/proto-loader": "npm:^0.7.13"
     "@js-sdsl/ordered-map": "npm:^4.4.2"
-  checksum: 10c0/5fc5ad0dd7fa49ddc3ccf05fa09b2c6ef20b9ff1933c574c8a3119de98b13f164c04b1bbf73bdea8f59b475d377771f4a6f8281d13b6636832676584399ef65f
+  checksum: 10c0/0370bdec80a5d73f0929c4b7a882af3b0ca85ed1fda361ce3986b705eb2aa9be59bba39a18b99cc05080d5c0819b319a56796dfde248375971ba64efd55fc9d6
   languageName: node
   linkType: hard
 
-"@grpc/proto-loader@npm:^0.7.10":
-  version: 0.7.12
-  resolution: "@grpc/proto-loader@npm:0.7.12"
+"@grpc/proto-loader@npm:^0.7.13":
+  version: 0.7.13
+  resolution: "@grpc/proto-loader@npm:0.7.13"
   dependencies:
     lodash.camelcase: "npm:^4.3.0"
     long: "npm:^5.0.0"
-    protobufjs: "npm:^7.2.4"
+    protobufjs: "npm:^7.2.5"
     yargs: "npm:^17.7.2"
   bin:
     proto-loader-gen-types: build/bin/proto-loader-gen-types.js
-  checksum: 10c0/d026236f309e24fd5b840b9aefca49eb4002f270821e8194d0b622013c421b54e04df5f6b8f0797121a1e1141811a4ef088120690aea1e873701d277cd5b47fa
+  checksum: 10c0/dc8ed7aa1454c15e224707cc53d84a166b98d76f33606a9f334c7a6fb1aedd3e3614dcd2c2b02a6ffaf140587d19494f93b3a56346c6c2e26bc564f6deddbbf3
   languageName: node
   linkType: hard
 
-"@hocuspocus/common@npm:^2.13.5":
-  version: 2.13.5
-  resolution: "@hocuspocus/common@npm:2.13.5"
+"@hocuspocus/common@npm:^2.13.7":
+  version: 2.13.7
+  resolution: "@hocuspocus/common@npm:2.13.7"
   dependencies:
     lib0: "npm:^0.2.87"
-  checksum: 10c0/36821a059f358fe0670b705ef0d95117cd51957a6fe5a7bb67e47ea1cae08510a641235f941d5c08750d8eac08769372742dc8c76d65200cd05bf0cfd647384e
+  checksum: 10c0/5cf3adf38c5a75110ab36cb2580dd8ec4ea387c7c49b1deaa4b848837fa88144dd99952e537f10af563133c05a8905452350163159c27826f44d0d7376f04aab
   languageName: node
   linkType: hard
 
 "@hocuspocus/provider@npm:^2.13.5":
-  version: 2.13.5
-  resolution: "@hocuspocus/provider@npm:2.13.5"
+  version: 2.13.7
+  resolution: "@hocuspocus/provider@npm:2.13.7"
   dependencies:
-    "@hocuspocus/common": "npm:^2.13.5"
+    "@hocuspocus/common": "npm:^2.13.7"
     "@lifeomic/attempt": "npm:^3.0.2"
     lib0: "npm:^0.2.87"
     ws: "npm:^8.17.1"
   peerDependencies:
     y-protocols: ^1.0.6
     yjs: ^13.6.8
-  checksum: 10c0/e7dd2e3584f72c65fae89516047cdb8d79823c351921423b80712f0da31b46f4f1436b49b1312c20a2f49ccbf2444fcf26d71105c3e7f3b9c49a60e2d6a0382e
+  checksum: 10c0/b75ad6a0675e3ba6ffe1f6f184defed70978a3870cff13c7a29c369ac763f02dd66e86b33474bf9d660791c15ca99f78827e4cab8d4ae8841cf84df980768f78
   languageName: node
   linkType: hard
 
-"@humanwhocodes/config-array@npm:^0.11.14":
-  version: 0.11.14
-  resolution: "@humanwhocodes/config-array@npm:0.11.14"
+"@humanwhocodes/config-array@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "@humanwhocodes/config-array@npm:0.13.0"
   dependencies:
-    "@humanwhocodes/object-schema": "npm:^2.0.2"
+    "@humanwhocodes/object-schema": "npm:^2.0.3"
     debug: "npm:^4.3.1"
     minimatch: "npm:^3.0.5"
-  checksum: 10c0/66f725b4ee5fdd8322c737cb5013e19fac72d4d69c8bf4b7feb192fcb83442b035b92186f8e9497c220e58b2d51a080f28a73f7899bc1ab288c3be172c467541
+  checksum: 10c0/205c99e756b759f92e1f44a3dc6292b37db199beacba8f26c2165d4051fe73a4ae52fdcfd08ffa93e7e5cb63da7c88648f0e84e197d154bbbbe137b2e0dd332e
   languageName: node
   linkType: hard
 
@@ -2129,7 +1813,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/object-schema@npm:^2.0.2":
+"@humanwhocodes/object-schema@npm:^2.0.3":
   version: 2.0.3
   resolution: "@humanwhocodes/object-schema@npm:2.0.3"
   checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c
@@ -2156,11 +1840,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-darwin-arm64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-darwin-arm64@npm:0.33.4"
+"@img/sharp-darwin-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-darwin-arm64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-darwin-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-darwin-arm64":
       optional: true
@@ -2168,11 +1852,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-darwin-x64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-darwin-x64@npm:0.33.4"
+"@img/sharp-darwin-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-darwin-x64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-darwin-x64": "npm:1.0.2"
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-darwin-x64":
       optional: true
@@ -2180,67 +1864,67 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-darwin-arm64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.2"
+"@img/sharp-libvips-darwin-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.4"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-darwin-x64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.2"
+"@img/sharp-libvips-darwin-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-darwin-x64@npm:1.0.4"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linux-arm64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.2"
+"@img/sharp-libvips-linux-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-arm64@npm:1.0.4"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linux-arm@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linux-arm@npm:1.0.2"
+"@img/sharp-libvips-linux-arm@npm:1.0.5":
+  version: 1.0.5
+  resolution: "@img/sharp-libvips-linux-arm@npm:1.0.5"
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linux-s390x@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.2"
+"@img/sharp-libvips-linux-s390x@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-s390x@npm:1.0.4"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linux-x64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linux-x64@npm:1.0.2"
+"@img/sharp-libvips-linux-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linux-x64@npm:1.0.4"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.2"
+"@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linuxmusl-arm64@npm:1.0.4"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@img/sharp-libvips-linuxmusl-x64@npm:1.0.2":
-  version: 1.0.2
-  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.2"
+"@img/sharp-libvips-linuxmusl-x64@npm:1.0.4":
+  version: 1.0.4
+  resolution: "@img/sharp-libvips-linuxmusl-x64@npm:1.0.4"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@img/sharp-linux-arm64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linux-arm64@npm:0.33.4"
+"@img/sharp-linux-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-arm64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linux-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-linux-arm64":
       optional: true
@@ -2248,11 +1932,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-linux-arm@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linux-arm@npm:0.33.4"
+"@img/sharp-linux-arm@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-arm@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linux-arm": "npm:1.0.2"
+    "@img/sharp-libvips-linux-arm": "npm:1.0.5"
   dependenciesMeta:
     "@img/sharp-libvips-linux-arm":
       optional: true
@@ -2260,11 +1944,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-linux-s390x@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linux-s390x@npm:0.33.4"
+"@img/sharp-linux-s390x@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-s390x@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linux-s390x": "npm:1.0.2"
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-linux-s390x":
       optional: true
@@ -2272,11 +1956,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-linux-x64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linux-x64@npm:0.33.4"
+"@img/sharp-linux-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linux-x64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linux-x64": "npm:1.0.2"
+    "@img/sharp-libvips-linux-x64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-linux-x64":
       optional: true
@@ -2284,11 +1968,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-linuxmusl-arm64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.4"
+"@img/sharp-linuxmusl-arm64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-linuxmusl-arm64":
       optional: true
@@ -2296,11 +1980,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-linuxmusl-x64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.4"
+"@img/sharp-linuxmusl-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.5"
   dependencies:
-    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.2"
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.4"
   dependenciesMeta:
     "@img/sharp-libvips-linuxmusl-x64":
       optional: true
@@ -2308,25 +1992,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@img/sharp-wasm32@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-wasm32@npm:0.33.4"
+"@img/sharp-wasm32@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-wasm32@npm:0.33.5"
   dependencies:
-    "@emnapi/runtime": "npm:^1.1.1"
+    "@emnapi/runtime": "npm:^1.2.0"
   conditions: cpu=wasm32
   languageName: node
   linkType: hard
 
-"@img/sharp-win32-ia32@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-win32-ia32@npm:0.33.4"
+"@img/sharp-win32-ia32@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-win32-ia32@npm:0.33.5"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@img/sharp-win32-x64@npm:0.33.4":
-  version: 0.33.4
-  resolution: "@img/sharp-win32-x64@npm:0.33.4"
+"@img/sharp-win32-x64@npm:0.33.5":
+  version: 0.33.5
+  resolution: "@img/sharp-win32-x64@npm:0.33.5"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -2630,9 +2314,9 @@ __metadata:
   linkType: hard
 
 "@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14":
-  version: 1.4.15
-  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
-  checksum: 10c0/0c6b5ae663087558039052a626d2d7ed5208da36cfd707dcc5cea4a07cfc918248403dcb5989a8f7afaf245ce0573b7cc6fd94c4a30453bd10e44d9363940ba5
+  version: 1.5.0
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.0"
+  checksum: 10c0/2eb864f276eb1096c3c11da3e9bb518f6d9fc0023c78344cdc037abadc725172c70314bdb360f2d4b7bffec7f5d657ce006816bc5d4ecb35e61b66132db00c18
   languageName: node
   linkType: hard
 
@@ -2683,8 +2367,8 @@ __metadata:
   linkType: hard
 
 "@jsonjoy.com/json-pack@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "@jsonjoy.com/json-pack@npm:1.0.4"
+  version: 1.1.0
+  resolution: "@jsonjoy.com/json-pack@npm:1.1.0"
   dependencies:
     "@jsonjoy.com/base64": "npm:^1.1.1"
     "@jsonjoy.com/util": "npm:^1.1.2"
@@ -2692,16 +2376,16 @@ __metadata:
     thingies: "npm:^1.20.0"
   peerDependencies:
     tslib: 2
-  checksum: 10c0/c06e57c33d3c18ab31af163e04f77cb759f68386c41375d1e1bd6c28beb1a3cc82217cc3b26f4c94b7385ed28a61e59b01498cf4cec562fd9e464b17eab0cf16
+  checksum: 10c0/cdf5cb567a7f2e703d4966a3e3a5f7f7b54ee40a2102aa0ede5c79bcf2060c8465d82f39de8583db4cf1d8415bec8e57dfb1156ef663567b846cdea45813d9d1
   languageName: node
   linkType: hard
 
-"@jsonjoy.com/util@npm:^1.1.2":
-  version: 1.2.0
-  resolution: "@jsonjoy.com/util@npm:1.2.0"
+"@jsonjoy.com/util@npm:^1.1.2, @jsonjoy.com/util@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "@jsonjoy.com/util@npm:1.5.0"
   peerDependencies:
     tslib: 2
-  checksum: 10c0/979b85076871ed1ce6961dfe7be725c8c413f50d09755e6e88184ba9b3682b59da20672b979eae74d3701fcfb094d5bba781dc7f53ffd45747f65026e699685e
+  checksum: 10c0/0065ae12c4108d8aede01a479c8d2b5a39bce99e9a449d235befc753f57e8385d9c1115720529f26597840b7398d512898155423d9859fd638319fb0c827365d
   languageName: node
   linkType: hard
 
@@ -2746,22 +2430,23 @@ __metadata:
   linkType: hard
 
 "@mdx-js/esbuild@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "@mdx-js/esbuild@npm:3.0.1"
+  version: 3.1.0
+  resolution: "@mdx-js/esbuild@npm:3.1.0"
   dependencies:
     "@mdx-js/mdx": "npm:^3.0.0"
     "@types/unist": "npm:^3.0.0"
+    source-map: "npm:^0.7.0"
     vfile: "npm:^6.0.0"
     vfile-message: "npm:^4.0.0"
   peerDependencies:
     esbuild: ">=0.14.0"
-  checksum: 10c0/9b2eb8f9808d3fcba949c2d1cd059b2abd61716bed7f60c416bd4bc456ef9fc182d86eea2e16ee4ddadeb33d9b090029027833ea2411d430d7e4f2423dcb3e16
+  checksum: 10c0/d07b51eeb08c276aa66925a366963296140cdf194a8fd6a62bb04f1d8dd4c0c582b4c5a7a37cb5aa6d7008d9d33ba646dcc07ffe8a8109b1990b0b3c3a507b35
   languageName: node
   linkType: hard
 
 "@mdx-js/mdx@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "@mdx-js/mdx@npm:3.0.1"
+  version: 3.1.0
+  resolution: "@mdx-js/mdx@npm:3.1.0"
   dependencies:
     "@types/estree": "npm:^1.0.0"
     "@types/estree-jsx": "npm:^1.0.0"
@@ -2769,14 +2454,15 @@ __metadata:
     "@types/mdx": "npm:^2.0.0"
     collapse-white-space: "npm:^2.0.0"
     devlop: "npm:^1.0.0"
-    estree-util-build-jsx: "npm:^3.0.0"
     estree-util-is-identifier-name: "npm:^3.0.0"
-    estree-util-to-js: "npm:^2.0.0"
+    estree-util-scope: "npm:^1.0.0"
     estree-walker: "npm:^3.0.0"
-    hast-util-to-estree: "npm:^3.0.0"
     hast-util-to-jsx-runtime: "npm:^2.0.0"
     markdown-extensions: "npm:^2.0.0"
-    periscopic: "npm:^3.0.0"
+    recma-build-jsx: "npm:^1.0.0"
+    recma-jsx: "npm:^1.0.0"
+    recma-stringify: "npm:^1.0.0"
+    rehype-recma: "npm:^1.0.0"
     remark-mdx: "npm:^3.0.0"
     remark-parse: "npm:^11.0.0"
     remark-rehype: "npm:^11.0.0"
@@ -2786,14 +2472,14 @@ __metadata:
     unist-util-stringify-position: "npm:^4.0.0"
     unist-util-visit: "npm:^5.0.0"
     vfile: "npm:^6.0.0"
-  checksum: 10c0/8cd7084f1242209bbeef81f69ea670ffffa0656dda2893bbd46b1b2b26078a57f9d993f8f82ad8ba16bc969189235140007185276d7673471827331521eae2e0
+  checksum: 10c0/e586ab772dcfee2bab334d5aac54c711e6d6d550085271c38a49c629b3e3954b5f41f488060761284a5e00649d0638d6aba6c0a7c66f91db80dee0ccc304ab32
   languageName: node
   linkType: hard
 
-"@next/env@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/env@npm:14.3.0-canary.43"
-  checksum: 10c0/550f809db5f1998027e04352e2d1fd99fae884fb084913c33603d7a26622b7394da81b86036ea043d304b5507a8cc7b12bf21dedb131900b96749f0d10bf8a66
+"@next/env@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/env@npm:15.0.0"
+  checksum: 10c0/cc01e37af13a2a8fada74b2ee335dcd0a16424461a4316c26776fbb768491288a166075a2bcf8e0ab1afd6e66026c4e30bf9f9026dd693ac657ccff7d17aa4bc
   languageName: node
   linkType: hard
 
@@ -2806,78 +2492,71 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-arm64@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-darwin-arm64@npm:14.3.0-canary.43"
+"@next/swc-darwin-arm64@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-darwin-arm64@npm:15.0.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-darwin-x64@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-darwin-x64@npm:14.3.0-canary.43"
+"@next/swc-darwin-x64@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-darwin-x64@npm:15.0.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-gnu@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-linux-arm64-gnu@npm:14.3.0-canary.43"
+"@next/swc-linux-arm64-gnu@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-linux-arm64-gnu@npm:15.0.0"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-arm64-musl@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-linux-arm64-musl@npm:14.3.0-canary.43"
+"@next/swc-linux-arm64-musl@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-linux-arm64-musl@npm:15.0.0"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-gnu@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-linux-x64-gnu@npm:14.3.0-canary.43"
+"@next/swc-linux-x64-gnu@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-linux-x64-gnu@npm:15.0.0"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@next/swc-linux-x64-musl@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-linux-x64-musl@npm:14.3.0-canary.43"
+"@next/swc-linux-x64-musl@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-linux-x64-musl@npm:15.0.0"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@next/swc-win32-arm64-msvc@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-win32-arm64-msvc@npm:14.3.0-canary.43"
+"@next/swc-win32-arm64-msvc@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-win32-arm64-msvc@npm:15.0.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@next/swc-win32-ia32-msvc@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-win32-ia32-msvc@npm:14.3.0-canary.43"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@next/swc-win32-x64-msvc@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "@next/swc-win32-x64-msvc@npm:14.3.0-canary.43"
+"@next/swc-win32-x64-msvc@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/swc-win32-x64-msvc@npm:15.0.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"@next/third-parties@npm:14.2.13":
-  version: 14.2.13
-  resolution: "@next/third-parties@npm:14.2.13"
+"@next/third-parties@npm:15.0.0":
+  version: 15.0.0
+  resolution: "@next/third-parties@npm:15.0.0"
   dependencies:
     third-party-capital: "npm:1.0.20"
   peerDependencies:
-    next: ^13.0.0 || ^14.0.0
-    react: ^18.2.0
-  checksum: 10c0/ebf4e9187045c9600bb6bbad23a23ae49f77c31bb22b5ad5c6d746e74a4a9bd51c4f1cfd7aa87a03dcde715457c40db3d8b60be6b9298c0bfa64088ede046811
+    next: ^13.0.0 || ^14.0.0 || ^15.0.0
+    react: ^18.2.0 || 19.0.0-rc-cd22717c-20241013
+  checksum: 10c0/6e7c10c215f039d563b448583a7abe5defa69ce15da2c91d24592c9bc4ae413baf62f70748cb0bfb493e8568cef7b374a1207d5bd6392b1308d4c035048d7c86
   languageName: node
   linkType: hard
 
@@ -2929,39 +2608,56 @@ __metadata:
   linkType: hard
 
 "@npmcli/config@npm:^8.0.0":
-  version: 8.2.1
-  resolution: "@npmcli/config@npm:8.2.1"
+  version: 8.3.4
+  resolution: "@npmcli/config@npm:8.3.4"
   dependencies:
     "@npmcli/map-workspaces": "npm:^3.0.2"
+    "@npmcli/package-json": "npm:^5.1.1"
     ci-info: "npm:^4.0.0"
     ini: "npm:^4.1.2"
-    nopt: "npm:^7.0.0"
-    proc-log: "npm:^3.0.0"
-    read-package-json-fast: "npm:^3.0.2"
+    nopt: "npm:^7.2.1"
+    proc-log: "npm:^4.2.0"
     semver: "npm:^7.3.5"
     walk-up-path: "npm:^3.0.1"
-  checksum: 10c0/1bb32a397902bc8a26893dd2354579a92218dd3e2813eb32ec6002584dd90b262f748d346e9360fea148669aa49e8aa9122cff9477db63f8d5ecea8b9f86637a
+  checksum: 10c0/f44af54bd2cdb32b132a861863bfe7936599a4706490136082585ab71e37ef47f201f8d2013b9902b3ff30cc8264f5da70f834c80f0a29953b52a28da20f5ea7
   languageName: node
   linkType: hard
 
 "@npmcli/fs@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@npmcli/fs@npm:3.1.0"
+  version: 3.1.1
+  resolution: "@npmcli/fs@npm:3.1.1"
   dependencies:
     semver: "npm:^7.3.5"
-  checksum: 10c0/162b4a0b8705cd6f5c2470b851d1dc6cd228c86d2170e1769d738c1fbb69a87160901411c3c035331e9e99db72f1f1099a8b734bf1637cc32b9a5be1660e4e1e
+  checksum: 10c0/c37a5b4842bfdece3d14dfdb054f73fe15ed2d3da61b34ff76629fb5b1731647c49166fd2a8bf8b56fcfa51200382385ea8909a3cbecdad612310c114d3f6c99
+  languageName: node
+  linkType: hard
+
+"@npmcli/git@npm:^5.0.0":
+  version: 5.0.8
+  resolution: "@npmcli/git@npm:5.0.8"
+  dependencies:
+    "@npmcli/promise-spawn": "npm:^7.0.0"
+    ini: "npm:^4.1.3"
+    lru-cache: "npm:^10.0.1"
+    npm-pick-manifest: "npm:^9.0.0"
+    proc-log: "npm:^4.0.0"
+    promise-inflight: "npm:^1.0.1"
+    promise-retry: "npm:^2.0.1"
+    semver: "npm:^7.3.5"
+    which: "npm:^4.0.0"
+  checksum: 10c0/892441c968404950809c7b515a93b78167ea1db2252f259f390feae22a2c5477f3e1629e105e19a084c05afc56e585bf3f13c2f13b54a06bfd6786f0c8429532
   languageName: node
   linkType: hard
 
 "@npmcli/map-workspaces@npm:^3.0.2":
-  version: 3.0.4
-  resolution: "@npmcli/map-workspaces@npm:3.0.4"
+  version: 3.0.6
+  resolution: "@npmcli/map-workspaces@npm:3.0.6"
   dependencies:
     "@npmcli/name-from-folder": "npm:^2.0.0"
     glob: "npm:^10.2.2"
     minimatch: "npm:^9.0.0"
     read-package-json-fast: "npm:^3.0.0"
-  checksum: 10c0/caeb5f911d9b7ae0be01436442e6ec6b25aef750fe923de7a653eb62999d35b9f8be67c3f856790350ac86d9cea4a52532859b621eea81738f576302ecdd7475
+  checksum: 10c0/6bfcf8ca05ab9ddc2bd19c0fd91e9982f03cc6e67b0c03f04ba4d2f29b7d83f96e759c0f8f1f4b6dbe3182272483643a0d1269788352edd0c883d6fbfa2f3f14
   languageName: node
   linkType: hard
 
@@ -2972,6 +2668,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@npmcli/package-json@npm:^5.1.1":
+  version: 5.2.1
+  resolution: "@npmcli/package-json@npm:5.2.1"
+  dependencies:
+    "@npmcli/git": "npm:^5.0.0"
+    glob: "npm:^10.2.2"
+    hosted-git-info: "npm:^7.0.0"
+    json-parse-even-better-errors: "npm:^3.0.0"
+    normalize-package-data: "npm:^6.0.0"
+    proc-log: "npm:^4.0.0"
+    semver: "npm:^7.5.3"
+  checksum: 10c0/b852e31e3121a0afe5fa20bbf4faa701a59dbc9d9dd7141f7fd57b8e919ce22c1285dcdfea490851fe410fa0f7bc9c397cafba0d268aaa53420a12d7c561dde1
+  languageName: node
+  linkType: hard
+
+"@npmcli/promise-spawn@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "@npmcli/promise-spawn@npm:7.0.2"
+  dependencies:
+    which: "npm:^4.0.0"
+  checksum: 10c0/8f2af5bc2c1b1ccfb9bcd91da8873ab4723616d8bd5af877c0daa40b1e2cbfa4afb79e052611284179cae918c945a1b99ae1c565d78a355bec1a461011e89f71
+  languageName: node
+  linkType: hard
+
 "@opentelemetry/api-logs@npm:0.51.1":
   version: 0.51.1
   resolution: "@opentelemetry/api-logs@npm:0.51.1"
@@ -2981,26 +2701,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/api@npm:1.9.0, @opentelemetry/api@npm:^1.8.0":
+"@opentelemetry/api@npm:1.9.0, @opentelemetry/api@npm:^1.0.0, @opentelemetry/api@npm:^1.8.0":
   version: 1.9.0
   resolution: "@opentelemetry/api@npm:1.9.0"
   checksum: 10c0/9aae2fe6e8a3a3eeb6c1fdef78e1939cf05a0f37f8a4fae4d6bf2e09eb1e06f966ece85805626e01ba5fab48072b94f19b835449e58b6d26720ee19a58298add
   languageName: node
   linkType: hard
 
-"@opentelemetry/api@npm:^1.0.0":
-  version: 1.8.0
-  resolution: "@opentelemetry/api@npm:1.8.0"
-  checksum: 10c0/66d5504bfbf9c19a14ea549f5fca975a73a5e1e8a1e40a6dc2d662893c942b9ba66c009262816dee2b9ffd0267acd707ec692eba20db11a09d4ee114c00dc161
-  languageName: node
-  linkType: hard
-
-"@opentelemetry/context-async-hooks@npm:1.25.1":
-  version: 1.25.1
-  resolution: "@opentelemetry/context-async-hooks@npm:1.25.1"
+"@opentelemetry/context-async-hooks@npm:1.26.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/context-async-hooks@npm:1.26.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/bdea47675fe7ca7363b548ca86e724baa102bbb68d92702a20c281615dbae040aad907ff08f553f0e4985868f99a762aadac04f07ad51915ef512c5c817d7976
+  checksum: 10c0/76ed53be50a472cbfe26a62620cb2a34f031474d08d302d31eb95d71cac2ed1567c6fa302c7ac5498e9d467d7d8e64f8d0e58c5c8b7bd987a352baafe5d9b213
   languageName: node
   linkType: hard
 
@@ -3015,14 +2728,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/core@npm:1.25.1, @opentelemetry/core@npm:^1.24.0":
-  version: 1.25.1
-  resolution: "@opentelemetry/core@npm:1.25.1"
+"@opentelemetry/core@npm:1.26.0, @opentelemetry/core@npm:^1.24.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/core@npm:1.26.0"
   dependencies:
-    "@opentelemetry/semantic-conventions": "npm:1.25.1"
+    "@opentelemetry/semantic-conventions": "npm:1.27.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/37270396fe3546e454f5a6e8cab0e5777e49a8e4e56ef05644c4e458b3ba7c662f57ad1ba2dd936ddaef54cbe985abd7cee0d3e9188dfdc0e3b3d446c3484337
+  checksum: 10c0/8038a3b9124a0b3b48dceb3949f88726c6853eac33b79fc049856f78dcf4b7ee453db1e6f4d5205a79b315caba809cb7d2f853946cf14773e50ce6a87fd5260e
   languageName: node
   linkType: hard
 
@@ -3083,25 +2796,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/propagator-b3@npm:1.25.1":
-  version: 1.25.1
-  resolution: "@opentelemetry/propagator-b3@npm:1.25.1"
+"@opentelemetry/propagator-b3@npm:1.26.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/propagator-b3@npm:1.26.0"
   dependencies:
-    "@opentelemetry/core": "npm:1.25.1"
+    "@opentelemetry/core": "npm:1.26.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/3fb91d2d26bdc99188cdfd31f176a38e950292d425a3c1ecd17f55d4ac4926d00da756a123592b3971a5309d7f48c9348183e269f4f8fe7f70c7418ab38dd920
+  checksum: 10c0/7b1e42872929b167a2d4155732d9253adfec65a307dbb05509b88ade2d7f68a8759714141a17c8e646199ad80a60529c02a45098a1fcce27f0cf0c69d90932d3
   languageName: node
   linkType: hard
 
-"@opentelemetry/propagator-jaeger@npm:1.25.1":
-  version: 1.25.1
-  resolution: "@opentelemetry/propagator-jaeger@npm:1.25.1"
+"@opentelemetry/propagator-jaeger@npm:1.26.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/propagator-jaeger@npm:1.26.0"
   dependencies:
-    "@opentelemetry/core": "npm:1.25.1"
+    "@opentelemetry/core": "npm:1.26.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/2fd240fc5e26b986b27f6c140081b13b84a1bc2e6ad8ebfa69d4fda4c2a0f6dfc404ff11965585ddd229550c780650e3e18f56ab6976a79efc0ae0efdcb855a4
+  checksum: 10c0/167a250f0c10223897f24335025af848b8fe0e5c550eafb5e9a011f301243faf3633ad74caebc6b38dfaac4ed4b138b1bf8149a33eadc2816c3d405d955fbc25
   languageName: node
   linkType: hard
 
@@ -3117,15 +2830,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/resources@npm:1.25.1, @opentelemetry/resources@npm:^1.21.0":
-  version: 1.25.1
-  resolution: "@opentelemetry/resources@npm:1.25.1"
+"@opentelemetry/resources@npm:1.26.0, @opentelemetry/resources@npm:^1.21.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/resources@npm:1.26.0"
   dependencies:
-    "@opentelemetry/core": "npm:1.25.1"
-    "@opentelemetry/semantic-conventions": "npm:1.25.1"
+    "@opentelemetry/core": "npm:1.26.0"
+    "@opentelemetry/semantic-conventions": "npm:1.27.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/4edbf04945c7647b9af847f2f8abccabb54f4f8935fd75c199dc22879f8b7927ac50fac8e877ef48e81c586a08d63bbfe41c345caf94a8ce2c623fa99bb8e999
+  checksum: 10c0/62ffbf7edee8676055661cf608b32a52bfa46fedb1a88830b4d4d0faf6664edbcbf7922034d3690d11fe9ebef9d9f5ffcb05645e8c7b27c707bf57d5289617e9
   languageName: node
   linkType: hard
 
@@ -3168,32 +2881,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/sdk-trace-base@npm:1.25.1, @opentelemetry/sdk-trace-base@npm:^1.21.0":
-  version: 1.25.1
-  resolution: "@opentelemetry/sdk-trace-base@npm:1.25.1"
+"@opentelemetry/sdk-trace-base@npm:1.26.0, @opentelemetry/sdk-trace-base@npm:^1.21.0":
+  version: 1.26.0
+  resolution: "@opentelemetry/sdk-trace-base@npm:1.26.0"
   dependencies:
-    "@opentelemetry/core": "npm:1.25.1"
-    "@opentelemetry/resources": "npm:1.25.1"
-    "@opentelemetry/semantic-conventions": "npm:1.25.1"
+    "@opentelemetry/core": "npm:1.26.0"
+    "@opentelemetry/resources": "npm:1.26.0"
+    "@opentelemetry/semantic-conventions": "npm:1.27.0"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/bcbc5de75edb8f36a05c7d21699782b4aa100482588d89e318d3f35944d45e776f50f7b353273a0925bc0b3b6e82cbf294cba4cb0792d951148b4ee105280aa2
+  checksum: 10c0/0d5fc19179375f1599edae91b7232f432faf8631746835a10d0cd0c4907d0ca3ed156cc8087d4e78efdfbd9ba5ba414cc9e1399172c2aa68d7e0cd5190394d87
   languageName: node
   linkType: hard
 
 "@opentelemetry/sdk-trace-node@npm:^1.21.0":
-  version: 1.25.1
-  resolution: "@opentelemetry/sdk-trace-node@npm:1.25.1"
-  dependencies:
-    "@opentelemetry/context-async-hooks": "npm:1.25.1"
-    "@opentelemetry/core": "npm:1.25.1"
-    "@opentelemetry/propagator-b3": "npm:1.25.1"
-    "@opentelemetry/propagator-jaeger": "npm:1.25.1"
-    "@opentelemetry/sdk-trace-base": "npm:1.25.1"
+  version: 1.26.0
+  resolution: "@opentelemetry/sdk-trace-node@npm:1.26.0"
+  dependencies:
+    "@opentelemetry/context-async-hooks": "npm:1.26.0"
+    "@opentelemetry/core": "npm:1.26.0"
+    "@opentelemetry/propagator-b3": "npm:1.26.0"
+    "@opentelemetry/propagator-jaeger": "npm:1.26.0"
+    "@opentelemetry/sdk-trace-base": "npm:1.26.0"
     semver: "npm:^7.5.2"
   peerDependencies:
     "@opentelemetry/api": ">=1.0.0 <1.10.0"
-  checksum: 10c0/d54cdab39429bd5ddb4d3dcb27e2423039680f09c3059b406348289ad8ed2856cf0a6db592d55e5a45afde233dd1867ad5daf5ac47e5f080562a561634a1565a
+  checksum: 10c0/6924c565b4d187810c48a7b92215f8f986a8831bc24620856aaaeb057bf19dd8916f070a77cc45aa76182f6b70b534749274ba168d27941f0ed752d171ca3b51
   languageName: node
   linkType: hard
 
@@ -3204,10 +2917,144 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@opentelemetry/semantic-conventions@npm:1.25.1, @opentelemetry/semantic-conventions@npm:^1.21.0":
-  version: 1.25.1
-  resolution: "@opentelemetry/semantic-conventions@npm:1.25.1"
-  checksum: 10c0/fb1d6349e91f142c82931e89e0242215be8248e77919b6faa7e259757e499183546c9b4046de72b053b5222453bc74fff70280d2b4d1229484ba7b2c07f16a3a
+"@opentelemetry/semantic-conventions@npm:1.27.0, @opentelemetry/semantic-conventions@npm:^1.21.0":
+  version: 1.27.0
+  resolution: "@opentelemetry/semantic-conventions@npm:1.27.0"
+  checksum: 10c0/b859773ba06b7e53dd9c6b45a171bf3000e405733adbf462ae91004ed011bc80edb5beecb817fb344a085adfd06045ab5b729c9bd0f1479650ad377134fb798c
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-android-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-android-arm64@npm:2.4.1"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-darwin-arm64@npm:2.4.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-darwin-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-darwin-x64@npm:2.4.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-freebsd-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-freebsd-x64@npm:2.4.1"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm64-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-arm64-musl@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-arm64-musl@npm:2.4.1"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-glibc@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-x64-glibc@npm:2.4.1"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-linux-x64-musl@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-linux-x64-musl@npm:2.4.1"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-arm64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-arm64@npm:2.4.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-ia32@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-ia32@npm:2.4.1"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher-win32-x64@npm:2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher-win32-x64@npm:2.4.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@parcel/watcher@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "@parcel/watcher@npm:2.4.1"
+  dependencies:
+    "@parcel/watcher-android-arm64": "npm:2.4.1"
+    "@parcel/watcher-darwin-arm64": "npm:2.4.1"
+    "@parcel/watcher-darwin-x64": "npm:2.4.1"
+    "@parcel/watcher-freebsd-x64": "npm:2.4.1"
+    "@parcel/watcher-linux-arm-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-arm64-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-arm64-musl": "npm:2.4.1"
+    "@parcel/watcher-linux-x64-glibc": "npm:2.4.1"
+    "@parcel/watcher-linux-x64-musl": "npm:2.4.1"
+    "@parcel/watcher-win32-arm64": "npm:2.4.1"
+    "@parcel/watcher-win32-ia32": "npm:2.4.1"
+    "@parcel/watcher-win32-x64": "npm:2.4.1"
+    detect-libc: "npm:^1.0.3"
+    is-glob: "npm:^4.0.3"
+    micromatch: "npm:^4.0.5"
+    node-addon-api: "npm:^7.0.0"
+    node-gyp: "npm:latest"
+  dependenciesMeta:
+    "@parcel/watcher-android-arm64":
+      optional: true
+    "@parcel/watcher-darwin-arm64":
+      optional: true
+    "@parcel/watcher-darwin-x64":
+      optional: true
+    "@parcel/watcher-freebsd-x64":
+      optional: true
+    "@parcel/watcher-linux-arm-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-glibc":
+      optional: true
+    "@parcel/watcher-linux-arm64-musl":
+      optional: true
+    "@parcel/watcher-linux-x64-glibc":
+      optional: true
+    "@parcel/watcher-linux-x64-musl":
+      optional: true
+    "@parcel/watcher-win32-arm64":
+      optional: true
+    "@parcel/watcher-win32-ia32":
+      optional: true
+    "@parcel/watcher-win32-x64":
+      optional: true
+  checksum: 10c0/33b7112094b9eb46c234d824953967435b628d3d93a0553255e9910829b84cab3da870153c3a870c31db186dc58f3b2db81382fcaee3451438aeec4d786a6211
   languageName: node
   linkType: hard
 
@@ -3398,14 +3245,14 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-accordion@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@radix-ui/react-accordion@npm:1.2.0"
+  version: 1.2.1
+  resolution: "@radix-ui/react-accordion@npm:1.2.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
-    "@radix-ui/react-collapsible": "npm:1.1.0"
+    "@radix-ui/react-collapsible": "npm:1.1.1"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
     "@radix-ui/react-primitive": "npm:2.0.0"
@@ -3420,18 +3267,18 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/324d7eb1653f57431297a2f3428f6221edf54d712b94ce9194243cfaef462490bd9d9976ec3cc868f5598f156242068f84d674a3febcf1c8ea8c4115efea0ae2
+  checksum: 10c0/617678194124e90947a5ce7b9964cda406f1840c950bdaec4b759da01beb19f58b06304a973a7c1a6663da6732243f8f354504852dbda3502dd282c36035ef6f
   languageName: node
   linkType: hard
 
 "@radix-ui/react-alert-dialog@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-alert-dialog@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@radix-ui/react-alert-dialog@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dialog": "npm:1.1.1"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dialog": "npm:1.1.2"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-slot": "npm:1.1.0"
   peerDependencies:
@@ -3444,7 +3291,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/65185c77fd13e60035717d312aa8cc4f8637ce65215ffa3d6acdc1d7735872e64c21c53523d7d9c27b45a49041765bdb83cd157fe916903fcd80f355c3d532b1
+  checksum: 10c0/e72a82bb1d980f72a836920048d51fe57958ae51c39af3f175e368baea38839961ab1e311bd331e9d6f4656237389be37e1f7503aa5b6348cc87ca0589f21c4f
   languageName: node
   linkType: hard
 
@@ -3487,10 +3334,10 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-avatar@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-avatar@npm:1.1.0"
+  version: 1.1.1
+  resolution: "@radix-ui/react-avatar@npm:1.1.1"
   dependencies:
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     "@radix-ui/react-use-layout-effect": "npm:1.1.0"
@@ -3504,18 +3351,18 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/6358ae171c886aa66a4b381d847ef8c84b7020adceaea8676f4f434e5229ff06a13022ff611557f548dd4e8739eadf1b0d22111ae3d47e08b5dd1005edcf76a5
+  checksum: 10c0/e8e712d8bf80eae9a0cac176dc5c0d631cefc11466bd62fa262d517b149836e1e7ca794998177acb82f0455a96ced0d21878a73900ca62bc96ccacb32c9b2e69
   languageName: node
   linkType: hard
 
 "@radix-ui/react-checkbox@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-checkbox@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@radix-ui/react-checkbox@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
     "@radix-ui/react-use-previous": "npm:1.1.0"
@@ -3530,19 +3377,19 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/2d7d35b8319298166905057e9f7fb1d4b51d73bdec6c7c2127d2266e0f053c39586e316ea0da9a24612dfa86b8fc1f5160d4c37f79ae567025b62616de95c2c7
+  checksum: 10c0/3b94434e0988100091eea7905fa939e808b49709be2ec371111829b75873f8820499d95f7e769fa31ba6adc48d6a58afd383d26f2a8a92edf0f88cb68c1de3ed
   languageName: node
   linkType: hard
 
-"@radix-ui/react-collapsible@npm:1.1.0, @radix-ui/react-collapsible@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-collapsible@npm:1.1.0"
+"@radix-ui/react-collapsible@npm:1.1.1, @radix-ui/react-collapsible@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "@radix-ui/react-collapsible@npm:1.1.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
     "@radix-ui/react-use-layout-effect": "npm:1.1.0"
@@ -3556,7 +3403,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/07d6d0be153d0c56d533e820005caa13a8305ba34b55af74180180113074979bcfd1d7414ba2533272deb659275c0c38eb48004338fd542fdcbd1962925f199f
+  checksum: 10c0/e3a510c8f3a31709add35c31e3e108a2bc4db2df06e9e50cb5f25144b1cf9596b8118ad2618f851fa7c1498e057938f641a842a6770b5b7b6cd068cd2b4914f1
   languageName: node
   linkType: hard
 
@@ -3611,12 +3458,12 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-context-menu@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "@radix-ui/react-context-menu@npm:2.2.1"
+  version: 2.2.2
+  resolution: "@radix-ui/react-context-menu@npm:2.2.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-menu": "npm:2.1.1"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-menu": "npm:2.1.2"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -3630,7 +3477,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/722690a42cdf141284788fbaa7e96bbfacb352a7d4a57a886f6cc3649c827db05afa1228fe647425d2c0880b1e542ba78f4771f95ba70617a72e3cb36b334e22
+  checksum: 10c0/284e5961f21ff5f6109a993384042965be833c3997ab0d289c0846a37e9930b2d2eda6bec1533cceff416b807aefe97c9298ced5086d133f636066ed8e13a0a0
   languageName: node
   linkType: hard
 
@@ -3662,7 +3509,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-dialog@npm:1.0.5, @radix-ui/react-dialog@npm:^1.0.4":
+"@radix-ui/react-context@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-context@npm:1.1.1"
+  peerDependencies:
+    "@types/react": "*"
+    react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/fc4ace9d79d7954c715ade765e06c95d7e1b12a63a536bcbe842fb904f03f88fc5bd6e38d44bd23243d37a270b4c44380fedddaeeae2d274f0b898a20665aba2
+  languageName: node
+  linkType: hard
+
+"@radix-ui/react-dialog@npm:1.0.5":
   version: 1.0.5
   resolution: "@radix-ui/react-dialog@npm:1.0.5"
   dependencies:
@@ -3695,24 +3555,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-dialog@npm:1.1.1, @radix-ui/react-dialog@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-dialog@npm:1.1.1"
+"@radix-ui/react-dialog@npm:1.1.2, @radix-ui/react-dialog@npm:^1.0.4, @radix-ui/react-dialog@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "@radix-ui/react-dialog@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
-    "@radix-ui/react-focus-guards": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
+    "@radix-ui/react-focus-guards": "npm:1.1.1"
     "@radix-ui/react-focus-scope": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-slot": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
     aria-hidden: "npm:^1.1.1"
-    react-remove-scroll: "npm:2.5.7"
+    react-remove-scroll: "npm:2.6.0"
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
@@ -3723,7 +3583,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/a21e318e8d45bed22067880f66beb4ea91118a6c0d43aa20de495c0373b53c12dfe28f58196d5b33300573a5e24e064ec53648a576f02366fb5a297d887b0860
+  checksum: 10c0/61997c23605ff604ef1673480eea0b63cbe2e102d24e64b71431afa408bfdda26f879193c09254304eb17a8d623085a2e6c96b5c944658c02bd935f8cf0f9546
   languageName: node
   linkType: hard
 
@@ -3764,9 +3624,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-dismissable-layer@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-dismissable-layer@npm:1.1.0"
+"@radix-ui/react-dismissable-layer@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-dismissable-layer@npm:1.1.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
@@ -3783,19 +3643,19 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/72967068ab02127b668ecfd0a1863149e2a42d9fd12d3247f51422a41f3d5faa82a147a5b0a8a6ec609eff8fe6baede6fb7d6111f76896656d13567e3ec29ba8
+  checksum: 10c0/637f8d55437bd2269d5aa9fa48e869eade31082cd950b5efcc5f0d9ed016b46feb7fcfcc115ba9972dba68c4686b57873d84aca67ece76ab77463e7de995f6da
   languageName: node
   linkType: hard
 
 "@radix-ui/react-dropdown-menu@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@radix-ui/react-dropdown-menu@npm:2.1.1"
+  version: 2.1.2
+  resolution: "@radix-ui/react-dropdown-menu@npm:2.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-menu": "npm:2.1.1"
+    "@radix-ui/react-menu": "npm:2.1.2"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
   peerDependencies:
@@ -3808,7 +3668,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/b54f1e41ddc8c3709ba2f8a59621138268d0380aca8399450a234997cc2214e4a6acf1a64ab387558ba39c0bd5839995a668bd71781762daac7618a2d71b4082
+  checksum: 10c0/28e84cb116a34c3a73cd9be774170fc920fad6254c1ce285e8e3d86e33c02011229adc5590e385a42106b41bced23e0a482e884e6894e37f68d7e87c76171279
   languageName: node
   linkType: hard
 
@@ -3827,16 +3687,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-focus-guards@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-focus-guards@npm:1.1.0"
+"@radix-ui/react-focus-guards@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-focus-guards@npm:1.1.1"
   peerDependencies:
     "@types/react": "*"
     react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/23af9ff17244568db9b2e99ae6e5718747a4b656bf12b1b15b0d3adca407988641a930612eca35a61b7e15d1ce312b3db13ea95999fa31ae641aaaac1e325df8
+  checksum: 10c0/2e99750ca593083a530542a185d656b45b100752353a7a193a67566e3c256414a76fa9171d152f8c0167b8d6c1fdf62b2e07750d7af2974bf8ef39eb204aa537
   languageName: node
   linkType: hard
 
@@ -3884,16 +3744,16 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-hover-card@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-hover-card@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@radix-ui/react-hover-card@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
     "@radix-ui/react-popper": "npm:1.2.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
   peerDependencies:
@@ -3906,7 +3766,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/d27f89258caec7660113f6bdfcffdd8999c8ac25761eb099b467cdb6c2cdea14c2953a100130e212cfb2621f9718b6291e292be915280698e0cfd4c1b3ed29af
+  checksum: 10c0/9d41b8afb4687af0fb876289056182aaef7ba501abd509f587c99e32a3a41054bb303cfd21c626035e9765ea3f408c3c9729d725784bd5384f41ae1e6e8bd488
   languageName: node
   linkType: hard
 
@@ -3969,28 +3829,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-menu@npm:2.1.1":
-  version: 2.1.1
-  resolution: "@radix-ui/react-menu@npm:2.1.1"
+"@radix-ui/react-menu@npm:2.1.2":
+  version: 2.1.2
+  resolution: "@radix-ui/react-menu@npm:2.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
-    "@radix-ui/react-focus-guards": "npm:1.1.0"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
+    "@radix-ui/react-focus-guards": "npm:1.1.1"
     "@radix-ui/react-focus-scope": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
     "@radix-ui/react-popper": "npm:1.2.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-roving-focus": "npm:1.1.0"
     "@radix-ui/react-slot": "npm:1.1.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     aria-hidden: "npm:^1.1.1"
-    react-remove-scroll: "npm:2.5.7"
+    react-remove-scroll: "npm:2.6.0"
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
@@ -4001,21 +3861,21 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/2cb11867430276d8db595886ae0e01e67a555676d37e108d5a6c386df23329482115a041b6a4057fad6b855aa423681805c20d1f290fd1502e521e8e55aafb54
+  checksum: 10c0/4259f6fbc63048d58bffab443abda9b56ea6b0a28f1e4ae91787a360b9a31e7604de06c8fc70be861c1aaa7abff2858c9314aa3fffbc375c27b0c9aa219a51af
   languageName: node
   linkType: hard
 
 "@radix-ui/react-menubar@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-menubar@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@radix-ui/react-menubar@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-menu": "npm:2.1.1"
+    "@radix-ui/react-menu": "npm:2.1.2"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-roving-focus": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4029,22 +3889,22 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/6206e35b00b1e2030d67698f389b6669f7456377c6ff0ab8ccf820740fddc65a64efa54bd3a6421d5e05f3cb3db2eb197410810607f2f80cb7439c3ea7bb2fd4
+  checksum: 10c0/433d0b6b32c7fdb6e5a1578cc787e32af6ff21b35ba70320bb54f635a7f80c84387f2a130970a064e216dd3bdac22281c888de3eff52218b48288f366de464d2
   languageName: node
   linkType: hard
 
 "@radix-ui/react-navigation-menu@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@radix-ui/react-navigation-menu@npm:1.2.0"
+  version: 1.2.1
+  resolution: "@radix-ui/react-navigation-menu@npm:1.2.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4061,29 +3921,29 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/192173fde96de73d7d7151093cad3bc38a663011489b9954dade331a8060557a48decbbdfb36533b2d52505a5b02fa67f67f4dc33076772a5000a23c90b84fc3
+  checksum: 10c0/f888427c67258093ddc26565fa5d9e360dffa6fcaff9290ec1bd239922a24bf05695243917e0eddcfd5f1ff8afa81f3d8d4ddee11939ab80f9cda103e1482afb
   languageName: node
   linkType: hard
 
 "@radix-ui/react-popover@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-popover@npm:1.1.1"
+  version: 1.1.2
+  resolution: "@radix-ui/react-popover@npm:1.1.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
-    "@radix-ui/react-focus-guards": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
+    "@radix-ui/react-focus-guards": "npm:1.1.1"
     "@radix-ui/react-focus-scope": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
     "@radix-ui/react-popper": "npm:1.2.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-slot": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
     aria-hidden: "npm:^1.1.1"
-    react-remove-scroll: "npm:2.5.7"
+    react-remove-scroll: "npm:2.6.0"
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
@@ -4094,7 +3954,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/4539082143c6c006727cf4a6300479f3dd912e85291d5ed7f084d8a7730acc3b5f6589925ab70eca025d3c78026f52f99c0155e11a35de37fe26b8078e6802b3
+  checksum: 10c0/d8fb4e3507a3cd6168bdbb6b840fb8eb538b3b1ce62192a1dcc4e8e4947fbf082c437c0ad5f6faed078006dcb7073867e493378d04c50372c6ea826c5a811f2c
   languageName: node
   linkType: hard
 
@@ -4146,9 +4006,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-portal@npm:1.1.1":
-  version: 1.1.1
-  resolution: "@radix-ui/react-portal@npm:1.1.1"
+"@radix-ui/react-portal@npm:1.1.2":
+  version: 1.1.2
+  resolution: "@radix-ui/react-portal@npm:1.1.2"
   dependencies:
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-layout-effect": "npm:1.1.0"
@@ -4162,7 +4022,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/7e7130fcb0d99197322cd97987e1d7279b6c264fb6be3d883cbfcd49267740d83ca17b431e0d98848afd6067a13ee823ca396a8b63ae68f18a728cf70398c830
+  checksum: 10c0/836967330893b16b85371775ed1a59e038ce99189f4851cfa976bde2710d704c2a9e49e0a5206e7ac3fcf8a67ddd2d126b8352a88f295d6ef49d04e269736ed1
   languageName: node
   linkType: hard
 
@@ -4187,9 +4047,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@radix-ui/react-presence@npm:1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-presence@npm:1.1.0"
+"@radix-ui/react-presence@npm:1.1.1":
+  version: 1.1.1
+  resolution: "@radix-ui/react-presence@npm:1.1.1"
   dependencies:
     "@radix-ui/react-compose-refs": "npm:1.1.0"
     "@radix-ui/react-use-layout-effect": "npm:1.1.0"
@@ -4203,7 +4063,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/58acb658b15b72991ad7a234ea90995902c470b3a182aa90ad03145cbbeaa40f211700c444bfa14cf47537cbb6b732e1359bc5396182de839bd680843c11bf31
+  checksum: 10c0/777cda0406450ff5ca0e49235e486237723323d046a3382e35a0e78eededccfc95a76a9b5fecd7404dac793264762f4bc10111af1e08f8cc2d4d571d7971220e
   languageName: node
   linkType: hard
 
@@ -4267,14 +4127,14 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-radio-group@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@radix-ui/react-radio-group@npm:1.2.0"
+  version: 1.2.1
+  resolution: "@radix-ui/react-radio-group@npm:1.2.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-roving-focus": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4290,7 +4150,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/24764236699e397c65ed32260e91d40681e24f3808b19c1f8fec4757641e3f959a32dacd83f23aaf4abda6c26d28af6ce293e5736f7d6220a129c15953b21ab7
+  checksum: 10c0/dfd64762c45a4f33a4fd05161d6eb9b68ff5d0d7cbc26800549d589029dc1c0e23bfb631d88100ed7c155c1f1a0baf9f7e7352d5083b80e733b33f5faede9d26
   languageName: node
   linkType: hard
 
@@ -4322,15 +4182,15 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-scroll-area@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-scroll-area@npm:1.1.0"
+  version: 1.2.0
+  resolution: "@radix-ui/react-scroll-area@npm:1.2.0"
   dependencies:
     "@radix-ui/number": "npm:1.1.0"
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     "@radix-ui/react-use-layout-effect": "npm:1.1.0"
@@ -4344,26 +4204,26 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/46063b17f06bd2fe20ceaceb2fb0c1cd1b2767045d6d721904bc3f5d6726704a77eaf63997a514ca8f43d973da0c6446d7ca04057d9983cb0d46f4be8c01c9f5
+  checksum: 10c0/e33eca1b9f254003a08b2647add9278b1d90dd2e9128cbdd73b310e9363c4461d7149fd973e81ddcbdbf420b040b8fe864684919c58956a5f6e84fff2d1340b9
   languageName: node
   linkType: hard
 
 "@radix-ui/react-select@npm:^2.1.1":
-  version: 2.1.1
-  resolution: "@radix-ui/react-select@npm:2.1.1"
+  version: 2.1.2
+  resolution: "@radix-ui/react-select@npm:2.1.2"
   dependencies:
     "@radix-ui/number": "npm:1.1.0"
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
-    "@radix-ui/react-focus-guards": "npm:1.1.0"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
+    "@radix-ui/react-focus-guards": "npm:1.1.1"
     "@radix-ui/react-focus-scope": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
     "@radix-ui/react-popper": "npm:1.2.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
+    "@radix-ui/react-portal": "npm:1.1.2"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-slot": "npm:1.1.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
@@ -4372,7 +4232,7 @@ __metadata:
     "@radix-ui/react-use-previous": "npm:1.1.0"
     "@radix-ui/react-visually-hidden": "npm:1.1.0"
     aria-hidden: "npm:^1.1.1"
-    react-remove-scroll: "npm:2.5.7"
+    react-remove-scroll: "npm:2.6.0"
   peerDependencies:
     "@types/react": "*"
     "@types/react-dom": "*"
@@ -4383,7 +4243,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/f12bce67f49f82e44f04d109f53be195d7a415e89e29aa09ec704899d6a7198486f118f3d1e37aa7afd3e14524951752fc79170ac5bd4c831cdc4032ea1c0382
+  checksum: 10c0/cb9d510cbbcc64ec56e1aa19da83220e21e7a101857be423cfb6c159b11bcd8f29b3f67c473df81b1a5203700731ab5f5861f4633ff3f1dec3d58ec74825b16a
   languageName: node
   linkType: hard
 
@@ -4407,14 +4267,14 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-slider@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "@radix-ui/react-slider@npm:1.2.0"
+  version: 1.2.1
+  resolution: "@radix-ui/react-slider@npm:1.2.1"
   dependencies:
     "@radix-ui/number": "npm:1.1.0"
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4431,7 +4291,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/46aea4fadf5d2bf8273f0d9189d88a8c4d5fbb304990a1235a0fdf1d463201bec9655785f8c62d60c4aff3e6ab63d8b37c0c7cb23153ebd190f33cf9fa8bc0ea
+  checksum: 10c0/f39b67f019accc2fddebddb0d7f5bca7fc6ce8b370d294779e5139f7f36135ead9dff8672a9e4d5c771103280df9a05185ff17656d11e9eb88170e8f30e5efb4
   languageName: node
   linkType: hard
 
@@ -4467,12 +4327,12 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-switch@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-switch@npm:1.1.0"
+  version: 1.1.1
+  resolution: "@radix-ui/react-switch@npm:1.1.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
     "@radix-ui/react-use-previous": "npm:1.1.0"
@@ -4487,19 +4347,19 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/49a250371dccce2a06564ce5812ffbd13b7b69fffe8473529a8a344d8caf95d4068f7d47bd257228e35802f008ba66af410b4d8456bc4257da237fa657c74d50
+  checksum: 10c0/8b61aa3bf80d3a2037d67495cf5de9e1ffc0d0843edc0cde5adc1ff1a9b99b0a6b63a85951c79769ab5a44d484611d90dc85933a86d71f28028caa53d8db177b
   languageName: node
   linkType: hard
 
 "@radix-ui/react-tabs@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@radix-ui/react-tabs@npm:1.1.0"
+  version: 1.1.1
+  resolution: "@radix-ui/react-tabs@npm:1.1.1"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
     "@radix-ui/react-direction": "npm:1.1.0"
     "@radix-ui/react-id": "npm:1.1.0"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-roving-focus": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4513,21 +4373,21 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/d6cb742c36a6918dd37c6a3c531b1f6832916dde26855f6c94baf4a17d20bbb17ffd8ba9844539c568a4484a39bbdf5fc528d44534d1d46d094840836c9ff47d
+  checksum: 10c0/86fa6beda5ac5fbc6cede483e198641fbba0b1e4ad30db3488fbfefdf460ca4e35d765f5b22f73ded1849252b2432cfa755783218f282721462f90f2ad1adf30
   languageName: node
   linkType: hard
 
 "@radix-ui/react-toast@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@radix-ui/react-toast@npm:1.2.1"
+  version: 1.2.2
+  resolution: "@radix-ui/react-toast@npm:1.2.2"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-collection": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-use-callback-ref": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4543,7 +4403,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/49a4ddbfcabafa0a9f6a55e67afeb7c71b0369a25670f425626f4f08edea443a8f2c2008113996ce622168b3de85de1a7a21245acc2031e6454c12f504fd4f52
+  checksum: 10c0/e6a23fcbb6801fdfd26773c2786bf28bf5705ccdf4e5e96e457e66d11c5644a01781d92746f3e35a25df7c4a194cb0fb456d8679723b44e94b85fa1c026bec97
   languageName: node
   linkType: hard
 
@@ -4619,17 +4479,17 @@ __metadata:
   linkType: hard
 
 "@radix-ui/react-tooltip@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "@radix-ui/react-tooltip@npm:1.1.2"
+  version: 1.1.3
+  resolution: "@radix-ui/react-tooltip@npm:1.1.3"
   dependencies:
     "@radix-ui/primitive": "npm:1.1.0"
     "@radix-ui/react-compose-refs": "npm:1.1.0"
-    "@radix-ui/react-context": "npm:1.1.0"
-    "@radix-ui/react-dismissable-layer": "npm:1.1.0"
+    "@radix-ui/react-context": "npm:1.1.1"
+    "@radix-ui/react-dismissable-layer": "npm:1.1.1"
     "@radix-ui/react-id": "npm:1.1.0"
     "@radix-ui/react-popper": "npm:1.2.0"
-    "@radix-ui/react-portal": "npm:1.1.1"
-    "@radix-ui/react-presence": "npm:1.1.0"
+    "@radix-ui/react-portal": "npm:1.1.2"
+    "@radix-ui/react-presence": "npm:1.1.1"
     "@radix-ui/react-primitive": "npm:2.0.0"
     "@radix-ui/react-slot": "npm:1.1.0"
     "@radix-ui/react-use-controllable-state": "npm:1.1.0"
@@ -4644,7 +4504,7 @@ __metadata:
       optional: true
     "@types/react-dom":
       optional: true
-  checksum: 10c0/76f3abcd27f7f673612631abc340a17e6ab0e5d20b901fe4828400de05d4d8a8711392417b028be86a3053a0881b80d0ed41c4e027eb64c1af9fe74db70d3786
+  checksum: 10c0/388f2b74277dc8ac39ef6218e61f5cbebdc9ff5d03a8759bbd9d234561f43fab2771c4537c2e0faaaa19976d5b4cf7eb08112a493dc119e8abc45cbe7a416c97
   languageName: node
   linkType: hard
 
@@ -4884,193 +4744,194 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.21.3"
+"@rollup/rollup-android-arm-eabi@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.24.0"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-android-arm64@npm:4.21.3"
+"@rollup/rollup-android-arm64@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-android-arm64@npm:4.24.0"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.21.3"
+"@rollup/rollup-darwin-arm64@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.24.0"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-darwin-x64@npm:4.21.3"
+"@rollup/rollup-darwin-x64@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-darwin-x64@npm:4.24.0"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.21.3"
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.24.0"
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-musleabihf@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.21.3"
+"@rollup/rollup-linux-arm-musleabihf@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.24.0"
   conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.21.3"
+"@rollup/rollup-linux-arm64-gnu@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.24.0"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.21.3"
+"@rollup/rollup-linux-arm64-musl@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.24.0"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.21.3"
+"@rollup/rollup-linux-powerpc64le-gnu@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.24.0"
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-gnu@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.21.3"
+"@rollup/rollup-linux-riscv64-gnu@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.24.0"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-s390x-gnu@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.21.3"
+"@rollup/rollup-linux-s390x-gnu@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.24.0"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.21.3"
+"@rollup/rollup-linux-x64-gnu@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.24.0"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.21.3"
+"@rollup/rollup-linux-x64-musl@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.24.0"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.21.3"
+"@rollup/rollup-win32-arm64-msvc@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.24.0"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.21.3"
+"@rollup/rollup-win32-ia32-msvc@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.24.0"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.21.3":
-  version: 4.21.3
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.21.3"
+"@rollup/rollup-win32-x64-msvc@npm:4.24.0":
+  version: 4.24.0
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.24.0"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
 "@rushstack/eslint-patch@npm:^1.3.3":
-  version: 1.10.1
-  resolution: "@rushstack/eslint-patch@npm:1.10.1"
-  checksum: 10c0/db96bfdf83ededcd70de41876bfe7ecb2450b93e4c5e46bc0f2bc9dd0e0ea60e8bc5fc0d1d3b6addf902e640ea78855ed77b6c883d0d0d104269492141232995
+  version: 1.10.4
+  resolution: "@rushstack/eslint-patch@npm:1.10.4"
+  checksum: 10c0/de312bd7a3cb0f313c9720029eb719d8762fe54946cce2d33ac142b1cbb5817c4a5a92518dfa476c26311602d37f5a8f7caa90a0c73e3d6a56f9a05d2799c172
   languageName: node
   linkType: hard
 
 "@shikijs/compat@npm:^1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/compat@npm:1.17.5"
+  version: 1.22.0
+  resolution: "@shikijs/compat@npm:1.22.0"
   dependencies:
-    "@shikijs/core": "npm:1.17.5"
-    "@shikijs/transformers": "npm:1.17.5"
-    shiki: "npm:1.17.5"
-  checksum: 10c0/97a39311a003a7b886b23a0189df8470e61c27c8f5203e27a4bcdd87d99aaeca79aff41518e3688f877f348a6a9f1a65dff35d3925b85bd3a803e1834b956879
+    "@shikijs/core": "npm:1.22.0"
+    "@shikijs/transformers": "npm:1.22.0"
+    shiki: "npm:1.22.0"
+  checksum: 10c0/99deb236070cf595dae6605cd29e0cdfe105a9771f38ee010891f573a6f6f51e91e264dcdc27590b4f7e4ca4a483b470506fce908e309cacdbd74334171a5cd3
   languageName: node
   linkType: hard
 
-"@shikijs/core@npm:1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/core@npm:1.17.5"
+"@shikijs/core@npm:1.22.0":
+  version: 1.22.0
+  resolution: "@shikijs/core@npm:1.22.0"
   dependencies:
-    "@shikijs/engine-javascript": "npm:1.17.5"
-    "@shikijs/engine-oniguruma": "npm:1.17.5"
-    "@shikijs/types": "npm:1.17.5"
-    "@shikijs/vscode-textmate": "npm:^9.2.2"
+    "@shikijs/engine-javascript": "npm:1.22.0"
+    "@shikijs/engine-oniguruma": "npm:1.22.0"
+    "@shikijs/types": "npm:1.22.0"
+    "@shikijs/vscode-textmate": "npm:^9.3.0"
     "@types/hast": "npm:^3.0.4"
-    hast-util-to-html: "npm:^9.0.2"
-  checksum: 10c0/7dc111ce9364a660ebf72c80bd9d14a92f746cdfccaf6ef0a508c606636ef6a5c42f934a2d7bbfc139cb2383a7d83ab9add17cc799c1711c4c8205cf0fdff9da
+    hast-util-to-html: "npm:^9.0.3"
+  checksum: 10c0/d663fee39180680ccb9ea8dd5abb397e953375989a4fd52fb65a2616388db21d1d0a715a68afae93c4b48f0e037bd0c3a600cd52fb8560461ba87e2102e00cd1
   languageName: node
   linkType: hard
 
-"@shikijs/engine-javascript@npm:1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/engine-javascript@npm:1.17.5"
+"@shikijs/engine-javascript@npm:1.22.0":
+  version: 1.22.0
+  resolution: "@shikijs/engine-javascript@npm:1.22.0"
   dependencies:
-    "@shikijs/types": "npm:1.17.5"
-    oniguruma-to-js: "npm:0.4.0"
-  checksum: 10c0/6d2901fa9a091f54e7b8b7b8aa4ba7e70981cadbc6b68ffcba6ff8b202d7efd8e711ffdcf961383657fc2d6a6860ee73233820360b00ef8b74e6f923f9f53975
+    "@shikijs/types": "npm:1.22.0"
+    "@shikijs/vscode-textmate": "npm:^9.3.0"
+    oniguruma-to-js: "npm:0.4.3"
+  checksum: 10c0/f1a2c3c6ad5db549229dafe11a57bef2b0896e5c1b33dec15bd323e4e785dc469a277b088a89f774a66b30c8c62e9e5b76d3d485f46096dc290329aab33d92eb
   languageName: node
   linkType: hard
 
-"@shikijs/engine-oniguruma@npm:1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/engine-oniguruma@npm:1.17.5"
+"@shikijs/engine-oniguruma@npm:1.22.0":
+  version: 1.22.0
+  resolution: "@shikijs/engine-oniguruma@npm:1.22.0"
   dependencies:
-    "@shikijs/types": "npm:1.17.5"
-    "@shikijs/vscode-textmate": "npm:^9.2.2"
-  checksum: 10c0/083d262c984291dc7f2359225706066a9954dad2407e47faecb7e136198d02b25c46b05965772e4a82e05cb75d3bf72c907423fc09fda8feba4ffddf534eb680
+    "@shikijs/types": "npm:1.22.0"
+    "@shikijs/vscode-textmate": "npm:^9.3.0"
+  checksum: 10c0/a57f2352dc35e6f3705348488c0ec2b91a99380489917bddc1d1444b775ba529fc99491ac0c16d0add6d2552ca9fd197e88bd47b0166d163bfc6a80345294452
   languageName: node
   linkType: hard
 
-"@shikijs/transformers@npm:1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/transformers@npm:1.17.5"
+"@shikijs/transformers@npm:1.22.0":
+  version: 1.22.0
+  resolution: "@shikijs/transformers@npm:1.22.0"
   dependencies:
-    shiki: "npm:1.17.5"
-  checksum: 10c0/2deef77f47ae7b1cda79d051e8c2bee5eca38bb8d12a9f1b39ca96614756ecc742a59fad258731d156944dac4a3efbd6a0d30e483a65ad304b6c7a35e1b677cc
+    shiki: "npm:1.22.0"
+  checksum: 10c0/753e6af5630ef4cba463f256577fd39ce6353568c057cde9d76fca7d8c2d04dfa3cca003e66b2ba0f4adb696c43504d5f38e2be665c49d2494ab3b993b98af1f
   languageName: node
   linkType: hard
 
-"@shikijs/types@npm:1.17.5":
-  version: 1.17.5
-  resolution: "@shikijs/types@npm:1.17.5"
+"@shikijs/types@npm:1.22.0":
+  version: 1.22.0
+  resolution: "@shikijs/types@npm:1.22.0"
   dependencies:
-    "@shikijs/vscode-textmate": "npm:^9.2.2"
+    "@shikijs/vscode-textmate": "npm:^9.3.0"
     "@types/hast": "npm:^3.0.4"
-  checksum: 10c0/53fdf6fec7e83017d168b90ef567a9764e50dc12af088a7119685e24c327dbcdf1bdeb8c3b066a2faa2cab8c7cfad13616cf050451b6d558675eb32f3a835366
+  checksum: 10c0/220ba56b046dd07cb5e12c02f061e926129d5295fba60c4910a45d65312cdcbcc120329ec550195fdb85ab60ae9e3af31430bffce3ceba80b30d21e32467c013
   languageName: node
   linkType: hard
 
-"@shikijs/vscode-textmate@npm:^9.2.2":
-  version: 9.2.2
-  resolution: "@shikijs/vscode-textmate@npm:9.2.2"
-  checksum: 10c0/db4471da582c16c4b49361fcb3a4acfa47af9c3566f308faca7373ed7c1d13232e723749dd5c62b78aa76e365f2b8af3426f63e51cccfc5755981636c851eebf
+"@shikijs/vscode-textmate@npm:^9.3.0":
+  version: 9.3.0
+  resolution: "@shikijs/vscode-textmate@npm:9.3.0"
+  checksum: 10c0/6aa80798b7d7f8be8029bb397ce1b9b75c0d0963d6aa444b9ae165595ceee931cf3767ca1681ba71a6e27484eeccab584bd38db3420da477f1a8d745040b1b1f
   languageName: node
   linkType: hard
 
@@ -5124,9 +4985,9 @@ __metadata:
   linkType: hard
 
 "@socket.io/component-emitter@npm:~3.1.0":
-  version: 3.1.0
-  resolution: "@socket.io/component-emitter@npm:3.1.0"
-  checksum: 10c0/b838ccccf74c36fa7d3ed89a7efb5858cba1a84db4d08250c2fc44d8235140f10d31875bde71517d8503cb3fb08fcd34d3b7a3d0d89058ca3f74f7c816f0fb9c
+  version: 3.1.2
+  resolution: "@socket.io/component-emitter@npm:3.1.2"
+  checksum: 10c0/c4242bad66f67e6f7b712733d25b43cbb9e19a595c8701c3ad99cbeb5901555f78b095e24852f862fffb43e96f1d8552e62def885ca82ae1bb05da3668fd87d7
   languageName: node
   linkType: hard
 
@@ -5246,28 +5107,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@swc/counter@npm:^0.1.3":
+"@swc/counter@npm:0.1.3, @swc/counter@npm:^0.1.3":
   version: 0.1.3
   resolution: "@swc/counter@npm:0.1.3"
   checksum: 10c0/8424f60f6bf8694cfd2a9bca45845bce29f26105cda8cf19cdb9fd3e78dc6338699e4db77a89ae449260bafa1cc6bec307e81e7fb96dbf7dcfce0eea55151356
   languageName: node
   linkType: hard
 
-"@swc/helpers@npm:0.5.11":
-  version: 0.5.11
-  resolution: "@swc/helpers@npm:0.5.11"
-  dependencies:
-    tslib: "npm:^2.4.0"
-  checksum: 10c0/7d1987ee6b887277d373a9be8c445cd2259c3258c08b16908c06864121fd8eac8bb89b179c91b6c5395f38194a903b5772575947c7eb3ca23285152cb0f66caa
-  languageName: node
-  linkType: hard
-
-"@swc/helpers@npm:^0.5.3":
-  version: 0.5.8
-  resolution: "@swc/helpers@npm:0.5.8"
+"@swc/helpers@npm:0.5.13, @swc/helpers@npm:^0.5.3":
+  version: 0.5.13
+  resolution: "@swc/helpers@npm:0.5.13"
   dependencies:
     tslib: "npm:^2.4.0"
-  checksum: 10c0/53a52b3654edb1b22ab317feb4ab7fa805eb368082530d2835647e5d0cc497f5c3aa8e16d568df6eee301982aac532674345acbaaa45354ffb58043768d4db36
+  checksum: 10c0/b9df578401fc62405da9a6c31e79e447a2fd90f68b25b1daee12f2caf2821991bb89106f0397bc1acb4c4d84a8ce079d04b60b65f534496952e3bf8c9a52f40f
   languageName: node
   linkType: hard
 
@@ -5285,11 +5137,11 @@ __metadata:
   linkType: hard
 
 "@swc/types@npm:^0.1.12":
-  version: 0.1.12
-  resolution: "@swc/types@npm:0.1.12"
+  version: 0.1.13
+  resolution: "@swc/types@npm:0.1.13"
   dependencies:
     "@swc/counter": "npm:^0.1.3"
-  checksum: 10c0/f95fea7dee8fc07f8389afbb9578f3d0cd84b429b1d0dbff7fd99b2ef06ed88e96bc33631f36c3bc0505d5a783bee1374acd84b8fc2593001219b6c2caba241b
+  checksum: 10c0/f85a850dead981ca9a26ae366529f2b383fa26324ffcbbee46d7b48399e6ed36d6a6a3d55398f17f87c65f550e28d642a35877d40f389c78765a31ecdfc88bd9
   languageName: node
   linkType: hard
 
@@ -5513,11 +5365,11 @@ __metadata:
   linkType: hard
 
 "@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.6":
-  version: 7.20.5
-  resolution: "@types/babel__traverse@npm:7.20.5"
+  version: 7.20.6
+  resolution: "@types/babel__traverse@npm:7.20.6"
   dependencies:
     "@babel/types": "npm:^7.20.7"
-  checksum: 10c0/033abcb2f4c084ad33e30c3efaad82161240f351e3c71b6154ed289946b33b363696c0fbd42502b68e4582a87413c418321f40eb1ea863e34fe525641345e05b
+  checksum: 10c0/7ba7db61a53e28cac955aa99af280d2600f15a8c056619c05b6fc911cbe02c61aa4f2823299221b23ce0cce00b294c0e5f618ec772aa3f247523c2e48cf7b888
   languageName: node
   linkType: hard
 
@@ -5572,10 +5424,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/estree@npm:*, @types/estree@npm:1.0.5, @types/estree@npm:^1.0.0":
-  version: 1.0.5
-  resolution: "@types/estree@npm:1.0.5"
-  checksum: 10c0/b3b0e334288ddb407c7b3357ca67dbee75ee22db242ca7c56fe27db4e1a31989cb8af48a84dd401deb787fe10cc6b2ab1ee82dc4783be87ededbe3d53c79c70d
+"@types/estree@npm:*, @types/estree@npm:1.0.6, @types/estree@npm:^1.0.0":
+  version: 1.0.6
+  resolution: "@types/estree@npm:1.0.6"
+  checksum: 10c0/cdfd751f6f9065442cd40957c07fd80361c962869aa853c1c2fd03e101af8b9389d8ff4955a43a6fcfa223dd387a089937f95be0f3eec21ca527039fd2d9859a
   languageName: node
   linkType: hard
 
@@ -5715,17 +5567,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:*":
-  version: 4.17.0
-  resolution: "@types/lodash@npm:4.17.0"
-  checksum: 10c0/4c5b41c9a6c41e2c05d08499e96f7940bcf194dcfa84356235b630da920c2a5e05f193618cea76006719bec61c76617dff02defa9d29934f9f6a76a49291bd8f
-  languageName: node
-  linkType: hard
-
-"@types/lodash@npm:^4.17.7":
-  version: 4.17.7
-  resolution: "@types/lodash@npm:4.17.7"
-  checksum: 10c0/40c965b5ffdcf7ff5c9105307ee08b782da228c01b5c0529122c554c64f6b7168fc8f11dc79aa7bae4e67e17efafaba685dc3a47e294dbf52a65ed2b67100561
+"@types/lodash@npm:*, @types/lodash@npm:^4.17.7":
+  version: 4.17.12
+  resolution: "@types/lodash@npm:4.17.12"
+  checksum: 10c0/106008f628ea3c74ed7ee7842dee79e230c84e3721ac38c293700031adb5bd130113048c22f476dbde0d0c119506b0fc447d4bd62eca922682d11e00e1377967
   languageName: node
   linkType: hard
 
@@ -5739,18 +5584,18 @@ __metadata:
   linkType: hard
 
 "@types/mdast@npm:^4.0.0":
-  version: 4.0.3
-  resolution: "@types/mdast@npm:4.0.3"
+  version: 4.0.4
+  resolution: "@types/mdast@npm:4.0.4"
   dependencies:
     "@types/unist": "npm:*"
-  checksum: 10c0/e6994404f5ce58073aa6c1a37ceac3060326470a464e2d751580a9f89e2dbca3a2a6222b849bdaaa5bffbe89033c50a886d17e49fca3b040a4ffcf970e387a0c
+  checksum: 10c0/84f403dbe582ee508fd9c7643ac781ad8597fcbfc9ccb8d4715a2c92e4545e5772cbd0dbdf18eda65789386d81b009967fdef01b24faf6640f817287f54d9c82
   languageName: node
   linkType: hard
 
 "@types/mdx@npm:^2.0.0":
-  version: 2.0.12
-  resolution: "@types/mdx@npm:2.0.12"
-  checksum: 10c0/a47ef3a7815c2e903244168e29177c64ed86cedbb005bba5e545dfe2dcabc0375a0a8f935d0909a701f575187e0a869c02ad279811e4be5d50058cf4e8240ca4
+  version: 2.0.13
+  resolution: "@types/mdx@npm:2.0.13"
+  checksum: 10c0/5edf1099505ac568da55f9ae8a93e7e314e8cbc13d3445d0be61b75941226b005e1390d9b95caecf5dcb00c9d1bab2f1f60f6ff9876dc091a48b547495007720
   languageName: node
   linkType: hard
 
@@ -5768,12 +5613,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:>=13.7.0, @types/node@npm:^20.0.0":
-  version: 20.12.6
-  resolution: "@types/node@npm:20.12.6"
+"@types/node@npm:*, @types/node@npm:>=13.7.0, @types/node@npm:^22.5.4":
+  version: 22.7.8
+  resolution: "@types/node@npm:22.7.8"
   dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/48ce732162cd6c02656aa5f996f0e695b57fdeb1ae762fbaa966afac2dcdcf52cb56be5ce1efb4babf8f97c2de545889aebc7f43c2e86f033487245c41fa1e6b
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/3d3b3a2ec5a57ca4fd37b34dce415620993ca5f87cea2c728ffe73aa31446dbfe19c53171c478447bd7d78011ef4845a46ab2f0dc38e699cc75b3d100a60c690
   languageName: node
   linkType: hard
 
@@ -5785,20 +5630,20 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18.16.3":
-  version: 18.19.31
-  resolution: "@types/node@npm:18.19.31"
+  version: 18.19.58
+  resolution: "@types/node@npm:18.19.58"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/bfebae8389220c0188492c82eaf328f4ba15e6e9b4abee33d6bf36d3b13f188c2f53eb695d427feb882fff09834f467405e2ed9be6aeb6ad4705509822d2ea08
+  checksum: 10c0/7d029b078bde76d6c20504406ac49bf8742f072c5e041499c2e4c830b70a22e01b6db5b37dde864600867f0a792a8e3141dde551aea364e9b00ee0318bea5b6c
   languageName: node
   linkType: hard
 
-"@types/node@npm:^22.5.4":
-  version: 22.5.4
-  resolution: "@types/node@npm:22.5.4"
+"@types/node@npm:^20.0.0":
+  version: 20.16.14
+  resolution: "@types/node@npm:20.16.14"
   dependencies:
     undici-types: "npm:~6.19.2"
-  checksum: 10c0/b445daa7eecd761ad4d778b882d6ff7bcc3b4baad2086ea9804db7c5d4a4ab0298b00d7f5315fc640a73b5a1d52bbf9628e09c9fec0cf44dbf9b4df674a8717d
+  checksum: 10c0/297da38ff6668ecd672b17a100b715166cab33bc8d586521fa28b2d2fb47b04475e1ad9f55e8a436c31d72c1fefa7bd4485a8ad66d2adc9b4515d8a28937e8b9
   languageName: node
   linkType: hard
 
@@ -5810,11 +5655,11 @@ __metadata:
   linkType: hard
 
 "@types/papaparse@npm:^5.3.14":
-  version: 5.3.14
-  resolution: "@types/papaparse@npm:5.3.14"
+  version: 5.3.15
+  resolution: "@types/papaparse@npm:5.3.15"
   dependencies:
     "@types/node": "npm:*"
-  checksum: 10c0/feb4d215903b67442feaa9836a6a5771e78dc6a9da24781e399c6f891622fa82245cd783ab2613c5be43e4a2d6a94da52325538e4485af258166864576ecd0d8
+  checksum: 10c0/9333e980b9ed4102f80b1791b6dfefb23fb4d27252b2b6ee6084b2cd847cbe802cfb838d46b4f6b4cb035f9225e0323034c956ee21bbcbcb4cbdb663302d5eeb
   languageName: node
   linkType: hard
 
@@ -5843,9 +5688,9 @@ __metadata:
   linkType: hard
 
 "@types/prop-types@npm:*":
-  version: 15.7.12
-  resolution: "@types/prop-types@npm:15.7.12"
-  checksum: 10c0/1babcc7db6a1177779f8fde0ccc78d64d459906e6ef69a4ed4dd6339c920c2e05b074ee5a92120fe4e9d9f1a01c952f843ebd550bee2332fc2ef81d1706878f8
+  version: 15.7.13
+  resolution: "@types/prop-types@npm:15.7.13"
+  checksum: 10c0/1b20fc67281902c6743379960247bc161f3f0406ffc0df8e7058745a85ea1538612109db0406290512947f9632fe9e10e7337bf0ce6338a91d6c948df16a7c61
   languageName: node
   linkType: hard
 
@@ -5891,17 +5736,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:*":
-  version: 18.2.75
-  resolution: "@types/react@npm:18.2.75"
-  dependencies:
-    "@types/prop-types": "npm:*"
-    csstype: "npm:^3.0.2"
-  checksum: 10c0/3c0d035d64007d38cf1b682108de8c5f042452025899280c5d2c040b9f53b1f81482d0d57fd93e6687c2c619f3b605d33a01569b1fbbbdeec7fb3a56c7a72af8
-  languageName: node
-  linkType: hard
-
-"@types/react@npm:^18.3.11":
+"@types/react@npm:*, @types/react@npm:^18.3.11":
   version: 18.3.11
   resolution: "@types/react@npm:18.3.11"
   dependencies:
@@ -5970,30 +5805,30 @@ __metadata:
   linkType: hard
 
 "@types/unist@npm:*, @types/unist@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "@types/unist@npm:3.0.2"
-  checksum: 10c0/39f220ce184a773c55c18a127062bfc4d0d30c987250cd59bab544d97be6cfec93717a49ef96e81f024b575718f798d4d329eb81c452fc57d6d051af8b043ebf
+  version: 3.0.3
+  resolution: "@types/unist@npm:3.0.3"
+  checksum: 10c0/2b1e4adcab78388e088fcc3c0ae8700f76619dbcb4741d7d201f87e2cb346bfc29a89003cfea2d76c996e1061452e14fcd737e8b25aacf949c1f2d6b2bc3dd60
   languageName: node
   linkType: hard
 
 "@types/unist@npm:^2, @types/unist@npm:^2.0.0, @types/unist@npm:^2.0.2":
-  version: 2.0.10
-  resolution: "@types/unist@npm:2.0.10"
-  checksum: 10c0/5f247dc2229944355209ad5c8e83cfe29419fa7f0a6d557421b1985a1500444719cc9efcc42c652b55aab63c931813c88033e0202c1ac684bcd4829d66e44731
+  version: 2.0.11
+  resolution: "@types/unist@npm:2.0.11"
+  checksum: 10c0/24dcdf25a168f453bb70298145eb043cfdbb82472db0bc0b56d6d51cd2e484b9ed8271d4ac93000a80da568f2402e9339723db262d0869e2bf13bc58e081768d
   languageName: node
   linkType: hard
 
 "@types/validator@npm:^13.12.1":
-  version: 13.12.1
-  resolution: "@types/validator@npm:13.12.1"
-  checksum: 10c0/473b12e287f569e08741c24d4d91663e740ec6264032eeb311c21c8f00dfa274c6fe5af9190ffe1b4b527e95a1bb31c81598682d5dbd76e1604f898bc19adc2b
+  version: 13.12.2
+  resolution: "@types/validator@npm:13.12.2"
+  checksum: 10c0/64f1326c768947d756ab5bcd73f3f11a6f07dc76292aea83890d0390a9b9acb374f8df6b24af2c783271f276d3d613b78fc79491fe87edee62108d54be2e3c31
   languageName: node
   linkType: hard
 
 "@types/which@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "@types/which@npm:3.0.3"
-  checksum: 10c0/553ff9ae9757ff1f99097b2b40e7ed3a317b1ca8507a9daaa5a429d63670f5d4b69a9b96afe00dfb3bdefa8b274441c93f978b7dd98b9af48daf9f07494689a5
+  version: 3.0.4
+  resolution: "@types/which@npm:3.0.4"
+  checksum: 10c0/036e4cb243ebfd5cf4893be2ab3b9a60a22368811c1f1c78fb8fc70cadc274024282d04b8d7c0948268372600003252d84e2d3a5e064014a543a5da235c5989d
   languageName: node
   linkType: hard
 
@@ -6005,11 +5840,11 @@ __metadata:
   linkType: hard
 
 "@types/yargs@npm:^17.0.10, @types/yargs@npm:^17.0.8":
-  version: 17.0.32
-  resolution: "@types/yargs@npm:17.0.32"
+  version: 17.0.33
+  resolution: "@types/yargs@npm:17.0.33"
   dependencies:
     "@types/yargs-parser": "npm:*"
-  checksum: 10c0/2095e8aad8a4e66b86147415364266b8d607a3b95b4239623423efd7e29df93ba81bb862784a6e08664f645cc1981b25fd598f532019174cd3e5e1e689e1cccf
+  checksum: 10c0/d16937d7ac30dff697801c3d6f235be2166df42e4a88bf730fa6dc09201de3727c0a9500c59a672122313341de5f24e45ee0ff579c08ce91928e519090b7906b
   languageName: node
   linkType: hard
 
@@ -6048,14 +5883,14 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/eslint-plugin@npm:^8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:8.5.0"
+  version: 8.11.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.11.0"
   dependencies:
     "@eslint-community/regexpp": "npm:^4.10.0"
-    "@typescript-eslint/scope-manager": "npm:8.5.0"
-    "@typescript-eslint/type-utils": "npm:8.5.0"
-    "@typescript-eslint/utils": "npm:8.5.0"
-    "@typescript-eslint/visitor-keys": "npm:8.5.0"
+    "@typescript-eslint/scope-manager": "npm:8.11.0"
+    "@typescript-eslint/type-utils": "npm:8.11.0"
+    "@typescript-eslint/utils": "npm:8.11.0"
+    "@typescript-eslint/visitor-keys": "npm:8.11.0"
     graphemer: "npm:^1.4.0"
     ignore: "npm:^5.3.1"
     natural-compare: "npm:^1.4.0"
@@ -6066,7 +5901,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/69ae7067e03d2d8d442e69d668235bdafd63b07229d0be27025eaad8aa468b5af8ac54627021e0e3a060df04ed1c39d1327a0b11469ac72405b52b74a79f402b
+  checksum: 10c0/be509f7bb0c0c596801059b06995a81a1c326cc6ac31d96a32f7b6b7d7b495f9bad4dc442aa6e923d22515e62c668d3c14695c68bd6e0be1d4bf72158b7fd2d6
   languageName: node
   linkType: hard
 
@@ -6089,20 +5924,20 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/parser@npm:^8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/parser@npm:8.5.0"
+  version: 8.11.0
+  resolution: "@typescript-eslint/parser@npm:8.11.0"
   dependencies:
-    "@typescript-eslint/scope-manager": "npm:8.5.0"
-    "@typescript-eslint/types": "npm:8.5.0"
-    "@typescript-eslint/typescript-estree": "npm:8.5.0"
-    "@typescript-eslint/visitor-keys": "npm:8.5.0"
+    "@typescript-eslint/scope-manager": "npm:8.11.0"
+    "@typescript-eslint/types": "npm:8.11.0"
+    "@typescript-eslint/typescript-estree": "npm:8.11.0"
+    "@typescript-eslint/visitor-keys": "npm:8.11.0"
     debug: "npm:^4.3.4"
   peerDependencies:
     eslint: ^8.57.0 || ^9.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/509fdd605b86c7d025928f20e1035712c2fc268c34b1af84248ed0b53d699034f19caf98e085c5c758d3025e29939dd12eea427c72cae9e5ea79274364851f0a
+  checksum: 10c0/e83f239fec60697083e5dcb1c8948340e783ea6e043fe9a65d557faef8882963b09d69aacd736eb8ab18a768769a7bbfc3de0f1251d4bba080613541acb0741c
   languageName: node
   linkType: hard
 
@@ -6126,13 +5961,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/scope-manager@npm:8.5.0"
+"@typescript-eslint/scope-manager@npm:8.11.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/scope-manager@npm:8.11.0"
   dependencies:
-    "@typescript-eslint/types": "npm:8.5.0"
-    "@typescript-eslint/visitor-keys": "npm:8.5.0"
-  checksum: 10c0/868602f9324a6e15fcae017acd3b0832e9f2c8c8cd315667df37c2e7c765cda5fba7c4bede931f32cc04819ba97cf74a5fddb085c6f1c7993f1fb085ba126422
+    "@typescript-eslint/types": "npm:8.11.0"
+    "@typescript-eslint/visitor-keys": "npm:8.11.0"
+  checksum: 10c0/0910da62d8ae261711dd9f89d5c7d8e96ff13c50054436256e5a661309229cb49e3b8189c9468d36b6c4d3f7cddd121519ea78f9b18c9b869a808834b079b2ea
   languageName: node
   linkType: hard
 
@@ -6153,18 +5988,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/type-utils@npm:8.5.0"
+"@typescript-eslint/type-utils@npm:8.11.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/type-utils@npm:8.11.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": "npm:8.5.0"
-    "@typescript-eslint/utils": "npm:8.5.0"
+    "@typescript-eslint/typescript-estree": "npm:8.11.0"
+    "@typescript-eslint/utils": "npm:8.11.0"
     debug: "npm:^4.3.4"
     ts-api-utils: "npm:^1.3.0"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/675d3e41f938d16e9268fd33764a4e16b12a4a9817e61d5e2508a07fe6783c69ce9d05facc61822b5647c71d767929618ed37b8b93f423f7c2ccb62cfeb4343b
+  checksum: 10c0/b69e31c1599ceeb20c29052a4ddb33a554174a3a4c55ee37d90c9b8250af6ef978a0b9ddbeefef4e83d62c4caea1bfa2d8088527f397bde69fb4ab9b360d794a
   languageName: node
   linkType: hard
 
@@ -6182,10 +6017,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:8.5.0, @typescript-eslint/types@npm:^8.4.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/types@npm:8.5.0"
-  checksum: 10c0/f0b666b5c001b9779bfd9e4c7d031843d07264429d5bcf5d636f26f96cd5d949a33f5d6a645b8d74b93daf565a468476a6a4935dd7135a200250fb03acbe4988
+"@typescript-eslint/types@npm:8.11.0, @typescript-eslint/types@npm:^8.9.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/types@npm:8.11.0"
+  checksum: 10c0/5ccdd3eeee077a6fc8e7f4bc0e0cbc9327b1205a845253ec5c0c6c49ff915e853161df00c24a0ffb4b8ec745d3f153dd0e066400a021c844c026e31121f46699
   languageName: node
   linkType: hard
 
@@ -6226,12 +6061,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/typescript-estree@npm:8.5.0"
+"@typescript-eslint/typescript-estree@npm:8.11.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/typescript-estree@npm:8.11.0"
   dependencies:
-    "@typescript-eslint/types": "npm:8.5.0"
-    "@typescript-eslint/visitor-keys": "npm:8.5.0"
+    "@typescript-eslint/types": "npm:8.11.0"
+    "@typescript-eslint/visitor-keys": "npm:8.11.0"
     debug: "npm:^4.3.4"
     fast-glob: "npm:^3.3.2"
     is-glob: "npm:^4.0.3"
@@ -6241,7 +6076,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/f62f03d0c5dc57b2b54dbe1cbd027966f774f241279655f46c64145abb54b765176a0cd40447583ba56ada306181da9a82e39b777c78128e105e4ea98c609350
+  checksum: 10c0/b629ad3cd32b005d5c1d67c36958a418f8672efebea869399834f4f201ebf90b942165eebb5c9d9799dcabdc2cc26e5fabb00629f76b158847f42e1a491a75a6
   languageName: node
   linkType: hard
 
@@ -6262,21 +6097,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:8.5.0, @typescript-eslint/utils@npm:^6.0.0 || ^7.0.0 || ^8.0.0, @typescript-eslint/utils@npm:^8.4.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/utils@npm:8.5.0"
+"@typescript-eslint/utils@npm:8.11.0, @typescript-eslint/utils@npm:^6.0.0 || ^7.0.0 || ^8.0.0, @typescript-eslint/utils@npm:^8.9.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/utils@npm:8.11.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.4.0"
-    "@typescript-eslint/scope-manager": "npm:8.5.0"
-    "@typescript-eslint/types": "npm:8.5.0"
-    "@typescript-eslint/typescript-estree": "npm:8.5.0"
+    "@typescript-eslint/scope-manager": "npm:8.11.0"
+    "@typescript-eslint/types": "npm:8.11.0"
+    "@typescript-eslint/typescript-estree": "npm:8.11.0"
   peerDependencies:
     eslint: ^8.57.0 || ^9.0.0
-  checksum: 10c0/0cb0bfdaf0da79d13c0d0379478eb14b5825d235873bc7181e70c4f6297fa1c74431ef730cbc2912fe1814dd8d46c6515ce22b39c57e8f03c337aa152fd49a4e
+  checksum: 10c0/bb5bcc8d928a55b22298e76f834ea6a9fe125a9ffeb6ac23bee0258b3ed32f41e281888a3d0be226a05e1011bb3b70e42a71a40366acdefea6779131c46bc522
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:^5.58.0":
+"@typescript-eslint/utils@npm:^5.62.0":
   version: 5.62.0
   resolution: "@typescript-eslint/utils@npm:5.62.0"
   dependencies:
@@ -6314,13 +6149,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:8.5.0":
-  version: 8.5.0
-  resolution: "@typescript-eslint/visitor-keys@npm:8.5.0"
+"@typescript-eslint/visitor-keys@npm:8.11.0":
+  version: 8.11.0
+  resolution: "@typescript-eslint/visitor-keys@npm:8.11.0"
   dependencies:
-    "@typescript-eslint/types": "npm:8.5.0"
+    "@typescript-eslint/types": "npm:8.11.0"
     eslint-visitor-keys: "npm:^3.4.3"
-  checksum: 10c0/8b9e81968ad36e8af18ac17b63c4e0764612451ca085676c939b723549052243f63577d2706bc2da48174f11bf47587ab47e6e0b7c5b28d9f3c1ef7b9aad322d
+  checksum: 10c0/7a5a49609fdc47e114fe59eee56393c90b122ec8e9520f90b0c5e189635ae1ccfa8e00108f641342c2c8f4637fe9d40c77927cf7c8248a3a660812cb4b7d0c08
   languageName: node
   linkType: hard
 
@@ -7485,13 +7320,13 @@ __metadata:
   linkType: hard
 
 "@vercel/og@npm:^0.6.2":
-  version: 0.6.2
-  resolution: "@vercel/og@npm:0.6.2"
+  version: 0.6.3
+  resolution: "@vercel/og@npm:0.6.3"
   dependencies:
     "@resvg/resvg-wasm": "npm:2.4.0"
     satori: "npm:0.10.9"
     yoga-wasm-web: "npm:0.3.3"
-  checksum: 10c0/96a445c30c5aee3dd20c0db3763a518ffd343f752236bedb705137c3278af119992ddb24ae5418091216a91ac434170507c6f5e89d364eb77edb9cef2b872b5a
+  checksum: 10c0/ed8d5a24aade307167d706537068cc6e83cbaf9de55d940683331d27cfed836c11bd28792757a0839b66f8e1d43c59c1e9f629020e5b8827ca07a06aa690df3a
   languageName: node
   linkType: hard
 
@@ -7545,18 +7380,20 @@ __metadata:
   linkType: hard
 
 "acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
-  version: 8.3.2
-  resolution: "acorn-walk@npm:8.3.2"
-  checksum: 10c0/7e2a8dad5480df7f872569b9dccff2f3da7e65f5353686b1d6032ab9f4ddf6e3a2cb83a9b52cf50b1497fd522154dda92f0abf7153290cc79cd14721ff121e52
+  version: 8.3.4
+  resolution: "acorn-walk@npm:8.3.4"
+  dependencies:
+    acorn: "npm:^8.11.0"
+  checksum: 10c0/76537ac5fb2c37a64560feaf3342023dadc086c46da57da363e64c6148dc21b57d49ace26f949e225063acb6fb441eabffd89f7a3066de5ad37ab3e328927c62
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.0.0, acorn@npm:^8.1.0, acorn@npm:^8.11.3, acorn@npm:^8.4.1, acorn@npm:^8.8.1, acorn@npm:^8.9.0":
-  version: 8.11.3
-  resolution: "acorn@npm:8.11.3"
+"acorn@npm:^8.0.0, acorn@npm:^8.1.0, acorn@npm:^8.11.0, acorn@npm:^8.11.3, acorn@npm:^8.4.1, acorn@npm:^8.8.1, acorn@npm:^8.9.0":
+  version: 8.13.0
+  resolution: "acorn@npm:8.13.0"
   bin:
     acorn: bin/acorn
-  checksum: 10c0/3ff155f8812e4a746fee8ecff1f227d527c4c45655bb1fad6347c3cb58e46190598217551b1500f18542d2bbe5c87120cb6927f5a074a59166fbdd9468f0a299
+  checksum: 10c0/f35dd53d68177c90699f4c37d0bb205b8abe036d955d0eb011ddb7f14a81e6fd0f18893731c457c1b5bd96754683f4c3d80d9a5585ddecaa53cdf84e0b3d68f7
   languageName: node
   linkType: hard
 
@@ -7589,8 +7426,8 @@ __metadata:
   linkType: hard
 
 "ai@npm:^3.4.10":
-  version: 3.4.16
-  resolution: "ai@npm:3.4.16"
+  version: 3.4.18
+  resolution: "ai@npm:3.4.18"
   dependencies:
     "@ai-sdk/provider": "npm:0.0.24"
     "@ai-sdk/provider-utils": "npm:1.0.20"
@@ -7623,7 +7460,7 @@ __metadata:
       optional: true
     zod:
       optional: true
-  checksum: 10c0/36401c163b30af6ec868b43aed43ea0b691f4d542b82a476aac7b214aa772eaa3775bbd98503be94dd5fae4b550f0c6a0c805ea3431ed2110c27552404a66ea8
+  checksum: 10c0/a4060227122162a3a83a4f8e342843619bd7073bae7df68bdf066e639b5500c9e86f0687911f7ee30d60f2a51c54a42c18fbfc88c41e99fbda55cfd1e4bd9c4e
   languageName: node
   linkType: hard
 
@@ -7663,9 +7500,9 @@ __metadata:
   linkType: hard
 
 "ansi-regex@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "ansi-regex@npm:6.0.1"
-  checksum: 10c0/cbe16dbd2c6b2735d1df7976a7070dd277326434f0212f43abf6d87674095d247968209babdaad31bb00882fa68807256ba9be340eec2f1004de14ca75f52a08
+  version: 6.1.0
+  resolution: "ansi-regex@npm:6.1.0"
+  checksum: 10c0/a91daeddd54746338478eef88af3439a7edf30f8e23196e2d6ed182da9add559c601266dbef01c2efa46a958ad6f1f8b176799657616c702b5b02e799e7fd8dc
   languageName: node
   linkType: hard
 
@@ -7764,7 +7601,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.3.0, aria-query@npm:^5.0.0, aria-query@npm:^5.3.0":
+"aria-query@npm:5.3.0":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
   dependencies:
@@ -7773,16 +7610,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:~5.1.3":
-  version: 5.1.3
-  resolution: "aria-query@npm:5.1.3"
-  dependencies:
-    deep-equal: "npm:^2.0.5"
-  checksum: 10c0/edcbc8044c4663d6f88f785e983e6784f98cb62b4ba1e9dd8d61b725d0203e4cfca38d676aee984c31f354103461102a3d583aa4fbe4fd0a89b679744f4e5faf
+"aria-query@npm:^5.0.0, aria-query@npm:^5.3.2":
+  version: 5.3.2
+  resolution: "aria-query@npm:5.3.2"
+  checksum: 10c0/003c7e3e2cff5540bf7a7893775fc614de82b0c5dde8ae823d47b7a28a9d4da1f7ed85f340bdb93d5649caa927755f0e31ecc7ab63edfdfc00c8ef07e505e03e
   languageName: node
   linkType: hard
 
-"array-buffer-byte-length@npm:^1.0.0, array-buffer-byte-length@npm:^1.0.1":
+"array-buffer-byte-length@npm:^1.0.1":
   version: 1.0.1
   resolution: "array-buffer-byte-length@npm:1.0.1"
   dependencies:
@@ -7792,7 +7627,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-includes@npm:^3.1.6, array-includes@npm:^3.1.7, array-includes@npm:^3.1.8":
+"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8":
   version: 3.1.8
   resolution: "array-includes@npm:3.1.8"
   dependencies:
@@ -7820,7 +7655,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.findlast@npm:^1.2.4, array.prototype.findlast@npm:^1.2.5":
+"array.prototype.findlast@npm:^1.2.5":
   version: 1.2.5
   resolution: "array.prototype.findlast@npm:1.2.5"
   dependencies:
@@ -7858,31 +7693,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.toreversed@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "array.prototype.toreversed@npm:1.1.2"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    es-shim-unscopables: "npm:^1.0.0"
-  checksum: 10c0/2b7627ea85eae1e80ecce665a500cc0f3355ac83ee4a1a727562c7c2a1d5f1c0b4dd7b65c468ec6867207e452ba01256910a2c0b41486bfdd11acf875a7a3435
-  languageName: node
-  linkType: hard
-
-"array.prototype.tosorted@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "array.prototype.tosorted@npm:1.1.3"
-  dependencies:
-    call-bind: "npm:^1.0.5"
-    define-properties: "npm:^1.2.1"
-    es-abstract: "npm:^1.22.3"
-    es-errors: "npm:^1.1.0"
-    es-shim-unscopables: "npm:^1.0.2"
-  checksum: 10c0/a27e1ca51168ecacf6042901f5ef021e43c8fa04b6c6b6f2a30bac3645cd2b519cecbe0bc45db1b85b843f64dc3207f0268f700b4b9fbdec076d12d432cf0865
-  languageName: node
-  linkType: hard
-
 "array.prototype.tosorted@npm:^1.1.4":
   version: 1.1.4
   resolution: "array.prototype.tosorted@npm:1.1.4"
@@ -7938,11 +7748,11 @@ __metadata:
   linkType: hard
 
 "astring@npm:^1.8.0":
-  version: 1.8.6
-  resolution: "astring@npm:1.8.6"
+  version: 1.9.0
+  resolution: "astring@npm:1.9.0"
   bin:
     astring: bin/astring
-  checksum: 10c0/31f09144597048c11072417959a412f208f8f95ba8dce408dfbc3367acb929f31fbcc00ed5eb61ccbf7c2f1173b9ac8bfcaaa37134a9455050c669b2b036ed88
+  checksum: 10c0/e7519544d9824494e80ef0e722bb3a0c543a31440d59691c13aeaceb75b14502af536b23f08db50aa6c632dafaade54caa25f0788aa7550b6b2d6e2df89e0830
   languageName: node
   linkType: hard
 
@@ -7994,17 +7804,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axe-core@npm:=4.7.0":
-  version: 4.7.0
-  resolution: "axe-core@npm:4.7.0"
-  checksum: 10c0/89ac5712b5932ac7d23398b4cb5ba081c394a086e343acc68ba49c83472706e18e0799804e8388c779dcdacc465377deb29f2714241d3fbb389cf3a6b275c9ba
-  languageName: node
-  linkType: hard
-
 "axe-core@npm:^4.10.0":
-  version: 4.10.0
-  resolution: "axe-core@npm:4.10.0"
-  checksum: 10c0/732c171d48caaace5e784895c4dacb8ca6155e9d98045138ebe3952f78457dd05b92c57d05b41ce2a570aff87dbd0471e8398d2c0f6ebe79617b746c8f658998
+  version: 4.10.1
+  resolution: "axe-core@npm:4.10.1"
+  checksum: 10c0/53d865efb7284fd69bc95ced1a1709fd603ea07f06e272da06942e7cfeca1c823e09bde28f57178e3a1a4c9a089fe4b5d274c871e3e6522a3b1bffec8eaa7dd8
   languageName: node
   linkType: hard
 
@@ -8018,15 +7821,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axobject-query@npm:^3.2.1":
-  version: 3.2.1
-  resolution: "axobject-query@npm:3.2.1"
-  dependencies:
-    dequal: "npm:^2.0.3"
-  checksum: 10c0/f7debc2012e456139b57d888c223f6d3cb4b61eb104164a85e3d346273dd6ef0bc9a04b6660ca9407704a14a8e05fa6b6eb9d55f44f348c7210de7ffb350c3a7
-  languageName: node
-  linkType: hard
-
 "axobject-query@npm:^4.1.0":
   version: 4.1.0
   resolution: "axobject-query@npm:4.1.0"
@@ -8091,37 +7885,40 @@ __metadata:
   linkType: hard
 
 "babel-plugin-module-resolver@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "babel-plugin-module-resolver@npm:5.0.0"
+  version: 5.0.2
+  resolution: "babel-plugin-module-resolver@npm:5.0.2"
   dependencies:
-    find-babel-config: "npm:^2.0.0"
-    glob: "npm:^8.0.3"
+    find-babel-config: "npm:^2.1.1"
+    glob: "npm:^9.3.3"
     pkg-up: "npm:^3.1.0"
     reselect: "npm:^4.1.7"
-    resolve: "npm:^1.22.1"
-  checksum: 10c0/bbddb437bf23ab2e12e25c855d71c906cf7a438d0d4821cf0786f23990718f86f76c49f7952ba2370a312c806d223e1efb7ca16698ff49d019396c8d81e4a870
+    resolve: "npm:^1.22.8"
+  checksum: 10c0/ccbb9e673c4219f68937349267521becb72be292cf30bf70b861c3e709d24fbfa589da0bf6c100a0def799d38199299171cb6eac3fb00b1ea740373e2c1fe54c
   languageName: node
   linkType: hard
 
 "babel-preset-current-node-syntax@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "babel-preset-current-node-syntax@npm:1.0.1"
+  version: 1.1.0
+  resolution: "babel-preset-current-node-syntax@npm:1.1.0"
   dependencies:
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
     "@babel/plugin-syntax-bigint": "npm:^7.8.3"
-    "@babel/plugin-syntax-class-properties": "npm:^7.8.3"
-    "@babel/plugin-syntax-import-meta": "npm:^7.8.3"
+    "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
+    "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
     "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.8.3"
+    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
     "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
-    "@babel/plugin-syntax-numeric-separator": "npm:^7.8.3"
+    "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
     "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
     "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
     "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
-    "@babel/plugin-syntax-top-level-await": "npm:^7.8.3"
+    "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
+    "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/5ba39a3a0e6c37d25e56a4fb843be632dac98d54706d8a0933f9bcb1a07987a96d55c2b5a6c11788a74063fb2534fe68c1f1dbb6c93626850c785e0938495627
+  checksum: 10c0/0b838d4412e3322cb4436f246e24e9c00bebcedfd8f00a2f51489db683bd35406bbd55a700759c28d26959c6e03f84dd6a1426f576f440267c1d7a73c5717281
   languageName: node
   linkType: hard
 
@@ -8295,16 +8092,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.2, braces@npm:~3.0.2":
-  version: 3.0.2
-  resolution: "braces@npm:3.0.2"
-  dependencies:
-    fill-range: "npm:^7.0.1"
-  checksum: 10c0/321b4d675791479293264019156ca322163f02dc06e3c4cab33bb15cd43d80b51efef69b0930cfde3acd63d126ebca24cd0544fa6f261e093a0fb41ab9dda381
-  languageName: node
-  linkType: hard
-
-"braces@npm:^3.0.3":
+"braces@npm:^3.0.3, braces@npm:~3.0.2":
   version: 3.0.3
   resolution: "braces@npm:3.0.3"
   dependencies:
@@ -8313,45 +8101,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.22.2":
-  version: 4.23.0
-  resolution: "browserslist@npm:4.23.0"
-  dependencies:
-    caniuse-lite: "npm:^1.0.30001587"
-    electron-to-chromium: "npm:^1.4.668"
-    node-releases: "npm:^2.0.14"
-    update-browserslist-db: "npm:^1.0.13"
-  bin:
-    browserslist: cli.js
-  checksum: 10c0/8e9cc154529062128d02a7af4d8adeead83ca1df8cd9ee65a88e2161039f3d68a4d40fea7353cab6bae4c16182dec2fdd9a1cf7dc2a2935498cee1af0e998943
-  languageName: node
-  linkType: hard
-
-"browserslist@npm:^4.23.3":
-  version: 4.23.3
-  resolution: "browserslist@npm:4.23.3"
-  dependencies:
-    caniuse-lite: "npm:^1.0.30001646"
-    electron-to-chromium: "npm:^1.5.4"
-    node-releases: "npm:^2.0.18"
-    update-browserslist-db: "npm:^1.1.0"
-  bin:
-    browserslist: cli.js
-  checksum: 10c0/3063bfdf812815346447f4796c8f04601bf5d62003374305fd323c2a463e42776475bcc5309264e39bcf9a8605851e53560695991a623be988138b3ff8c66642
-  languageName: node
-  linkType: hard
-
-"browserslist@npm:^4.24.0":
-  version: 4.24.0
-  resolution: "browserslist@npm:4.24.0"
+"browserslist@npm:^4.23.3, browserslist@npm:^4.24.0":
+  version: 4.24.2
+  resolution: "browserslist@npm:4.24.2"
   dependencies:
-    caniuse-lite: "npm:^1.0.30001663"
-    electron-to-chromium: "npm:^1.5.28"
+    caniuse-lite: "npm:^1.0.30001669"
+    electron-to-chromium: "npm:^1.5.41"
     node-releases: "npm:^2.0.18"
-    update-browserslist-db: "npm:^1.1.0"
+    update-browserslist-db: "npm:^1.1.1"
   bin:
     browserslist: cli.js
-  checksum: 10c0/95e76ad522753c4c470427f6e3c8a4bb5478ff448841e22b3d3e53f89ecaf17b6984666d6c7e715c370f1e7fa0cf684f42e34e554236a8b2fab38ea76b9e4c52
+  checksum: 10c0/d747c9fb65ed7b4f1abcae4959405707ed9a7b835639f8a9ba0da2911995a6ab9b0648fd05baf2a4d4e3cf7f9fdbad56d3753f91881e365992c1d49c8d88ff7a
   languageName: node
   linkType: hard
 
@@ -8453,8 +8213,8 @@ __metadata:
   linkType: hard
 
 "cacache@npm:^18.0.0":
-  version: 18.0.2
-  resolution: "cacache@npm:18.0.2"
+  version: 18.0.4
+  resolution: "cacache@npm:18.0.4"
   dependencies:
     "@npmcli/fs": "npm:^3.1.0"
     fs-minipass: "npm:^3.0.0"
@@ -8468,7 +8228,7 @@ __metadata:
     ssri: "npm:^10.0.0"
     tar: "npm:^6.1.11"
     unique-filename: "npm:^3.0.0"
-  checksum: 10c0/7992665305cc251a984f4fdbab1449d50e88c635bc43bf2785530c61d239c61b349e5734461baa461caaee65f040ab14e2d58e694f479c0810cffd181ba5eabc
+  checksum: 10c0/6c055bafed9de4f3dcc64ac3dc7dd24e863210902b7c470eb9ce55a806309b3efff78033e3d8b4f7dcc5d467f2db43c6a2857aaaf26f0094b8a351d44c42179f
   languageName: node
   linkType: hard
 
@@ -8530,24 +8290,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001579, caniuse-lite@npm:^1.0.30001587":
-  version: 1.0.30001607
-  resolution: "caniuse-lite@npm:1.0.30001607"
-  checksum: 10c0/3416b83475b6297a46d4ede1694b351a2899fb409dfd0190b96776d9b49a45f46dd967e673dd0cd3c3fef68549ef708b06de5d73b4c381e205d19c36fcfcfa35
-  languageName: node
-  linkType: hard
-
-"caniuse-lite@npm:^1.0.30001646":
-  version: 1.0.30001660
-  resolution: "caniuse-lite@npm:1.0.30001660"
-  checksum: 10c0/d28900b56c597176d515c3175ca75c454f2d30cb2c09a44d7bdb009bb0c4d8a2557905adb77642889bbe9feb85fbfe9d974c8b8e53521fb4b50ee16ab246104e
-  languageName: node
-  linkType: hard
-
-"caniuse-lite@npm:^1.0.30001663":
-  version: 1.0.30001668
-  resolution: "caniuse-lite@npm:1.0.30001668"
-  checksum: 10c0/247b3200aeec55038f3a11f3e6ab66f656c54d30df7b01d8d447efaba9af96ad3e17128da2ddd42ddc9cb6c286bac65b634a20955b3cc6619be7ca4601fddc8e
+"caniuse-lite@npm:^1.0.30001579, caniuse-lite@npm:^1.0.30001646, caniuse-lite@npm:^1.0.30001669":
+  version: 1.0.30001669
+  resolution: "caniuse-lite@npm:1.0.30001669"
+  checksum: 10c0/f125f23440d3dbb6c25ffb8d55f4ce48af36a84d0932b152b3b74f143a4170cbe92e02b0a9676209c86609bf7bf34119ff10cc2bc7c1b7ea40e936cc16598408
   languageName: node
   linkType: hard
 
@@ -8568,7 +8314,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^2.1.0, chalk@npm:^2.3.2, chalk@npm:^2.4.2":
+"chalk@npm:^2.3.2, chalk@npm:^2.4.2":
   version: 2.4.2
   resolution: "chalk@npm:2.4.2"
   dependencies:
@@ -8687,7 +8433,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chokidar@npm:>=3.0.0 <4.0.0, chokidar@npm:^3.5.1, chokidar@npm:^3.5.3, chokidar@npm:^3.6.0":
+"chokidar@npm:^3.5.1, chokidar@npm:^3.5.3, chokidar@npm:^3.6.0":
   version: 3.6.0
   resolution: "chokidar@npm:3.6.0"
   dependencies:
@@ -8706,6 +8452,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"chokidar@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "chokidar@npm:4.0.1"
+  dependencies:
+    readdirp: "npm:^4.0.1"
+  checksum: 10c0/4bb7a3adc304059810bb6c420c43261a15bb44f610d77c35547addc84faa0374265c3adc67f25d06f363d9a4571962b02679268c40de07676d260de1986efea9
+  languageName: node
+  linkType: hard
+
 "chownr@npm:^2.0.0":
   version: 2.0.0
   resolution: "chownr@npm:2.0.0"
@@ -8741,9 +8496,9 @@ __metadata:
   linkType: hard
 
 "cjs-module-lexer@npm:^1.0.0":
-  version: 1.2.3
-  resolution: "cjs-module-lexer@npm:1.2.3"
-  checksum: 10c0/0de9a9c3fad03a46804c0d38e7b712fb282584a9c7ef1ed44cae22fb71d9bb600309d66a9711ac36a596fd03422f5bb03e021e8f369c12a39fa1786ae531baab
+  version: 1.4.1
+  resolution: "cjs-module-lexer@npm:1.4.1"
+  checksum: 10c0/5a7d8279629c9ba8ccf38078c2fed75b7737973ced22b9b5a54180efa57fb2fe2bb7bec6aec55e3b8f3f5044f5d7b240347ad9bd285e7c3d0ee5b0a1d0504dfc
   languageName: node
   linkType: hard
 
@@ -8831,14 +8586,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"clsx@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "clsx@npm:2.1.0"
-  checksum: 10c0/c09c00ad14f638366ca814097e6cab533dfa1972a358da5b557be487168acbb25b4c1395e89ffa842a8a61ba87a462d2b4885bc9d4f8410b598f3cb339599cdb
-  languageName: node
-  linkType: hard
-
-"clsx@npm:^2.1.1":
+"clsx@npm:^2.0.0, clsx@npm:^2.1.1":
   version: 2.1.1
   resolution: "clsx@npm:2.1.1"
   checksum: 10c0/c4c8eb865f8c82baab07e71bfa8897c73454881c4f99d6bc81585aecd7c441746c1399d08363dc096c550cceaf97bd4ce1e8854e1771e9998d9f94c4fe075839
@@ -8873,9 +8621,9 @@ __metadata:
   linkType: hard
 
 "code-block-writer@npm:^13.0.1":
-  version: 13.0.1
-  resolution: "code-block-writer@npm:13.0.1"
-  checksum: 10c0/1ca0329032228aab4a8094148bc2b50fd8ff07a0e3f78c11986398951fc51c6bad24bc7236437e639ac95d4c3bb489c2f3c629dc5f21c22a3bca0daa41d64187
+  version: 13.0.3
+  resolution: "code-block-writer@npm:13.0.3"
+  checksum: 10c0/87db97b37583f71cfd7eced8bf3f0a0a0ca53af912751a734372b36c08cd27f3e8a4878ec05591c0cd9ae11bea8add1423e132d660edd86aab952656dd41fd66
   languageName: node
   linkType: hard
 
@@ -9018,15 +8766,15 @@ __metadata:
   linkType: hard
 
 "comment-json@npm:^4.2.3":
-  version: 4.2.3
-  resolution: "comment-json@npm:4.2.3"
+  version: 4.2.5
+  resolution: "comment-json@npm:4.2.5"
   dependencies:
     array-timsort: "npm:^1.0.3"
     core-util-is: "npm:^1.0.3"
     esprima: "npm:^4.0.1"
     has-own-prop: "npm:^2.0.0"
     repeat-string: "npm:^1.6.1"
-  checksum: 10c0/e8a0d3a6d75d92551f9a7e6fefa31f3d831dc33117b0b9432f061f45a571c85c16143e4110693d450f6eca20841db43f5429ac0d801673bcf03e9973ab1c31af
+  checksum: 10c0/e22f13f18fcc484ac33c8bc02a3d69c3f9467ae5063fdfb3df7735f83a8d9a2cab6a32b7d4a0c53123413a9577de8e17c8cc88369c433326799558febb34ef9c
   languageName: node
   linkType: hard
 
@@ -9405,15 +9153,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:~4.3.1, debug@npm:~4.3.2":
-  version: 4.3.4
-  resolution: "debug@npm:4.3.4"
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.4, debug@npm:^4.3.5, debug@npm:^4.3.6, debug@npm:^4.3.7, debug@npm:~4.3.1, debug@npm:~4.3.2":
+  version: 4.3.7
+  resolution: "debug@npm:4.3.7"
   dependencies:
-    ms: "npm:2.1.2"
+    ms: "npm:^2.1.3"
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 10c0/cedbec45298dd5c501d01b92b119cd3faebe5438c3917ff11ae1bff86a6c722930ac9c8659792824013168ba6db7c4668225d845c633fbdafbbf902a6389f736
+  checksum: 10c0/1471db19c3b06d485a622d62f65947a19a23fbd0dd73f7fd3eafb697eec5360cde447fb075919987899b1a2096e85d35d4eb5a4de09a57600ac9cf7e6c8e768b
   languageName: node
   linkType: hard
 
@@ -9426,18 +9174,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:^4.3.5, debug@npm:^4.3.6, debug@npm:^4.3.7":
-  version: 4.3.7
-  resolution: "debug@npm:4.3.7"
-  dependencies:
-    ms: "npm:^2.1.3"
-  peerDependenciesMeta:
-    supports-color:
-      optional: true
-  checksum: 10c0/1471db19c3b06d485a622d62f65947a19a23fbd0dd73f7fd3eafb697eec5360cde447fb075919987899b1a2096e85d35d4eb5a4de09a57600ac9cf7e6c8e768b
-  languageName: node
-  linkType: hard
-
 "decimal.js@npm:^10.4.2":
   version: 10.4.3
   resolution: "decimal.js@npm:10.4.3"
@@ -9455,40 +9191,14 @@ __metadata:
   linkType: hard
 
 "dedent@npm:^1.0.0":
-  version: 1.5.1
-  resolution: "dedent@npm:1.5.1"
+  version: 1.5.3
+  resolution: "dedent@npm:1.5.3"
   peerDependencies:
     babel-plugin-macros: ^3.1.0
   peerDependenciesMeta:
     babel-plugin-macros:
       optional: true
-  checksum: 10c0/f8612cd5b00aab58b18bb95572dca08dc2d49720bfa7201a444c3dae430291e8a06d4928614a6ec8764d713927f44bce9c990d3b8238fca2f430990ddc17c070
-  languageName: node
-  linkType: hard
-
-"deep-equal@npm:^2.0.5":
-  version: 2.2.3
-  resolution: "deep-equal@npm:2.2.3"
-  dependencies:
-    array-buffer-byte-length: "npm:^1.0.0"
-    call-bind: "npm:^1.0.5"
-    es-get-iterator: "npm:^1.1.3"
-    get-intrinsic: "npm:^1.2.2"
-    is-arguments: "npm:^1.1.1"
-    is-array-buffer: "npm:^3.0.2"
-    is-date-object: "npm:^1.0.5"
-    is-regex: "npm:^1.1.4"
-    is-shared-array-buffer: "npm:^1.0.2"
-    isarray: "npm:^2.0.5"
-    object-is: "npm:^1.1.5"
-    object-keys: "npm:^1.1.1"
-    object.assign: "npm:^4.1.4"
-    regexp.prototype.flags: "npm:^1.5.1"
-    side-channel: "npm:^1.0.4"
-    which-boxed-primitive: "npm:^1.0.2"
-    which-collection: "npm:^1.0.1"
-    which-typed-array: "npm:^1.1.13"
-  checksum: 10c0/a48244f90fa989f63ff5ef0cc6de1e4916b48ea0220a9c89a378561960814794a5800c600254482a2c8fd2e49d6c2e196131dc983976adb024c94a42dfe4949f
+  checksum: 10c0/d94bde6e6f780be4da4fd760288fcf755ec368872f4ac5218197200d86430aeb8d90a003a840bff1c20221188e3f23adced0119cb811c6873c70d0ac66d12832
   languageName: node
   linkType: hard
 
@@ -9590,6 +9300,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"detect-libc@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "detect-libc@npm:1.0.3"
+  bin:
+    detect-libc: ./bin/detect-libc.js
+  checksum: 10c0/4da0deae9f69e13bc37a0902d78bf7169480004b1fed3c19722d56cff578d16f0e11633b7fbf5fb6249181236c72e90024cbd68f0b9558ae06e281f47326d50d
+  languageName: node
+  linkType: hard
+
 "detect-libc@npm:^2.0.3":
   version: 2.0.3
   resolution: "detect-libc@npm:2.0.3"
@@ -9855,24 +9574,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.4.668":
-  version: 1.4.730
-  resolution: "electron-to-chromium@npm:1.4.730"
-  checksum: 10c0/c524b8d61797de6c597ce3adf069bbde7f2c68d25d1c83a8ab28ff5d977f4520f60e9f33ea05fcd6efca222ecc05933e395258641a833c3585d76a6bbb0b4990
-  languageName: node
-  linkType: hard
-
-"electron-to-chromium@npm:^1.5.28":
-  version: 1.5.36
-  resolution: "electron-to-chromium@npm:1.5.36"
-  checksum: 10c0/cd8d0de7801107f2b2744b5b18641c969a49b0503996cc1a586bb79d893020d0c4e916ac1935603eea65104b4fc1096bc339e0151531dca9e0f0ce0c1882e2d8
-  languageName: node
-  linkType: hard
-
-"electron-to-chromium@npm:^1.5.4":
-  version: 1.5.20
-  resolution: "electron-to-chromium@npm:1.5.20"
-  checksum: 10c0/d119ccebcb415dc6341072b4a2bd0c9052d94eccf93776d47f5781b9c28393407f9e30718380ee59cb2a280db6b2e36943ffe4a7cdac9e432246380a24f48fa1
+"electron-to-chromium@npm:^1.5.41":
+  version: 1.5.42
+  resolution: "electron-to-chromium@npm:1.5.42"
+  checksum: 10c0/5a3a206a35f5a0894626f6f2a001e3b56a4d94af3193260e2819e8ecb2ee8ba1176e639b833a03fff5af8bfaafb0c3931b26a4421f79e2a58e85fd5bf02221f8
   languageName: node
   linkType: hard
 
@@ -9884,9 +9589,9 @@ __metadata:
   linkType: hard
 
 "emoji-regex@npm:^10.2.1":
-  version: 10.3.0
-  resolution: "emoji-regex@npm:10.3.0"
-  checksum: 10c0/b4838e8dcdceb44cf47f59abe352c25ff4fe7857acaf5fb51097c427f6f75b44d052eb907a7a3b86f86bc4eae3a93f5c2b7460abe79c407307e6212d65c91163
+  version: 10.4.0
+  resolution: "emoji-regex@npm:10.4.0"
+  checksum: 10c0/a3fcedfc58bfcce21a05a5f36a529d81e88d602100145fcca3dc6f795e3c8acc4fc18fe773fbf9b6d6e9371205edb3afa2668ec3473fa2aa7fd47d2a9d46482d
   languageName: node
   linkType: hard
 
@@ -9922,33 +9627,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"engine.io-client@npm:~6.5.2":
-  version: 6.5.3
-  resolution: "engine.io-client@npm:6.5.3"
+"engine.io-client@npm:~6.6.1":
+  version: 6.6.1
+  resolution: "engine.io-client@npm:6.6.1"
   dependencies:
     "@socket.io/component-emitter": "npm:~3.1.0"
     debug: "npm:~4.3.1"
-    engine.io-parser: "npm:~5.2.1"
-    ws: "npm:~8.11.0"
-    xmlhttprequest-ssl: "npm:~2.0.0"
-  checksum: 10c0/15d2136655972984012fe5c92446ff9939c08d872262bbb23cd54be1b66a00d489da93321cd01a8ad72eaf4022cfd73bdc8bccf32fa51c097a96c0b4c679cd7b
-  languageName: node
-  linkType: hard
-
-"engine.io-parser@npm:~5.2.1":
-  version: 5.2.2
-  resolution: "engine.io-parser@npm:5.2.2"
-  checksum: 10c0/38e71a92ed75e2873d4d9cfab7f889e4a3cfc939b689abd1045e1b2ef9f1a50d0350a2bef69f33d313c1aa626232702da5a9043a1038d76f5ecc0be440c648ab
+    engine.io-parser: "npm:~5.2.1"
+    ws: "npm:~8.17.1"
+    xmlhttprequest-ssl: "npm:~2.1.1"
+  checksum: 10c0/f0ba384a86c2965b8016907a970e2b71b792e951cb97013b237a6f13ecedc7444b0262c7886e62f6807ad761418f3e1ed2442179722e67e5f1d7f55ff6590514
   languageName: node
   linkType: hard
 
-"enhanced-resolve@npm:^5.12.0":
-  version: 5.16.0
-  resolution: "enhanced-resolve@npm:5.16.0"
-  dependencies:
-    graceful-fs: "npm:^4.2.4"
-    tapable: "npm:^2.2.0"
-  checksum: 10c0/dd69669cbb638ccacefd03e04d5e195ee6a99b7f5f8012f86d2df7781834de357923e06064ea621137c4ce0b37cc12b872b4e6d1ac6ab15fe98e7f1dfbbb08c4
+"engine.io-parser@npm:~5.2.1":
+  version: 5.2.3
+  resolution: "engine.io-parser@npm:5.2.3"
+  checksum: 10c0/ed4900d8dbef470ab3839ccf3bfa79ee518ea8277c7f1f2759e8c22a48f64e687ea5e474291394d0c94f84054749fd93f3ef0acb51fa2f5f234cc9d9d8e7c536
   languageName: node
   linkType: hard
 
@@ -9979,7 +9674,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"entities@npm:^4.4.0":
+"entities@npm:^4.5.0":
   version: 4.5.0
   resolution: "entities@npm:4.5.0"
   checksum: 10c0/5b039739f7621f5d1ad996715e53d964035f75ad3b9a4d38c6b3804bb226e282ffeae2443624d8fdd9c47d8e926ae9ac009c54671243f0c3294c26af7cc85250
@@ -10072,55 +9767,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-errors@npm:^1.1.0, es-errors@npm:^1.2.1, es-errors@npm:^1.3.0":
+"es-errors@npm:^1.2.1, es-errors@npm:^1.3.0":
   version: 1.3.0
   resolution: "es-errors@npm:1.3.0"
   checksum: 10c0/0a61325670072f98d8ae3b914edab3559b6caa980f08054a3b872052640d91da01d38df55df797fcc916389d77fc92b8d5906cf028f4db46d7e3003abecbca85
   languageName: node
   linkType: hard
 
-"es-get-iterator@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "es-get-iterator@npm:1.1.3"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.1.3"
-    has-symbols: "npm:^1.0.3"
-    is-arguments: "npm:^1.1.1"
-    is-map: "npm:^2.0.2"
-    is-set: "npm:^2.0.2"
-    is-string: "npm:^1.0.7"
-    isarray: "npm:^2.0.5"
-    stop-iteration-iterator: "npm:^1.0.0"
-  checksum: 10c0/ebd11effa79851ea75d7f079405f9d0dc185559fd65d986c6afea59a0ff2d46c2ed8675f19f03dce7429d7f6c14ff9aede8d121fbab78d75cfda6a263030bac0
-  languageName: node
-  linkType: hard
-
-"es-iterator-helpers@npm:^1.0.15, es-iterator-helpers@npm:^1.0.17":
-  version: 1.0.18
-  resolution: "es-iterator-helpers@npm:1.0.18"
-  dependencies:
-    call-bind: "npm:^1.0.7"
-    define-properties: "npm:^1.2.1"
-    es-abstract: "npm:^1.23.0"
-    es-errors: "npm:^1.3.0"
-    es-set-tostringtag: "npm:^2.0.3"
-    function-bind: "npm:^1.1.2"
-    get-intrinsic: "npm:^1.2.4"
-    globalthis: "npm:^1.0.3"
-    has-property-descriptors: "npm:^1.0.2"
-    has-proto: "npm:^1.0.3"
-    has-symbols: "npm:^1.0.3"
-    internal-slot: "npm:^1.0.7"
-    iterator.prototype: "npm:^1.1.2"
-    safe-array-concat: "npm:^1.1.2"
-  checksum: 10c0/93be402e01fa3d8bf62fcadd2fb3055126ffcfe8846911b10b85918ef46775252696c84e6191ec8125bedb61e92242ad1a54a86118436ba19814720cb9ff4aed
-  languageName: node
-  linkType: hard
-
-"es-iterator-helpers@npm:^1.0.19":
-  version: 1.0.19
-  resolution: "es-iterator-helpers@npm:1.0.19"
+"es-iterator-helpers@npm:^1.0.19, es-iterator-helpers@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "es-iterator-helpers@npm:1.1.0"
   dependencies:
     call-bind: "npm:^1.0.7"
     define-properties: "npm:^1.2.1"
@@ -10129,14 +9785,14 @@ __metadata:
     es-set-tostringtag: "npm:^2.0.3"
     function-bind: "npm:^1.1.2"
     get-intrinsic: "npm:^1.2.4"
-    globalthis: "npm:^1.0.3"
+    globalthis: "npm:^1.0.4"
     has-property-descriptors: "npm:^1.0.2"
     has-proto: "npm:^1.0.3"
     has-symbols: "npm:^1.0.3"
     internal-slot: "npm:^1.0.7"
-    iterator.prototype: "npm:^1.1.2"
+    iterator.prototype: "npm:^1.1.3"
     safe-array-concat: "npm:^1.1.2"
-  checksum: 10c0/ae8f0241e383b3d197383b9842c48def7fce0255fb6ed049311b686ce295595d9e389b466f6a1b7d4e7bb92d82f5e716d6fae55e20c1040249bf976743b038c5
+  checksum: 10c0/84d6c240c7da6e62323b336cb1497781546dab16bebdbd879ccfdf588979712d3e941d41165b6c2ffce5a03a7b929d4e6131d3124d330da1a0e2bfa1da7cd99f
   languageName: node
   linkType: hard
 
@@ -10187,6 +9843,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"esast-util-from-estree@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "esast-util-from-estree@npm:2.0.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-visit: "npm:^2.0.0"
+    unist-util-position-from-estree: "npm:^2.0.0"
+  checksum: 10c0/6c619bc6963314f8f64b32e3b101b321bf121f659e62b11e70f425619c2db6f1d25f4c594a57fd00908da96c67d9bfbf876eb5172abf9e13f47a71796f6630ff
+  languageName: node
+  linkType: hard
+
+"esast-util-from-js@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "esast-util-from-js@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    acorn: "npm:^8.0.0"
+    esast-util-from-estree: "npm:^2.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10c0/3a446fb0b0d7bcd7e0157aa44b3b692802a08c93edbea81cc0f7fe4437bfdfb4b72e4563fe63b4e36d390086b71185dba4ac921f4180cc6349985c263cc74421
+  languageName: node
+  linkType: hard
+
 "esbuild@npm:0.17.x || 0.18.x || 0.19.x || 0.20.x":
   version: 0.20.2
   resolution: "esbuild@npm:0.20.2"
@@ -10427,14 +10107,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escalade@npm:^3.1.1":
-  version: 3.1.2
-  resolution: "escalade@npm:3.1.2"
-  checksum: 10c0/6b4adafecd0682f3aa1cd1106b8fff30e492c7015b178bc81b2d2f75106dabea6c6d6e8508fc491bd58e597c74abb0e8e2368f943ecb9393d4162e3c2f3cf287
-  languageName: node
-  linkType: hard
-
-"escalade@npm:^3.1.2":
+"escalade@npm:^3.1.1, escalade@npm:^3.2.0":
   version: 3.2.0
   resolution: "escalade@npm:3.2.0"
   checksum: 10c0/ced4dd3a78e15897ed3be74e635110bbf3b08877b0a41be50dcb325ee0e0b5f65fc2d50e9845194d7c4633f327e2e1c6cce00a71b617c5673df0374201d67f65
@@ -10537,13 +10210,13 @@ __metadata:
   linkType: hard
 
 "eslint-config-turbo@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "eslint-config-turbo@npm:2.1.2"
+  version: 2.2.3
+  resolution: "eslint-config-turbo@npm:2.2.3"
   dependencies:
-    eslint-plugin-turbo: "npm:2.1.2"
+    eslint-plugin-turbo: "npm:2.2.3"
   peerDependencies:
     eslint: ">6.6.0"
-  checksum: 10c0/50844824d3b6fe007788b778e25cf918e93cbd397eb6dfa8aa4441249da15c8b0055c3340c4da311509d6f5bfce1beb5c73f53e62691baeaa878bc2af6eef1d9
+  checksum: 10c0/4bdb81979f6667301e5cf0ee15bad567d4005dca8a37e3c80abe3f732c113e4d38337aec12b5d69563173829d4b41a71e6bd277a2a2c0ed8aea9246bf56531e3
   languageName: node
   linkType: hard
 
@@ -10558,25 +10231,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-import-resolver-typescript@npm:^3.5.2":
-  version: 3.6.1
-  resolution: "eslint-import-resolver-typescript@npm:3.6.1"
-  dependencies:
-    debug: "npm:^4.3.4"
-    enhanced-resolve: "npm:^5.12.0"
-    eslint-module-utils: "npm:^2.7.4"
-    fast-glob: "npm:^3.3.1"
-    get-tsconfig: "npm:^4.5.0"
-    is-core-module: "npm:^2.11.0"
-    is-glob: "npm:^4.0.3"
-  peerDependencies:
-    eslint: "*"
-    eslint-plugin-import: "*"
-  checksum: 10c0/cb1cb4389916fe78bf8c8567aae2f69243dbfe624bfe21078c56ad46fa1ebf0634fa7239dd3b2055ab5c27359e4b4c28b69b11fcb3a5df8a9e6f7add8e034d86
-  languageName: node
-  linkType: hard
-
-"eslint-import-resolver-typescript@npm:^3.6.3":
+"eslint-import-resolver-typescript@npm:^3.5.2, eslint-import-resolver-typescript@npm:^3.6.3":
   version: 3.6.3
   resolution: "eslint-import-resolver-typescript@npm:3.6.3"
   dependencies:
@@ -10625,7 +10280,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-module-utils@npm:2.8.1, eslint-module-utils@npm:^2.7.4":
+"eslint-module-utils@npm:2.8.1":
   version: 2.8.1
   resolution: "eslint-module-utils@npm:2.8.1"
   dependencies:
@@ -10637,15 +10292,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-module-utils@npm:^2.8.1":
-  version: 2.11.0
-  resolution: "eslint-module-utils@npm:2.11.0"
+"eslint-module-utils@npm:^2.7.4, eslint-module-utils@npm:^2.8.1":
+  version: 2.12.0
+  resolution: "eslint-module-utils@npm:2.12.0"
   dependencies:
     debug: "npm:^3.2.7"
   peerDependenciesMeta:
     eslint:
       optional: true
-  checksum: 10c0/c1b02e83429878ab22596f17a5ac138e51a520e96a5ef89a5a6698769a2d174ab28302d45eb563c0fc418d21a5842e328c37a6e8f294bf2e64e675ba55203dd7
+  checksum: 10c0/4d8b46dcd525d71276f9be9ffac1d2be61c9d54cc53c992e6333cf957840dee09381842b1acbbb15fc6b255ebab99cd481c5007ab438e5455a14abe1a0468558
   languageName: node
   linkType: hard
 
@@ -10673,13 +10328,13 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-cypress@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "eslint-plugin-cypress@npm:3.5.0"
+  version: 3.6.0
+  resolution: "eslint-plugin-cypress@npm:3.6.0"
   dependencies:
     globals: "npm:^13.20.0"
   peerDependencies:
     eslint: ">=7"
-  checksum: 10c0/45b26d454a101e6e3adc4f4c213f660f5b09ceedab692768b06533e05fe40295344ca744f75d23e552ca6ae512bf18efe154cd7c341389a60e35ef252f29431d
+  checksum: 10c0/8e04baccbfdd6e255aa51ec5ecca29638387ec14833b33398009015bd220d5742c6cc3fea888f957832b00afd21dff1ef5d76ed5b3b69117e48acd45db8f8f1e
   languageName: node
   linkType: hard
 
@@ -10751,11 +10406,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-jsx-a11y@npm:^6.10.0":
-  version: 6.10.0
-  resolution: "eslint-plugin-jsx-a11y@npm:6.10.0"
+"eslint-plugin-jsx-a11y@npm:^6.10.0, eslint-plugin-jsx-a11y@npm:^6.7.1":
+  version: 6.10.1
+  resolution: "eslint-plugin-jsx-a11y@npm:6.10.1"
   dependencies:
-    aria-query: "npm:~5.1.3"
+    aria-query: "npm:^5.3.2"
     array-includes: "npm:^3.1.8"
     array.prototype.flatmap: "npm:^1.3.2"
     ast-types-flow: "npm:^0.0.8"
@@ -10763,43 +10418,17 @@ __metadata:
     axobject-query: "npm:^4.1.0"
     damerau-levenshtein: "npm:^1.0.8"
     emoji-regex: "npm:^9.2.2"
-    es-iterator-helpers: "npm:^1.0.19"
+    es-iterator-helpers: "npm:^1.1.0"
     hasown: "npm:^2.0.2"
     jsx-ast-utils: "npm:^3.3.5"
     language-tags: "npm:^1.0.9"
     minimatch: "npm:^3.1.2"
     object.fromentries: "npm:^2.0.8"
     safe-regex-test: "npm:^1.0.3"
-    string.prototype.includes: "npm:^2.0.0"
+    string.prototype.includes: "npm:^2.0.1"
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
-  checksum: 10c0/9f8e29a3317fb6a82e2ecd333fe0fab3a69fff786d087eb65dc723d6e954473ab681d14a252d7cb2971f5e7f68816cb6f7731766558e1833a77bd73af1b5ab34
-  languageName: node
-  linkType: hard
-
-"eslint-plugin-jsx-a11y@npm:^6.7.1":
-  version: 6.8.0
-  resolution: "eslint-plugin-jsx-a11y@npm:6.8.0"
-  dependencies:
-    "@babel/runtime": "npm:^7.23.2"
-    aria-query: "npm:^5.3.0"
-    array-includes: "npm:^3.1.7"
-    array.prototype.flatmap: "npm:^1.3.2"
-    ast-types-flow: "npm:^0.0.8"
-    axe-core: "npm:=4.7.0"
-    axobject-query: "npm:^3.2.1"
-    damerau-levenshtein: "npm:^1.0.8"
-    emoji-regex: "npm:^9.2.2"
-    es-iterator-helpers: "npm:^1.0.15"
-    hasown: "npm:^2.0.0"
-    jsx-ast-utils: "npm:^3.3.5"
-    language-tags: "npm:^1.0.9"
-    minimatch: "npm:^3.1.2"
-    object.entries: "npm:^1.1.7"
-    object.fromentries: "npm:^2.0.7"
-  peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 10c0/199b883e526e6f9d7c54cb3f094abc54f11a1ec816db5fb6cae3b938eb0e503acc10ccba91ca7451633a9d0b9abc0ea03601844a8aba5fe88c5e8897c9ac8f49
+  checksum: 10c0/25bf28e3db4f6789c5d4f9300fc6fc54faca19ecc537d0f46e9c873f80ed37103a033e1f716f608fab5f5813dd38af65a9a6ae2e29dd079763ce539ebecf998e
   languageName: node
   linkType: hard
 
@@ -10833,18 +10462,18 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-perfectionist@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "eslint-plugin-perfectionist@npm:3.5.0"
+  version: 3.9.1
+  resolution: "eslint-plugin-perfectionist@npm:3.9.1"
   dependencies:
-    "@typescript-eslint/types": "npm:^8.4.0"
-    "@typescript-eslint/utils": "npm:^8.4.0"
+    "@typescript-eslint/types": "npm:^8.9.0"
+    "@typescript-eslint/utils": "npm:^8.9.0"
     minimatch: "npm:^9.0.5"
     natural-compare-lite: "npm:^1.4.0"
   peerDependencies:
     astro-eslint-parser: ^1.0.2
     eslint: ">=8.0.0"
     svelte: ">=3.0.0"
-    svelte-eslint-parser: ^0.41.0
+    svelte-eslint-parser: ^0.41.1
     vue-eslint-parser: ">=9.0.0"
   peerDependenciesMeta:
     astro-eslint-parser:
@@ -10855,13 +10484,13 @@ __metadata:
       optional: true
     vue-eslint-parser:
       optional: true
-  checksum: 10c0/6740a193d318e7821c11708908e9b8f0f9eb05a4473a1a23076698193ba230568d9a286bb1ce63cd1ba84f38e92ac44816408d24906d25addfa03f321de5b0b0
+  checksum: 10c0/ef4e4465a0a6c45d65375cdd823d133ad82e3fb576451afc802250f433797eec361abb35f2fb042496e8e35a87af7c5a7567efaa05e7fa4b72cda0060a1cc185
   languageName: node
   linkType: hard
 
 "eslint-plugin-playwright@npm:^1.6.2":
-  version: 1.6.2
-  resolution: "eslint-plugin-playwright@npm:1.6.2"
+  version: 1.8.1
+  resolution: "eslint-plugin-playwright@npm:1.8.1"
   dependencies:
     globals: "npm:^13.23.0"
   peerDependencies:
@@ -10870,7 +10499,7 @@ __metadata:
   peerDependenciesMeta:
     eslint-plugin-jest:
       optional: true
-  checksum: 10c0/0785b7031507699eac6a45fdcd90705d9759d5943a4033354b735ae856c9d71345ecacb6a7ff0c4cd0e24f523e9d59dee7081dc96c7b5c492fcbed77496a0a19
+  checksum: 10c0/f2971896eb6772b7c54edc5a3372f42b681e1dcb5843ea48ea67d9d6ea8fc4c8e986c11e8b4b42801b764857581ffa6fe5824bfee3f8ef1435e959c71ef9406e
   languageName: node
   linkType: hard
 
@@ -10921,37 +10550,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:^7.33.2":
-  version: 7.34.1
-  resolution: "eslint-plugin-react@npm:7.34.1"
-  dependencies:
-    array-includes: "npm:^3.1.7"
-    array.prototype.findlast: "npm:^1.2.4"
-    array.prototype.flatmap: "npm:^1.3.2"
-    array.prototype.toreversed: "npm:^1.1.2"
-    array.prototype.tosorted: "npm:^1.1.3"
-    doctrine: "npm:^2.1.0"
-    es-iterator-helpers: "npm:^1.0.17"
-    estraverse: "npm:^5.3.0"
-    jsx-ast-utils: "npm:^2.4.1 || ^3.0.0"
-    minimatch: "npm:^3.1.2"
-    object.entries: "npm:^1.1.7"
-    object.fromentries: "npm:^2.0.7"
-    object.hasown: "npm:^1.1.3"
-    object.values: "npm:^1.1.7"
-    prop-types: "npm:^15.8.1"
-    resolve: "npm:^2.0.0-next.5"
-    semver: "npm:^6.3.1"
-    string.prototype.matchall: "npm:^4.0.10"
-  peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 10c0/7c61b1314d37a4ac2f2474f9571f801f1a1a5d81dcd4abbb5d07145406518722fb792367267757ee116bde254be9753242d6b93c9619110398b3fe1746e4848c
-  languageName: node
-  linkType: hard
-
-"eslint-plugin-react@npm:^7.36.1":
-  version: 7.36.1
-  resolution: "eslint-plugin-react@npm:7.36.1"
+"eslint-plugin-react@npm:^7.33.2, eslint-plugin-react@npm:^7.36.1":
+  version: 7.37.1
+  resolution: "eslint-plugin-react@npm:7.37.1"
   dependencies:
     array-includes: "npm:^3.1.8"
     array.prototype.findlast: "npm:^1.2.5"
@@ -10973,7 +10574,7 @@ __metadata:
     string.prototype.repeat: "npm:^1.0.0"
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-  checksum: 10c0/8cb37f7fb351213bc44263580ff77627e14e27870fd81dae593e3de2826340b9bd8bbac7ae00fd5de69751a0660b2e51bd26760596f4ae85548f6b1bd76706e6
+  checksum: 10c0/13cf55666f16d2ca45b14aad1b0e14741d1817679c86d20aff0bc1e802439a8541f40a42c4c8e3486ffb710f1bcc2f3e56697f2b5f724306a7fca174e1ad6433
   languageName: node
   linkType: hard
 
@@ -10995,36 +10596,36 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-tailwindcss@npm:^3.17.4":
-  version: 3.17.4
-  resolution: "eslint-plugin-tailwindcss@npm:3.17.4"
+  version: 3.17.5
+  resolution: "eslint-plugin-tailwindcss@npm:3.17.5"
   dependencies:
     fast-glob: "npm:^3.2.5"
     postcss: "npm:^8.4.4"
   peerDependencies:
     tailwindcss: ^3.4.0
-  checksum: 10c0/39cc8a9f8aad86da2a6d21e96c190cd660b6fd667e1502a4f96ae7176c00f708c2ed8220c78e6c2bfb1f988541c4f27f74e3defe209ad442b3aaa297d86a4917
+  checksum: 10c0/9ff1a36fd07f8066474f002bd82c24f1d3910b6ef484a452ec4ba1543b985dc1fde02266a21d458afba02fa404daa88b99cfbad8b4324e5d7bbae5fb1ab535c2
   languageName: node
   linkType: hard
 
 "eslint-plugin-testing-library@npm:^6.3.0":
-  version: 6.3.0
-  resolution: "eslint-plugin-testing-library@npm:6.3.0"
+  version: 6.4.0
+  resolution: "eslint-plugin-testing-library@npm:6.4.0"
   dependencies:
-    "@typescript-eslint/utils": "npm:^5.58.0"
+    "@typescript-eslint/utils": "npm:^5.62.0"
   peerDependencies:
-    eslint: ^7.5.0 || ^8.0.0
-  checksum: 10c0/9f388cb9101a38f30a8be9b0ddb6765fc69faccaf7b9ac02b5d662505b72023468f0c99d1a83fd18750e70a1b3d67d3cabc6e4f531fee0a753e35499e7f7461b
+    eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
+  checksum: 10c0/b9997487a09df41c27487ed80640712c2c6e62840f5fb9eea1f0b622e40cb438a19a8c52ff2d73f5ab7b28d5e7ce2be649d87ca41fb67897422159d36f42033a
   languageName: node
   linkType: hard
 
-"eslint-plugin-turbo@npm:2.1.2":
-  version: 2.1.2
-  resolution: "eslint-plugin-turbo@npm:2.1.2"
+"eslint-plugin-turbo@npm:2.2.3":
+  version: 2.2.3
+  resolution: "eslint-plugin-turbo@npm:2.2.3"
   dependencies:
     dotenv: "npm:16.0.3"
   peerDependencies:
     eslint: ">6.6.0"
-  checksum: 10c0/20436c067a22fa6fa255e9b94f57e1f0e5845acaf8fd5b920870ce816692ed9f7bde0e1f0d51455ba033a121d4e9682570d41b573c0047cfb29272b8dde6aac2
+  checksum: 10c0/37b88dc810e53cdd0b28cf381d89777db64828f00c4fd3ed72d9000624923f2388eabc1db1ace3414e9edec335f75e133a6fa60d80d35004487ddd1baa10fe5e
   languageName: node
   linkType: hard
 
@@ -11055,15 +10656,15 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-unused-imports@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "eslint-plugin-unused-imports@npm:4.1.3"
+  version: 4.1.4
+  resolution: "eslint-plugin-unused-imports@npm:4.1.4"
   peerDependencies:
     "@typescript-eslint/eslint-plugin": ^8.0.0-0 || ^7.0.0 || ^6.0.0 || ^5.0.0
     eslint: ^9.0.0 || ^8.0.0
   peerDependenciesMeta:
     "@typescript-eslint/eslint-plugin":
       optional: true
-  checksum: 10c0/e30120e274554b99756fb4c2af123ca03f502fc55bc7e5b095fa9278b96cb32f1e405cf2e533aa8b0f8ca28c504ecf15daed9e4b5fccb172316e256a994fdebe
+  checksum: 10c0/3899f64b0e8b23fa6b81e2754fc10f93d8741e051d70390a8100ca39af7878bde8625f234b76111af69562ef2512104b52c3703e986ccb3ac9adc07911896acf
   languageName: node
   linkType: hard
 
@@ -11095,14 +10696,14 @@ __metadata:
   linkType: hard
 
 "eslint@npm:^8.57.0":
-  version: 8.57.0
-  resolution: "eslint@npm:8.57.0"
+  version: 8.57.1
+  resolution: "eslint@npm:8.57.1"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.2.0"
     "@eslint-community/regexpp": "npm:^4.6.1"
     "@eslint/eslintrc": "npm:^2.1.4"
-    "@eslint/js": "npm:8.57.0"
-    "@humanwhocodes/config-array": "npm:^0.11.14"
+    "@eslint/js": "npm:8.57.1"
+    "@humanwhocodes/config-array": "npm:^0.13.0"
     "@humanwhocodes/module-importer": "npm:^1.0.1"
     "@nodelib/fs.walk": "npm:^1.2.8"
     "@ungap/structured-clone": "npm:^1.2.0"
@@ -11138,7 +10739,7 @@ __metadata:
     text-table: "npm:^0.2.0"
   bin:
     eslint: bin/eslint.js
-  checksum: 10c0/00bb96fd2471039a312435a6776fe1fd557c056755eaa2b96093ef3a8508c92c8775d5f754768be6b1dddd09fdd3379ddb231eeb9b6c579ee17ea7d68000a529
+  checksum: 10c0/1fd31533086c1b72f86770a4d9d7058ee8b4643fd1cfd10c7aac1ecb8725698e88352a87805cf4b2ce890aa35947df4b4da9655fb7fdfa60dbb448a43f6ebcf1
   languageName: node
   linkType: hard
 
@@ -11164,11 +10765,11 @@ __metadata:
   linkType: hard
 
 "esquery@npm:^1.4.2, esquery@npm:^1.5.0":
-  version: 1.5.0
-  resolution: "esquery@npm:1.5.0"
+  version: 1.6.0
+  resolution: "esquery@npm:1.6.0"
   dependencies:
     estraverse: "npm:^5.1.0"
-  checksum: 10c0/a084bd049d954cc88ac69df30534043fb2aee5555b56246493f42f27d1e168f00d9e5d4192e46f10290d312dc30dc7d58994d61a609c579c1219d636996f9213
+  checksum: 10c0/cb9065ec605f9da7a76ca6dadb0619dfb611e37a81e318732977d90fab50a256b95fee2d925fba7c2f3f0523aa16f91587246693bc09bc34d5a59575fe6e93d2
   languageName: node
   linkType: hard
 
@@ -11223,6 +10824,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-scope@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "estree-util-scope@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    devlop: "npm:^1.0.0"
+  checksum: 10c0/ef8a573cc899277c613623a1722f630e2163abbc6e9e2f49e758c59b81b484e248b585df6df09a38c00fbfb6390117997cc80c1347b7a86bc1525d9e462b60d5
+  languageName: node
+  linkType: hard
+
 "estree-util-to-js@npm:^2.0.0":
   version: 2.0.0
   resolution: "estree-util-to-js@npm:2.0.0"
@@ -11431,7 +11042,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.12, fast-glob@npm:^3.2.5, fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.1, fast-glob@npm:^3.3.2":
+"fast-glob@npm:^3.2.12, fast-glob@npm:^3.2.5, fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.0, fast-glob@npm:^3.3.2":
   version: 3.3.2
   resolution: "fast-glob@npm:3.3.2"
   dependencies:
@@ -11519,6 +11130,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fdir@npm:^6.4.0":
+  version: 6.4.2
+  resolution: "fdir@npm:6.4.2"
+  peerDependencies:
+    picomatch: ^3 || ^4
+  peerDependenciesMeta:
+    picomatch:
+      optional: true
+  checksum: 10c0/34829886f34a3ca4170eca7c7180ec4de51a3abb4d380344063c0ae2e289b11d2ba8b724afee974598c83027fea363ff598caf2b51bc4e6b1e0d8b80cc530573
+  languageName: node
+  linkType: hard
+
 "fetch-blob@npm:^3.1.2, fetch-blob@npm:^3.1.4":
   version: 3.2.0
   resolution: "fetch-blob@npm:3.2.0"
@@ -11563,15 +11186,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fill-range@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "fill-range@npm:7.0.1"
-  dependencies:
-    to-regex-range: "npm:^5.0.1"
-  checksum: 10c0/7cdad7d426ffbaadf45aeb5d15ec675bbd77f7597ad5399e3d2766987ed20bda24d5fac64b3ee79d93276f5865608bb22344a26b9b1ae6c4d00bd94bf611623f
-  languageName: node
-  linkType: hard
-
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"
@@ -11581,13 +11195,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-babel-config@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "find-babel-config@npm:2.0.0"
+"find-babel-config@npm:^2.1.1":
+  version: 2.1.2
+  resolution: "find-babel-config@npm:2.1.2"
   dependencies:
-    json5: "npm:^2.1.1"
-    path-exists: "npm:^4.0.0"
-  checksum: 10c0/4d841cf74f0e17da20c4d52d520831e1ccf42eaa99570c07ea5948adabc14a0d1388dea690efdf66c007de8c4c61629458c11822c88ccc84d855d77668fa5247
+    json5: "npm:^2.2.3"
+  checksum: 10c0/c9151b23d636378eae11aa761b0af41d5f67d5479e3ebfca7b0ec7feef91723f14242d243342783b89e6c51fc5b4120086eacf5d8a1a335cf7bae4b0ac89f493
   languageName: node
   linkType: hard
 
@@ -11642,16 +11255,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-yarn-workspace-root2@npm:1.2.16":
-  version: 1.2.16
-  resolution: "find-yarn-workspace-root2@npm:1.2.16"
-  dependencies:
-    micromatch: "npm:^4.0.2"
-    pkg-dir: "npm:^4.2.0"
-  checksum: 10c0/d576067c7823de517d71831eafb5f6dc60554335c2d14445708f2698551b234f89c976a7f259d9355a44e417c49e7a93b369d0474579af02bbe2498f780c92d3
-  languageName: node
-  linkType: hard
-
 "find-yarn-workspace-root@npm:^2.0.0":
   version: 2.0.0
   resolution: "find-yarn-workspace-root@npm:2.0.0"
@@ -11680,12 +11283,12 @@ __metadata:
   linkType: hard
 
 "follow-redirects@npm:^1.14.9":
-  version: 1.15.6
-  resolution: "follow-redirects@npm:1.15.6"
+  version: 1.15.9
+  resolution: "follow-redirects@npm:1.15.9"
   peerDependenciesMeta:
     debug:
       optional: true
-  checksum: 10c0/9ff767f0d7be6aa6870c82ac79cf0368cd73e01bbc00e9eb1c2a16fbb198ec105e3c9b6628bb98e9f3ac66fe29a957b9645bcb9a490bb7aa0d35f908b6b85071
+  checksum: 10c0/5829165bd112c3c0e82be6c15b1a58fa9dcfaede3b3c54697a82fe4a62dd5ae5e8222956b448d2f98e331525f05d00404aba7d696de9e761ef6e42fdc780244f
   languageName: node
   linkType: hard
 
@@ -11699,23 +11302,23 @@ __metadata:
   linkType: hard
 
 "foreground-child@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "foreground-child@npm:3.1.1"
+  version: 3.3.0
+  resolution: "foreground-child@npm:3.3.0"
   dependencies:
     cross-spawn: "npm:^7.0.0"
     signal-exit: "npm:^4.0.1"
-  checksum: 10c0/9700a0285628abaeb37007c9a4d92bd49f67210f09067638774338e146c8e9c825c5c877f072b2f75f41dc6a2d0be8664f79ffc03f6576649f54a84fb9b47de0
+  checksum: 10c0/028f1d41000553fcfa6c4bb5c372963bf3d9bf0b1f25a87d1a6253014343fb69dfb1b42d9625d7cf44c8ba429940f3d0ff718b62105d4d4a4f6ef8ca0a53faa2
   languageName: node
   linkType: hard
 
 "form-data@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "form-data@npm:4.0.0"
+  version: 4.0.1
+  resolution: "form-data@npm:4.0.1"
   dependencies:
     asynckit: "npm:^0.4.0"
     combined-stream: "npm:^1.0.8"
     mime-types: "npm:^2.1.12"
-  checksum: 10c0/cb6f3ac49180be03ff07ba3ff125f9eba2ff0b277fb33c7fc47569fc5e616882c5b1c69b9904c4c4187e97dd0419dd03b134174756f296dec62041e6527e2c6e
+  checksum: 10c0/bb102d570be8592c23f4ea72d7df9daa50c7792eb0cf1c5d7e506c1706e7426a4e4ae48a35b109e91c85f1c0ec63774a21ae252b66f4eb981cb8efef7d0463c8
   languageName: node
   linkType: hard
 
@@ -11743,8 +11346,8 @@ __metadata:
   linkType: hard
 
 "framer-motion@npm:^11.5.4":
-  version: 11.5.4
-  resolution: "framer-motion@npm:11.5.4"
+  version: 11.11.9
+  resolution: "framer-motion@npm:11.11.9"
   dependencies:
     tslib: "npm:^2.4.0"
   peerDependencies:
@@ -11758,7 +11361,7 @@ __metadata:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/2405aad0ed3cbd2ad6ab2dedec5146483feb8e67f6f3d16f38bfea23f0e31a4fad5f1660f307767a5e9c27b40c708b64c0ba65841824a38144e401f3bab31566
+  checksum: 10c0/70e956da4146ffe00a35bf5abe7fc04bd86dc6fbc8a8ec95b1b125dfaa624db9a1b41d676f0b2eaef88538c58c5616c113d0fbed73219814223669a9002886cc
   languageName: node
   linkType: hard
 
@@ -11884,7 +11487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"function.prototype.name@npm:^1.1.5, function.prototype.name@npm:^1.1.6":
+"function.prototype.name@npm:^1.1.6":
   version: 1.1.6
   resolution: "function.prototype.name@npm:1.1.6"
   dependencies:
@@ -11904,11 +11507,11 @@ __metadata:
   linkType: hard
 
 "fx@npm:*":
-  version: 34.0.0
-  resolution: "fx@npm:34.0.0"
+  version: 35.0.0
+  resolution: "fx@npm:35.0.0"
   bin:
     fx: index.js
-  checksum: 10c0/f8f76adff9c9bbcfde2ec7796d7de13080d72e3d0fe33fadea1ae6e2a11c1eb3c82e0dc457895d1219536d652969a58dc18e5ed6a789feba645db79bef3725e2
+  checksum: 10c0/0f5bc30717780ee509e49c2add550104fd7697d425d3fdf92817e8ce2166f01f93eec888ed0d2e12c0fa88d6bebce2c19e52604efbf024c3791aa91d95a02457
   languageName: node
   linkType: hard
 
@@ -11926,7 +11529,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4":
+"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4":
   version: 1.2.4
   resolution: "get-intrinsic@npm:1.2.4"
   dependencies:
@@ -11994,15 +11597,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-tsconfig@npm:^4.5.0":
-  version: 4.7.3
-  resolution: "get-tsconfig@npm:4.7.3"
-  dependencies:
-    resolve-pkg-maps: "npm:^1.0.0"
-  checksum: 10c0/b15ca9d5d0887ebfccadc9fe88b6ff3827a5691ec90e7608a5e9c74bef959c14aba62f6bb88ac7f50322395731789a2cf654244f00e10f4f76349911b6846d6f
-  languageName: node
-  linkType: hard
-
 "get-tsconfig@npm:^4.7.5":
   version: 4.8.1
   resolution: "get-tsconfig@npm:4.8.1"
@@ -12072,17 +11666,18 @@ __metadata:
   linkType: hard
 
 "glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10":
-  version: 10.3.12
-  resolution: "glob@npm:10.3.12"
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
   dependencies:
     foreground-child: "npm:^3.1.0"
-    jackspeak: "npm:^2.3.6"
-    minimatch: "npm:^9.0.1"
-    minipass: "npm:^7.0.4"
-    path-scurry: "npm:^1.10.2"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
   bin:
     glob: dist/esm/bin.mjs
-  checksum: 10c0/f60cefdc1cf3f958b2bb5823e1b233727f04916d489dc4641d76914f016e6704421e06a83cbb68b0cb1cb9382298b7a88075b844ad2127fc9727ea22b18b0711
+  checksum: 10c0/19a9759ea77b8e3ca0a43c2f07ecddc2ad46216b786bb8f993c445aee80d345925a21e5280c7b7c6c59e860a0154b84e4b2b60321fea92cd3c56b4a7489f160e
   languageName: node
   linkType: hard
 
@@ -12116,20 +11711,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^8.0.3":
-  version: 8.1.0
-  resolution: "glob@npm:8.1.0"
-  dependencies:
-    fs.realpath: "npm:^1.0.0"
-    inflight: "npm:^1.0.4"
-    inherits: "npm:2"
-    minimatch: "npm:^5.0.1"
-    once: "npm:^1.3.0"
-  checksum: 10c0/cb0b5cab17a59c57299376abe5646c7070f8acb89df5595b492dba3bfb43d301a46c01e5695f01154e6553168207cb60d4eaf07d3be4bc3eb9b0457c5c561d0f
-  languageName: node
-  linkType: hard
-
-"glob@npm:^9.3.1":
+"glob@npm:^9.3.1, glob@npm:^9.3.3":
   version: 9.3.5
   resolution: "glob@npm:9.3.5"
   dependencies:
@@ -12158,18 +11740,19 @@ __metadata:
   linkType: hard
 
 "globals@npm:^15.7.0":
-  version: 15.9.0
-  resolution: "globals@npm:15.9.0"
-  checksum: 10c0/de4b553e412e7e830998578d51b605c492256fb2a9273eaeec6ec9ee519f1c5aa50de57e3979911607fd7593a4066420e01d8c3d551e7a6a236e96c521aee36c
+  version: 15.11.0
+  resolution: "globals@npm:15.11.0"
+  checksum: 10c0/861e39bb6bd9bd1b9f355c25c962e5eb4b3f0e1567cf60fa6c06e8c502b0ec8706b1cce055d69d84d0b7b8e028bec5418cf629a54e7047e116538d1c1c1a375c
   languageName: node
   linkType: hard
 
-"globalthis@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "globalthis@npm:1.0.3"
+"globalthis@npm:^1.0.3, globalthis@npm:^1.0.4":
+  version: 1.0.4
+  resolution: "globalthis@npm:1.0.4"
   dependencies:
-    define-properties: "npm:^1.1.3"
-  checksum: 10c0/0db6e9af102a5254630351557ac15e6909bc7459d3e3f6b001e59fe784c96d31108818f032d9095739355a88467459e6488ff16584ee6250cd8c27dec05af4b0
+    define-properties: "npm:^1.2.1"
+    gopd: "npm:^1.0.1"
+  checksum: 10c0/9d156f313af79d80b1566b93e19285f481c591ad6d0d319b4be5e03750d004dde40a39a0f26f7e635f9007a3600802f53ecd85a759b86f109e80a5f705e01846
   languageName: node
   linkType: hard
 
@@ -12209,7 +11792,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.5, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.5, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -12344,22 +11927,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-from-parse5@npm:^8.0.0":
-  version: 8.0.1
-  resolution: "hast-util-from-parse5@npm:8.0.1"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-    "@types/unist": "npm:^3.0.0"
-    devlop: "npm:^1.0.0"
-    hastscript: "npm:^8.0.0"
-    property-information: "npm:^6.0.0"
-    vfile: "npm:^6.0.0"
-    vfile-location: "npm:^5.0.0"
-    web-namespaces: "npm:^2.0.0"
-  checksum: 10c0/4a30bb885cff1f0e023c429ae3ece73fe4b03386f07234bf23f5555ca087c2573ff4e551035b417ed7615bde559f394cdaf1db2b91c3b7f0575f3563cd238969
-  languageName: node
-  linkType: hard
-
 "hast-util-has-property@npm:^2.0.0":
   version: 2.0.1
   resolution: "hast-util-has-property@npm:2.0.1"
@@ -12402,15 +11969,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-parse-selector@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "hast-util-parse-selector@npm:4.0.0"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-  checksum: 10c0/5e98168cb44470dc274aabf1a28317e4feb09b1eaf7a48bbaa8c1de1b43a89cd195cb1284e535698e658e3ec26ad91bc5e52c9563c36feb75abbc68aaf68fb9f
-  languageName: node
-  linkType: hard
-
 "hast-util-raw@npm:^7.0.0":
   version: 7.2.3
   resolution: "hast-util-raw@npm:7.2.3"
@@ -12430,27 +11988,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-raw@npm:^9.0.0":
-  version: 9.0.4
-  resolution: "hast-util-raw@npm:9.0.4"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-    "@types/unist": "npm:^3.0.0"
-    "@ungap/structured-clone": "npm:^1.0.0"
-    hast-util-from-parse5: "npm:^8.0.0"
-    hast-util-to-parse5: "npm:^8.0.0"
-    html-void-elements: "npm:^3.0.0"
-    mdast-util-to-hast: "npm:^13.0.0"
-    parse5: "npm:^7.0.0"
-    unist-util-position: "npm:^5.0.0"
-    unist-util-visit: "npm:^5.0.0"
-    vfile: "npm:^6.0.0"
-    web-namespaces: "npm:^2.0.0"
-    zwitch: "npm:^2.0.0"
-  checksum: 10c0/03d0fe7ba8bd75c9ce81f829650b19b78917bbe31db70d36bf6f136842496c3474e3bb1841f2d30dafe1f6b561a89a524185492b9a93d40b131000743c0d7998
-  languageName: node
-  linkType: hard
-
 "hast-util-to-estree@npm:^3.0.0":
   version: 3.1.0
   resolution: "hast-util-to-estree@npm:3.1.0"
@@ -12494,29 +12031,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-to-html@npm:^9.0.0":
-  version: 9.0.1
-  resolution: "hast-util-to-html@npm:9.0.1"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-    "@types/unist": "npm:^3.0.0"
-    ccount: "npm:^2.0.0"
-    comma-separated-tokens: "npm:^2.0.0"
-    hast-util-raw: "npm:^9.0.0"
-    hast-util-whitespace: "npm:^3.0.0"
-    html-void-elements: "npm:^3.0.0"
-    mdast-util-to-hast: "npm:^13.0.0"
-    property-information: "npm:^6.0.0"
-    space-separated-tokens: "npm:^2.0.0"
-    stringify-entities: "npm:^4.0.0"
-    zwitch: "npm:^2.0.4"
-  checksum: 10c0/001199084700fad40392e708c9f440346fe01d2297758d871c181f425760de6535227a782f85b83d54b0bbddbdd25021a5f5608cd04e4ae8a93af5391be0db7b
-  languageName: node
-  linkType: hard
-
-"hast-util-to-html@npm:^9.0.2":
-  version: 9.0.2
-  resolution: "hast-util-to-html@npm:9.0.2"
+"hast-util-to-html@npm:^9.0.0, hast-util-to-html@npm:^9.0.3":
+  version: 9.0.3
+  resolution: "hast-util-to-html@npm:9.0.3"
   dependencies:
     "@types/hast": "npm:^3.0.0"
     "@types/unist": "npm:^3.0.0"
@@ -12529,13 +12046,13 @@ __metadata:
     space-separated-tokens: "npm:^2.0.0"
     stringify-entities: "npm:^4.0.0"
     zwitch: "npm:^2.0.4"
-  checksum: 10c0/37db32f9aa0b3c32c0d1e52362e8d0a91760a168f1e9ceab96fea15c9fb5ce2d34e7f8de907c71bd2ae8b54c3e86c578d929b1c9c760b9f887220932a58e479d
+  checksum: 10c0/af938a03034727f6c944d3855732d72f71a3bcd920d36b9ba3e083df2217faf81713740934db64673aca69d76b60abe80052e47c0702323fd0bd5dce03b67b8d
   languageName: node
   linkType: hard
 
 "hast-util-to-jsx-runtime@npm:^2.0.0":
-  version: 2.3.0
-  resolution: "hast-util-to-jsx-runtime@npm:2.3.0"
+  version: 2.3.2
+  resolution: "hast-util-to-jsx-runtime@npm:2.3.2"
   dependencies:
     "@types/estree": "npm:^1.0.0"
     "@types/hast": "npm:^3.0.0"
@@ -12552,7 +12069,7 @@ __metadata:
     style-to-object: "npm:^1.0.0"
     unist-util-position: "npm:^5.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/df7a36dcc792df7667a54438f044b721753d5e09692606d23bf7336bf4651670111fe7728eebbf9f0e4f96ab3346a05bb23037fa1b1d115482b3bc5bde8b6912
+  checksum: 10c0/97761b2a48b8bc37da3d66cb4872312ae06c6e8f9be59e33b04b21fa5af371a39cb23b3ca165dd8e898ba1caf9b76399da35c957e68bad02a587a3a324216d56
   languageName: node
   linkType: hard
 
@@ -12570,21 +12087,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hast-util-to-parse5@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "hast-util-to-parse5@npm:8.0.0"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-    comma-separated-tokens: "npm:^2.0.0"
-    devlop: "npm:^1.0.0"
-    property-information: "npm:^6.0.0"
-    space-separated-tokens: "npm:^2.0.0"
-    web-namespaces: "npm:^2.0.0"
-    zwitch: "npm:^2.0.0"
-  checksum: 10c0/3c0c7fba026e0c4be4675daf7277f9ff22ae6da801435f1b7104f7740de5422576f1c025023c7b3df1d0a161e13a04c6ab8f98ada96eb50adb287b537849a2bd
-  languageName: node
-  linkType: hard
-
 "hast-util-to-string@npm:^2.0.0":
   version: 2.0.0
   resolution: "hast-util-to-string@npm:2.0.0"
@@ -12636,19 +12138,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hastscript@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "hastscript@npm:8.0.0"
-  dependencies:
-    "@types/hast": "npm:^3.0.0"
-    comma-separated-tokens: "npm:^2.0.0"
-    hast-util-parse-selector: "npm:^4.0.0"
-    property-information: "npm:^6.0.0"
-    space-separated-tokens: "npm:^2.0.0"
-  checksum: 10c0/f0b54bbdd710854b71c0f044612db0fe1b5e4d74fa2001633dc8c535c26033269f04f536f9fd5b03f234de1111808f9e230e9d19493bf919432bb24d541719e0
-  languageName: node
-  linkType: hard
-
 "hex-rgb@npm:^4.1.0":
   version: 4.3.0
   resolution: "hex-rgb@npm:4.3.0"
@@ -12663,6 +12152,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"highlightjs-vue@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "highlightjs-vue@npm:1.0.0"
+  checksum: 10c0/9be378c70b864ca5eee87b07859222e31c946a8ad176227e54f7006a498223974ebe19fcce6e38ad5eb3c1ed0e16a580c4edefdf2cb882b6dfab1c3866cc047a
+  languageName: node
+  linkType: hard
+
 "hoist-non-react-statics@npm:^3.3.2":
   version: 3.3.2
   resolution: "hoist-non-react-statics@npm:3.3.2"
@@ -12679,6 +12175,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hosted-git-info@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "hosted-git-info@npm:7.0.2"
+  dependencies:
+    lru-cache: "npm:^10.0.1"
+  checksum: 10c0/b19dbd92d3c0b4b0f1513cf79b0fc189f54d6af2129eeb201de2e9baaa711f1936929c848b866d9c8667a0f956f34bf4f07418c12be1ee9ca74fd9246335ca1f
+  languageName: node
+  linkType: hard
+
 "html-encoding-sniffer@npm:^3.0.0":
   version: 3.0.0
   resolution: "html-encoding-sniffer@npm:3.0.0"
@@ -12703,9 +12208,9 @@ __metadata:
   linkType: hard
 
 "html-url-attributes@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "html-url-attributes@npm:3.0.0"
-  checksum: 10c0/af300ae1f3b9cf90aba0d95a165c3f4066ec2b3ee2f36a885a8d842e68675e4133896b00bde42d18ac799d0ce678fa1695baec3f865b01a628922d737c0d035c
+  version: 3.0.1
+  resolution: "html-url-attributes@npm:3.0.1"
+  checksum: 10c0/496e4908aa8b77665f348b4b03521901794f648b8ac34a581022cd6f2c97934d5c910cd91bc6593bbf2994687549037bc2520fcdc769b31484f29ffdd402acd0
   languageName: node
   linkType: hard
 
@@ -12795,17 +12300,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"https-proxy-agent@npm:^7.0.1":
-  version: 7.0.4
-  resolution: "https-proxy-agent@npm:7.0.4"
-  dependencies:
-    agent-base: "npm:^7.0.2"
-    debug: "npm:4"
-  checksum: 10c0/bc4f7c38da32a5fc622450b6cb49a24ff596f9bd48dcedb52d2da3fa1c1a80e100fb506bd59b326c012f21c863c69b275c23de1a01d0b84db396822fdf25e52b
-  languageName: node
-  linkType: hard
-
-"https-proxy-agent@npm:^7.0.3, https-proxy-agent@npm:^7.0.5":
+"https-proxy-agent@npm:^7.0.1, https-proxy-agent@npm:^7.0.3, https-proxy-agent@npm:^7.0.5":
   version: 7.0.5
   resolution: "https-proxy-agent@npm:7.0.5"
   dependencies:
@@ -12869,9 +12364,9 @@ __metadata:
   linkType: hard
 
 "ignore@npm:^5.0.0, ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1":
-  version: 5.3.1
-  resolution: "ignore@npm:5.3.1"
-  checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd
+  version: 5.3.2
+  resolution: "ignore@npm:5.3.2"
+  checksum: 10c0/f9f652c957983634ded1e7f02da3b559a0d4cc210fca3792cb67f1b153623c9c42efdc1c4121af171e295444459fc4a9201101fb041b1104a3c000bccb188337
   languageName: node
   linkType: hard
 
@@ -12883,16 +12378,16 @@ __metadata:
   linkType: hard
 
 "immer@npm:^10.0.3":
-  version: 10.0.4
-  resolution: "immer@npm:10.0.4"
-  checksum: 10c0/da9da59d6e71cf3f2875024b5cfb58874baef3eefec6425483e53163e31ed0ab24bae85cd2829cb7812acb9723075eedb5946654f8bd47ecf38663388e04d3bd
+  version: 10.1.1
+  resolution: "immer@npm:10.1.1"
+  checksum: 10c0/b749e10d137ccae91788f41bd57e9387f32ea6d6ea8fd7eb47b23fd7766681575efc7f86ceef7fe24c3bc9d61e38ff5d2f49c2663b2b0c056e280a4510923653
   languageName: node
   linkType: hard
 
 "immutable@npm:^4.0.0":
-  version: 4.3.5
-  resolution: "immutable@npm:4.3.5"
-  checksum: 10c0/63d2d7908241a955d18c7822fd2215b6e89ff5a1a33cc72cd475b013cbbdef7a705aa5170a51ce9f84a57f62fdddfaa34e7b5a14b33d8a43c65cc6a881d6e894
+  version: 4.3.7
+  resolution: "immutable@npm:4.3.7"
+  checksum: 10c0/9b099197081b22f6433003e34929da8ecddbbdc1474cdc8aa3b7669dee4adda349c06143de22def36016d1b6de5322b043eccd7a11db1dad2ca85dad4fff5435
   languageName: node
   linkType: hard
 
@@ -12907,21 +12402,21 @@ __metadata:
   linkType: hard
 
 "import-local@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "import-local@npm:3.1.0"
+  version: 3.2.0
+  resolution: "import-local@npm:3.2.0"
   dependencies:
     pkg-dir: "npm:^4.2.0"
     resolve-cwd: "npm:^3.0.0"
   bin:
     import-local-fixture: fixtures/cli.js
-  checksum: 10c0/c67ecea72f775fe8684ca3d057e54bdb2ae28c14bf261d2607c269c18ea0da7b730924c06262eca9aed4b8ab31e31d65bc60b50e7296c85908a56e2f7d41ecd2
+  checksum: 10c0/94cd6367a672b7e0cb026970c85b76902d2710a64896fa6de93bd5c571dd03b228c5759308959de205083e3b1c61e799f019c9e36ee8e9c523b993e1057f0433
   languageName: node
   linkType: hard
 
 "import-meta-resolve@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "import-meta-resolve@npm:4.0.0"
-  checksum: 10c0/709375e01f8c3a87b7870991ca29c630d71bb7e22b7bb0f622613173d87b41b4043b4a983800e6d38ab3867496a46f82d30df0cbc2e55792c91c23193eea67a1
+  version: 4.1.0
+  resolution: "import-meta-resolve@npm:4.1.0"
+  checksum: 10c0/42f3284b0460635ddf105c4ad99c6716099c3ce76702602290ad5cbbcd295700cbc04e4bdf47bacf9e3f1a4cec2e1ff887dabc20458bef398f9de22ddff45ef5
   languageName: node
   linkType: hard
 
@@ -12963,10 +12458,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ini@npm:^4.1.2":
-  version: 4.1.2
-  resolution: "ini@npm:4.1.2"
-  checksum: 10c0/e0ffe587038e26ca1debfece6f5e52fd17f4e65be59bb481bb24b89cd2be31a71f619465918da215916b4deba7d1134c228c58fe5e0db66a71a472dee9b8f99c
+"ini@npm:^4.1.2, ini@npm:^4.1.3":
+  version: 4.1.3
+  resolution: "ini@npm:4.1.3"
+  checksum: 10c0/0d27eff094d5f3899dd7c00d0c04ea733ca03a8eb6f9406ce15daac1a81de022cb417d6eaff7e4342451ffa663389c565ffc68d6825eaf686bf003280b945764
   languageName: node
   linkType: hard
 
@@ -12977,14 +12472,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inline-style-parser@npm:0.2.3":
-  version: 0.2.3
-  resolution: "inline-style-parser@npm:0.2.3"
-  checksum: 10c0/21b46d39a39c8aeaa738346650469388e8a412dd276ab75aa3d85b1883311e89c86a1fdbb8c2f1958f4c979bae74067f6ba0385455b125faf4fa77e1dbb94799
+"inline-style-parser@npm:0.2.4":
+  version: 0.2.4
+  resolution: "inline-style-parser@npm:0.2.4"
+  checksum: 10c0/ddc0b210eaa03e0f98d677b9836242c583c7c6051e84ce0e704ae4626e7871c5b78f8e30853480218b446355745775df318d4f82d33087ff7e393245efa9a881
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7":
+"internal-slot@npm:^1.0.7":
   version: 1.0.7
   resolution: "internal-slot@npm:1.0.7"
   dependencies:
@@ -13048,17 +12543,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "is-arguments@npm:1.1.1"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    has-tostringtag: "npm:^1.0.0"
-  checksum: 10c0/5ff1f341ee4475350adfc14b2328b38962564b7c2076be2f5bac7bd9b61779efba99b9f844a7b82ba7654adccf8e8eb19d1bb0cc6d1c1a085e498f6793d4328f
-  languageName: node
-  linkType: hard
-
-"is-array-buffer@npm:^3.0.2, is-array-buffer@npm:^3.0.4":
+"is-array-buffer@npm:^3.0.4":
   version: 3.0.4
   resolution: "is-array-buffer@npm:3.0.4"
   dependencies:
@@ -13152,11 +12637,11 @@ __metadata:
   linkType: hard
 
 "is-core-module@npm:^2.11.0, is-core-module@npm:^2.13.0":
-  version: 2.13.1
-  resolution: "is-core-module@npm:2.13.1"
+  version: 2.15.1
+  resolution: "is-core-module@npm:2.15.1"
   dependencies:
-    hasown: "npm:^2.0.0"
-  checksum: 10c0/2cba9903aaa52718f11c4896dabc189bab980870aae86a62dc0d5cedb546896770ee946fb14c84b7adf0735f5eaea4277243f1b95f5cefa90054f92fbcac2518
+    hasown: "npm:^2.0.2"
+  checksum: 10c0/53432f10c69c40bfd2fa8914133a68709ff9498c86c3bf5fca3cdf3145a56fd2168cbf4a43b29843a6202a120a5f9c5ffba0a4322e1e3441739bc0b641682612
   languageName: node
   linkType: hard
 
@@ -13298,7 +12783,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-map@npm:^2.0.2, is-map@npm:^2.0.3":
+"is-map@npm:^2.0.3":
   version: 2.0.3
   resolution: "is-map@npm:2.0.3"
   checksum: 10c0/2c4d431b74e00fdda7162cd8e4b763d6f6f217edf97d4f8538b94b8702b150610e2c64961340015fe8df5b1fcee33ccd2e9b62619c4a8a3a155f8de6d6d355fc
@@ -13370,15 +12855,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-reference@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "is-reference@npm:3.0.2"
-  dependencies:
-    "@types/estree": "npm:*"
-  checksum: 10c0/652d31b405e8e8269071cee78fe874b072745012eba202c6dc86880fd603a65ae043e3160990ab4a0a4b33567cbf662eecf3bc6b3c2c1550e6c2b6cf885ce5aa
-  languageName: node
-  linkType: hard
-
 "is-regex@npm:^1.1.4":
   version: 1.1.4
   resolution: "is-regex@npm:1.1.4"
@@ -13396,7 +12872,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-set@npm:^2.0.2, is-set@npm:^2.0.3":
+"is-set@npm:^2.0.3":
   version: 2.0.3
   resolution: "is-set@npm:2.0.3"
   checksum: 10c0/f73732e13f099b2dc879c2a12341cfc22ccaca8dd504e6edae26484bd5707a35d503fba5b4daad530a9b088ced1ae6c9d8200fd92e09b428fe14ea79ce8080b7
@@ -13560,15 +13036,15 @@ __metadata:
   linkType: hard
 
 "istanbul-lib-instrument@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "istanbul-lib-instrument@npm:6.0.2"
+  version: 6.0.3
+  resolution: "istanbul-lib-instrument@npm:6.0.3"
   dependencies:
     "@babel/core": "npm:^7.23.9"
     "@babel/parser": "npm:^7.23.9"
     "@istanbuljs/schema": "npm:^0.1.3"
     istanbul-lib-coverage: "npm:^3.2.0"
     semver: "npm:^7.5.4"
-  checksum: 10c0/405c6ac037bf8c7ee7495980b0cd5544b2c53078c10534d0c9ceeb92a9ea7dcf8510f58ccfce31336458a8fa6ccef27b570bbb602abaa8c1650f5496a807477c
+  checksum: 10c0/a1894e060dd2a3b9f046ffdc87b44c00a35516f5e6b7baf4910369acca79e506fc5323a816f811ae23d82334b38e3ddeb8b3b331bd2c860540793b59a8689128
   languageName: node
   linkType: hard
 
@@ -13604,20 +13080,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iterator.prototype@npm:^1.1.2":
-  version: 1.1.2
-  resolution: "iterator.prototype@npm:1.1.2"
+"iterator.prototype@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "iterator.prototype@npm:1.1.3"
   dependencies:
     define-properties: "npm:^1.2.1"
     get-intrinsic: "npm:^1.2.1"
     has-symbols: "npm:^1.0.3"
     reflect.getprototypeof: "npm:^1.0.4"
     set-function-name: "npm:^2.0.1"
-  checksum: 10c0/a32151326095e916f306990d909f6bbf23e3221999a18ba686419535dcd1749b10ded505e89334b77dc4c7a58a8508978f0eb16c2c8573e6d412eb7eb894ea79
+  checksum: 10c0/68b0320c14291fbb3d8ed5a17e255d3127e7971bec19108076667e79c9ff4c7d69f99de4b0b3075c789c3f318366d7a0a35bb086eae0f2cf832dd58465b2f9e6
   languageName: node
   linkType: hard
 
-"jackspeak@npm:^2.3.5, jackspeak@npm:^2.3.6":
+"jackspeak@npm:^2.3.5":
   version: 2.3.6
   resolution: "jackspeak@npm:2.3.6"
   dependencies:
@@ -13630,16 +13106,25 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jackspeak@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "jackspeak@npm:4.0.1"
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
   dependencies:
     "@isaacs/cliui": "npm:^8.0.2"
     "@pkgjs/parseargs": "npm:^0.11.0"
   dependenciesMeta:
     "@pkgjs/parseargs":
       optional: true
-  checksum: 10c0/c87997d9c9c5b7366259b1f2a444ef148692f8eedad5307caca939babbb60af2b47d306e5c63bf9d5fefbab2ab48d4da275188c3de525d0e716cc21b784bbccb
+  checksum: 10c0/6acc10d139eaefdbe04d2f679e6191b3abf073f111edf10b1de5302c97ec93fffeb2fdd8681ed17f16268aa9dd4f8c588ed9d1d3bffbbfa6e8bf897cbb3149b9
+  languageName: node
+  linkType: hard
+
+"jackspeak@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "jackspeak@npm:4.0.2"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+  checksum: 10c0/b26039d11c0163a95b1e58851b9ac453cce64ad6d1eb98a00b303ad5eeb761b29d33c9419d1e16c016d3f7151c8edf7df223e6cf93a1907655fd95d6ce85c0de
   languageName: node
   linkType: hard
 
@@ -14125,11 +13610,11 @@ __metadata:
   linkType: hard
 
 "jiti@npm:^1.18.2, jiti@npm:^1.21.0":
-  version: 1.21.0
-  resolution: "jiti@npm:1.21.0"
+  version: 1.21.6
+  resolution: "jiti@npm:1.21.6"
   bin:
     jiti: bin/jiti.js
-  checksum: 10c0/7f361219fe6c7a5e440d5f1dba4ab763a5538d2df8708cdc22561cf25ea3e44b837687931fca7cdd8cdd9f567300e90be989dd1321650045012d8f9ed6aab07f
+  checksum: 10c0/05b9ed58cd30d0c3ccd3c98209339e74f50abd9a17e716f65db46b6a35812103f6bde6e134be7124d01745586bca8cc5dae1d0d952267c3ebe55171949c32e56
   languageName: node
   linkType: hard
 
@@ -14195,7 +13680,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-yaml@npm:^3.13.0, js-yaml@npm:^3.13.1, js-yaml@npm:^3.6.1":
+"js-yaml@npm:^3.13.1, js-yaml@npm:^3.6.1":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
   dependencies:
@@ -14233,9 +13718,9 @@ __metadata:
   linkType: hard
 
 "jsdoc-type-pratt-parser@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "jsdoc-type-pratt-parser@npm:4.0.0"
-  checksum: 10c0/b23ef7bbbe2f56d72630d1c5a233dc9fecaff399063d373c57bef136908c1b05e723dac107177303c03ccf8d75aa51507510b282aa567600477479c5ea0c36d1
+  version: 4.1.0
+  resolution: "jsdoc-type-pratt-parser@npm:4.1.0"
+  checksum: 10c0/7700372d2e733a32f7ea0a1df9cec6752321a5345c11a91b2ab478a031a426e934f16d5c1f15c8566c7b2c10af9f27892a29c2c789039f595470e929a4aa60ea
   languageName: node
   linkType: hard
 
@@ -14278,15 +13763,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsesc@npm:^2.5.1":
-  version: 2.5.2
-  resolution: "jsesc@npm:2.5.2"
-  bin:
-    jsesc: bin/jsesc
-  checksum: 10c0/dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88
-  languageName: node
-  linkType: hard
-
 "jsesc@npm:^3.0.2":
   version: 3.0.2
   resolution: "jsesc@npm:3.0.2"
@@ -14327,9 +13803,9 @@ __metadata:
   linkType: hard
 
 "json-parse-even-better-errors@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "json-parse-even-better-errors@npm:3.0.1"
-  checksum: 10c0/bc40600b14231dff1ff911d269c7ed89fbf3dbedf25cad3f47c10ff9cbb998ce03921372a17f27f3c7cfed76e679bc6c02a7b4cb2604b0ba68cd51ed16899492
+  version: 3.0.2
+  resolution: "json-parse-even-better-errors@npm:3.0.2"
+  checksum: 10c0/147f12b005768abe9fab78d2521ce2b7e1381a118413d634a40e6d907d7d10f5e9a05e47141e96d6853af7cc36d2c834d0a014251be48791e037ff2f13d2b94b
   languageName: node
   linkType: hard
 
@@ -14377,7 +13853,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json5@npm:^2.1.1, json5@npm:^2.2.2, json5@npm:^2.2.3":
+"json5@npm:^2.2.2, json5@npm:^2.2.3":
   version: 2.2.3
   resolution: "json5@npm:2.2.3"
   bin:
@@ -14387,9 +13863,9 @@ __metadata:
   linkType: hard
 
 "jsonc-parser@npm:^3.2.0":
-  version: 3.2.1
-  resolution: "jsonc-parser@npm:3.2.1"
-  checksum: 10c0/ada66dec143d7f9cb0e2d0d29c69e9ce40d20f3a4cb96b0c6efb745025ac7f9ba647d7ac0990d0adfc37a2d2ae084a12009a9c833dbdbeadf648879a99b9df89
+  version: 3.3.1
+  resolution: "jsonc-parser@npm:3.3.1"
+  checksum: 10c0/269c3ae0a0e4f907a914bf334306c384aabb9929bd8c99f909275ebd5c2d3bc70b9bcd119ad794f339dec9f24b6a4ee9cd5a8ab2e6435e730ad4075388fc2ab6
   languageName: node
   linkType: hard
 
@@ -14516,9 +13992,9 @@ __metadata:
   linkType: hard
 
 "language-subtag-registry@npm:^0.3.20":
-  version: 0.3.22
-  resolution: "language-subtag-registry@npm:0.3.22"
-  checksum: 10c0/d1e09971260a7cd3b9fdeb190d33af0b6e99c8697013537d9aaa15f7856d9d83aee128ba8078e219df0a7cf4b8dd18d1a0c188f6543b500d92a2689d2d114b70
+  version: 0.3.23
+  resolution: "language-subtag-registry@npm:0.3.23"
+  checksum: 10c0/e9b05190421d2cd36dd6c95c28673019c927947cb6d94f40ba7e77a838629ee9675c94accf897fbebb07923187deb843b8fbb8935762df6edafe6c28dcb0b86c
   languageName: node
   linkType: hard
 
@@ -14548,16 +14024,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lib0@npm:^0.2.85, lib0@npm:^0.2.86, lib0@npm:^0.2.87":
-  version: 0.2.93
-  resolution: "lib0@npm:0.2.93"
+"lib0@npm:^0.2.85, lib0@npm:^0.2.87, lib0@npm:^0.2.98":
+  version: 0.2.98
+  resolution: "lib0@npm:0.2.98"
   dependencies:
     isomorphic.js: "npm:^0.2.4"
   bin:
     0ecdsa-generate-keypair: bin/0ecdsa-generate-keypair.js
     0gentesthtml: bin/gentesthtml.js
     0serve: bin/0serve.js
-  checksum: 10c0/f6ee8542c3d5130916afcc56788fb089d779bd778761a11537d71b64172696ffced923963a0c6088218e2756be57b99e0795fa32fa98ccf1a470231d326092ab
+  checksum: 10c0/074097bcb90a002449cfddaa11552f11d088e38233f0a20a3358b08d7d1952b2f5a491fb63e63ccf66a8ec037e16d82d40a27601bbacf5ded0d2ec810bdf550e
   languageName: node
   linkType: hard
 
@@ -14568,14 +14044,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lilconfig@npm:^3.0.0":
-  version: 3.1.1
-  resolution: "lilconfig@npm:3.1.1"
-  checksum: 10c0/311b559794546894e3fe176663427326026c1c644145be9e8041c58e268aa9328799b8dfe7e4dd8c6a4ae305feae95a1c9e007db3569f35b42b6e1bc8274754c
-  languageName: node
-  linkType: hard
-
-"lilconfig@npm:^3.1.1":
+"lilconfig@npm:^3.0.0, lilconfig@npm:^3.1.1":
   version: 3.1.2
   resolution: "lilconfig@npm:3.1.2"
   checksum: 10c0/f059630b1a9bddaeba83059db00c672b64dc14074e9f232adce32b38ca1b5686ab737eb665c5ba3c32f147f0002b4bee7311ad0386a9b98547b5623e87071fbe
@@ -14629,12 +14098,12 @@ __metadata:
   linkType: hard
 
 "load-plugin@npm:^6.0.0":
-  version: 6.0.2
-  resolution: "load-plugin@npm:6.0.2"
+  version: 6.0.3
+  resolution: "load-plugin@npm:6.0.3"
   dependencies:
     "@npmcli/config": "npm:^8.0.0"
     import-meta-resolve: "npm:^4.0.0"
-  checksum: 10c0/01d95e2928f48c09432e52d6c71aa3f278bcb5dd1c313c018c7955f4747755499678fe9e1adee0c3bd951440fa681aa1709ed193fa6a6314ca4a2bafcb4b7259
+  checksum: 10c0/cbbd4e18472a0ed543b6d60e867a1e2aae385205fcaa76d300ab5a72697e057422cd1e6ff2ba19755c55a86b3d53e53b81a814c757be720895ba525d05f75797
   languageName: node
   linkType: hard
 
@@ -14645,18 +14114,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"load-yaml-file@npm:^0.2.0":
-  version: 0.2.0
-  resolution: "load-yaml-file@npm:0.2.0"
-  dependencies:
-    graceful-fs: "npm:^4.1.5"
-    js-yaml: "npm:^3.13.0"
-    pify: "npm:^4.0.1"
-    strip-bom: "npm:^3.0.0"
-  checksum: 10c0/e00ed43048c0648dfef7639129b6d7e5c2272bc36d2a50dd983dd495f3341a02cd2c40765afa01345f798d0d894e5ba53212449933e72ddfa4d3f7a48f822d2f
-  languageName: node
-  linkType: hard
-
 "locate-path@npm:^2.0.0":
   version: 2.0.0
   resolution: "locate-path@npm:2.0.0"
@@ -14846,16 +14303,16 @@ __metadata:
   linkType: hard
 
 "lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
-  version: 10.2.0
-  resolution: "lru-cache@npm:10.2.0"
-  checksum: 10c0/c9847612aa2daaef102d30542a8d6d9b2c2bb36581c1bf0dc3ebf5e5f3352c772a749e604afae2e46873b930a9e9523743faac4e5b937c576ab29196774712ee
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10c0/ebd04fbca961e6c1d6c0af3799adcc966a1babe798f685bb84e6599266599cd95d94630b10262f5424539bc4640107e8a33aa28585374abf561d30d16f4b39fb
   languageName: node
   linkType: hard
 
 "lru-cache@npm:^11.0.0":
-  version: 11.0.0
-  resolution: "lru-cache@npm:11.0.0"
-  checksum: 10c0/827ff0e0739f9b0f30f92f5a5fc97c6a2bd3ae32c0452bc58cb7411d6c589d49536073027293f2d1f02d0c2e72b63b162f238df7e9ff6f4cc0345f92afec4d1d
+  version: 11.0.1
+  resolution: "lru-cache@npm:11.0.1"
+  checksum: 10c0/8bad6603dc67eb5b03520fba05bce5df6473dbba58ac4c6067ed088d29225a0a04416bb1462acd8c1f819d1fbf37920446a1c36bafd9c384bcc54cee0d3b697a
   languageName: node
   linkType: hard
 
@@ -14878,15 +14335,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "lru-cache@npm:6.0.0"
-  dependencies:
-    yallist: "npm:^4.0.0"
-  checksum: 10c0/cb53e582785c48187d7a188d3379c181b5ca2a9c78d2bce3e7dee36f32761d1c42983da3fe12b55cb74e1779fa94cdc2e5367c028a9b35317184ede0c07a30a9
-  languageName: node
-  linkType: hard
-
 "lru-cache@npm:^7.14.1":
   version: 7.18.3
   resolution: "lru-cache@npm:7.18.3"
@@ -14929,8 +14377,8 @@ __metadata:
   linkType: hard
 
 "make-fetch-happen@npm:^13.0.0":
-  version: 13.0.0
-  resolution: "make-fetch-happen@npm:13.0.0"
+  version: 13.0.1
+  resolution: "make-fetch-happen@npm:13.0.1"
   dependencies:
     "@npmcli/agent": "npm:^2.0.0"
     cacache: "npm:^18.0.0"
@@ -14941,9 +14389,10 @@ __metadata:
     minipass-flush: "npm:^1.0.5"
     minipass-pipeline: "npm:^1.2.4"
     negotiator: "npm:^0.6.3"
+    proc-log: "npm:^4.2.0"
     promise-retry: "npm:^2.0.1"
     ssri: "npm:^10.0.0"
-  checksum: 10c0/43b9f6dcbc6fe8b8604cb6396957c3698857a15ba4dbc38284f7f0e61f248300585ef1eb8cc62df54e9c724af977e45b5cdfd88320ef7f53e45070ed3488da55
+  checksum: 10c0/df5f4dbb6d98153b751bccf4dc4cc500de85a96a9331db9805596c46aa9f99d9555983954e6c1266d9f981ae37a9e4647f42b9a4bb5466f867f4012e582c9e7e
   languageName: node
   linkType: hard
 
@@ -14971,9 +14420,9 @@ __metadata:
   linkType: hard
 
 "markdown-table@npm:^3.0.0":
-  version: 3.0.3
-  resolution: "markdown-table@npm:3.0.3"
-  checksum: 10c0/47433a3f31e4637a184e38e873ab1d2fadfb0106a683d466fec329e99a2d8dfa09f091fa42202c6f13ec94aef0199f449a684b28042c636f2edbc1b7e1811dcd
+  version: 3.0.4
+  resolution: "markdown-table@npm:3.0.4"
+  checksum: 10c0/1257b31827629a54c24a5030a3dac952256c559174c95ce3ef89bebd6bff0cb1444b1fd667b1a1bb53307f83278111505b3e26f0c4e7b731e0060d435d2d930b
   languageName: node
   linkType: hard
 
@@ -15033,8 +14482,8 @@ __metadata:
   linkType: hard
 
 "mdast-util-from-markdown@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "mdast-util-from-markdown@npm:2.0.0"
+  version: 2.0.1
+  resolution: "mdast-util-from-markdown@npm:2.0.1"
   dependencies:
     "@types/mdast": "npm:^4.0.0"
     "@types/unist": "npm:^3.0.0"
@@ -15048,7 +14497,7 @@ __metadata:
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
     unist-util-stringify-position: "npm:^4.0.0"
-  checksum: 10c0/fb66e917f66e33fc60d6964264c4abd519fd8829a4a58ff9c61b2ba5c337554fb954b9ec31ca1c34e83c1163a73f310c39072d656f9a2d3184fe39c87cbba65a
+  checksum: 10c0/496596bc6419200ff6258531a0ebcaee576a5c169695f5aa296a79a85f2a221bb9247d565827c709a7c2acfb56ae3c3754bf483d86206617bd299a9658c8121c
   languageName: node
   linkType: hard
 
@@ -15067,15 +14516,15 @@ __metadata:
   linkType: hard
 
 "mdast-util-gfm-autolink-literal@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "mdast-util-gfm-autolink-literal@npm:2.0.0"
+  version: 2.0.1
+  resolution: "mdast-util-gfm-autolink-literal@npm:2.0.1"
   dependencies:
     "@types/mdast": "npm:^4.0.0"
     ccount: "npm:^2.0.0"
     devlop: "npm:^1.0.0"
     mdast-util-find-and-replace: "npm:^3.0.0"
     micromark-util-character: "npm:^2.0.0"
-  checksum: 10c0/821ef91db108f05b321c54fdf4436df9d6badb33e18f714d8d52c0e70f988f5b6b118cdd4d607b4cb3bef1718304ce7e9fb25fa580622c3d20d68c1489c64875
+  checksum: 10c0/963cd22bd42aebdec7bdd0a527c9494d024d1ad0739c43dc040fee35bdfb5e29c22564330a7418a72b5eab51d47a6eff32bc0255ef3ccb5cebfe8970e91b81b6
   languageName: node
   linkType: hard
 
@@ -15144,8 +14593,8 @@ __metadata:
   linkType: hard
 
 "mdast-util-mdx-expression@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "mdast-util-mdx-expression@npm:2.0.0"
+  version: 2.0.1
+  resolution: "mdast-util-mdx-expression@npm:2.0.1"
   dependencies:
     "@types/estree-jsx": "npm:^1.0.0"
     "@types/hast": "npm:^3.0.0"
@@ -15153,13 +14602,13 @@ __metadata:
     devlop: "npm:^1.0.0"
     mdast-util-from-markdown: "npm:^2.0.0"
     mdast-util-to-markdown: "npm:^2.0.0"
-  checksum: 10c0/512848cbc44b9dc7cffc1bb3f95f7e67f0d6562870e56a67d25647f475d411e136b915ba417c8069fb36eac1839d0209fb05fb323d377f35626a82fcb0879363
+  checksum: 10c0/9a1e57940f66431f10312fa239096efa7627f375e7933b5d3162c0b5c1712a72ac87447aff2b6838d2bbd5c1311b188718cc90b33b67dc67a88550e0a6ef6183
   languageName: node
   linkType: hard
 
 "mdast-util-mdx-jsx@npm:^3.0.0":
-  version: 3.1.2
-  resolution: "mdast-util-mdx-jsx@npm:3.1.2"
+  version: 3.1.3
+  resolution: "mdast-util-mdx-jsx@npm:3.1.3"
   dependencies:
     "@types/estree-jsx": "npm:^1.0.0"
     "@types/hast": "npm:^3.0.0"
@@ -15171,10 +14620,9 @@ __metadata:
     mdast-util-to-markdown: "npm:^2.0.0"
     parse-entities: "npm:^4.0.0"
     stringify-entities: "npm:^4.0.0"
-    unist-util-remove-position: "npm:^5.0.0"
     unist-util-stringify-position: "npm:^4.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/855b60c3db9bde2fe142bd366597f7bd5892fc288428ba054e26ffcffc07bfe5648c0792d614ba6e08b1eab9784ffc3c1267cf29dfc6db92b419d68b5bcd487d
+  checksum: 10c0/1b0b64215efbbbb1ee9ba2a2b3e5f11859dada7dff162949a0d503aefbd75c0308f17d404df126c54acea06d2224905915b2cac2e6c999514c919bd963b8de24
   languageName: node
   linkType: hard
 
@@ -15315,8 +14763,8 @@ __metadata:
   linkType: hard
 
 "mdx-bundler@npm:^10.0.2":
-  version: 10.0.2
-  resolution: "mdx-bundler@npm:10.0.2"
+  version: 10.0.3
+  resolution: "mdx-bundler@npm:10.0.3"
   dependencies:
     "@babel/runtime": "npm:^7.23.2"
     "@esbuild-plugins/node-resolve": "npm:^0.2.2"
@@ -15329,19 +14777,19 @@ __metadata:
     vfile: "npm:^6.0.1"
   peerDependencies:
     esbuild: 0.*
-  checksum: 10c0/24fb9f4eb1f5a85b5e5927cb4f215475adc6417072ce220224e6c3400c2c4f0b6d8c2f80b33c4d1159c8ea4a7ea6e2c739e02d3ed06cd25cdb6a85e53d51e7fd
+  checksum: 10c0/0df7af725243a6d21e7c5c6910e9cab8e72ac0c3026659bbd0dd45d862e448dc417e4e2d5fd133cb430bf4e242ddc49fefd5add56d7de8525b40bfef6d9ccbdf
   languageName: node
   linkType: hard
 
 "memfs@npm:^4.8.2":
-  version: 4.9.3
-  resolution: "memfs@npm:4.9.3"
+  version: 4.14.0
+  resolution: "memfs@npm:4.14.0"
   dependencies:
     "@jsonjoy.com/json-pack": "npm:^1.0.3"
-    "@jsonjoy.com/util": "npm:^1.1.2"
+    "@jsonjoy.com/util": "npm:^1.3.0"
     tree-dump: "npm:^1.0.1"
     tslib: "npm:^2.0.0"
-  checksum: 10c0/a59537537716653b6cf5287c5a23b3bbb6466aa2e596aa4710279564521d1b23f2fde403e20a91003dac89cb804d17fabee005bd95dab10943d9e4f62f47db09
+  checksum: 10c0/d1de2e4b3c269f5b5f27b63f60bb8ea9ae5800843776e0bed4548f2957dcd55237ac5eab3a5ffe0d561a6be53e42c055a7bc79efc1613563b14e14c287ef3b0a
   languageName: node
   linkType: hard
 
@@ -15391,8 +14839,8 @@ __metadata:
   linkType: hard
 
 "micromark-core-commonmark@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-core-commonmark@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-core-commonmark@npm:2.0.1"
   dependencies:
     decode-named-character-reference: "npm:^1.0.0"
     devlop: "npm:^1.0.0"
@@ -15410,7 +14858,7 @@ __metadata:
     micromark-util-subtokenize: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/e087824b98d1f1d0db34791ac53945b0d68fb5e541c6c9da6700cc3db54d6b697d8110d3120d5d30e2fb39443aabddccd3e2bbf684795359f38b5a696fdc5913
+  checksum: 10c0/a0b280b1b6132f600518e72cb29a4dd1b2175b85f5ed5b25d2c5695e42b876b045971370daacbcfc6b4ce8cf7acbf78dd3a0284528fb422b450144f4b3bebe19
   languageName: node
   linkType: hard
 
@@ -15536,8 +14984,8 @@ __metadata:
   linkType: hard
 
 "micromark-extension-mdx-jsx@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "micromark-extension-mdx-jsx@npm:3.0.0"
+  version: 3.0.1
+  resolution: "micromark-extension-mdx-jsx@npm:3.0.1"
   dependencies:
     "@types/acorn": "npm:^4.0.0"
     "@types/estree": "npm:^1.0.0"
@@ -15546,10 +14994,11 @@ __metadata:
     micromark-factory-mdx-expression: "npm:^2.0.0"
     micromark-factory-space: "npm:^2.0.0"
     micromark-util-character: "npm:^2.0.0"
+    micromark-util-events-to-acorn: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/18a81c8def7f3a2088dc435bba19e649c19f679464b1a01e2c680f9518820e70fb0974b8403c790aee8f44205833a280b56ba157fe5a5b2903b476c5de5ba353
+  checksum: 10c0/11e65abd6b57bcf82665469cd1ff238b7cfc4ebb4942a0361df2dc7dd4ab133681b2bcbd4c388dddf6e4db062665d31efeb48cc844ee61c8d8de9d167cc946d8
   languageName: node
   linkType: hard
 
@@ -15642,18 +15091,19 @@ __metadata:
   linkType: hard
 
 "micromark-factory-mdx-expression@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "micromark-factory-mdx-expression@npm:2.0.1"
+  version: 2.0.2
+  resolution: "micromark-factory-mdx-expression@npm:2.0.2"
   dependencies:
     "@types/estree": "npm:^1.0.0"
     devlop: "npm:^1.0.0"
+    micromark-factory-space: "npm:^2.0.0"
     micromark-util-character: "npm:^2.0.0"
     micromark-util-events-to-acorn: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
     unist-util-position-from-estree: "npm:^2.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/d9cf475a73a7fbfa09aba0d057e033d57e45b7adff78692be9efb4405c4a1717ece4594a632f92a4302e4f8f2ae96355785b616e3f5b2fe8599ec24cfdeee12d
+  checksum: 10c0/87372775ae06478ab754efa058a5e382972f634c14f0afa303111037c30abf733fe65329a7e59cda969266e63f82104d9ed8ff9ada39189eab0651b6540ca64a
   languageName: node
   linkType: hard
 
@@ -15962,14 +15412,14 @@ __metadata:
   linkType: hard
 
 "micromark-util-subtokenize@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-subtokenize@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-subtokenize@npm:2.0.1"
   dependencies:
     devlop: "npm:^1.0.0"
     micromark-util-chunked: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/1907c56c4974d430b984c50b3eb0930241112d931e611f178dee17d58f2976614950631b70f4e9c7e49dbccf21f91654ee61f250e028bf2f2b0f3d3aeb168da8
+  checksum: 10c0/000cefde827db129f4ed92b8fbdeb4866c5f9c93068c0115485564b0426abcb9058080aa257df9035e12ca7fa92259d66623ea750b9eb3bcdd8325d3fb6fc237
   languageName: node
   linkType: hard
 
@@ -16072,12 +15522,12 @@ __metadata:
   linkType: hard
 
 "micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5":
-  version: 4.0.5
-  resolution: "micromatch@npm:4.0.5"
+  version: 4.0.8
+  resolution: "micromatch@npm:4.0.8"
   dependencies:
-    braces: "npm:^3.0.2"
+    braces: "npm:^3.0.3"
     picomatch: "npm:^2.3.1"
-  checksum: 10c0/3d6505b20f9fa804af5d8c596cb1c5e475b9b0cd05f652c5b56141cf941bd72adaeb7a436fda344235cef93a7f29b7472efc779fcdb83b478eab0867b95cdeff
+  checksum: 10c0/166fa6eb926b9553f32ef81f5f531d27b4ce7da60e5baf8c021d043b27a388fb95e46a8038d5045877881e673f8134122b59624d5cecbd16eb50a42e7a6b5ca8
   languageName: node
   linkType: hard
 
@@ -16181,16 +15631,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1, minimatch@npm:^9.0.3, minimatch@npm:^9.0.4":
-  version: 9.0.4
-  resolution: "minimatch@npm:9.0.4"
-  dependencies:
-    brace-expansion: "npm:^2.0.1"
-  checksum: 10c0/2c16f21f50e64922864e560ff97c587d15fd491f65d92a677a344e970fe62aafdbeafe648965fa96d33c061b4d0eabfe0213466203dd793367e7f28658cf6414
-  languageName: node
-  linkType: hard
-
-"minimatch@npm:^9.0.5":
+"minimatch@npm:^9.0.0, minimatch@npm:^9.0.1, minimatch@npm:^9.0.3, minimatch@npm:^9.0.4, minimatch@npm:^9.0.5":
   version: 9.0.5
   resolution: "minimatch@npm:9.0.5"
   dependencies:
@@ -16216,8 +15657,8 @@ __metadata:
   linkType: hard
 
 "minipass-fetch@npm:^3.0.0":
-  version: 3.0.4
-  resolution: "minipass-fetch@npm:3.0.4"
+  version: 3.0.5
+  resolution: "minipass-fetch@npm:3.0.5"
   dependencies:
     encoding: "npm:^0.1.13"
     minipass: "npm:^7.0.3"
@@ -16226,7 +15667,7 @@ __metadata:
   dependenciesMeta:
     encoding:
       optional: true
-  checksum: 10c0/1b63c1f3313e88eeac4689f1b71c9f086598db9a189400e3ee960c32ed89e06737fa23976c9305c2d57464fb3fcdc12749d3378805c9d6176f5569b0d0ee8a75
+  checksum: 10c0/9d702d57f556274286fdd97e406fc38a2f5c8d15e158b498d7393b1105974b21249289ec571fa2b51e038a4872bfc82710111cf75fae98c662f3d6f95e72152b
   languageName: node
   linkType: hard
 
@@ -16280,14 +15721,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.0.4":
-  version: 7.0.4
-  resolution: "minipass@npm:7.0.4"
-  checksum: 10c0/6c7370a6dfd257bf18222da581ba89a5eaedca10e158781232a8b5542a90547540b4b9b7e7f490e4cda43acfbd12e086f0453728ecf8c19e0ef6921bc5958ac5
-  languageName: node
-  linkType: hard
-
-"minipass@npm:^7.1.2":
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
   version: 7.1.2
   resolution: "minipass@npm:7.1.2"
   checksum: 10c0/b0fd20bb9fb56e5fa9a8bfac539e8915ae07430a619e4b86ff71f5fc757ef3924b23b2c4230393af1eda647ed3d75739e4e0acb250a6b1eb277cf7f8fe449557
@@ -16352,13 +15786,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:2.1.2":
-  version: 2.1.2
-  resolution: "ms@npm:2.1.2"
-  checksum: 10c0/a437714e2f90dbf881b5191d35a6db792efbca5badf112f87b9e1c712aace4b4b9b742dd6537f3edf90fd6f684de897cec230abde57e87883766712ddda297cc
-  languageName: node
-  linkType: hard
-
 "ms@npm:^2.1.1, ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
@@ -16436,9 +15863,9 @@ __metadata:
   linkType: hard
 
 "negotiator@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "negotiator@npm:0.6.3"
-  checksum: 10c0/3ec9fd413e7bf071c937ae60d572bc67155262068ed522cf4b3be5edbe6ddf67d095ec03a3a14ebf8fc8e95f8e1d61be4869db0dbb0de696f6b837358bd43fc2
+  version: 0.6.4
+  resolution: "negotiator@npm:0.6.4"
+  checksum: 10c0/3e677139c7fb7628a6f36335bf11a885a62c21d5390204590a1a214a5631fcbe5ea74ef6a610b60afe84b4d975cbe0566a23f20ee17c77c73e74b80032108dea
   languageName: node
   linkType: hard
 
@@ -16474,32 +15901,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next@npm:14.3.0-canary.43":
-  version: 14.3.0-canary.43
-  resolution: "next@npm:14.3.0-canary.43"
+"next@npm:15.0.0":
+  version: 15.0.0
+  resolution: "next@npm:15.0.0"
   dependencies:
-    "@next/env": "npm:14.3.0-canary.43"
-    "@next/swc-darwin-arm64": "npm:14.3.0-canary.43"
-    "@next/swc-darwin-x64": "npm:14.3.0-canary.43"
-    "@next/swc-linux-arm64-gnu": "npm:14.3.0-canary.43"
-    "@next/swc-linux-arm64-musl": "npm:14.3.0-canary.43"
-    "@next/swc-linux-x64-gnu": "npm:14.3.0-canary.43"
-    "@next/swc-linux-x64-musl": "npm:14.3.0-canary.43"
-    "@next/swc-win32-arm64-msvc": "npm:14.3.0-canary.43"
-    "@next/swc-win32-ia32-msvc": "npm:14.3.0-canary.43"
-    "@next/swc-win32-x64-msvc": "npm:14.3.0-canary.43"
-    "@swc/helpers": "npm:0.5.11"
+    "@next/env": "npm:15.0.0"
+    "@next/swc-darwin-arm64": "npm:15.0.0"
+    "@next/swc-darwin-x64": "npm:15.0.0"
+    "@next/swc-linux-arm64-gnu": "npm:15.0.0"
+    "@next/swc-linux-arm64-musl": "npm:15.0.0"
+    "@next/swc-linux-x64-gnu": "npm:15.0.0"
+    "@next/swc-linux-x64-musl": "npm:15.0.0"
+    "@next/swc-win32-arm64-msvc": "npm:15.0.0"
+    "@next/swc-win32-x64-msvc": "npm:15.0.0"
+    "@swc/counter": "npm:0.1.3"
+    "@swc/helpers": "npm:0.5.13"
     busboy: "npm:1.6.0"
     caniuse-lite: "npm:^1.0.30001579"
-    graceful-fs: "npm:^4.2.11"
     postcss: "npm:8.4.31"
-    sharp: "npm:^0.33.3"
-    styled-jsx: "npm:5.1.1"
+    sharp: "npm:^0.33.5"
+    styled-jsx: "npm:5.1.6"
   peerDependencies:
     "@opentelemetry/api": ^1.1.0
     "@playwright/test": ^1.41.2
-    react: ^18.2.0
-    react-dom: ^18.2.0
+    babel-plugin-react-compiler: "*"
+    react: ^18.2.0 || 19.0.0-rc-65a56d0e-20241020
+    react-dom: ^18.2.0 || 19.0.0-rc-65a56d0e-20241020
     sass: ^1.3.0
   dependenciesMeta:
     "@next/swc-darwin-arm64":
@@ -16516,8 +15943,6 @@ __metadata:
       optional: true
     "@next/swc-win32-arm64-msvc":
       optional: true
-    "@next/swc-win32-ia32-msvc":
-      optional: true
     "@next/swc-win32-x64-msvc":
       optional: true
     sharp:
@@ -16527,11 +15952,13 @@ __metadata:
       optional: true
     "@playwright/test":
       optional: true
+    babel-plugin-react-compiler:
+      optional: true
     sass:
       optional: true
   bin:
     next: dist/bin/next
-  checksum: 10c0/ee514f1584d66372b7543f74a9d745417014c677f98fdaf6a55bd614c5d7073c226ef40dfd6cbb530c577cbdbc36603daa956a769a2e4556fe282f9325ff2165
+  checksum: 10c0/79614fb29c1806f945da4400a86028c875b6d69e532551c53458e6e20b39019b100ccdc051005a41a77eb2d7900363f2537b1117f6bcf3c4a6356eda5db8c84e
   languageName: node
   linkType: hard
 
@@ -16545,6 +15972,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-addon-api@npm:^7.0.0":
+  version: 7.1.1
+  resolution: "node-addon-api@npm:7.1.1"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10c0/fb32a206276d608037fa1bcd7e9921e177fe992fc610d098aa3128baca3c0050fc1e014fa007e9b3874cf865ddb4f5bd9f43ccb7cbbbe4efaff6a83e920b17e9
+  languageName: node
+  linkType: hard
+
 "node-domexception@npm:^1.0.0":
   version: 1.0.0
   resolution: "node-domexception@npm:1.0.0"
@@ -16589,8 +16025,8 @@ __metadata:
   linkType: hard
 
 "node-gyp@npm:latest":
-  version: 10.1.0
-  resolution: "node-gyp@npm:10.1.0"
+  version: 10.2.0
+  resolution: "node-gyp@npm:10.2.0"
   dependencies:
     env-paths: "npm:^2.2.0"
     exponential-backoff: "npm:^3.1.1"
@@ -16598,13 +16034,13 @@ __metadata:
     graceful-fs: "npm:^4.2.6"
     make-fetch-happen: "npm:^13.0.0"
     nopt: "npm:^7.0.0"
-    proc-log: "npm:^3.0.0"
+    proc-log: "npm:^4.1.0"
     semver: "npm:^7.3.5"
-    tar: "npm:^6.1.2"
+    tar: "npm:^6.2.1"
     which: "npm:^4.0.0"
   bin:
     node-gyp: bin/node-gyp.js
-  checksum: 10c0/9cc821111ca244a01fb7f054db7523ab0a0cd837f665267eb962eb87695d71fb1e681f9e21464cc2fd7c05530dc4c81b810bca1a88f7d7186909b74477491a3c
+  checksum: 10c0/00630d67dbd09a45aee0a5d55c05e3916ca9e6d427ee4f7bc392d2d3dc5fad7449b21fc098dd38260a53d9dcc9c879b36704a1994235d4707e7271af7e9a835b
   languageName: node
   linkType: hard
 
@@ -16615,13 +16051,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-releases@npm:^2.0.14":
-  version: 2.0.14
-  resolution: "node-releases@npm:2.0.14"
-  checksum: 10c0/199fc93773ae70ec9969bc6d5ac5b2bbd6eb986ed1907d751f411fef3ede0e4bfdb45ceb43711f8078bea237b6036db8b1bf208f6ff2b70c7d615afd157f3ab9
-  languageName: node
-  linkType: hard
-
 "node-releases@npm:^2.0.18":
   version: 2.0.18
   resolution: "node-releases@npm:2.0.18"
@@ -16629,14 +16058,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nopt@npm:^7.0.0":
-  version: 7.2.0
-  resolution: "nopt@npm:7.2.0"
+"nopt@npm:^7.0.0, nopt@npm:^7.2.1":
+  version: 7.2.1
+  resolution: "nopt@npm:7.2.1"
   dependencies:
     abbrev: "npm:^2.0.0"
   bin:
     nopt: bin/nopt.js
-  checksum: 10c0/9bd7198df6f16eb29ff16892c77bcf7f0cc41f9fb5c26280ac0def2cf8cf319f3b821b3af83eba0e74c85807cc430a16efe0db58fe6ae1f41e69519f585b6aff
+  checksum: 10c0/a069c7c736767121242037a22a788863accfa932ab285a1eb569eb8cd534b09d17206f68c37f096ae785647435e0c5a5a0a67b42ec743e481a455e5ae6a6df81
   languageName: node
   linkType: hard
 
@@ -16652,6 +16081,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"normalize-package-data@npm:^6.0.0":
+  version: 6.0.2
+  resolution: "normalize-package-data@npm:6.0.2"
+  dependencies:
+    hosted-git-info: "npm:^7.0.0"
+    semver: "npm:^7.3.5"
+    validate-npm-package-license: "npm:^3.0.4"
+  checksum: 10c0/7e32174e7f5575ede6d3d449593247183880122b4967d4ae6edb28cea5769ca025defda54fc91ec0e3c972fdb5ab11f9284606ba278826171b264cb16a9311ef
+  languageName: node
+  linkType: hard
+
 "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
@@ -16666,6 +16106,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-install-checks@npm:^6.0.0":
+  version: 6.3.0
+  resolution: "npm-install-checks@npm:6.3.0"
+  dependencies:
+    semver: "npm:^7.1.1"
+  checksum: 10c0/b046ef1de9b40f5d3a9831ce198e1770140a1c3f253dae22eb7b06045191ef79f18f1dcc15a945c919b3c161426861a28050abd321bf439190185794783b6452
+  languageName: node
+  linkType: hard
+
 "npm-normalize-package-bin@npm:^3.0.0":
   version: 3.0.1
   resolution: "npm-normalize-package-bin@npm:3.0.1"
@@ -16673,6 +16122,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-package-arg@npm:^11.0.0":
+  version: 11.0.3
+  resolution: "npm-package-arg@npm:11.0.3"
+  dependencies:
+    hosted-git-info: "npm:^7.0.0"
+    proc-log: "npm:^4.0.0"
+    semver: "npm:^7.3.5"
+    validate-npm-package-name: "npm:^5.0.0"
+  checksum: 10c0/e18333485e05c3a8774f4b5701ef74f4799533e650b70a68ca8dd697666c9a8d46932cb765fc593edce299521033bd4025a40323d5240cea8a393c784c0c285a
+  languageName: node
+  linkType: hard
+
+"npm-pick-manifest@npm:^9.0.0":
+  version: 9.1.0
+  resolution: "npm-pick-manifest@npm:9.1.0"
+  dependencies:
+    npm-install-checks: "npm:^6.0.0"
+    npm-normalize-package-bin: "npm:^3.0.0"
+    npm-package-arg: "npm:^11.0.0"
+    semver: "npm:^7.3.5"
+  checksum: 10c0/8765f4199755b381323da2bff2202b4b15b59f59dba0d1be3f2f793b591321cd19e1b5a686ef48d9753a6bd4868550da632541a45dfb61809d55664222d73e44
+  languageName: node
+  linkType: hard
+
 "npm-run-path@npm:^4.0.1":
   version: 4.0.1
   resolution: "npm-run-path@npm:4.0.1"
@@ -16701,20 +16174,20 @@ __metadata:
   linkType: hard
 
 "nuqs@npm:^1.19.1":
-  version: 1.19.1
-  resolution: "nuqs@npm:1.19.1"
+  version: 1.20.0
+  resolution: "nuqs@npm:1.20.0"
   dependencies:
     mitt: "npm:^3.0.1"
   peerDependencies:
     next: ">=13.4 <14.0.2 || ^14.0.3"
-  checksum: 10c0/b62712bfcde91923d16c8797a1ba3a401fa3f67df8fb2f2f342ef5ce6bc56566b9cf59cca0a3725f2ad3ddd71b2a3c9b2941174f5a478afa3c53a6da4f090e04
+  checksum: 10c0/8e1b67a96c6fda21023924db03b31f3eecf387097ee23685f35fbd1118ff202d1f8f3efd5e1e45bb5736e701a13da0d6cefc98cbe813315dc6462c2e38e2c93f
   languageName: node
   linkType: hard
 
 "nwsapi@npm:^2.2.2":
-  version: 2.2.7
-  resolution: "nwsapi@npm:2.2.7"
-  checksum: 10c0/44be198adae99208487a1c886c0a3712264f7bbafa44368ad96c003512fed2753d4e22890ca1e6edb2690c3456a169f2a3c33bfacde1905cf3bf01c7722464db
+  version: 2.2.13
+  resolution: "nwsapi@npm:2.2.13"
+  checksum: 10c0/9dbd1071bba3570ef0b046c43c03d0584c461063f27539ba39f4185188e9d5c10cb06fd4426cdb300bb83020c3daa2c8f4fa9e8a070299539ac4007433357ac0
   languageName: node
   linkType: hard
 
@@ -16733,19 +16206,9 @@ __metadata:
   linkType: hard
 
 "object-inspect@npm:^1.13.1":
-  version: 1.13.1
-  resolution: "object-inspect@npm:1.13.1"
-  checksum: 10c0/fad603f408e345c82e946abdf4bfd774260a5ed3e5997a0b057c44153ac32c7271ff19e3a5ae39c858da683ba045ccac2f65245c12763ce4e8594f818f4a648d
-  languageName: node
-  linkType: hard
-
-"object-is@npm:^1.1.5":
-  version: 1.1.6
-  resolution: "object-is@npm:1.1.6"
-  dependencies:
-    call-bind: "npm:^1.0.7"
-    define-properties: "npm:^1.2.1"
-  checksum: 10c0/506af444c4dce7f8e31f34fc549e2fb8152d6b9c4a30c6e62852badd7f520b579c679af433e7a072f9d78eb7808d230dc12e1cf58da9154dfbf8813099ea0fe0
+  version: 1.13.2
+  resolution: "object-inspect@npm:1.13.2"
+  checksum: 10c0/b97835b4c91ec37b5fd71add84f21c3f1047d1d155d00c0fcd6699516c256d4fcc6ff17a1aced873197fe447f91a3964178fd2a67a1ee2120cdaf60e81a050b4
   languageName: node
   linkType: hard
 
@@ -16768,7 +16231,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.entries@npm:^1.1.7, object.entries@npm:^1.1.8":
+"object.entries@npm:^1.1.8":
   version: 1.1.8
   resolution: "object.entries@npm:1.1.8"
   dependencies:
@@ -16779,7 +16242,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.fromentries@npm:^2.0.7, object.fromentries@npm:^2.0.8":
+"object.fromentries@npm:^2.0.8":
   version: 2.0.8
   resolution: "object.fromentries@npm:2.0.8"
   dependencies:
@@ -16791,18 +16254,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object.hasown@npm:^1.1.3":
-  version: 1.1.4
-  resolution: "object.hasown@npm:1.1.4"
-  dependencies:
-    define-properties: "npm:^1.2.1"
-    es-abstract: "npm:^1.23.2"
-    es-object-atoms: "npm:^1.0.0"
-  checksum: 10c0/f23187b08d874ef1aea060118c8259eb7f99f93c15a50771d710569534119062b90e087b92952b2d0fb1bb8914d61fb0b43c57fb06f622aaad538fe6868ab987
-  languageName: node
-  linkType: hard
-
-"object.values@npm:^1.1.6, object.values@npm:^1.1.7, object.values@npm:^1.2.0":
+"object.values@npm:^1.1.6, object.values@npm:^1.2.0":
   version: 1.2.0
   resolution: "object.values@npm:1.2.0"
   dependencies:
@@ -16847,19 +16299,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"oniguruma-to-js@npm:0.4.0":
-  version: 0.4.0
-  resolution: "oniguruma-to-js@npm:0.4.0"
+"oniguruma-to-js@npm:0.4.3":
+  version: 0.4.3
+  resolution: "oniguruma-to-js@npm:0.4.3"
   dependencies:
     regex: "npm:^4.3.2"
-  checksum: 10c0/641c39d69463637586dd7eb806749a7569f8ff454f0560ac09923baa6bf64f25a3625adff47c78b7f01a90e6e60df0098b54ecda5c268d9b3fe46b3f91d40f16
+  checksum: 10c0/47d8a4089b1fd0ae4b9781907a92222ae549756ddb72a177a85fdc3bda8e59ce2840710dd03e448b80c9878aa8f4e14519fccc3652da71fc3e8bc048d5cb6acb
   languageName: node
   linkType: hard
 
 "oo-ascii-tree@npm:^1.94.0":
-  version: 1.101.0
-  resolution: "oo-ascii-tree@npm:1.101.0"
-  checksum: 10c0/01eba4d7e7b644fe53eb8aceb9eaf9c35905b94e8144867096b0d4d5ab48348575210272032b7a6db35284664b3216e9f44176abed02c6fe1938a186ec0dae10
+  version: 1.104.0
+  resolution: "oo-ascii-tree@npm:1.104.0"
+  checksum: 10c0/e5fab3f423e372b28c21611c8fb9ffc43846ecbda67f3c9c536cbfca79c0941f81c8b3f8d436def0c5e144d0efb7b0d954dda5b7e2078109b6fce155e1765356
   languageName: node
   linkType: hard
 
@@ -16881,16 +16333,16 @@ __metadata:
   linkType: hard
 
 "optionator@npm:^0.9.3":
-  version: 0.9.3
-  resolution: "optionator@npm:0.9.3"
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
   dependencies:
-    "@aashutoshrathi/word-wrap": "npm:^1.2.3"
     deep-is: "npm:^0.1.3"
     fast-levenshtein: "npm:^2.0.6"
     levn: "npm:^0.4.1"
     prelude-ls: "npm:^1.2.1"
     type-check: "npm:^0.4.0"
-  checksum: 10c0/66fba794d425b5be51353035cf3167ce6cfa049059cbb93229b819167687e0f48d2bc4603fcb21b091c99acb516aae1083624675b15c4765b2e4693a085e959c
+    word-wrap: "npm:^1.2.5"
+  checksum: 10c0/4afb687a059ee65b61df74dfe87d8d6815cd6883cb8b3d5883a910df72d0f5d029821f37025e4bccf4048873dbdb09acc6d303d27b8f76b1a80dd5a7d5334675
   languageName: node
   linkType: hard
 
@@ -17061,9 +16513,16 @@ __metadata:
   linkType: hard
 
 "package-json-from-dist@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "package-json-from-dist@npm:1.0.0"
-  checksum: 10c0/e3ffaf6ac1040ab6082a658230c041ad14e72fabe99076a2081bb1d5d41210f11872403fc09082daf4387fc0baa6577f96c9c0e94c90c394fd57794b66aa4033
+  version: 1.0.1
+  resolution: "package-json-from-dist@npm:1.0.1"
+  checksum: 10c0/62ba2785eb655fec084a257af34dbe24292ab74516d6aecef97ef72d4897310bc6898f6c85b5cd22770eaa1ce60d55a0230e150fb6a966e3ecd6c511e23d164b
+  languageName: node
+  linkType: hard
+
+"package-manager-detector@npm:^0.2.0":
+  version: 0.2.2
+  resolution: "package-manager-detector@npm:0.2.2"
+  checksum: 10c0/c2ba6c8910278b478f16454fba670790e8c173905378104d769ad369492c830a23ffdaf6b010bf7df2b4a64a2d875ba563a9bdf3f3ed3cd19312e047d192d382
   languageName: node
   linkType: hard
 
@@ -17196,11 +16655,11 @@ __metadata:
   linkType: hard
 
 "parse5@npm:^7.0.0, parse5@npm:^7.1.1":
-  version: 7.1.2
-  resolution: "parse5@npm:7.1.2"
+  version: 7.2.0
+  resolution: "parse5@npm:7.2.0"
   dependencies:
-    entities: "npm:^4.4.0"
-  checksum: 10c0/297d7af8224f4b5cb7f6617ecdae98eeaed7f8cbd78956c42785e230505d5a4f07cef352af10d3006fa5c1544b76b57784d3a22d861ae071bbc460c649482bf4
+    entities: "npm:^4.5.0"
+  checksum: 10c0/76d68684708befb41ff1d5e0e9835f566afb3950807d340941afc9dbe4c9c28db2414bda0c8503d459de863463869b8540c6abf8c9742cffa0b9b31eecd37951
   languageName: node
   linkType: hard
 
@@ -17288,13 +16747,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-scurry@npm:^1.10.1, path-scurry@npm:^1.10.2, path-scurry@npm:^1.6.1":
-  version: 1.10.2
-  resolution: "path-scurry@npm:1.10.2"
+"path-scurry@npm:^1.10.1, path-scurry@npm:^1.11.1, path-scurry@npm:^1.6.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
   dependencies:
     lru-cache: "npm:^10.2.0"
     minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-  checksum: 10c0/d723777fbf9627f201e64656680f66ebd940957eebacf780e6cce1c2919c29c116678b2d7dbf8821b3a2caa758d125f4444005ccec886a25c8f324504e48e601
+  checksum: 10c0/32a13711a2a505616ae1cc1b5076801e453e7aae6ac40ab55b388bb91b9d0547a52f5aaceff710ea400205f18691120d4431e520afbe4266b836fadede15872d
   languageName: node
   linkType: hard
 
@@ -17338,28 +16797,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"periscopic@npm:^3.0.0":
-  version: 3.1.0
-  resolution: "periscopic@npm:3.1.0"
-  dependencies:
-    "@types/estree": "npm:^1.0.0"
-    estree-walker: "npm:^3.0.0"
-    is-reference: "npm:^3.0.0"
-  checksum: 10c0/fb5ce7cd810c49254cdf1cd3892811e6dd1a1dfbdf5f10a0a33fb7141baac36443c4cad4f0e2b30abd4eac613f6ab845c2bc1b7ce66ae9694c7321e6ada5bd96
-  languageName: node
-  linkType: hard
-
-"picocolors@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "picocolors@npm:1.0.0"
-  checksum: 10c0/20a5b249e331c14479d94ec6817a182fd7a5680debae82705747b2db7ec50009a5f6648d0621c561b0572703f84dbef0858abcbd5856d3c5511426afcb1961f7
-  languageName: node
-  linkType: hard
-
-"picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "picocolors@npm:1.1.0"
-  checksum: 10c0/86946f6032148801ef09c051c6fb13b5cf942eaf147e30ea79edb91dd32d700934edebe782a1078ff859fb2b816792e97ef4dab03d7f0b804f6b01a0df35e023
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1, picocolors@npm:^1.1.0":
+  version: 1.1.1
+  resolution: "picocolors@npm:1.1.1"
+  checksum: 10c0/e2e3e8170ab9d7c7421969adaa7e1b31434f789afb9b3f115f6b96d91945041ac3ceb02e9ec6fe6510ff036bcc0bf91e69a1772edc0b707e12b19c0f2d6bcf58
   languageName: node
   linkType: hard
 
@@ -17370,6 +16811,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"picomatch@npm:^4.0.2":
+  version: 4.0.2
+  resolution: "picomatch@npm:4.0.2"
+  checksum: 10c0/7c51f3ad2bb42c776f49ebf964c644958158be30d0a510efd5a395e8d49cb5acfed5b82c0c5b365523ce18e6ab85013c9ebe574f60305892ec3fa8eee8304ccc
+  languageName: node
+  linkType: hard
+
 "pidtree@npm:^0.6.0":
   version: 0.6.0
   resolution: "pidtree@npm:0.6.0"
@@ -17646,13 +17094,13 @@ __metadata:
   linkType: hard
 
 "postcss-nested@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "postcss-nested@npm:6.0.1"
+  version: 6.2.0
+  resolution: "postcss-nested@npm:6.2.0"
   dependencies:
-    postcss-selector-parser: "npm:^6.0.11"
+    postcss-selector-parser: "npm:^6.1.1"
   peerDependencies:
     postcss: ^8.2.14
-  checksum: 10c0/2a50aa36d5d103c2e471954830489f4c024deed94fa066169101db55171368d5f80b32446b584029e0471feee409293d0b6b1d8ede361f6675ba097e477b3cbd
+  checksum: 10c0/7f9c3f2d764191a39364cbdcec350f26a312431a569c9ef17408021424726b0d67995ff5288405e3724bb7152a4c92f73c027e580ec91e798800ed3c52e2bc6e
   languageName: node
   linkType: hard
 
@@ -17666,13 +17114,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-selector-parser@npm:^6.0.11":
-  version: 6.0.16
-  resolution: "postcss-selector-parser@npm:6.0.16"
+"postcss-selector-parser@npm:^6.0.11, postcss-selector-parser@npm:^6.1.1":
+  version: 6.1.2
+  resolution: "postcss-selector-parser@npm:6.1.2"
   dependencies:
     cssesc: "npm:^3.0.0"
     util-deprecate: "npm:^1.0.2"
-  checksum: 10c0/0e11657cb3181aaf9ff67c2e59427c4df496b4a1b6a17063fae579813f80af79d444bf38f82eeb8b15b4679653fd3089e66ef0283f9aab01874d885e6cf1d2cf
+  checksum: 10c0/523196a6bd8cf660bdf537ad95abd79e546d54180f9afb165a4ab3e651ac705d0f8b8ce6b3164fb9e3279ce482c5f751a69eb2d3a1e8eb0fd5e82294fb3ef13e
   languageName: node
   linkType: hard
 
@@ -17694,18 +17142,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.23, postcss@npm:^8.4.4":
-  version: 8.4.38
-  resolution: "postcss@npm:8.4.38"
-  dependencies:
-    nanoid: "npm:^3.3.7"
-    picocolors: "npm:^1.0.0"
-    source-map-js: "npm:^1.2.0"
-  checksum: 10c0/955407b8f70cf0c14acf35dab3615899a2a60a26718a63c848cf3c29f2467b0533991b985a2b994430d890bd7ec2b1963e36352b0774a19143b5f591540f7c06
-  languageName: node
-  linkType: hard
-
-"postcss@npm:^8.4.24":
+"postcss@npm:^8.4.23, postcss@npm:^8.4.24, postcss@npm:^8.4.4, postcss@npm:^8.4.45":
   version: 8.4.47
   resolution: "postcss@npm:8.4.47"
   dependencies:
@@ -17716,29 +17153,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.45":
-  version: 8.4.45
-  resolution: "postcss@npm:8.4.45"
-  dependencies:
-    nanoid: "npm:^3.3.7"
-    picocolors: "npm:^1.0.1"
-    source-map-js: "npm:^1.2.0"
-  checksum: 10c0/ad6f8b9b1157d678560373696109745ab97a947d449f8a997acac41c7f1e4c0f3ca4b092d6df1387f430f2c9a319987b1780dbdc27e35800a88cde9b606c1e8f
-  languageName: node
-  linkType: hard
-
-"preferred-pm@npm:^3.0.0":
-  version: 3.1.3
-  resolution: "preferred-pm@npm:3.1.3"
-  dependencies:
-    find-up: "npm:^5.0.0"
-    find-yarn-workspace-root2: "npm:1.2.16"
-    path-exists: "npm:^4.0.0"
-    which-pm: "npm:2.0.0"
-  checksum: 10c0/8eb9c35e4818d8e20b5b61a2117f5c77678649e1d20492fe4fdae054a9c4b930d04582b17e8a59b2dc923f2f788c7ded7fc99fd22c04631d836f7f52aeb79bde
-  languageName: node
-  linkType: hard
-
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -17769,23 +17183,23 @@ __metadata:
   linkType: hard
 
 "prettier-plugin-packagejson@npm:^2.5.2":
-  version: 2.5.2
-  resolution: "prettier-plugin-packagejson@npm:2.5.2"
+  version: 2.5.3
+  resolution: "prettier-plugin-packagejson@npm:2.5.3"
   dependencies:
     sort-package-json: "npm:2.10.1"
-    synckit: "npm:0.9.1"
+    synckit: "npm:0.9.2"
   peerDependencies:
     prettier: ">= 1.16.0"
   peerDependenciesMeta:
     prettier:
       optional: true
-  checksum: 10c0/ddaf6a662f0156ad1a34d4e891b6ea05398de4fe56d6d14f4802f79b4824c71602e09661e665e0228232313a5cd27fe6d9d481080d6dd41620f9cf7fb285d240
+  checksum: 10c0/3db9066f732a741a8417006c2bf6f9a55f02618864fb13d0c5453c5fcb03273ed8ce7be79de60f3026ba9ae22648d142cd268cf6c21223b958acc8e641f40acb
   languageName: node
   linkType: hard
 
 "prettier-plugin-tailwindcss@npm:^0.6.6":
-  version: 0.6.6
-  resolution: "prettier-plugin-tailwindcss@npm:0.6.6"
+  version: 0.6.8
+  resolution: "prettier-plugin-tailwindcss@npm:0.6.8"
   peerDependencies:
     "@ianvs/prettier-plugin-sort-imports": "*"
     "@prettier/plugin-pug": "*"
@@ -17837,7 +17251,7 @@ __metadata:
       optional: true
     prettier-plugin-svelte:
       optional: true
-  checksum: 10c0/e34743a768631ebc69690b97d7018500f497815bbdc59c95604d09c65ffc25823ffb181e62a457f4d77594bf4ee2de50bab579e68b55440e3fcfa91713b7d7e6
+  checksum: 10c0/b74b9594928cce715a272e6837b30ff7090f5e24cc556c579b84e4d1740787aa15d48179e6f99ef11c6c879941dec66413a1f9c3e5e980a94520dc50ed21bc8f
   languageName: node
   linkType: hard
 
@@ -17916,10 +17330,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proc-log@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "proc-log@npm:3.0.0"
-  checksum: 10c0/f66430e4ff947dbb996058f6fd22de2c66612ae1a89b097744e17fb18a4e8e7a86db99eda52ccf15e53f00b63f4ec0b0911581ff2aac0355b625c8eac509b0dc
+"proc-log@npm:^4.0.0, proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 10c0/17db4757c2a5c44c1e545170e6c70a26f7de58feb985091fb1763f5081cab3d01b181fb2dd240c9f4a4255a1d9227d163d5771b7e69c9e49a561692db865efb9
   languageName: node
   linkType: hard
 
@@ -17930,6 +17344,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"promise-inflight@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "promise-inflight@npm:1.0.1"
+  checksum: 10c0/d179d148d98fbff3d815752fa9a08a87d3190551d1420f17c4467f628214db12235ae068d98cd001f024453676d8985af8f28f002345646c4ece4600a79620bc
+  languageName: node
+  linkType: hard
+
 "promise-retry@npm:^2.0.1":
   version: 2.0.1
   resolution: "promise-retry@npm:2.0.1"
@@ -17960,46 +17381,26 @@ __metadata:
   checksum: 10c0/59ece7ca2fb9838031d73a48d4becb9a7cc1ed10e610517c7d8f19a1e02fa47f7c27d557d8a5702bec3cfeccddc853579832b43f449e54635803f277b1c78077
   languageName: node
   linkType: hard
-
-"property-information@npm:^5.0.0":
-  version: 5.6.0
-  resolution: "property-information@npm:5.6.0"
-  dependencies:
-    xtend: "npm:^4.0.0"
-  checksum: 10c0/d54b77c31dc13bb6819559080b2c67d37d94be7dc271f404f139a16a57aa96fcc0b3ad806d4a5baef9e031744853e4afe3df2e37275aacb1f78079bbb652c5af
-  languageName: node
-  linkType: hard
-
-"property-information@npm:^6.0.0":
-  version: 6.5.0
-  resolution: "property-information@npm:6.5.0"
-  checksum: 10c0/981e0f9cc2e5acdb414a6fd48a99dd0fd3a4079e7a91ab41cf97a8534cf43e0e0bc1ffada6602a1b3d047a33db8b5fc2ef46d863507eda712d5ceedac443f0ef
-  languageName: node
-  linkType: hard
-
-"protobufjs@npm:^7.2.3":
-  version: 7.3.2
-  resolution: "protobufjs@npm:7.3.2"
-  dependencies:
-    "@protobufjs/aspromise": "npm:^1.1.2"
-    "@protobufjs/base64": "npm:^1.1.2"
-    "@protobufjs/codegen": "npm:^2.0.4"
-    "@protobufjs/eventemitter": "npm:^1.1.0"
-    "@protobufjs/fetch": "npm:^1.1.0"
-    "@protobufjs/float": "npm:^1.0.2"
-    "@protobufjs/inquire": "npm:^1.1.0"
-    "@protobufjs/path": "npm:^1.1.2"
-    "@protobufjs/pool": "npm:^1.1.0"
-    "@protobufjs/utf8": "npm:^1.1.0"
-    "@types/node": "npm:>=13.7.0"
-    long: "npm:^5.0.0"
-  checksum: 10c0/b87e38fffc989793099010439a7ff45a0a57ef5b8f44b5209f06bfa5085ac96a365aa37eb3c79bd6954d6ef1b50fc69da37dae8ea2a31d90b7bc8fb2fa0e3955
+
+"property-information@npm:^5.0.0":
+  version: 5.6.0
+  resolution: "property-information@npm:5.6.0"
+  dependencies:
+    xtend: "npm:^4.0.0"
+  checksum: 10c0/d54b77c31dc13bb6819559080b2c67d37d94be7dc271f404f139a16a57aa96fcc0b3ad806d4a5baef9e031744853e4afe3df2e37275aacb1f78079bbb652c5af
+  languageName: node
+  linkType: hard
+
+"property-information@npm:^6.0.0":
+  version: 6.5.0
+  resolution: "property-information@npm:6.5.0"
+  checksum: 10c0/981e0f9cc2e5acdb414a6fd48a99dd0fd3a4079e7a91ab41cf97a8534cf43e0e0bc1ffada6602a1b3d047a33db8b5fc2ef46d863507eda712d5ceedac443f0ef
   languageName: node
   linkType: hard
 
-"protobufjs@npm:^7.2.4":
-  version: 7.2.6
-  resolution: "protobufjs@npm:7.2.6"
+"protobufjs@npm:^7.2.3, protobufjs@npm:^7.2.5":
+  version: 7.4.0
+  resolution: "protobufjs@npm:7.4.0"
   dependencies:
     "@protobufjs/aspromise": "npm:^1.1.2"
     "@protobufjs/base64": "npm:^1.1.2"
@@ -18013,7 +17414,7 @@ __metadata:
     "@protobufjs/utf8": "npm:^1.1.0"
     "@types/node": "npm:>=13.7.0"
     long: "npm:^5.0.0"
-  checksum: 10c0/e164855536a43aa7941c7d95a2342e466f599d2e033ed89c5f5582fb0e3affeec702810091b850f3b700bfd646260b07bb4d8bb94c107cddcecd92de4d1d62fd
+  checksum: 10c0/a5460a63fe596523b9a067cbce39a6b310d1a71750fda261f076535662aada97c24450e18c5bc98a27784f70500615904ff1227e1742183509f0db4fdede669b
   languageName: node
   linkType: hard
 
@@ -18256,20 +17657,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-is@npm:18.3.1, react-is@npm:^18.3.1":
+"react-is@npm:18.3.1, react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.3.1":
   version: 18.3.1
   resolution: "react-is@npm:18.3.1"
   checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072
   languageName: node
   linkType: hard
 
-"react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0":
-  version: 18.2.0
-  resolution: "react-is@npm:18.2.0"
-  checksum: 10c0/6eb5e4b28028c23e2bfcf73371e72cd4162e4ac7ab445ddae2afe24e347a37d6dc22fae6e1748632cd43c6d4f9b8f86dcf26bf9275e1874f436d129952528ae0
-  languageName: node
-  linkType: hard
-
 "react-is@npm:^16.13.1, react-is@npm:^16.7.0":
   version: 16.13.1
   resolution: "react-is@npm:16.13.1"
@@ -18315,7 +17709,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-remove-scroll-bar@npm:^2.3.3, react-remove-scroll-bar@npm:^2.3.4":
+"react-remove-scroll-bar@npm:^2.3.3, react-remove-scroll-bar@npm:^2.3.6":
   version: 2.3.6
   resolution: "react-remove-scroll-bar@npm:2.3.6"
   dependencies:
@@ -18350,11 +17744,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-remove-scroll@npm:2.5.7":
-  version: 2.5.7
-  resolution: "react-remove-scroll@npm:2.5.7"
+"react-remove-scroll@npm:2.6.0":
+  version: 2.6.0
+  resolution: "react-remove-scroll@npm:2.6.0"
   dependencies:
-    react-remove-scroll-bar: "npm:^2.3.4"
+    react-remove-scroll-bar: "npm:^2.3.6"
     react-style-singleton: "npm:^2.2.1"
     tslib: "npm:^2.1.0"
     use-callback-ref: "npm:^1.3.0"
@@ -18365,17 +17759,17 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/dcd523ada602bd0a839c2032cadf0b3e4af55ee85acefee3760976a9cceaa4606927801b093bbb8bf3c2989c71e048f5428c2c6eb9e6681762e86356833d039b
+  checksum: 10c0/c5881c537477d986e8d25d2588a9b6f7fe1254e05946fb4f4b55baeead502b0e1875fc3c42bb6f82736772cd96a50266e41d84e3c4cd25e9525bdfe2d838e96d
   languageName: node
   linkType: hard
 
 "react-resizable-panels@npm:^2.0.22":
-  version: 2.1.3
-  resolution: "react-resizable-panels@npm:2.1.3"
+  version: 2.1.4
+  resolution: "react-resizable-panels@npm:2.1.4"
   peerDependencies:
     react: ^16.14.0 || ^17.0.0 || ^18.0.0
     react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/65257545a935f8bd664b234659bb72535f37ba3ff2a1f09e4063315a8a4651604a6dc3da73b80895d6f15f2c52f9ca5c3e0affa3e1db7aa77b8b430df221bc68
+  checksum: 10c0/c1afef5baf9b401292fbe90297da0802142967a20ecc88cc93086f43acd46c1d0dccc124aa0e95688378850856d4cb55c9a054e12860e39a4f653256fbf3835f
   languageName: node
   linkType: hard
 
@@ -18409,17 +17803,18 @@ __metadata:
   linkType: hard
 
 "react-syntax-highlighter@npm:^15.5.0":
-  version: 15.5.0
-  resolution: "react-syntax-highlighter@npm:15.5.0"
+  version: 15.6.1
+  resolution: "react-syntax-highlighter@npm:15.6.1"
   dependencies:
     "@babel/runtime": "npm:^7.3.1"
     highlight.js: "npm:^10.4.1"
+    highlightjs-vue: "npm:^1.0.0"
     lowlight: "npm:^1.17.0"
     prismjs: "npm:^1.27.0"
     refractor: "npm:^3.6.0"
   peerDependencies:
     react: ">= 0.14.0"
-  checksum: 10c0/2bf57a1ea151f688efc7eba355677577c9bb55f05f9df7ef86627aae42f63f505486cddf3f4a628aecc51ec75e89beb9533201570d03201c4bf7d69d61d2545d
+  checksum: 10c0/4a4cf4695c45d7a6b25078970fb79ae5a85edeba5be0a2508766ee18e8aee1c0c4cdd97bf54f5055e4af671fe7e5e71348e81cafe09a0eb07a763ae876b7f073
   languageName: node
   linkType: hard
 
@@ -18437,15 +17832,15 @@ __metadata:
   linkType: hard
 
 "react-textarea-autosize@npm:^8.5.3":
-  version: 8.5.3
-  resolution: "react-textarea-autosize@npm:8.5.3"
+  version: 8.5.4
+  resolution: "react-textarea-autosize@npm:8.5.4"
   dependencies:
     "@babel/runtime": "npm:^7.20.13"
     use-composed-ref: "npm:^1.3.0"
     use-latest: "npm:^1.2.1"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/33d38a6d96cf584842695b50c341980944ece23a42155bf0bd1958f02396adb185c7720b88678dc677817fe111783059c0ebcdf7761644006892583b10e258ee
+  checksum: 10c0/ea92fda2128983c1a8e84c74706ffb4b8bfa1a19c803d210868ec031c1ac3b8ceee8028766ef5d91017265da2bdccf6a85e5b6e5d553005e839f0c47e5758b43
   languageName: node
   linkType: hard
 
@@ -18510,7 +17905,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-package-json-fast@npm:^3.0.0, read-package-json-fast@npm:^3.0.2":
+"read-package-json-fast@npm:^3.0.0":
   version: 3.0.2
   resolution: "read-package-json-fast@npm:3.0.2"
   dependencies:
@@ -18566,6 +17961,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"readdirp@npm:^4.0.1":
+  version: 4.0.2
+  resolution: "readdirp@npm:4.0.2"
+  checksum: 10c0/a16ecd8ef3286dcd90648c3b103e3826db2b766cdb4a988752c43a83f683d01c7059158d623cbcd8bdfb39e65d302d285be2d208e7d9f34d022d912b929217dd
+  languageName: node
+  linkType: hard
+
 "readdirp@npm:~3.6.0":
   version: 3.6.0
   resolution: "readdirp@npm:3.6.0"
@@ -18588,6 +17990,54 @@ __metadata:
   languageName: node
   linkType: hard
 
+"recma-build-jsx@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-build-jsx@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-util-build-jsx: "npm:^3.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/ca30f5163887b44c74682355da2625f7b49f33267699d22247913e513e043650cbdd6a7497cf13c60f09ad9e7bc2bd35bd20853672773c19188569814b56bb04
+  languageName: node
+  linkType: hard
+
+"recma-jsx@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-jsx@npm:1.0.0"
+  dependencies:
+    acorn-jsx: "npm:^5.0.0"
+    estree-util-to-js: "npm:^2.0.0"
+    recma-parse: "npm:^1.0.0"
+    recma-stringify: "npm:^1.0.0"
+    unified: "npm:^11.0.0"
+  checksum: 10c0/26c2af6dd69336c810468b778be1e4cbac5702cf9382454f17c29cf9b03a4fde47d10385bb26a7ccb34f36fe01af34c24cab9fb0deeed066ea53294be0081f07
+  languageName: node
+  linkType: hard
+
+"recma-parse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-parse@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    esast-util-from-js: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/37c0990859a562d082e02d475ca5f4c8ef0840d285270f6699fe888cbb06260f97eb098585eda4aae416182c207fd19cf05e4f0b2dcf55cbf81dde4406d95545
+  languageName: node
+  linkType: hard
+
+"recma-stringify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "recma-stringify@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-util-to-js: "npm:^2.0.0"
+    unified: "npm:^11.0.0"
+    vfile: "npm:^6.0.0"
+  checksum: 10c0/c2ed4c0e8cf8a09aedcd47c5d016d47f6e1ff6c2d4b220e2abaf1b77713bf404756af2ea3ea7999aec5862e8825aff035edceb370c7fd8603a7e9da03bd6987e
+  languageName: node
+  linkType: hard
+
 "redent@npm:^3.0.0":
   version: 3.0.0
   resolution: "redent@npm:3.0.0"
@@ -18650,9 +18100,9 @@ __metadata:
   linkType: hard
 
 "regex@npm:^4.3.2":
-  version: 4.3.2
-  resolution: "regex@npm:4.3.2"
-  checksum: 10c0/bbc1dd348f85ce05407a072324b37cf79fe6506c90a66f520091feff6f3be8b2e04696f7cfa464a9de1ca4291c01390c8c090bbebfcea25affc03a38c94dd5dc
+  version: 4.3.3
+  resolution: "regex@npm:4.3.3"
+  checksum: 10c0/543caebc029af8e6205513accf1b32bcafd71a6c48d39af63ce667d043d11d3c81f5c3fa6d9729175c23257180c5588de9e7ae9fe8a1c1d8924699265764dea2
   languageName: node
   linkType: hard
 
@@ -18675,15 +18125,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2":
-  version: 1.5.2
-  resolution: "regexp.prototype.flags@npm:1.5.2"
+"regexp.prototype.flags@npm:^1.5.2":
+  version: 1.5.3
+  resolution: "regexp.prototype.flags@npm:1.5.3"
   dependencies:
-    call-bind: "npm:^1.0.6"
+    call-bind: "npm:^1.0.7"
     define-properties: "npm:^1.2.1"
     es-errors: "npm:^1.3.0"
-    set-function-name: "npm:^2.0.1"
-  checksum: 10c0/0f3fc4f580d9c349f8b560b012725eb9c002f36daa0041b3fbf6f4238cb05932191a4d7d5db3b5e2caa336d5150ad0402ed2be81f711f9308fe7e1a9bf9bd552
+    set-function-name: "npm:^2.0.2"
+  checksum: 10c0/e1a7c7dc42cc91abf73e47a269c4b3a8f225321b7f617baa25821f6a123a91d23a73b5152f21872c566e699207e1135d075d2251cd3e84cc96d82a910adf6020
   languageName: node
   linkType: hard
 
@@ -18738,6 +18188,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rehype-recma@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "rehype-recma@npm:1.0.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    hast-util-to-estree: "npm:^3.0.0"
+  checksum: 10c0/be60d7433a7f788a14f41da3e93ba9d9272c908ddef47757026cc4bbcc912f6301d56810349adf876d294a8d048626a0dbf6988aaa574afbfc29eac1ddc1eb74
+  languageName: node
+  linkType: hard
+
 "rehype-slug@npm:^5.1.0":
   version: 5.1.0
   resolution: "rehype-slug@npm:5.1.0"
@@ -18754,13 +18215,13 @@ __metadata:
   linkType: hard
 
 "rehype-stringify@npm:^10.0.0":
-  version: 10.0.0
-  resolution: "rehype-stringify@npm:10.0.0"
+  version: 10.0.1
+  resolution: "rehype-stringify@npm:10.0.1"
   dependencies:
     "@types/hast": "npm:^3.0.0"
     hast-util-to-html: "npm:^9.0.0"
     unified: "npm:^11.0.0"
-  checksum: 10c0/6a5f763cfc51cefbcfe504c9661da39b2f28e49c6caea085ff7ad97457b9574289076471f6eeca7af6479f1f90fd1bf1e8d176640b66da262372b76a1f1b3147
+  checksum: 10c0/c643ae3a4862465033e0f1e9f664433767279b4ee9296570746970a79940417ec1fb1997a513659aab97063cf971c5d97e0af8129f590719f01628c8aa480765
   languageName: node
   linkType: hard
 
@@ -18839,12 +18300,12 @@ __metadata:
   linkType: hard
 
 "remark-mdx@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "remark-mdx@npm:3.0.1"
+  version: 3.1.0
+  resolution: "remark-mdx@npm:3.1.0"
   dependencies:
     mdast-util-mdx: "npm:^3.0.0"
     micromark-extension-mdxjs: "npm:^3.0.0"
-  checksum: 10c0/9e16cd5ff3b30620bd25351a2dd1701627fa5555785b35ee5fe07bd1e6793a9c825cc1f6af9e54a44351f74879f8b5ea2bce8e5a21379aeab58935e76a4d69ce
+  checksum: 10c0/247800fa8561624bdca5776457c5965d99e5e60080e80262c600fe12ddd573862e029e39349e1e36e4c3bf79c8e571ecf4d3d2d8c13485b758391fb500e24a1a
   languageName: node
   linkType: hard
 
@@ -18881,15 +18342,15 @@ __metadata:
   linkType: hard
 
 "remark-rehype@npm:^11.0.0, remark-rehype@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "remark-rehype@npm:11.1.0"
+  version: 11.1.1
+  resolution: "remark-rehype@npm:11.1.1"
   dependencies:
     "@types/hast": "npm:^3.0.0"
     "@types/mdast": "npm:^4.0.0"
     mdast-util-to-hast: "npm:^13.0.0"
     unified: "npm:^11.0.0"
     vfile: "npm:^6.0.0"
-  checksum: 10c0/7a9534847ea70e78cf09227a4302af7e491f625fd092351a1b1ee27a2de0a369ac4acf069682e8a8ec0a55847b3e83f0be76b2028aa90e98e69e21420b9794c3
+  checksum: 10c0/68f986e8ee758d415e93babda2a0d89477c15b7c200edc23b8b1d914dd6e963c5fc151a11cbbbcfa7dd237367ff3ef86e302be90f31f37a17b0748668bd8c65b
   languageName: node
   linkType: hard
 
@@ -19013,7 +18474,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4":
+"resolve@npm:^1.1.7, resolve@npm:^1.10.0, resolve@npm:^1.19.0, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.2, resolve@npm:^1.22.4, resolve@npm:^1.22.8":
   version: 1.22.8
   resolution: "resolve@npm:1.22.8"
   dependencies:
@@ -19039,7 +18500,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.1.7#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
   dependencies:
@@ -19156,26 +18617,26 @@ __metadata:
   linkType: hard
 
 "rollup@npm:^4.19.0":
-  version: 4.21.3
-  resolution: "rollup@npm:4.21.3"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": "npm:4.21.3"
-    "@rollup/rollup-android-arm64": "npm:4.21.3"
-    "@rollup/rollup-darwin-arm64": "npm:4.21.3"
-    "@rollup/rollup-darwin-x64": "npm:4.21.3"
-    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.21.3"
-    "@rollup/rollup-linux-arm-musleabihf": "npm:4.21.3"
-    "@rollup/rollup-linux-arm64-gnu": "npm:4.21.3"
-    "@rollup/rollup-linux-arm64-musl": "npm:4.21.3"
-    "@rollup/rollup-linux-powerpc64le-gnu": "npm:4.21.3"
-    "@rollup/rollup-linux-riscv64-gnu": "npm:4.21.3"
-    "@rollup/rollup-linux-s390x-gnu": "npm:4.21.3"
-    "@rollup/rollup-linux-x64-gnu": "npm:4.21.3"
-    "@rollup/rollup-linux-x64-musl": "npm:4.21.3"
-    "@rollup/rollup-win32-arm64-msvc": "npm:4.21.3"
-    "@rollup/rollup-win32-ia32-msvc": "npm:4.21.3"
-    "@rollup/rollup-win32-x64-msvc": "npm:4.21.3"
-    "@types/estree": "npm:1.0.5"
+  version: 4.24.0
+  resolution: "rollup@npm:4.24.0"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": "npm:4.24.0"
+    "@rollup/rollup-android-arm64": "npm:4.24.0"
+    "@rollup/rollup-darwin-arm64": "npm:4.24.0"
+    "@rollup/rollup-darwin-x64": "npm:4.24.0"
+    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.24.0"
+    "@rollup/rollup-linux-arm-musleabihf": "npm:4.24.0"
+    "@rollup/rollup-linux-arm64-gnu": "npm:4.24.0"
+    "@rollup/rollup-linux-arm64-musl": "npm:4.24.0"
+    "@rollup/rollup-linux-powerpc64le-gnu": "npm:4.24.0"
+    "@rollup/rollup-linux-riscv64-gnu": "npm:4.24.0"
+    "@rollup/rollup-linux-s390x-gnu": "npm:4.24.0"
+    "@rollup/rollup-linux-x64-gnu": "npm:4.24.0"
+    "@rollup/rollup-linux-x64-musl": "npm:4.24.0"
+    "@rollup/rollup-win32-arm64-msvc": "npm:4.24.0"
+    "@rollup/rollup-win32-ia32-msvc": "npm:4.24.0"
+    "@rollup/rollup-win32-x64-msvc": "npm:4.24.0"
+    "@types/estree": "npm:1.0.6"
     fsevents: "npm:~2.3.2"
   dependenciesMeta:
     "@rollup/rollup-android-arm-eabi":
@@ -19214,7 +18675,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 10c0/a9f98366a451f1302276390de9c0c59b464d680946410f53c14e7057fa84642efbe05eca8d85076962657955d77bb4a2d2b6dd8b70baf58c3c4b56f565d804dd
+  checksum: 10c0/77fb549c1de8afd1142d2da765adbb0cdab9f13c47df5217f00b5cf40b74219caa48c6ba2157f6249313ee81b6fa4c4fa8b3d2a0347ad6220739e00e580a808d
   languageName: node
   linkType: hard
 
@@ -19276,9 +18737,9 @@ __metadata:
   linkType: hard
 
 "safe-stable-stringify@npm:^2.4.3":
-  version: 2.4.3
-  resolution: "safe-stable-stringify@npm:2.4.3"
-  checksum: 10c0/81dede06b8f2ae794efd868b1e281e3c9000e57b39801c6c162267eb9efda17bd7a9eafa7379e1f1cacd528d4ced7c80d7460ad26f62ada7c9e01dec61b2e768
+  version: 2.5.0
+  resolution: "safe-stable-stringify@npm:2.5.0"
+  checksum: 10c0/baea14971858cadd65df23894a40588ed791769db21bafb7fd7608397dbdce9c5aac60748abae9995e0fc37e15f2061980501e012cd48859740796bea2987f49
   languageName: node
   linkType: hard
 
@@ -19290,15 +18751,16 @@ __metadata:
   linkType: hard
 
 "sass@npm:^1.78.0":
-  version: 1.78.0
-  resolution: "sass@npm:1.78.0"
+  version: 1.80.3
+  resolution: "sass@npm:1.80.3"
   dependencies:
-    chokidar: "npm:>=3.0.0 <4.0.0"
+    "@parcel/watcher": "npm:^2.4.1"
+    chokidar: "npm:^4.0.0"
     immutable: "npm:^4.0.0"
     source-map-js: "npm:>=0.6.2 <2.0.0"
   bin:
     sass: sass.js
-  checksum: 10c0/6577a87c00b03a5a50f3a11b4b6592f28abce34e61812e381535a3b712151bd94db3ca06467d20395431e0f38a23f99e616d6859d771fb6d4617c359f590c48c
+  checksum: 10c0/fa08043fc36b854717b6eaf6247ee11341d0aff5e17a645965071866bd677930c9c9467d82ed5a4a666d7897a82be8a61427cd81b808e6b9e2d3b32cf278bebd
   languageName: node
   linkType: hard
 
@@ -19400,18 +18862,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.3.8, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0":
-  version: 7.6.0
-  resolution: "semver@npm:7.6.0"
-  dependencies:
-    lru-cache: "npm:^6.0.0"
-  bin:
-    semver: bin/semver.js
-  checksum: 10c0/fbfe717094ace0aa8d6332d7ef5ce727259815bd8d8815700853f4faf23aacbd7192522f0dc5af6df52ef4fa85a355ebd2f5d39f554bd028200d6cf481ab9b53
-  languageName: node
-  linkType: hard
-
-"semver@npm:^7.6.1, semver@npm:^7.6.3":
+"semver@npm:^7.1.1, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.3.8, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.1, semver@npm:^7.6.3":
   version: 7.6.3
   resolution: "semver@npm:7.6.3"
   bin:
@@ -19507,32 +18958,32 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"sharp@npm:^0.33.3":
-  version: 0.33.4
-  resolution: "sharp@npm:0.33.4"
-  dependencies:
-    "@img/sharp-darwin-arm64": "npm:0.33.4"
-    "@img/sharp-darwin-x64": "npm:0.33.4"
-    "@img/sharp-libvips-darwin-arm64": "npm:1.0.2"
-    "@img/sharp-libvips-darwin-x64": "npm:1.0.2"
-    "@img/sharp-libvips-linux-arm": "npm:1.0.2"
-    "@img/sharp-libvips-linux-arm64": "npm:1.0.2"
-    "@img/sharp-libvips-linux-s390x": "npm:1.0.2"
-    "@img/sharp-libvips-linux-x64": "npm:1.0.2"
-    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.2"
-    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.2"
-    "@img/sharp-linux-arm": "npm:0.33.4"
-    "@img/sharp-linux-arm64": "npm:0.33.4"
-    "@img/sharp-linux-s390x": "npm:0.33.4"
-    "@img/sharp-linux-x64": "npm:0.33.4"
-    "@img/sharp-linuxmusl-arm64": "npm:0.33.4"
-    "@img/sharp-linuxmusl-x64": "npm:0.33.4"
-    "@img/sharp-wasm32": "npm:0.33.4"
-    "@img/sharp-win32-ia32": "npm:0.33.4"
-    "@img/sharp-win32-x64": "npm:0.33.4"
+"sharp@npm:^0.33.5":
+  version: 0.33.5
+  resolution: "sharp@npm:0.33.5"
+  dependencies:
+    "@img/sharp-darwin-arm64": "npm:0.33.5"
+    "@img/sharp-darwin-x64": "npm:0.33.5"
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.4"
+    "@img/sharp-libvips-linux-arm": "npm:1.0.5"
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.4"
+    "@img/sharp-libvips-linux-x64": "npm:1.0.4"
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.4"
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.4"
+    "@img/sharp-linux-arm": "npm:0.33.5"
+    "@img/sharp-linux-arm64": "npm:0.33.5"
+    "@img/sharp-linux-s390x": "npm:0.33.5"
+    "@img/sharp-linux-x64": "npm:0.33.5"
+    "@img/sharp-linuxmusl-arm64": "npm:0.33.5"
+    "@img/sharp-linuxmusl-x64": "npm:0.33.5"
+    "@img/sharp-wasm32": "npm:0.33.5"
+    "@img/sharp-win32-ia32": "npm:0.33.5"
+    "@img/sharp-win32-x64": "npm:0.33.5"
     color: "npm:^4.2.3"
     detect-libc: "npm:^2.0.3"
-    semver: "npm:^7.6.0"
+    semver: "npm:^7.6.3"
   dependenciesMeta:
     "@img/sharp-darwin-arm64":
       optional: true
@@ -19572,7 +19023,7 @@ __metadata:
       optional: true
     "@img/sharp-win32-x64":
       optional: true
-  checksum: 10c0/428c5c6a84ff8968effe50c2de931002f5f30b9f263e1c026d0384e581673c13088a49322f7748114d3d9be4ae9476a74bf003a3af34743e97ef2f880d1cfe45
+  checksum: 10c0/6b81421ddfe6ee524d8d77e325c5e147fef22884e1c7b1656dfd89a88d7025894115da02d5f984261bf2e6daa16f98cadd1721c4ba408b4212b1d2a60f233484
   languageName: node
   linkType: hard
 
@@ -19615,17 +19066,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"shiki@npm:1.17.5, shiki@npm:^1.17.5":
-  version: 1.17.5
-  resolution: "shiki@npm:1.17.5"
+"shiki@npm:1.22.0, shiki@npm:^1.17.5":
+  version: 1.22.0
+  resolution: "shiki@npm:1.22.0"
   dependencies:
-    "@shikijs/core": "npm:1.17.5"
-    "@shikijs/engine-javascript": "npm:1.17.5"
-    "@shikijs/engine-oniguruma": "npm:1.17.5"
-    "@shikijs/types": "npm:1.17.5"
-    "@shikijs/vscode-textmate": "npm:^9.2.2"
+    "@shikijs/core": "npm:1.22.0"
+    "@shikijs/engine-javascript": "npm:1.22.0"
+    "@shikijs/engine-oniguruma": "npm:1.22.0"
+    "@shikijs/types": "npm:1.22.0"
+    "@shikijs/vscode-textmate": "npm:^9.3.0"
     "@types/hast": "npm:^3.0.4"
-  checksum: 10c0/7c6d3b25d4f7bef849fc9a34585fb5e7b6e06474c5d370f5817ee221c1b63caa84bd99be6facce6b867853fb00eb52b2d2f34359e3ebf1133f71fdc5e0323539
+  checksum: 10c0/750ee1751340ad65368921a4a4f29249b9632c8b547a0c4052eb8a467be0da8b3af7a5e8751482a9e387f67053f8c8a7e5f50bf1be6fcf6f91ed3952bd20965e
   languageName: node
   linkType: hard
 
@@ -19789,14 +19240,14 @@ __metadata:
   linkType: hard
 
 "socket.io-client@npm:^4.6.1":
-  version: 4.7.5
-  resolution: "socket.io-client@npm:4.7.5"
+  version: 4.8.0
+  resolution: "socket.io-client@npm:4.8.0"
   dependencies:
     "@socket.io/component-emitter": "npm:~3.1.0"
     debug: "npm:~4.3.2"
-    engine.io-client: "npm:~6.5.2"
+    engine.io-client: "npm:~6.6.1"
     socket.io-parser: "npm:~4.2.4"
-  checksum: 10c0/d5dc90ee63755fbbb0a1cb3faf575c9ce20d98e809a43a4c9c3ce03a56b8810335ae38e678ceb0650ac434d55e72ea6449c2e5d6db8bc7258f7c529148fac99d
+  checksum: 10c0/41f142a79f5903cf007902b9b830313e425c5d6a4257d504b8c94d4b4edd3df037df997e622205228bceb18eea6f3308d25f55b3c919d6100849c232e7c06928
   languageName: node
   linkType: hard
 
@@ -19810,7 +19261,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^8.0.2, socks-proxy-agent@npm:^8.0.4":
+"socks-proxy-agent@npm:^8.0.2, socks-proxy-agent@npm:^8.0.3, socks-proxy-agent@npm:^8.0.4":
   version: 8.0.4
   resolution: "socks-proxy-agent@npm:8.0.4"
   dependencies:
@@ -19821,27 +19272,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^8.0.3":
-  version: 8.0.3
-  resolution: "socks-proxy-agent@npm:8.0.3"
-  dependencies:
-    agent-base: "npm:^7.1.1"
-    debug: "npm:^4.3.4"
-    socks: "npm:^2.7.1"
-  checksum: 10c0/4950529affd8ccd6951575e21c1b7be8531b24d924aa4df3ee32df506af34b618c4e50d261f4cc603f1bfd8d426915b7d629966c8ce45b05fb5ad8c8b9a6459d
-  languageName: node
-  linkType: hard
-
-"socks@npm:^2.7.1":
-  version: 2.8.2
-  resolution: "socks@npm:2.8.2"
-  dependencies:
-    ip-address: "npm:^9.0.5"
-    smart-buffer: "npm:^4.2.0"
-  checksum: 10c0/4287b6a1b752fae73bd315de54ae70998e780767e7790c7d284b46e7458a1cf35fc160edb8851079b5f25e58e7938b2fdd56b1280f79d0993b6caa140b511764
-  languageName: node
-  linkType: hard
-
 "socks@npm:^2.8.3":
   version: 2.8.3
   resolution: "socks@npm:2.8.3"
@@ -19863,11 +19293,11 @@ __metadata:
   linkType: hard
 
 "sort-keys@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "sort-keys@npm:5.0.0"
+  version: 5.1.0
+  resolution: "sort-keys@npm:5.1.0"
   dependencies:
     is-plain-obj: "npm:^4.0.0"
-  checksum: 10c0/9f7abc51e184ef27327cb2e6da729c84d1c0223bdfc714b5065df3ff167f8e1bbdfaec6bbd41d87a308d9e79eba93c90534d034f5790b305dfbecf0701f3ee55
+  checksum: 10c0/fdb7aeb02368ad91b2ea947b59f3c95d80f8c71bbcb5741ebd55852994f54a129af3b3663b280951566fe5897de056428810dbb58c61db831e588c0ac110f2b0
   languageName: node
   linkType: hard
 
@@ -19896,14 +19326,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "source-map-js@npm:1.2.0"
-  checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4
-  languageName: node
-  linkType: hard
-
-"source-map-js@npm:^1.2.1":
+"source-map-js@npm:>=0.6.2 <2.0.0, source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.1":
   version: 1.2.1
   resolution: "source-map-js@npm:1.2.1"
   checksum: 10c0/7bda1fc4c197e3c6ff17de1b8b2c20e60af81b63a52cb32ec5a5d67a20a7d42651e2cb34ebe93833c5a2a084377e17455854fee3e21e7925c64a51b6a52b0faf
@@ -20005,9 +19428,9 @@ __metadata:
   linkType: hard
 
 "spdx-license-ids@npm:^3.0.0":
-  version: 3.0.17
-  resolution: "spdx-license-ids@npm:3.0.17"
-  checksum: 10c0/ddf9477b5afc70f1a7d3bf91f0b8e8a1c1b0fa65d2d9a8b5c991b1a2ba91b693d8b9749700119d5ce7f3fbf307ac421087ff43d321db472605e98a5804f80eac
+  version: 3.0.20
+  resolution: "spdx-license-ids@npm:3.0.20"
+  checksum: 10c0/bdff7534fad6ef59be49becda1edc3fb7f5b3d6f296a715516ab9d972b8ad59af2c34b2003e01db8970d4c673d185ff696ba74c6b61d3bf327e2b3eac22c297c
   languageName: node
   linkType: hard
 
@@ -20042,11 +19465,11 @@ __metadata:
   linkType: hard
 
 "ssri@npm:^10.0.0":
-  version: 10.0.5
-  resolution: "ssri@npm:10.0.5"
+  version: 10.0.6
+  resolution: "ssri@npm:10.0.6"
   dependencies:
     minipass: "npm:^7.0.3"
-  checksum: 10c0/b091f2ae92474183c7ac5ed3f9811457e1df23df7a7e70c9476eaa9a0c4a0c8fc190fb45acefbf023ca9ee864dd6754237a697dc52a0fb182afe65d8e77443d8
+  checksum: 10c0/e5a1e23a4057a86a97971465418f22ea89bd439ac36ade88812dd920e4e61873e8abd6a9b72a03a67ef50faa00a2daf1ab745c5a15b46d03e0544a0296354227
   languageName: node
   linkType: hard
 
@@ -20079,15 +19502,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stop-iteration-iterator@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "stop-iteration-iterator@npm:1.0.0"
-  dependencies:
-    internal-slot: "npm:^1.0.4"
-  checksum: 10c0/c4158d6188aac510d9e92925b58709207bd94699e9c31186a040c80932a687f84a51356b5895e6dc72710aad83addb9411c22171832c9ae0e6e11b7d61b0dfb9
-  languageName: node
-  linkType: hard
-
 "stream-combiner@npm:~0.0.4":
   version: 0.0.4
   resolution: "stream-combiner@npm:0.0.4"
@@ -20169,17 +19583,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.includes@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "string.prototype.includes@npm:2.0.0"
+"string.prototype.includes@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "string.prototype.includes@npm:2.0.1"
   dependencies:
-    define-properties: "npm:^1.1.3"
-    es-abstract: "npm:^1.17.5"
-  checksum: 10c0/32dff118c9e9dcc87e240b05462fa8ee7248d9e335c0015c1442fe18152261508a2146d9bb87ddae56abab69148a83c61dfaea33f53853812a6a2db737689ed2
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+  checksum: 10c0/25ce9c9b49128352a2618fbe8758b46f945817a58a4420f4799419e40a8d28f116e176c7590d767d5327a61e75c8f32c86171063f48e389b9fdd325f1bd04ee5
   languageName: node
   linkType: hard
 
-"string.prototype.matchall@npm:^4.0.10, string.prototype.matchall@npm:^4.0.11":
+"string.prototype.matchall@npm:^4.0.11":
   version: 4.0.11
   resolution: "string.prototype.matchall@npm:4.0.11"
   dependencies:
@@ -20361,27 +19776,27 @@ __metadata:
   linkType: hard
 
 "style-to-object@npm:^1.0.0":
-  version: 1.0.6
-  resolution: "style-to-object@npm:1.0.6"
+  version: 1.0.8
+  resolution: "style-to-object@npm:1.0.8"
   dependencies:
-    inline-style-parser: "npm:0.2.3"
-  checksum: 10c0/be5e8e3f0e35c0338de4112b9d861db576a52ebbd97f2501f1fb2c900d05c8fc42c5114407fa3a7f8b39301146cd8ca03a661bf52212394125a9629d5b771aba
+    inline-style-parser: "npm:0.2.4"
+  checksum: 10c0/daa6646b1ff18258c0ca33ed281fbe73485c8391192db1b56ce89d40c93ea64507a41e8701d0dadfe771bc2f540c46c9b295135f71584c8e5cb23d6a19be9430
   languageName: node
   linkType: hard
 
-"styled-jsx@npm:5.1.1":
-  version: 5.1.1
-  resolution: "styled-jsx@npm:5.1.1"
+"styled-jsx@npm:5.1.6":
+  version: 5.1.6
+  resolution: "styled-jsx@npm:5.1.6"
   dependencies:
     client-only: "npm:0.0.1"
   peerDependencies:
-    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
   peerDependenciesMeta:
     "@babel/core":
       optional: true
     babel-plugin-macros:
       optional: true
-  checksum: 10c0/42655cdadfa5388f8a48bb282d6b450df7d7b8cf066ac37038bd0499d3c9f084815ebd9ff9dfa12a218fd4441338851db79603498d7557207009c1cf4d609835
+  checksum: 10c0/ace50e7ea5ae5ae6a3b65a50994c51fca6ae7df9c7ecfd0104c36be0b4b3a9c5c1a2374d16e2a11e256d0b20be6d47256d768ecb4f91ab390f60752a075780f5
   languageName: node
   linkType: hard
 
@@ -20497,23 +19912,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"synckit@npm:0.9.1, synckit@npm:^0.9.1":
-  version: 0.9.1
-  resolution: "synckit@npm:0.9.1"
-  dependencies:
-    "@pkgr/core": "npm:^0.1.0"
-    tslib: "npm:^2.6.2"
-  checksum: 10c0/d8b89e1bf30ba3ffb469d8418c836ad9c0c062bf47028406b4d06548bc66af97155ea2303b96c93bf5c7c0f0d66153a6fbd6924c76521b434e6a9898982abc2e
-  languageName: node
-  linkType: hard
-
-"synckit@npm:^0.9.0":
-  version: 0.9.0
-  resolution: "synckit@npm:0.9.0"
+"synckit@npm:0.9.2, synckit@npm:^0.9.0, synckit@npm:^0.9.1":
+  version: 0.9.2
+  resolution: "synckit@npm:0.9.2"
   dependencies:
     "@pkgr/core": "npm:^0.1.0"
     tslib: "npm:^2.6.2"
-  checksum: 10c0/b5c1e7c03fefe3d36a9ab4e71dd21859cb32be4138712c31a893382a568fd00efc59ede8f521dd7e53d43a2fea92bdf717e987ea9ed6ad94f97ef28d71d0ba2f
+  checksum: 10c0/e0c262817444e5b872708adb6f5ad37951ba33f6b2d1d4477d45db1f57573a784618ceed5e6614e0225db330632b1f6b95bb74d21e4d013e45ad4bde03d0cb59
   languageName: node
   linkType: hard
 
@@ -20525,9 +19930,9 @@ __metadata:
   linkType: hard
 
 "tailwind-merge@npm:^2.5.2":
-  version: 2.5.2
-  resolution: "tailwind-merge@npm:2.5.2"
-  checksum: 10c0/e43a9a468f7ba4ed5b4a399558d96d6270a3d8131dca111cccc803e71cc23885060d18d721f312a24fff0a75c567dbb30b2a87c18aba25eb4255df197d8170ab
+  version: 2.5.4
+  resolution: "tailwind-merge@npm:2.5.4"
+  checksum: 10c0/6c3d2a1d44344f373859f005e6366f0dbd7f66131d330a51dbe823dab08f71c388b2efcbb2b6a2170ca469581d27079c25cd40c234ca1356c4893ae99c2febb3
   languageName: node
   linkType: hard
 
@@ -20541,8 +19946,8 @@ __metadata:
   linkType: hard
 
 "tailwindcss@npm:^3.4.11":
-  version: 3.4.11
-  resolution: "tailwindcss@npm:3.4.11"
+  version: 3.4.14
+  resolution: "tailwindcss@npm:3.4.14"
   dependencies:
     "@alloc/quick-lru": "npm:^5.2.0"
     arg: "npm:^5.0.2"
@@ -20569,7 +19974,7 @@ __metadata:
   bin:
     tailwind: lib/cli.js
     tailwindcss: lib/cli.js
-  checksum: 10c0/b5bce27a6370e7a1c68a8c61db1e5379ccd14dcc5410149342f7742f45be0f2af72cbc0f3ac4e97535fc214d3f2546ade5edbb737f5b74d0a2431b8bb8e54b0d
+  checksum: 10c0/f6c23f8a3293ce3b2511bca1e50008ac94bd8562cb09fec32fe4f8e8a4f54d9e9fc10e567b7f974abdd4b33e550564a2616d4e793c736955432f28448141ce45
   languageName: node
   linkType: hard
 
@@ -20608,7 +20013,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:^6.1.11, tar@npm:^6.1.2":
+"tar@npm:^6.1.11, tar@npm:^6.2.1":
   version: 6.2.1
   resolution: "tar@npm:6.2.1"
   dependencies:
@@ -20689,9 +20094,9 @@ __metadata:
   linkType: hard
 
 "throttle-debounce@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "throttle-debounce@npm:5.0.0"
-  checksum: 10c0/666d5b73bfa7340c5186b244416ce965cd276e4bc91a12453ff6eddcc62f02a19c6f532305601d90c809dd5acbd45dd6eea5eb43e0a879a0b3d66d0886a4d8d2
+  version: 5.0.2
+  resolution: "throttle-debounce@npm:5.0.2"
+  checksum: 10c0/9a10ac51400b353562770721718486847adb5d7287c94a0c0d47df5326e8d47e5d92fcb74dac53d6734efb9344a2d46d68c7f996c2d0aedfd11446522e4bb356
   languageName: node
   linkType: hard
 
@@ -20737,6 +20142,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tinyglobby@npm:^0.2.1":
+  version: 0.2.9
+  resolution: "tinyglobby@npm:0.2.9"
+  dependencies:
+    fdir: "npm:^6.4.0"
+    picomatch: "npm:^4.0.2"
+  checksum: 10c0/f65f847afe70f56de069d4f1f9c3b0c1a76aaf2b0297656754734a83b9bac8e105b5534dfbea8599560476b88f7b747d0855370a957a07246d18b976addb87ec
+  languageName: node
+  linkType: hard
+
 "tmp@npm:^0.0.33":
   version: 0.0.33
   resolution: "tmp@npm:0.0.33"
@@ -20753,13 +20168,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"to-fast-properties@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "to-fast-properties@npm:2.0.0"
-  checksum: 10c0/b214d21dbfb4bce3452b6244b336806ffea9c05297148d32ebb428d5c43ce7545bdfc65a1ceb58c9ef4376a65c0cb2854d645f33961658b3e3b4f84910ddcdd7
-  languageName: node
-  linkType: hard
-
 "to-gatsby-remark-plugin@npm:^0.1.0":
   version: 0.1.0
   resolution: "to-gatsby-remark-plugin@npm:0.1.0"
@@ -20803,14 +20211,14 @@ __metadata:
   linkType: hard
 
 "tough-cookie@npm:^4.1.2":
-  version: 4.1.3
-  resolution: "tough-cookie@npm:4.1.3"
+  version: 4.1.4
+  resolution: "tough-cookie@npm:4.1.4"
   dependencies:
     psl: "npm:^1.1.33"
     punycode: "npm:^2.1.1"
     universalify: "npm:^0.2.0"
     url-parse: "npm:^1.5.3"
-  checksum: 10c0/4fc0433a0cba370d57c4b240f30440c848906dee3180bb6e85033143c2726d322e7e4614abb51d42d111ebec119c4876ed8d7247d4113563033eebbc1739c831
+  checksum: 10c0/aca7ff96054f367d53d1e813e62ceb7dd2eda25d7752058a74d64b7266fd07be75908f3753a32ccf866a2f997604b414cfb1916d6e7f69bc64d9d9939b0d6c45
   languageName: node
   linkType: hard
 
@@ -20997,9 +20405,9 @@ __metadata:
   linkType: hard
 
 "ts-pattern@npm:^5.0.6":
-  version: 5.2.0
-  resolution: "ts-pattern@npm:5.2.0"
-  checksum: 10c0/99d0bc0d2f3aa19d8ff50b028f4e1c3da35b21f4503f329f8818863b614df3850c0b3709c703e18f5902e68b9682d29719c82b709e07907e87e374e5c70a01f5
+  version: 5.5.0
+  resolution: "ts-pattern@npm:5.5.0"
+  checksum: 10c0/4ae1fbeadcf193e72b27419d5fe71f559c100e45710eabf29e2ff3a8fa9ba29adfcd6d5d7d8169b95e2b264683a2eb8d94dbd3c893357b045b52b0c34c2b7c72
   languageName: node
   linkType: hard
 
@@ -21033,17 +20441,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.4.1, tslib@npm:^2.6.2":
-  version: 2.6.2
-  resolution: "tslib@npm:2.6.2"
-  checksum: 10c0/e03a8a4271152c8b26604ed45535954c0a45296e32445b4b87f8a5abdb2421f40b59b4ca437c4346af0f28179780d604094eb64546bee2019d903d01c6c19bdb
-  languageName: node
-  linkType: hard
-
-"tslib@npm:^2.0.1, tslib@npm:^2.2.0":
-  version: 2.7.0
-  resolution: "tslib@npm:2.7.0"
-  checksum: 10c0/469e1d5bf1af585742128827000711efa61010b699cb040ab1800bcd3ccdd37f63ec30642c9e07c4439c1db6e46345582614275daca3e0f4abae29b0083f04a6
+"tslib@npm:^2.0.0, tslib@npm:^2.0.1, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.2.0, tslib@npm:^2.4.0, tslib@npm:^2.4.1, tslib@npm:^2.6.2":
+  version: 2.8.0
+  resolution: "tslib@npm:2.8.0"
+  checksum: 10c0/31e4d14dc1355e9b89e4d3c893a18abb7f90b6886b089c2da91224d0a7752c79f3ddc41bc1aa0a588ac895bd97bb99c5bc2bfdb2f86de849f31caeb3ba79bbe5
   languageName: node
   linkType: hard
 
@@ -21084,8 +20485,8 @@ __metadata:
   linkType: hard
 
 "tsup@npm:^8.2.4":
-  version: 8.2.4
-  resolution: "tsup@npm:8.2.4"
+  version: 8.3.0
+  resolution: "tsup@npm:8.3.0"
   dependencies:
     bundle-require: "npm:^5.0.0"
     cac: "npm:^6.7.14"
@@ -21094,7 +20495,6 @@ __metadata:
     debug: "npm:^4.3.5"
     esbuild: "npm:^0.23.0"
     execa: "npm:^5.1.1"
-    globby: "npm:^11.1.0"
     joycon: "npm:^3.1.1"
     picocolors: "npm:^1.0.1"
     postcss-load-config: "npm:^6.0.1"
@@ -21102,6 +20502,7 @@ __metadata:
     rollup: "npm:^4.19.0"
     source-map: "npm:0.8.0-beta.0"
     sucrase: "npm:^3.35.0"
+    tinyglobby: "npm:^0.2.1"
     tree-kill: "npm:^1.2.2"
   peerDependencies:
     "@microsoft/api-extractor": ^7.36.0
@@ -21120,7 +20521,7 @@ __metadata:
   bin:
     tsup: dist/cli-default.js
     tsup-node: dist/cli-node.js
-  checksum: 10c0/0fa967ae0feb483528ae52fd9988d7931a092b3645a456e23b62ac03a0556da6f569fb2a77b3baf50ff1d12b9afac38aa9d29f15eb82c8a2b4faeda8362858da
+  checksum: 10c0/7f7132e48fca2284fd721077c6462c440dabdc95bcacf2e9837f81d2ca9771f804ff4f8b81a743e8fc6c3def856cf3ae99421c0568a7f030196abdc9e12e97e8
   languageName: node
   linkType: hard
 
@@ -21151,58 +20552,58 @@ __metadata:
   languageName: node
   linkType: hard
 
-"turbo-darwin-64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-darwin-64@npm:2.1.2"
+"turbo-darwin-64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-darwin-64@npm:2.2.3"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-darwin-arm64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-darwin-arm64@npm:2.1.2"
+"turbo-darwin-arm64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-darwin-arm64@npm:2.2.3"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"turbo-linux-64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-linux-64@npm:2.1.2"
+"turbo-linux-64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-linux-64@npm:2.2.3"
   conditions: os=linux & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-linux-arm64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-linux-arm64@npm:2.1.2"
+"turbo-linux-arm64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-linux-arm64@npm:2.2.3"
   conditions: os=linux & cpu=arm64
   languageName: node
   linkType: hard
 
-"turbo-windows-64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-windows-64@npm:2.1.2"
+"turbo-windows-64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-windows-64@npm:2.2.3"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
 
-"turbo-windows-arm64@npm:2.1.2":
-  version: 2.1.2
-  resolution: "turbo-windows-arm64@npm:2.1.2"
+"turbo-windows-arm64@npm:2.2.3":
+  version: 2.2.3
+  resolution: "turbo-windows-arm64@npm:2.2.3"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
 "turbo@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "turbo@npm:2.1.2"
-  dependencies:
-    turbo-darwin-64: "npm:2.1.2"
-    turbo-darwin-arm64: "npm:2.1.2"
-    turbo-linux-64: "npm:2.1.2"
-    turbo-linux-arm64: "npm:2.1.2"
-    turbo-windows-64: "npm:2.1.2"
-    turbo-windows-arm64: "npm:2.1.2"
+  version: 2.2.3
+  resolution: "turbo@npm:2.2.3"
+  dependencies:
+    turbo-darwin-64: "npm:2.2.3"
+    turbo-darwin-arm64: "npm:2.2.3"
+    turbo-linux-64: "npm:2.2.3"
+    turbo-linux-arm64: "npm:2.2.3"
+    turbo-windows-64: "npm:2.2.3"
+    turbo-windows-arm64: "npm:2.2.3"
   dependenciesMeta:
     turbo-darwin-64:
       optional: true
@@ -21218,7 +20619,7 @@ __metadata:
       optional: true
   bin:
     turbo: bin/turbo
-  checksum: 10c0/826b1a43d9d22a4fe2263cd52ee9e4f04356cf7ae939e50e237b2ad726cc2080b1c2284d39aeee3ae9930063af0f641a98edb42ee101930910f17eb1906c7a4b
+  checksum: 10c0/5896cc1eb4b333ad11016f3b8a4ef5f13d3848c3b0abf4027edc53a0d10f3349bda5a7b880cc57ab1312b8c6371602f0ab932bc1c3902c65c674aef9c341af15
   languageName: node
   linkType: hard
 
@@ -21320,9 +20721,9 @@ __metadata:
   linkType: hard
 
 "type-fest@npm:^4.10.0":
-  version: 4.21.0
-  resolution: "type-fest@npm:4.21.0"
-  checksum: 10c0/60c09995336ea15a405caa76a9ad9238e7ea324d945519880c560e4ee0845479889c45a51810ca81b0f37abd46229a06d2e17ab9b12d1a5cbe335af56819c92b
+  version: 4.26.1
+  resolution: "type-fest@npm:4.26.1"
+  checksum: 10c0/d2719ff8d380befe8a3c61068f37f28d6fa2849fd140c5d2f0f143099e371da6856aad7c97e56b83329d45bfe504afe9fd936a7cff600cc0d46aa9ffb008d6c6
   languageName: node
   linkType: hard
 
@@ -21479,17 +20880,17 @@ __metadata:
   linkType: hard
 
 "unified-engine@npm:^11.2.0":
-  version: 11.2.0
-  resolution: "unified-engine@npm:11.2.0"
+  version: 11.2.1
+  resolution: "unified-engine@npm:11.2.1"
   dependencies:
     "@types/concat-stream": "npm:^2.0.0"
     "@types/debug": "npm:^4.0.0"
     "@types/is-empty": "npm:^1.0.0"
     "@types/node": "npm:^20.0.0"
     "@types/unist": "npm:^3.0.0"
-    "@ungap/structured-clone": "npm:^1.0.0"
     concat-stream: "npm:^2.0.0"
     debug: "npm:^4.0.0"
+    extend: "npm:^3.0.0"
     glob: "npm:^10.0.0"
     ignore: "npm:^5.0.0"
     is-empty: "npm:^1.0.0"
@@ -21503,7 +20904,7 @@ __metadata:
     vfile-reporter: "npm:^8.0.0"
     vfile-statistics: "npm:^3.0.0"
     yaml: "npm:^2.0.0"
-  checksum: 10c0/2d72d19850640e4808733f8ecbef9e669138c99b686f4aa4da9603f8401f76624183c0a56a1186c3b90e5dcda0a3cbf908aa333bb37ca708d8742deec658803f
+  checksum: 10c0/bd5f13c79ad6c279780a6a3461ac46a63191c7237b7e8c09bbe945e75302d021db773a16c70fbbb2bdd5d231feb3bc4b0d4bd74499eb3f71e4d91c678f33669b
   languageName: node
   linkType: hard
 
@@ -21522,22 +20923,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unified@npm:^11.0.0, unified@npm:^11.0.4":
-  version: 11.0.4
-  resolution: "unified@npm:11.0.4"
-  dependencies:
-    "@types/unist": "npm:^3.0.0"
-    bail: "npm:^2.0.0"
-    devlop: "npm:^1.0.0"
-    extend: "npm:^3.0.0"
-    is-plain-obj: "npm:^4.0.0"
-    trough: "npm:^2.0.0"
-    vfile: "npm:^6.0.0"
-  checksum: 10c0/b550cdc994d54c84e2e098eb02cfa53535cbc140c148aa3296f235cb43082b499d239110f342fa65eb37ad919472a93cc62f062a83541485a69498084cc87ba1
-  languageName: node
-  linkType: hard
-
-"unified@npm:^11.0.5":
+"unified@npm:^11.0.0, unified@npm:^11.0.4, unified@npm:^11.0.5":
   version: 11.0.5
   resolution: "unified@npm:11.0.5"
   dependencies:
@@ -21580,11 +20966,11 @@ __metadata:
   linkType: hard
 
 "unist-util-inspect@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "unist-util-inspect@npm:8.0.0"
+  version: 8.1.0
+  resolution: "unist-util-inspect@npm:8.1.0"
   dependencies:
     "@types/unist": "npm:^3.0.0"
-  checksum: 10c0/b98892cd4b248cbebd2c4c0375e9e54b2de31ed8237ae7b8274107d15587ae0893465613fa651159f9bd1161c940c7afd29052878de14c73379e93ec41ee1ddf
+  checksum: 10c0/d3dff256ffd77a1e8dd583be89070dc1ab124d424794fcc1105a38c2f0bb0538afc686e592699807c7d9fa612821961033fe38e26c11ba0bb51d19e8ae7c4119
   languageName: node
   linkType: hard
 
@@ -21633,16 +21019,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unist-util-remove-position@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "unist-util-remove-position@npm:5.0.0"
-  dependencies:
-    "@types/unist": "npm:^3.0.0"
-    unist-util-visit: "npm:^5.0.0"
-  checksum: 10c0/e8c76da4399446b3da2d1c84a97c607b37d03d1d92561e14838cbe4fdcb485bfc06c06cfadbb808ccb72105a80643976d0660d1fe222ca372203075be9d71105
-  languageName: node
-  linkType: hard
-
 "unist-util-stringify-position@npm:^2.0.0":
   version: 2.0.3
   resolution: "unist-util-stringify-position@npm:2.0.3"
@@ -21733,31 +21109,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"update-browserslist-db@npm:^1.0.13":
-  version: 1.0.13
-  resolution: "update-browserslist-db@npm:1.0.13"
-  dependencies:
-    escalade: "npm:^3.1.1"
-    picocolors: "npm:^1.0.0"
-  peerDependencies:
-    browserslist: ">= 4.21.0"
-  bin:
-    update-browserslist-db: cli.js
-  checksum: 10c0/e52b8b521c78ce1e0c775f356cd16a9c22c70d25f3e01180839c407a5dc787fb05a13f67560cbaf316770d26fa99f78f1acd711b1b54a4f35d4820d4ea7136e6
-  languageName: node
-  linkType: hard
-
-"update-browserslist-db@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "update-browserslist-db@npm:1.1.0"
+"update-browserslist-db@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "update-browserslist-db@npm:1.1.1"
   dependencies:
-    escalade: "npm:^3.1.2"
-    picocolors: "npm:^1.0.1"
+    escalade: "npm:^3.2.0"
+    picocolors: "npm:^1.1.0"
   peerDependencies:
     browserslist: ">= 4.21.0"
   bin:
     update-browserslist-db: cli.js
-  checksum: 10c0/a7452de47785842736fb71547651c5bbe5b4dc1e3722ccf48a704b7b34e4dcf633991eaa8e4a6a517ffb738b3252eede3773bef673ef9021baa26b056d63a5b9
+  checksum: 10c0/536a2979adda2b4be81b07e311bd2f3ad5e978690987956bc5f514130ad50cac87cd22c710b686d79731e00fbee8ef43efe5fcd72baa241045209195d43dcc80
   languageName: node
   linkType: hard
 
@@ -21881,7 +21243,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:1.2.2":
+"use-sync-external-store@npm:1.2.2, use-sync-external-store@npm:^1.2.0":
   version: 1.2.2
   resolution: "use-sync-external-store@npm:1.2.2"
   peerDependencies:
@@ -21890,15 +21252,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-sync-external-store@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "use-sync-external-store@npm:1.2.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/ac4814e5592524f242921157e791b022efe36e451fe0d4fd4d204322d5433a4fc300d63b0ade5185f8e0735ded044c70bcf6d2352db0f74d097a238cebd2da02
-  languageName: node
-  linkType: hard
-
 "util-deprecate@npm:^1.0.1, util-deprecate@npm:^1.0.2":
   version: 1.0.2
   resolution: "util-deprecate@npm:1.0.2"
@@ -21937,13 +21290,13 @@ __metadata:
   linkType: hard
 
 "v8-to-istanbul@npm:^9.0.1":
-  version: 9.2.0
-  resolution: "v8-to-istanbul@npm:9.2.0"
+  version: 9.3.0
+  resolution: "v8-to-istanbul@npm:9.3.0"
   dependencies:
     "@jridgewell/trace-mapping": "npm:^0.3.12"
     "@types/istanbul-lib-coverage": "npm:^2.0.1"
     convert-source-map: "npm:^2.0.0"
-  checksum: 10c0/e691ba4dd0dea4a884e52c37dbda30cce6f9eeafe9b26721e449429c6bb0f4b6d1e33fabe7711d0f67f7a34c3bfd56c873f7375bba0b1534e6a2843ce99550e5
+  checksum: 10c0/968bcf1c7c88c04df1ffb463c179558a2ec17aa49e49376120504958239d9e9dad5281aa05f2a78542b8557f2be0b0b4c325710262f3b838b40d703d5ed30c23
   languageName: node
   linkType: hard
 
@@ -21954,7 +21307,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"validate-npm-package-license@npm:^3.0.1":
+"validate-npm-package-license@npm:^3.0.1, validate-npm-package-license@npm:^3.0.4":
   version: 3.0.4
   resolution: "validate-npm-package-license@npm:3.0.4"
   dependencies:
@@ -21964,6 +21317,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"validate-npm-package-name@npm:^5.0.0":
+  version: 5.0.1
+  resolution: "validate-npm-package-name@npm:5.0.1"
+  checksum: 10c0/903e738f7387404bb72f7ac34e45d7010c877abd2803dc2d614612527927a40a6d024420033132e667b1bade94544b8a1f65c9431a4eb30d0ce0d80093cd1f74
+  languageName: node
+  linkType: hard
+
 "validator@npm:^13.12.0":
   version: 13.12.0
   resolution: "validator@npm:13.12.0"
@@ -21993,16 +21353,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vfile-location@npm:^5.0.0":
-  version: 5.0.2
-  resolution: "vfile-location@npm:5.0.2"
-  dependencies:
-    "@types/unist": "npm:^3.0.0"
-    vfile: "npm:^6.0.0"
-  checksum: 10c0/cfc7e49de93ac5be6f3c9a9fe77676756e00d33a6c69d9c1ce279b06eedafa67fe5d0da2334b40e97963c43b014501bca2f829dfd6622a3290fb6f7dd2b9339e
-  languageName: node
-  linkType: hard
-
 "vfile-message@npm:^2.0.0":
   version: 2.0.4
   resolution: "vfile-message@npm:2.0.4"
@@ -22094,13 +21444,12 @@ __metadata:
   linkType: hard
 
 "vfile@npm:^6.0.0, vfile@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "vfile@npm:6.0.1"
+  version: 6.0.3
+  resolution: "vfile@npm:6.0.3"
   dependencies:
     "@types/unist": "npm:^3.0.0"
-    unist-util-stringify-position: "npm:^4.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/443bda43e5ad3b73c5976e987dba2b2d761439867ba7d5d7c5f4b01d3c1cb1b976f5f0e6b2399a00dc9b4eaec611bd9984ce9ce8a75a72e60aed518b10a902d2
+  checksum: 10c0/e5d9eb4810623f23758cfc2205323e33552fb5972e5c2e6587babe08fe4d24859866277404fb9e2a20afb71013860d96ec806cb257536ae463c87d70022ab9ef
   languageName: node
   linkType: hard
 
@@ -22257,11 +21606,11 @@ __metadata:
   linkType: hard
 
 "which-builtin-type@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "which-builtin-type@npm:1.1.3"
+  version: 1.1.4
+  resolution: "which-builtin-type@npm:1.1.4"
   dependencies:
-    function.prototype.name: "npm:^1.1.5"
-    has-tostringtag: "npm:^1.0.0"
+    function.prototype.name: "npm:^1.1.6"
+    has-tostringtag: "npm:^1.0.2"
     is-async-function: "npm:^2.0.0"
     is-date-object: "npm:^1.0.5"
     is-finalizationregistry: "npm:^1.0.2"
@@ -22270,13 +21619,13 @@ __metadata:
     is-weakref: "npm:^1.0.2"
     isarray: "npm:^2.0.5"
     which-boxed-primitive: "npm:^1.0.2"
-    which-collection: "npm:^1.0.1"
-    which-typed-array: "npm:^1.1.9"
-  checksum: 10c0/2b7b234df3443b52f4fbd2b65b731804de8d30bcc4210ec84107ef377a81923cea7f2763b7fb78b394175cea59118bf3c41b9ffd2d643cb1d748ef93b33b6bd4
+    which-collection: "npm:^1.0.2"
+    which-typed-array: "npm:^1.1.15"
+  checksum: 10c0/a4a76d20d869a81b1dbb4adea31edc7e6c1a4466d3ab7c2cd757c9219d48d3723b04076c85583257b0f0f8e3ebe5af337248b8ceed57b9051cb97bce5bd881d1
   languageName: node
   linkType: hard
 
-"which-collection@npm:^1.0.1":
+"which-collection@npm:^1.0.2":
   version: 1.0.2
   resolution: "which-collection@npm:1.0.2"
   dependencies:
@@ -22288,17 +21637,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-pm@npm:2.0.0":
-  version: 2.0.0
-  resolution: "which-pm@npm:2.0.0"
-  dependencies:
-    load-yaml-file: "npm:^0.2.0"
-    path-exists: "npm:^4.0.0"
-  checksum: 10c0/499fdf18fb259ea7dd58aab0df5f44240685364746596d0d08d9d68ac3a7205bde710ec1023dbc9148b901e755decb1891aa6790ceffdb81c603b6123ec7b5e4
-  languageName: node
-  linkType: hard
-
-"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15, which-typed-array@npm:^1.1.9":
+"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15":
   version: 1.1.15
   resolution: "which-typed-array@npm:1.1.15"
   dependencies:
@@ -22355,6 +21694,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: 10c0/e0e4a1ca27599c92a6ca4c32260e8a92e8a44f4ef6ef93f803f8ed823f486e0889fc0b93be4db59c8d51b3064951d25e43d434e95dc8c960cc3a63d65d00ba20
+  languageName: node
+  linkType: hard
+
 "wrap-ansi-cjs@npm:wrap-ansi@^7.0.0, wrap-ansi@npm:^7.0.0":
   version: 7.0.0
   resolution: "wrap-ansi@npm:7.0.0"
@@ -22394,22 +21740,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.11.0":
-  version: 8.16.0
-  resolution: "ws@npm:8.16.0"
-  peerDependencies:
-    bufferutil: ^4.0.1
-    utf-8-validate: ">=5.0.2"
-  peerDependenciesMeta:
-    bufferutil:
-      optional: true
-    utf-8-validate:
-      optional: true
-  checksum: 10c0/a7783bb421c648b1e622b423409cb2a58ac5839521d2f689e84bc9dc41d59379c692dd405b15a997ea1d4c0c2e5314ad707332d0c558f15232d2bc07c0b4618a
-  languageName: node
-  linkType: hard
-
-"ws@npm:^8.17.1, ws@npm:^8.18.0":
+"ws@npm:^8.11.0, ws@npm:^8.17.1, ws@npm:^8.18.0":
   version: 8.18.0
   resolution: "ws@npm:8.18.0"
   peerDependencies:
@@ -22424,18 +21755,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:~8.11.0":
-  version: 8.11.0
-  resolution: "ws@npm:8.11.0"
+"ws@npm:~8.17.1":
+  version: 8.17.1
+  resolution: "ws@npm:8.17.1"
   peerDependencies:
     bufferutil: ^4.0.1
-    utf-8-validate: ^5.0.2
+    utf-8-validate: ">=5.0.2"
   peerDependenciesMeta:
     bufferutil:
       optional: true
     utf-8-validate:
       optional: true
-  checksum: 10c0/b672b312f357afba8568b9dbb9e08b9e8a20845659b35fa6b340dc848efe371379f5e22bb1dc89c4b2940d5e2dc52dd1de85dde41776875fce115a448f94754f
+  checksum: 10c0/f4a49064afae4500be772abdc2211c8518f39e1c959640457dcee15d4488628620625c783902a52af2dd02f68558da2868fd06e6fd0e67ebcd09e6881b1b5bfe
   languageName: node
   linkType: hard
 
@@ -22444,7 +21775,7 @@ __metadata:
   resolution: "www@workspace:apps/www"
   dependencies:
     "@ariakit/react": "npm:0.4.11"
-    "@next/third-parties": "npm:14.2.13"
+    "@next/third-parties": "npm:15.0.0"
     "@radix-ui/colors": "npm:3.0.0"
     "@radix-ui/react-accessible-icon": "npm:^1.1.0"
     "@radix-ui/react-accordion": "npm:^1.2.0"
@@ -22556,7 +21887,7 @@ __metadata:
     lucide-react: "npm:^0.441.0"
     match-sorter: "npm:6.3.4"
     mdast-util-toc: "npm:^7.1.0"
-    next: "npm:14.3.0-canary.43"
+    next: "npm:15.0.0"
     next-contentlayer2: "npm:^0.4.6"
     next-themes: "npm:^0.3.0"
     nuqs: "npm:^1.19.1"
@@ -22618,10 +21949,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"xmlhttprequest-ssl@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "xmlhttprequest-ssl@npm:2.0.0"
-  checksum: 10c0/b64ab371459bd5e3a4827e3c7535759047d285fd310aea6fd028973d547133f3be0d473c1fdae9f14d89bf509267759198ae1fbe89802079a7e217ddd990d734
+"xmlhttprequest-ssl@npm:~2.1.1":
+  version: 2.1.1
+  resolution: "xmlhttprequest-ssl@npm:2.1.1"
+  checksum: 10c0/1cef48c992676d117b1cfeb5636758c33dbd887d72bc9668ebf7d6d0c7d66ed8ea649442913a52aed3996deb9e92588d7405dbdb2e9d19cf801800ab175549fc
   languageName: node
   linkType: hard
 
@@ -22679,11 +22010,11 @@ __metadata:
   linkType: hard
 
 "yaml@npm:^2.0.0, yaml@npm:^2.2.2, yaml@npm:^2.3.1, yaml@npm:^2.3.4":
-  version: 2.4.1
-  resolution: "yaml@npm:2.4.1"
+  version: 2.6.0
+  resolution: "yaml@npm:2.6.0"
   bin:
     yaml: bin.mjs
-  checksum: 10c0/816057dbaea16a7dfb0b868ace930f143dece96bbb4c4fbb6f38aa389166f897240d9fa535dbfd6b1b0d9442416f4abcc698e63f82394d0c67b329aa6c2be576
+  checksum: 10c0/9e74cdb91cc35512a1c41f5ce509b0e93cc1d00eff0901e4ba831ee75a71ddf0845702adcd6f4ee6c811319eb9b59653248462ab94fa021ab855543a75396ceb
   languageName: node
   linkType: hard
 
@@ -22720,11 +22051,11 @@ __metadata:
   linkType: hard
 
 "yjs@npm:^13.6.19":
-  version: 13.6.19
-  resolution: "yjs@npm:13.6.19"
+  version: 13.6.20
+  resolution: "yjs@npm:13.6.20"
   dependencies:
-    lib0: "npm:^0.2.86"
-  checksum: 10c0/225dfe2b94cd275cdb1ab1749a0a68da1f3454e9a64a6de5730ee8b934ba6cb66731d7a293294bcd2b20c7887c5374a56c390e8acac215fd3b5b48cf2bfea6ed
+    lib0: "npm:^0.2.98"
+  checksum: 10c0/d71a3ea265e566a603f1e55aac052c1e5cc2feb863430901e4d3990e55911cfa55667be1008a82f9d95669998bacb0a470806fbbacd2337c996716ffbf45d0a0
   languageName: node
   linkType: hard
 
@@ -22758,20 +22089,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:3.23.8, zod@npm:^3.20.2":
+"zod@npm:3.23.8, zod@npm:^3.20.2, zod@npm:^3.22.4":
   version: 3.23.8
   resolution: "zod@npm:3.23.8"
   checksum: 10c0/8f14c87d6b1b53c944c25ce7a28616896319d95bc46a9660fe441adc0ed0a81253b02b5abdaeffedbeb23bdd25a0bf1c29d2c12dd919aef6447652dd295e3e69
   languageName: node
   linkType: hard
 
-"zod@npm:^3.22.4":
-  version: 3.22.4
-  resolution: "zod@npm:3.22.4"
-  checksum: 10c0/7578ab283dac0eee66a0ad0fc4a7f28c43e6745aadb3a529f59a4b851aa10872b3890398b3160f257f4b6817b4ce643debdda4fb21a2c040adda7862cab0a587
-  languageName: node
-  linkType: hard
-
 "zustand-x@npm:^3.0.4":
   version: 3.0.4
   resolution: "zustand-x@npm:3.0.4"

From 12366e40516c85fd674e8a5a2d27af7b9ea3da43 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Wed, 23 Oct 2024 14:51:57 +0200
Subject: [PATCH 103/127] docs

---
 apps/www/content/docs/ai.mdx                  | 307 ++++++++++++-----
 apps/www/content/docs/callout.mdx             |   2 +-
 .../docs/components/column-group-element.mdx  |   6 +-
 apps/www/content/docs/copilot.mdx             | 317 +++++++-----------
 apps/www/content/docs/equation.mdx            |   4 +-
 apps/www/content/docs/media-placeholder.mdx   |  15 +-
 .../r/styles/default/block-context-menu.json  |   2 +-
 .../r/styles/default/excalidraw-element.json  |   2 +-
 .../r/styles/default/inline-combobox.json     |   2 +-
 .../public/r/styles/default/mode-toggle.json  |   2 +-
 .../r/styles/default/playground-demo.json     |   2 +-
 .../r/styles/default/pro-iframe-demo.json     |   2 +-
 apps/www/src/components/typography.tsx        |   7 +-
 apps/www/src/lib/rehype-component.ts          |   8 +-
 14 files changed, 364 insertions(+), 314 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 64d0199ffc..7fbe592742 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -3,30 +3,37 @@ title: AI
 description: AI menu with commands, streaming responses in a preview or directly into the editor.
 docs:
   - route: https://pro.platejs.org/docs/examples/ai
-    title: Potion
+    title: AI Menu
 ---
 
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
+
 <PackageInfo>
 
 ## Features
 
-- Provides an AI-powered menu.
-- Offers a selection of AI commands to enhance content creation and editing.
-- Seamlessly integrates AI assistance within the editor interface.
+- AI-powered menu with predefined commands
+- Three trigger modes:
+  - Cursor mode: trigger at block end
+  - Selection mode: trigger with selected text
+  - Block selection mode: trigger with selected blocks
+- Streaming responses in preview or direct editor insertion
+- Markdown support
+- Built-in support for Vercel AI SDK chat API
 
 </PackageInfo>
 
 ## Installation
 
 ```bash
-npm install @udecode/plate-ai @udecode/plate-selection @udecode/plate-markdown @udecode/plate-basic-marks 
+npm install @udecode/plate-ai @udecode/plate-selection @udecode/plate-markdown @udecode/plate-basic-marks
 ```
 
 ## Usage
 
 ### Plugins
 
-```tsx title="ai-plugins.tsx"
+```tsx
 import { withProps } from '@udecode/cn';
 import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
 import {
@@ -39,11 +46,9 @@ import {
 import { PlateLeaf, createPlateEditor } from '@udecode/plate-common/react';
 import { LinkPlugin } from '@udecode/plate-link/react';
 import { MarkdownPlugin } from '@udecode/plate-markdown';
+```
 
-import { AIMenu } from '@/registry/default/potion-ui/ai-menu';
-import { CodeLeaf } from '@/registry/default/potion-ui/code-leaf';
-import { LinkElement } from '@/registry/default/potion-ui/link-element';
-
+```tsx
 export const createAIEditor = () => {
   const editor = createPlateEditor({
     id: 'ai',
@@ -151,7 +156,8 @@ export const PROMPT_TEMPLATES = {
   userSelecting,
 };
 
-export const aiPlugins = [
+const plugins = [
+  // ...otherPlugins,
   MarkdownPlugin.configure({ options: { indentList: true } }),
   AIPlugin,
   AIChatPlugin.configure({
@@ -175,43 +181,70 @@ export const aiPlugins = [
     },
     render: { afterEditable: () => <AIMenu /> },
   }),
-] as const;
+  SelectionOverlayPlugin,
+];
 ```
 
+- [`AIMenu`](https://pro.platejs.org/docs/components/ai-menu) (Plus)
+
+The [`SelectionOverlayPlugin`](https://pro.platejs.org/docs/components/cursor-overlay):
+
+- Maintains selection highlight when editor loses focus
+- Essential for AI menu and other external input interactions
+- Prevents double selection with `data-plate-prevent-overlay` attribute
+
+<Image
+  src="/ai-selection.png"
+  alt="AI selection overlay"
+  width={1920}
+  height={1080}
+  className="w-full"
+/>
+
 ### AI SDK
 
-Plate AI is depending on the [ai](https://npmjs.com/package/ai) package:
+This plugin is depending on the [ai](https://npmjs.com/package/ai) package:
 
-- Setup your [api](https://sdk.vercel.ai/docs/getting-started/nextjs-app-router#create-a-route-handler) using [streamText](https://sdk.vercel.ai/docs/ai-sdk-core/generating-text#streamtext).
+- Setup a [route handler](https://sdk.vercel.ai/docs/getting-started/nextjs-app-router#create-a-route-handler) using [streamText](https://sdk.vercel.ai/docs/ai-sdk-core/generating-text#streamtext).
 - Wire up [useChat](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat) in your [AI menu](#ai-menu) component.
 
-## Wire up the UI
-
 ### AI Menu
 
 Work in progress.
 
-{/* ## AI Menu Items
+{/* ## AI Menu Items */}
+
+{/* Before learning how to create custom commands, you need to know that the ai plugin will provide three modes for opening the ai menu: */}
+
+{/* 1. Cursor mode: open the AI menu at the end of a block. */}
+{/* 2. Selection mode: select some texts and open the AI menu. */}
+{/* 3. Block selection mode: select some blocks and open the AI menu. */}
+{/* 4. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** mode. */}
 
-Before learning how to create custom commands, you need to know that the ai plugin will provide three modes for opening the ai menu:
+{/* Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. */}
+{/* To distinguish between these two sets of commands, we need to maintain four different menus in total. */}
 
-1. Cursor mode: open the AI menu at the end of a block.
-2. Selection mode: select some texts and open the AI menu.
-3. Block selection mode: select some blocks and open the AI menu. 
-4. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** mode.
+{/* The following is all the commands you can see in the `ai-menu-items.tsx` file. */}
+{/* menuState (draft doc) */}
 
-Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. 
-To distinguish between these two sets of commands, we need to maintain four different menus in total.
+{/* - Show when you open the ai menu by `space` at the end of a block. */}
+{/* - Show when you open the ai menu by `space` and then complete the first generation. */}
+{/* - Show when you open the ai menu with selected text. */}
+{/* - Show when you open the ai menu with selected blocks, then complete the first generation. */}
 
-The following is all the commands you can see in the `ai-menu-items.tsx` file.
-menuState (draft doc)
-  - Show when you open the ai menu by `space` at the end of a block.
-  - Show when you open the ai menu by `space` and then complete the first generation.
-  - Show when you open the ai menu with selected text.
-  - Show when you open the ai menu with selected blocks, then complete the first generation.
+{/* If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs. \ \ */}
 
-If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs. */}
+## Keyboard Shortcuts
 
+<KeyTable>
+  <KeyTableItem hotkey="Space">
+    Open AI menu in empty block (cursor mode)
+  </KeyTableItem>
+  <KeyTableItem hotkey="Cmd + J">
+    Open AI menu (cursor or selection mode)
+  </KeyTableItem>
+  <KeyTableItem hotkey="Escape">Close AI menu</KeyTableItem>
+</KeyTable>
 
 ## Examples
 
@@ -221,12 +254,16 @@ Work in progress.
 
 ### Plate Plus
 
-<div className="my-6 border rounded-md overflow-hidden">
-  <iframe src="https://potion.platejs.org/ai-menu?hidden-sidebar=true&iframe-blank=true" title="Potion" width="100%" height="700px" />
-</div>
+Refer to the preview above.
 
-- Context menu to open the ai menu
-- Slash command to open the ai menu
+- AI chat powered by AI SDK (OpenAI) with history persistence.
+- Combobox menu with:
+  - Predefined commands
+  - Free-form prompt input
+- Multiple ways to trigger:
+  - Block menu button
+  - Slash command menu
+  - Keyboard shortcuts
 - Beautifully crafted UI
 
 ## Plugins
@@ -240,96 +277,190 @@ Extends the editor with AI transforms.
 Enables chat operations and streaming text generation in the editor.
 
 <APIOptions>
-<APIItem name="mode" type="string" optional def>
-Internal state. Specifies how the assistant message is handled:
+<APIItem name="chat" type="UseChatHelpers">
+  Chat helpers returned by [useChat](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat).
+</APIItem>
+
+<APIItem name="createAIEditor" type="() => PlateEditor" optional>
+  
+Function to create editor instance for preview mode.
 
-- `'insert'`: Directly inserts content into the editor without preview.
-- `'chat'`: Initiates an interactive session to review and refine content
-  before insertion (default).
+- **Default:** Creates a basic editor with id 'ai'
 
 </APIItem>
-</APIOptions>
 
-// todo: add 
-- `scrollContainerSelector`
-  - The selector of the scroll container.When we trigger the menu in the very bottom of the page, 
-  we need this option to make the scroll container scroll up to show the menu completely.
-- `createAIEditor`
-  - When we use selection mode, we render a read-only editor on the AI menu, and the plugins used by this editor are provided by this option
+<APIItem name="mode" type="'chat' | 'insert'" optional>
+
+Specifies how assistant messages are handled:
+
+- `'chat'`: Shows preview with accept/reject options (default)
+- `'insert'`: Directly inserts content into editor
+- **Default:** `'chat'`
+
+</APIItem>
+
+<APIItem name="open" type="boolean" optional>
+
+Whether the AI chat is open.
+
+- **Default:** `false`
+
+</APIItem>
+
+<APIItem name="promptTemplate" type="(props: EditorPromptParams) => string" optional>
+  
+Template for generating prompts. Supports placeholders:
+
+- `{block}`: Markdown of blocks in selection
+- `{editor}`: Markdown of entire editor content
+- `{selection}`: Markdown of current selection
+- `{prompt}`: Actual user prompt
+- **Default:** `'{prompt}'`
+
+</APIItem>
+
+<APIItem name="scrollContainerSelector" type="string" optional>
+
+CSS selector for scrollable container.
+
+- **Default:** `'#scroll_container'`
+
+</APIItem>
+
+<APIItem name="systemTemplate" type="(props: EditorPromptParams) => string | void" optional>
+
+Template for system messages. Supports same placeholders as `promptTemplate`.
+
+- **Default:** `undefined`
+
+</APIItem>
+</APIOptions>
 
 ## API
 
-### editor.aiChat.hide()
+### editor.aiChat.accept()
+
+Accepts the current AI suggestion:
 
-Hides the AI menu by setting the open editor ID to null and removing the anchor element.
+- Removes AI marks from the content
+- Hides the AI chat interface
+- Focuses the editor
 
-### editor.aiChat.show()
+### editor.aiChat.insertBelow()
 
-Shows the AI menu for the specified editor, DOM element, and node entry.
+Inserts AI content below the current block.
 
 <APIParameters>
-  <APIItem name="editorId" type="string">
-    The ID of the editor to show the AI menu for.
-  </APIItem>
-  <APIItem name="dom" type="HTMLElement">
-    The DOM element to anchor the AI menu to.
-  </APIItem>
-  <APIItem name="nodeEntry" type="NodeEntry">
-    The node entry associated with the AI menu.
+  <APIItem name="sourceEditor" type="PlateEditor">
+    Editor containing the content to insert.
   </APIItem>
 </APIParameters>
 
+Handles both block selection and normal selection modes:
 
+- In block selection: Inserts after the last selected block
+- In normal selection: Inserts after the current block
 
+### editor.aiChat.replaceSelection()
 
+Replaces the current selection with AI content.
 
+<APIParameters>
+  <APIItem name="sourceEditor" type="PlateEditor">
+    Editor containing the content to replace with.
+  </APIItem>
+</APIParameters>
 
+Handles both block selection and normal selection modes:
 
+- In block selection: Replaces all selected blocks
+- In normal selection: Replaces the current selection
 
+### editor.aiChat.reset()
 
+Resets the chat state:
 
+- Stops any ongoing generation
+- Clears chat messages
+- Removes all AI nodes from the editor
 
+### editor.aiChat.submit()
 
+Submits a prompt to generate AI content.
 
+<APIParameters>
+  <APIItem name="options" type="object" optional>
+    <APISubList>
+      <APISubListItem
+        parent="options"
+        name="mode"
+        type="'chat' | 'insert'"
+        optional
+      >
+        Mode to use. Defaults to 'chat' for selection, 'insert' otherwise.
+      </APISubListItem>
+      <APISubListItem parent="options" name="prompt" type="string" optional>
+        Custom prompt. Uses chat input if not provided.
+      </APISubListItem>
+      <APISubListItem parent="options" name="system" type="string" optional>
+        Custom system message.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIParameters>
 
+In insert mode, undoes previous AI changes before submitting.
 
+## Transforms
 
-{/* ## Selection Overlay
-
-**SelectionOverlayPlugin** is part of the [CursorOverlayPlugin](/docs/components/cursor-overlay) Make sure you have installed it.
-
-The `SelectionOverlayPlugin` is used to display a selection overlay on the editor. It enhances the visual feedback for users:
+### editor.ai.insertNodes()
 
-When the editor loses focus (blur event): It maintains a visual representation of the last selection.
+Inserts AI-generated nodes with the AI mark.
 
-So this plugin is userful when we open the ai menu. for example: 
+<APIParameters>
+  <APIItem name="nodes" type="TDescendant[]">
+    Nodes to insert with AI mark.
+  </APIItem>
+  <APIItem name="options" type="object" optional>
+    <APISubList>
+      <APISubListItem parent="options" name="target" type="Path" optional>
+        Target path. Defaults to current selection.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIParameters>
 
-We selected two paragraphs of text. and then using floating toolbar open the ai menu
-Normally, these two paragraphs wouldn’t display a blue background. 
-because our focus has already moved to the input box editor is blurred.
+### editor.ai.removeMarks()
 
-<Image src="/ai-selection.png" alt="AI selection overlay" width={1920} height={1080} className="w-full" />
+Removes AI marks from nodes in the specified location.
 
-Sometimes we want to keep lose the selection highlight.In this case, You can use `data-plate-prevent-overlay` attribute add to the button which trigger the blur event.
+<APIParameters>
+  <APIItem name="options" type="object" optional>
+    <APISubList>
+      <APISubListItem parent="options" name="at" type="Location" optional>
+        Location to remove marks from. Defaults to entire document.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIParameters>
 
-For example, in the turn into dropdown menu:
-We’ve already prevented the default event so that clicking the ‘Turn Into’ menu doesn’t cause the editor to lose focus. 
-Therefore, there’s no need to enable the SelectionOverlayPlugin functionality; otherwise, two layers of selection would appear, 
-which would look visually unappealing.
+### editor.ai.removeNodes()
 
-```tsx
+Removes nodes that have the AI mark.
 
-      <DropdownMenuContent
-        className="min-w-0"
-        onCloseAutoFocus={onCloseAutoFocus}
-        data-plate-prevent-overlay
-        align="start"
-      >
-      ...
-      </DropdownMenuContent>
-```
+<APIParameters>
+  <APIItem name="options" type="object" optional>
+    <APISubList>
+      <APISubListItem parent="options" name="at" type="Path" optional>
+        Path to remove nodes from. Defaults to entire document.
+      </APISubListItem>
+    </APISubList>
+  </APIItem>
+</APIParameters>
 
+### editor.ai.undo()
 
+Special undo operation for AI changes:
 
-Therefore, just remember one rule: only use this plugin when you need to move the focus to an external input element, 
-such as the AI menu or math equation plugins. */}
\ No newline at end of file
+- Undoes the last operation if it was AI-generated
+- Removes the redo stack entry to prevent redoing AI operations
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index f885712d01..e230af4134 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -49,7 +49,7 @@ const components = {
 }
 ```
 
-- [CalloutElement](https://pro.platejs.org/docs/components/callout-element) (Plus)
+- [`CalloutElement`](https://pro.platejs.org/docs/components/callout-element) (Plus)
 
 ## Examples
 
diff --git a/apps/www/content/docs/components/column-group-element.mdx b/apps/www/content/docs/components/column-group-element.mdx
index 21075c1560..8ad634b1e4 100644
--- a/apps/www/content/docs/components/column-group-element.mdx
+++ b/apps/www/content/docs/components/column-group-element.mdx
@@ -46,7 +46,11 @@ Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="column-group-element" />
+<ComponentSource
+  name="column-group-element"
+  src="./src/registry/default/plate-ui/column-group-element.tsx"
+/>
+<ComponentSource name="column-element" />
 
 <Step>
 
diff --git a/apps/www/content/docs/copilot.mdx b/apps/www/content/docs/copilot.mdx
index 67400a00d6..78a95a6b49 100644
--- a/apps/www/content/docs/copilot.mdx
+++ b/apps/www/content/docs/copilot.mdx
@@ -1,6 +1,6 @@
 ---
 title: Copilot
-description: AI-powered assistant that provides intelligent suggestions and autocompletion for enhanced content creation.
+description: Render AI suggestions ghost text as you type.
 docs:
   - route: /docs/components/ghost-text
     title: Ghost Text
@@ -14,10 +14,13 @@ docs:
 
 ## Features
 
-- Offers intelligent autocompletion to enhance content creation and editing.
-- Provides two modes: **debounce** and **shortcut**.
-  1. Shortcut mode is triggered anywhere by pressing `Control+Space`.
-  2. Debounce mode is automatically triggered at the end of paragraphs.
+- Renders ghost text suggestions as you type
+- Two trigger modes:
+  - Shortcut (`Ctrl+Space`). Press again for alternative suggestions.
+  - Debounce mode: automatically triggers after a space at paragraph ends
+- Accept suggestions with Tab or word-by-word with `Cmd+→`
+- Built-in support for Vercel AI SDK completion API
+
 </PackageInfo>
 
 ## Installation
@@ -29,14 +32,20 @@ npm install @udecode/plate-ai @udecode/plate-markdown
 ## Usage
 
 ```tsx
-// ...
 import { CopilotPlugin } from '@udecode/plate-ai/react';
-import { type TElement, getAncestorNode } from '@udecode/plate-common';
-import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
+import {
+  MarkdownPlugin,
+  serializeMdNodes,
+  stripMarkdown,
+} from '@udecode/plate-markdown';
+```
 
-MarkdownPlugin.configure({ options: { indentList: true } });
-CopilotPlugin.configure(({ api }) => ({
-  options: {
+```tsx
+const plugins = [
+  // ...otherPlugins,
+  MarkdownPlugin.configure({ options: { indentList: true } }),
+  CopilotPlugin.configure(({ api }) => ({
+    options: {
     completeOptions: {
       api: '/api/your-api-endpoint',
       body: {
@@ -79,124 +88,20 @@ ${prompt}
 }));
 ```
 
-## Integrate with your backend
-
-`options.completeOptions` allows you to configure the AI completion options. For a comprehensive list of available parameters, refer to the [AI SDK UI useCompletion Parameters](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion#parameters) documentation.
+- [GhostText](/docs/components/ghost-text)
 
-## Conflict with Other Plugins
+## Tab Key Handling
 
-The Tab key is a popular and frequently used key in text editing, which can lead to conflicts.
-
-### Conflict with Indent Plugin
-
-The **IndentPlugin** and **IndentListPlugin** have a similar conflict with **Copilot Plugin**.
-
-As a workaround, you can place the Copilot Plugin before the these two plugins in your plugin configuration.
-
-Or set the priority of Copilot Plugin to a higher value than Indent Plugin see [priority](https://platejs.org/docs/plugin#plugin-priority).
-
-Here's an example of how to order your plugins:
+The Copilot plugin uses the Tab key to accept suggestions. To avoid conflicts with other plugins that use Tab (like `IndentPlugin` or `TabbablePlugin`), ensure `CopilotPlugin` is placed before them in your plugin configuration. This allows Copilot to handle Tab key events first when suggestions are present.
 
 ```tsx
 const plugins = [
   // ...otherPlugins,
-  MarkdownPlugin.configure({ options: { indentList: true } }),
-  // CopilotPlugin should be before indent plugin
   CopilotPlugin,
-  IndentPlugin.extend({
-    inject: {
-      targetPlugins: [
-        ParagraphPlugin.key,
-        HEADING_KEYS.h1,
-        HEADING_KEYS.h2,
-        HEADING_KEYS.h3,
-        HEADING_KEYS.h4,
-        HEADING_KEYS.h5,
-        HEADING_KEYS.h6,
-        BlockquotePlugin.key,
-        CodeBlockPlugin.key,
-        TogglePlugin.key,
-      ],
-    },
-  }),
-  IndentListPlugin.extend({
-    inject: {
-      targetPlugins: [
-        ParagraphPlugin.key,
-        HEADING_KEYS.h1,
-        HEADING_KEYS.h2,
-        HEADING_KEYS.h3,
-        HEADING_KEYS.h4,
-        HEADING_KEYS.h5,
-        HEADING_KEYS.h6,
-        BlockquotePlugin.key,
-        CodeBlockPlugin.key,
-        TogglePlugin.key,
-      ],
-    },
-    options: {
-      listStyleTypes: {
-        fire: {
-          liComponent: FireLiComponent,
-          markerComponent: FireMarker,
-          type: 'fire',
-        },
-        todo: {
-          liComponent: TodoLi,
-          markerComponent: TodoMarker,
-          type: 'todo',
-        },
-      },
-    },
-  }),
-]
-```
-
-It's important to note that when using `IndentListPlugin` instead of `ListPlugin`, you should configure the `MarkdownPlugin` with the `indentList: true` option.
-
-This is necessary because the LLM generates Markdown, which needs to be converted to Plate nodes.If your LLM just generate the plain text, you can ignore this.
-
-Here's how you can set it up:
-
-```tsx
-MarkdownPlugin.configure({ options: { indentList: true } }),
-```
-
-### Conflict with Tabbable Plugin
-
-When using both the [Tabbable Plugin](https://platejs.org/docs/tabbable) and the Copilot feature in your editor, you may encounter conflicts with the `Tab` key functionality. This is because both features utilize the same key binding.
-
-To resolve this conflict and ensure smooth operation of both features, you can configure the Tabbable Plugin to be disabled when the cursor is at the end of a paragraph. This allows the Copilot feature to function as intended when you press `Tab` at the end of a line.
-
-Here's how you can modify the Tabbable Plugin configuration:
-
-1. Visit the [Tabbable Plugin documentation](https://platejs.org/docs/tabbable#conflicts-with-other-plugins) for more details on handling conflicts.
-2. Implement the following configuration to disable the Tabbable Plugin when the cursor is at the end of a paragraph:
-
-```tsx
-TabbablePlugin.configure(({ editor }) => ({
-  options: {
-    query: () => {
-      // return false when cursor is in the end of the paragraph
-      if (isSelectionAtBlockStart(editor) || isSelectionAtBlockEnd(editor))
-        return false;
-
-      return !someNode(editor, {
-        match: (n) => {
-          return !!(
-            n.type &&
-            ([
-              CodeBlockPlugin.key,
-              ListItemPlugin.key,
-              TablePlugin.key,
-            ].includes(n.type as any) ||
-              n[IndentListPlugin.key])
-          );
-        },
-      });
-    },
-  },
-}));
+  // Place tab-using plugins after Copilot
+  IndentPlugin,
+  TabbablePlugin,
+];
 ```
 
 ## Examples
@@ -207,114 +112,122 @@ Refer to the preview above.
 
 ### Plate Plus
 
-- Automatic AI inline suggestions as you write
-- Manually trigger AI auto-completion with `Ctrl+Space`
-- Press `Ctrl+Space` again for alternative AI suggestions
-- Accept suggestions with Tab (entire suggestion) or `Cmd+→` (word by word)
-- Ghost text remains visible while typing matching letters
-
-- Undo/redo support
-- Hover card with additional information and options
+- Automatic AI inline suggestions powered by AI SDK (OpenAI). Code available in [Potion template](https://pro.platejs.org/docs/templates/potion)
+- Rich text suggestions including marks and links
+- Hover card with additional information
 - Beautifully crafted UI
 
-
-1. Hover card: a new style of hover card that is more user-friendly. You can **hover** over the ghost text to see the hover card.
-2. Marks: support for marks like bold, italic, underline, etc.This means you can see bold text and **links** in the ghost text
-3. Backend: complete backend setup.
-
-All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
-
 <ComponentPreviewPro
   name="pro-iframe-demo"
   id="pro-copilot"
   component="copilot"
 />
 
-## Utils functions
-
-### withoutAbort
-
-Temporarily disables the abort functionality of the Copilot plugin,
-by default any apply will cause the Copilot to remove the suggestion text and abort the request.
-
-<APIParameters>
-  <APIItem name="editor" type="PlateEditor">
-    The Plate editor instance.
-  </APIItem>
-  <APIItem name="fn" type="() => void">
-    The function to execute without abort.
-  </APIItem>
-</APIParameters>
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-Usage example:
-
-```ts
-import { withoutAbort } from '@udecode/plate-ai/react';
-
-withoutAbort(editor, () => {
-  // Perform operations without the risk of abort
-  // For example, setting copilot suggestions
-});
-```
+## Keyboard Shortcuts
+
+<KeyTable>
+  <KeyTableItem hotkey="Ctrl + Space">
+    Trigger suggestion. Press again for alternative suggestions.
+  </KeyTableItem>
+  <KeyTableItem hotkey="Tab">Accept the entire suggestion.</KeyTableItem>
+  <KeyTableItem hotkey="Cmd + →">
+    Accept the next word of the suggestion.
+  </KeyTableItem>
+  <KeyTableItem hotkey="Escape">Dismiss the current suggestion.</KeyTableItem>
+</KeyTable>
+
+## Plugins
+
+### CopilotPlugin
+
+<APIOptions>
+<APIItem name="autoTriggerQuery" type="(options: { editor: PlateEditor }) => boolean" optional>
+  Additional conditions to auto trigger copilot. Default checks:
+  - Block above is not empty
+  - Block above ends with a space
+  - No existing suggestion
+</APIItem>
+
+<APIItem name="completeOptions" type="Partial<CompleteOptions>">
+  AI completion configuration options. See [AI SDK useCompletion
+  Parameters](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-completion#parameters).
+</APIItem>
+
+<APIItem name="debounceDelay" type="number" optional>
+  Delay for debouncing auto-triggered suggestions. **Default:** `0`
+</APIItem>
+
+<APIItem
+  name="getNextWord"
+  type="(options: { text: string }) => { firstWord: string; remainingText: string }"
+  optional
+>
+  Function to extract the next word from suggestion text.
+</APIItem>
+
+<APIItem
+  name="getPrompt"
+  type="(options: { editor: PlateEditor }) => string"
+  optional
+>
+  Function to generate the prompt for AI completion. **Default:** Uses markdown
+  serialization of ancestor node
+</APIItem>
+
+<APIItem name="renderGhostText" type="(() => React.ReactNode) | null" optional>
+  Component to render ghost text suggestions.
+</APIItem>
+
+<APIItem name="triggerQuery" type="(options: { editor: PlateEditor }) => boolean" optional>
+  Conditions to trigger copilot. Default checks:
+  - Selection is not expanded
+  - Selection is at block end
+</APIItem>
+</APIOptions>
 
 ## API
 
 ### editor.api.copilot.accept()
 
-Accepts the current suggestion and inserts it into the editor.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
+Accepts the current suggestion.
 
 ### editor.api.copilot.acceptNextWord()
 
-Accepts the next word of the current suggestion and inserts it into the editor.
+Accepts the next word of the suggestion.
 
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
+### editor.api.copilot.reset()
 
-### editor.api.copilot.setBlockSuggestion
+Resets the plugin state:
 
-Sets the suggestion text for a specific block in the editor.
+- Aborts any ongoing API request
+- Clears the current completion
+- Clears suggestion node ID and text
+
+### editor.api.copilot.setBlockSuggestion()
+
+Sets suggestion text for a block.
 
 <APIParameters>
   <APIItem name="options" type="object">
-    <APIItem name="id" type="string | undefined">
-      The ID of the node to set the suggestion text. If not provided, it uses
-      the ID of the block above the current selection.
-    </APIItem>
-    <APIItem name="text" type="string">
-      The suggestion text to set.
-    </APIItem>
+    <APISubList>
+      <APISubListItem parent="options" name="text" type="string">
+        The suggestion text to set.
+      </APISubListItem>
+      <APISubListItem parent="options" name="id" type="string" optional>
+        Target block ID. Defaults to current block if not provided.
+      </APISubListItem>
+    </APISubList>
   </APIItem>
 </APIParameters>
 
 ### editor.api.copilot.stop()
 
-Stops the ongoing API request for suggestions.
+Stops ongoing suggestion requests:
 
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
+- Cancels debounced trigger calls
+- Aborts current API request
+- Resets abort controller
 
 ### editor.api.copilot.triggerSuggestion()
 
-Triggers a new suggestion request.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
-
-### editor.api.copilot.reset()
-
-Resets the Copilot plugin state, stopping any ongoing requests and clearing suggestions.
-
-<APIReturns>
-  <APIItem type="void">This function does not return a value.</APIItem>
-</APIReturns>
+Triggers a new suggestion request. Can be debounced based on plugin configuration.
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index 24460a757d..390a1ba939 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -49,8 +49,8 @@ const components = {
 }
 ```
 
-- [EquationElement](https://pro.platejs.org/docs/components/equation-element) (Plus)
-- [InlineEquationElement](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
+- [`EquationElement`](https://pro.platejs.org/docs/components/equation-element) (Plus)
+- [`InlineEquationElement`](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
 
 
 {/* ### How to use
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index aa3979ba5f..b0467fb8e2 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -17,7 +17,6 @@ docs:
 
 ## Installation
 
-
 ```bash
 npm install @udecode/plate-media
 ```
@@ -49,7 +48,7 @@ const components = {
 };
 ```
 
-- [MediaPlaceholderElement](https://pro.platejs.org/docs/components/media-placeholder-element) (Plus)
+- [`MediaPlaceholderElement`](https://pro.platejs.org/docs/components/media-placeholder-element) (Plus)
 
 ## Examples
 
@@ -68,11 +67,8 @@ Work in progress.
 - Beautifully crafted UI
 
 {/* TODO: Add placeholder example */}
-<ComponentPreviewPro
-  name="pro-iframe-demo"
-  id="upload"
-  component="upload"
-/>
+
+<ComponentPreviewPro name="pro-iframe-demo" id="upload" component="upload" />
 
 ## Plugins
 
@@ -85,6 +81,7 @@ Media placeholder element plugin.
 ### editor.tf.insert.audioPlaceholder
 
 Inserts an audio placeholder element.
+
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
@@ -94,16 +91,17 @@ Inserts an audio placeholder element.
 ### editor.tf.insert.filePlaceholder
 
 Inserts a file placeholder element.
+
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
   </APIItem>
 </APIParameters>
 
-
 ### editor.tf.insert.imagePlaceholder
 
 Inserts an image placeholder element.
+
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
@@ -113,6 +111,7 @@ Inserts an image placeholder element.
 ### editor.tf.insert.videoPlaceholder
 
 Inserts a video placeholder element.
+
 <APIParameters>
   <APIItem name="options" type="InsertNodesOptions">
     Options for the insert nodes transform.
diff --git a/apps/www/public/r/styles/default/block-context-menu.json b/apps/www/public/r/styles/default/block-context-menu.json
index c37e0af39b..5568bd6e53 100644
--- a/apps/www/public/r/styles/default/block-context-menu.json
+++ b/apps/www/public/r/styles/default/block-context-menu.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import { useCallback } from 'react';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\nexport const BlockContextMenu = (props: { children: React.ReactNode }) => {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n\n  const { children } = props;\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        <ContextMenuItem inset>Ask AI</ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n          inset\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n          inset\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuCheckboxItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n};\n",
+      "content": "import { useCallback } from 'react';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\nexport const BlockContextMenu = (props: { children: React.ReactNode }) => {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n\n  const { children } = props;\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        {/* <ContextMenuItem inset>Ask AI</ContextMenuItem> */}\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n          inset\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n          inset\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuCheckboxItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n};\n",
       "path": "plate-ui/block-context-menu.tsx",
       "target": "components/plate-ui/block-context-menu.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/excalidraw-element.json b/apps/www/public/r/styles/default/excalidraw-element.json
index b5bcf06bac..7798eb3e9b 100644
--- a/apps/www/public/r/styles/default/excalidraw-element.json
+++ b/apps/www/public/r/styles/default/excalidraw-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { useExcalidrawElement } from '@udecode/plate-excalidraw/react';\n\nimport { PlateElement } from './plate-element';\n\nexport const ExcalidrawElement = withRef<typeof PlateElement>(\n  ({ nodeProps, ...props }, ref) => {\n    const { children, element } = props;\n\n    const { Excalidraw, excalidrawProps } = useExcalidrawElement({\n      element,\n    });\n\n    return (\n      <PlateElement ref={ref} {...props}>\n        <div contentEditable={false}>\n          <div className=\"mx-auto aspect-video h-[600px] w-[min(100%,600px)] overflow-hidden rounded-sm border\">\n            {Excalidraw && (\n              <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />\n            )}\n          </div>\n        </div>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "content": "'use client';\nimport React from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { useExcalidrawElement } from '@udecode/plate-excalidraw/react';\n\nimport { PlateElement } from './plate-element';\n\nexport const ExcalidrawElement = withRef<typeof PlateElement>(\n  ({ nodeProps, ...props }, ref) => {\n    const { children, element } = props;\n\n    const { Excalidraw, excalidrawProps } = useExcalidrawElement({\n      element,\n    });\n\n    return (\n      <PlateElement ref={ref} {...props}>\n        <div contentEditable={false}>\n          <div className=\"mx-auto aspect-video h-[600px] w-[min(100%,600px)] overflow-hidden rounded-sm border\">\n            {Excalidraw && (\n              <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />\n            )}\n          </div>\n        </div>\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/excalidraw-element.tsx",
       "target": "components/plate-ui/excalidraw-element.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/inline-combobox.json b/apps/www/public/r/styles/default/inline-combobox.json
index c2acc6afe3..2ee9227568 100644
--- a/apps/www/public/r/styles/default/inline-combobox.json
+++ b/apps/www/public/r/styles/default/inline-combobox.json
@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import React, {\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport type { PointRef } from 'slate';\n\nimport {\n  type ComboboxItemProps,\n  Combobox,\n  ComboboxItem,\n  ComboboxPopover,\n  ComboboxProvider,\n  Portal,\n  useComboboxContext,\n  useComboboxStore,\n} from '@ariakit/react';\nimport { cn } from '@udecode/cn';\nimport { filterWords } from '@udecode/plate-combobox';\nimport {\n  type UseComboboxInputResult,\n  useComboboxInput,\n  useHTMLInputCursorState,\n} from '@udecode/plate-combobox/react';\nimport {\n  type TElement,\n  createPointRef,\n  getPointBefore,\n  insertText,\n  moveSelection,\n} from '@udecode/plate-common';\nimport {\n  findNodePath,\n  useComposedRef,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\ntype FilterFn = (\n  item: { value: string; keywords?: string[] },\n  search: string\n) => boolean;\n\ninterface InlineComboboxContextValue {\n  filter: FilterFn | false;\n  inputProps: UseComboboxInputResult['props'];\n  inputRef: RefObject<HTMLInputElement>;\n  removeInput: UseComboboxInputResult['removeInput'];\n  setHasEmpty: (hasEmpty: boolean) => void;\n  showTrigger: boolean;\n  trigger: string;\n}\n\nconst InlineComboboxContext = createContext<InlineComboboxContextValue>(\n  null as any\n);\n\nexport const defaultFilter: FilterFn = ({ keywords = [], value }, search) =>\n  [value, ...keywords].some((keyword) => filterWords(keyword, search));\n\ninterface InlineComboboxProps {\n  children: ReactNode;\n  element: TElement;\n  trigger: string;\n  filter?: FilterFn | false;\n  hideWhenNoValue?: boolean;\n  setValue?: (value: string) => void;\n  showTrigger?: boolean;\n  value?: string;\n}\n\nconst InlineCombobox = ({\n  children,\n  element,\n  filter = defaultFilter,\n  hideWhenNoValue = false,\n  setValue: setValueProp,\n  showTrigger = true,\n  trigger,\n  value: valueProp,\n}: InlineComboboxProps) => {\n  const editor = useEditorRef();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const cursorState = useHTMLInputCursorState(inputRef);\n\n  const [valueState, setValueState] = useState('');\n  const hasValueProp = valueProp !== undefined;\n  const value = hasValueProp ? valueProp : valueState;\n\n  const setValue = useCallback(\n    (newValue: string) => {\n      setValueProp?.(newValue);\n\n      if (!hasValueProp) {\n        setValueState(newValue);\n      }\n    },\n    [setValueProp, hasValueProp]\n  );\n\n  /**\n   * Track the point just before the input element so we know where to\n   * insertText if the combobox closes due to a selection change.\n   */\n  const [insertPoint, setInsertPoint] = useState<PointRef | null>(null);\n\n  useEffect(() => {\n    const path = findNodePath(editor, element);\n\n    if (!path) return;\n\n    const point = getPointBefore(editor, path);\n\n    if (!point) return;\n\n    const pointRef = createPointRef(editor, point);\n    setInsertPoint(pointRef);\n\n    return () => {\n      pointRef.unref();\n    };\n  }, [editor, element]);\n\n  const { props: inputProps, removeInput } = useComboboxInput({\n    cancelInputOnBlur: false,\n    cursorState,\n    ref: inputRef,\n    onCancelInput: (cause) => {\n      if (cause !== 'backspace') {\n        insertText(editor, trigger + value, {\n          at: insertPoint?.current ?? undefined,\n        });\n      }\n      if (cause === 'arrowLeft' || cause === 'arrowRight') {\n        moveSelection(editor, {\n          distance: 1,\n          reverse: cause === 'arrowLeft',\n        });\n      }\n    },\n  });\n\n  const [hasEmpty, setHasEmpty] = useState(false);\n\n  const contextValue: InlineComboboxContextValue = useMemo(\n    () => ({\n      filter,\n      inputProps,\n      inputRef,\n      removeInput,\n      setHasEmpty,\n      showTrigger,\n      trigger,\n    }),\n    [\n      trigger,\n      showTrigger,\n      filter,\n      inputRef,\n      inputProps,\n      removeInput,\n      setHasEmpty,\n    ]\n  );\n\n  const store = useComboboxStore({\n    // open: ,\n    setValue: (newValue) => startTransition(() => setValue(newValue)),\n  });\n\n  const items = store.useState('items');\n\n  /**\n   * If there is no active ID and the list of items changes, select the first\n   * item.\n   */\n  useEffect(() => {\n    if (!store.getState().activeId) {\n      store.setActiveId(store.first());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, store]);\n\n  return (\n    <span contentEditable={false}>\n      <ComboboxProvider\n        open={\n          (items.length > 0 || hasEmpty) &&\n          (!hideWhenNoValue || value.length > 0)\n        }\n        store={store}\n      >\n        <InlineComboboxContext.Provider value={contextValue}>\n          {children}\n        </InlineComboboxContext.Provider>\n      </ComboboxProvider>\n    </span>\n  );\n};\n\nconst InlineComboboxInput = forwardRef<\n  HTMLInputElement,\n  HTMLAttributes<HTMLInputElement>\n>(({ className, ...props }, propRef) => {\n  const {\n    inputProps,\n    inputRef: contextRef,\n    showTrigger,\n    trigger,\n  } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n  const value = store.useState('value');\n\n  const ref = useComposedRef(propRef, contextRef);\n\n  /**\n   * To create an auto-resizing input, we render a visually hidden span\n   * containing the input value and position the input element on top of it.\n   * This works well for all cases except when input exceeds the width of the\n   * container.\n   */\n\n  return (\n    <>\n      {showTrigger && trigger}\n\n      <span className=\"relative min-h-[1lh]\">\n        <span\n          className=\"invisible overflow-hidden text-nowrap\"\n          aria-hidden=\"true\"\n        >\n          {value || '\\u200B'}\n        </span>\n\n        <Combobox\n          ref={ref}\n          className={cn(\n            'absolute left-0 top-0 size-full bg-transparent outline-none',\n            className\n          )}\n          value={value}\n          autoSelect\n          {...inputProps}\n          {...props}\n        />\n      </span>\n    </>\n  );\n});\n\nInlineComboboxInput.displayName = 'InlineComboboxInput';\n\nconst InlineComboboxContent: typeof ComboboxPopover = ({\n  className,\n  ...props\n}) => {\n  // Portal prevents CSS from leaking into popover\n  return (\n    <Portal>\n      <ComboboxPopover\n        className={cn(\n          'z-[500] max-h-[288px] w-[300px] overflow-y-auto rounded-md bg-popover shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n};\n\nconst comboboxItemVariants = cva(\n  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n  {\n    defaultVariants: {\n      interactive: true,\n    },\n    variants: {\n      interactive: {\n        false: '',\n        true: 'cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground data-[active-item=true]:bg-accent data-[active-item=true]:text-accent-foreground',\n      },\n    },\n  }\n);\n\nexport type InlineComboboxItemProps = {\n  focusEditor?: boolean;\n  keywords?: string[];\n} & ComboboxItemProps &\n  Required<Pick<ComboboxItemProps, 'value'>>;\n\nconst InlineComboboxItem = ({\n  className,\n  focusEditor = true,\n  keywords,\n  onClick,\n  ...props\n}: InlineComboboxItemProps) => {\n  const { value } = props;\n\n  const { filter, removeInput } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n\n  // Optimization: Do not subscribe to value if filter is false\n  const search = filter && store.useState('value');\n\n  const visible = useMemo(\n    () => !filter || filter({ keywords, value }, search as string),\n    [filter, value, keywords, search]\n  );\n\n  if (!visible) return null;\n\n  return (\n    <ComboboxItem\n      className={cn(comboboxItemVariants(), className)}\n      onClick={(event) => {\n        removeInput(focusEditor);\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n};\n\nconst InlineComboboxEmpty = ({\n  children,\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  const { setHasEmpty } = useContext(InlineComboboxContext);\n  const store = useComboboxContext()!;\n  const items = store.useState('items');\n\n  useEffect(() => {\n    setHasEmpty(true);\n\n    return () => {\n      setHasEmpty(false);\n    };\n  }, [setHasEmpty]);\n\n  if (items.length > 0) return null;\n\n  return (\n    <div\n      className={cn(comboboxItemVariants({ interactive: false }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n};\n",
+      "content": "import React, {\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n  createContext,\n  forwardRef,\n  startTransition,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nimport type { PointRef } from 'slate';\n\nimport {\n  type ComboboxItemProps,\n  Combobox,\n  ComboboxItem,\n  ComboboxPopover,\n  ComboboxProvider,\n  Portal,\n  useComboboxContext,\n  useComboboxStore,\n} from '@ariakit/react';\nimport { cn } from '@udecode/cn';\nimport { filterWords } from '@udecode/plate-combobox';\nimport {\n  type UseComboboxInputResult,\n  useComboboxInput,\n  useHTMLInputCursorState,\n} from '@udecode/plate-combobox/react';\nimport {\n  type TElement,\n  createPointRef,\n  getPointBefore,\n  insertText,\n  moveSelection,\n} from '@udecode/plate-common';\nimport {\n  findNodePath,\n  useComposedRef,\n  useEditorRef,\n} from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\ntype FilterFn = (\n  item: { value: string; keywords?: string[] },\n  search: string\n) => boolean;\n\ninterface InlineComboboxContextValue {\n  filter: FilterFn | false;\n  inputProps: UseComboboxInputResult['props'];\n  inputRef: RefObject<HTMLInputElement | null>;\n  removeInput: UseComboboxInputResult['removeInput'];\n  setHasEmpty: (hasEmpty: boolean) => void;\n  showTrigger: boolean;\n  trigger: string;\n}\n\nconst InlineComboboxContext = createContext<InlineComboboxContextValue>(\n  null as any\n);\n\nexport const defaultFilter: FilterFn = ({ keywords = [], value }, search) =>\n  [value, ...keywords].some((keyword) => filterWords(keyword, search));\n\ninterface InlineComboboxProps {\n  children: ReactNode;\n  element: TElement;\n  trigger: string;\n  filter?: FilterFn | false;\n  hideWhenNoValue?: boolean;\n  setValue?: (value: string) => void;\n  showTrigger?: boolean;\n  value?: string;\n}\n\nconst InlineCombobox = ({\n  children,\n  element,\n  filter = defaultFilter,\n  hideWhenNoValue = false,\n  setValue: setValueProp,\n  showTrigger = true,\n  trigger,\n  value: valueProp,\n}: InlineComboboxProps) => {\n  const editor = useEditorRef();\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const cursorState = useHTMLInputCursorState(inputRef);\n\n  const [valueState, setValueState] = useState('');\n  const hasValueProp = valueProp !== undefined;\n  const value = hasValueProp ? valueProp : valueState;\n\n  const setValue = useCallback(\n    (newValue: string) => {\n      setValueProp?.(newValue);\n\n      if (!hasValueProp) {\n        setValueState(newValue);\n      }\n    },\n    [setValueProp, hasValueProp]\n  );\n\n  /**\n   * Track the point just before the input element so we know where to\n   * insertText if the combobox closes due to a selection change.\n   */\n  const [insertPoint, setInsertPoint] = useState<PointRef | null>(null);\n\n  useEffect(() => {\n    const path = findNodePath(editor, element);\n\n    if (!path) return;\n\n    const point = getPointBefore(editor, path);\n\n    if (!point) return;\n\n    const pointRef = createPointRef(editor, point);\n    setInsertPoint(pointRef);\n\n    return () => {\n      pointRef.unref();\n    };\n  }, [editor, element]);\n\n  const { props: inputProps, removeInput } = useComboboxInput({\n    cancelInputOnBlur: false,\n    cursorState,\n    ref: inputRef,\n    onCancelInput: (cause) => {\n      if (cause !== 'backspace') {\n        insertText(editor, trigger + value, {\n          at: insertPoint?.current ?? undefined,\n        });\n      }\n      if (cause === 'arrowLeft' || cause === 'arrowRight') {\n        moveSelection(editor, {\n          distance: 1,\n          reverse: cause === 'arrowLeft',\n        });\n      }\n    },\n  });\n\n  const [hasEmpty, setHasEmpty] = useState(false);\n\n  const contextValue: InlineComboboxContextValue = useMemo(\n    () => ({\n      filter,\n      inputProps,\n      inputRef,\n      removeInput,\n      setHasEmpty,\n      showTrigger,\n      trigger,\n    }),\n    [\n      trigger,\n      showTrigger,\n      filter,\n      inputRef,\n      inputProps,\n      removeInput,\n      setHasEmpty,\n    ]\n  );\n\n  const store = useComboboxStore({\n    // open: ,\n    setValue: (newValue) => startTransition(() => setValue(newValue)),\n  });\n\n  const items = store.useState('items');\n\n  /**\n   * If there is no active ID and the list of items changes, select the first\n   * item.\n   */\n  useEffect(() => {\n    if (!store.getState().activeId) {\n      store.setActiveId(store.first());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [items, store]);\n\n  return (\n    <span contentEditable={false}>\n      <ComboboxProvider\n        open={\n          (items.length > 0 || hasEmpty) &&\n          (!hideWhenNoValue || value.length > 0)\n        }\n        store={store}\n      >\n        <InlineComboboxContext.Provider value={contextValue}>\n          {children}\n        </InlineComboboxContext.Provider>\n      </ComboboxProvider>\n    </span>\n  );\n};\n\nconst InlineComboboxInput = forwardRef<\n  HTMLInputElement,\n  HTMLAttributes<HTMLInputElement>\n>(({ className, ...props }, propRef) => {\n  const {\n    inputProps,\n    inputRef: contextRef,\n    showTrigger,\n    trigger,\n  } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n  const value = store.useState('value');\n\n  const ref = useComposedRef(propRef, contextRef);\n\n  /**\n   * To create an auto-resizing input, we render a visually hidden span\n   * containing the input value and position the input element on top of it.\n   * This works well for all cases except when input exceeds the width of the\n   * container.\n   */\n\n  return (\n    <>\n      {showTrigger && trigger}\n\n      <span className=\"relative min-h-[1lh]\">\n        <span\n          className=\"invisible overflow-hidden text-nowrap\"\n          aria-hidden=\"true\"\n        >\n          {value || '\\u200B'}\n        </span>\n\n        <Combobox\n          ref={ref}\n          className={cn(\n            'absolute left-0 top-0 size-full bg-transparent outline-none',\n            className\n          )}\n          value={value}\n          autoSelect\n          {...inputProps}\n          {...props}\n        />\n      </span>\n    </>\n  );\n});\n\nInlineComboboxInput.displayName = 'InlineComboboxInput';\n\nconst InlineComboboxContent: typeof ComboboxPopover = ({\n  className,\n  ...props\n}) => {\n  // Portal prevents CSS from leaking into popover\n  return (\n    <Portal>\n      <ComboboxPopover\n        className={cn(\n          'z-[500] max-h-[288px] w-[300px] overflow-y-auto rounded-md bg-popover shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  );\n};\n\nconst comboboxItemVariants = cva(\n  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n  {\n    defaultVariants: {\n      interactive: true,\n    },\n    variants: {\n      interactive: {\n        false: '',\n        true: 'cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground data-[active-item=true]:bg-accent data-[active-item=true]:text-accent-foreground',\n      },\n    },\n  }\n);\n\nexport type InlineComboboxItemProps = {\n  focusEditor?: boolean;\n  keywords?: string[];\n} & ComboboxItemProps &\n  Required<Pick<ComboboxItemProps, 'value'>>;\n\nconst InlineComboboxItem = ({\n  className,\n  focusEditor = true,\n  keywords,\n  onClick,\n  ...props\n}: InlineComboboxItemProps) => {\n  const { value } = props;\n\n  const { filter, removeInput } = useContext(InlineComboboxContext);\n\n  const store = useComboboxContext()!;\n\n  // Optimization: Do not subscribe to value if filter is false\n  const search = filter && store.useState('value');\n\n  const visible = useMemo(\n    () => !filter || filter({ keywords, value }, search as string),\n    [filter, value, keywords, search]\n  );\n\n  if (!visible) return null;\n\n  return (\n    <ComboboxItem\n      className={cn(comboboxItemVariants(), className)}\n      onClick={(event) => {\n        removeInput(focusEditor);\n        onClick?.(event);\n      }}\n      {...props}\n    />\n  );\n};\n\nconst InlineComboboxEmpty = ({\n  children,\n  className,\n}: HTMLAttributes<HTMLDivElement>) => {\n  const { setHasEmpty } = useContext(InlineComboboxContext);\n  const store = useComboboxContext()!;\n  const items = store.useState('items');\n\n  useEffect(() => {\n    setHasEmpty(true);\n\n    return () => {\n      setHasEmpty(false);\n    };\n  }, [setHasEmpty]);\n\n  if (items.length > 0) return null;\n\n  return (\n    <div\n      className={cn(comboboxItemVariants({ interactive: false }), className)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n};\n",
       "path": "plate-ui/inline-combobox.tsx",
       "target": "components/plate-ui/inline-combobox.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/mode-toggle.json b/apps/www/public/r/styles/default/mode-toggle.json
index 52956389a4..ea46db482e 100644
--- a/apps/www/public/r/styles/default/mode-toggle.json
+++ b/apps/www/public/r/styles/default/mode-toggle.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { useTheme } from 'next-themes';\n\nimport { Icons } from '@/components/icons';\nimport { Button } from '@/components/plate-ui/button';\n\nexport default function ModeToggle() {\n  const { setTheme, theme } = useTheme();\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"size-8 px-0\"\n      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}\n    >\n      {theme === 'dark' ? (\n        <Icons.moon className=\"size-[1.2rem]\" />\n      ) : (\n        <Icons.sun className=\"size-[1.2rem]\" />\n      )}\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  );\n}\n",
+      "content": "'use client';\n\nimport * as React from 'react';\n\nimport { useTheme } from 'next-themes';\n\nimport { Icons } from '@/components/icons';\nimport { useMounted } from '@/hooks/use-mounted';\nimport { Button } from '@/components/plate-ui/button';\n\nexport default function ModeToggle() {\n  const { setTheme, theme } = useTheme();\n\n  const mounted = useMounted();\n\n  return (\n    <Button\n      size=\"sm\"\n      variant=\"ghost\"\n      className=\"size-8 px-0\"\n      onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}\n    >\n      {mounted && theme === 'dark' ? (\n        <Icons.moon className=\"size-[1.2rem]\" />\n      ) : (\n        <Icons.sun className=\"size-[1.2rem]\" />\n      )}\n      <span className=\"sr-only\">Toggle theme</span>\n    </Button>\n  );\n}\n",
       "path": "example/mode-toggle.tsx",
       "target": "components/mode-toggle.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index b85c43fba6..84ded61325 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div\n            id=\"editor-playground\"\n            className=\"flex w-full\"\n            style={\n              {\n                '--editor-px': 'max(5%,24px)',\n              } as any\n            }\n          >\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/pro-iframe-demo.json b/apps/www/public/r/styles/default/pro-iframe-demo.json
index f58a9902ba..df22f1e79c 100644
--- a/apps/www/public/r/styles/default/pro-iframe-demo.json
+++ b/apps/www/public/r/styles/default/pro-iframe-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "import { siteConfig } from '@/config/site';\nimport { cn } from '@/lib/utils';\n\nexport default function ProIframeDemo({\n  component,\n}: {\n  component: string;\n  height: string;\n}) {\n  return (\n    <iframe\n      className={cn(`size-full h-[520px]`)}\n      title={component}\n      src={`${siteConfig.links.platePro}/iframe/${component}`}\n    />\n  );\n}\n",
+      "content": "import { siteConfig } from '@/config/site';\nimport { cn } from '@/lib/utils';\n\nexport default function ProIframeDemo({\n  component,\n}: {\n  component: string;\n  height: string;\n}) {\n  return (\n    <iframe\n      className={cn(`size-full h-[520px] pr-px`)}\n      title={component}\n      src={`${siteConfig.links.platePro}/iframe/${component}`}\n    />\n  );\n}\n",
       "path": "example/pro-iframe-demo.tsx",
       "target": "components/pro-iframe-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index a6f4311363..37275f119a 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -93,6 +93,11 @@ export const A = ({
 }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (
   <a
     className={cn('font-medium underline underline-offset-4', className)}
+    target={
+      typeof props.href === 'string' && props.href.startsWith('http')
+        ? '_blank'
+        : undefined
+    }
     {...props}
   />
 );
@@ -144,7 +149,7 @@ export const Image = ({
   ...props
 }: React.ImgHTMLAttributes<HTMLImageElement>) => (
   // eslint-disable-next-line @next/next/no-img-element
-  (<img className={cn('rounded-md', className)} alt={alt} {...props} />)
+  <img className={cn('rounded-md', className)} alt={alt} {...props} />
 );
 
 export const HR = ({ ...props }: React.HTMLAttributes<HTMLHRElement>) => (
diff --git a/apps/www/src/lib/rehype-component.ts b/apps/www/src/lib/rehype-component.ts
index f328948d11..cf866c3fc4 100644
--- a/apps/www/src/lib/rehype-component.ts
+++ b/apps/www/src/lib/rehype-component.ts
@@ -17,9 +17,7 @@ export function rehypeComponent() {
         const name = getNodeAttributeByName(node, 'name')?.value as
           | string
           | undefined;
-        const src = getNodeAttributeByName(node, 'src')?.value as
-          | string
-          | undefined;
+        let src = getNodeAttributeByName(node, 'src')?.value as string;
 
         if (name && !src) {
           if (node.name === 'ComponentSource' && !src) {
@@ -27,13 +25,13 @@ export function rehypeComponent() {
               for (const style of styles) {
                 const component = Index[style.name][name];
 
-                if (!component && !src) {
+                if (!component) {
                   throw new Error(
                     `Component ${name} not found in ${style.name}`
                   );
                 }
 
-                const src = component.files[0];
+                src = component.files[0];
 
                 // Read the source file.
                 const filePath = path.join(process.cwd(), 'src', src);

From f7f16305acb3b50294f5447e5866b9b1c02a5860 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Wed, 23 Oct 2024 23:05:21 +0800
Subject: [PATCH 104/127] wip

---
 .../default/example/playground-demo.tsx       |   8 ++
 .../src/registry/default/plate-ui/ai-menu.tsx | 129 ++++++++++++++++++
 2 files changed, 137 insertions(+)
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-menu.tsx

diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 1fef3279e5..5371231218 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,6 +7,7 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -84,6 +85,7 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
+import { renderAIAboveNodes } from '@/registry/default/plate-ui/ai-menu';
 import { BlockContextMenu } from '@/registry/default/plate-ui/block-context-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
@@ -127,6 +129,12 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
       },
       plugins: [
         //ai
+        AIPlugin,
+        AIChatPlugin.configure({
+          render: {
+            aboveNodes: renderAIAboveNodes,
+          },
+        }),
         copilotPlugin,
         // Nodes
         HeadingPlugin,
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
new file mode 100644
index 0000000000..38b74f8a42
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -0,0 +1,129 @@
+import * as React from 'react';
+
+import {
+  type NodeWrapperComponent,
+  useEditorPlugin,
+  useElement,
+} from '@udecode/plate-common/react';
+
+export const renderAIAboveNodes: NodeWrapperComponent<any> = () => AIPopover;
+
+import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
+import { getAncestorNode } from '@udecode/plate-common';
+import {
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+} from 'cmdk';
+import {
+  Calculator,
+  Calendar,
+  Command,
+  CreditCard,
+  Settings,
+  Smile,
+  User,
+} from 'lucide-react';
+
+import { CommandShortcut } from './command';
+import { Popover, PopoverAnchor, PopoverContent } from './popover';
+
+const AIPopover = ({ children, element }: { children: React.ReactNode, element: any }) => {
+  const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);
+  const isOpen = useOption('open');
+  console.log("🚀 ~ AIPopover ~ isOpen:", isOpen)
+
+
+  // const chat = useChat({
+  //   id: 'editor',
+  //   api: '/api/ai/command',
+  // });
+  // const { input, isLoading, messages, setInput } = chat;
+
+
+  // useEditorChat({
+  //   chat,
+  //   onOpenBlockSelection: (blocks: TNodeEntry[]) => {
+  //   },
+  //   onOpenChange: (open) => {
+  //   },
+  //   onOpenCursor: () => {
+  //   },
+  //   onOpenSelection: () => {
+  //   },
+  // });
+
+
+  const anchorId = React.useMemo(() => {
+    if (!isOpen) return null;
+
+    const ancestorNode = getAncestorNode(editor)!;
+    // console.log('🚀 ~ anchorId ~ ancestorNode:', ancestorNode);
+
+    return ancestorNode?.[0]?.id;
+  }, [editor, isOpen]);
+
+  console.log('🚀 ~ anchorId:', anchorId);
+
+  if (anchorId !== element.id) return children;
+
+  return (
+    <Popover open={isOpen} modal={false}>
+      <PopoverAnchor>{children}</PopoverAnchor>
+      <PopoverContent
+        className="w-[200px] p-0"
+        onEscapeKeyDown={() => {
+          // api.ai.dismiss();
+        }}
+        onFocusOutside={() => {
+          // api.ai.dismiss();
+        }}
+        align="start"
+        contentEditable={false}
+        side="bottom"
+      >
+        <Command className="rounded-lg border shadow-md md:min-w-[450px]">
+          <CommandInput placeholder="Type a command or search..." />
+          <CommandList>
+            <CommandEmpty>No results found.</CommandEmpty>
+            <CommandGroup heading="Suggestions">
+              <CommandItem>
+                <Calendar className="mr-2 size-4" />
+                <span>Calendar</span>
+              </CommandItem>
+              <CommandItem>
+                <Smile className="mr-2 size-4" />
+                <span>Search Emoji</span>
+              </CommandItem>
+              <CommandItem disabled>
+                <Calculator className="mr-2 size-4" />
+                <span>Calculator</span>
+              </CommandItem>
+            </CommandGroup>
+            <CommandSeparator />
+            <CommandGroup heading="Settings">
+              <CommandItem>
+                <User className="mr-2 size-4" />
+                <span>Profile</span>
+                <CommandShortcut>⌘P</CommandShortcut>
+              </CommandItem>
+              <CommandItem>
+                <CreditCard className="mr-2 size-4" />
+                <span>Billing</span>
+                <CommandShortcut>⌘B</CommandShortcut>
+              </CommandItem>
+              <CommandItem>
+                <Settings className="mr-2 size-4" />
+                <span>Settings</span>
+                <CommandShortcut>⌘S</CommandShortcut>
+              </CommandItem>
+            </CommandGroup>
+          </CommandList>
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+};

From a0c9b81b1d4f4a57a26de29d058ea5b6a052455d Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Wed, 23 Oct 2024 19:15:19 +0200
Subject: [PATCH 105/127] docs

---
 .changeset/beige-scissors-complain.md         |  5 ++
 apps/www/content/docs/ai.mdx                  |  4 +-
 apps/www/content/docs/api/core/plate.mdx      |  2 +-
 apps/www/content/docs/api/core/store.mdx      |  6 +-
 apps/www/content/docs/api/slate-react.mdx     |  2 +-
 apps/www/content/docs/api/slate.mdx           | 14 ++---
 apps/www/content/docs/block-menu.mdx          |  2 +-
 apps/www/content/docs/callout.mdx             |  2 +-
 apps/www/content/docs/collaboration.mdx       | 16 +++---
 apps/www/content/docs/components/cli.mdx      |  4 +-
 .../docs/components/components-json.mdx       | 10 ++--
 apps/www/content/docs/components/index.mdx    | 20 +++----
 .../docs/components/installation/manual.mdx   |  4 +-
 .../docs/components/installation/next.mdx     |  6 +-
 .../docs/components/installation/vite.mdx     |  2 +-
 apps/www/content/docs/csv.mdx                 |  6 +-
 apps/www/content/docs/debugging.mdx           |  4 +-
 apps/www/content/docs/editor-methods.mdx      |  6 +-
 apps/www/content/docs/equation.mdx            |  4 +-
 .../content/docs/examples/version-history.mdx | 21 ++++++-
 apps/www/content/docs/getting-started.mdx     | 50 ++++++++++-------
 apps/www/content/docs/index.mdx               | 20 +++----
 apps/www/content/docs/media-placeholder.mdx   |  2 +-
 apps/www/content/docs/playwright.mdx          |  4 +-
 apps/www/content/docs/plugin.mdx              |  2 +-
 apps/www/content/docs/tabbable.mdx            |  2 +-
 apps/www/content/docs/toc.mdx                 |  2 +-
 apps/www/content/docs/upload.mdx              |  6 +-
 apps/www/contentlayer.config.js               |  3 +-
 .../r/styles/default/potion-iframe-demo.json  | 12 ++++
 apps/www/src/__registry__/index.tsx           | 12 ++++
 .../src/app/(app)/_components/potion-tab.tsx  | 55 -------------------
 .../www/src/components/code-block-wrapper.tsx | 10 ++--
 .../src/components/component-preview-pro.tsx  | 18 ------
 apps/www/src/components/component-source.tsx  |  2 +-
 apps/www/src/components/icons.tsx             |  2 +
 apps/www/src/components/link.tsx              | 28 +++++++---
 apps/www/src/components/main-nav.tsx          |  3 +-
 apps/www/src/components/mdx-components.tsx    |  3 +-
 apps/www/src/components/typography.tsx        | 30 ++--------
 apps/www/src/config/docs.ts                   | 10 ++--
 .../default/example/potion-iframe-demo.tsx    |  9 +++
 .../default/example/version-history-demo.tsx  |  2 +-
 apps/www/src/registry/registry-examples.ts    |  5 ++
 .../core/src/react/components/DefaultLeaf.tsx | 16 +-----
 .../src/react/utils/pipeRenderElement.tsx     |  6 +-
 46 files changed, 223 insertions(+), 231 deletions(-)
 create mode 100644 .changeset/beige-scissors-complain.md
 create mode 100644 apps/www/public/r/styles/default/potion-iframe-demo.json
 delete mode 100644 apps/www/src/app/(app)/_components/potion-tab.tsx
 create mode 100644 apps/www/src/registry/default/example/potion-iframe-demo.tsx

diff --git a/.changeset/beige-scissors-complain.md b/.changeset/beige-scissors-complain.md
new file mode 100644
index 0000000000..7dcf53311c
--- /dev/null
+++ b/.changeset/beige-scissors-complain.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-core': patch
+---
+
+Fix DefaultLeaf and DefaultElement props
diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 7fbe592742..14a33d7e1a 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -185,9 +185,9 @@ const plugins = [
 ];
 ```
 
-- [`AIMenu`](https://pro.platejs.org/docs/components/ai-menu) (Plus)
+- [AIMenu](https://pro.platejs.org/docs/components/ai-menu) (Plus)
 
-The [`SelectionOverlayPlugin`](https://pro.platejs.org/docs/components/cursor-overlay):
+The [SelectionOverlayPlugin](https://pro.platejs.org/docs/components/cursor-overlay):
 
 - Maintains selection highlight when editor loses focus
 - Essential for AI menu and other external input interactions
diff --git a/apps/www/content/docs/api/core/plate.mdx b/apps/www/content/docs/api/core/plate.mdx
index abd247f8ef..8f03361f75 100644
--- a/apps/www/content/docs/api/core/plate.mdx
+++ b/apps/www/content/docs/api/core/plate.mdx
@@ -17,7 +17,7 @@ Children components have access to the plate store.
 A controlled `editor` instance. This prop is required.
 </APIItem>
 <APIItem name="decorate" type="(ctx: SlatePluginContext<C>) => Range[]" optional>
-See <Link href="https://docs.slatejs.org/concepts/09-rendering#decorations">Slate docs</Link>.
+See [Slate docs](https://docs.slatejs.org/concepts/09-rendering#decorations).
 </APIItem>
 <APIItem name="onChange" type="({ value, editor }: { value: Value; editor: PlateEditor }) => void" optional>
 Controlled callback called when the editor state changes.
diff --git a/apps/www/content/docs/api/core/store.mdx b/apps/www/content/docs/api/core/store.mdx
index 1d14fb3b55..e4cead40b0 100644
--- a/apps/www/content/docs/api/core/store.mdx
+++ b/apps/www/content/docs/api/core/store.mdx
@@ -3,7 +3,7 @@ title: Store
 description: API reference for Plate store.
 ---
 
-`Plate` is using <Link href="https://github.com/pmndrs/jotai">jotai</Link> to store the state of the editor.
+`Plate` is using [jotai](https://github.com/pmndrs/jotai) to store the state of the editor.
 
 <Callout className="my-4">
   **Note**: To use the store hooks in a component, it needs to be rendered
@@ -115,14 +115,14 @@ The following store keys are exposed in `editor.setPlateState`:
 Use `usePlateSelectors(id).<state property>()` when you need to subscribe to a value.
 
 - **Example:** `const value = usePlateSelectors(id).value()` will subscribe to `value` changes.
-- It's using <Link href="https://jotai.org/docs/utils/use-atom-value">useAtomValue</Link> under the hood.
+- It's using [useAtomValue](https://jotai.org/docs/utils/use-atom-value) under the hood.
 
 ## Actions
 
 Use `usePlateStates(id).<state property>()` when you need both the value and the setter of a store property.
 
 - **Example:** `const [value, setValue] = usePlateStates(id).value()`
-- It's using <Link href="https://jotai.org/docs/basics/primitives#use-atom">useAtom</Link> under the hood.
+- It's using [useAtom](https://jotai.org/docs/basics/primitives#use-atom) under the hood.
 
 ### `useRedecorate`
 
diff --git a/apps/www/content/docs/api/slate-react.mdx b/apps/www/content/docs/api/slate-react.mdx
index cb45fbf4de..b3ef616505 100644
--- a/apps/www/content/docs/api/slate-react.mdx
+++ b/apps/www/content/docs/api/slate-react.mdx
@@ -7,7 +7,7 @@ description: API reference for @udecode/slate-react.
 
 ## React Editor
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/libraries/slate-react/react-editor">Slate React docs</Link>.
+Find the corresponding documentation in the [Slate React docs](https://docs.slatejs.org/libraries/slate-react/react-editor).
 
 ### `SlateProps`
 
diff --git a/apps/www/content/docs/api/slate.mdx b/apps/www/content/docs/api/slate.mdx
index 003cfa603d..2b40cdf487 100644
--- a/apps/www/content/docs/api/slate.mdx
+++ b/apps/www/content/docs/api/slate.mdx
@@ -7,7 +7,7 @@ description: API reference for @udecode/slate.
 
 ## Editor
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/transforms">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/transforms).
 
 ### `addMark`
 
@@ -119,7 +119,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## Element
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/nodes/element">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/nodes/element).
 
 ### `elementMatches`
 
@@ -133,7 +133,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## History
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/libraries/slate-history">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/libraries/slate-history).
 
 ### `isHistoryEditor`
 
@@ -147,7 +147,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## Node
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/nodes/node">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/nodes/node).
 
 ### `TDescendant`
 
@@ -209,7 +209,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## Range
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/locations/range">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/locations/range).
 
 ### `isCollapsed`
 
@@ -217,7 +217,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## Text
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/nodes/text">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/nodes/text).
 
 ### `isText`
 
@@ -231,7 +231,7 @@ Find the corresponding documentation in the <Link href="https://docs.slatejs.org
 
 ## Transforms
 
-Find the corresponding documentation in the <Link href="https://docs.slatejs.org/api/transforms">Slate docs</Link>.
+Find the corresponding documentation in the [Slate docs](https://docs.slatejs.org/api/transforms).
 
 ### `moveNodes`
 
diff --git a/apps/www/content/docs/block-menu.mdx b/apps/www/content/docs/block-menu.mdx
index 52dd15ec22..2d4dc948a0 100644
--- a/apps/www/content/docs/block-menu.mdx
+++ b/apps/www/content/docs/block-menu.mdx
@@ -66,7 +66,7 @@ const plugins = [
 ]
 ```
 
-- [`BlockContextMenu`](/docs/components/block-context-menu)
+- [BlockContextMenu](/docs/components/block-context-menu)
 
 To control the opening of the context menu for specific elements, you can use the `data-plate-open-context-menu` attribute:
 
diff --git a/apps/www/content/docs/callout.mdx b/apps/www/content/docs/callout.mdx
index e230af4134..f885712d01 100644
--- a/apps/www/content/docs/callout.mdx
+++ b/apps/www/content/docs/callout.mdx
@@ -49,7 +49,7 @@ const components = {
 }
 ```
 
-- [`CalloutElement`](https://pro.platejs.org/docs/components/callout-element) (Plus)
+- [CalloutElement](https://pro.platejs.org/docs/components/callout-element) (Plus)
 
 ## Examples
 
diff --git a/apps/www/content/docs/collaboration.mdx b/apps/www/content/docs/collaboration.mdx
index b0cf457ea1..3001f78b77 100644
--- a/apps/www/content/docs/collaboration.mdx
+++ b/apps/www/content/docs/collaboration.mdx
@@ -13,7 +13,7 @@ description: Collaborate with others in a single document.
 
 ## Features
 
-- The yjs plugin enables support for collaboration using <Link href="https://docs.slate-yjs.dev/">slate-yjs</Link> and <Link href="https://docs.slate-yjs.dev/walkthroughs/collaboration-hocuspocus">Hocuspocus</Link>.
+- The yjs plugin enables support for collaboration using [slate-yjs](https://docs.slate-yjs.dev/) and [Hocuspocus](https://docs.slate-yjs.dev/walkthroughs/collaboration-hocuspocus).
 
 </PackageInfo>
 
@@ -45,7 +45,7 @@ const editor = createPlateEditor({
 
 ## Backend
 
-Follow the backend instructions in <Link href="https://tiptap.dev/hocuspocus/getting-started">Hocuspocus docs</Link>.
+Follow the backend instructions in [Hocuspocus docs](https://tiptap.dev/hocuspocus/getting-started).
 
 ## Plugins
 
@@ -56,7 +56,7 @@ Follow the backend instructions in <Link href="https://tiptap.dev/hocuspocus/get
 Configuration for handling cursors in the editor. These options are passed
 to the `withCursors` function.
 
-- <Link href="https://docs.slate-yjs.dev/api/slate-yjs-core/cursor-plugin#withcursors">WithCursorsOptions API</Link>.
+- [WithCursorsOptions API](https://docs.slate-yjs.dev/api/slate-yjs-core/cursor-plugin#withcursors).
 
 </APIItem>
 <APIItem
@@ -66,14 +66,14 @@ to the `withCursors` function.
 >
 Configuration for the Hocuspocus provider.
 
-- <Link href="https://tiptap.dev/hocuspocus/provider/configuration">HocuspocusProviderConfiguration API</Link>.
+- [HocuspocusProviderConfiguration API](https://tiptap.dev/hocuspocus/provider/configuration).
 
 </APIItem>
 <APIItem name="yjsOptions" type="WithYjsOptions" optional>
 Optional configuration for the Yjs integration. These options are passed to
 the `withYjs` function.
 
-- <Link href="https://docs.slate-yjs.dev/api/slate-yjs-core/yjs-plugin#withyjs">WithYjsOptions API</Link>.
+- [WithYjsOptions API](https://docs.slate-yjs.dev/api/slate-yjs-core/yjs-plugin#withyjs).
 
 </APIItem>
 <APIItem name="disableCursors" type="boolean" optional>
@@ -102,7 +102,7 @@ Higher-order function that wraps a Plate editor with Yjs support, allowing for r
 
 <APIAttributes>
 
-Extends `YjsEditorProps` and <Link href="https://docs.slate-yjs.dev/api/slate-yjs-core/cursor-plugin#cursoreditor">CursorEditor</Link>.
+Extends `YjsEditorProps` and [CursorEditor](https://docs.slate-yjs.dev/api/slate-yjs-core/cursor-plugin#cursoreditor).
 
 <APIItem name="yjs" type="object">
   
@@ -122,8 +122,8 @@ The Hocuspocus provider instance.
 
 ### YHistoryEditorProps
 
-Extends `YjsEditorProps`, <Link href="https://docs.slate-yjs.dev/api/slate-yjs-core/history-plugin#yhistoryeditor">YHistoryEditor</Link>.
+Extends `YjsEditorProps`, [YHistoryEditor](https://docs.slate-yjs.dev/api/slate-yjs-core/history-plugin#yhistoryeditor).
 
 ### YjsEditorProps
 
-<Link href="https://docs.slate-yjs.dev/api/slate-yjs-core/yjs-plugin#yjseditor">YjsEditor API</Link>.
\ No newline at end of file
+[YjsEditor API](https://docs.slate-yjs.dev/api/slate-yjs-core/yjs-plugin#yjseditor).
diff --git a/apps/www/content/docs/components/cli.mdx b/apps/www/content/docs/components/cli.mdx
index 1dca84cf63..8fe96d40c7 100644
--- a/apps/www/content/docs/components/cli.mdx
+++ b/apps/www/content/docs/components/cli.mdx
@@ -13,7 +13,7 @@ The `init` command installs dependencies, adds the `cn` util, configures `tailwi
 npx shadcx@latest init -u https://platejs.org/r -n plate-ui
 ```
 
-If you also want to use <Link href="https://ui.shadcn.com/">shadcn/ui</Link> in your project, you can use the following command:
+If you also want to use [shadcn/ui](https://ui.shadcn.com/) in your project, you can use the following command:
 
 ```bash
 npx shadcx@latest init
@@ -103,7 +103,7 @@ npx shadcx@latest add align-dropdown-menu -c ./apps/www
 
 ## Example components.json
 
-Here's an example `components.json` file configured for <Link href="https://ui.shadcn.com/">shadcn/ui</Link> and Plate UI:
+Here's an example `components.json` file configured for [shadcn/ui](https://ui.shadcn.com/) and Plate UI:
 
 ```json
 {
diff --git a/apps/www/content/docs/components/components-json.mdx b/apps/www/content/docs/components/components-json.mdx
index b57dbd7857..27c9357f63 100644
--- a/apps/www/content/docs/components/components-json.mdx
+++ b/apps/www/content/docs/components/components-json.mdx
@@ -21,7 +21,7 @@ npx shadcx@latest init
 
 For Plate UI components, you have two options:
 
-1. Initialize both <Link href="https://ui.shadcn.com/">shadcn/ui</Link> and Plate UI:
+1. Initialize both [shadcn/ui](https://ui.shadcn.com/) and Plate UI:
    ```bash
    npx shadcx@latest init
    npx shadcx@latest init -u https://platejs.org/r -n plate-ui
@@ -32,7 +32,7 @@ For Plate UI components, you have two options:
    npx shadcx@latest init -u https://platejs.org/r -n plate-ui
    ```
 
-See the <Link href="/docs/cli">CLI section</Link> for more information.
+See the [CLI section](/docs/cli) for more information.
 
 ## $schema
 
@@ -48,7 +48,7 @@ You can see the JSON Schema for `components.json` [here](https://ui.shadcn.com/s
 
 Configuration to help the CLI understand how Tailwind CSS is set up in your project.
 
-See the <Link href="/docs/components/installation">installation section</Link> for how to set up Tailwind CSS.
+See the [installation section](/docs/components/installation) for how to set up Tailwind CSS.
 
 ### tailwind.config
 
@@ -100,7 +100,7 @@ To use utility classes for theming set `tailwind.cssVariables` to `false`. For C
 }
 ```
 
-For more information, see the <Link href="/docs/components/theming">theming docs</Link>.
+For more information, see the [theming docs](/docs/components/theming).
 
 **This cannot be changed after initialization.** To switch between CSS variables and utility classes, you'll have to delete and re-install your components.
 
@@ -191,7 +191,7 @@ Import alias for `hooks` such as `use-media-query` or `use-toast`.
 
 ## registries
 
-The `registries` section allows you to configure multiple component registries for your project. This is particularly useful when working with Plate UI components alongside the <Link href="https://ui.shadcn.com/">shadcn/ui</Link> components.
+The `registries` section allows you to configure multiple component registries for your project. This is particularly useful when working with Plate UI components alongside the [shadcn/ui](https://ui.shadcn.com/) components.
 
 ```json title="components.json"
 {
diff --git a/apps/www/content/docs/components/index.mdx b/apps/www/content/docs/components/index.mdx
index d37e77e1bd..5559acf676 100644
--- a/apps/www/content/docs/components/index.mdx
+++ b/apps/www/content/docs/components/index.mdx
@@ -25,12 +25,12 @@ Is it a replacement to shadcn/ui?
 </AccordionTrigger>
 <AccordionContent>
 
-No, it's not a replacement to <Link href="https://ui.shadcn.com/">shadcn/ui</Link>.
-Instead, Plate UI an extended collection of components built on top of <Link href="https://ui.shadcn.com/">shadcn/ui</Link> and <Link href="https://www.radix-ui.com/">Radix UI</Link>, specifically designed for **rich-text editor** design. For other parts of your app, you should continue to use other components such as <Link href="https://ui.shadcn.com/">shadcn/ui</Link>.
+No, it's not a replacement to [shadcn/ui](https://ui.shadcn.com/).
+Instead, Plate UI an extended collection of components built on top of [shadcn/ui](https://ui.shadcn.com/) and [Radix UI](https://www.radix-ui.com/), specifically designed for **rich-text editor** design. For other parts of your app, you should continue to use other components such as [shadcn/ui](https://ui.shadcn.com/).
 
-Plate UI adheres to the same conventions, usage, and patterns as <Link href="https://ui.shadcn.com/">shadcn/ui</Link>, meaning you can seamlessly integrate it with your existing <Link href="https://ui.shadcn.com/">shadcn/ui</Link> components rather than replacing them.
+Plate UI adheres to the same conventions, usage, and patterns as [shadcn/ui](https://ui.shadcn.com/), meaning you can seamlessly integrate it with your existing [shadcn/ui](https://ui.shadcn.com/) components rather than replacing them.
 
-Next to <Link href="https://ui.shadcn.com/">shadcn/ui</Link>, Plate UI is the first published component registry.
+Next to [shadcn/ui](https://ui.shadcn.com/), Plate UI is the first published component registry.
 
 </AccordionContent>
 
@@ -75,7 +75,7 @@ Which frameworks are supported?
 	Can I use this in my project?
 	</AccordionTrigger>
 	<AccordionContent>
-Yes. Free to use for personal and commercial projects. No attribution required, but sharing your editor app <Link href="https://github.com/udecode/plate/issues/818">here</Link> is appreciated!
+Yes. Free to use for personal and commercial projects. No attribution required, but sharing your editor app [here](https://github.com/udecode/plate/issues/818) is appreciated!
 
     </AccordionContent>
 
@@ -85,8 +85,8 @@ Yes. Free to use for personal and commercial projects. No attribution required,
 
 ## Credits
 
-- <Link href="https://ui.shadcn.com/">shadcn/ui</Link> - For the UI, the docs and the CLI.
-- <Link href="https://radix-ui.com">Radix UI</Link> - For the primitives.
-- <Link href="https://vercel.com">Vercel</Link> - For hosting.
-- <Link href="https://shud.in">Shu Ding</Link> - The typography style is adapted from his work on Nextra.
-- <Link href="https://cmdk.paco.me">cmdk</Link> - For the `<Command />` component.
+- [shadcn/ui](https://ui.shadcn.com/) - For the UI, the docs and the CLI.
+- [Radix UI](https://radix-ui.com) - For the primitives.
+- [Vercel](https://vercel.com) - For hosting.
+- [Shu Ding](https://shud.in) - The typography style is adapted from his work on Nextra.
+- [cmdk](https://cmdk.paco.me) - For the `<Command />` component.
diff --git a/apps/www/content/docs/components/installation/manual.mdx b/apps/www/content/docs/components/installation/manual.mdx
index d9d57ed88e..2d364a26d6 100644
--- a/apps/www/content/docs/components/installation/manual.mdx
+++ b/apps/www/content/docs/components/installation/manual.mdx
@@ -9,7 +9,7 @@ description: Add dependencies to your project manually.
 
 Components are styled using Tailwind CSS. You need to install Tailwind CSS in your project.
 
-<Link href="https://tailwindcss.com/docs/installation">Follow the Tailwind CSS installation instructions to get started.</Link>
+[Follow the Tailwind CSS installation instructions](https://tailwindcss.com/docs/installation) to get started.
 
 ### Add dependencies
 
@@ -43,7 +43,7 @@ Add the icons you'll use in `components/icons.tsx`:
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/icons.tsx" />
 
-We use icons from <Link href="https://lucide.dev">Lucide</Link>. You can use any icon library you want.
+We use icons from [Lucide](https://lucide.dev). You can use any icon library you want.
 
 ### Add components
 
diff --git a/apps/www/content/docs/components/installation/next.mdx b/apps/www/content/docs/components/installation/next.mdx
index 94edf8882a..e1e8bacfcd 100644
--- a/apps/www/content/docs/components/installation/next.mdx
+++ b/apps/www/content/docs/components/installation/next.mdx
@@ -5,7 +5,7 @@ description: Install and configure Next.js.
 
 <Callout>
 
-A <Link href="https://github.com/udecode/plate/tree/main/templates/plate-template">template</Link> is available to help you get started quickly.
+A [template](https://github.com/udecode/plate/tree/main/templates/plate-template) is available to help you get started quickly.
 
 </Callout>
 
@@ -19,7 +19,7 @@ Run the `init` command to create a new Next.js project or to setup an existing o
 npx shadcx@latest init -u https://platejs.org/r -n plate-ui
 ```
 
-If you want to use <Link href="https://ui.shadcn.com/">shadcn/ui</Link> combined with Plate UI, run instead:
+If you want to use [shadcn/ui](https://ui.shadcn.com/) combined with Plate UI, run instead:
 
 ```bash
 npx shadcx@latest init
@@ -41,7 +41,7 @@ Add the icons you'll use in `components/icons.tsx`:
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/icons.tsx" />
 
-We use icons from <Link href="https://lucide.dev">Lucide</Link>. You can use any icon library you want.
+We use icons from [Lucide](https://lucide.dev). You can use any icon library you want.
 
 ### Add components
 
diff --git a/apps/www/content/docs/components/installation/vite.mdx b/apps/www/content/docs/components/installation/vite.mdx
index 43a48430fb..5728e76a15 100644
--- a/apps/www/content/docs/components/installation/vite.mdx
+++ b/apps/www/content/docs/components/installation/vite.mdx
@@ -115,7 +115,7 @@ Add the icons you'll use in `components/icons.tsx`:
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/icons.tsx" />
 
-We use icons from <Link href="https://lucide.dev">Lucide</Link>. You can use any icon library you want.
+We use icons from [Lucide](https://lucide.dev). You can use any icon library you want.
 
 ### Add components
 
diff --git a/apps/www/content/docs/csv.mdx b/apps/www/content/docs/csv.mdx
index 9747325f73..d3e2dea22c 100644
--- a/apps/www/content/docs/csv.mdx
+++ b/apps/www/content/docs/csv.mdx
@@ -55,7 +55,7 @@ Options to be passed to the PapaParse library for parsing CSV data.
 
 - **Default:** **`{ header: true }`** (Indicating that the first row of the CSV data should be treated as a header.)
 
-Refer to <Link href="https://www.papaparse.com/docs#config">PapaParse documentation</Link> for more details about these options.
+Refer to [PapaParse documentation](https://www.papaparse.com/docs#config) for more details about these options.
 
 </APIItem>
 </APIOptions>
@@ -85,7 +85,7 @@ Options to be passed to the PapaParse library for parsing CSV data.
 
 - **Default:** **`{ header: true }`** (Indicating that the first row of the CSV data should be treated as a header.)
 
-Refer to <Link href="https://www.papaparse.com/docs#config">PapaParse documentation</Link> for more details about these options.
+Refer to [PapaParse documentation](https://www.papaparse.com/docs#config) for more details about these options.
 
 </APIItem>
 </APIParameters>
@@ -100,4 +100,4 @@ Refer to <Link href="https://www.papaparse.com/docs#config">PapaParse documentat
 
 This function creates a table representation of the CSV data. If the CSV file includes headers, they are added as the first row of the table. Each subsequent row represents the values from the CSV file. If the CSV file does not include headers, each row of data is represented as a row in the table.
 
-Please note that the function assumes the usage of specific plugins corresponding to `ParagraphPlugin.key`, `TablePlugin.key`, `TableCellHeaderPlugin.key`, `TableRowPlugin.key`, and `TableCellPlugin.key`.
\ No newline at end of file
+Please note that the function assumes the usage of specific plugins corresponding to `ParagraphPlugin.key`, `TablePlugin.key`, `TableCellHeaderPlugin.key`, `TableRowPlugin.key`, and `TableCellPlugin.key`.
diff --git a/apps/www/content/docs/debugging.mdx b/apps/www/content/docs/debugging.mdx
index 98188d5b9d..353b2a1baf 100644
--- a/apps/www/content/docs/debugging.mdx
+++ b/apps/www/content/docs/debugging.mdx
@@ -169,9 +169,9 @@ Set breakpoints in your code using browser DevTools:
 
 If you're facing a complex issue:
 
-1. Pick a [template](docs/getting-started).
+1. Pick a [template](/docs/getting-started).
 2. Add only the essential plugins and components to reproduce the issue.
-3. If the issue persists, <Link href="https://github.com/udecode/plate/issues/new?assignees=&labels=bug&projects=&template=bug.yml">open an issue on GitHub</Link> or share your example on <Link href="https://discord.gg/mAZRuBzGM3">Discord</Link>.
+3. If the issue persists, [open an issue on GitHub](https://github.com/udecode/plate/issues/new?assignees=&labels=bug&projects=&template=bug.yml) or share your example on [Discord](https://discord.gg/mAZRuBzGM3).
 
 ## Debug Error Types
 
diff --git a/apps/www/content/docs/editor-methods.mdx b/apps/www/content/docs/editor-methods.mdx
index 4e9fe08063..c052812a38 100644
--- a/apps/www/content/docs/editor-methods.mdx
+++ b/apps/www/content/docs/editor-methods.mdx
@@ -191,7 +191,7 @@ editor.setOptions(FindReplacePlugin, (draft) => {
 
 ### getOptionsStore
 
-Get the <Link href="https://github.com/udecode/zustand-x">zustand-x</Link> options store for a plugin:
+Get the [zustand-x](https://github.com/udecode/zustand-x) options store for a plugin:
 
 ```ts
 const store = editor.getOptionsStore(FindReplacePlugin);
@@ -223,7 +223,7 @@ const MyComponent = () => {
 
 ### useOptionsStore
 
-Get the <Link href="https://github.com/udecode/zustand-x">zustand-x</Link> store hook for a plugin:
+Get the [zustand-x](https://github.com/udecode/zustand-x) store hook for a plugin:
 
 ```ts
 const store = editor.useOptionsStore(FindReplacePlugin);
@@ -237,4 +237,4 @@ Update the global Plate state:
 
 ```ts
 editor.setPlateState('readOnly', true);
-```
\ No newline at end of file
+```
diff --git a/apps/www/content/docs/equation.mdx b/apps/www/content/docs/equation.mdx
index 390a1ba939..24460a757d 100644
--- a/apps/www/content/docs/equation.mdx
+++ b/apps/www/content/docs/equation.mdx
@@ -49,8 +49,8 @@ const components = {
 }
 ```
 
-- [`EquationElement`](https://pro.platejs.org/docs/components/equation-element) (Plus)
-- [`InlineEquationElement`](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
+- [EquationElement](https://pro.platejs.org/docs/components/equation-element) (Plus)
+- [InlineEquationElement](https://pro.platejs.org/docs/components/inline-equation-element) (Plus)
 
 
 {/* ### How to use
diff --git a/apps/www/content/docs/examples/version-history.mdx b/apps/www/content/docs/examples/version-history.mdx
index 4c547c438c..8d58397a50 100644
--- a/apps/www/content/docs/examples/version-history.mdx
+++ b/apps/www/content/docs/examples/version-history.mdx
@@ -3,6 +3,25 @@ title: Version History
 description: Show a diff of two different points in a Plate document's history.
 ---
 
-All of the backend setup about version history is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+## Examples
+
+### Plate UI
 
 <ComponentPreview name="version-history-demo" />
+
+### Potion
+
+- Full version history:
+  - Save document snapshots
+  - View all document versions
+  - Compare any two versions
+  - Restore previous versions
+- Visual diff comparison:
+  - Added content in green
+  - Removed content in red
+- Beautifully crafted UI
+
+Try it out. Sign in, then click on the top right clock icon:
+
+<ComponentPreviewPro name="potion-iframe-demo" />
\ No newline at end of file
diff --git a/apps/www/content/docs/getting-started.mdx b/apps/www/content/docs/getting-started.mdx
index bfe1c52db5..b3e7c68e4b 100644
--- a/apps/www/content/docs/getting-started.mdx
+++ b/apps/www/content/docs/getting-started.mdx
@@ -4,7 +4,7 @@ description: A quick tutorial to get you up and running with Plate.
 ---
 
 <Callout className="my-4">
-  Use our <Link href="/?builder=true" target="_blank">interactive builder</Link> to generate _personalized_ installation steps.
+  Use our [interactive builder](/?builder=true) to generate _personalized_ installation steps.
 </Callout>
 
 <Steps>
@@ -13,12 +13,12 @@ description: A quick tutorial to get you up and running with Plate.
 
 You can choose one of the following templates to get started:
 
-| Option                                                                                                             | NextJS |  Plate | Plugins | AI & Backend |
-| ------------------------------------------------------------------------------------------------------------------ | ------ |  ----- | ------- | --- |
-| <Link target="_blank" href="https://pro.platejs.org/docs/templates/potion">Notion clone template</Link>     | ✅      | ✅    | ✅   | ✅  |✅ |
-| <Link target="_blank" href="https://github.com/udecode/plate-playground-template">Plate playground template</Link> | ✅      | ✅    | ✅  |  |
-| <Link target="_blank" href="https://github.com/udecode/plate-template">Plate minimal template</Link>               | ✅      | ✅    |    |   |  
-| <Link target="_blank" href="/docs/components/installation/next">NextJS template</Link>                             | ✅      |       |    |  |
+| Option                                                                            | NextJS | Plate | Plugins | AI & Backend |
+| --------------------------------------------------------------------------------- | ------ | ----- | ------- | ------------ |
+| [Notion clone template](https://pro.platejs.org/docs/templates/potion)            | ✅     | ✅    | ✅      | ✅           |
+| [Plate playground template](https://github.com/udecode/plate-playground-template) | ✅     | ✅    | ✅      |              |
+| [Plate minimal template](https://github.com/udecode/plate-template)               | ✅     | ✅    |         |              |
+| [NextJS template](/docs/components/installation/next)                             | ✅     |       |         |              |
 
 For an existing project, jump to the next step.
 
@@ -40,8 +40,12 @@ npm install @udecode/plate slate slate-react slate-history slate-hyperscript rea
 
 Let's start with a minimal editor setup.
 
-```tsx showLineNumbers {4,7-9}
-import { usePlateEditor, Plate, PlateContent } from '@udecode/plate-common/react';
+```tsx showLineNumbers {1-5,11-13}
+import {
+  usePlateEditor,
+  Plate,
+  PlateContent,
+} from '@udecode/plate-common/react';
 
 export default function BasicEditor() {
   const editor = usePlateEditor();
@@ -65,7 +69,10 @@ Let's give our editor some styles: [Editor](/docs/components/editor) is a styled
 <ComponentPreview name="basic-editor-styling-demo" padding="md" />
 
 <Callout className="mt-4">
-  **Note**: `Editor` is just an example of a styled editor using Tailwind, and if you're using it, make sure to follow the installation steps in the [Manual Installation](/docs/components/installation/manual) guide. You can create your own styled version of `PlateContent`.
+  **Note**: `Editor` is just an example of a styled editor using Tailwind, and
+  if you're using it, make sure to follow the installation steps in the [Manual
+  Installation](/docs/components/installation/manual) guide. You can create your
+  own styled version of `PlateContent`.
   <ComponentSource name="editor" />
 </Callout>
 
@@ -140,15 +147,20 @@ export default function BasicEditor() {
 ### Plugins
 
 <Callout className="my-4">
-  Use our <Link href="/?builder=true" target="_blank">interactive builder</Link> to pick your plugins.
+  Use our [interactive builder](/?builder=true) to pick your plugins.
 </Callout>
 
 Let's use the basic plugins for a rich-text editor.
 
-```tsx showLineNumbers {15-23}
+```tsx showLineNumbers {20-28}
 // ...
 
-import { BoldPlugin, ItalicPlugin, UnderlinePlugin, CodePlugin } from '@udecode/plate-basic-marks/react';
+import {
+  BoldPlugin,
+  ItalicPlugin,
+  UnderlinePlugin,
+  CodePlugin,
+} from '@udecode/plate-basic-marks/react';
 import { HeadingPlugin } from '@udecode/plate-heading/react';
 import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
 import { CodeBlockPlugin } from '@udecode/plate-code-block/react';
@@ -185,7 +197,8 @@ The plugins are functioning correctly. However, since we haven't specified any c
 
 <Callout className="mt-4">
   **Note**: You don't need to add core plugins such as **`ReactPlugin`**,
-  **`HistoryPlugin`** and **`ParagraphPlugin`** as **`usePlateEditor`** already does it.
+  **`HistoryPlugin`** and **`ParagraphPlugin`** as **`usePlateEditor`** already
+  does it.
 </Callout>
 
 ### Components
@@ -193,7 +206,7 @@ The plugins are functioning correctly. However, since we haven't specified any c
 <Callout className="mt-4">
   **Note**: Plate plugins are packaged unstyled, implying that you have complete
   control over markup and styling, hence you can integrate your own design
-  system or [Plate UI](/docs/components). If using the latter, use our <Link href="/?builder=true" target="_blank">interactive builder</Link> to pick your components.
+  system or [Plate UI](/docs/components). If using the latter, use our [interactive builder](/?builder=true) to pick your components.
 </Callout>
 
 To plug-in all the components in one place, we can use the **`override.components`** option in **`usePlateEditor`**:
@@ -247,10 +260,7 @@ const htmlValue = '<p>This is <b>bold</b> and <i>italic</i> text!</p>';
 export default function BasicEditor() {
   const editor = usePlateEditor({
     value: htmlValue,
-    plugins: [
-      BoldPlugin,
-      ItalicPlugin,
-    ],
+    plugins: [BoldPlugin, ItalicPlugin],
   });
 
   return (
@@ -263,6 +273,6 @@ export default function BasicEditor() {
 
 ### That's it!
 
-You can now play around with the <Link href="/#playground">Playground</Link> and start building your own editor.
+You can now play around with the [Playground](/#playground) and start building your own editor.
 
 </Steps>
diff --git a/apps/www/content/docs/index.mdx b/apps/www/content/docs/index.mdx
index eaa6331263..bb9afc2a4c 100644
--- a/apps/www/content/docs/index.mdx
+++ b/apps/www/content/docs/index.mdx
@@ -3,7 +3,7 @@ title: Introduction
 description: The rich-text editor framework for React.
 ---
 
-Plate is a powerful toolkit that makes it easier for you to develop with <Link href="https://docs.slatejs.org/">Slate</Link>, a popular framework for building text editors. Plate focuses on four main areas: **Core**, **Plugins**, **Primitives** and **Components**.
+Plate is a powerful toolkit that makes it easier for you to develop with [Slate](https://docs.slatejs.org/), a popular framework for building text editors. Plate focuses on four main areas: **Core**, **Plugins**, **Primitives** and **Components**.
 
 ## Core
 
@@ -20,11 +20,11 @@ Plate offers a wide range of plugin packages that enhance the behavior, hooks, s
 
 ## Primitives
 
-In addition to plugins, Plate provides unstyled and accessible components based on <Link href="https://www.radix-ui.com/">Radix UI</Link>. These components serve as the foundation for building high-quality design systems.
+In addition to plugins, Plate provides unstyled and accessible components based on [Radix UI](https://www.radix-ui.com/). These components serve as the foundation for building high-quality design systems.
 
 ## Components
 
-To help you get started with a visually appealing interface, Plate offers pre-built styled components you can own using our CLI. These components, based on <Link href="https://ui.shadcn.com/">shadcn/ui</Link>, can be used as a reference or starting point for your own component library, enabling you to create a unique, accessible, and visually pleasing user interface.
+To help you get started with a visually appealing interface, Plate offers pre-built styled components you can own using our CLI. These components, based on [shadcn/ui](https://ui.shadcn.com/), can be used as a reference or starting point for your own component library, enabling you to create a unique, accessible, and visually pleasing user interface.
 
 ## FAQ
 
@@ -36,7 +36,7 @@ Which frameworks are supported?
 </AccordionTrigger>
 <AccordionContent>
 
-<Link href="https://www.npmjs.com/package/slate">Slate</Link> and <Link href="https://www.npmjs.com/package/slate-react">Slate React</Link>.
+[Slate](https://www.npmjs.com/package/slate) and [Slate React](https://www.npmjs.com/package/slate-react).
 
 </AccordionContent>
 </AccordionItem>
@@ -46,7 +46,7 @@ Which frameworks are supported?
 	Can I use this in my project?
 	</AccordionTrigger>
 	<AccordionContent>
-Yes. Free to use for personal and commercial projects. No attribution required, but sharing your editor app <Link href="https://github.com/udecode/plate/discussions/2523">here</Link> is appreciated!
+Yes. Free to use for personal and commercial projects. No attribution required, but sharing your editor app [here](https://github.com/udecode/plate/discussions/2523) is appreciated!
 
     </AccordionContent>
 
@@ -56,8 +56,8 @@ Yes. Free to use for personal and commercial projects. No attribution required,
 
 ## Credits
 
-- <Link href="https://ui.shadcn.com/">shadcn/ui</Link> - For the UI, the docs and the CLI.
-- <Link href="https://radix-ui.com">Radix UI</Link> - For the primitives.
-- <Link href="https://vercel.com">Vercel</Link> - For hosting.
-- <Link href="https://shud.in">Shu Ding</Link> - The typography style is adapted from his work on <Link href="https://nextra.site">Nextra</Link>.
-- <Link href="https://cmdk.paco.me">cmdk</Link> - For the `<Command />` component.
+- [shadcn/ui](https://ui.shadcn.com/) - For the UI, the docs and the CLI.
+- [Radix UI](https://radix-ui.com) - For the primitives.
+- [Vercel](https://vercel.com) - For hosting.
+- [Shu Ding](https://shud.in) - The typography style is adapted from his work on [Nextra](https://nextra.site).
+- [cmdk](https://cmdk.paco.me) - For the `<Command />` component.
diff --git a/apps/www/content/docs/media-placeholder.mdx b/apps/www/content/docs/media-placeholder.mdx
index b0467fb8e2..64af920cfc 100644
--- a/apps/www/content/docs/media-placeholder.mdx
+++ b/apps/www/content/docs/media-placeholder.mdx
@@ -48,7 +48,7 @@ const components = {
 };
 ```
 
-- [`MediaPlaceholderElement`](https://pro.platejs.org/docs/components/media-placeholder-element) (Plus)
+- [MediaPlaceholderElement](https://pro.platejs.org/docs/components/media-placeholder-element) (Plus)
 
 ## Examples
 
diff --git a/apps/www/content/docs/playwright.mdx b/apps/www/content/docs/playwright.mdx
index f6adbd555f..756043b52a 100644
--- a/apps/www/content/docs/playwright.mdx
+++ b/apps/www/content/docs/playwright.mdx
@@ -146,7 +146,7 @@ The best workaround is to interact with the editor in the same way that a user w
 
 If this isn't practical, you can instead call a method on the `editor` object inside an `evaluate` or `evaluateHandle`. (Use `evaluateHandle` if you need to return a reference to a DOM node or a JavaScript object from the browser. Use `evaluate` if you need to return a serialized copy of a JavaScript object, or if you don't need to return any value.)
 
-Note that while these queries and transforms can't be directly used in Playwright tests, they are available when working with the editor instance in your application code. For more information on how to use these methods in your application, refer to the <Link href="/docs/editor-methods">Editor Methods</Link> documentation.
+Note that while these queries and transforms can't be directly used in Playwright tests, they are available when working with the editor instance in your application code. For more information on how to use these methods in your application, refer to the [Editor Methods](/docs/editor-methods) documentation.
 
 See [Playwright's docs](https://playwright.dev/docs/evaluating) for more information about `evaluate` and `evaluateHandle`.
 
@@ -292,4 +292,4 @@ The path to the node.
 <APIItem type="string">
 The type of the node at the specified path.
 </APIItem>
-</APIReturns>
\ No newline at end of file
+</APIReturns>
diff --git a/apps/www/content/docs/plugin.mdx b/apps/www/content/docs/plugin.mdx
index e285f7a1bc..3fdf98b555 100644
--- a/apps/www/content/docs/plugin.mdx
+++ b/apps/www/content/docs/plugin.mdx
@@ -168,7 +168,7 @@ A paragraph node affected by the above plugin would look like this:
 
 Occasionally, you'll need to override the built-in editor methods provided by Slate to work around bugs or add complex functionality. To do this, you can use the `extendEditor` plugin option to directly mutate properties of the `editor` object after its creation.
 
-One common application of this technique is to create custom <Link href="https://docs.slatejs.org/concepts/11-normalizing">normalizers</Link>.
+One common application of this technique is to create custom [normalizers](https://docs.slatejs.org/concepts/11-normalizing).
 
 ```ts showLineNumbers {20}
 const CustomNormalizerPlugin = createPlatePlugin({
diff --git a/apps/www/content/docs/tabbable.mdx b/apps/www/content/docs/tabbable.mdx
index a63e37595e..347a11d76c 100644
--- a/apps/www/content/docs/tabbable.mdx
+++ b/apps/www/content/docs/tabbable.mdx
@@ -58,7 +58,7 @@ query: (editor) => !!findNode(editor, {
 
 ### Non-void Slate nodes
 
-One `TabbableEntry` will be created for each tabbable DOM element in the editor, as determined using the <Link href="https://www.npmjs.com/package/tabbable">tabbable</Link> NPM package. The list of tabbables is then filtered using `isTabbable`.
+One `TabbableEntry` will be created for each tabbable DOM element in the editor, as determined using the [tabbable](https://www.npmjs.com/package/tabbable) NPM package. The list of tabbables is then filtered using `isTabbable`.
 
 By default, `isTabbable` only returns true for entries inside void Slate nodes. You can override `isTabbable` to add support for DOM elements contained in other types of Slate node.
 
diff --git a/apps/www/content/docs/toc.mdx b/apps/www/content/docs/toc.mdx
index 1124a5b390..b3e065c3e8 100644
--- a/apps/www/content/docs/toc.mdx
+++ b/apps/www/content/docs/toc.mdx
@@ -53,7 +53,7 @@ const components = {
 };
 ```
 
-- [`TocElement`](/docs/components/toc-element)
+- [TocElement](/docs/components/toc-element)
 
 ### Set scroll container
 
diff --git a/apps/www/content/docs/upload.mdx b/apps/www/content/docs/upload.mdx
index 44d9540bb1..af6ff194cd 100644
--- a/apps/www/content/docs/upload.mdx
+++ b/apps/www/content/docs/upload.mdx
@@ -12,7 +12,7 @@ docs:
 
 ## Features
 
-- Integration with [UploadThing](https://uploadthing.com/) for better DX
+- Integration with [UploadThing](https://uploadthing.com/)
 - Support for various media types: images, videos, audio, and files
 {/* - Multiple upload methods:
   - Drag & drop files from your computer
@@ -57,3 +57,7 @@ For more details on setting up UploadThing, refer to their [documentation](https
 ### Plate UI
 
 Work in progress.
+
+### Plate Plus
+
+Refer to the preview above.
\ No newline at end of file
diff --git a/apps/www/contentlayer.config.js b/apps/www/contentlayer.config.js
index 94dc5fae42..a7b0a2333c 100644
--- a/apps/www/contentlayer.config.js
+++ b/apps/www/contentlayer.config.js
@@ -181,7 +181,8 @@ export default makeSource({
         {
           properties: {
             ariaLabel: 'Link to section',
-            className: ['subheading-anchor'],
+            className: ['subheading-anchor group/subheading'],
+            'data-empty': 'true',
           },
         },
       ],
diff --git a/apps/www/public/r/styles/default/potion-iframe-demo.json b/apps/www/public/r/styles/default/potion-iframe-demo.json
new file mode 100644
index 0000000000..d8d16f2fd2
--- /dev/null
+++ b/apps/www/public/r/styles/default/potion-iframe-demo.json
@@ -0,0 +1,12 @@
+{
+  "files": [
+    {
+      "content": "import { siteConfig } from '@/config/site';\nimport { cn } from '@/lib/utils';\n\nexport default function PotionIframeDemo() {\n  return (\n    <iframe\n      id=\"potion_iframe\"\n      className=\"h-[800px] w-full rounded-lg border\"\n      title=\"potion\"\n      src=\"https://potion.platejs.org?iframe=true\"\n    />\n  );\n}\n",
+      "path": "example/potion-iframe-demo.tsx",
+      "target": "components/potion-iframe-demo.tsx",
+      "type": "registry:example"
+    }
+  ],
+  "name": "potion-iframe-demo",
+  "type": "registry:example"
+}
\ No newline at end of file
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 5a6cf1e34d..bc44ae5492 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -965,6 +965,18 @@ export const Index: Record<string, any> = {
       subcategory: "",
       chunks: []
     },
+    "potion-iframe-demo": {
+      name: "potion-iframe-demo",
+      description: "",
+      type: "registry:example",
+      registryDependencies: undefined,
+      files: ["registry/default/example/potion-iframe-demo.tsx"],
+      component: React.lazy(() => import("@/registry/default/example/potion-iframe-demo.tsx")),
+      source: "",
+      category: "",
+      subcategory: "",
+      chunks: []
+    },
     "editor-default": {
       name: "editor-default",
       description: "",
diff --git a/apps/www/src/app/(app)/_components/potion-tab.tsx b/apps/www/src/app/(app)/_components/potion-tab.tsx
deleted file mode 100644
index 383c83a0e5..0000000000
--- a/apps/www/src/app/(app)/_components/potion-tab.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-
-export default function PotionTab() {
-  const [scrollPosition, setScrollPosition] = useState(window.scrollY);
-
-  useEffect(() => {
-    const handleScroll = () => {
-      if (window.scrollY === 0) return;
-
-      setScrollPosition(window.scrollY);
-    };
-
-    document.addEventListener('scroll', handleScroll);
-
-    return () => {
-      document.removeEventListener('scroll', handleScroll);
-    };
-  }, []);
-
-  useEffect(() => {
-    const handleMessage = (event: MessageEvent) => {
-      if (event.data === 'iframe_selection_area_added') {
-        if (scrollPosition <= 0) return;
-
-        document.body.style.overflow = 'hidden';
-        document.body.style.position = 'fixed';
-        document.body.style.top = `-${scrollPosition}px`;
-        document.body.style.width = '100%';
-      }
-      if (event.data === 'iframe_selection_area_removed') {
-        document.body.style.overflow = '';
-        document.body.style.position = '';
-        document.body.style.top = '';
-        document.body.style.width = '';
-
-        window.scrollTo(0, scrollPosition);
-      }
-    };
-    window.addEventListener('message', handleMessage);
-
-    return () => {
-      window.removeEventListener('message', handleMessage);
-    };
-  }, [scrollPosition]);
-
-  return (
-    <iframe
-      id="potion_iframe"
-      className="h-[800px] w-full rounded-lg border"
-      title="potion"
-      src="https://potion.platejs.org/ai-menu/?iframe=true"
-    />
-  );
-}
diff --git a/apps/www/src/components/code-block-wrapper.tsx b/apps/www/src/components/code-block-wrapper.tsx
index c26701b8d2..90a69dfe2c 100644
--- a/apps/www/src/components/code-block-wrapper.tsx
+++ b/apps/www/src/components/code-block-wrapper.tsx
@@ -20,7 +20,7 @@ interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {
 export function CodeBlockWrapper({
   children,
   className,
-  expandButtonTitle = 'View Code',
+  expandButtonTitle = 'Expand',
   open = false,
   ...props
 }: CodeBlockProps) {
@@ -30,7 +30,7 @@ export function CodeBlockWrapper({
     <Collapsible open={isOpened} onOpenChange={setIsOpened}>
       <div className={cn('relative overflow-hidden', className)} {...props}>
         <CollapsibleContent
-          className={cn('overflow-hidden', !isOpened && 'max-h-32')}
+          className={cn('overflow-hidden', !isOpened && 'max-h-72')}
           forceMount
         >
           <div
@@ -44,12 +44,12 @@ export function CodeBlockWrapper({
         </CollapsibleContent>
         <div
           className={cn(
-            'absolute flex items-center justify-center bg-gradient-to-b from-zinc-700/30 to-zinc-950/90 px-2 py-1',
-            isOpened ? 'inset-x-0 bottom-0 h-12' : 'inset-0'
+            'absolute flex items-center justify-center bg-gradient-to-b from-background/10 to-background to-90% px-2 py-1',
+            isOpened ? 'inset-x-0 bottom-0 h-12 from-gray-900/30' : 'inset-0 '
           )}
         >
           <CollapsibleTrigger asChild>
-            <Button variant="secondary" className="h-8 text-xs">
+            <Button variant="secondary" className="mb-8 h-8 text-xs">
               {isOpened ? 'Collapse' : expandButtonTitle}
             </Button>
           </CollapsibleTrigger>
diff --git a/apps/www/src/components/component-preview-pro.tsx b/apps/www/src/components/component-preview-pro.tsx
index 8e03a1c593..578594c686 100644
--- a/apps/www/src/components/component-preview-pro.tsx
+++ b/apps/www/src/components/component-preview-pro.tsx
@@ -108,7 +108,6 @@ export function ComponentPreviewPro({
                 />
                 Get the code -&gt;
               </Link>
-              {/* <Button className="mb-2 h-8"></Button> */}
             </TabsList>
           )}
         </div>
@@ -118,16 +117,6 @@ export function ComponentPreviewPro({
               <StyleSwitcher />
 
               <div className="flex items-center gap-2">
-                {/* {config.style === "default" && description ? ( */}
-                {/*  <V0Button */}
-                {/*    block={{ */}
-                {/*      code: codeString, */}
-                {/*      name, */}
-                {/*      style: config.style, */}
-                {/*      description, */}
-                {/*    }} */}
-                {/*  /> */}
-                {/* ) : null} */}
                 <CopyButton
                   variant="outline"
                   className="size-7 text-foreground opacity-100 hover:bg-muted hover:text-foreground [&_svg]:size-3.5"
@@ -159,13 +148,6 @@ export function ComponentPreviewPro({
             </div>
           </React.Suspense>
         </TabsContent>
-        <TabsContent value="code">
-          <div className="flex flex-col space-y-4">
-            <div className="w-full rounded-md [&_pre]:my-0 [&_pre]:max-h-[350px] [&_pre]:overflow-auto">
-              <div className="min-h-[350px] ">Upgrade to Pro</div>
-            </div>
-          </div>
-        </TabsContent>
       </Tabs>
     </div>
   );
diff --git a/apps/www/src/components/component-source.tsx b/apps/www/src/components/component-source.tsx
index 2b9f29205c..a253aa62ff 100644
--- a/apps/www/src/components/component-source.tsx
+++ b/apps/www/src/components/component-source.tsx
@@ -33,7 +33,7 @@ export function ComponentSource({
         <Button
           size="none"
           variant="ghost"
-          className="w-fit select-auto px-4 py-1 text-sm font-medium text-foreground"
+          className="mb-0.5 w-fit select-auto px-4 py-1 text-sm font-medium text-foreground"
           onClick={() => {
             copyToClipboard(displaySrc, {
               tooltip: 'Copied to clipboard',
diff --git a/apps/www/src/components/icons.tsx b/apps/www/src/components/icons.tsx
index 1c87699bf4..130c6bd685 100644
--- a/apps/www/src/components/icons.tsx
+++ b/apps/www/src/components/icons.tsx
@@ -13,6 +13,7 @@ import {
   AlignRight,
   ArrowLeft,
   ArrowRight,
+  ArrowUpRight,
   BadgeHelp,
   Baseline,
   Bold,
@@ -396,6 +397,7 @@ export const Icons = {
   arrowDown: ChevronDown,
   arrowLeft: ArrowLeft,
   arrowRight: ArrowRight,
+  arrowUpRight: ArrowUpRight,
   attachment: Paperclip,
   bg: PaintBucket,
   blockquote: Quote,
diff --git a/apps/www/src/components/link.tsx b/apps/www/src/components/link.tsx
index 3084124022..9945a38149 100644
--- a/apps/www/src/components/link.tsx
+++ b/apps/www/src/components/link.tsx
@@ -1,21 +1,35 @@
 import * as React from 'react';
 
 import { cn } from '@udecode/cn';
+import { ArrowUpRight } from 'lucide-react';
 import LinkPrimitive from 'next/link';
 
 export function Link({
   className,
   ...props
 }: React.ComponentProps<typeof LinkPrimitive>) {
+  const isExternal =
+    typeof props.href === 'string' && props.href.startsWith('http');
+
   return (
     <LinkPrimitive
-      className={cn('font-medium underline underline-offset-4', className)}
-      target={
-        typeof props.href === 'string' && props.href.startsWith('http')
-          ? '_blank'
-          : undefined
-      }
+      className={cn(
+        'relative font-medium',
+        !isExternal && 'underline underline-offset-4',
+        isExternal &&
+          'hover:after:absolute hover:after:bottom-0 hover:after:left-0 hover:after:h-[1.5px] hover:after:w-[calc(100%-2px)] hover:after:bg-primary',
+        // 'relative font-medium text-blue-600 hover:after:absolute hover:after:bottom-0 hover:after:left-0 hover:after:h-[1.5px] hover:after:w-[calc(100%-2px)] hover:after:bg-brand',
+        className
+      )}
+      target={isExternal ? '_blank' : undefined}
       {...props}
-    />
+    >
+      {props.children}
+      {isExternal && (
+        <span className="inline-flex group-data-[empty=true]/subheading:hidden">
+          <ArrowUpRight className="size-[14px]" />
+        </span>
+      )}
+    </LinkPrimitive>
   );
 }
diff --git a/apps/www/src/components/main-nav.tsx b/apps/www/src/components/main-nav.tsx
index 3f23f753d3..7c5179d695 100644
--- a/apps/www/src/components/main-nav.tsx
+++ b/apps/www/src/components/main-nav.tsx
@@ -47,11 +47,12 @@ export function MainNav() {
         </Link>
         <Link
           className={cn(
-            'text-foreground/60 transition-colors hover:text-foreground/80'
+            'relative text-foreground/60 transition-colors hover:text-foreground/80'
           )}
           href={siteConfig.links.platePro}
         >
           Templates
+          <Icons.arrowUpRight className="absolute -right-3 top-0 size-2.5 text-muted-foreground" />
         </Link>
       </nav>
     </div>
diff --git a/apps/www/src/components/mdx-components.tsx b/apps/www/src/components/mdx-components.tsx
index b36874345e..219feae7e9 100644
--- a/apps/www/src/components/mdx-components.tsx
+++ b/apps/www/src/components/mdx-components.tsx
@@ -125,7 +125,6 @@ const components = {
       </TableRow>
     );
   },
-  Link,
   LinkedCard: ({ className, ...props }: React.ComponentProps<typeof Link>) => (
     <Link
       className={cn(
@@ -177,7 +176,7 @@ const components = {
       {...props}
     />
   ),
-  a: Typography.A,
+  a: Link,
   blockquote: Typography.Blockquote,
   code: Code,
   h1: Typography.H1,
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index 37275f119a..c92560a59b 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -5,6 +5,7 @@ import type { Style } from '@/registry/registry-styles';
 import type { NpmCommands } from '@/types/unist';
 
 import { cn } from '@udecode/cn';
+import { ArrowUpRight } from 'lucide-react';
 
 import { CopyButton, CopyNpmCommandButton } from './copy-button';
 import { StyleWrapper } from './style-wrapper';
@@ -28,7 +29,7 @@ export const H2 = ({
 }: React.HTMLAttributes<HTMLHeadingElement>) => (
   <h2
     className={cn(
-      'mt-12 scroll-m-20 pb-2 font-heading text-2xl font-semibold tracking-tight first:mt-0',
+      'mt-12 scroll-m-20 border-b pb-2 font-heading text-2xl font-semibold tracking-tight first:mt-0',
       className
     )}
     {...props}
@@ -87,21 +88,6 @@ export const H6 = ({
   />
 );
 
-export const A = ({
-  className,
-  ...props
-}: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (
-  <a
-    className={cn('font-medium underline underline-offset-4', className)}
-    target={
-      typeof props.href === 'string' && props.href.startsWith('http')
-        ? '_blank'
-        : undefined
-    }
-    {...props}
-  />
-);
-
 export const P = ({
   className,
   ...props
@@ -116,7 +102,7 @@ export const UL = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLUListElement>) => (
-  <ul className={cn('my-4 ml-6 list-disc [&_ul]:my-2', className)} {...props} />
+  <ul className={cn('my-4 ml-6 list-disc', className)} {...props} />
 );
 
 export const OL = ({
@@ -160,14 +146,8 @@ export const Table = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLTableElement>) => (
-  <div className="my-6 w-full overflow-y-auto rounded-lg">
-    <table
-      className={cn(
-        'relative w-full overflow-hidden text-sm after:absolute after:inset-0 after:rounded-lg after:ring-1 after:ring-border',
-        className
-      )}
-      {...props}
-    />
+  <div className="my-6 w-full overflow-y-auto">
+    <table className={cn('relative w-full text-sm', className)} {...props} />
   </div>
 );
 
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index a22e58d1ca..bc0b01e985 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -400,7 +400,6 @@ export const docsConfig: DocsConfig = {
         {
           href: '/docs/media',
           label: 'Element',
-          new: true,
           title: 'Media',
         },
         {
@@ -444,6 +443,11 @@ export const docsConfig: DocsConfig = {
           label: 'New',
           title: 'Upload',
         },
+        {
+          href: '/docs/examples/version-history',
+          label: 'New',
+          title: 'Version History',
+        },
         {
           href: '/docs/examples/editable-voids',
           title: 'Editable Voids',
@@ -464,10 +468,6 @@ export const docsConfig: DocsConfig = {
           href: '/docs/examples/preview-markdown',
           title: 'Preview Markdown',
         },
-        {
-          href: '/docs/examples/version-history',
-          title: 'Version History',
-        },
         {
           href: '/docs/examples/server',
           title: 'Server-Side',
diff --git a/apps/www/src/registry/default/example/potion-iframe-demo.tsx b/apps/www/src/registry/default/example/potion-iframe-demo.tsx
new file mode 100644
index 0000000000..9d99c42210
--- /dev/null
+++ b/apps/www/src/registry/default/example/potion-iframe-demo.tsx
@@ -0,0 +1,9 @@
+export default function PotionIframeDemo() {
+  return (
+    <iframe
+      className="h-[800px] w-full rounded-lg border"
+      title="potion"
+      src="https://potion.platejs.org/?iframe=true"
+    />
+  );
+}
diff --git a/apps/www/src/registry/default/example/version-history-demo.tsx b/apps/www/src/registry/default/example/version-history-demo.tsx
index ceee217f8e..7080560059 100644
--- a/apps/www/src/registry/default/example/version-history-demo.tsx
+++ b/apps/www/src/registry/default/example/version-history-demo.tsx
@@ -274,7 +274,7 @@ function Diff({ current, previous }: DiffProps) {
         editor={editor}
       />
 
-      <pre>{JSON.stringify(diffValue, null, 2)}</pre>
+      {/* <pre>{JSON.stringify(diffValue, null, 2)}</pre> */}
     </>
   );
 }
diff --git a/apps/www/src/registry/registry-examples.ts b/apps/www/src/registry/registry-examples.ts
index e05700e49e..bf82bdef1e 100644
--- a/apps/www/src/registry/registry-examples.ts
+++ b/apps/www/src/registry/registry-examples.ts
@@ -6,6 +6,11 @@ export const examples: Registry = [
     name: 'pro-iframe-demo',
     type: 'registry:example',
   },
+  {
+    files: ['example/potion-iframe-demo.tsx'],
+    name: 'potion-iframe-demo',
+    type: 'registry:example',
+  },
   {
     files: ['example/editor-default.tsx'],
     name: 'editor-default',
diff --git a/packages/core/src/react/components/DefaultLeaf.tsx b/packages/core/src/react/components/DefaultLeaf.tsx
index 421e3c2946..08c0f66518 100644
--- a/packages/core/src/react/components/DefaultLeaf.tsx
+++ b/packages/core/src/react/components/DefaultLeaf.tsx
@@ -2,18 +2,6 @@ import React from 'react';
 
 import type { PlateRenderLeafProps } from '../plugin/PlateRenderLeafProps';
 
-export function DefaultLeaf({
-  attributes,
-  children,
-  editor,
-  leaf,
-  nodeProps,
-  text,
-  ...props
-}: PlateRenderLeafProps) {
-  return (
-    <span {...attributes} {...props}>
-      {children}
-    </span>
-  );
+export function DefaultLeaf({ attributes, children }: PlateRenderLeafProps) {
+  return <span {...attributes}>{children}</span>;
 }
diff --git a/packages/core/src/react/utils/pipeRenderElement.tsx b/packages/core/src/react/utils/pipeRenderElement.tsx
index 8bae34cf37..4f0bf622e3 100644
--- a/packages/core/src/react/utils/pipeRenderElement.tsx
+++ b/packages/core/src/react/utils/pipeRenderElement.tsx
@@ -38,6 +38,10 @@ export const pipeRenderElement = (
       return renderElementProp(props);
     }
 
-    return <DefaultElement {...props} />;
+    return (
+      <DefaultElement attributes={props.attributes} element={props.element}>
+        {props.children}
+      </DefaultElement>
+    );
   };
 };

From 3de57ce5857a159f19e719476e0c6fd809aee9e7 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Thu, 24 Oct 2024 03:22:25 +0200
Subject: [PATCH 106/127] docs

---
 apps/www/content/docs/ai.mdx                  |   2 +
 apps/www/package.json                         |   1 +
 .../playground-insert-dropdown-menu.tsx       |  44 ++---
 apps/www/src/components/typography.tsx        |   1 -
 .../plate/demo/values/usePlaygroundValue.ts   |   6 +-
 .../default/example/playground-demo.tsx       |   6 +-
 .../src/registry/default/plate-ui/ai-menu.tsx | 152 +++++++++++-------
 packages/ai/src/react/ai-chat/AIChatPlugin.ts |   8 +-
 .../ai-chat/utils/getLastAssistantMessage.ts  |   2 +-
 .../ai/src/react/ai-chat/utils/resetAIChat.ts |   4 +-
 .../src/react/ai-chat/utils/submitAIChat.ts   |   6 +-
 yarn.lock                                     |   1 +
 12 files changed, 133 insertions(+), 100 deletions(-)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 14a33d7e1a..151f0c7e8a 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -6,6 +6,8 @@ docs:
     title: AI Menu
 ---
 
+{/* <ComponentPreview name="playground-demo" id="ai" /> */}
+
 <ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
 
 <PackageInfo>
diff --git a/apps/www/package.json b/apps/www/package.json
index 8a2269cb0a..6a37e81bcc 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -131,6 +131,7 @@
     "@udecode/slate-utils": "workspace:^",
     "@udecode/utils": "workspace:^",
     "@vercel/og": "^0.6.2",
+    "ai": "^3.4.10",
     "class-variance-authority": "^0.7.0",
     "cmdk": "^1.0.0",
     "contentlayer2": "^0.4.6",
diff --git a/apps/www/src/components/plate-ui/playground-insert-dropdown-menu.tsx b/apps/www/src/components/plate-ui/playground-insert-dropdown-menu.tsx
index cc183e571e..2e84e785a9 100644
--- a/apps/www/src/components/plate-ui/playground-insert-dropdown-menu.tsx
+++ b/apps/www/src/components/plate-ui/playground-insert-dropdown-menu.tsx
@@ -197,11 +197,6 @@ export function PlaygroundInsertDropdownMenu(props: DropdownMenuProps) {
                     className="min-w-[180px]"
                     onSelect={async () => {
                       switch (type) {
-                        case ColumnPlugin.key: {
-                          insertColumnGroup(editor);
-
-                          break;
-                        }
                         case CodeBlockPlugin.key: {
                           insertEmptyCodeBlock(editor, {
                             insertNodesOptions: { select: true },
@@ -209,6 +204,11 @@ export function PlaygroundInsertDropdownMenu(props: DropdownMenuProps) {
 
                           break;
                         }
+                        case ColumnPlugin.key: {
+                          insertColumnGroup(editor);
+
+                          break;
+                        }
                         case ImagePlugin.key: {
                           await insertMedia(editor, {
                             select: true,
@@ -217,6 +217,11 @@ export function PlaygroundInsertDropdownMenu(props: DropdownMenuProps) {
 
                           break;
                         }
+                        case LinkPlugin.key: {
+                          triggerFloatingLink(editor, { focused: true });
+
+                          break;
+                        }
                         case MediaEmbedPlugin.key: {
                           await insertMedia(editor, {
                             select: true,
@@ -225,8 +230,18 @@ export function PlaygroundInsertDropdownMenu(props: DropdownMenuProps) {
 
                           break;
                         }
-                        case 'ul':
-                        case 'ol': {
+                        case TablePlugin.key: {
+                          insertTable(editor, {}, { select: true });
+
+                          break;
+                        }
+                        case TocPlugin.key: {
+                          insertToc(editor);
+
+                          break;
+                        }
+                        case 'ol':
+                        case 'ul': {
                           insertEmptyElement(editor, ParagraphPlugin.key, {
                             nextBlock: true,
                             select: true,
@@ -244,21 +259,6 @@ export function PlaygroundInsertDropdownMenu(props: DropdownMenuProps) {
 
                           break;
                         }
-                        case TablePlugin.key: {
-                          insertTable(editor, {}, { select: true });
-
-                          break;
-                        }
-                        case LinkPlugin.key: {
-                          triggerFloatingLink(editor, { focused: true });
-
-                          break;
-                        }
-                        case TocPlugin.key: {
-                          insertToc(editor);
-
-                          break;
-                        }
                         default: {
                           insertEmptyElement(editor, type, {
                             nextBlock: true,
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index c92560a59b..90779355f4 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -5,7 +5,6 @@ import type { Style } from '@/registry/registry-styles';
 import type { NpmCommands } from '@/types/unist';
 
 import { cn } from '@udecode/cn';
-import { ArrowUpRight } from 'lucide-react';
 
 import { CopyButton, CopyNpmCommandButton } from './copy-button';
 import { StyleWrapper } from './style-wrapper';
diff --git a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
index 46456f8ee3..80dab4b80e 100644
--- a/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
+++ b/apps/www/src/lib/plate/demo/values/usePlaygroundValue.ts
@@ -6,7 +6,6 @@ import { settingsStore } from '@/components/context/settings-store';
 import { type ValueId, customizerPlugins } from '@/config/customizer-plugins';
 import { mapNodeId } from '@/plate/demo/mapNodeId';
 
-import { aiValue } from './aiValue';
 import { alignValue } from './alignValue';
 import { autoformatValue } from './autoformatValue';
 import { basicElementsValue } from './basicElementsValue';
@@ -74,8 +73,11 @@ export const usePlaygroundValue = (id?: ValueId): MyValue => {
 
     // TOC
     if (enabled.toc) value.push(...tocPlaygroundValue);
+
     // AI
-    if (enabled.ai) value.push(...aiValue);
+    value.push({ children: [{ text: 'AI' }], type: 'h1' });
+
+    // if (enabled.ai) value.push(...aiValue);
     if (enabled.copilot) value.push(...copilotValue);
 
     // Standard Markdown nodes
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 5371231218..3aca32a872 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -85,7 +85,7 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
-import { renderAIAboveNodes } from '@/registry/default/plate-ui/ai-menu';
+import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
 import { BlockContextMenu } from '@/registry/default/plate-ui/block-context-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
@@ -131,9 +131,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         //ai
         AIPlugin,
         AIChatPlugin.configure({
-          render: {
-            aboveNodes: renderAIAboveNodes,
-          },
+          render: { afterEditable: () => <AIMenu /> },
         }),
         copilotPlugin,
         // Nodes
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 38b74f8a42..cc3daa8bf2 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -1,87 +1,117 @@
 import * as React from 'react';
 
+import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
 import {
-  type NodeWrapperComponent,
+  toDOMNode,
   useEditorPlugin,
-  useElement,
+  useHotkeys,
 } from '@udecode/plate-common/react';
-
-export const renderAIAboveNodes: NodeWrapperComponent<any> = () => AIPopover;
-
-import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
-import { getAncestorNode } from '@udecode/plate-common';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import { type TElement, type TNodeEntry, isElementEmpty } from '@udecode/slate';
 import {
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-} from 'cmdk';
+  getAncestorNode,
+  getBlocks,
+  isSelectionAtBlockEnd,
+} from '@udecode/slate-utils';
+import { useChat } from 'ai/react';
 import {
   Calculator,
   Calendar,
-  Command,
   CreditCard,
   Settings,
   Smile,
   User,
 } from 'lucide-react';
 
-import { CommandShortcut } from './command';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
+} from './command';
 import { Popover, PopoverAnchor, PopoverContent } from './popover';
 
-const AIPopover = ({ children, element }: { children: React.ReactNode, element: any }) => {
+export function AIMenu() {
   const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);
-  const isOpen = useOption('open');
-  console.log("🚀 ~ AIPopover ~ isOpen:", isOpen)
-
-
-  // const chat = useChat({
-  //   id: 'editor',
-  //   api: '/api/ai/command',
-  // });
-  // const { input, isLoading, messages, setInput } = chat;
-
-
-  // useEditorChat({
-  //   chat,
-  //   onOpenBlockSelection: (blocks: TNodeEntry[]) => {
-  //   },
-  //   onOpenChange: (open) => {
-  //   },
-  //   onOpenCursor: () => {
-  //   },
-  //   onOpenSelection: () => {
-  //   },
-  // });
-
-
-  const anchorId = React.useMemo(() => {
-    if (!isOpen) return null;
-
-    const ancestorNode = getAncestorNode(editor)!;
-    // console.log('🚀 ~ anchorId ~ ancestorNode:', ancestorNode);
-
-    return ancestorNode?.[0]?.id;
-  }, [editor, isOpen]);
+  const open = useOption('open');
+
+  const chat = useChat({
+    id: 'editor',
+    api: 'https://pro.platejs.org/api/ai/command',
+  });
+  const { input, isLoading, messages, setInput } = chat;
+  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(
+    null
+  );
 
-  console.log('🚀 ~ anchorId:', anchorId);
+  const setOpen = (open: boolean) => {
+    if (open) {
+      api.aiChat.show();
+    } else {
+      api.aiChat.hide();
+    }
+  };
+
+  const show = (anchorElement: HTMLElement) => {
+    setAnchorElement(anchorElement);
+    setOpen(true);
+  };
+
+  useEditorChat({
+    chat,
+    onOpenBlockSelection: (blocks: TNodeEntry[]) => {
+      show(toDOMNode(editor, blocks.at(-1)![0])!);
+    },
+    onOpenChange: (open) => {
+      if (!open) {
+        setAnchorElement(null);
+        setInput('');
+      }
+    },
+    onOpenCursor: () => {
+      const ancestor = getAncestorNode(editor)?.[0] as TElement;
+
+      if (!isSelectionAtBlockEnd(editor) && !isElementEmpty(editor, ancestor)) {
+        editor
+          .getApi(BlockSelectionPlugin)
+          .blockSelection.addSelectedRow(ancestor.id as string);
+      }
+
+      show(toDOMNode(editor, ancestor)!);
+    },
+    onOpenSelection: () => {
+      show(toDOMNode(editor, getBlocks(editor).at(-1)![0])!);
+    },
+  });
+
+  useHotkeys(
+    'meta+j',
+    () => {
+      api.aiChat.show();
+    },
+    { enableOnContentEditable: true, enableOnFormTags: true }
+  );
 
-  if (anchorId !== element.id) return children;
+  useHotkeys('escape', () => {
+    if (isLoading) {
+      api.aiChat.stop();
+    } else {
+      api.aiChat.hide();
+    }
+  });
 
   return (
-    <Popover open={isOpen} modal={false}>
-      <PopoverAnchor>{children}</PopoverAnchor>
+    <Popover open={open} onOpenChange={setOpen} modal={false}>
+      <PopoverAnchor virtualRef={{ current: anchorElement }} />
+
       <PopoverContent
-        className="w-[200px] p-0"
-        onEscapeKeyDown={() => {
-          // api.ai.dismiss();
-        }}
-        onFocusOutside={() => {
-          // api.ai.dismiss();
-        }}
+        className="w-[200px] bg-popover p-0"
         align="start"
+        avoidCollisions={false}
         contentEditable={false}
         side="bottom"
       >
@@ -126,4 +156,4 @@ const AIPopover = ({ children, element }: { children: React.ReactNode, element:
       </PopoverContent>
     </Popover>
   );
-};
+}
diff --git a/packages/ai/src/react/ai-chat/AIChatPlugin.ts b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
index 9e5d67bcad..49c8cb5f54 100644
--- a/packages/ai/src/react/ai-chat/AIChatPlugin.ts
+++ b/packages/ai/src/react/ai-chat/AIChatPlugin.ts
@@ -28,7 +28,7 @@ import { submitAIChat } from './utils/submitAIChat';
 import { withAIChat } from './withAIChat';
 
 export type AIChatOptions = {
-  chat: UseChatHelpers;
+  chat: Partial<UseChatHelpers>;
   createAIEditor: () => PlateEditor;
   /**
    * Specifies how the assistant message is handled:
@@ -111,7 +111,7 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
             editor.getTransforms(AIPlugin).ai.undo();
           }
 
-          void chat.reload({
+          void chat.reload?.({
             body: {
               system: getEditorPrompt(editor, {
                 promptTemplate: getOptions().systemTemplate,
@@ -121,7 +121,7 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
         },
         reset: bindFirst(resetAIChat, editor),
         stop: () => {
-          getOptions().chat.stop();
+          getOptions().chat.stop?.();
         },
         submit: bindFirst(submitAIChat, editor),
       };
@@ -143,7 +143,7 @@ export const AIChatPlugin = createTPlatePlugin<AIChatPluginConfig>({
     show: () => {
       api.aiChat.reset();
 
-      getOptions().chat.setMessages([]);
+      getOptions().chat.setMessages?.([]);
 
       setOption('open', true);
     },
diff --git a/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts b/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
index bf19aefe3d..2710833d08 100644
--- a/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
+++ b/packages/ai/src/react/ai-chat/utils/getLastAssistantMessage.ts
@@ -13,5 +13,5 @@ export function useLastAssistantMessage() {
 
   const chat = editor.useOption(AIChatPlugin, 'chat');
 
-  return chat.messages.findLast((message) => message.role === 'assistant');
+  return chat.messages?.findLast((message) => message.role === 'assistant');
 }
diff --git a/packages/ai/src/react/ai-chat/utils/resetAIChat.ts b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
index c864f70066..e8a585d35f 100644
--- a/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
+++ b/packages/ai/src/react/ai-chat/utils/resetAIChat.ts
@@ -13,8 +13,8 @@ export const resetAIChat = (editor: PlateEditor) => {
 
   const chat = getOptions().chat;
 
-  if (chat.messages.length > 0) {
-    chat.setMessages([]);
+  if (chat.messages && chat.messages.length > 0) {
+    chat.setMessages?.([]);
   }
 
   editor.getTransforms(AIPlugin).ai.removeNodes();
diff --git a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
index 59c068add2..0a8b8be4cc 100644
--- a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
+++ b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
@@ -26,7 +26,7 @@ export const submitAIChat = (
   );
   const { chat, promptTemplate, systemTemplate } = getOptions();
 
-  if (!prompt && chat.input.length === 0) {
+  if (!prompt && chat.input?.length === 0) {
     return;
   }
   if (!prompt) {
@@ -41,9 +41,9 @@ export const submitAIChat = (
 
   setOption('mode', mode);
 
-  chat.setInput('');
+  chat.setInput?.('');
 
-  void chat.append(
+  void chat.append?.(
     {
       content:
         getEditorPrompt(editor, {
diff --git a/yarn.lock b/yarn.lock
index cd77643056..e75f646a2e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21875,6 +21875,7 @@ __metadata:
     "@udecode/slate-utils": "workspace:^"
     "@udecode/utils": "workspace:^"
     "@vercel/og": "npm:^0.6.2"
+    ai: "npm:^3.4.10"
     autoprefixer: "npm:^10.4.20"
     class-variance-authority: "npm:^0.7.0"
     cmdk: "npm:^1.0.0"

From 6f30e93f1295bd27074ddee74f113c4a17aa44e7 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 09:32:31 +0800
Subject: [PATCH 107/127] iframe

---
 apps/www/src/config/site.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/src/config/site.ts b/apps/www/src/config/site.ts
index 6ff048c6d8..f162c347fd 100644
--- a/apps/www/src/config/site.ts
+++ b/apps/www/src/config/site.ts
@@ -5,7 +5,7 @@ export const siteConfig = {
     discord: 'https://discord.gg/mAZRuBzGM3',
     github: 'https://github.com/udecode/plate',
     platePro: 'https://pro.platejs.org',
-    potionIframe: 'https://potion.platejs.org/ai-menu/?iframe=true',
+    potionIframe: 'https://potion.platejs.org/playground?iframe=true',
     potionTemplate: 'https://pro.platejs.org/docs/templates/potion',
     profile: 'https://github.com/zbeyens',
     twitter: 'https://twitter.com/zbeyens',

From cd7a2d108404b0a348077cf22214723ca845916f Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Thu, 24 Oct 2024 04:14:50 +0200
Subject: [PATCH 108/127] fix

---
 apps/www/package.json                         |  2 +-
 .../r/styles/default/playground-demo.json     |  2 +-
 .../r/styles/default/potion-iframe-demo.json  |  2 +-
 .../styles/default/version-history-demo.json  |  2 +-
 apps/www/src/app/(app)/page.tsx               |  4 +++-
 apps/www/src/app/layout.tsx                   | 16 +++++++++-----
 yarn.lock                                     | 22 ++++++++++++++-----
 7 files changed, 33 insertions(+), 17 deletions(-)

diff --git a/apps/www/package.json b/apps/www/package.json
index 6a37e81bcc..25e424d265 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -143,7 +143,7 @@
     "next": "15.0.0",
     "next-contentlayer2": "^0.4.6",
     "next-themes": "^0.3.0",
-    "nuqs": "^1.19.1",
+    "nuqs": "^2.0.3",
     "prismjs": "^1.29.0",
     "react": "^18.3.1",
     "react-day-picker": "^8.10.1",
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index 84ded61325..c4b35429a4 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { AIMenu } from '@/components/plate-ui/ai-menu';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        AIPlugin,\n        AIChatPlugin.configure({\n          render: { afterEditable: () => <AIMenu /> },\n        }),\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/potion-iframe-demo.json b/apps/www/public/r/styles/default/potion-iframe-demo.json
index d8d16f2fd2..d64f83985e 100644
--- a/apps/www/public/r/styles/default/potion-iframe-demo.json
+++ b/apps/www/public/r/styles/default/potion-iframe-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "import { siteConfig } from '@/config/site';\nimport { cn } from '@/lib/utils';\n\nexport default function PotionIframeDemo() {\n  return (\n    <iframe\n      id=\"potion_iframe\"\n      className=\"h-[800px] w-full rounded-lg border\"\n      title=\"potion\"\n      src=\"https://potion.platejs.org?iframe=true\"\n    />\n  );\n}\n",
+      "content": "export default function PotionIframeDemo() {\n  return (\n    <iframe\n      className=\"h-[800px] w-full rounded-lg border\"\n      title=\"potion\"\n      src=\"https://potion.platejs.org/?iframe=true\"\n    />\n  );\n}\n",
       "path": "example/potion-iframe-demo.tsx",
       "target": "components/potion-iframe-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/version-history-demo.json b/apps/www/public/r/styles/default/version-history-demo.json
index bbc33b06aa..d191c95a8e 100644
--- a/apps/www/public/r/styles/default/version-history-demo.json
+++ b/apps/www/public/r/styles/default/version-history-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { cn } from '@udecode/cn';\nimport { BoldPlugin, ItalicPlugin } from '@udecode/plate-basic-marks/react';\nimport { SoftBreakPlugin } from '@udecode/plate-break/react';\nimport { type Value, createSlatePlugin, isInline } from '@udecode/plate-common';\nimport {\n  ParagraphPlugin,\n  createPlatePlugin,\n  toPlatePlugin,\n} from '@udecode/plate-common/react';\nimport {\n  type PlateElementProps,\n  type PlateLeafProps,\n  type PlateProps,\n  Plate,\n  PlateContent,\n  PlateElement,\n  PlateLeaf,\n  createPlateEditor,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport {\n  type DiffOperation,\n  type DiffUpdate,\n  computeDiff,\n  withGetFragmentExcludeDiff,\n} from '@udecode/plate-diff';\nimport { cloneDeep } from 'lodash';\nimport { useSelected } from 'slate-react';\n\nimport { PlateUI } from '@/lib/plate/demo/plate-ui';\nimport { Button } from '@/components/plate-ui/button';\n\nconst InlinePlugin = createPlatePlugin({\n  key: 'inline',\n  node: { isElement: true, isInline: true },\n});\n\nconst InlineVoidPlugin = createPlatePlugin({\n  key: 'inline-void',\n  node: { isElement: true, isInline: true, isVoid: true },\n});\n\nconst diffOperationColors: Record<DiffOperation['type'], string> = {\n  delete: 'bg-red-200',\n  insert: 'bg-green-200',\n  update: 'bg-blue-200',\n};\n\nconst describeUpdate = ({ newProperties, properties }: DiffUpdate) => {\n  const addedProps: string[] = [];\n  const removedProps: string[] = [];\n  const updatedProps: string[] = [];\n\n  Object.keys(newProperties).forEach((key) => {\n    const oldValue = properties[key];\n    const newValue = newProperties[key];\n\n    if (oldValue === undefined) {\n      addedProps.push(key);\n\n      return;\n    }\n    if (newValue === undefined) {\n      removedProps.push(key);\n\n      return;\n    }\n\n    updatedProps.push(key);\n  });\n\n  const descriptionParts = [];\n\n  if (addedProps.length > 0) {\n    descriptionParts.push(`Added ${addedProps.join(', ')}`);\n  }\n  if (removedProps.length > 0) {\n    descriptionParts.push(`Removed ${removedProps.join(', ')}`);\n  }\n  if (updatedProps.length > 0) {\n    updatedProps.forEach((key) => {\n      descriptionParts.push(\n        `Updated ${key} from ${properties[key]} to ${newProperties[key]}`\n      );\n    });\n  }\n\n  return descriptionParts.join('\\n');\n};\n\nconst InlineElement = ({ children, ...props }: PlateElementProps) => {\n  return (\n    <PlateElement\n      {...props}\n      as=\"span\"\n      className=\"rounded-sm bg-slate-200/50 p-1\"\n    >\n      {children}\n    </PlateElement>\n  );\n};\n\nconst InlineVoidElement = ({ children, ...props }: PlateElementProps) => {\n  const selected = useSelected();\n\n  return (\n    <PlateElement {...props} as=\"span\">\n      <span\n        className={cn(\n          'rounded-sm bg-slate-200/50 p-1',\n          selected && 'bg-blue-500 text-white'\n        )}\n        contentEditable={false}\n      >\n        Inline void\n      </span>\n      {children}\n    </PlateElement>\n  );\n};\n\nconst DiffPlugin = toPlatePlugin(\n  createSlatePlugin({\n    key: 'diff',\n    extendEditor: withGetFragmentExcludeDiff,\n    node: { isLeaf: true },\n  }),\n  {\n    render: {\n      aboveNodes:\n        () =>\n        ({ children, editor, element }) => {\n          if (!element.diff) return children;\n\n          const diffOperation = element.diffOperation as DiffOperation;\n\n          const label = (\n            {\n              delete: 'deletion',\n              insert: 'insertion',\n              update: 'update',\n            } as any\n          )[diffOperation.type];\n\n          const Component = isInline(editor, element) ? 'span' : 'div';\n\n          return (\n            <Component\n              className={diffOperationColors[diffOperation.type]}\n              title={\n                diffOperation.type === 'update'\n                  ? describeUpdate(diffOperation)\n                  : undefined\n              }\n              aria-label={label}\n            >\n              {children}\n            </Component>\n          );\n        },\n      node: DiffLeaf,\n    },\n  }\n);\n\nfunction DiffLeaf({ children, ...props }: PlateLeafProps) {\n  const diffOperation = props.leaf.diffOperation as DiffOperation;\n\n  const Component = (\n    {\n      delete: 'del',\n      insert: 'ins',\n      update: 'span',\n    } as any\n  )[diffOperation.type];\n\n  return (\n    <PlateLeaf {...props} asChild>\n      <Component\n        className={diffOperationColors[diffOperation.type]}\n        title={\n          diffOperation.type === 'update'\n            ? describeUpdate(diffOperation)\n            : undefined\n        }\n      >\n        {children}\n      </Component>\n    </PlateLeaf>\n  );\n}\n\nconst initialValue: Value = [\n  {\n    children: [{ text: 'This is a version history demo.' }],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'Try editing the ' },\n      { bold: true, text: 'text and see what' },\n      { text: ' happens.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'This is an ' },\n      { children: [{ text: '' }], type: InlineVoidPlugin.key },\n      { text: '. Try removing it.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'This is an ' },\n      { children: [{ text: 'editable inline' }], type: InlinePlugin.key },\n      { text: '. Try editing it.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n];\n\nconst plugins = [\n  InlinePlugin.withComponent(InlineElement),\n  InlineVoidPlugin.withComponent(InlineVoidElement),\n  BoldPlugin,\n  ItalicPlugin,\n  DiffPlugin,\n  SoftBreakPlugin,\n];\n\nfunction VersionHistoryPlate(props: Omit<PlateProps, 'children'>) {\n  return (\n    <Plate {...props}>\n      <PlateContent className=\"rounded-md border p-3\" />\n    </Plate>\n  );\n}\n\ninterface DiffProps {\n  current: Value;\n  previous: Value;\n}\n\nfunction Diff({ current, previous }: DiffProps) {\n  const diffValue = React.useMemo(() => {\n    const editor = createPlateEditor({\n      plugins,\n    });\n\n    return computeDiff(previous, cloneDeep(current), {\n      isInline: editor.isInline,\n      lineBreakChar: '¶',\n    }) as Value;\n  }, [previous, current]);\n\n  const editor = usePlateEditor(\n    {\n      override: { components: PlateUI },\n      plugins,\n      value: diffValue,\n    },\n    [diffValue]\n  );\n\n  return (\n    <>\n      <VersionHistoryPlate\n        key={JSON.stringify(diffValue)}\n        readOnly\n        editor={editor}\n      />\n\n      <pre>{JSON.stringify(diffValue, null, 2)}</pre>\n    </>\n  );\n}\n\nexport default function VersionHistoryDemo() {\n  const [revisions, setRevisions] = React.useState<Value[]>([initialValue]);\n  const [selectedRevisionIndex, setSelectedRevisionIndex] =\n    React.useState<number>(0);\n  const [value, setValue] = React.useState<Value>(initialValue);\n\n  const selectedRevisionValue = React.useMemo(\n    () => revisions[selectedRevisionIndex],\n    [revisions, selectedRevisionIndex]\n  );\n\n  const saveRevision = () => {\n    setRevisions([...revisions, value]);\n  };\n\n  const editor = usePlateEditor({\n    override: { components: PlateUI },\n    plugins,\n    value: initialValue,\n  });\n\n  const editorRevision = usePlateEditor(\n    {\n      override: { components: PlateUI },\n      plugins,\n      value: selectedRevisionValue,\n    },\n    [selectedRevisionValue]\n  );\n\n  return (\n    <div className=\"flex flex-col gap-3 p-3\">\n      <Button onClick={saveRevision}>Save revision</Button>\n\n      <VersionHistoryPlate\n        onChange={({ value }) => setValue(value)}\n        editor={editor}\n      />\n\n      <label>\n        Revision to compare:\n        <select\n          className=\"rounded-md border p-1\"\n          onChange={(e) => setSelectedRevisionIndex(Number(e.target.value))}\n        >\n          {revisions.map((_, i) => (\n            <option key={i} value={i}>\n              Revision {i + 1}\n            </option>\n          ))}\n        </select>\n      </label>\n\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        <div>\n          <h2>Revision {selectedRevisionIndex + 1}</h2>\n          <VersionHistoryPlate\n            key={selectedRevisionIndex}\n            readOnly\n            editor={editorRevision}\n          />\n        </div>\n\n        <div>\n          <h2>Diff</h2>\n          <Diff current={value} previous={selectedRevisionValue} />\n        </div>\n      </div>\n    </div>\n  );\n}\n",
+      "content": "import React from 'react';\n\nimport { cn } from '@udecode/cn';\nimport { BoldPlugin, ItalicPlugin } from '@udecode/plate-basic-marks/react';\nimport { SoftBreakPlugin } from '@udecode/plate-break/react';\nimport { type Value, createSlatePlugin, isInline } from '@udecode/plate-common';\nimport {\n  ParagraphPlugin,\n  createPlatePlugin,\n  toPlatePlugin,\n} from '@udecode/plate-common/react';\nimport {\n  type PlateElementProps,\n  type PlateLeafProps,\n  type PlateProps,\n  Plate,\n  PlateContent,\n  PlateElement,\n  PlateLeaf,\n  createPlateEditor,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport {\n  type DiffOperation,\n  type DiffUpdate,\n  computeDiff,\n  withGetFragmentExcludeDiff,\n} from '@udecode/plate-diff';\nimport { cloneDeep } from 'lodash';\nimport { useSelected } from 'slate-react';\n\nimport { PlateUI } from '@/lib/plate/demo/plate-ui';\nimport { Button } from '@/components/plate-ui/button';\n\nconst InlinePlugin = createPlatePlugin({\n  key: 'inline',\n  node: { isElement: true, isInline: true },\n});\n\nconst InlineVoidPlugin = createPlatePlugin({\n  key: 'inline-void',\n  node: { isElement: true, isInline: true, isVoid: true },\n});\n\nconst diffOperationColors: Record<DiffOperation['type'], string> = {\n  delete: 'bg-red-200',\n  insert: 'bg-green-200',\n  update: 'bg-blue-200',\n};\n\nconst describeUpdate = ({ newProperties, properties }: DiffUpdate) => {\n  const addedProps: string[] = [];\n  const removedProps: string[] = [];\n  const updatedProps: string[] = [];\n\n  Object.keys(newProperties).forEach((key) => {\n    const oldValue = properties[key];\n    const newValue = newProperties[key];\n\n    if (oldValue === undefined) {\n      addedProps.push(key);\n\n      return;\n    }\n    if (newValue === undefined) {\n      removedProps.push(key);\n\n      return;\n    }\n\n    updatedProps.push(key);\n  });\n\n  const descriptionParts = [];\n\n  if (addedProps.length > 0) {\n    descriptionParts.push(`Added ${addedProps.join(', ')}`);\n  }\n  if (removedProps.length > 0) {\n    descriptionParts.push(`Removed ${removedProps.join(', ')}`);\n  }\n  if (updatedProps.length > 0) {\n    updatedProps.forEach((key) => {\n      descriptionParts.push(\n        `Updated ${key} from ${properties[key]} to ${newProperties[key]}`\n      );\n    });\n  }\n\n  return descriptionParts.join('\\n');\n};\n\nconst InlineElement = ({ children, ...props }: PlateElementProps) => {\n  return (\n    <PlateElement\n      {...props}\n      as=\"span\"\n      className=\"rounded-sm bg-slate-200/50 p-1\"\n    >\n      {children}\n    </PlateElement>\n  );\n};\n\nconst InlineVoidElement = ({ children, ...props }: PlateElementProps) => {\n  const selected = useSelected();\n\n  return (\n    <PlateElement {...props} as=\"span\">\n      <span\n        className={cn(\n          'rounded-sm bg-slate-200/50 p-1',\n          selected && 'bg-blue-500 text-white'\n        )}\n        contentEditable={false}\n      >\n        Inline void\n      </span>\n      {children}\n    </PlateElement>\n  );\n};\n\nconst DiffPlugin = toPlatePlugin(\n  createSlatePlugin({\n    key: 'diff',\n    extendEditor: withGetFragmentExcludeDiff,\n    node: { isLeaf: true },\n  }),\n  {\n    render: {\n      aboveNodes:\n        () =>\n        ({ children, editor, element }) => {\n          if (!element.diff) return children;\n\n          const diffOperation = element.diffOperation as DiffOperation;\n\n          const label = (\n            {\n              delete: 'deletion',\n              insert: 'insertion',\n              update: 'update',\n            } as any\n          )[diffOperation.type];\n\n          const Component = isInline(editor, element) ? 'span' : 'div';\n\n          return (\n            <Component\n              className={diffOperationColors[diffOperation.type]}\n              title={\n                diffOperation.type === 'update'\n                  ? describeUpdate(diffOperation)\n                  : undefined\n              }\n              aria-label={label}\n            >\n              {children}\n            </Component>\n          );\n        },\n      node: DiffLeaf,\n    },\n  }\n);\n\nfunction DiffLeaf({ children, ...props }: PlateLeafProps) {\n  const diffOperation = props.leaf.diffOperation as DiffOperation;\n\n  const Component = (\n    {\n      delete: 'del',\n      insert: 'ins',\n      update: 'span',\n    } as any\n  )[diffOperation.type];\n\n  return (\n    <PlateLeaf {...props} asChild>\n      <Component\n        className={diffOperationColors[diffOperation.type]}\n        title={\n          diffOperation.type === 'update'\n            ? describeUpdate(diffOperation)\n            : undefined\n        }\n      >\n        {children}\n      </Component>\n    </PlateLeaf>\n  );\n}\n\nconst initialValue: Value = [\n  {\n    children: [{ text: 'This is a version history demo.' }],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'Try editing the ' },\n      { bold: true, text: 'text and see what' },\n      { text: ' happens.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'This is an ' },\n      { children: [{ text: '' }], type: InlineVoidPlugin.key },\n      { text: '. Try removing it.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n  {\n    children: [\n      { text: 'This is an ' },\n      { children: [{ text: 'editable inline' }], type: InlinePlugin.key },\n      { text: '. Try editing it.' },\n    ],\n    type: ParagraphPlugin.key,\n  },\n];\n\nconst plugins = [\n  InlinePlugin.withComponent(InlineElement),\n  InlineVoidPlugin.withComponent(InlineVoidElement),\n  BoldPlugin,\n  ItalicPlugin,\n  DiffPlugin,\n  SoftBreakPlugin,\n];\n\nfunction VersionHistoryPlate(props: Omit<PlateProps, 'children'>) {\n  return (\n    <Plate {...props}>\n      <PlateContent className=\"rounded-md border p-3\" />\n    </Plate>\n  );\n}\n\ninterface DiffProps {\n  current: Value;\n  previous: Value;\n}\n\nfunction Diff({ current, previous }: DiffProps) {\n  const diffValue = React.useMemo(() => {\n    const editor = createPlateEditor({\n      plugins,\n    });\n\n    return computeDiff(previous, cloneDeep(current), {\n      isInline: editor.isInline,\n      lineBreakChar: '¶',\n    }) as Value;\n  }, [previous, current]);\n\n  const editor = usePlateEditor(\n    {\n      override: { components: PlateUI },\n      plugins,\n      value: diffValue,\n    },\n    [diffValue]\n  );\n\n  return (\n    <>\n      <VersionHistoryPlate\n        key={JSON.stringify(diffValue)}\n        readOnly\n        editor={editor}\n      />\n\n      {/* <pre>{JSON.stringify(diffValue, null, 2)}</pre> */}\n    </>\n  );\n}\n\nexport default function VersionHistoryDemo() {\n  const [revisions, setRevisions] = React.useState<Value[]>([initialValue]);\n  const [selectedRevisionIndex, setSelectedRevisionIndex] =\n    React.useState<number>(0);\n  const [value, setValue] = React.useState<Value>(initialValue);\n\n  const selectedRevisionValue = React.useMemo(\n    () => revisions[selectedRevisionIndex],\n    [revisions, selectedRevisionIndex]\n  );\n\n  const saveRevision = () => {\n    setRevisions([...revisions, value]);\n  };\n\n  const editor = usePlateEditor({\n    override: { components: PlateUI },\n    plugins,\n    value: initialValue,\n  });\n\n  const editorRevision = usePlateEditor(\n    {\n      override: { components: PlateUI },\n      plugins,\n      value: selectedRevisionValue,\n    },\n    [selectedRevisionValue]\n  );\n\n  return (\n    <div className=\"flex flex-col gap-3 p-3\">\n      <Button onClick={saveRevision}>Save revision</Button>\n\n      <VersionHistoryPlate\n        onChange={({ value }) => setValue(value)}\n        editor={editor}\n      />\n\n      <label>\n        Revision to compare:\n        <select\n          className=\"rounded-md border p-1\"\n          onChange={(e) => setSelectedRevisionIndex(Number(e.target.value))}\n        >\n          {revisions.map((_, i) => (\n            <option key={i} value={i}>\n              Revision {i + 1}\n            </option>\n          ))}\n        </select>\n      </label>\n\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        <div>\n          <h2>Revision {selectedRevisionIndex + 1}</h2>\n          <VersionHistoryPlate\n            key={selectedRevisionIndex}\n            readOnly\n            editor={editorRevision}\n          />\n        </div>\n\n        <div>\n          <h2>Diff</h2>\n          <Diff current={value} previous={selectedRevisionValue} />\n        </div>\n      </div>\n    </div>\n  );\n}\n",
       "path": "example/version-history-demo.tsx",
       "target": "components/version-history-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/src/app/(app)/page.tsx b/apps/www/src/app/(app)/page.tsx
index 480926851b..0e159efc8f 100644
--- a/apps/www/src/app/(app)/page.tsx
+++ b/apps/www/src/app/(app)/page.tsx
@@ -54,7 +54,9 @@ export default function IndexPage() {
       </div>
 
       <section className="relative">
-        <HomeTabs />
+        <React.Suspense fallback={null}>
+          <HomeTabs />
+        </React.Suspense>
 
         <CustomizerDrawer />
       </section>
diff --git a/apps/www/src/app/layout.tsx b/apps/www/src/app/layout.tsx
index a277686b4f..7d3053ab8b 100644
--- a/apps/www/src/app/layout.tsx
+++ b/apps/www/src/app/layout.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import type { Metadata, Viewport } from 'next';
 
 import { cn } from '@udecode/cn';
+import { NuqsAdapter } from 'nuqs/adapters/next/app';
 
 import { GA } from '@/components/analytics/ga';
 import { Providers } from '@/components/context/providers';
@@ -91,13 +92,16 @@ export default function RootLayout({ children }: RootLayoutProps) {
         )}
         suppressHydrationWarning
       >
-        <Providers>
-          <div vaul-drawer-wrapper="">
-            <div className="relative flex min-h-screen flex-col bg-background">
-              {children}
+        <NuqsAdapter>
+          <Providers>
+            <div vaul-drawer-wrapper="">
+              <div className="relative flex min-h-screen flex-col bg-background">
+                {children}
+              </div>
             </div>
-          </div>
-        </Providers>
+          </Providers>
+        </NuqsAdapter>
+
         <TailwindIndicator />
 
         <GA />
diff --git a/yarn.lock b/yarn.lock
index e75f646a2e..2525a046f7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -16173,14 +16173,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nuqs@npm:^1.19.1":
-  version: 1.20.0
-  resolution: "nuqs@npm:1.20.0"
+"nuqs@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "nuqs@npm:2.0.3"
   dependencies:
     mitt: "npm:^3.0.1"
   peerDependencies:
-    next: ">=13.4 <14.0.2 || ^14.0.3"
-  checksum: 10c0/8e1b67a96c6fda21023924db03b31f3eecf387097ee23685f35fbd1118ff202d1f8f3efd5e1e45bb5736e701a13da0d6cefc98cbe813315dc6462c2e38e2c93f
+    "@remix-run/react": ">= 2"
+    next: ">= 14.2.0"
+    react: ">= 18.2.0"
+    react-router-dom: ">= 6"
+  peerDependenciesMeta:
+    "@remix-run/react":
+      optional: true
+    next:
+      optional: true
+    react-router-dom:
+      optional: true
+  checksum: 10c0/d37b95e10738d58351209518d19ba72a1e08733405b39dbcd64e9b28092ca627983506aa4a9f8504f51c2c729323c8fdfc3bf00cc8360e9b1e9bc85fcb44fba0
   languageName: node
   linkType: hard
 
@@ -21891,7 +21901,7 @@ __metadata:
     next: "npm:15.0.0"
     next-contentlayer2: "npm:^0.4.6"
     next-themes: "npm:^0.3.0"
-    nuqs: "npm:^1.19.1"
+    nuqs: "npm:^2.0.3"
     postcss: "npm:^8.4.45"
     prismjs: "npm:^1.29.0"
     puppeteer: "npm:^23.6.0"

From 5ae4f99a19a2cd8c99a78bd72391f4d383544b0e Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 17:46:51 +0800
Subject: [PATCH 109/127] wip

---
 apps/www/package.json                         |   1 +
 apps/www/src/app/api/ai/fakeStreamText.ts     | 110 +++++++
 apps/www/src/app/api/ai/route.ts              |  18 ++
 apps/www/src/lib/plate/create-plate-ui.ts     |   3 +
 .../src/lib/plate/demo/plugins/aiPlugin.tsx   | 236 +++++++++++++++
 .../default/example/playground-demo.tsx       |   8 +-
 .../default/plate-ui/ai-chat-editor.tsx       |  54 ++++
 .../src/registry/default/plate-ui/ai-leaf.tsx |  24 ++
 .../default/plate-ui/ai-menu-items.tsx        | 279 ++++++++++++++++++
 .../src/registry/default/plate-ui/ai-menu.tsx |  79 ++---
 yarn.lock                                     |   8 +
 11 files changed, 760 insertions(+), 60 deletions(-)
 create mode 100644 apps/www/src/app/api/ai/fakeStreamText.ts
 create mode 100644 apps/www/src/app/api/ai/route.ts
 create mode 100644 apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-leaf.tsx
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-menu-items.tsx

diff --git a/apps/www/package.json b/apps/www/package.json
index 25e424d265..9541e326ae 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -35,6 +35,7 @@
   },
   "dependencies": {
     "@ariakit/react": "0.4.11",
+    "@faker-js/faker": "^9.0.2",
     "@next/third-parties": "15.0.0",
     "@radix-ui/colors": "3.0.0",
     "@radix-ui/react-accessible-icon": "^1.1.0",
diff --git a/apps/www/src/app/api/ai/fakeStreamText.ts b/apps/www/src/app/api/ai/fakeStreamText.ts
new file mode 100644
index 0000000000..c00e8921c8
--- /dev/null
+++ b/apps/www/src/app/api/ai/fakeStreamText.ts
@@ -0,0 +1,110 @@
+import { faker } from '@faker-js/faker';
+interface FakeStreamTextProps {
+  texts: string;
+  delay?: number;
+}
+
+export const fakerText = [
+  {
+    delay: 100,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 80,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 70,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 90,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 75,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 85,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 80,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 70,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 75,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 80,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 90,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 75,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 70,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 85,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 80,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 90,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 75,
+    texts: faker.lorem.words(1) + ' ',
+  },
+  {
+    delay: 70,
+    texts: faker.lorem.words(1) + ' ',
+  },
+];
+
+export const fakeStreamText = ({
+  chunks = fakerText,
+  streamProtocol = 'text',
+}: {
+  chunks?: FakeStreamTextProps[];
+  streamProtocol?: 'data' | 'text';
+} = {}) => {
+  return new ReadableStream({
+    async start(controller) {
+      for (const chunk of chunks) {
+        await new Promise((resolve) => setTimeout(resolve, chunk.delay));
+
+        if (streamProtocol === 'text') {
+          controller.enqueue(chunk.texts);
+        } else {
+          controller.enqueue(`0:${JSON.stringify(chunk.texts)}\n`);
+        }
+      }
+
+      if (streamProtocol === 'data') {
+        controller.enqueue(
+          `d:{"finishReason":"stop","usage":{"promptTokens":0,"completionTokens":${chunks.length}}}\n`
+        );
+      }
+
+      controller.close();
+    },
+  });
+};
diff --git a/apps/www/src/app/api/ai/route.ts b/apps/www/src/app/api/ai/route.ts
new file mode 100644
index 0000000000..ddfaac5856
--- /dev/null
+++ b/apps/www/src/app/api/ai/route.ts
@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+
+import { fakeStreamText } from './fakeStreamText';
+
+function createStreamResponse(stream: ReadableStream) {
+  return new NextResponse(stream, {
+    headers: {
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive',
+      'Content-Type': 'text/event-stream',
+      'X-Accel-Buffering': 'no',
+    },
+  });
+}
+
+export function POST() {
+  return createStreamResponse(fakeStreamText({ streamProtocol: 'data' }));
+}
diff --git a/apps/www/src/lib/plate/create-plate-ui.ts b/apps/www/src/lib/plate/create-plate-ui.ts
index a3ce01f4cf..b5dd57b104 100644
--- a/apps/www/src/lib/plate/create-plate-ui.ts
+++ b/apps/www/src/lib/plate/create-plate-ui.ts
@@ -1,6 +1,7 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import { withProps } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
 import {
   BoldPlugin,
   CodePlugin,
@@ -54,6 +55,7 @@ import {
 } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
 
+import { AILeaf } from '@/registry/default/plate-ui/ai-leaf';
 import { BlockquoteElement } from '@/registry/default/plate-ui/blockquote-element';
 import { CodeBlockElement } from '@/registry/default/plate-ui/code-block-element';
 import { CodeLeaf } from '@/registry/default/plate-ui/code-leaf';
@@ -95,6 +97,7 @@ export const createPlateUI = ({
   placeholder,
 }: { draggable?: boolean; placeholder?: boolean } = {}) => {
   let components: Record<string, NodeComponent> = {
+    [AIPlugin.key]: AILeaf,
     [BlockquotePlugin.key]: BlockquoteElement,
     [BoldPlugin.key]: withProps(PlateLeaf, { as: 'strong' }),
     [BulletedListPlugin.key]: withProps(ListElement, { variant: 'ul' }),
diff --git a/apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx
new file mode 100644
index 0000000000..6fd0775b46
--- /dev/null
+++ b/apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx
@@ -0,0 +1,236 @@
+'use client';
+
+import React from 'react';
+
+import { withProps } from '@udecode/cn';
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
+import {
+  BoldPlugin,
+  CodePlugin,
+  ItalicPlugin,
+  StrikethroughPlugin,
+  UnderlinePlugin,
+} from '@udecode/plate-basic-marks/react';
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import {
+  CodeBlockPlugin,
+  CodeLinePlugin,
+  CodeSyntaxPlugin,
+} from '@udecode/plate-code-block/react';
+import {
+  ParagraphPlugin,
+  PlateLeaf,
+  createPlateEditor,
+} from '@udecode/plate-common/react';
+import {
+  FontBackgroundColorPlugin,
+  FontColorPlugin,
+} from '@udecode/plate-font/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+import { HeadingPlugin } from '@udecode/plate-heading/react';
+import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
+import { IndentPlugin } from '@udecode/plate-indent/react';
+import { IndentListPlugin } from '@udecode/plate-indent-list/react';
+import { LinkPlugin } from '@udecode/plate-link/react';
+import { MarkdownPlugin } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import Prism from 'prismjs';
+
+import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
+import { BlockquoteElement } from '@/registry/default/plate-ui/blockquote-element';
+import { CodeBlockElement } from '@/registry/default/plate-ui/code-block-element';
+import { CodeLeaf } from '@/registry/default/plate-ui/code-leaf';
+import { CodeLineElement } from '@/registry/default/plate-ui/code-line-element';
+import { CodeSyntaxLeaf } from '@/registry/default/plate-ui/code-syntax-leaf';
+import { SelectionOverlayPlugin } from '@/registry/default/plate-ui/cursor-overlay';
+import { HeadingElement } from '@/registry/default/plate-ui/heading-element';
+import { HrElement } from '@/registry/default/plate-ui/hr-element';
+import { LinkElement } from '@/registry/default/plate-ui/link-element';
+import { LinkFloatingToolbar } from '@/registry/default/plate-ui/link-floating-toolbar';
+import { ParagraphElement } from '@/registry/default/plate-ui/paragraph-element';
+
+export const createAIEditor = () => {
+  const editor = createPlateEditor({
+    id: 'ai',
+    override: {
+      components: {
+        [BlockquotePlugin.key]: BlockquoteElement,
+        [BoldPlugin.key]: withProps(PlateLeaf, { as: 'strong' }),
+        [CodeBlockPlugin.key]: CodeBlockElement,
+        [CodeLinePlugin.key]: CodeLineElement,
+        [CodePlugin.key]: CodeLeaf,
+        [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,
+        [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),
+        [HEADING_KEYS.h2]: withProps(HeadingElement, { variant: 'h2' }),
+        [HEADING_KEYS.h3]: withProps(HeadingElement, { variant: 'h3' }),
+        [HorizontalRulePlugin.key]: HrElement,
+        [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),
+        [LinkPlugin.key]: LinkElement,
+        [ParagraphPlugin.key]: ParagraphElement,
+        [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
+        [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),
+      },
+    },
+    plugins: [
+      ParagraphPlugin,
+      IndentPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      IndentListPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      HeadingPlugin.configure({ options: { levels: 3 } }),
+      BlockquotePlugin,
+      CodeBlockPlugin.configure({ options: { prism: Prism } }),
+      HorizontalRulePlugin,
+      LinkPlugin.configure({
+        render: { afterEditable: () => <LinkFloatingToolbar /> },
+      }),
+      MarkdownPlugin.configure({ options: { indentList: true } }),
+      // FIXME: Fixed the throw error: BlockSelectionPlugin is missing. readonly editor need'nt this plugin so using an empty plugin instead
+      BlockSelectionPlugin.configure({
+        api: {},
+        extendEditor: null,
+        options: {},
+        render: {},
+        useHooks: null,
+        handlers: {},
+      }),
+      BoldPlugin,
+      ItalicPlugin,
+      UnderlinePlugin,
+      StrikethroughPlugin,
+      CodePlugin,
+      FontColorPlugin,
+      FontBackgroundColorPlugin,
+    ],
+    value: [{ children: [{ text: '' }], type: 'p' }],
+  });
+
+  return editor;
+};
+
+const systemCommon = `\
+You are an advanced AI-powered note-taking assistant, designed to enhance productivity and creativity in note management.
+Respond directly to user prompts with clear, concise, and relevant content. Maintain a neutral, helpful tone.
+
+Rules:
+- <Document> is the entire note the user is working on.
+- <Reminder> is a reminder of how you should reply to INSTRUCTIONS. It does not apply to questions.
+- Anything else is the user prompt.
+- Your response should be tailored to the user's prompt, providing precise assistance to optimize note management.
+- For INSTRUCTIONS: Follow the <Reminder> exactly. Provide ONLY the content to be inserted or replaced. No explanations or comments.
+- For QUESTIONS: Provide a helpful and concise answer. You may include brief explanations if necessary.
+- CRITICAL: Distinguish between INSTRUCTIONS and QUESTIONS. Instructions typically ask you to modify or add content. Questions ask for information or clarification.
+`;
+
+const systemDefault = `\
+${systemCommon}
+- <Block> is the current block of text the user is working on.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- CRITICAL: Provide only a single block of text. DO NOT create multiple paragraphs or separate blocks.
+<Block>
+{block}
+</Block>
+`;
+
+const systemSelecting = `\
+${systemCommon}
+- <Block> is the block of text containing the user's selection, providing context.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- <Selection> is the specific text the user has selected in the block and wants to modify or ask about.
+- Consider the context provided by <Block>, but only modify <Selection>. Your response should be a direct replacement for <Selection>.
+<Block>
+{block}
+</Block>
+<Selection>
+{selection}
+</Selection>
+`;
+
+const systemBlockSelecting = `\
+${systemCommon}
+- <Selection> represents the full blocks of text the user has selected and wants to modify or ask about.
+- Your response should be a direct replacement for the entire <Selection>.
+- Maintain the overall structure and formatting of the selected blocks, unless explicitly instructed otherwise.
+- CRITICAL: Provide only the content to replace <Selection>. Do not add additional blocks or change the block structure unless specifically requested.
+<Selection>
+{block}
+</Selection>
+`;
+
+const userDefault = `<Reminder>
+CRITICAL: DO NOT use block formatting. You can only use inline formatting.
+CRITICAL: DO NOT start new lines or paragraphs.
+NEVER write <Block>.
+</Reminder>
+{prompt}`;
+
+const userSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the text to replace <Selection>. No explanations.
+Ensure it fits seamlessly within <Block>. If <Block> is empty, write ONE random sentence.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+const userBlockSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the content to replace the entire <Selection>. No explanations.
+Maintain the overall structure unless instructed otherwise.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+export const PROMPT_TEMPLATES = {
+  systemBlockSelecting,
+  systemDefault,
+  systemSelecting,
+  userBlockSelecting,
+  userDefault,
+  userSelecting,
+};
+
+export const aiPlugins = [
+  SelectionOverlayPlugin,
+  AIPlugin,
+  AIChatPlugin.configure({
+    options: {
+      createAIEditor,
+      promptTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.userBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.userSelecting
+            : PROMPT_TEMPLATES.userDefault;
+      },
+      scrollContainerSelector: '#scroll_container',
+      systemTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.systemBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.systemSelecting
+            : PROMPT_TEMPLATES.systemDefault;
+      },
+    },
+    render: { afterEditable: () => <AIMenu /> },
+  }),
+] as const;
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 3aca32a872..d2a14f9fca 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -7,7 +7,6 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ValueId } from '@/config/customizer-plugins';
 
 import { cn } from '@udecode/cn';
-import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -73,6 +72,7 @@ import { settingsStore } from '@/components/context/settings-store';
 import { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';
 import { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';
 import { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';
+import { aiPlugins } from '@/lib/plate/demo/plugins/aiPlugin';
 import { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';
 import { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';
 import { createPlateUI } from '@/plate/create-plate-ui';
@@ -85,7 +85,6 @@ import { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';
 import { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';
 import { commentsData, usersData } from '@/plate/demo/values/commentsValue';
 import { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';
-import { AIMenu } from '@/registry/default/plate-ui/ai-menu';
 import { BlockContextMenu } from '@/registry/default/plate-ui/block-context-menu';
 import { CommentsPopover } from '@/registry/default/plate-ui/comments-popover';
 import {
@@ -129,10 +128,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
       },
       plugins: [
         //ai
-        AIPlugin,
-        AIChatPlugin.configure({
-          render: { afterEditable: () => <AIMenu /> },
-        }),
+        ...aiPlugins,
         copilotPlugin,
         // Nodes
         HeadingPlugin,
diff --git a/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx b/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
new file mode 100644
index 0000000000..f709d83a96
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
@@ -0,0 +1,54 @@
+'use client';
+
+import React, { memo } from 'react';
+
+import { AIChatPlugin, useLastAssistantMessage } from '@udecode/plate-ai/react';
+import {
+  type PlateEditor,
+  Plate,
+  useEditorPlugin,
+} from '@udecode/plate-common/react';
+import { deserializeMd } from '@udecode/plate-markdown';
+
+import { Editor } from './editor';
+
+export const AIChatEditor = memo(
+  ({
+    aiEditorRef,
+  }: {
+    aiEditorRef: React.MutableRefObject<PlateEditor | null>;
+  }) => {
+    const { getOptions } = useEditorPlugin(AIChatPlugin);
+    const lastAssistantMessage = useLastAssistantMessage();
+    const content = lastAssistantMessage?.content ?? '';
+
+    const aiEditor = React.useMemo(() => {
+      const editor = getOptions().createAIEditor();
+
+      const fragment = deserializeMd(editor, content);
+      editor.children =
+        fragment.length > 0 ? fragment : editor.api.create.value();
+
+      return editor;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    React.useEffect(() => {
+      if (aiEditor && content) {
+        aiEditorRef.current = aiEditor;
+
+        setTimeout(() => {
+          aiEditor.tf.setValue(deserializeMd(aiEditor, content));
+        }, 0);
+      }
+    }, [aiEditor, aiEditorRef, content]);
+
+    if (!content) return null;
+
+    return (
+      <Plate editor={aiEditor}>
+        <Editor readOnly />
+      </Plate>
+    );
+  }
+);
diff --git a/apps/www/src/registry/default/plate-ui/ai-leaf.tsx b/apps/www/src/registry/default/plate-ui/ai-leaf.tsx
new file mode 100644
index 0000000000..7dfd619c67
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-leaf.tsx
@@ -0,0 +1,24 @@
+'use client';
+
+import React from 'react';
+
+import { cn, withRef } from '@udecode/cn';
+import { PlateLeaf } from '@udecode/plate-common/react';
+
+export const AILeaf = withRef<typeof PlateLeaf>(
+  ({ children, className, ...props }, ref) => {
+    return (
+      <PlateLeaf
+        ref={ref}
+        className={cn(
+          'border-b-2 border-b-brand/10 bg-brand/5 text-[rgb(17,96,174)]',
+          'transition-all duration-200 ease-in-out',
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </PlateLeaf>
+    );
+  }
+);
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
new file mode 100644
index 0000000000..7a234b6934
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -0,0 +1,279 @@
+import { useMemo } from 'react';
+
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
+import { type PlateEditor, useEditorPlugin } from '@udecode/plate-core/react';
+import { useIsSelecting } from '@udecode/plate-selection/react';
+import { getEndPoint, getNodeString } from '@udecode/slate';
+import { focusEditor } from '@udecode/slate-react';
+import { getAncestorNode } from '@udecode/slate-utils';
+import {
+  Album,
+  BadgeHelp,
+  Check,
+  CornerUpLeft,
+  FeatherIcon,
+  ListEnd,
+  ListMinus,
+  ListPlus,
+  PenLine,
+  Wand,
+  X,
+} from 'lucide-react';
+
+import { CommandGroup, CommandItem } from './command';
+
+export type EditorChatState =
+  | 'cursorCommand'
+  | 'cursorSuggestion'
+  | 'selectionCommand'
+  | 'selectionSuggestion';
+
+export const aiChatItems = {
+  accept: {
+    icon: <Check />,
+    label: 'Accept',
+    value: 'accept',
+    onSelect: ({ editor }) => {
+      editor.getTransforms(AIChatPlugin).aiChat.accept();
+      focusEditor(editor, getEndPoint(editor, editor.selection!));
+    },
+  },
+  continueWrite: {
+    icon: <PenLine />,
+    label: 'Continue writing',
+    value: 'continueWrite',
+    onSelect: ({ editor }) => {
+      const ancestorNode = getAncestorNode(editor);
+      const isEmpty = getNodeString(ancestorNode![0]).trim().length === 0;
+
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        mode: 'insert',
+        prompt: isEmpty
+          ? `<Document>
+{editor}
+</Document>
+Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
+          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',
+      });
+    },
+  },
+  discard: {
+    icon: <X />,
+    label: 'Discard',
+    shortcut: 'Escape',
+    value: 'discard',
+    onSelect: ({ editor }) => {
+      editor.getTransforms(AIPlugin).ai.undo();
+      editor.getApi(AIChatPlugin).aiChat.hide();
+    },
+  },
+  explain: {
+    icon: <BadgeHelp className="mr-2 size-4" />,
+    label: 'Explain',
+    value: 'explain',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: {
+          default: 'Explain {editor}',
+          selecting: 'Explain',
+        },
+      });
+    },
+  },
+  fixSpelling: {
+    icon: <Check />,
+    label: 'Fix spelling & grammar',
+    value: 'fixSpelling',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Fix spelling and grammar',
+      });
+    },
+  },
+  improveWriting: {
+    icon: <Wand />,
+    label: 'Improve writing',
+    value: 'improveWriting',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Improve the writing',
+      });
+    },
+  },
+  insertBelow: {
+    icon: <ListEnd />,
+    label: 'Insert below',
+    value: 'insertBelow',
+    onSelect: ({ aiEditor, editor }) => {
+      void editor.getTransforms(AIChatPlugin).aiChat.insertBelow(aiEditor);
+    },
+  },
+  makeLonger: {
+    icon: <ListPlus />,
+    label: 'Make longer',
+    value: 'makeLonger',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Make longer',
+      });
+    },
+  },
+  makeShorter: {
+    icon: <ListMinus />,
+    label: 'Make shorter',
+    value: 'makeShorter',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Make shorter',
+      });
+    },
+  },
+  replace: {
+    icon: <Check />,
+    label: 'Replace selection',
+    value: 'replace',
+    onSelect: ({ aiEditor, editor }) => {
+      void editor.getTransforms(AIChatPlugin).aiChat.replaceSelection(aiEditor);
+    },
+  },
+  simplifyLanguage: {
+    icon: <FeatherIcon />,
+    label: 'Simplify language',
+    value: 'simplifyLanguage',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Simplify the language',
+      });
+    },
+  },
+  summarize: {
+    icon: <Album className="mr-2 size-4" />,
+    label: 'Add a summary',
+    value: 'summarize',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        mode: 'insert',
+        prompt: {
+          default: 'Summarize {editor}',
+          selecting: 'Summarize',
+        },
+      });
+    },
+  },
+  tryAgain: {
+    icon: <CornerUpLeft />,
+    label: 'Try again',
+    value: 'tryAgain',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.reload();
+    },
+  },
+} satisfies Record<
+  string,
+  {
+    icon: React.ReactNode;
+    label: string;
+    value: string;
+    component?: React.ComponentType<{ menuState: EditorChatState }>;
+    filterItems?: boolean;
+    items?: { label: string; value: string }[];
+    shortcut?: string;
+    onSelect?: ({
+      aiEditor,
+      editor,
+    }: {
+      aiEditor: PlateEditor;
+      editor: PlateEditor;
+    }) => void;
+  }
+>;
+
+const menuStateItems: Record<
+  EditorChatState,
+  {
+    items: (typeof aiChatItems)[keyof typeof aiChatItems][];
+    heading?: string;
+  }[]
+> = {
+  cursorCommand: [
+    {
+      items: [
+        aiChatItems.continueWrite,
+        aiChatItems.summarize,
+        aiChatItems.explain,
+      ],
+    },
+  ],
+  cursorSuggestion: [
+    {
+      items: [aiChatItems.accept, aiChatItems.discard, aiChatItems.tryAgain],
+    },
+  ],
+  selectionCommand: [
+    {
+      items: [
+        aiChatItems.improveWriting,
+        aiChatItems.makeLonger,
+        aiChatItems.makeShorter,
+        aiChatItems.fixSpelling,
+        aiChatItems.simplifyLanguage,
+      ],
+    },
+  ],
+  selectionSuggestion: [
+    {
+      items: [
+        aiChatItems.replace,
+        aiChatItems.insertBelow,
+        aiChatItems.discard,
+        aiChatItems.tryAgain,
+      ],
+    },
+  ],
+};
+
+export const AIMenuItems = ({
+  aiEditorRef,
+}: {
+  aiEditorRef: React.MutableRefObject<PlateEditor | null>;
+}) => {
+  const { editor, useOption } = useEditorPlugin(AIChatPlugin);
+  const { messages } = useOption('chat');
+  const isSelecting = useIsSelecting();
+
+  const menuState = useMemo(() => {
+    if (messages.length > 0) {
+      return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';
+    }
+
+    return isSelecting ? 'selectionCommand' : 'cursorCommand';
+  }, [isSelecting, messages.length]);
+
+  const menuGroups = useMemo(() => {
+    const items = menuStateItems[menuState];
+
+    return items;
+  }, [menuState]);
+
+  return (
+    <>
+      {menuGroups.map((group, index) => (
+        <CommandGroup key={index} heading={group.heading}>
+          {group.items.map((menuItem) => (
+            <CommandItem
+              key={menuItem.value}
+              className="[&_svg]:mr-2 [&_svg]:size-4"
+              value={menuItem.value}
+              onSelect={() => {
+                menuItem.onSelect?.({ aiEditor: aiEditorRef.current!, editor });
+              }}
+            >
+              {menuItem.icon}
+              <span>{menuItem.label}</span>
+            </CommandItem>
+          ))}
+        </CommandGroup>
+      ))}
+    </>
+  );
+};
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index cc3daa8bf2..b7b9016fd1 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -2,11 +2,15 @@ import * as React from 'react';
 
 import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
 import {
+  type PlateEditor,
   toDOMNode,
   useEditorPlugin,
   useHotkeys,
 } from '@udecode/plate-common/react';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockSelectionPlugin,
+  useIsSelecting,
+} from '@udecode/plate-selection/react';
 import { type TElement, type TNodeEntry, isElementEmpty } from '@udecode/slate';
 import {
   getAncestorNode,
@@ -14,34 +18,23 @@ import {
   isSelectionAtBlockEnd,
 } from '@udecode/slate-utils';
 import { useChat } from 'ai/react';
-import {
-  Calculator,
-  Calendar,
-  CreditCard,
-  Settings,
-  Smile,
-  User,
-} from 'lucide-react';
 
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-  CommandShortcut,
-} from './command';
+import { AIChatEditor } from './ai-chat-editor';
+import { AIMenuItems } from './ai-menu-items';
+import { Command, CommandInput, CommandList } from './command';
 import { Popover, PopoverAnchor, PopoverContent } from './popover';
 
 export function AIMenu() {
   const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);
   const open = useOption('open');
+  const mode = useOption('mode');
+  const isSelecting = useIsSelecting();
+
+  const aiEditorRef = React.useRef<PlateEditor | null>(null);
 
   const chat = useChat({
     id: 'editor',
-    api: 'https://pro.platejs.org/api/ai/command',
+    api: 'api/ai',
   });
   const { input, isLoading, messages, setInput } = chat;
   const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(
@@ -109,48 +102,26 @@ export function AIMenu() {
       <PopoverAnchor virtualRef={{ current: anchorElement }} />
 
       <PopoverContent
-        className="w-[200px] bg-popover p-0"
+        className="w-fit border-none p-0"
+        onEscapeKeyDown={(e) => {
+          api.aiChat.hide();
+        }}
+        onFocusOutside={(e) => {
+          api.aiChat.hide();
+        }}
         align="start"
         avoidCollisions={false}
         contentEditable={false}
         side="bottom"
       >
         <Command className="rounded-lg border shadow-md md:min-w-[450px]">
+          {mode === 'chat' && isSelecting && messages.length > 0 && (
+            <AIChatEditor aiEditorRef={aiEditorRef} />
+          )}
+
           <CommandInput placeholder="Type a command or search..." />
           <CommandList>
-            <CommandEmpty>No results found.</CommandEmpty>
-            <CommandGroup heading="Suggestions">
-              <CommandItem>
-                <Calendar className="mr-2 size-4" />
-                <span>Calendar</span>
-              </CommandItem>
-              <CommandItem>
-                <Smile className="mr-2 size-4" />
-                <span>Search Emoji</span>
-              </CommandItem>
-              <CommandItem disabled>
-                <Calculator className="mr-2 size-4" />
-                <span>Calculator</span>
-              </CommandItem>
-            </CommandGroup>
-            <CommandSeparator />
-            <CommandGroup heading="Settings">
-              <CommandItem>
-                <User className="mr-2 size-4" />
-                <span>Profile</span>
-                <CommandShortcut>⌘P</CommandShortcut>
-              </CommandItem>
-              <CommandItem>
-                <CreditCard className="mr-2 size-4" />
-                <span>Billing</span>
-                <CommandShortcut>⌘B</CommandShortcut>
-              </CommandItem>
-              <CommandItem>
-                <Settings className="mr-2 size-4" />
-                <span>Settings</span>
-                <CommandShortcut>⌘S</CommandShortcut>
-              </CommandItem>
-            </CommandGroup>
+            <AIMenuItems aiEditorRef={aiEditorRef} />
           </CommandList>
         </Command>
       </PopoverContent>
diff --git a/yarn.lock b/yarn.lock
index 2525a046f7..c94bbbca13 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1688,6 +1688,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@faker-js/faker@npm:^9.0.2":
+  version: 9.0.3
+  resolution: "@faker-js/faker@npm:9.0.3"
+  checksum: 10c0/fde52946e7042e6273cf2ea3726a8a4b794c5b0fa8ac22cb9edcc5c436aec1b07fcb925e13abd663e86cd35d0286be0c65639d429b21bcd458205edaaa6394d0
+  languageName: node
+  linkType: hard
+
 "@fal-works/esbuild-plugin-global-externals@npm:^2.1.2":
   version: 2.1.2
   resolution: "@fal-works/esbuild-plugin-global-externals@npm:2.1.2"
@@ -21785,6 +21792,7 @@ __metadata:
   resolution: "www@workspace:apps/www"
   dependencies:
     "@ariakit/react": "npm:0.4.11"
+    "@faker-js/faker": "npm:^9.0.2"
     "@next/third-parties": "npm:15.0.0"
     "@radix-ui/colors": "npm:3.0.0"
     "@radix-ui/react-accessible-icon": "npm:^1.1.0"

From da05a92bd9ed77c9119ab3f98732db204d26474f Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 19:53:27 +0800
Subject: [PATCH 110/127] log

---
 packages/ai/src/lib/BaseAIPlugin.ts | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/packages/ai/src/lib/BaseAIPlugin.ts b/packages/ai/src/lib/BaseAIPlugin.ts
index b4f76c1852..e73581fda4 100644
--- a/packages/ai/src/lib/BaseAIPlugin.ts
+++ b/packages/ai/src/lib/BaseAIPlugin.ts
@@ -25,11 +25,23 @@ export type BaseAIPluginConfig = PluginConfig<
 
 export const BaseAIPlugin = createTSlatePlugin({
   key: 'ai',
+  extendEditor: ({ editor }) => {
+    const { apply } = editor;
+
+    editor.apply = (op) => {
+      console.log(op);
+
+      console.log(editor.history);
+
+      apply(op);
+    };
+
+    return editor;
+  },
   node: { isLeaf: true },
-})
-  .extendTransforms(({ editor }) => ({
-    insertNodes: bindFirst(insertAINodes, editor),
-    removeMarks: bindFirst(removeAIMarks, editor),
-    removeNodes: bindFirst(removeAINodes, editor),
-    undo: bindFirst(undoAI, editor),
-  }))
+}).extendTransforms(({ editor }) => ({
+  insertNodes: bindFirst(insertAINodes, editor),
+  removeMarks: bindFirst(removeAIMarks, editor),
+  removeNodes: bindFirst(removeAINodes, editor),
+  undo: bindFirst(undoAI, editor),
+}));

From 1808beb2b1dd60a0b86ef33b72d5620564dffbfd Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 21:45:01 +0800
Subject: [PATCH 111/127] mock api

---
 apps/www/package.json                         |  1 +
 .../r/styles/default/playground-demo.json     |  2 +-
 apps/www/src/app/api/ai/route.ts              | 78 +++++++++++++++----
 .../default/plate-ui/ai-menu-items.tsx        |  5 +-
 .../src/registry/default/plate-ui/ai-menu.tsx |  1 +
 yarn.lock                                     | 13 ++++
 6 files changed, 84 insertions(+), 16 deletions(-)

diff --git a/apps/www/package.json b/apps/www/package.json
index 9541e326ae..fcd52c7871 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -34,6 +34,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@ai-sdk/openai": "^0.0.67",
     "@ariakit/react": "0.4.11",
     "@faker-js/faker": "^9.0.2",
     "@next/third-parties": "15.0.0",
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index c4b35429a4..eba1bbcb79 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { AIMenu } from '@/components/plate-ui/ai-menu';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        AIPlugin,\n        AIChatPlugin.configure({\n          render: { afterEditable: () => <AIMenu /> },\n        }),\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { aiPlugins } from '@/lib/plate/demo/plugins/aiPlugin';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        ...aiPlugins,\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/src/app/api/ai/route.ts b/apps/www/src/app/api/ai/route.ts
index ddfaac5856..4f5509b661 100644
--- a/apps/www/src/app/api/ai/route.ts
+++ b/apps/www/src/app/api/ai/route.ts
@@ -1,18 +1,68 @@
-import { NextResponse } from 'next/server';
-
-import { fakeStreamText } from './fakeStreamText';
-
-function createStreamResponse(stream: ReadableStream) {
-  return new NextResponse(stream, {
-    headers: {
-      'Cache-Control': 'no-cache',
-      Connection: 'keep-alive',
-      'Content-Type': 'text/event-stream',
-      'X-Accel-Buffering': 'no',
-    },
+import type { NextRequest } from 'next/server';
+
+import { openai } from '@ai-sdk/openai';
+import { type Message, convertToCoreMessages, streamText } from 'ai';
+
+function limitTotalCharacters(messages: Message[], maxTotalChars: number) {
+  let totalChars = 0;
+  const limitedMessages: Message[] = [];
+
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const msgChars = messages[i].content.length;
+
+    if (totalChars + msgChars > maxTotalChars) break;
+
+    totalChars += msgChars;
+    limitedMessages.unshift(messages[i]);
+  }
+
+  return limitedMessages;
+}
+
+export async function POST(req: NextRequest) {
+  const { messages, system } = await req.json();
+  const limitedMessages = limitTotalCharacters(messages, 8000);
+
+  const result = await streamText({
+    maxTokens: 2048,
+    messages: convertToCoreMessages(limitedMessages),
+    model: openai('gpt-4o-mini'),
+    system: system ? truncateSystemPrompt(system, 12_000) : undefined,
   });
+
+  return result.toDataStreamResponse();
 }
 
-export function POST() {
-  return createStreamResponse(fakeStreamText({ streamProtocol: 'data' }));
+function truncateSystemPrompt(systemPrompt: string, maxChars: number) {
+  if (systemPrompt.length <= maxChars) return systemPrompt;
+
+  // Find the position of <Block> and <Selection> tags
+  const blockStart = systemPrompt.indexOf('<Block>');
+  const selectionStart = systemPrompt.indexOf('<Selection>');
+
+  if (blockStart === -1 || selectionStart === -1) {
+    // If tags are not found, simple truncation
+    return systemPrompt.slice(0, maxChars - 3) + '...';
+  }
+
+  // Preserve the structure and truncate content within tags if necessary
+  const prefix = systemPrompt.slice(0, blockStart);
+  const blockContent = systemPrompt.slice(blockStart, selectionStart);
+  const selectionContent = systemPrompt.slice(selectionStart);
+
+  const availableChars = maxChars - prefix.length - 6; // 6 for '...' in both block and selection
+  const halfAvailable = availableChars / 2;
+
+  const truncatedBlock =
+    blockContent.length > halfAvailable
+      ? blockContent.slice(0, halfAvailable - 3) + '...'
+      : blockContent;
+
+  const truncatedSelection =
+    selectionContent.length > availableChars - truncatedBlock.length
+      ? selectionContent.slice(0, availableChars - truncatedBlock.length - 3) +
+        '...'
+      : selectionContent;
+
+  return prefix + truncatedBlock + truncatedSelection;
 }
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index 7a234b6934..888360476a 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -265,7 +265,10 @@ export const AIMenuItems = ({
               className="[&_svg]:mr-2 [&_svg]:size-4"
               value={menuItem.value}
               onSelect={() => {
-                menuItem.onSelect?.({ aiEditor: aiEditorRef.current!, editor });
+                menuItem.onSelect?.({
+                  aiEditor: aiEditorRef.current!,
+                  editor: editor,
+                });
               }}
             >
               {menuItem.icon}
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index b7b9016fd1..e8565e6a1a 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -36,6 +36,7 @@ export function AIMenu() {
     id: 'editor',
     api: 'api/ai',
   });
+
   const { input, isLoading, messages, setInput } = chat;
   const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(
     null
diff --git a/yarn.lock b/yarn.lock
index c94bbbca13..3187c78ccc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,6 +12,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ai-sdk/openai@npm:^0.0.67":
+  version: 0.0.67
+  resolution: "@ai-sdk/openai@npm:0.0.67"
+  dependencies:
+    "@ai-sdk/provider": "npm:0.0.24"
+    "@ai-sdk/provider-utils": "npm:1.0.20"
+  peerDependencies:
+    zod: ^3.0.0
+  checksum: 10c0/265e1ba5ba1ab31fbade80d275043c800e3bbc42fc4f1e220cdcf7ccb260b5ab8cc05fc3981ffa0aa233c7e29ffccc8fe273965fb2cff0698fe7fc7e9cad4484
+  languageName: node
+  linkType: hard
+
 "@ai-sdk/provider-utils@npm:1.0.20":
   version: 1.0.20
   resolution: "@ai-sdk/provider-utils@npm:1.0.20"
@@ -21791,6 +21803,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "www@workspace:apps/www"
   dependencies:
+    "@ai-sdk/openai": "npm:^0.0.67"
     "@ariakit/react": "npm:0.4.11"
     "@faker-js/faker": "npm:^9.0.2"
     "@next/third-parties": "npm:15.0.0"

From 0043a1acc3ecbc0c33e407deb182796d873e9bf1 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 21:48:46 +0800
Subject: [PATCH 112/127] revert

---
 packages/ai/src/lib/BaseAIPlugin.ts | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/packages/ai/src/lib/BaseAIPlugin.ts b/packages/ai/src/lib/BaseAIPlugin.ts
index e73581fda4..d1cc95ed5e 100644
--- a/packages/ai/src/lib/BaseAIPlugin.ts
+++ b/packages/ai/src/lib/BaseAIPlugin.ts
@@ -25,19 +25,6 @@ export type BaseAIPluginConfig = PluginConfig<
 
 export const BaseAIPlugin = createTSlatePlugin({
   key: 'ai',
-  extendEditor: ({ editor }) => {
-    const { apply } = editor;
-
-    editor.apply = (op) => {
-      console.log(op);
-
-      console.log(editor.history);
-
-      apply(op);
-    };
-
-    return editor;
-  },
   node: { isLeaf: true },
 }).extendTransforms(({ editor }) => ({
   insertNodes: bindFirst(insertAINodes, editor),

From 74889b53d9c1080fe58c10d9b550db3acbc740ad Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Thu, 24 Oct 2024 22:03:50 +0800
Subject: [PATCH 113/127] ui

---
 .../src/registry/default/plate-ui/ai-menu.tsx | 21 +++++++++++++------
 .../src/react/ai-chat/utils/submitAIChat.ts   |  3 +++
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index e8565e6a1a..cc385f12f9 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -104,10 +104,10 @@ export function AIMenu() {
 
       <PopoverContent
         className="w-fit border-none p-0"
-        onEscapeKeyDown={(e) => {
+        onEscapeKeyDown={() => {
           api.aiChat.hide();
         }}
-        onFocusOutside={(e) => {
+        onFocusOutside={() => {
           api.aiChat.hide();
         }}
         align="start"
@@ -120,10 +120,19 @@ export function AIMenu() {
             <AIChatEditor aiEditorRef={aiEditorRef} />
           )}
 
-          <CommandInput placeholder="Type a command or search..." />
-          <CommandList>
-            <AIMenuItems aiEditorRef={aiEditorRef} />
-          </CommandList>
+          {isLoading ? (
+            <div className="flex grow select-none items-center gap-2 py-2 text-muted-foreground">
+              {messages.length > 1 ? 'Editing' : 'Thinking'}
+            </div>
+          ) : (
+            <CommandInput placeholder="Type a command or search..." />
+          )}
+
+          {!isLoading && (
+            <CommandList>
+              <AIMenuItems aiEditorRef={aiEditorRef} />
+            </CommandList>
+          )}
         </Command>
       </PopoverContent>
     </Popover>
diff --git a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
index 0a8b8be4cc..bca209ddaa 100644
--- a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
+++ b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
@@ -24,8 +24,11 @@ export const submitAIChat = (
       key: 'aiChat',
     }
   );
+
   const { chat, promptTemplate, systemTemplate } = getOptions();
 
+  console.log('🚀 ~ mode:', mode);
+
   if (!prompt && chat.input?.length === 0) {
     return;
   }

From e57ae39d46d08b061e29031e55d300fceaeb773e Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Thu, 24 Oct 2024 16:43:09 +0200
Subject: [PATCH 114/127] style

---
 apps/www/content/docs/ai.mdx                  |   2 +-
 .../www/content/docs/components/changelog.mdx |   9 ++
 apps/www/src/app/api/ai/fakeStreamText.ts     |  91 +++------------
 apps/www/src/app/api/ai/route.ts              |  74 ++----------
 apps/www/src/components/block-toolbar.tsx     |   2 +-
 apps/www/src/components/customizer-drawer.tsx |   3 +
 apps/www/src/components/mobile-nav.tsx        |   3 +
 .../playground-fixed-toolbar-buttons.tsx      |   4 +-
 .../playground-floating-toolbar-buttons.tsx   | 107 +++++++++---------
 .../plate-ui/playground-floating-toolbar.tsx  |  13 ++-
 .../playground-mode-dropdown-menu.tsx         |   1 -
 .../playground-turn-into-dropdown-menu.tsx    |   7 +-
 apps/www/src/lib/plate/demo/is-enabled.ts     |   2 +-
 .../plugins/{aiPlugin.tsx => ai-plugins.tsx}  |   1 +
 .../lib/plate/demo/plugins/copilotPlugin.tsx  |  74 ++++++------
 .../www/src/lib/plate/demo/values/aiValue.tsx |  83 ++++++++++----
 .../default/example/cards/cards-toolbar.tsx   |   4 +-
 .../default/example/playground-demo.tsx       |  13 +--
 .../default/plate-ui/ai-chat-editor.tsx       |   2 +-
 .../src/registry/default/plate-ui/ai-leaf.tsx |   2 +-
 .../default/plate-ui/ai-menu-items.tsx        |  34 ++++--
 .../src/registry/default/plate-ui/ai-menu.tsx |  54 +++++----
 .../default/plate-ui/ai-toolbar-button.tsx    |  27 +++++
 .../default/plate-ui/block-context-menu.tsx   |  50 +++++---
 .../src/registry/default/plate-ui/command.tsx |  18 ++-
 .../src/registry/default/plate-ui/editor.tsx  |   2 +
 .../plate-ui/fixed-toolbar-buttons.tsx        |   4 +-
 .../default/plate-ui/fixed-toolbar.tsx        |   2 +-
 .../plate-ui/floating-toolbar-buttons.tsx     |  64 +++++++----
 .../default/plate-ui/floating-toolbar.tsx     |   9 +-
 .../default/plate-ui/heading-element.tsx      |  22 +---
 .../default/plate-ui/mode-dropdown-menu.tsx   |   1 -
 .../src/registry/default/plate-ui/toolbar.tsx |  43 +++----
 .../plate-ui/turn-into-dropdown-menu.tsx      |   7 +-
 apps/www/src/registry/registry-ui.ts          |  24 +++-
 .../src/react/ai-chat/utils/submitAIChat.ts   |   2 -
 yarn.lock                                     |   1 +
 37 files changed, 457 insertions(+), 404 deletions(-)
 rename apps/www/src/lib/plate/demo/plugins/{aiPlugin.tsx => ai-plugins.tsx} (99%)
 create mode 100644 apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index 151f0c7e8a..da4df1432b 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -6,7 +6,7 @@ docs:
     title: AI Menu
 ---
 
-{/* <ComponentPreview name="playground-demo" id="ai" /> */}
+<ComponentPreview name="playground-demo" id="ai" />
 
 <ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
 
diff --git a/apps/www/content/docs/components/changelog.mdx b/apps/www/content/docs/components/changelog.mdx
index 20f9d7dd3d..3c17dd7101 100644
--- a/apps/www/content/docs/components/changelog.mdx
+++ b/apps/www/content/docs/components/changelog.mdx
@@ -11,6 +11,15 @@ Use the [CLI](https://platejs.org/docs/components/cli) to install the latest ver
 
 ## October 2024 #15
 
+### October 24 #15.3
+
+- Add `ai-menu`, `ai-menu-items`, `ai-toolbar-button`, `ai-chat-editor`, `block-context-menu`, `context-menu`, `ghost-text`, `toc-element`
+- `command`: add `InputCommand`
+- `toolbar` new style
+- `editor` demo variant
+- `heading-element`: remove `isFirstBlock` prop
+- misc: `fixed-toolbar`, `fixed-toolbar-buttons`, `floating-toolbar`, `floating-toolbar-buttons`, `mode-dropdown-menu`, `turn-into-dropdown-menu`, `button`, `cursor-overlay`, `excalidraw-element`, `inline-combobox`, `slash-input-element`
+
 ### October 14 #15.3
 
 - New cli: `shadcx`. See [CLI](/docs/components/cli) and [components.json](/docs/components/components-json).
diff --git a/apps/www/src/app/api/ai/fakeStreamText.ts b/apps/www/src/app/api/ai/fakeStreamText.ts
index c00e8921c8..52848cbe0f 100644
--- a/apps/www/src/app/api/ai/fakeStreamText.ts
+++ b/apps/www/src/app/api/ai/fakeStreamText.ts
@@ -1,91 +1,26 @@
 import { faker } from '@faker-js/faker';
-interface FakeStreamTextProps {
+
+interface Chunk {
+  delay: number;
   texts: string;
-  delay?: number;
 }
 
-export const fakerText = [
-  {
-    delay: 100,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 80,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 70,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 90,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 75,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 85,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 80,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 70,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 75,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 80,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 90,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 75,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 70,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 85,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 80,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 90,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 75,
-    texts: faker.lorem.words(1) + ' ',
-  },
-  {
-    delay: 70,
-    texts: faker.lorem.words(1) + ' ',
-  },
-];
+function getRandomChunks(count = 15): Chunk[] {
+  return Array.from({ length: count }, () => ({
+    delay: faker.number.int({ max: 150, min: 50 }),
+    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',
+  }));
+}
 
 export const fakeStreamText = ({
-  chunks = fakerText,
+  chunkCount = 15,
   streamProtocol = 'text',
 }: {
-  chunks?: FakeStreamTextProps[];
+  chunkCount?: number;
   streamProtocol?: 'data' | 'text';
 } = {}) => {
+  const chunks = getRandomChunks(chunkCount);
+
   return new ReadableStream({
     async start(controller) {
       for (const chunk of chunks) {
diff --git a/apps/www/src/app/api/ai/route.ts b/apps/www/src/app/api/ai/route.ts
index 4f5509b661..b381cfef5d 100644
--- a/apps/www/src/app/api/ai/route.ts
+++ b/apps/www/src/app/api/ai/route.ts
@@ -1,68 +1,18 @@
-import type { NextRequest } from 'next/server';
+import { NextResponse } from 'next/server';
 
-import { openai } from '@ai-sdk/openai';
-import { type Message, convertToCoreMessages, streamText } from 'ai';
+import { fakeStreamText } from './fakeStreamText';
 
-function limitTotalCharacters(messages: Message[], maxTotalChars: number) {
-  let totalChars = 0;
-  const limitedMessages: Message[] = [];
-
-  for (let i = messages.length - 1; i >= 0; i--) {
-    const msgChars = messages[i].content.length;
-
-    if (totalChars + msgChars > maxTotalChars) break;
-
-    totalChars += msgChars;
-    limitedMessages.unshift(messages[i]);
-  }
-
-  return limitedMessages;
+export function POST() {
+  return createStreamResponse(fakeStreamText({ streamProtocol: 'data' }));
 }
 
-export async function POST(req: NextRequest) {
-  const { messages, system } = await req.json();
-  const limitedMessages = limitTotalCharacters(messages, 8000);
-
-  const result = await streamText({
-    maxTokens: 2048,
-    messages: convertToCoreMessages(limitedMessages),
-    model: openai('gpt-4o-mini'),
-    system: system ? truncateSystemPrompt(system, 12_000) : undefined,
+function createStreamResponse(stream: ReadableStream) {
+  return new NextResponse(stream, {
+    headers: {
+      'Cache-Control': 'no-cache',
+      Connection: 'keep-alive',
+      'Content-Type': 'text/event-stream',
+      'X-Accel-Buffering': 'no',
+    },
   });
-
-  return result.toDataStreamResponse();
-}
-
-function truncateSystemPrompt(systemPrompt: string, maxChars: number) {
-  if (systemPrompt.length <= maxChars) return systemPrompt;
-
-  // Find the position of <Block> and <Selection> tags
-  const blockStart = systemPrompt.indexOf('<Block>');
-  const selectionStart = systemPrompt.indexOf('<Selection>');
-
-  if (blockStart === -1 || selectionStart === -1) {
-    // If tags are not found, simple truncation
-    return systemPrompt.slice(0, maxChars - 3) + '...';
-  }
-
-  // Preserve the structure and truncate content within tags if necessary
-  const prefix = systemPrompt.slice(0, blockStart);
-  const blockContent = systemPrompt.slice(blockStart, selectionStart);
-  const selectionContent = systemPrompt.slice(selectionStart);
-
-  const availableChars = maxChars - prefix.length - 6; // 6 for '...' in both block and selection
-  const halfAvailable = availableChars / 2;
-
-  const truncatedBlock =
-    blockContent.length > halfAvailable
-      ? blockContent.slice(0, halfAvailable - 3) + '...'
-      : blockContent;
-
-  const truncatedSelection =
-    selectionContent.length > availableChars - truncatedBlock.length
-      ? selectionContent.slice(0, availableChars - truncatedBlock.length - 3) +
-        '...'
-      : selectionContent;
-
-  return prefix + truncatedBlock + truncatedSelection;
 }
diff --git a/apps/www/src/components/block-toolbar.tsx b/apps/www/src/components/block-toolbar.tsx
index eaf060d81a..cde773cc32 100644
--- a/apps/www/src/components/block-toolbar.tsx
+++ b/apps/www/src/components/block-toolbar.tsx
@@ -6,11 +6,11 @@ import type { Block } from '@/registry/schema';
 import type { ImperativePanelHandle } from 'react-resizable-panels';
 
 import { Monitor, Smartphone, Tablet } from 'lucide-react';
+import Link from 'next/link';
 
 import { Button } from '@/registry/default/plate-ui/button';
 import { Separator } from '@/registry/default/plate-ui/separator';
 
-import { Link } from './link';
 import { ToggleGroup, ToggleGroupItem } from './ui/toggle-group';
 
 export function BlockToolbar({
diff --git a/apps/www/src/components/customizer-drawer.tsx b/apps/www/src/components/customizer-drawer.tsx
index d7e7b25507..149330e284 100644
--- a/apps/www/src/components/customizer-drawer.tsx
+++ b/apps/www/src/components/customizer-drawer.tsx
@@ -9,6 +9,7 @@ import { ChevronsRight } from 'lucide-react';
 import { useViewport } from '@/hooks/use-viewport';
 import { useMounted } from '@/registry/default/hooks/use-mounted';
 import { Button } from '@/registry/default/plate-ui/button';
+import { DialogTitle } from '@/registry/default/plate-ui/dialog';
 
 import { settingsStore } from './context/settings-store';
 import { CustomizerTabs } from './customizer-tabs';
@@ -70,6 +71,8 @@ export default function CustomizerDrawer() {
             modal={false}
             hideClose
           >
+            <DialogTitle className="sr-only">Customizer</DialogTitle>
+
             <SheetPrimitive.Close asChild onClick={() => setOpen(false)}>
               <Button
                 variant="ghost"
diff --git a/apps/www/src/components/mobile-nav.tsx b/apps/www/src/components/mobile-nav.tsx
index c04cc4eb25..7706e466cb 100644
--- a/apps/www/src/components/mobile-nav.tsx
+++ b/apps/www/src/components/mobile-nav.tsx
@@ -9,6 +9,7 @@ import { usePathname, useRouter } from 'next/navigation';
 import { docsConfig } from '@/config/docs';
 import { siteConfig } from '@/config/site';
 import { Button } from '@/registry/default/plate-ui/button';
+import { DialogTitle } from '@/registry/default/plate-ui/dialog';
 
 import { Icons } from './icons';
 import { ScrollArea } from './ui/scroll-area';
@@ -62,6 +63,8 @@ export function MobileNav() {
         </Button>
       </SheetTrigger>
       <SheetContent className="pr-0" side="left">
+        <DialogTitle className="sr-only">Mobile Nav</DialogTitle>
+
         <MobileLink
           className="flex items-center"
           onOpenChange={setOpen}
diff --git a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
index 97904e36ca..f23cb9770a 100644
--- a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
@@ -68,7 +68,7 @@ export function PlaygroundFixedToolbarButtons() {
       >
         {!readOnly && (
           <>
-            <ToolbarGroup noSeparator>
+            <ToolbarGroup>
               {/* <AIToolbarButton>
                 <Icons.ai />
               </AIToolbarButton> */}
@@ -204,7 +204,7 @@ export function PlaygroundFixedToolbarButtons() {
 
         <div className="grow" />
 
-        <ToolbarGroup noSeparator>
+        <ToolbarGroup>
           <CheckPlugin id="comment" plugin={CommentsPlugin}>
             <CommentToolbarButton />
           </CheckPlugin>
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
index 4cdc79d918..458ea3cb54 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar-buttons.tsx
@@ -10,17 +10,16 @@ import {
 import { CommentsPlugin } from '@udecode/plate-comments/react';
 import { useEditorReadOnly } from '@udecode/plate-common/react';
 import { LinkPlugin } from '@udecode/plate-link/react';
+import { SparklesIcon } from 'lucide-react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons } from '@/components/icons';
+import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 // import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { CommentToolbarButton } from '@/registry/default/plate-ui/comment-toolbar-button';
 import { LinkToolbarButton } from '@/registry/default/plate-ui/link-toolbar-button';
 import { MarkToolbarButton } from '@/registry/default/plate-ui/mark-toolbar-button';
-import {
-  ToolbarGroup,
-  ToolbarSeparator,
-} from '@/registry/default/plate-ui/toolbar';
+import { ToolbarGroup } from '@/registry/default/plate-ui/toolbar';
 
 import { PlaygroundMoreDropdownMenu } from './playground-more-dropdown-menu';
 import { PlaygroundTurnIntoDropdownMenu } from './playground-turn-into-dropdown-menu';
@@ -32,66 +31,72 @@ export function PlaygroundFloatingToolbarButtons() {
     <>
       {!readOnly && (
         <>
-          <ToolbarGroup noSeparator>
-            {/* <AIToolbarButton>
-              <Icons.ai />
+          <ToolbarGroup>
+            <AIToolbarButton
+              className="text-purple-500 hover:text-purple-600"
+              tooltip="Edit, generate, and more"
+            >
+              <SparklesIcon className="mr-1.5 !size-3.5" />
               Ask AI
-            </AIToolbarButton> */}
+            </AIToolbarButton>
           </ToolbarGroup>
-          <PlaygroundTurnIntoDropdownMenu />
 
-          <CheckPlugin plugin={BoldPlugin}>
-            <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
-              <Icons.bold />
-            </MarkToolbarButton>
-          </CheckPlugin>
+          <ToolbarGroup>
+            <PlaygroundTurnIntoDropdownMenu />
 
-          <CheckPlugin plugin={ItalicPlugin}>
-            <MarkToolbarButton
-              nodeType={ItalicPlugin.key}
-              tooltip="Italic (⌘+I)"
-            >
-              <Icons.italic />
-            </MarkToolbarButton>
-          </CheckPlugin>
+            <CheckPlugin plugin={BoldPlugin}>
+              <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
+                <Icons.bold />
+              </MarkToolbarButton>
+            </CheckPlugin>
 
-          <CheckPlugin plugin={UnderlinePlugin}>
-            <MarkToolbarButton
-              nodeType={UnderlinePlugin.key}
-              tooltip="Underline (⌘+U)"
-            >
-              <Icons.underline />
-            </MarkToolbarButton>
-          </CheckPlugin>
+            <CheckPlugin plugin={ItalicPlugin}>
+              <MarkToolbarButton
+                nodeType={ItalicPlugin.key}
+                tooltip="Italic (⌘+I)"
+              >
+                <Icons.italic />
+              </MarkToolbarButton>
+            </CheckPlugin>
 
-          <CheckPlugin plugin={StrikethroughPlugin}>
-            <MarkToolbarButton
-              nodeType={StrikethroughPlugin.key}
-              tooltip="Strikethrough (⌘+⇧+M)"
-            >
-              <Icons.strikethrough />
-            </MarkToolbarButton>
-          </CheckPlugin>
+            <CheckPlugin plugin={UnderlinePlugin}>
+              <MarkToolbarButton
+                nodeType={UnderlinePlugin.key}
+                tooltip="Underline (⌘+U)"
+              >
+                <Icons.underline />
+              </MarkToolbarButton>
+            </CheckPlugin>
 
-          <CheckPlugin plugin={CodePlugin}>
-            <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
-              <Icons.code />
-            </MarkToolbarButton>
-          </CheckPlugin>
+            <CheckPlugin plugin={StrikethroughPlugin}>
+              <MarkToolbarButton
+                nodeType={StrikethroughPlugin.key}
+                tooltip="Strikethrough (⌘+⇧+M)"
+              >
+                <Icons.strikethrough />
+              </MarkToolbarButton>
+            </CheckPlugin>
 
-          <ToolbarSeparator />
+            <CheckPlugin plugin={CodePlugin}>
+              <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
+                <Icons.code />
+              </MarkToolbarButton>
+            </CheckPlugin>
 
-          <CheckPlugin id="link" plugin={LinkPlugin}>
-            <LinkToolbarButton />
-          </CheckPlugin>
+            <CheckPlugin id="link" plugin={LinkPlugin}>
+              <LinkToolbarButton />
+            </CheckPlugin>
+          </ToolbarGroup>
         </>
       )}
 
-      <CheckPlugin id="comment" plugin={CommentsPlugin}>
-        <CommentToolbarButton />
-      </CheckPlugin>
+      <ToolbarGroup>
+        <CheckPlugin id="comment" plugin={CommentsPlugin}>
+          <CommentToolbarButton />
+        </CheckPlugin>
 
-      {!readOnly && <PlaygroundMoreDropdownMenu />}
+        {!readOnly && <PlaygroundMoreDropdownMenu />}
+      </ToolbarGroup>
     </>
   );
 }
diff --git a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
index 889c8d78fe..17b6686710 100644
--- a/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
+++ b/apps/www/src/components/plate-ui/playground-floating-toolbar.tsx
@@ -3,10 +3,12 @@
 import React from 'react';
 
 import { cn, withRef } from '@udecode/cn';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
 import {
   PortalBody,
   useComposedRef,
   useEditorId,
+  useEditorRef,
   useEventEditorSelectors,
 } from '@udecode/plate-common/react';
 import {
@@ -16,6 +18,7 @@ import {
   useFloatingToolbar,
   useFloatingToolbarState,
 } from '@udecode/plate-floating';
+import { LinkPlugin } from '@udecode/plate-link/react';
 
 import { Toolbar } from '@/registry/default/plate-ui/toolbar';
 
@@ -25,15 +28,16 @@ export const PlaygroundFloatingToolbar = withRef<
     state?: FloatingToolbarState;
   }
 >(({ children, state, ...props }, componentRef) => {
+  const editor = useEditorRef();
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
-
-  // const aiOpen = editor.useOptions(AIPlugin).openEditorId === editor.id;
+  const isFloatingLinkOpen = !!editor.useOption(LinkPlugin, 'mode');
+  const isAIChatOpen = editor.useOption(AIChatPlugin, 'open');
 
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
-    // hideToolbar: aiOpen,
+    hideToolbar: isFloatingLinkOpen || isAIChatOpen,
     ...state,
     floatingOptions: {
       middleware: [
@@ -68,7 +72,8 @@ export const PlaygroundFloatingToolbar = withRef<
       <Toolbar
         ref={ref}
         className={cn(
-          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'
+          'absolute z-50 whitespace-nowrap rounded-md border bg-popover p-1 opacity-100 shadow-md print:hidden',
+          'max-w-[80vw]'
         )}
         {...rootProps}
         {...props}
diff --git a/apps/www/src/components/plate-ui/playground-mode-dropdown-menu.tsx b/apps/www/src/components/plate-ui/playground-mode-dropdown-menu.tsx
index fa7c02211c..9aacee46ca 100644
--- a/apps/www/src/components/plate-ui/playground-mode-dropdown-menu.tsx
+++ b/apps/www/src/components/plate-ui/playground-mode-dropdown-menu.tsx
@@ -55,7 +55,6 @@ export function PlaygroundModeDropdownMenu(props: DropdownMenuProps) {
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
         <ToolbarButton
-          className="min-w-[auto] lg:min-w-[130px]"
           pressed={openState.open}
           tooltip="Editing mode"
           isDropdown
diff --git a/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx b/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
index c442d8b360..c867e1f050 100644
--- a/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
+++ b/apps/www/src/components/plate-ui/playground-turn-into-dropdown-menu.tsx
@@ -136,12 +136,7 @@ export function PlaygroundTurnIntoDropdownMenu(props: DropdownMenuProps) {
   return (
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
-        <ToolbarButton
-          className="lg:min-w-[130px]"
-          pressed={openState.open}
-          tooltip="Turn into"
-          isDropdown
-        >
+        <ToolbarButton pressed={openState.open} tooltip="Turn into" isDropdown>
           <SelectedItemIcon className="size-5 lg:hidden" />
           <span className="max-lg:hidden">{selectedItemLabel}</span>
         </ToolbarButton>
diff --git a/apps/www/src/lib/plate/demo/is-enabled.ts b/apps/www/src/lib/plate/demo/is-enabled.ts
index d3f513bdde..959a9c4ab8 100644
--- a/apps/www/src/lib/plate/demo/is-enabled.ts
+++ b/apps/www/src/lib/plate/demo/is-enabled.ts
@@ -4,4 +4,4 @@ export const isEnabled = (
   id: ValueId,
   currentId?: ValueId,
   componentId?: boolean
-) => (!currentId && componentId !== false) || currentId === id;
+) => !!id || (!currentId && componentId !== false) || currentId === id;
diff --git a/apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/ai-plugins.tsx
similarity index 99%
rename from apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx
rename to apps/www/src/lib/plate/demo/plugins/ai-plugins.tsx
index 6fd0775b46..d96e2fac64 100644
--- a/apps/www/src/lib/plate/demo/plugins/aiPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/ai-plugins.tsx
@@ -211,6 +211,7 @@ export const PROMPT_TEMPLATES = {
 
 export const aiPlugins = [
   SelectionOverlayPlugin,
+  MarkdownPlugin.configure({ options: { indentList: true } }),
   AIPlugin,
   AIChatPlugin.configure({
     options: {
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
index 37538c56ff..fc80e5d512 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
@@ -4,45 +4,47 @@ import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
 
 import { GhostText } from '@/registry/default/plate-ui/ghost-text';
 
-export const copilotPlugin = CopilotPlugin.configure(({ api }) => ({
-  options: {
-    completeOptions: {
-      api: 'https://pro.platejs.org/api/ai/copilot',
-      body: {
-        system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+export const copilotPlugins = [
+  CopilotPlugin.configure(({ api }) => ({
+    options: {
+      completeOptions: {
+        api: 'https://pro.platejs.org/api/ai/copilot',
+        body: {
+          system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+  
+  Rules:
+  - Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
+  - Maintain style and tone. Don't repeat given text.
+  - For unclear context, provide the most likely continuation.
+  - Handle code snippets, lists, or structured text if needed.
+  - Don't include """ in your response.
+  - CRITICAL: Always end with a punctuation mark.
+  - CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
+  - If no context is provided or you can't generate a continuation, return "0" without explanation.`,
+        },
+        onFinish: (_, completion) => {
+          if (completion === '0') return;
 
-Rules:
-- Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
-- Maintain style and tone. Don't repeat given text.
-- For unclear context, provide the most likely continuation.
-- Handle code snippets, lists, or structured text if needed.
-- Don't include """ in your response.
-- CRITICAL: Always end with a punctuation mark.
-- CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
-- If no context is provided or you can't generate a continuation, return "0" without explanation.`,
+          api.copilot.setBlockSuggestion({
+            //stripMarkdownBlocks in plus GhostText
+            text: stripMarkdown(completion),
+          });
+        },
       },
-      onFinish: (_, completion) => {
-        if (completion === '0') return;
+      debounceDelay: 500,
+      getPrompt: ({ editor }) => {
+        const contextEntry = getAncestorNode(editor);
 
-        api.copilot.setBlockSuggestion({
-          //stripMarkdownBlocks in plus GhostText
-          text: stripMarkdown(completion),
-        });
-      },
-    },
-    debounceDelay: 500,
-    getPrompt: ({ editor }) => {
-      const contextEntry = getAncestorNode(editor);
+        if (!contextEntry) return '';
 
-      if (!contextEntry) return '';
+        const prompt = serializeMdNodes([contextEntry[0] as TElement]);
 
-      const prompt = serializeMdNodes([contextEntry[0] as TElement]);
-
-      return `Continue the text up to the next punctuation mark:
-"""
-${prompt}
-"""`;
+        return `Continue the text up to the next punctuation mark:
+  """
+  ${prompt}
+  """`;
+      },
+      renderGhostText: GhostText,
     },
-    renderGhostText: GhostText,
-  },
-}));
+  })),
+] as const;
diff --git a/apps/www/src/lib/plate/demo/values/aiValue.tsx b/apps/www/src/lib/plate/demo/values/aiValue.tsx
index 17e159dfe3..7137a7d733 100644
--- a/apps/www/src/lib/plate/demo/values/aiValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/aiValue.tsx
@@ -6,38 +6,81 @@ jsx;
 
 export const aiValue: any = (
   <fragment>
-    <hh1>AI</hh1>
     <hh2>AI Menu</hh2>
-    <hp indent={1} listStyleType="decimal">
-      <htext>To trigger the AI menu, you can:</htext>
-    </hp>
-    <hp indent={2} listStyleType="disc">
-      <htext>Press the Space key on a new empty block</htext>
+    <hp>
+      The AI Menu provides powerful AI-assisted writing and editing
+      capabilities.
     </hp>
-    <hp indent={2} listStyleType="disc">
-      <htext>Select text then click the AI icon in the floating toolbar</htext>
-    </hp>
-    <hp indent={1} listStart={2} listStyleType="decimal">
+    <hp>Ways to access the AI Menu:</hp>
+    <hp indent={1} listStyleType="decimal">
       <htext>
-        Type your prompt or question in the input field that appears.
+        Press space in an empty block or select text to see "Ask AI" in the
+        floating toolbar.
       </htext>
     </hp>
+    <hp indent={1} listStart={2} listStyleType="decimal">
+      <htext>Press "⌘ + J".</htext>
+    </hp>
     <hp indent={1} listStart={3} listStyleType="decimal">
-      <htext>Press Enter to submit your prompt and generate AI content.</htext>
+      <htext>Select text to access AI options for the selection.</htext>
     </hp>
-    <hp indent={1} listStart={4} listStyleType="decimal">
+    <hp>Using the AI Menu:</hp>
+    <hp indent={1} listStyleType="disc">
       <htext>
-        The AI will generate content based on your prompt. You can then:
+        Ask anything in the search bar or choose from preset options:
       </htext>
+      <hp indent={2} listStyleType="circle">
+        <htext>Continue writing</htext>
+      </hp>
+      <hp indent={2} listStyleType="circle">
+        <htext>Add a summary</htext>
+      </hp>
+      <hp indent={2} listStyleType="circle">
+        <htext>Explain</htext>
+      </hp>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>For generated content, you can:</htext>
+      <hp indent={2} listStyleType="circle">
+        <htext>Accept it (inserts directly into the editor)</htext>
+      </hp>
+      <hp indent={2} listStyleType="circle">
+        <htext>Discard it</htext>
+      </hp>
+      <hp indent={2} listStyleType="circle">
+        <htext>Try again for another suggestion</htext>
+      </hp>
     </hp>
-    <hp indent={2} listStyleType="disc">
-      <htext>Edit the generated content as needed</htext>
+    <hp>AI options for selected text:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Improve writing</htext>
     </hp>
-    <hp indent={2} listStyleType="disc">
-      <htext>Accept the content as is</htext>
+    <hp indent={1} listStyleType="disc">
+      <htext>Make it longer or shorter</htext>
     </hp>
-    <hp indent={2} listStyleType="disc">
-      <htext>Regenerate the content with a different prompt</htext>
+    <hp indent={1} listStyleType="disc">
+      <htext>Fix spelling & grammar</htext>
     </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Simplify language</htext>
+    </hp>
+    <hp>For AI suggestions on selected text, you can:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Replace the selection</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Insert below</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Discard</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Try again</htext>
+    </hp>
+    <hcallout variant="info" icon="💡">
+      <htext>
+        Press Escape to close the AI menu or stop the AI generation process.
+      </htext>
+    </hcallout>
   </fragment>
 );
diff --git a/apps/www/src/registry/default/example/cards/cards-toolbar.tsx b/apps/www/src/registry/default/example/cards/cards-toolbar.tsx
index 6739d08012..e3280d0ebb 100644
--- a/apps/www/src/registry/default/example/cards/cards-toolbar.tsx
+++ b/apps/www/src/registry/default/example/cards/cards-toolbar.tsx
@@ -45,7 +45,7 @@ export function CardsToolbar() {
             transform: 'translateX(calc(-1px))',
           }}
         >
-          <ToolbarGroup noSeparator>
+          <ToolbarGroup>
             <InsertDropdownMenu />
             <TurnIntoDropdownMenu />
           </ToolbarGroup>
@@ -121,7 +121,7 @@ export function CardsToolbar() {
 
           <div className="grow" />
 
-          <ToolbarGroup noSeparator>
+          <ToolbarGroup>
             <CommentToolbarButton />
             <ModeDropdownMenu />
           </ToolbarGroup>
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index d2a14f9fca..9bbe114040 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -72,9 +72,9 @@ import { settingsStore } from '@/components/context/settings-store';
 import { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';
 import { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';
 import { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';
-import { aiPlugins } from '@/lib/plate/demo/plugins/aiPlugin';
+import { aiPlugins } from '@/lib/plate/demo/plugins/ai-plugins';
 import { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';
-import { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';
+import { copilotPlugins } from '@/lib/plate/demo/plugins/copilotPlugin';
 import { createPlateUI } from '@/plate/create-plate-ui';
 import { editableProps } from '@/plate/demo/editableProps';
 import { isEnabled } from '@/plate/demo/is-enabled';
@@ -116,7 +116,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
 
   const editorId = id || 'playground-' + key;
 
-  const a = usePlateEditor(
+  return usePlateEditor(
     {
       id: editorId,
       override: {
@@ -127,9 +127,8 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         plugins: overridePlugins,
       },
       plugins: [
-        //ai
         ...aiPlugins,
-        copilotPlugin,
+        ...copilotPlugins,
         // Nodes
         HeadingPlugin,
         TocPlugin.configure({
@@ -328,7 +327,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
 
         // Deserialization
         DocxPlugin,
-        MarkdownPlugin,
+        MarkdownPlugin.configure({ options: { indentList: true } }),
         JuicePlugin,
         ColumnPlugin,
 
@@ -341,8 +340,6 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
     },
     []
   );
-
-  return a;
 };
 
 export default function PlaygroundDemo({
diff --git a/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx b/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
index f709d83a96..a34755a07d 100644
--- a/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-chat-editor.tsx
@@ -47,7 +47,7 @@ export const AIChatEditor = memo(
 
     return (
       <Plate editor={aiEditor}>
-        <Editor readOnly />
+        <Editor variant="aiChat" readOnly />
       </Plate>
     );
   }
diff --git a/apps/www/src/registry/default/plate-ui/ai-leaf.tsx b/apps/www/src/registry/default/plate-ui/ai-leaf.tsx
index 7dfd619c67..0080ac459c 100644
--- a/apps/www/src/registry/default/plate-ui/ai-leaf.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-leaf.tsx
@@ -11,7 +11,7 @@ export const AILeaf = withRef<typeof PlateLeaf>(
       <PlateLeaf
         ref={ref}
         className={cn(
-          'border-b-2 border-b-brand/10 bg-brand/5 text-[rgb(17,96,174)]',
+          'border-b-2 border-b-purple-100 bg-purple-50 text-purple-800',
           'transition-all duration-200 ease-in-out',
           className
         )}
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index 888360476a..accc26ff8d 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -1,11 +1,17 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 
 import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
-import { type PlateEditor, useEditorPlugin } from '@udecode/plate-core/react';
+import {
+  getAncestorNode,
+  getEndPoint,
+  getNodeString,
+} from '@udecode/plate-common';
+import {
+  type PlateEditor,
+  focusEditor,
+  useEditorPlugin,
+} from '@udecode/plate-common/react';
 import { useIsSelecting } from '@udecode/plate-selection/react';
-import { getEndPoint, getNodeString } from '@udecode/slate';
-import { focusEditor } from '@udecode/slate-react';
-import { getAncestorNode } from '@udecode/slate-utils';
 import {
   Album,
   BadgeHelp,
@@ -68,7 +74,7 @@ Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
     },
   },
   explain: {
-    icon: <BadgeHelp className="mr-2 size-4" />,
+    icon: <BadgeHelp className="size-4" />,
     label: 'Explain',
     value: 'explain',
     onSelect: ({ editor }) => {
@@ -147,7 +153,7 @@ Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
     },
   },
   summarize: {
-    icon: <Album className="mr-2 size-4" />,
+    icon: <Album className="size-4" />,
     label: 'Add a summary',
     value: 'summarize',
     onSelect: ({ editor }) => {
@@ -234,20 +240,22 @@ const menuStateItems: Record<
 
 export const AIMenuItems = ({
   aiEditorRef,
+  setValue,
 }: {
   aiEditorRef: React.MutableRefObject<PlateEditor | null>;
+  setValue: (value: string) => void;
 }) => {
   const { editor, useOption } = useEditorPlugin(AIChatPlugin);
   const { messages } = useOption('chat');
   const isSelecting = useIsSelecting();
 
   const menuState = useMemo(() => {
-    if (messages.length > 0) {
+    if (messages && messages.length > 0) {
       return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';
     }
 
     return isSelecting ? 'selectionCommand' : 'cursorCommand';
-  }, [isSelecting, messages.length]);
+  }, [isSelecting, messages]);
 
   const menuGroups = useMemo(() => {
     const items = menuStateItems[menuState];
@@ -255,6 +263,12 @@ export const AIMenuItems = ({
     return items;
   }, [menuState]);
 
+  useEffect(() => {
+    if (menuGroups.length > 0 && menuGroups[0].items.length > 0) {
+      setValue(menuGroups[0].items[0].value);
+    }
+  }, [menuGroups, setValue]);
+
   return (
     <>
       {menuGroups.map((group, index) => (
@@ -262,7 +276,7 @@ export const AIMenuItems = ({
           {group.items.map((menuItem) => (
             <CommandItem
               key={menuItem.value}
-              className="[&_svg]:mr-2 [&_svg]:size-4"
+              className="gap-2 [&_svg]:size-4 [&_svg]:text-muted-foreground"
               value={menuItem.value}
               onSelect={() => {
                 menuItem.onSelect?.({
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index cc385f12f9..0fb857884e 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -1,6 +1,14 @@
 import * as React from 'react';
 
 import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
+import {
+  type TElement,
+  type TNodeEntry,
+  getAncestorNode,
+  getBlocks,
+  isElementEmpty,
+  isSelectionAtBlockEnd,
+} from '@udecode/plate-common';
 import {
   type PlateEditor,
   toDOMNode,
@@ -11,17 +19,12 @@ import {
   BlockSelectionPlugin,
   useIsSelecting,
 } from '@udecode/plate-selection/react';
-import { type TElement, type TNodeEntry, isElementEmpty } from '@udecode/slate';
-import {
-  getAncestorNode,
-  getBlocks,
-  isSelectionAtBlockEnd,
-} from '@udecode/slate-utils';
 import { useChat } from 'ai/react';
+import { Loader2Icon } from 'lucide-react';
 
 import { AIChatEditor } from './ai-chat-editor';
 import { AIMenuItems } from './ai-menu-items';
-import { Command, CommandInput, CommandList } from './command';
+import { Command, CommandList, InputCommand } from './command';
 import { Popover, PopoverAnchor, PopoverContent } from './popover';
 
 export function AIMenu() {
@@ -31,10 +34,11 @@ export function AIMenu() {
   const isSelecting = useIsSelecting();
 
   const aiEditorRef = React.useRef<PlateEditor | null>(null);
+  const [value, setValue] = React.useState('');
 
   const chat = useChat({
     id: 'editor',
-    api: 'api/ai',
+    api: '/api/ai',
   });
 
   const { input, isLoading, messages, setInput } = chat;
@@ -103,34 +107,42 @@ export function AIMenu() {
       <PopoverAnchor virtualRef={{ current: anchorElement }} />
 
       <PopoverContent
-        className="w-fit border-none p-0"
-        onEscapeKeyDown={() => {
-          api.aiChat.hide();
-        }}
-        onFocusOutside={() => {
-          api.aiChat.hide();
+        className="border-none bg-transparent p-0 shadow-none"
+        style={{
+          width: anchorElement?.offsetWidth,
         }}
-        align="start"
+        align="center"
         avoidCollisions={false}
-        contentEditable={false}
         side="bottom"
       >
-        <Command className="rounded-lg border shadow-md md:min-w-[450px]">
+        <Command
+          className="w-full rounded-lg border shadow-md"
+          value={value}
+          onValueChange={setValue}
+        >
           {mode === 'chat' && isSelecting && messages.length > 0 && (
             <AIChatEditor aiEditorRef={aiEditorRef} />
           )}
 
           {isLoading ? (
-            <div className="flex grow select-none items-center gap-2 py-2 text-muted-foreground">
-              {messages.length > 1 ? 'Editing' : 'Thinking'}
+            <div className="flex grow select-none items-center gap-2 p-2 text-sm text-muted-foreground">
+              <Loader2Icon className="size-4 animate-spin" />
+              {messages.length > 1 ? 'Editing...' : 'Thinking...'}
             </div>
           ) : (
-            <CommandInput placeholder="Type a command or search..." />
+            <InputCommand
+              variant="ghost"
+              className="rounded-none border-b border-solid border-border [&_svg]:hidden"
+              value={input}
+              onValueChange={setInput}
+              placeholder="Ask AI anything..."
+              autoFocus
+            />
           )}
 
           {!isLoading && (
             <CommandList>
-              <AIMenuItems aiEditorRef={aiEditorRef} />
+              <AIMenuItems aiEditorRef={aiEditorRef} setValue={setValue} />
             </CommandList>
           )}
         </Command>
diff --git a/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx b/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
new file mode 100644
index 0000000000..4c184ede6d
--- /dev/null
+++ b/apps/www/src/registry/default/plate-ui/ai-toolbar-button.tsx
@@ -0,0 +1,27 @@
+'use client';
+
+import React from 'react';
+
+import { withRef } from '@udecode/cn';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
+import { useEditorPlugin } from '@udecode/plate-common/react';
+
+import { ToolbarButton } from './toolbar';
+
+export const AIToolbarButton = withRef<typeof ToolbarButton>(
+  ({ children, ...rest }, ref) => {
+    const { api } = useEditorPlugin(AIChatPlugin);
+
+    return (
+      <ToolbarButton
+        ref={ref}
+        {...rest}
+        onClick={() => {
+          api.aiChat.show();
+        }}
+      >
+        {children}
+      </ToolbarButton>
+    );
+  }
+);
diff --git a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
index 7189998361..d7b0dc9e60 100644
--- a/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/block-context-menu.tsx
@@ -1,5 +1,6 @@
-import { useCallback } from 'react';
+import { useCallback, useState } from 'react';
 
+import { AIChatPlugin } from '@udecode/plate-ai/react';
 import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
 import { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
@@ -14,7 +15,6 @@ import { focusEditor } from '@udecode/slate-react';
 
 import {
   ContextMenu,
-  ContextMenuCheckboxItem,
   ContextMenuContent,
   ContextMenuItem,
   ContextMenuSeparator,
@@ -25,10 +25,11 @@ import {
   ContextMenuTrigger,
 } from './context-menu';
 
-export const BlockContextMenu = (props: { children: React.ReactNode }) => {
-  const { api, editor } = useEditorPlugin(BlockMenuPlugin);
+type Value = 'askAI' | null;
 
-  const { children } = props;
+export function BlockContextMenu({ children }: { children: React.ReactNode }) {
+  const { api, editor } = useEditorPlugin(BlockMenuPlugin);
+  const [value, setValue] = useState<Value>(null);
 
   const handleTurnInto = useCallback(
     (type: string) => {
@@ -56,7 +57,7 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
   );
 
   return (
-    <ContextMenu>
+    <ContextMenu modal={false}>
       <ContextMenuTrigger
         onContextMenu={(event) => {
           const dataset = (event.target as HTMLElement).dataset;
@@ -73,8 +74,25 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
       >
         {children}
       </ContextMenuTrigger>
-      <ContextMenuContent className="w-64">
-        {/* <ContextMenuItem inset>Ask AI</ContextMenuItem> */}
+      <ContextMenuContent
+        className="w-64"
+        onCloseAutoFocus={(e) => {
+          e.preventDefault();
+
+          if (value === 'askAI') {
+            editor.getApi(AIChatPlugin).aiChat.show();
+          }
+
+          setValue(null);
+        }}
+      >
+        <ContextMenuItem
+          onClick={() => {
+            setValue('askAI');
+          }}
+        >
+          Ask AI
+        </ContextMenuItem>
         <ContextMenuItem
           onClick={() => {
             editor
@@ -82,7 +100,6 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
               .blockSelection.removeNodes();
             focusEditor(editor);
           }}
-          inset
         >
           Delete
         </ContextMenuItem>
@@ -94,13 +111,12 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
                 editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()
               );
           }}
-          inset
         >
           Duplicate
           <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>
         </ContextMenuItem>
         <ContextMenuSub>
-          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>
+          <ContextMenuSubTrigger>Turn into</ContextMenuSubTrigger>
           <ContextMenuSubContent className="w-48">
             <ContextMenuItem
               onClick={() => handleTurnInto(ParagraphPlugin.key)}
@@ -125,7 +141,7 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
           </ContextMenuSubContent>
         </ContextMenuSub>
         <ContextMenuSeparator />
-        <ContextMenuCheckboxItem
+        <ContextMenuItem
           onClick={() =>
             editor
               .getTransforms(BlockSelectionPlugin)
@@ -133,8 +149,8 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
           }
         >
           Indent
-        </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem
+        </ContextMenuItem>
+        <ContextMenuItem
           onClick={() =>
             editor
               .getTransforms(BlockSelectionPlugin)
@@ -142,9 +158,9 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
           }
         >
           Outdent
-        </ContextMenuCheckboxItem>
+        </ContextMenuItem>
         <ContextMenuSub>
-          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>
+          <ContextMenuSubTrigger>Align</ContextMenuSubTrigger>
           <ContextMenuSubContent className="w-48">
             <ContextMenuItem onClick={() => handleAlign('left')}>
               Left
@@ -160,4 +176,4 @@ export const BlockContextMenu = (props: { children: React.ReactNode }) => {
       </ContextMenuContent>
     </ContextMenu>
   );
-};
+}
diff --git a/apps/www/src/registry/default/plate-ui/command.tsx b/apps/www/src/registry/default/plate-ui/command.tsx
index 9cee953610..86650063c1 100644
--- a/apps/www/src/registry/default/plate-ui/command.tsx
+++ b/apps/www/src/registry/default/plate-ui/command.tsx
@@ -4,12 +4,19 @@ import * as React from 'react';
 
 import type { DialogProps } from '@radix-ui/react-dialog';
 
-import { cn, createPrimitiveElement, withCn, withRef } from '@udecode/cn';
+import {
+  cn,
+  createPrimitiveElement,
+  withCn,
+  withRef,
+  withVariants,
+} from '@udecode/cn';
 import { Command as CommandPrimitive } from 'cmdk';
 
 import { Icons } from '@/components/icons';
 
-import { Dialog, DialogContent } from './dialog';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+import { inputVariants } from './input';
 
 export const Command = withCn(
   CommandPrimitive,
@@ -20,6 +27,7 @@ export function CommandDialog({ children, ...props }: DialogProps) {
   return (
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0 shadow-lg">
+        <DialogTitle className="sr-only">Command Dialog</DialogTitle>
         <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5">
           {children}
         </Command>
@@ -44,6 +52,12 @@ export const CommandInput = withRef<typeof CommandPrimitive.Input>(
   )
 );
 
+export const InputCommand = withVariants(
+  CommandPrimitive.Input,
+  inputVariants,
+  ['variant']
+);
+
 export const CommandList = withCn(
   CommandPrimitive.List,
   'max-h-[500px] overflow-y-auto overflow-x-hidden'
diff --git a/apps/www/src/registry/default/plate-ui/editor.tsx b/apps/www/src/registry/default/plate-ui/editor.tsx
index f09113f7f5..25445855f9 100644
--- a/apps/www/src/registry/default/plate-ui/editor.tsx
+++ b/apps/www/src/registry/default/plate-ui/editor.tsx
@@ -37,6 +37,8 @@ const editorVariants = cva(
         sm: 'text-sm',
       },
       variant: {
+        aiChat:
+          'max-h-[min(70vh,320px)] w-full overflow-y-auto rounded-none border-b px-3 py-2 text-sm',
         demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
diff --git a/apps/www/src/registry/default/plate-ui/fixed-toolbar-buttons.tsx b/apps/www/src/registry/default/plate-ui/fixed-toolbar-buttons.tsx
index 9299499752..b7c710e9e4 100644
--- a/apps/www/src/registry/default/plate-ui/fixed-toolbar-buttons.tsx
+++ b/apps/www/src/registry/default/plate-ui/fixed-toolbar-buttons.tsx
@@ -30,7 +30,7 @@ export function FixedToolbarButtons() {
       >
         {!readOnly && (
           <>
-            <ToolbarGroup noSeparator>
+            <ToolbarGroup>
               <InsertDropdownMenu />
               <TurnIntoDropdownMenu />
             </ToolbarGroup>
@@ -67,7 +67,7 @@ export function FixedToolbarButtons() {
 
         <div className="grow" />
 
-        <ToolbarGroup noSeparator>
+        <ToolbarGroup>
           <ModeDropdownMenu />
         </ToolbarGroup>
       </div>
diff --git a/apps/www/src/registry/default/plate-ui/fixed-toolbar.tsx b/apps/www/src/registry/default/plate-ui/fixed-toolbar.tsx
index 917f9e2eb3..b96aa56ae7 100644
--- a/apps/www/src/registry/default/plate-ui/fixed-toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/fixed-toolbar.tsx
@@ -4,5 +4,5 @@ import { Toolbar } from './toolbar';
 
 export const FixedToolbar = withCn(
   Toolbar,
-  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 backdrop-blur'
+  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 p-1 backdrop-blur'
 );
diff --git a/apps/www/src/registry/default/plate-ui/floating-toolbar-buttons.tsx b/apps/www/src/registry/default/plate-ui/floating-toolbar-buttons.tsx
index f3f39e1e5b..0b09ce8672 100644
--- a/apps/www/src/registry/default/plate-ui/floating-toolbar-buttons.tsx
+++ b/apps/www/src/registry/default/plate-ui/floating-toolbar-buttons.tsx
@@ -11,6 +11,9 @@ import { useEditorReadOnly } from '@udecode/plate-common/react';
 
 import { Icons } from '@/components/icons';
 
+import { ToolbarGroup } from './toolbar';
+
+// import { AIToolbarButton } from './ai-toolbar-button';
 import { MarkToolbarButton } from './mark-toolbar-button';
 import { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';
 
@@ -21,29 +24,44 @@ export function FloatingToolbarButtons() {
     <>
       {!readOnly && (
         <>
-          <TurnIntoDropdownMenu />
-
-          <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
-            <Icons.bold />
-          </MarkToolbarButton>
-          <MarkToolbarButton nodeType={ItalicPlugin.key} tooltip="Italic (⌘+I)">
-            <Icons.italic />
-          </MarkToolbarButton>
-          <MarkToolbarButton
-            nodeType={UnderlinePlugin.key}
-            tooltip="Underline (⌘+U)"
-          >
-            <Icons.underline />
-          </MarkToolbarButton>
-          <MarkToolbarButton
-            nodeType={StrikethroughPlugin.key}
-            tooltip="Strikethrough (⌘+⇧+M)"
-          >
-            <Icons.strikethrough />
-          </MarkToolbarButton>
-          <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
-            <Icons.code />
-          </MarkToolbarButton>
+          {/* <ToolbarGroup>
+            <AIToolbarButton
+              className="text-purple-500 hover:text-purple-600"
+              tooltip="Edit, generate, and more"
+            >
+              <SparklesIcon className="mr-1.5 !size-3.5" />
+              Ask AI
+            </AIToolbarButton>
+          </ToolbarGroup> */}
+
+          <ToolbarGroup>
+            <TurnIntoDropdownMenu />
+
+            <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
+              <Icons.bold />
+            </MarkToolbarButton>
+            <MarkToolbarButton
+              nodeType={ItalicPlugin.key}
+              tooltip="Italic (⌘+I)"
+            >
+              <Icons.italic />
+            </MarkToolbarButton>
+            <MarkToolbarButton
+              nodeType={UnderlinePlugin.key}
+              tooltip="Underline (⌘+U)"
+            >
+              <Icons.underline />
+            </MarkToolbarButton>
+            <MarkToolbarButton
+              nodeType={StrikethroughPlugin.key}
+              tooltip="Strikethrough (⌘+⇧+M)"
+            >
+              <Icons.strikethrough />
+            </MarkToolbarButton>
+            <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
+              <Icons.code />
+            </MarkToolbarButton>
+          </ToolbarGroup>
         </>
       )}
     </>
diff --git a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
index eeb20c180d..ee937d4222 100644
--- a/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/floating-toolbar.tsx
@@ -16,7 +16,6 @@ import {
   useFloatingToolbar,
   useFloatingToolbarState,
 } from '@udecode/plate-floating';
-import { LinkPlugin } from '@udecode/plate-link/react';
 
 import { Toolbar } from './toolbar';
 
@@ -29,12 +28,13 @@ export const FloatingToolbar = withRef<
   const editor = useEditorRef();
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
-  const isFloatingLinkOpen = !!editor.useOption(LinkPlugin, 'mode');
+  const isFloatingLinkOpen = !!editor.useOption({ key: 'a' }, 'mode');
+  const isAIChatOpen = editor.useOption({ key: 'aiChat' }, 'open');
 
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
-    hideToolbar: isFloatingLinkOpen,
+    hideToolbar: isFloatingLinkOpen || isAIChatOpen,
     ...state,
     floatingOptions: {
       middleware: [
@@ -70,7 +70,8 @@ export const FloatingToolbar = withRef<
       <Toolbar
         ref={ref}
         className={cn(
-          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'
+          'absolute z-50 whitespace-nowrap rounded-md border bg-popover p-1 opacity-100 shadow-md print:hidden',
+          'max-w-[80vw]'
         )}
         {...rootProps}
         {...props}
diff --git a/apps/www/src/registry/default/plate-ui/heading-element.tsx b/apps/www/src/registry/default/plate-ui/heading-element.tsx
index dbe898e988..2943e02ec7 100644
--- a/apps/www/src/registry/default/plate-ui/heading-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/heading-element.tsx
@@ -18,31 +18,17 @@ const headingVariants = cva('relative mb-1', {
   },
 });
 
-const blockVariants = cva('', {
-  variants: {
-    isFirstBlock: {
-      false: '',
-      // true: 'mt-0',
-    },
-  },
-});
-
-const HeadingElementVariants = withVariants(
-  withVariants(PlateElement, headingVariants, ['variant']),
-  blockVariants,
-  ['isFirstBlock']
-);
+const HeadingElementVariants = withVariants(PlateElement, headingVariants, [
+  'variant',
+]);
 
 export const HeadingElement = withRef<typeof HeadingElementVariants>(
-  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {
-    const { editor, element } = props;
-
+  ({ children, variant = 'h1', ...props }, ref) => {
     return (
       <HeadingElementVariants
         ref={ref}
         as={variant!}
         variant={variant}
-        isFirstBlock={element === editor.children[0]}
         {...props}
       >
         {children}
diff --git a/apps/www/src/registry/default/plate-ui/mode-dropdown-menu.tsx b/apps/www/src/registry/default/plate-ui/mode-dropdown-menu.tsx
index 3ceacbf67b..b9222ef72b 100644
--- a/apps/www/src/registry/default/plate-ui/mode-dropdown-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/mode-dropdown-menu.tsx
@@ -50,7 +50,6 @@ export function ModeDropdownMenu(props: DropdownMenuProps) {
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
         <ToolbarButton
-          className="min-w-[auto] lg:min-w-[130px]"
           pressed={openState.open}
           tooltip="Editing mode"
           isDropdown
diff --git a/apps/www/src/registry/default/plate-ui/toolbar.tsx b/apps/www/src/registry/default/plate-ui/toolbar.tsx
index e705262fac..8e06f5ac34 100644
--- a/apps/www/src/registry/default/plate-ui/toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/toolbar.tsx
@@ -13,7 +13,7 @@ import { withTooltip } from './tooltip';
 
 export const Toolbar = withCn(
   ToolbarPrimitive.Root,
-  'relative flex select-none items-center gap-1 bg-background'
+  'relative flex select-none items-center'
 );
 
 export const ToolbarToggleGroup = withCn(
@@ -28,13 +28,13 @@ export const ToolbarLink = withCn(
 
 export const ToolbarSeparator = withCn(
   ToolbarPrimitive.Separator,
-  'my-1 w-px shrink-0 bg-border'
+  'mx-2 my-1 w-px shrink-0 bg-border'
 );
 
 const toolbarButtonVariants = cva(
   cn(
     'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-    '[&_svg:not([data-icon])]:size-5'
+    '[&_svg:not([data-icon])]:size-4'
   ),
   {
     defaultVariants: {
@@ -45,7 +45,7 @@ const toolbarButtonVariants = cva(
       size: {
         default: 'h-10 px-3',
         lg: 'h-11 px-5',
-        sm: 'h-9 px-2',
+        sm: 'h-7 px-2',
       },
       variant: {
         default:
@@ -87,7 +87,7 @@ const ToolbarButton = withTooltip(
                 size,
                 variant,
               }),
-              isDropdown && 'my-1 justify-between pr-1',
+              isDropdown && 'justify-between pr-1',
               className
             )}
             value={pressed ? 'single' : ''}
@@ -95,9 +95,14 @@ const ToolbarButton = withTooltip(
           >
             {isDropdown ? (
               <>
-                <div className="flex flex-1">{children}</div>
+                <div className="flex flex-1 items-center whitespace-nowrap">
+                  {children}
+                </div>
                 <div>
-                  <Icons.arrowDown className="ml-0.5 size-4" data-icon />
+                  <Icons.arrowDown
+                    className="ml-0.5 size-3.5 text-muted-foreground"
+                    data-icon
+                  />
                 </div>
               </>
             ) : (
@@ -134,25 +139,21 @@ export const ToolbarToggleItem = withVariants(
   ['variant', 'size']
 );
 
-export const ToolbarGroup = withRef<
-  'div',
-  {
-    noSeparator?: boolean;
-  }
->(({ children, className, noSeparator }, ref) => {
+export const ToolbarGroup = withRef<'div'>(({ children, className }, ref) => {
   const childArr = React.Children.map(children, (c) => c);
 
   if (!childArr || childArr.length === 0) return null;
 
   return (
-    <div ref={ref} className={cn('flex', className)}>
-      {!noSeparator && (
-        <div className="h-full py-1">
-          <Separator orientation="vertical" />
-        </div>
-      )}
-
-      <div className="mx-1 flex items-center gap-1">{children}</div>
+    <div
+      ref={ref}
+      className={cn('group/toolbar-group relative flex', className)}
+    >
+      <div className="flex items-center gap-0.5">{children}</div>
+
+      <div className="mx-1.5 hidden py-0.5 group-last/toolbar-group:!hidden group-has-[button]/toolbar-group:block">
+        <Separator orientation="vertical" />
+      </div>
     </div>
   );
 });
diff --git a/apps/www/src/registry/default/plate-ui/turn-into-dropdown-menu.tsx b/apps/www/src/registry/default/plate-ui/turn-into-dropdown-menu.tsx
index 96a75b8823..275f4d51bf 100644
--- a/apps/www/src/registry/default/plate-ui/turn-into-dropdown-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/turn-into-dropdown-menu.tsx
@@ -106,12 +106,7 @@ export function TurnIntoDropdownMenu(props: DropdownMenuProps) {
   return (
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
-        <ToolbarButton
-          className="lg:min-w-[130px]"
-          pressed={openState.open}
-          tooltip="Turn into"
-          isDropdown
-        >
+        <ToolbarButton pressed={openState.open} tooltip="Turn into" isDropdown>
           <SelectedItemIcon className="size-5 lg:hidden" />
           <span className="max-lg:hidden">{selectedItemLabel}</span>
         </ToolbarButton>
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 2fae6b7594..9699302c93 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -8,6 +8,28 @@ export const ui: Registry = [
     registryDependencies: [],
     type: 'registry:ui',
   },
+  {
+    dependencies: [
+      '@udecode/plate-ai',
+      '@udecode/plate-markdown',
+      '@udecode/plate-selection',
+    ],
+    files: [
+      'plate-ui/ai-menu.tsx',
+      'plate-ui/ai-chat-editor.tsx',
+      'plate-ui/ai-menu-items.tsx',
+    ],
+    name: 'ai-menu',
+    registryDependencies: ['button', 'menu', 'textarea', 'editor'],
+    type: 'registry:ui',
+  },
+  {
+    dependencies: [],
+    files: ['plate-ui/ai-toolbar-button.tsx'],
+    name: 'ai-toolbar-button',
+    registryDependencies: ['toolbar'],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['@udecode/plate-selection'],
     files: ['plate-ui/block-selection.tsx'],
@@ -240,7 +262,7 @@ export const ui: Registry = [
     type: 'registry:ui',
   },
   {
-    dependencies: ['@radix-ui/react-dialog'],
+    dependencies: ['@radix-ui/react-dialog', '@radix-ui/react-visually-hidden'],
     files: ['plate-ui/dialog.tsx'],
     name: 'dialog',
     registryDependencies: [],
diff --git a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
index bca209ddaa..cabf707d5a 100644
--- a/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
+++ b/packages/ai/src/react/ai-chat/utils/submitAIChat.ts
@@ -27,8 +27,6 @@ export const submitAIChat = (
 
   const { chat, promptTemplate, systemTemplate } = getOptions();
 
-  console.log('🚀 ~ mode:', mode);
-
   if (!prompt && chat.input?.length === 0) {
     return;
   }
diff --git a/yarn.lock b/yarn.lock
index 3187c78ccc..3ff4af2b3b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21838,6 +21838,7 @@ __metadata:
     "@radix-ui/react-toggle-group": "npm:^1.1.0"
     "@radix-ui/react-toolbar": "npm:^1.1.0"
     "@radix-ui/react-tooltip": "npm:^1.1.2"
+    "@radix-ui/react-visually-hidden": "npm:1.1.0"
     "@shikijs/compat": "npm:^1.17.5"
     "@types/lodash.template": "npm:^4.5.3"
     "@types/react-color": "npm:^3.0.12"

From 6b9894feabfba3cb8009d805805d19315bd3bff2 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 02:48:38 +0200
Subject: [PATCH 115/127] ai

---
 apps/www/content/docs/ai.mdx                  | 58 +++--------
 apps/www/public/r/index.json                  | 46 ++++++++-
 apps/www/public/r/styles/default/ai-menu.json | 35 +++++++
 .../r/styles/default/ai-toolbar-button.json   | 16 ++++
 .../r/styles/default/block-context-menu.json  |  2 +-
 apps/www/public/r/styles/default/command.json |  2 +-
 apps/www/public/r/styles/default/dialog.json  |  3 +-
 apps/www/public/r/styles/default/editor.json  |  2 +-
 .../styles/default/fixed-toolbar-buttons.json |  2 +-
 .../r/styles/default/fixed-toolbar.json       |  2 +-
 .../default/floating-toolbar-buttons.json     |  2 +-
 .../r/styles/default/floating-toolbar.json    |  2 +-
 .../r/styles/default/heading-element.json     |  2 +-
 .../r/styles/default/mode-dropdown-menu.json  |  2 +-
 .../r/styles/default/playground-demo.json     |  2 +-
 apps/www/public/r/styles/default/toolbar.json |  2 +-
 .../default/turn-into-dropdown-menu.json      |  2 +-
 apps/www/src/__registry__/index.tsx           | 24 +++++
 apps/www/src/app/api/ai/fakeStreamText.ts     | 45 ---------
 apps/www/src/app/api/ai/route.ts              | 18 ----
 apps/www/src/components/typography.tsx        | 18 +++-
 apps/www/src/config/docs.ts                   |  1 -
 .../plate/demo/plugins/autoformatOptions.ts   | 14 ++-
 ...{copilotPlugin.tsx => copilot-plugins.tsx} | 14 ++-
 .../www/src/lib/plate/demo/values/aiValue.tsx | 96 ++++++++++---------
 .../default/example/playground-demo.tsx       |  6 +-
 .../src/registry/default/plate-ui/ai-menu.tsx | 54 +++++++++++
 yarn.lock                                     |  1 -
 28 files changed, 293 insertions(+), 180 deletions(-)
 create mode 100644 apps/www/public/r/styles/default/ai-menu.json
 create mode 100644 apps/www/public/r/styles/default/ai-toolbar-button.json
 delete mode 100644 apps/www/src/app/api/ai/fakeStreamText.ts
 delete mode 100644 apps/www/src/app/api/ai/route.ts
 rename apps/www/src/lib/plate/demo/plugins/{copilotPlugin.tsx => copilot-plugins.tsx} (78%)

diff --git a/apps/www/content/docs/ai.mdx b/apps/www/content/docs/ai.mdx
index da4df1432b..5464b3256c 100644
--- a/apps/www/content/docs/ai.mdx
+++ b/apps/www/content/docs/ai.mdx
@@ -8,13 +8,13 @@ docs:
 
 <ComponentPreview name="playground-demo" id="ai" />
 
-<ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
-
 <PackageInfo>
 
 ## Features
 
-- AI-powered menu with predefined commands
+- Combobox menu with predefined commands:
+  - Generate: continue writing, add summary, explain
+  - Edit: improve writing, make it longer or shorter, fix spelling & grammar, simplify language
 - Three trigger modes:
   - Cursor mode: trigger at block end
   - Selection mode: trigger with selected text
@@ -187,7 +187,7 @@ const plugins = [
 ];
 ```
 
-- [AIMenu](https://pro.platejs.org/docs/components/ai-menu) (Plus)
+- [AIMenu](/docs/components/ai-menu)
 
 The [SelectionOverlayPlugin](https://pro.platejs.org/docs/components/cursor-overlay):
 
@@ -195,46 +195,13 @@ The [SelectionOverlayPlugin](https://pro.platejs.org/docs/components/cursor-over
 - Essential for AI menu and other external input interactions
 - Prevents double selection with `data-plate-prevent-overlay` attribute
 
-<Image
-  src="/ai-selection.png"
-  alt="AI selection overlay"
-  width={1920}
-  height={1080}
-  className="w-full"
-/>
-
 ### AI SDK
 
 This plugin is depending on the [ai](https://npmjs.com/package/ai) package:
 
 - Setup a [route handler](https://sdk.vercel.ai/docs/getting-started/nextjs-app-router#create-a-route-handler) using [streamText](https://sdk.vercel.ai/docs/ai-sdk-core/generating-text#streamtext).
-- Wire up [useChat](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat) in your [AI menu](#ai-menu) component.
-
-### AI Menu
-
-Work in progress.
-
-{/* ## AI Menu Items */}
-
-{/* Before learning how to create custom commands, you need to know that the ai plugin will provide three modes for opening the ai menu: */}
-
-{/* 1. Cursor mode: open the AI menu at the end of a block. */}
-{/* 2. Selection mode: select some texts and open the AI menu. */}
-{/* 3. Block selection mode: select some blocks and open the AI menu. */}
-{/* 4. After the AI completes the first generation, we don't close the AI menu but instead modify the commands. We call it **Suggestion** mode. */}
-
-{/* Due to the special nature of Suggestion mode: whether Cursor mode or Selection mode ends, it will switch to Suggestion mode. */}
-{/* To distinguish between these two sets of commands, we need to maintain four different menus in total. */}
+- Wire up [useChat](https://sdk.vercel.ai/docs/reference/ai-sdk-ui/use-chat) in your [AI menu](/docs/components/ai-menu) component.
 
-{/* The following is all the commands you can see in the `ai-menu-items.tsx` file. */}
-{/* menuState (draft doc) */}
-
-{/* - Show when you open the ai menu by `space` at the end of a block. */}
-{/* - Show when you open the ai menu by `space` and then complete the first generation. */}
-{/* - Show when you open the ai menu with selected text. */}
-{/* - Show when you open the ai menu with selected blocks, then complete the first generation. */}
-
-{/* If you want to modify the AI Menu style, you should check the [menu](/docs/components/menu) component docs. \ \ */}
 
 ## Keyboard Shortcuts
 
@@ -252,22 +219,19 @@ Work in progress.
 
 ### Plate UI
 
-Work in progress.
+Refer to the preview above.
 
 ### Plate Plus
 
-Refer to the preview above.
-
-- AI chat powered by AI SDK (OpenAI) with history persistence.
-- Combobox menu with:
-  - Predefined commands
-  - Free-form prompt input
-- Multiple ways to trigger:
+- Combobox menu with free-form prompt input
+- Additional trigger methods:
   - Block menu button
   - Slash command menu
-  - Keyboard shortcuts
 - Beautifully crafted UI
 
+<ComponentPreviewPro name="pro-iframe-demo" id="pro-ai" component="ai" />
+
+
 ## Plugins
 
 ### AIPlugin
diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 1d6a7ba0e4..50f224ae5c 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -11,6 +11,49 @@
     "registryDependencies": [],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@udecode/plate-ai",
+      "@udecode/plate-markdown",
+      "@udecode/plate-selection"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/ai-menu.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "plate-ui/ai-chat-editor.tsx",
+        "type": "registry:ui"
+      },
+      {
+        "path": "plate-ui/ai-menu-items.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "ai-menu",
+    "registryDependencies": [
+      "button",
+      "menu",
+      "textarea",
+      "editor"
+    ],
+    "type": "registry:ui"
+  },
+  {
+    "dependencies": [],
+    "files": [
+      {
+        "path": "plate-ui/ai-toolbar-button.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "ai-toolbar-button",
+    "registryDependencies": [
+      "toolbar"
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "@udecode/plate-selection"
@@ -530,7 +573,8 @@
   },
   {
     "dependencies": [
-      "@radix-ui/react-dialog"
+      "@radix-ui/react-dialog",
+      "@radix-ui/react-visually-hidden"
     ],
     "files": [
       {
diff --git a/apps/www/public/r/styles/default/ai-menu.json b/apps/www/public/r/styles/default/ai-menu.json
new file mode 100644
index 0000000000..18e441a025
--- /dev/null
+++ b/apps/www/public/r/styles/default/ai-menu.json
@@ -0,0 +1,35 @@
+{
+  "dependencies": [
+    "@udecode/plate-ai",
+    "@udecode/plate-markdown",
+    "@udecode/plate-selection"
+  ],
+  "files": [
+    {
+      "content": "import * as React from 'react';\n\nimport { faker } from '@faker-js/faker';\nimport { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';\nimport {\n  type TElement,\n  type TNodeEntry,\n  getAncestorNode,\n  getBlocks,\n  isElementEmpty,\n  isSelectionAtBlockEnd,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  toDOMNode,\n  useEditorPlugin,\n  useHotkeys,\n} from '@udecode/plate-common/react';\nimport {\n  BlockSelectionPlugin,\n  useIsSelecting,\n} from '@udecode/plate-selection/react';\nimport { useChat } from 'ai/react';\nimport { Loader2Icon } from 'lucide-react';\n\nimport { AIChatEditor } from './ai-chat-editor';\nimport { AIMenuItems } from './ai-menu-items';\nimport { Command, CommandList, InputCommand } from './command';\nimport { Popover, PopoverAnchor, PopoverContent } from './popover';\n\nexport function AIMenu() {\n  const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const open = useOption('open');\n  const mode = useOption('mode');\n  const isSelecting = useIsSelecting();\n\n  const aiEditorRef = React.useRef<PlateEditor | null>(null);\n  const [value, setValue] = React.useState('');\n\n  const chat = useChat({\n    id: 'editor',\n    // API to be implemented\n    api: '/api/ai',\n    // Mock the API response. Remove it when you implement the route /api/ai\n    fetch: async () => {\n      await new Promise((resolve) => setTimeout(resolve, 400));\n      \n      const stream = fakeStreamText();\n\n      return new Response(stream, {\n        headers: {\n          Connection: 'keep-alive',\n          'Content-Type': 'text/plain',\n        },\n      });\n    },\n  });\n\n  const { input, isLoading, messages, setInput } = chat;\n  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  const setOpen = (open: boolean) => {\n    if (open) {\n      api.aiChat.show();\n    } else {\n      api.aiChat.hide();\n    }\n  };\n\n  const show = (anchorElement: HTMLElement) => {\n    setAnchorElement(anchorElement);\n    setOpen(true);\n  };\n\n  useEditorChat({\n    chat,\n    onOpenBlockSelection: (blocks: TNodeEntry[]) => {\n      show(toDOMNode(editor, blocks.at(-1)![0])!);\n    },\n    onOpenChange: (open) => {\n      if (!open) {\n        setAnchorElement(null);\n        setInput('');\n      }\n    },\n    onOpenCursor: () => {\n      const ancestor = getAncestorNode(editor)?.[0] as TElement;\n\n      if (!isSelectionAtBlockEnd(editor) && !isElementEmpty(editor, ancestor)) {\n        editor\n          .getApi(BlockSelectionPlugin)\n          .blockSelection.addSelectedRow(ancestor.id as string);\n      }\n\n      show(toDOMNode(editor, ancestor)!);\n    },\n    onOpenSelection: () => {\n      show(toDOMNode(editor, getBlocks(editor).at(-1)![0])!);\n    },\n  });\n\n  useHotkeys(\n    'meta+j',\n    () => {\n      api.aiChat.show();\n    },\n    { enableOnContentEditable: true, enableOnFormTags: true }\n  );\n\n  useHotkeys('escape', () => {\n    if (isLoading) {\n      api.aiChat.stop();\n    } else {\n      api.aiChat.hide();\n    }\n  });\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} modal={false}>\n      <PopoverAnchor virtualRef={{ current: anchorElement }} />\n\n      <PopoverContent\n        className=\"border-none bg-transparent p-0 shadow-none\"\n        style={{\n          width: anchorElement?.offsetWidth,\n        }}\n        align=\"center\"\n        avoidCollisions={false}\n        side=\"bottom\"\n      >\n        <Command\n          className=\"w-full rounded-lg border shadow-md\"\n          value={value}\n          onValueChange={setValue}\n        >\n          {mode === 'chat' && isSelecting && messages.length > 0 && (\n            <AIChatEditor aiEditorRef={aiEditorRef} />\n          )}\n\n          {isLoading ? (\n            <div className=\"flex grow select-none items-center gap-2 p-2 text-sm text-muted-foreground\">\n              <Loader2Icon className=\"size-4 animate-spin\" />\n              {messages.length > 1 ? 'Editing...' : 'Thinking...'}\n            </div>\n          ) : (\n            <InputCommand\n              variant=\"ghost\"\n              className=\"rounded-none border-b border-solid border-border [&_svg]:hidden\"\n              value={input}\n              onValueChange={setInput}\n              placeholder=\"Ask AI anything...\"\n              autoFocus\n            />\n          )}\n\n          {!isLoading && (\n            <CommandList>\n              <AIMenuItems aiEditorRef={aiEditorRef} setValue={setValue} />\n            </CommandList>\n          )}\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n// Used for testing. Remove it after implementing useChat api.\nconst fakeStreamText = ({\n  chunkCount = 10,\n  streamProtocol = 'data',\n}: {\n  chunkCount?: number;\n  streamProtocol?: 'data' | 'text';\n} = {}) => {\n  const chunks = Array.from({ length: chunkCount }, () => ({\n    delay: faker.number.int({ max: 150, min: 50 }),\n    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',\n  }));\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      for (const chunk of chunks) {\n        await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n        if (streamProtocol === 'text') {\n          controller.enqueue(encoder.encode(chunk.texts));\n        } else {\n          controller.enqueue(\n            encoder.encode(`0:${JSON.stringify(chunk.texts)}\\n`)\n          );\n        }\n      }\n\n      if (streamProtocol === 'data') {\n        controller.enqueue(\n          `d:{\"finishReason\":\"stop\",\"usage\":{\"promptTokens\":0,\"completionTokens\":${chunks.length}}}\\n`\n        );\n      }\n\n      controller.close();\n    },\n  });\n};\n",
+      "path": "plate-ui/ai-menu.tsx",
+      "target": "components/plate-ui/ai-menu.tsx",
+      "type": "registry:ui"
+    },
+    {
+      "content": "'use client';\n\nimport React, { memo } from 'react';\n\nimport { AIChatPlugin, useLastAssistantMessage } from '@udecode/plate-ai/react';\nimport {\n  type PlateEditor,\n  Plate,\n  useEditorPlugin,\n} from '@udecode/plate-common/react';\nimport { deserializeMd } from '@udecode/plate-markdown';\n\nimport { Editor } from './editor';\n\nexport const AIChatEditor = memo(\n  ({\n    aiEditorRef,\n  }: {\n    aiEditorRef: React.MutableRefObject<PlateEditor | null>;\n  }) => {\n    const { getOptions } = useEditorPlugin(AIChatPlugin);\n    const lastAssistantMessage = useLastAssistantMessage();\n    const content = lastAssistantMessage?.content ?? '';\n\n    const aiEditor = React.useMemo(() => {\n      const editor = getOptions().createAIEditor();\n\n      const fragment = deserializeMd(editor, content);\n      editor.children =\n        fragment.length > 0 ? fragment : editor.api.create.value();\n\n      return editor;\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    React.useEffect(() => {\n      if (aiEditor && content) {\n        aiEditorRef.current = aiEditor;\n\n        setTimeout(() => {\n          aiEditor.tf.setValue(deserializeMd(aiEditor, content));\n        }, 0);\n      }\n    }, [aiEditor, aiEditorRef, content]);\n\n    if (!content) return null;\n\n    return (\n      <Plate editor={aiEditor}>\n        <Editor variant=\"aiChat\" readOnly />\n      </Plate>\n    );\n  }\n);\n",
+      "path": "plate-ui/ai-chat-editor.tsx",
+      "target": "components/plate-ui/ai-chat-editor.tsx",
+      "type": "registry:ui"
+    },
+    {
+      "content": "import { useEffect, useMemo } from 'react';\n\nimport { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';\nimport {\n  getAncestorNode,\n  getEndPoint,\n  getNodeString,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  focusEditor,\n  useEditorPlugin,\n} from '@udecode/plate-common/react';\nimport { useIsSelecting } from '@udecode/plate-selection/react';\nimport {\n  Album,\n  BadgeHelp,\n  Check,\n  CornerUpLeft,\n  FeatherIcon,\n  ListEnd,\n  ListMinus,\n  ListPlus,\n  PenLine,\n  Wand,\n  X,\n} from 'lucide-react';\n\nimport { CommandGroup, CommandItem } from './command';\n\nexport type EditorChatState =\n  | 'cursorCommand'\n  | 'cursorSuggestion'\n  | 'selectionCommand'\n  | 'selectionSuggestion';\n\nexport const aiChatItems = {\n  accept: {\n    icon: <Check />,\n    label: 'Accept',\n    value: 'accept',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIChatPlugin).aiChat.accept();\n      focusEditor(editor, getEndPoint(editor, editor.selection!));\n    },\n  },\n  continueWrite: {\n    icon: <PenLine />,\n    label: 'Continue writing',\n    value: 'continueWrite',\n    onSelect: ({ editor }) => {\n      const ancestorNode = getAncestorNode(editor);\n      const isEmpty = getNodeString(ancestorNode![0]).trim().length === 0;\n\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: isEmpty\n          ? `<Document>\n{editor}\n</Document>\nStart writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`\n          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',\n      });\n    },\n  },\n  discard: {\n    icon: <X />,\n    label: 'Discard',\n    shortcut: 'Escape',\n    value: 'discard',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIPlugin).ai.undo();\n      editor.getApi(AIChatPlugin).aiChat.hide();\n    },\n  },\n  explain: {\n    icon: <BadgeHelp className=\"size-4\" />,\n    label: 'Explain',\n    value: 'explain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: {\n          default: 'Explain {editor}',\n          selecting: 'Explain',\n        },\n      });\n    },\n  },\n  fixSpelling: {\n    icon: <Check />,\n    label: 'Fix spelling & grammar',\n    value: 'fixSpelling',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Fix spelling and grammar',\n      });\n    },\n  },\n  improveWriting: {\n    icon: <Wand />,\n    label: 'Improve writing',\n    value: 'improveWriting',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Improve the writing',\n      });\n    },\n  },\n  insertBelow: {\n    icon: <ListEnd />,\n    label: 'Insert below',\n    value: 'insertBelow',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.insertBelow(aiEditor);\n    },\n  },\n  makeLonger: {\n    icon: <ListPlus />,\n    label: 'Make longer',\n    value: 'makeLonger',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make longer',\n      });\n    },\n  },\n  makeShorter: {\n    icon: <ListMinus />,\n    label: 'Make shorter',\n    value: 'makeShorter',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make shorter',\n      });\n    },\n  },\n  replace: {\n    icon: <Check />,\n    label: 'Replace selection',\n    value: 'replace',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.replaceSelection(aiEditor);\n    },\n  },\n  simplifyLanguage: {\n    icon: <FeatherIcon />,\n    label: 'Simplify language',\n    value: 'simplifyLanguage',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Simplify the language',\n      });\n    },\n  },\n  summarize: {\n    icon: <Album className=\"size-4\" />,\n    label: 'Add a summary',\n    value: 'summarize',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: {\n          default: 'Summarize {editor}',\n          selecting: 'Summarize',\n        },\n      });\n    },\n  },\n  tryAgain: {\n    icon: <CornerUpLeft />,\n    label: 'Try again',\n    value: 'tryAgain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.reload();\n    },\n  },\n} satisfies Record<\n  string,\n  {\n    icon: React.ReactNode;\n    label: string;\n    value: string;\n    component?: React.ComponentType<{ menuState: EditorChatState }>;\n    filterItems?: boolean;\n    items?: { label: string; value: string }[];\n    shortcut?: string;\n    onSelect?: ({\n      aiEditor,\n      editor,\n    }: {\n      aiEditor: PlateEditor;\n      editor: PlateEditor;\n    }) => void;\n  }\n>;\n\nconst menuStateItems: Record<\n  EditorChatState,\n  {\n    items: (typeof aiChatItems)[keyof typeof aiChatItems][];\n    heading?: string;\n  }[]\n> = {\n  cursorCommand: [\n    {\n      items: [\n        aiChatItems.continueWrite,\n        aiChatItems.summarize,\n        aiChatItems.explain,\n      ],\n    },\n  ],\n  cursorSuggestion: [\n    {\n      items: [aiChatItems.accept, aiChatItems.discard, aiChatItems.tryAgain],\n    },\n  ],\n  selectionCommand: [\n    {\n      items: [\n        aiChatItems.improveWriting,\n        aiChatItems.makeLonger,\n        aiChatItems.makeShorter,\n        aiChatItems.fixSpelling,\n        aiChatItems.simplifyLanguage,\n      ],\n    },\n  ],\n  selectionSuggestion: [\n    {\n      items: [\n        aiChatItems.replace,\n        aiChatItems.insertBelow,\n        aiChatItems.discard,\n        aiChatItems.tryAgain,\n      ],\n    },\n  ],\n};\n\nexport const AIMenuItems = ({\n  aiEditorRef,\n  setValue,\n}: {\n  aiEditorRef: React.MutableRefObject<PlateEditor | null>;\n  setValue: (value: string) => void;\n}) => {\n  const { editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const { messages } = useOption('chat');\n  const isSelecting = useIsSelecting();\n\n  const menuState = useMemo(() => {\n    if (messages && messages.length > 0) {\n      return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';\n    }\n\n    return isSelecting ? 'selectionCommand' : 'cursorCommand';\n  }, [isSelecting, messages]);\n\n  const menuGroups = useMemo(() => {\n    const items = menuStateItems[menuState];\n\n    return items;\n  }, [menuState]);\n\n  useEffect(() => {\n    if (menuGroups.length > 0 && menuGroups[0].items.length > 0) {\n      setValue(menuGroups[0].items[0].value);\n    }\n  }, [menuGroups, setValue]);\n\n  return (\n    <>\n      {menuGroups.map((group, index) => (\n        <CommandGroup key={index} heading={group.heading}>\n          {group.items.map((menuItem) => (\n            <CommandItem\n              key={menuItem.value}\n              className=\"gap-2 [&_svg]:size-4 [&_svg]:text-muted-foreground\"\n              value={menuItem.value}\n              onSelect={() => {\n                menuItem.onSelect?.({\n                  aiEditor: aiEditorRef.current!,\n                  editor: editor,\n                });\n              }}\n            >\n              {menuItem.icon}\n              <span>{menuItem.label}</span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  );\n};\n",
+      "path": "plate-ui/ai-menu-items.tsx",
+      "target": "components/plate-ui/ai-menu-items.tsx",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "ai-menu",
+  "registryDependencies": [
+    "button",
+    "menu",
+    "textarea",
+    "editor"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/ai-toolbar-button.json b/apps/www/public/r/styles/default/ai-toolbar-button.json
new file mode 100644
index 0000000000..94c9e7a3f2
--- /dev/null
+++ b/apps/www/public/r/styles/default/ai-toolbar-button.json
@@ -0,0 +1,16 @@
+{
+  "dependencies": [],
+  "files": [
+    {
+      "content": "'use client';\n\nimport React from 'react';\n\nimport { withRef } from '@udecode/cn';\nimport { AIChatPlugin } from '@udecode/plate-ai/react';\nimport { useEditorPlugin } from '@udecode/plate-common/react';\n\nimport { ToolbarButton } from './toolbar';\n\nexport const AIToolbarButton = withRef<typeof ToolbarButton>(\n  ({ children, ...rest }, ref) => {\n    const { api } = useEditorPlugin(AIChatPlugin);\n\n    return (\n      <ToolbarButton\n        ref={ref}\n        {...rest}\n        onClick={() => {\n          api.aiChat.show();\n        }}\n      >\n        {children}\n      </ToolbarButton>\n    );\n  }\n);\n",
+      "path": "plate-ui/ai-toolbar-button.tsx",
+      "target": "components/plate-ui/ai-toolbar-button.tsx",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "ai-toolbar-button",
+  "registryDependencies": [
+    "toolbar"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/block-context-menu.json b/apps/www/public/r/styles/default/block-context-menu.json
index 5568bd6e53..f928f45bc6 100644
--- a/apps/www/public/r/styles/default/block-context-menu.json
+++ b/apps/www/public/r/styles/default/block-context-menu.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import { useCallback } from 'react';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\nexport const BlockContextMenu = (props: { children: React.ReactNode }) => {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n\n  const { children } = props;\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent className=\"w-64\">\n        {/* <ContextMenuItem inset>Ask AI</ContextMenuItem> */}\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n          inset\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n          inset\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuCheckboxItem>\n        <ContextMenuCheckboxItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuCheckboxItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger inset>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n};\n",
+      "content": "import { useCallback, useState } from 'react';\n\nimport { AIChatPlugin } from '@udecode/plate-ai/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { ParagraphPlugin, useEditorPlugin } from '@udecode/plate-core/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { IndentListPlugin } from '@udecode/plate-indent-list/react';\nimport {\n  BLOCK_CONTEXT_MENU_ID,\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { unsetNodes } from '@udecode/slate';\nimport { focusEditor } from '@udecode/slate-react';\n\nimport {\n  ContextMenu,\n  ContextMenuContent,\n  ContextMenuItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n} from './context-menu';\n\ntype Value = 'askAI' | null;\n\nexport function BlockContextMenu({ children }: { children: React.ReactNode }) {\n  const { api, editor } = useEditorPlugin(BlockMenuPlugin);\n  const [value, setValue] = useState<Value>(null);\n\n  const handleTurnInto = useCallback(\n    (type: string) => {\n      editor\n        .getApi(BlockSelectionPlugin)\n        .blockSelection.getNodes()\n        .forEach(([node, path]) => {\n          if (node[IndentListPlugin.key]) {\n            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });\n          }\n\n          editor.tf.toggle.block({ type }, { at: path });\n        });\n    },\n    [editor]\n  );\n\n  const handleAlign = useCallback(\n    (align: 'center' | 'left' | 'right') => {\n      editor\n        .getTransforms(BlockSelectionPlugin)\n        .blockSelection.setNodes({ align });\n    },\n    [editor]\n  );\n\n  return (\n    <ContextMenu modal={false}>\n      <ContextMenuTrigger\n        onContextMenu={(event) => {\n          const dataset = (event.target as HTMLElement).dataset;\n\n          const disabled = dataset?.slateEditor === 'true';\n\n          if (disabled) return event.preventDefault();\n\n          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {\n            x: event.clientX,\n            y: event.clientY,\n          });\n        }}\n      >\n        {children}\n      </ContextMenuTrigger>\n      <ContextMenuContent\n        className=\"w-64\"\n        onCloseAutoFocus={(e) => {\n          e.preventDefault();\n\n          if (value === 'askAI') {\n            editor.getApi(AIChatPlugin).aiChat.show();\n          }\n\n          setValue(null);\n        }}\n      >\n        <ContextMenuItem\n          onClick={() => {\n            setValue('askAI');\n          }}\n        >\n          Ask AI\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.removeNodes();\n            focusEditor(editor);\n          }}\n        >\n          Delete\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() => {\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.duplicate(\n                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()\n              );\n          }}\n        >\n          Duplicate\n          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger>Turn into</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem\n              onClick={() => handleTurnInto(ParagraphPlugin.key)}\n            >\n              Paragraph\n            </ContextMenuItem>\n\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>\n              Heading 1\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>\n              Heading 2\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>\n              Heading 3\n            </ContextMenuItem>\n            <ContextMenuItem\n              onClick={() => handleTurnInto(BlockquotePlugin.key)}\n            >\n              Blockquote\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n        <ContextMenuSeparator />\n        <ContextMenuItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(1)\n          }\n        >\n          Indent\n        </ContextMenuItem>\n        <ContextMenuItem\n          onClick={() =>\n            editor\n              .getTransforms(BlockSelectionPlugin)\n              .blockSelection.setIndent(-1)\n          }\n        >\n          Outdent\n        </ContextMenuItem>\n        <ContextMenuSub>\n          <ContextMenuSubTrigger>Align</ContextMenuSubTrigger>\n          <ContextMenuSubContent className=\"w-48\">\n            <ContextMenuItem onClick={() => handleAlign('left')}>\n              Left\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('center')}>\n              Center\n            </ContextMenuItem>\n            <ContextMenuItem onClick={() => handleAlign('right')}>\n              Right\n            </ContextMenuItem>\n          </ContextMenuSubContent>\n        </ContextMenuSub>\n      </ContextMenuContent>\n    </ContextMenu>\n  );\n}\n",
       "path": "plate-ui/block-context-menu.tsx",
       "target": "components/plate-ui/block-context-menu.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/command.json b/apps/www/public/r/styles/default/command.json
index ffb7e4b93e..b174062222 100644
--- a/apps/www/public/r/styles/default/command.json
+++ b/apps/www/public/r/styles/default/command.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport * as React from 'react';\n\nimport type { DialogProps } from '@radix-ui/react-dialog';\n\nimport { cn, createPrimitiveElement, withCn, withRef } from '@udecode/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { Icons } from '@/components/icons';\n\nimport { Dialog, DialogContent } from './dialog';\n\nexport const Command = withCn(\n  CommandPrimitive,\n  'flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground'\n);\n\nexport function CommandDialog({ children, ...props }: DialogProps) {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const CommandInput = withRef<typeof CommandPrimitive.Input>(\n  ({ className, ...props }, ref) => (\n    <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n      <Icons.search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n);\n\nexport const CommandList = withCn(\n  CommandPrimitive.List,\n  'max-h-[500px] overflow-y-auto overflow-x-hidden'\n);\n\nexport const CommandEmpty = withCn(\n  CommandPrimitive.Empty,\n  'py-6 text-center text-sm'\n);\n\nexport const CommandGroup = withCn(\n  CommandPrimitive.Group,\n  'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground'\n);\n\nexport const CommandSeparator = withCn(\n  CommandPrimitive.Separator,\n  '-mx-1 h-px bg-border'\n);\n\nexport const CommandItem = withCn(\n  CommandPrimitive.Item,\n  'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50'\n);\n\nexport const CommandShortcut = withCn(\n  createPrimitiveElement('span'),\n  'ml-auto text-xs tracking-widest text-muted-foreground'\n);\n",
+      "content": "'use client';\n\nimport * as React from 'react';\n\nimport type { DialogProps } from '@radix-ui/react-dialog';\n\nimport {\n  cn,\n  createPrimitiveElement,\n  withCn,\n  withRef,\n  withVariants,\n} from '@udecode/cn';\nimport { Command as CommandPrimitive } from 'cmdk';\n\nimport { Icons } from '@/components/icons';\n\nimport { Dialog, DialogContent, DialogTitle } from './dialog';\nimport { inputVariants } from './input';\n\nexport const Command = withCn(\n  CommandPrimitive,\n  'flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground'\n);\n\nexport function CommandDialog({ children, ...props }: DialogProps) {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"overflow-hidden p-0 shadow-lg\">\n        <DialogTitle className=\"sr-only\">Command Dialog</DialogTitle>\n        <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nexport const CommandInput = withRef<typeof CommandPrimitive.Input>(\n  ({ className, ...props }, ref) => (\n    <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n      <Icons.search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        ref={ref}\n        className={cn(\n          'flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n);\n\nexport const InputCommand = withVariants(\n  CommandPrimitive.Input,\n  inputVariants,\n  ['variant']\n);\n\nexport const CommandList = withCn(\n  CommandPrimitive.List,\n  'max-h-[500px] overflow-y-auto overflow-x-hidden'\n);\n\nexport const CommandEmpty = withCn(\n  CommandPrimitive.Empty,\n  'py-6 text-center text-sm'\n);\n\nexport const CommandGroup = withCn(\n  CommandPrimitive.Group,\n  'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground'\n);\n\nexport const CommandSeparator = withCn(\n  CommandPrimitive.Separator,\n  '-mx-1 h-px bg-border'\n);\n\nexport const CommandItem = withCn(\n  CommandPrimitive.Item,\n  'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50'\n);\n\nexport const CommandShortcut = withCn(\n  createPrimitiveElement('span'),\n  'ml-auto text-xs tracking-widest text-muted-foreground'\n);\n",
       "path": "plate-ui/command.tsx",
       "target": "components/plate-ui/command.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/dialog.json b/apps/www/public/r/styles/default/dialog.json
index 2bd94ebc5f..d11e00b0cd 100644
--- a/apps/www/public/r/styles/default/dialog.json
+++ b/apps/www/public/r/styles/default/dialog.json
@@ -1,6 +1,7 @@
 {
   "dependencies": [
-    "@radix-ui/react-dialog"
+    "@radix-ui/react-dialog",
+    "@radix-ui/react-visually-hidden"
   ],
   "files": [
     {
diff --git a/apps/www/public/r/styles/default/editor.json b/apps/www/public/r/styles/default/editor.json
index 892d5887e6..61ec1cf9df 100644
--- a/apps/www/public/r/styles/default/editor.json
+++ b/apps/www/public/r/styles/default/editor.json
@@ -2,7 +2,7 @@
   "dependencies": [],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport type { PlateContentProps } from '@udecode/plate-common/react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@udecode/cn';\nimport { PlateContent } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst editorVariants = cva(\n  cn(\n    'relative overflow-x-auto whitespace-pre-wrap break-words text-foreground',\n    'min-h-[80px] w-full rounded-md bg-background px-6 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none',\n    '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',\n    '[&_[data-slate-placeholder]]:top-[auto_!important]',\n    '[&_strong]:font-bold'\n  ),\n  {\n    defaultVariants: {\n      focusRing: true,\n      size: 'sm',\n      variant: 'outline',\n    },\n    variants: {\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n      },\n      focusRing: {\n        false: '',\n        true: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      },\n      focused: {\n        true: 'ring-2 ring-ring ring-offset-2',\n      },\n      size: {\n        md: 'text-base',\n        sm: 'text-sm',\n      },\n      variant: {\n        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',\n        ghost: '',\n        outline: 'border border-input',\n      },\n    },\n  }\n);\n\nexport type EditorProps = PlateContentProps &\n  VariantProps<typeof editorVariants>;\n\nconst Editor = React.forwardRef<HTMLDivElement, EditorProps>(\n  (\n    {\n      className,\n      disabled,\n      focusRing,\n      focused,\n      readOnly,\n      size,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className=\"relative w-full\">\n        <PlateContent\n          className={cn(\n            editorVariants({\n              disabled,\n              focusRing,\n              focused,\n              size,\n              variant,\n            }),\n            className\n          )}\n          readOnly={disabled ?? readOnly}\n          aria-disabled={disabled}\n          data-plate-selectable\n          disableDefaultStyles\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nEditor.displayName = 'Editor';\n\nexport { Editor };\n",
+      "content": "import React from 'react';\n\nimport type { PlateContentProps } from '@udecode/plate-common/react';\nimport type { VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@udecode/cn';\nimport { PlateContent } from '@udecode/plate-common/react';\nimport { cva } from 'class-variance-authority';\n\nconst editorVariants = cva(\n  cn(\n    'relative overflow-x-auto whitespace-pre-wrap break-words text-foreground',\n    'min-h-[80px] w-full rounded-md bg-background px-6 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none',\n    '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',\n    '[&_[data-slate-placeholder]]:top-[auto_!important]',\n    '[&_strong]:font-bold'\n  ),\n  {\n    defaultVariants: {\n      focusRing: true,\n      size: 'sm',\n      variant: 'outline',\n    },\n    variants: {\n      disabled: {\n        true: 'cursor-not-allowed opacity-50',\n      },\n      focusRing: {\n        false: '',\n        true: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n      },\n      focused: {\n        true: 'ring-2 ring-ring ring-offset-2',\n      },\n      size: {\n        md: 'text-base',\n        sm: 'text-sm',\n      },\n      variant: {\n        aiChat:\n          'max-h-[min(70vh,320px)] w-full overflow-y-auto rounded-none border-b px-3 py-2 text-sm',\n        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',\n        ghost: '',\n        outline: 'border border-input',\n      },\n    },\n  }\n);\n\nexport type EditorProps = PlateContentProps &\n  VariantProps<typeof editorVariants>;\n\nconst Editor = React.forwardRef<HTMLDivElement, EditorProps>(\n  (\n    {\n      className,\n      disabled,\n      focusRing,\n      focused,\n      readOnly,\n      size,\n      variant,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className=\"relative w-full\">\n        <PlateContent\n          className={cn(\n            editorVariants({\n              disabled,\n              focusRing,\n              focused,\n              size,\n              variant,\n            }),\n            className\n          )}\n          readOnly={disabled ?? readOnly}\n          aria-disabled={disabled}\n          data-plate-selectable\n          disableDefaultStyles\n          {...props}\n        />\n      </div>\n    );\n  }\n);\nEditor.displayName = 'Editor';\n\nexport { Editor };\n",
       "path": "plate-ui/editor.tsx",
       "target": "components/plate-ui/editor.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/fixed-toolbar-buttons.json b/apps/www/public/r/styles/default/fixed-toolbar-buttons.json
index b7c858254e..e31abcb7e5 100644
--- a/apps/www/public/r/styles/default/fixed-toolbar-buttons.json
+++ b/apps/www/public/r/styles/default/fixed-toolbar-buttons.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { useEditorReadOnly } from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport { InsertDropdownMenu } from './insert-dropdown-menu';\nimport { MarkToolbarButton } from './mark-toolbar-button';\nimport { ModeDropdownMenu } from './mode-dropdown-menu';\nimport { ToolbarGroup } from './toolbar';\nimport { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';\n\nexport function FixedToolbarButtons() {\n  const readOnly = useEditorReadOnly();\n\n  return (\n    <div className=\"w-full overflow-hidden\">\n      <div\n        className=\"flex flex-wrap\"\n        style={{\n          transform: 'translateX(calc(-1px))',\n        }}\n      >\n        {!readOnly && (\n          <>\n            <ToolbarGroup noSeparator>\n              <InsertDropdownMenu />\n              <TurnIntoDropdownMenu />\n            </ToolbarGroup>\n\n            <ToolbarGroup>\n              <MarkToolbarButton nodeType={BoldPlugin.key} tooltip=\"Bold (⌘+B)\">\n                <Icons.bold />\n              </MarkToolbarButton>\n              <MarkToolbarButton\n                nodeType={ItalicPlugin.key}\n                tooltip=\"Italic (⌘+I)\"\n              >\n                <Icons.italic />\n              </MarkToolbarButton>\n              <MarkToolbarButton\n                nodeType={UnderlinePlugin.key}\n                tooltip=\"Underline (⌘+U)\"\n              >\n                <Icons.underline />\n              </MarkToolbarButton>\n\n              <MarkToolbarButton\n                nodeType={StrikethroughPlugin.key}\n                tooltip=\"Strikethrough (⌘+⇧+M)\"\n              >\n                <Icons.strikethrough />\n              </MarkToolbarButton>\n              <MarkToolbarButton nodeType={CodePlugin.key} tooltip=\"Code (⌘+E)\">\n                <Icons.code />\n              </MarkToolbarButton>\n            </ToolbarGroup>\n          </>\n        )}\n\n        <div className=\"grow\" />\n\n        <ToolbarGroup noSeparator>\n          <ModeDropdownMenu />\n        </ToolbarGroup>\n      </div>\n    </div>\n  );\n}\n",
+      "content": "import React from 'react';\n\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { useEditorReadOnly } from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport { InsertDropdownMenu } from './insert-dropdown-menu';\nimport { MarkToolbarButton } from './mark-toolbar-button';\nimport { ModeDropdownMenu } from './mode-dropdown-menu';\nimport { ToolbarGroup } from './toolbar';\nimport { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';\n\nexport function FixedToolbarButtons() {\n  const readOnly = useEditorReadOnly();\n\n  return (\n    <div className=\"w-full overflow-hidden\">\n      <div\n        className=\"flex flex-wrap\"\n        style={{\n          transform: 'translateX(calc(-1px))',\n        }}\n      >\n        {!readOnly && (\n          <>\n            <ToolbarGroup>\n              <InsertDropdownMenu />\n              <TurnIntoDropdownMenu />\n            </ToolbarGroup>\n\n            <ToolbarGroup>\n              <MarkToolbarButton nodeType={BoldPlugin.key} tooltip=\"Bold (⌘+B)\">\n                <Icons.bold />\n              </MarkToolbarButton>\n              <MarkToolbarButton\n                nodeType={ItalicPlugin.key}\n                tooltip=\"Italic (⌘+I)\"\n              >\n                <Icons.italic />\n              </MarkToolbarButton>\n              <MarkToolbarButton\n                nodeType={UnderlinePlugin.key}\n                tooltip=\"Underline (⌘+U)\"\n              >\n                <Icons.underline />\n              </MarkToolbarButton>\n\n              <MarkToolbarButton\n                nodeType={StrikethroughPlugin.key}\n                tooltip=\"Strikethrough (⌘+⇧+M)\"\n              >\n                <Icons.strikethrough />\n              </MarkToolbarButton>\n              <MarkToolbarButton nodeType={CodePlugin.key} tooltip=\"Code (⌘+E)\">\n                <Icons.code />\n              </MarkToolbarButton>\n            </ToolbarGroup>\n          </>\n        )}\n\n        <div className=\"grow\" />\n\n        <ToolbarGroup>\n          <ModeDropdownMenu />\n        </ToolbarGroup>\n      </div>\n    </div>\n  );\n}\n",
       "path": "plate-ui/fixed-toolbar-buttons.tsx",
       "target": "components/plate-ui/fixed-toolbar-buttons.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/fixed-toolbar.json b/apps/www/public/r/styles/default/fixed-toolbar.json
index 4d671871ce..4df0ebef31 100644
--- a/apps/www/public/r/styles/default/fixed-toolbar.json
+++ b/apps/www/public/r/styles/default/fixed-toolbar.json
@@ -2,7 +2,7 @@
   "dependencies": [],
   "files": [
     {
-      "content": "import { withCn } from '@udecode/cn';\n\nimport { Toolbar } from './toolbar';\n\nexport const FixedToolbar = withCn(\n  Toolbar,\n  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 backdrop-blur'\n);\n",
+      "content": "import { withCn } from '@udecode/cn';\n\nimport { Toolbar } from './toolbar';\n\nexport const FixedToolbar = withCn(\n  Toolbar,\n  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 p-1 backdrop-blur'\n);\n",
       "path": "plate-ui/fixed-toolbar.tsx",
       "target": "components/plate-ui/fixed-toolbar.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/floating-toolbar-buttons.json b/apps/www/public/r/styles/default/floating-toolbar-buttons.json
index 816d375ffd..20eb49045a 100644
--- a/apps/www/public/r/styles/default/floating-toolbar-buttons.json
+++ b/apps/www/public/r/styles/default/floating-toolbar-buttons.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { useEditorReadOnly } from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport { MarkToolbarButton } from './mark-toolbar-button';\nimport { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';\n\nexport function FloatingToolbarButtons() {\n  const readOnly = useEditorReadOnly();\n\n  return (\n    <>\n      {!readOnly && (\n        <>\n          <TurnIntoDropdownMenu />\n\n          <MarkToolbarButton nodeType={BoldPlugin.key} tooltip=\"Bold (⌘+B)\">\n            <Icons.bold />\n          </MarkToolbarButton>\n          <MarkToolbarButton nodeType={ItalicPlugin.key} tooltip=\"Italic (⌘+I)\">\n            <Icons.italic />\n          </MarkToolbarButton>\n          <MarkToolbarButton\n            nodeType={UnderlinePlugin.key}\n            tooltip=\"Underline (⌘+U)\"\n          >\n            <Icons.underline />\n          </MarkToolbarButton>\n          <MarkToolbarButton\n            nodeType={StrikethroughPlugin.key}\n            tooltip=\"Strikethrough (⌘+⇧+M)\"\n          >\n            <Icons.strikethrough />\n          </MarkToolbarButton>\n          <MarkToolbarButton nodeType={CodePlugin.key} tooltip=\"Code (⌘+E)\">\n            <Icons.code />\n          </MarkToolbarButton>\n        </>\n      )}\n    </>\n  );\n}\n",
+      "content": "import React from 'react';\n\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { useEditorReadOnly } from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport { ToolbarGroup } from './toolbar';\n\n// import { AIToolbarButton } from './ai-toolbar-button';\nimport { MarkToolbarButton } from './mark-toolbar-button';\nimport { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';\n\nexport function FloatingToolbarButtons() {\n  const readOnly = useEditorReadOnly();\n\n  return (\n    <>\n      {!readOnly && (\n        <>\n          {/* <ToolbarGroup>\n            <AIToolbarButton\n              className=\"text-purple-500 hover:text-purple-600\"\n              tooltip=\"Edit, generate, and more\"\n            >\n              <SparklesIcon className=\"mr-1.5 !size-3.5\" />\n              Ask AI\n            </AIToolbarButton>\n          </ToolbarGroup> */}\n\n          <ToolbarGroup>\n            <TurnIntoDropdownMenu />\n\n            <MarkToolbarButton nodeType={BoldPlugin.key} tooltip=\"Bold (⌘+B)\">\n              <Icons.bold />\n            </MarkToolbarButton>\n            <MarkToolbarButton\n              nodeType={ItalicPlugin.key}\n              tooltip=\"Italic (⌘+I)\"\n            >\n              <Icons.italic />\n            </MarkToolbarButton>\n            <MarkToolbarButton\n              nodeType={UnderlinePlugin.key}\n              tooltip=\"Underline (⌘+U)\"\n            >\n              <Icons.underline />\n            </MarkToolbarButton>\n            <MarkToolbarButton\n              nodeType={StrikethroughPlugin.key}\n              tooltip=\"Strikethrough (⌘+⇧+M)\"\n            >\n              <Icons.strikethrough />\n            </MarkToolbarButton>\n            <MarkToolbarButton nodeType={CodePlugin.key} tooltip=\"Code (⌘+E)\">\n              <Icons.code />\n            </MarkToolbarButton>\n          </ToolbarGroup>\n        </>\n      )}\n    </>\n  );\n}\n",
       "path": "plate-ui/floating-toolbar-buttons.tsx",
       "target": "components/plate-ui/floating-toolbar-buttons.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/floating-toolbar.json b/apps/www/public/r/styles/default/floating-toolbar.json
index 4e6e5628e0..42b4e056e2 100644
--- a/apps/www/public/r/styles/default/floating-toolbar.json
+++ b/apps/www/public/r/styles/default/floating-toolbar.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport {\n  useComposedRef,\n  useEditorId,\n  useEditorRef,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\nimport { LinkPlugin } from '@udecode/plate-link/react';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editor = useEditorRef();\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n  const isFloatingLinkOpen = !!editor.useOption(LinkPlugin, 'mode');\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    hideToolbar: isFloatingLinkOpen,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    clickOutsideRef,\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <div ref={clickOutsideRef}>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </div>\n  );\n});\n",
+      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport {\n  useComposedRef,\n  useEditorId,\n  useEditorRef,\n  useEventEditorSelectors,\n} from '@udecode/plate-common/react';\nimport {\n  type FloatingToolbarState,\n  flip,\n  offset,\n  useFloatingToolbar,\n  useFloatingToolbarState,\n} from '@udecode/plate-floating';\n\nimport { Toolbar } from './toolbar';\n\nexport const FloatingToolbar = withRef<\n  typeof Toolbar,\n  {\n    state?: FloatingToolbarState;\n  }\n>(({ children, state, ...props }, componentRef) => {\n  const editor = useEditorRef();\n  const editorId = useEditorId();\n  const focusedEditorId = useEventEditorSelectors.focus();\n  const isFloatingLinkOpen = !!editor.useOption({ key: 'a' }, 'mode');\n  const isAIChatOpen = editor.useOption({ key: 'aiChat' }, 'open');\n\n  const floatingToolbarState = useFloatingToolbarState({\n    editorId,\n    focusedEditorId,\n    hideToolbar: isFloatingLinkOpen || isAIChatOpen,\n    ...state,\n    floatingOptions: {\n      middleware: [\n        offset(12),\n        flip({\n          fallbackPlacements: [\n            'top-start',\n            'top-end',\n            'bottom-start',\n            'bottom-end',\n          ],\n          padding: 12,\n        }),\n      ],\n      placement: 'top',\n      ...state?.floatingOptions,\n    },\n  });\n\n  const {\n    clickOutsideRef,\n    hidden,\n    props: rootProps,\n    ref: floatingRef,\n  } = useFloatingToolbar(floatingToolbarState);\n\n  const ref = useComposedRef<HTMLDivElement>(componentRef, floatingRef);\n\n  if (hidden) return null;\n\n  return (\n    <div ref={clickOutsideRef}>\n      <Toolbar\n        ref={ref}\n        className={cn(\n          'absolute z-50 whitespace-nowrap rounded-md border bg-popover p-1 opacity-100 shadow-md print:hidden',\n          'max-w-[80vw]'\n        )}\n        {...rootProps}\n        {...props}\n      >\n        {children}\n      </Toolbar>\n    </div>\n  );\n});\n",
       "path": "plate-ui/floating-toolbar.tsx",
       "target": "components/plate-ui/floating-toolbar.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/heading-element.json b/apps/www/public/r/styles/default/heading-element.json
index 5fbe717857..401c51860e 100644
--- a/apps/www/public/r/styles/default/heading-element.json
+++ b/apps/www/public/r/styles/default/heading-element.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { cva } from 'class-variance-authority';\n\nimport { PlateElement } from './plate-element';\n\nconst headingVariants = cva('relative mb-1', {\n  variants: {\n    variant: {\n      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',\n      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst blockVariants = cva('', {\n  variants: {\n    isFirstBlock: {\n      false: '',\n      // true: 'mt-0',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(\n  withVariants(PlateElement, headingVariants, ['variant']),\n  blockVariants,\n  ['isFirstBlock']\n);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {\n    const { editor, element } = props;\n\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        as={variant!}\n        variant={variant}\n        isFirstBlock={element === editor.children[0]}\n        {...props}\n      >\n        {children}\n      </HeadingElementVariants>\n    );\n  }\n);\n",
+      "content": "import React from 'react';\n\nimport { withRef, withVariants } from '@udecode/cn';\nimport { cva } from 'class-variance-authority';\n\nimport { PlateElement } from './plate-element';\n\nconst headingVariants = cva('relative mb-1', {\n  variants: {\n    variant: {\n      h1: 'mt-[1.6em] pb-1 font-heading text-4xl font-bold',\n      h2: 'mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight',\n      h3: 'mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight',\n      h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',\n      h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',\n      h6: 'mt-[0.75em] text-base font-semibold tracking-tight',\n    },\n  },\n});\n\nconst HeadingElementVariants = withVariants(PlateElement, headingVariants, [\n  'variant',\n]);\n\nexport const HeadingElement = withRef<typeof HeadingElementVariants>(\n  ({ children, variant = 'h1', ...props }, ref) => {\n    return (\n      <HeadingElementVariants\n        ref={ref}\n        as={variant!}\n        variant={variant}\n        {...props}\n      >\n        {children}\n      </HeadingElementVariants>\n    );\n  }\n);\n",
       "path": "plate-ui/heading-element.tsx",
       "target": "components/plate-ui/heading-element.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/mode-dropdown-menu.json b/apps/www/public/r/styles/default/mode-dropdown-menu.json
index 736795610b..a9be79e5fa 100644
--- a/apps/www/public/r/styles/default/mode-dropdown-menu.json
+++ b/apps/www/public/r/styles/default/mode-dropdown-menu.json
@@ -2,7 +2,7 @@
   "dependencies": [],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';\n\nimport {\n  focusEditor,\n  useEditorReadOnly,\n  useEditorRef,\n  usePlateStore,\n} from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n  useOpenState,\n} from './dropdown-menu';\nimport { ToolbarButton } from './toolbar';\n\nexport function ModeDropdownMenu(props: DropdownMenuProps) {\n  const editor = useEditorRef();\n  const setReadOnly = usePlateStore().set.readOnly();\n  const readOnly = useEditorReadOnly();\n  const openState = useOpenState();\n\n  let value = 'editing';\n\n  if (readOnly) value = 'viewing';\n\n  const item: any = {\n    editing: (\n      <>\n        <Icons.editing className=\"mr-2 size-5\" />\n        <span className=\"hidden lg:inline\">Editing</span>\n      </>\n    ),\n    viewing: (\n      <>\n        <Icons.viewing className=\"mr-2 size-5\" />\n        <span className=\"hidden lg:inline\">Viewing</span>\n      </>\n    ),\n  };\n\n  return (\n    <DropdownMenu modal={false} {...openState} {...props}>\n      <DropdownMenuTrigger asChild>\n        <ToolbarButton\n          className=\"min-w-[auto] lg:min-w-[130px]\"\n          pressed={openState.open}\n          tooltip=\"Editing mode\"\n          isDropdown\n        >\n          {item[value]}\n        </ToolbarButton>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent className=\"min-w-[180px]\" align=\"start\">\n        <DropdownMenuRadioGroup\n          className=\"flex flex-col gap-0.5\"\n          value={value}\n          onValueChange={(newValue) => {\n            if (newValue !== 'viewing') {\n              setReadOnly(false);\n            }\n            if (newValue === 'viewing') {\n              setReadOnly(true);\n\n              return;\n            }\n            if (newValue === 'editing') {\n              focusEditor(editor);\n\n              return;\n            }\n          }}\n        >\n          <DropdownMenuRadioItem value=\"editing\">\n            {item.editing}\n          </DropdownMenuRadioItem>\n\n          <DropdownMenuRadioItem value=\"viewing\">\n            {item.viewing}\n          </DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
+      "content": "import React from 'react';\n\nimport type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';\n\nimport {\n  focusEditor,\n  useEditorReadOnly,\n  useEditorRef,\n  usePlateStore,\n} from '@udecode/plate-common/react';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n  useOpenState,\n} from './dropdown-menu';\nimport { ToolbarButton } from './toolbar';\n\nexport function ModeDropdownMenu(props: DropdownMenuProps) {\n  const editor = useEditorRef();\n  const setReadOnly = usePlateStore().set.readOnly();\n  const readOnly = useEditorReadOnly();\n  const openState = useOpenState();\n\n  let value = 'editing';\n\n  if (readOnly) value = 'viewing';\n\n  const item: any = {\n    editing: (\n      <>\n        <Icons.editing className=\"mr-2 size-5\" />\n        <span className=\"hidden lg:inline\">Editing</span>\n      </>\n    ),\n    viewing: (\n      <>\n        <Icons.viewing className=\"mr-2 size-5\" />\n        <span className=\"hidden lg:inline\">Viewing</span>\n      </>\n    ),\n  };\n\n  return (\n    <DropdownMenu modal={false} {...openState} {...props}>\n      <DropdownMenuTrigger asChild>\n        <ToolbarButton\n          pressed={openState.open}\n          tooltip=\"Editing mode\"\n          isDropdown\n        >\n          {item[value]}\n        </ToolbarButton>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent className=\"min-w-[180px]\" align=\"start\">\n        <DropdownMenuRadioGroup\n          className=\"flex flex-col gap-0.5\"\n          value={value}\n          onValueChange={(newValue) => {\n            if (newValue !== 'viewing') {\n              setReadOnly(false);\n            }\n            if (newValue === 'viewing') {\n              setReadOnly(true);\n\n              return;\n            }\n            if (newValue === 'editing') {\n              focusEditor(editor);\n\n              return;\n            }\n          }}\n        >\n          <DropdownMenuRadioItem value=\"editing\">\n            {item.editing}\n          </DropdownMenuRadioItem>\n\n          <DropdownMenuRadioItem value=\"viewing\">\n            {item.viewing}\n          </DropdownMenuRadioItem>\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
       "path": "plate-ui/mode-dropdown-menu.tsx",
       "target": "components/plate-ui/mode-dropdown-menu.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index eba1bbcb79..1b1cb496ef 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { aiPlugins } from '@/lib/plate/demo/plugins/aiPlugin';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugin } from '@/lib/plate/demo/plugins/copilotPlugin';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  const a = usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        //ai\n        ...aiPlugins,\n        copilotPlugin,\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ListPlugin,\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin,\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n\n  return a;\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { aiPlugins } from '@/lib/plate/demo/plugins/ai-plugins';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugins } from '@/lib/plate/demo/plugins/copilot-plugins';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  return usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        ...aiPlugins,\n        ...(id === 'copilot' ? copilotPlugins : []),\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ...(id === 'list' ? [ListPlugin] : []),\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin.configure({ options: { indentList: true } }),\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/toolbar.json b/apps/www/public/r/styles/default/toolbar.json
index 6314b41734..58fa8f02cb 100644
--- a/apps/www/public/r/styles/default/toolbar.json
+++ b/apps/www/public/r/styles/default/toolbar.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport * as React from 'react';\n\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { withTooltip } from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-center gap-1 bg-background'\n);\n\nexport const ToolbarToggleGroup = withCn(\n  ToolbarPrimitive.ToolbarToggleGroup,\n  'flex items-center'\n);\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'my-1 w-px shrink-0 bg-border'\n);\n\nconst toolbarButtonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n    '[&_svg:not([data-icon])]:size-5'\n  ),\n  {\n    defaultVariants: {\n      size: 'sm',\n      variant: 'default',\n    },\n    variants: {\n      size: {\n        default: 'h-10 px-3',\n        lg: 'h-11 px-5',\n        sm: 'h-9 px-2',\n      },\n      variant: {\n        default:\n          'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground',\n        outline:\n          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n    },\n  }\n);\n\nconst ToolbarButton = withTooltip(\n  // eslint-disable-next-line react/display-name\n  React.forwardRef<\n    React.ElementRef<typeof ToolbarToggleItem>,\n    {\n      isDropdown?: boolean;\n      pressed?: boolean;\n    } & Omit<\n      React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>,\n      'asChild' | 'value'\n    > &\n      VariantProps<typeof toolbarButtonVariants>\n  >(\n    (\n      { children, className, isDropdown, pressed, size, variant, ...props },\n      ref\n    ) => {\n      return typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup\n          disabled={props.disabled}\n          value=\"single\"\n          type=\"single\"\n        >\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toolbarButtonVariants({\n                size,\n                variant,\n              }),\n              isDropdown && 'my-1 justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            {isDropdown ? (\n              <>\n                <div className=\"flex flex-1\">{children}</div>\n                <div>\n                  <Icons.arrowDown className=\"ml-0.5 size-4\" data-icon />\n                </div>\n              </>\n            ) : (\n              children\n            )}\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toolbarButtonVariants({\n              size,\n              variant,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n    }\n  )\n);\nToolbarButton.displayName = 'ToolbarButton';\n\nexport { ToolbarButton };\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toolbarButtonVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<\n  'div',\n  {\n    noSeparator?: boolean;\n  }\n>(({ children, className, noSeparator }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div ref={ref} className={cn('flex', className)}>\n      {!noSeparator && (\n        <div className=\"h-full py-1\">\n          <Separator orientation=\"vertical\" />\n        </div>\n      )}\n\n      <div className=\"mx-1 flex items-center gap-1\">{children}</div>\n    </div>\n  );\n});\n",
+      "content": "'use client';\n\nimport * as React from 'react';\n\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { withTooltip } from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-center'\n);\n\nexport const ToolbarToggleGroup = withCn(\n  ToolbarPrimitive.ToolbarToggleGroup,\n  'flex items-center'\n);\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'mx-2 my-1 w-px shrink-0 bg-border'\n);\n\nconst toolbarButtonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n    '[&_svg:not([data-icon])]:size-4'\n  ),\n  {\n    defaultVariants: {\n      size: 'sm',\n      variant: 'default',\n    },\n    variants: {\n      size: {\n        default: 'h-10 px-3',\n        lg: 'h-11 px-5',\n        sm: 'h-7 px-2',\n      },\n      variant: {\n        default:\n          'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground',\n        outline:\n          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n    },\n  }\n);\n\nconst ToolbarButton = withTooltip(\n  // eslint-disable-next-line react/display-name\n  React.forwardRef<\n    React.ElementRef<typeof ToolbarToggleItem>,\n    {\n      isDropdown?: boolean;\n      pressed?: boolean;\n    } & Omit<\n      React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>,\n      'asChild' | 'value'\n    > &\n      VariantProps<typeof toolbarButtonVariants>\n  >(\n    (\n      { children, className, isDropdown, pressed, size, variant, ...props },\n      ref\n    ) => {\n      return typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup\n          disabled={props.disabled}\n          value=\"single\"\n          type=\"single\"\n        >\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toolbarButtonVariants({\n                size,\n                variant,\n              }),\n              isDropdown && 'justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            {isDropdown ? (\n              <>\n                <div className=\"flex flex-1 items-center whitespace-nowrap\">\n                  {children}\n                </div>\n                <div>\n                  <Icons.arrowDown\n                    className=\"ml-0.5 size-3.5 text-muted-foreground\"\n                    data-icon\n                  />\n                </div>\n              </>\n            ) : (\n              children\n            )}\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toolbarButtonVariants({\n              size,\n              variant,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n    }\n  )\n);\nToolbarButton.displayName = 'ToolbarButton';\n\nexport { ToolbarButton };\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toolbarButtonVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<'div'>(({ children, className }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn('group/toolbar-group relative flex', className)}\n    >\n      <div className=\"flex items-center gap-0.5\">{children}</div>\n\n      <div className=\"mx-1.5 hidden py-0.5 group-last/toolbar-group:!hidden group-has-[button]/toolbar-group:block\">\n        <Separator orientation=\"vertical\" />\n      </div>\n    </div>\n  );\n});\n",
       "path": "plate-ui/toolbar.tsx",
       "target": "components/plate-ui/toolbar.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/turn-into-dropdown-menu.json b/apps/www/public/r/styles/default/turn-into-dropdown-menu.json
index 502b986c06..ee44d3b138 100644
--- a/apps/www/public/r/styles/default/turn-into-dropdown-menu.json
+++ b/apps/www/public/r/styles/default/turn-into-dropdown-menu.json
@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import React from 'react';\n\nimport type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { getNodeEntries, isBlock } from '@udecode/plate-common';\nimport {\n  ParagraphPlugin,\n  focusEditor,\n  useEditorRef,\n  useEditorSelector,\n} from '@udecode/plate-common/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n  useOpenState,\n} from './dropdown-menu';\nimport { ToolbarButton } from './toolbar';\n\nconst items = [\n  {\n    description: 'Paragraph',\n    icon: Icons.paragraph,\n    label: 'Paragraph',\n    value: ParagraphPlugin.key,\n  },\n  {\n    description: 'Heading 1',\n    icon: Icons.h1,\n    label: 'Heading 1',\n    value: HEADING_KEYS.h1,\n  },\n  {\n    description: 'Heading 2',\n    icon: Icons.h2,\n    label: 'Heading 2',\n    value: HEADING_KEYS.h2,\n  },\n  {\n    description: 'Heading 3',\n    icon: Icons.h3,\n    label: 'Heading 3',\n    value: HEADING_KEYS.h3,\n  },\n  {\n    description: 'Quote (⌘+⇧+.)',\n    icon: Icons.blockquote,\n    label: 'Quote',\n    value: BlockquotePlugin.key,\n  },\n  {\n    description: 'Bulleted list',\n    icon: Icons.ul,\n    label: 'Bulleted list',\n    value: ListStyleType.Disc,\n  },\n  {\n    description: 'Numbered list',\n    icon: Icons.ol,\n    label: 'Numbered list',\n    value: ListStyleType.Decimal,\n  },\n];\n\nconst defaultItem = items.find((item) => item.value === ParagraphPlugin.key)!;\n\nexport function TurnIntoDropdownMenu(props: DropdownMenuProps) {\n  const value: string = useEditorSelector((editor) => {\n    let initialNodeType: string = ParagraphPlugin.key;\n    let allNodesMatchInitialNodeType = false;\n    const codeBlockEntries = getNodeEntries(editor, {\n      match: (n) => isBlock(editor, n),\n      mode: 'highest',\n    });\n    const nodes = Array.from(codeBlockEntries);\n\n    if (nodes.length > 0) {\n      initialNodeType = nodes[0][0].type as string;\n      allNodesMatchInitialNodeType = nodes.every(([node]) => {\n        const type: string = (node?.type as string) || ParagraphPlugin.key;\n\n        return type === initialNodeType;\n      });\n    }\n\n    return allNodesMatchInitialNodeType ? initialNodeType : ParagraphPlugin.key;\n  }, []);\n\n  const editor = useEditorRef();\n  const openState = useOpenState();\n\n  const selectedItem =\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n    items.find((item) => item.value === value) ?? defaultItem;\n  const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;\n\n  return (\n    <DropdownMenu modal={false} {...openState} {...props}>\n      <DropdownMenuTrigger asChild>\n        <ToolbarButton\n          className=\"lg:min-w-[130px]\"\n          pressed={openState.open}\n          tooltip=\"Turn into\"\n          isDropdown\n        >\n          <SelectedItemIcon className=\"size-5 lg:hidden\" />\n          <span className=\"max-lg:hidden\">{selectedItemLabel}</span>\n        </ToolbarButton>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        className=\"ignore-click-outside/toolbar min-w-0\"\n        align=\"start\"\n      >\n        <DropdownMenuLabel>Turn into</DropdownMenuLabel>\n\n        <DropdownMenuRadioGroup\n          className=\"flex flex-col gap-0.5\"\n          value={value}\n          onValueChange={(type: any) => {\n            if (type === ListStyleType.Disc || type === ListStyleType.Decimal) {\n              toggleIndentList(editor, {\n                listStyleType: type,\n              });\n            }\n\n            editor.tf.toggle.block({ type });\n\n            focusEditor(editor);\n          }}\n        >\n          {items.map(({ icon: Icon, label, value: itemValue }) => (\n            <DropdownMenuRadioItem\n              key={itemValue}\n              className=\"min-w-[180px]\"\n              value={itemValue}\n            >\n              <Icon className=\"mr-2 size-5\" />\n              {label}\n            </DropdownMenuRadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
+      "content": "import React from 'react';\n\nimport type { DropdownMenuProps } from '@radix-ui/react-dropdown-menu';\n\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { getNodeEntries, isBlock } from '@udecode/plate-common';\nimport {\n  ParagraphPlugin,\n  focusEditor,\n  useEditorRef,\n  useEditorSelector,\n} from '@udecode/plate-common/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger,\n  useOpenState,\n} from './dropdown-menu';\nimport { ToolbarButton } from './toolbar';\n\nconst items = [\n  {\n    description: 'Paragraph',\n    icon: Icons.paragraph,\n    label: 'Paragraph',\n    value: ParagraphPlugin.key,\n  },\n  {\n    description: 'Heading 1',\n    icon: Icons.h1,\n    label: 'Heading 1',\n    value: HEADING_KEYS.h1,\n  },\n  {\n    description: 'Heading 2',\n    icon: Icons.h2,\n    label: 'Heading 2',\n    value: HEADING_KEYS.h2,\n  },\n  {\n    description: 'Heading 3',\n    icon: Icons.h3,\n    label: 'Heading 3',\n    value: HEADING_KEYS.h3,\n  },\n  {\n    description: 'Quote (⌘+⇧+.)',\n    icon: Icons.blockquote,\n    label: 'Quote',\n    value: BlockquotePlugin.key,\n  },\n  {\n    description: 'Bulleted list',\n    icon: Icons.ul,\n    label: 'Bulleted list',\n    value: ListStyleType.Disc,\n  },\n  {\n    description: 'Numbered list',\n    icon: Icons.ol,\n    label: 'Numbered list',\n    value: ListStyleType.Decimal,\n  },\n];\n\nconst defaultItem = items.find((item) => item.value === ParagraphPlugin.key)!;\n\nexport function TurnIntoDropdownMenu(props: DropdownMenuProps) {\n  const value: string = useEditorSelector((editor) => {\n    let initialNodeType: string = ParagraphPlugin.key;\n    let allNodesMatchInitialNodeType = false;\n    const codeBlockEntries = getNodeEntries(editor, {\n      match: (n) => isBlock(editor, n),\n      mode: 'highest',\n    });\n    const nodes = Array.from(codeBlockEntries);\n\n    if (nodes.length > 0) {\n      initialNodeType = nodes[0][0].type as string;\n      allNodesMatchInitialNodeType = nodes.every(([node]) => {\n        const type: string = (node?.type as string) || ParagraphPlugin.key;\n\n        return type === initialNodeType;\n      });\n    }\n\n    return allNodesMatchInitialNodeType ? initialNodeType : ParagraphPlugin.key;\n  }, []);\n\n  const editor = useEditorRef();\n  const openState = useOpenState();\n\n  const selectedItem =\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n    items.find((item) => item.value === value) ?? defaultItem;\n  const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;\n\n  return (\n    <DropdownMenu modal={false} {...openState} {...props}>\n      <DropdownMenuTrigger asChild>\n        <ToolbarButton pressed={openState.open} tooltip=\"Turn into\" isDropdown>\n          <SelectedItemIcon className=\"size-5 lg:hidden\" />\n          <span className=\"max-lg:hidden\">{selectedItemLabel}</span>\n        </ToolbarButton>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        className=\"ignore-click-outside/toolbar min-w-0\"\n        align=\"start\"\n      >\n        <DropdownMenuLabel>Turn into</DropdownMenuLabel>\n\n        <DropdownMenuRadioGroup\n          className=\"flex flex-col gap-0.5\"\n          value={value}\n          onValueChange={(type: any) => {\n            if (type === ListStyleType.Disc || type === ListStyleType.Decimal) {\n              toggleIndentList(editor, {\n                listStyleType: type,\n              });\n            }\n\n            editor.tf.toggle.block({ type });\n\n            focusEditor(editor);\n          }}\n        >\n          {items.map(({ icon: Icon, label, value: itemValue }) => (\n            <DropdownMenuRadioItem\n              key={itemValue}\n              className=\"min-w-[180px]\"\n              value={itemValue}\n            >\n              <Icon className=\"mr-2 size-5\" />\n              {label}\n            </DropdownMenuRadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n",
       "path": "plate-ui/turn-into-dropdown-menu.tsx",
       "target": "components/plate-ui/turn-into-dropdown-menu.tsx",
       "type": "registry:ui"
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index bc44ae5492..79290812d3 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -17,6 +17,30 @@ export const Index: Record<string, any> = {
       subcategory: "",
       chunks: []
     },
+    "ai-menu": {
+      name: "ai-menu",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button","menu","textarea","editor"],
+      files: ["registry/default/plate-ui/ai-menu.tsx","registry/default/plate-ui/ai-chat-editor.tsx","registry/default/plate-ui/ai-menu-items.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/ai-menu.tsx")),
+      source: "",
+      category: "",
+      subcategory: "",
+      chunks: []
+    },
+    "ai-toolbar-button": {
+      name: "ai-toolbar-button",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["toolbar"],
+      files: ["registry/default/plate-ui/ai-toolbar-button.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/ai-toolbar-button.tsx")),
+      source: "",
+      category: "",
+      subcategory: "",
+      chunks: []
+    },
     "block-selection": {
       name: "block-selection",
       description: "",
diff --git a/apps/www/src/app/api/ai/fakeStreamText.ts b/apps/www/src/app/api/ai/fakeStreamText.ts
deleted file mode 100644
index 52848cbe0f..0000000000
--- a/apps/www/src/app/api/ai/fakeStreamText.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import { faker } from '@faker-js/faker';
-
-interface Chunk {
-  delay: number;
-  texts: string;
-}
-
-function getRandomChunks(count = 15): Chunk[] {
-  return Array.from({ length: count }, () => ({
-    delay: faker.number.int({ max: 150, min: 50 }),
-    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',
-  }));
-}
-
-export const fakeStreamText = ({
-  chunkCount = 15,
-  streamProtocol = 'text',
-}: {
-  chunkCount?: number;
-  streamProtocol?: 'data' | 'text';
-} = {}) => {
-  const chunks = getRandomChunks(chunkCount);
-
-  return new ReadableStream({
-    async start(controller) {
-      for (const chunk of chunks) {
-        await new Promise((resolve) => setTimeout(resolve, chunk.delay));
-
-        if (streamProtocol === 'text') {
-          controller.enqueue(chunk.texts);
-        } else {
-          controller.enqueue(`0:${JSON.stringify(chunk.texts)}\n`);
-        }
-      }
-
-      if (streamProtocol === 'data') {
-        controller.enqueue(
-          `d:{"finishReason":"stop","usage":{"promptTokens":0,"completionTokens":${chunks.length}}}\n`
-        );
-      }
-
-      controller.close();
-    },
-  });
-};
diff --git a/apps/www/src/app/api/ai/route.ts b/apps/www/src/app/api/ai/route.ts
deleted file mode 100644
index b381cfef5d..0000000000
--- a/apps/www/src/app/api/ai/route.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { NextResponse } from 'next/server';
-
-import { fakeStreamText } from './fakeStreamText';
-
-export function POST() {
-  return createStreamResponse(fakeStreamText({ streamProtocol: 'data' }));
-}
-
-function createStreamResponse(stream: ReadableStream) {
-  return new NextResponse(stream, {
-    headers: {
-      'Cache-Control': 'no-cache',
-      Connection: 'keep-alive',
-      'Content-Type': 'text/event-stream',
-      'X-Accel-Buffering': 'no',
-    },
-  });
-}
diff --git a/apps/www/src/components/typography.tsx b/apps/www/src/components/typography.tsx
index 90779355f4..c00891f94e 100644
--- a/apps/www/src/components/typography.tsx
+++ b/apps/www/src/components/typography.tsx
@@ -101,14 +101,28 @@ export const UL = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLUListElement>) => (
-  <ul className={cn('my-4 ml-6 list-disc', className)} {...props} />
+  <ul
+    className={cn(
+      'group my-4 ml-6 list-disc group-data-[list]:my-2',
+      className
+    )}
+    data-list
+    {...props}
+  />
 );
 
 export const OL = ({
   className,
   ...props
 }: React.HTMLAttributes<HTMLOListElement>) => (
-  <ol className={cn('my-4 ml-6 list-decimal', className)} {...props} />
+  <ol
+    className={cn(
+      'group my-4 ml-6 list-decimal group-data-[list]:my-2',
+      className
+    )}
+    data-list
+    {...props}
+  />
 );
 
 export const LI = ({
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index bc0b01e985..72dc61895b 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -203,7 +203,6 @@ export const docsConfig: DocsConfig = {
         },
         {
           href: '/docs/plugin-components',
-          label: 'UI',
           title: 'Plugin Components',
         },
         {
diff --git a/apps/www/src/lib/plate/demo/plugins/autoformatOptions.ts b/apps/www/src/lib/plate/demo/plugins/autoformatOptions.ts
index fd9a60998d..7529bb9e32 100644
--- a/apps/www/src/lib/plate/demo/plugins/autoformatOptions.ts
+++ b/apps/www/src/lib/plate/demo/plugins/autoformatOptions.ts
@@ -246,14 +246,24 @@ export const autoformatRules: AutoformatRule[] = [
 
 export const autoformatLists: AutoformatRule[] = [
   {
-    format: (editor) => formatList(editor, BulletedListPlugin.key),
+    format: (editor) =>
+      editor.plugins.list
+        ? formatList(editor, BulletedListPlugin.key)
+        : toggleIndentList(editor, {
+            listStyleType: ListStyleType.Disc,
+          }),
     match: ['* ', '- '],
     mode: 'block',
     preFormat,
     type: ListItemPlugin.key,
   },
   {
-    format: (editor) => formatList(editor, NumberedListPlugin.key),
+    format: (editor) =>
+      editor.plugins.list
+        ? formatList(editor, NumberedListPlugin.key)
+        : toggleIndentList(editor, {
+            listStyleType: ListStyleType.Decimal,
+          }),
     match: [String.raw`^\d+\.$ `, String.raw`^\d+\)$ `],
     matchByRegex: true,
     mode: 'block',
diff --git a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx b/apps/www/src/lib/plate/demo/plugins/copilot-plugins.tsx
similarity index 78%
rename from apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
rename to apps/www/src/lib/plate/demo/plugins/copilot-plugins.tsx
index fc80e5d512..8aca4748a6 100644
--- a/apps/www/src/lib/plate/demo/plugins/copilotPlugin.tsx
+++ b/apps/www/src/lib/plate/demo/plugins/copilot-plugins.tsx
@@ -1,3 +1,4 @@
+import { faker } from '@faker-js/faker';
 import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { type TElement, getAncestorNode } from '@udecode/plate-common';
 import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
@@ -8,7 +9,8 @@ export const copilotPlugins = [
   CopilotPlugin.configure(({ api }) => ({
     options: {
       completeOptions: {
-        api: 'https://pro.platejs.org/api/ai/copilot',
+        // API to be implemented
+        api: '/api/ai/copilot',
         body: {
           system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
   
@@ -22,6 +24,16 @@ export const copilotPlugins = [
   - CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
   - If no context is provided or you can't generate a continuation, return "0" without explanation.`,
         },
+        // Mock the API response. Remove it when you implement the route /api/ai/copilot
+        fetch: async () => {
+          const text = await new Promise<string>((resolve) =>
+            setTimeout(() => resolve(faker.lorem.sentence()), 100)
+          );
+
+          return new Response(JSON.stringify({ text }), {
+            headers: { 'Content-Type': 'application/json' },
+          });
+        },
         onFinish: (_, completion) => {
           if (completion === '0') return;
 
diff --git a/apps/www/src/lib/plate/demo/values/aiValue.tsx b/apps/www/src/lib/plate/demo/values/aiValue.tsx
index 7137a7d733..efe0d8e236 100644
--- a/apps/www/src/lib/plate/demo/values/aiValue.tsx
+++ b/apps/www/src/lib/plate/demo/values/aiValue.tsx
@@ -7,51 +7,57 @@ jsx;
 export const aiValue: any = (
   <fragment>
     <hh2>AI Menu</hh2>
-    <hp>
-      The AI Menu provides powerful AI-assisted writing and editing
-      capabilities.
-    </hp>
-    <hp>Ways to access the AI Menu:</hp>
+    <hp>Generate and refine content with AI.</hp>
+    <hp>Access the AI menu in many ways:</hp>
     <hp indent={1} listStyleType="decimal">
-      <htext>
-        Press space in an empty block or select text to see "Ask AI" in the
-        floating toolbar.
-      </htext>
+      <htext>Press "⌘ + J".</htext>
     </hp>
     <hp indent={1} listStart={2} listStyleType="decimal">
-      <htext>Press "⌘ + J".</htext>
+      <htext>Select text and click "Ask AI" in the floating toolbar</htext>
     </hp>
     <hp indent={1} listStart={3} listStyleType="decimal">
-      <htext>Select text to access AI options for the selection.</htext>
-    </hp>
-    <hp>Using the AI Menu:</hp>
-    <hp indent={1} listStyleType="disc">
-      <htext>
-        Ask anything in the search bar or choose from preset options:
-      </htext>
-      <hp indent={2} listStyleType="circle">
-        <htext>Continue writing</htext>
-      </hp>
-      <hp indent={2} listStyleType="circle">
-        <htext>Add a summary</htext>
-      </hp>
-      <hp indent={2} listStyleType="circle">
-        <htext>Explain</htext>
-      </hp>
-    </hp>
-    <hp indent={1} listStyleType="disc">
-      <htext>For generated content, you can:</htext>
-      <hp indent={2} listStyleType="circle">
-        <htext>Accept it (inserts directly into the editor)</htext>
-      </hp>
-      <hp indent={2} listStyleType="circle">
-        <htext>Discard it</htext>
-      </hp>
-      <hp indent={2} listStyleType="circle">
-        <htext>Try again for another suggestion</htext>
-      </hp>
-    </hp>
-    <hp>AI options for selected text:</hp>
+      <htext>Right-click a block and select "Ask AI"</htext>
+    </hp>
+    <hp indent={1} listStart={4} listStyleType="decimal">
+      <htext>Press space in an empty block. Try it out:</htext>
+    </hp>
+    <hp indent={2} listStyleType="disc">
+      <htext />
+    </hp>
+    <hp>Once opened, you can:</hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Search commands in the input field:</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Use arrow keys to navigate, Enter to select</htext>
+    </hp>
+    <hp>
+      <htext>Generating commands:</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Continue writing</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Add a summary</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Explain</htext>
+    </hp>
+    <hp>
+      <htext>Generating suggestions:</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Accept</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Discard</htext>
+    </hp>
+    <hp indent={1} listStyleType="disc">
+      <htext>Try again</htext>
+    </hp>
+    <hp>
+      <htext>Editing commands:</htext>
+    </hp>
     <hp indent={1} listStyleType="disc">
       <htext>Improve writing</htext>
     </hp>
@@ -64,7 +70,7 @@ export const aiValue: any = (
     <hp indent={1} listStyleType="disc">
       <htext>Simplify language</htext>
     </hp>
-    <hp>For AI suggestions on selected text, you can:</hp>
+    <hp>Editing suggestions:</hp>
     <hp indent={1} listStyleType="disc">
       <htext>Replace the selection</htext>
     </hp>
@@ -77,10 +83,8 @@ export const aiValue: any = (
     <hp indent={1} listStyleType="disc">
       <htext>Try again</htext>
     </hp>
-    <hcallout variant="info" icon="💡">
-      <htext>
-        Press Escape to close the AI menu or stop the AI generation process.
-      </htext>
-    </hcallout>
+    <hp>
+      <htext>Note: chat history is preserved until the menu is closed.</htext>
+    </hp>
   </fragment>
 );
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 9bbe114040..9a1cfdadb9 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -74,7 +74,7 @@ import { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floa
 import { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';
 import { aiPlugins } from '@/lib/plate/demo/plugins/ai-plugins';
 import { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';
-import { copilotPlugins } from '@/lib/plate/demo/plugins/copilotPlugin';
+import { copilotPlugins } from '@/lib/plate/demo/plugins/copilot-plugins';
 import { createPlateUI } from '@/plate/create-plate-ui';
 import { editableProps } from '@/plate/demo/editableProps';
 import { isEnabled } from '@/plate/demo/is-enabled';
@@ -128,7 +128,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
       },
       plugins: [
         ...aiPlugins,
-        ...copilotPlugins,
+        ...(id === 'copilot' ? copilotPlugins : []),
         // Nodes
         HeadingPlugin,
         TocPlugin.configure({
@@ -147,7 +147,7 @@ export const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {
         LinkPlugin.extend({
           render: { afterEditable: () => <LinkFloatingToolbar /> },
         }),
-        ListPlugin,
+        ...(id === 'list' ? [ListPlugin] : []),
         ImagePlugin.extend({
           render: { afterEditable: ImagePreview },
         }),
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 0fb857884e..9b05547f9f 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 
+import { faker } from '@faker-js/faker';
 import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
 import {
   type TElement,
@@ -38,7 +39,21 @@ export function AIMenu() {
 
   const chat = useChat({
     id: 'editor',
+    // API to be implemented
     api: '/api/ai',
+    // Mock the API response. Remove it when you implement the route /api/ai
+    fetch: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 400));
+      
+      const stream = fakeStreamText();
+
+      return new Response(stream, {
+        headers: {
+          Connection: 'keep-alive',
+          'Content-Type': 'text/plain',
+        },
+      });
+    },
   });
 
   const { input, isLoading, messages, setInput } = chat;
@@ -150,3 +165,42 @@ export function AIMenu() {
     </Popover>
   );
 }
+
+// Used for testing. Remove it after implementing useChat api.
+const fakeStreamText = ({
+  chunkCount = 10,
+  streamProtocol = 'data',
+}: {
+  chunkCount?: number;
+  streamProtocol?: 'data' | 'text';
+} = {}) => {
+  const chunks = Array.from({ length: chunkCount }, () => ({
+    delay: faker.number.int({ max: 150, min: 50 }),
+    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',
+  }));
+  const encoder = new TextEncoder();
+
+  return new ReadableStream({
+    async start(controller) {
+      for (const chunk of chunks) {
+        await new Promise((resolve) => setTimeout(resolve, chunk.delay));
+
+        if (streamProtocol === 'text') {
+          controller.enqueue(encoder.encode(chunk.texts));
+        } else {
+          controller.enqueue(
+            encoder.encode(`0:${JSON.stringify(chunk.texts)}\n`)
+          );
+        }
+      }
+
+      if (streamProtocol === 'data') {
+        controller.enqueue(
+          `d:{"finishReason":"stop","usage":{"promptTokens":0,"completionTokens":${chunks.length}}}\n`
+        );
+      }
+
+      controller.close();
+    },
+  });
+};
diff --git a/yarn.lock b/yarn.lock
index 3ff4af2b3b..3187c78ccc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21838,7 +21838,6 @@ __metadata:
     "@radix-ui/react-toggle-group": "npm:^1.1.0"
     "@radix-ui/react-toolbar": "npm:^1.1.0"
     "@radix-ui/react-tooltip": "npm:^1.1.2"
-    "@radix-ui/react-visually-hidden": "npm:1.1.0"
     "@shikijs/compat": "npm:^1.17.5"
     "@types/lodash.template": "npm:^4.5.3"
     "@types/react-color": "npm:^3.0.12"

From edb876b7fab4a4687d39240431fe6a1f6fcce79a Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 05:14:24 +0200
Subject: [PATCH 116/127] fix

---
 .../src/registry/default/plate-ui/ai-menu.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 9b05547f9f..55a57420b8 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -44,7 +44,7 @@ export function AIMenu() {
     // Mock the API response. Remove it when you implement the route /api/ai
     fetch: async () => {
       await new Promise((resolve) => setTimeout(resolve, 400));
-      
+
       const stream = fakeStreamText();
 
       return new Response(stream, {
@@ -109,14 +109,6 @@ export function AIMenu() {
     { enableOnContentEditable: true, enableOnFormTags: true }
   );
 
-  useHotkeys('escape', () => {
-    if (isLoading) {
-      api.aiChat.stop();
-    } else {
-      api.aiChat.hide();
-    }
-  });
-
   return (
     <Popover open={open} onOpenChange={setOpen} modal={false}>
       <PopoverAnchor virtualRef={{ current: anchorElement }} />
@@ -126,6 +118,15 @@ export function AIMenu() {
         style={{
           width: anchorElement?.offsetWidth,
         }}
+        onEscapeKeyDown={(e) => {
+          e.preventDefault();
+
+          if (isLoading) {
+            api.aiChat.stop();
+          } else {
+            api.aiChat.hide();
+          }
+        }}
         align="center"
         avoidCollisions={false}
         side="bottom"

From fde3f7201c8ada429c31f5948c76ab0ad2984d86 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 25 Oct 2024 14:53:48 +0800
Subject: [PATCH 117/127] ai

---
 .../www/content/docs/components/changelog.mdx |  4 +++
 .../playground-fixed-toolbar-buttons.tsx      | 14 ++++++--
 .../src/registry/default/plate-ui/ai-menu.tsx | 11 ++++++
 .../default/plate-ui/slash-input-element.tsx  | 35 +++++++++++++------
 4 files changed, 50 insertions(+), 14 deletions(-)

diff --git a/apps/www/content/docs/components/changelog.mdx b/apps/www/content/docs/components/changelog.mdx
index 3c17dd7101..59f0f6fe53 100644
--- a/apps/www/content/docs/components/changelog.mdx
+++ b/apps/www/content/docs/components/changelog.mdx
@@ -11,6 +11,10 @@ Use the [CLI](https://platejs.org/docs/components/cli) to install the latest ver
 
 ## October 2024 #15
 
+### October 25 #15.4
+
+- `slash-input-element`: add AI command & add `focusEditor` option
+
 ### October 24 #15.3
 
 - Add `ai-menu`, `ai-menu-items`, `ai-toolbar-button`, `ai-chat-editor`, `block-context-menu`, `context-menu`, `ghost-text`, `toc-element`
diff --git a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
index f23cb9770a..402590a200 100644
--- a/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
+++ b/apps/www/src/components/plate-ui/playground-fixed-toolbar-buttons.tsx
@@ -28,9 +28,11 @@ import {
 import { ImagePlugin } from '@udecode/plate-media/react';
 import { TablePlugin } from '@udecode/plate-table/react';
 import { TogglePlugin } from '@udecode/plate-toggle/react';
+import { SparklesIcon } from 'lucide-react';
 
 import { CheckPlugin } from '@/components/context/check-plugin';
 import { Icons, iconVariants } from '@/components/icons';
+import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 // import { AIToolbarButton } from '@/registry/default/plate-ui/ai-toolbar-button';
 import { AlignDropdownMenu } from '@/registry/default/plate-ui/align-dropdown-menu';
 import { ColorDropdownMenu } from '@/registry/default/plate-ui/color-dropdown-menu';
@@ -69,9 +71,15 @@ export function PlaygroundFixedToolbarButtons() {
         {!readOnly && (
           <>
             <ToolbarGroup>
-              {/* <AIToolbarButton>
-                <Icons.ai />
-              </AIToolbarButton> */}
+              <ToolbarGroup>
+                <AIToolbarButton
+                  className="text-purple-500 hover:text-purple-600"
+                  tooltip="Edit, generate, and more"
+                >
+                  <SparklesIcon className="mr-1.5 !size-3.5" />
+                  Ask AI
+                </AIToolbarButton>
+              </ToolbarGroup>
 
               <PlaygroundInsertDropdownMenu />
 
diff --git a/apps/www/src/registry/default/plate-ui/ai-menu.tsx b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
index 55a57420b8..9b233efb68 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu.tsx
@@ -8,6 +8,7 @@ import {
   getAncestorNode,
   getBlocks,
   isElementEmpty,
+  isHotkey,
   isSelectionAtBlockEnd,
 } from '@udecode/plate-common';
 import {
@@ -150,6 +151,16 @@ export function AIMenu() {
               variant="ghost"
               className="rounded-none border-b border-solid border-border [&_svg]:hidden"
               value={input}
+              onKeyDown={(e) => {
+                if (isHotkey('backspace')(e) && input.length === 0) {
+                  e.preventDefault();
+                  api.aiChat.hide();
+                }
+                if (isHotkey('enter')(e) && !e.shiftKey && !value) {
+                  e.preventDefault();
+                  void api.aiChat.submit();
+                }
+              }}
               onValueChange={setInput}
               placeholder="Ask AI anything..."
               autoFocus
diff --git a/apps/www/src/registry/default/plate-ui/slash-input-element.tsx b/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
index b78c1f0d0d..1d2f8ef729 100644
--- a/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
+++ b/apps/www/src/registry/default/plate-ui/slash-input-element.tsx
@@ -3,6 +3,7 @@ import React, { type ComponentType, type SVGProps } from 'react';
 import type { PlateEditor } from '@udecode/plate-common/react';
 
 import { withRef } from '@udecode/cn';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
 import { DatePlugin } from '@udecode/plate-date/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';
@@ -22,11 +23,20 @@ interface SlashCommandRule {
   icon: ComponentType<SVGProps<SVGSVGElement>>;
   onSelect: (editor: PlateEditor) => void;
   value: string;
+  className?: string;
   focusEditor?: boolean;
   keywords?: string[];
 }
 
 const rules: SlashCommandRule[] = [
+  {
+    focusEditor: false,
+    icon: Icons.ai,
+    value: 'AI',
+    onSelect: (editor) => {
+      editor.getApi(AIChatPlugin).aiChat.show();
+    },
+  },
   {
     icon: Icons.h1,
     value: 'Heading 1',
@@ -97,17 +107,20 @@ export const SlashInputElement = withRef<typeof PlateElement>(
               No matching commands found
             </InlineComboboxEmpty>
 
-            {rules.map(({ icon: Icon, keywords, value, onSelect }) => (
-              <InlineComboboxItem
-                key={value}
-                value={value}
-                onClick={() => onSelect(editor)}
-                keywords={keywords}
-              >
-                <Icon className="mr-2 size-4" aria-hidden />
-                {value}
-              </InlineComboboxItem>
-            ))}
+            {rules.map(
+              ({ focusEditor, icon: Icon, keywords, value, onSelect }) => (
+                <InlineComboboxItem
+                  key={value}
+                  value={value}
+                  onClick={() => onSelect(editor)}
+                  focusEditor={focusEditor}
+                  keywords={keywords}
+                >
+                  <Icon className="mr-2 size-4" aria-hidden />
+                  {value}
+                </InlineComboboxItem>
+              )
+            )}
           </InlineComboboxContent>
         </InlineCombobox>
 

From bb47fa1f00c9cf7e0fc0f6eeb6448ab693dbabcf Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 25 Oct 2024 18:27:36 +0800
Subject: [PATCH 118/127] sync template

---
 .../plate-playground-template/package.json    |  20 +-
 .../plate-playground-template/pnpm-lock.yaml  | 988 ++++++++++++++----
 .../src/components/icons.tsx                  | 387 +++++--
 .../src/components/plate-editor.tsx           |  39 +-
 .../components/plate-ui/ai-chat-editor.tsx    |  51 +
 .../src/components/plate-ui/ai-leaf.tsx       |  23 +
 .../src/components/plate-ui/ai-menu-items.tsx | 293 ++++++
 .../src/components/plate-ui/ai-menu.tsx       | 217 ++++
 .../components/plate-ui/ai-toolbar-button.tsx |  26 +
 .../plate-ui/align-dropdown-menu.tsx          |   6 +-
 .../plate-ui/block-context-menu.tsx           | 181 ++++
 .../src/components/plate-ui/button.tsx        |  52 +-
 .../src/components/plate-ui/code-leaf.tsx     |   2 +-
 .../components/plate-ui/color-constants.ts    | 170 +--
 .../plate-ui/color-dropdown-menu-items.tsx    |  35 +-
 .../plate-ui/color-dropdown-menu.tsx          |   2 +-
 .../src/components/plate-ui/color-input.tsx   |   4 +-
 .../src/components/plate-ui/color-picker.tsx  |   4 +-
 .../src/components/plate-ui/colors-custom.tsx |   2 +-
 .../components/plate-ui/column-element.tsx    |  31 +
 .../plate-ui/column-group-element.tsx         |  90 ++
 .../src/components/plate-ui/command.tsx       |  23 +-
 .../components/plate-ui/comment-avatar.tsx    |   2 +-
 .../plate-ui/comment-more-dropdown.tsx        |   2 +-
 .../plate-ui/comment-reply-items.tsx          |   2 +-
 .../components/plate-ui/comments-popover.tsx  |   6 +-
 .../src/components/plate-ui/context-menu.tsx  | 199 ++++
 .../components/plate-ui/cursor-overlay.tsx    |  55 +-
 .../src/components/plate-ui/dialog.tsx        |   5 +-
 .../src/components/plate-ui/dropdown-menu.tsx |   1 +
 .../src/components/plate-ui/editor.tsx        |  15 +-
 .../plate-ui/excalidraw-element.tsx           |   4 +-
 .../plate-ui/fixed-toolbar-buttons.tsx        |  53 +-
 .../src/components/plate-ui/fixed-toolbar.tsx |   2 +-
 .../plate-ui/floating-toolbar-buttons.tsx     |  82 +-
 .../components/plate-ui/floating-toolbar.tsx  |   9 +-
 .../src/components/plate-ui/ghost-text.tsx    |  33 +
 .../components/plate-ui/heading-element.tsx   |  22 +-
 .../plate-ui/indent-fire-marker-component.tsx |  22 +
 .../components/plate-ui/inline-combobox.tsx   |  18 +-
 .../src/components/plate-ui/input.tsx         |  16 +-
 .../plate-ui/insert-dropdown-menu.tsx         | 290 ++---
 .../src/components/plate-ui/kbd-leaf.tsx      |   2 +-
 .../plate-ui/line-height-dropdown-menu.tsx    |   6 +-
 .../plate-ui/link-floating-toolbar.tsx        |   4 +-
 .../plate-ui/mark-toolbar-button.tsx          |   2 +-
 .../src/components/plate-ui/media-popover.tsx |   6 +-
 .../plate-ui/mode-dropdown-menu.tsx           |   7 +-
 .../plate-ui/more-dropdown-menu.tsx           |   6 +-
 .../src/components/plate-ui/placeholder.tsx   |   4 +-
 .../src/components/plate-ui/popover.tsx       |   8 +-
 .../src/components/plate-ui/resizable.tsx     |   2 +-
 .../plate-ui/slash-input-element.tsx          |  36 +-
 .../src/components/plate-ui/toc-element.tsx   |  30 +-
 .../src/components/plate-ui/toolbar.tsx       |  51 +-
 .../src/components/plate-ui/tooltip.tsx       |  43 +-
 .../plate-ui/turn-into-dropdown-menu.tsx      |   7 +-
 .../src/components/plugins/ai-plugins.tsx     | 236 +++++
 .../components/plugins/copilot-plugins.tsx    |  64 ++
 .../src/components/site/main-nav.tsx          |   2 -
 60 files changed, 3269 insertions(+), 731 deletions(-)
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/column-element.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/column-group-element.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/context-menu.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx
 create mode 100644 templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx
 create mode 100644 templates/plate-playground-template/src/components/plugins/ai-plugins.tsx
 create mode 100644 templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx

diff --git a/templates/plate-playground-template/package.json b/templates/plate-playground-template/package.json
index ac6913f74d..4546a171cd 100644
--- a/templates/plate-playground-template/package.json
+++ b/templates/plate-playground-template/package.json
@@ -24,7 +24,13 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toolbar": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.3",
+    "@radix-ui/react-context-menu": "^2.2.1",
+    "@radix-ui/react-icons": "^1.3.0",
+    "ai": "^3.4.10",
+    "@faker-js/faker": "^9.0.2",
     "@udecode/cn": "^39.0.0",
+    "@udecode/plate-ai": "^39.2.10",
+    "@udecode/plate-slash-command": "^39.0.0",
     "@udecode/plate-alignment": "^39.0.0",
     "@udecode/plate-autoformat": "^39.0.0",
     "@udecode/plate-basic-marks": "^39.0.0",
@@ -34,12 +40,12 @@
     "@udecode/plate-code-block": "^39.0.0",
     "@udecode/plate-combobox": "^39.0.0",
     "@udecode/plate-comments": "^39.0.0",
-    "@udecode/plate-common": "^39.1.8",
+    "@udecode/plate-common": "39.2.1",
     "@udecode/plate-csv": "^39.1.6",
     "@udecode/plate-cursor": "^39.0.0",
     "@udecode/plate-date": "^39.0.0",
     "@udecode/plate-dnd": "^39.0.0",
-    "@udecode/plate-docx": "^39.1.6",
+    "@udecode/plate-docx": "39.2.4",
     "@udecode/plate-emoji": "^39.0.0",
     "@udecode/plate-excalidraw": "^39.0.0",
     "@udecode/plate-find-replace": "^39.0.0",
@@ -50,22 +56,22 @@
     "@udecode/plate-horizontal-rule": "^39.0.0",
     "@udecode/plate-html": "^39.0.0",
     "@udecode/plate-indent": "^39.0.0",
-    "@udecode/plate-indent-list": "^39.0.0",
+    "@udecode/plate-indent-list": "39.1.10",
     "@udecode/plate-juice": "^39.0.0",
     "@udecode/plate-kbd": "^39.0.0",
     "@udecode/plate-layout": "^39.0.0",
     "@udecode/plate-line-height": "^39.0.0",
     "@udecode/plate-link": "^39.1.9",
     "@udecode/plate-list": "^39.0.0",
-    "@udecode/plate-markdown": "^39.1.5",
-    "@udecode/plate-media": "^39.0.0",
+    "@udecode/plate-markdown": "39.2.0",
+    "@udecode/plate-media": "39.2.4",
     "@udecode/plate-mention": "^39.0.0",
     "@udecode/plate-node-id": "^39.0.0",
     "@udecode/plate-normalizers": "^39.0.0",
     "@udecode/plate-reset-node": "^39.0.0",
     "@udecode/plate-resizable": "^39.1.6",
     "@udecode/plate-select": "^39.0.0",
-    "@udecode/plate-selection": "^39.1.4",
+    "@udecode/plate-selection": "39.2.3",
     "@udecode/plate-tabbable": "^39.0.0",
     "@udecode/plate-table": "^39.1.6",
     "@udecode/plate-toggle": "^39.0.0",
@@ -123,4 +129,4 @@
       ]
     }
   }
-}
+}
\ No newline at end of file
diff --git a/templates/plate-playground-template/pnpm-lock.yaml b/templates/plate-playground-template/pnpm-lock.yaml
index 9c51523cfd..83a60a4701 100644
--- a/templates/plate-playground-template/pnpm-lock.yaml
+++ b/templates/plate-playground-template/pnpm-lock.yaml
@@ -11,18 +11,27 @@ importers:
       '@ariakit/react':
         specifier: 0.4.11
         version: 0.4.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@faker-js/faker':
+        specifier: ^9.0.2
+        version: 9.0.3
       '@radix-ui/react-avatar':
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-checkbox':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-context-menu':
+        specifier: ^2.2.1
+        version: 2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dialog':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dropdown-menu':
         specifier: 2.1.2
         version: 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-icons':
+        specifier: ^1.3.0
+        version: 1.3.0(react@18.3.1)
       '@radix-ui/react-popover':
         specifier: ^1.1.2
         version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -47,141 +56,150 @@ importers:
       '@udecode/cn':
         specifier: ^39.0.0
         version: 39.0.0(@types/react@18.3.11)(class-variance-authority@0.7.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)
+      '@udecode/plate-ai':
+        specifier: ^39.2.10
+        version: 39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-alignment':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-autoformat':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-basic-marks':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-block-quote':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-break':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-caption':
         specifier: ^39.0.0
-        version: 39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-code-block':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-combobox':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-comments':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-common':
-        specifier: ^39.1.8
-        version: 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.2.1
+        version: 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-csv':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-cursor':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-date':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-dnd':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-docx':
-        specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.2.4
+        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-emoji':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-excalidraw':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-find-replace':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-floating':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-font':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-heading':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-highlight':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-horizontal-rule':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-html':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-indent':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-indent-list':
-        specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.1.10
+        version: 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-juice':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-kbd':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-layout':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-line-height':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-link':
         specifier: ^39.1.9
-        version: 39.1.9(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-list':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-markdown':
-        specifier: ^39.1.5
-        version: 39.1.5(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.2.0
+        version: 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-media':
-        specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.2.4
+        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-mention':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-node-id':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-normalizers':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-reset-node':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-resizable':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-select':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-selection':
-        specifier: ^39.1.4
-        version: 39.1.4(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: 39.2.3
+        version: 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-slash-command':
+        specifier: ^39.0.0
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-tabbable':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-table':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-toggle':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/plate-trailing-block':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      ai:
+        specifier: ^3.4.10
+        version: 3.4.18(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       class-variance-authority:
         specifier: 0.7.0
         version: 0.7.0
@@ -199,7 +217,7 @@ importers:
         version: 0.452.0(react@18.3.1)
       next:
         specifier: ^14.2.15
-        version: 14.2.15(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 14.2.15(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes:
         specifier: ^0.3.0
         version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -248,7 +266,7 @@ importers:
     devDependencies:
       '@ianvs/prettier-plugin-sort-imports':
         specifier: ^4.3.1
-        version: 4.3.1(prettier@3.3.3)
+        version: 4.3.1(@vue/compiler-sfc@3.5.12)(prettier@3.3.3)
       '@types/node':
         specifier: ^22.7.5
         version: 22.7.5
@@ -300,6 +318,67 @@ importers:
 
 packages:
 
+  '@ai-sdk/provider-utils@1.0.20':
+    resolution: {integrity: sha512-ngg/RGpnA00eNOWEtXHenpX1MsM2QshQh4QJFjUfwcqHpM5kTfG7je7Rc3HcEDP+OkRVv2GF+X4fC1Vfcnl8Ow==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      zod:
+        optional: true
+
+  '@ai-sdk/provider@0.0.24':
+    resolution: {integrity: sha512-XMsNGJdGO+L0cxhhegtqZ8+T6nn4EoShS819OvCgI2kLbYTIvk0GWFGD0AXJmxkxs3DrpsJxKAFukFR7bvTkgQ==}
+    engines: {node: '>=18'}
+
+  '@ai-sdk/react@0.0.64':
+    resolution: {integrity: sha512-4LN2vleyA6rYHZ4Rk9CdxnJgaVkNPJDD4Wx1brUhc5RvUxj3TODcm2UwGOR/mxv4pcydtZGELfQQs/i/tkAUCw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18 || ^19
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      react:
+        optional: true
+      zod:
+        optional: true
+
+  '@ai-sdk/solid@0.0.50':
+    resolution: {integrity: sha512-JF+KKOgGAgcROgae6FU+hAtxMRhR896SzwI3H1h5hFOZrjqYeYzemJoKzA5MR5IBnPSK4FzEjunc8G5L67TyzQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      solid-js: ^1.7.7
+    peerDependenciesMeta:
+      solid-js:
+        optional: true
+
+  '@ai-sdk/svelte@0.0.52':
+    resolution: {integrity: sha512-ZGd81ruVuqpOh1Suma+HwBMBywcOV0IUzi96Q3knIoZIz99sVwebSKH8ExMofXm49bQdCTRa73Wn8sTs6QDIYg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      svelte: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  '@ai-sdk/ui-utils@0.0.46':
+    resolution: {integrity: sha512-ZG/wneyJG+6w5Nm/hy1AKMuRgjPQToAxBsTk61c9sVPUTaxo+NNjM2MhXQMtmsja2N5evs8NmHie+ExEgpL3cA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      zod:
+        optional: true
+
+  '@ai-sdk/vue@0.0.55':
+    resolution: {integrity: sha512-NZ89CeRPO3D9GjI7GmK3vC+YXjsaWi3iCIvxlGqfQYt0JFKcjgM6dfeq8Nkk+qWI9OoxoOhV/yQdqWQKPv3RRg==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      vue: ^3.3.4
+    peerDependenciesMeta:
+      vue:
+        optional: true
+
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -429,6 +508,10 @@ packages:
       react: ^17.0.2 || ^18.2.0
       react-dom: ^17.0.2 || ^18.2.0
 
+  '@faker-js/faker@9.0.3':
+    resolution: {integrity: sha512-lWrrK4QNlFSU+13PL9jMbMKLJYXDFu3tQfayBsMXX7KL/GiQeqfB1CzHkqD5UHBUtPAuPo6XwGbMFNdVMZObRA==}
+    engines: {node: '>=18.0.0', npm: '>=9.0.0'}
+
   '@floating-ui/core@1.6.8':
     resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
 
@@ -573,6 +656,10 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@opentelemetry/api@1.9.0':
+    resolution: {integrity: sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg==}
+    engines: {node: '>=8.0.0'}
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -660,6 +747,19 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-context-menu@2.2.2':
+    resolution: {integrity: sha512-99EatSTpW+hRYHt7m8wdDlLtkmTovEe8Z/hnxUPV+SKuuNL5HWNhQI4QSdjZqNSgXHay2z4M3Dym73j9p2Gx5Q==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-context@1.0.1':
     resolution: {integrity: sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==}
     peerDependencies:
@@ -805,6 +905,11 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-icons@1.3.0':
+    resolution: {integrity: sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw==}
+    peerDependencies:
+      react: ^16.x || ^17.x || ^18.x
+
   '@radix-ui/react-id@1.0.1':
     resolution: {integrity: sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==}
     peerDependencies:
@@ -1188,6 +1293,12 @@ packages:
   '@swc/helpers@0.5.5':
     resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
 
+  '@types/diff-match-patch@1.0.36':
+    resolution: {integrity: sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==}
+
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
+
   '@types/json5@0.0.29':
     resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
 
@@ -1277,6 +1388,17 @@ packages:
       react-dom: '>=16.8.0'
       tailwind-merge: '>=2.2.0'
 
+  '@udecode/plate-ai@39.2.10':
+    resolution: {integrity: sha512-YT0KqLZAp0SwSs0aXa4R5y01/eGOwcuOK75eWzxU1/7ju9ZgtvJJfB9nNDP+OnRybPdkEFKpjtppzEY8LgiOOg==}
+    peerDependencies:
+      '@udecode/plate-common': '>=39.2.1'
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+      slate: '>=0.103.0'
+      slate-history: '>=0.93.0'
+      slate-hyperscript: '>=0.66.0'
+      slate-react: '>=0.108.0'
+
   '@udecode/plate-alignment@39.0.0':
     resolution: {integrity: sha512-OLxA2+k2U1ytDH9nFsSfvSfAjO83ltGiH9Ge1rPDIJ5z4Xj2eY6aKemDcBREE3HlxpzphoULvyJui+gC3XLxoA==}
     peerDependencies:
@@ -1376,8 +1498,8 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-common@39.1.8':
-    resolution: {integrity: sha512-6KLikZg4vQybdNIZnjE3A3cTo6n0OdslmkbYJQNmnQZQtcR0k91qrRIgc7YNwJ0UnqMBXjUK9egX1y+ZRrW0Gg==}
+  '@udecode/plate-common@39.2.1':
+    resolution: {integrity: sha512-wbCW/hnJ0Opfiwkewy1JNeY6Tdtnkt1TJ2I2QFHnoGnnYEjWD4o4Uioqueic+mCyM4z8uNLYW29PBJSqgdOG4Q==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -1386,8 +1508,8 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-core@39.1.4':
-    resolution: {integrity: sha512-Q19mm4ilQjvGXo7Xb8K7JUo3GOvYcFyO+QiMtgLnrL32yjiqywNA17a80eKPa3HBNfjXZfSrUyDQ03WIoPa7iQ==}
+  '@udecode/plate-core@39.2.1':
+    resolution: {integrity: sha512-/A000AvSlldmrH2dXrDid/cfZNyHx0hCmPxV7dvnGz+EDHVtrGcxWvsK1Ngj+Tj4CM+lC4LPHApGdTrlsZIlhw==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -1442,10 +1564,10 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-docx@39.1.6':
-    resolution: {integrity: sha512-SIPq+PAMSvT7u41f8eH8QEIquvPapvmWPbVLhhk2T2OPZZIBqdSBI9rMLskaO6iMNbqU+94lBsGUXo5cegwqHw==}
+  '@udecode/plate-docx@39.2.4':
+    resolution: {integrity: sha512-XfJaLcBRaV/8JlseFLmE4/E6CQxycoYBX0JBTo1Kwd2Px2P5LMv/s61s9UE1iiqdF59Gkm2CrLpdF2h4ocnHIA==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.1.4'
+      '@udecode/plate-common': '>=39.2.1'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -1552,10 +1674,10 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-indent-list@39.0.0':
-    resolution: {integrity: sha512-d5qp4o58YUN8yBUuU/mksuFFT48DpGceUUf4XvaF9aGFZgM1qyCZJ0/BIm9J1jhMzPK/ZgUakRnBIOTbJeBVcg==}
+  '@udecode/plate-indent-list@39.1.10':
+    resolution: {integrity: sha512-5yuV1EEVnC6EpWmc1abyRundVVH7xmR+d8l5sLW6/0ENytJpMJa9ga/hYSX9PStMq1Zvp17axJph0ok29RlHVg==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.0.0'
+      '@udecode/plate-common': '>=39.1.8'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -1640,10 +1762,10 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-markdown@39.1.5':
-    resolution: {integrity: sha512-5OqKtbVvwvYO8V9jHp9A/HmSVh12ln/0gD6hYuMIE+VdyHCAsFG+WJPacHCXKwKKwBv9LC7eVtv8zd0KnVuC4w==}
+  '@udecode/plate-markdown@39.2.0':
+    resolution: {integrity: sha512-ub0SchLdBGh3sxQcGIrJZfSTgQr1/YDg0GS3MerX7iNjH8Dz+NgTEgPzU1q37Qtt76MihJlXSW0YIlgb83jNmw==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.1.4'
+      '@udecode/plate-common': '>=39.1.8'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -1651,10 +1773,10 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-media@39.0.0':
-    resolution: {integrity: sha512-LGX8Kk4AVzfJrb3cm6TpjgKmve/N0oxo4mb1RclGSwfxWTjb03Y8B4XNL22CTyz9rsmEDtoJ9ji6A63+RF4cug==}
+  '@udecode/plate-media@39.2.4':
+    resolution: {integrity: sha512-M4UOZHhSUdPdKSnNMV0gOoX3z3aOdZc9mZM14K5FS1CInBG7ILs9xKus4XIItZRxtyDRaQnGj0wW389C86dBvA==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.0.0'
+      '@udecode/plate-common': '>=39.2.1'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -1728,10 +1850,21 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-selection@39.1.4':
-    resolution: {integrity: sha512-vb5LJU7U2ZThL7Bo3pBa+Kt3DxAj+e25/LL4OJEBYv89q5Ze6e5HQTtCJMUOaV7vVHUsq1wFJlf6wbhrMMvaJA==}
+  '@udecode/plate-selection@39.2.3':
+    resolution: {integrity: sha512-y1SSsKz4yn8FSJWayuSvCNVUNFDaV2GdFMaqkAD00OpvN3qr6p/k3l260m7sBL3fLOeRwX69s70Bw/qKcg3epA==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.1.4'
+      '@udecode/plate-common': '>=39.2.1'
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+      slate: '>=0.103.0'
+      slate-history: '>=0.93.0'
+      slate-hyperscript: '>=0.66.0'
+      slate-react: '>=0.108.0'
+
+  '@udecode/plate-slash-command@39.0.0':
+    resolution: {integrity: sha512-6U53gna7MZjAziJtGYfSiFeOBt0sbRhhRphILW2qF6kgfWjOuxPMeTM2ehZRGFNsZR4lHgW7u+r0m7WX7kgSSw==}
+    peerDependencies:
+      '@udecode/plate-common': '>=39.0.0'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -1782,8 +1915,8 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-utils@39.1.8':
-    resolution: {integrity: sha512-9apGZRXgrWz9ke9TSU9rJers73Ue4lIfzq7pa61wdbZ1VqHh5kQ9+PpIVokZT26q5IjJIz7CuSQ8Vog0u5x7dQ==}
+  '@udecode/plate-utils@39.2.1':
+    resolution: {integrity: sha512-AQgAA6vHfzMgraO5PPtXhKscxHDDvGuT4NWN3Ghl9xgQkGpf4QvzpLeU9GGHWWkGLSB/0DLkPHXxVWEo+GU11w==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -1804,8 +1937,8 @@ packages:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
 
-  '@udecode/slate-react@39.1.4':
-    resolution: {integrity: sha512-jM8hbaYonRJpXJmdmrMkzKuClkJ5f5lHf4tDnkmgqi2THXZ9eM4D7SD7MSxQeKt20klQA+CeNKfavaSobXQlJg==}
+  '@udecode/slate-react@39.2.1':
+    resolution: {integrity: sha512-19MiTlF8WWwTR23Um428DI09JzPDdlvDp0pcAL4TzaOB14nAjUvCUCNsojF21H0ovcJpEFEiStD76jkOuqKXbA==}
     peerDependencies:
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
@@ -1813,14 +1946,14 @@ packages:
       slate-history: '>=0.93.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/slate-utils@39.1.4':
-    resolution: {integrity: sha512-OehFzAcT1FLPI2ZleUK9Y8Tv/LL1b5B3MIDppNqXlzzJp9F5dFzPEx9/1Ye7MSZfBusBZeqYUNtRMjcKFlExUQ==}
+  '@udecode/slate-utils@39.2.1':
+    resolution: {integrity: sha512-mLzVMOPTwxuKWtZ1kQ7ilXcasY7x3mqus8ZacslqLk1knMv+desFjXK0Tb40VWjTozz736s2hVV6GINzkSOZfg==}
     peerDependencies:
       slate: '>=0.103.0'
       slate-history: '>=0.93.0'
 
-  '@udecode/slate@38.0.4':
-    resolution: {integrity: sha512-PlnavxtTd4xIqC/HdNl/nebMUogBjXgq1WyiH1mCXBNzMRuTpss7ByhXOr/SO67h6CKpaeGc1kf3dqZsHQWHZw==}
+  '@udecode/slate@39.2.1':
+    resolution: {integrity: sha512-TfBZKNyAr/If5cMBEdacitmn7nUfL81qD56Y5gn1fGsI5jBIR1e3XMA4jSWG1s3I7EK6/KN8xIas/lmX73b5RQ==}
     peerDependencies:
       slate: '>=0.103.0'
       slate-history: '>=0.93.0'
@@ -1831,6 +1964,35 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
+  '@vue/compiler-core@3.5.12':
+    resolution: {integrity: sha512-ISyBTRMmMYagUxhcpyEH0hpXRd/KqDU4ymofPgl2XAkY9ZhQ+h0ovEZJIiPop13UmR/54oA2cgMDjgroRelaEw==}
+
+  '@vue/compiler-dom@3.5.12':
+    resolution: {integrity: sha512-9G6PbJ03uwxLHKQ3P42cMTi85lDRvGLB2rSGOiQqtXELat6uI4n8cNz9yjfVHRPIu+MsK6TE418Giruvgptckg==}
+
+  '@vue/compiler-sfc@3.5.12':
+    resolution: {integrity: sha512-2k973OGo2JuAa5+ZlekuQJtitI5CgLMOwgl94BzMCsKZCX/xiqzJYzapl4opFogKHqwJk34vfsaKpfEhd1k5nw==}
+
+  '@vue/compiler-ssr@3.5.12':
+    resolution: {integrity: sha512-eLwc7v6bfGBSM7wZOGPmRavSWzNFF6+PdRhE+VFJhNCgHiF8AM7ccoqcv5kBXA2eWUfigD7byekvf/JsOfKvPA==}
+
+  '@vue/reactivity@3.5.12':
+    resolution: {integrity: sha512-UzaN3Da7xnJXdz4Okb/BGbAaomRHc3RdoWqTzlvd9+WBR5m3J39J1fGcHes7U3za0ruYn/iYy/a1euhMEHvTAg==}
+
+  '@vue/runtime-core@3.5.12':
+    resolution: {integrity: sha512-hrMUYV6tpocr3TL3Ad8DqxOdpDe4zuQY4HPY3X/VRh+L2myQO8MFXPAMarIOSGNu0bFAjh1yBkMPXZBqCk62Uw==}
+
+  '@vue/runtime-dom@3.5.12':
+    resolution: {integrity: sha512-q8VFxR9A2MRfBr6/55Q3umyoN7ya836FzRXajPB6/Vvuv0zOPL+qltd9rIMzG/DbRLAIlREmnLsplEF/kotXKA==}
+
+  '@vue/server-renderer@3.5.12':
+    resolution: {integrity: sha512-I3QoeDDeEPZm8yR28JtY+rk880Oqmj43hreIBVTicisFTx/Dl7JpG72g/X7YF8hnQD3IFhkky5i2bPonwrTVPg==}
+    peerDependencies:
+      vue: 3.5.12
+
+  '@vue/shared@3.5.12':
+    resolution: {integrity: sha512-L2RPSAwUFbgZH20etwrXyVyCBu9OxRSi8T/38QsvnkJyvq2LufW2lDCOzm7t/U9C1mkhJGWYfCuFBCmIuNivrg==}
+
   acorn-jsx@5.3.2:
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1841,6 +2003,27 @@ packages:
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  ai@3.4.18:
+    resolution: {integrity: sha512-dc6rSBDgaRMX4VgTBsUZwEN5tBWMpJd+MJxB05E2cL4ft9mOmQEZNS6yeu4Ci5rUDj4ZhnmvANHrP7td8Ko9Og==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      openai: ^4.42.0
+      react: ^18 || ^19
+      sswr: ^2.1.0
+      svelte: ^3.0.0 || ^4.0.0
+      zod: ^3.0.0
+    peerDependenciesMeta:
+      openai:
+        optional: true
+      react:
+        optional: true
+      sswr:
+        optional: true
+      svelte:
+        optional: true
+      zod:
+        optional: true
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
@@ -1888,6 +2071,10 @@ packages:
   aria-query@5.1.3:
     resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
 
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
   array-buffer-byte-length@1.0.1:
     resolution: {integrity: sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==}
     engines: {node: '>= 0.4'}
@@ -2000,6 +2187,10 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.3.0:
+    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
   character-entities-legacy@1.1.4:
     resolution: {integrity: sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==}
 
@@ -2040,6 +2231,9 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
+  code-red@1.0.4:
+    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
+
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -2080,6 +2274,10 @@ packages:
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
@@ -2155,6 +2353,9 @@ packages:
   didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
+  diff-match-patch@1.0.5:
+    resolution: {integrity: sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==}
+
   direction@1.0.4:
     resolution: {integrity: sha512-GYqKi1aH7PJXxdhTeZBFrg8vUBeKXi+cNprXsC1kpJcbcVnV9wBsrOu1cQEdG0WeQwlfHiy3XvnKfIrJ2R0NzQ==}
     hasBin: true
@@ -2212,6 +2413,10 @@ packages:
   entities@2.2.0:
     resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
 
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
   es-abstract@1.23.3:
     resolution: {integrity: sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==}
     engines: {node: '>= 0.4'}
@@ -2400,10 +2605,20 @@ packages:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
 
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
+  eventsource-parser@1.1.2:
+    resolution: {integrity: sha512-v0eOBUbiaFojBu2s2NPBfYUoRR9GjcDNvCXVaqEf5vVfpIAh9f8RCo4vXTP8c63QRKCFwoLpMpTdPwwhEKVgzA==}
+    engines: {node: '>=14.18'}
+
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
@@ -2713,6 +2928,9 @@ packages:
     resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
     engines: {node: '>=0.10.0'}
 
+  is-reference@3.0.2:
+    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+
   is-regex@1.1.4:
     resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
     engines: {node: '>= 0.4'}
@@ -2820,6 +3038,9 @@ packages:
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
@@ -2832,6 +3053,11 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  jsondiffpatch@0.6.0:
+    resolution: {integrity: sha512-3QItJOXp2AP1uv7waBkao5nCvhEv+QmJAd38Ybq7wNI74Q+BBmnLn4EDKz6yI9xGAIQoUF87qHt+kc1IVxB4zQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+
   jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
@@ -2866,6 +3092,9 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
+  locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
@@ -2894,12 +3123,18 @@ packages:
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
 
+  magic-string@0.30.12:
+    resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
+
   mdast-util-from-markdown@0.8.5:
     resolution: {integrity: sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==}
 
   mdast-util-to-string@2.0.0:
     resolution: {integrity: sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==}
 
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
   mensch@0.3.4:
     resolution: {integrity: sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g==}
 
@@ -2939,6 +3174,11 @@ packages:
   mz@2.7.0:
     resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
 
+  nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
   nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -3093,6 +3333,9 @@ packages:
   performance-now@2.1.0:
     resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
 
+  periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+
   picocolors@1.1.0:
     resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
 
@@ -3365,6 +3608,9 @@ packages:
   scroll-into-view-if-needed@3.1.0:
     resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
 
+  secure-json-parse@2.7.0:
+    resolution: {integrity: sha512-6aU+Rwsezw7VR8/nyvKTx8QpWH9FrcYiXXlqC4z5d5XQBDRqtbfsRjnwGyqbi3gddNtWHuEk9OANUotL26qKUw==}
+
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -3425,6 +3671,11 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  sswr@2.1.0:
+    resolution: {integrity: sha512-Cqc355SYlTAaUt8iDPaC/4DPPXK925PePLMxyBKuWd5kKc5mwsG3nT9+Mq2tyguL5s7b4Jg+IRMpTRsNTAfpSQ==}
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+
   stop-iteration-iterator@1.0.0:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
@@ -3508,11 +3759,23 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
+  svelte@4.2.19:
+    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
+    engines: {node: '>=16'}
+
   swr@2.2.5:
     resolution: {integrity: sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==}
     peerDependencies:
       react: ^16.11.0 || ^17.0.0 || ^18.0.0
 
+  swrev@4.0.0:
+    resolution: {integrity: sha512-LqVcOHSB4cPGgitD1riJ1Hh4vdmITOp+BkmfmXRh4hSF/t7EnS4iD+SOTmq7w5pPm/SiPeto4ADbKS6dHUDWFA==}
+
+  swrv@1.0.4:
+    resolution: {integrity: sha512-zjEkcP8Ywmj+xOJW3lIT65ciY/4AL4e/Or7Gj0MzU3zBJNMdJiT8geVZhINavnlHRMMCcJLHhraLTAiDOTmQ9g==}
+    peerDependencies:
+      vue: '>=3.2.26 < 4'
+
   synckit@0.9.1:
     resolution: {integrity: sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3721,6 +3984,14 @@ packages:
   vfile@6.0.3:
     resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
 
+  vue@3.5.12:
+    resolution: {integrity: sha512-CLVZtXtn2ItBIi/zHZ0Sg1Xkb7+PU32bJJ8Bmy7ts3jxXTcbfsEfBivFYYWz1Hur+lalqGAh65Coin0r+HRUfg==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   web-resource-inliner@6.0.1:
     resolution: {integrity: sha512-kfqDxt5dTB1JhqsCUQVFDj0rmY+4HLwGQIsLPbyrsN9y9WV/1oFDSx3BQ4GfCv9X+jVeQ7rouTqwK53rA/7t8A==}
     engines: {node: '>=10.0.0'}
@@ -3778,6 +4049,14 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  zod-to-json-schema@3.23.2:
+    resolution: {integrity: sha512-uSt90Gzc/tUfyNqxnjlfBs8W6WSGpNBv0rVsNxP/BVSMHMKGdthPYff4xtCHYloJGM0CFxFsb3NbC0eqPhfImw==}
+    peerDependencies:
+      zod: ^3.23.3
+
+  zod@3.23.8:
+    resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
+
   zustand-x@3.0.4:
     resolution: {integrity: sha512-dVD8WUEpR/0mMdLah9j8i+r6PMAq9Ii2u+BX/9Bn4MHRt8sSnRQ90YMUlTVonZYAHGb2UHZwPpE2gMb8GtYDDw==}
     peerDependencies:
@@ -3800,6 +4079,65 @@ packages:
 
 snapshots:
 
+  '@ai-sdk/provider-utils@1.0.20(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.24
+      eventsource-parser: 1.1.2
+      nanoid: 3.3.6
+      secure-json-parse: 2.7.0
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/provider@0.0.24':
+    dependencies:
+      json-schema: 0.4.0
+
+  '@ai-sdk/react@0.0.64(react@18.3.1)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      swr: 2.2.5(react@18.3.1)
+    optionalDependencies:
+      react: 18.3.1
+      zod: 3.23.8
+
+  '@ai-sdk/solid@0.0.50(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+    transitivePeerDependencies:
+      - zod
+
+  '@ai-sdk/svelte@0.0.52(svelte@4.2.19)(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      sswr: 2.1.0(svelte@4.2.19)
+    optionalDependencies:
+      svelte: 4.2.19
+    transitivePeerDependencies:
+      - zod
+
+  '@ai-sdk/ui-utils@0.0.46(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.24
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      json-schema: 0.4.0
+      secure-json-parse: 2.7.0
+      zod-to-json-schema: 3.23.2(zod@3.23.8)
+    optionalDependencies:
+      zod: 3.23.8
+
+  '@ai-sdk/vue@0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      swrv: 1.0.4(vue@3.5.12(typescript@5.6.3))
+    optionalDependencies:
+      vue: 3.5.12(typescript@5.6.3)
+    transitivePeerDependencies:
+      - zod
+
   '@alloc/quick-lru@5.2.0': {}
 
   '@ampproject/remapping@2.3.0':
@@ -3973,6 +4311,8 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
+  '@faker-js/faker@9.0.3': {}
+
   '@floating-ui/core@1.6.8':
     dependencies:
       '@floating-ui/utils': 0.2.8
@@ -4010,7 +4350,7 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
-  '@ianvs/prettier-plugin-sort-imports@4.3.1(prettier@3.3.3)':
+  '@ianvs/prettier-plugin-sort-imports@4.3.1(@vue/compiler-sfc@3.5.12)(prettier@3.3.3)':
     dependencies:
       '@babel/core': 7.25.2
       '@babel/generator': 7.25.6
@@ -4019,6 +4359,8 @@ snapshots:
       '@babel/types': 7.25.6
       prettier: 3.3.3
       semver: 7.6.3
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.12
     transitivePeerDependencies:
       - supports-color
 
@@ -4097,6 +4439,8 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@opentelemetry/api@1.9.0': {}
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
@@ -4172,6 +4516,20 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.11
 
+  '@radix-ui/react-context-menu@2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.11
+      '@types/react-dom': 18.3.1
+
   '@radix-ui/react-context@1.0.1(@types/react@18.3.11)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
@@ -4320,6 +4678,10 @@ snapshots:
       '@types/react': 18.3.11
       '@types/react-dom': 18.3.1
 
+  '@radix-ui/react-icons@1.3.0(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+
   '@radix-ui/react-id@1.0.1(@types/react@18.3.11)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
@@ -4689,6 +5051,10 @@ snapshots:
       '@swc/counter': 0.1.3
       tslib: 2.7.0
 
+  '@types/diff-match-patch@1.0.36': {}
+
+  '@types/estree@1.0.6': {}
+
   '@types/json5@0.0.29': {}
 
   '@types/mdast@3.0.15':
@@ -4805,19 +5171,34 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/plate-alignment@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-ai@39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-markdown': 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-selection': 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
       slate-history: 0.109.0(slate@0.103.0)
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@udecode/plate-autoformat@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-alignment@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      slate: 0.103.0
+      slate-history: 0.109.0(slate@0.103.0)
+      slate-hyperscript: 0.100.0(slate@0.103.0)
+      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+
+  '@udecode/plate-autoformat@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+    dependencies:
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -4826,9 +5207,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-basic-marks@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-basic-marks@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4836,9 +5217,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-block-quote@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-block-quote@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4846,9 +5227,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-break@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-break@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4856,9 +5237,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-caption@39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-caption@39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-textarea-autosize: 8.5.4(@types/react@18.3.11)(react@18.3.1)
@@ -4869,9 +5250,9 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/plate-code-block@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-code-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4879,9 +5260,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-combobox@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-combobox@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4889,9 +5270,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-comments@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-comments@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -4900,15 +5281,15 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-core': 39.1.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-utils': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-core': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-utils': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/react-hotkeys': 37.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.1.4(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.1.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
       '@udecode/utils': 37.0.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -4922,13 +5303,13 @@ snapshots:
       - react-native
       - scheduler
 
-  '@udecode/plate-core@39.1.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-core@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@udecode/react-hotkeys': 37.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.1.4(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.1.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
       '@udecode/utils': 37.0.0
       clsx: 2.1.1
       is-hotkey: 0.2.0
@@ -4953,10 +5334,10 @@ snapshots:
       - react-native
       - scheduler
 
-  '@udecode/plate-csv@39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-csv@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       papaparse: 5.4.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -4965,9 +5346,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-cursor@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-cursor@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4975,9 +5356,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-date@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-date@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -4985,9 +5366,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-dnd@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-dnd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       raf: 3.4.1
       react: 18.3.1
@@ -4999,14 +5380,14 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-docx@39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-docx@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-heading': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent-list': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-media': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-heading': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-indent-list': 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-media': 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5015,11 +5396,11 @@ snapshots:
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
       validator: 13.12.0
 
-  '@udecode/plate-emoji@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-emoji@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@emoji-mart/data': 1.2.1
-      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5027,10 +5408,10 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-excalidraw@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-excalidraw@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@excalidraw/excalidraw': 0.16.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5038,9 +5419,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-find-replace@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-find-replace@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5048,11 +5429,11 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-floating@39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-floating@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@floating-ui/core': 1.6.8
       '@floating-ui/react': 0.26.25(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5060,9 +5441,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-font@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-font@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5071,9 +5452,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-heading@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-heading@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5081,9 +5462,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-highlight@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-highlight@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5091,9 +5472,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-horizontal-rule@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-horizontal-rule@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5101,9 +5482,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-html@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-html@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       html-entities: 2.5.2
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5112,11 +5493,11 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-indent-list@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-indent-list@39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-list': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-list': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       clsx: 2.1.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5125,9 +5506,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-indent@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-indent@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5135,9 +5516,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-juice@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-juice@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       juice: 8.1.0(encoding@0.1.13)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5148,9 +5529,9 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@udecode/plate-kbd@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-kbd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5158,9 +5539,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-layout@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-layout@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5168,9 +5549,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-line-height@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-line-height@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5178,11 +5559,11 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-link@39.1.9(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-link@39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-floating': 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-normalizers': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-floating': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-normalizers': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5190,10 +5571,10 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-list@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-list@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-reset-node': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-reset-node': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5202,9 +5583,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-markdown@39.1.5(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-markdown@39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5217,9 +5598,9 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@udecode/plate-media@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-media@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       js-video-url-parser: 0.5.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5228,10 +5609,10 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-mention@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-mention@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5239,9 +5620,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-node-id@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-node-id@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5250,9 +5631,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-normalizers@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-normalizers@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5261,9 +5642,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-reset-node@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-reset-node@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5271,9 +5652,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-resizable@39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-resizable@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5281,9 +5662,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-select@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-select@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5291,9 +5672,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-selection@39.1.4(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-selection@39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       copy-to-clipboard: 3.3.3
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5302,9 +5683,20 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-tabbable@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-slash-command@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      slate: 0.103.0
+      slate-history: 0.109.0(slate@0.103.0)
+      slate-hyperscript: 0.100.0(slate@0.103.0)
+      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+
+  '@udecode/plate-tabbable@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+    dependencies:
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5313,10 +5705,10 @@ snapshots:
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
       tabbable: 6.2.0
 
-  '@udecode/plate-table@39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-table@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-resizable': 39.1.6(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-resizable': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5326,11 +5718,11 @@ snapshots:
     transitivePeerDependencies:
       - slate-hyperscript
 
-  '@udecode/plate-toggle@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-toggle@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-node-id': 39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-node-id': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5339,9 +5731,9 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-trailing-block@39.0.0(@udecode/plate-common@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-trailing-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-common': 39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       slate: 0.103.0
@@ -5349,13 +5741,13 @@ snapshots:
       slate-hyperscript: 0.100.0(slate@0.103.0)
       slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
 
-  '@udecode/plate-utils@39.1.8(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-utils@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/plate-core': 39.1.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-core': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
       '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.1.4(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.1.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
       '@udecode/utils': 37.0.0
       clsx: 2.1.1
       lodash: 4.17.21
@@ -5386,10 +5778,10 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/slate-react@39.1.4(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate-react@39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
       '@udecode/utils': 37.0.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5399,17 +5791,18 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/slate-utils@39.1.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate-utils@39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
     dependencies:
-      '@udecode/slate': 38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
       '@udecode/utils': 37.0.0
       lodash: 4.17.21
       slate: 0.103.0
       slate-history: 0.109.0(slate@0.103.0)
 
-  '@udecode/slate@38.0.4(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate@39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
     dependencies:
       '@udecode/utils': 37.0.0
+      is-plain-object: 5.0.0
       slate: 0.103.0
       slate-history: 0.109.0(slate@0.103.0)
 
@@ -5417,12 +5810,91 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
+  '@vue/compiler-core@3.5.12':
+    dependencies:
+      '@babel/parser': 7.25.6
+      '@vue/shared': 3.5.12
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.2.1
+
+  '@vue/compiler-dom@3.5.12':
+    dependencies:
+      '@vue/compiler-core': 3.5.12
+      '@vue/shared': 3.5.12
+
+  '@vue/compiler-sfc@3.5.12':
+    dependencies:
+      '@babel/parser': 7.25.6
+      '@vue/compiler-core': 3.5.12
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-ssr': 3.5.12
+      '@vue/shared': 3.5.12
+      estree-walker: 2.0.2
+      magic-string: 0.30.12
+      postcss: 8.4.47
+      source-map-js: 1.2.1
+
+  '@vue/compiler-ssr@3.5.12':
+    dependencies:
+      '@vue/compiler-dom': 3.5.12
+      '@vue/shared': 3.5.12
+
+  '@vue/reactivity@3.5.12':
+    dependencies:
+      '@vue/shared': 3.5.12
+
+  '@vue/runtime-core@3.5.12':
+    dependencies:
+      '@vue/reactivity': 3.5.12
+      '@vue/shared': 3.5.12
+
+  '@vue/runtime-dom@3.5.12':
+    dependencies:
+      '@vue/reactivity': 3.5.12
+      '@vue/runtime-core': 3.5.12
+      '@vue/shared': 3.5.12
+      csstype: 3.1.3
+
+  '@vue/server-renderer@3.5.12(vue@3.5.12(typescript@5.6.3))':
+    dependencies:
+      '@vue/compiler-ssr': 3.5.12
+      '@vue/shared': 3.5.12
+      vue: 3.5.12(typescript@5.6.3)
+
+  '@vue/shared@3.5.12': {}
+
   acorn-jsx@5.3.2(acorn@8.12.1):
     dependencies:
       acorn: 8.12.1
 
   acorn@8.12.1: {}
 
+  ai@3.4.18(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
+    dependencies:
+      '@ai-sdk/provider': 0.0.24
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      '@ai-sdk/react': 0.0.64(react@18.3.1)(zod@3.23.8)
+      '@ai-sdk/solid': 0.0.50(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.52(svelte@4.2.19)(zod@3.23.8)
+      '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
+      '@ai-sdk/vue': 0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+      '@opentelemetry/api': 1.9.0
+      eventsource-parser: 1.1.2
+      json-schema: 0.4.0
+      jsondiffpatch: 0.6.0
+      nanoid: 3.3.6
+      secure-json-parse: 2.7.0
+      zod-to-json-schema: 3.23.2(zod@3.23.8)
+    optionalDependencies:
+      react: 18.3.1
+      sswr: 2.1.0(svelte@4.2.19)
+      svelte: 4.2.19
+      zod: 3.23.8
+    transitivePeerDependencies:
+      - solid-js
+      - vue
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -5465,6 +5937,8 @@ snapshots:
     dependencies:
       deep-equal: 2.2.3
 
+  aria-query@5.3.2: {}
+
   array-buffer-byte-length@1.0.1:
     dependencies:
       call-bind: 1.0.7
@@ -5609,6 +6083,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.3.0: {}
+
   character-entities-legacy@1.1.4: {}
 
   character-entities@1.2.4: {}
@@ -5665,6 +6141,14 @@ snapshots:
       - '@types/react'
       - '@types/react-dom'
 
+  code-red@1.0.4:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@types/estree': 1.0.6
+      acorn: 8.12.1
+      estree-walker: 3.0.3
+      periscopic: 3.1.0
+
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -5705,6 +6189,11 @@ snapshots:
       domutils: 2.8.0
       nth-check: 2.1.1
 
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
   css-what@6.1.0: {}
 
   cssesc@3.0.0: {}
@@ -5786,6 +6275,8 @@ snapshots:
 
   didyoumean@1.2.2: {}
 
+  diff-match-patch@1.0.5: {}
+
   direction@1.0.4: {}
 
   dlv@1.1.3: {}
@@ -5845,6 +6336,8 @@ snapshots:
 
   entities@2.2.0: {}
 
+  entities@4.5.0: {}
+
   es-abstract@1.23.3:
     dependencies:
       array-buffer-byte-length: 1.0.1
@@ -6181,8 +6674,16 @@ snapshots:
 
   estraverse@5.3.0: {}
 
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.6
+
   esutils@2.0.3: {}
 
+  eventsource-parser@1.1.2: {}
+
   extend@3.0.2: {}
 
   fast-deep-equal@3.1.3: {}
@@ -6492,6 +6993,10 @@ snapshots:
 
   is-plain-object@5.0.0: {}
 
+  is-reference@3.0.2:
+    dependencies:
+      '@types/estree': 1.0.6
+
   is-regex@1.1.4:
     dependencies:
       call-bind: 1.0.7
@@ -6583,6 +7088,8 @@ snapshots:
 
   json-schema-traverse@0.4.1: {}
 
+  json-schema@0.4.0: {}
+
   json-stable-stringify-without-jsonify@1.0.1: {}
 
   json5@1.0.2:
@@ -6591,6 +7098,12 @@ snapshots:
 
   json5@2.2.3: {}
 
+  jsondiffpatch@0.6.0:
+    dependencies:
+      '@types/diff-match-patch': 1.0.36
+      chalk: 5.3.0
+      diff-match-patch: 1.0.5
+
   jsx-ast-utils@3.3.5:
     dependencies:
       array-includes: 3.1.8
@@ -6629,6 +7142,8 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
+  locate-character@3.0.0: {}
+
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
@@ -6653,6 +7168,10 @@ snapshots:
     dependencies:
       react: 18.3.1
 
+  magic-string@0.30.12:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   mdast-util-from-markdown@0.8.5:
     dependencies:
       '@types/mdast': 3.0.15
@@ -6665,6 +7184,8 @@ snapshots:
 
   mdast-util-to-string@2.0.0: {}
 
+  mdn-data@2.0.30: {}
+
   mensch@0.3.4: {}
 
   merge2@1.4.1: {}
@@ -6703,6 +7224,8 @@ snapshots:
       object-assign: 4.1.1
       thenify-all: 1.6.0
 
+  nanoid@3.3.6: {}
+
   nanoid@3.3.7: {}
 
   natural-compare@1.4.0: {}
@@ -6712,7 +7235,7 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next@14.2.15(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@14.2.15(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@next/env': 14.2.15
       '@swc/helpers': 0.5.5
@@ -6733,6 +7256,7 @@ snapshots:
       '@next/swc-win32-arm64-msvc': 14.2.15
       '@next/swc-win32-ia32-msvc': 14.2.15
       '@next/swc-win32-x64-msvc': 14.2.15
+      '@opentelemetry/api': 1.9.0
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
@@ -6859,6 +7383,12 @@ snapshots:
 
   performance-now@2.1.0: {}
 
+  periscopic@3.1.0:
+    dependencies:
+      '@types/estree': 1.0.6
+      estree-walker: 3.0.3
+      is-reference: 3.0.2
+
   picocolors@1.1.0: {}
 
   picomatch@2.3.1: {}
@@ -7127,6 +7657,8 @@ snapshots:
     dependencies:
       compute-scroll-into-view: 3.1.0
 
+  secure-json-parse@2.7.0: {}
+
   semver@6.3.1: {}
 
   semver@7.6.3: {}
@@ -7195,6 +7727,11 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  sswr@2.1.0(svelte@4.2.19):
+    dependencies:
+      svelte: 4.2.19
+      swrev: 4.0.0
+
   stop-iteration-iterator@1.0.0:
     dependencies:
       internal-slot: 1.0.7
@@ -7296,12 +7833,35 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
+  svelte@4.2.19:
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@jridgewell/trace-mapping': 0.3.25
+      '@types/estree': 1.0.6
+      acorn: 8.12.1
+      aria-query: 5.3.2
+      axobject-query: 4.1.0
+      code-red: 1.0.4
+      css-tree: 2.3.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.2
+      locate-character: 3.0.0
+      magic-string: 0.30.12
+      periscopic: 3.1.0
+
   swr@2.2.5(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
       use-sync-external-store: 1.2.2(react@18.3.1)
 
+  swrev@4.0.0: {}
+
+  swrv@1.0.4(vue@3.5.12(typescript@5.6.3)):
+    dependencies:
+      vue: 3.5.12(typescript@5.6.3)
+
   synckit@0.9.1:
     dependencies:
       '@pkgr/core': 0.1.1
@@ -7526,6 +8086,16 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
+  vue@3.5.12(typescript@5.6.3):
+    dependencies:
+      '@vue/compiler-dom': 3.5.12
+      '@vue/compiler-sfc': 3.5.12
+      '@vue/runtime-dom': 3.5.12
+      '@vue/server-renderer': 3.5.12(vue@3.5.12(typescript@5.6.3))
+      '@vue/shared': 3.5.12
+    optionalDependencies:
+      typescript: 5.6.3
+
   web-resource-inliner@6.0.1(encoding@0.1.13):
     dependencies:
       ansi-colors: 4.1.3
@@ -7608,6 +8178,12 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  zod-to-json-schema@3.23.2(zod@3.23.8):
+    dependencies:
+      zod: 3.23.8
+
+  zod@3.23.8: {}
+
   zustand-x@3.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(zustand@4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)):
     dependencies:
       immer: 10.1.1
diff --git a/templates/plate-playground-template/src/components/icons.tsx b/templates/plate-playground-template/src/components/icons.tsx
index a25195d425..5a72a23d7f 100644
--- a/templates/plate-playground-template/src/components/icons.tsx
+++ b/templates/plate-playground-template/src/components/icons.tsx
@@ -1,25 +1,35 @@
 import React from 'react';
 import { cva } from 'class-variance-authority';
 import {
+  Album,
   AlignCenter,
   AlignJustify,
   AlignLeft,
   AlignRight,
   ArrowLeft,
   ArrowRight,
+  ArrowUpRight,
+  BadgeHelp,
   Baseline,
   Bold,
   Check,
   ChevronDown,
+  ChevronLeft,
   ChevronRight,
   ChevronsUpDown,
+  CircleStop,
+  ClipboardCheck,
   Code2,
   Combine,
-  Download,
-  Edit2,
+  Copy,
+  CornerUpLeft,
+  DownloadCloud,
+  DownloadIcon,
   ExternalLink,
   Eye,
+  File,
   FileCode,
+  Film,
   GripVertical,
   Heading1,
   Heading2,
@@ -27,22 +37,34 @@ import {
   Heading4,
   Heading5,
   Heading6,
+  Highlighter,
   Image,
   Indent,
   Italic,
   Keyboard,
+  Languages,
+  Laptop,
+  Link,
   Link2,
   Link2Off,
   List,
+  ListMinus,
   ListOrdered,
-  LucideProps,
+  ListPlus,
+  Loader2,
   MessageSquare,
   MessageSquarePlus,
   Minus,
   Moon,
   MoreHorizontal,
+  MoreVertical,
   Outdent,
   PaintBucket,
+  Paperclip,
+  PartyPopper,
+  Pen,
+  PenLine,
+  PenTool,
   Pilcrow,
   Plus,
   Quote,
@@ -50,8 +72,11 @@ import {
   RectangleVertical,
   RotateCcw,
   Search,
+  Send,
   Settings,
+  Settings2,
   Smile,
+  Sparkles,
   Square,
   Strikethrough,
   Subscript,
@@ -60,25 +85,27 @@ import {
   Table,
   Text,
   Trash,
-  Twitter,
   Underline,
   Ungroup,
+  Unlink,
+  Wand,
   WrapText,
   X,
 } from 'lucide-react';
 
-import type { LucideIcon } from 'lucide-react';
+import type { IconProps } from '@radix-ui/react-icons/dist/types';
+import type { LucideIcon, LucideProps } from 'lucide-react';
 
 export type Icon = LucideIcon;
 
 const borderAll = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -88,12 +115,12 @@ const borderAll = (props: LucideProps) => (
 
 const borderBottom = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -103,12 +130,12 @@ const borderBottom = (props: LucideProps) => (
 
 const borderLeft = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -118,12 +145,12 @@ const borderLeft = (props: LucideProps) => (
 
 const borderNone = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -133,12 +160,12 @@ const borderNone = (props: LucideProps) => (
 
 const borderRight = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -148,12 +175,12 @@ const borderRight = (props: LucideProps) => (
 
 const borderTop = (props: LucideProps) => (
   <svg
-    viewBox="0 0 24 24"
-    height="48"
-    width="48"
+    fill="currentColor"
     focusable="false"
+    height="48"
     role="img"
-    fill="currentColor"
+    viewBox="0 0 24 24"
+    width="48"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
@@ -161,18 +188,215 @@ const borderTop = (props: LucideProps) => (
   </svg>
 );
 
+const discord = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g clipPath="url(#clip0_2423_12080)">
+      <path
+        d="M20.317 4.6556C18.7873 3.95371 17.147 3.4366 15.4319 3.14043C15.4007 3.13471 15.3695 3.14899 15.3534 3.17756C15.1424 3.55278 14.9087 4.04228 14.7451 4.42702C12.9004 4.15085 11.0652 4.15085 9.25832 4.42702C9.09465 4.03373 8.85248 3.55278 8.64057 3.17756C8.62449 3.14995 8.59328 3.13566 8.56205 3.14043C6.84791 3.43565 5.20756 3.95277 3.67693 4.6556C3.66368 4.66131 3.65233 4.67084 3.64479 4.68321C0.533392 9.33157 -0.31895 13.8657 0.0991801 18.3436C0.101072 18.3655 0.11337 18.3864 0.130398 18.3998C2.18321 19.9073 4.17171 20.8225 6.12328 21.4291C6.15451 21.4387 6.18761 21.4272 6.20748 21.4015C6.66913 20.7711 7.08064 20.1064 7.43348 19.4073C7.4543 19.3664 7.43442 19.3178 7.39186 19.3016C6.73913 19.054 6.1176 18.7521 5.51973 18.4093C5.47244 18.3817 5.46865 18.314 5.51216 18.2816C5.63797 18.1874 5.76382 18.0893 5.88396 17.9902C5.90569 17.9722 5.93598 17.9683 5.96153 17.9798C9.88928 19.773 14.1415 19.773 18.023 17.9798C18.0485 17.9674 18.0788 17.9712 18.1015 17.9893C18.2216 18.0883 18.3475 18.1874 18.4742 18.2816C18.5177 18.314 18.5149 18.3817 18.4676 18.4093C17.8697 18.7588 17.2482 19.054 16.5945 19.3007C16.552 19.3169 16.533 19.3664 16.5538 19.4073C16.9143 20.1054 17.3258 20.7701 17.7789 21.4006C17.7978 21.4272 17.8319 21.4387 17.8631 21.4291C19.8241 20.8225 21.8126 19.9073 23.8654 18.3998C23.8834 18.3864 23.8948 18.3664 23.8967 18.3445C24.3971 13.1676 23.0585 8.67066 20.3482 4.68416C20.3416 4.67084 20.3303 4.66131 20.317 4.6556ZM8.02002 15.617C6.8375 15.617 5.86313 14.5314 5.86313 13.1981C5.86313 11.8648 6.8186 10.7791 8.02002 10.7791C9.23087 10.7791 10.1958 11.8743 10.1769 13.1981C10.1769 14.5314 9.22141 15.617 8.02002 15.617ZM15.9947 15.617C14.8123 15.617 13.8379 14.5314 13.8379 13.1981C13.8379 11.8648 14.7933 10.7791 15.9947 10.7791C17.2056 10.7791 18.1705 11.8743 18.1516 13.1981C18.1516 14.5314 17.2056 15.617 15.9947 15.617Z"
+        fill="currentcolor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2423_12080">
+        <rect fill="white" height="24" width="24" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+
+const gitHub = (props: LucideProps) => (
+  <svg viewBox="0 0 438.549 438.549" {...props}>
+    <path
+      d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+const npm = (props: LucideProps) => (
+  <svg viewBox="0 0 24 24" {...props}>
+    <path
+      d="M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+const radix = (props: LucideProps) => (
+  <svg fill="none" viewBox="0 0 25 25" {...props}>
+    <path
+      d="M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z"
+      fill="currentcolor"
+    />
+    <path d="M12 0H4V8H12V0Z" fill="currentcolor" />
+    <path
+      d="M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z"
+      fill="currentcolor"
+    />
+  </svg>
+);
+const react = (props: LucideProps) => (
+  <svg viewBox="0 0 24 24" {...props}>
+    <path
+      d="M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+const tailwind = (props: LucideProps) => (
+  <svg viewBox="0 0 24 24" {...props}>
+    <path
+      d="M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z"
+      fill="currentColor"
+    />
+  </svg>
+);
+const yarn = (props: LucideProps) => (
+  <svg viewBox="0 0 24 24" {...props}>
+    <path
+      d="M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
+export const DoubleColumnOutlined = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="16"
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M8.5 3H13V13H8.5V3ZM7.5 2H8.5H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H8.5H7.5H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H7.5ZM7.5 13H3L3 3H7.5V13Z"
+      fill="#595E6F"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+export const ThreeColumnOutlined = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="16"
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M9.25 3H6.75V13H9.25V3ZM9.25 2H6.75H5.75H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H5.75H6.75H9.25H10.25H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H10.25H9.25ZM10.25 3V13H13V3H10.25ZM3 13H5.75V3H3L3 13Z"
+      fill="#4C5161"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+export const RightSideDoubleColumnOutlined = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="16"
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M11.25 3H13V13H11.25V3ZM10.25 2H11.25H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H11.25H10.25H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H10.25ZM10.25 13H3L3 3H10.25V13Z"
+      fill="#595E6F"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+export const LeftSideDoubleColumnOutlined = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="16"
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M5.75 3H13V13H5.75V3ZM4.75 2H5.75H13C13.5523 2 14 2.44772 14 3V13C14 13.5523 13.5523 14 13 14H5.75H4.75H3C2.44772 14 2 13.5523 2 13V3C2 2.44772 2.44772 2 3 2H4.75ZM4.75 13H3L3 3H4.75V13Z"
+      fill="#595E6F"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+export const DoubleSideDoubleColumnOutlined = (props: LucideProps) => (
+  <svg
+    fill="none"
+    height="16"
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      clipRule="evenodd"
+      d="M10.25 3H5.75V13H10.25V3ZM10.25 2H5.75H4.75H3C2.44772 2 2 2.44772 2 3V13C2 13.5523 2.44772 14 3 14H4.75H5.75H10.25H11.25H13C13.5523 14 14 13.5523 14 13V3C14 2.44772 13.5523 2 13 2H11.25H10.25ZM11.25 3V13H13V3H11.25ZM3 13H4.75V3H3L3 13Z"
+      fill="#595E6F"
+      fillRule="evenodd"
+    />
+  </svg>
+);
+
+const LayoutIcon = (props: LucideProps) => (
+  <svg
+    fill="currentColor"
+    height="16"
+    stroke="currentColor"
+    strokeWidth={0.1}
+    viewBox="0 0 16 16"
+    width="16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M3 2C2.44772 2 2 2.44772 2 3V7C2 7.55228 2.44772 8 3 8H13C13.5523 8 14 7.55228 14 7V3C14 2.44772 13.5523 2 13 2H3ZM13 3V7H3L3 3H13Z"
+      fill="#595E6F"
+    />
+    <path
+      d="M2 10C2 9.72386 2.22386 9.5 2.5 9.5H13.5C13.7761 9.5 14 9.72386 14 10C14 10.2761 13.7761 10.5 13.5 10.5H2.5C2.22386 10.5 2 10.2761 2 10Z"
+      fill="#595E6F"
+    />
+    <path
+      d="M2.5 12C2.22386 12 2 12.2239 2 12.5C2 12.7761 2.22386 13 2.5 13H8.5C8.77614 13 9 12.7761 9 12.5C9 12.2239 8.77614 12 8.5 12H2.5Z"
+      fill="#595E6F"
+    />
+  </svg>
+);
+
 export const Icons = {
+  LayoutIcon,
   add: Plus,
-  todo: Square,
-  chevronDown: ChevronDown,
+  ai: Sparkles,
   alignCenter: AlignCenter,
   alignJustify: AlignJustify,
   alignLeft: AlignLeft,
   alignRight: AlignRight,
-  download: Download,
+  arrowDown: ChevronDown,
   arrowLeft: ArrowLeft,
   arrowRight: ArrowRight,
-  arrowDown: ChevronDown,
+  arrowUpRight: ArrowUpRight,
+  attachment: Paperclip,
   bg: PaintBucket,
   blockquote: Quote,
   bold: Bold,
@@ -183,6 +407,8 @@ export const Icons = {
   borderRight,
   borderTop,
   check: Check,
+  chevronDown: ChevronDown,
+  chevronLeft: ChevronLeft,
   chevronRight: ChevronRight,
   chevronsUpDown: ChevronsUpDown,
   clear: X,
@@ -192,78 +418,115 @@ export const Icons = {
   color: Baseline,
   column: RectangleVertical,
   combine: Combine,
-  ungroup: Ungroup,
   comment: MessageSquare,
   commentAdd: MessageSquarePlus,
+  conflict: Unlink,
+  continueWrite: PenLine,
+  continuewrite: PenLine,
+  copy: Copy,
+  copyDone: ClipboardCheck,
   delete: Trash,
+  dependency: Link,
+  discord,
+  done: Check,
+  doubleColumn: DoubleColumnOutlined,
+  doubleSideDoubleColumn: DoubleSideDoubleColumnOutlined,
+  download: DownloadIcon,
+  downloadCloud: DownloadCloud,
   dragHandle: GripVertical,
-  editing: Edit2,
+  editing: Pen,
+  ellipsis: MoreVertical,
+  embed: Film,
   emoji: Smile,
+  excalidraw: PenTool,
+  explain: BadgeHelp,
   externalLink: ExternalLink,
+  gitHub,
   h1: Heading1,
   h2: Heading2,
   h3: Heading3,
   h4: Heading4,
   h5: Heading5,
   h6: Heading6,
+  highlight: Highlighter,
+  hr: Minus,
   image: Image,
+  improve: Wand,
   indent: Indent,
   italic: Italic,
   kbd: Keyboard,
+  laptop: Laptop,
+  leftSideDoubleColumn: LeftSideDoubleColumnOutlined,
   lineHeight: WrapText,
   link: Link2,
+  makeLonger: ListPlus,
+  makeShorter: ListMinus,
+  media: Image,
   minus: Minus,
+  moon: Moon,
   more: MoreHorizontal,
+  moreVertical: MoreVertical,
+  npm,
   ol: ListOrdered,
   outdent: Outdent,
+  page: File,
   paragraph: Pilcrow,
+  plugin: Settings2,
+  pragma: Link,
+  radix,
+  react,
   refresh: RotateCcw,
+  rightSideDoubleColumn: RightSideDoubleColumnOutlined,
   row: RectangleHorizontal,
   search: Search,
   settings: Settings,
+  simplify: PartyPopper,
+  spinner: Loader2,
+  stop: CircleStop,
   strikethrough: Strikethrough,
+  submit: Send,
   subscript: Subscript,
+  suggesting: PenLine,
+  summarize: Album,
+  sun: SunMedium,
   superscript: Superscript,
   table: Table,
+  tailwind,
   text: Text,
+  threeColumn: ThreeColumnOutlined,
+  todo: Square,
+  translate: Languages,
   trash: Trash,
+  tryAgain: CornerUpLeft,
+  twitter: (props: IconProps) => (
+    <svg
+      {...props}
+      height="23"
+      viewBox="0 0 1200 1227"
+      width="23"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" />
+    </svg>
+  ),
   ul: List,
   underline: Underline,
+  ungroup: Ungroup,
   unlink: Link2Off,
   viewing: Eye,
-
-  // www
-  gitHub: (props: LucideProps) => (
-    <svg viewBox="0 0 438.549 438.549" {...props}>
-      <path
-        fill="currentColor"
-        d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
-      ></path>
-    </svg>
-  ),
-  logo: (props: LucideProps) => (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
-      <path
-        fill="currentColor"
-        d="M11.572 0c-.176 0-.31.001-.358.007a19.76 19.76 0 0 1-.364.033C7.443.346 4.25 2.185 2.228 5.012a11.875 11.875 0 0 0-2.119 5.243c-.096.659-.108.854-.108 1.747s.012 1.089.108 1.748c.652 4.506 3.86 8.292 8.209 9.695.779.25 1.6.422 2.534.525.363.04 1.935.04 2.299 0 1.611-.178 2.977-.577 4.323-1.264.207-.106.247-.134.219-.158-.02-.013-.9-1.193-1.955-2.62l-1.919-2.592-2.404-3.558a338.739 338.739 0 0 0-2.422-3.556c-.009-.002-.018 1.579-.023 3.51-.007 3.38-.01 3.515-.052 3.595a.426.426 0 0 1-.206.214c-.075.037-.14.044-.495.044H7.81l-.108-.068a.438.438 0 0 1-.157-.171l-.05-.106.006-4.703.007-4.705.072-.092a.645.645 0 0 1 .174-.143c.096-.047.134-.051.54-.051.478 0 .558.018.682.154.035.038 1.337 1.999 2.895 4.361a10760.433 10760.433 0 0 0 4.735 7.17l1.9 2.879.096-.063a12.317 12.317 0 0 0 2.466-2.163 11.944 11.944 0 0 0 2.824-6.134c.096-.66.108-.854.108-1.748 0-.893-.012-1.088-.108-1.747-.652-4.506-3.859-8.292-8.208-9.695a12.597 12.597 0 0 0-2.499-.523A33.119 33.119 0 0 0 11.573 0zm4.069 7.217c.347 0 .408.005.486.047a.473.473 0 0 1 .237.277c.018.06.023 1.365.018 4.304l-.006 4.218-.744-1.14-.746-1.14v-3.066c0-1.982.01-3.097.023-3.15a.478.478 0 0 1 .233-.296c.096-.05.13-.054.5-.054z"
-      />
-    </svg>
-  ),
-  moon: Moon,
-  sun: SunMedium,
-  twitter: Twitter,
+  yarn,
 };
 
 export const iconVariants = cva('', {
+  defaultVariants: {},
   variants: {
-    variant: {
-      toolbar: 'size-5',
-      menuItem: 'mr-2 size-5',
-    },
     size: {
-      sm: 'mr-2 size-4',
       md: 'mr-2 size-6',
+      sm: 'mr-2 size-4',
+    },
+    variant: {
+      menuItem: 'mr-2 size-5',
+      toolbar: 'size-5',
     },
   },
-  defaultVariants: {},
 });
diff --git a/templates/plate-playground-template/src/components/plate-editor.tsx b/templates/plate-playground-template/src/components/plate-editor.tsx
index 42451b5644..6006198db7 100644
--- a/templates/plate-playground-template/src/components/plate-editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-editor.tsx
@@ -38,6 +38,7 @@ import {
   PlateLeaf,
   usePlateEditor,
 } from '@udecode/plate-common/react';
+import { DatePlugin } from '@udecode/plate-date/react';
 import { DndPlugin } from '@udecode/plate-dnd';
 import { DocxPlugin } from '@udecode/plate-docx';
 import { EmojiPlugin } from '@udecode/plate-emoji/react';
@@ -48,7 +49,7 @@ import {
   FontSizePlugin,
 } from '@udecode/plate-font/react';
 import { HEADING_KEYS, HEADING_LEVELS } from '@udecode/plate-heading';
-import { HeadingPlugin } from '@udecode/plate-heading/react';
+import { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';
 import { HighlightPlugin } from '@udecode/plate-highlight/react';
 import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
 import { IndentListPlugin } from '@udecode/plate-indent-list/react';
@@ -67,7 +68,14 @@ import {
 import { NodeIdPlugin } from '@udecode/plate-node-id';
 import { ResetNodePlugin } from '@udecode/plate-reset-node/react';
 import { SelectOnBackspacePlugin } from '@udecode/plate-select';
-import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import {
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
+import {
+  SlashInputPlugin,
+  SlashPlugin,
+} from '@udecode/plate-slash-command/react';
 import { TabbablePlugin } from '@udecode/plate-tabbable/react';
 import {
   TableCellHeaderPlugin,
@@ -75,6 +83,7 @@ import {
   TablePlugin,
   TableRowPlugin,
 } from '@udecode/plate-table/react';
+import { TogglePlugin } from '@udecode/plate-toggle/react';
 import { TrailingBlockPlugin } from '@udecode/plate-trailing-block';
 import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
@@ -90,6 +99,7 @@ import { CommentsPopover } from '@/components/plate-ui/comments-popover';
 import {
   CursorOverlay,
   DragOverCursorPlugin,
+  SelectionOverlayPlugin,
 } from '@/components/plate-ui/cursor-overlay';
 import { Editor } from '@/components/plate-ui/editor';
 import { ExcalidrawElement } from '@/components/plate-ui/excalidraw-element';
@@ -122,6 +132,14 @@ import { TableRowElement } from '@/components/plate-ui/table-row-element';
 import { TodoListElement } from '@/components/plate-ui/todo-list-element';
 import { withDraggables } from '@/components/plate-ui/with-draggables';
 
+import { BlockContextMenu } from './plate-ui/block-context-menu';
+import { DateElement } from './plate-ui/date-element';
+import { SlashInputElement } from './plate-ui/slash-input-element';
+import { TocElement } from './plate-ui/toc-element';
+import { ToggleElement } from './plate-ui/toggle-element';
+import { aiPlugins } from './plugins/ai-plugins';
+import { copilotPlugins } from './plugins/copilot-plugins';
+
 export default function PlateEditor() {
   const containerRef = useRef(null);
 
@@ -131,6 +149,7 @@ export default function PlateEditor() {
     <DndProvider backend={HTML5Backend}>
       <Plate editor={editor}>
         <div
+          id="scroll_container"
           ref={containerRef}
           className={cn(
             'relative',
@@ -166,8 +185,12 @@ export default function PlateEditor() {
 export const useMyEditor = () => {
   return usePlateEditor({
     plugins: [
+      // AI
+      ...aiPlugins,
+      ...copilotPlugins,
       // Nodes
       HeadingPlugin,
+      TocPlugin,
       BlockquotePlugin,
       CodeBlockPlugin,
       CodeLinePlugin,
@@ -205,6 +228,8 @@ export const useMyEditor = () => {
       KbdPlugin,
 
       // Block Style
+      DatePlugin,
+      TogglePlugin,
       AlignPlugin.configure({
         inject: {
           targetPlugins: [ParagraphPlugin.key, ...HEADING_LEVELS],
@@ -250,6 +275,7 @@ export const useMyEditor = () => {
       }),
 
       // Functionality
+      SlashPlugin,
       AutoformatPlugin.configure({
         options: {
           rules: autoformatRules,
@@ -272,6 +298,9 @@ export const useMyEditor = () => {
           enableContextMenu: true,
         },
       }),
+      BlockMenuPlugin.configure({
+        render: { aboveEditable: BlockContextMenu },
+      }),
       DndPlugin.configure({
         options: { enableScroller: true },
       }),
@@ -381,8 +410,8 @@ export const useMyEditor = () => {
       TrailingBlockPlugin.configure({
         options: { type: ParagraphPlugin.key },
       }),
+      SelectionOverlayPlugin,
       DragOverCursorPlugin,
-
       // Collaboration
       CommentsPlugin.configure({
         options: {
@@ -406,9 +435,13 @@ export const useMyEditor = () => {
     override: {
       components: withDraggables(
         withPlaceholders({
+          [DatePlugin.key]: DateElement,
+          [SlashInputPlugin.key]: SlashInputElement,
+          [TogglePlugin.key]: ToggleElement,
           [BlockquotePlugin.key]: BlockquoteElement,
           [CodeBlockPlugin.key]: CodeBlockElement,
           [CodeLinePlugin.key]: CodeLineElement,
+          [TocPlugin.key]: TocElement,
           [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,
           [HorizontalRulePlugin.key]: HrElement,
           [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx
new file mode 100644
index 0000000000..3e4371f57b
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx
@@ -0,0 +1,51 @@
+'use client';
+
+import React, { memo } from 'react';
+import { AIChatPlugin, useLastAssistantMessage } from '@udecode/plate-ai/react';
+import { Plate, useEditorPlugin } from '@udecode/plate-common/react';
+import { deserializeMd } from '@udecode/plate-markdown';
+
+import { Editor } from './editor';
+
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+export const AIChatEditor = memo(
+  ({
+    aiEditorRef,
+  }: {
+    aiEditorRef: React.MutableRefObject<PlateEditor | null>;
+  }) => {
+    const { getOptions } = useEditorPlugin(AIChatPlugin);
+    const lastAssistantMessage = useLastAssistantMessage();
+    const content = lastAssistantMessage?.content ?? '';
+
+    const aiEditor = React.useMemo(() => {
+      const editor = getOptions().createAIEditor();
+
+      const fragment = deserializeMd(editor, content);
+      editor.children =
+        fragment.length > 0 ? fragment : editor.api.create.value();
+
+      return editor;
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    React.useEffect(() => {
+      if (aiEditor && content) {
+        aiEditorRef.current = aiEditor;
+
+        setTimeout(() => {
+          aiEditor.tf.setValue(deserializeMd(aiEditor, content));
+        }, 0);
+      }
+    }, [aiEditor, aiEditorRef, content]);
+
+    if (!content) return null;
+
+    return (
+      <Plate editor={aiEditor}>
+        <Editor variant="aiChat" readOnly />
+      </Plate>
+    );
+  }
+);
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx
new file mode 100644
index 0000000000..852ea8bc77
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import React from 'react';
+import { cn, withRef } from '@udecode/cn';
+import { PlateLeaf } from '@udecode/plate-common/react';
+
+export const AILeaf = withRef<typeof PlateLeaf>(
+  ({ children, className, ...props }, ref) => {
+    return (
+      <PlateLeaf
+        ref={ref}
+        className={cn(
+          'border-b-2 border-b-purple-100 bg-purple-50 text-purple-800',
+          'transition-all duration-200 ease-in-out',
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </PlateLeaf>
+    );
+  }
+);
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
new file mode 100644
index 0000000000..0b3d51b5fd
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
@@ -0,0 +1,293 @@
+import { useEffect, useMemo } from 'react';
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
+import {
+  getAncestorNode,
+  getEndPoint,
+  getNodeString,
+} from '@udecode/plate-common';
+import { focusEditor, useEditorPlugin } from '@udecode/plate-common/react';
+import { useIsSelecting } from '@udecode/plate-selection/react';
+import {
+  Album,
+  BadgeHelp,
+  Check,
+  CornerUpLeft,
+  FeatherIcon,
+  ListEnd,
+  ListMinus,
+  ListPlus,
+  PenLine,
+  Wand,
+  X,
+} from 'lucide-react';
+
+import { CommandGroup, CommandItem } from './command';
+
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+export type EditorChatState =
+  | 'cursorCommand'
+  | 'cursorSuggestion'
+  | 'selectionCommand'
+  | 'selectionSuggestion';
+
+export const aiChatItems = {
+  accept: {
+    icon: <Check />,
+    label: 'Accept',
+    value: 'accept',
+    onSelect: ({ editor }) => {
+      editor.getTransforms(AIChatPlugin).aiChat.accept();
+      focusEditor(editor, getEndPoint(editor, editor.selection!));
+    },
+  },
+  continueWrite: {
+    icon: <PenLine />,
+    label: 'Continue writing',
+    value: 'continueWrite',
+    onSelect: ({ editor }) => {
+      const ancestorNode = getAncestorNode(editor);
+      const isEmpty = getNodeString(ancestorNode![0]).trim().length === 0;
+
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        mode: 'insert',
+        prompt: isEmpty
+          ? `<Document>
+{editor}
+</Document>
+Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
+          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',
+      });
+    },
+  },
+  discard: {
+    icon: <X />,
+    label: 'Discard',
+    shortcut: 'Escape',
+    value: 'discard',
+    onSelect: ({ editor }) => {
+      editor.getTransforms(AIPlugin).ai.undo();
+      editor.getApi(AIChatPlugin).aiChat.hide();
+    },
+  },
+  explain: {
+    icon: <BadgeHelp className="size-4" />,
+    label: 'Explain',
+    value: 'explain',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: {
+          default: 'Explain {editor}',
+          selecting: 'Explain',
+        },
+      });
+    },
+  },
+  fixSpelling: {
+    icon: <Check />,
+    label: 'Fix spelling & grammar',
+    value: 'fixSpelling',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Fix spelling and grammar',
+      });
+    },
+  },
+  improveWriting: {
+    icon: <Wand />,
+    label: 'Improve writing',
+    value: 'improveWriting',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Improve the writing',
+      });
+    },
+  },
+  insertBelow: {
+    icon: <ListEnd />,
+    label: 'Insert below',
+    value: 'insertBelow',
+    onSelect: ({ aiEditor, editor }) => {
+      void editor.getTransforms(AIChatPlugin).aiChat.insertBelow(aiEditor);
+    },
+  },
+  makeLonger: {
+    icon: <ListPlus />,
+    label: 'Make longer',
+    value: 'makeLonger',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Make longer',
+      });
+    },
+  },
+  makeShorter: {
+    icon: <ListMinus />,
+    label: 'Make shorter',
+    value: 'makeShorter',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Make shorter',
+      });
+    },
+  },
+  replace: {
+    icon: <Check />,
+    label: 'Replace selection',
+    value: 'replace',
+    onSelect: ({ aiEditor, editor }) => {
+      void editor.getTransforms(AIChatPlugin).aiChat.replaceSelection(aiEditor);
+    },
+  },
+  simplifyLanguage: {
+    icon: <FeatherIcon />,
+    label: 'Simplify language',
+    value: 'simplifyLanguage',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        prompt: 'Simplify the language',
+      });
+    },
+  },
+  summarize: {
+    icon: <Album className="size-4" />,
+    label: 'Add a summary',
+    value: 'summarize',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.submit({
+        mode: 'insert',
+        prompt: {
+          default: 'Summarize {editor}',
+          selecting: 'Summarize',
+        },
+      });
+    },
+  },
+  tryAgain: {
+    icon: <CornerUpLeft />,
+    label: 'Try again',
+    value: 'tryAgain',
+    onSelect: ({ editor }) => {
+      void editor.getApi(AIChatPlugin).aiChat.reload();
+    },
+  },
+} satisfies Record<
+  string,
+  {
+    icon: React.ReactNode;
+    label: string;
+    value: string;
+    component?: React.ComponentType<{ menuState: EditorChatState }>;
+    filterItems?: boolean;
+    items?: { label: string; value: string }[];
+    shortcut?: string;
+    onSelect?: ({
+      aiEditor,
+      editor,
+    }: {
+      aiEditor: PlateEditor;
+      editor: PlateEditor;
+    }) => void;
+  }
+>;
+
+const menuStateItems: Record<
+  EditorChatState,
+  {
+    items: (typeof aiChatItems)[keyof typeof aiChatItems][];
+    heading?: string;
+  }[]
+> = {
+  cursorCommand: [
+    {
+      items: [
+        aiChatItems.continueWrite,
+        aiChatItems.summarize,
+        aiChatItems.explain,
+      ],
+    },
+  ],
+  cursorSuggestion: [
+    {
+      items: [aiChatItems.accept, aiChatItems.discard, aiChatItems.tryAgain],
+    },
+  ],
+  selectionCommand: [
+    {
+      items: [
+        aiChatItems.improveWriting,
+        aiChatItems.makeLonger,
+        aiChatItems.makeShorter,
+        aiChatItems.fixSpelling,
+        aiChatItems.simplifyLanguage,
+      ],
+    },
+  ],
+  selectionSuggestion: [
+    {
+      items: [
+        aiChatItems.replace,
+        aiChatItems.insertBelow,
+        aiChatItems.discard,
+        aiChatItems.tryAgain,
+      ],
+    },
+  ],
+};
+
+export const AIMenuItems = ({
+  aiEditorRef,
+  setValue,
+}: {
+  aiEditorRef: React.MutableRefObject<PlateEditor | null>;
+  setValue: (value: string) => void;
+}) => {
+  const { editor, useOption } = useEditorPlugin(AIChatPlugin);
+  const { messages } = useOption('chat');
+  const isSelecting = useIsSelecting();
+
+  const menuState = useMemo(() => {
+    if (messages && messages.length > 0) {
+      return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';
+    }
+
+    return isSelecting ? 'selectionCommand' : 'cursorCommand';
+  }, [isSelecting, messages]);
+
+  const menuGroups = useMemo(() => {
+    const items = menuStateItems[menuState];
+
+    return items;
+  }, [menuState]);
+
+  useEffect(() => {
+    if (menuGroups.length > 0 && menuGroups[0].items.length > 0) {
+      setValue(menuGroups[0].items[0].value);
+    }
+  }, [menuGroups, setValue]);
+
+  return (
+    <>
+      {menuGroups.map((group, index) => (
+        <CommandGroup key={index} heading={group.heading}>
+          {group.items.map((menuItem) => (
+            <CommandItem
+              key={menuItem.value}
+              className="gap-2 [&_svg]:size-4 [&_svg]:text-muted-foreground"
+              value={menuItem.value}
+              onSelect={() => {
+                menuItem.onSelect?.({
+                  aiEditor: aiEditorRef.current!,
+                  editor: editor,
+                });
+              }}
+            >
+              {menuItem.icon}
+              <span>{menuItem.label}</span>
+            </CommandItem>
+          ))}
+        </CommandGroup>
+      ))}
+    </>
+  );
+};
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
new file mode 100644
index 0000000000..aee9ff7d22
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
@@ -0,0 +1,217 @@
+import * as React from 'react';
+import { faker } from '@faker-js/faker';
+import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
+import {
+  getAncestorNode,
+  getBlocks,
+  isElementEmpty,
+  isHotkey,
+  isSelectionAtBlockEnd,
+} from '@udecode/plate-common';
+import {
+  toDOMNode,
+  useEditorPlugin,
+  useHotkeys,
+} from '@udecode/plate-common/react';
+import {
+  BlockSelectionPlugin,
+  useIsSelecting,
+} from '@udecode/plate-selection/react';
+import { useChat } from 'ai/react';
+import { Loader2Icon } from 'lucide-react';
+
+import { AIChatEditor } from './ai-chat-editor';
+import { AIMenuItems } from './ai-menu-items';
+import { Command, CommandList, InputCommand } from './command';
+import { Popover, PopoverAnchor, PopoverContent } from './popover';
+
+import type { TElement, TNodeEntry } from '@udecode/plate-common';
+import type { PlateEditor } from '@udecode/plate-common/react';
+
+export function AIMenu() {
+  const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);
+  const open = useOption('open');
+  const mode = useOption('mode');
+  const isSelecting = useIsSelecting();
+
+  const aiEditorRef = React.useRef<PlateEditor | null>(null);
+  const [value, setValue] = React.useState('');
+
+  const chat = useChat({
+    id: 'editor',
+    // API to be implemented
+    api: '/api/ai',
+    // Mock the API response. Remove it when you implement the route /api/ai
+    fetch: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 400));
+
+      const stream = fakeStreamText();
+
+      return new Response(stream, {
+        headers: {
+          Connection: 'keep-alive',
+          'Content-Type': 'text/plain',
+        },
+      });
+    },
+  });
+
+  const { input, isLoading, messages, setInput } = chat;
+  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(
+    null
+  );
+
+  const setOpen = (open: boolean) => {
+    if (open) {
+      api.aiChat.show();
+    } else {
+      api.aiChat.hide();
+    }
+  };
+
+  const show = (anchorElement: HTMLElement) => {
+    setAnchorElement(anchorElement);
+    setOpen(true);
+  };
+
+  useEditorChat({
+    chat,
+    onOpenBlockSelection: (blocks: TNodeEntry[]) => {
+      show(toDOMNode(editor, blocks.at(-1)![0])!);
+    },
+    onOpenChange: (open) => {
+      if (!open) {
+        setAnchorElement(null);
+        setInput('');
+      }
+    },
+    onOpenCursor: () => {
+      const ancestor = getAncestorNode(editor)?.[0] as TElement;
+
+      if (!isSelectionAtBlockEnd(editor) && !isElementEmpty(editor, ancestor)) {
+        editor
+          .getApi(BlockSelectionPlugin)
+          .blockSelection.addSelectedRow(ancestor.id as string);
+      }
+
+      show(toDOMNode(editor, ancestor)!);
+    },
+    onOpenSelection: () => {
+      show(toDOMNode(editor, getBlocks(editor).at(-1)![0])!);
+    },
+  });
+
+  useHotkeys(
+    'meta+j',
+    () => {
+      api.aiChat.show();
+    },
+    { enableOnContentEditable: true, enableOnFormTags: true }
+  );
+
+  return (
+    <Popover open={open} onOpenChange={setOpen} modal={false}>
+      <PopoverAnchor virtualRef={{ current: anchorElement }} />
+
+      <PopoverContent
+        className="border-none bg-transparent p-0 shadow-none"
+        style={{
+          width: anchorElement?.offsetWidth,
+        }}
+        onEscapeKeyDown={(e) => {
+          e.preventDefault();
+
+          if (isLoading) {
+            api.aiChat.stop();
+          } else {
+            api.aiChat.hide();
+          }
+        }}
+        align="center"
+        avoidCollisions={false}
+        side="bottom"
+      >
+        <Command
+          className="w-full rounded-lg border shadow-md"
+          value={value}
+          onValueChange={setValue}
+        >
+          {mode === 'chat' && isSelecting && messages.length > 0 && (
+            <AIChatEditor aiEditorRef={aiEditorRef} />
+          )}
+
+          {isLoading ? (
+            <div className="flex grow select-none items-center gap-2 p-2 text-sm text-muted-foreground">
+              <Loader2Icon className="size-4 animate-spin" />
+              {messages.length > 1 ? 'Editing...' : 'Thinking...'}
+            </div>
+          ) : (
+            <InputCommand
+              variant="ghost"
+              className="rounded-none border-b border-solid border-border [&_svg]:hidden"
+              value={input}
+              onKeyDown={(e) => {
+                if (isHotkey('backspace')(e) && input.length === 0) {
+                  e.preventDefault();
+                  api.aiChat.hide();
+                }
+                if (isHotkey('enter')(e) && !e.shiftKey && !value) {
+                  e.preventDefault();
+                  void api.aiChat.submit();
+                }
+              }}
+              onValueChange={setInput}
+              placeholder="Ask AI anything..."
+              autoFocus
+            />
+          )}
+
+          {!isLoading && (
+            <CommandList>
+              <AIMenuItems aiEditorRef={aiEditorRef} setValue={setValue} />
+            </CommandList>
+          )}
+        </Command>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+// Used for testing. Remove it after implementing useChat api.
+const fakeStreamText = ({
+  chunkCount = 10,
+  streamProtocol = 'data',
+}: {
+  chunkCount?: number;
+  streamProtocol?: 'data' | 'text';
+} = {}) => {
+  const chunks = Array.from({ length: chunkCount }, () => ({
+    delay: faker.number.int({ max: 150, min: 50 }),
+    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',
+  }));
+  const encoder = new TextEncoder();
+
+  return new ReadableStream({
+    async start(controller) {
+      for (const chunk of chunks) {
+        await new Promise((resolve) => setTimeout(resolve, chunk.delay));
+
+        if (streamProtocol === 'text') {
+          controller.enqueue(encoder.encode(chunk.texts));
+        } else {
+          controller.enqueue(
+            encoder.encode(`0:${JSON.stringify(chunk.texts)}\n`)
+          );
+        }
+      }
+
+      if (streamProtocol === 'data') {
+        controller.enqueue(
+          `d:{"finishReason":"stop","usage":{"promptTokens":0,"completionTokens":${chunks.length}}}\n`
+        );
+      }
+
+      controller.close();
+    },
+  });
+};
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx
new file mode 100644
index 0000000000..a1d5b0725f
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx
@@ -0,0 +1,26 @@
+'use client';
+
+import React from 'react';
+import { withRef } from '@udecode/cn';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
+import { useEditorPlugin } from '@udecode/plate-common/react';
+
+import { ToolbarButton } from './toolbar';
+
+export const AIToolbarButton = withRef<typeof ToolbarButton>(
+  ({ children, ...rest }, ref) => {
+    const { api } = useEditorPlugin(AIChatPlugin);
+
+    return (
+      <ToolbarButton
+        ref={ref}
+        {...rest}
+        onClick={() => {
+          api.aiChat.show();
+        }}
+      >
+        {children}
+      </ToolbarButton>
+    );
+  }
+);
diff --git a/templates/plate-playground-template/src/components/plate-ui/align-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/align-dropdown-menu.tsx
index 5244b972c8..55e3bf6cd3 100644
--- a/templates/plate-playground-template/src/components/plate-ui/align-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/align-dropdown-menu.tsx
@@ -51,18 +51,18 @@ export function AlignDropdownMenu({ children, ...props }: DropdownMenuProps) {
   return (
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
-        <ToolbarButton isDropdown pressed={openState.open} tooltip="Align">
+        <ToolbarButton pressed={openState.open} tooltip="Align" isDropdown>
           <IconValue />
         </ToolbarButton>
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent align="start" className="min-w-0">
+      <DropdownMenuContent className="min-w-0" align="start">
         <DropdownMenuRadioGroup
           className="flex flex-col gap-0.5"
           {...radioGroupProps}
         >
           {items.map(({ icon: Icon, value: itemValue }) => (
-            <DropdownMenuRadioItem hideIcon key={itemValue} value={itemValue}>
+            <DropdownMenuRadioItem key={itemValue} value={itemValue} hideIcon>
               <Icon className={iconVariants({ variant: 'toolbar' })} />
             </DropdownMenuRadioItem>
           ))}
diff --git a/templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx
new file mode 100644
index 0000000000..c0a2e51b38
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx
@@ -0,0 +1,181 @@
+import { useCallback, useState } from 'react';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import { unsetNodes } from '@udecode/plate-common';
+import {
+  focusEditor,
+  ParagraphPlugin,
+  useEditorPlugin,
+} from '@udecode/plate-common/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+import { IndentListPlugin } from '@udecode/plate-indent-list/react';
+import {
+  BLOCK_CONTEXT_MENU_ID,
+  BlockMenuPlugin,
+  BlockSelectionPlugin,
+} from '@udecode/plate-selection/react';
+
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+} from './context-menu';
+
+type Value = 'askAI' | null;
+
+export function BlockContextMenu({ children }: { children: React.ReactNode }) {
+  const { api, editor } = useEditorPlugin(BlockMenuPlugin);
+  const [value, setValue] = useState<Value>(null);
+
+  const handleTurnInto = useCallback(
+    (type: string) => {
+      editor
+        .getApi(BlockSelectionPlugin)
+        .blockSelection.getNodes()
+        .forEach(([node, path]) => {
+          if (node[IndentListPlugin.key]) {
+            unsetNodes(editor, [IndentListPlugin.key, 'indent'], { at: path });
+          }
+
+          editor.tf.toggle.block({ type }, { at: path });
+        });
+    },
+    [editor]
+  );
+
+  const handleAlign = useCallback(
+    (align: 'center' | 'left' | 'right') => {
+      editor
+        .getTransforms(BlockSelectionPlugin)
+        .blockSelection.setNodes({ align });
+    },
+    [editor]
+  );
+
+  return (
+    <ContextMenu modal={false}>
+      <ContextMenuTrigger
+        onContextMenu={(event) => {
+          const dataset = (event.target as HTMLElement).dataset;
+
+          const disabled = dataset?.slateEditor === 'true';
+
+          if (disabled) return event.preventDefault();
+
+          api.blockMenu.show(BLOCK_CONTEXT_MENU_ID, {
+            x: event.clientX,
+            y: event.clientY,
+          });
+        }}
+      >
+        {children}
+      </ContextMenuTrigger>
+      <ContextMenuContent
+        className="w-64"
+        onCloseAutoFocus={(e) => {
+          e.preventDefault();
+
+          if (value === 'askAI') {
+            editor.getApi(AIChatPlugin).aiChat.show();
+          }
+
+          setValue(null);
+        }}
+      >
+        <ContextMenuItem
+          onClick={() => {
+            setValue('askAI');
+          }}
+        >
+          Ask AI
+        </ContextMenuItem>
+        <ContextMenuItem
+          onClick={() => {
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.removeNodes();
+            focusEditor(editor);
+          }}
+        >
+          Delete
+        </ContextMenuItem>
+        <ContextMenuItem
+          onClick={() => {
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.duplicate(
+                editor.getApi(BlockSelectionPlugin).blockSelection.getNodes()
+              );
+          }}
+        >
+          Duplicate
+          <ContextMenuShortcut>⌘ + D</ContextMenuShortcut>
+        </ContextMenuItem>
+        <ContextMenuSub>
+          <ContextMenuSubTrigger>Turn into</ContextMenuSubTrigger>
+          <ContextMenuSubContent className="w-48">
+            <ContextMenuItem
+              onClick={() => handleTurnInto(ParagraphPlugin.key)}
+            >
+              Paragraph
+            </ContextMenuItem>
+
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h1)}>
+              Heading 1
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h2)}>
+              Heading 2
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleTurnInto(HEADING_KEYS.h3)}>
+              Heading 3
+            </ContextMenuItem>
+            <ContextMenuItem
+              onClick={() => handleTurnInto(BlockquotePlugin.key)}
+            >
+              Blockquote
+            </ContextMenuItem>
+          </ContextMenuSubContent>
+        </ContextMenuSub>
+        <ContextMenuSeparator />
+        <ContextMenuItem
+          onClick={() =>
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.setIndent(1)
+          }
+        >
+          Indent
+        </ContextMenuItem>
+        <ContextMenuItem
+          onClick={() =>
+            editor
+              .getTransforms(BlockSelectionPlugin)
+              .blockSelection.setIndent(-1)
+          }
+        >
+          Outdent
+        </ContextMenuItem>
+        <ContextMenuSub>
+          <ContextMenuSubTrigger>Align</ContextMenuSubTrigger>
+          <ContextMenuSubContent className="w-48">
+            <ContextMenuItem onClick={() => handleAlign('left')}>
+              Left
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleAlign('center')}>
+              Center
+            </ContextMenuItem>
+            <ContextMenuItem onClick={() => handleAlign('right')}>
+              Right
+            </ContextMenuItem>
+          </ContextMenuSubContent>
+        </ContextMenuSub>
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}
diff --git a/templates/plate-playground-template/src/components/plate-ui/button.tsx b/templates/plate-playground-template/src/components/plate-ui/button.tsx
index 1dfa60f7da..e64e4dbae3 100644
--- a/templates/plate-playground-template/src/components/plate-ui/button.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/button.tsx
@@ -1,56 +1,58 @@
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cn, withRef } from '@udecode/cn';
-import { cva, VariantProps } from 'class-variance-authority';
+import { cva } from 'class-variance-authority';
+
+import type { VariantProps } from 'class-variance-authority';
 
 export const buttonVariants = cva(
-  'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
+    defaultVariants: {
+      size: 'default',
+      variant: 'default',
+    },
     variants: {
+      isMenu: {
+        true: 'h-auto w-full cursor-pointer justify-start',
+      },
+      size: {
+        default: 'h-10 px-4 py-2',
+        icon: 'size-10',
+        lg: 'h-11 rounded-md px-8',
+        none: '',
+        sm: 'h-9 rounded-md px-3',
+        sms: 'size-9 rounded-md px-0',
+        xs: 'h-8 rounded-md px-3 text-xs',
+      },
       variant: {
         default: 'bg-primary text-primary-foreground hover:bg-primary/90',
         destructive:
           'bg-destructive text-destructive-foreground hover:bg-destructive/90',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        inlineLink: 'text-base text-primary underline underline-offset-4',
+        link: 'text-primary underline-offset-4 hover:underline',
         outline:
           'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
         secondary:
           'bg-secondary text-secondary-foreground hover:bg-secondary/80',
-        ghost: 'hover:bg-accent hover:text-accent-foreground',
-        link: 'text-primary underline-offset-4 hover:underline',
-        inlineLink: 'text-base text-primary underline underline-offset-4',
-      },
-      size: {
-        default: 'h-10 px-4 py-2',
-        xs: 'h-8 rounded-md px-3',
-        sm: 'h-9 rounded-md px-3',
-        sms: 'size-9 rounded-md px-0',
-        lg: 'h-11 rounded-md px-8',
-        icon: 'size-10',
-        none: '',
-      },
-      isMenu: {
-        true: 'h-auto w-full cursor-pointer justify-start',
       },
     },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
   }
 );
 
 export const Button = withRef<
   'button',
-  VariantProps<typeof buttonVariants> & {
+  {
     asChild?: boolean;
-  }
->(({ className, isMenu, variant, size, asChild = false, ...props }, ref) => {
+  } & VariantProps<typeof buttonVariants>
+>(({ asChild = false, className, isMenu, size, variant, ...props }, ref) => {
   const Comp = asChild ? Slot : 'button';
 
   return (
     <Comp
-      className={cn(buttonVariants({ isMenu, variant, size, className }))}
       ref={ref}
+      className={cn(buttonVariants({ className, isMenu, size, variant }))}
       {...props}
     />
   );
diff --git a/templates/plate-playground-template/src/components/plate-ui/code-leaf.tsx b/templates/plate-playground-template/src/components/plate-ui/code-leaf.tsx
index a2d0cdaf57..dbd19fc671 100644
--- a/templates/plate-playground-template/src/components/plate-ui/code-leaf.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/code-leaf.tsx
@@ -8,12 +8,12 @@ export const CodeLeaf = withRef<typeof PlateLeaf>(
   ({ children, className, ...props }, ref) => {
     return (
       <PlateLeaf
+        ref={ref}
         asChild
         className={cn(
           'whitespace-pre-wrap rounded-md bg-muted px-[0.3em] py-[0.2em] font-mono text-sm',
           className
         )}
-        ref={ref}
         {...props}
       >
         <code>{children}</code>
diff --git a/templates/plate-playground-template/src/components/plate-ui/color-constants.ts b/templates/plate-playground-template/src/components/plate-ui/color-constants.ts
index 243a39c309..1508c25f4c 100644
--- a/templates/plate-playground-template/src/components/plate-ui/color-constants.ts
+++ b/templates/plate-playground-template/src/components/plate-ui/color-constants.ts
@@ -1,436 +1,436 @@
 export const DEFAULT_COLORS = [
   {
+    isBrightColor: false,
     name: 'black',
     value: '#000000',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 4',
     value: '#434343',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 3',
     value: '#666666',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 2',
     value: '#999999',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 1',
     value: '#B7B7B7',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'grey',
     value: '#CCCCCC',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light grey 1',
     value: '#D9D9D9',
-    isBrightColor: false,
   },
   {
+    isBrightColor: true,
     name: 'light grey 2',
     value: '#EFEFEF',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'light grey 3',
     value: '#F3F3F3',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'white',
     value: '#FFFFFF',
-    isBrightColor: true,
   },
   {
+    isBrightColor: false,
     name: 'red berry',
     value: '#980100',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'red',
     value: '#FE0000',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'orange',
     value: '#FE9900',
-    isBrightColor: false,
   },
   {
+    isBrightColor: true,
     name: 'yellow',
     value: '#FEFF00',
-    isBrightColor: true,
   },
   {
+    isBrightColor: false,
     name: 'green',
     value: '#00FF00',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'cyan',
     value: '#00FFFF',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'cornflower blue',
     value: '#4B85E8',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'blue',
     value: '#1300FF',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'purple',
     value: '#9900FF',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'magenta',
     value: '#FF00FF',
-    isBrightColor: false,
   },
 
   {
+    isBrightColor: false,
     name: 'light red berry 3',
     value: '#E6B8AF',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light red 3',
     value: '#F4CCCC',
-    isBrightColor: false,
   },
   {
+    isBrightColor: true,
     name: 'light orange 3',
     value: '#FCE4CD',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'light yellow 3',
     value: '#FFF2CC',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'light green 3',
     value: '#D9EAD3',
-    isBrightColor: true,
   },
   {
+    isBrightColor: false,
     name: 'light cyan 3',
     value: '#D0DFE3',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cornflower blue 3',
     value: '#C9DAF8',
-    isBrightColor: false,
   },
   {
+    isBrightColor: true,
     name: 'light blue 3',
     value: '#CFE1F3',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'light purple 3',
     value: '#D9D2E9',
-    isBrightColor: true,
   },
   {
+    isBrightColor: true,
     name: 'light magenta 3',
     value: '#EAD1DB',
-    isBrightColor: true,
   },
 
   {
+    isBrightColor: false,
     name: 'light red berry 2',
     value: '#DC7E6B',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light red 2',
     value: '#EA9999',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light orange 2',
     value: '#F9CB9C',
-    isBrightColor: false,
   },
   {
+    isBrightColor: true,
     name: 'light yellow 2',
     value: '#FFE598',
-    isBrightColor: true,
   },
   {
+    isBrightColor: false,
     name: 'light green 2',
     value: '#B7D6A8',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cyan 2',
     value: '#A1C4C9',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cornflower blue 2',
     value: '#A4C2F4',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light blue 2',
     value: '#9FC5E8',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light purple 2',
     value: '#B5A7D5',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light magenta 2',
     value: '#D5A6BD',
-    isBrightColor: false,
   },
 
   {
+    isBrightColor: false,
     name: 'light red berry 1',
     value: '#CC4125',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light red 1',
     value: '#E06666',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light orange 1',
     value: '#F6B26B',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light yellow 1',
     value: '#FFD966',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light green 1',
     value: '#93C47D',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cyan 1',
     value: '#76A5AE',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cornflower blue 1',
     value: '#6C9EEB',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light blue 1',
     value: '#6FA8DC',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light purple 1',
     value: '#8D7CC3',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light magenta 1',
     value: '#C27BA0',
-    isBrightColor: false,
   },
 
   {
+    isBrightColor: false,
     name: 'dark red berry 1',
     value: '#A61B00',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark red 1',
     value: '#CC0000',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark orange 1',
     value: '#E59138',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark yellow 1',
     value: '#F1C231',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark green 1',
     value: '#6AA74F',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cyan 1',
     value: '#45818E',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cornflower blue 1',
     value: '#3B78D8',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark blue 1',
     value: '#3E84C6',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark purple 1',
     value: '#664EA6',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark magenta 1',
     value: '#A64D78',
-    isBrightColor: false,
   },
 
   {
+    isBrightColor: false,
     name: 'dark red berry 2',
     value: '#84200D',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark red 2',
     value: '#990001',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark orange 2',
     value: '#B45F05',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark yellow 2',
     value: '#BF9002',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark green 2',
     value: '#38761D',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cyan 2',
     value: '#124F5C',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cornflower blue 2',
     value: '#1155CB',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark blue 2',
     value: '#0C5394',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark purple 2',
     value: '#351C75',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark magenta 2',
     value: '#741B47',
-    isBrightColor: false,
   },
 
   {
+    isBrightColor: false,
     name: 'dark red berry 3',
     value: '#5B0F00',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark red 3',
     value: '#660000',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark orange 3',
     value: '#783F04',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark yellow 3',
     value: '#7E6000',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark green 3',
     value: '#274E12',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cyan 3',
     value: '#0D343D',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark cornflower blue 3',
     value: '#1B4487',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark blue 3',
     value: '#083763',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark purple 3',
     value: '#1F124D',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark magenta 3',
     value: '#4C1130',
-    isBrightColor: false,
   },
 ];
 
 export const DEFAULT_CUSTOM_COLORS = [
   {
+    isBrightColor: false,
     name: 'dark orange 3',
     value: '#783F04',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 3',
     value: '#666666',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark grey 2',
     value: '#999999',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'light cornflower blue 1',
     value: '#6C9EEB',
-    isBrightColor: false,
   },
   {
+    isBrightColor: false,
     name: 'dark magenta 3',
     value: '#4C1130',
-    isBrightColor: false,
   },
 ];
diff --git a/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu-items.tsx b/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu-items.tsx
index c1ca932ee8..51edb7d58d 100644
--- a/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu-items.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu-items.tsx
@@ -7,7 +7,12 @@ import { Icons } from '@/components/icons';
 
 import { buttonVariants } from './button';
 import { DropdownMenuItem } from './dropdown-menu';
-import { Tooltip, TooltipContent, TooltipTrigger } from './tooltip';
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from './tooltip';
 
 import type { TColor } from './color-dropdown-menu';
 import type { DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
@@ -15,9 +20,9 @@ import type { DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
 type ColorDropdownMenuItemProps = {
   isBrightColor: boolean;
   isSelected: boolean;
-  name?: string;
   updateColor: (color: string) => void;
   value: string;
+  name?: string;
 } & DropdownMenuItemProps;
 
 export function ColorDropdownMenuItem({
@@ -40,11 +45,11 @@ export function ColorDropdownMenuItem({
         !isBrightColor && 'border-transparent text-white',
         className
       )}
+      style={{ backgroundColor: value }}
       onSelect={(e) => {
         e.preventDefault();
         updateColor(value);
       }}
-      style={{ backgroundColor: value }}
       {...props}
     >
       {isSelected ? <Icons.check /> : null}
@@ -62,9 +67,9 @@ export function ColorDropdownMenuItem({
 }
 
 type ColorDropdownMenuItemsProps = {
-  color?: string;
   colors: TColor[];
   updateColor: (color: string) => void;
+  color?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
 
 export function ColorDropdownMenuItems({
@@ -79,16 +84,18 @@ export function ColorDropdownMenuItems({
       className={cn('grid grid-cols-[repeat(10,1fr)] gap-1', className)}
       {...props}
     >
-      {colors.map(({ isBrightColor, name, value }) => (
-        <ColorDropdownMenuItem
-          isBrightColor={isBrightColor}
-          isSelected={color === value}
-          key={name ?? value}
-          name={name}
-          updateColor={updateColor}
-          value={value}
-        />
-      ))}
+      <TooltipProvider>
+        {colors.map(({ isBrightColor, name, value }) => (
+          <ColorDropdownMenuItem
+            name={name}
+            key={name ?? value}
+            value={value}
+            isBrightColor={isBrightColor}
+            isSelected={color === value}
+            updateColor={updateColor}
+          />
+        ))}
+      </TooltipProvider>
     </div>
   );
 }
diff --git a/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu.tsx
index d5b96dfd3e..71fd5bb806 100644
--- a/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/color-dropdown-menu.tsx
@@ -52,8 +52,8 @@ export function ColorDropdownMenu({
 
       <DropdownMenuContent align="start">
         <ColorPicker
-          clearColor={state.clearColor}
           color={state.selectedColor || state.color}
+          clearColor={state.clearColor}
           colors={state.colors}
           customColors={state.customColors}
           updateColor={state.updateColorAndClose}
diff --git a/templates/plate-playground-template/src/components/plate-ui/color-input.tsx b/templates/plate-playground-template/src/components/plate-ui/color-input.tsx
index 8f104715ef..0b630eacdf 100644
--- a/templates/plate-playground-template/src/components/plate-ui/color-input.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/color-input.tsx
@@ -18,10 +18,10 @@ export const ColorInput = withRef<'input'>(
         })}
 
         <input
-          className={cn('size-0 overflow-hidden border-0 p-0', className)}
           ref={useComposedRef(ref, inputRef)}
-          type="color"
+          className={cn('size-0 overflow-hidden border-0 p-0', className)}
           value={value}
+          type="color"
           {...props}
         />
       </div>
diff --git a/templates/plate-playground-template/src/components/plate-ui/color-picker.tsx b/templates/plate-playground-template/src/components/plate-ui/color-picker.tsx
index cfe382ac41..1f6f9c61de 100644
--- a/templates/plate-playground-template/src/components/plate-ui/color-picker.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/color-picker.tsx
@@ -15,11 +15,11 @@ export const ColorPickerContent = withRef<
   'div',
   {
     clearColor: () => void;
-    color?: string;
     colors: TColor[];
     customColors: TColor[];
     updateColor: (color: string) => void;
     updateCustomColor: (color: string) => void;
+    color?: string;
   }
 >(
   (
@@ -37,8 +37,8 @@ export const ColorPickerContent = withRef<
   ) => {
     return (
       <div
-        className={cn('flex flex-col gap-4 p-4', className)}
         ref={ref}
+        className={cn('flex flex-col gap-4 p-4', className)}
         {...props}
       >
         <ColorsCustom
diff --git a/templates/plate-playground-template/src/components/plate-ui/colors-custom.tsx b/templates/plate-playground-template/src/components/plate-ui/colors-custom.tsx
index e33f82702a..9204f53895 100644
--- a/templates/plate-playground-template/src/components/plate-ui/colors-custom.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/colors-custom.tsx
@@ -14,11 +14,11 @@ import { DropdownMenuItem } from './dropdown-menu';
 import type { TColor } from './color-dropdown-menu';
 
 type ColorsCustomProps = {
-  color?: string;
   colors: TColor[];
   customColors: TColor[];
   updateColor: (color: string) => void;
   updateCustomColor: (color: string) => void;
+  color?: string;
 };
 
 export function ColorsCustom({
diff --git a/templates/plate-playground-template/src/components/plate-ui/column-element.tsx b/templates/plate-playground-template/src/components/plate-ui/column-element.tsx
new file mode 100644
index 0000000000..ab1a052cd0
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/column-element.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import { cn, withRef } from '@udecode/cn';
+import { useElement, withHOC } from '@udecode/plate-common/react';
+import { ResizableProvider } from '@udecode/plate-resizable';
+import { useReadOnly } from 'slate-react';
+
+import { PlateElement } from './plate-element';
+
+import type { TColumnElement } from '@udecode/plate-layout';
+
+export const ColumnElement = withHOC(
+  ResizableProvider,
+  withRef<typeof PlateElement>(({ children, className, ...props }, ref) => {
+    const readOnly = useReadOnly();
+    const { width } = useElement<TColumnElement>();
+
+    return (
+      <PlateElement
+        ref={ref}
+        className={cn(
+          className,
+          !readOnly && 'rounded-lg border border-dashed p-1.5'
+        )}
+        style={{ width }}
+        {...props}
+      >
+        {children}
+      </PlateElement>
+    );
+  })
+);
diff --git a/templates/plate-playground-template/src/components/plate-ui/column-group-element.tsx b/templates/plate-playground-template/src/components/plate-ui/column-group-element.tsx
new file mode 100644
index 0000000000..4a488210a1
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/column-group-element.tsx
@@ -0,0 +1,90 @@
+import React from 'react';
+import { cn, withRef } from '@udecode/cn';
+import { useElement, useRemoveNodeButton } from '@udecode/plate-common/react';
+import {
+  ColumnItemPlugin,
+  useColumnState,
+  useDebouncePopoverOpen,
+} from '@udecode/plate-layout/react';
+import { useReadOnly } from 'slate-react';
+
+import { Icons } from '@/components/icons';
+
+import { Button } from './button';
+import { PlateElement } from './plate-element';
+import { Popover, PopoverAnchor, PopoverContent } from './popover';
+import { Separator } from './separator';
+
+import type { TColumnElement } from '@udecode/plate-layout';
+
+export const ColumnGroupElement = withRef<typeof PlateElement>(
+  ({ children, className, ...props }, ref) => {
+    return (
+      <PlateElement ref={ref} className={cn(className, 'my-2')} {...props}>
+        <ColumnFloatingToolbar>
+          <div className={cn('flex size-full gap-4 rounded')}>{children}</div>
+        </ColumnFloatingToolbar>
+      </PlateElement>
+    );
+  }
+);
+
+export function ColumnFloatingToolbar({ children }: React.PropsWithChildren) {
+  const readOnly = useReadOnly();
+
+  const {
+    setDoubleColumn,
+    setDoubleSideDoubleColumn,
+    setLeftSideDoubleColumn,
+    setRightSideDoubleColumn,
+    setThreeColumn,
+  } = useColumnState();
+
+  const element = useElement<TColumnElement>(ColumnItemPlugin.key);
+
+  const { props: buttonProps } = useRemoveNodeButton({ element });
+
+  const isOpen = useDebouncePopoverOpen();
+
+  if (readOnly) return <>{children}</>;
+
+  return (
+    <Popover open={isOpen} modal={false}>
+      <PopoverAnchor>{children}</PopoverAnchor>
+      <PopoverContent
+        className="w-auto p-1"
+        onOpenAutoFocus={(e) => e.preventDefault()}
+        align="center"
+        side="top"
+        sideOffset={10}
+      >
+        <div className="box-content flex h-9 items-center gap-1 [&_svg]:size-4 [&_svg]:text-muted-foreground">
+          <Button size="sms" variant="ghost" onClick={setDoubleColumn}>
+            <Icons.doubleColumn />
+          </Button>
+          <Button size="sms" variant="ghost" onClick={setThreeColumn}>
+            <Icons.threeColumn />
+          </Button>
+          <Button size="sms" variant="ghost" onClick={setRightSideDoubleColumn}>
+            <Icons.rightSideDoubleColumn />
+          </Button>
+          <Button size="sms" variant="ghost" onClick={setLeftSideDoubleColumn}>
+            <Icons.leftSideDoubleColumn />
+          </Button>
+          <Button
+            size="sms"
+            variant="ghost"
+            onClick={setDoubleSideDoubleColumn}
+          >
+            <Icons.doubleSideDoubleColumn />
+          </Button>
+
+          <Separator orientation="vertical" className="my-1" />
+          <Button size="sms" variant="ghost" {...buttonProps}>
+            <Icons.delete />
+          </Button>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}
diff --git a/templates/plate-playground-template/src/components/plate-ui/command.tsx b/templates/plate-playground-template/src/components/plate-ui/command.tsx
index 7d3493e5d5..5314e81137 100644
--- a/templates/plate-playground-template/src/components/plate-ui/command.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/command.tsx
@@ -1,13 +1,21 @@
 'use client';
 
 import * as React from 'react';
-import { type DialogProps } from '@radix-ui/react-dialog';
-import { cn, createPrimitiveElement, withCn, withRef } from '@udecode/cn';
+import {
+  cn,
+  createPrimitiveElement,
+  withCn,
+  withRef,
+  withVariants,
+} from '@udecode/cn';
 import { Command as CommandPrimitive } from 'cmdk';
 
 import { Icons } from '@/components/icons';
 
-import { Dialog, DialogContent } from './dialog';
+import { Dialog, DialogContent, DialogTitle } from './dialog';
+import { inputVariants } from './input';
+
+import type { DialogProps } from '@radix-ui/react-dialog';
 
 export const Command = withCn(
   CommandPrimitive,
@@ -18,6 +26,7 @@ export function CommandDialog({ children, ...props }: DialogProps) {
   return (
     <Dialog {...props}>
       <DialogContent className="overflow-hidden p-0 shadow-lg">
+        <DialogTitle className="sr-only">Command Dialog</DialogTitle>
         <Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5">
           {children}
         </Command>
@@ -42,6 +51,12 @@ export const CommandInput = withRef<typeof CommandPrimitive.Input>(
   )
 );
 
+export const InputCommand = withVariants(
+  CommandPrimitive.Input,
+  inputVariants,
+  ['variant']
+);
+
 export const CommandList = withCn(
   CommandPrimitive.List,
   'max-h-[500px] overflow-y-auto overflow-x-hidden'
@@ -64,7 +79,7 @@ export const CommandSeparator = withCn(
 
 export const CommandItem = withCn(
   CommandPrimitive.Item,
-  'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50'
+  'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50'
 );
 
 export const CommandShortcut = withCn(
diff --git a/templates/plate-playground-template/src/components/plate-ui/comment-avatar.tsx b/templates/plate-playground-template/src/components/plate-ui/comment-avatar.tsx
index 4d1d460712..47110a369d 100644
--- a/templates/plate-playground-template/src/components/plate-ui/comment-avatar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/comment-avatar.tsx
@@ -6,7 +6,7 @@ import { useEditorPlugin } from '@udecode/plate-common/react';
 
 import { Avatar, AvatarFallback, AvatarImage } from './avatar';
 
-export function CommentAvatar({ userId }: { userId: null | string }) {
+export function CommentAvatar({ userId }: { userId: string | null }) {
   const { useOption } = useEditorPlugin(CommentsPlugin);
   const user = useOption('userById', userId);
 
diff --git a/templates/plate-playground-template/src/components/plate-ui/comment-more-dropdown.tsx b/templates/plate-playground-template/src/components/plate-ui/comment-more-dropdown.tsx
index 4a45a1d72d..20351e04d0 100644
--- a/templates/plate-playground-template/src/components/plate-ui/comment-more-dropdown.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/comment-more-dropdown.tsx
@@ -28,7 +28,7 @@ export function CommentMoreDropdown() {
   return (
     <DropdownMenu modal={false}>
       <DropdownMenuTrigger asChild>
-        <Button className={cn('h-6 p-1 text-muted-foreground')} variant="ghost">
+        <Button variant="ghost" className={cn('h-6 p-1 text-muted-foreground')}>
           <Icons.more className="size-4" />
         </Button>
       </DropdownMenuTrigger>
diff --git a/templates/plate-playground-template/src/components/plate-ui/comment-reply-items.tsx b/templates/plate-playground-template/src/components/plate-ui/comment-reply-items.tsx
index 4de00b4a4b..dc0e7af6a8 100644
--- a/templates/plate-playground-template/src/components/plate-ui/comment-reply-items.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/comment-reply-items.tsx
@@ -14,7 +14,7 @@ export function CommentReplyItems() {
   return (
     <>
       {Object.keys(commentReplies).map((id) => (
-        <CommentItem commentId={id} key={id} />
+        <CommentItem key={id} commentId={id} />
       ))}
     </>
   );
diff --git a/templates/plate-playground-template/src/components/plate-ui/comments-popover.tsx b/templates/plate-playground-template/src/components/plate-ui/comments-popover.tsx
index 2d4e17fb0c..f239086066 100644
--- a/templates/plate-playground-template/src/components/plate-ui/comments-popover.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/comments-popover.tsx
@@ -32,10 +32,10 @@ export function CommentsPopoverContent(props: FloatingCommentsContentProps) {
       key={activeCommentId}
       scope={SCOPE_ACTIVE_COMMENT}
     >
-      <div className={cn(popoverVariants(), 'relative w-[310px]')} ref={ref}>
+      <div ref={ref} className={cn(popoverVariants(), 'relative w-[310px]')}>
         {!hasNoComment && (
           <>
-            <CommentItem commentId={activeCommentId!} key={activeCommentId} />
+            <CommentItem key={activeCommentId} commentId={activeCommentId!} />
 
             <CommentReplyItems />
           </>
@@ -54,7 +54,7 @@ export function CommentsPopover() {
 
   return (
     <PortalBody>
-      <CommentsPositioner className="absolute z-50 w-[418px] pb-4">
+      <CommentsPositioner className="absolute z-50 w-[418px] pb-4" data-popover>
         <CommentsPopoverContent />
       </CommentsPositioner>
     </PortalBody>
diff --git a/templates/plate-playground-template/src/components/plate-ui/context-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/context-menu.tsx
new file mode 100644
index 0000000000..095752cfe7
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/context-menu.tsx
@@ -0,0 +1,199 @@
+'use client';
+
+import * as React from 'react';
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import { cn } from '@udecode/cn';
+import { Check, ChevronRight, Circle } from 'lucide-react';
+
+const ContextMenu = ContextMenuPrimitive.Root;
+
+const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+
+const ContextMenuGroup = ContextMenuPrimitive.Group;
+
+const ContextMenuPortal = ContextMenuPrimitive.Portal;
+
+const ContextMenuSub = ContextMenuPrimitive.Sub;
+
+const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+
+const ContextMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+  }
+>(({ children, className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto size-4" />
+  </ContextMenuPrimitive.SubTrigger>
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+
+const ContextMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+
+const ContextMenuContent = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(
+        'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+        className
+      )}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+
+const ContextMenuItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+
+const ContextMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
+>(({ checked, children, className, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex size-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Check className="size-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+));
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName;
+
+const ContextMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
+>(({ children, className, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex size-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <Circle className="size-2 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+
+const ContextMenuLabel = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+  }
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      'px-2 py-1.5 text-sm font-semibold text-foreground',
+      inset && 'pl-8',
+      className
+    )}
+    {...props}
+  />
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+
+const ContextMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn('-mx-1 my-1 h-px bg-border', className)}
+    {...props}
+  />
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn(
+        'ml-auto text-xs tracking-widest text-muted-foreground',
+        className
+      )}
+      {...props}
+    />
+  );
+};
+ContextMenuShortcut.displayName = 'ContextMenuShortcut';
+
+export {
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+};
diff --git a/templates/plate-playground-template/src/components/plate-ui/cursor-overlay.tsx b/templates/plate-playground-template/src/components/plate-ui/cursor-overlay.tsx
index eabf7a668b..900edb3dcd 100644
--- a/templates/plate-playground-template/src/components/plate-ui/cursor-overlay.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/cursor-overlay.tsx
@@ -1,12 +1,14 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { cn } from '@udecode/cn';
 import {
   createPlatePlugin,
   findEventRange,
+  useEditorPlugin,
   useEditorRef,
 } from '@udecode/plate-common/react';
 import { CursorOverlay as CursorOverlayPrimitive } from '@udecode/plate-cursor';
 import { DndPlugin } from '@udecode/plate-dnd';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
 
 import type {
   CursorData,
@@ -30,11 +32,11 @@ export function Cursor({
       {!disableSelection &&
         selectionRects.map((position, i) => (
           <div
+            key={i}
             className={cn(
               'pointer-events-none absolute z-10 opacity-30',
               classNames?.selectionRect
             )}
-            key={i}
             style={{
               ...selectionStyle,
               ...position,
@@ -63,13 +65,15 @@ export function CursorOverlay({ cursors, ...props }: CursorOverlayProps) {
   return (
     <CursorOverlayPrimitive
       {...props}
-      cursors={allCursors}
       onRenderCursor={Cursor}
+      cursors={allCursors}
     />
   );
 }
 
 export const DragOverCursorPlugin = createPlatePlugin({
+  key: 'dragOverCursor',
+  options: { cursors: {} as Record<string, CursorState<CursorData>> },
   handlers: {
     onDragEnd: ({ editor, plugin }) => {
       editor.setOption(plugin, 'cursors', {});
@@ -86,13 +90,13 @@ export const DragOverCursorPlugin = createPlatePlugin({
 
       editor.setOption(plugin, 'cursors', {
         drag: {
+          key: 'drag',
           data: {
             style: {
               backgroundColor: 'hsl(222.2 47.4% 11.2%)',
               width: 3,
             },
           },
-          key: 'drag',
           selection: range,
         },
       });
@@ -101,6 +105,45 @@ export const DragOverCursorPlugin = createPlatePlugin({
       editor.setOption(plugin, 'cursors', {});
     },
   },
-  key: 'dragOverCursor',
-  options: { cursors: {} as Record<string, CursorState<CursorData>> },
+});
+
+export const SelectionOverlayPlugin = createPlatePlugin({
+  key: 'selection_over_lay',
+  useHooks: () => {
+    const { editor } = useEditorPlugin(BlockSelectionPlugin);
+    const isSelecting = editor.useOptions(BlockSelectionPlugin).isSelecting;
+
+    useEffect(() => {
+      if (isSelecting) {
+        setTimeout(() => {
+          editor.setOption(DragOverCursorPlugin, 'cursors', {});
+        }, 0);
+      }
+    }, [editor, isSelecting]);
+  },
+  handlers: {
+    onBlur: ({ editor, event }) => {
+      const isPrevented =
+        (event.relatedTarget as HTMLElement)?.dataset?.platePreventOverlay ===
+        'true';
+
+      if (isPrevented) return;
+      if (editor.selection) {
+        editor.setOption(DragOverCursorPlugin, 'cursors', {
+          drag: {
+            key: 'blur',
+            data: {
+              selectionStyle: {
+                backgroundColor: 'rgba(47, 121, 216, 0.35)',
+              },
+            },
+            selection: editor.selection,
+          },
+        });
+      }
+    },
+    onFocus: ({ editor }) => {
+      editor.setOption(DragOverCursorPlugin, 'cursors', {});
+    },
+  },
 });
diff --git a/templates/plate-playground-template/src/components/plate-ui/dialog.tsx b/templates/plate-playground-template/src/components/plate-ui/dialog.tsx
index decd0c6366..4f0ba6c625 100644
--- a/templates/plate-playground-template/src/components/plate-ui/dialog.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/dialog.tsx
@@ -7,8 +7,11 @@ import { cn, createPrimitiveElement, withCn, withRef } from '@udecode/cn';
 import { Icons } from '@/components/icons';
 
 export const Dialog = DialogPrimitive.Root;
+
 export const DialogTrigger = DialogPrimitive.Trigger;
+
 export const DialogPortal = DialogPrimitive.Portal;
+
 export const DialogClose = DialogPrimitive.Close;
 
 export const DialogOverlay = withCn(
@@ -17,7 +20,7 @@ export const DialogOverlay = withCn(
 );
 
 export const DialogContent = withRef<typeof DialogPrimitive.Content>(
-  ({ className, children, ...props }, ref) => (
+  ({ children, className, ...props }, ref) => (
     <DialogPortal>
       <DialogOverlay />
       <DialogPrimitive.Content
diff --git a/templates/plate-playground-template/src/components/plate-ui/dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/dropdown-menu.tsx
index 43e1e45d36..7946715523 100644
--- a/templates/plate-playground-template/src/components/plate-ui/dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/dropdown-menu.tsx
@@ -77,6 +77,7 @@ export const DropdownMenuContent = withRef<
 const menuItemVariants = cva(
   cn(
     'relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors',
+    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
     'focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50'
   ),
   {
diff --git a/templates/plate-playground-template/src/components/plate-ui/editor.tsx b/templates/plate-playground-template/src/components/plate-ui/editor.tsx
index a2874666d8..716dcc300b 100644
--- a/templates/plate-playground-template/src/components/plate-ui/editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/editor.tsx
@@ -8,7 +8,7 @@ import type { VariantProps } from 'class-variance-authority';
 
 const editorVariants = cva(
   cn(
-    'relative overflow-x-auto whitespace-pre-wrap break-words',
+    'relative overflow-x-auto whitespace-pre-wrap break-words text-foreground',
     'min-h-[80px] w-full rounded-md bg-background px-6 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none',
     '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100',
     '[&_[data-slate-placeholder]]:top-[auto_!important]',
@@ -36,6 +36,9 @@ const editorVariants = cva(
         sm: 'text-sm',
       },
       variant: {
+        aiChat:
+          'max-h-[min(70vh,320px)] w-full overflow-y-auto rounded-none border-b px-3 py-2 text-sm',
+        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
       },
@@ -61,13 +64,8 @@ const Editor = React.forwardRef<HTMLDivElement, EditorProps>(
     ref
   ) => {
     return (
-      <div
-        id="scroll_container"
-        className="ignore-click-outside/toolbar relative w-full"
-        ref={ref}
-      >
+      <div ref={ref} className="relative w-full">
         <PlateContent
-          aria-disabled={disabled}
           className={cn(
             editorVariants({
               disabled,
@@ -78,9 +76,10 @@ const Editor = React.forwardRef<HTMLDivElement, EditorProps>(
             }),
             className
           )}
+          readOnly={disabled ?? readOnly}
+          aria-disabled={disabled}
           data-plate-selectable
           disableDefaultStyles
-          readOnly={disabled ?? readOnly}
           {...props}
         />
       </div>
diff --git a/templates/plate-playground-template/src/components/plate-ui/excalidraw-element.tsx b/templates/plate-playground-template/src/components/plate-ui/excalidraw-element.tsx
index 99f7c2be94..fd2080da75 100644
--- a/templates/plate-playground-template/src/components/plate-ui/excalidraw-element.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/excalidraw-element.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { withRef } from '@udecode/cn';
 import { useExcalidrawElement } from '@udecode/plate-excalidraw/react';
@@ -15,7 +17,7 @@ export const ExcalidrawElement = withRef<typeof PlateElement>(
     return (
       <PlateElement ref={ref} {...props}>
         <div contentEditable={false}>
-          <div className="h-[600px]">
+          <div className="mx-auto aspect-video h-[600px] w-[min(100%,600px)] overflow-hidden rounded-sm border">
             {Excalidraw && (
               <Excalidraw {...nodeProps} {...(excalidrawProps as any)} />
             )}
diff --git a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
index 70c21ec836..af9bd1373d 100644
--- a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar-buttons.tsx
@@ -13,25 +13,28 @@ import {
 } from '@udecode/plate-font/react';
 import { ListStyleType } from '@udecode/plate-indent-list';
 import { ImagePlugin } from '@udecode/plate-media/react';
+import { SparklesIcon } from 'lucide-react';
 
 import { Icons, iconVariants } from '@/components/icons';
-import { AlignDropdownMenu } from '@/components/plate-ui/align-dropdown-menu';
-import { CommentToolbarButton } from '@/components/plate-ui/comment-toolbar-button';
-import { EmojiDropdownMenu } from '@/components/plate-ui/emoji-dropdown-menu';
-import { IndentListToolbarButton } from '@/components/plate-ui/indent-list-toolbar-button';
-import { IndentToolbarButton } from '@/components/plate-ui/indent-toolbar-button';
-import { LineHeightDropdownMenu } from '@/components/plate-ui/line-height-dropdown-menu';
-import { LinkToolbarButton } from '@/components/plate-ui/link-toolbar-button';
-import { MediaToolbarButton } from '@/components/plate-ui/media-toolbar-button';
-import { MoreDropdownMenu } from '@/components/plate-ui/more-dropdown-menu';
-import { OutdentToolbarButton } from '@/components/plate-ui/outdent-toolbar-button';
-import { TableDropdownMenu } from '@/components/plate-ui/table-dropdown-menu';
 
+import { AIToolbarButton } from './ai-toolbar-button';
+import { AlignDropdownMenu } from './align-dropdown-menu';
 import { ColorDropdownMenu } from './color-dropdown-menu';
+import { CommentToolbarButton } from './comment-toolbar-button';
+import { EmojiDropdownMenu } from './emoji-dropdown-menu';
+import { IndentListToolbarButton } from './indent-list-toolbar-button';
 import { IndentTodoToolbarButton } from './indent-todo-toolbar-button';
+import { IndentToolbarButton } from './indent-toolbar-button';
 import { InsertDropdownMenu } from './insert-dropdown-menu';
+import { LineHeightDropdownMenu } from './line-height-dropdown-menu';
+import { LinkToolbarButton } from './link-toolbar-button';
 import { MarkToolbarButton } from './mark-toolbar-button';
+import { MediaToolbarButton } from './media-toolbar-button';
 import { ModeDropdownMenu } from './mode-dropdown-menu';
+import { MoreDropdownMenu } from './more-dropdown-menu';
+import { OutdentToolbarButton } from './outdent-toolbar-button';
+import { TableDropdownMenu } from './table-dropdown-menu';
+import { ToggleToolbarButton } from './toggle-toolbar-button';
 import { ToolbarGroup } from './toolbar';
 import { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';
 
@@ -39,17 +42,29 @@ export function FixedToolbarButtons() {
   const readOnly = useEditorReadOnly();
 
   return (
-    <div className="w-full overflow-hidden">
+    <div className="w-full">
       <div
-        className="flex flex-wrap"
+        className="flex"
         style={{
+          // Conceal the first separator on each line using overflow
           transform: 'translateX(calc(-1px))',
         }}
       >
         {!readOnly && (
           <>
-            <ToolbarGroup noSeparator>
+            <ToolbarGroup>
+              <ToolbarGroup>
+                <AIToolbarButton
+                  className="text-purple-500 hover:text-purple-600"
+                  tooltip="Edit, generate, and more"
+                >
+                  <SparklesIcon className="mr-1.5 !size-3.5" />
+                  Ask AI
+                </AIToolbarButton>
+              </ToolbarGroup>
+
               <InsertDropdownMenu />
+
               <TurnIntoDropdownMenu />
             </ToolbarGroup>
 
@@ -57,12 +72,14 @@ export function FixedToolbarButtons() {
               <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
                 <Icons.bold />
               </MarkToolbarButton>
+
               <MarkToolbarButton
                 nodeType={ItalicPlugin.key}
                 tooltip="Italic (⌘+I)"
               >
                 <Icons.italic />
               </MarkToolbarButton>
+
               <MarkToolbarButton
                 nodeType={UnderlinePlugin.key}
                 tooltip="Underline (⌘+U)"
@@ -76,18 +93,18 @@ export function FixedToolbarButtons() {
               >
                 <Icons.strikethrough />
               </MarkToolbarButton>
+
               <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
                 <Icons.code />
               </MarkToolbarButton>
-            </ToolbarGroup>
 
-            <ToolbarGroup>
               <ColorDropdownMenu
                 nodeType={FontColorPlugin.key}
                 tooltip="Text Color"
               >
                 <Icons.color className={iconVariants({ variant: 'toolbar' })} />
               </ColorDropdownMenu>
+
               <ColorDropdownMenu
                 nodeType={FontBackgroundColorPlugin.key}
                 tooltip="Highlight Color"
@@ -112,6 +129,8 @@ export function FixedToolbarButtons() {
             <ToolbarGroup>
               <LinkToolbarButton />
 
+              <ToggleToolbarButton />
+
               <MediaToolbarButton nodeType={ImagePlugin.key} />
 
               <TableDropdownMenu />
@@ -125,7 +144,7 @@ export function FixedToolbarButtons() {
 
         <div className="grow" />
 
-        <ToolbarGroup noSeparator>
+        <ToolbarGroup>
           <CommentToolbarButton />
           <ModeDropdownMenu />
         </ToolbarGroup>
diff --git a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar.tsx b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar.tsx
index 917f9e2eb3..b96aa56ae7 100644
--- a/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/fixed-toolbar.tsx
@@ -4,5 +4,5 @@ import { Toolbar } from './toolbar';
 
 export const FixedToolbar = withCn(
   Toolbar,
-  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 backdrop-blur'
+  'supports-backdrop-blur:bg-background/60 sticky left-0 top-0 z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 p-1 backdrop-blur'
 );
diff --git a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
index 958d710de6..ecf0e0dc98 100644
--- a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar-buttons.tsx
@@ -7,13 +7,16 @@ import {
   UnderlinePlugin,
 } from '@udecode/plate-basic-marks/react';
 import { useEditorReadOnly } from '@udecode/plate-common/react';
+import { SparklesIcon } from 'lucide-react';
 
 import { Icons } from '@/components/icons';
-import { CommentToolbarButton } from '@/components/plate-ui/comment-toolbar-button';
-import { LinkToolbarButton } from '@/components/plate-ui/link-toolbar-button';
 
+import { AIToolbarButton } from './ai-toolbar-button';
+import { CommentToolbarButton } from './comment-toolbar-button';
+import { LinkToolbarButton } from './link-toolbar-button';
 import { MarkToolbarButton } from './mark-toolbar-button';
 import { MoreDropdownMenu } from './more-dropdown-menu';
+import { ToolbarGroup } from './toolbar';
 import { TurnIntoDropdownMenu } from './turn-into-dropdown-menu';
 
 export function FloatingToolbarButtons() {
@@ -23,37 +26,58 @@ export function FloatingToolbarButtons() {
     <>
       {!readOnly && (
         <>
-          <TurnIntoDropdownMenu />
-
-          <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
-            <Icons.bold />
-          </MarkToolbarButton>
-          <MarkToolbarButton nodeType={ItalicPlugin.key} tooltip="Italic (⌘+I)">
-            <Icons.italic />
-          </MarkToolbarButton>
-          <MarkToolbarButton
-            nodeType={UnderlinePlugin.key}
-            tooltip="Underline (⌘+U)"
-          >
-            <Icons.underline />
-          </MarkToolbarButton>
-          <MarkToolbarButton
-            nodeType={StrikethroughPlugin.key}
-            tooltip="Strikethrough (⌘+⇧+M)"
-          >
-            <Icons.strikethrough />
-          </MarkToolbarButton>
-          <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
-            <Icons.code />
-          </MarkToolbarButton>
-
-          <LinkToolbarButton />
+          <ToolbarGroup>
+            <AIToolbarButton
+              className="text-purple-500 hover:text-purple-600"
+              tooltip="Edit, generate, and more"
+            >
+              <SparklesIcon className="mr-1.5 !size-3.5" />
+              Ask AI
+            </AIToolbarButton>
+          </ToolbarGroup>
+
+          <ToolbarGroup>
+            <TurnIntoDropdownMenu />
+
+            <MarkToolbarButton nodeType={BoldPlugin.key} tooltip="Bold (⌘+B)">
+              <Icons.bold />
+            </MarkToolbarButton>
+
+            <MarkToolbarButton
+              nodeType={ItalicPlugin.key}
+              tooltip="Italic (⌘+I)"
+            >
+              <Icons.italic />
+            </MarkToolbarButton>
+
+            <MarkToolbarButton
+              nodeType={UnderlinePlugin.key}
+              tooltip="Underline (⌘+U)"
+            >
+              <Icons.underline />
+            </MarkToolbarButton>
+
+            <MarkToolbarButton
+              nodeType={StrikethroughPlugin.key}
+              tooltip="Strikethrough (⌘+⇧+M)"
+            >
+              <Icons.strikethrough />
+            </MarkToolbarButton>
+
+            <MarkToolbarButton nodeType={CodePlugin.key} tooltip="Code (⌘+E)">
+              <Icons.code />
+            </MarkToolbarButton>
+
+            <LinkToolbarButton />
+          </ToolbarGroup>
         </>
       )}
 
-      <CommentToolbarButton />
+      <ToolbarGroup>
+        <CommentToolbarButton />
 
-      {!readOnly && <MoreDropdownMenu />}
+        {!readOnly && <MoreDropdownMenu />}
+      </ToolbarGroup>
     </>
   );
 }
diff --git a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar.tsx b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar.tsx
index 67c5ab4134..9be94d30e7 100644
--- a/templates/plate-playground-template/src/components/plate-ui/floating-toolbar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/floating-toolbar.tsx
@@ -14,7 +14,6 @@ import {
   useFloatingToolbar,
   useFloatingToolbarState,
 } from '@udecode/plate-floating';
-import { LinkPlugin } from '@udecode/plate-link/react';
 
 import { Toolbar } from './toolbar';
 
@@ -29,12 +28,13 @@ export const FloatingToolbar = withRef<
   const editor = useEditorRef();
   const editorId = useEditorId();
   const focusedEditorId = useEventEditorSelectors.focus();
-  const isFloatingLinkOpen = !!editor.useOption(LinkPlugin, 'mode');
+  const isFloatingLinkOpen = !!editor.useOption({ key: 'a' }, 'mode');
+  const isAIChatOpen = editor.useOption({ key: 'aiChat' }, 'open');
 
   const floatingToolbarState = useFloatingToolbarState({
     editorId,
     focusedEditorId,
-    hideToolbar: isFloatingLinkOpen,
+    hideToolbar: isFloatingLinkOpen || isAIChatOpen,
     ...state,
     floatingOptions: {
       middleware: [
@@ -70,7 +70,8 @@ export const FloatingToolbar = withRef<
       <Toolbar
         ref={ref}
         className={cn(
-          'absolute z-50 whitespace-nowrap rounded-md border bg-popover px-1 opacity-100 shadow-md print:hidden'
+          'absolute z-50 whitespace-nowrap rounded-md border bg-popover p-1 opacity-100 shadow-md print:hidden',
+          'max-w-[80vw]'
         )}
         {...rootProps}
         {...props}
diff --git a/templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx b/templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx
new file mode 100644
index 0000000000..f8185cfe4b
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import React from 'react';
+import { useEditorPlugin, useElement } from '@udecode/plate-common/react';
+
+import type { CopilotPluginConfig } from '@udecode/plate-ai/react';
+
+export const GhostText = () => {
+  const { useOption } = useEditorPlugin<CopilotPluginConfig>({
+    key: 'copilot',
+  });
+  const element = useElement();
+
+  const isSuggested = useOption('isSuggested', element.id as string);
+
+  if (!isSuggested) return null;
+
+  return <GhostTextContent />;
+};
+
+export function GhostTextContent() {
+  const { useOption } = useEditorPlugin<CopilotPluginConfig>({
+    key: 'copilot',
+  });
+
+  const suggestionText = useOption('suggestionText');
+
+  return (
+    <span className="text-muted-foreground" contentEditable={false}>
+      {suggestionText && suggestionText}
+    </span>
+  );
+}
diff --git a/templates/plate-playground-template/src/components/plate-ui/heading-element.tsx b/templates/plate-playground-template/src/components/plate-ui/heading-element.tsx
index 0b8a7c5cfa..3871368903 100644
--- a/templates/plate-playground-template/src/components/plate-ui/heading-element.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/heading-element.tsx
@@ -17,31 +17,17 @@ const headingVariants = cva('relative mb-1', {
   },
 });
 
-const blockVariants = cva('', {
-  variants: {
-    isFirstBlock: {
-      false: '',
-      true: 'mt-0',
-    },
-  },
-});
-
-const HeadingElementVariants = withVariants(
-  withVariants(PlateElement, headingVariants, ['variant']),
-  blockVariants,
-  ['isFirstBlock']
-);
+const HeadingElementVariants = withVariants(PlateElement, headingVariants, [
+  'variant',
+]);
 
 export const HeadingElement = withRef<typeof HeadingElementVariants>(
-  ({ children, isFirstBlock, variant = 'h1', ...props }, ref) => {
-    const { editor, element } = props;
-
+  ({ children, variant = 'h1', ...props }, ref) => {
     return (
       <HeadingElementVariants
         ref={ref}
         as={variant!}
         variant={variant}
-        isFirstBlock={element === editor.children[0]}
         {...props}
       >
         {children}
diff --git a/templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx b/templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx
new file mode 100644
index 0000000000..5887dcd5ac
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx
@@ -0,0 +1,22 @@
+import type { PlateRenderElementProps } from '@udecode/plate-common/react';
+import type { TIndentElement } from '@udecode/plate-indent';
+
+export const FireMarker = (
+  props: Omit<PlateRenderElementProps, 'children'>
+) => {
+  const { element } = props;
+
+  return (
+    <div contentEditable={false}>
+      <span style={{ left: -26, position: 'absolute', top: -1 }}>
+        {(element as TIndentElement).indent % 2 === 0 ? '🔥' : '🚀'}
+      </span>
+    </div>
+  );
+};
+
+export const FireLiComponent = (props: PlateRenderElementProps) => {
+  const { children } = props;
+
+  return <span>{children}</span>;
+};
diff --git a/templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx b/templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx
index d8e9f3e8e9..239764b323 100644
--- a/templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx
@@ -43,14 +43,14 @@ import type { TElement } from '@udecode/plate-common';
 import type { PointRef } from 'slate';
 
 type FilterFn = (
-  item: { keywords?: string[]; value: string },
+  item: { value: string; keywords?: string[] },
   search: string
 ) => boolean;
 
 interface InlineComboboxContextValue {
   filter: FilterFn | false;
   inputProps: UseComboboxInputResult['props'];
-  inputRef: RefObject<HTMLInputElement>;
+  inputRef: RefObject<HTMLInputElement | null>;
   removeInput: UseComboboxInputResult['removeInput'];
   setHasEmpty: (hasEmpty: boolean) => void;
   showTrigger: boolean;
@@ -130,6 +130,7 @@ const InlineCombobox = ({
   const { props: inputProps, removeInput } = useComboboxInput({
     cancelInputOnBlur: false,
     cursorState,
+    ref: inputRef,
     onCancelInput: (cause) => {
       if (cause !== 'backspace') {
         insertText(editor, trigger + value, {
@@ -143,7 +144,6 @@ const InlineCombobox = ({
         });
       }
     },
-    ref: inputRef,
   });
 
   const [hasEmpty, setHasEmpty] = useState(false);
@@ -233,20 +233,20 @@ const InlineComboboxInput = forwardRef<
 
       <span className="relative min-h-[1lh]">
         <span
-          aria-hidden="true"
           className="invisible overflow-hidden text-nowrap"
+          aria-hidden="true"
         >
           {value || '\u200B'}
         </span>
 
         <Combobox
-          autoSelect
+          ref={ref}
           className={cn(
             'absolute left-0 top-0 size-full bg-transparent outline-none',
             className
           )}
-          ref={ref}
           value={value}
+          autoSelect
           {...inputProps}
           {...props}
         />
@@ -276,7 +276,7 @@ const InlineComboboxContent: typeof ComboboxPopover = ({
 };
 
 const comboboxItemVariants = cva(
-  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none',
+  'relative flex h-9 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',
   {
     defaultVariants: {
       interactive: true,
@@ -291,12 +291,14 @@ const comboboxItemVariants = cva(
 );
 
 export type InlineComboboxItemProps = {
+  focusEditor?: boolean;
   keywords?: string[];
 } & ComboboxItemProps &
   Required<Pick<ComboboxItemProps, 'value'>>;
 
 const InlineComboboxItem = ({
   className,
+  focusEditor = true,
   keywords,
   onClick,
   ...props
@@ -321,7 +323,7 @@ const InlineComboboxItem = ({
     <ComboboxItem
       className={cn(comboboxItemVariants(), className)}
       onClick={(event) => {
-        removeInput(true);
+        removeInput(focusEditor);
         onClick?.(event);
       }}
       {...props}
diff --git a/templates/plate-playground-template/src/components/plate-ui/input.tsx b/templates/plate-playground-template/src/components/plate-ui/input.tsx
index 789f354e25..b8aac8a16e 100644
--- a/templates/plate-playground-template/src/components/plate-ui/input.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/input.tsx
@@ -4,20 +4,20 @@ import { cva } from 'class-variance-authority';
 export const inputVariants = cva(
   'flex w-full rounded-md bg-transparent text-sm file:border-0 file:bg-background file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',
   {
+    defaultVariants: {
+      h: 'md',
+      variant: 'default',
+    },
     variants: {
+      h: {
+        md: 'h-10 px-3 py-2',
+        sm: 'h-9 px-3 py-2',
+      },
       variant: {
         default:
           'border border-input ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
         ghost: 'border-none focus-visible:ring-transparent',
       },
-      h: {
-        sm: 'h-9 px-3 py-2',
-        md: 'h-10 px-3 py-2',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      h: 'md',
     },
   }
 );
diff --git a/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
index b8df3d69db..9d367c88ce 100644
--- a/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
@@ -1,13 +1,24 @@
+'use client';
+
 import React from 'react';
 import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import { insertEmptyCodeBlock } from '@udecode/plate-code-block';
+import { CodeBlockPlugin } from '@udecode/plate-code-block/react';
 import { insertEmptyElement } from '@udecode/plate-common';
-import {
-  focusEditor,
-  ParagraphPlugin,
-  useEditorRef,
-} from '@udecode/plate-common/react';
-import { HEADING_KEYS } from '@udecode/plate-heading';
+import { focusEditor, ParagraphPlugin } from '@udecode/plate-common/react';
+import { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';
+import { HEADING_KEYS, insertToc } from '@udecode/plate-heading';
+import { TocPlugin } from '@udecode/plate-heading/react';
+import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
+import { toggleIndentList } from '@udecode/plate-indent-list';
+import { insertColumnGroup } from '@udecode/plate-layout';
+import { ColumnPlugin } from '@udecode/plate-layout/react';
+import { LinkPlugin, triggerFloatingLink } from '@udecode/plate-link/react';
+import { insertMedia } from '@udecode/plate-media';
+import { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';
+import { insertTable, TablePlugin } from '@udecode/plate-table/react';
 
+import { useMyEditorRef } from '@/lib/plate/plate-types';
 import { Icons } from '@/components/icons';
 
 import {
@@ -50,96 +61,126 @@ const items = [
         label: 'Heading 3',
         value: HEADING_KEYS.h3,
       },
+      {
+        description: 'Heading 4',
+        icon: Icons.h4,
+        label: 'Heading 4',
+        value: HEADING_KEYS.h4,
+      },
+      {
+        description: 'Heading 5',
+        icon: Icons.h5,
+        label: 'Heading 5',
+        value: HEADING_KEYS.h5,
+      },
+      {
+        description: 'Heading 6',
+        icon: Icons.h6,
+        label: 'Heading 6',
+        value: HEADING_KEYS.h6,
+      },
+      {
+        description: 'Table',
+        icon: Icons.table,
+        label: 'Table',
+        value: TablePlugin.key,
+      },
+      {
+        description: 'Bulleted list',
+        icon: Icons.ul,
+        label: 'Bulleted list',
+        value: 'ul',
+      },
+      {
+        description: 'Numbered list',
+        icon: Icons.ol,
+        label: 'Numbered list',
+        value: 'ol',
+      },
       {
         description: 'Quote (⌘+⇧+.)',
         icon: Icons.blockquote,
         label: 'Quote',
         value: BlockquotePlugin.key,
       },
-      // {
-      //   value: TablePlugin.key,
-      //   label: 'Table',
-      //   description: 'Table',
-      //   icon: Icons.table,
-      // },
-      // {
-      //   value: 'ul',
-      //   label: 'Bulleted list',
-      //   description: 'Bulleted list',
-      //   icon: Icons.ul,
-      // },
-      // {
-      //   value: 'ol',
-      //   label: 'Numbered list',
-      //   description: 'Numbered list',
-      //   icon: Icons.ol,
-      // },
-      // {
-      //   value: HorizontalRulePlugin.key,
-      //   label: 'Divider',
-      //   description: 'Divider (---)',
-      //   icon: Icons.hr,
-      // },
+      {
+        description: 'Divider (---)',
+        icon: Icons.hr,
+        label: 'Divider',
+        value: HorizontalRulePlugin.key,
+      },
+      {
+        description: 'Columns',
+        icon: Icons.LayoutIcon,
+        label: 'Columns',
+        value: ColumnPlugin.key,
+      },
+      {
+        description: 'Table of Contents',
+        icon: Icons.h3,
+        label: 'Table of Contents',
+        value: TocPlugin.key,
+      },
     ],
     label: 'Basic blocks',
   },
-  // {
-  //   label: 'Media',
-  //   items: [
-  //     {
-  //       value: CodeBlockPlugin.key,
-  //       label: 'Code',
-  //       description: 'Code (```)',
-  //       icon: Icons.codeblock,
-  //     },
-  //     {
-  //       value: ImagePlugin.key,
-  //       label: 'Image',
-  //       description: 'Image',
-  //       icon: Icons.image,
-  //     },
-  //     {
-  //       value: MediaEmbedPlugin.key,
-  //       label: 'Embed',
-  //       description: 'Embed',
-  //       icon: Icons.embed,
-  //     },
-  //     {
-  //       value: ExcalidrawPlugin.key,
-  //       label: 'Excalidraw',
-  //       description: 'Excalidraw',
-  //       icon: Icons.excalidraw,
-  //     },
-  //   ],
-  // },
-  // {
-  //   label: 'Inline',
-  //   items: [
-  //     {
-  //       value: LinkPlugin.key,
-  //       label: 'Link',
-  //       description: 'Link',
-  //       icon: Icons.link,
-  //     },
-  //   ],
-  // },
+  {
+    items: [
+      {
+        description: 'Code (```)',
+        icon: Icons.codeblock,
+        label: 'Code',
+        value: CodeBlockPlugin.key,
+      },
+      {
+        description: 'Image',
+        icon: Icons.image,
+        label: 'Image',
+        value: ImagePlugin.key,
+      },
+      {
+        description: 'Embed',
+        icon: Icons.embed,
+        label: 'Embed',
+        value: MediaEmbedPlugin.key,
+      },
+      {
+        description: 'Excalidraw',
+        icon: Icons.excalidraw,
+        label: 'Excalidraw',
+        value: ExcalidrawPlugin.key,
+      },
+    ],
+    label: 'Media',
+  },
+  {
+    items: [
+      {
+        description: 'Link',
+        icon: Icons.link,
+        label: 'Link',
+        value: LinkPlugin.key,
+      },
+    ],
+    label: 'Inline',
+  },
 ];
 
 export function InsertDropdownMenu(props: DropdownMenuProps) {
-  const editor = useEditorRef();
+  const editor = useMyEditorRef();
   const openState = useOpenState();
 
   return (
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
-        <ToolbarButton isDropdown pressed={openState.open} tooltip="Insert">
+        <ToolbarButton pressed={openState.open} tooltip="Insert" isDropdown>
           <Icons.add />
         </ToolbarButton>
       </DropdownMenuTrigger>
 
       <DropdownMenuContent
-        align="start"
         className="flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-y-auto"
+        align="start"
       >
         {items.map(({ items: nestedItems, label }, index) => (
           <React.Fragment key={label}>
@@ -150,53 +191,64 @@ export function InsertDropdownMenu(props: DropdownMenuProps) {
               ({ icon: Icon, label: itemLabel, value: type }) => (
                 <DropdownMenuItem
                   className="min-w-[180px]"
-                  key={type}
-                  onSelect={() => {
+                  onSelect={async () => {
                     switch (type) {
-                      // case CodeBlockPlugin.key: {
-                      //   insertEmptyCodeBlock(editor);
-                      //
-                      //   break;
-                      // }
-                      // case ImagePlugin.key: {
-                      //   await insertMedia(editor, { type: ImagePlugin.key });
-                      //
-                      //   break;
-                      // }
-                      // case MediaEmbedPlugin.key: {
-                      //   await insertMedia(editor, {
-                      //     type: MediaEmbedPlugin.key,
-                      //   });
-                      //
-                      //   break;
-                      // }
-                      // case 'ul':
-                      // case 'ol': {
-                      //   insertEmptyElement(editor, ParagraphPlugin.key, {
-                      //     select: true,
-                      //     nextBlock: true,
-                      //   });
-                      //
-                      //   if (settingsStore.get.checkedId(IndentListPlugin.key)) {
-                      //     toggleIndentList(editor, {
-                      //       listStyleType: type === 'ul' ? 'disc' : 'decimal',
-                      //     });
-                      //   } else if (settingsStore.get.checkedId('list')) {
-                      //     toggleList(editor, { type });
-                      //   }
-                      //
-                      //   break;
-                      // }
-                      // case TablePlugin.key: {
-                      //   insertTable(editor);
-                      //
-                      //   break;
-                      // }
-                      // case LinkPlugin.key: {
-                      //   triggerFloatingLink(editor, { focused: true });
-                      //
-                      //   break;
-                      // }
+                      case CodeBlockPlugin.key: {
+                        insertEmptyCodeBlock(editor, {
+                          insertNodesOptions: { select: true },
+                        });
+
+                        break;
+                      }
+                      case ColumnPlugin.key: {
+                        insertColumnGroup(editor);
+
+                        break;
+                      }
+                      case ImagePlugin.key: {
+                        await insertMedia(editor, {
+                          select: true,
+                          type: ImagePlugin.key,
+                        });
+
+                        break;
+                      }
+                      case LinkPlugin.key: {
+                        triggerFloatingLink(editor, { focused: true });
+
+                        break;
+                      }
+                      case MediaEmbedPlugin.key: {
+                        await insertMedia(editor, {
+                          select: true,
+                          type: MediaEmbedPlugin.key,
+                        });
+
+                        break;
+                      }
+                      case TablePlugin.key: {
+                        insertTable(editor, {}, { select: true });
+
+                        break;
+                      }
+                      case TocPlugin.key: {
+                        insertToc(editor);
+
+                        break;
+                      }
+                      case 'ol':
+                      case 'ul': {
+                        insertEmptyElement(editor, ParagraphPlugin.key, {
+                          nextBlock: true,
+                          select: true,
+                        });
+
+                        toggleIndentList(editor, {
+                          listStyleType: type === 'ul' ? 'disc' : 'decimal',
+                        });
+
+                        break;
+                      }
                       default: {
                         insertEmptyElement(editor, type, {
                           nextBlock: true,
diff --git a/templates/plate-playground-template/src/components/plate-ui/kbd-leaf.tsx b/templates/plate-playground-template/src/components/plate-ui/kbd-leaf.tsx
index 8974c2e8d3..627a9066ce 100644
--- a/templates/plate-playground-template/src/components/plate-ui/kbd-leaf.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/kbd-leaf.tsx
@@ -5,12 +5,12 @@ import { PlateLeaf } from '@udecode/plate-common/react';
 export const KbdLeaf = withRef<typeof PlateLeaf>(
   ({ children, className, ...props }, ref) => (
     <PlateLeaf
+      ref={ref}
       asChild
       className={cn(
         'rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]',
         className
       )}
-      ref={ref}
       {...props}
     >
       <kbd>{children}</kbd>
diff --git a/templates/plate-playground-template/src/components/plate-ui/line-height-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/line-height-dropdown-menu.tsx
index e182b5da27..12592959a3 100644
--- a/templates/plate-playground-template/src/components/plate-ui/line-height-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/line-height-dropdown-menu.tsx
@@ -27,23 +27,23 @@ export function LineHeightDropdownMenu({ ...props }: DropdownMenuProps) {
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
         <ToolbarButton
-          isDropdown
           pressed={openState.open}
           tooltip="Line height"
+          isDropdown
         >
           <Icons.lineHeight />
         </ToolbarButton>
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent align="start" className="min-w-0">
+      <DropdownMenuContent className="min-w-0" align="start">
         <DropdownMenuRadioGroup
           className="flex flex-col gap-0.5"
           {...radioGroupProps}
         >
           {state.values.map((_value) => (
             <DropdownMenuRadioItem
-              className="min-w-[180px]"
               key={_value}
+              className="min-w-[180px]"
               value={_value}
             >
               {_value}
diff --git a/templates/plate-playground-template/src/components/plate-ui/link-floating-toolbar.tsx b/templates/plate-playground-template/src/components/plate-ui/link-floating-toolbar.tsx
index 9720409def..5d0dbe4594 100644
--- a/templates/plate-playground-template/src/components/plate-ui/link-floating-toolbar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/link-floating-toolbar.tsx
@@ -139,16 +139,16 @@ export function LinkFloatingToolbar({ state }: LinkFloatingToolbarProps) {
   return (
     <>
       <div
-        className={cn(popoverVariants(), 'w-auto p-1')}
         ref={insertRef}
+        className={cn(popoverVariants(), 'w-auto p-1')}
         {...insertProps}
       >
         {input}
       </div>
 
       <div
-        className={cn(popoverVariants(), 'w-auto p-1')}
         ref={editRef}
+        className={cn(popoverVariants(), 'w-auto p-1')}
         {...editProps}
       >
         {editContent}
diff --git a/templates/plate-playground-template/src/components/plate-ui/mark-toolbar-button.tsx b/templates/plate-playground-template/src/components/plate-ui/mark-toolbar-button.tsx
index 173f7ecd65..204fd7a650 100644
--- a/templates/plate-playground-template/src/components/plate-ui/mark-toolbar-button.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/mark-toolbar-button.tsx
@@ -12,8 +12,8 @@ import { ToolbarButton } from './toolbar';
 export const MarkToolbarButton = withRef<
   typeof ToolbarButton,
   {
-    clear?: string | string[];
     nodeType: string;
+    clear?: string[] | string;
   }
 >(({ clear, nodeType, ...rest }, ref) => {
   const state = useMarkToolbarButtonState({ clear, nodeType });
diff --git a/templates/plate-playground-template/src/components/plate-ui/media-popover.tsx b/templates/plate-playground-template/src/components/plate-ui/media-popover.tsx
index 60ba09d541..ac91cb3921 100644
--- a/templates/plate-playground-template/src/components/plate-ui/media-popover.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/media-popover.tsx
@@ -51,7 +51,7 @@ export function MediaPopover({ children, plugin }: MediaPopoverProps) {
   if (readOnly) return <>{children}</>;
 
   return (
-    <Popover modal={false} open={isOpen}>
+    <Popover open={isOpen} modal={false}>
       <PopoverAnchor>{children}</PopoverAnchor>
 
       <PopoverContent
@@ -67,8 +67,8 @@ export function MediaPopover({ children, plugin }: MediaPopoverProps) {
 
               <FloatingMediaPrimitive.UrlInput
                 className={inputVariants({ h: 'sm', variant: 'ghost' })}
-                options={{ plugin }}
                 placeholder="Paste the embed link..."
+                options={{ plugin }}
               />
             </div>
           </div>
@@ -82,7 +82,7 @@ export function MediaPopover({ children, plugin }: MediaPopoverProps) {
 
             <CaptionButton variant="ghost">Caption</CaptionButton>
 
-            <Separator className="my-1" orientation="vertical" />
+            <Separator orientation="vertical" className="my-1" />
 
             <Button size="sms" variant="ghost" {...buttonProps}>
               <Icons.delete className="size-4" />
diff --git a/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
index 01a699e6cd..455d739ea2 100644
--- a/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/mode-dropdown-menu.tsx
@@ -49,18 +49,18 @@ export function ModeDropdownMenu(props: DropdownMenuProps) {
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
         <ToolbarButton
-          className="min-w-[auto] lg:min-w-[130px]"
-          isDropdown
           pressed={openState.open}
           tooltip="Editing mode"
+          isDropdown
         >
           {item[value]}
         </ToolbarButton>
       </DropdownMenuTrigger>
 
-      <DropdownMenuContent align="start" className="min-w-[180px]">
+      <DropdownMenuContent className="min-w-[180px]" align="start">
         <DropdownMenuRadioGroup
           className="flex flex-col gap-0.5"
+          value={value}
           onValueChange={(newValue) => {
             if (newValue !== 'viewing') {
               setReadOnly(false);
@@ -76,7 +76,6 @@ export function ModeDropdownMenu(props: DropdownMenuProps) {
               return;
             }
           }}
-          value={value}
         >
           <DropdownMenuRadioItem value="editing">
             {item.editing}
diff --git a/templates/plate-playground-template/src/components/plate-ui/more-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/more-dropdown-menu.tsx
index 3947e7c5e7..4dc1f1bd7f 100644
--- a/templates/plate-playground-template/src/components/plate-ui/more-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/more-dropdown-menu.tsx
@@ -31,14 +31,14 @@ export function MoreDropdownMenu(props: DropdownMenuProps) {
       </DropdownMenuTrigger>
 
       <DropdownMenuContent
-        align="start"
         className="flex max-h-[500px] min-w-[180px] flex-col gap-0.5 overflow-y-auto"
+        align="start"
       >
         <DropdownMenuItem
           onSelect={() => {
             editor.tf.toggle.mark({
-              clear: [SubscriptPlugin.key, SuperscriptPlugin.key],
               key: SuperscriptPlugin.key,
+              clear: [SubscriptPlugin.key, SuperscriptPlugin.key],
             });
             focusEditor(editor);
           }}
@@ -50,8 +50,8 @@ export function MoreDropdownMenu(props: DropdownMenuProps) {
         <DropdownMenuItem
           onSelect={() => {
             editor.tf.toggle.mark({
-              clear: [SuperscriptPlugin.key, SubscriptPlugin.key],
               key: SubscriptPlugin.key,
+              clear: [SuperscriptPlugin.key, SubscriptPlugin.key],
             });
             focusEditor(editor);
           }}
diff --git a/templates/plate-playground-template/src/components/plate-ui/placeholder.tsx b/templates/plate-playground-template/src/components/plate-ui/placeholder.tsx
index 66712735e5..9ebfe60a87 100644
--- a/templates/plate-playground-template/src/components/plate-ui/placeholder.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/placeholder.tsx
@@ -37,16 +37,16 @@ export const withPlaceholdersPrimitive = createNodesHOC(Placeholder);
 export const withPlaceholders = (components: any) =>
   withPlaceholdersPrimitive(components, [
     {
-      hideOnBlur: true,
       key: ParagraphPlugin.key,
+      hideOnBlur: true,
       placeholder: 'Type a paragraph',
       query: {
         maxLevel: 1,
       },
     },
     {
-      hideOnBlur: false,
       key: HEADING_KEYS.h1,
+      hideOnBlur: false,
       placeholder: 'Untitled',
     },
   ]);
diff --git a/templates/plate-playground-template/src/components/plate-ui/popover.tsx b/templates/plate-playground-template/src/components/plate-ui/popover.tsx
index 1218647652..b3e081fc99 100644
--- a/templates/plate-playground-template/src/components/plate-ui/popover.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/popover.tsx
@@ -6,7 +6,9 @@ import { cn, withRef } from '@udecode/cn';
 import { cva } from 'class-variance-authority';
 
 export const Popover = PopoverPrimitive.Root;
+
 export const PopoverTrigger = PopoverPrimitive.Trigger;
+
 export const PopoverAnchor = PopoverPrimitive.Anchor;
 
 export const popoverVariants = cva(
@@ -14,14 +16,14 @@ export const popoverVariants = cva(
 );
 
 export const PopoverContent = withRef<typeof PopoverPrimitive.Content>(
-  ({ className, style, align = 'center', sideOffset = 4, ...props }, ref) => (
+  ({ align = 'center', className, sideOffset = 4, style, ...props }, ref) => (
     <PopoverPrimitive.Portal>
       <PopoverPrimitive.Content
         ref={ref}
-        align={align}
-        sideOffset={sideOffset}
         className={cn(popoverVariants(), className)}
         style={{ zIndex: 1000, ...style }}
+        align={align}
+        sideOffset={sideOffset}
         {...props}
       />
     </PopoverPrimitive.Portal>
diff --git a/templates/plate-playground-template/src/components/plate-ui/resizable.tsx b/templates/plate-playground-template/src/components/plate-ui/resizable.tsx
index 3aabff2177..40864d6d52 100644
--- a/templates/plate-playground-template/src/components/plate-ui/resizable.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/resizable.tsx
@@ -43,8 +43,8 @@ const ResizeHandleVariants = withVariants(
 export const ResizeHandle = withRef<typeof ResizeHandlePrimitive>(
   (props, ref) => (
     <ResizeHandleVariants
-      direction={props.options?.direction}
       ref={ref}
+      direction={props.options?.direction}
       {...props}
     />
   )
diff --git a/templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx b/templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx
index 56162eaa0b..31bc20f4e4 100644
--- a/templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { withRef } from '@udecode/cn';
+import { AIChatPlugin } from '@udecode/plate-ai/react';
 import { DatePlugin } from '@udecode/plate-date/react';
 import { HEADING_KEYS } from '@udecode/plate-heading';
 import { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';
@@ -22,10 +23,20 @@ interface SlashCommandRule {
   icon: ComponentType<SVGProps<SVGSVGElement>>;
   onSelect: (editor: PlateEditor) => void;
   value: string;
+  className?: string;
+  focusEditor?: boolean;
   keywords?: string[];
 }
 
 const rules: SlashCommandRule[] = [
+  {
+    focusEditor: false,
+    icon: Icons.ai,
+    value: 'AI',
+    onSelect: (editor) => {
+      editor.getApi(AIChatPlugin).aiChat.show();
+    },
+  },
   {
     icon: Icons.h1,
     value: 'Heading 1',
@@ -96,17 +107,20 @@ export const SlashInputElement = withRef<typeof PlateElement>(
               No matching commands found
             </InlineComboboxEmpty>
 
-            {rules.map(({ icon: Icon, keywords, value, onSelect }) => (
-              <InlineComboboxItem
-                key={value}
-                value={value}
-                onClick={() => onSelect(editor)}
-                keywords={keywords}
-              >
-                <Icon className="mr-2 size-4" aria-hidden />
-                {value}
-              </InlineComboboxItem>
-            ))}
+            {rules.map(
+              ({ focusEditor, icon: Icon, keywords, value, onSelect }) => (
+                <InlineComboboxItem
+                  key={value}
+                  value={value}
+                  onClick={() => onSelect(editor)}
+                  focusEditor={focusEditor}
+                  keywords={keywords}
+                >
+                  <Icon className="mr-2 size-4" aria-hidden />
+                  {value}
+                </InlineComboboxItem>
+              )
+            )}
           </InlineComboboxContent>
         </InlineCombobox>
 
diff --git a/templates/plate-playground-template/src/components/plate-ui/toc-element.tsx b/templates/plate-playground-template/src/components/plate-ui/toc-element.tsx
index e13837e739..961886fb57 100644
--- a/templates/plate-playground-template/src/components/plate-ui/toc-element.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/toc-element.tsx
@@ -36,17 +36,25 @@ export const TocElement = withRef<typeof PlateElement>(
         {...props}
       >
         <nav contentEditable={false}>
-          {headingList.map((item) => (
-            <Button
-              key={item.id}
-              variant="ghost"
-              className={cn(headingItemVariants({ depth: item.depth as any }))}
-              onClick={(e) => btnProps.onClick(e, item, 'smooth')}
-              aria-current
-            >
-              {item.title}
-            </Button>
-          ))}
+          {headingList.length > 0 ? (
+            headingList.map((item) => (
+              <Button
+                key={item.id}
+                variant="ghost"
+                className={cn(
+                  headingItemVariants({ depth: item.depth as any })
+                )}
+                onClick={(e) => btnProps.onClick(e, item, 'smooth')}
+                aria-current
+              >
+                {item.title}
+              </Button>
+            ))
+          ) : (
+            <div className="text-sm text-gray-500">
+              Create a heading to display the table of contents.
+            </div>
+          )}
         </nav>
         {children}
       </PlateElement>
diff --git a/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx b/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
index ea6c094d52..3e5a539ee0 100644
--- a/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
@@ -14,7 +14,7 @@ import type { VariantProps } from 'class-variance-authority';
 
 export const Toolbar = withCn(
   ToolbarPrimitive.Root,
-  'relative flex select-none items-center gap-1 bg-background'
+  'relative flex select-none items-center'
 );
 
 export const ToolbarToggleGroup = withCn(
@@ -29,13 +29,13 @@ export const ToolbarLink = withCn(
 
 export const ToolbarSeparator = withCn(
   ToolbarPrimitive.Separator,
-  'my-1 w-px shrink-0 bg-border'
+  'mx-2 my-1 w-px shrink-0 bg-border'
 );
 
 const toolbarButtonVariants = cva(
   cn(
-    'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-    '[&_svg:not([data-icon])]:size-5'
+    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    '[&_svg:not([data-icon])]:size-4'
   ),
   {
     defaultVariants: {
@@ -46,7 +46,7 @@ const toolbarButtonVariants = cva(
       size: {
         default: 'h-10 px-3',
         lg: 'h-11 px-5',
-        sm: 'h-9 px-2',
+        sm: 'h-7 px-2',
       },
       variant: {
         default:
@@ -78,27 +78,32 @@ const ToolbarButton = withTooltip(
       return typeof pressed === 'boolean' ? (
         <ToolbarToggleGroup
           disabled={props.disabled}
-          type="single"
           value="single"
+          type="single"
         >
           <ToolbarToggleItem
+            ref={ref}
             className={cn(
               toolbarButtonVariants({
                 size,
                 variant,
               }),
-              isDropdown && 'my-1 justify-between pr-1',
+              isDropdown && 'justify-between pr-1',
               className
             )}
-            ref={ref}
             value={pressed ? 'single' : ''}
             {...props}
           >
             {isDropdown ? (
               <>
-                <div className="flex flex-1">{children}</div>
+                <div className="flex flex-1 items-center whitespace-nowrap">
+                  {children}
+                </div>
                 <div>
-                  <Icons.arrowDown className="ml-0.5 size-4" data-icon />
+                  <Icons.arrowDown
+                    className="ml-0.5 size-3.5 text-muted-foreground"
+                    data-icon
+                  />
                 </div>
               </>
             ) : (
@@ -108,6 +113,7 @@ const ToolbarButton = withTooltip(
         </ToolbarToggleGroup>
       ) : (
         <ToolbarPrimitive.Button
+          ref={ref}
           className={cn(
             toolbarButtonVariants({
               size,
@@ -116,7 +122,6 @@ const ToolbarButton = withTooltip(
             isDropdown && 'pr-1',
             className
           )}
-          ref={ref}
           {...props}
         >
           {children}
@@ -135,25 +140,21 @@ export const ToolbarToggleItem = withVariants(
   ['variant', 'size']
 );
 
-export const ToolbarGroup = withRef<
-  'div',
-  {
-    noSeparator?: boolean;
-  }
->(({ children, className, noSeparator }, ref) => {
+export const ToolbarGroup = withRef<'div'>(({ children, className }, ref) => {
   const childArr = React.Children.map(children, (c) => c);
 
   if (!childArr || childArr.length === 0) return null;
 
   return (
-    <div className={cn('flex', className)} ref={ref}>
-      {!noSeparator && (
-        <div className="h-full py-1">
-          <Separator orientation="vertical" />
-        </div>
-      )}
-
-      <div className="mx-1 flex items-center gap-1">{children}</div>
+    <div
+      ref={ref}
+      className={cn('group/toolbar-group relative flex', className)}
+    >
+      <div className="flex items-center gap-0.5">{children}</div>
+
+      <div className="mx-1.5 hidden py-0.5 group-last/toolbar-group:!hidden group-has-[button]/toolbar-group:block">
+        <Separator orientation="vertical" />
+      </div>
     </div>
   );
 });
diff --git a/templates/plate-playground-template/src/components/plate-ui/tooltip.tsx b/templates/plate-playground-template/src/components/plate-ui/tooltip.tsx
index 35d3595556..971c9a223a 100644
--- a/templates/plate-playground-template/src/components/plate-ui/tooltip.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/tooltip.tsx
@@ -4,7 +4,11 @@ import React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { withCn, withProps } from '@udecode/cn';
 
-export const TooltipProvider = TooltipPrimitive.Provider;
+export const TooltipProvider = withProps(TooltipPrimitive.Provider, {
+  delayDuration: 0,
+  disableHoverableContent: true,
+  skipDelayDuration: 0,
+});
 
 export const Tooltip = TooltipPrimitive.Root;
 
@@ -16,7 +20,7 @@ export const TooltipContent = withCn(
   withProps(TooltipPrimitive.Content, {
     sideOffset: 4,
   }),
-  'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md'
+  'z-50 overflow-hidden rounded-md bg-black px-3 py-1.5 text-sm font-semibold text-white shadow-md'
 );
 
 export function withTooltip<
@@ -25,7 +29,6 @@ export function withTooltip<
   return React.forwardRef<
     React.ElementRef<T>,
     {
-      tooltip?: React.ReactNode;
       tooltipContentProps?: Omit<
         React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,
         'children'
@@ -34,9 +37,19 @@ export function withTooltip<
         React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>,
         'children'
       >;
-    } & React.ComponentPropsWithoutRef<T>
+      tooltip?: React.ReactNode;
+    } & React.ComponentPropsWithoutRef<T> &
+      Omit<TooltipPrimitive.TooltipProviderProps, 'children'>
   >(function ExtendComponent(
-    { tooltip, tooltipContentProps, tooltipProps, ...props },
+    {
+      delayDuration = 0,
+      disableHoverableContent = true,
+      skipDelayDuration = 0,
+      tooltip,
+      tooltipContentProps,
+      tooltipProps,
+      ...props
+    },
     ref
   ) {
     const [mounted, setMounted] = React.useState(false);
@@ -49,13 +62,21 @@ export function withTooltip<
 
     if (tooltip && mounted) {
       return (
-        <Tooltip {...tooltipProps}>
-          <TooltipTrigger asChild>{component}</TooltipTrigger>
+        <TooltipProvider
+          delayDuration={delayDuration}
+          disableHoverableContent={disableHoverableContent}
+          skipDelayDuration={skipDelayDuration}
+        >
+          <Tooltip {...tooltipProps}>
+            <TooltipTrigger asChild>{component}</TooltipTrigger>
 
-          <TooltipPortal>
-            <TooltipContent {...tooltipContentProps}>{tooltip}</TooltipContent>
-          </TooltipPortal>
-        </Tooltip>
+            <TooltipPortal>
+              <TooltipContent {...tooltipContentProps}>
+                {tooltip}
+              </TooltipContent>
+            </TooltipPortal>
+          </Tooltip>
+        </TooltipProvider>
       );
     }
 
diff --git a/templates/plate-playground-template/src/components/plate-ui/turn-into-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/turn-into-dropdown-menu.tsx
index adf29ae174..19bc62dfc0 100644
--- a/templates/plate-playground-template/src/components/plate-ui/turn-into-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/turn-into-dropdown-menu.tsx
@@ -104,12 +104,7 @@ export function TurnIntoDropdownMenu(props: DropdownMenuProps) {
   return (
     <DropdownMenu modal={false} {...openState} {...props}>
       <DropdownMenuTrigger asChild>
-        <ToolbarButton
-          className="lg:min-w-[130px]"
-          pressed={openState.open}
-          tooltip="Turn into"
-          isDropdown
-        >
+        <ToolbarButton pressed={openState.open} tooltip="Turn into" isDropdown>
           <SelectedItemIcon className="size-5 lg:hidden" />
           <span className="max-lg:hidden">{selectedItemLabel}</span>
         </ToolbarButton>
diff --git a/templates/plate-playground-template/src/components/plugins/ai-plugins.tsx b/templates/plate-playground-template/src/components/plugins/ai-plugins.tsx
new file mode 100644
index 0000000000..197c17ab7e
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plugins/ai-plugins.tsx
@@ -0,0 +1,236 @@
+'use client';
+
+import React from 'react';
+import { withProps } from '@udecode/cn';
+import { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';
+import {
+  BoldPlugin,
+  CodePlugin,
+  ItalicPlugin,
+  StrikethroughPlugin,
+  UnderlinePlugin,
+} from '@udecode/plate-basic-marks/react';
+import { BlockquotePlugin } from '@udecode/plate-block-quote/react';
+import {
+  CodeBlockPlugin,
+  CodeLinePlugin,
+  CodeSyntaxPlugin,
+} from '@udecode/plate-code-block/react';
+import {
+  createPlateEditor,
+  ParagraphPlugin,
+  PlateLeaf,
+} from '@udecode/plate-common/react';
+import {
+  FontBackgroundColorPlugin,
+  FontColorPlugin,
+} from '@udecode/plate-font/react';
+import { HEADING_KEYS } from '@udecode/plate-heading';
+import { HeadingPlugin } from '@udecode/plate-heading/react';
+import { HorizontalRulePlugin } from '@udecode/plate-horizontal-rule/react';
+import { IndentListPlugin } from '@udecode/plate-indent-list/react';
+import { IndentPlugin } from '@udecode/plate-indent/react';
+import { LinkPlugin } from '@udecode/plate-link/react';
+import { MarkdownPlugin } from '@udecode/plate-markdown';
+import { BlockSelectionPlugin } from '@udecode/plate-selection/react';
+import Prism from 'prismjs';
+
+import { AIMenu } from '../plate-ui/ai-menu';
+import { BlockquoteElement } from '../plate-ui/blockquote-element';
+import { CodeBlockElement } from '../plate-ui/code-block-element';
+import { CodeLeaf } from '../plate-ui/code-leaf';
+import { CodeLineElement } from '../plate-ui/code-line-element';
+import { CodeSyntaxLeaf } from '../plate-ui/code-syntax-leaf';
+import { SelectionOverlayPlugin } from '../plate-ui/cursor-overlay';
+import { HeadingElement } from '../plate-ui/heading-element';
+import { HrElement } from '../plate-ui/hr-element';
+import { LinkElement } from '../plate-ui/link-element';
+import { LinkFloatingToolbar } from '../plate-ui/link-floating-toolbar';
+import { ParagraphElement } from '../plate-ui/paragraph-element';
+
+export const createAIEditor = () => {
+  const editor = createPlateEditor({
+    id: 'ai',
+    override: {
+      components: {
+        [BlockquotePlugin.key]: BlockquoteElement,
+        [BoldPlugin.key]: withProps(PlateLeaf, { as: 'strong' }),
+        [CodeBlockPlugin.key]: CodeBlockElement,
+        [CodeLinePlugin.key]: CodeLineElement,
+        [CodePlugin.key]: CodeLeaf,
+        [CodeSyntaxPlugin.key]: CodeSyntaxLeaf,
+        [HEADING_KEYS.h1]: withProps(HeadingElement, { variant: 'h1' }),
+        [HEADING_KEYS.h2]: withProps(HeadingElement, { variant: 'h2' }),
+        [HEADING_KEYS.h3]: withProps(HeadingElement, { variant: 'h3' }),
+        [HorizontalRulePlugin.key]: HrElement,
+        [ItalicPlugin.key]: withProps(PlateLeaf, { as: 'em' }),
+        [LinkPlugin.key]: LinkElement,
+        [ParagraphPlugin.key]: ParagraphElement,
+        [StrikethroughPlugin.key]: withProps(PlateLeaf, { as: 's' }),
+        [UnderlinePlugin.key]: withProps(PlateLeaf, { as: 'u' }),
+      },
+    },
+    plugins: [
+      ParagraphPlugin,
+      IndentPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      IndentListPlugin.configure({
+        inject: {
+          targetPlugins: [
+            ParagraphPlugin.key,
+            HEADING_KEYS.h1,
+            HEADING_KEYS.h2,
+            HEADING_KEYS.h3,
+            BlockquotePlugin.key,
+            CodeBlockPlugin.key,
+          ],
+        },
+      }),
+      HeadingPlugin.configure({ options: { levels: 3 } }),
+      BlockquotePlugin,
+      CodeBlockPlugin.configure({ options: { prism: Prism } }),
+      HorizontalRulePlugin,
+      LinkPlugin.configure({
+        render: { afterEditable: () => <LinkFloatingToolbar /> },
+      }),
+      MarkdownPlugin.configure({ options: { indentList: true } }),
+      // FIXME: Fixed the throw error: BlockSelectionPlugin is missing. readonly editor need'nt this plugin so using an empty plugin instead
+      BlockSelectionPlugin.configure({
+        api: {},
+        extendEditor: null,
+        options: {},
+        render: {},
+        useHooks: null,
+        handlers: {},
+      }),
+      BoldPlugin,
+      ItalicPlugin,
+      UnderlinePlugin,
+      StrikethroughPlugin,
+      CodePlugin,
+      FontColorPlugin,
+      FontBackgroundColorPlugin,
+    ],
+    value: [{ children: [{ text: '' }], type: 'p' }],
+  });
+
+  return editor;
+};
+
+const systemCommon = `\
+You are an advanced AI-powered note-taking assistant, designed to enhance productivity and creativity in note management.
+Respond directly to user prompts with clear, concise, and relevant content. Maintain a neutral, helpful tone.
+
+Rules:
+- <Document> is the entire note the user is working on.
+- <Reminder> is a reminder of how you should reply to INSTRUCTIONS. It does not apply to questions.
+- Anything else is the user prompt.
+- Your response should be tailored to the user's prompt, providing precise assistance to optimize note management.
+- For INSTRUCTIONS: Follow the <Reminder> exactly. Provide ONLY the content to be inserted or replaced. No explanations or comments.
+- For QUESTIONS: Provide a helpful and concise answer. You may include brief explanations if necessary.
+- CRITICAL: Distinguish between INSTRUCTIONS and QUESTIONS. Instructions typically ask you to modify or add content. Questions ask for information or clarification.
+`;
+
+const systemDefault = `\
+${systemCommon}
+- <Block> is the current block of text the user is working on.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- CRITICAL: Provide only a single block of text. DO NOT create multiple paragraphs or separate blocks.
+<Block>
+{block}
+</Block>
+`;
+
+const systemSelecting = `\
+${systemCommon}
+- <Block> is the block of text containing the user's selection, providing context.
+- Ensure your output can seamlessly fit into the existing <Block> structure.
+- <Selection> is the specific text the user has selected in the block and wants to modify or ask about.
+- Consider the context provided by <Block>, but only modify <Selection>. Your response should be a direct replacement for <Selection>.
+<Block>
+{block}
+</Block>
+<Selection>
+{selection}
+</Selection>
+`;
+
+const systemBlockSelecting = `\
+${systemCommon}
+- <Selection> represents the full blocks of text the user has selected and wants to modify or ask about.
+- Your response should be a direct replacement for the entire <Selection>.
+- Maintain the overall structure and formatting of the selected blocks, unless explicitly instructed otherwise.
+- CRITICAL: Provide only the content to replace <Selection>. Do not add additional blocks or change the block structure unless specifically requested.
+<Selection>
+{block}
+</Selection>
+`;
+
+const userDefault = `<Reminder>
+CRITICAL: DO NOT use block formatting. You can only use inline formatting.
+CRITICAL: DO NOT start new lines or paragraphs.
+NEVER write <Block>.
+</Reminder>
+{prompt}`;
+
+const userSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the text to replace <Selection>. No explanations.
+Ensure it fits seamlessly within <Block>. If <Block> is empty, write ONE random sentence.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+const userBlockSelecting = `<Reminder>
+If this is a question, provide a helpful and concise answer about <Selection>.
+If this is an instruction, provide ONLY the content to replace the entire <Selection>. No explanations.
+Maintain the overall structure unless instructed otherwise.
+NEVER write <Block> or <Selection>.
+</Reminder>
+{prompt} about <Selection>`;
+
+export const PROMPT_TEMPLATES = {
+  systemBlockSelecting,
+  systemDefault,
+  systemSelecting,
+  userBlockSelecting,
+  userDefault,
+  userSelecting,
+};
+
+export const aiPlugins = [
+  SelectionOverlayPlugin,
+  MarkdownPlugin.configure({ options: { indentList: true } }),
+  AIPlugin,
+  AIChatPlugin.configure({
+    options: {
+      createAIEditor,
+      promptTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.userBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.userSelecting
+            : PROMPT_TEMPLATES.userDefault;
+      },
+      scrollContainerSelector: '#scroll_container',
+      systemTemplate: ({ isBlockSelecting, isSelecting }) => {
+        return isBlockSelecting
+          ? PROMPT_TEMPLATES.systemBlockSelecting
+          : isSelecting
+            ? PROMPT_TEMPLATES.systemSelecting
+            : PROMPT_TEMPLATES.systemDefault;
+      },
+    },
+    render: { afterEditable: () => <AIMenu /> },
+  }),
+] as const;
diff --git a/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
new file mode 100644
index 0000000000..3885f056f7
--- /dev/null
+++ b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
@@ -0,0 +1,64 @@
+import { faker } from '@faker-js/faker';
+import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { getAncestorNode } from '@udecode/plate-common';
+import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
+
+import { GhostText } from '../plate-ui/ghost-text';
+
+import type { TElement } from '@udecode/plate-common';
+
+export const copilotPlugins = [
+  CopilotPlugin.configure(({ api }) => ({
+    options: {
+      completeOptions: {
+        // API to be implemented
+        api: '/api/ai/copilot',
+        body: {
+          system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
+  
+  Rules:
+  - Continue the text naturally up to the next punctuation mark (., ,, ;, :, ?, or !).
+  - Maintain style and tone. Don't repeat given text.
+  - For unclear context, provide the most likely continuation.
+  - Handle code snippets, lists, or structured text if needed.
+  - Don't include """ in your response.
+  - CRITICAL: Always end with a punctuation mark.
+  - CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
+  - If no context is provided or you can't generate a continuation, return "0" without explanation.`,
+        },
+        // Mock the API response. Remove it when you implement the route /api/ai/copilot
+        fetch: async () => {
+          const text = await new Promise<string>((resolve) =>
+            setTimeout(() => resolve(faker.lorem.sentence()), 100)
+          );
+
+          return new Response(JSON.stringify({ text }), {
+            headers: { 'Content-Type': 'application/json' },
+          });
+        },
+        onFinish: (_, completion) => {
+          if (completion === '0') return;
+
+          api.copilot.setBlockSuggestion({
+            //stripMarkdownBlocks in plus GhostText
+            text: stripMarkdown(completion),
+          });
+        },
+      },
+      debounceDelay: 500,
+      getPrompt: ({ editor }) => {
+        const contextEntry = getAncestorNode(editor);
+
+        if (!contextEntry) return '';
+
+        const prompt = serializeMdNodes([contextEntry[0] as TElement]);
+
+        return `Continue the text up to the next punctuation mark:
+  """
+  ${prompt}
+  """`;
+      },
+      renderGhostText: GhostText,
+    },
+  })),
+] as const;
diff --git a/templates/plate-playground-template/src/components/site/main-nav.tsx b/templates/plate-playground-template/src/components/site/main-nav.tsx
index e92c2f4ced..da6c4cc559 100644
--- a/templates/plate-playground-template/src/components/site/main-nav.tsx
+++ b/templates/plate-playground-template/src/components/site/main-nav.tsx
@@ -4,7 +4,6 @@ import { cn } from '@udecode/cn';
 
 import { NavItem } from '@/types/nav';
 import { siteConfig } from '@/config/site';
-import { Icons } from '@/components/icons';
 
 interface MainNavProps {
   items?: NavItem[];
@@ -14,7 +13,6 @@ export function MainNav({ items }: MainNavProps) {
   return (
     <div className="flex gap-6 md:gap-10">
       <Link href="/" className="flex items-center space-x-2">
-        <Icons.logo className="size-6" />
         <span className="inline-block font-bold">{siteConfig.name}</span>
       </Link>
       {items?.length ? (

From 8c82e9e7542b17f0c7e0fad5e7e5a0dfe967b410 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 25 Oct 2024 19:31:33 +0800
Subject: [PATCH 119/127] docs

---
 .../plate-playground-template/.env.example    |  1 +
 templates/plate-playground-template/README.md | 29 +++++-----
 .../plate-playground-template/package.json    |  2 +-
 .../plate-playground-template/pnpm-lock.yaml  | 24 +++++---
 .../src/app/api/ai/command/route.ts           | 21 +++++++
 .../src/app/api/ai/copilot/route.ts           | 32 +++++++++++
 .../app/api/ai/utils/limitTotalCharacters.ts  | 20 +++++++
 .../app/api/ai/utils/truncateSystemPrompt.ts  | 33 +++++++++++
 .../src/components/plate-ui/ai-menu.tsx       | 56 +------------------
 .../plate-ui/insert-dropdown-menu.tsx         |  1 +
 .../components/plugins/copilot-plugins.tsx    | 14 +----
 11 files changed, 143 insertions(+), 90 deletions(-)
 create mode 100644 templates/plate-playground-template/.env.example
 create mode 100644 templates/plate-playground-template/src/app/api/ai/command/route.ts
 create mode 100644 templates/plate-playground-template/src/app/api/ai/copilot/route.ts
 create mode 100644 templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
 create mode 100644 templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts

diff --git a/templates/plate-playground-template/.env.example b/templates/plate-playground-template/.env.example
new file mode 100644
index 0000000000..9847a1df18
--- /dev/null
+++ b/templates/plate-playground-template/.env.example
@@ -0,0 +1 @@
+OPENAI_API_KEY=
\ No newline at end of file
diff --git a/templates/plate-playground-template/README.md b/templates/plate-playground-template/README.md
index e0597fbaea..bd6bcbe489 100644
--- a/templates/plate-playground-template/README.md
+++ b/templates/plate-playground-template/README.md
@@ -1,21 +1,18 @@
-# Playground Template
+## Environment Variables
+Copy the example env file:
 
-A comprehensive playground template for building rich-text editors with [Plate](https://platejs.org/) and Next.js 14.
+```
+cp ./.env.example ./.env.local
+```
 
-## Usage
+- `OPENAI_API_KEY` – Your OpenAI API key (obtain one [here](https://platform.openai.com/account/api-keys))
 
-```bash
-pnpm install
-pnpm dev
-```
 
-## Features
+## Running the App
 
-- Next.js 14 App Directory
-- [Plate](https://platejs.org/) Editor
-- [shadcn/ui](https://ui.shadcn.com/)
-- Radix UI Primitives
-- Tailwind CSS
-- Icons from [Lucide](https://lucide.dev)
-- Dark mode with `next-themes`
-- Tailwind CSS class sorting, merging and linting.
+To run the app locally, you can run the following commands:
+
+```
+pnpm i
+pnpm dev
+```
diff --git a/templates/plate-playground-template/package.json b/templates/plate-playground-template/package.json
index 4546a171cd..14efd4234d 100644
--- a/templates/plate-playground-template/package.json
+++ b/templates/plate-playground-template/package.json
@@ -27,7 +27,7 @@
     "@radix-ui/react-context-menu": "^2.2.1",
     "@radix-ui/react-icons": "^1.3.0",
     "ai": "^3.4.10",
-    "@faker-js/faker": "^9.0.2",
+    "@ai-sdk/openai": "^0.0.67",
     "@udecode/cn": "^39.0.0",
     "@udecode/plate-ai": "^39.2.10",
     "@udecode/plate-slash-command": "^39.0.0",
diff --git a/templates/plate-playground-template/pnpm-lock.yaml b/templates/plate-playground-template/pnpm-lock.yaml
index 83a60a4701..c1b9f43356 100644
--- a/templates/plate-playground-template/pnpm-lock.yaml
+++ b/templates/plate-playground-template/pnpm-lock.yaml
@@ -8,12 +8,12 @@ importers:
 
   .:
     dependencies:
+      '@ai-sdk/openai':
+        specifier: ^0.0.67
+        version: 0.0.67(zod@3.23.8)
       '@ariakit/react':
         specifier: 0.4.11
         version: 0.4.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@faker-js/faker':
-        specifier: ^9.0.2
-        version: 9.0.3
       '@radix-ui/react-avatar':
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -318,6 +318,12 @@ importers:
 
 packages:
 
+  '@ai-sdk/openai@0.0.67':
+    resolution: {integrity: sha512-LOvbQaKXuNdhlZ+Asinc4DGdh4v32wKTzFB8FIKvVYjPuXwMWAsK4ZjrS6sxwB37AjmyGLPTMVBUtwcHZdpk+A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      zod: ^3.0.0
+
   '@ai-sdk/provider-utils@1.0.20':
     resolution: {integrity: sha512-ngg/RGpnA00eNOWEtXHenpX1MsM2QshQh4QJFjUfwcqHpM5kTfG7je7Rc3HcEDP+OkRVv2GF+X4fC1Vfcnl8Ow==}
     engines: {node: '>=18'}
@@ -508,10 +514,6 @@ packages:
       react: ^17.0.2 || ^18.2.0
       react-dom: ^17.0.2 || ^18.2.0
 
-  '@faker-js/faker@9.0.3':
-    resolution: {integrity: sha512-lWrrK4QNlFSU+13PL9jMbMKLJYXDFu3tQfayBsMXX7KL/GiQeqfB1CzHkqD5UHBUtPAuPo6XwGbMFNdVMZObRA==}
-    engines: {node: '>=18.0.0', npm: '>=9.0.0'}
-
   '@floating-ui/core@1.6.8':
     resolution: {integrity: sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==}
 
@@ -4079,6 +4081,12 @@ packages:
 
 snapshots:
 
+  '@ai-sdk/openai@0.0.67(zod@3.23.8)':
+    dependencies:
+      '@ai-sdk/provider': 0.0.24
+      '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
+      zod: 3.23.8
+
   '@ai-sdk/provider-utils@1.0.20(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.24
@@ -4311,8 +4319,6 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@faker-js/faker@9.0.3': {}
-
   '@floating-ui/core@1.6.8':
     dependencies:
       '@floating-ui/utils': 0.2.8
diff --git a/templates/plate-playground-template/src/app/api/ai/command/route.ts b/templates/plate-playground-template/src/app/api/ai/command/route.ts
new file mode 100644
index 0000000000..38ffd36fbb
--- /dev/null
+++ b/templates/plate-playground-template/src/app/api/ai/command/route.ts
@@ -0,0 +1,21 @@
+import { openai } from '@ai-sdk/openai';
+import { convertToCoreMessages, streamText } from 'ai';
+
+import { limitTotalCharacters } from '../utils/limitTotalCharacters';
+import { truncateSystemPrompt } from '../utils/truncateSystemPrompt';
+
+import type { NextRequest } from 'next/server';
+
+export async function POST(req: NextRequest) {
+  const { messages, system } = await req.json();
+  const limitedMessages = limitTotalCharacters(messages, 8000);
+
+  const result = await streamText({
+    maxTokens: 2048,
+    messages: convertToCoreMessages(limitedMessages),
+    model: openai('gpt-4o-mini'),
+    system: system ? truncateSystemPrompt(system, 12_000) : undefined,
+  });
+
+  return result.toDataStreamResponse();
+}
diff --git a/templates/plate-playground-template/src/app/api/ai/copilot/route.ts b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
new file mode 100644
index 0000000000..47cc795610
--- /dev/null
+++ b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
@@ -0,0 +1,32 @@
+import { openai } from '@ai-sdk/openai';
+import { generateText } from 'ai';
+
+import type { NextRequest } from 'next/server';
+
+export async function POST(req: NextRequest) {
+  const { prompt, system } = await req.json();
+
+  try {
+    const result = await generateText({
+      abortSignal: req.signal,
+      maxTokens: 50,
+      model: openai('gpt-4o-mini'),
+      prompt: prompt,
+      system,
+      temperature: 0.7,
+    });
+
+    return new Response(JSON.stringify(result), {
+      headers: { 'Content-Type': 'application/json' },
+    });
+  } catch (error: any) {
+    if (error.name === 'AbortError') {
+      return new Response(null, { status: 408 });
+    }
+
+    return new Response(JSON.stringify({ error: error.message }), {
+      status: 500,
+      headers: { 'Content-Type': 'application/json' },
+    });
+  }
+}
diff --git a/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts b/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
new file mode 100644
index 0000000000..4672af5571
--- /dev/null
+++ b/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
@@ -0,0 +1,20 @@
+import { Message } from 'ai';
+
+export function limitTotalCharacters(
+  messages: Message[],
+  maxTotalChars: number
+) {
+  let totalChars = 0;
+  const limitedMessages: Message[] = [];
+
+  for (let i = messages.length - 1; i >= 0; i--) {
+    const msgChars = messages[i].content.length;
+
+    if (totalChars + msgChars > maxTotalChars) break;
+
+    totalChars += msgChars;
+    limitedMessages.unshift(messages[i]);
+  }
+
+  return limitedMessages;
+}
diff --git a/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts b/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts
new file mode 100644
index 0000000000..2a96bfc62e
--- /dev/null
+++ b/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts
@@ -0,0 +1,33 @@
+export function truncateSystemPrompt(systemPrompt: string, maxChars: number) {
+  if (systemPrompt.length <= maxChars) return systemPrompt;
+
+  // Find the position of <Block> and <Selection> tags
+  const blockStart = systemPrompt.indexOf('<Block>');
+  const selectionStart = systemPrompt.indexOf('<Selection>');
+
+  if (blockStart === -1 || selectionStart === -1) {
+    // If tags are not found, simple truncation
+    return systemPrompt.slice(0, maxChars - 3) + '...';
+  }
+
+  // Preserve the structure and truncate content within tags if necessary
+  const prefix = systemPrompt.slice(0, blockStart);
+  const blockContent = systemPrompt.slice(blockStart, selectionStart);
+  const selectionContent = systemPrompt.slice(selectionStart);
+
+  const availableChars = maxChars - prefix.length - 6; // 6 for '...' in both block and selection
+  const halfAvailable = availableChars / 2;
+
+  const truncatedBlock =
+    blockContent.length > halfAvailable
+      ? blockContent.slice(0, halfAvailable - 3) + '...'
+      : blockContent;
+
+  const truncatedSelection =
+    selectionContent.length > availableChars - truncatedBlock.length
+      ? selectionContent.slice(0, availableChars - truncatedBlock.length - 3) +
+        '...'
+      : selectionContent;
+
+  return prefix + truncatedBlock + truncatedSelection;
+}
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
index aee9ff7d22..a0494c0e94 100644
--- a/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { faker } from '@faker-js/faker';
 import { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';
 import {
   getAncestorNode,
@@ -40,19 +39,9 @@ export function AIMenu() {
   const chat = useChat({
     id: 'editor',
     // API to be implemented
-    api: '/api/ai',
-    // Mock the API response. Remove it when you implement the route /api/ai
-    fetch: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 400));
-
-      const stream = fakeStreamText();
-
-      return new Response(stream, {
-        headers: {
-          Connection: 'keep-alive',
-          'Content-Type': 'text/plain',
-        },
-      });
+    api: '/api/ai/command',
+    onError: (error) => {
+      throw error;
     },
   });
 
@@ -176,42 +165,3 @@ export function AIMenu() {
     </Popover>
   );
 }
-
-// Used for testing. Remove it after implementing useChat api.
-const fakeStreamText = ({
-  chunkCount = 10,
-  streamProtocol = 'data',
-}: {
-  chunkCount?: number;
-  streamProtocol?: 'data' | 'text';
-} = {}) => {
-  const chunks = Array.from({ length: chunkCount }, () => ({
-    delay: faker.number.int({ max: 150, min: 50 }),
-    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',
-  }));
-  const encoder = new TextEncoder();
-
-  return new ReadableStream({
-    async start(controller) {
-      for (const chunk of chunks) {
-        await new Promise((resolve) => setTimeout(resolve, chunk.delay));
-
-        if (streamProtocol === 'text') {
-          controller.enqueue(encoder.encode(chunk.texts));
-        } else {
-          controller.enqueue(
-            encoder.encode(`0:${JSON.stringify(chunk.texts)}\n`)
-          );
-        }
-      }
-
-      if (streamProtocol === 'data') {
-        controller.enqueue(
-          `d:{"finishReason":"stop","usage":{"promptTokens":0,"completionTokens":${chunks.length}}}\n`
-        );
-      }
-
-      controller.close();
-    },
-  });
-};
diff --git a/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
index 9d367c88ce..e7d3a4ac23 100644
--- a/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/insert-dropdown-menu.tsx
@@ -190,6 +190,7 @@ export function InsertDropdownMenu(props: DropdownMenuProps) {
             {nestedItems.map(
               ({ icon: Icon, label: itemLabel, value: type }) => (
                 <DropdownMenuItem
+                  key={itemLabel}
                   className="min-w-[180px]"
                   onSelect={async () => {
                     switch (type) {
diff --git a/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
index 3885f056f7..be63e4c32f 100644
--- a/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
+++ b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
@@ -1,4 +1,3 @@
-import { faker } from '@faker-js/faker';
 import { CopilotPlugin } from '@udecode/plate-ai/react';
 import { getAncestorNode } from '@udecode/plate-common';
 import { serializeMdNodes, stripMarkdown } from '@udecode/plate-markdown';
@@ -26,16 +25,6 @@ export const copilotPlugins = [
   - CRITICAL: Avoid starting a new block. Do not use block formatting like >, #, 1., 2., -, etc. The suggestion should continue in the same block as the context.
   - If no context is provided or you can't generate a continuation, return "0" without explanation.`,
         },
-        // Mock the API response. Remove it when you implement the route /api/ai/copilot
-        fetch: async () => {
-          const text = await new Promise<string>((resolve) =>
-            setTimeout(() => resolve(faker.lorem.sentence()), 100)
-          );
-
-          return new Response(JSON.stringify({ text }), {
-            headers: { 'Content-Type': 'application/json' },
-          });
-        },
         onFinish: (_, completion) => {
           if (completion === '0') return;
 
@@ -44,6 +33,9 @@ export const copilotPlugins = [
             text: stripMarkdown(completion),
           });
         },
+        onError: (error) => {
+          throw error;
+        },
       },
       debounceDelay: 500,
       getPrompt: ({ editor }) => {

From 69b001aaf116b290efe691f708624131abb4ac20 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 13:32:00 +0200
Subject: [PATCH 120/127] fix

---
 apps/www/src/registry/default/plate-ui/toolbar.tsx              | 2 +-
 .../src/components/plate-ui/toolbar.tsx                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/www/src/registry/default/plate-ui/toolbar.tsx b/apps/www/src/registry/default/plate-ui/toolbar.tsx
index 8e06f5ac34..d358837690 100644
--- a/apps/www/src/registry/default/plate-ui/toolbar.tsx
+++ b/apps/www/src/registry/default/plate-ui/toolbar.tsx
@@ -33,7 +33,7 @@ export const ToolbarSeparator = withCn(
 
 const toolbarButtonVariants = cva(
   cn(
-    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
     '[&_svg:not([data-icon])]:size-4'
   ),
   {
diff --git a/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx b/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
index 3e5a539ee0..ad1864485a 100644
--- a/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/toolbar.tsx
@@ -34,7 +34,7 @@ export const ToolbarSeparator = withCn(
 
 const toolbarButtonVariants = cva(
   cn(
-    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
+    'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
     '[&_svg:not([data-icon])]:size-4'
   ),
   {

From 94c9aeb4b698ad74e314e7423110110a9ad15832 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Fri, 25 Oct 2024 19:39:34 +0800
Subject: [PATCH 121/127] ai leaf

---
 .../plate-playground-template/src/components/plate-editor.tsx  | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/templates/plate-playground-template/src/components/plate-editor.tsx b/templates/plate-playground-template/src/components/plate-editor.tsx
index 6006198db7..eb45d4c879 100644
--- a/templates/plate-playground-template/src/components/plate-editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-editor.tsx
@@ -2,6 +2,7 @@
 
 import React, { useRef } from 'react';
 import { cn, withProps } from '@udecode/cn';
+import { AIPlugin } from '@udecode/plate-ai/react';
 import { AlignPlugin } from '@udecode/plate-alignment/react';
 import { AutoformatPlugin } from '@udecode/plate-autoformat/react';
 import {
@@ -132,6 +133,7 @@ import { TableRowElement } from '@/components/plate-ui/table-row-element';
 import { TodoListElement } from '@/components/plate-ui/todo-list-element';
 import { withDraggables } from '@/components/plate-ui/with-draggables';
 
+import { AILeaf } from './plate-ui/ai-leaf';
 import { BlockContextMenu } from './plate-ui/block-context-menu';
 import { DateElement } from './plate-ui/date-element';
 import { SlashInputElement } from './plate-ui/slash-input-element';
@@ -435,6 +437,7 @@ export const useMyEditor = () => {
     override: {
       components: withDraggables(
         withPlaceholders({
+          [AIPlugin.key]: AILeaf,
           [DatePlugin.key]: DateElement,
           [SlashInputPlugin.key]: SlashInputElement,
           [TogglePlugin.key]: ToggleElement,

From 9468f73861d4aab45424938d44b1cc9e89a2c487 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 15:36:01 +0200
Subject: [PATCH 122/127] feat

---
 .../default/plate-ui/ai-menu-items.tsx        |    2 +-
 .../plate-playground-template/.env.example    |    2 +-
 templates/plate-playground-template/README.md |   28 +-
 .../plate-playground-template/next.config.mjs |    4 -
 .../plate-playground-template/next.config.ts  |    5 +
 .../plate-playground-template/package.json    |   39 +-
 .../plate-playground-template/pnpm-lock.yaml  | 2428 +++++++++--------
 .../postcss.config.js                         |    2 +-
 .../src/app/api/ai/command/route.ts           |   48 +-
 .../src/app/api/ai/copilot/route.ts           |   32 +-
 .../app/api/ai/utils/limitTotalCharacters.ts  |   20 -
 .../app/api/ai/utils/truncateSystemPrompt.ts  |   33 -
 .../src/app/layout.tsx                        |   16 +-
 .../src/app/page.tsx                          |   13 +-
 .../src/components/openai/openai-context.tsx  |   45 +
 .../src/components/openai/settings-dialog.tsx |  196 ++
 .../src/components/plate-editor.tsx           |   24 +-
 .../src/components/plate-ui/ai-menu-items.tsx |    2 +-
 .../src/components/plate-ui/ai-menu.tsx       |   14 +-
 .../src/components/plate-ui/editor.tsx        |    2 +-
 .../components/plugins/copilot-plugins.tsx    |   13 +-
 21 files changed, 1720 insertions(+), 1248 deletions(-)
 delete mode 100644 templates/plate-playground-template/next.config.mjs
 create mode 100644 templates/plate-playground-template/next.config.ts
 delete mode 100644 templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
 delete mode 100644 templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts
 create mode 100644 templates/plate-playground-template/src/components/openai/openai-context.tsx
 create mode 100644 templates/plate-playground-template/src/components/openai/settings-dialog.tsx

diff --git a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
index accc26ff8d..a0242a9c70 100644
--- a/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
+++ b/apps/www/src/registry/default/plate-ui/ai-menu-items.tsx
@@ -59,7 +59,7 @@ export const aiChatItems = {
 {editor}
 </Document>
 Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
-          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',
+          : 'Continue writing AFTER <Block> ONLY ONE SENTENCE. DONT REPEAT THE TEXT.',
       });
     },
   },
diff --git a/templates/plate-playground-template/.env.example b/templates/plate-playground-template/.env.example
index 9847a1df18..e570b8b559 100644
--- a/templates/plate-playground-template/.env.example
+++ b/templates/plate-playground-template/.env.example
@@ -1 +1 @@
-OPENAI_API_KEY=
\ No newline at end of file
+OPENAI_API_KEY=
diff --git a/templates/plate-playground-template/README.md b/templates/plate-playground-template/README.md
index bd6bcbe489..7bd1f30f37 100644
--- a/templates/plate-playground-template/README.md
+++ b/templates/plate-playground-template/README.md
@@ -1,18 +1,32 @@
-## Environment Variables
+## Getting Started
+
+### Requirements
+
+- Node.js
+- pnpm
+
+### Environment Variables
+
 Copy the example env file:
 
-```
-cp ./.env.example ./.env.local
+```bash
+cp .env.example .env.local
 ```
 
-- `OPENAI_API_KEY` – Your OpenAI API key (obtain one [here](https://platform.openai.com/account/api-keys))
+Set up your environment variables:
 
+- `OPENAI_API_KEY` – OpenAI API key ([get one here](https://platform.openai.com/account/api-keys))
 
-## Running the App
+### Development
 
-To run the app locally, you can run the following commands:
+1. Install dependencies:
 
+```bash
+pnpm install
 ```
-pnpm i
+
+2. Start the development server:
+
+```bash
 pnpm dev
 ```
diff --git a/templates/plate-playground-template/next.config.mjs b/templates/plate-playground-template/next.config.mjs
deleted file mode 100644
index 4678774e6d..0000000000
--- a/templates/plate-playground-template/next.config.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;
diff --git a/templates/plate-playground-template/next.config.ts b/templates/plate-playground-template/next.config.ts
new file mode 100644
index 0000000000..b22af960af
--- /dev/null
+++ b/templates/plate-playground-template/next.config.ts
@@ -0,0 +1,5 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {};
+
+export default nextConfig;
diff --git a/templates/plate-playground-template/package.json b/templates/plate-playground-template/package.json
index 14efd4234d..0a48add158 100644
--- a/templates/plate-playground-template/package.json
+++ b/templates/plate-playground-template/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -12,11 +12,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
+    "@ai-sdk/openai": "^0.0.68",
     "@ariakit/react": "0.4.11",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-checkbox": "^1.1.2",
+    "@radix-ui/react-context-menu": "^2.2.1",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "2.1.2",
+    "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-scroll-area": "^1.2.0",
     "@radix-ui/react-separator": "^1.1.0",
@@ -24,13 +27,8 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toolbar": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.3",
-    "@radix-ui/react-context-menu": "^2.2.1",
-    "@radix-ui/react-icons": "^1.3.0",
-    "ai": "^3.4.10",
-    "@ai-sdk/openai": "^0.0.67",
     "@udecode/cn": "^39.0.0",
     "@udecode/plate-ai": "^39.2.10",
-    "@udecode/plate-slash-command": "^39.0.0",
     "@udecode/plate-alignment": "^39.0.0",
     "@udecode/plate-autoformat": "^39.0.0",
     "@udecode/plate-basic-marks": "^39.0.0",
@@ -42,7 +40,7 @@
     "@udecode/plate-comments": "^39.0.0",
     "@udecode/plate-common": "39.2.1",
     "@udecode/plate-csv": "^39.1.6",
-    "@udecode/plate-cursor": "^39.0.0",
+    "@udecode/plate-cursor": "^39.2.11",
     "@udecode/plate-date": "^39.0.0",
     "@udecode/plate-dnd": "^39.0.0",
     "@udecode/plate-docx": "39.2.4",
@@ -72,16 +70,18 @@
     "@udecode/plate-resizable": "^39.1.6",
     "@udecode/plate-select": "^39.0.0",
     "@udecode/plate-selection": "39.2.3",
+    "@udecode/plate-slash-command": "^39.0.0",
     "@udecode/plate-tabbable": "^39.0.0",
     "@udecode/plate-table": "^39.1.6",
     "@udecode/plate-toggle": "^39.0.0",
     "@udecode/plate-trailing-block": "^39.0.0",
+    "ai": "^3.4.10",
     "class-variance-authority": "0.7.0",
     "cmdk": "1.0.0",
     "date-fns": "^4.1.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "lucide-react": "0.452.0",
-    "next": "^14.2.15",
+    "lucide-react": "0.453.0",
+    "next": "^15.0.1",
     "next-themes": "^0.3.0",
     "prismjs": "^1.29.0",
     "react": "^18.3.1",
@@ -91,30 +91,31 @@
     "react-dom": "^18.3.1",
     "react-lite-youtube-embed": "^2.4.0",
     "react-tweet": "^3.2.1",
-    "slate": "0.103.0",
-    "slate-history": "0.109.0",
+    "slate": "0.110.2",
+    "slate-history": "0.110.3",
     "slate-hyperscript": "0.100.0",
-    "slate-react": "0.110.1",
+    "slate-react": "0.110.3",
+    "sonner": "^1.5.0",
     "tailwind-merge": "2.5.4",
     "tailwindcss-animate": "1.0.7"
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
-    "@types/node": "^22.7.5",
-    "@types/react": "^18.3.11",
+    "@types/node": "^22.7.9",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/parser": "^8.9.0",
+    "@typescript-eslint/parser": "^8.11.0",
     "autoprefixer": "^10.4.20",
     "encoding": "^0.1.13",
     "eslint": "^8.56.0",
-    "eslint-config-next": "14.2.15",
+    "eslint-config-next": "15.0.1",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-tailwindcss": "^3.17.5",
     "eslint-plugin-unused-imports": "^4.1.3",
     "postcss": "^8.4.45",
     "prettier": "^3.3.3",
-    "tailwindcss": "^3.4.13",
+    "tailwindcss": "^3.4.14",
     "typescript": "5.6.3"
   },
   "packageManager": "pnpm@9.2.0",
@@ -129,4 +130,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}
diff --git a/templates/plate-playground-template/pnpm-lock.yaml b/templates/plate-playground-template/pnpm-lock.yaml
index c1b9f43356..8e907f3c8e 100644
--- a/templates/plate-playground-template/pnpm-lock.yaml
+++ b/templates/plate-playground-template/pnpm-lock.yaml
@@ -9,203 +9,203 @@ importers:
   .:
     dependencies:
       '@ai-sdk/openai':
-        specifier: ^0.0.67
-        version: 0.0.67(zod@3.23.8)
+        specifier: ^0.0.68
+        version: 0.0.68(zod@3.23.8)
       '@ariakit/react':
         specifier: 0.4.11
         version: 0.4.11(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-avatar':
         specifier: ^1.1.1
-        version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-checkbox':
         specifier: ^1.1.2
-        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-context-menu':
         specifier: ^2.2.1
-        version: 2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dialog':
         specifier: ^1.1.2
-        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-dropdown-menu':
         specifier: 2.1.2
-        version: 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-icons':
         specifier: ^1.3.0
         version: 1.3.0(react@18.3.1)
       '@radix-ui/react-popover':
         specifier: ^1.1.2
-        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-scroll-area':
         specifier: ^1.2.0
-        version: 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-separator':
         specifier: ^1.1.0
-        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-slot':
         specifier: ^1.1.0
-        version: 1.1.0(@types/react@18.3.11)(react@18.3.1)
+        version: 1.1.0(@types/react@18.3.12)(react@18.3.1)
       '@radix-ui/react-toggle':
         specifier: ^1.1.0
-        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-toolbar':
         specifier: ^1.1.0
-        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-tooltip':
         specifier: ^1.1.3
-        version: 1.1.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.1.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@udecode/cn':
         specifier: ^39.0.0
-        version: 39.0.0(@types/react@18.3.11)(class-variance-authority@0.7.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)
+        version: 39.0.0(@types/react@18.3.12)(class-variance-authority@0.7.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)
       '@udecode/plate-ai':
         specifier: ^39.2.10
-        version: 39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-alignment':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-autoformat':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-basic-marks':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-block-quote':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-break':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-caption':
         specifier: ^39.0.0
-        version: 39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@types/react@18.3.12)(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-code-block':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-combobox':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-comments':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-common':
         specifier: 39.2.1
-        version: 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-csv':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-cursor':
-        specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        specifier: ^39.2.11
+        version: 39.2.11(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-date':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-dnd':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.9)(@types/react@18.3.12)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-docx':
         specifier: 39.2.4
-        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-emoji':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-excalidraw':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-find-replace':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-floating':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-font':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-heading':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-highlight':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-horizontal-rule':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-html':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-indent':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-indent-list':
         specifier: 39.1.10
-        version: 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-juice':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-kbd':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-layout':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-line-height':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-link':
         specifier: ^39.1.9
-        version: 39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-list':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-markdown':
         specifier: 39.2.0
-        version: 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-media':
         specifier: 39.2.4
-        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-mention':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-node-id':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-normalizers':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-reset-node':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-resizable':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-select':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-selection':
         specifier: 39.2.3
-        version: 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-slash-command':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-tabbable':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-table':
         specifier: ^39.1.6
-        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-toggle':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/plate-trailing-block':
         specifier: ^39.0.0
-        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+        version: 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       ai:
         specifier: ^3.4.10
-        version: 3.4.18(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
+        version: 3.4.18(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       class-variance-authority:
         specifier: 0.7.0
         version: 0.7.0
       cmdk:
         specifier: 1.0.0
-        version: 1.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 1.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       date-fns:
         specifier: ^4.1.0
         version: 4.1.0
@@ -213,11 +213,11 @@ importers:
         specifier: ^5.2.1
         version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3)
       lucide-react:
-        specifier: 0.452.0
-        version: 0.452.0(react@18.3.1)
+        specifier: 0.453.0
+        version: 0.453.0(react@18.3.1)
       next:
-        specifier: ^14.2.15
-        version: 14.2.15(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^15.0.1
+        version: 15.0.1(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes:
         specifier: ^0.3.0
         version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -232,7 +232,7 @@ importers:
         version: 8.10.1(date-fns@4.1.0)(react@18.3.1)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1)
+        version: 16.0.1(@types/node@22.7.9)(@types/react@18.3.12)(react@18.3.1)
       react-dnd-html5-backend:
         specifier: ^16.0.1
         version: 16.0.1
@@ -246,39 +246,42 @@ importers:
         specifier: ^3.2.1
         version: 3.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       slate:
-        specifier: 0.103.0
-        version: 0.103.0
+        specifier: 0.110.2
+        version: 0.110.2
       slate-history:
-        specifier: 0.109.0
-        version: 0.109.0(slate@0.103.0)
+        specifier: 0.110.3
+        version: 0.110.3(slate@0.110.2)
       slate-hyperscript:
         specifier: 0.100.0
-        version: 0.100.0(slate@0.103.0)
+        version: 0.100.0(slate@0.110.2)
       slate-react:
-        specifier: 0.110.1
-        version: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+        specifier: 0.110.3
+        version: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
+      sonner:
+        specifier: ^1.5.0
+        version: 1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       tailwind-merge:
         specifier: 2.5.4
         version: 2.5.4
       tailwindcss-animate:
         specifier: 1.0.7
-        version: 1.0.7(tailwindcss@3.4.13)
+        version: 1.0.7(tailwindcss@3.4.14)
     devDependencies:
       '@ianvs/prettier-plugin-sort-imports':
         specifier: ^4.3.1
         version: 4.3.1(@vue/compiler-sfc@3.5.12)(prettier@3.3.3)
       '@types/node':
-        specifier: ^22.7.5
-        version: 22.7.5
+        specifier: ^22.7.9
+        version: 22.7.9
       '@types/react':
-        specifier: ^18.3.11
-        version: 18.3.11
+        specifier: ^18.3.12
+        version: 18.3.12
       '@types/react-dom':
         specifier: ^18.3.1
         version: 18.3.1
       '@typescript-eslint/parser':
-        specifier: ^8.9.0
-        version: 8.9.0(eslint@8.57.1)(typescript@5.6.3)
+        specifier: ^8.11.0
+        version: 8.11.0(eslint@8.57.1)(typescript@5.6.3)
       autoprefixer:
         specifier: ^10.4.20
         version: 10.4.20(postcss@8.4.47)
@@ -289,20 +292,20 @@ importers:
         specifier: ^8.56.0
         version: 8.57.1
       eslint-config-next:
-        specifier: 14.2.15
-        version: 14.2.15(eslint@8.57.1)(typescript@5.6.3)
+        specifier: 15.0.1
+        version: 15.0.1(eslint@8.57.1)(typescript@5.6.3)
       eslint-config-prettier:
         specifier: ^9.1.0
         version: 9.1.0(eslint@8.57.1)
       eslint-plugin-react:
-        specifier: ^7.37.1
-        version: 7.37.1(eslint@8.57.1)
+        specifier: ^7.37.2
+        version: 7.37.2(eslint@8.57.1)
       eslint-plugin-tailwindcss:
         specifier: ^3.17.5
-        version: 3.17.5(tailwindcss@3.4.13)
+        version: 3.17.5(tailwindcss@3.4.14)
       eslint-plugin-unused-imports:
         specifier: ^4.1.3
-        version: 4.1.4(@typescript-eslint/eslint-plugin@8.9.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)
+        version: 4.1.4(@typescript-eslint/eslint-plugin@8.11.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)
       postcss:
         specifier: ^8.4.45
         version: 8.4.47
@@ -310,16 +313,16 @@ importers:
         specifier: ^3.3.3
         version: 3.3.3
       tailwindcss:
-        specifier: ^3.4.13
-        version: 3.4.13
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
         specifier: 5.6.3
         version: 5.6.3
 
 packages:
 
-  '@ai-sdk/openai@0.0.67':
-    resolution: {integrity: sha512-LOvbQaKXuNdhlZ+Asinc4DGdh4v32wKTzFB8FIKvVYjPuXwMWAsK4ZjrS6sxwB37AjmyGLPTMVBUtwcHZdpk+A==}
+  '@ai-sdk/openai@0.0.68':
+    resolution: {integrity: sha512-WSzB7qpBTrnYvFbnBBmIsw1G8GM04JRMr+I7B5T7msgZfleG4cTvVrn9A1HeHHw9TmbKiaCKJrEZH4V0lb7jNQ==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -446,10 +449,18 @@ packages:
     resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-string-parser@7.25.9':
+    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-identifier@7.24.7':
     resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/helper-validator-identifier@7.25.9':
+    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
+    engines: {node: '>=6.9.0'}
+
   '@babel/helper-validator-option@7.24.8':
     resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
     engines: {node: '>=6.9.0'}
@@ -467,6 +478,11 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
+  '@babel/parser@7.25.9':
+    resolution: {integrity: sha512-aI3jjAAO1fh7vY/pBGsn1i9LDbRP43+asrRlkPuTXW5yHXtd1NgTEMudbBoDDxrf1daEEfPJqR+JBMakzrR4Dg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
   '@babel/runtime@7.25.6':
     resolution: {integrity: sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==}
     engines: {node: '>=6.9.0'}
@@ -487,6 +503,13 @@ packages:
     resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
     engines: {node: '>=6.9.0'}
 
+  '@babel/types@7.25.9':
+    resolution: {integrity: sha512-OwS2CM5KocvQ/k7dFJa8i5bNGJP0hXWfVCfDkqRFP1IreH1JDC7wG6eCYCi0+McbfT8OR/kNqsI0UU0xP9H6PQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@emnapi/runtime@1.3.1':
+    resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
+
   '@emoji-mart/data@1.2.1':
     resolution: {integrity: sha512-no2pQMWiBy6gpBEiqGeU77/bFejDqUTRY7KX+0+iur13op3bqUsXdnwoZs6Xb1zbv0gAj5VvS1PWoUUckSr5Dw==}
 
@@ -557,6 +580,111 @@ packages:
       '@vue/compiler-sfc':
         optional: true
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.33.5':
+    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.33.5':
+    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.33.5':
+    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.33.5':
+    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.33.5':
+    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.33.5':
+    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-ia32@0.33.5':
+    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.33.5':
+    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
   '@isaacs/cliui@8.0.2':
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
@@ -582,62 +710,56 @@ packages:
   '@juggle/resize-observer@3.4.0':
     resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}
 
-  '@next/env@14.2.15':
-    resolution: {integrity: sha512-S1qaj25Wru2dUpcIZMjxeMVSwkt8BK4dmWHHiBuRstcIyOsMapqT4A4jSB6onvqeygkSSmOkyny9VVx8JIGamQ==}
+  '@next/env@15.0.1':
+    resolution: {integrity: sha512-lc4HeDUKO9gxxlM5G2knTRifqhsY6yYpwuHspBZdboZe0Gp+rZHBNNSIjmQKDJIdRXiXGyVnSD6gafrbQPvILQ==}
 
-  '@next/eslint-plugin-next@14.2.15':
-    resolution: {integrity: sha512-pKU0iqKRBlFB/ocOI1Ip2CkKePZpYpnw5bEItEkuZ/Nr9FQP1+p7VDWr4VfOdff4i9bFmrOaeaU1bFEyAcxiMQ==}
+  '@next/eslint-plugin-next@15.0.1':
+    resolution: {integrity: sha512-bKWsMaGPbiFAaGqrDJvbE8b4Z0uKicGVcgOI77YM2ui3UfjHMr4emFPrZTLeZVchi7fT1mooG2LxREfUUClIKw==}
 
-  '@next/swc-darwin-arm64@14.2.15':
-    resolution: {integrity: sha512-Rvh7KU9hOUBnZ9TJ28n2Oa7dD9cvDBKua9IKx7cfQQ0GoYUwg9ig31O2oMwH3wm+pE3IkAQ67ZobPfEgurPZIA==}
+  '@next/swc-darwin-arm64@15.0.1':
+    resolution: {integrity: sha512-C9k/Xv4sxkQRTA37Z6MzNq3Yb1BJMmSqjmwowoWEpbXTkAdfOwnoKOpAb71ItSzoA26yUTIo6ZhN8rKGu4ExQw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@14.2.15':
-    resolution: {integrity: sha512-5TGyjFcf8ampZP3e+FyCax5zFVHi+Oe7sZyaKOngsqyaNEpOgkKB3sqmymkZfowy3ufGA/tUgDPPxpQx931lHg==}
+  '@next/swc-darwin-x64@15.0.1':
+    resolution: {integrity: sha512-uHl13HXOuq1G7ovWFxCACDJHTSDVbn/sbLv8V1p+7KIvTrYQ5HNoSmKBdYeEKRRCbEmd+OohOgg9YOp8Ux3MBg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@14.2.15':
-    resolution: {integrity: sha512-3Bwv4oc08ONiQ3FiOLKT72Q+ndEMyLNsc/D3qnLMbtUYTQAmkx9E/JRu0DBpHxNddBmNT5hxz1mYBphJ3mfrrw==}
+  '@next/swc-linux-arm64-gnu@15.0.1':
+    resolution: {integrity: sha512-LvyhvxHOihFTEIbb35KxOc3q8w8G4xAAAH/AQnsYDEnOvwawjL2eawsB59AX02ki6LJdgDaHoTEnC54Gw+82xw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@14.2.15':
-    resolution: {integrity: sha512-k5xf/tg1FBv/M4CMd8S+JL3uV9BnnRmoe7F+GWC3DxkTCD9aewFRH1s5rJ1zkzDa+Do4zyN8qD0N8c84Hu96FQ==}
+  '@next/swc-linux-arm64-musl@15.0.1':
+    resolution: {integrity: sha512-vFmCGUFNyk/A5/BYcQNhAQqPIw01RJaK6dRO+ZEhz0DncoW+hJW1kZ8aH2UvTX27zPq3m85zN5waMSbZEmANcQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@14.2.15':
-    resolution: {integrity: sha512-kE6q38hbrRbKEkkVn62reLXhThLRh6/TvgSP56GkFNhU22TbIrQDEMrO7j0IcQHcew2wfykq8lZyHFabz0oBrA==}
+  '@next/swc-linux-x64-gnu@15.0.1':
+    resolution: {integrity: sha512-5by7IYq0NCF8rouz6Qg9T97jYU68kaClHPfGpQG2lCZpSYHtSPQF1kjnqBTd34RIqPKMbCa4DqCufirgr8HM5w==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@14.2.15':
-    resolution: {integrity: sha512-PZ5YE9ouy/IdO7QVJeIcyLn/Rc4ml9M2G4y3kCM9MNf1YKvFY4heg3pVa/jQbMro+tP6yc4G2o9LjAz1zxD7tQ==}
+  '@next/swc-linux-x64-musl@15.0.1':
+    resolution: {integrity: sha512-lmYr6H3JyDNBJLzklGXLfbehU3ay78a+b6UmBGlHls4xhDXBNZfgb0aI67sflrX+cGBnv1LgmWzFlYrAYxS1Qw==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@14.2.15':
-    resolution: {integrity: sha512-2raR16703kBvYEQD9HNLyb0/394yfqzmIeyp2nDzcPV4yPjqNUG3ohX6jX00WryXz6s1FXpVhsCo3i+g4RUX+g==}
+  '@next/swc-win32-arm64-msvc@15.0.1':
+    resolution: {integrity: sha512-DS8wQtl6diAj0eZTdH0sefykm4iXMbHT4MOvLwqZiIkeezKpkgPFcEdFlz3vKvXa2R/2UEgMh48z1nEpNhjeOQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-ia32-msvc@14.2.15':
-    resolution: {integrity: sha512-fyTE8cklgkyR1p03kJa5zXEaZ9El+kDNM5A+66+8evQS5e/6v0Gk28LqA0Jet8gKSOyP+OTm/tJHzMlGdQerdQ==}
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@next/swc-win32-x64-msvc@14.2.15':
-    resolution: {integrity: sha512-SzqGbsLsP9OwKNUG9nekShTwhj6JSB9ZLMWQ8g1gG6hdE5gQLncbnbymrwy2yVmH9nikSLYRYxYMFu78Ggp7/g==}
+  '@next/swc-win32-x64-msvc@15.0.1':
+    resolution: {integrity: sha512-4Ho2ggvDdMKlZ/0e9HNdZ9ngeaBwtc+2VS5oCeqrbXqOgutX6I4U2X/42VBw0o+M5evn4/7v3zKgGHo+9v/VjA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -1292,9 +1414,6 @@ packages:
   '@swc/helpers@0.5.13':
     resolution: {integrity: sha512-UoKGxQ3r5kYI9dALKJapMmuK+1zWM/H17Z1+iwnNmzcJRnfFuevZs375TA5rW31pu4BS4NoSy1fRsexDXfWn5w==}
 
-  '@swc/helpers@0.5.5':
-    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
-
   '@types/diff-match-patch@1.0.36':
     resolution: {integrity: sha512-xFdR6tkm0MWvBfO8xXCSsinYxHcqkQUlcHeSpMC2ukzOb6lwQAfDmW+Qt0AvlGd8HpsS28qKsB+oPeJn9I39jg==}
 
@@ -1307,8 +1426,8 @@ packages:
   '@types/mdast@3.0.15':
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
 
-  '@types/node@22.7.5':
-    resolution: {integrity: sha512-jML7s2NAzMWc//QSJ1a3prpk78cOPchGvXJsC3C6R6PSMoooztvRVQEz89gmBTBY1SPMaqo5teB4uNHPdetShQ==}
+  '@types/node@22.7.9':
+    resolution: {integrity: sha512-jrTfRC7FM6nChvU7X2KqcrgquofrWLFDeYC1hKfwNWomVvrn7JIksqf344WN2X/y8xrgqBd2dJATZV4GbatBfg==}
 
   '@types/prop-types@15.7.13':
     resolution: {integrity: sha512-hCZTSvwbzWGvhqxp/RqVqwU999pBf2vp7hzIjiYOsl8wqOmUxkQ6ddw1cV3l8811+kdUFus/q4d1Y3E3SyEifA==}
@@ -1316,8 +1435,8 @@ packages:
   '@types/react-dom@18.3.1':
     resolution: {integrity: sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==}
 
-  '@types/react@18.3.11':
-    resolution: {integrity: sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==}
+  '@types/react@18.3.12':
+    resolution: {integrity: sha512-D2wOSq/d6Agt28q7rSI3jhU7G6aiuzljDGZ2hTZHIkrTLUI+AF3WMeKkEZ9nN2fkBAlcktT6vcZjDFiIhMYEQw==}
 
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
@@ -1325,8 +1444,8 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
-  '@typescript-eslint/eslint-plugin@8.9.0':
-    resolution: {integrity: sha512-Y1n621OCy4m7/vTXNlCbMVp87zSd7NH0L9cXD8aIpOaNlzeWxIK4+Q19A68gSmTNRZn92UjocVUWDthGxtqHFg==}
+  '@typescript-eslint/eslint-plugin@8.11.0':
+    resolution: {integrity: sha512-KhGn2LjW1PJT2A/GfDpiyOfS4a8xHQv2myUagTM5+zsormOmBlYsnQ6pobJ8XxJmh6hnHwa2Mbe3fPrDJoDhbA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
@@ -1336,8 +1455,8 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.9.0':
-    resolution: {integrity: sha512-U+BLn2rqTTHnc4FL3FJjxaXptTxmf9sNftJK62XLz4+GxG3hLHm/SUNaaXP5Y4uTiuYoL5YLy4JBCJe3+t8awQ==}
+  '@typescript-eslint/parser@8.11.0':
+    resolution: {integrity: sha512-lmt73NeHdy1Q/2ul295Qy3uninSqi6wQI18XwSpm8w0ZbQXUpjCAWP1Vlv/obudoBiIjJVjlztjQ+d/Md98Yxg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
@@ -1346,12 +1465,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/scope-manager@8.9.0':
-    resolution: {integrity: sha512-bZu9bUud9ym1cabmOYH9S6TnbWRzpklVmwqICeOulTCZ9ue2/pczWzQvt/cGj2r2o1RdKoZbuEMalJJSYw3pHQ==}
+  '@typescript-eslint/scope-manager@8.11.0':
+    resolution: {integrity: sha512-Uholz7tWhXmA4r6epo+vaeV7yjdKy5QFCERMjs1kMVsLRKIrSdM6o21W2He9ftp5PP6aWOVpD5zvrvuHZC0bMQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/type-utils@8.9.0':
-    resolution: {integrity: sha512-JD+/pCqlKqAk5961vxCluK+clkppHY07IbV3vett97KOV+8C6l+CPEPwpUuiMwgbOz/qrN3Ke4zzjqbT+ls+1Q==}
+  '@typescript-eslint/type-utils@8.11.0':
+    resolution: {integrity: sha512-ItiMfJS6pQU0NIKAaybBKkuVzo6IdnAhPFZA/2Mba/uBjuPQPet/8+zh5GtLHwmuFRShZx+8lhIs7/QeDHflOg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -1359,12 +1478,12 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/types@8.9.0':
-    resolution: {integrity: sha512-SjgkvdYyt1FAPhU9c6FiYCXrldwYYlIQLkuc+LfAhCna6ggp96ACncdtlbn8FmnG72tUkXclrDExOpEYf1nfJQ==}
+  '@typescript-eslint/types@8.11.0':
+    resolution: {integrity: sha512-tn6sNMHf6EBAYMvmPUaKaVeYvhUsrE6x+bXQTxjQRp360h1giATU0WvgeEys1spbvb5R+VpNOZ+XJmjD8wOUHw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@typescript-eslint/typescript-estree@8.9.0':
-    resolution: {integrity: sha512-9iJYTgKLDG6+iqegehc5+EqE6sqaee7kb8vWpmHZ86EqwDjmlqNNHeqDVqb9duh+BY6WCNHfIGvuVU3Tf9Db0g==}
+  '@typescript-eslint/typescript-estree@8.11.0':
+    resolution: {integrity: sha512-yHC3s1z1RCHoCz5t06gf7jH24rr3vns08XXhfEqzYpd6Hll3z/3g23JRi0jM8A47UFKNc3u/y5KIMx8Ynbjohg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       typescript: '*'
@@ -1372,14 +1491,14 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/utils@8.9.0':
-    resolution: {integrity: sha512-PKgMmaSo/Yg/F7kIZvrgrWa1+Vwn036CdNUvYFEkYbPwOH4i8xvkaRlu148W3vtheWK9ckKRIz7PBP5oUlkrvQ==}
+  '@typescript-eslint/utils@8.11.0':
+    resolution: {integrity: sha512-CYiX6WZcbXNJV7UNB4PLDIBtSdRmRI/nb0FMyqHPTQD1rMjA0foPLaPUV39C/MxkTd/QKSeX+Gb34PPsDVC35g==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0
 
-  '@typescript-eslint/visitor-keys@8.9.0':
-    resolution: {integrity: sha512-Ht4y38ubk4L5/U8xKUBfKNYGmvKvA1CANoxiTRMM+tOLk3lbF3DvzZCxJCRSE+2GdCMSh6zq9VZJc3asc1XuAA==}
+  '@typescript-eslint/visitor-keys@8.11.0':
+    resolution: {integrity: sha512-EaewX6lxSjRJnc+99+dqzTeoDZUfyrA52d2/HRrkI830kgovWsmIiTfmr0NZorzqic7ga+1bS60lRBUgR3n/Bw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
   '@udecode/cn@39.0.0':
@@ -1531,10 +1650,10 @@ packages:
       slate-hyperscript: '>=0.66.0'
       slate-react: '>=0.108.0'
 
-  '@udecode/plate-cursor@39.0.0':
-    resolution: {integrity: sha512-WrXHu5HrsUTHNFQsE72ewXyi8GlOd3X1mbboP84v4/JL6CXxkRUUYECVNb+JXnIGCZtVqMfVa4Z/TaO0dOSm6w==}
+  '@udecode/plate-cursor@39.2.11':
+    resolution: {integrity: sha512-g8y3aQmem4aGzVQiy/hvb2QFpRw9l9RhPzznkubvag91+Ka0SlaZyJmucBcY0qIwXZpOgVVcSRyzImTP7rfB3A==}
     peerDependencies:
-      '@udecode/plate-common': '>=39.0.0'
+      '@udecode/plate-common': '>=39.2.1'
       react: '>=16.8.0'
       react-dom: '>=16.8.0'
       slate: '>=0.103.0'
@@ -2000,11 +2119,21 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
+  acorn-typescript@1.4.13:
+    resolution: {integrity: sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==}
+    peerDependencies:
+      acorn: '>=8.9.0'
+
   acorn@8.12.1:
     resolution: {integrity: sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.13.0:
+    resolution: {integrity: sha512-8zSiw54Oxrdym50NlZ9sUusyO1Z1ZchgRLWRaK6c86XJFClyCgFKetdowBg5bKxyp/u+CDBJG4Mpp0m3HLZl9w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   ai@3.4.18:
     resolution: {integrity: sha512-dc6rSBDgaRMX4VgTBsUZwEN5tBWMpJd+MJxB05E2cL4ft9mOmQEZNS6yeu4Ci5rUDj4ZhnmvANHrP7td8Ko9Og==}
     engines: {node: '>=18'}
@@ -2070,9 +2199,6 @@ packages:
     resolution: {integrity: sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==}
     engines: {node: '>=10'}
 
-  aria-query@5.1.3:
-    resolution: {integrity: sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==}
-
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -2123,8 +2249,8 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.10.0:
-    resolution: {integrity: sha512-Mr2ZakwQ7XUAjp7pAwQWRhhK8mQQ6JAaNWSjmjxil0R8BPioMtQsTLOolGYkji1rcL++3dCqZA3zWqpT+9Ew6g==}
+  axe-core@4.10.2:
+    resolution: {integrity: sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==}
     engines: {node: '>=4'}
 
   axobject-query@4.1.0:
@@ -2178,8 +2304,8 @@ packages:
   caniuse-lite@1.0.30001660:
     resolution: {integrity: sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==}
 
-  caniuse-lite@1.0.30001668:
-    resolution: {integrity: sha512-nWLrdxqCdblixUO+27JtGJJE/txpJlyUy5YN1u53wLZkP0emYCo5zgS6QYft7VUYR42LGgi/S5hdLZTrnyIddw==}
+  caniuse-lite@1.0.30001669:
+    resolution: {integrity: sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==}
 
   chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
@@ -2233,9 +2359,6 @@ packages:
       react: ^18.0.0
       react-dom: ^18.0.0
 
-  code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
-
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -2249,6 +2372,13 @@ packages:
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+  color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+
   commander@4.1.1:
     resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
     engines: {node: '>= 6'}
@@ -2276,10 +2406,6 @@ packages:
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
   css-what@6.1.0:
     resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
     engines: {node: '>= 6'}
@@ -2327,10 +2453,6 @@ packages:
       supports-color:
         optional: true
 
-  deep-equal@2.2.3:
-    resolution: {integrity: sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==}
-    engines: {node: '>= 0.4'}
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -2346,6 +2468,10 @@ packages:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
 
+  detect-libc@2.0.3:
+    resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+    engines: {node: '>=8'}
+
   detect-node-es@1.1.0:
     resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
 
@@ -2431,9 +2557,6 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-get-iterator@1.1.3:
-    resolution: {integrity: sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==}
-
   es-iterator-helpers@1.1.0:
     resolution: {integrity: sha512-/SurEfycdyssORP/E+bj4sEu1CWw4EmLDsHynHwSXQ7utgbrMRWW195pTrCjFgFCddf/UkYm3oqKPRq5i8bJbw==}
     engines: {node: '>= 0.4'}
@@ -2469,10 +2592,10 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  eslint-config-next@14.2.15:
-    resolution: {integrity: sha512-mKg+NC/8a4JKLZRIOBplxXNdStgxy7lzWuedUaCc8tev+Al9mwDUTujQH6W6qXDH9kycWiVo28tADWGvpBsZcQ==}
+  eslint-config-next@15.0.1:
+    resolution: {integrity: sha512-3cYCrgbH6GS/ufApza7XCKz92vtq4dAdYhx++rMFNlH2cAV+/GsAKkrr4+bohYOACmzG2nAOR+uWprKC1Uld6A==}
     peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
+      eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
       typescript: '>=3.3.1'
     peerDependenciesMeta:
       typescript:
@@ -2531,8 +2654,8 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-jsx-a11y@6.10.0:
-    resolution: {integrity: sha512-ySOHvXX8eSN6zz8Bywacm7CvGNhUtdjvqfQDVe6020TUK34Cywkw7m0KsCCk1Qtm9G1FayfTN1/7mMYnYO2Bhg==}
+  eslint-plugin-jsx-a11y@6.10.1:
+    resolution: {integrity: sha512-zHByM9WTUMnfsDTafGXRiqxp6lFtNoSOWBY6FonVRn3A+BUwN1L/tdBXT40BcBJi0cZjOGTXZ0eD/rTG9fEJ0g==}
     engines: {node: '>=4.0'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
@@ -2551,14 +2674,14 @@ packages:
       eslint-config-prettier:
         optional: true
 
-  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705:
-    resolution: {integrity: sha512-AZYbMo/NW9chdL7vk6HQzQhT+PvTAEVqWk9ziruUoW2kAOcN5qNyelv70e0F1VNQAbvutOC9oc+xfWycI9FxDw==}
+  eslint-plugin-react-hooks@5.0.0:
+    resolution: {integrity: sha512-hIOwI+5hYGpJEc4uPRmz2ulCjAGD/N13Lukkh8cLV0i2IRk/bdZDYjgLVHj+U9Z704kLIdIO6iueGvxNur0sgw==}
     engines: {node: '>=10'}
     peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
 
-  eslint-plugin-react@7.37.1:
-    resolution: {integrity: sha512-xwTnwDqzbDRA8uJ7BMxPs/EXRB3i8ZfnOIp8BsxEQkT0nHPp+WWceqGgo6rKb9ctNi8GJLDT4Go5HAWELa/WMg==}
+  eslint-plugin-react@7.37.2:
+    resolution: {integrity: sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
@@ -2591,6 +2714,9 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
 
+  esm-env@1.0.0:
+    resolution: {integrity: sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==}
+
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2599,6 +2725,9 @@ packages:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
+  esrap@1.2.2:
+    resolution: {integrity: sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==}
+
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
@@ -2610,9 +2739,6 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -2630,6 +2756,10 @@ packages:
   fast-diff@1.3.0:
     resolution: {integrity: sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==}
 
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
   fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
@@ -2717,11 +2847,6 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
-  glob@10.3.10:
-    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
-    engines: {node: '>=16 || 14 >=14.17'}
-    hasBin: true
-
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
@@ -2832,14 +2957,13 @@ packages:
   is-alphanumerical@1.0.4:
     resolution: {integrity: sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==}
 
-  is-arguments@1.1.1:
-    resolution: {integrity: sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==}
-    engines: {node: '>= 0.4'}
-
   is-array-buffer@3.0.4:
     resolution: {integrity: sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==}
     engines: {node: '>= 0.4'}
 
+  is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
   is-async-function@2.0.0:
     resolution: {integrity: sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==}
     engines: {node: '>= 0.4'}
@@ -2978,10 +3102,6 @@ packages:
     resolution: {integrity: sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==}
     engines: {node: '>= 0.4'}
 
-  jackspeak@2.3.6:
-    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
-    engines: {node: '>=14'}
-
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
@@ -3120,8 +3240,8 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lucide-react@0.452.0:
-    resolution: {integrity: sha512-kNefjOUOGm+Mu3KDiryONyPba9r+nhcrz5oJs3N6JDzGboQNEXw5GB3yB8rnV9/FA4bPyggNU6CRSihZm9MvSw==}
+  lucide-react@0.453.0:
+    resolution: {integrity: sha512-kL+RGZCcJi9BvJtzg2kshO192Ddy9hv3ij+cPrVPWSRzgCWCVazoQJxOjAwgK53NomL07HB7GPHW120FimjNhQ==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
 
@@ -3134,9 +3254,6 @@ packages:
   mdast-util-to-string@2.0.0:
     resolution: {integrity: sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==}
 
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
   mensch@0.3.4:
     resolution: {integrity: sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g==}
 
@@ -3195,21 +3312,24 @@ packages:
       react: ^16.8 || ^17 || ^18
       react-dom: ^16.8 || ^17 || ^18
 
-  next@14.2.15:
-    resolution: {integrity: sha512-h9ctmOokpoDphRvMGnwOJAedT6zKhwqyZML9mDtspgf4Rh3Pn7UTYKqePNoDvhsWBAO5GoPNYshnAUGIazVGmw==}
-    engines: {node: '>=18.17.0'}
+  next@15.0.1:
+    resolution: {integrity: sha512-PSkFkr/w7UnFWm+EP8y/QpHrJXMqpZzAXpergB/EqLPOh4SGPJXv1wj4mslr2hUZBAS9pX7/9YLIdxTv6fwytw==}
+    engines: {node: '>=18.18.0'}
     hasBin: true
     peerDependencies:
       '@opentelemetry/api': ^1.1.0
       '@playwright/test': ^1.41.2
-      react: ^18.2.0
-      react-dom: ^18.2.0
+      babel-plugin-react-compiler: '*'
+      react: ^18.2.0 || 19.0.0-rc-69d4b800-20241021
+      react-dom: ^18.2.0 || 19.0.0-rc-69d4b800-20241021
       sass: ^1.3.0
     peerDependenciesMeta:
       '@opentelemetry/api':
         optional: true
       '@playwright/test':
         optional: true
+      babel-plugin-react-compiler:
+        optional: true
       sass:
         optional: true
 
@@ -3248,10 +3368,6 @@ packages:
     resolution: {integrity: sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==}
     engines: {node: '>= 0.4'}
 
-  object-is@1.1.6:
-    resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
-    engines: {node: '>= 0.4'}
-
   object-keys@1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
     engines: {node: '>= 0.4'}
@@ -3335,12 +3451,12 @@ packages:
   performance-now@2.1.0:
     resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
 
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
   picocolors@1.1.0:
     resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
 
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
   picomatch@2.3.1:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
@@ -3630,6 +3746,10 @@ packages:
     resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
     engines: {node: '>= 0.4'}
 
+  sharp@0.33.5:
+    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -3646,8 +3766,11 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
-  slate-history@0.109.0:
-    resolution: {integrity: sha512-DHavPwrTTAEAV66eAocB3iQHEj65N6IVtbRK98ZuqGT0S44T3zXlhzY+5SZ7EPxRcoOYVt1dioRxXYM/+PmCiQ==}
+  simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
+  slate-history@0.110.3:
+    resolution: {integrity: sha512-sgdff4Usdflmw5ZUbhDkxFwCBQ2qlDKMMkF93w66KdV48vHOgN2BmLrf+2H8SdX8PYIpP/cTB0w8qWC2GwhDVA==}
     peerDependencies:
       slate: '>=0.65.3'
 
@@ -3656,19 +3779,25 @@ packages:
     peerDependencies:
       slate: '>=0.65.3'
 
-  slate-react@0.110.1:
-    resolution: {integrity: sha512-bx6J0PkY9A50O4w78k4NPqNOXGo49fmSbCRgr8OBDWKKo4BeSt9y3vGXCkQ/Mm4lQ8riyRKr3TrJXzqMY7lRZg==}
+  slate-react@0.110.3:
+    resolution: {integrity: sha512-AS8PPjwmsFS3Lq0MOEegLVlFoxhyos68G6zz2nW4sh3WeTXV7pX0exnwtY1a/docn+J3LGQO11aZXTenPXA/kg==}
     peerDependencies:
       react: '>=18.2.0'
       react-dom: '>=18.2.0'
       slate: '>=0.99.0'
 
-  slate@0.103.0:
-    resolution: {integrity: sha512-eCUOVqUpADYMZ59O37QQvUdnFG+8rin0OGQAXNHvHbQeVJ67Bu0spQbcy621vtf8GQUXTEQBlk6OP9atwwob4w==}
+  slate@0.110.2:
+    resolution: {integrity: sha512-4xGULnyMCiEQ0Ml7JAC1A6HVE6MNpPJU7Eq4cXh1LxlrR0dFXC3XC+rNfQtUJ7chHoPkws57x7DDiWiZAt+PBA==}
 
   slick@1.12.2:
     resolution: {integrity: sha512-4qdtOGcBjral6YIBCWJ0ljFSKNLz9KkhbWtuGvUyRowl1kxfuE1x/Z/aJcaiilpb3do9bl5K7/1h9XC5wWpY/A==}
 
+  sonner@1.5.0:
+    resolution: {integrity: sha512-FBjhG/gnnbN6FY0jaNnqZOMmB73R+5IiyYAw8yBj7L54ER7HB3fOSE5OFiQiE2iXWxeXKvg6fIP4LtVppHEdJA==}
+    peerDependencies:
+      react: ^18.0.0
+      react-dom: ^18.0.0
+
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
@@ -3678,10 +3807,6 @@ packages:
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
 
-  stop-iteration-iterator@1.0.0:
-    resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
-    engines: {node: '>= 0.4'}
-
   streamsearch@1.1.0:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
@@ -3694,8 +3819,9 @@ packages:
     resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
     engines: {node: '>=12'}
 
-  string.prototype.includes@2.0.0:
-    resolution: {integrity: sha512-E34CkBgyeqNDcrbU76cDjL5JLcVrtSdYq0MEh/B10r17pRP4ciHLwTgnuLV8Ay6cgEMLkcBkFCKyFZ43YldYzg==}
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
 
   string.prototype.matchall@4.0.11:
     resolution: {integrity: sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==}
@@ -3731,13 +3857,13 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  styled-jsx@5.1.1:
-    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
+  styled-jsx@5.1.6:
+    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
     engines: {node: '>= 12.0.0'}
     peerDependencies:
       '@babel/core': '*'
       babel-plugin-macros: '*'
-      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
     peerDependenciesMeta:
       '@babel/core':
         optional: true
@@ -3761,9 +3887,9 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  svelte@4.2.19:
-    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
-    engines: {node: '>=16'}
+  svelte@5.1.2:
+    resolution: {integrity: sha512-IovgkB3eQq0CdqQB1rd1F4SZbg8Z7VBSbAqhD2eE9t8l0KfJXZ/iHmfqnW5pxs5Lr89/cpIZTLU5buemsydYRw==}
+    engines: {node: '>=18'}
 
   swr@2.2.5:
     resolution: {integrity: sha512-QtxqyclFeAsxEUeZIYmsaQ0UjimSq1RZ9Un7I68/0ClKK/U3LoyQunwkQfJZr2fc22DfIXLNDc2wFyTEikCUpg==}
@@ -3793,8 +3919,8 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
 
-  tailwindcss@3.4.13:
-    resolution: {integrity: sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==}
+  tailwindcss@3.4.14:
+    resolution: {integrity: sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -3850,6 +3976,9 @@ packages:
   tslib@2.7.0:
     resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
 
+  tslib@2.8.0:
+    resolution: {integrity: sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==}
+
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -4051,6 +4180,9 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  zimmerframe@1.1.2:
+    resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
+
   zod-to-json-schema@3.23.2:
     resolution: {integrity: sha512-uSt90Gzc/tUfyNqxnjlfBs8W6WSGpNBv0rVsNxP/BVSMHMKGdthPYff4xtCHYloJGM0CFxFsb3NbC0eqPhfImw==}
     peerDependencies:
@@ -4081,7 +4213,7 @@ packages:
 
 snapshots:
 
-  '@ai-sdk/openai@0.0.67(zod@3.23.8)':
+  '@ai-sdk/openai@0.0.68(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider': 0.0.24
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
@@ -4116,13 +4248,13 @@ snapshots:
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/svelte@0.0.52(svelte@4.2.19)(zod@3.23.8)':
+  '@ai-sdk/svelte@0.0.52(svelte@5.1.2)(zod@3.23.8)':
     dependencies:
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
-      sswr: 2.1.0(svelte@4.2.19)
+      sswr: 2.1.0(svelte@5.1.2)
     optionalDependencies:
-      svelte: 4.2.19
+      svelte: 5.1.2
     transitivePeerDependencies:
       - zod
 
@@ -4237,8 +4369,12 @@ snapshots:
 
   '@babel/helper-string-parser@7.24.8': {}
 
+  '@babel/helper-string-parser@7.25.9': {}
+
   '@babel/helper-validator-identifier@7.24.7': {}
 
+  '@babel/helper-validator-identifier@7.25.9': {}
+
   '@babel/helper-validator-option@7.24.8': {}
 
   '@babel/helpers@7.25.6':
@@ -4257,6 +4393,10 @@ snapshots:
     dependencies:
       '@babel/types': 7.25.6
 
+  '@babel/parser@7.25.9':
+    dependencies:
+      '@babel/types': 7.25.9
+
   '@babel/runtime@7.25.6':
     dependencies:
       regenerator-runtime: 0.14.1
@@ -4289,6 +4429,16 @@ snapshots:
       '@babel/helper-validator-identifier': 7.24.7
       to-fast-properties: 2.0.0
 
+  '@babel/types@7.25.9':
+    dependencies:
+      '@babel/helper-string-parser': 7.25.9
+      '@babel/helper-validator-identifier': 7.25.9
+
+  '@emnapi/runtime@1.3.1':
+    dependencies:
+      tslib: 2.8.0
+    optional: true
+
   '@emoji-mart/data@1.2.1': {}
 
   '@eslint-community/eslint-utils@4.4.0(eslint@8.57.1)':
@@ -4370,6 +4520,81 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.3.1
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
   '@isaacs/cliui@8.0.2':
     dependencies:
       string-width: 5.1.2
@@ -4398,37 +4623,34 @@ snapshots:
 
   '@juggle/resize-observer@3.4.0': {}
 
-  '@next/env@14.2.15': {}
+  '@next/env@15.0.1': {}
 
-  '@next/eslint-plugin-next@14.2.15':
+  '@next/eslint-plugin-next@15.0.1':
     dependencies:
-      glob: 10.3.10
-
-  '@next/swc-darwin-arm64@14.2.15':
-    optional: true
+      fast-glob: 3.3.1
 
-  '@next/swc-darwin-x64@14.2.15':
+  '@next/swc-darwin-arm64@15.0.1':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@14.2.15':
+  '@next/swc-darwin-x64@15.0.1':
     optional: true
 
-  '@next/swc-linux-arm64-musl@14.2.15':
+  '@next/swc-linux-arm64-gnu@15.0.1':
     optional: true
 
-  '@next/swc-linux-x64-gnu@14.2.15':
+  '@next/swc-linux-arm64-musl@15.0.1':
     optional: true
 
-  '@next/swc-linux-x64-musl@14.2.15':
+  '@next/swc-linux-x64-gnu@15.0.1':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@14.2.15':
+  '@next/swc-linux-x64-musl@15.0.1':
     optional: true
 
-  '@next/swc-win32-ia32-msvc@14.2.15':
+  '@next/swc-win32-arm64-msvc@15.0.1':
     optional: true
 
-  '@next/swc-win32-x64-msvc@14.2.15':
+  '@next/swc-win32-x64-msvc@15.0.1':
     optional: true
 
   '@nodelib/fs.scandir@2.1.5':
@@ -4460,578 +4682,578 @@ snapshots:
 
   '@radix-ui/primitive@1.1.0': {}
 
-  '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-arrow@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-avatar@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-avatar@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-checkbox@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-checkbox@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-compose-refs@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-compose-refs@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-context-menu@2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-context-menu@2.2.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-menu': 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-context@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-context@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-context@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-context@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-context@1.1.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-context@1.1.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dialog@1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-portal': 1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.0.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.5.5(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll: 2.5.5(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-dialog@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dialog@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.6.0(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll: 2.6.0(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-direction@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-direction@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dismissable-layer@1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       '@radix-ui/primitive': 1.0.1
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-dismissable-layer@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dismissable-layer@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-dropdown-menu@2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-dropdown-menu@2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-menu': 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-focus-guards@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-focus-guards@1.1.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-focus-guards@1.1.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-focus-scope@1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-focus-scope@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-focus-scope@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
   '@radix-ui/react-icons@1.3.0(react@18.3.1)':
     dependencies:
       react: 18.3.1
 
-  '@radix-ui/react-id@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-id@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-id@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-id@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-menu@2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-menu@2.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.6.0(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll: 2.6.0(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-popover@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-popover@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       aria-hidden: 1.2.4
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-remove-scroll: 2.6.0(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll: 2.6.0(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-popper@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/react-dom': 2.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-arrow': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-rect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       '@radix-ui/rect': 1.1.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-portal@1.0.4(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-portal@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-portal@1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-presence@1.0.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-presence@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-presence@1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-primitive@1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-slot': 1.0.2(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-primitive@2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-scroll-area@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-scroll-area@1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/number': 1.1.0
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-separator@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-separator@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-slot@1.0.2(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-slot@1.0.2(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-slot@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-slot@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-toggle-group@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toggle-group@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-toggle@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toggle@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-toolbar@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-toolbar@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-context': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-separator': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-toggle-group': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-separator': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-toggle-group': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-tooltip@1.1.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-tooltip@1.1.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
-      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-context': 1.1.1(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-id': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.2(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.12)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
-  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-callback-ref@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-controllable-state@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-escape-keydown@1.0.3(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-escape-keydown@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-layout-effect@1.0.1(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-previous@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-previous@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-rect@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-rect@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
       '@radix-ui/rect': 1.1.0
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-use-size@1.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@radix-ui/react-use-size@1.1.0(@types/react@18.3.12)(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@radix-ui/react-visually-hidden@1.1.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       '@types/react-dom': 18.3.1
 
   '@radix-ui/rect@1.1.0': {}
@@ -5052,11 +5274,6 @@ snapshots:
     dependencies:
       tslib: 2.7.0
 
-  '@swc/helpers@0.5.5':
-    dependencies:
-      '@swc/counter': 0.1.3
-      tslib: 2.7.0
-
   '@types/diff-match-patch@1.0.36': {}
 
   '@types/estree@1.0.6': {}
@@ -5067,7 +5284,7 @@ snapshots:
     dependencies:
       '@types/unist': 2.0.11
 
-  '@types/node@22.7.5':
+  '@types/node@22.7.9':
     dependencies:
       undici-types: 6.19.8
 
@@ -5075,9 +5292,9 @@ snapshots:
 
   '@types/react-dom@18.3.1':
     dependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  '@types/react@18.3.11':
+  '@types/react@18.3.12':
     dependencies:
       '@types/prop-types': 15.7.13
       csstype: 3.1.3
@@ -5086,14 +5303,14 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
-  '@typescript-eslint/eslint-plugin@8.9.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@8.11.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
       '@eslint-community/regexpp': 4.11.1
-      '@typescript-eslint/parser': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
-      '@typescript-eslint/scope-manager': 8.9.0
-      '@typescript-eslint/type-utils': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.9.0
+      '@typescript-eslint/parser': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.11.0
+      '@typescript-eslint/type-utils': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.11.0
       eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
@@ -5104,12 +5321,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3)':
+  '@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/scope-manager': 8.9.0
-      '@typescript-eslint/types': 8.9.0
-      '@typescript-eslint/typescript-estree': 8.9.0(typescript@5.6.3)
-      '@typescript-eslint/visitor-keys': 8.9.0
+      '@typescript-eslint/scope-manager': 8.11.0
+      '@typescript-eslint/types': 8.11.0
+      '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.11.0
       debug: 4.3.7
       eslint: 8.57.1
     optionalDependencies:
@@ -5117,15 +5334,15 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/scope-manager@8.9.0':
+  '@typescript-eslint/scope-manager@8.11.0':
     dependencies:
-      '@typescript-eslint/types': 8.9.0
-      '@typescript-eslint/visitor-keys': 8.9.0
+      '@typescript-eslint/types': 8.11.0
+      '@typescript-eslint/visitor-keys': 8.11.0
 
-  '@typescript-eslint/type-utils@8.9.0(eslint@8.57.1)(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@8.11.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 8.9.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
       debug: 4.3.7
       ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
@@ -5134,12 +5351,12 @@ snapshots:
       - eslint
       - supports-color
 
-  '@typescript-eslint/types@8.9.0': {}
+  '@typescript-eslint/types@8.11.0': {}
 
-  '@typescript-eslint/typescript-estree@8.9.0(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@8.11.0(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/types': 8.9.0
-      '@typescript-eslint/visitor-keys': 8.9.0
+      '@typescript-eslint/types': 8.11.0
+      '@typescript-eslint/visitor-keys': 8.11.0
       debug: 4.3.7
       fast-glob: 3.3.2
       is-glob: 4.0.3
@@ -5151,25 +5368,25 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.9.0(eslint@8.57.1)(typescript@5.6.3)':
+  '@typescript-eslint/utils@8.11.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.9.0
-      '@typescript-eslint/types': 8.9.0
-      '@typescript-eslint/typescript-estree': 8.9.0(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.11.0
+      '@typescript-eslint/types': 8.11.0
+      '@typescript-eslint/typescript-estree': 8.11.0(typescript@5.6.3)
       eslint: 8.57.1
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/visitor-keys@8.9.0':
+  '@typescript-eslint/visitor-keys@8.11.0':
     dependencies:
-      '@typescript-eslint/types': 8.9.0
+      '@typescript-eslint/types': 8.11.0
       eslint-visitor-keys: 3.4.3
 
-  '@udecode/cn@39.0.0(@types/react@18.3.11)(class-variance-authority@0.7.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)':
+  '@udecode/cn@39.0.0(@types/react@18.3.12)(class-variance-authority@0.7.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(tailwind-merge@2.5.4)':
     dependencies:
-      '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@udecode/react-utils': 39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       class-variance-authority: 0.7.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -5177,592 +5394,592 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/plate-ai@39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-ai@39.2.10(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-markdown': 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-selection': 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-markdown': 39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-selection': 39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@udecode/plate-alignment@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-alignment@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-autoformat@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-autoformat@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-basic-marks@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-basic-marks@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-block-quote@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-block-quote@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-break@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-break@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-caption@39.0.0(@types/react@18.3.11)(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-caption@39.0.0(@types/react@18.3.12)(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-textarea-autosize: 8.5.4(@types/react@18.3.11)(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      react-textarea-autosize: 8.5.4(@types/react@18.3.12)(react@18.3.1)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/plate-code-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-code-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-combobox@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-combobox@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-comments@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-comments@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-core': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-utils': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-core': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-utils': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       '@udecode/react-hotkeys': 37.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/react-utils': 39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@udecode/slate': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
       '@udecode/utils': 37.0.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - '@types/react'
       - immer
       - react-native
       - scheduler
 
-  '@udecode/plate-core@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-core@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
       '@udecode/react-hotkeys': 37.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/react-utils': 39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@udecode/slate': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
       '@udecode/utils': 37.0.0
       clsx: 2.1.1
       is-hotkey: 0.2.0
-      jotai: 2.8.4(@types/react@18.3.11)(react@18.3.1)
-      jotai-optics: 0.4.0(jotai@2.8.4(@types/react@18.3.11)(react@18.3.1))(optics-ts@2.4.1)
-      jotai-x: 1.2.4(@types/react@18.3.11)(jotai@2.8.4(@types/react@18.3.11)(react@18.3.1))(react@18.3.1)
+      jotai: 2.8.4(@types/react@18.3.12)(react@18.3.1)
+      jotai-optics: 0.4.0(jotai@2.8.4(@types/react@18.3.12)(react@18.3.1))(optics-ts@2.4.1)
+      jotai-x: 1.2.4(@types/react@18.3.12)(jotai@2.8.4(@types/react@18.3.12)(react@18.3.1))(react@18.3.1)
       lodash: 4.17.21
       nanoid: 3.3.7
       optics-ts: 2.4.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
       use-deep-compare: 1.3.0(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
-      zustand-x: 3.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(zustand@4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1))
+      zustand: 4.5.5(@types/react@18.3.12)(immer@10.1.1)(react@18.3.1)
+      zustand-x: 3.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(zustand@4.5.5(@types/react@18.3.12)(immer@10.1.1)(react@18.3.1))
     transitivePeerDependencies:
       - '@types/react'
       - immer
       - react-native
       - scheduler
 
-  '@udecode/plate-csv@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-csv@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       papaparse: 5.4.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-cursor@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-cursor@39.2.11(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-date@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-date@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-dnd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-dnd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dnd-html5-backend@16.0.1)(react-dnd@16.0.1(@types/node@22.7.9)(@types/react@18.3.12)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       raf: 3.4.1
       react: 18.3.1
-      react-dnd: 16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1)
+      react-dnd: 16.0.1(@types/node@22.7.9)(@types/react@18.3.12)(react@18.3.1)
       react-dnd-html5-backend: 16.0.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-docx@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-docx@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-heading': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent-list': 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-media': 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-heading': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-indent-list': 39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-media': 39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-table': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
       validator: 13.12.0
 
-  '@udecode/plate-emoji@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-emoji@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
       '@emoji-mart/data': 1.2.1
-      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-excalidraw@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-excalidraw@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
       '@excalidraw/excalidraw': 0.16.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-find-replace@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-find-replace@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-floating@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-floating@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
       '@floating-ui/core': 1.6.8
       '@floating-ui/react': 0.26.25(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-font@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-font@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-heading@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-heading@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-highlight@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-highlight@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-horizontal-rule@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-horizontal-rule@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-html@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-html@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       html-entities: 2.5.2
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-indent-list@39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-indent-list@39.1.10(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-list': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-list': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       clsx: 2.1.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-indent@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-indent@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-juice@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-juice@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(encoding@0.1.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       juice: 8.1.0(encoding@0.1.13)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - encoding
 
-  '@udecode/plate-kbd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-kbd@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-layout@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-layout@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-line-height@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-line-height@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-link@39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-link@39.1.9(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-floating': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-normalizers': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-floating': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-normalizers': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-list@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-list@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-reset-node': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-reset-node': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-markdown@39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-markdown@39.2.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       remark-parse: 9.0.0
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
       unified: 11.0.5
     transitivePeerDependencies:
       - supports-color
 
-  '@udecode/plate-media@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-media@39.2.4(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       js-video-url-parser: 0.5.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-mention@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-mention@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-node-id@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-node-id@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-normalizers@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-normalizers@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-reset-node@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-reset-node@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-resizable@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-resizable@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-select@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-select@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-selection@39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-selection@39.2.3(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       copy-to-clipboard: 3.3.3
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-slash-command@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-slash-command@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-combobox': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-tabbable@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-tabbable@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
       tabbable: 6.2.0
 
-  '@udecode/plate-table@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-table@39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-resizable': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-resizable': 39.1.6(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - slate-hyperscript
 
-  '@udecode/plate-toggle@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-toggle@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/plate-node-id': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-indent': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/plate-node-id': 39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
 
-  '@udecode/plate-trailing-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/plate-trailing-block@39.0.0(@udecode/plate-common@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/plate-common': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
+      '@udecode/plate-common': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
-
-  '@udecode/plate-utils@39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
-    dependencies:
-      '@udecode/plate-core': 39.2.1(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.109.0(slate@0.103.0))(slate-hyperscript@0.100.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-react': 39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)
-      '@udecode/slate-utils': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
+
+  '@udecode/plate-utils@39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
+    dependencies:
+      '@udecode/plate-core': 39.2.1(@types/react@18.3.12)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(slate-history@0.110.3(slate@0.110.2))(slate-hyperscript@0.100.0(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/react-utils': 39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@udecode/slate': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-react': 39.2.1(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)
+      '@udecode/slate-utils': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
       '@udecode/utils': 37.0.0
       clsx: 2.1.1
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-hyperscript: 0.100.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-hyperscript: 0.100.0(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - '@types/react'
       - immer
@@ -5774,9 +5991,9 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@udecode/react-utils@39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@udecode/react-utils@39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.11)(react@18.3.1)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.3.12)(react@18.3.1)
       '@udecode/utils': 37.0.0
       clsx: 2.1.1
       react: 18.3.1
@@ -5784,33 +6001,33 @@ snapshots:
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/slate-react@39.2.1(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.109.0(slate@0.103.0))(slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate-react@39.2.1(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate-history@0.110.3(slate@0.110.2))(slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/react-utils': 39.0.0(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/react-utils': 39.0.0(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@udecode/slate': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
       '@udecode/utils': 37.0.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
-      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
+      slate-react: 0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2)
     transitivePeerDependencies:
       - '@types/react'
 
-  '@udecode/slate-utils@39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate-utils@39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)':
     dependencies:
-      '@udecode/slate': 39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)
+      '@udecode/slate': 39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)
       '@udecode/utils': 37.0.0
       lodash: 4.17.21
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
 
-  '@udecode/slate@39.2.1(slate-history@0.109.0(slate@0.103.0))(slate@0.103.0)':
+  '@udecode/slate@39.2.1(slate-history@0.110.3(slate@0.110.2))(slate@0.110.2)':
     dependencies:
       '@udecode/utils': 37.0.0
       is-plain-object: 5.0.0
-      slate: 0.103.0
-      slate-history: 0.109.0(slate@0.103.0)
+      slate: 0.110.2
+      slate-history: 0.110.3(slate@0.110.2)
 
   '@udecode/utils@37.0.0': {}
 
@@ -5818,7 +6035,7 @@ snapshots:
 
   '@vue/compiler-core@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.25.9
       '@vue/shared': 3.5.12
       entities: 4.5.0
       estree-walker: 2.0.2
@@ -5831,7 +6048,7 @@ snapshots:
 
   '@vue/compiler-sfc@3.5.12':
     dependencies:
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.25.9
       '@vue/compiler-core': 3.5.12
       '@vue/compiler-dom': 3.5.12
       '@vue/compiler-ssr': 3.5.12
@@ -5874,15 +6091,21 @@ snapshots:
     dependencies:
       acorn: 8.12.1
 
+  acorn-typescript@1.4.13(acorn@8.13.0):
+    dependencies:
+      acorn: 8.13.0
+
   acorn@8.12.1: {}
 
-  ai@3.4.18(react@18.3.1)(sswr@2.1.0(svelte@4.2.19))(svelte@4.2.19)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
+  acorn@8.13.0: {}
+
+  ai@3.4.18(react@18.3.1)(sswr@2.1.0(svelte@5.1.2))(svelte@5.1.2)(vue@3.5.12(typescript@5.6.3))(zod@3.23.8):
     dependencies:
       '@ai-sdk/provider': 0.0.24
       '@ai-sdk/provider-utils': 1.0.20(zod@3.23.8)
       '@ai-sdk/react': 0.0.64(react@18.3.1)(zod@3.23.8)
       '@ai-sdk/solid': 0.0.50(zod@3.23.8)
-      '@ai-sdk/svelte': 0.0.52(svelte@4.2.19)(zod@3.23.8)
+      '@ai-sdk/svelte': 0.0.52(svelte@5.1.2)(zod@3.23.8)
       '@ai-sdk/ui-utils': 0.0.46(zod@3.23.8)
       '@ai-sdk/vue': 0.0.55(vue@3.5.12(typescript@5.6.3))(zod@3.23.8)
       '@opentelemetry/api': 1.9.0
@@ -5894,8 +6117,8 @@ snapshots:
       zod-to-json-schema: 3.23.2(zod@3.23.8)
     optionalDependencies:
       react: 18.3.1
-      sswr: 2.1.0(svelte@4.2.19)
-      svelte: 4.2.19
+      sswr: 2.1.0(svelte@5.1.2)
+      svelte: 5.1.2
       zod: 3.23.8
     transitivePeerDependencies:
       - solid-js
@@ -5939,10 +6162,6 @@ snapshots:
     dependencies:
       tslib: 2.7.0
 
-  aria-query@5.1.3:
-    dependencies:
-      deep-equal: 2.2.3
-
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.1:
@@ -6026,7 +6245,7 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.0.0
 
-  axe-core@4.10.0: {}
+  axe-core@4.10.2: {}
 
   axobject-query@4.1.0: {}
 
@@ -6076,7 +6295,7 @@ snapshots:
 
   caniuse-lite@1.0.30001660: {}
 
-  caniuse-lite@1.0.30001668: {}
+  caniuse-lite@1.0.30001669: {}
 
   chalk@2.4.2:
     dependencies:
@@ -6137,24 +6356,16 @@ snapshots:
 
   clsx@2.1.1: {}
 
-  cmdk@1.0.0(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  cmdk@1.0.0(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dialog': 1.0.5(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.3.1)(@types/react@18.3.12)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - '@types/react-dom'
 
-  code-red@1.0.4:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
-      acorn: 8.12.1
-      estree-walker: 3.0.3
-      periscopic: 3.1.0
-
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -6167,6 +6378,18 @@ snapshots:
 
   color-name@1.1.4: {}
 
+  color-string@1.9.1:
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    optional: true
+
+  color@4.2.3:
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+    optional: true
+
   commander@4.1.1: {}
 
   commander@6.2.1: {}
@@ -6195,11 +6418,6 @@ snapshots:
       domutils: 2.8.0
       nth-check: 2.1.1
 
-  css-tree@2.3.1:
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.2.1
-
   css-what@6.1.0: {}
 
   cssesc@3.0.0: {}
@@ -6236,27 +6454,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  deep-equal@2.2.3:
-    dependencies:
-      array-buffer-byte-length: 1.0.1
-      call-bind: 1.0.7
-      es-get-iterator: 1.1.3
-      get-intrinsic: 1.2.4
-      is-arguments: 1.1.1
-      is-array-buffer: 3.0.4
-      is-date-object: 1.0.5
-      is-regex: 1.1.4
-      is-shared-array-buffer: 1.0.3
-      isarray: 2.0.5
-      object-is: 1.1.6
-      object-keys: 1.1.1
-      object.assign: 4.1.5
-      regexp.prototype.flags: 1.5.3
-      side-channel: 1.0.6
-      which-boxed-primitive: 1.0.2
-      which-collection: 1.0.2
-      which-typed-array: 1.1.15
-
   deep-is@0.1.4: {}
 
   define-data-property@1.1.4:
@@ -6273,6 +6470,9 @@ snapshots:
 
   dequal@2.0.3: {}
 
+  detect-libc@2.0.3:
+    optional: true
+
   detect-node-es@1.1.0: {}
 
   devlop@1.1.0:
@@ -6399,18 +6599,6 @@ snapshots:
 
   es-errors@1.3.0: {}
 
-  es-get-iterator@1.1.3:
-    dependencies:
-      call-bind: 1.0.7
-      get-intrinsic: 1.2.4
-      has-symbols: 1.0.3
-      is-arguments: 1.1.1
-      is-map: 2.0.3
-      is-set: 2.0.3
-      is-string: 1.0.7
-      isarray: 2.0.5
-      stop-iteration-iterator: 1.0.0
-
   es-iterator-helpers@1.1.0:
     dependencies:
       call-bind: 1.0.7
@@ -6456,19 +6644,19 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-config-next@14.2.15(eslint@8.57.1)(typescript@5.6.3):
+  eslint-config-next@15.0.1(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
-      '@next/eslint-plugin-next': 14.2.15
+      '@next/eslint-plugin-next': 15.0.1
       '@rushstack/eslint-patch': 1.10.4
-      '@typescript-eslint/eslint-plugin': 8.9.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
-      '@typescript-eslint/parser': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.11.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
-      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.1)
-      eslint-plugin-react: 7.37.1(eslint@8.57.1)
-      eslint-plugin-react-hooks: 5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.1(eslint@8.57.1)
+      eslint-plugin-react: 7.37.2(eslint@8.57.1)
+      eslint-plugin-react-hooks: 5.0.0(eslint@8.57.1)
     optionalDependencies:
       typescript: 5.6.3
     transitivePeerDependencies:
@@ -6488,37 +6676,37 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1):
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.3.7
       enhanced-resolve: 5.17.1
       eslint: 8.57.1
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1)
       fast-glob: 3.3.2
       get-tsconfig: 4.8.1
       is-bun-module: 1.2.1
       is-glob: 4.0.3
     optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
       - eslint-import-resolver-node
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -6529,7 +6717,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0)(eslint@8.57.1))(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3
@@ -6541,19 +6729,19 @@ snapshots:
       string.prototype.trimend: 1.0.8
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 8.9.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.11.0(eslint@8.57.1)(typescript@5.6.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jsx-a11y@6.10.0(eslint@8.57.1):
+  eslint-plugin-jsx-a11y@6.10.1(eslint@8.57.1):
     dependencies:
-      aria-query: 5.1.3
+      aria-query: 5.3.2
       array-includes: 3.1.8
       array.prototype.flatmap: 1.3.2
       ast-types-flow: 0.0.8
-      axe-core: 4.10.0
+      axe-core: 4.10.2
       axobject-query: 4.1.0
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
@@ -6565,7 +6753,7 @@ snapshots:
       minimatch: 3.1.2
       object.fromentries: 2.0.8
       safe-regex-test: 1.0.3
-      string.prototype.includes: 2.0.0
+      string.prototype.includes: 2.0.1
 
   eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3):
     dependencies:
@@ -6576,11 +6764,11 @@ snapshots:
     optionalDependencies:
       eslint-config-prettier: 9.1.0(eslint@8.57.1)
 
-  eslint-plugin-react-hooks@5.0.0-canary-7118f5dd7-20230705(eslint@8.57.1):
+  eslint-plugin-react-hooks@5.0.0(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
 
-  eslint-plugin-react@7.37.1(eslint@8.57.1):
+  eslint-plugin-react@7.37.2(eslint@8.57.1):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -6602,17 +6790,17 @@ snapshots:
       string.prototype.matchall: 4.0.11
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-tailwindcss@3.17.5(tailwindcss@3.4.13):
+  eslint-plugin-tailwindcss@3.17.5(tailwindcss@3.4.14):
     dependencies:
       fast-glob: 3.3.2
       postcss: 8.4.47
-      tailwindcss: 3.4.13
+      tailwindcss: 3.4.14
 
-  eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.9.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1):
+  eslint-plugin-unused-imports@4.1.4(@typescript-eslint/eslint-plugin@8.11.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 8.9.0(@typescript-eslint/parser@8.9.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 8.11.0(@typescript-eslint/parser@8.11.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
 
   eslint-scope@7.2.2:
     dependencies:
@@ -6664,6 +6852,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  esm-env@1.0.0: {}
+
   espree@9.6.1:
     dependencies:
       acorn: 8.12.1
@@ -6674,6 +6864,11 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  esrap@1.2.2:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@types/estree': 1.0.6
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -6682,10 +6877,6 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
-  estree-walker@3.0.3:
-    dependencies:
-      '@types/estree': 1.0.6
-
   esutils@2.0.3: {}
 
   eventsource-parser@1.1.2: {}
@@ -6696,6 +6887,14 @@ snapshots:
 
   fast-diff@1.3.0: {}
 
+  fast-glob@3.3.1:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-glob@3.3.2:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -6790,14 +6989,6 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
-  glob@10.3.10:
-    dependencies:
-      foreground-child: 3.3.0
-      jackspeak: 2.3.6
-      minimatch: 9.0.5
-      minipass: 7.1.2
-      path-scurry: 1.11.1
-
   glob@10.4.5:
     dependencies:
       foreground-child: 3.3.0
@@ -6916,16 +7107,14 @@ snapshots:
       is-alphabetical: 1.0.4
       is-decimal: 1.0.4
 
-  is-arguments@1.1.1:
-    dependencies:
-      call-bind: 1.0.7
-      has-tostringtag: 1.0.2
-
   is-array-buffer@3.0.4:
     dependencies:
       call-bind: 1.0.7
       get-intrinsic: 1.2.4
 
+  is-arrayish@0.3.2:
+    optional: true
+
   is-async-function@2.0.0:
     dependencies:
       has-tostringtag: 1.0.2
@@ -7049,12 +7238,6 @@ snapshots:
       reflect.getprototypeof: 1.0.6
       set-function-name: 2.0.2
 
-  jackspeak@2.3.6:
-    dependencies:
-      '@isaacs/cliui': 8.0.2
-    optionalDependencies:
-      '@pkgjs/parseargs': 0.11.0
-
   jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -7063,21 +7246,21 @@ snapshots:
 
   jiti@1.21.6: {}
 
-  jotai-optics@0.4.0(jotai@2.8.4(@types/react@18.3.11)(react@18.3.1))(optics-ts@2.4.1):
+  jotai-optics@0.4.0(jotai@2.8.4(@types/react@18.3.12)(react@18.3.1))(optics-ts@2.4.1):
     dependencies:
-      jotai: 2.8.4(@types/react@18.3.11)(react@18.3.1)
+      jotai: 2.8.4(@types/react@18.3.12)(react@18.3.1)
       optics-ts: 2.4.1
 
-  jotai-x@1.2.4(@types/react@18.3.11)(jotai@2.8.4(@types/react@18.3.11)(react@18.3.1))(react@18.3.1):
+  jotai-x@1.2.4(@types/react@18.3.12)(jotai@2.8.4(@types/react@18.3.12)(react@18.3.1))(react@18.3.1):
     dependencies:
-      jotai: 2.8.4(@types/react@18.3.11)(react@18.3.1)
+      jotai: 2.8.4(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       react: 18.3.1
 
-  jotai@2.8.4(@types/react@18.3.11)(react@18.3.1):
+  jotai@2.8.4(@types/react@18.3.12)(react@18.3.1):
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       react: 18.3.1
 
   js-tokens@4.0.0: {}
@@ -7170,7 +7353,7 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lucide-react@0.452.0(react@18.3.1):
+  lucide-react@0.453.0(react@18.3.1):
     dependencies:
       react: 18.3.1
 
@@ -7190,8 +7373,6 @@ snapshots:
 
   mdast-util-to-string@2.0.0: {}
 
-  mdn-data@2.0.30: {}
-
   mensch@0.3.4: {}
 
   merge2@1.4.1: {}
@@ -7241,28 +7422,28 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  next@14.2.15(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@15.0.1(@babel/core@7.25.2)(@opentelemetry/api@1.9.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@next/env': 14.2.15
-      '@swc/helpers': 0.5.5
+      '@next/env': 15.0.1
+      '@swc/counter': 0.1.3
+      '@swc/helpers': 0.5.13
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001668
-      graceful-fs: 4.2.11
+      caniuse-lite: 1.0.30001669
       postcss: 8.4.31
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.1(@babel/core@7.25.2)(react@18.3.1)
+      styled-jsx: 5.1.6(@babel/core@7.25.2)(react@18.3.1)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 14.2.15
-      '@next/swc-darwin-x64': 14.2.15
-      '@next/swc-linux-arm64-gnu': 14.2.15
-      '@next/swc-linux-arm64-musl': 14.2.15
-      '@next/swc-linux-x64-gnu': 14.2.15
-      '@next/swc-linux-x64-musl': 14.2.15
-      '@next/swc-win32-arm64-msvc': 14.2.15
-      '@next/swc-win32-ia32-msvc': 14.2.15
-      '@next/swc-win32-x64-msvc': 14.2.15
+      '@next/swc-darwin-arm64': 15.0.1
+      '@next/swc-darwin-x64': 15.0.1
+      '@next/swc-linux-arm64-gnu': 15.0.1
+      '@next/swc-linux-arm64-musl': 15.0.1
+      '@next/swc-linux-x64-gnu': 15.0.1
+      '@next/swc-linux-x64-musl': 15.0.1
+      '@next/swc-win32-arm64-msvc': 15.0.1
+      '@next/swc-win32-x64-msvc': 15.0.1
       '@opentelemetry/api': 1.9.0
+      sharp: 0.33.5
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
@@ -7289,11 +7470,6 @@ snapshots:
 
   object-inspect@1.13.2: {}
 
-  object-is@1.1.6:
-    dependencies:
-      call-bind: 1.0.7
-      define-properties: 1.2.1
-
   object-keys@1.1.1: {}
 
   object.assign@4.1.5:
@@ -7389,14 +7565,10 @@ snapshots:
 
   performance-now@2.1.0: {}
 
-  periscopic@3.1.0:
-    dependencies:
-      '@types/estree': 1.0.6
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-
   picocolors@1.1.0: {}
 
+  picocolors@1.1.1: {}
+
   picomatch@2.3.1: {}
 
   pify@2.3.0: {}
@@ -7439,7 +7611,7 @@ snapshots:
   postcss@8.4.31:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       source-map-js: 1.2.1
 
   postcss@8.4.47:
@@ -7483,7 +7655,7 @@ snapshots:
     dependencies:
       dnd-core: 16.0.1
 
-  react-dnd@16.0.1(@types/node@22.7.5)(@types/react@18.3.11)(react@18.3.1):
+  react-dnd@16.0.1(@types/node@22.7.9)(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       '@react-dnd/invariant': 4.0.2
       '@react-dnd/shallowequal': 4.0.2
@@ -7492,8 +7664,8 @@ snapshots:
       hoist-non-react-statics: 3.3.2
       react: 18.3.1
     optionalDependencies:
-      '@types/node': 22.7.5
-      '@types/react': 18.3.11
+      '@types/node': 22.7.9
+      '@types/react': 18.3.12
 
   react-dom@18.3.1(react@18.3.1):
     dependencies:
@@ -7508,51 +7680,51 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  react-remove-scroll-bar@2.3.6(@types/react@18.3.11)(react@18.3.1):
+  react-remove-scroll-bar@2.3.6(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-style-singleton: 2.2.1(@types/react@18.3.11)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.12)(react@18.3.1)
       tslib: 2.7.0
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  react-remove-scroll@2.5.5(@types/react@18.3.11)(react@18.3.1):
+  react-remove-scroll@2.5.5(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.11)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll-bar: 2.3.6(@types/react@18.3.12)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.12)(react@18.3.1)
       tslib: 2.7.0
-      use-callback-ref: 1.3.2(@types/react@18.3.11)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.11)(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.12)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  react-remove-scroll@2.6.0(@types/react@18.3.11)(react@18.3.1):
+  react-remove-scroll@2.6.0(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      react-remove-scroll-bar: 2.3.6(@types/react@18.3.11)(react@18.3.1)
-      react-style-singleton: 2.2.1(@types/react@18.3.11)(react@18.3.1)
+      react-remove-scroll-bar: 2.3.6(@types/react@18.3.12)(react@18.3.1)
+      react-style-singleton: 2.2.1(@types/react@18.3.12)(react@18.3.1)
       tslib: 2.7.0
-      use-callback-ref: 1.3.2(@types/react@18.3.11)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.11)(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.12)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  react-style-singleton@2.2.1(@types/react@18.3.11)(react@18.3.1):
+  react-style-singleton@2.2.1(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       get-nonce: 1.0.1
       invariant: 2.2.4
       react: 18.3.1
       tslib: 2.7.0
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  react-textarea-autosize@8.5.4(@types/react@18.3.11)(react@18.3.1):
+  react-textarea-autosize@8.5.4(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.25.7
       react: 18.3.1
       use-composed-ref: 1.3.0(react@18.3.1)
-      use-latest: 1.2.1(@types/react@18.3.11)(react@18.3.1)
+      use-latest: 1.2.1(@types/react@18.3.12)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
 
@@ -7685,6 +7857,33 @@ snapshots:
       functions-have-names: 1.2.3
       has-property-descriptors: 1.0.2
 
+  sharp@0.33.5:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.3
+      semver: 7.6.3
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.33.5
+      '@img/sharp-darwin-x64': 0.33.5
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-linux-arm': 0.33.5
+      '@img/sharp-linux-arm64': 0.33.5
+      '@img/sharp-linux-s390x': 0.33.5
+      '@img/sharp-linux-x64': 0.33.5
+      '@img/sharp-linuxmusl-arm64': 0.33.5
+      '@img/sharp-linuxmusl-x64': 0.33.5
+      '@img/sharp-wasm32': 0.33.5
+      '@img/sharp-win32-ia32': 0.33.5
+      '@img/sharp-win32-x64': 0.33.5
+    optional: true
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -7700,17 +7899,22 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
-  slate-history@0.109.0(slate@0.103.0):
+  simple-swizzle@0.2.2:
+    dependencies:
+      is-arrayish: 0.3.2
+    optional: true
+
+  slate-history@0.110.3(slate@0.110.2):
     dependencies:
       is-plain-object: 5.0.0
-      slate: 0.103.0
+      slate: 0.110.2
 
-  slate-hyperscript@0.100.0(slate@0.103.0):
+  slate-hyperscript@0.100.0(slate@0.110.2):
     dependencies:
       is-plain-object: 5.0.0
-      slate: 0.103.0
+      slate: 0.110.2
 
-  slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0):
+  slate-react@0.110.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.110.2):
     dependencies:
       '@juggle/resize-observer': 3.4.0
       direction: 1.0.4
@@ -7720,10 +7924,10 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       scroll-into-view-if-needed: 3.1.0
-      slate: 0.103.0
+      slate: 0.110.2
       tiny-invariant: 1.3.1
 
-  slate@0.103.0:
+  slate@0.110.2:
     dependencies:
       immer: 10.1.1
       is-plain-object: 5.0.0
@@ -7731,17 +7935,18 @@ snapshots:
 
   slick@1.12.2: {}
 
+  sonner@1.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
   source-map-js@1.2.1: {}
 
-  sswr@2.1.0(svelte@4.2.19):
+  sswr@2.1.0(svelte@5.1.2):
     dependencies:
-      svelte: 4.2.19
+      svelte: 5.1.2
       swrev: 4.0.0
 
-  stop-iteration-iterator@1.0.0:
-    dependencies:
-      internal-slot: 1.0.7
-
   streamsearch@1.1.0: {}
 
   string-width@4.2.3:
@@ -7756,8 +7961,9 @@ snapshots:
       emoji-regex: 9.2.2
       strip-ansi: 7.1.0
 
-  string.prototype.includes@2.0.0:
+  string.prototype.includes@2.0.1:
     dependencies:
+      call-bind: 1.0.7
       define-properties: 1.2.1
       es-abstract: 1.23.3
 
@@ -7812,7 +8018,7 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  styled-jsx@5.1.1(@babel/core@7.25.2)(react@18.3.1):
+  styled-jsx@5.1.6(@babel/core@7.25.2)(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
@@ -7839,22 +8045,21 @@ snapshots:
 
   supports-preserve-symlinks-flag@1.0.0: {}
 
-  svelte@4.2.19:
+  svelte@5.1.2:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
       '@types/estree': 1.0.6
-      acorn: 8.12.1
+      acorn: 8.13.0
+      acorn-typescript: 1.4.13(acorn@8.13.0)
       aria-query: 5.3.2
       axobject-query: 4.1.0
-      code-red: 1.0.4
-      css-tree: 2.3.1
-      estree-walker: 3.0.3
+      esm-env: 1.0.0
+      esrap: 1.2.2
       is-reference: 3.0.2
       locate-character: 3.0.0
       magic-string: 0.30.12
-      periscopic: 3.1.0
+      zimmerframe: 1.1.2
 
   swr@2.2.5(react@18.3.1):
     dependencies:
@@ -7877,11 +8082,11 @@ snapshots:
 
   tailwind-merge@2.5.4: {}
 
-  tailwindcss-animate@1.0.7(tailwindcss@3.4.13):
+  tailwindcss-animate@1.0.7(tailwindcss@3.4.14):
     dependencies:
-      tailwindcss: 3.4.13
+      tailwindcss: 3.4.14
 
-  tailwindcss@3.4.13:
+  tailwindcss@3.4.14:
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -7896,7 +8101,7 @@ snapshots:
       micromatch: 4.0.8
       normalize-path: 3.0.0
       object-hash: 3.0.0
-      picocolors: 1.1.0
+      picocolors: 1.1.1
       postcss: 8.4.47
       postcss-import: 15.1.0(postcss@8.4.47)
       postcss-js: 4.0.1(postcss@8.4.47)
@@ -7951,6 +8156,9 @@ snapshots:
 
   tslib@2.7.0: {}
 
+  tslib@2.8.0:
+    optional: true
+
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
@@ -8028,12 +8236,12 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  use-callback-ref@1.3.2(@types/react@18.3.11)(react@18.3.1):
+  use-callback-ref@1.3.2(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
       tslib: 2.7.0
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
   use-composed-ref@1.3.0(react@18.3.1):
     dependencies:
@@ -8051,26 +8259,26 @@ snapshots:
       dequal: 2.0.3
       react: 18.3.1
 
-  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.11)(react@18.3.1):
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  use-latest@1.2.1(@types/react@18.3.11)(react@18.3.1):
+  use-latest@1.2.1(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.11)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.12)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
-  use-sidecar@1.1.2(@types/react@18.3.11)(react@18.3.1):
+  use-sidecar@1.1.2(@types/react@18.3.12)(react@18.3.1):
     dependencies:
       detect-node-es: 1.1.0
       react: 18.3.1
       tslib: 2.7.0
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
 
   use-sync-external-store@1.2.2(react@18.3.1):
     dependencies:
@@ -8184,28 +8392,30 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  zimmerframe@1.1.2: {}
+
   zod-to-json-schema@3.23.2(zod@3.23.8):
     dependencies:
       zod: 3.23.8
 
   zod@3.23.8: {}
 
-  zustand-x@3.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(zustand@4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)):
+  zustand-x@3.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)(zustand@4.5.5(@types/react@18.3.12)(immer@10.1.1)(react@18.3.1)):
     dependencies:
       immer: 10.1.1
       lodash.mapvalues: 4.6.0
       react-tracked: 1.7.14(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(scheduler@0.23.2)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      zustand: 4.5.5(@types/react@18.3.12)(immer@10.1.1)(react@18.3.1)
     transitivePeerDependencies:
       - react
       - react-dom
       - react-native
       - scheduler
 
-  zustand@4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1):
+  zustand@4.5.5(@types/react@18.3.12)(immer@10.1.1)(react@18.3.1):
     dependencies:
       use-sync-external-store: 1.2.2(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 18.3.12
       immer: 10.1.1
       react: 18.3.1
diff --git a/templates/plate-playground-template/postcss.config.js b/templates/plate-playground-template/postcss.config.js
index 33ad091d26..12a703d900 100644
--- a/templates/plate-playground-template/postcss.config.js
+++ b/templates/plate-playground-template/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/templates/plate-playground-template/src/app/api/ai/command/route.ts b/templates/plate-playground-template/src/app/api/ai/command/route.ts
index 38ffd36fbb..c8d792d2c0 100644
--- a/templates/plate-playground-template/src/app/api/ai/command/route.ts
+++ b/templates/plate-playground-template/src/app/api/ai/command/route.ts
@@ -1,21 +1,43 @@
-import { openai } from '@ai-sdk/openai';
+import { NextResponse } from 'next/server';
+import { createOpenAI } from '@ai-sdk/openai';
 import { convertToCoreMessages, streamText } from 'ai';
 
-import { limitTotalCharacters } from '../utils/limitTotalCharacters';
-import { truncateSystemPrompt } from '../utils/truncateSystemPrompt';
-
 import type { NextRequest } from 'next/server';
 
 export async function POST(req: NextRequest) {
-  const { messages, system } = await req.json();
-  const limitedMessages = limitTotalCharacters(messages, 8000);
+  const {
+    messages,
+    system,
+    apiKey: key,
+    model = 'gpt-4o-mini',
+  } = await req.json();
+
+  const apiKey = key || process.env.OPENAI_API_KEY;
+
+  if (!apiKey) {
+    return NextResponse.json(
+      { error: 'Missing OpenAI API key.' },
+      { status: 401 }
+    );
+  }
+
+  const openai = createOpenAI({ apiKey });
+
+  console.log('model', model);
 
-  const result = await streamText({
-    maxTokens: 2048,
-    messages: convertToCoreMessages(limitedMessages),
-    model: openai('gpt-4o-mini'),
-    system: system ? truncateSystemPrompt(system, 12_000) : undefined,
-  });
+  try {
+    const result = await streamText({
+      maxTokens: 2048,
+      messages: convertToCoreMessages(messages),
+      model: openai(model),
+      system: system,
+    });
 
-  return result.toDataStreamResponse();
+    return result.toDataStreamResponse();
+  } catch {
+    return NextResponse.json(
+      { error: 'Failed to process AI request' },
+      { status: 500 }
+    );
+  }
 }
diff --git a/templates/plate-playground-template/src/app/api/ai/copilot/route.ts b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
index 47cc795610..cb21c7a6b5 100644
--- a/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
+++ b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
@@ -1,10 +1,24 @@
-import { openai } from '@ai-sdk/openai';
+import { NextResponse } from 'next/server';
+import { createOpenAI } from '@ai-sdk/openai';
 import { generateText } from 'ai';
 
 import type { NextRequest } from 'next/server';
 
 export async function POST(req: NextRequest) {
-  const { prompt, system } = await req.json();
+  const { prompt, system, apiKey: key } = await req.json();
+
+  const apiKey = key || process.env.OPENAI_API_KEY;
+
+  if (!apiKey) {
+    return NextResponse.json(
+      { error: 'Missing OpenAI API key.' },
+      { status: 401 }
+    );
+  }
+
+  console.log(apiKey);
+
+  const openai = createOpenAI({ apiKey });
 
   try {
     const result = await generateText({
@@ -16,17 +30,15 @@ export async function POST(req: NextRequest) {
       temperature: 0.7,
     });
 
-    return new Response(JSON.stringify(result), {
-      headers: { 'Content-Type': 'application/json' },
-    });
+    return NextResponse.json(result);
   } catch (error: any) {
     if (error.name === 'AbortError') {
-      return new Response(null, { status: 408 });
+      return NextResponse.json(null, { status: 408 });
     }
 
-    return new Response(JSON.stringify({ error: error.message }), {
-      status: 500,
-      headers: { 'Content-Type': 'application/json' },
-    });
+    return NextResponse.json(
+      { error: 'Failed to process AI request' },
+      { status: 500 }
+    );
   }
 }
diff --git a/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts b/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
deleted file mode 100644
index 4672af5571..0000000000
--- a/templates/plate-playground-template/src/app/api/ai/utils/limitTotalCharacters.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Message } from 'ai';
-
-export function limitTotalCharacters(
-  messages: Message[],
-  maxTotalChars: number
-) {
-  let totalChars = 0;
-  const limitedMessages: Message[] = [];
-
-  for (let i = messages.length - 1; i >= 0; i--) {
-    const msgChars = messages[i].content.length;
-
-    if (totalChars + msgChars > maxTotalChars) break;
-
-    totalChars += msgChars;
-    limitedMessages.unshift(messages[i]);
-  }
-
-  return limitedMessages;
-}
diff --git a/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts b/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts
deleted file mode 100644
index 2a96bfc62e..0000000000
--- a/templates/plate-playground-template/src/app/api/ai/utils/truncateSystemPrompt.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-export function truncateSystemPrompt(systemPrompt: string, maxChars: number) {
-  if (systemPrompt.length <= maxChars) return systemPrompt;
-
-  // Find the position of <Block> and <Selection> tags
-  const blockStart = systemPrompt.indexOf('<Block>');
-  const selectionStart = systemPrompt.indexOf('<Selection>');
-
-  if (blockStart === -1 || selectionStart === -1) {
-    // If tags are not found, simple truncation
-    return systemPrompt.slice(0, maxChars - 3) + '...';
-  }
-
-  // Preserve the structure and truncate content within tags if necessary
-  const prefix = systemPrompt.slice(0, blockStart);
-  const blockContent = systemPrompt.slice(blockStart, selectionStart);
-  const selectionContent = systemPrompt.slice(selectionStart);
-
-  const availableChars = maxChars - prefix.length - 6; // 6 for '...' in both block and selection
-  const halfAvailable = availableChars / 2;
-
-  const truncatedBlock =
-    blockContent.length > halfAvailable
-      ? blockContent.slice(0, halfAvailable - 3) + '...'
-      : blockContent;
-
-  const truncatedSelection =
-    selectionContent.length > availableChars - truncatedBlock.length
-      ? selectionContent.slice(0, availableChars - truncatedBlock.length - 3) +
-        '...'
-      : selectionContent;
-
-  return prefix + truncatedBlock + truncatedSelection;
-}
diff --git a/templates/plate-playground-template/src/app/layout.tsx b/templates/plate-playground-template/src/app/layout.tsx
index d0fbd1047a..e3d43b8085 100644
--- a/templates/plate-playground-template/src/app/layout.tsx
+++ b/templates/plate-playground-template/src/app/layout.tsx
@@ -1,8 +1,8 @@
 import { cn } from '@udecode/cn';
+import { Toaster } from 'sonner';
 
 import { siteConfig } from '@/config/site';
 import { fontSans } from '@/lib/fonts';
-import { TooltipProvider } from '@/components/plate-ui/tooltip';
 import { SiteHeader } from '@/components/site/site-header';
 import { TailwindIndicator } from '@/components/site/tailwind-indicator';
 import { ThemeProvider } from '@/components/site/theme-provider';
@@ -11,6 +11,8 @@ import '@/styles/globals.css';
 
 import { Metadata, Viewport } from 'next';
 
+import { OpenAIProvider } from '@/components/openai/openai-context';
+
 export const metadata: Metadata = {
   title: {
     default: siteConfig.name,
@@ -48,17 +50,15 @@ export default function RootLayout({ children }: RootLayoutProps) {
           )}
         >
           <ThemeProvider attribute="class" defaultTheme="light">
-            <TooltipProvider
-              disableHoverableContent
-              delayDuration={500}
-              skipDelayDuration={0}
-            >
+            <OpenAIProvider>
               <div className="relative flex min-h-screen flex-col">
                 <SiteHeader />
                 <div className="flex-1">{children}</div>
               </div>
-              <TailwindIndicator />
-            </TooltipProvider>
+            </OpenAIProvider>
+
+            <TailwindIndicator />
+            <Toaster />
           </ThemeProvider>
         </body>
       </html>
diff --git a/templates/plate-playground-template/src/app/page.tsx b/templates/plate-playground-template/src/app/page.tsx
index 32ae7ebd08..772eac67da 100644
--- a/templates/plate-playground-template/src/app/page.tsx
+++ b/templates/plate-playground-template/src/app/page.tsx
@@ -6,16 +6,13 @@ import { buttonVariants } from '@/components/plate-ui/button';
 
 export default function IndexPage() {
   return (
-    <section className="container grid items-center gap-6 pb-8 pt-6 md:py-10">
+    <section className="container grid items-center gap-6 px-4 pb-8 pt-6 sm:px-8 md:py-10">
       <div className="flex max-w-[980px] flex-col items-start gap-2">
-        <h1 className="text-3xl font-extrabold leading-tight tracking-tighter md:text-4xl">
-          Plate Playground.
+        <h1 className="text-3xl font-bold leading-tight tracking-tighter md:text-4xl">
+          Plate Playground
         </h1>
         <p className="max-w-[700px] text-lg text-muted-foreground">
-          Plugin system & primitive component library.{' '}
-          <br className="hidden sm:inline" />
-          CLI for styled components. Customizable. Open Source. And Next.js 14
-          Ready.
+          AI · Plugins · Components · Next 15
         </p>
       </div>
       <div className="flex gap-4">
@@ -37,7 +34,7 @@ export default function IndexPage() {
         </Link>
       </div>
 
-      <div className="max-w-[1336px] rounded-lg border bg-background shadow">
+      <div className="max-w-[calc(100vw-32px)] rounded-lg border bg-background shadow sm:max-w-[min(calc(100vw-64px),1336px)]">
         <PlateEditor />
       </div>
     </section>
diff --git a/templates/plate-playground-template/src/components/openai/openai-context.tsx b/templates/plate-playground-template/src/components/openai/openai-context.tsx
new file mode 100644
index 0000000000..e81b660a11
--- /dev/null
+++ b/templates/plate-playground-template/src/components/openai/openai-context.tsx
@@ -0,0 +1,45 @@
+'use client';
+
+import { createContext, ReactNode, useContext, useState } from 'react';
+
+interface Model {
+  value: string;
+  label: string;
+}
+
+interface OpenAIContextType {
+  apiKey: string;
+  model: Model;
+  setApiKey: (key: string) => void;
+  setModel: (model: Model) => void;
+}
+
+export const models: Model[] = [
+  { value: 'gpt-4o-mini', label: 'gpt-4o-mini' },
+  { value: 'gpt-4o', label: 'gpt-4o' },
+  { value: 'gpt-4-turbo', label: 'gpt-4-turbo' },
+  { value: 'gpt-4', label: 'gpt-4' },
+  { value: 'gpt-3.5-turbo', label: 'gpt-3.5-turbo' },
+  { value: 'gpt-3.5-turbo-instruct', label: 'gpt-3.5-turbo-instruct' },
+];
+
+const OpenAIContext = createContext<OpenAIContextType | undefined>(undefined);
+
+export function OpenAIProvider({ children }: { children: ReactNode }) {
+  const [apiKey, setApiKey] = useState('');
+  const [model, setModel] = useState<Model>(models[0]);
+
+  return (
+    <OpenAIContext.Provider value={{ apiKey, model, setApiKey, setModel }}>
+      {children}
+    </OpenAIContext.Provider>
+  );
+}
+
+export function useOpenAI() {
+  const context = useContext(OpenAIContext);
+  if (context === undefined) {
+    throw new Error('useOpenAI must be used within an OpenAIProvider');
+  }
+  return context;
+}
diff --git a/templates/plate-playground-template/src/components/openai/settings-dialog.tsx b/templates/plate-playground-template/src/components/openai/settings-dialog.tsx
new file mode 100644
index 0000000000..ecedb484a3
--- /dev/null
+++ b/templates/plate-playground-template/src/components/openai/settings-dialog.tsx
@@ -0,0 +1,196 @@
+'use client';
+
+import { useState } from 'react';
+import Link from 'next/link';
+import { cn } from '@udecode/cn';
+import { CopilotPlugin } from '@udecode/plate-ai/react';
+import { useEditorPlugin } from '@udecode/plate-common/react';
+import {
+  ArrowUpRight,
+  Check,
+  ChevronsUpDown,
+  Eye,
+  EyeOff,
+  Settings,
+} from 'lucide-react';
+
+import { Button } from '@/components/plate-ui/button';
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from '@/components/plate-ui/command';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@/components/plate-ui/dialog';
+import { Input } from '@/components/plate-ui/input';
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '@/components/plate-ui/popover';
+
+import { models, useOpenAI } from './openai-context';
+
+export function SettingsDialog() {
+  const { apiKey, setApiKey, model, setModel } = useOpenAI();
+  const [tempKey, setTempKey] = useState(apiKey);
+  const [showKey, setShowKey] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [openModel, setOpenModel] = useState(false);
+
+  const { getOptions, setOption } = useEditorPlugin(CopilotPlugin);
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    setApiKey(tempKey);
+    setOpen(false);
+
+    const completeOptions = getOptions().completeOptions ?? {};
+
+    setOption('completeOptions', {
+      ...completeOptions,
+      body: {
+        ...completeOptions.body,
+        apiKey: tempKey,
+      },
+    });
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button
+          variant="default"
+          size="icon"
+          className={cn(
+            'group fixed bottom-4 right-4 z-50 size-10 overflow-hidden',
+            'rounded-full shadow-md hover:shadow-lg',
+            'transition-all duration-300 ease-in-out hover:w-[106px]'
+          )}
+        >
+          <div className="flex size-full items-center justify-start">
+            <div className="flex size-10 shrink-0 items-center justify-center">
+              <Settings className="size-4" />
+            </div>
+            <span
+              className={cn(
+                'whitespace-nowrap opacity-0 transition-all duration-300 ease-in-out',
+                'group-hover:translate-x-0 group-hover:opacity-100',
+                '-translate-x-2'
+              )}
+            >
+              Settings
+            </span>
+          </div>
+        </Button>
+      </DialogTrigger>
+      <DialogContent>
+        <DialogHeader className="space-y-4">
+          <DialogTitle>AI Settings</DialogTitle>
+          <DialogDescription>
+            Enter your{' '}
+            <Link
+              href="https://platform.openai.com/api-keys"
+              target="_blank"
+              rel="noreferrer"
+              className="inline-flex items-center font-medium text-primary hover:underline"
+            >
+              OpenAI API key
+              <ArrowUpRight className="size-[14px]" />
+            </Link>{' '}
+            to use AI features.
+          </DialogDescription>
+        </DialogHeader>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div className="relative">
+            <Input
+              type={showKey ? 'text' : 'password'}
+              value={tempKey}
+              onChange={(e) => setTempKey(e.target.value)}
+              placeholder="sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
+              className="pr-10"
+              data-1p-ignore
+            />
+            <Button
+              type="button"
+              variant="ghost"
+              size="icon"
+              className="absolute right-0 top-0 h-full"
+              onClick={() => setShowKey(!showKey)}
+            >
+              {showKey ? (
+                <EyeOff className="size-4" />
+              ) : (
+                <Eye className="size-4" />
+              )}
+              <span className="sr-only">
+                {showKey ? 'Hide' : 'Show'} API key
+              </span>
+            </Button>
+          </div>
+
+          <Popover open={openModel} onOpenChange={setOpenModel}>
+            <PopoverTrigger asChild>
+              <Button
+                variant="outline"
+                role="combobox"
+                aria-expanded={openModel}
+                className="w-full justify-between"
+              >
+                <code>{model.label}</code>
+                <ChevronsUpDown className="ml-2 size-4 shrink-0 opacity-50" />
+              </Button>
+            </PopoverTrigger>
+            <PopoverContent className="w-full p-0">
+              <Command>
+                <CommandInput placeholder="Search model..." />
+                <CommandEmpty>No model found.</CommandEmpty>
+
+                <CommandList>
+                  <CommandGroup>
+                    {models.map((m) => (
+                      <CommandItem
+                        key={m.value}
+                        value={m.value}
+                        onSelect={() => {
+                          setModel(m);
+                          setOpenModel(false);
+                        }}
+                      >
+                        <Check
+                          className={cn(
+                            'mr-2 size-4',
+                            model.value === m.value
+                              ? 'opacity-100'
+                              : 'opacity-0'
+                          )}
+                        />
+                        <code>{m.label}</code>
+                      </CommandItem>
+                    ))}
+                  </CommandGroup>
+                </CommandList>
+              </Command>
+            </PopoverContent>
+          </Popover>
+
+          <Button type="submit" className="w-full">
+            Set API Key
+          </Button>
+        </form>
+        <p className="mt-4 text-sm text-muted-foreground">
+          Not stored anywhere. Used only for current session requests.
+        </p>
+      </DialogContent>
+    </Dialog>
+  );
+}
diff --git a/templates/plate-playground-template/src/components/plate-editor.tsx b/templates/plate-playground-template/src/components/plate-editor.tsx
index eb45d4c879..79fe64f09f 100644
--- a/templates/plate-playground-template/src/components/plate-editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-editor.tsx
@@ -134,6 +134,7 @@ import { TodoListElement } from '@/components/plate-ui/todo-list-element';
 import { withDraggables } from '@/components/plate-ui/with-draggables';
 
 import { AILeaf } from './plate-ui/ai-leaf';
+import { SettingsDialog } from './openai/settings-dialog';
 import { BlockContextMenu } from './plate-ui/block-context-menu';
 import { DateElement } from './plate-ui/date-element';
 import { SlashInputElement } from './plate-ui/slash-input-element';
@@ -163,13 +164,7 @@ export default function PlateEditor() {
             <FixedToolbarButtons />
           </FixedToolbar>
 
-          <Editor
-            className="px-[96px] py-16"
-            autoFocus
-            focusRing={false}
-            variant="ghost"
-            size="md"
-          />
+          <Editor autoFocus focusRing={false} variant="demo" size="md" />
 
           <FloatingToolbar>
             <FloatingToolbarButtons />
@@ -179,6 +174,8 @@ export default function PlateEditor() {
 
           <CursorOverlay containerRef={containerRef} />
         </div>
+
+        <SettingsDialog />
       </Plate>
     </DndProvider>
   );
@@ -481,8 +478,19 @@ export const useMyEditor = () => {
     value: [
       {
         id: '1',
+        type: 'h1',
+        children: [{ text: 'Playground' }],
+      },
+      {
+        id: '2',
         type: ParagraphPlugin.key,
-        children: [{ text: 'Hello, World!' }],
+        children: [
+          { text: 'A rich-text editor with AI capabilities. Try the ' },
+          { text: 'AI commands', bold: true },
+          { text: ' or use ' },
+          { text: 'Cmd+J', kbd: true },
+          { text: ' to open the AI menu.' },
+        ],
       },
     ],
   });
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
index 0b3d51b5fd..634d69c64a 100644
--- a/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx
@@ -56,7 +56,7 @@ export const aiChatItems = {
 {editor}
 </Document>
 Start writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`
-          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',
+          : 'Continue writing AFTER <Block> ONLY ONE SENTENCE. DONT REPEAT THE TEXT.',
       });
     },
   },
diff --git a/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
index a0494c0e94..a29cb1ec37 100644
--- a/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx
@@ -18,7 +18,9 @@ import {
 } from '@udecode/plate-selection/react';
 import { useChat } from 'ai/react';
 import { Loader2Icon } from 'lucide-react';
+import { toast } from 'sonner';
 
+import { useOpenAI } from '../openai/openai-context';
 import { AIChatEditor } from './ai-chat-editor';
 import { AIMenuItems } from './ai-menu-items';
 import { Command, CommandList, InputCommand } from './command';
@@ -38,10 +40,18 @@ export function AIMenu() {
 
   const chat = useChat({
     id: 'editor',
-    // API to be implemented
     api: '/api/ai/command',
+    body: {
+      apiKey: useOpenAI().apiKey,
+      model: useOpenAI().model.value,
+    },
     onError: (error) => {
-      throw error;
+      if (error.message.includes('API key')) {
+        toast.error('OpenAI API key required');
+      } else {
+        toast.error('Invalid OpenAI API key');
+      }
+      api.aiChat.hide();
     },
   });
 
diff --git a/templates/plate-playground-template/src/components/plate-ui/editor.tsx b/templates/plate-playground-template/src/components/plate-ui/editor.tsx
index 716dcc300b..07e761286a 100644
--- a/templates/plate-playground-template/src/components/plate-ui/editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-ui/editor.tsx
@@ -38,7 +38,7 @@ const editorVariants = cva(
       variant: {
         aiChat:
           'max-h-[min(70vh,320px)] w-full overflow-y-auto rounded-none border-b px-3 py-2 text-sm',
-        demo: 'min-h-full w-full px-16 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]',
+        demo: 'min-h-full w-full px-12 pb-72 text-base sm:px-16 md:px-[max(64px,calc(50%-350px))]',
         ghost: '',
         outline: 'border border-input',
       },
diff --git a/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
index be63e4c32f..840b538307 100644
--- a/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
+++ b/templates/plate-playground-template/src/components/plugins/copilot-plugins.tsx
@@ -10,7 +10,6 @@ export const copilotPlugins = [
   CopilotPlugin.configure(({ api }) => ({
     options: {
       completeOptions: {
-        // API to be implemented
         api: '/api/ai/copilot',
         body: {
           system: `You are an advanced AI writing assistant, similar to VSCode Copilot but for general text. Your task is to predict and generate the next part of the text based on the given context.
@@ -34,7 +33,17 @@ export const copilotPlugins = [
           });
         },
         onError: (error) => {
-          throw error;
+          let text = '';
+
+          if (error.message.includes('API key')) {
+            text = 'Set your OpenAI API key for real AI suggestions';
+          } else {
+            text = 'Try with a valid OpenAI API key for real AI suggestions';
+          }
+
+          api.copilot.setBlockSuggestion({
+            text: stripMarkdown(text),
+          });
         },
       },
       debounceDelay: 500,

From 5b97b2dd2aaf5bb53bcc1df449e7be79ae162104 Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 16:23:49 +0200
Subject: [PATCH 123/127] ai

---
 .../src/app/api/ai/copilot/route.ts                   | 11 +++++++----
 .../src/components/openai/settings-dialog.tsx         |  3 ++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/templates/plate-playground-template/src/app/api/ai/copilot/route.ts b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
index cb21c7a6b5..c1836b4e99 100644
--- a/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
+++ b/templates/plate-playground-template/src/app/api/ai/copilot/route.ts
@@ -5,7 +5,12 @@ import { generateText } from 'ai';
 import type { NextRequest } from 'next/server';
 
 export async function POST(req: NextRequest) {
-  const { prompt, system, apiKey: key } = await req.json();
+  const {
+    prompt,
+    system,
+    apiKey: key,
+    model = 'gpt-4o-mini',
+  } = await req.json();
 
   const apiKey = key || process.env.OPENAI_API_KEY;
 
@@ -16,15 +21,13 @@ export async function POST(req: NextRequest) {
     );
   }
 
-  console.log(apiKey);
-
   const openai = createOpenAI({ apiKey });
 
   try {
     const result = await generateText({
       abortSignal: req.signal,
       maxTokens: 50,
-      model: openai('gpt-4o-mini'),
+      model: openai(model),
       prompt: prompt,
       system,
       temperature: 0.7,
diff --git a/templates/plate-playground-template/src/components/openai/settings-dialog.tsx b/templates/plate-playground-template/src/components/openai/settings-dialog.tsx
index ecedb484a3..4dc813efc8 100644
--- a/templates/plate-playground-template/src/components/openai/settings-dialog.tsx
+++ b/templates/plate-playground-template/src/components/openai/settings-dialog.tsx
@@ -61,6 +61,7 @@ export function SettingsDialog() {
       body: {
         ...completeOptions.body,
         apiKey: tempKey,
+        model: model.value,
       },
     });
   };
@@ -184,7 +185,7 @@ export function SettingsDialog() {
           </Popover>
 
           <Button type="submit" className="w-full">
-            Set API Key
+            Save
           </Button>
         </form>
         <p className="mt-4 text-sm text-muted-foreground">

From c94177344100fe4b794b81b7d86355f05bd672cf Mon Sep 17 00:00:00 2001
From: zbeyens <zbeyens@udecode.dev>
Date: Fri, 25 Oct 2024 17:33:39 +0200
Subject: [PATCH 124/127] log

---
 .../plate-playground-template/src/app/api/ai/command/route.ts   | 2 --
 1 file changed, 2 deletions(-)

diff --git a/templates/plate-playground-template/src/app/api/ai/command/route.ts b/templates/plate-playground-template/src/app/api/ai/command/route.ts
index c8d792d2c0..9a4c0970b8 100644
--- a/templates/plate-playground-template/src/app/api/ai/command/route.ts
+++ b/templates/plate-playground-template/src/app/api/ai/command/route.ts
@@ -23,8 +23,6 @@ export async function POST(req: NextRequest) {
 
   const openai = createOpenAI({ apiKey });
 
-  console.log('model', model);
-
   try {
     const result = await streamText({
       maxTokens: 2048,

From 808af9a2bc8df6e6e9f76975d61953ff50cc5f0b Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 26 Oct 2024 09:49:45 +0800
Subject: [PATCH 125/127] docs

---
 apps/www/content/docs/components/ai-leaf.mdx  | 77 +++++++++++++++++
 apps/www/content/docs/components/ai-menu.mdx  | 84 +++++++++++++++++++
 .../docs/components/ai-toolbar-button.mdx     | 78 +++++++++++++++++
 .../docs/components/block-context-menu.mdx    |  8 +-
 .../www/content/docs/components/changelog.mdx |  4 +
 .../content/docs/components/ghost-text.mdx    | 14 +++-
 .../docs/components/indent-todo-marker.mdx    | 64 ++++++++++++++
 .../docs/components/slash-input-element.mdx   | 14 +++-
 .../content/docs/components/toc-element.mdx   | 16 +++-
 apps/www/public/r/index.json                  | 20 ++++-
 apps/www/public/r/styles/default/ai-leaf.json | 18 ++++
 apps/www/public/r/styles/default/ai-menu.json |  4 +-
 .../r/styles/default/indent-todo-marker.json  | 18 ++++
 .../r/styles/default/playground-demo.json     |  2 +-
 .../r/styles/default/slash-input-element.json |  2 +-
 apps/www/public/r/styles/default/toolbar.json |  2 +-
 apps/www/src/__registry__/index.tsx           | 20 ++++-
 apps/www/src/config/customizer-components.ts  | 20 +++++
 apps/www/src/config/docs.ts                   |  5 ++
 .../default/example/playground-demo.tsx       |  4 +-
 ...r-component.tsx => indent-fire-marker.tsx} |  0
 ...r-component.tsx => indent-todo-marker.tsx} |  0
 apps/www/src/registry/registry-ui.ts          | 11 ++-
 .../src/components/plate-editor.tsx           |  7 +-
 ...r-component.tsx => indent-fire-marker.tsx} |  0
 ...r-component.tsx => indent-todo-marker.tsx} |  0
 26 files changed, 460 insertions(+), 32 deletions(-)
 create mode 100644 apps/www/content/docs/components/ai-leaf.mdx
 create mode 100644 apps/www/content/docs/components/ai-menu.mdx
 create mode 100644 apps/www/content/docs/components/ai-toolbar-button.mdx
 create mode 100644 apps/www/content/docs/components/indent-todo-marker.mdx
 create mode 100644 apps/www/public/r/styles/default/ai-leaf.json
 create mode 100644 apps/www/public/r/styles/default/indent-todo-marker.json
 rename apps/www/src/registry/default/plate-ui/{indent-fire-marker-component.tsx => indent-fire-marker.tsx} (100%)
 rename apps/www/src/registry/default/plate-ui/{indent-todo-marker-component.tsx => indent-todo-marker.tsx} (100%)
 rename templates/plate-playground-template/src/components/plate-ui/{indent-fire-marker-component.tsx => indent-fire-marker.tsx} (100%)
 rename templates/plate-playground-template/src/components/plate-ui/{indent-todo-marker-component.tsx => indent-todo-marker.tsx} (100%)

diff --git a/apps/www/content/docs/components/ai-leaf.mdx b/apps/www/content/docs/components/ai-leaf.mdx
new file mode 100644
index 0000000000..c906b19bdd
--- /dev/null
+++ b/apps/www/content/docs/components/ai-leaf.mdx
@@ -0,0 +1,77 @@
+---
+title: AI Leaf
+description: Opens the AI menu from the editor toolbar.
+component: true
+docs:
+  - route: /docs/ai
+    title: AI
+  - route: https://pro.platejs.org/docs/components/ai-leaf
+    title: AI Leaf
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add ai-leaf -r plate-ui
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Install the following dependencies:
+
+- [AI](/docs/ai)
+
+
+</Step>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="copilot" />
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-leaf.tsx" />
+
+## Plate Plus
+
+In Plate Plus, we provides more advanced styles and complete backend setup
+
+All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-ai"
+  component="ai"
+/>
diff --git a/apps/www/content/docs/components/ai-menu.mdx b/apps/www/content/docs/components/ai-menu.mdx
new file mode 100644
index 0000000000..ed89e989dd
--- /dev/null
+++ b/apps/www/content/docs/components/ai-menu.mdx
@@ -0,0 +1,84 @@
+---
+title: AI Menu
+description: AI-powered menu for generating and inserting content in the editor.
+component: true
+docs:
+  - route: /docs/ai
+    title: AI
+  - route: https://pro.platejs.org/docs/components/ai-menu
+    title: AI Menu
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add ai-menu -r plate-ui
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Install the following dependencies:
+
+```bash
+npm install ai sonner
+```
+
+- [AI](/docs/ai)
+- [Command](/docs/components/command)
+- [Popover](/docs/components/popover)
+
+
+</Step>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx" />
+  
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="copilot" />
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx" />
+## Plate Plus
+
+In Plate Plus, we provides more advanced styles and complete backend setup
+
+All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-ai"
+  component="ai"
+/>
diff --git a/apps/www/content/docs/components/ai-toolbar-button.mdx b/apps/www/content/docs/components/ai-toolbar-button.mdx
new file mode 100644
index 0000000000..ca468a3dad
--- /dev/null
+++ b/apps/www/content/docs/components/ai-toolbar-button.mdx
@@ -0,0 +1,78 @@
+---
+title: AI Toolbar Button
+description: AI toolbar button
+component: true
+docs:
+  - route: /docs/ai
+    title: AI
+  - route: https://pro.platejs.org/docs/components/ai-toolbar-button
+    title: AI Toolbar Button
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add ai-toolbar-button -r plate-ui
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Install the following dependencies:
+
+- [AI](/docs/ai)
+- [Toolbar](/docs/components/toolbar)
+
+
+</Step>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="copilot" />
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-toolbar-button.tsx" />
+
+## Plate Plus
+
+In Plate Plus, we provides more advanced styles and complete backend setup
+
+All of the backend setup is available in [Potion template](https://pro.platejs.org/docs/templates/potion).
+
+<ComponentPreviewPro
+  name="pro-iframe-demo"
+  id="pro-ai"
+  component="ai"
+/>
diff --git a/apps/www/content/docs/components/block-context-menu.mdx b/apps/www/content/docs/components/block-context-menu.mdx
index 646c51f200..9fc747a270 100644
--- a/apps/www/content/docs/components/block-context-menu.mdx
+++ b/apps/www/content/docs/components/block-context-menu.mdx
@@ -21,7 +21,7 @@ docs:
 <TabsContent value="cli">
 
 ```bash
-npx @udecode/plate-ui@latest add block-context-menu
+npx @udecode/plate-ui@latest add block-context-menu -r plate-ui
 ```
 
 </TabsContent>
@@ -37,6 +37,8 @@ Install the following dependencies:
 ```bash
 npm install @radix-ui/react-context-menu
 ```
+- [BlockSelection](/docs/block-selection)
+- [BlockMenu](/docs/block-menu)
 
 </Step>
 
@@ -46,7 +48,7 @@ Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="block-context-menu" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx" />
 
 <Step>
 
@@ -64,7 +66,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="blockmenu" />
 
-<ComponentSource name="block-context-menu" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/block-context-menu.tsx" />
 
 ## Plus
 
diff --git a/apps/www/content/docs/components/changelog.mdx b/apps/www/content/docs/components/changelog.mdx
index 59f0f6fe53..7c07f1ee92 100644
--- a/apps/www/content/docs/components/changelog.mdx
+++ b/apps/www/content/docs/components/changelog.mdx
@@ -11,6 +11,10 @@ Use the [CLI](https://platejs.org/docs/components/cli) to install the latest ver
 
 ## October 2024 #15
 
+### October 26 #15.5
+
+- Rename `indent-todo-marker-component` to `indent-todo-marker`.
+
 ### October 25 #15.4
 
 - `slash-input-element`: add AI command & add `focusEditor` option
diff --git a/apps/www/content/docs/components/ghost-text.mdx b/apps/www/content/docs/components/ghost-text.mdx
index 3fe72de090..bf5842c42b 100644
--- a/apps/www/content/docs/components/ghost-text.mdx
+++ b/apps/www/content/docs/components/ghost-text.mdx
@@ -20,7 +20,7 @@ docs:
 <TabsContent value="cli">
 
 ```bash
-npx @udecode/plate-ui@latest add ghost-text
+npx @udecode/plate-ui@latest add ghost-text -r plate-ui
 ```
 
 </TabsContent>
@@ -31,11 +31,19 @@ npx @udecode/plate-ui@latest add ghost-text
 
 <Step>
 
+Install the following dependencies:
+
+- [Copilot](/docs/copilot)
+
+</Step>
+
+<Step>
+
 Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="ghost-text" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx" />
 
 <Step>
 
@@ -53,7 +61,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="copilot" />
 
-<ComponentSource name="ghost-text" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ghost-text.tsx" />
 
 ## Plate Plus
 
diff --git a/apps/www/content/docs/components/indent-todo-marker.mdx b/apps/www/content/docs/components/indent-todo-marker.mdx
new file mode 100644
index 0000000000..d1f78ff151
--- /dev/null
+++ b/apps/www/content/docs/components/indent-todo-marker.mdx
@@ -0,0 +1,64 @@
+---
+title: Indent Todo Marker
+description: Turn any block into a todo list item.
+component: true
+docs:
+  - route: /docs/indent-list
+    title: Indent List
+  - route: https://pro.platejs.org/docs/components/indent-todo-marker
+    title: Indent Todo Marker
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+<TabsTrigger value="cli">CLI</TabsTrigger>
+<TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx @udecode/plate-ui@latest add indent-todo-marker -r plate-ui
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>
+
+Install the following dependencies:
+
+- [Indent List](/docs/indent-list)
+
+</Step>
+
+<Step>
+
+Copy and paste the following code into your project.
+
+</Step>
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/indent-todo-marker.tsx" />
+
+<Step>
+
+Update the import paths to match your project setup.
+
+</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Examples
+
+<ComponentPreview name="playground-demo" id="copilot" />
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/indent-todo-marker.tsx" />
diff --git a/apps/www/content/docs/components/slash-input-element.mdx b/apps/www/content/docs/components/slash-input-element.mdx
index 2111a1c982..6ace49c5eb 100644
--- a/apps/www/content/docs/components/slash-input-element.mdx
+++ b/apps/www/content/docs/components/slash-input-element.mdx
@@ -20,7 +20,7 @@ docs:
 <TabsContent value="cli">
 
 ```bash
-npx @udecode/plate-ui@latest add slash-input-element
+npx @udecode/plate-ui@latest add slash-input-element -r plate-ui
 ```
 
 </TabsContent>
@@ -31,11 +31,19 @@ npx @udecode/plate-ui@latest add slash-input-element
 
 <Step>
 
+Install the following dependencies:
+
+- [SlashCommand](/docs/slash-command)
+
+</Step>
+
+<Step>
+
 Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="slash-input-element" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx" />
 
 <Step>
 
@@ -53,7 +61,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="slashCommand" />
 
-<ComponentSource name="slash-input-element" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx" />
 
 ## Plate Plus
 
diff --git a/apps/www/content/docs/components/toc-element.mdx b/apps/www/content/docs/components/toc-element.mdx
index 5ca8219a0b..fefda5d33c 100644
--- a/apps/www/content/docs/components/toc-element.mdx
+++ b/apps/www/content/docs/components/toc-element.mdx
@@ -20,7 +20,7 @@ docs:
 <TabsContent value="cli">
 
 ```bash
-npx @udecode/plate-ui@latest add toc-element
+npx @udecode/plate-ui@latest add toc-element -r plate-ui
 ```
 
 </TabsContent>
@@ -29,13 +29,23 @@ npx @udecode/plate-ui@latest add toc-element
 
 <Steps>
 
+<Step>
+
+Install the following dependencies:
+
+- [Heading](/docs/toc)
+
+
+</Step>
+
+
 <Step>
 
 Copy and paste the following code into your project.
 
 </Step>
 
-<ComponentSource name="toc-element" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/toc-element.tsx" />
 
 <Step>
 
@@ -53,7 +63,7 @@ Update the import paths to match your project setup.
 
 <ComponentPreview name="playground-demo" id="toc" />
 
-<ComponentSource name="toc-element" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/toc-element.tsx" />
 
 ## Plate Plus
 The TocSideBar component in Plate Plus offers the following features:
diff --git a/apps/www/public/r/index.json b/apps/www/public/r/index.json
index 50f224ae5c..dd54ef7c40 100644
--- a/apps/www/public/r/index.json
+++ b/apps/www/public/r/index.json
@@ -398,6 +398,22 @@
     ],
     "type": "registry:ui"
   },
+  {
+    "dependencies": [
+      "@udecode/plate-ai"
+    ],
+    "files": [
+      {
+        "path": "plate-ui/ai-leaf.tsx",
+        "type": "registry:ui"
+      }
+    ],
+    "name": "ai-leaf",
+    "registryDependencies": [
+      ""
+    ],
+    "type": "registry:ui"
+  },
   {
     "dependencies": [
       "@udecode/plate-heading"
@@ -803,11 +819,11 @@
     ],
     "files": [
       {
-        "path": "plate-ui/indent-todo-marker-component.tsx",
+        "path": "plate-ui/indent-todo-marker.tsx",
         "type": "registry:ui"
       }
     ],
-    "name": "indent-todo-marker-component",
+    "name": "indent-todo-marker",
     "registryDependencies": [
       "checkbox"
     ],
diff --git a/apps/www/public/r/styles/default/ai-leaf.json b/apps/www/public/r/styles/default/ai-leaf.json
new file mode 100644
index 0000000000..6f01629c8e
--- /dev/null
+++ b/apps/www/public/r/styles/default/ai-leaf.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-ai"
+  ],
+  "files": [
+    {
+      "content": "'use client';\n\nimport React from 'react';\n\nimport { cn, withRef } from '@udecode/cn';\nimport { PlateLeaf } from '@udecode/plate-common/react';\n\nexport const AILeaf = withRef<typeof PlateLeaf>(\n  ({ children, className, ...props }, ref) => {\n    return (\n      <PlateLeaf\n        ref={ref}\n        className={cn(\n          'border-b-2 border-b-purple-100 bg-purple-50 text-purple-800',\n          'transition-all duration-200 ease-in-out',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </PlateLeaf>\n    );\n  }\n);\n",
+      "path": "plate-ui/ai-leaf.tsx",
+      "target": "components/plate-ui/ai-leaf.tsx",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "ai-leaf",
+  "registryDependencies": [
+    ""
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/ai-menu.json b/apps/www/public/r/styles/default/ai-menu.json
index 18e441a025..50a226e156 100644
--- a/apps/www/public/r/styles/default/ai-menu.json
+++ b/apps/www/public/r/styles/default/ai-menu.json
@@ -6,7 +6,7 @@
   ],
   "files": [
     {
-      "content": "import * as React from 'react';\n\nimport { faker } from '@faker-js/faker';\nimport { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';\nimport {\n  type TElement,\n  type TNodeEntry,\n  getAncestorNode,\n  getBlocks,\n  isElementEmpty,\n  isSelectionAtBlockEnd,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  toDOMNode,\n  useEditorPlugin,\n  useHotkeys,\n} from '@udecode/plate-common/react';\nimport {\n  BlockSelectionPlugin,\n  useIsSelecting,\n} from '@udecode/plate-selection/react';\nimport { useChat } from 'ai/react';\nimport { Loader2Icon } from 'lucide-react';\n\nimport { AIChatEditor } from './ai-chat-editor';\nimport { AIMenuItems } from './ai-menu-items';\nimport { Command, CommandList, InputCommand } from './command';\nimport { Popover, PopoverAnchor, PopoverContent } from './popover';\n\nexport function AIMenu() {\n  const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const open = useOption('open');\n  const mode = useOption('mode');\n  const isSelecting = useIsSelecting();\n\n  const aiEditorRef = React.useRef<PlateEditor | null>(null);\n  const [value, setValue] = React.useState('');\n\n  const chat = useChat({\n    id: 'editor',\n    // API to be implemented\n    api: '/api/ai',\n    // Mock the API response. Remove it when you implement the route /api/ai\n    fetch: async () => {\n      await new Promise((resolve) => setTimeout(resolve, 400));\n      \n      const stream = fakeStreamText();\n\n      return new Response(stream, {\n        headers: {\n          Connection: 'keep-alive',\n          'Content-Type': 'text/plain',\n        },\n      });\n    },\n  });\n\n  const { input, isLoading, messages, setInput } = chat;\n  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  const setOpen = (open: boolean) => {\n    if (open) {\n      api.aiChat.show();\n    } else {\n      api.aiChat.hide();\n    }\n  };\n\n  const show = (anchorElement: HTMLElement) => {\n    setAnchorElement(anchorElement);\n    setOpen(true);\n  };\n\n  useEditorChat({\n    chat,\n    onOpenBlockSelection: (blocks: TNodeEntry[]) => {\n      show(toDOMNode(editor, blocks.at(-1)![0])!);\n    },\n    onOpenChange: (open) => {\n      if (!open) {\n        setAnchorElement(null);\n        setInput('');\n      }\n    },\n    onOpenCursor: () => {\n      const ancestor = getAncestorNode(editor)?.[0] as TElement;\n\n      if (!isSelectionAtBlockEnd(editor) && !isElementEmpty(editor, ancestor)) {\n        editor\n          .getApi(BlockSelectionPlugin)\n          .blockSelection.addSelectedRow(ancestor.id as string);\n      }\n\n      show(toDOMNode(editor, ancestor)!);\n    },\n    onOpenSelection: () => {\n      show(toDOMNode(editor, getBlocks(editor).at(-1)![0])!);\n    },\n  });\n\n  useHotkeys(\n    'meta+j',\n    () => {\n      api.aiChat.show();\n    },\n    { enableOnContentEditable: true, enableOnFormTags: true }\n  );\n\n  useHotkeys('escape', () => {\n    if (isLoading) {\n      api.aiChat.stop();\n    } else {\n      api.aiChat.hide();\n    }\n  });\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} modal={false}>\n      <PopoverAnchor virtualRef={{ current: anchorElement }} />\n\n      <PopoverContent\n        className=\"border-none bg-transparent p-0 shadow-none\"\n        style={{\n          width: anchorElement?.offsetWidth,\n        }}\n        align=\"center\"\n        avoidCollisions={false}\n        side=\"bottom\"\n      >\n        <Command\n          className=\"w-full rounded-lg border shadow-md\"\n          value={value}\n          onValueChange={setValue}\n        >\n          {mode === 'chat' && isSelecting && messages.length > 0 && (\n            <AIChatEditor aiEditorRef={aiEditorRef} />\n          )}\n\n          {isLoading ? (\n            <div className=\"flex grow select-none items-center gap-2 p-2 text-sm text-muted-foreground\">\n              <Loader2Icon className=\"size-4 animate-spin\" />\n              {messages.length > 1 ? 'Editing...' : 'Thinking...'}\n            </div>\n          ) : (\n            <InputCommand\n              variant=\"ghost\"\n              className=\"rounded-none border-b border-solid border-border [&_svg]:hidden\"\n              value={input}\n              onValueChange={setInput}\n              placeholder=\"Ask AI anything...\"\n              autoFocus\n            />\n          )}\n\n          {!isLoading && (\n            <CommandList>\n              <AIMenuItems aiEditorRef={aiEditorRef} setValue={setValue} />\n            </CommandList>\n          )}\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n// Used for testing. Remove it after implementing useChat api.\nconst fakeStreamText = ({\n  chunkCount = 10,\n  streamProtocol = 'data',\n}: {\n  chunkCount?: number;\n  streamProtocol?: 'data' | 'text';\n} = {}) => {\n  const chunks = Array.from({ length: chunkCount }, () => ({\n    delay: faker.number.int({ max: 150, min: 50 }),\n    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',\n  }));\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      for (const chunk of chunks) {\n        await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n        if (streamProtocol === 'text') {\n          controller.enqueue(encoder.encode(chunk.texts));\n        } else {\n          controller.enqueue(\n            encoder.encode(`0:${JSON.stringify(chunk.texts)}\\n`)\n          );\n        }\n      }\n\n      if (streamProtocol === 'data') {\n        controller.enqueue(\n          `d:{\"finishReason\":\"stop\",\"usage\":{\"promptTokens\":0,\"completionTokens\":${chunks.length}}}\\n`\n        );\n      }\n\n      controller.close();\n    },\n  });\n};\n",
+      "content": "import * as React from 'react';\n\nimport { faker } from '@faker-js/faker';\nimport { AIChatPlugin, useEditorChat } from '@udecode/plate-ai/react';\nimport {\n  type TElement,\n  type TNodeEntry,\n  getAncestorNode,\n  getBlocks,\n  isElementEmpty,\n  isHotkey,\n  isSelectionAtBlockEnd,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  toDOMNode,\n  useEditorPlugin,\n  useHotkeys,\n} from '@udecode/plate-common/react';\nimport {\n  BlockSelectionPlugin,\n  useIsSelecting,\n} from '@udecode/plate-selection/react';\nimport { useChat } from 'ai/react';\nimport { Loader2Icon } from 'lucide-react';\n\nimport { AIChatEditor } from './ai-chat-editor';\nimport { AIMenuItems } from './ai-menu-items';\nimport { Command, CommandList, InputCommand } from './command';\nimport { Popover, PopoverAnchor, PopoverContent } from './popover';\n\nexport function AIMenu() {\n  const { api, editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const open = useOption('open');\n  const mode = useOption('mode');\n  const isSelecting = useIsSelecting();\n\n  const aiEditorRef = React.useRef<PlateEditor | null>(null);\n  const [value, setValue] = React.useState('');\n\n  const chat = useChat({\n    id: 'editor',\n    // API to be implemented\n    api: '/api/ai',\n    // Mock the API response. Remove it when you implement the route /api/ai\n    fetch: async () => {\n      await new Promise((resolve) => setTimeout(resolve, 400));\n\n      const stream = fakeStreamText();\n\n      return new Response(stream, {\n        headers: {\n          Connection: 'keep-alive',\n          'Content-Type': 'text/plain',\n        },\n      });\n    },\n  });\n\n  const { input, isLoading, messages, setInput } = chat;\n  const [anchorElement, setAnchorElement] = React.useState<HTMLElement | null>(\n    null\n  );\n\n  const setOpen = (open: boolean) => {\n    if (open) {\n      api.aiChat.show();\n    } else {\n      api.aiChat.hide();\n    }\n  };\n\n  const show = (anchorElement: HTMLElement) => {\n    setAnchorElement(anchorElement);\n    setOpen(true);\n  };\n\n  useEditorChat({\n    chat,\n    onOpenBlockSelection: (blocks: TNodeEntry[]) => {\n      show(toDOMNode(editor, blocks.at(-1)![0])!);\n    },\n    onOpenChange: (open) => {\n      if (!open) {\n        setAnchorElement(null);\n        setInput('');\n      }\n    },\n    onOpenCursor: () => {\n      const ancestor = getAncestorNode(editor)?.[0] as TElement;\n\n      if (!isSelectionAtBlockEnd(editor) && !isElementEmpty(editor, ancestor)) {\n        editor\n          .getApi(BlockSelectionPlugin)\n          .blockSelection.addSelectedRow(ancestor.id as string);\n      }\n\n      show(toDOMNode(editor, ancestor)!);\n    },\n    onOpenSelection: () => {\n      show(toDOMNode(editor, getBlocks(editor).at(-1)![0])!);\n    },\n  });\n\n  useHotkeys(\n    'meta+j',\n    () => {\n      api.aiChat.show();\n    },\n    { enableOnContentEditable: true, enableOnFormTags: true }\n  );\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} modal={false}>\n      <PopoverAnchor virtualRef={{ current: anchorElement }} />\n\n      <PopoverContent\n        className=\"border-none bg-transparent p-0 shadow-none\"\n        style={{\n          width: anchorElement?.offsetWidth,\n        }}\n        onEscapeKeyDown={(e) => {\n          e.preventDefault();\n\n          if (isLoading) {\n            api.aiChat.stop();\n          } else {\n            api.aiChat.hide();\n          }\n        }}\n        align=\"center\"\n        avoidCollisions={false}\n        side=\"bottom\"\n      >\n        <Command\n          className=\"w-full rounded-lg border shadow-md\"\n          value={value}\n          onValueChange={setValue}\n        >\n          {mode === 'chat' && isSelecting && messages.length > 0 && (\n            <AIChatEditor aiEditorRef={aiEditorRef} />\n          )}\n\n          {isLoading ? (\n            <div className=\"flex grow select-none items-center gap-2 p-2 text-sm text-muted-foreground\">\n              <Loader2Icon className=\"size-4 animate-spin\" />\n              {messages.length > 1 ? 'Editing...' : 'Thinking...'}\n            </div>\n          ) : (\n            <InputCommand\n              variant=\"ghost\"\n              className=\"rounded-none border-b border-solid border-border [&_svg]:hidden\"\n              value={input}\n              onKeyDown={(e) => {\n                if (isHotkey('backspace')(e) && input.length === 0) {\n                  e.preventDefault();\n                  api.aiChat.hide();\n                }\n                if (isHotkey('enter')(e) && !e.shiftKey && !value) {\n                  e.preventDefault();\n                  void api.aiChat.submit();\n                }\n              }}\n              onValueChange={setInput}\n              placeholder=\"Ask AI anything...\"\n              autoFocus\n            />\n          )}\n\n          {!isLoading && (\n            <CommandList>\n              <AIMenuItems aiEditorRef={aiEditorRef} setValue={setValue} />\n            </CommandList>\n          )}\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n// Used for testing. Remove it after implementing useChat api.\nconst fakeStreamText = ({\n  chunkCount = 10,\n  streamProtocol = 'data',\n}: {\n  chunkCount?: number;\n  streamProtocol?: 'data' | 'text';\n} = {}) => {\n  const chunks = Array.from({ length: chunkCount }, () => ({\n    delay: faker.number.int({ max: 150, min: 50 }),\n    texts: faker.lorem.words({ max: 3, min: 1 }) + ' ',\n  }));\n  const encoder = new TextEncoder();\n\n  return new ReadableStream({\n    async start(controller) {\n      for (const chunk of chunks) {\n        await new Promise((resolve) => setTimeout(resolve, chunk.delay));\n\n        if (streamProtocol === 'text') {\n          controller.enqueue(encoder.encode(chunk.texts));\n        } else {\n          controller.enqueue(\n            encoder.encode(`0:${JSON.stringify(chunk.texts)}\\n`)\n          );\n        }\n      }\n\n      if (streamProtocol === 'data') {\n        controller.enqueue(\n          `d:{\"finishReason\":\"stop\",\"usage\":{\"promptTokens\":0,\"completionTokens\":${chunks.length}}}\\n`\n        );\n      }\n\n      controller.close();\n    },\n  });\n};\n",
       "path": "plate-ui/ai-menu.tsx",
       "target": "components/plate-ui/ai-menu.tsx",
       "type": "registry:ui"
@@ -18,7 +18,7 @@
       "type": "registry:ui"
     },
     {
-      "content": "import { useEffect, useMemo } from 'react';\n\nimport { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';\nimport {\n  getAncestorNode,\n  getEndPoint,\n  getNodeString,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  focusEditor,\n  useEditorPlugin,\n} from '@udecode/plate-common/react';\nimport { useIsSelecting } from '@udecode/plate-selection/react';\nimport {\n  Album,\n  BadgeHelp,\n  Check,\n  CornerUpLeft,\n  FeatherIcon,\n  ListEnd,\n  ListMinus,\n  ListPlus,\n  PenLine,\n  Wand,\n  X,\n} from 'lucide-react';\n\nimport { CommandGroup, CommandItem } from './command';\n\nexport type EditorChatState =\n  | 'cursorCommand'\n  | 'cursorSuggestion'\n  | 'selectionCommand'\n  | 'selectionSuggestion';\n\nexport const aiChatItems = {\n  accept: {\n    icon: <Check />,\n    label: 'Accept',\n    value: 'accept',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIChatPlugin).aiChat.accept();\n      focusEditor(editor, getEndPoint(editor, editor.selection!));\n    },\n  },\n  continueWrite: {\n    icon: <PenLine />,\n    label: 'Continue writing',\n    value: 'continueWrite',\n    onSelect: ({ editor }) => {\n      const ancestorNode = getAncestorNode(editor);\n      const isEmpty = getNodeString(ancestorNode![0]).trim().length === 0;\n\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: isEmpty\n          ? `<Document>\n{editor}\n</Document>\nStart writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`\n          : 'Continue writing at the end of <Block> ONLY ONE SENTENCE',\n      });\n    },\n  },\n  discard: {\n    icon: <X />,\n    label: 'Discard',\n    shortcut: 'Escape',\n    value: 'discard',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIPlugin).ai.undo();\n      editor.getApi(AIChatPlugin).aiChat.hide();\n    },\n  },\n  explain: {\n    icon: <BadgeHelp className=\"size-4\" />,\n    label: 'Explain',\n    value: 'explain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: {\n          default: 'Explain {editor}',\n          selecting: 'Explain',\n        },\n      });\n    },\n  },\n  fixSpelling: {\n    icon: <Check />,\n    label: 'Fix spelling & grammar',\n    value: 'fixSpelling',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Fix spelling and grammar',\n      });\n    },\n  },\n  improveWriting: {\n    icon: <Wand />,\n    label: 'Improve writing',\n    value: 'improveWriting',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Improve the writing',\n      });\n    },\n  },\n  insertBelow: {\n    icon: <ListEnd />,\n    label: 'Insert below',\n    value: 'insertBelow',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.insertBelow(aiEditor);\n    },\n  },\n  makeLonger: {\n    icon: <ListPlus />,\n    label: 'Make longer',\n    value: 'makeLonger',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make longer',\n      });\n    },\n  },\n  makeShorter: {\n    icon: <ListMinus />,\n    label: 'Make shorter',\n    value: 'makeShorter',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make shorter',\n      });\n    },\n  },\n  replace: {\n    icon: <Check />,\n    label: 'Replace selection',\n    value: 'replace',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.replaceSelection(aiEditor);\n    },\n  },\n  simplifyLanguage: {\n    icon: <FeatherIcon />,\n    label: 'Simplify language',\n    value: 'simplifyLanguage',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Simplify the language',\n      });\n    },\n  },\n  summarize: {\n    icon: <Album className=\"size-4\" />,\n    label: 'Add a summary',\n    value: 'summarize',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: {\n          default: 'Summarize {editor}',\n          selecting: 'Summarize',\n        },\n      });\n    },\n  },\n  tryAgain: {\n    icon: <CornerUpLeft />,\n    label: 'Try again',\n    value: 'tryAgain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.reload();\n    },\n  },\n} satisfies Record<\n  string,\n  {\n    icon: React.ReactNode;\n    label: string;\n    value: string;\n    component?: React.ComponentType<{ menuState: EditorChatState }>;\n    filterItems?: boolean;\n    items?: { label: string; value: string }[];\n    shortcut?: string;\n    onSelect?: ({\n      aiEditor,\n      editor,\n    }: {\n      aiEditor: PlateEditor;\n      editor: PlateEditor;\n    }) => void;\n  }\n>;\n\nconst menuStateItems: Record<\n  EditorChatState,\n  {\n    items: (typeof aiChatItems)[keyof typeof aiChatItems][];\n    heading?: string;\n  }[]\n> = {\n  cursorCommand: [\n    {\n      items: [\n        aiChatItems.continueWrite,\n        aiChatItems.summarize,\n        aiChatItems.explain,\n      ],\n    },\n  ],\n  cursorSuggestion: [\n    {\n      items: [aiChatItems.accept, aiChatItems.discard, aiChatItems.tryAgain],\n    },\n  ],\n  selectionCommand: [\n    {\n      items: [\n        aiChatItems.improveWriting,\n        aiChatItems.makeLonger,\n        aiChatItems.makeShorter,\n        aiChatItems.fixSpelling,\n        aiChatItems.simplifyLanguage,\n      ],\n    },\n  ],\n  selectionSuggestion: [\n    {\n      items: [\n        aiChatItems.replace,\n        aiChatItems.insertBelow,\n        aiChatItems.discard,\n        aiChatItems.tryAgain,\n      ],\n    },\n  ],\n};\n\nexport const AIMenuItems = ({\n  aiEditorRef,\n  setValue,\n}: {\n  aiEditorRef: React.MutableRefObject<PlateEditor | null>;\n  setValue: (value: string) => void;\n}) => {\n  const { editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const { messages } = useOption('chat');\n  const isSelecting = useIsSelecting();\n\n  const menuState = useMemo(() => {\n    if (messages && messages.length > 0) {\n      return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';\n    }\n\n    return isSelecting ? 'selectionCommand' : 'cursorCommand';\n  }, [isSelecting, messages]);\n\n  const menuGroups = useMemo(() => {\n    const items = menuStateItems[menuState];\n\n    return items;\n  }, [menuState]);\n\n  useEffect(() => {\n    if (menuGroups.length > 0 && menuGroups[0].items.length > 0) {\n      setValue(menuGroups[0].items[0].value);\n    }\n  }, [menuGroups, setValue]);\n\n  return (\n    <>\n      {menuGroups.map((group, index) => (\n        <CommandGroup key={index} heading={group.heading}>\n          {group.items.map((menuItem) => (\n            <CommandItem\n              key={menuItem.value}\n              className=\"gap-2 [&_svg]:size-4 [&_svg]:text-muted-foreground\"\n              value={menuItem.value}\n              onSelect={() => {\n                menuItem.onSelect?.({\n                  aiEditor: aiEditorRef.current!,\n                  editor: editor,\n                });\n              }}\n            >\n              {menuItem.icon}\n              <span>{menuItem.label}</span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  );\n};\n",
+      "content": "import { useEffect, useMemo } from 'react';\n\nimport { AIChatPlugin, AIPlugin } from '@udecode/plate-ai/react';\nimport {\n  getAncestorNode,\n  getEndPoint,\n  getNodeString,\n} from '@udecode/plate-common';\nimport {\n  type PlateEditor,\n  focusEditor,\n  useEditorPlugin,\n} from '@udecode/plate-common/react';\nimport { useIsSelecting } from '@udecode/plate-selection/react';\nimport {\n  Album,\n  BadgeHelp,\n  Check,\n  CornerUpLeft,\n  FeatherIcon,\n  ListEnd,\n  ListMinus,\n  ListPlus,\n  PenLine,\n  Wand,\n  X,\n} from 'lucide-react';\n\nimport { CommandGroup, CommandItem } from './command';\n\nexport type EditorChatState =\n  | 'cursorCommand'\n  | 'cursorSuggestion'\n  | 'selectionCommand'\n  | 'selectionSuggestion';\n\nexport const aiChatItems = {\n  accept: {\n    icon: <Check />,\n    label: 'Accept',\n    value: 'accept',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIChatPlugin).aiChat.accept();\n      focusEditor(editor, getEndPoint(editor, editor.selection!));\n    },\n  },\n  continueWrite: {\n    icon: <PenLine />,\n    label: 'Continue writing',\n    value: 'continueWrite',\n    onSelect: ({ editor }) => {\n      const ancestorNode = getAncestorNode(editor);\n      const isEmpty = getNodeString(ancestorNode![0]).trim().length === 0;\n\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: isEmpty\n          ? `<Document>\n{editor}\n</Document>\nStart writing a new paragraph AFTER <Document> ONLY ONE SENTENCE`\n          : 'Continue writing AFTER <Block> ONLY ONE SENTENCE. DONT REPEAT THE TEXT.',\n      });\n    },\n  },\n  discard: {\n    icon: <X />,\n    label: 'Discard',\n    shortcut: 'Escape',\n    value: 'discard',\n    onSelect: ({ editor }) => {\n      editor.getTransforms(AIPlugin).ai.undo();\n      editor.getApi(AIChatPlugin).aiChat.hide();\n    },\n  },\n  explain: {\n    icon: <BadgeHelp className=\"size-4\" />,\n    label: 'Explain',\n    value: 'explain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: {\n          default: 'Explain {editor}',\n          selecting: 'Explain',\n        },\n      });\n    },\n  },\n  fixSpelling: {\n    icon: <Check />,\n    label: 'Fix spelling & grammar',\n    value: 'fixSpelling',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Fix spelling and grammar',\n      });\n    },\n  },\n  improveWriting: {\n    icon: <Wand />,\n    label: 'Improve writing',\n    value: 'improveWriting',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Improve the writing',\n      });\n    },\n  },\n  insertBelow: {\n    icon: <ListEnd />,\n    label: 'Insert below',\n    value: 'insertBelow',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.insertBelow(aiEditor);\n    },\n  },\n  makeLonger: {\n    icon: <ListPlus />,\n    label: 'Make longer',\n    value: 'makeLonger',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make longer',\n      });\n    },\n  },\n  makeShorter: {\n    icon: <ListMinus />,\n    label: 'Make shorter',\n    value: 'makeShorter',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Make shorter',\n      });\n    },\n  },\n  replace: {\n    icon: <Check />,\n    label: 'Replace selection',\n    value: 'replace',\n    onSelect: ({ aiEditor, editor }) => {\n      void editor.getTransforms(AIChatPlugin).aiChat.replaceSelection(aiEditor);\n    },\n  },\n  simplifyLanguage: {\n    icon: <FeatherIcon />,\n    label: 'Simplify language',\n    value: 'simplifyLanguage',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        prompt: 'Simplify the language',\n      });\n    },\n  },\n  summarize: {\n    icon: <Album className=\"size-4\" />,\n    label: 'Add a summary',\n    value: 'summarize',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.submit({\n        mode: 'insert',\n        prompt: {\n          default: 'Summarize {editor}',\n          selecting: 'Summarize',\n        },\n      });\n    },\n  },\n  tryAgain: {\n    icon: <CornerUpLeft />,\n    label: 'Try again',\n    value: 'tryAgain',\n    onSelect: ({ editor }) => {\n      void editor.getApi(AIChatPlugin).aiChat.reload();\n    },\n  },\n} satisfies Record<\n  string,\n  {\n    icon: React.ReactNode;\n    label: string;\n    value: string;\n    component?: React.ComponentType<{ menuState: EditorChatState }>;\n    filterItems?: boolean;\n    items?: { label: string; value: string }[];\n    shortcut?: string;\n    onSelect?: ({\n      aiEditor,\n      editor,\n    }: {\n      aiEditor: PlateEditor;\n      editor: PlateEditor;\n    }) => void;\n  }\n>;\n\nconst menuStateItems: Record<\n  EditorChatState,\n  {\n    items: (typeof aiChatItems)[keyof typeof aiChatItems][];\n    heading?: string;\n  }[]\n> = {\n  cursorCommand: [\n    {\n      items: [\n        aiChatItems.continueWrite,\n        aiChatItems.summarize,\n        aiChatItems.explain,\n      ],\n    },\n  ],\n  cursorSuggestion: [\n    {\n      items: [aiChatItems.accept, aiChatItems.discard, aiChatItems.tryAgain],\n    },\n  ],\n  selectionCommand: [\n    {\n      items: [\n        aiChatItems.improveWriting,\n        aiChatItems.makeLonger,\n        aiChatItems.makeShorter,\n        aiChatItems.fixSpelling,\n        aiChatItems.simplifyLanguage,\n      ],\n    },\n  ],\n  selectionSuggestion: [\n    {\n      items: [\n        aiChatItems.replace,\n        aiChatItems.insertBelow,\n        aiChatItems.discard,\n        aiChatItems.tryAgain,\n      ],\n    },\n  ],\n};\n\nexport const AIMenuItems = ({\n  aiEditorRef,\n  setValue,\n}: {\n  aiEditorRef: React.MutableRefObject<PlateEditor | null>;\n  setValue: (value: string) => void;\n}) => {\n  const { editor, useOption } = useEditorPlugin(AIChatPlugin);\n  const { messages } = useOption('chat');\n  const isSelecting = useIsSelecting();\n\n  const menuState = useMemo(() => {\n    if (messages && messages.length > 0) {\n      return isSelecting ? 'selectionSuggestion' : 'cursorSuggestion';\n    }\n\n    return isSelecting ? 'selectionCommand' : 'cursorCommand';\n  }, [isSelecting, messages]);\n\n  const menuGroups = useMemo(() => {\n    const items = menuStateItems[menuState];\n\n    return items;\n  }, [menuState]);\n\n  useEffect(() => {\n    if (menuGroups.length > 0 && menuGroups[0].items.length > 0) {\n      setValue(menuGroups[0].items[0].value);\n    }\n  }, [menuGroups, setValue]);\n\n  return (\n    <>\n      {menuGroups.map((group, index) => (\n        <CommandGroup key={index} heading={group.heading}>\n          {group.items.map((menuItem) => (\n            <CommandItem\n              key={menuItem.value}\n              className=\"gap-2 [&_svg]:size-4 [&_svg]:text-muted-foreground\"\n              value={menuItem.value}\n              onSelect={() => {\n                menuItem.onSelect?.({\n                  aiEditor: aiEditorRef.current!,\n                  editor: editor,\n                });\n              }}\n            >\n              {menuItem.icon}\n              <span>{menuItem.label}</span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  );\n};\n",
       "path": "plate-ui/ai-menu-items.tsx",
       "target": "components/plate-ui/ai-menu-items.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/indent-todo-marker.json b/apps/www/public/r/styles/default/indent-todo-marker.json
new file mode 100644
index 0000000000..ec4feb7236
--- /dev/null
+++ b/apps/www/public/r/styles/default/indent-todo-marker.json
@@ -0,0 +1,18 @@
+{
+  "dependencies": [
+    "@udecode/plate-indent-list"
+  ],
+  "files": [
+    {
+      "content": "import type { PlateRenderElementProps } from '@udecode/plate-common/react';\n\nimport { cn } from '@udecode/cn';\nimport {\n  useIndentTodoListElement,\n  useIndentTodoListElementState,\n} from '@udecode/plate-indent-list/react';\n\nimport { Checkbox } from './checkbox';\n\nexport const TodoMarker = ({\n  element,\n}: Omit<PlateRenderElementProps, 'children'>) => {\n  const state = useIndentTodoListElementState({ element });\n  const { checkboxProps } = useIndentTodoListElement(state);\n\n  return (\n    <div contentEditable={false}>\n      <Checkbox\n        style={{ left: -24, position: 'absolute', top: 4 }}\n        {...checkboxProps}\n      />\n    </div>\n  );\n};\n\nexport const TodoLi = (props: PlateRenderElementProps) => {\n  const { children, element } = props;\n\n  return (\n    <span\n      className={cn(\n        (element.checked as boolean) && 'text-muted-foreground line-through'\n      )}\n    >\n      {children}\n    </span>\n  );\n};\n",
+      "path": "plate-ui/indent-todo-marker.tsx",
+      "target": "components/plate-ui/indent-todo-marker.tsx",
+      "type": "registry:ui"
+    }
+  ],
+  "name": "indent-todo-marker",
+  "registryDependencies": [
+    "checkbox"
+  ],
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/styles/default/playground-demo.json b/apps/www/public/r/styles/default/playground-demo.json
index 1b1cb496ef..6760903ca7 100644
--- a/apps/www/public/r/styles/default/playground-demo.json
+++ b/apps/www/public/r/styles/default/playground-demo.json
@@ -1,7 +1,7 @@
 {
   "files": [
     {
-      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { aiPlugins } from '@/lib/plate/demo/plugins/ai-plugins';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugins } from '@/lib/plate/demo/plugins/copilot-plugins';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker-component';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker-component';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  return usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        ...aiPlugins,\n        ...(id === 'copilot' ? copilotPlugins : []),\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ...(id === 'list' ? [ListPlugin] : []),\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin.configure({ options: { indentList: true } }),\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
+      "content": "'use client';\n\nimport React, { useRef } from 'react';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\n\nimport type { ValueId } from '@/config/customizer-plugins';\n\nimport { cn } from '@udecode/cn';\nimport { AlignPlugin } from '@udecode/plate-alignment/react';\nimport { AutoformatPlugin } from '@udecode/plate-autoformat/react';\nimport {\n  BoldPlugin,\n  CodePlugin,\n  ItalicPlugin,\n  StrikethroughPlugin,\n  SubscriptPlugin,\n  SuperscriptPlugin,\n  UnderlinePlugin,\n} from '@udecode/plate-basic-marks/react';\nimport { BlockquotePlugin } from '@udecode/plate-block-quote/react';\nimport { SingleLinePlugin } from '@udecode/plate-break/react';\nimport { CaptionPlugin } from '@udecode/plate-caption/react';\nimport { CodeBlockPlugin } from '@udecode/plate-code-block/react';\nimport { CommentsPlugin } from '@udecode/plate-comments/react';\nimport {\n  ParagraphPlugin,\n  Plate,\n  usePlateEditor,\n} from '@udecode/plate-common/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { DndPlugin } from '@udecode/plate-dnd';\nimport { DocxPlugin } from '@udecode/plate-docx';\nimport { EmojiPlugin } from '@udecode/plate-emoji/react';\nimport { ExcalidrawPlugin } from '@udecode/plate-excalidraw/react';\nimport {\n  FontBackgroundColorPlugin,\n  FontColorPlugin,\n  FontSizePlugin,\n} from '@udecode/plate-font/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { HeadingPlugin, TocPlugin } from '@udecode/plate-heading/react';\nimport { HighlightPlugin } from '@udecode/plate-highlight/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 { JuicePlugin } from '@udecode/plate-juice';\nimport { KbdPlugin } from '@udecode/plate-kbd/react';\nimport { ColumnPlugin } from '@udecode/plate-layout/react';\nimport { LineHeightPlugin } from '@udecode/plate-line-height/react';\nimport { LinkPlugin } from '@udecode/plate-link/react';\nimport { ListPlugin, TodoListPlugin } from '@udecode/plate-list/react';\nimport { MarkdownPlugin } from '@udecode/plate-markdown';\nimport { ImagePlugin, MediaEmbedPlugin } from '@udecode/plate-media/react';\nimport { MentionPlugin } from '@udecode/plate-mention/react';\nimport { NodeIdPlugin } from '@udecode/plate-node-id';\nimport { NormalizeTypesPlugin } from '@udecode/plate-normalizers';\nimport { PlaywrightPlugin } from '@udecode/plate-playwright';\nimport { DeletePlugin, SelectOnBackspacePlugin } from '@udecode/plate-select';\nimport {\n  BlockMenuPlugin,\n  BlockSelectionPlugin,\n} from '@udecode/plate-selection/react';\nimport { SlashPlugin } from '@udecode/plate-slash-command/react';\nimport { TablePlugin } from '@udecode/plate-table/react';\nimport { TogglePlugin } from '@udecode/plate-toggle/react';\nimport { TrailingBlockPlugin } from '@udecode/plate-trailing-block';\nimport Prism from 'prismjs';\n\nimport { CheckPlugin } from '@/components/context/check-plugin';\nimport { settingsStore } from '@/components/context/settings-store';\nimport { PlaygroundFixedToolbarButtons } from '@/components/plate-ui/playground-fixed-toolbar-buttons';\nimport { PlaygroundFloatingToolbar } from '@/components/plate-ui/playground-floating-toolbar';\nimport { PlaygroundFloatingToolbarButtons } from '@/components/plate-ui/playground-floating-toolbar-buttons';\nimport { aiPlugins } from '@/lib/plate/demo/plugins/ai-plugins';\nimport { getAutoformatOptions } from '@/lib/plate/demo/plugins/autoformatOptions';\nimport { copilotPlugins } from '@/lib/plate/demo/plugins/copilot-plugins';\nimport { createPlateUI } from '@/plate/create-plate-ui';\nimport { editableProps } from '@/plate/demo/editableProps';\nimport { isEnabled } from '@/plate/demo/is-enabled';\nimport { DragOverCursorPlugin } from '@/plate/demo/plugins/DragOverCursorPlugin';\nimport { exitBreakPlugin } from '@/plate/demo/plugins/exitBreakPlugin';\nimport { resetBlockTypePlugin } from '@/plate/demo/plugins/resetBlockTypePlugin';\nimport { softBreakPlugin } from '@/plate/demo/plugins/softBreakPlugin';\nimport { tabbablePlugin } from '@/plate/demo/plugins/tabbablePlugin';\nimport { commentsData, usersData } from '@/plate/demo/values/commentsValue';\nimport { usePlaygroundValue } from '@/plate/demo/values/usePlaygroundValue';\nimport { BlockContextMenu } from '@/components/plate-ui/block-context-menu';\nimport { CommentsPopover } from '@/components/plate-ui/comments-popover';\nimport {\n  CursorOverlay,\n  SelectionOverlayPlugin,\n} from '@/components/plate-ui/cursor-overlay';\nimport { Editor } from '@/components/plate-ui/editor';\nimport { FixedToolbar } from '@/components/plate-ui/fixed-toolbar';\nimport { ImagePreview } from '@/components/plate-ui/image-preview';\nimport {\n  FireLiComponent,\n  FireMarker,\n} from '@/components/plate-ui/indent-fire-marker';\nimport {\n  TodoLi,\n  TodoMarker,\n} from '@/components/plate-ui/indent-todo-marker';\nimport { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';\n\nimport { usePlaygroundEnabled } from './usePlaygroundEnabled';\n\nexport const usePlaygroundEditor = (id: any = '', scrollSelector?: string) => {\n  const enabledPlugins = settingsStore.use.checkedPlugins();\n  const overridePlugins = usePlaygroundEnabled(id);\n  const autoformatOptions = getAutoformatOptions(id, enabledPlugins);\n\n  const value = usePlaygroundValue(id);\n  const key = settingsStore.use.version();\n\n  const editorId = id || 'playground-' + key;\n\n  return usePlateEditor(\n    {\n      id: editorId,\n      override: {\n        components: createPlateUI({\n          draggable: isEnabled('dnd', id),\n          placeholder: isEnabled('placeholder', id),\n        }),\n        plugins: overridePlugins,\n      },\n      plugins: [\n        ...aiPlugins,\n        ...(id === 'copilot' ? copilotPlugins : []),\n        // Nodes\n        HeadingPlugin,\n        TocPlugin.configure({\n          options: {\n            scrollContainerSelector: `#${scrollSelector}`,\n            topOffset: 80,\n          },\n        }),\n        BlockquotePlugin,\n        CodeBlockPlugin.configure({\n          options: {\n            prism: Prism,\n          },\n        }),\n        HorizontalRulePlugin,\n        LinkPlugin.extend({\n          render: { afterEditable: () => <LinkFloatingToolbar /> },\n        }),\n        ...(id === 'list' ? [ListPlugin] : []),\n        ImagePlugin.extend({\n          render: { afterEditable: ImagePreview },\n        }),\n        MediaEmbedPlugin,\n        CaptionPlugin.configure({\n          options: {\n            plugins: [ImagePlugin, MediaEmbedPlugin],\n          },\n        }),\n        DatePlugin,\n        MentionPlugin.configure({\n          options: {\n            triggerPreviousCharPattern: /^$|^[\\s\"']$/,\n          },\n        }),\n        SlashPlugin,\n        TablePlugin.configure({\n          options: {\n            enableMerging: id === 'tableMerge',\n          },\n        }),\n        SelectionOverlayPlugin,\n\n        TodoListPlugin,\n        TogglePlugin,\n        ExcalidrawPlugin,\n        // Marks\n        BoldPlugin,\n        ItalicPlugin,\n        UnderlinePlugin,\n        StrikethroughPlugin,\n        CodePlugin,\n        SubscriptPlugin,\n        SuperscriptPlugin,\n        FontColorPlugin,\n        FontBackgroundColorPlugin,\n        FontSizePlugin,\n        HighlightPlugin,\n        KbdPlugin,\n\n        // Block Style\n        AlignPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              MediaEmbedPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              ImagePlugin.key,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n        IndentPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n        }),\n        IndentListPlugin.extend({\n          inject: {\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n              BlockquotePlugin.key,\n              CodeBlockPlugin.key,\n              TogglePlugin.key,\n            ],\n          },\n          options: {\n            listStyleTypes: {\n              fire: {\n                liComponent: FireLiComponent,\n                markerComponent: FireMarker,\n                type: 'fire',\n              },\n              todo: {\n                liComponent: TodoLi,\n                markerComponent: TodoMarker,\n                type: 'todo',\n              },\n            },\n          },\n        }),\n        LineHeightPlugin.extend({\n          inject: {\n            nodeProps: {\n              defaultNodeValue: 1.5,\n              validNodeValues: [1, 1.2, 1.5, 2, 3],\n            },\n            targetPlugins: [\n              ParagraphPlugin.key,\n              HEADING_KEYS.h1,\n              HEADING_KEYS.h2,\n              HEADING_KEYS.h3,\n              HEADING_KEYS.h4,\n              HEADING_KEYS.h5,\n              HEADING_KEYS.h6,\n            ],\n          },\n        }),\n\n        // Functionality\n        AutoformatPlugin.configure({ options: autoformatOptions }),\n        BlockSelectionPlugin.configure({\n          options: {\n            areaOptions: {\n              behaviour: {\n                scrolling: {\n                  speedDivider: 1.5,\n                },\n                startThreshold: 10,\n              },\n              boundaries: `#${scrollSelector}`,\n              container: `#${scrollSelector}`,\n              selectables: [`#${scrollSelector} .slate-selectable`],\n              selectionAreaClass: 'slate-selection-area',\n            },\n            enableContextMenu: true,\n          },\n        }),\n        BlockMenuPlugin.configure({\n          render: { aboveEditable: BlockContextMenu },\n        }),\n        DndPlugin.configure({ options: { enableScroller: true } }),\n        EmojiPlugin,\n        exitBreakPlugin,\n        NodeIdPlugin,\n        NormalizeTypesPlugin.configure({\n          options: {\n            rules: [{ path: [0], strictType: HEADING_KEYS.h1 }],\n          },\n        }),\n        resetBlockTypePlugin,\n        SelectOnBackspacePlugin.configure({\n          options: {\n            query: {\n              allow: [ImagePlugin.key, HorizontalRulePlugin.key],\n            },\n          },\n        }),\n        DeletePlugin,\n        SingleLinePlugin,\n        softBreakPlugin,\n        tabbablePlugin,\n        TrailingBlockPlugin.configure({\n          options: { type: ParagraphPlugin.key },\n        }),\n        DragOverCursorPlugin,\n\n        // Collaboration\n        CommentsPlugin.configure({\n          options: {\n            comments: commentsData,\n            myUserId: '1',\n            users: usersData,\n          },\n        }),\n\n        // Deserialization\n        DocxPlugin,\n        MarkdownPlugin.configure({ options: { indentList: true } }),\n        JuicePlugin,\n        ColumnPlugin,\n\n        // Testing\n        PlaywrightPlugin.configure({\n          enabled: process.env.NODE_ENV !== 'production',\n        }),\n      ],\n      value: value,\n    },\n    []\n  );\n};\n\nexport default function PlaygroundDemo({\n  id,\n  className,\n  scrollSelector,\n}: {\n  id?: ValueId;\n  className?: string;\n  scrollSelector?: string;\n}) {\n  const containerRef = useRef(null);\n  const enabled = settingsStore.use.checkedComponents();\n\n  const editor = usePlaygroundEditor(\n    id,\n    scrollSelector ?? `blockSelection-${id}`\n  );\n\n  return (\n    <DemoId id={id}>\n      <DndProvider backend={HTML5Backend}>\n        <Plate editor={editor}>\n          <CheckPlugin componentId=\"fixed-toolbar\">\n            <FixedToolbar className=\"no-scrollbar\">\n              <CheckPlugin componentId=\"fixed-toolbar-buttons\">\n                <PlaygroundFixedToolbarButtons />\n              </CheckPlugin>\n            </FixedToolbar>\n          </CheckPlugin>\n\n          <div id=\"editor-playground\" className=\"flex w-full\">\n            <div\n              id={scrollSelector ?? `blockSelection-${id}`}\n              ref={containerRef}\n              className={cn(\n                'relative flex w-full overflow-x-auto',\n                // block selection area\n                'max-h-[650px] [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15',\n                className\n              )}\n              data-plate-selectable\n            >\n              <Editor\n                {...editableProps}\n                size=\"md\"\n                variant=\"demo\"\n                className={cn(\n                  editableProps.className,\n                  'overflow-x-auto rounded-none',\n                  !id && 'pb-[20vh] pt-4',\n                  id && 'pb-8 pt-2'\n                )}\n                placeholder=\"\"\n                focusRing={false}\n              />\n\n              <CheckPlugin componentId=\"floating-toolbar\">\n                <PlaygroundFloatingToolbar\n                  state={{\n                    // hideToolbar: aiOpen,\n                    showWhenReadOnly: isEnabled(\n                      'comment',\n                      id,\n                      enabled[CommentsPlugin.key]\n                    ),\n                  }}\n                >\n                  <CheckPlugin componentId=\"floating-toolbar-buttons\">\n                    <PlaygroundFloatingToolbarButtons />\n                  </CheckPlugin>\n                </PlaygroundFloatingToolbar>\n              </CheckPlugin>\n\n              <CheckPlugin id=\"cursoroverlay\" plugin={DragOverCursorPlugin}>\n                <CursorOverlay containerRef={containerRef} />\n              </CheckPlugin>\n            </div>\n\n            <CheckPlugin\n              id=\"comment\"\n              componentId=\"comments-popover\"\n              plugin={CommentsPlugin}\n            >\n              <CommentsPopover />\n            </CheckPlugin>\n          </div>\n        </Plate>\n      </DndProvider>\n    </DemoId>\n  );\n}\n\nconst DemoIdContext = React.createContext<string | undefined>(undefined);\n\nexport function DemoId({\n  id,\n  children,\n}: {\n  children: React.ReactNode;\n  id?: string;\n}) {\n  return <DemoIdContext.Provider value={id}>{children}</DemoIdContext.Provider>;\n}\n\nexport function useDemoId() {\n  return React.useContext(DemoIdContext);\n}\n",
       "path": "example/playground-demo.tsx",
       "target": "components/playground-demo.tsx",
       "type": "registry:example"
diff --git a/apps/www/public/r/styles/default/slash-input-element.json b/apps/www/public/r/styles/default/slash-input-element.json
index 64b59a1681..cf51b3239d 100644
--- a/apps/www/public/r/styles/default/slash-input-element.json
+++ b/apps/www/public/r/styles/default/slash-input-element.json
@@ -5,7 +5,7 @@
   ],
   "files": [
     {
-      "content": "import React, { type ComponentType, type SVGProps } from 'react';\n\nimport type { PlateEditor } from '@udecode/plate-common/react';\n\nimport { withRef } from '@udecode/cn';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n} from './inline-combobox';\nimport { PlateElement } from './plate-element';\n\ninterface SlashCommandRule {\n  icon: ComponentType<SVGProps<SVGSVGElement>>;\n  onSelect: (editor: PlateEditor) => void;\n  value: string;\n  focusEditor?: boolean;\n  keywords?: string[];\n}\n\nconst rules: SlashCommandRule[] = [\n  {\n    icon: Icons.h1,\n    value: 'Heading 1',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h1 });\n    },\n  },\n  {\n    icon: Icons.h2,\n    value: 'Heading 2',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h2 });\n    },\n  },\n  {\n    icon: Icons.h3,\n    value: 'Heading 3',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h3 });\n    },\n  },\n  {\n    icon: Icons.ul,\n    keywords: ['ul', 'unordered list'],\n    value: 'Bulleted list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Disc,\n      });\n    },\n  },\n  {\n    icon: Icons.ol,\n    keywords: ['ol', 'ordered list'],\n    value: 'Numbered list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Decimal,\n      });\n    },\n  },\n  {\n    icon: Icons.add,\n    keywords: ['inline', 'date'],\n    value: 'Date',\n    onSelect: (editor) => {\n      editor.getTransforms(DatePlugin).insert.date();\n    },\n  },\n];\n\nexport const SlashInputElement = withRef<typeof PlateElement>(\n  ({ className, ...props }, ref) => {\n    const { children, editor, element } = props;\n\n    return (\n      <PlateElement\n        ref={ref}\n        as=\"span\"\n        data-slate-value={element.value}\n        {...props}\n      >\n        <InlineCombobox element={element} trigger=\"/\">\n          <InlineComboboxInput />\n\n          <InlineComboboxContent>\n            <InlineComboboxEmpty>\n              No matching commands found\n            </InlineComboboxEmpty>\n\n            {rules.map(({ icon: Icon, keywords, value, onSelect }) => (\n              <InlineComboboxItem\n                key={value}\n                value={value}\n                onClick={() => onSelect(editor)}\n                keywords={keywords}\n              >\n                <Icon className=\"mr-2 size-4\" aria-hidden />\n                {value}\n              </InlineComboboxItem>\n            ))}\n          </InlineComboboxContent>\n        </InlineCombobox>\n\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
+      "content": "import React, { type ComponentType, type SVGProps } from 'react';\n\nimport type { PlateEditor } from '@udecode/plate-common/react';\n\nimport { withRef } from '@udecode/cn';\nimport { AIChatPlugin } from '@udecode/plate-ai/react';\nimport { DatePlugin } from '@udecode/plate-date/react';\nimport { HEADING_KEYS } from '@udecode/plate-heading';\nimport { ListStyleType, toggleIndentList } from '@udecode/plate-indent-list';\n\nimport { Icons } from '@/components/icons';\n\nimport {\n  InlineCombobox,\n  InlineComboboxContent,\n  InlineComboboxEmpty,\n  InlineComboboxInput,\n  InlineComboboxItem,\n} from './inline-combobox';\nimport { PlateElement } from './plate-element';\n\ninterface SlashCommandRule {\n  icon: ComponentType<SVGProps<SVGSVGElement>>;\n  onSelect: (editor: PlateEditor) => void;\n  value: string;\n  className?: string;\n  focusEditor?: boolean;\n  keywords?: string[];\n}\n\nconst rules: SlashCommandRule[] = [\n  {\n    focusEditor: false,\n    icon: Icons.ai,\n    value: 'AI',\n    onSelect: (editor) => {\n      editor.getApi(AIChatPlugin).aiChat.show();\n    },\n  },\n  {\n    icon: Icons.h1,\n    value: 'Heading 1',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h1 });\n    },\n  },\n  {\n    icon: Icons.h2,\n    value: 'Heading 2',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h2 });\n    },\n  },\n  {\n    icon: Icons.h3,\n    value: 'Heading 3',\n    onSelect: (editor) => {\n      editor.tf.toggle.block({ type: HEADING_KEYS.h3 });\n    },\n  },\n  {\n    icon: Icons.ul,\n    keywords: ['ul', 'unordered list'],\n    value: 'Bulleted list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Disc,\n      });\n    },\n  },\n  {\n    icon: Icons.ol,\n    keywords: ['ol', 'ordered list'],\n    value: 'Numbered list',\n    onSelect: (editor) => {\n      toggleIndentList(editor, {\n        listStyleType: ListStyleType.Decimal,\n      });\n    },\n  },\n  {\n    icon: Icons.add,\n    keywords: ['inline', 'date'],\n    value: 'Date',\n    onSelect: (editor) => {\n      editor.getTransforms(DatePlugin).insert.date();\n    },\n  },\n];\n\nexport const SlashInputElement = withRef<typeof PlateElement>(\n  ({ className, ...props }, ref) => {\n    const { children, editor, element } = props;\n\n    return (\n      <PlateElement\n        ref={ref}\n        as=\"span\"\n        data-slate-value={element.value}\n        {...props}\n      >\n        <InlineCombobox element={element} trigger=\"/\">\n          <InlineComboboxInput />\n\n          <InlineComboboxContent>\n            <InlineComboboxEmpty>\n              No matching commands found\n            </InlineComboboxEmpty>\n\n            {rules.map(\n              ({ focusEditor, icon: Icon, keywords, value, onSelect }) => (\n                <InlineComboboxItem\n                  key={value}\n                  value={value}\n                  onClick={() => onSelect(editor)}\n                  focusEditor={focusEditor}\n                  keywords={keywords}\n                >\n                  <Icon className=\"mr-2 size-4\" aria-hidden />\n                  {value}\n                </InlineComboboxItem>\n              )\n            )}\n          </InlineComboboxContent>\n        </InlineCombobox>\n\n        {children}\n      </PlateElement>\n    );\n  }\n);\n",
       "path": "plate-ui/slash-input-element.tsx",
       "target": "components/plate-ui/slash-input-element.tsx",
       "type": "registry:ui"
diff --git a/apps/www/public/r/styles/default/toolbar.json b/apps/www/public/r/styles/default/toolbar.json
index 58fa8f02cb..d371a9d259 100644
--- a/apps/www/public/r/styles/default/toolbar.json
+++ b/apps/www/public/r/styles/default/toolbar.json
@@ -4,7 +4,7 @@
   ],
   "files": [
     {
-      "content": "'use client';\n\nimport * as React from 'react';\n\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { withTooltip } from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-center'\n);\n\nexport const ToolbarToggleGroup = withCn(\n  ToolbarPrimitive.ToolbarToggleGroup,\n  'flex items-center'\n);\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'mx-2 my-1 w-px shrink-0 bg-border'\n);\n\nconst toolbarButtonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n    '[&_svg:not([data-icon])]:size-4'\n  ),\n  {\n    defaultVariants: {\n      size: 'sm',\n      variant: 'default',\n    },\n    variants: {\n      size: {\n        default: 'h-10 px-3',\n        lg: 'h-11 px-5',\n        sm: 'h-7 px-2',\n      },\n      variant: {\n        default:\n          'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground',\n        outline:\n          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n    },\n  }\n);\n\nconst ToolbarButton = withTooltip(\n  // eslint-disable-next-line react/display-name\n  React.forwardRef<\n    React.ElementRef<typeof ToolbarToggleItem>,\n    {\n      isDropdown?: boolean;\n      pressed?: boolean;\n    } & Omit<\n      React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>,\n      'asChild' | 'value'\n    > &\n      VariantProps<typeof toolbarButtonVariants>\n  >(\n    (\n      { children, className, isDropdown, pressed, size, variant, ...props },\n      ref\n    ) => {\n      return typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup\n          disabled={props.disabled}\n          value=\"single\"\n          type=\"single\"\n        >\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toolbarButtonVariants({\n                size,\n                variant,\n              }),\n              isDropdown && 'justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            {isDropdown ? (\n              <>\n                <div className=\"flex flex-1 items-center whitespace-nowrap\">\n                  {children}\n                </div>\n                <div>\n                  <Icons.arrowDown\n                    className=\"ml-0.5 size-3.5 text-muted-foreground\"\n                    data-icon\n                  />\n                </div>\n              </>\n            ) : (\n              children\n            )}\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toolbarButtonVariants({\n              size,\n              variant,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n    }\n  )\n);\nToolbarButton.displayName = 'ToolbarButton';\n\nexport { ToolbarButton };\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toolbarButtonVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<'div'>(({ children, className }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn('group/toolbar-group relative flex', className)}\n    >\n      <div className=\"flex items-center gap-0.5\">{children}</div>\n\n      <div className=\"mx-1.5 hidden py-0.5 group-last/toolbar-group:!hidden group-has-[button]/toolbar-group:block\">\n        <Separator orientation=\"vertical\" />\n      </div>\n    </div>\n  );\n});\n",
+      "content": "'use client';\n\nimport * as React from 'react';\n\nimport * as ToolbarPrimitive from '@radix-ui/react-toolbar';\nimport { cn, withCn, withRef, withVariants } from '@udecode/cn';\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Icons } from '@/components/icons';\n\nimport { Separator } from './separator';\nimport { withTooltip } from './tooltip';\n\nexport const Toolbar = withCn(\n  ToolbarPrimitive.Root,\n  'relative flex select-none items-center'\n);\n\nexport const ToolbarToggleGroup = withCn(\n  ToolbarPrimitive.ToolbarToggleGroup,\n  'flex items-center'\n);\n\nexport const ToolbarLink = withCn(\n  ToolbarPrimitive.Link,\n  'font-medium underline underline-offset-4'\n);\n\nexport const ToolbarSeparator = withCn(\n  ToolbarPrimitive.Separator,\n  'mx-2 my-1 w-px shrink-0 bg-border'\n);\n\nconst toolbarButtonVariants = cva(\n  cn(\n    'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium text-foreground ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n    '[&_svg:not([data-icon])]:size-4'\n  ),\n  {\n    defaultVariants: {\n      size: 'sm',\n      variant: 'default',\n    },\n    variants: {\n      size: {\n        default: 'h-10 px-3',\n        lg: 'h-11 px-5',\n        sm: 'h-7 px-2',\n      },\n      variant: {\n        default:\n          'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground',\n        outline:\n          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n    },\n  }\n);\n\nconst ToolbarButton = withTooltip(\n  // eslint-disable-next-line react/display-name\n  React.forwardRef<\n    React.ElementRef<typeof ToolbarToggleItem>,\n    {\n      isDropdown?: boolean;\n      pressed?: boolean;\n    } & Omit<\n      React.ComponentPropsWithoutRef<typeof ToolbarToggleItem>,\n      'asChild' | 'value'\n    > &\n      VariantProps<typeof toolbarButtonVariants>\n  >(\n    (\n      { children, className, isDropdown, pressed, size, variant, ...props },\n      ref\n    ) => {\n      return typeof pressed === 'boolean' ? (\n        <ToolbarToggleGroup\n          disabled={props.disabled}\n          value=\"single\"\n          type=\"single\"\n        >\n          <ToolbarToggleItem\n            ref={ref}\n            className={cn(\n              toolbarButtonVariants({\n                size,\n                variant,\n              }),\n              isDropdown && 'justify-between pr-1',\n              className\n            )}\n            value={pressed ? 'single' : ''}\n            {...props}\n          >\n            {isDropdown ? (\n              <>\n                <div className=\"flex flex-1 items-center whitespace-nowrap\">\n                  {children}\n                </div>\n                <div>\n                  <Icons.arrowDown\n                    className=\"ml-0.5 size-3.5 text-muted-foreground\"\n                    data-icon\n                  />\n                </div>\n              </>\n            ) : (\n              children\n            )}\n          </ToolbarToggleItem>\n        </ToolbarToggleGroup>\n      ) : (\n        <ToolbarPrimitive.Button\n          ref={ref}\n          className={cn(\n            toolbarButtonVariants({\n              size,\n              variant,\n            }),\n            isDropdown && 'pr-1',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </ToolbarPrimitive.Button>\n      );\n    }\n  )\n);\nToolbarButton.displayName = 'ToolbarButton';\n\nexport { ToolbarButton };\n\nexport const ToolbarToggleItem = withVariants(\n  ToolbarPrimitive.ToggleItem,\n  toolbarButtonVariants,\n  ['variant', 'size']\n);\n\nexport const ToolbarGroup = withRef<'div'>(({ children, className }, ref) => {\n  const childArr = React.Children.map(children, (c) => c);\n\n  if (!childArr || childArr.length === 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn('group/toolbar-group relative flex', className)}\n    >\n      <div className=\"flex items-center gap-0.5\">{children}</div>\n\n      <div className=\"mx-1.5 hidden py-0.5 group-last/toolbar-group:!hidden group-has-[button]/toolbar-group:block\">\n        <Separator orientation=\"vertical\" />\n      </div>\n    </div>\n  );\n});\n",
       "path": "plate-ui/toolbar.tsx",
       "target": "components/plate-ui/toolbar.tsx",
       "type": "registry:ui"
diff --git a/apps/www/src/__registry__/index.tsx b/apps/www/src/__registry__/index.tsx
index 79290812d3..f9b0f19103 100644
--- a/apps/www/src/__registry__/index.tsx
+++ b/apps/www/src/__registry__/index.tsx
@@ -221,6 +221,18 @@ export const Index: Record<string, any> = {
       subcategory: "",
       chunks: []
     },
+    "ai-leaf": {
+      name: "ai-leaf",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: [""],
+      files: ["registry/default/plate-ui/ai-leaf.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/ai-leaf.tsx")),
+      source: "",
+      category: "",
+      subcategory: "",
+      chunks: []
+    },
     "toc-element": {
       name: "toc-element",
       description: "",
@@ -533,13 +545,13 @@ export const Index: Record<string, any> = {
       subcategory: "",
       chunks: []
     },
-    "indent-todo-marker-component": {
-      name: "indent-todo-marker-component",
+    "indent-todo-marker": {
+      name: "indent-todo-marker",
       description: "",
       type: "registry:ui",
       registryDependencies: ["checkbox"],
-      files: ["registry/default/plate-ui/indent-todo-marker-component.tsx"],
-      component: React.lazy(() => import("@/registry/default/plate-ui/indent-todo-marker-component.tsx")),
+      files: ["registry/default/plate-ui/indent-todo-marker.tsx"],
+      component: React.lazy(() => import("@/registry/default/plate-ui/indent-todo-marker.tsx")),
       source: "",
       category: "",
       subcategory: "",
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index 6ed23dcd95..7a5e5a9479 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -1,4 +1,19 @@
 export const customizerComponents = {
+  aiLeaf: {
+    href: '/docs/components/ai-leaf',
+    new: true,
+    title: 'AI Leaf',
+  },
+  aiMenu: {
+    href: '/docs/components/ai-menu',
+    new: true,
+    title: 'AI Menu',
+  },
+  aiToolbarButton: {
+    href: '/docs/components/ai-toolbar-button',
+    new: true,
+    title: 'AI Toolbar Button',
+  },
   alignDropdownMenu: {
     href: '/docs/components/align-dropdown-menu',
     title: 'Align Dropdown Menu',
@@ -152,6 +167,10 @@ export const customizerComponents = {
     href: '/docs/components/indent-list-toolbar-button',
     title: 'Indent List Toolbar Button',
   },
+  indentTodoMarker: {
+    href: '/docs/components/indent-todo-marker',
+    title: 'Indent Todo Marker',
+  },
   indentToolbarButton: {
     href: '/docs/components/indent-toolbar-button',
     title: 'Indent Toolbar Button',
@@ -272,6 +291,7 @@ export const customizerComponents = {
   tocElement: {
     href: '/docs/components/toc-element',
     label: 'Element',
+    new: true,
     title: 'Table of Contents',
   },
   todoListElement: {
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 72dc61895b..1cebeb26c2 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -47,6 +47,9 @@ export const docsConfig: DocsConfig = {
     },
     {
       items: [
+        customizerComponents.aiLeaf,
+        customizerComponents.aiMenu,
+        customizerComponents.aiToolbarButton,
         customizerComponents.ghostText,
         customizerComponents.editor,
         customizerComponents.alignDropdownMenu,
@@ -87,6 +90,7 @@ export const docsConfig: DocsConfig = {
         customizerComponents.imageElement,
         customizerComponents.indentListToolbarButton,
         customizerComponents.indentToolbarButton,
+        customizerComponents.indentTodoMarker,
         customizerComponents.inlineCombobox,
         customizerComponents.input,
         customizerComponents.insertDropdownMenu,
@@ -378,6 +382,7 @@ export const docsConfig: DocsConfig = {
           href: '/docs/indent-list',
           title: 'Indent List',
         },
+
         {
           href: '/docs/line-height',
           title: 'Line Height',
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
index 9a1cfdadb9..ea3c4583dc 100644
--- a/apps/www/src/registry/default/example/playground-demo.tsx
+++ b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -97,11 +97,11 @@ import { ImagePreview } from '@/registry/default/plate-ui/image-preview';
 import {
   FireLiComponent,
   FireMarker,
-} from '@/registry/default/plate-ui/indent-fire-marker-component';
+} from '@/registry/default/plate-ui/indent-fire-marker';
 import {
   TodoLi,
   TodoMarker,
-} from '@/registry/default/plate-ui/indent-todo-marker-component';
+} from '@/registry/default/plate-ui/indent-todo-marker';
 import { LinkFloatingToolbar } from '@/registry/default/plate-ui/link-floating-toolbar';
 
 import { usePlaygroundEnabled } from './usePlaygroundEnabled';
diff --git a/apps/www/src/registry/default/plate-ui/indent-fire-marker-component.tsx b/apps/www/src/registry/default/plate-ui/indent-fire-marker.tsx
similarity index 100%
rename from apps/www/src/registry/default/plate-ui/indent-fire-marker-component.tsx
rename to apps/www/src/registry/default/plate-ui/indent-fire-marker.tsx
diff --git a/apps/www/src/registry/default/plate-ui/indent-todo-marker-component.tsx b/apps/www/src/registry/default/plate-ui/indent-todo-marker.tsx
similarity index 100%
rename from apps/www/src/registry/default/plate-ui/indent-todo-marker-component.tsx
rename to apps/www/src/registry/default/plate-ui/indent-todo-marker.tsx
diff --git a/apps/www/src/registry/registry-ui.ts b/apps/www/src/registry/registry-ui.ts
index 9699302c93..95e8c65c44 100644
--- a/apps/www/src/registry/registry-ui.ts
+++ b/apps/www/src/registry/registry-ui.ts
@@ -177,6 +177,13 @@ export const ui: Registry = [
     registryDependencies: [''],
     type: 'registry:ui',
   },
+  {
+    dependencies: ['@udecode/plate-ai'],
+    files: ['plate-ui/ai-leaf.tsx'],
+    name: 'ai-leaf',
+    registryDependencies: [''],
+    type: 'registry:ui',
+  },
   {
     dependencies: ['@udecode/plate-heading'],
     files: ['plate-ui/toc-element.tsx'],
@@ -377,8 +384,8 @@ export const ui: Registry = [
   },
   {
     dependencies: ['@udecode/plate-indent-list'],
-    files: ['plate-ui/indent-todo-marker-component.tsx'],
-    name: 'indent-todo-marker-component',
+    files: ['plate-ui/indent-todo-marker.tsx'],
+    name: 'indent-todo-marker',
     registryDependencies: ['checkbox'],
     type: 'registry:ui',
   },
diff --git a/templates/plate-playground-template/src/components/plate-editor.tsx b/templates/plate-playground-template/src/components/plate-editor.tsx
index 79fe64f09f..eaad29dffd 100644
--- a/templates/plate-playground-template/src/components/plate-editor.tsx
+++ b/templates/plate-playground-template/src/components/plate-editor.tsx
@@ -112,10 +112,7 @@ import { HeadingElement } from '@/components/plate-ui/heading-element';
 import { HighlightLeaf } from '@/components/plate-ui/highlight-leaf';
 import { HrElement } from '@/components/plate-ui/hr-element';
 import { ImageElement } from '@/components/plate-ui/image-element';
-import {
-  TodoLi,
-  TodoMarker,
-} from '@/components/plate-ui/indent-todo-marker-component';
+import { TodoLi, TodoMarker } from '@/components/plate-ui/indent-todo-marker';
 import { KbdLeaf } from '@/components/plate-ui/kbd-leaf';
 import { LinkElement } from '@/components/plate-ui/link-element';
 import { LinkFloatingToolbar } from '@/components/plate-ui/link-floating-toolbar';
@@ -133,8 +130,8 @@ import { TableRowElement } from '@/components/plate-ui/table-row-element';
 import { TodoListElement } from '@/components/plate-ui/todo-list-element';
 import { withDraggables } from '@/components/plate-ui/with-draggables';
 
-import { AILeaf } from './plate-ui/ai-leaf';
 import { SettingsDialog } from './openai/settings-dialog';
+import { AILeaf } from './plate-ui/ai-leaf';
 import { BlockContextMenu } from './plate-ui/block-context-menu';
 import { DateElement } from './plate-ui/date-element';
 import { SlashInputElement } from './plate-ui/slash-input-element';
diff --git a/templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx b/templates/plate-playground-template/src/components/plate-ui/indent-fire-marker.tsx
similarity index 100%
rename from templates/plate-playground-template/src/components/plate-ui/indent-fire-marker-component.tsx
rename to templates/plate-playground-template/src/components/plate-ui/indent-fire-marker.tsx
diff --git a/templates/plate-playground-template/src/components/plate-ui/indent-todo-marker-component.tsx b/templates/plate-playground-template/src/components/plate-ui/indent-todo-marker.tsx
similarity index 100%
rename from templates/plate-playground-template/src/components/plate-ui/indent-todo-marker-component.tsx
rename to templates/plate-playground-template/src/components/plate-ui/indent-todo-marker.tsx

From 4340e94d5156126ff33fa49861f6e8d8b4aed10d Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 26 Oct 2024 10:43:40 +0800
Subject: [PATCH 126/127] docs

---
 apps/www/content/docs/components/ai-menu.mdx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/apps/www/content/docs/components/ai-menu.mdx b/apps/www/content/docs/components/ai-menu.mdx
index ed89e989dd..957cfaffa1 100644
--- a/apps/www/content/docs/components/ai-menu.mdx
+++ b/apps/www/content/docs/components/ai-menu.mdx
@@ -52,6 +52,7 @@ Copy and paste the following code into your project.
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx" />
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx" />
   
 <Step>
 
@@ -71,6 +72,8 @@ Update the import paths to match your project setup.
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu.tsx" />
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-menu-items.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/ai-chat-editor.tsx" />
+
 ## Plate Plus
 
 In Plate Plus, we provides more advanced styles and complete backend setup

From 1d544bd8683ea4abb5f4f71556c6c2001958c1b2 Mon Sep 17 00:00:00 2001
From: Felix Feng <felixfeng33@gmail.com>
Date: Sat, 26 Oct 2024 11:09:43 +0800
Subject: [PATCH 127/127] docs

---
 .../docs/components/block-context-menu.mdx    |  1 +
 .../content/docs/components/context-menu.mdx  | 69 +++++++++++++++++++
 .../docs/components/slash-input-element.mdx   |  7 +-
 apps/www/src/config/customizer-components.ts  |  4 ++
 apps/www/src/config/docs.ts                   |  1 +
 5 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 apps/www/content/docs/components/context-menu.mdx

diff --git a/apps/www/content/docs/components/block-context-menu.mdx b/apps/www/content/docs/components/block-context-menu.mdx
index 9fc747a270..34acb7b461 100644
--- a/apps/www/content/docs/components/block-context-menu.mdx
+++ b/apps/www/content/docs/components/block-context-menu.mdx
@@ -37,6 +37,7 @@ Install the following dependencies:
 ```bash
 npm install @radix-ui/react-context-menu
 ```
+- [ContextMenu](/docs/components/context-menu)
 - [BlockSelection](/docs/block-selection)
 - [BlockMenu](/docs/block-menu)
 
diff --git a/apps/www/content/docs/components/context-menu.mdx b/apps/www/content/docs/components/context-menu.mdx
new file mode 100644
index 0000000000..ebcb89cde2
--- /dev/null
+++ b/apps/www/content/docs/components/context-menu.mdx
@@ -0,0 +1,69 @@
+---
+title: Context Menu
+description: Displays a menu to the user — such as a set of actions or functions — triggered by a button.
+component: true
+links:
+  doc: https://www.radix-ui.com/docs/primitives/components/context-menu
+  api: https://www.radix-ui.com/docs/primitives/components/context-menu#api-reference
+---
+
+## Installation
+
+<Tabs defaultValue="cli">
+
+<TabsList>
+  <TabsTrigger value="cli">CLI</TabsTrigger>
+  <TabsTrigger value="manual">Manual</TabsTrigger>
+</TabsList>
+<TabsContent value="cli">
+
+```bash
+npx shadcn@latest add context-menu -r plate-ui
+```
+
+</TabsContent>
+
+<TabsContent value="manual">
+
+<Steps>
+
+<Step>Install the following dependencies:</Step>
+
+```bash
+npm install @radix-ui/react-context-menu
+```
+
+<Step>Copy and paste the following code into your project.</Step>
+
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/context-menu.tsx" />
+
+<Step>Update the import paths to match your project setup.</Step>
+
+</Steps>
+
+</TabsContent>
+
+</Tabs>
+
+## Usage
+
+```tsx
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuTrigger,
+} from "@/components/ui/context-menu"
+```
+
+```tsx
+<ContextMenu>
+  <ContextMenuTrigger>Right click</ContextMenuTrigger>
+  <ContextMenuContent>
+    <ContextMenuItem>Profile</ContextMenuItem>
+    <ContextMenuItem>Billing</ContextMenuItem>
+    <ContextMenuItem>Team</ContextMenuItem>
+    <ContextMenuItem>Subscription</ContextMenuItem>
+  </ContextMenuContent>
+</ContextMenu>
+```
diff --git a/apps/www/content/docs/components/slash-input-element.mdx b/apps/www/content/docs/components/slash-input-element.mdx
index 6ace49c5eb..643782ceef 100644
--- a/apps/www/content/docs/components/slash-input-element.mdx
+++ b/apps/www/content/docs/components/slash-input-element.mdx
@@ -33,7 +33,9 @@ npx @udecode/plate-ui@latest add slash-input-element -r plate-ui
 
 Install the following dependencies:
 
-- [SlashCommand](/docs/slash-command)
+- [Combobox](/docs/combobox)
+- [Slash Command](/docs/slash-command)
+- [InlineCombobox](/docs/components/inline-combobox)
 
 </Step>
 
@@ -44,6 +46,7 @@ Copy and paste the following code into your project.
 </Step>
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx" />
 
 <Step>
 
@@ -62,6 +65,8 @@ Update the import paths to match your project setup.
 <ComponentPreview name="playground-demo" id="slashCommand" />
 
 <ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/slash-input-element.tsx" />
+<ComponentSource src="../../templates/plate-playground-template/src/components/plate-ui/inline-combobox.tsx" />
+
 
 ## Plate Plus
 
diff --git a/apps/www/src/config/customizer-components.ts b/apps/www/src/config/customizer-components.ts
index 7a5e5a9479..d2ba187c47 100644
--- a/apps/www/src/config/customizer-components.ts
+++ b/apps/www/src/config/customizer-components.ts
@@ -83,6 +83,10 @@ export const customizerComponents = {
     href: '/docs/components/comments-popover',
     title: 'Comments Popover',
   },
+  contextMenu: {
+    href: '/docs/components/context-menu',
+    title: 'Context Menu',
+  },
   cursorOverlay: {
     href: '/docs/components/cursor-overlay',
     title: 'Cursor Overlay',
diff --git a/apps/www/src/config/docs.ts b/apps/www/src/config/docs.ts
index 1cebeb26c2..d7ad8f897e 100644
--- a/apps/www/src/config/docs.ts
+++ b/apps/www/src/config/docs.ts
@@ -65,6 +65,7 @@ export const docsConfig: DocsConfig = {
         customizerComponents.codeLineElement,
         customizerComponents.codeSyntaxLeaf,
         customizerComponents.colorDropdownMenu,
+        customizerComponents.contextMenu,
         customizerComponents.command,
         customizerComponents.commentLeaf,
         customizerComponents.commentToolbarButton,