fix imports

apps/web/src/app/test/report-playground/ReportPlayground.tsx

@@ -11,7 +11,7 @@ import { useThemesConfig } from '@/components/ui/report/ThemeWrapper/useThemesCo
 import { cn } from '@/lib/utils';
 import { Tooltip } from '@/components/ui/tooltip';
 
-import DynamicReportEditor from '@/components/ui/report/DynamticEditor';
+import DynamicReportEditor from '@/components/ui/report/DynamicReportEditor';
 
 // Status indicator component with dynamic backgrounds
 

apps/web/src/components/ui/report/elements/MediaVideoNodeStatic.tsx

@@ -1,11 +1,6 @@
 import * as React from 'react';
 
-import type {
+import type { SlateElementProps, TCaptionElement, TResizableProps, TVideoElement } from 'platejs';
-  SlateElementProps,
-  TCaptionElement,
-  TResizableProps,
-  TVideoElement,
-} from 'platejs';
 
 import { NodeApi, SlateElement } from 'platejs';
 
@@ -17,15 +12,8 @@ export function VideoElementStatic(
   return (
     <SlateElement className="py-2.5" {...props}>
       <div style={{ textAlign: align }}>
-        <figure
+        <figure className="group relative m-0 inline-block cursor-default" style={{ width }}>
-          className="group relative m-0 inline-block cursor-default"
+          <video className="w-full max-w-full rounded-sm object-cover px-0" src={url} controls />
-          style={{ width }}
-        >
-          <video
-            className="w-full max-w-full rounded-sm object-cover px-0"
-            src={url}
-            controls
-          />
           {caption && <figcaption>{NodeApi.string(caption[0])}</figcaption>}
         </figure>
       </div>

apps/web/src/components/ui/report/plugins/align-base-kit.tsx

@@ -8,9 +8,9 @@ export const BaseAlignKit = [
         defaultNodeValue: 'start',
         nodeKey: 'align',
         styleKey: 'textAlign',
-        validNodeValues: ['start', 'left', 'center', 'right', 'end', 'justify'],
+        validNodeValues: ['start', 'left', 'center', 'right', 'end', 'justify']
       },
-      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.img, KEYS.mediaEmbed],
+      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.img, KEYS.mediaEmbed]
-    },
+    }
-  }),
+  })
 ];

apps/web/src/components/ui/report/plugins/font-base-kit.tsx

@@ -4,17 +4,17 @@ import {
   BaseFontBackgroundColorPlugin,
   BaseFontColorPlugin,
   BaseFontFamilyPlugin,
-  BaseFontSizePlugin,
+  BaseFontSizePlugin
 } from '@platejs/basic-styles';
 import { KEYS } from 'platejs';
 
 const options = {
-  inject: { targetPlugins: [KEYS.p] },
+  inject: { targetPlugins: [KEYS.p] }
 } satisfies SlatePluginConfig;
 
 export const BaseFontKit = [
   BaseFontColorPlugin.configure(options),
   BaseFontBackgroundColorPlugin.configure(options),
   BaseFontSizePlugin.configure(options),
-  BaseFontFamilyPlugin.configure(options),
+  BaseFontFamilyPlugin.configure(options)
 ];

apps/web/src/components/ui/report/plugins/indent-base-kit.tsx

@@ -4,16 +4,10 @@ import { KEYS } from 'platejs';
 export const BaseIndentKit = [
   BaseIndentPlugin.configure({
     inject: {
-      targetPlugins: [
+      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.blockquote, KEYS.codeBlock, KEYS.toggle]
-        ...KEYS.heading,
-        KEYS.p,
-        KEYS.blockquote,
-        KEYS.codeBlock,
-        KEYS.toggle,
-      ],
     },
     options: {
-      offset: 24,
+      offset: 24
-    },
+    }
-  }),
+  })
 ];

apps/web/src/components/ui/report/plugins/line-height-base-kit.tsx

@@ -6,9 +6,9 @@ export const BaseLineHeightKit = [
     inject: {
       nodeProps: {
         defaultNodeValue: 1.5,
-        validNodeValues: [1, 1.2, 1.5, 2, 3],
+        validNodeValues: [1, 1.2, 1.5, 2, 3]
       },
-      targetPlugins: [...KEYS.heading, KEYS.p],
+      targetPlugins: [...KEYS.heading, KEYS.p]
-    },
+    }
-  }),
+  })
 ];