diff --git a/.beads/bd.sock.startlock b/.beads/bd.sock.startlock deleted file mode 100644 index b18724b..0000000 --- a/.beads/bd.sock.startlock +++ /dev/null @@ -1 +0,0 @@ -55588 diff --git a/.beads/issues.jsonl b/.beads/issues.jsonl index 86eaa5a..be3bab0 100644 --- a/.beads/issues.jsonl +++ b/.beads/issues.jsonl @@ -278,7 +278,7 @@ {"id":"bb-ui2.29","title":"bb-ui2.29: Activity View - ActivityPanel with agent roster + timeline","description":"1) GOAL: Create Activity view for right panel replacing /timeline. Shows agent roster (top 30%) and activity feed (bottom).\n\n2) PLAN: Read existing timeline infrastructure from src/lib/activity.ts. Create ActivityPanel component. Agent roster shows all gt:agent beads with derived status. Activity feed shows chronological events.\n\n3) DATA: Agent roster from gt:agent labeled issues. Activity from existing activity system.\n\n4) COMPONENT: src/components/activity/activity-panel.tsx\n\n5) VERIFICATION: npm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"ActivityPanel created at src/components/activity/activity-panel.tsx. Top 30% shows agent roster with status (active/stale/stuck/dead). Bottom shows chronological activity feed. Real-time updates via existing SSE. All gt:agent beads displayed. npm run typecheck \u0026\u0026 npm run lint pass.","notes":"Starting ActivityPanel - will create right panel with agent roster (top 30%) and activity feed","status":"in_progress","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-16T09:54:57.837183-08:00","created_by":"zenchantlive","updated_at":"2026-02-16T10:00:13.5130635-08:00","dependencies":[{"issue_id":"bb-ui2.29","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-16T09:54:57.8392966-08:00","created_by":"zenchantlive"}]} {"id":"bb-ui2.3","title":"0.3 Base Primitives: Shared UI components","description":"1) GOAL\nCreate reusable primitive components that will be shared across Social, Swarm, and Graph views, using shadcn/ui as the foundation.\n\n2) PLAN\n1. Create BaseCard component wrapping shadcn Card with consistent padding and hover states\n2. Create AgentAvatar with liveness glow indicator using shadcn Avatar\n3. Create ProgressBar for task completion visualization\n4. Create ViewJumpIcons for navigation shortcuts\n5. Create LastActivity for timestamp display\n6. Write unit tests for each primitive\n7. Run verification gates\n\n3) COMPONENT SPECIFICATIONS\nBaseCard:\n- Wraps shadcn Card with consistent padding and hover states\n- Props: children, onClick, selected\n- Use shadcn Card, CardContent patterns\n\nAgentAvatar:\n- Uses shadcn Avatar component\n- Shows agent initials or icon\n- Glow border based on liveness (active/stale/stuck/dead)\n- Props: agentId, liveness, size\n\nProgressBar:\n- Horizontal bar with percentage fill\n- Color based on progress level\n- Props: completed, total\n\nViewJumpIcons:\n- Icon buttons for quick navigation\n- [≡] thread, [◊] graph, [≋] swarm\n- Props: taskId, swarmId\n\nLastActivity:\n- Human-readable time ago\n- Icon based on event type\n- Props: timestamp, message\n\n4) ACCEPTANCE CRITERIA\n- All 5 primitives created in src/components/shared/\n- Unit tests in tests/components/shared/\n- npm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test pass\n\n5) FILES\n- src/components/shared/base-card.tsx\n- src/components/shared/agent-avatar.tsx\n- src/components/shared/progress-bar.tsx\n- src/components/shared/view-jump-icons.tsx\n- src/components/shared/last-activity.tsx\n- tests/components/shared/base-card.test.tsx\n- tests/components/shared/agent-avatar.test.tsx\n- tests/components/shared/progress-bar.test.tsx\n- tests/components/shared/view-jump-icons.test.tsx\n- tests/components/shared/last-activity.test.tsx\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- test-driven-development\n- linus-beads-discipline\n- shadcn-ui (PRIMARY: use shadcn Card, Avatar patterns)\n- beadboard-driver\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test","acceptance_criteria":"All 5 primitives created; tests pass; typecheck+lint+test pass","notes":"Claimed by primitive-builder: Creating BaseCard, AgentAvatar, StatusBadge shared components","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:44:19.1457633-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:09:57.0899575-08:00","closed_at":"2026-02-15T20:09:57.0899575-08:00","close_reason":"Completed by primitive-builder: BaseCard, AgentAvatar, StatusBadge shared components created with typecheck, lint, and test passing","dependencies":[{"issue_id":"bb-ui2.3","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:44:19.1506782-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.3","depends_on_id":"bb-ui2.2","type":"blocks","created_at":"2026-02-15T18:44:19.1580299-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.3","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:00.9093526-08:00","created_by":"zenchantlive"}]} {"id":"bb-ui2.30","title":"bb-ui2.30: Activity Deep Linking - Agent filtering from cards","description":"1) GOAL: Enable deep linking from agent icons on cards to Activity panel filtered by that agent.\n\n2) PLAN: Update useUrlState to add agent param. Add onAgentClick to SocialCard/SwarmCard. Wire agent icon click to setView('activity') + setAgentId(). ActivityPanel reads agent param and filters.\n\n3) URL: /?view=activity\u0026agent=bb-xyz\n\n4) DEPENDS ON: bb-ui2.29 (ActivityPanel), bb-ui2.11 (SocialCard), bb-ui2.16 (SwarmCard)\n\n5) VERIFICATION: npm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"Clicking agent icon on SocialCard/SwarmCard navigates to Activity view with that agent selected. URL includes agent param. Right panel filters to show only that agent's activity. Show all button clears filter. npm run typecheck \u0026\u0026 npm run lint pass.","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-16T09:55:25.9425051-08:00","created_by":"zenchantlive","updated_at":"2026-02-16T09:55:25.9425051-08:00","dependencies":[{"issue_id":"bb-ui2.30","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-16T09:55:25.9446982-08:00","created_by":"zenchantlive"}]} -{"id":"bb-ui2.31","title":"bb-ui2.31: Thread Drawer - Card detail slide-out panel","description":"1) GOAL: Create thread drawer that appears when clicking a card. Different from right panel - this is specifically for conversation/thread.\n\n2) BEHAVIOR: - Desktop: 24rem drawer slides from right edge of middle area - Tablet: slide-over - Mobile: full-screen bottom sheet\n\n3) SECTIONS: - Header: ID, title, close X - Thread: comments + events - Compose: add comment input\n\n4) COMPONENT: src/components/shared/thread-drawer.tsx\n\n5) INTEGRATION: UnifiedShell renders ThreadDrawer when taskId or swarmId is set AND drawer=open\n\n6) DEPENDS ON: bb-ui2.13 (Thread View)\n\n7) VERIFICATION: npm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"ThreadDrawer component created. Slides from right edge of middle area (24rem). Opens when card selected in Social/Swarm views. Shows task header, thread/comments, compose area. Desktop: 24rem drawer. Tablet: slide-over. Mobile: full-screen bottom sheet. npm run typecheck \u0026\u0026 npm run lint pass.","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-16T09:55:55.2486-08:00","created_by":"zenchantlive","updated_at":"2026-02-16T09:55:55.2486-08:00","dependencies":[{"issue_id":"bb-ui2.31","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-16T09:55:55.2511516-08:00","created_by":"zenchantlive"}]} +{"id":"bb-ui2.31","title":"bb-ui2.31: Thread Drawer - Card detail slide-out panel","description":"1) GOAL: Create thread drawer that appears when clicking a card. Different from right panel - this is specifically for conversation/thread.\n\n2) BEHAVIOR: - Desktop: 24rem drawer slides from right edge of middle area - Tablet: slide-over - Mobile: full-screen bottom sheet\n\n3) SECTIONS: - Header: ID, title, close X - Thread: comments + events - Compose: add comment input\n\n4) COMPONENT: src/components/shared/thread-drawer.tsx\n\n5) INTEGRATION: UnifiedShell renders ThreadDrawer when taskId or swarmId is set AND drawer=open\n\n6) DEPENDS ON: bb-ui2.13 (Thread View)\n\n7) VERIFICATION: npm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"ThreadDrawer component created. Slides from right edge of middle area (24rem). Opens when card selected in Social/Swarm views. Shows task header, thread/comments, compose area. Desktop: 24rem drawer. Tablet: slide-over. Mobile: full-screen bottom sheet. npm run typecheck \u0026\u0026 npm run lint pass.","notes":"ThreadDrawer created at src/components/shared/thread-drawer.tsx. 24rem drawer slides from right edge of middle. Header with ID/title/close, ThreadView with sample data, compose input. Wired into UnifiedShell. typecheck passes.","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-16T09:55:55.2486-08:00","created_by":"zenchantlive","updated_at":"2026-02-16T10:17:45.1725174-08:00","closed_at":"2026-02-16T10:17:45.1725174-08:00","close_reason":"ThreadDrawer created at src/components/shared/thread-drawer.tsx - 24rem drawer slides from right edge of middle area. Header with ID/title/close X, ThreadView with sample data, compose input. Wired into UnifiedShell with drawer URL param. typecheck passes.","dependencies":[{"issue_id":"bb-ui2.31","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-16T09:55:55.2511516-08:00","created_by":"zenchantlive"}]} {"id":"bb-ui2.32","title":"bb-ui2.32: Mobile 4-Tab Navigation - Add Activity tab","description":"1) GOAL: Add 4th tab (Activity) to mobile bottom navigation.\n\n2) CURRENT: MobileNav has 3 tabs for Social/Graph/Swarm.\n\n3) ADD: Fourth tab for Activity view. - Icon: Activity/Clock icon - Label: Activity - Navigates to: /?view=activity\n\n4) FILE: src/components/shared/mobile-nav.tsx\n\n5) DEPENDS ON: bb-ui2.27 (Mobile Navigation), bb-ui2.29 (ActivityPanel)\n\n6) VERIFICATION: npm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"MobileNav updated to 4 tabs: Social, Graph, Swarm, Activity. Activity tab navigates to view=activity. Visual styling consistent with other tabs. npm run typecheck \u0026\u0026 npm run lint pass.","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-16T09:56:09.2072362-08:00","created_by":"zenchantlive","updated_at":"2026-02-16T09:56:09.2072362-08:00","dependencies":[{"issue_id":"bb-ui2.32","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-16T09:56:09.2093177-08:00","created_by":"zenchantlive"}]} {"id":"bb-ui2.4","title":"1.1 URL State Hook: URL as single source of truth","description":"1) GOAL\nCreate a React hook that synchronizes UI state with URL search parameters, making the URL the single source of truth for view state.\n\n2) PLAN\n1. Define UrlState interface with all state fields\n2. Create useUrlState hook using Next.js useSearchParams and useRouter\n3. Implement getter/setter pairs for each state field\n4. Ensure URL updates via router.push (no local state drift)\n5. Handle invalid/missing params with defaults\n6. Write comprehensive unit tests\n7. Run verification gates\n\n3) INTERFACE\ninterface UrlState {\n view: 'social' | 'graph' | 'swarm';\n setView: (v: 'social' | 'graph' | 'swarm') =\u003e void;\n taskId: string | null;\n setTaskId: (id: string | null) =\u003e void;\n swarmId: string | null;\n setSwarmId: (id: string | null) =\u003e void;\n panel: 'open' | 'closed';\n togglePanel: () =\u003e void;\n graphTab: 'flow' | 'overview';\n setGraphTab: (tab: 'flow' | 'overview') =\u003e void;\n clearSelection: () =\u003e void;\n}\n\n4) URL PATTERNS\n/?view=social\n/?view=social\u0026task=bb-buff.1\u0026panel=open\n/?view=swarm\u0026swarm=bb-buff\n/?view=graph\u0026task=bb-buff.1\u0026graphTab=flow\n\n5) ACCEPTANCE CRITERIA\n- useUrlState hook in src/hooks/use-url-state.ts\n- URL is single source of truth (no useState for view state)\n- Unit tests cover all state transitions\n- npm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test pass\n\n6) FILES\n- src/hooks/use-url-state.ts\n- tests/hooks/use-url-state.test.ts\n\n7) SKILLS (use in tandem)\n- verification-before-completion\n- test-driven-development\n- linus-beads-discipline\n- beadboard-driver\n\n8) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test","acceptance_criteria":"useUrlState hook created; URL is SSOT; tests pass; typecheck+lint+test pass","notes":"TDD completed: failing test first, then implementation. Created src/hooks/use-url-state.ts with parseUrlState, buildUrlParams, useUrlState. Tests import from module directly. All 22 tests pass. typecheck, lint, test all pass.","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:44:54.093059-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:05:38.0502947-08:00","closed_at":"2026-02-15T20:05:38.0502947-08:00","close_reason":"Completed by url-state-engineer: useUrlState hook created with parseUrlState/buildUrlParams helpers, 18 unit tests covering all state transitions, typecheck+lint+test all pass","dependencies":[{"issue_id":"bb-ui2.4","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:44:54.0983419-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.4","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:07.7989378-08:00","created_by":"zenchantlive"}]} {"id":"bb-ui2.5","title":"1.2 UnifiedShell: Main page layout with 3-panel grid","description":"1) GOAL\nCreate the main unified shell layout component that replaces the current page.tsx with a 3-panel grid layout supporting view switching.\n\n2) PLAN\n1. Copy current src/app/page.tsx to src/app/page-old.tsx for reference\n2. Create UnifiedShell component with CSS Grid layout\n3. Implement view switching based on URL state\n4. Create placeholder content areas for each panel\n5. Wire up TopBar, LeftPanel, RightPanel when they exist\n6. Run verification gates\n\n3) LAYOUT STRUCTURE\nCSS Grid:\n- TOP BAR: 3rem fixed height\n- MAIN AREA: grid with [13rem | 1fr | 17rem]\n\nGrid Template:\n```\n┌─────────────────────────────────────────┐\n│ TOP BAR (3rem) │\n├──────────┬──────────────┬───────────────┤\n│ LEFT │ MIDDLE │ RIGHT │\n│ 13rem │ flex-1 │ 17rem │\n│ Panel │ Content │ Panel │\n└──────────┴──────────────┴───────────────┘\n```\n\n4) VIEW ROUTING\n- view=social → SocialPage in middle\n- view=graph → GraphPage in middle\n- view=swarm → SwarmPage in middle\n\n5) ACCEPTANCE CRITERIA\n- src/app/page.tsx replaced with UnifiedShell\n- Old page.tsx saved as page-old.tsx\n- CSS Grid: 13rem | 1fr | 17rem renders correctly\n- View tabs switch content\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n6) FILES\n- src/app/page.tsx (REPLACE)\n- src/app/page-old.tsx (COPY of current)\n- src/components/shared/unified-shell.tsx\n\n7) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- beadboard-driver\n- shadcn-ui (use shadcn Card patterns for panels)\n\n8) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: http://localhost:3000 shows 3-panel layout","acceptance_criteria":"UnifiedShell replaces page.tsx; 3-panel grid works; typecheck+lint pass","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:44:59.7500833-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T21:53:25.4304028-08:00","closed_at":"2026-02-15T21:53:25.4304028-08:00","close_reason":"MINIMAL IMPLEMENTATION COMPLETE: UnifiedShell renders 3-panel layout (13rem | 1fr | 17rem). Page.tsx replaced with UnifiedShell + server-side data fetching preserved. TDD cycle verified (RED→GREEN). All gates pass: typecheck ✓, lint ✓ (5 warnings expected), test ✓. Old page.tsx backed up to page-old.tsx. Ready for phase 1.3-1.5 (TopBar/LeftPanel/RightPanel implementation).","dependencies":[{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:44:59.754968-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2.1","type":"blocks","created_at":"2026-02-15T18:44:59.7620225-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2.2","type":"blocks","created_at":"2026-02-15T18:44:59.7669124-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2.3","type":"blocks","created_at":"2026-02-15T18:44:59.7739977-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2.4","type":"blocks","created_at":"2026-02-15T18:44:59.7804324-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.5","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:13.8053162-08:00","created_by":"zenchantlive"}]} diff --git a/src/components/shared/unified-shell.tsx b/src/components/shared/unified-shell.tsx index eb62f58..fe2b7cc 100644 --- a/src/components/shared/unified-shell.tsx +++ b/src/components/shared/unified-shell.tsx @@ -86,7 +86,7 @@ export function UnifiedShell({ ); } @@ -96,7 +96,7 @@ export function UnifiedShell({ ); }