@ai-matrx/agents 0.42.0 → 0.43.1

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, grid, 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] ?? "";
@@ -674,12 +674,24 @@ function Heading({
   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",
     {
@@ -688,24 +700,15 @@ function Heading({
       className: (0, import_design_system2.cn)(
         grid,
         "border-b border-border/50 font-medium",
-        comfortable ? "min-h-11" : "h-7",
+        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.jsxs)("div", { role: "cell", className: (0, import_design_system2.cn)("flex min-w-0 items-center gap-1", indent(depth)), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "min-w-0 truncate", title: label, children: label }),
-          total > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 font-normal tabular-nums text-muted-foreground", children: count === total ? total : `${count}/${total}` }) : 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: "flex justify-center", children: 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.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" })
       ]
@@ -789,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",
@@ -948,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",
@@ -1044,7 +1048,7 @@ function ContextRulesChip({
       import_design_system3.PopoverContent,
       {
         align: "end",
-        className: "w-[26rem] max-w-[calc(100vw-1rem)] overflow-hidden p-0",
+        className: "w-[30rem] max-w-[calc(100vw-1rem)] overflow-hidden p-0",
         children: body
       }
     )