@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

package/dist/resources/themes/solid-light-modern/theme.css

@@ -741,8 +741,7 @@
     border-color: var(--solid-border-default) !important;
   }
 
-  .solid-row-menu-trigger,
-  .solid-tree-row-menu-trigger {
+  .solid-row-menu-trigger {
     background: #f3ebdd !important;
     background-color: #f3ebdd !important;
     border-color: var(--solid-border-default) !important;
@@ -750,8 +749,7 @@
     box-shadow: none !important;
   }
 
-  .solid-row-menu-trigger:hover,
-  .solid-tree-row-menu-trigger:hover {
+  .solid-row-menu-trigger:hover {
     background: #ede2d1 !important;
     background-color: #ede2d1 !important;
     color: #2e2e2e !important;

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.css

@@ -0,0 +1,47 @@
+.agent-registry-audit-layout {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: stretch;
+  gap: 0.75rem;
+  min-width: 0;
+  min-height: 0;
+  position: relative;
+}
+
+.agent-registry-audit-layout__content {
+  display: flex;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.agent-registry-audit-layout__content > .solid-tabs {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.agent-registry-audit-panel {
+  min-height: 100%;
+}
+
+.agent-registry-audit-panel__resize {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 5px;
+  cursor: col-resize;
+  z-index: 9;
+}
+
+.agent-registry-audit-panel__collapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem;
+}
+
+@media (max-width: 767px) {
+  .agent-registry-audit-layout .agent-registry-audit-panel.collapsed {
+    display: block !important;
+    width: 32px !important;
+  }
+}

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./AgentRegistryAuditPanel.css";
+type AgentRegistryAuditPanelProps = {
+    children: React.ReactNode;
+    modelSingularName: "agentRegistry" | "agentSkillRegistry" | "agentToolRegistry";
+    recordId: number;
+    refreshVersion: number;
+    modelUserKey?: string;
+};
+export declare function AgentRegistryAuditPanel({ children, modelSingularName, recordId, refreshVersion, modelUserKey }: AgentRegistryAuditPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentRegistryAuditPanel.d.ts.map

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRegistryAuditPanel.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentRegistryAuditPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,+BAA+B,CAAC;AAEvC,KAAK,4BAA4B,GAAG;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,EAAE,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CAAC;IAChF,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,EAAE,4BAA4B,2CAsG5I"}

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import qs from "qs";
+import { SolidChatter } from "../../../../components/core/chatter/SolidChatter";
+import { SolidButton } from "../../../../components/shad-cn-ui";
+import { permissionExpression } from "../../../../helpers/permissions";
+import { useLazyCheckIfPermissionExistsQuery } from "../../../../redux/api/userApi";
+import "./AgentRegistryAuditPanel.css";
+var MIN_CHATTER_WIDTH = 320;
+var MIN_EDITOR_WIDTH = 420;
+var WIDTH_STORAGE_KEY = "chatter_locale_width";
+export function AgentRegistryAuditPanel(_a) {
+    var children = _a.children, modelSingularName = _a.modelSingularName, recordId = _a.recordId, refreshVersion = _a.refreshVersion, modelUserKey = _a.modelUserKey;
+    var wrapperRef = React.useRef(null);
+    var _b = React.useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var _c = React.useState(360), width = _c[0], setWidth = _c[1];
+    var _d = React.useState(false), isResizing = _d[0], setIsResizing = _d[1];
+    var _e = React.useState(true), refreshChatterMessage = _e[0], setRefreshChatterMessage = _e[1];
+    var _f = React.useState([]), actionsAllowed = _f[0], setActionsAllowed = _f[1];
+    var _g = React.useState(false), permissionsReady = _g[0], setPermissionsReady = _g[1];
+    var checkPermissions = useLazyCheckIfPermissionExistsQuery()[0];
+    var clampWidth = React.useCallback(function (nextWidth) {
+        var _a, _b;
+        var availableWidth = (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : window.innerWidth;
+        var maxWidth = Math.max(MIN_CHATTER_WIDTH, availableWidth - MIN_EDITOR_WIDTH);
+        return Math.max(MIN_CHATTER_WIDTH, Math.min(nextWidth, maxWidth));
+    }, []);
+    React.useEffect(function () {
+        var stored = localStorage.getItem(WIDTH_STORAGE_KEY);
+        if (stored) {
+            var parsed = Number.parseInt(stored, 10);
+            if (Number.isFinite(parsed))
+                setWidth(clampWidth(parsed));
+        }
+        var onResize = function () { return setWidth(function (current) { return clampWidth(current); }); };
+        window.addEventListener("resize", onResize);
+        return function () { return window.removeEventListener("resize", onResize); };
+    }, [clampWidth]);
+    React.useEffect(function () {
+        if (!isResizing)
+            return;
+        var onMouseMove = function (event) {
+            var _a, _b;
+            var rightEdge = (_b = (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().right) !== null && _b !== void 0 ? _b : window.innerWidth;
+            var nextWidth = clampWidth(rightEdge - event.clientX);
+            setWidth(nextWidth);
+            localStorage.setItem(WIDTH_STORAGE_KEY, String(nextWidth));
+        };
+        var onMouseUp = function () { return setIsResizing(false); };
+        window.addEventListener("mousemove", onMouseMove);
+        window.addEventListener("mouseup", onMouseUp);
+        return function () {
+            window.removeEventListener("mousemove", onMouseMove);
+            window.removeEventListener("mouseup", onMouseUp);
+        };
+    }, [isResizing, clampWidth]);
+    React.useEffect(function () {
+        var active = true;
+        var query = qs.stringify({ permissionNames: [permissionExpression("chatterMessage", "findMany")] }, { encodeValuesOnly: true });
+        checkPermissions(query).unwrap()
+            .then(function (response) {
+            if (active)
+                setActionsAllowed(Array.isArray(response === null || response === void 0 ? void 0 : response.data) ? response.data : []);
+        })
+            .catch(function () {
+            if (active)
+                setActionsAllowed([]);
+        })
+            .finally(function () {
+            if (active)
+                setPermissionsReady(true);
+        });
+        return function () { active = false; };
+    }, [checkPermissions]);
+    React.useEffect(function () {
+        setRefreshChatterMessage(true);
+    }, [recordId, refreshVersion]);
+    return (_jsxs("div", { className: "agent-registry-audit-layout", ref: wrapperRef, children: [_jsx("div", { className: "agent-registry-audit-layout__content", children: children }), _jsx("aside", { className: "chatter-section agent-registry-audit-panel ".concat(isOpen ? "open" : "collapsed"), style: { width: width }, children: isOpen ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "agent-registry-audit-panel__resize", onMouseDown: function () { return setIsResizing(true); } }), _jsx(SolidButton, { icon: "si si-angle-double-right", size: "sm", text: true, className: "chatter-collapse-btn", onClick: function () { return setIsOpen(false); }, "aria-label": "Collapse audit trail" }), permissionsReady && (_jsx(SolidChatter, { modelSingularName: modelSingularName, id: recordId, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: "Audit Trail", modelUserKey: modelUserKey }))] })) : (_jsxs("div", { className: "agent-registry-audit-panel__collapsed", children: [_jsx("button", { type: "button", className: "chatter-collapsed-content", onClick: function () { setIsOpen(true); setRefreshChatterMessage(true); }, children: "Audit Trail" }), _jsx(SolidButton, { icon: "si si-chevron-left", size: "sm", className: "px-0", onClick: function () { setIsOpen(true); setRefreshChatterMessage(true); }, "aria-label": "Expand audit trail" })] })) })] }));
+}
+//# sourceMappingURL=AgentRegistryAuditPanel.js.map

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRegistryAuditPanel.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentRegistryAuditPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport qs from \"qs\";\nimport { SolidChatter } from \"../../../../components/core/chatter/SolidChatter\";\nimport { SolidButton } from \"../../../../components/shad-cn-ui\";\nimport { permissionExpression } from \"../../../../helpers/permissions\";\nimport { useLazyCheckIfPermissionExistsQuery } from \"../../../../redux/api/userApi\";\nimport \"./AgentRegistryAuditPanel.css\";\n\ntype AgentRegistryAuditPanelProps = {\n  children: React.ReactNode;\n  modelSingularName: \"agentRegistry\" | \"agentSkillRegistry\" | \"agentToolRegistry\";\n  recordId: number;\n  refreshVersion: number;\n  modelUserKey?: string;\n};\n\nconst MIN_CHATTER_WIDTH = 320;\nconst MIN_EDITOR_WIDTH = 420;\nconst WIDTH_STORAGE_KEY = \"chatter_locale_width\";\n\nexport function AgentRegistryAuditPanel({ children, modelSingularName, recordId, refreshVersion, modelUserKey }: AgentRegistryAuditPanelProps) {\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [width, setWidth] = React.useState(360);\n  const [isResizing, setIsResizing] = React.useState(false);\n  const [refreshChatterMessage, setRefreshChatterMessage] = React.useState(true);\n  const [actionsAllowed, setActionsAllowed] = React.useState<string[]>([]);\n  const [permissionsReady, setPermissionsReady] = React.useState(false);\n  const [checkPermissions] = useLazyCheckIfPermissionExistsQuery();\n\n  const clampWidth = React.useCallback((nextWidth: number) => {\n    const availableWidth = wrapperRef.current?.getBoundingClientRect().width ?? window.innerWidth;\n    const maxWidth = Math.max(MIN_CHATTER_WIDTH, availableWidth - MIN_EDITOR_WIDTH);\n    return Math.max(MIN_CHATTER_WIDTH, Math.min(nextWidth, maxWidth));\n  }, []);\n\n  React.useEffect(() => {\n    const stored = localStorage.getItem(WIDTH_STORAGE_KEY);\n    if (stored) {\n      const parsed = Number.parseInt(stored, 10);\n      if (Number.isFinite(parsed)) setWidth(clampWidth(parsed));\n    }\n    const onResize = () => setWidth((current) => clampWidth(current));\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [clampWidth]);\n\n  React.useEffect(() => {\n    if (!isResizing) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const rightEdge = wrapperRef.current?.getBoundingClientRect().right ?? window.innerWidth;\n      const nextWidth = clampWidth(rightEdge - event.clientX);\n      setWidth(nextWidth);\n      localStorage.setItem(WIDTH_STORAGE_KEY, String(nextWidth));\n    };\n    const onMouseUp = () => setIsResizing(false);\n    window.addEventListener(\"mousemove\", onMouseMove);\n    window.addEventListener(\"mouseup\", onMouseUp);\n    return () => {\n      window.removeEventListener(\"mousemove\", onMouseMove);\n      window.removeEventListener(\"mouseup\", onMouseUp);\n    };\n  }, [isResizing, clampWidth]);\n\n  React.useEffect(() => {\n    let active = true;\n    const query = qs.stringify({ permissionNames: [permissionExpression(\"chatterMessage\", \"findMany\")] }, { encodeValuesOnly: true });\n    checkPermissions(query).unwrap()\n      .then((response: any) => {\n        if (active) setActionsAllowed(Array.isArray(response?.data) ? response.data : []);\n      })\n      .catch(() => {\n        if (active) setActionsAllowed([]);\n      })\n      .finally(() => {\n        if (active) setPermissionsReady(true);\n      });\n    return () => { active = false; };\n  }, [checkPermissions]);\n\n  React.useEffect(() => {\n    setRefreshChatterMessage(true);\n  }, [recordId, refreshVersion]);\n\n  return (\n    <div className=\"agent-registry-audit-layout\" ref={wrapperRef}>\n      <div className=\"agent-registry-audit-layout__content\">{children}</div>\n      <aside className={`chatter-section agent-registry-audit-panel ${isOpen ? \"open\" : \"collapsed\"}`} style={{ width }}>\n        {isOpen ? (\n          <>\n            <div className=\"agent-registry-audit-panel__resize\" onMouseDown={() => setIsResizing(true)} />\n            <SolidButton\n              icon=\"si si-angle-double-right\"\n              size=\"sm\"\n              text\n              className=\"chatter-collapse-btn\"\n              onClick={() => setIsOpen(false)}\n              aria-label=\"Collapse audit trail\"\n            />\n            {permissionsReady && (\n              <SolidChatter\n                modelSingularName={modelSingularName}\n                id={recordId}\n                refreshChatterMessage={refreshChatterMessage}\n                setRefreshChatterMessage={setRefreshChatterMessage}\n                actionsAllowed={actionsAllowed}\n                title=\"Audit Trail\"\n                modelUserKey={modelUserKey}\n              />\n            )}\n          </>\n        ) : (\n          <div className=\"agent-registry-audit-panel__collapsed\">\n            <button type=\"button\" className=\"chatter-collapsed-content\" onClick={() => { setIsOpen(true); setRefreshChatterMessage(true); }}>\n              Audit Trail\n            </button>\n            <SolidButton icon=\"si si-chevron-left\" size=\"sm\" className=\"px-0\" onClick={() => { setIsOpen(true); setRefreshChatterMessage(true); }} aria-label=\"Expand audit trail\" />\n          </div>\n        )}\n      </aside>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/admin/core/AgentRegistryAuditPanel.tsx

@@ -0,0 +1,123 @@
+import React from "react";
+import qs from "qs";
+import { SolidChatter } from "../../../../components/core/chatter/SolidChatter";
+import { SolidButton } from "../../../../components/shad-cn-ui";
+import { permissionExpression } from "../../../../helpers/permissions";
+import { useLazyCheckIfPermissionExistsQuery } from "../../../../redux/api/userApi";
+import "./AgentRegistryAuditPanel.css";
+
+type AgentRegistryAuditPanelProps = {
+  children: React.ReactNode;
+  modelSingularName: "agentRegistry" | "agentSkillRegistry" | "agentToolRegistry";
+  recordId: number;
+  refreshVersion: number;
+  modelUserKey?: string;
+};
+
+const MIN_CHATTER_WIDTH = 320;
+const MIN_EDITOR_WIDTH = 420;
+const WIDTH_STORAGE_KEY = "chatter_locale_width";
+
+export function AgentRegistryAuditPanel({ children, modelSingularName, recordId, refreshVersion, modelUserKey }: AgentRegistryAuditPanelProps) {
+  const wrapperRef = React.useRef<HTMLDivElement>(null);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [width, setWidth] = React.useState(360);
+  const [isResizing, setIsResizing] = React.useState(false);
+  const [refreshChatterMessage, setRefreshChatterMessage] = React.useState(true);
+  const [actionsAllowed, setActionsAllowed] = React.useState<string[]>([]);
+  const [permissionsReady, setPermissionsReady] = React.useState(false);
+  const [checkPermissions] = useLazyCheckIfPermissionExistsQuery();
+
+  const clampWidth = React.useCallback((nextWidth: number) => {
+    const availableWidth = wrapperRef.current?.getBoundingClientRect().width ?? window.innerWidth;
+    const maxWidth = Math.max(MIN_CHATTER_WIDTH, availableWidth - MIN_EDITOR_WIDTH);
+    return Math.max(MIN_CHATTER_WIDTH, Math.min(nextWidth, maxWidth));
+  }, []);
+
+  React.useEffect(() => {
+    const stored = localStorage.getItem(WIDTH_STORAGE_KEY);
+    if (stored) {
+      const parsed = Number.parseInt(stored, 10);
+      if (Number.isFinite(parsed)) setWidth(clampWidth(parsed));
+    }
+    const onResize = () => setWidth((current) => clampWidth(current));
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, [clampWidth]);
+
+  React.useEffect(() => {
+    if (!isResizing) return;
+    const onMouseMove = (event: MouseEvent) => {
+      const rightEdge = wrapperRef.current?.getBoundingClientRect().right ?? window.innerWidth;
+      const nextWidth = clampWidth(rightEdge - event.clientX);
+      setWidth(nextWidth);
+      localStorage.setItem(WIDTH_STORAGE_KEY, String(nextWidth));
+    };
+    const onMouseUp = () => setIsResizing(false);
+    window.addEventListener("mousemove", onMouseMove);
+    window.addEventListener("mouseup", onMouseUp);
+    return () => {
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", onMouseUp);
+    };
+  }, [isResizing, clampWidth]);
+
+  React.useEffect(() => {
+    let active = true;
+    const query = qs.stringify({ permissionNames: [permissionExpression("chatterMessage", "findMany")] }, { encodeValuesOnly: true });
+    checkPermissions(query).unwrap()
+      .then((response: any) => {
+        if (active) setActionsAllowed(Array.isArray(response?.data) ? response.data : []);
+      })
+      .catch(() => {
+        if (active) setActionsAllowed([]);
+      })
+      .finally(() => {
+        if (active) setPermissionsReady(true);
+      });
+    return () => { active = false; };
+  }, [checkPermissions]);
+
+  React.useEffect(() => {
+    setRefreshChatterMessage(true);
+  }, [recordId, refreshVersion]);
+
+  return (
+    <div className="agent-registry-audit-layout" ref={wrapperRef}>
+      <div className="agent-registry-audit-layout__content">{children}</div>
+      <aside className={`chatter-section agent-registry-audit-panel ${isOpen ? "open" : "collapsed"}`} style={{ width }}>
+        {isOpen ? (
+          <>
+            <div className="agent-registry-audit-panel__resize" onMouseDown={() => setIsResizing(true)} />
+            <SolidButton
+              icon="si si-angle-double-right"
+              size="sm"
+              text
+              className="chatter-collapse-btn"
+              onClick={() => setIsOpen(false)}
+              aria-label="Collapse audit trail"
+            />
+            {permissionsReady && (
+              <SolidChatter
+                modelSingularName={modelSingularName}
+                id={recordId}
+                refreshChatterMessage={refreshChatterMessage}
+                setRefreshChatterMessage={setRefreshChatterMessage}
+                actionsAllowed={actionsAllowed}
+                title="Audit Trail"
+                modelUserKey={modelUserKey}
+              />
+            )}
+          </>
+        ) : (
+          <div className="agent-registry-audit-panel__collapsed">
+            <button type="button" className="chatter-collapsed-content" onClick={() => { setIsOpen(true); setRefreshChatterMessage(true); }}>
+              Audit Trail
+            </button>
+            <SolidButton icon="si si-chevron-left" size="sm" className="px-0" onClick={() => { setIsOpen(true); setRefreshChatterMessage(true); }} aria-label="Expand audit trail" />
+          </div>
+        )}
+      </aside>
+    </div>
+  );
+}

package/dist/routes/pages/admin/core/AgentRegistryEditorPage.css

@@ -0,0 +1,110 @@
+.agent-editor { display:flex; flex:1 1 auto; flex-direction:column; gap:1rem; width:100%; min-height:0; box-sizing:border-box; padding:1.5rem; color:var(--text-color,var(--foreground)); }
+.agent-editor__header,.agent-editor__actions,.agent-editor__section-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
+.agent-editor__header p,.agent-editor__section p,.agent-editor__field small { margin:.25rem 0; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.85rem; }
+.agent-editor__header h1 { margin:0; font-size:1.5rem; }
+.agent-editor__heading-with-refresh { display:flex; align-items:center; gap:.3rem; }
+.agent-editor__refresh { display:grid; width:1.25rem; height:1.25rem; place-items:center; padding:0; border:0; border-radius:.25rem; background:transparent; color:var(--text-color-secondary,var(--muted-foreground)); cursor:pointer; }
+.agent-editor__refresh:hover:not(:disabled),.agent-editor__refresh:focus-visible { color:var(--primary-color,var(--primary)); background:color-mix(in srgb,var(--primary-color,var(--primary)) 9%,transparent); }
+.agent-editor__refresh:focus-visible { outline:2px solid var(--primary-color,var(--primary)); outline-offset:1px; }
+.agent-editor__refresh:disabled { cursor:default; opacity:.55; }
+.agent-editor__refresh.is-loading svg { animation:agent-editor-refresh-spin .8s linear infinite; }
+@keyframes agent-editor-refresh-spin { to { transform:rotate(360deg); } }
+@media(prefers-reduced-motion:reduce) { .agent-editor__refresh.is-loading svg { animation:none; } }
+.agent-editor__actions { justify-content:flex-end; }
+.agent-editor__tabs { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; overflow:hidden; border:1px solid var(--surface-border,var(--border)); border-radius:.75rem; background:var(--surface-card,var(--card)); }
+.agent-editor__tab-list { padding:.4rem .6rem 0; border-bottom:1px solid var(--surface-border,var(--border)); }
+.agent-editor__tab-panel { flex:1 1 auto; min-height:0; overflow:auto; padding:1.25rem; }
+.agent-editor__stack { display:flex; flex-direction:column; gap:1.25rem; }
+.agent-editor__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
+.agent-editor__field { display:flex; flex-direction:column; gap:.45rem; min-width:0; font-size:.875rem; font-weight:600; }
+.agent-editor__field select,.agent-editor__field input[type=number],.agent-editor__input-row select { min-height:2.5rem; padding:.5rem .7rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-ground,var(--background)); color:inherit; font:inherit; }
+.agent-editor__section { display:flex; flex-direction:column; gap:.9rem; padding:1rem; border:1px solid var(--surface-border,var(--border)); border-radius:.75rem; }
+.agent-editor__section h2 { margin:0; font-size:1rem; }
+.agent-editor__workflow { gap:1.15rem; }
+.agent-editor__workflow-stages { display:flex; align-items:stretch; gap:.55rem; }
+.agent-editor__workflow-connector { width:clamp(1rem,4vw,3.5rem); align-self:center; height:2px; flex:0 0 auto; background:var(--surface-border,var(--border)); }
+.agent-editor__workflow-stage { position:relative; display:flex; align-items:flex-start; gap:.65rem; flex:1 1 0; min-width:0; padding:.85rem; border:1px solid var(--surface-border,var(--border)); border-radius:.65rem; background:var(--surface-card,var(--card)); color:var(--text-color-secondary,var(--muted-foreground)); text-align:left; cursor:pointer; font:inherit; transition:border-color 150ms ease,background-color 150ms ease,box-shadow 150ms ease,transform 150ms ease; }
+.agent-editor__workflow-stage:not(:disabled):hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--primary-color,var(--primary)) 45%,var(--surface-border,var(--border))); background:var(--surface-hover,#f8f7ff); }
+.agent-editor__workflow-stage:focus-visible { outline:2px solid var(--primary-color,var(--primary)); outline-offset:2px; }
+.agent-editor__workflow-stage:disabled { cursor:default; }
+.agent-editor__workflow-stage.is-current { border-color:color-mix(in srgb,var(--primary-color,var(--primary)) 45%,var(--surface-border,var(--border))); background:color-mix(in srgb,var(--primary-color,var(--primary)) 6%,var(--surface-card,var(--card))); color:var(--text-color,var(--foreground)); box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-color,var(--primary)) 12%,transparent); }
+.agent-editor__workflow-stage-mark { display:grid; place-items:center; width:1.65rem; height:1.65rem; flex:0 0 auto; border-radius:50%; background:var(--surface-ground,var(--background)); font-size:.8rem; font-weight:700; }
+.agent-editor__workflow-stage.is-current .agent-editor__workflow-stage-mark { background:var(--primary-color,var(--primary)); color:#fff; }
+.agent-editor__workflow-stage-copy { display:block; min-width:0; padding-right:2.7rem; }
+.agent-editor__workflow-stage strong,.agent-editor__workflow-stage small { display:block; }
+.agent-editor__workflow-stage strong { font-size:.9rem; }
+.agent-editor__workflow-stage small { margin-top:.3rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.76rem; line-height:1.4; }
+.agent-editor__workflow-stage .agent-editor__workflow-stage-cta { margin-top:.6rem; color:var(--primary-color,var(--primary)); font-size:.7rem; font-weight:600; }
+.agent-editor__workflow-current { position:absolute; top:.55rem; right:.55rem; color:var(--primary-color,var(--primary)); font-size:.67rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
+.agent-editor__workflow-save-hint { color:var(--text-color-secondary,var(--muted-foreground)); font-size:.76rem; }
+.agent-editor__empty { padding:2rem 1rem; border:1px dashed var(--surface-border,var(--border)); border-radius:.65rem; text-align:center; color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-editor__empty button,.agent-editor__new-link { display:inline-flex; align-items:center; gap:.35rem; margin-left:.3rem; border:0; background:none; color:var(--primary-color,var(--primary)); cursor:pointer; text-decoration:none; font:inherit; font-weight:600; }
+.agent-editor__inputs { display:flex; flex-direction:column; gap:.55rem; }
+.agent-editor__input-row { display:grid; grid-template-columns:1fr 1.5fr 10rem 2.5rem; gap:.5rem; align-items:center; }
+.agent-editor__input-row>button,.agent-editor__linked-card>button { display:grid; place-items:center; min-height:2.5rem; border:0; border-radius:.4rem; background:transparent; color:var(--text-color-secondary,var(--muted-foreground)); cursor:pointer; }
+.agent-editor__input-row>button:hover,.agent-editor__linked-card>button:hover { color:#dc2626; }
+.agent-editor__error { color:#dc2626!important; }
+.agent-editor__hint { color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-editor__model-picker { position:relative; width:100%; min-width:0; font-weight:400; }
+.agent-editor__model-control { display:flex; align-items:center; min-height:2.5rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-ground,var(--background)); }
+.agent-editor__model-control:focus-within { outline:2px solid color-mix(in srgb,var(--primary-color,var(--primary)) 35%,transparent); outline-offset:1px; }
+.agent-editor__model-control input { width:100%; min-width:0; padding:.55rem .7rem; border:0; outline:0; background:transparent; color:inherit; font:inherit; }
+.agent-editor__model-control input::placeholder { color:var(--text-color,var(--foreground)); opacity:1; }
+.agent-editor__model-control>button { display:grid; place-items:center; width:2.5rem; height:2.4rem; flex:0 0 auto; border:0; background:transparent; color:var(--text-color-secondary,var(--muted-foreground)); cursor:pointer; }
+.agent-editor__model-menu { z-index:1000; overflow:auto; padding:.35rem; border:1px solid var(--surface-border,var(--border)); border-radius:.6rem; background:var(--surface-card,var(--card)); box-shadow:0 10px 26px #0002; }
+.agent-editor__model-group h3 { position:sticky; top:-.35rem; z-index:1; margin:0; padding:.45rem .6rem; border-bottom:1px solid var(--surface-border,var(--border)); background:var(--surface-card,var(--card)); color:var(--text-color-secondary,var(--muted-foreground)); font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
+.agent-editor__model-option { display:flex; flex-direction:column; align-items:flex-start; width:calc(100% - .55rem); margin-left:.55rem; padding:.48rem .6rem; border:0; border-radius:.35rem; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; }
+.agent-editor__model-option:hover,.agent-editor__model-option.is-active { background:var(--surface-hover,#f2f3f4); }
+.agent-editor__model-option small { margin-top:.1rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.72rem; }
+.agent-editor__model-empty { padding:.8rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.85rem; }
+.agent-editor__test-dialog-overlay { z-index:1200!important; }
+.agent-editor__test-dialog { z-index:1201!important; gap:0; }
+.agent-editor__test-dialog-body { flex:1 1 auto; min-height:0; overflow:hidden; }
+.agent-editor__test-chat { width:100%; height:100%!important; border:0!important; border-radius:0!important; }
+.agent-editor__persona { padding:0; overflow:hidden; }
+.agent-editor__persona .agent-editor__section-head { padding:1rem; }
+.agent-editor__persona .agent-editor__error { padding:0 1rem; }
+.agent-editor__picker { position:relative; max-width:32rem; }
+.agent-editor__picker-results { position:absolute; z-index:20; top:100%; left:0; right:0; max-height:18rem; overflow:auto; margin-top:.2rem; padding:.3rem; border:1px solid var(--surface-border,var(--border)); border-radius:.55rem; background:var(--surface-card,var(--card)); box-shadow:0 8px 24px #0002; }
+.agent-editor__picker-results button { display:flex; flex-direction:column; gap:.1rem; width:100%; padding:.55rem .7rem; border:0; border-radius:.35rem; background:none; color:inherit; text-align:left; cursor:pointer; }
+.agent-editor__picker-results button:hover { background:var(--surface-hover,#f2f3f4); }
+.agent-editor__picker-results span { overflow:hidden; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; text-overflow:ellipsis; white-space:nowrap; }
+.agent-editor__picker-results p { padding:.5rem; }
+.agent-editor__cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(16rem,1fr)); gap:.8rem; }
+.agent-editor__linked-card { position:relative; display:flex; min-width:0; flex-direction:column; border:1px solid var(--surface-border,var(--border)); border-radius:.7rem; overflow:hidden; }
+.agent-editor__card-content { min-width:0; }
+.agent-editor__card-content>article { min-height:17rem; height:auto; }
+.agent-editor__linked-card>button { position:absolute; top:.3rem; right:.3rem; background:var(--surface-card,var(--card)); }
+.agent-editor__secret { padding:1rem; }
+.agent-editor__secret span { display:block; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; }
+.agent-editor__link-settings { padding:.55rem .75rem .7rem; border-top:1px solid var(--surface-border,var(--border)); background:var(--surface-ground,var(--background)); }
+.agent-editor__link-setting { display:flex; align-items:flex-start; gap:.55rem; cursor:pointer; }
+.agent-editor__link-setting input { width:1rem; height:1rem; flex:0 0 auto; margin:.12rem 0 0; accent-color:var(--primary-color,var(--primary)); }
+.agent-editor__link-setting>span { display:flex; flex-direction:column; gap:.12rem; }
+.agent-editor__link-setting strong { font-size:.76rem; }
+.agent-editor__link-setting small { color:var(--text-color-secondary,var(--muted-foreground)); font-size:.68rem; line-height:1.35; }
+.agent-editor__secret-env { display:flex; align-items:center; gap:.4rem; margin-top:.7rem; padding:.45rem .55rem; border:1px solid var(--surface-border,var(--border)); border-radius:.45rem; background:var(--surface-ground,var(--background)); }
+.agent-editor__secret-env>span { flex:0 0 auto; font-size:.68rem; font-weight:600; }
+.agent-editor__secret-env code { min-width:0; overflow:hidden; color:var(--text-color,var(--foreground)); font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
+.agent-editor__secret-env button { display:grid; width:1.8rem; height:1.8rem; flex:0 0 auto; place-items:center; margin-left:auto; border:0; border-radius:.35rem; color:var(--text-color-secondary,var(--muted-foreground)); background:transparent; cursor:pointer; }
+.agent-editor__secret-env button:hover { color:var(--primary-color,var(--primary)); background:color-mix(in srgb,var(--primary-color,var(--primary)) 8%,transparent); }
+.agent-editor__secret-dialog { display:flex; flex-direction:column; gap:.9rem; padding:.3rem 0; }
+.agent-editor__secret-dialog>p { margin:0; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.86rem; line-height:1.5; }
+.agent-editor__secret-dialog-actions { display:flex; justify-content:flex-end; gap:.5rem; }
+.agent-editor__role-group { display:flex; flex-wrap:wrap; gap:.7rem; border:1px solid var(--surface-border,var(--border)); border-radius:.55rem; }
+.agent-editor__role-group legend { padding:0 .3rem; font-weight:600; }
+.agent-editor__role-group label { display:flex; align-items:center; gap:.4rem; min-width:12rem; padding:.45rem .6rem; border-radius:.4rem; background:var(--surface-ground,var(--background)); }
+.agent-editor__related { display:grid; grid-template-columns:repeat(auto-fill,minmax(12rem,1fr)); gap:.7rem; }
+.agent-editor__related article { display:flex; flex-direction:column; gap:.3rem; padding:1rem; border:1px solid var(--surface-border,var(--border)); border-radius:.6rem; }
+.agent-editor__related span { color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; }
+.agent-process-view { display:grid; grid-template-columns:minmax(14rem,20%) minmax(0,1fr); height:min(72vh,56rem); min-height:min(34rem,calc(100vh - 18rem)); overflow:hidden; border:1px solid var(--surface-border,var(--border)); border-radius:.75rem; background:var(--surface-card,var(--card)); }
+.agent-process-view__processes { display:flex; min-width:0; min-height:0; flex-direction:column; overflow:hidden; border-right:1px solid var(--surface-border,var(--border)); background:var(--surface-ground,var(--background)); }
+.agent-process-view .agent-tool-editor__sessions { width:100%; height:100%; min-height:0; max-height:none; grid-template-columns:minmax(13rem,28%) minmax(0,1fr); border:0; border-radius:0; }
+.agent-process-view__empty { display:grid; place-items:center; padding:1rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; text-align:center; }
+@media(max-width:1100px) { .agent-process-view { grid-template-columns:minmax(11rem,22%) minmax(0,1fr); } .agent-process-view .agent-tool-editor__sessions { grid-template-columns:minmax(11rem,34%) minmax(0,1fr); } }
+@media(max-width:900px) { .agent-process-view { height:auto; min-height:0; grid-template-columns:minmax(0,1fr); } .agent-process-view__processes { max-height:18rem; border-right:0; border-bottom:1px solid var(--surface-border,var(--border)); } .agent-process-view .agent-tool-editor__sessions { min-height:38rem; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(24rem,1fr); } }
+@media(max-width:750px) { .agent-editor__grid { grid-template-columns:1fr; } .agent-editor__input-row { grid-template-columns:1fr 1fr 2.5rem; } .agent-editor__input-row select { grid-column:1 / 3; grid-row:2; } .agent-editor__input-row>button { grid-column:3; grid-row:1 / 3; } .agent-editor__workflow-stages { flex-direction:column; } .agent-editor__workflow-connector { width:2px; height:1rem; margin-left:1.65rem; } }
+@media(max-width:600px) { .agent-editor { padding:1rem; } .agent-editor__header { align-items:flex-start; flex-direction:column; } .agent-editor__actions { width:100%; } }
+
+.agent-editor__workflow-meta { display:flex; align-items:center; gap:.65rem; flex:0 0 auto; }
+.agent-editor__config-version { padding:.3rem .6rem; border:1px solid var(--surface-border,var(--border)); border-radius:999px; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.75rem; font-weight:600; white-space:nowrap; }

package/dist/routes/pages/admin/core/AgentRegistryEditorPage.d.ts

@@ -0,0 +1,3 @@
+import "./AgentRegistryEditorPage.css";
+export declare function AgentRegistryEditorPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentRegistryEditorPage.d.ts.map

package/dist/routes/pages/admin/core/AgentRegistryEditorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentRegistryEditorPage.tsx"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAC;AA0PvC,wBAAgB,uBAAuB,4CAwWtC"}