@ai-matrx/canvas 0.7.2 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 0.8.0
+
+Owner feedback (Arman, 2026-10-03), a split canvas: tabs read "The Shap" | "Agent con" | an icon sliver | "+" — "when there is a split, the tabs should not get split like this."
+
+- **A split keeps ONE window-wide tab strip** (Chrome split view). `CanvasColumn` draws `CanvasWindowTabs` above the panes whenever the layout is a split (side by side, stacked or down): every pane's tabs in one row, the panes' visible tabs drawn as ONE joined tab (the focused pane's half strongest), one "+" that opens in the focused pane. Pane headers keep Back/Forward, a draggable title, kind controls, menu, expand and close — no strip of their own. Phones are unchanged (one presented pane whose strip carries every tab).
+- **Tabs shrink evenly to a readable floor, then scroll.** Every tab: `flex: 0 1 12rem`, floor `CANVAS_TAB_MIN_WIDTH` 120px (icon + ~10 letters + "…"); a cut name always ends in an ellipsis (never clipped). Past the floor the tab list scrolls sideways — wheel and trackpad, the current tab kept in view, no drawn scrollbar — and "All tabs (N)" stays.
+- **Removed:** the icon-sliver compact mode (`data-compact`), the windowed `fitCanvasTabs`, `CANVAS_ACTIVE_TAB_MIN_WIDTH`, and the hidden-count badge on "All tabs". **Added:** `CanvasWindowTabs`, `canvasTabsOverflow`, `planCanvasTabStrip`, types `CanvasStripTab` / `CanvasStripEntry`.
+
+### Consumer action
+
+- None for hosts that render `<CanvasColumn/>`. A host that imported `fitCanvasTabs` or `CANVAS_ACTIVE_TAB_MIN_WIDTH` (none known) uses `canvasTabsOverflow` / `CANVAS_TAB_MIN_WIDTH`.
+
+## 0.7.3
+
+Census on 0.7.2 (40 web routes, 1440px window, chat open, canvas 360/640/900): with a 900px canvas the page beside it was 56px and route headers were 29-67px wide.
+
+- **The canvas shrinks first, to a usable page.** `CANVAS_WEB_LAYOUT_RULES.centreMinWidth` 420 -> 600: a remembered or dragged width gives way (down to `minWidth`) so the content beside the canvas keeps 600px.
+
+### Consumer action
+
+- A host whose canvas shares the window with a sidebar or a docked panel passes `regionWidth` (the width right of the page's left edge) to `CanvasProvider`; without it the 600px is measured against the whole window and the page beside the canvas can still be crushed.
+
 ## 0.7.2
 
 Measured live on 0.7.1 (phone 375px; a 363px canvas after a reload):

package/README.md

@@ -67,9 +67,9 @@ Navigating to something already open elsewhere focuses it there (a launcher tab
 
 **Forward.** After Back the header also shows Forward (`selectCanvasCanGoForward`); it returns the same live body Back left. A navigate somewhere new ends the forward trail. Shortcut data `canvas.back` / `canvas.forward` (⌘[ / ⌘]) is for a desktop host; browsers own those keys.
 
-**The strip.** A tab is as wide as its name (up to 12rem). Short of room, tabs shrink — the active tab least — to icon + ~6 letters + "…" (`CANVAS_TAB_MIN_WIDTH`; the active tab keeps `CANVAS_ACTIVE_TAB_MIN_WIDTH`); a name really cut ends in an ellipsis and every tab's tooltip is its full name. Tabs that do not fit at their floor are reached from "All tabs (N)"; the active tab is always shown. At the narrowest the strip is the active tab's title and that menu. Nothing scrolls and nothing in the header overlaps another control (`fitCanvasTabs` is the rule).
+**The strip** (Chrome's model). Tabs share the strip evenly — 12rem each with room — and shrink together to one readable floor, icon + ~10 letters + "…" (`CANVAS_TAB_MIN_WIDTH`, 120px); a cut name always ends in an ellipsis and every tab's tooltip is its full name. Past the floor the tab list scrolls sideways (wheel, trackpad; the current tab is kept in view) and "All tabs (N)" lists every tab (`canvasTabsOverflow` is the rule). A tab never shrinks to an icon sliver and nothing in the header overlaps another control.
 
-**Splits.** A side-by-side split whose panes would be narrower than `paneMinWidth` (web: `CANVAS_PANE_MIN_WIDTH`, 280px) renders stacked; the tree is unchanged.
+**Splits.** A split canvas keeps ONE window-wide tab strip above its panes (`CanvasWindowTabs`), never one per pane: every pane's tabs are in it, the panes' visible tabs are drawn as ONE joined tab (the focused pane's half strongest; `planCanvasTabStrip`), and its "+" opens in the focused pane. Each pane header keeps its own Back/Forward, title, kind controls and menu. A side-by-side split whose panes would be narrower than `paneMinWidth` (web: `CANVAS_PANE_MIN_WIDTH`, 280px) renders stacked under the same one strip; the tree is unchanged.
 
 **Phones** (`CANVAS_PHONE_MAX_WIDTH`, 767px): the column presents ONE pane — the focused one when it holds a tab, else the first that does (`selectCanvasPresentedPaneId`) — whose strip carries every pane's tabs; choosing a tab from another pane presents that pane. The pane menu offers no Split. The layout tree is untouched, so a wider screen gets its split back.
 
@@ -149,7 +149,7 @@ toggleKind(controller, { kind: "terminal" }); // absent → open · behind → f
 |---|---|---|
 | `defaultWidth` | 640 | `{ fraction: 0.36 }` |
 | `minWidth` | 360 | 360 |
-| `centreMinWidth` (the canvas shrinks first) | 420 | 520 |
+| `centreMinWidth` (the canvas shrinks first) | 600 | 520 |
 | `stackSplit` (split down: first pane's share) | 0.5 | 0.7 |
 | `sideSplit` | 0.5 | 0.5 |
 | `paneMinWidth` (narrower side-by-side panes stack) | 0 (never) | 360 |

package/dist/index.cjs

@@ -1119,7 +1119,11 @@ var CANVAS_PANE_MIN_WIDTH = 280;
 var CANVAS_WEB_LAYOUT_RULES = {
   defaultWidth: CANVAS_DEFAULT_WIDTH,
   minWidth: CANVAS_MIN_WIDTH,
-  centreMinWidth: 420,
+  // The page beside the canvas keeps room for its route header (title, mode switch,
+  // the shell's own controls): a 2026-10-03 census of 40 routes found headers 29-67px
+  // wide at 420 with a 900px canvas. Hosts pass `regionWidth` so this is the PAGE's
+  // width, not the window's.
+  centreMinWidth: 600,
   // Split down 70/30 like the desktop: what opens below (notifications, a feed) is the smaller pane.
   stackSplit: 0.7,
   sideSplit: 0.5,