@ai-matrx/agents 0.43.10 → 0.43.12

package/dist/context/react/index.d.cts

@@ -385,9 +385,10 @@ interface ContextRulesPanelBodyProps {
     className?: string;
 }
 /**
- * Master/detail body for a docked context panel: search + compact table on
- * the left, the open row's controls, layer breakdown and host detail on the
- * right. On mobile: list, then detail with Back.
+ * Master/detail body for a docked context panel: search + compact table, and
+ * the open row's controls, layer breakdown and host detail. Nothing open: the
+ * list is the whole panel. Open and wide (≥ 40rem): list beside detail. Open
+ * and narrow (or `isMobile`): the detail alone, with Back to the list.
  */
 declare function ContextRulesPanelBody({ rows, cap, mismatches, blocks, loadView, readOnly, onChange, hierarchy, onSetInclude, renderDetail, isMobile, selectedKey: selectedProp, onSelectedKeyChange, className, }: ContextRulesPanelBodyProps): react.JSX.Element;
 

package/dist/context/react/index.d.ts

@@ -385,9 +385,10 @@ interface ContextRulesPanelBodyProps {
     className?: string;
 }
 /**
- * Master/detail body for a docked context panel: search + compact table on
- * the left, the open row's controls, layer breakdown and host detail on the
- * right. On mobile: list, then detail with Back.
+ * Master/detail body for a docked context panel: search + compact table, and
+ * the open row's controls, layer breakdown and host detail. Nothing open: the
+ * list is the whole panel. Open and wide (≥ 40rem): list beside detail. Open
+ * and narrow (or `isMobile`): the detail alone, with Back to the list.
  */
 declare function ContextRulesPanelBody({ rows, cap, mismatches, blocks, loadView, readOnly, onChange, hierarchy, onSetInclude, renderDetail, isMobile, selectedKey: selectedProp, onSelectedKeyChange, className, }: ContextRulesPanelBodyProps): react.JSX.Element;
 

package/dist/context/react/index.js

@@ -1291,7 +1291,7 @@ function ContextReceiptBlockDetail({
 }
 
 // context/react/ContextRulesPanelBody.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function layerCells(row) {
   const { surface, agent, default_max } = row.layers ?? {};
   const declared = agent?.declared === true;
@@ -1496,32 +1496,50 @@ function ContextRulesPanelBody({
       loadView
     }
   ) : null;
-  if (isMobile) {
-    return /* @__PURE__ */ jsx8(TooltipProvider4, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsx8("div", { className: cn7("flex h-full min-h-0 flex-col", className), children: detail ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      /* @__PURE__ */ jsx8("div", { className: "flex h-12 shrink-0 items-center border-b border-border px-1", children: /* @__PURE__ */ jsxs8(
-        "button",
+  const sideBySide = !isMobile;
+  return /* @__PURE__ */ jsx8(TooltipProvider4, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs8("div", { "data-slot": "context-rules-panel", className: cn7("@container flex h-full min-h-0 min-w-0", className), children: [
+    /* @__PURE__ */ jsxs8(
+      "aside",
+      {
+        "data-slot": "context-rules-list",
+        className: cn7(
+          "flex min-h-0 min-w-0 flex-col",
+          !detail ? "flex-1" : sideBySide ? "hidden border-border @min-[40rem]:flex @min-[40rem]:w-[clamp(18rem,38%,28rem)] @min-[40rem]:shrink-0 @min-[40rem]:border-r" : "hidden"
+        ),
+        children: [
+          search,
+          table
+        ]
+      }
+    ),
+    detail ? /* @__PURE__ */ jsxs8("section", { "data-slot": "context-rules-detail", className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx8(
+        "div",
         {
-          type: "button",
-          onClick: () => select(null),
-          className: "inline-flex h-11 items-center gap-1 rounded-md px-2 text-sm text-muted-foreground hover:text-foreground",
-          children: [
-            /* @__PURE__ */ jsx8(ChevronLeftIcon, { className: "h-4 w-4" }),
-            "Back"
-          ]
+          className: cn7(
+            "flex shrink-0 items-center border-b border-border px-1",
+            comfortable ? "h-12" : "h-8",
+            sideBySide && "@min-[40rem]:hidden"
+          ),
+          children: /* @__PURE__ */ jsxs8(
+            "button",
+            {
+              type: "button",
+              onClick: () => select(null),
+              className: cn7(
+                "inline-flex items-center gap-1 rounded-md px-2 text-muted-foreground hover:text-foreground",
+                comfortable ? "h-11 text-sm" : "h-7 text-xs"
+              ),
+              children: [
+                /* @__PURE__ */ jsx8(ChevronLeftIcon, { className: comfortable ? "h-4 w-4" : "h-3.5 w-3.5" }),
+                "Back"
+              ]
+            }
+          )
         }
-      ) }),
+      ),
       /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-y-auto", children: detail })
-    ] }) : /* @__PURE__ */ jsxs8(Fragment2, { children: [
-      search,
-      table
-    ] }) }) });
-  }
-  return /* @__PURE__ */ jsx8(TooltipProvider4, { delayDuration: 300, titleTooltips: false, children: /* @__PURE__ */ jsxs8("div", { className: cn7("flex h-full min-h-0", className), children: [
-    /* @__PURE__ */ jsxs8("aside", { className: "flex w-[22rem] shrink-0 flex-col border-r border-border", children: [
-      search,
-      table
-    ] }),
-    /* @__PURE__ */ jsx8("section", { className: "min-h-0 min-w-0 flex-1 overflow-y-auto", children: detail ?? /* @__PURE__ */ jsx8("div", { className: "flex h-full items-center justify-center text-xs text-muted-foreground", children: "Select an item" }) })
+    ] }) : null
   ] }) });
 }
 export {