@supernova-studio/client 0.33.0 → 0.35.0

package/src/yjs/docs-editor/mock.ts

@@ -39,7 +39,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -51,7 +51,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -77,7 +82,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -89,7 +94,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -115,7 +125,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -127,7 +137,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -153,7 +168,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -165,7 +180,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -191,7 +211,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -203,7 +223,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -229,7 +254,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -241,7 +266,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -267,7 +297,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -279,7 +309,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -305,7 +340,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -317,7 +352,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -342,7 +382,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
       ],
       defaultVariantKey: "default",
@@ -354,7 +394,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -380,7 +425,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -392,14 +437,19 @@ const blocks: PageBlockDefinition[] = [
         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: [
@@ -418,7 +468,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -430,7 +480,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -456,7 +511,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -469,7 +524,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -519,7 +579,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
         {
           id: "imageOnLeft",
@@ -549,7 +609,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
         {
           id: "iconOnTop",
@@ -564,7 +624,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 4,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
         {
           id: "iconOnLeft",
@@ -594,7 +654,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 2,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
       ],
       defaultVariantKey: "imageOnTop",
@@ -607,26 +667,31 @@ const blocks: PageBlockDefinition[] = [
           "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)/.+$",
           },
         },
       ],
@@ -635,16 +700,10 @@ const blocks: PageBlockDefinition[] = [
         {
           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",
@@ -652,12 +711,59 @@ const blocks: PageBlockDefinition[] = [
     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",
@@ -688,7 +794,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -701,7 +807,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -755,7 +866,8 @@ const blocks: PageBlockDefinition[] = [
         {
           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"],
@@ -765,7 +877,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: {},
         },
       ],
       defaultVariantKey: "default",
@@ -778,64 +890,31 @@ const blocks: PageBlockDefinition[] = [
           "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,
+      isEditorPresentationDifferent: true,
+      showBlockHeaderInEditor: true,
     },
-    appearance: { isBordered: true, hasBackground: false },
   },
   {
-    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.)?.+$",
           },
         },
       ],
@@ -844,10 +923,16 @@ const blocks: PageBlockDefinition[] = [
         {
           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",
@@ -855,11 +940,17 @@ const blocks: PageBlockDefinition[] = [
     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",
@@ -892,7 +983,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: {},
         },
         {
           id: "bordered",
@@ -907,7 +998,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: {},
         },
         {
           id: "boxed",
@@ -922,7 +1013,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: {},
         },
       ],
       defaultVariantKey: "plain",
@@ -935,7 +1026,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -954,7 +1050,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -966,7 +1062,12 @@ const blocks: PageBlockDefinition[] = [
         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",
@@ -1004,7 +1105,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1013,7 +1114,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1026,14 +1127,19 @@ const blocks: PageBlockDefinition[] = [
           "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: [
@@ -1053,7 +1159,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1062,14 +1168,19 @@ const blocks: PageBlockDefinition[] = [
     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: [
@@ -1091,7 +1202,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1103,7 +1214,12 @@ const blocks: PageBlockDefinition[] = [
         documentationLink: "https://learn.supernova.io",
       },
     },
-    appearance: { isBordered: true, hasBackground: false },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false,
+    },
   },
   {
     id: "io.supernova.block.code",
@@ -1122,21 +1238,26 @@ const blocks: PageBlockDefinition[] = [
           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: [
@@ -1162,7 +1283,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1172,7 +1293,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1182,7 +1303,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1192,7 +1313,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1205,7 +1326,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -1226,7 +1352,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1236,7 +1362,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1246,7 +1372,7 @@ const blocks: PageBlockDefinition[] = [
           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",
@@ -1259,7 +1385,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -1293,7 +1424,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
         {
           id: "plain",
@@ -1309,7 +1440,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: false },
+          appearance: {},
         },
       ],
       defaultVariantKey: "bordered",
@@ -1322,7 +1453,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -1338,11 +1474,12 @@ const blocks: PageBlockDefinition[] = [
         {
           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",
@@ -1350,10 +1487,15 @@ const blocks: PageBlockDefinition[] = [
     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",
@@ -1398,7 +1540,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: { isEditorPresentationDifferent: true },
         },
       ],
       defaultVariantKey: "default",
@@ -1411,7 +1553,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -1450,7 +1597,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: { isEditorPresentationDifferent: true },
         },
       ],
       defaultVariantKey: "default",
@@ -1463,7 +1610,12 @@ const blocks: PageBlockDefinition[] = [
           "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",
@@ -1496,7 +1648,7 @@ const blocks: PageBlockDefinition[] = [
           },
           maxColumns: 1,
           defaultColumns: 1,
-          appearance: { isBordered: true, hasBackground: false, isEditorPresentationDifferent: true },
+          appearance: { isEditorPresentationDifferent: true },
         },
       ],
       defaultVariantKey: "default",
@@ -1509,6 +1661,11 @@ const blocks: PageBlockDefinition[] = [
           "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,
+    },
   },
 ];