@ai-matrx/canvas 0.5.0 → 0.5.2

package/dist/styles.css

@@ -396,6 +396,8 @@
 /* ── tabs ───────────────────────────────────────────────────────────────── */
 
 .mxc-tabs {
+  /* The tabs' offset parent, so "keep the active tab in view" measures in strip coordinates. */
+  position: relative;
   flex: 0 1 auto;
   min-width: 0;
   display: flex;
@@ -411,16 +413,19 @@
 
 /*
  * TAB DENSITY (Claude Code / Codex): 12.5px text, a 14px icon, 6px side
- * padding. Tabs shrink evenly from 8rem to a 3.25rem floor (icon + a few
- * letters), then the strip scrolls. The active tab keeps icon + ~10 letters.
+ * padding. Tabs shrink evenly from 8rem to a 4.5rem floor, then the strip
+ * scrolls (a tab is never squeezed to three letters). A background tab
+ * narrower than 6rem drops its icon so its name keeps the room. The active
+ * tab keeps icon + ~10 letters + its close.
  * The close button is OVERLAID on the tab's end and costs no width while
  * hidden; shown (hover, active, focus) the title fades under it.
  */
 .mxc-tab {
   position: relative;
   flex: 1 1 8rem;
-  min-width: 3.25rem;
+  min-width: 4.5rem;
   max-width: 12rem;
+  container: mxc-tab / inline-size;
   display: flex;
   align-items: center;
   gap: 0.3125rem;
@@ -437,7 +442,7 @@
 }
 
 .mxc-tab[data-active] {
-  min-width: min(6.5rem, 100%);
+  min-width: min(7.5rem, 100%);
   background: var(--mxc-tab-active-bg);
   color: var(--mxc-fg);
   box-shadow: var(--mxc-tab-active-shadow);
@@ -467,6 +472,12 @@
   opacity: 0.75;
 }
 
+@container mxc-tab (max-width: 6rem) {
+  .mxc-tab:not([data-active]) .mxc-tab-icon {
+    display: none;
+  }
+}
+
 .mxc-tab-icon svg,
 .mxc-favicon {
   width: 0.875rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/canvas",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "The AI Matrx canvas: a docked right-hand column with split panes, tabs, full screen, a kind registry, Redux-compatible state and persistence.",
   "type": "module",
   "main": "./dist/index.cjs",