@andespindola/brainlink 0.1.0-beta.142 → 0.1.0-beta.144

package/README.md

@@ -83,8 +83,8 @@ Legacy `.jsonl.gz` packs are upgraded to `.blpk` automatically on first search/c
 - Local HTTP API.
 - Realtime graph UI with agent selector and colored knowledge groups.
 - Graph renderer keeps the full filtered graph visible during zoom/pan, rendering every visible node and edge without viewport culling or edge caps in the main view.
-- Canvas graph rendering uses the same batched node and edge pipeline for every graph size, reducing per-frame draw calls while keeping selected and hovered items highlighted.
-- WebGL acceleration is used when available for dense node and edge drawing, with Canvas 2D preserved as the interaction and fallback layer.
+- Graph exploration uses viewport-first chunk streaming (`/api/graph-stream`) with explicit node/edge budgets.
+- Render pipeline uses WebGL in a dedicated worker through `OffscreenCanvas`, keeping the main thread focused on UI controls and details panels.
 - Large graph layout API automatically uses compact payload encoding with link-coverage-aware edge selection to reduce initial client load without hiding major relationships.
 - Large-segment layout spacing now grows logarithmically to keep initial visual density consistent between medium and very large vaults (for example, ~1k vs ~50k notes).
 - Graph coordinates are visually compacted across graph sizes so reset starts from a stable fitted scene and zoom-in progressively reveals local detail.
@@ -598,14 +598,14 @@ The graph UI shows:
 - graph controls for zoom in, zoom out, fit visible nodes and reset-to-fit-all
 - wheel zoom (including `cmd+scroll` and `ctrl+scroll`) anchored to cursor position for faster navigation in large graphs
 - wheel/button zoom updates immediately at the cursor anchor without delayed focus-transition interpolation
-- Bloom-like scene navigation: reset fits the current graph scene, wheel zoom stays anchored to the cursor, and WebGL acceleration draws the dense node and edge layer faster
+- Bloom-like scene navigation: reset fits the current graph scene, wheel zoom stays anchored to the cursor, and worker-driven WebGL rendering keeps pan/zoom interaction responsive
 - zoom-out floor for large and massive graphs to keep the scene reachable without switching into a separate macro graph mode
 - keyboard shortcuts: `+` zoom in, `-` zoom out, `0` reset fit
 - click on a node opens its details panel; double-click on empty canvas zooms in at cursor position
 - floating graph totals (notes, links, tags) below the Brainlink title
-- graph rendering safeguards (batched canvas drawing across graph sizes, lower redraw rate, zoom-aware interaction)
+- graph rendering safeguards (batched GPU draw calls, lower redraw rate, zoom-aware interaction)
 - adaptive CPU safeguards for large graphs: idle frame pacing, throttled background physics updates and cached viewport dimensions to reduce redraw/layout overhead while preserving interaction responsiveness
-- WebGL node and edge acceleration when supported, falling back to Canvas 2D without changing graph behavior
+- worker-first WebGL rendering with Canvas fallback when `OffscreenCanvas` or worker rendering is unavailable
 - large graph view keeps a single-level graph model across zoom levels, renders the full filtered scene instead of viewport-sampled subsets, and shows node titles as zoom approaches readable scale
 
 The server indexes before starting by default. Use `--no-index` to skip that step:
@@ -626,6 +626,7 @@ Routes:
 - `GET /api/graph`
 - `GET /api/graph-layout`
 - `GET /api/graph-view?x=<x>&y=<y>&w=<width>&h=<height>&scale=<scale>`
+- `GET /api/graph-stream?x=<x>&y=<y>&w=<width>&h=<height>&scale=<scale>&nodeBudget=<n>&edgeBudget=<n>`
 - `GET /api/graph-node?id=<node-id>`
 - `GET /api/search?q=<query>&limit=10&mode=hybrid`
 - `GET /api/context?q=<query>&limit=12&tokens=2000&mode=hybrid`

package/dist/application/frontend/client-css.js

@@ -87,8 +87,7 @@ select {
   overflow: hidden;
 }
 
-#graph,
-#graphGl {
+#graph {
   display: block;
   position: absolute;
   inset: 0;
@@ -100,10 +99,6 @@ select {
   cursor: grab;
 }
 
-#graphGl {
-  pointer-events: none;
-}
-
 #graph:active {
   cursor: grabbing;
 }

package/dist/application/frontend/client-html.js

@@ -44,7 +44,6 @@ export const createClientHtml = () => `<!doctype html>
           </div>
         </header>
         <div class="graph-stage">
-          <canvas id="graphGl" aria-hidden="true"></canvas>
           <canvas id="graph" aria-label="Brainlink knowledge graph"></canvas>
         </div>
       </section>
@@ -63,6 +62,14 @@ export const createClientHtml = () => `<!doctype html>
           <button id="contentClose" type="button">Close</button>
         </header>
         <div class="content-meta">
+          <section class="content-meta-section">
+            <h3>Facts</h3>
+            <ul id="contentFacts"></ul>
+          </section>
+          <section class="content-meta-section">
+            <h3>Context Links</h3>
+            <ul id="contentContextLinks"></ul>
+          </section>
           <section class="content-meta-section">
             <h3>Tags</h3>
             <div id="contentTags" class="tags"></div>