{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "meeting-agenda-notes", "title": "Meeting Agenda Notes", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/meeting-agenda-notes/MeetingAgendaNotes.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n Calendar,\n Check,\n CheckCircle2,\n Clock,\n Copy,\n ExternalLink,\n FileDown,\n FileSpreadsheet,\n FileText,\n GitPullRequest,\n ListOrdered,\n Lock,\n Plus,\n Radio,\n UserCheck,\n Video,\n} from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { Separator } from '@/components/ui/separator'\n\nexport interface MeetingAgendaNotesProps {\n className?: string\n}\n\ninterface Attendee {\n id: string\n name: string\n role: string\n initials: string\n isHost?: boolean\n status: 'online' | 'present' | 'away'\n colorClass: string\n}\n\ninterface AgendaTopic {\n id: string\n number: number\n title: string\n duration: string\n timeRange: string\n lead: string\n leadInitials: string\n status: 'completed' | 'active' | 'upcoming'\n summary: string\n tags: string[]\n}\n\ninterface NoteEntry {\n id: string\n author: string\n authorInitials: string\n authorColor: string\n timestamp: string\n content: string\n tag: string\n}\n\ninterface ActionItem {\n id: string\n title: string\n assignee: string\n assigneeInitials: string\n assigneeColor: string\n dueDate: string\n priority: 'Urgent' | 'High' | 'Medium' | 'Low'\n completed: boolean\n}\n\ninterface KeyDecision {\n id: string\n number: number\n title: string\n context: string\n status: 'Adopted' | 'Under Review'\n decidedBy: string\n time: string\n}\n\nconst INITIAL_ATTENDEES: Attendee[] = [\n {\n id: 'att-1',\n name: 'Elena Rostova',\n role: 'Principal Architect',\n initials: 'ER',\n isHost: true,\n status: 'online',\n colorClass: 'bg-success/15 text-success font-semibold',\n },\n {\n id: 'att-2',\n name: 'Marcus Vance',\n role: 'Staff Engineer',\n initials: 'MV',\n status: 'online',\n colorClass: 'bg-info/15 text-info font-semibold',\n },\n {\n id: 'att-3',\n name: 'Sarah Jenkins',\n role: 'Product Lead',\n initials: 'SJ',\n status: 'online',\n colorClass: 'bg-chart-1/15 text-chart-1 font-semibold',\n },\n {\n id: 'att-4',\n name: 'David Chen',\n role: 'Core Infra',\n initials: 'DC',\n status: 'online',\n colorClass: 'bg-warning/15 text-warning font-semibold',\n },\n {\n id: 'att-5',\n name: 'Sofia Rossi',\n role: 'Design Systems',\n initials: 'SR',\n status: 'online',\n colorClass: 'bg-destructive/15 text-destructive font-semibold',\n },\n {\n id: 'att-6',\n name: 'Alex Rivera',\n role: 'DevRel',\n initials: 'AR',\n status: 'online',\n colorClass: 'bg-chart-2/15 text-chart-2 font-semibold',\n },\n]\n\nconst INITIAL_TOPICS: AgendaTopic[] = [\n {\n id: 'topic-1',\n number: 1,\n title: 'OKLCH Token Migration Status',\n duration: '15m',\n timeRange: '14:00 - 14:15',\n lead: 'Elena Rostova',\n leadInitials: 'ER',\n status: 'completed',\n summary:\n 'Audit of 140+ CSS custom properties completed. Confirmed wide-gamut Display P3 color spaces with zero degradation in legacy sRGB browsers.',\n tags: ['Design System', 'Tailwind v4'],\n },\n {\n id: 'topic-2',\n number: 2,\n title: 'Dual-Framework AST Verification Pipeline',\n duration: '20m',\n timeRange: '14:15 - 14:35',\n lead: 'Marcus Vance',\n leadInitials: 'MV',\n status: 'active',\n summary:\n 'Live AST comparisons between Vue SFC templates and React TSX JSX trees. Validating component prop parity, variant definitions, and event handlers automatically in CI.',\n tags: ['Compiler', 'CI/CD', 'Parity'],\n },\n {\n id: 'topic-3',\n number: 3,\n title: '100-Block Registry Expansion Strategy',\n duration: '15m',\n timeRange: '14:35 - 14:50',\n lead: 'Sarah Jenkins',\n leadInitials: 'SJ',\n status: 'upcoming',\n summary:\n 'Prioritization matrix for upcoming vertical blocks: Healthcare appointment management, HRMS payroll ledger, and DevTools query workbench.',\n tags: ['Roadmap', 'Blocks'],\n },\n {\n id: 'topic-4',\n number: 4,\n title: 'Q&A & Retrospective',\n duration: '10m',\n timeRange: '14:50 - 15:00',\n lead: 'Open Floor',\n leadInitials: 'OF',\n status: 'upcoming',\n summary:\n 'Consensus check on flat URL dependency format, open architectural blockers, and sprint task assignment review.',\n tags: ['Open Floor', 'Review'],\n },\n]\n\nconst INITIAL_NOTES: NoteEntry[] = [\n {\n id: 'note-1',\n author: 'Marcus Vance',\n authorInitials: 'MV',\n authorColor: 'bg-info/15 text-info',\n timestamp: '14:22 PST',\n content:\n 'The AST parity checker runs under 340ms locally with caching. We will add a strict blocking threshold in GitHub Actions.',\n tag: '#pipeline',\n },\n {\n id: 'note-2',\n author: 'Sofia Rossi',\n authorInitials: 'SR',\n authorColor: 'bg-destructive/15 text-destructive',\n timestamp: '14:31 PST',\n content:\n 'All color tokens now satisfy WCAG AAA for text-foreground and AA for muted-foreground across dark surfaces.',\n tag: '#design-tokens',\n },\n]\n\nconst INITIAL_TASKS: ActionItem[] = [\n {\n id: 'task-1',\n title: 'Publish OKLCH color token specification to documentation',\n assignee: 'Elena Rostova',\n assigneeInitials: 'ER',\n assigneeColor: 'bg-success/15 text-success',\n dueDate: 'Aug 24, 2026',\n priority: 'High',\n completed: true,\n },\n {\n id: 'task-2',\n title: 'Configure AST parity tests in GitHub Actions CI workflow',\n assignee: 'Marcus Vance',\n assigneeInitials: 'MV',\n assigneeColor: 'bg-info/15 text-info',\n dueDate: 'Aug 26, 2026',\n priority: 'Urgent',\n completed: false,\n },\n {\n id: 'task-3',\n title: 'Draft block wireframes for Healthcare & HRMS verticals',\n assignee: 'Sarah Jenkins',\n assigneeInitials: 'SJ',\n assigneeColor: 'bg-chart-1/15 text-chart-1',\n dueDate: 'Aug 28, 2026',\n priority: 'Medium',\n completed: false,\n },\n {\n id: 'task-4',\n title: 'Benchmark bundle size delta across 50+ imported primitives',\n assignee: 'David Chen',\n assigneeInitials: 'DC',\n assigneeColor: 'bg-warning/15 text-warning',\n dueDate: 'Sep 02, 2026',\n priority: 'Low',\n completed: false,\n },\n]\n\nconst INITIAL_DECISIONS: KeyDecision[] = [\n {\n id: 'dec-1',\n number: 1,\n title: 'Adopt flat registryDependencies URLs across all 300+ items',\n context:\n 'Declaring flat JSON URLs eliminates circular dependency warnings and simplifies downstream registry resolver graphs.',\n status: 'Adopted',\n decidedBy: 'Elena Rostova',\n time: '14:18 PST',\n },\n {\n id: 'dec-2',\n number: 2,\n title: 'Enforce strict 120-char line width & no-semicolons styleguide',\n context:\n 'Standardizes AST transpilation outputs so generated Vue SFC and React TSX items maintain identical formatting invariants.',\n status: 'Adopted',\n decidedBy: 'Squad Consensus',\n time: '14:32 PST',\n },\n {\n id: 'dec-3',\n number: 3,\n title: 'Deprecate legacy /r/nuxt/ aliases by end of Q3',\n context:\n 'Consumers will be directed to unified /r/vue/ endpoints while maintaining backwards-compatible 301 redirects.',\n status: 'Under Review',\n decidedBy: 'Sarah Jenkins',\n time: '14:45 PST',\n },\n]\n\nexport function MeetingAgendaNotes({ className }: MeetingAgendaNotesProps) {\n const [copiedRoomLink, setCopiedRoomLink] = React.useState(false)\n const [copiedNotes, setCopiedNotes] = React.useState(false)\n const [copiedSnippet, setCopiedSnippet] = React.useState(false)\n\n const [attendees] = React.useState(INITIAL_ATTENDEES)\n const [agendaTopics] = React.useState(INITIAL_TOPICS)\n const [liveNotes, setLiveNotes] = React.useState(INITIAL_NOTES)\n const [newNoteDraft, setNewNoteDraft] = React.useState('')\n const [newNoteTag, setNewNoteTag] = React.useState('#architecture')\n\n const [actionItems, setActionItems] = React.useState(INITIAL_TASKS)\n const [newTaskTitle, setNewTaskTitle] = React.useState('')\n const [newTaskAssignee, setNewTaskAssignee] = React.useState('Alex Rivera')\n const [newTaskPriority, setNewTaskPriority] = React.useState<'Urgent' | 'High' | 'Medium' | 'Low'>('Medium')\n\n const [keyDecisions] = React.useState(INITIAL_DECISIONS)\n\n const completedTasksCount = actionItems.filter((t) => t.completed).length\n const totalTasksCount = actionItems.length\n const completionPercentage = totalTasksCount === 0 ? 0 : Math.round((completedTasksCount / totalTasksCount) * 100)\n\n const copyRoomLink = () => {\n navigator.clipboard?.writeText('https://zoom.us/j/4829017734')\n setCopiedRoomLink(true)\n setTimeout(() => setCopiedRoomLink(false), 2000)\n }\n\n const copyCodeSnippet = () => {\n const code = `export default defineRegistryItem({\n name: 'meeting-agenda-notes',\n type: 'registry:block',\n categories: ['productivity', 'collaboration'],\n framework: 'react',\n dependencies: ['lucide-react'],\n registryDependencies: [\n 'https://uipkge.dev/r/avatar.json',\n 'https://uipkge.dev/r/badge.json',\n 'https://uipkge.dev/r/button.json',\n 'https://uipkge.dev/r/card.json',\n 'https://uipkge.dev/r/checkbox.json',\n 'https://uipkge.dev/r/separator.json',\n ],\n})`\n navigator.clipboard?.writeText(code)\n setCopiedSnippet(true)\n setTimeout(() => setCopiedSnippet(false), 2000)\n }\n\n const exportNotesMarkdown = () => {\n const md = `# Q3 Product Architecture & Monorepo Scaling Sync\n**Date:** Friday, Aug 21, 2026 · 14:00 - 15:00 PST\n**Meeting Room:** Zoom Room #482-901\n**Attendees:** Elena Rostova (Host), Marcus Vance, Sarah Jenkins, David Chen, Sofia Rossi, Alex Rivera\n\n---\n\n## 📋 Timeboxed Agenda\n- [x] **OKLCH Token Migration Status** (15m · 14:00 - 14:15) - Elena Rostova\n- [x] **Dual-Framework AST Verification Pipeline** (20m · 14:15 - 14:35) - Marcus Vance [ACTIVE]\n- [ ] **100-Block Registry Expansion Strategy** (15m · 14:35 - 14:50) - Sarah Jenkins\n- [ ] **Q&A & Retrospective** (10m · 14:50 - 15:00) - Open Floor\n\n---\n\n## 💡 Key Architectural Decisions\n1. **Adopt flat registryDependencies URLs across all 300+ items** [Adopted]\n - *Decided by:* Elena Rostova · 14:18 PST\n - *Context:* Eliminates circular dependency warnings in shadcn resolver.\n2. **Enforce strict 120-char line width & no-semicolons styleguide** [Adopted]\n - *Decided by:* Squad Consensus · 14:32 PST\n - *Context:* Standardizes AST transpilation outputs across Vue & React.\n3. **Deprecate legacy /r/nuxt/ aliases by end of Q3** [Under Review]\n - *Decided by:* Sarah Jenkins · 14:45 PST\n - *Context:* Directs consumers to unified /r/vue/ endpoints.\n\n---\n\n## ✅ Action Items\n${actionItems\n .map(\n (task) =>\n `- [${task.completed ? 'x' : ' '}] **${task.title}** (Assignee: @${task.assignee}, Due: ${task.dueDate}, Priority: ${task.priority})`,\n )\n .join('\\n')}\n`\n navigator.clipboard?.writeText(md)\n setCopiedNotes(true)\n setTimeout(() => setCopiedNotes(false), 2000)\n }\n\n const toggleTask = (id: string, checked: boolean) => {\n setActionItems((prev) => prev.map((item) => (item.id === id ? { ...item, completed: checked } : item)))\n }\n\n const addTask = () => {\n if (!newTaskTitle.trim()) return\n const attendee = attendees.find((a) => a.name === newTaskAssignee) || attendees[0]\n setActionItems((prev) => [\n ...prev,\n {\n id: `task-${Date.now()}`,\n title: newTaskTitle.trim(),\n assignee: attendee.name,\n assigneeInitials: attendee.initials,\n assigneeColor: attendee.colorClass,\n dueDate: 'Aug 30, 2026',\n priority: newTaskPriority,\n completed: false,\n },\n ])\n setNewTaskTitle('')\n }\n\n const addNote = () => {\n if (!newNoteDraft.trim()) return\n setLiveNotes((prev) => [\n ...prev,\n {\n id: `note-${Date.now()}`,\n author: 'Elena Rostova',\n authorInitials: 'ER',\n authorColor: 'bg-success/15 text-success',\n timestamp: 'Just now',\n content: newNoteDraft.trim(),\n tag: newNoteTag,\n },\n ])\n setNewNoteDraft('')\n }\n\n return (\n
\n {/* Meeting Header Card */}\n \n \n {/* Top Badges & Status Row */}\n
\n
\n \n \n REC · 45:12\n \n \n Architecture Sync\n \n \n Bi-Weekly Cadence\n \n
\n\n {/* Meeting Actions */}\n
\n \n {copiedNotes ? (\n \n ) : (\n \n )}\n {copiedNotes ? 'Notes Copied!' : 'Export Notes Markdown'}\n \n \n
\n
\n\n {/* Meeting Title & Meta Info */}\n
\n

\n Q3 Product Architecture & Monorepo Scaling Sync\n

\n\n
\n {/* Date & Time */}\n
\n \n Friday, Aug 21, 2026\n ·\n 14:00 - 15:00 PST\n
\n\n {/* Duration Badge */}\n
\n \n \n 60 mins · 45 mins elapsed\n \n
\n\n {/* Meeting Room Link */}\n
\n
\n
\n
\n\n \n\n {/* Attendee Avatars Row */}\n
\n
\n
\n Attendees\n \n 6 Present\n \n
\n\n {/* Avatars with online status dots */}\n
\n {attendees.map((attendee) => (\n \n
\n \n {attendee.initials}\n \n {/* Presence Status Dot */}\n \n
\n {attendee.name}\n {attendee.isHost && (\n \n Host\n \n )}\n
\n ))}\n
\n
\n\n {/* Quick Access Code / Status */}\n \n
\n \n \n\n {/* 2-Column Meeting Workspace */}\n
\n {/* Left Panel: Timeboxed Agenda & Rich Notes (8 cols) */}\n
\n {/* Section 1: 4 Timeboxed Agenda Topics */}\n \n \n
\n
\n
\n \n
\n
\n Timeboxed Agenda\n \n 4 topics structured with real-time progress indicators\n \n
\n
\n\n {/* Time Allocation Summary */}\n \n 60m Total · 45m Elapsed (75%)\n \n
\n\n {/* Elapsed Visual Bar */}\n
\n
\n
\n \n\n \n {agendaTopics.map((topic) => (\n \n
\n {/* Topic Details */}\n
\n
\n \n {topic.number}\n \n\n

{topic.title}

\n\n {/* Status Badges */}\n {topic.status === 'completed' && (\n \n \n Completed\n \n )}\n {topic.status === 'active' && (\n \n \n Current Topic\n \n )}\n {topic.status === 'upcoming' && (\n \n \n Upcoming\n \n )}\n
\n\n

{topic.summary}

\n\n {/* Tags */}\n
\n {topic.tags.map((tag) => (\n \n {tag}\n \n ))}\n
\n
\n\n {/* Presenter & Timebox Metadata */}\n
\n
\n {topic.duration}\n {topic.timeRange}\n
\n\n
\n \n \n {topic.leadInitials}\n \n \n {topic.lead}\n
\n
\n
\n
\n ))}\n \n \n\n {/* Section 2: Rich Discussion Notes Area */}\n \n \n
\n
\n
\n \n
\n
\n Discussion Notes & Technical Blueprint\n \n Structured architectural takeaways and runtime benchmarks\n \n
\n
\n\n \n Last edited 2m ago by Elena Rostova\n \n
\n \n\n \n {/* Context Callout Box */}\n
\n
\n \n Core Monorepo Mandate\n
\n

\n Components are the product, not an npm library. Consumers run{' '}\n \n npx shadcn add <url>\n {' '}\n and own the code directly. All block primitives must compose raw layouts without baking rigid data\n arrays into primitives.\n

\n
\n\n {/* Structured Takeaways Section */}\n
\n

\n Architectural Takeaways\n

\n\n
\n
\n
\n \n
\n
\n Zero Runtime Overhead Delivery Model\n

\n Zero build-time vendor lock-in. Primitives handle focus rings, keyboard navigation, and\n accessibility semantics while leaving styling tokens fully customizable by end consumers.\n

\n
\n
\n\n
\n
\n \n
\n
\n Perceptually Uniform OKLCH Palette\n

\n Color spaces mapped directly to standard OKLCH coordinates via Tailwind CSS v4{' '}\n @theme inline{' '}\n tokens, ensuring high-fidelity rendering across Apple P3 displays.\n

\n
\n
\n\n
\n
\n \n
\n
\n Flat Registry Dependencies Graph\n

\n All{' '}\n \n registryDependencies\n {' '}\n declare flat URLs (\n \n https://uipkge.dev/r/button.json\n \n ), eliminating nested resolver locks in downstream CLIs.\n

\n
\n
\n
\n
\n\n {/* Code Architecture Blueprint */}\n
\n
\n

\n Manifest Blueprint\n

\n \n {copiedSnippet ? : }\n {copiedSnippet ? 'Copied' : 'Copy Manifest'}\n \n
\n\n
\n 
\n                    \n                      export default{' '}\n                      defineRegistryItem(\n                      {`{\n  name: `}\n                      'meeting-agenda-notes'\n                      {`,\n  type: `}\n                      'registry:block'\n                      {`,\n  categories: [`}\n                      'productivity'\n                      {`, `}\n                      'collaboration'\n                      {`],\n  dependencies: [`}\n                      'lucide-react'\n                      {`],\n  registryDependencies: [\n    `}\n                      'https://uipkge.dev/r/avatar.json'\n                      {`,\n    `}\n                      'https://uipkge.dev/r/badge.json'\n                      {`,\n    `}\n                      'https://uipkge.dev/r/button.json'\n                      {`,\n    `}\n                      'https://uipkge.dev/r/card.json'\n                      {`,\n    `}\n                      'https://uipkge.dev/r/checkbox.json'\n                      {`,\n    `}\n                      'https://uipkge.dev/r/separator.json'\n                      {`,\n  ],\n}`}\n                      )\n                    \n
\n
\n
\n\n {/* Live Meeting Annotations & Comment Thread */}\n
\n

Live Annotations

\n\n
\n {liveNotes.map((note) => (\n \n \n {note.authorInitials}\n \n\n
\n
\n
\n {note.author}\n \n {note.tag}\n \n
\n {note.timestamp}\n
\n

{note.content}

\n
\n
\n ))}\n
\n\n {/* Inline Note Composer */}\n
\n
\n setNewNoteDraft(e.target.value)}\n type=\"text\"\n placeholder=\"Append architecture note or observation...\"\n className=\"border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/40 h-8 w-full rounded-md border px-3 py-1 text-xs shadow-xs outline-none focus-visible:ring-2\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') addNote()\n }}\n />\n
\n\n
\n setNewNoteTag(e.target.value)}\n className=\"border-input bg-background text-foreground focus-visible:border-ring focus-visible:ring-ring/40 h-8 rounded-md border px-2 text-xs shadow-xs outline-none focus-visible:ring-2\"\n >\n \n \n \n \n \n\n \n \n Post\n \n
\n
\n
\n \n \n
\n\n {/* Right Sidebar: Action Items, Decisions, & Meta (4-5 cols) */}\n
\n {/* Action Items Checklist Card */}\n \n \n
\n
\n
\n \n
\n
\n Action Items\n Assigned deliverables & deadlines\n
\n
\n\n {/* Completion Counter Badge */}\n \n {completedTasksCount}/{totalTasksCount} Done ({completionPercentage}%)\n \n
\n\n {/* Progress bar */}\n
\n \n
\n \n\n \n {/* Checklist items */}\n
\n {actionItems.map((task) => (\n \n {/* Checkbox */}\n
\n toggleTask(task.id, Boolean(checked))}\n />\n
\n\n {/* Task content */}\n
\n \n {task.title}\n \n\n
\n {/* Assignee */}\n
\n \n \n {task.assigneeInitials}\n \n \n {task.assignee}\n
\n\n {/* Priority & Date */}\n
\n \n {task.priority}\n \n {task.dueDate}\n
\n
\n
\n
\n ))}\n
\n\n {/* Quick Add Action Item */}\n
\n setNewTaskTitle(e.target.value)}\n type=\"text\"\n placeholder=\"New action item description...\"\n className=\"border-input bg-background text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring h-7 w-full rounded border px-2.5 text-xs shadow-xs outline-none focus-visible:ring-1\"\n onKeyDown={(e) => {\n if (e.key === 'Enter') addTask()\n }}\n />\n\n
\n setNewTaskAssignee(e.target.value)}\n className=\"border-input bg-background text-foreground h-7 rounded border px-2 text-xs shadow-xs outline-none\"\n >\n {attendees.map((att) => (\n \n ))}\n \n\n setNewTaskPriority(e.target.value as 'Urgent' | 'High' | 'Medium' | 'Low')}\n className=\"border-input bg-background text-foreground h-7 rounded border px-2 text-xs shadow-xs outline-none\"\n >\n \n \n \n \n \n\n \n \n Add\n \n
\n
\n \n \n\n {/* Key Decisions Log Card */}\n \n \n
\n
\n
\n \n
\n
\n Key Decisions Log\n Recorded architectural consensus\n
\n
\n\n \n {keyDecisions.length} Recorded\n \n
\n \n\n \n {keyDecisions.map((decision) => (\n
\n
\n
\n D-0{decision.number}\n \n {decision.status}\n \n
\n\n {decision.time}\n
\n\n

{decision.title}

\n\n

{decision.context}

\n\n
\n Decided by:\n {decision.decidedBy}\n
\n
\n ))}\n \n \n\n {/* Meeting Metadata & Shared Resources Card */}\n \n \n \n Session Resources & Security\n \n \n\n \n
\n
\n \n \n Access Level\n \n Internal (SSO Auth)\n
\n\n
\n \n \n Next Sync\n \n Aug 28 · 14:00 PST\n
\n
\n\n \n\n {/* Linked Resources */}\n
\n Attached Artifacts\n\n
\n \n \n \n OKLCH Token Audit Matrix.xlsx\n \n \n \n\n \n \n \n PR #412: Flat Dependency Resolution\n \n \n \n
\n
\n \n \n \n \n \n )\n}\n", "type": "registry:block", "target": "~/components/blocks/MeetingAgendaNotes.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/avatar.json", "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/checkbox.json", "https://uipkge.dev/r/react/separator.json" ], "description": "Linear and Notion style structured meeting document with attendee avatars, timeboxed agenda topics, rich discussion notes, interactive action items checklist, and key decisions log.", "categories": [ "productivity", "app", "collaboration" ] }