@ai-matrx/agents 0.42.1 → 0.43.2

package/dist/context/react/index.cjs

@@ -576,7 +576,7 @@ function ContextRulesTable({
     },
     rowId(row)
   );
-  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { ...props, comfortable, readOnly }, props.id);
+  const heading = (props) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Heading, { ...props, grid, narrow, comfortable, readOnly }, props.id);
   const renderLevel = (level, depth) => {
     const all = levelRows(level);
     const name = level.ref.path[level.ref.path.length - 1] ?? "";
@@ -673,38 +673,44 @@ function Heading({
   checked,
   onToggle,
   noSwitch,
+  grid,
+  narrow,
   comfortable,
   readOnly
 }) {
   const { count, charsLabel } = summarizeContextRows(rows);
   const total = rows.length;
   const showSwitch = !noSwitch && (Boolean(onToggle) || readOnly && total > 0);
+  const countLabel = total > 0 ? count === total ? String(total) : `${count}/${total}` : null;
+  const toggle = showSwitch ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_design_system2.Switch,
+    {
+      size: "sm",
+      "aria-label": `Include ${switchName}`,
+      checked,
+      disabled: readOnly || !onToggle,
+      onCheckedChange: (next) => onToggle?.(next)
+    }
+  ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "div",
     {
       role: "row",
       "data-heading": kind,
       className: (0, import_design_system2.cn)(
-        "flex items-center gap-2 border-b border-border/50 font-medium",
-        comfortable ? "min-h-11 px-3" : "h-7 px-2",
+        grid,
+        "border-b border-border/50 font-medium",
+        comfortable ? "min-h-11 py-1" : "min-h-7 py-0.5",
         kind === "group" ? "bg-muted/25 text-muted-foreground" : "bg-muted/60 text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system2.cn)("flex min-w-0 flex-1 items-center", indent(depth)), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate", title: label, children: label }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "cell", className: "flex shrink-0 items-center gap-2 font-normal tabular-nums text-muted-foreground", children: [
-          total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: count === total ? total : `${count}/${total}` }) : null,
-          total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: charsLabel }) : null,
-          showSwitch ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_design_system2.Switch,
-            {
-              size: "sm",
-              "aria-label": `Include ${switchName}`,
-              checked,
-              disabled: readOnly || !onToggle,
-              onCheckedChange: (next) => onToggle?.(next)
-            }
-          ) : null
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "cell", className: (0, import_design_system2.cn)("flex min-w-0 items-baseline gap-1.5", indent(depth)), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 whitespace-normal break-words", title: label, children: label }),
+          countLabel ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: countLabel }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system2.cn)("flex justify-center", narrow && "order-last"), children: toggle }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: "text-right font-normal tabular-nums text-muted-foreground", children: total > 0 ? charsLabel : null }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell" })
       ]
     }
   );
@@ -786,7 +792,7 @@ function ContextRuleRow({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "cell", className: (0, import_design_system2.cn)("flex justify-center", narrow && "order-last"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_design_system2.Switch,
           {
             size: "sm",
@@ -945,11 +951,12 @@ function ContextRulesChip({
     {
       type: "button",
       "aria-label": faceName,
+      title: name || void 0,
       "data-mismatch": warn ? "true" : void 0,
       "data-blind": blind ? "true" : void 0,
       onClick: isMobile ? () => setOpen(true) : void 0,
       className: (0, import_design_system3.cn)(
-        "relative inline-flex h-6 max-w-[12rem] shrink-0 items-center gap-1 rounded-md border border-border bg-card px-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent",
+        "relative inline-flex h-6 min-w-0 shrink items-center gap-1 rounded-md border border-border bg-card px-1.5 text-xs font-medium text-foreground transition-colors hover:bg-accent",
         comfortable && "after:absolute after:-inset-x-1.5 after:-inset-y-2.5 after:content-['']",
         !eyeOpen && "text-muted-foreground",
         blind && "border-dashed",