Interaktives Abhängigkeiten-Panel (Vorgänger/Nachfolger, andockbar)

Rechtsklick auf eine Zelle → "🕸 Abhängigkeiten anzeigen" öffnet ein an der
rechten Seite angedocktes Panel (wie das Einstellungen-Panel links) mit den
direkten Vorgängern (was die Zelle liest) und Nachfolgern (was sie liest),
auch über Tabellen-/Blattgrenzen hinweg. Ein Klick auf einen Eintrag
navigiert wirklich dorthin: wählt die echte Zelle im Dokument aus, wechselt
bei Bedarf das Blatt-Tab, und das Panel zentriert sich neu — Blatt-Tabs,
Canvas, Formel- und Statusleiste bleiben dabei die ganze Zeit sichtbar und
bedienbar (kein Vollbild-Dialog). Jeder Eintrag zeigt immer den Blattnamen,
nie nur implizit. Zirkelbezüge werden rot markiert.

Neu in der Engine: Workbook.graphPrecedents/graphDependents, dünne
öffentliche Wrapper um den bereits vorhandenen DependencyGraph. Im Store:
cellGraphSelf/cellGraphNeighbors (Anreicherung für die Anzeige) sowie
openDependencyGraph/closeDependencyGraph (dokumentweiter UI-State, ruft
intern das bestehende selectCell auf).

424 Tests (Engine-/Store-Ebene vollständig abgedeckt), vue-tsc/eslint/build
sauber. Das Panel selbst nur live per Playwright verifiziert (kein
Komponenten-Test-Setup vorhanden, in README dokumentiert).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
wkh
2026-09-08 23:19:42 +02:00
co-authored by Claude Sonnet 5
parent 6a62dccedd
commit f45fbab945
12 changed files with 712 additions and 3 deletions
+16
View File
@@ -29,6 +29,7 @@ import {
isError,
keyOf,
parseKey,
type CellRef,
type CellValue,
type EngineHost,
type NamedRangeDef,
@@ -158,6 +159,21 @@ export class Workbook implements EngineHost {
return v === undefined ? null : v;
}
/** Direct precedents of a cell -- the cells its own formula reads (a
* formula's `#REF`/named-range/etc. resolution already baked into the
* graph edges, see `precedentsOf()` above). Public wrapper around the
* internal `DependencyGraph`, for UI features (the dependency-graph
* view) that need to *query* the graph -- evaluation itself never calls
* this, it only calls `setPrecedents`/`affected`/`topoOrder`. */
graphPrecedents(tableId: string, col: number, row: number): CellRef[] {
return [...this.graph.getPrecedents(keyOf(tableId, col, row))].map(parseKey);
}
/** Direct dependents of a cell -- every cell whose formula reads *this*
* one. See graphPrecedents() above. */
graphDependents(tableId: string, col: number, row: number): CellRef[] {
return [...this.graph.getDependents(keyOf(tableId, col, row))].map(parseKey);
}
// ---- writes ---------------------------------------------------------
/** Set (or clear, with `''`) one cell and recalculate the affected cells. */