@supernova-studio/client 0.33.0 → 0.35.0

package/dist/index.mjs

@@ -925,7 +925,7 @@ var PageBlockResourceFrameNodeReference = z35.object({
 var PageBlockImageReference = z35.object({
   type: PageBlockImageType,
   resource: PageBlockImageResourceReference.optional(),
-  figmaFile: PageBlockResourceFrameNodeReference.optional()
+  figmaNode: PageBlockResourceFrameNodeReference.optional()
 });
 var PageBlockColorV2 = z35.object({
   value: z35.string(),
@@ -2061,7 +2061,6 @@ var PageBlockDefinitionProperty = z91.object({
   name: z91.string(),
   type: PageBlockDefinitionPropertyType,
   description: z91.string().optional(),
-  // TODO Docs
   options: PageBlockDefinitionUntypedPropertyOptions.optional(),
   variantOptions: z91.record(PageBlockDefinitionUntypedPropertyOptions).optional()
 });
@@ -5020,8 +5019,12 @@ import { prosemirrorJSONToYXmlFragment } from "y-prosemirror";
 
 // src/yjs/docs-editor/list-tree-builder.ts
 var ListTreeBuilder = class {
-  add(block, multiRichTextProperty) {
-    const list = this.createList(block, multiRichTextProperty);
+  addWithProperty(block, multiRichTextProperty) {
+    const parsedOptions = PageBlockDefinitionMutiRichTextOptions.optional().parse(multiRichTextProperty.options);
+    return this.add(block, multiRichTextProperty.id, parsedOptions?.multiRichTextStyle || "OL");
+  }
+  add(block, multiRichTextPropertyId, multiRichTextPropertyStyle) {
+    const list = this.createList(block, multiRichTextPropertyId, multiRichTextPropertyStyle);
     if (!this.rootNode) {
       this.rootNode = list;
       return void 0;
@@ -5067,69 +5070,9 @@ var ListTreeBuilder = class {
     }
     return currentNode;
   }
-  // next(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): ListNode | undefined {
-  //   console.log("Next");
-  //   const list = this.createList(block, multiRichTextProperty);
-  //   if (this.currentList) {
-  //     if (this.currentList.listType === list.listType) {
-  //       // Merge items into the current list
-  //       this.currentList.children.push(...list.leadingChildren);
-  //       return undefined;
-  //     } else {
-  //       // Close the current list and start a new one
-  //       if (!this.currentParentList) {
-  //         const flushed = this.flush();
-  //         this.currentList = list;
-  //         return flushed;
-  //       } else {
-  //         this.currentList = list;
-  //         this.currentParentList.children.push(list);
-  //         this.parentMap.set(list, this.currentParentList);
-  //         return undefined;
-  //       }
-  //     }
-  //   } else {
-  //     this.currentList = list;
-  //     return undefined;
-  //   }
-  // }
-  // stepIn(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): void {
-  //   console.log("Step in");
-  //   if (!this.currentList) {
-  //     throw new Error("Cannot step in without a list");
-  //   }
-  //   const list = this.createList(block, multiRichTextProperty);
-  //   this.currentParentList = this.currentList;
-  //   this.currentList = list;
-  //   this.currentParentList.children.push(list);
-  //   this.parentMap.set(list, this.currentParentList);
-  // }
-  // stepOut(block: PageBlockEditorModel, multiRichTextProperty: PageBlockDefinitionProperty): ListNode | undefined {
-  //   console.log("Step out");
-  //   if (!this.currentList) {
-  //     throw new Error("Cannot step out without a list");
-  //   }
-  //   if (!this.currentParentList) {
-  //     throw new Error("Cannot step out without a parent list");
-  //   }
-  //   const newCurrentList = this.currentParentList;
-  //   const newParent = this.parentMap.get(newCurrentList);
-  //   this.currentList = newCurrentList;
-  //   this.currentParentList = newParent;
-  //   return this.next(block, multiRichTextProperty);
-  // }
-  // flush(): ListNode | undefined {
-  //   const result = this.currentList;
-  //   this.currentList = undefined;
-  //   this.currentParentList = undefined;
-  //   this.parentMap.clear();
-  //   return result;
-  // }
-  createList(block, multiRichTextProperty) {
+  createList(block, multiRichTextPropertyId, multiRichTextPropertyStyle) {
     const blockItem = BlockParsingUtils.singleBlockItem(block);
-    const multiRichTextValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, multiRichTextProperty.id);
-    const parsedOptions = PageBlockDefinitionMutiRichTextOptions.optional().parse(multiRichTextProperty.options);
-    const style = parsedOptions?.multiRichTextStyle ?? "Default";
+    const multiRichTextValue = BlockParsingUtils.multiRichTextPropertyValue(blockItem, multiRichTextPropertyId);
     const leadingChildren = multiRichTextValue.value.map((t) => {
       return {
         type: "ListItem",
@@ -5141,7 +5084,7 @@ var ListTreeBuilder = class {
     }
     return {
       type: "List",
-      listType: style === "OL" ? "Ordered" : "Unordered",
+      listType: multiRichTextPropertyStyle === "OL" ? "Ordered" : "Unordered",
       leadingChildren,
       block,
       children: []
@@ -5163,20 +5106,23 @@ function pageToProsemirrorDoc(page, definitions) {
       blockBuffer.push(b);
     } else if (b.type === "Section") {
       if (blockBuffer.length) {
-        children.push(...blocksToProsemirrorNodes(blockBuffer, definitionsMap));
+        children.push(...internalBlocksToProsemirrorNodes(blockBuffer, definitionsMap));
         blockBuffer = [];
       }
       children.push(internalSectionToProsemirrorNode(b, definitionsMap));
     }
   });
   if (blockBuffer.length) {
-    children.push(...blocksToProsemirrorNodes(blockBuffer, definitionsMap));
+    children.push(...internalBlocksToProsemirrorNodes(blockBuffer, definitionsMap));
   }
   return {
     type: "doc",
     content: children
   };
 }
+function blockToProsemirrorNode(block, definition) {
+  return internalBlockToProsemirrorNode(block, definition);
+}
 function internalSectionToProsemirrorNode(section, definitionsMap) {
   return {
     type: "tabsSection",
@@ -5198,7 +5144,7 @@ function sectionItemToProsemirrorNode(sectionItem, definitionsMap) {
   };
 }
 function sectionColumnToProsemirrorNode(sectionColumn, definitionsMap) {
-  const blocks2 = blocksToProsemirrorNodes(sectionColumn.blocks, definitionsMap);
+  const blocks2 = internalBlocksToProsemirrorNodes(sectionColumn.blocks, definitionsMap);
   if (!blocks2.length) {
     blocks2.push({
       type: "paragraph",
@@ -5216,7 +5162,7 @@ function sectionColumnToProsemirrorNode(sectionColumn, definitionsMap) {
     content: blocks2
   };
 }
-function blocksToProsemirrorNodes(blocks2, definitionsMap) {
+function internalBlocksToProsemirrorNodes(blocks2, definitionsMap) {
   const result = [];
   const listTreeBuilder = new ListTreeBuilder();
   blocks2.forEach((b) => {
@@ -5227,7 +5173,7 @@ function blocksToProsemirrorNodes(blocks2, definitionsMap) {
     }
     const multiRichTextProp = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
     if (multiRichTextProp) {
-      const node = listTreeBuilder.add(b, multiRichTextProp);
+      const node = listTreeBuilder.addWithProperty(b, multiRichTextProp);
       if (node) {
         result.push(serializeAsMultiRichTextBlock(node));
       }
@@ -5236,7 +5182,7 @@ function blocksToProsemirrorNodes(blocks2, definitionsMap) {
       if (tree2) {
         result.push(serializeAsMultiRichTextBlock(tree2));
       }
-      const node = blockToProsemirrorNode(b, definition);
+      const node = internalBlockToProsemirrorNode(b, definition);
       node && result.push(node);
     }
   });
@@ -5246,7 +5192,7 @@ function blocksToProsemirrorNodes(blocks2, definitionsMap) {
   }
   return result;
 }
-function blockToProsemirrorNode(block, definition) {
+function internalBlockToProsemirrorNode(block, definition) {
   const richTextProperty = BlockDefinitionUtils.firstRichTextProperty(definition);
   if (richTextProperty) {
     return serializeAsRichTextBlock({
@@ -5665,7 +5611,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: { isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
@@ -5677,7 +5623,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/text-HxZ9ssJR"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.title1",
@@ -5703,7 +5654,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5715,7 +5666,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.title2",
@@ -5741,7 +5697,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5753,7 +5709,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.title3",
@@ -5779,7 +5740,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5791,7 +5752,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.title4",
@@ -5817,7 +5783,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5829,7 +5795,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.title5",
@@ -5855,7 +5826,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5867,7 +5838,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/heading-MUKlJ7dY"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.ordered-list",
@@ -5893,7 +5869,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5905,7 +5881,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.unordered-list",
@@ -5931,7 +5912,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5943,7 +5924,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/list-UC5iPZLK"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.divider",
@@ -5968,7 +5954,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -5980,7 +5966,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/divider-tLuxooLH"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.blockquote",
@@ -6006,7 +5997,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6018,14 +6009,19 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/blockquote-zYWAsb6X"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.callout",
     name: "Callout",
     description: "Highlight a section of text",
     category: "Text",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/callout.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v3/callout.svg",
     searchKeywords: ["banner", "alert", "note", "tip", "warning"],
     item: {
       properties: [
@@ -6044,7 +6040,7 @@ var blocks = [
           layout: { type: "Column", children: ["text"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6056,7 +6052,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/text/callout-ZPlZObD1"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.image",
@@ -6082,7 +6083,7 @@ var blocks = [
           layout: { type: "Column", children: ["image"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6094,7 +6095,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/image-Ue8VdT8B"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.shortcut-links",
@@ -6144,7 +6150,7 @@ var blocks = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "imageOnLeft",
@@ -6174,7 +6180,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "iconOnTop",
@@ -6189,7 +6195,7 @@ var blocks = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "iconOnLeft",
@@ -6219,7 +6225,7 @@ var blocks = [
           },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "imageOnTop"
@@ -6231,26 +6237,31 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/links/shortcuts/general-jVfNifo4"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
-    id: "io.supernova.block.embed",
-    name: "Embed",
-    description: "Embed a generic URL",
+    id: "io.supernova.block.embed-figma",
+    name: "Figma embed",
+    description: "Embed a Figma canvas or prototype",
     category: "Media",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/embed.svg",
-    searchKeywords: ["embed", "url", "iframe", "site", "import"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/embed-figma.svg",
+    searchKeywords: ["embed", "figma", "design", "prototype", "canvas"],
     item: {
       properties: [
         {
-          id: "embedUrl",
-          name: "Embed URL",
+          id: "embed",
+          name: "Figma URL",
           type: "EmbedURL",
           options: {
-            allowCaption: true,
+            allowCaption: false,
             allowResize: true,
             defaultHeight: 400,
-            urlValidationRegex: "^(https?://)?(www.)?.+$"
+            urlValidationRegex: "^(https?://)?(www.)?(figma.com)/.+$"
           }
         }
       ],
@@ -6259,16 +6270,10 @@ var blocks = [
         {
           id: "default",
           name: "Default",
-          layout: {
-            type: "Column",
-            children: ["embedUrl"],
-            columnAlign: "Start",
-            columnResizing: "Fill",
-            gap: "Medium"
-          },
+          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6276,11 +6281,59 @@ var blocks = [
     behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
-        helpText: "Embed any page to your documentation as an iframe.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/embed/public-url-2ZeRQ332"
+        helpText: "Embed a Figma canvas or prototype to your documentation.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/embed-figma-GPNJsT8A"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
+  },
+  {
+    id: "io.supernova.block.storybook",
+    name: "Storybook",
+    description: "Embed Storybook canvas",
+    category: "Media",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/storybook.svg",
+    searchKeywords: ["storybook", "story", "stories", "example", "preview", "code", "react"],
+    item: {
+      properties: [
+        {
+          id: "embed",
+          name: "Storybook URL",
+          type: "Storybook",
+          options: { allowCaption: true, allowResize: true, defaultHeight: 400 }
+        }
+      ],
+      appearance: { isBordered: true, hasBackground: false },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {}
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
+    editorOptions: {
+      onboarding: {
+        helpText: "Embed a Storybook story to your documentation.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/storybook-1EGPhwBl"
+      }
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.embed-youtube",
@@ -6311,7 +6364,7 @@ var blocks = [
           layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6323,7 +6376,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/youtube-Gh8VUrSF"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.embed-lottie",
@@ -6377,7 +6435,8 @@ var blocks = [
         {
           id: "default",
           name: "Default",
-          image: "https://cdn-assets.supernova.io/blocks/variants/lottie.svg",
+          image: "https://cdn-assets.supernova.io/blocks/variants/lottie-player.svg",
+          description: "Embed a Lottie animation to your documentation.",
           layout: {
             type: "Column",
             children: ["url", "height", "width", "autoplay", "loop", "playerControls"],
@@ -6387,7 +6446,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6399,64 +6458,31 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/lottie-preview-7CqFdGv9"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
-  },
-  {
-    id: "io.supernova.block.storybook",
-    name: "Storybook",
-    description: "Embed Storybook canvas",
-    category: "Media",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/storybook.svg",
-    searchKeywords: ["storybook", "story", "stories", "example", "preview", "code", "react"],
-    item: {
-      properties: [
-        {
-          id: "embed",
-          name: "Storybook URL",
-          type: "Storybook",
-          options: { allowCaption: true, allowResize: true, defaultHeight: 400 }
-        }
-      ],
-      appearance: { isBordered: true, hasBackground: false },
-      variants: [
-        {
-          id: "default",
-          name: "Default",
-          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
-          maxColumns: 1,
-          defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
-        }
-      ],
-      defaultVariantKey: "default"
-    },
-    behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
-    editorOptions: {
-      onboarding: {
-        helpText: "Embed a Storybook story to your documentation.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/storybook-1EGPhwBl"
-      }
-    },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: true,
+      showBlockHeaderInEditor: true
+    }
   },
   {
-    id: "io.supernova.block.embed-figma",
-    name: "Figma embed",
-    description: "Embed a Figma canvas or prototype",
+    id: "io.supernova.block.embed",
+    name: "Embed",
+    description: "Embed a generic URL",
     category: "Media",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/embed-figma.svg",
-    searchKeywords: ["embed", "figma", "design", "prototype", "canvas"],
+    icon: "https://cdn-assets.supernova.io/blocks/icons/embed.svg",
+    searchKeywords: ["embed", "url", "iframe", "site", "import"],
     item: {
       properties: [
         {
-          id: "embed",
-          name: "Figma URL",
+          id: "embedUrl",
+          name: "Embed URL",
           type: "EmbedURL",
           options: {
-            allowCaption: false,
+            allowCaption: true,
             allowResize: true,
             defaultHeight: 400,
-            urlValidationRegex: "^(https?://)?(www.)?(figma.com)/.+$"
+            urlValidationRegex: "^(https?://)?(www.)?.+$"
           }
         }
       ],
@@ -6465,10 +6491,16 @@ var blocks = [
         {
           id: "default",
           name: "Default",
-          layout: { type: "Column", children: ["embed"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
+          layout: {
+            type: "Column",
+            children: ["embedUrl"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6476,11 +6508,16 @@ var blocks = [
     behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
-        helpText: "Embed a Figma canvas or prototype to your documentation.",
-        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/embed-figma-GPNJsT8A"
+        helpText: "Embed any page to your documentation as an iframe.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/embed/public-url-2ZeRQ332"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.markdown",
@@ -6513,7 +6550,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: {}
         },
         {
           id: "bordered",
@@ -6528,7 +6565,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: {}
         },
         {
           id: "boxed",
@@ -6543,7 +6580,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: {}
         }
       ],
       defaultVariantKey: "plain"
@@ -6555,7 +6592,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/markdown/general-B8wQVOem"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: true,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.table",
@@ -6574,7 +6616,7 @@ var blocks = [
           layout: { type: "Column", children: ["table"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6586,7 +6628,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/layout/table-R8KGnxej"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.design-tokens",
@@ -6624,7 +6671,7 @@ var blocks = [
           layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "grid",
@@ -6633,7 +6680,7 @@ var blocks = [
           layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "table"
@@ -6645,14 +6692,19 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-group-09"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.token-color-ramps",
     name: "Color ramps",
     description: "The best way to display colors",
     category: "Tokens",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/token-list.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/color-ramp.svg",
     searchKeywords: ["tokens", "ramp", "shades", "palette", "spectrum", "stack", "range", "swatch"],
     item: {
       properties: [
@@ -6672,7 +6724,7 @@ var blocks = [
           layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: { isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
@@ -6681,14 +6733,19 @@ var blocks = [
     editorOptions: {
       onboarding: { helpText: "The best way to display colors", documentationLink: "https://learn.supernova.io" }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.color-accessibility-grid",
     name: "Accessibility color grid",
     description: "Visualize accessibility of your color tokens",
     category: "Tokens",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/token-accessibility-grid.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v3/token-accessibility-grid.svg",
     searchKeywords: ["tokens", "color", "accessibility", "grid", "contrast"],
     item: {
       properties: [
@@ -6709,7 +6766,7 @@ var blocks = [
           layout: { type: "Column", children: ["tokens"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: { isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
@@ -6721,7 +6778,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.code",
@@ -6740,21 +6802,26 @@ var blocks = [
           layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
     },
     behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: { onboarding: { helpText: "Code descriptor." } },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.code-react",
     name: "React code",
     description: "Render a code snippet",
     category: "Code",
-    icon: "https://cdn-assets.supernova.io/blocks/icons/v2/code-react.svg",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/v3/code-react.svg",
     searchKeywords: ["code", "react", "snippet", "storybook", "editor", "example", "sandbox"],
     item: {
       properties: [
@@ -6780,7 +6847,7 @@ var blocks = [
           layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "codeTop",
@@ -6790,7 +6857,7 @@ var blocks = [
           layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "codeLeft",
@@ -6800,7 +6867,7 @@ var blocks = [
           layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "codeRight",
@@ -6810,7 +6877,7 @@ var blocks = [
           layout: { type: "Column", children: ["code"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "codeBottom"
@@ -6822,7 +6889,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/code/render-react-code-vxufnkFm"
       }
     },
-    appearance: { isBordered: false, hasBackground: false }
+    appearance: {
+      isBordered: false,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.assets",
@@ -6843,7 +6915,7 @@ var blocks = [
           layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 8,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: { isEditorPresentationDifferent: false }
         },
         {
           id: "square-grid",
@@ -6853,7 +6925,7 @@ var blocks = [
           layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 8,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: { isEditorPresentationDifferent: false }
         },
         {
           id: "borderless-grid",
@@ -6863,7 +6935,7 @@ var blocks = [
           layout: { type: "Column", children: ["assets"], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 8,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: { isEditorPresentationDifferent: false }
         }
       ],
       defaultVariantKey: "default"
@@ -6875,7 +6947,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/media-and-assets/asset/general-xa6EgXb2"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.figma-frames",
@@ -6909,7 +6986,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         },
         {
           id: "plain",
@@ -6925,7 +7002,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false }
+          appearance: {}
         }
       ],
       defaultVariantKey: "bordered"
@@ -6937,7 +7014,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/figma/figma-frames/general-f3IYC5dg"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.release-notes",
@@ -6953,11 +7035,12 @@ var blocks = [
         {
           id: "default",
           name: "Default",
-          image: "https://cdn-assets.supernova.io/blocks/variants/release-notes.svg",
+          image: "https://cdn-assets.supernova.io/blocks/variants/release-notes-2.svg",
+          description: "Show formatted release notes from all previously released versions.",
           layout: { type: "Column", children: [], columnAlign: "Start", columnResizing: "Fill", gap: "Medium" },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: {}
         }
       ],
       defaultVariantKey: "default"
@@ -6965,10 +7048,15 @@ var blocks = [
     behavior: { dataType: "Item", items: { numberOfItems: 1, allowLinks: false } },
     editorOptions: {
       onboarding: {
-        helpText: "Show formatted release notes from all previous released versions."
+        helpText: "Show formatted release notes from all previously released versions."
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: true,
+      showBlockHeaderInEditor: true
+    }
   },
   {
     id: "io.supernova.block.component-checklist",
@@ -7013,7 +7101,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: { isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
@@ -7025,7 +7113,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-checklist-NXepPIpZ"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.component-checklist-all",
@@ -7064,7 +7157,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: { isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
@@ -7076,7 +7169,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-overview-table-W8eOtJ5t"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   },
   {
     id: "io.supernova.block.component-health",
@@ -7109,7 +7207,7 @@ var blocks = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true }
+          appearance: { isEditorPresentationDifferent: true }
         }
       ],
       defaultVariantKey: "default"
@@ -7121,7 +7219,12 @@ var blocks = [
         documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/component/component-health-sezSxEED"
       }
     },
-    appearance: { isBordered: true, hasBackground: false }
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   }
 ];
 
@@ -7141,6 +7244,9 @@ function prosemirrorDocToPage(prosemirrorDoc, definitions) {
     blocks: internalProsemirrorNodesToPageItems(prosemirrorDoc.content ?? [], definitionsById)
   };
 }
+function shallowProsemirrorNodeToBlock(prosemirrorNode, definition) {
+  return shallowProsemirrorNodeAndDefinitionToBlock(prosemirrorNode, definition);
+}
 function prosemirrorNodeToSection(prosemirrorNode, definitions) {
   const definitionsById = mapByUnique2(definitions, (d) => d.id);
   return internalProsemirrorNodeToSection(prosemirrorNode, definitionsById);
@@ -7177,35 +7283,35 @@ function prosemirrorNodeToSectionColumns(prosemirrorNode, definitionsMap) {
     return null;
   return {
     id,
-    blocks: internalProsemirrorNodesToBlocks(prosemirrorNode.content ?? [], definitionsMap)
+    blocks: internalProsemirrorNodesToBlocks(prosemirrorNode.content ?? [], definitionsMap, 0)
   };
 }
 function prosemirrorNodesToBlocks(prosemirrorNodes, definitions) {
   const definitionsById = mapByUnique2(definitions, (d) => d.id);
-  return internalProsemirrorNodesToBlocks(prosemirrorNodes, definitionsById);
+  return internalProsemirrorNodesToBlocks(prosemirrorNodes, definitionsById, 0);
 }
 function internalProsemirrorNodesToPageItems(prosemirrorNodes, definitionsMap) {
-  return prosemirrorNodes.map((prosemirrorNode) => {
+  const result = [];
+  for (const prosemirrorNode of prosemirrorNodes) {
     if (prosemirrorNode.type === "tabsSection") {
-      return prosemirrorNodeToSection(prosemirrorNode, Array.from(definitionsMap.values()));
+      const section = prosemirrorNodeToSection(prosemirrorNode, Array.from(definitionsMap.values()));
+      section && result.push(section);
     } else {
-      return internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap);
+      result.push(...internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap, 0));
     }
-  }).filter(nonNullFilter);
+  }
+  return result;
 }
-function internalProsemirrorNodesToBlocks(prosemirrorNodes, definitionsMap) {
-  return prosemirrorNodes.map((prosemirrorNode) => {
-    return internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap);
-  }).filter(nonNullFilter);
+function internalProsemirrorNodesToBlocks(prosemirrorNodes, definitionsMap, depth) {
+  return prosemirrorNodes.flatMap((prosemirrorNode) => {
+    return internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap, depth);
+  });
 }
-function internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap) {
-  let definitionId = getProsemirrorAttribute(prosemirrorNode, "definitionId", z152.string());
+function internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap, depth) {
+  const definitionId = getProsemirrorAttribute(prosemirrorNode, "definitionId", z152.string());
   if (!definitionId) {
     console.warn(`definitionId on ${prosemirrorNode.type} is required to be interpreted as a block, skipping node`);
-    return null;
-  }
-  if (definitionId === "io.supernova.block.token-detail") {
-    definitionId = "io.supernova.block.token-list";
+    return [];
   }
   const definition = definitionsMap.get(definitionId);
   if (!definition) {
@@ -7213,19 +7319,23 @@ function internalProsemirrorNodeToBlock(prosemirrorNode, definitionsMap) {
       `Block definitionId "${definitionId}" (prosemirror node ${prosemirrorNode.type}) is not among available definitions`
     );
     console.warn(prosemirrorNode);
-    return null;
+    return [];
   }
-  return prosemirrorNodeToBlock(prosemirrorNode, definition);
+  return prosemirrorNodeAndDefinitionToBlock(prosemirrorNode, definition, definitionsMap, depth);
 }
-function prosemirrorNodeToBlock(prosemirrorNode, definition) {
+function prosemirrorNodeAndDefinitionToBlock(prosemirrorNode, definition, definitionsMap, depth) {
+  const multiRichTextProperty = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
+  if (multiRichTextProperty) {
+    return parseAsMultiRichText(prosemirrorNode, definition, multiRichTextProperty, definitionsMap, depth);
+  }
+  const block = shallowProsemirrorNodeAndDefinitionToBlock(prosemirrorNode, definition);
+  return block ? [block] : [];
+}
+function shallowProsemirrorNodeAndDefinitionToBlock(prosemirrorNode, definition) {
   const richTextProperty = BlockDefinitionUtils.firstRichTextProperty(definition);
   if (richTextProperty) {
     return parseAsRichText(prosemirrorNode, definition, richTextProperty);
   }
-  const multiRichTextProperty = BlockDefinitionUtils.firstMultiRichTextProperty(definition);
-  if (multiRichTextProperty) {
-    return parseAsMultiRichText(prosemirrorNode, definition, multiRichTextProperty);
-  }
   const tableProperty = BlockDefinitionUtils.firstTableProperty(definition);
   if (tableProperty) {
     return parseAsTable(prosemirrorNode, definition, tableProperty);
@@ -7281,41 +7391,58 @@ function parseCalloutType(prosemirrorCalloutType) {
       return "Primary";
   }
 }
-function parseAsMultiRichText(prosemirrorNode, definition, property) {
+function parseAsMultiRichText(prosemirrorNode, definition, property, definitionsMap, depth) {
   const id = getProsemirrorBlockId(prosemirrorNode);
   if (!id)
-    return null;
+    return [];
   const variantId = getProsemirrorBlockVariantId(prosemirrorNode);
-  return {
-    // TODO Artem: indent
-    id,
-    type: "Block",
-    data: {
-      packageId: definition.id,
-      indentLevel: 0,
-      ...variantId && { variantId },
-      items: [
-        {
-          id,
-          props: {
-            [property.id]: {
-              // Required
-              value: (prosemirrorNode.content ?? []).map((listItem) => {
-                if (listItem.type !== "listItem")
-                  return null;
-                if (!listItem.content?.length)
-                  return parseRichText([]);
-                const paragraph = listItem.content[0];
-                if (paragraph.type !== "paragraph")
-                  return parseRichText([]);
-                return parseRichText(paragraph.content ?? []);
-              }).filter(nonNullFilter)
+  const result = [];
+  const listItems = [];
+  prosemirrorNode.content?.forEach((c) => {
+    if (c.type !== "listItem")
+      return;
+    c.content?.forEach((cc) => {
+      listItems.push(cc);
+    });
+  });
+  let bufferedTextItems = [];
+  function flushBufferedTextItems() {
+    if (!bufferedTextItems.length)
+      return;
+    const idSuffix = result.length ? `-${result.length}` : "";
+    result.push({
+      id: id + idSuffix,
+      type: "Block",
+      data: {
+        packageId: definition.id,
+        indentLevel: depth,
+        ...variantId && { variantId },
+        items: [
+          {
+            id: id + idSuffix,
+            props: {
+              [property.id]: {
+                value: bufferedTextItems.map((paragraph) => {
+                  return parseRichText(paragraph.content ?? []);
+                })
+              }
             }
           }
-        }
-      ]
+        ]
+      }
+    });
+    bufferedTextItems = [];
+  }
+  listItems.forEach((item) => {
+    if (item.type === "paragraph") {
+      bufferedTextItems.push(item);
+      return;
     }
-  };
+    flushBufferedTextItems();
+    result.push(...internalProsemirrorNodeToBlock(item, definitionsMap, depth + 1));
+  });
+  flushBufferedTextItems();
+  return result;
 }
 function parseRichText(spans) {
   return {
@@ -7773,10 +7900,12 @@ export {
   DTOWorkspaceRole,
   DocumentationPageEditorModel,
   DocumentationPageV1DTO,
+  ListTreeBuilder,
   NpmRegistryInput,
   PageBlockEditorModel,
   PageSectionEditorModel,
   WorkspaceConfigurationPayload,
+  blockToProsemirrorNode,
   buildDocPagePublishPaths,
   calculateElementParentChain,
   documentationElementsToHierarchyDto,
@@ -7792,10 +7921,10 @@ export {
   pageToYXmlFragment,
   pmSchema,
   prosemirrorDocToPage,
-  prosemirrorNodeToBlock,
   prosemirrorNodeToSection,
   prosemirrorNodesToBlocks,
   serializeAsCustomBlock,
+  shallowProsemirrorNodeToBlock,
   validateSsoPayload,
   yDocToPage,
   yXmlFragmentToPage,