@ai-matrx/agents 0.41.0 → 0.41.1

package/dist/context/react/index.cjs

@@ -594,6 +594,60 @@ function levelSwitch(level, bulk) {
   if (level.master) return { checked: level.master.on, onToggle: level.master.onToggle };
   return { checked: levelRows(level).some((r) => r.include), onToggle: bulk };
 }
+var useIsoLayoutEffect = typeof window === "undefined" ? React2.useEffect : React2.useLayoutEffect;
+function HeadingPath({ path, name }) {
+  const boxRef = React2.useRef(null);
+  const fullRef = React2.useRef(null);
+  const [compact, setCompact] = React2.useState(false);
+  const multi = path.length > 1;
+  useIsoLayoutEffect(() => {
+    const box = boxRef.current;
+    const full = fullRef.current;
+    if (!multi || !box || !full) return void 0;
+    const fit = () => setCompact(full.scrollWidth > box.clientWidth);
+    fit();
+    if (typeof ResizeObserver === "undefined") return void 0;
+    const observer = new ResizeObserver(fit);
+    observer.observe(box);
+    return () => observer.disconnect();
+  }, [multi, name]);
+  const shown = multi && compact ? path.slice(-1) : path;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "span",
+    {
+      ref: boxRef,
+      "data-compact": multi && compact ? "true" : void 0,
+      className: "relative flex min-w-0 flex-1 items-center gap-1 overflow-hidden",
+      title: name,
+      children: [
+        multi ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "span",
+          {
+            ref: fullRef,
+            "aria-hidden": true,
+            className: "pointer-events-none invisible absolute left-0 top-0 flex items-center gap-1 whitespace-nowrap",
+            children: path.map((part, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React2.Fragment, { children: [
+              i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "\u203A" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: part })
+            ] }, `${i}:${part}`))
+          }
+        ) : null,
+        shown.map((part, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React2.Fragment, { children: [
+          i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 text-muted-foreground", children: "\u203A" }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "span",
+            {
+              className: (0, import_design_system2.cn)(
+                i < shown.length - 1 ? "shrink-0 whitespace-nowrap text-muted-foreground" : "min-w-0 truncate"
+              ),
+              children: part
+            }
+          )
+        ] }, `${i}:${part}`))
+      ]
+    }
+  );
+}
 function LevelHeading({
   kind,
   path,
@@ -620,19 +674,7 @@ function LevelHeading({
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { role: "cell", className: (0, import_design_system2.cn)("flex min-w-0 items-center gap-1", kind === "group" && "pl-2"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "flex min-w-0 items-center gap-1 overflow-hidden", title: name, children: path.map((part, i) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(React2.Fragment, { children: [
-            i > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "shrink-0 text-muted-foreground", children: "\u203A" }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "span",
-              {
-                className: (0, import_design_system2.cn)(
-                  "truncate",
-                  i < path.length - 1 ? "max-w-[45%] shrink-0 text-muted-foreground" : "min-w-0"
-                ),
-                children: part
-              }
-            )
-          ] }, `${i}:${part}`)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HeadingPath, { path, name }),
           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.jsx)("div", { role: "cell", className: "flex justify-center", children: showSwitch ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(