Skip to content

Architecture graph visualization: interactive graphs (v0.2.3)#15

Merged
s1rry merged 1 commit into
mainfrom
feature/architecture-graph-ui
Jul 5, 2026
Merged

Architecture graph visualization: interactive graphs (v0.2.3)#15
s1rry merged 1 commit into
mainfrom
feature/architecture-graph-ui

Conversation

@s1rry

@s1rry s1rry commented Jul 5, 2026

Copy link
Copy Markdown
Owner

What

Surfaces the Architecture Engine visually: a new Architecture tab renders the four graphs from analyze_architecture interactively. No new dependencies.

  • Interactive SVG graph: dependency-free force-directed layout (compact Fruchterman–Reingold), with pan (drag background), zoom (wheel) and node dragging.
  • Graph selector: Dependencies / Modules / Folders / Calls, each with a node count.
  • Nodes colored by kind (File, Module, Directory, Function, External) with a legend; directed edges with arrowheads; labels for small graphs, hover tooltips otherwise.
  • Large graphs are truncated to the most-connected nodes (cap 250) for responsiveness, with a notice.
  • New features/architecture slice with its own Zustand store; the layout is a pure function (layout.ts). Added an "Architecture" nav item.

Verification

  • pnpm build (tsc strict + vite): clean, no any.
  • Rendered live in the Vite preview: seeded a dependency graph of ~12 files + 2 external deps — force layout positions nodes, lib.rs lands central as the most-connected, edges show direction, legend and graph tabs with counts render. No console errors. Screenshot captured.

Live analysis runs against analyze_architecture in pnpm tauri dev.

🤖 Generated with Claude Code

…r/call graphs (v0.2.3)

New Architecture tab renders the four graphs from analyze_architecture as an
interactive SVG: a dependency-free force-directed layout with pan, zoom and
node dragging, nodes colored by kind with a legend, and directed edges. Graph
selector with per-graph node counts; large graphs truncate to the most
connected nodes. New features/architecture slice with its own store; layout is
a pure function.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@s1rry s1rry merged commit 992617d into main Jul 5, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant