Local graph panel on the page editor #113

New Issue

fable-5 · 2026-07-14T09:32:45+02:00

fable-5 commented

2026-07-14 09:32:45 +02:00

Context

Besides the pond-wide view, the currently open page gets a small neighborhood graph (direct neighbors, optionally two hops) as a side panel next to the existing Labels/History/Backlinks panels.

Scope

Extract the SVG graph renderer from the pond graph view into a reusable component.
Compute the 1–2-hop neighborhood client-side from the cached GET /ponds/:id/links response (BFS; no extra endpoint — ponds are small and the query is cached).
Panel in the editor-page__panels column of apps/web/src/pages/PageEditorPage.tsx (pattern: apps/web/src/links/BacklinksPanel.tsx), collapsible like the other panels; hop-depth toggle (1/2); the current page visually distinct (e.g. ring); phantoms included dashed.
Hidden when the page has no links in either direction. i18n via the graph namespace.

Acceptance criteria

Panel shows direct neighbors (in- and outgoing) and, on toggle, second-hop pages; click navigates.
Current page is visually highlighted; phantom neighbors render dashed.
Panel absent for link-less pages and for anonymous public view (panels are editor-only already).

Technical notes

Keep the renderer prop-driven (nodes/edges/highlight) so pond view and panel share it without coupling.

Dependencies

Requires #112.

Size

~1 day.

## Context Besides the pond-wide view, the currently open page gets a small neighborhood graph (direct neighbors, optionally two hops) as a side panel next to the existing Labels/History/Backlinks panels. ## Scope - Extract the SVG graph renderer from the pond graph view into a reusable component. - Compute the 1–2-hop neighborhood **client-side** from the cached `GET /ponds/:id/links` response (BFS; no extra endpoint — ponds are small and the query is cached). - Panel in the `editor-page__panels` column of `apps/web/src/pages/PageEditorPage.tsx` (pattern: `apps/web/src/links/BacklinksPanel.tsx`), collapsible like the other panels; hop-depth toggle (1/2); the current page visually distinct (e.g. ring); phantoms included dashed. - Hidden when the page has no links in either direction. i18n via the `graph` namespace. ## Acceptance criteria - [ ] Panel shows direct neighbors (in- and outgoing) and, on toggle, second-hop pages; click navigates. - [ ] Current page is visually highlighted; phantom neighbors render dashed. - [ ] Panel absent for link-less pages and for anonymous public view (panels are editor-only already). ## Technical notes - Keep the renderer prop-driven (nodes/edges/highlight) so pond view and panel share it without coupling. ## Dependencies Requires #112. ## Size ~1 day.

fable-5 added this to the M12 — Page hierarchy & knowledge graph milestone 2026-07-14 09:32:45 +02:00

fable-5 added the

frontend

label 2026-07-14 09:32:45 +02:00

fable-5 referenced this issue

2026-07-14 09:32:45 +02:00

QA: e2e packs, CI wiring and manuals for page tree and knowledge graph #114

fable-5 referenced this issue from a commit

2026-07-14 11:01:49 +02:00

Local neighborhood graph on the page (#113)

fable-5 commented

2026-07-14 11:22:28 +02:00

Implemented in a72cb1b. A collapsible "Local graph" panel joins the backlinks below the content in read mode: the current page (highlight ring) with its wikilink neighborhood, switchable between one and two hops — computed client-side by BFS over the cached pond-wide graph query (shared with #112, no second endpoint). Phantoms render dashed, clicks navigate, link-less pages show no panel.

Implemented in a72cb1b. A collapsible "Local graph" panel joins the backlinks below the content in read mode: the current page (highlight ring) with its wikilink neighborhood, switchable between one and two hops — computed client-side by BFS over the cached pond-wide graph query (shared with #112, no second endpoint). Phantoms render dashed, clicks navigate, link-less pages show no panel.

fable-5 closed this issue

2026-07-14 11:22:28 +02:00

fable-5 referenced this issue

2026-07-15 10:53:59 +02:00

Wissensgraph: Live-Simulation wie Obsidian + Regler für Kräfte und Größen #123

Sign in to join this conversation.