FABRIC (moved from ex44; canonical on git.ardenone.com, mirrors to github.com/jedarden)
Find a file
jeda afbc45f567 feat(bd-2bs): Create ConversationTranscript TUI component
Implemented TUI component to display full Claude conversation for a worker:
- User prompts with role indicators
- Assistant responses with syntax highlighting
- Collapsible tool calls with arguments
- Tool results with success/error indicators
- Thinking blocks
- Search functionality across conversation
- Scrolling support
- Export to JSON/Markdown/Text

Features:
- Role-based color coding (user, assistant, tool)
- Basic syntax highlighting for code blocks
- Keyboard shortcuts for navigation and search
- Comprehensive test coverage (24 tests)

Co-Authored-By: Claude Worker <noreply@anthropic.com>
2026-03-04 04:46:50 +00:00
.beads feat(bd-2bs): Create ConversationTranscript TUI component 2026-03-04 04:46:50 +00:00
bin feat: initialize FABRIC TypeScript project 2026-03-03 04:41:00 +00:00
docs feat(bd-3jl): FileHeatmap integration complete + build fixes 2026-03-04 04:18:13 +00:00
scripts feat(bd-2kf): Add comprehensive test coverage for parser and store 2026-03-03 10:43:24 +00:00
src feat(bd-2bs): Create ConversationTranscript TUI component 2026-03-04 04:46:50 +00:00
.gitignore feat: initialize FABRIC TypeScript project 2026-03-03 04:41:00 +00:00
core.1898266 feat(bd-1fe): Add RecoveryPanel component to web frontend 2026-03-03 15:33:24 +00:00
core.1902831 feat(bd-3k9): P4-001: Session Replay - Complete implementation with tests 2026-03-04 03:20:39 +00:00
package-lock.json feat(bd-3fs): Add CollisionAlert component to web frontend 2026-03-03 14:46:56 +00:00
package.json feat(bd-3fs): Add CollisionAlert component to web frontend 2026-03-03 14:46:56 +00:00
README.md docs: add 8 additional intelligence features (wave 2) 2026-03-02 02:52:55 +00:00
ROADMAP.md docs(bd-6dk): Update ROADMAP.md to reflect completed Phase 3 2026-03-03 14:32:04 +00:00
SESSION_REPLAY_SUMMARY.md docs(bd-3k9): add session replay implementation summary 2026-03-04 03:21:41 +00:00
tsconfig.json feat(bd-3jl): FileHeatmap integration complete + build fixes 2026-03-04 04:18:13 +00:00
tsconfig.tsbuildinfo feat(bd-2bs): Create ConversationTranscript TUI component 2026-03-04 04:46:50 +00:00
vite.config.ts feat(bd-2kf): Add comprehensive test coverage for parser and store 2026-03-03 10:43:24 +00:00
vitest.config.ts feat(bd-3jl): FileHeatmap integration complete + build fixes 2026-03-04 04:18:13 +00:00

FABRIC

Flow Analysis & Bead Reporting Interface Console

A live display for NEEDLE worker activity, available as TUI or web dashboard.

Purpose

FABRIC tails NEEDLE's logging output and renders it in real-time. It answers:

  • What is each worker doing right now?
  • What events are happening across all workers?
  • Which workers are active, idle, or erroring?
  • Is any worker stuck or looping?
  • Are workers colliding on the same files?
  • How much is this costing?

Display Modes

TUI (fabric tui)

Live terminal dashboard:

  • Worker status grid
  • Scrolling log stream
  • Worker detail panel
  • Keyboard navigation and filtering

Web (fabric web)

Live browser dashboard at localhost:3000:

  • Worker overview cards
  • Real-time activity feed
  • Timeline visualization
  • WebSocket-powered updates

Quick Start

# Terminal dashboard
fabric tui

# Web dashboard
fabric web

FABRIC reads from ~/.needle/logs/ by default.

Intelligence Features

Beyond simple log display, FABRIC provides:

Feature Description
Stuck & Loop Detection Automatic alerts when workers spin their wheels
Inline Diff View See actual code changes, not just "Edit was called"
Cross-Reference Links Click any bead, file, or worker to navigate
Collision Detection Know when workers edit the same files
Session Replay Scrub through past sessions like a video
Smart Error Grouping Errors with context, not scattered through logs
Command Palette Ctrl+K for universal search and commands
Cost Tracking Real-time token usage and budget alerts
Task Dependency DAG Visual graph of task relationships
File Heatmap See where all the action is at a glance
Conversation Transcript See the full Claude conversation, not just tool calls
Semantic Narrative Natural language summary of what workers are doing
AI Session Digest Auto-generated session summaries for stakeholders
File Context Panel See file contents alongside activity stream
Git Integration Live git status, diff preview, conflict detection
Worker Analytics Compare worker performance over time
Recovery Playbook Suggestions based on similar past errors
Focus Mode Pin workers/tasks, hide everything else

Relationship to NEEDLE

NEEDLE (orchestrates workers) → logs → FABRIC (displays + analyzes)

NEEDLE does the work. FABRIC shows you what's happening and helps you understand it.

Status

🚧 In Development - See docs/plan.md for implementation roadmap.

Documentation