@ai-matrx/canvas 0.8.0 → 0.8.1

package/CHANGELOG.md

@@ -1,11 +1,19 @@
 # Changelog
 
+## 0.8.1
+
+Live check of 0.8.0 (1440px, canvas expanded, 5 tabs): a 1428px window strip drew 127px tabs — a `flex-basis` alone let the tab list size itself to the names.
+
+- Every tab now has a definite `width: 12rem` (`flex: 0 1 auto`), a joined split tab `n × 12rem`: with room, tabs are 12rem; short of room they shrink evenly to the 120px floor, then scroll.
+- Keeping the current tab in view brings a split's joined tab into view whole, not only its current half.
+- Consumer action: none.
+
 ## 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.
+- **Tabs shrink evenly to a readable floor, then scroll.** Every tab: 12rem with room, 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

package/dist/react.cjs

@@ -3295,8 +3295,9 @@ function TabStrip({
     if (!el || !activeItemId) return;
     const tab = [...el.querySelectorAll("[data-mxc-tab]")].find((node) => node.dataset.mxcTab === activeItemId);
     if (!tab) return;
+    const target = tab.closest(".mxc-tab-group") ?? tab;
     const box = el.getBoundingClientRect();
-    const rect = tab.getBoundingClientRect();
+    const rect = target.getBoundingClientRect();
     if (rect.left < box.left) el.scrollLeft -= box.left - rect.left;
     else if (rect.right > box.right) el.scrollLeft += rect.right - box.right;
   }, [activeItemId, width, tabs.length]);