This week things started looking like an actual tool rather than just a graph in a box.
The panel now has a complete interface around the graph. The header shows the plugin name, a settings button and a close button. Below it, the legend holds three edge-type pills (Explicit, Semantic, Tags), each clickable to toggle that edge type on or off on the graph. A search bar with a magnifying glass icon sits beside the pills, typing into it dims non-matching nodes and highlights results with an orange border. Underneath the legend, a stats strip shows four live-updating counts (notes, explicit edges, total tags, semantic edges) separated by thin vertical pipes. Hovering over any node brings up a tooltip showing its title, degree, link count, and tag count. Hovering over a tag edge shows the tag name in a lighter tooltip variant.
Also graph controls added: zoom controls sit in the top-right corner, a fit button frames everything on screen and a focus mode isolates a selected node and its two-hop neighborhood with a single click. The export button opens a dropdown underneath it with three format options: PNG renders the full graph with the current theme background, SVG gives a vector version and JSON dumps the raw graph data. All the UI is organized into four components (Header, Legend, StatsBar, GraphControls). The structural layer is done. Next up is the semantic layer - Transformers.js embeddings, cosine similarity, edges based on meaning rather than just explicit links.
Preview:
Explicit edge disabled
Export Button
Node tooltip
Focus
