From 1046b22e967b181c75d5a814f7844e35256e7672 Mon Sep 17 00:00:00 2001
From: Wild Karl-Heinz <kh.wild@wicom.li>
Date: Wed, 2 Sep 2026 15:49:35 +0200
Subject: [PATCH] Show the selected range, not just the active cell, in
 status/formula bar

New store computed selectionRangeName: for a single cell it's identical
to activeCellName ("Umsatz::B2"), for a multi-cell selection it shows
the full primary rectangle ("Umsatz::B2:E6"), and a discontiguous
multi-selection gets a "+N" suffix for the further rectangles.
activeCellName itself is untouched (still anchor-only, since that's what
a formula/edit actually targets) -- only the formula bar's name field and
the status bar's range label switch to the new computed.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 README.md                            | 11 ++++++++---
 src/components/FormulaBar.vue        |  4 ++--
 src/components/StatusBar.vue         |  2 +-
 src/store/__tests__/document.spec.ts | 16 ++++++++++++++++
 src/store/document.ts                | 23 +++++++++++++++++++++++
 5 files changed, 50 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index b6111e9..fba370c 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ Vorbild von **Apple Numbers**. Zwei Dinge stehen im Mittelpunkt:
 ```bash
 npm install
 npm run dev        # Vite-Devserver
-npm run test       # Vitest-Suite (Engine + Store + IO), 178 Tests
+npm run test       # Vitest-Suite (Engine + Store + IO), 179 Tests
 npm run build      # Typecheck + Produktionsbuild
 npm run lint       # ESLint (flat config)
 ```
@@ -134,7 +134,12 @@ Zeilenhöhe der Tabelle geklemmt.
 — dadurch **umbricht** eine lange Formel statt seitwärts wegzuscrollen, und
 an der unteren Kante lässt sie sich per **Maus** (natives `resize: vertical`)
 auf beliebig viele Zeilen aufziehen, um mehr auf einmal zu sehen. `Alt`+`Enter`
-bzw. `Cmd`+`Enter`, `F4` und `Esc` verhalten sich wie im In-Zellen-Editor.
+bzw. `Cmd`+`Enter`, `F4` und `Esc` verhalten sich wie im In-Zellen-Editor. Das
+Namensfeld links davon (ebenso das Pendant links in der **Statuszeile**, die
+mit den Blatt-Reitern eine gemeinsame Zeile am unteren Rand teilt) zeigt bei
+einer Mehrfachauswahl nicht nur die aktive Zelle, sondern den ganzen markierten
+**Bereich** (`Umsatz::B2:E6`), bei einer diskontinuierlichen Auswahl zusätzlich
+`+N` für die weiteren Rechtecke.
 
 **Bezüge per Maus einfügen ("Point-Mode")**: sobald der Editor (Zelle oder
 Formelleiste) eine Formel (`=…`) enthält, fügt ein **Klick** auf eine Zelle —
@@ -401,7 +406,7 @@ Grundrechenarten: `Übersicht!B2 = =SUM(Umsatz!B2:E2)`, `D2 = =B2-C2`,
 
 ## Tests
 
-`npm run test` — Vitest, 178 Tests:
+`npm run test` — Vitest, 179 Tests:
 
 - **lexer / parser** — Präzedenz & Assoziativität (`^` vor `*/` vor `+-`, `^`
   rechts, `-2^2 = -(2^2)`), lokale/qualifizierte/quoted Bezüge, `!` **und** `::`,
diff --git a/src/components/FormulaBar.vue b/src/components/FormulaBar.vue
index 83ef19b..eead335 100644
--- a/src/components/FormulaBar.vue
+++ b/src/components/FormulaBar.vue
@@ -108,8 +108,8 @@ function onKeydown(e: KeyboardEvent) {
 
 <template>
   <div class="formula-bar">
-    <span class="cell-name" :title="store.activeCellName.value">
-      {{ store.activeCellName.value }}
+    <span class="cell-name" :title="store.selectionRangeName.value">
+      {{ store.selectionRangeName.value }}
     </span>
     <span class="fx">fx</span>
     <textarea
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index f42981c..44d2941 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -11,7 +11,7 @@ const fmt = (n: number) =>
 
 <template>
   <div class="status-bar">
-    <span class="range">{{ store.activeCellName.value }}</span>
+    <span class="range">{{ store.selectionRangeName.value }}</span>
     <span v-if="agg.count > 0" class="metric">Summe <b>{{ fmt(agg.sum) }}</b></span>
     <span v-if="agg.count > 0" class="metric">Mittel <b>{{ fmt(agg.avg) }}</b></span>
     <span class="metric">Anzahl <b>{{ agg.count }}</b></span>
diff --git a/src/store/__tests__/document.spec.ts b/src/store/__tests__/document.spec.ts
index 7adb22b..610ed8b 100644
--- a/src/store/__tests__/document.spec.ts
+++ b/src/store/__tests__/document.spec.ts
@@ -138,6 +138,22 @@ describe('seed document acceptance (canvas model)', () => {
     // the active cell is the anchor -- the first cell of the selection -- not
     // wherever the selection was extended to.
     expect(s.activeCellName.value).toBe(`Umsatz::${toA1(1, 1)}`);
+    // selectionRangeName shows the full range instead (status bar / formula bar)
+    expect(s.selectionRangeName.value).toBe(`Umsatz::${toA1(1, 1)}:${toA1(1, 5)}`);
+  });
+
+  it('selectionRangeName shows a single address for a 1x1 selection and a "+N" suffix for a discontiguous multi-selection', () => {
+    const s = fresh();
+    const umsatz = tableId(s, 'Umsatz');
+    s.setSelection({ tableId: umsatz, anchor: { col: 0, row: 0 }, focus: { col: 0, row: 0 } });
+    expect(s.selectionRangeName.value).toBe(`Umsatz::${toA1(0, 0)}`);
+
+    s.addToSelection(umsatz, 3, 3);
+    s.addToSelection(umsatz, 5, 5);
+    // addToSelection() moves the primary rect to the just-clicked cell (see
+    // "Mehrfachauswahl" tests below) -- the range name follows it, plus a
+    // "+N" for the other rectangles now in the selection.
+    expect(s.selectionRangeName.value).toBe(`Umsatz::${toA1(5, 5)} +2`);
   });
 
   it('recalculation visits precedents before dependents across tables', () => {
diff --git a/src/store/document.ts b/src/store/document.ts
index 48c7050..fe63bd5 100644
--- a/src/store/document.ts
+++ b/src/store/document.ts
@@ -1412,6 +1412,28 @@ function createStore() {
     return `${t?.name ?? '—'}::${toA1(cell.col, cell.row)}`;
   });
 
+  /** Like {@link activeCellName}, but for a multi-cell selection it shows the
+   *  full range (`Umsatz::B2:E6`) instead of just the anchor -- used wherever
+   *  the UI shows "where am I" (formula bar, status bar), as opposed to
+   *  `activeCellName`/`activeCell`, which stay anchor-only because that's
+   *  what a formula/edit actually targets (see the "selection aggregate &
+   *  cell name are live" test). A discontiguous multi-selection additionally
+   *  gets a `+N` suffix for the further rectangles beyond the primary one. */
+  const selectionRangeName = computed(() => {
+    const sel = doc.selection;
+    const t = sel ? tableById(sel.tableId) : activeTable.value;
+    const tableName = t?.name ?? '—';
+    if (!sel) return `${tableName}::${toA1(0, 0)}`;
+    const rects = selectionRects(sel);
+    const [p] = rects;
+    const addr =
+      p.c0 === p.c1 && p.r0 === p.r1
+        ? toA1(p.c0, p.r0)
+        : `${toA1(p.c0, p.r0)}:${toA1(p.c1, p.r1)}`;
+    const extra = rects.length > 1 ? ` +${rects.length - 1}` : '';
+    return `${tableName}::${addr}${extra}`;
+  });
+
   const activeCellInput = computed(() => {
     const sel = doc.selection;
     return sel ? cellInput(sel.tableId, sel.anchor.col, sel.anchor.row) : '';
@@ -1606,6 +1628,7 @@ function createStore() {
     selectionRects,
     activeCell,
     activeCellName,
+    selectionRangeName,
     activeCellInput,
     selectionAggregate,
     // clipboard