@ai-matrx/records-ui 0.101.9 → 0.101.10

package/dist/index.js

@@ -33196,9 +33196,9 @@ function ActionInbox({
       onKeyDown,
       "aria-label": "Inbox",
       children: [
-        /* @__PURE__ */ jsxs98("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs98("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
           /* @__PURE__ */ jsx107("h3", { className: "sr-only", children: "Inbox" }),
-          /* @__PURE__ */ jsx107("div", { role: "tablist", "aria-label": "Inbox views", className: "flex items-center gap-0.5", children: INBOX_VIEWS.map((v) => {
+          /* @__PURE__ */ jsx107("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__ */ jsxs98(
               "button",
@@ -33213,7 +33213,7 @@ function ActionInbox({
                   setSnoozing(null);
                 },
                 className: cn57(
-                  "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: [
@@ -33230,7 +33230,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__ */ jsx107(
                 "button",
                 {
@@ -33238,7 +33238,7 @@ function ActionInbox({
                   "aria-pressed": groupBy === g,
                   onClick: () => setGroupBy(g),
                   className: cn57(
-                    "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]
@@ -33247,8 +33247,26 @@ function ActionInbox({
               ))
             }
           ),
-          view === "inbox" ? /* @__PURE__ */ jsx107(Button72, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => setShowDecided((s) => !s), children: showDecided ? "Hide decided" : "Show decided" }) : null,
-          /* @__PURE__ */ jsx107(Button72, { size: "sm", variant: "ghost", className: "h-7 px-2 text-xs", onClick: () => void load(), children: "Refresh" })
+          view === "inbox" ? /* @__PURE__ */ jsx107(
+            Button72,
+            {
+              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__ */ jsx107(
+            Button72,
+            {
+              size: "sm",
+              variant: "ghost",
+              className: "h-7 shrink-0 whitespace-nowrap px-2 text-xs",
+              onClick: () => void load(),
+              children: "Refresh"
+            }
+          )
         ] }),
         error ? /* @__PURE__ */ jsx107(RefusalNotice, { error }) : null,
         selected.size > 0 ? /* @__PURE__ */ jsxs98(