From 19ae8ca40dfbf4b56292ee05474a6a26099adaf4 Mon Sep 17 00:00:00 2001
From: Nate Kelley <nate@buster.so>
Date: Wed, 10 Sep 2025 10:10:02 -0600
Subject: [PATCH] added some logs

---
 apps/web/src/components/ui/report/ReportEditor.tsx    |  2 ++
 .../src/components/ui/report/elements/HeadingNode.tsx |  2 +-
 .../src/components/ui/report/elements/SlashNode.tsx   |  2 +-
 .../report/plugins/markdown-kit/toggle-serializer.ts  | 11 +++++------
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/components/ui/report/ReportEditor.tsx b/apps/web/src/components/ui/report/ReportEditor.tsx
index 3d36edf25..d8cc7f7da 100644
--- a/apps/web/src/components/ui/report/ReportEditor.tsx
+++ b/apps/web/src/components/ui/report/ReportEditor.tsx
@@ -109,8 +109,10 @@ export const ReportEditor = React.memo(
         editor: TPlateEditor<Value, AnyPluginConfig>;
       }) => {
         if (isReady.current && !readOnly && onValueChange && !isStreaming) {
+          console.log('value', value);
           platejsToMarkdown(editor, value as ReportElementsWithIds)
             .then((markdown) => {
+              console.log('markdown', markdown);
               onValueChange(markdown);
             })
             .catch((error) => {
diff --git a/apps/web/src/components/ui/report/elements/HeadingNode.tsx b/apps/web/src/components/ui/report/elements/HeadingNode.tsx
index c6ffd49bc..d34d7f1ef 100644
--- a/apps/web/src/components/ui/report/elements/HeadingNode.tsx
+++ b/apps/web/src/components/ui/report/elements/HeadingNode.tsx
@@ -7,7 +7,7 @@ const headingVariants = cva('relative mb-1', {
     variant: {
       h1: 'mt-8 mb-1.5 text-2xl font-semibold ',
       h2: 'mt-6 mb-1.5 text-xl font-semibold ',
-      h3: 'mt-5 mb-1 text-lg font-semibold ',
+      h3: 'mt-5 mb-1.5 text-lg font-semibold ',
       h4: 'mt-4 mb-1 text-base font-semibold ',
       h5: 'mt-4 mb-1 text-sm font-semibold ',
       h6: 'mt-4 mb-1 text-xs font-semibold ',
diff --git a/apps/web/src/components/ui/report/elements/SlashNode.tsx b/apps/web/src/components/ui/report/elements/SlashNode.tsx
index febf50e28..d97348ae2 100644
--- a/apps/web/src/components/ui/report/elements/SlashNode.tsx
+++ b/apps/web/src/components/ui/report/elements/SlashNode.tsx
@@ -31,7 +31,7 @@ export function SlashInputElement(props: PlateElementProps<TSlashInputElement>)
     <PlateElement
       {...props}
       as="div"
-      className="!absolute top-0 left-0 py-0 bg-item-select flex pr-1 pl-0 rounded -translate-y-0.5 -translate-x-0.5"
+      className="!absolute top-0 left-0 py-0 bg-item-select flex pr-1 pl-0 rounded translate-y-0 -translate-x-0.5"
       data-slate-value={element.value}
     >
       <InlineCombobox
diff --git a/apps/web/src/components/ui/report/plugins/markdown-kit/toggle-serializer.ts b/apps/web/src/components/ui/report/plugins/markdown-kit/toggle-serializer.ts
index a891d5f5b..f83ddb58b 100644
--- a/apps/web/src/components/ui/report/plugins/markdown-kit/toggle-serializer.ts
+++ b/apps/web/src/components/ui/report/plugins/markdown-kit/toggle-serializer.ts
@@ -1,9 +1,4 @@
-import {
-  deserializeMd,
-  type MdNodeParser,
-  parseAttributes,
-  serializeMd,
-} from '@platejs/markdown';
+import { deserializeMd, type MdNodeParser, parseAttributes, serializeMd } from '@platejs/markdown';
 
 export const toggleSerializer: MdNodeParser<'toggle'> = {
   serialize: (node, options) => {
@@ -11,11 +6,15 @@ export const toggleSerializer: MdNodeParser<'toggle'> = {
       throw new Error('Editor is required');
     }
 
+    console.log(node);
+
     const content = serializeMd(options.editor, {
       ...options,
       value: node.children,
     });
 
+    console.log('content', content);
+
     return {
       type: 'html',
       value: `<toggle content="${content}"></toggle>`,