diff --git a/apps/x/apps/renderer/src/extensions/track-block.tsx b/apps/x/apps/renderer/src/extensions/track-block.tsx
index a87decc8..8c820ed6 100644
--- a/apps/x/apps/renderer/src/extensions/track-block.tsx
+++ b/apps/x/apps/renderer/src/extensions/track-block.tsx
@@ -2,11 +2,20 @@ import { z } from 'zod'
import { useMemo } from 'react'
import { mergeAttributes, Node } from '@tiptap/react'
import { ReactNodeViewRenderer, NodeViewWrapper } from '@tiptap/react'
-import { Radio, Loader2 } from 'lucide-react'
+import { Radio, Loader2, CalendarDays, Mail, Clock, ListTodo, History } from 'lucide-react'
import { parse as parseYaml } from 'yaml'
import { TrackBlockSchema } from '@x/shared/dist/track-block.js'
import { useTrackStatus } from '@/hooks/use-track-status'
+function TrackIcon({ trackId, size }: { trackId: string; size: number }) {
+ if (trackId === 'up-next') return
+ if (trackId === 'calendar') return
+ if (trackId === 'emails') return
+ if (trackId === 'what-you-missed') return
+ if (trackId === 'priorities') return
+ return
+}
+
function truncate(text: string, maxLen: number): string {
const clean = text.replace(/\s+/g, ' ').trim()
if (clean.length <= maxLen) return clean
@@ -87,6 +96,7 @@ function TrackBlockView({ node, deleteNode, extension }: {
data-type="track-block"
data-trigger={triggerType}
data-active={active ? 'true' : 'false'}
+ data-trackid={trackId}
>