From f4119734099257b93bbee07d30f349d20d9a3013 Mon Sep 17 00:00:00 2001
From: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
Date: Thu, 13 Aug 2026 16:53:38 +0000
Subject: [PATCH] feat: add rendering for library shelves (#359)

Co-authored-by: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
---
 src/app/components/NoteContentMinimal.svelte      |  5 ++++-
 src/app/components/NoteContentMinimalBoard.svelte | 15 +++++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/NoteContentMinimalBoard.svelte

diff --git a/src/app/components/NoteContentMinimal.svelte b/src/app/components/NoteContentMinimal.svelte
index 1e6f4437..cf8cd7fb 100644
--- a/src/app/components/NoteContentMinimal.svelte
+++ b/src/app/components/NoteContentMinimal.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import type {ComponentProps} from "svelte"
-  import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, POLL} from "@welshman/util"
+  import {EVENT_TIME, ZAP_GOAL, THREAD, CLASSIFIED, POLL, PINBOARD} from "@welshman/util"
   import NoteContentMinimalEventTime from "@app/components/NoteContentMinimalEventTime.svelte"
   import NoteContentMinimalThread from "@app/components/NoteContentMinimalThread.svelte"
   import NoteContentMinimalClassified from "@app/components/NoteContentMinimalClassified.svelte"
   import NoteContentMinimalGoal from "@app/components/NoteContentMinimalGoal.svelte"
   import NoteContentMinimalPoll from "@app/components/NoteContentMinimalPoll.svelte"
+  import NoteContentMinimalBoard from "@app/components/NoteContentMinimalBoard.svelte"
   import ContentMinimal from "@app/components/ContentMinimal.svelte"
 
   const props: ComponentProps<typeof ContentMinimal> = $props()
@@ -22,6 +23,8 @@
     <NoteContentMinimalGoal {...props} />
   {:else if props.event.kind === POLL}
     <NoteContentMinimalPoll {...props} />
+  {:else if props.event.kind === PINBOARD}
+    <NoteContentMinimalBoard {...props} />
   {:else}
     <ContentMinimal {...props} />
   {/if}
diff --git a/src/app/components/NoteContentMinimalBoard.svelte b/src/app/components/NoteContentMinimalBoard.svelte
new file mode 100644
index 00000000..c613d454
--- /dev/null
+++ b/src/app/components/NoteContentMinimalBoard.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+  import type {ComponentProps} from "svelte"
+  import {Pinboard} from "@welshman/domain"
+  import ContentMinimal from "@app/components/ContentMinimal.svelte"
+  import {reader} from "@app/core"
+
+  const props: ComponentProps<typeof ContentMinimal> = $props()
+
+  const board = reader(Pinboard)(props.event)
+</script>
+
+<span class="text-sm">{board?.title() || "Untitled shelf"}</span>
+{#if board?.description()}
+  <span class="truncate min-w-0 block opacity-70">{board.description()}</span>
+{/if}