@ai-matrx/canvas 0.7.0 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.7.1
+
+Measured live on 0.7.0 (a 480px strip, six tabs):
+
+- **The active tab never runs under "All tabs".** Its `flex-shrink: 0.2` made it the last tab still shrinking, and the flex algorithm then hands such an item only that fraction of the overflow — it stayed 25px too wide, its close clipped beside the button. Priority width is now its higher floor alone.
+- **Floors hold ~7 letters:** "Messa…" at 78px. `CANVAS_TAB_MIN_WIDTH` 88px ("Messag…"), `CANVAS_ACTIVE_TAB_MIN_WIDTH` 112px; the fit reserves 36px for the "All tabs" button.
+
+### Consumer action
+
+- None.
+
 ## 0.7.0
 
 Second independent live sweep (admin, clone):

package/dist/react.cjs

@@ -3180,9 +3180,9 @@ function SingleTitle({ item, kind }) {
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "mxc-tab-close", "data-slot": "browser-tab-close", "aria-label": `Close ${title}`, onClick: () => canvas.close(item.id), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseIcon, {}) })
   ] });
 }
-var CANVAS_TAB_MIN_WIDTH = 78;
-var CANVAS_ACTIVE_TAB_MIN_WIDTH = 100;
-var TAB_LIST_BUTTON_ROOM = 30;
+var CANVAS_TAB_MIN_WIDTH = 88;
+var CANVAS_ACTIVE_TAB_MIN_WIDTH = 112;
+var TAB_LIST_BUTTON_ROOM = 36;
 var TAB_GAP = 2;
 function fitCanvasTabs(count, activeIndex, width) {
   if (count <= 0) return { start: 0, end: 0, overflow: false, compact: false };