@ai-matrx/records-ui 0.101.9 → 0.101.10

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.101.10
+
+- **The Action Inbox header never breaks a word.** At a phone width the header row squeezed its view
+  tabs and the Kind/Table/None grouping control until labels drew one or two letters per line
+  ("In / bo / x"). The row now wraps as whole groups; every group is `shrink-0` and every label
+  `whitespace-nowrap`. Guard: `src/the-inbox-header-never-breaks-a-word.test.tsx`.
+- Consumer action: none — bump to latest.
+
 ## 0.101.9
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/index.cjs

@@ -33378,9 +33378,9 @@ function ActionInbox({
       onKeyDown,
       "aria-label": "Inbox",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h3", { className: "sr-only", children: "Inbox" }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { role: "tablist", "aria-label": "Inbox views", className: "flex items-center gap-0.5", children: INBOX_VIEWS.map((v) => {
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { role: "tablist", "aria-label": "Inbox views", className: "flex shrink-0 items-center gap-0.5", children: INBOX_VIEWS.map((v) => {
             const n = counts === null ? v === view ? shown3.length : null : v === "inbox" ? counts.waiting : v === "snoozed" ? counts.snoozed : counts.cleared;
             return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
               "button",
@@ -33395,7 +33395,7 @@ function ActionInbox({
                   setSnoozing(null);
                 },
                 className: (0, import_design_system94.cn)(
-                  "flex items-baseline gap-1 rounded px-1.5 py-0.5 text-xs",
+                  "flex items-baseline gap-1 whitespace-nowrap rounded px-1.5 py-0.5 text-xs",
                   view === v ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
                 ),
                 children: [
@@ -33412,7 +33412,7 @@ function ActionInbox({
             {
               role: "group",
               "aria-label": "Group by",
-              className: "ml-auto flex items-center rounded-md border border-border p-0.5 lg:ml-0",
+              className: "ml-auto flex shrink-0 items-center rounded-md border border-border p-0.5 lg:ml-0",
               children: INBOX_GROUPINGS.map((g) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                 "button",
                 {
@@ -33420,7 +33420,7 @@ function ActionInbox({
                   "aria-pressed": groupBy === g,
                   onClick: () => setGroupBy(g),
                   className: (0, import_design_system94.cn)(
-                    "rounded px-1.5 py-0.5 text-[11px]",
+                    "whitespace-nowrap rounded px-1.5 py-0.5 text-[11px]",
                     groupBy === g ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
                   ),
                   children: GROUPING_WORD[g]
@@ -33429,8 +33429,26 @@ function ActionInbox({
               ))
             }
           ),
-          view === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_design_system94.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => setShowDecided((s) => !s), children: showDecided ? "Hide decided" : "Show decided" }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_design_system94.Button, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => void load(), children: "Refresh" })
+          view === "inbox" ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            import_design_system94.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "h-7 shrink-0 whitespace-nowrap px-2 text-xs",
+              onClick: () => setShowDecided((s) => !s),
+              children: showDecided ? "Hide decided" : "Show decided"
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+            import_design_system94.Button,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "h-7 shrink-0 whitespace-nowrap px-2 text-xs",
+              onClick: () => void load(),
+              children: "Refresh"
+            }
+          )
         ] }),
         error ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(RefusalNotice, { error }) : null,
         selected.size > 0 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(