Handle discrete headings

src/lib/components/Preview.svelte

@@ -150,30 +150,58 @@
 </script>
 
 {#snippet sectionHeading(title: string, depth: number)}
-  {#if depth === 0}
-    <h1 class='h-leather'>
-      {title}
-    </h1>
-  {:else if depth === 1}
-    <h2 class='h-leather'>
-      {title}
-    </h2>
-  {:else if depth === 2}
-    <h3 class='h-leather'>
-      {title}
-    </h3>
-  {:else if depth === 3}
-    <h4 class='h-leather'>
-      {title}
-    </h4>
-  {:else if depth === 4}
-    <h5 class='h-leather'>
-      {title}
-    </h5>
+  {#if $pharosInstance.isFloatingTitle(rootId)}
+    {#if depth === 0}
+      <h1 class='discrete'>
+        {title}
+      </h1>
+    {:else if depth === 1}
+      <h2 class='discrete'>
+        {title}
+      </h2>
+    {:else if depth === 2}
+      <h3 class='discrete'>
+        {title}
+      </h3>
+    {:else if depth === 3}
+      <h4 class='discrete'>
+        {title}
+      </h4>
+    {:else if depth === 4}
+      <h5 class='discrete'>
+        {title}
+      </h5>
+    {:else}
+      <h6 class='discrete'>
+        {title}
+      </h6>
+    {/if}
   {:else}
-    <h6 class='h-leather'>
-      {title}
-    </h6>
+    {#if depth === 0}
+      <h1 class='h-leather'>
+        {title}
+      </h1>
+    {:else if depth === 1}
+      <h2 class='h-leather'>
+        {title}
+      </h2>
+    {:else if depth === 2}
+      <h3 class='h-leather'>
+        {title}
+      </h3>
+    {:else if depth === 3}
+      <h4 class='h-leather'>
+        {title}
+      </h4>
+    {:else if depth === 4}
+      <h5 class='h-leather'>
+        {title}
+      </h5>
+    {:else}
+      <h6 class='h-leather'>
+        {title}
+      </h6>
+    {/if}
   {/if}
 {/snippet}
 

src/lib/parser.ts

@@ -270,6 +270,21 @@ export default class Pharos {
     return block.convert();
   }
 
+  /**
+   * Checks if the node with the given ID is a floating title (discrete header).
+   * @param id The ID of the node to check.
+   * @returns True if the node is a floating title, false otherwise.
+   */
+  isFloatingTitle(id: string): boolean {
+    const normalizedId = this.normalizeId(id);
+    if (!normalizedId || !this.nodes.has(normalizedId)) {
+      return false;
+    }
+    
+    const context = this.eventToContextMap.get(normalizedId);
+    return context === 'floating_title';
+  }
+
   /**
    * Updates the `content` field of a Nostr event in-place.
    * @param dTag The d tag of the event to update.