11bb49c53e
Force-directed graph visualization for agent teams. Package: @claude-teams/agent-graph (isolated workspace package) - Space theme: bloom, particles, hex grid, depth stars - Members as hexagonal nodes with breathing glow - Tasks as pill cards in kanban columns (todo/wip/done/review/approved) per owner - Message particles along edges (real-time only) - Deterministic layout, Figma-style pan, scroll/pinch zoom - Clean Architecture: ports/adapters/strategies, ES #private classes Integration: features/agent-graph/ (adapter + overlay + tab) - Full-screen overlay (Cmd+Shift+G) + Pin as Tab - Graph button in Team section header - Frustum culling, zero per-frame allocations, adaptive fps - Performance overlay via ?perf query param Also: CI runs on all PR branches, features/CLAUDE.md architecture guide
28 lines
1.2 KiB
TypeScript
28 lines
1.2 KiB
TypeScript
/**
|
|
* @claude-teams/agent-graph
|
|
*
|
|
* Force-directed graph visualization for agent teams.
|
|
* Isolated package — depends only on React (peer) and d3-force.
|
|
* Uses Port/Adapter pattern: host project provides data through port interfaces.
|
|
*/
|
|
|
|
// ─── Components ──────────────────────────────────────────────────────────────
|
|
export { GraphView } from './ui/GraphView';
|
|
export type { GraphViewProps } from './ui/GraphView';
|
|
|
|
// ─── Port Interfaces (for adapters in host project) ─────────────────────────
|
|
export type { GraphDataPort } from './ports/GraphDataPort';
|
|
export type { GraphEventPort } from './ports/GraphEventPort';
|
|
export type { GraphConfigPort } from './ports/GraphConfigPort';
|
|
|
|
// ─── Port Types ──────────────────────────────────────────────────────────────
|
|
export type {
|
|
GraphNode,
|
|
GraphEdge,
|
|
GraphParticle,
|
|
GraphNodeKind,
|
|
GraphNodeState,
|
|
GraphEdgeType,
|
|
GraphParticleKind,
|
|
GraphDomainRef,
|
|
} from './ports/types';
|