chore: update beads and page for unified shell
- Backed up old page.tsx to page-old.tsx - Updated page.tsx to use UnifiedShell - Beads updated: bb-ui2.27, bb-ui2.28 closed; new agent beads created
This commit is contained in:
zenchantlive
parent
4efc461c1e
commit
083e710388
3 changed files with 42 additions and 4 deletions
|
|
@ -256,12 +256,12 @@
|
|||
{"id":"bb-ui2.0","title":"BLOCKER: Update all bb-ui2 bead descriptions with proper prompt format","description":"1) GOAL\nUpdate ALL bb-ui2.x bead descriptions to follow the expert autonomous assistant prompt format specified by the user.\n\n2) PROBLEM\nBeads bb-ui2.1 through bb-ui2.21 were created with abbreviated descriptions. They need to be rewritten with the full prompt format for autonomous execution.\n\n3) REQUIRED FORMAT FOR EACH BEAD\nEach bead description MUST include:\n\n1) GOAL\n- One or two sentences summarizing what the agent is doing\n\n2) PLAN \n- 3-7 concise bullets describing intended steps\n\n3) EXECUTION (template, not filled in)\n- Brief notes placeholder\n\n4) ACCEPTANCE CRITERIA\n- Specific measurable outcomes\n\n5) FILES\n- List of files to create/modify\n\n6) SKILLS\n- verification-before-completion\n- test-driven-development (where applicable)\n- beadboard-driver\n- linus-beads-discipline\n\n7) VERIFICATION\n- Exact commands to run\n\n4) BEADS TO UPDATE\n- bb-ui2.1 (Token System)\n- bb-ui2.2 (shadcn Setup)\n- bb-ui2.3 (Base Primitives)\n- bb-ui2.4 (URL State Hook)\n- bb-ui2.5 (UnifiedShell)\n- bb-ui2.6 (TopBar)\n- bb-ui2.7 (LeftPanel)\n- bb-ui2.8 (RightPanel)\n- bb-ui2.9 (Responsive)\n- bb-ui2.10 (Social Cards Data)\n- bb-ui2.11 (SocialCard Component)\n- bb-ui2.12 (Social Detail)\n- bb-ui2.13 (Thread View)\n- bb-ui2.14 (Social Integration)\n- bb-ui2.15 (Swarm Cards Data)\n- bb-ui2.16 (SwarmCard Component)\n- bb-ui2.17 (Swarm Detail)\n- bb-ui2.18 (Swarm Integration)\n- bb-ui2.19 (Graph Extract)\n- bb-ui2.20 (Graph Tab)\n- bb-ui2.21 (fitView Fix)\n- bb-ui2.22 (Deep Links)\n- bb-ui2.23 (Mobile Polish)\n- bb-ui2.24 (Screenshots)\n- bb-ui2.25 (Final Gates)\n\n5) ACCEPTANCE CRITERIA\n- All 25 beads have descriptions in the proper format\n- Each bead is self-contained for autonomous execution\n- Dependencies are clearly stated\n- Verification commands are exact\n\n6) FILES\n- None (bead metadata only)\n\n7) SKILLS\n- beadboard-driver\n- linus-beads-discipline\n\n8) VERIFICATION\nbd show bb-ui2.1 | grep -A5 'GOAL'\nbd show bb-ui2.10 | grep -A5 'GOAL'\n# Verify format on sample beads","acceptance_criteria":"All 25 bb-ui2.x beads have proper prompt format descriptions; self-contained for autonomous execution","notes":"Updated descriptions for bb-ui2.1-14 with proper prompt format. Beads 15-25 already had correct format. All 25 implementation beads now have:\n1) GOAL\n2) PLAN\n3) CONTEXT/SPECIFICATIONS\n4) ACCEPTANCE CRITERIA\n5) FILES\n6) SKILLS\n7) VERIFICATION\n\nAll beads are self-contained for autonomous execution.","status":"closed","priority":0,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:54:22.8205583-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T19:26:58.4301478-08:00","closed_at":"2026-02-15T19:26:58.4301478-08:00","close_reason":"All 25 bb-ui2.x implementation beads now have proper prompt format descriptions. Beads 1-14 updated with full GOAL/PLAN/ACCEPTANCE/FILES/SKILLS/VERIFICATION sections. Beads 15-25 already had correct format. All beads are self-contained for autonomous agent execution."}
|
||||
{"id":"bb-ui2.1","title":"0.1 Token System: Earthy-dark CSS variables","description":"1) GOAL\nReplace Aero Chrome design tokens with earthy-dark design system in globals.css and configure Tailwind to use CSS variables.\n\n2) PLAN\n1. Read current src/app/globals.css to understand existing token structure\n2. Add earthy-dark CSS variables for backgrounds, accents, text, status, and liveness\n3. Update tailwind.config.ts to reference new CSS variables via var()\n4. Preserve existing token names where possible for compatibility\n5. Run verification gates\n\n3) TOKENS TO ADD\nBackgrounds:\n- --color-bg-base: #2D2D2D\n- --color-bg-card: #363636\n- --color-bg-input: #404040\n\nAccents:\n- --color-accent-green: #7CB97A (primary CTA)\n- --color-accent-amber: #D4A574 (warning)\n- --color-accent-teal: #5BA8A0 (secondary)\n\nText:\n- --color-text-primary: #FFFFFF\n- --color-text-secondary: #B8B8B8\n- --color-text-muted: #888888\n\nStatus:\n- ready: teal #5BA8A0\n- in_progress: green #7CB97A\n- blocked: amber #D4A574\n- closed: muted #888888\n\nLiveness:\n- active: #7CB97A\n- stale: #D4A574\n- stuck: #E57373\n- dead: #9E4244\n\n4) ACCEPTANCE CRITERIA\n- globals.css contains new earthy-dark tokens\n- tailwind.config.ts references new CSS variables\n- npm run typecheck \u0026\u0026 npm run lint pass\n- Visual check: app still renders correctly\n\n5) FILES\n- src/app/globals.css\n- tailwind.config.ts\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- beadboard-driver\n- shadcn-ui (coordinate tokens with shadcn CSS variable patterns)\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"New tokens in globals.css; Tailwind config updated; typecheck+lint pass","notes":"Claimed by token-architect: Adding earthy-dark design tokens to globals.css and updating tailwind.config.ts","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:43:44.2721268-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:04:33.0458803-08:00","closed_at":"2026-02-15T20:04:33.0458803-08:00","close_reason":"Completed by token-architect: Earthy-dark tokens added to globals.css (lines 54-77) and tailwind.config.ts (earthy, status, liveness color mappings). Typecheck passes. Pre-existing lint error on line 116 unrelated to changes.","dependencies":[{"issue_id":"bb-ui2.1","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:43:44.2923427-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.1","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:54:49.5779447-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.10","title":"2.1 Social Cards: Data builder for SocialCard type","description":"1) GOAL\nTransform BeadIssue data into SocialCard objects that can be rendered by the SocialCard component.\n\n2) PLAN\n1. Read existing data structures from bd CLI or local store\n2. Define SocialCard interface with all required fields\n3. Implement buildSocialCards function to transform BeadIssue → SocialCard\n4. Compute blockedBy and blocking relationships from dependencies\n5. Extract agent assignments and liveness\n6. Compute last activity from events\n7. Write unit tests\n8. Run verification gates\n\n3) INTERFACE\ninterface SocialCard {\n id: string;\n title: string;\n status: 'ready' | 'in_progress' | 'blocked' | 'closed';\n blockedBy: { id: string; title: string; status: string }[];\n blocking: { id: string; title: string; status: string }[];\n agents: { id: string; liveness: 'active' | 'stale' | 'stuck' | 'dead' }[];\n lastActivity: { message: string; author: string; timestamp: Date } | null;\n}\n\n4) DATA SOURCES\n- BeadIssue: id, title, status, dependencies\n- Dependencies: blockedBy (depends_on), blocking (blocked_by)\n- Agent assignments: from agent-registry or task notes\n- Last activity: from timeline events\n\n5) ACCEPTANCE CRITERIA\n- buildSocialCards in src/lib/social-cards.ts\n- SocialCard interface defined\n- Correctly computes blockedBy/blocking from dependencies\n- Includes agent roster with liveness\n- Identifies last activity\n- Unit tests pass\n- npm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test pass\n\n6) FILES\n- src/lib/social-cards.ts\n- tests/lib/social-cards.test.ts\n\n7) SKILLS\n- verification-before-completion\n- test-driven-development\n- linus-beads-discipline\n\n8) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test","acceptance_criteria":"buildSocialCards created; SocialCard interface defined; tests pass; typecheck+lint+test pass","notes":"Claimed by social-data-builder: Creating SocialCard data builder and types","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:46:22.745684-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:12:06.8433073-08:00","closed_at":"2026-02-15T20:12:06.8433073-08:00","close_reason":"Completed by social-data-builder: SocialCard type and buildSocialCards function created with tests","dependencies":[{"issue_id":"bb-ui2.10","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:46:22.7627707-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.10","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:44.0878883-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.11","title":"2.2 SocialCard: Task card component","description":"1) GOAL\nCreate SocialCard component that displays task information with blocks/unlocks relationships and agent assignments, using shadcn/ui Card as foundation.\n\n2) PLAN\n1. Read BaseCard from bb-ui2.3 for component patterns\n2. Create SocialCard component wrapping shadcn Card\n3. Implement UNLOCKS section with rose color\n4. Implement BLOCKS section with amber color\n5. Implement agent avatars with liveness glow using shadcn Avatar\n6. Implement view-jump icons for navigation\n7. Run verification gates\n\n3) LAYOUT\n```\n┌─────────────────────────────────┐\n│ bb-buff.1.1 [⊕] │\n│ Fix login bug │\n│ UNLOCKS: ● blocker │\n│ BLOCKS: ● dependent │\n│ [●a-1] [●a-2] [≡][◊] │\n└─────────────────────────────────┘\n```\n\nElements:\n- Row 1: Task ID (teal), expand button\n- Row 2: Title (bold, white)\n- Row 3: UNLOCKS label + items (rose/teal)\n- Row 4: BLOCKS label + items (amber)\n- Row 5: Agent avatars + view-jump icons\n\nColor Coding:\n- Task ID: teal (--color-accent-teal)\n- UNLOCKS: rose/teal accent\n- BLOCKS: amber (--color-accent-amber)\n- Agent glow: based on liveness\n\n4) ACCEPTANCE CRITERIA\n- SocialCard in src/components/social/social-card.tsx\n- Shows Task ID (teal), Title, UNLOCKS, BLOCKS, Agents\n- View-jump icons functional\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/social/social-card.tsx\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- shadcn-ui (PRIMARY: use shadcn Card, Badge, Avatar patterns)\n- beadboard-driver\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: SocialCard renders with correct layout","acceptance_criteria":"SocialCard created with correct layout; typecheck+lint pass","notes":"TDD: Writing failing tests first for SocialCard component","status":"in_progress","priority":1,"issue_type":"task","assignee":"bb-98c","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:46:28.4643689-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T23:08:22.0949606-08:00","dependencies":[{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:46:28.4706599-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.3","type":"blocks","created_at":"2026-02-15T18:46:28.4791637-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.10","type":"blocks","created_at":"2026-02-15T18:46:28.4866209-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:49.7494463-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.11","title":"2.2 SocialCard: Task card component","description":"1) GOAL\nCreate SocialCard component that displays task information with blocks/unlocks relationships and agent assignments, using shadcn/ui Card as foundation.\n\n2) PLAN\n1. Read BaseCard from bb-ui2.3 for component patterns\n2. Create SocialCard component wrapping shadcn Card\n3. Implement UNLOCKS section with rose color\n4. Implement BLOCKS section with amber color\n5. Implement agent avatars with liveness glow using shadcn Avatar\n6. Implement view-jump icons for navigation\n7. Run verification gates\n\n3) LAYOUT\n```\n┌─────────────────────────────────┐\n│ bb-buff.1.1 [⊕] │\n│ Fix login bug │\n│ UNLOCKS: ● blocker │\n│ BLOCKS: ● dependent │\n│ [●a-1] [●a-2] [≡][◊] │\n└─────────────────────────────────┘\n```\n\nElements:\n- Row 1: Task ID (teal), expand button\n- Row 2: Title (bold, white)\n- Row 3: UNLOCKS label + items (rose/teal)\n- Row 4: BLOCKS label + items (amber)\n- Row 5: Agent avatars + view-jump icons\n\nColor Coding:\n- Task ID: teal (--color-accent-teal)\n- UNLOCKS: rose/teal accent\n- BLOCKS: amber (--color-accent-amber)\n- Agent glow: based on liveness\n\n4) ACCEPTANCE CRITERIA\n- SocialCard in src/components/social/social-card.tsx\n- Shows Task ID (teal), Title, UNLOCKS, BLOCKS, Agents\n- View-jump icons functional\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/social/social-card.tsx\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- shadcn-ui (PRIMARY: use shadcn Card, Badge, Avatar patterns)\n- beadboard-driver\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: SocialCard renders with correct layout","acceptance_criteria":"SocialCard created with correct layout; typecheck+lint pass","notes":"SocialCard component created. Tests: 7/7 pass. Verification: typecheck ✓, lint ✓","status":"closed","priority":1,"issue_type":"task","assignee":"bb-98c","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:46:28.4643689-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T23:13:31.0504173-08:00","closed_at":"2026-02-15T23:13:31.0504173-08:00","close_reason":"SocialCard component created with blocks/unlocks display, agent avatars, view-jump icons","dependencies":[{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:46:28.4706599-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.3","type":"blocks","created_at":"2026-02-15T18:46:28.4791637-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.10","type":"blocks","created_at":"2026-02-15T18:46:28.4866209-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.11","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:49.7494463-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.12","title":"2.3 Social Detail: Task detail for right panel","description":"1) GOAL\nCreate the detail strip content component for selected task, showing full information in the right panel.\n\n2) PLAN\n1. Read SocialCard interface from bb-ui2.10 for data structure\n2. Create SocialDetail component in src/components/social/social-detail.tsx\n3. Implement header section with ID, title, status badge\n4. Implement thread section (placeholder for bb-ui2.13)\n5. Implement blocks/unlocks sections with full details\n6. Implement assignment controls\n7. Implement last activity section\n8. Run verification gates\n\n3) CONTENT SECTIONS\n```\n┌────────────────────────┐\n│ bb-buff.1.1 [✕] │\n│ Fix login bug │\n│ [READY] │\n├────────────────────────┤\n│ THREAD │\n│ ┌──────────────────┐ │\n│ │ user: comment... │ │\n│ │ status: changed │ │\n│ └──────────────────┘ │\n├────────────────────────┤\n│ BLOCKS │\n│ • bb-buff.2 (ready) │\n│ UNLOCKS │\n│ • bb-buff.0 (done) │\n├────────────────────────┤\n│ ASSIGNED │\n│ [●a-1] [●a-2] [+add] │\n├────────────────────────┤\n│ Last: Fixed auth 2h ago│\n└────────────────────────┘\n```\n\n4) ACCEPTANCE CRITERIA\n- SocialDetail in src/components/social/social-detail.tsx\n- Header shows ID, title, status\n- Thread section ready for ThreadView\n- Blocks/unlocks show full details\n- Assignment controls present\n- Last activity shown\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/social/social-detail.tsx\n\n6) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: SocialDetail renders in right panel","acceptance_criteria":"SocialDetail created; all content sections work; typecheck+lint pass","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:46:34.2489984-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T19:25:13.8779577-08:00","dependencies":[{"issue_id":"bb-ui2.12","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:46:34.2573806-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.12","depends_on_id":"bb-ui2.8","type":"blocks","created_at":"2026-02-15T18:46:34.2660732-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.12","depends_on_id":"bb-ui2.10","type":"blocks","created_at":"2026-02-15T18:46:34.2730379-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.12","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:55:55.4597067-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.13","title":"2.4 Thread View: Conversation thread component","description":"1) GOAL\nCreate a reusable thread component for displaying conversation history (comments and events) in the detail panel.\n\n2) PLAN\n1. Read SocialDetail from bb-ui2.12 for integration context\n2. Create ThreadView component in src/components/shared/thread-view.tsx\n3. Implement comment rendering with author, text, timestamp\n4. Implement status change events (from → to)\n5. Implement protocol events (HANDOFF, BLOCKED, etc.)\n6. Add styling for different event types\n7. Add deeplink capability to Activity sidebar\n8. Run verification gates\n\n3) EVENT TYPES\nComment:\n- Avatar, author name\n- Text content (markdown?)\n- Relative timestamp\n\nStatus Change:\n- Icon indicating direction\n- \"Status: ready → in_progress\"\n- Timestamp\n\nProtocol Event:\n- Special icon (HANDOFF, BLOCKED, CLOSED)\n- Formatted message\n- Timestamp\n\n4) ACCEPTANCE CRITERIA\n- ThreadView in src/components/shared/thread-view.tsx\n- Renders comments with author and timestamp\n- Renders status change events\n- Renders protocol events with appropriate icons\n- Deeplink to Activity sidebar works\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/shared/thread-view.tsx\n\n6) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: ThreadView renders all event types","acceptance_criteria":"ThreadView created; all event types render; typecheck+lint pass","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:47:01.3772511-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T19:25:48.5625234-08:00","dependencies":[{"issue_id":"bb-ui2.13","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:47:01.3826391-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.13","depends_on_id":"bb-ui2.12","type":"blocks","created_at":"2026-02-15T18:47:01.3909784-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.13","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:01.1287459-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.14","title":"2.5 Social View: Full integration into shell","description":"1) GOAL\nIntegrate Social view components into the unified shell with card grid and detail strip connection.\n\n2) PLAN\n1. Read UnifiedShell from bb-ui2.5 for integration point\n2. Read SocialCard from bb-ui2.11 and SocialDetail from bb-ui2.12\n3. Create SocialPage component with card grid layout\n4. Implement auto-fill grid for responsive card layout\n5. Connect card selection to URL state (taskId param)\n6. Connect detail strip to right panel\n7. Capture screenshots at all breakpoints\n8. Run verification gates\n\n3) GRID LAYOUT\n```\n┌─────────────────────────────────────────┐\n│ [Card] [Card] [Card] [Card] [Card] │\n│ [Card] [Card] [Card] [Card] [Card] │\n│ [Card] [Card] [Card] [Card] [Card] │\n└─────────────────────────────────────────┘\n```\n\nCSS Grid:\n- grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))\n- gap: 1rem\n- Cards wrap naturally\n\nSelection Flow:\n1. Click card → setTaskId(id) → URL updates\n2. URL change → SocialDetail renders in right panel\n3. Click away or X → clearSelection() → panel closes\n\n4) ACCEPTANCE CRITERIA\n- SocialPage in src/components/social/social-page.tsx\n- Card grid with auto-fill layout\n- Card selection syncs with URL (taskId param)\n- Detail strip renders in right panel\n- Screenshots at 390px, 768px, 1440px captured\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/social/social-page.tsx\n- artifacts/social-390.png\n- artifacts/social-768.png\n- artifacts/social-1440.png\n\n6) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual: Test at all breakpoints\nls artifacts/social-*.png","acceptance_criteria":"Social view integrated; card grid works; screenshots captured; typecheck+lint pass","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:47:07.1345195-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T19:25:48.5619822-08:00","dependencies":[{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:47:07.1398732-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2.5","type":"blocks","created_at":"2026-02-15T18:47:07.1491174-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2.11","type":"blocks","created_at":"2026-02-15T18:47:07.1565982-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2.12","type":"blocks","created_at":"2026-02-15T18:47:07.1640838-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2.13","type":"blocks","created_at":"2026-02-15T18:47:07.1720508-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.14","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:06.7877153-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.15","title":"3.1 Swarm Cards: Data builder for SwarmCard type","description":"1) GOAL\nTransform swarm/epic data into SwarmCard objects for the Swarm view. Each swarm is an epic with agents working on it.\n\n2) PLAN\n1. Read existing src/lib/swarm-molecules.ts and src/lib/agent-sessions.ts to understand data patterns\n2. Create SwarmCard interface with: id, title, status, stats, agents, attention, lastActivity\n3. Implement buildSwarmCards function\n4. Write unit tests\n5. Run verification gates\n\n3) CONTEXT\n- Swarm = Epic + agents with swarm:\u003cepicId\u003e label\n- Stats computed from child task statuses\n- Agent liveness from agent-registry\n- Attention items = blocked tasks + stuck agents\n\n4) ACCEPTANCE CRITERIA\n- buildSwarmCards in src/lib/swarm-cards.ts\n- SwarmCard interface defined\n- Correctly computes stats (completed/active/ready/blocked/total)\n- Includes agent roster with liveness\n- Identifies attention items (blocked tasks, stuck agents)\n- Unit tests pass\n- npm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test pass\n\n5) FILES\n- src/lib/swarm-cards.ts\n- tests/lib/swarm-cards.test.ts\n\n6) SKILLS\n- verification-before-completion\n- test-driven-development\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint \u0026\u0026 npm run test","acceptance_criteria":"buildSwarmCards created; SwarmCard interface defined; stats computed correctly; tests pass; typecheck+lint+test pass","notes":"Created src/lib/swarm-cards.ts with SwarmCard and AgentRoster types, buildSwarmCards function that aggregates bead data by swarm/epic, and getSwarmCardSummary helper. Tests in tests/lib/swarm-cards.test.ts cover all functionality. All verification gates pass: typecheck, lint, test.","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:50:29.0905865-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:15:42.7667411-08:00","closed_at":"2026-02-15T20:15:42.7667411-08:00","close_reason":"Completed by swarm-data-builder: SwarmCard type and buildSwarmCards function created with tests","dependencies":[{"issue_id":"bb-ui2.15","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:50:29.0942179-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.15","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:12.4567558-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.16","title":"3.2 SwarmCard: Swarm health card component","description":"1) GOAL\nCreate SwarmCard component that displays swarm health, agent roster, progress, and attention items using shadcn/ui components.\n\n2) PLAN\n1. Read BaseCard from bb-ui2.3 for patterns\n2. Create SwarmCard component using shadcn Card\n3. Implement agent roster with status glow using shadcn Avatar\n4. Implement progress bar\n5. Implement attention section with shadcn Badge\n6. Add view-jump icons\n\n3) LAYOUT\n```\n┌─────────────────────────────┐\n│ bb-buff [⊕] │\n│ User Authentication Flow │\n│ AGENTS: [●a-1] [●a-2] [○a-3]│\n│ a-1: working on bb-buff.2 │\n│ ATTENTION: │\n│ ⚠ bb-buff.3 blocked │\n│ ████████░░░░ 8/14 done │\n│ 'Fixed auth...' 2h ago │\n│ [≡][◊][≋]│\n└─────────────────────────────┘\n```\n\n4) ACCEPTANCE CRITERIA\n- SwarmCard in src/components/swarm/swarm-card.tsx\n- Agent avatars with liveness glow\n- Progress bar shows completion\n- Attention items highlighted\n- View-jump icons functional\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/swarm/swarm-card.tsx\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- shadcn-ui (PRIMARY: use shadcn Card, Avatar, Badge patterns)\n- beadboard-driver\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"SwarmCard created; agent roster with glow; progress bar; attention items; view-jump icons; typecheck+lint pass","notes":"Starting TDD: Writing failing test for SwarmCard component","status":"in_progress","priority":1,"issue_type":"task","assignee":"bb-nuy","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:50:56.1026352-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T23:08:57.8461593-08:00","dependencies":[{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:50:56.106399-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.3","type":"blocks","created_at":"2026-02-15T18:50:56.1127517-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.15","type":"blocks","created_at":"2026-02-15T18:50:56.1175696-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:18.1149268-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.16","title":"3.2 SwarmCard: Swarm health card component","description":"1) GOAL\nCreate SwarmCard component that displays swarm health, agent roster, progress, and attention items using shadcn/ui components.\n\n2) PLAN\n1. Read BaseCard from bb-ui2.3 for patterns\n2. Create SwarmCard component using shadcn Card\n3. Implement agent roster with status glow using shadcn Avatar\n4. Implement progress bar\n5. Implement attention section with shadcn Badge\n6. Add view-jump icons\n\n3) LAYOUT\n```\n┌─────────────────────────────┐\n│ bb-buff [⊕] │\n│ User Authentication Flow │\n│ AGENTS: [●a-1] [●a-2] [○a-3]│\n│ a-1: working on bb-buff.2 │\n│ ATTENTION: │\n│ ⚠ bb-buff.3 blocked │\n│ ████████░░░░ 8/14 done │\n│ 'Fixed auth...' 2h ago │\n│ [≡][◊][≋]│\n└─────────────────────────────┘\n```\n\n4) ACCEPTANCE CRITERIA\n- SwarmCard in src/components/swarm/swarm-card.tsx\n- Agent avatars with liveness glow\n- Progress bar shows completion\n- Attention items highlighted\n- View-jump icons functional\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/swarm/swarm-card.tsx\n\n6) SKILLS (use in tandem)\n- verification-before-completion\n- linus-beads-discipline\n- shadcn-ui (PRIMARY: use shadcn Card, Avatar, Badge patterns)\n- beadboard-driver\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"SwarmCard created; agent roster with glow; progress bar; attention items; view-jump icons; typecheck+lint pass","notes":"SwarmCard component created with: agent avatars with liveness glow (uses AgentAvatar), progress bar (████░░ format), attention items with warning styling (AlertTriangle icon), view-jump icons (Menu, Diamond, Waves). All tests pass, typecheck clean, lint clean.","status":"closed","priority":1,"issue_type":"task","assignee":"bb-nuy","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:50:56.1026352-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T23:15:47.402152-08:00","closed_at":"2026-02-15T23:15:47.402152-08:00","close_reason":"SwarmCard component created at src/components/swarm/swarm-card.tsx with agent roster (liveness glow via AgentAvatar), progress bar (ASCII block format), attention items (warning styling with AlertTriangle), and view-jump icons (Menu/Diamond/Waves). Tests: 7/7 pass. Typecheck: clean. Lint: clean.","dependencies":[{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:50:56.106399-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.3","type":"blocks","created_at":"2026-02-15T18:50:56.1127517-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.15","type":"blocks","created_at":"2026-02-15T18:50:56.1175696-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.16","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:18.1149268-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.17","title":"3.3 Swarm Detail: Swarm detail for right panel","description":"1) GOAL\nCreate detail strip content for selected swarm showing agent scorecards, task list, and thread.\n\n2) PLAN\n1. Read SocialDetail from bb-ui2.12 for patterns\n2. Create SwarmDetail component\n3. Implement agent roster with scorecards\n4. Implement task list with status\n5. Implement thread section\n6. Add attention items with actions\n\n3) CONTENT SECTIONS\n1. Header: Swarm ID, title, status\n2. Agent Roster: avatars + completed/active/stuck counts\n3. Task List: all tasks with status and assignee\n4. Thread: swarm-wide comments + protocol events\n5. Attention Items: with action buttons\n6. Last Activity: preview\n7. Deeplink: to Activity sidebar\n\n4) ACCEPTANCE CRITERIA\n- SwarmDetail in src/components/swarm/swarm-detail.tsx\n- Agent scorecards show per-agent stats\n- Task list shows all swarm tasks\n- Thread renders comments/events\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/swarm/swarm-detail.tsx\n\n6) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint","acceptance_criteria":"SwarmDetail created; agent scorecards; task list; thread; attention items; typecheck+lint pass","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:51:30.1387921-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T18:51:30.1387921-08:00","dependencies":[{"issue_id":"bb-ui2.17","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:51:30.1435987-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.17","depends_on_id":"bb-ui2.8","type":"blocks","created_at":"2026-02-15T18:51:30.150016-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.17","depends_on_id":"bb-ui2.15","type":"blocks","created_at":"2026-02-15T18:51:30.154729-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.17","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:23.7733477-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.18","title":"3.4 Swarm View: Full integration into shell","description":"1) GOAL\nIntegrate Swarm view into unified shell with sorting and filtering.\n\n2) PLAN\n1. Read SocialPage from bb-ui2.14 for patterns\n2. Create SwarmPage component\n3. Implement card grid with auto-fill\n4. Add sorting options (Health, Activity, Progress, Name)\n5. Connect detail strip to right panel\n6. Sync selection with URL state\n7. Capture screenshots\n\n3) SORTING OPTIONS\n- Health (default): Critical → Warning → Active → Offline\n- Activity: Most recent first\n- Progress: Highest completion % first\n- Name: Alphabetical\n\n4) ACCEPTANCE CRITERIA\n- SwarmPage in src/components/swarm/swarm-page.tsx\n- Card grid with auto-fill layout\n- Sorting dropdown functional\n- Detail strip connected\n- Selection syncs with URL (swarmId param)\n- Screenshots at 390px, 768px, 1440px\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n5) FILES\n- src/components/swarm/swarm-page.tsx\n\n6) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nScreenshots: artifacts/swarm-{390,768,1440}.png","acceptance_criteria":"Swarm view integrated; sorting works; screenshots captured; typecheck+lint pass","status":"open","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:51:35.8142377-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T18:51:35.8142377-08:00","dependencies":[{"issue_id":"bb-ui2.18","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:51:35.8195703-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.18","depends_on_id":"bb-ui2.5","type":"blocks","created_at":"2026-02-15T18:51:35.8264278-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.18","depends_on_id":"bb-ui2.16","type":"blocks","created_at":"2026-02-15T18:51:35.832246-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.18","depends_on_id":"bb-ui2.17","type":"blocks","created_at":"2026-02-15T18:51:35.8408537-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.18","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:29.4410761-08:00","created_by":"zenchantlive"}]}
|
||||
{"id":"bb-ui2.19","title":"4.1 Graph Extract: Extract existing graph into reusable component","description":"1) GOAL\nExtract the existing ReactFlow dependency graph from /graph page into a reusable component for the unified shell.\n\n2) PLAN\n1. Read src/components/graph/dependency-graph-page.tsx\n2. Read src/app/graph/page.tsx for data flow\n3. Extract core ReactFlow component into GraphCanvas\n4. Ensure fitView() can be called externally\n5. Preserve existing edge/node rendering\n6. Test extraction doesn't break /graph (reference)\n\n3) ACCEPTANCE CRITERIA\n- GraphCanvas in src/components/graph/graph-canvas.tsx\n- Accepts issues, selectedTaskId, onSelectionChange props\n- Exposes fitView() via ref or callback\n- Existing /graph page still works (reference)\n- npm run typecheck \u0026\u0026 npm run lint pass\n\n4) FILES\n- src/components/graph/graph-canvas.tsx (NEW)\n- src/components/graph/dependency-graph-page.tsx (keep as reference)\n\n5) SKILLS\n- verification-before-completion\n- linus-beads-discipline\n\n6) RISKS\n- ReactFlow resize issue when hidden\n- Mitigation: Use visibility:hidden instead of display:none\n\n7) VERIFICATION\nnpm run typecheck \u0026\u0026 npm run lint\nVisual check: existing /graph still renders","acceptance_criteria":"GraphCanvas extracted; fitView exposed; /graph still works; typecheck+lint pass","notes":"Created src/components/shared/workflow-graph.tsx with WorkflowGraph component. Interface: WorkflowGraphProps { beads, selectedId?, onSelect?, className?, hideClosed? }. Uses ReactFlow + Dagre layout, preserves existing styling/edge rendering. fitView() called on mount via useReactFlow hook. typecheck+lint+test all pass.","status":"closed","priority":1,"issue_type":"task","owner":"jordanlive121@gmail.com","created_at":"2026-02-15T18:52:14.9489888-08:00","created_by":"zenchantlive","updated_at":"2026-02-15T20:11:42.8174122-08:00","closed_at":"2026-02-15T20:11:42.8174122-08:00","close_reason":"Completed by graph-extractor: WorkflowGraph component extracted to src/components/shared/workflow-graph.tsx. Clean interface with beads, selectedId, onSelect props. ReactFlow + Dagre layout preserved. fitView() on mount. typecheck+lint+test pass.","dependencies":[{"issue_id":"bb-ui2.19","depends_on_id":"bb-ui2","type":"parent-child","created_at":"2026-02-15T18:52:14.9528054-08:00","created_by":"zenchantlive"},{"issue_id":"bb-ui2.19","depends_on_id":"bb-ui2.0","type":"blocks","created_at":"2026-02-15T18:56:35.0773987-08:00","created_by":"zenchantlive"}]}
|
||||
|
|
|
|||
37
src/app/page-old.tsx
Normal file
37
src/app/page-old.tsx
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
import { KanbanPage } from '../components/kanban/kanban-page';
|
||||
import { readIssuesForScope } from '../lib/aggregate-read';
|
||||
import { resolveProjectScope } from '../lib/project-scope';
|
||||
import { listProjects } from '../lib/registry';
|
||||
|
||||
interface PageProps {
|
||||
searchParams?: Promise<Record<string, string | string[] | undefined>>;
|
||||
}
|
||||
|
||||
export default async function Page({ searchParams }: PageProps) {
|
||||
const params = (await searchParams) ?? {};
|
||||
const requestedProjectKey = typeof params.project === 'string' ? params.project : null;
|
||||
const requestedMode = typeof params.mode === 'string' ? params.mode : null;
|
||||
const registryProjects = await listProjects();
|
||||
const scope = resolveProjectScope({
|
||||
currentProjectRoot: process.cwd(),
|
||||
registryProjects,
|
||||
requestedProjectKey,
|
||||
requestedMode,
|
||||
});
|
||||
|
||||
const issues = await readIssuesForScope({
|
||||
mode: scope.mode,
|
||||
selected: scope.selected,
|
||||
scopeOptions: scope.options,
|
||||
preferBd: true,
|
||||
});
|
||||
return (
|
||||
<KanbanPage
|
||||
issues={issues}
|
||||
projectRoot={scope.selected.root}
|
||||
projectScopeKey={scope.selected.key}
|
||||
projectScopeOptions={scope.options}
|
||||
projectScopeMode={scope.mode}
|
||||
/>
|
||||
);
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import { KanbanPage } from '../components/kanban/kanban-page';
|
||||
import { UnifiedShell } from '../components/shared/unified-shell';
|
||||
import { readIssuesForScope } from '../lib/aggregate-read';
|
||||
import { resolveProjectScope } from '../lib/project-scope';
|
||||
import { listProjects } from '../lib/registry';
|
||||
|
|
@ -25,8 +25,9 @@ export default async function Page({ searchParams }: PageProps) {
|
|||
scopeOptions: scope.options,
|
||||
preferBd: true,
|
||||
});
|
||||
|
||||
return (
|
||||
<KanbanPage
|
||||
<UnifiedShell
|
||||
issues={issues}
|
||||
projectRoot={scope.selected.root}
|
||||
projectScopeKey={scope.selected.key}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue