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

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

@@ -0,0 +1,702 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { createPortal } from "react-dom";
+import { ArrowLeft, ChevronDown, ExternalLink, FlaskConical, Pencil, Plus, RefreshCw, Trash2 } from "lucide-react";
+import { useDispatch } from "react-redux";
+import { useNavigate, useParams } from "react-router-dom";
+import { createSolidEntityApi } from "../../../../redux/api/solidEntityApi";
+import { useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
+import { showToast } from "../../../../redux/features/toastSlice";
+import { AgentRegistryAuditPanel } from "./AgentRegistryAuditPanel";
+import { AgentResourceCardWidget } from "../../../../components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget";
+import { AgentSessionsPanel } from "../../../../components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel";
+import { AgentProcessesPanel } from "../../../../components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel";
+import { SolidWorkflowStatusPill } from "../../../../components/core/form/SolidDraftPublishWorkflow";
+import { ALLOWED_MODELS_BY_PROVIDER } from "../../../../constants/allowed-ai-models";
+import { SolidButton, SolidCodeEditor, SolidDialog, SolidDialogBody, SolidIconPicker, SolidInput, SolidTabGroup } from "../../../../components/shad-cn-ui";
+import { SolidAgentEmbedded } from "../../../../components/core/solid-agent/SolidAgentEmbedded";
+import { AgentEmbeddingPanel } from "../../../../components/core/solid-agent/embed/AgentEmbeddingPanel";
+import "./AgentRegistryEditorPage.css";
+var PROVIDER_LABELS = {
+    anthropic: "Anthropic",
+    openai: "OpenAI",
+    openrouter: "OpenRouter",
+};
+function ModelPicker(_a) {
+    var value = _a.value, options = _a.options, placeholder = _a.placeholder, onChange = _a.onChange;
+    var rootRef = React.useRef(null);
+    var menuRef = React.useRef(null);
+    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
+    var _c = React.useState(""), query = _c[0], setQuery = _c[1];
+    var _d = React.useState(0), activeIndex = _d[0], setActiveIndex = _d[1];
+    var _e = React.useState({}), menuStyle = _e[0], setMenuStyle = _e[1];
+    var selected = options.find(function (option) { return option.value === value; });
+    var filtered = options.filter(function (option) {
+        return "".concat(PROVIDER_LABELS[option.provider], " ").concat(option.model).toLowerCase().includes(query.trim().toLowerCase());
+    });
+    var groups = Object.keys(ALLOWED_MODELS_BY_PROVIDER)
+        .map(function (provider) { return ({ provider: provider, options: filtered.filter(function (option) { return option.provider === provider; }) }); })
+        .filter(function (group) { return group.options.length > 0; });
+    React.useEffect(function () {
+        if (!open)
+            return;
+        var positionMenu = function () {
+            var _a;
+            var bounds = (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            if (!bounds)
+                return;
+            var gap = 6;
+            var maxMenuHeight = Math.min(288, window.innerHeight - 24);
+            var spaceBelow = window.innerHeight - bounds.bottom - gap - 12;
+            var spaceAbove = bounds.top - gap - 12;
+            var openAbove = spaceBelow < Math.min(220, maxMenuHeight) && spaceAbove > spaceBelow;
+            var availableHeight = Math.max(120, Math.min(maxMenuHeight, openAbove ? spaceAbove : spaceBelow));
+            setMenuStyle(__assign({ position: "fixed", left: bounds.left, width: bounds.width, maxHeight: availableHeight }, (openAbove
+                ? { bottom: window.innerHeight - bounds.top + gap }
+                : { top: bounds.bottom + gap })));
+        };
+        positionMenu();
+        window.addEventListener("resize", positionMenu);
+        window.addEventListener("scroll", positionMenu, true);
+        var handleOutsideClick = function (event) {
+            var _a, _b;
+            var target = event.target;
+            if (!((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) && !((_b = menuRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)))
+                setOpen(false);
+        };
+        document.addEventListener("mousedown", handleOutsideClick);
+        return function () {
+            window.removeEventListener("resize", positionMenu);
+            window.removeEventListener("scroll", positionMenu, true);
+            document.removeEventListener("mousedown", handleOutsideClick);
+        };
+    }, [open]);
+    var choose = function (option) {
+        onChange(option.value);
+        setQuery("");
+        setOpen(false);
+    };
+    var flatIndex = -1;
+    return _jsxs("div", { className: "agent-editor__model-picker", ref: rootRef, children: [_jsxs("div", { className: "agent-editor__model-control", children: [_jsx("input", { role: "combobox", "aria-expanded": open, "aria-autocomplete": "list", "aria-label": placeholder, placeholder: selected ? "".concat(PROVIDER_LABELS[selected.provider], " / ").concat(selected.model) : value || placeholder, value: open ? query : "", onFocus: function () { setQuery(""); setActiveIndex(0); setOpen(true); }, onChange: function (event) { setQuery(event.target.value); setActiveIndex(0); setOpen(true); }, onKeyDown: function (event) {
+                            if (event.key === "Escape") {
+                                setOpen(false);
+                                setQuery("");
+                            }
+                            if (event.key === "ArrowDown") {
+                                event.preventDefault();
+                                setOpen(true);
+                                setActiveIndex(function (index) { return Math.min(index + 1, filtered.length - 1); });
+                            }
+                            if (event.key === "ArrowUp") {
+                                event.preventDefault();
+                                setActiveIndex(function (index) { return Math.max(index - 1, 0); });
+                            }
+                            if (event.key === "Enter" && open && filtered[activeIndex]) {
+                                event.preventDefault();
+                                choose(filtered[activeIndex]);
+                            }
+                        } }), _jsx("button", { type: "button", "aria-label": open ? "Close model options" : "Show model options", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { setOpen(function (current) { return !current; }); setQuery(""); }, children: _jsx(ChevronDown, { size: 16 }) })] }), open && createPortal(_jsx("div", { ref: menuRef, className: "agent-editor__model-menu", style: menuStyle, role: "listbox", children: !groups.length ? _jsx("div", { className: "agent-editor__model-empty", children: options.length ? "No matching models." : "No enabled providers. Add an API key in AI Settings." })
+                    : groups.map(function (group) { return _jsxs("section", { className: "agent-editor__model-group", children: [_jsx("h3", { children: PROVIDER_LABELS[group.provider] }), group.options.map(function (option) {
+                                flatIndex += 1;
+                                var index = flatIndex;
+                                return _jsxs("button", { type: "button", role: "option", "aria-selected": option.value === value, className: "agent-editor__model-option".concat(index === activeIndex ? " is-active" : ""), onMouseDown: function (event) { return event.preventDefault(); }, onMouseEnter: function () { return setActiveIndex(index); }, onClick: function () { return choose(option); }, children: [_jsx("span", { children: option.model }), _jsxs("small", { children: [option.provider, ":", option.model] })] }, option.value);
+                            })] }, group.provider); }) }), document.body)] });
+}
+var entityApi = createSolidEntityApi("agentRegistry");
+var skillApi = createSolidEntityApi("agentSkillRegistry");
+var toolApi = createSolidEntityApi("agentToolRegistry");
+var roleApi = createSolidEntityApi("roleMetadata");
+var secretApi = createSolidEntityApi("secret");
+var agentSkillApi = createSolidEntityApi("agentSkill");
+var agentToolApi = createSolidEntityApi("agentTool");
+var agentRoleApi = createSolidEntityApi("agentRole");
+var agentSecretApi = createSolidEntityApi("agentSecret");
+var jobApi = createSolidEntityApi("agentJob");
+var skillFields = ["id", "name", "iconName", "description", "tags"];
+var toolFields = __spreadArray(__spreadArray([], skillFields, true), ["type", "status", "lastLoadError"], false);
+function fieldsQuery(fields) {
+    return fields.map(function (name) { return "fields=".concat(encodeURIComponent(name)); }).join("&");
+}
+var detailFields = [
+    "id", "name", "title", "description", "iconName", "systemPrompt", "requiredInputs",
+    "reasoningModelKey", "fastModelKey", "status", "stepLimit", "turnStepLimit", "costLimit", "configVersion",
+];
+var detailQuery = [
+    "agentRoles", "agentRoles.roleMetadata", "agentSecrets", "agentSecrets.secret",
+].map(function (name, index) { return "populate[".concat(index, "]=").concat(name); }).join("&") + "&" + fieldsQuery(detailFields);
+// Group by link ID to project summary columns without populating full registry records.
+function resourceLinksQuery(id, relation, registry, setting, fields) {
+    return __spreadArray([
+        "filters[id][$eq]=".concat(encodeURIComponent(id)),
+        "groupBy[0]=".concat(relation, ".id"),
+        "groupBy[1]=".concat(relation, ".").concat(setting)
+    ], fields.map(function (field, index) { return "aggregates[".concat(index, "]=").concat(relation, ".").concat(registry, ".").concat(field, ":max"); }), true).join("&");
+}
+function resourceLinksFrom(result, relation, registry, setting, fields) {
+    return items(result === null || result === void 0 ? void 0 : result.groupMeta).flatMap(function (group) {
+        var _a;
+        var _b;
+        var _c = String((_b = group.groupValue) !== null && _b !== void 0 ? _b : "").split("_"), linkId = _c[0], enabled = _c[1];
+        var resource = Object.fromEntries(fields.map(function (field) { return [field, group["".concat(relation, "_").concat(registry, "_").concat(field, "_max")]]; }));
+        if (!Number(linkId) || !Number(resource.id))
+            return [];
+        return [(_a = { id: Number(linkId) }, _a[registry] = __assign(__assign({}, resource), { id: Number(resource.id) }), _a[setting] = enabled === "true" || enabled === "1", _a)];
+    });
+}
+function recordFrom(value) {
+    var result = value;
+    for (var i = 0; i < 3 && result && typeof result === "object"; i += 1) {
+        if ("id" in result || "name" in result)
+            return result;
+        result = result.data;
+    }
+    return undefined;
+}
+function items(value) { return Array.isArray(value) ? value : value ? [value] : []; }
+function agentFormFromRecord(record) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var skills = items(record.agentSkills);
+    var tools = items(record.agentTools);
+    var secrets = items(record.agentSecrets);
+    return {
+        name: (_a = record.name) !== null && _a !== void 0 ? _a : "", title: (_b = record.title) !== null && _b !== void 0 ? _b : "", description: (_c = record.description) !== null && _c !== void 0 ? _c : "", iconName: (_d = record.iconName) !== null && _d !== void 0 ? _d : "",
+        inputs: parseInputs(record.requiredInputs), reasoningModelKey: (_e = record.reasoningModelKey) !== null && _e !== void 0 ? _e : "", fastModelKey: (_f = record.fastModelKey) !== null && _f !== void 0 ? _f : "",
+        systemPrompt: (_g = record.systemPrompt) !== null && _g !== void 0 ? _g : "", stepLimit: (_h = record.stepLimit) !== null && _h !== void 0 ? _h : 100, turnStepLimit: (_j = record.turnStepLimit) !== null && _j !== void 0 ? _j : 20,
+        costLimit: Number((_k = record.costLimit) !== null && _k !== void 0 ? _k : 3), skillIds: skills.map(function (link) { var _a; return (_a = link.agentSkillRegistry) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean),
+        toolIds: tools.map(function (link) { var _a; return (_a = link.agentToolRegistry) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean),
+        roleIds: items(record.agentRoles).map(function (link) { var _a; return (_a = link.roleMetadata) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean),
+        secretIds: secrets.map(function (link) { var _a; return (_a = link.secret) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean),
+        alwaysIncludeValues: Object.fromEntries(skills.map(function (link) { var _a; return [(_a = link.agentSkillRegistry) === null || _a === void 0 ? void 0 : _a.id, link.alwaysInclude !== false]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })),
+        requiresApprovalValues: Object.fromEntries(tools.map(function (link) { var _a; return [(_a = link.agentToolRegistry) === null || _a === void 0 ? void 0 : _a.id, link.requiresApproval === true]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })),
+        secretEnvVarNames: Object.fromEntries(secrets.map(function (link) { var _a, _b, _c, _d, _e, _f; return [(_a = link.secret) === null || _a === void 0 ? void 0 : _a.id, (_f = (_d = (_b = link.envVarName) !== null && _b !== void 0 ? _b : (_c = link.secret) === null || _c === void 0 ? void 0 : _c.key) !== null && _d !== void 0 ? _d : (_e = link.secret) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : ""]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })),
+    };
+}
+function parseInputs(value) {
+    try {
+        var parsed = typeof value === "string" ? JSON.parse(value) : value;
+        if (Array.isArray(parsed))
+            return parsed.map(function (input) {
+                var _a, _b, _c, _d, _e;
+                return ({
+                    name: String((_b = (_a = input.name) !== null && _a !== void 0 ? _a : input.variableName) !== null && _b !== void 0 ? _b : ""), description: String((_c = input.description) !== null && _c !== void 0 ? _c : ""),
+                    dataType: String((_e = (_d = input.dataType) !== null && _d !== void 0 ? _d : input.type) !== null && _e !== void 0 ? _e : "string"),
+                });
+            });
+        // Existing agent definitions may use a name-keyed object.
+        if (parsed && typeof parsed === "object")
+            return Object.entries(parsed).map(function (_a) {
+                var _b, _c, _d;
+                var name = _a[0], definition = _a[1];
+                return ({
+                    name: name,
+                    description: String((_b = definition === null || definition === void 0 ? void 0 : definition.description) !== null && _b !== void 0 ? _b : ""),
+                    dataType: String((_d = (_c = definition === null || definition === void 0 ? void 0 : definition.dataType) !== null && _c !== void 0 ? _c : definition === null || definition === void 0 ? void 0 : definition.type) !== null && _d !== void 0 ? _d : "string"),
+                });
+            });
+    }
+    catch ( /* Keep malformed historical values from crashing the editor. */_a) { /* Keep malformed historical values from crashing the editor. */ }
+    return [];
+}
+function apiError(error) {
+    var _a, _b, _c, _d, _e;
+    var value = (_e = (_c = (_b = (_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : (_d = error === null || error === void 0 ? void 0 : error.data) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : error === null || error === void 0 ? void 0 : error.message;
+    return Array.isArray(value) ? value.join("; ") : typeof value === "string" ? value : "The save failed.";
+}
+function useCatalog(api, query) {
+    if (query === void 0) { query = "offset=0&limit=1000"; }
+    var _a = api.useGetSolidEntitiesQuery(query), data = _a.data, isLoading = _a.isLoading, refetch = _a.refetch;
+    return { records: items(data === null || data === void 0 ? void 0 : data.records), isLoading: isLoading, refetch: refetch };
+}
+function LinkPicker(_a) {
+    var label = _a.label, description = _a.description, options = _a.options, selected = _a.selected, onAdd = _a.onAdd, onRemove = _a.onRemove, createUrl = _a.createUrl, render = _a.render, renderSettings = _a.renderSettings, linkFor = _a.linkFor;
+    var _b = React.useState(""), search = _b[0], setSearch = _b[1];
+    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var available = options.filter(function (item) {
+        var _a, _b, _c, _d;
+        return !selected.some(function (selectedItem) { return selectedItem.id === item.id; })
+            && "".concat((_c = (_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.displayName) !== null && _b !== void 0 ? _b : item.key) !== null && _c !== void 0 ? _c : "", " ").concat((_d = item.description) !== null && _d !== void 0 ? _d : "").toLowerCase().includes(search.toLowerCase());
+    }).slice(0, 20);
+    return _jsxs("section", { className: "agent-editor__section", children: [_jsxs("div", { className: "agent-editor__section-head", children: [_jsxs("div", { children: [_jsx("h2", { children: label }), _jsx("p", { children: description })] }), createUrl && _jsxs("a", { href: createUrl, target: "_blank", rel: "noopener noreferrer", className: "agent-editor__new-link", children: ["Create ", label === "Skills" ? "skill" : "tool", " ", _jsx(ExternalLink, { size: 14 })] })] }), _jsxs("div", { className: "agent-editor__picker", children: [_jsx(SolidInput, { value: search, placeholder: "Search and add ".concat(label.toLowerCase(), "\u2026"), "aria-label": "Search ".concat(label.toLowerCase()), onFocus: function () { return setOpen(true); }, onChange: function (event) { setSearch(event.target.value); setOpen(true); } }), open && _jsx("div", { className: "agent-editor__picker-results", children: available.length ? available.map(function (item) {
+                            var _a, _b;
+                            return _jsxs("button", { type: "button", onClick: function () { onAdd(item.id); setSearch(""); setOpen(false); }, children: [_jsx("strong", { children: (_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.displayName) !== null && _b !== void 0 ? _b : item.key }), _jsx("span", { children: item.description })] }, item.id);
+                        }) : _jsxs("p", { children: ["No available ", label.toLowerCase(), " found."] }) })] }), selected.length ? _jsx("div", { className: "agent-editor__cards", children: selected.map(function (item) {
+                    var _a, _b;
+                    return _jsxs("div", { className: "agent-editor__linked-card", children: [_jsx("div", { className: "agent-editor__card-content", children: render(item, linkFor === null || linkFor === void 0 ? void 0 : linkFor(item.id)) }), renderSettings === null || renderSettings === void 0 ? void 0 : renderSettings(item, linkFor === null || linkFor === void 0 ? void 0 : linkFor(item.id)), _jsx("button", { type: "button", "aria-label": "Remove ".concat((_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.displayName) !== null && _b !== void 0 ? _b : item.key), onClick: function () { return onRemove(item.id); }, children: _jsx(Trash2, { size: 16 }) })] }, item.id);
+                }) }) : _jsxs("div", { className: "agent-editor__empty", children: ["No ", label.toLowerCase(), " linked yet."] })] });
+}
+export function AgentRegistryEditorPage() {
+    var _this = this;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _l = useParams().id, id = _l === void 0 ? "new" : _l;
+    var navigate = useNavigate();
+    var dispatch = useDispatch();
+    var agentResult = entityApi.useGetSolidEntityByIdQuery({ id: id, qs: detailQuery }, { skip: id === "new" });
+    var skillLinks = entityApi.useGetSolidEntitiesQuery(resourceLinksQuery(id, "agentSkills", "agentSkillRegistry", "alwaysInclude", skillFields), { skip: id === "new" });
+    var toolLinks = entityApi.useGetSolidEntitiesQuery(resourceLinksQuery(id, "agentTools", "agentToolRegistry", "requiresApproval", toolFields), { skip: id === "new" });
+    var isLoading = agentResult.isLoading || skillLinks.isLoading || toolLinks.isLoading;
+    var isFetching = agentResult.isFetching || skillLinks.isFetching || toolLinks.isFetching;
+    var isError = agentResult.isError || skillLinks.isError || toolLinks.isError;
+    var response = React.useMemo(function () {
+        var agent = recordFrom(agentResult.currentData);
+        if (!agent || !skillLinks.currentData || !toolLinks.currentData)
+            return undefined;
+        return __assign(__assign({}, agent), { agentSkills: resourceLinksFrom(skillLinks.currentData, "agentSkills", "agentSkillRegistry", "alwaysInclude", skillFields), agentTools: resourceLinksFrom(toolLinks.currentData, "agentTools", "agentToolRegistry", "requiresApproval", toolFields) });
+    }, [agentResult.currentData, skillLinks.currentData, toolLinks.currentData]);
+    var _m = useGetSolidSettingsQuery(undefined), settings = _m.data, settingsError = _m.isError;
+    var skills = useCatalog(skillApi, "offset=0&limit=1000&".concat(fieldsQuery(skillFields)));
+    var tools = useCatalog(toolApi, "offset=0&limit=1000&".concat(fieldsQuery(toolFields)));
+    var roles = useCatalog(roleApi, "offset=0&limit=1000&populate[0]=module");
+    var secrets = useCatalog(secretApi, "offset=0&limit=1000&fields[0]=id&fields[1]=key&fields[2]=displayName&fields[3]=description");
+    var _o = entityApi.useCreateSolidEntityMutation(), createAgent = _o[0], creating = _o[1].isLoading;
+    var _p = entityApi.useUpdateSolidEntityMutation(), updateAgent = _p[0], updating = _p[1].isLoading;
+    var createSkillLink = agentSkillApi.useCreateSolidEntityMutation()[0];
+    var deleteSkillLink = agentSkillApi.useDeleteSolidEntityMutation()[0];
+    var updateSkillLink = agentSkillApi.useUpdateSolidEntityMutation()[0];
+    var createToolLink = agentToolApi.useCreateSolidEntityMutation()[0];
+    var deleteToolLink = agentToolApi.useDeleteSolidEntityMutation()[0];
+    var updateToolLink = agentToolApi.useUpdateSolidEntityMutation()[0];
+    var createRoleLink = agentRoleApi.useCreateSolidEntityMutation()[0];
+    var deleteRoleLink = agentRoleApi.useDeleteSolidEntityMutation()[0];
+    var createSecretLink = agentSecretApi.useCreateSolidEntityMutation()[0];
+    var deleteSecretLink = agentSecretApi.useDeleteSolidEntityMutation()[0];
+    var updateSecretLink = agentSecretApi.useUpdateSolidEntityMutation()[0];
+    var record = recordFrom(response);
+    var _q = React.useState("basics"), tab = _q[0], setTab = _q[1];
+    var jobs = jobApi.useGetSolidEntitiesQuery("offset=0&limit=1000&filters[agent][id][$eq]=".concat(encodeURIComponent(id), "&").concat(fieldsQuery(["id", "status"])), { skip: id === "new" || tab !== "jobs" });
+    var refetch = function () {
+        void agentResult.refetch();
+        void skillLinks.refetch();
+        void toolLinks.refetch();
+        if (tab === "jobs")
+            void jobs.refetch();
+    };
+    var _r = React.useState(false), testAgentOpen = _r[0], setTestAgentOpen = _r[1];
+    var _s = React.useState("maximized"), testAgentWindowMode = _s[0], setTestAgentWindowMode = _s[1];
+    var _t = React.useState(""), name = _t[0], setName = _t[1];
+    var _u = React.useState(""), title = _u[0], setTitle = _u[1];
+    var _v = React.useState(""), description = _v[0], setDescription = _v[1];
+    var _w = React.useState(""), iconName = _w[0], setIconName = _w[1];
+    var _x = React.useState([]), inputs = _x[0], setInputs = _x[1];
+    var _y = React.useState(""), reasoningModelKey = _y[0], setReasoningModelKey = _y[1];
+    var _z = React.useState(""), fastModelKey = _z[0], setFastModelKey = _z[1];
+    var _0 = React.useState(""), systemPrompt = _0[0], setSystemPrompt = _0[1];
+    var _1 = React.useState(100), stepLimit = _1[0], setStepLimit = _1[1];
+    var _2 = React.useState(20), turnStepLimit = _2[0], setTurnStepLimit = _2[1];
+    var _3 = React.useState(3), costLimit = _3[0], setCostLimit = _3[1];
+    var _4 = React.useState([]), skillIds = _4[0], setSkillIds = _4[1];
+    var _5 = React.useState([]), toolIds = _5[0], setToolIds = _5[1];
+    var _6 = React.useState([]), roleIds = _6[0], setRoleIds = _6[1];
+    var _7 = React.useState([]), secretIds = _7[0], setSecretIds = _7[1];
+    var _8 = React.useState({}), alwaysIncludeValues = _8[0], setAlwaysIncludeValues = _8[1];
+    var _9 = React.useState({}), requiresApprovalValues = _9[0], setRequiresApprovalValues = _9[1];
+    var _10 = React.useState({}), secretEnvVarNames = _10[0], setSecretEnvVarNames = _10[1];
+    var _11 = React.useState(null), pendingSecret = _11[0], setPendingSecret = _11[1];
+    var _12 = React.useState(""), secretEnvVarDraft = _12[0], setSecretEnvVarDraft = _12[1];
+    var _13 = React.useState(""), secretEnvVarError = _13[0], setSecretEnvVarError = _13[1];
+    var _14 = React.useState({}), errors = _14[0], setErrors = _14[1];
+    var _15 = React.useState(0), auditVersion = _15[0], setAuditVersion = _15[1];
+    var _16 = React.useState(false), confirmRefresh = _16[0], setConfirmRefresh = _16[1];
+    var baseline = React.useRef("");
+    var currentForm = function () { return JSON.stringify({ name: name, title: title, description: description, iconName: iconName, inputs: inputs, reasoningModelKey: reasoningModelKey, fastModelKey: fastModelKey, systemPrompt: systemPrompt, stepLimit: Number(stepLimit), turnStepLimit: Number(turnStepLimit), costLimit: Number(costLimit), skillIds: skillIds, toolIds: toolIds, roleIds: roleIds, secretIds: secretIds, alwaysIncludeValues: alwaysIncludeValues, requiresApprovalValues: requiresApprovalValues, secretEnvVarNames: secretEnvVarNames }); };
+    React.useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        if (!record)
+            return;
+        baseline.current = JSON.stringify(agentFormFromRecord(record));
+        setName((_a = record.name) !== null && _a !== void 0 ? _a : "");
+        setTitle((_b = record.title) !== null && _b !== void 0 ? _b : "");
+        setDescription((_c = record.description) !== null && _c !== void 0 ? _c : "");
+        setIconName((_d = record.iconName) !== null && _d !== void 0 ? _d : "");
+        setInputs(parseInputs(record.requiredInputs));
+        setReasoningModelKey((_e = record.reasoningModelKey) !== null && _e !== void 0 ? _e : "");
+        setFastModelKey((_f = record.fastModelKey) !== null && _f !== void 0 ? _f : "");
+        setSystemPrompt((_g = record.systemPrompt) !== null && _g !== void 0 ? _g : "");
+        setStepLimit((_h = record.stepLimit) !== null && _h !== void 0 ? _h : 100);
+        setTurnStepLimit((_j = record.turnStepLimit) !== null && _j !== void 0 ? _j : 20);
+        setCostLimit(Number((_k = record.costLimit) !== null && _k !== void 0 ? _k : 3));
+        setSkillIds(items(record.agentSkills).map(function (link) { var _a; return (_a = link.agentSkillRegistry) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean));
+        setToolIds(items(record.agentTools).map(function (link) { var _a; return (_a = link.agentToolRegistry) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean));
+        setRoleIds(items(record.agentRoles).map(function (link) { var _a; return (_a = link.roleMetadata) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean));
+        setSecretIds(items(record.agentSecrets).map(function (link) { var _a; return (_a = link.secret) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean));
+        setAlwaysIncludeValues(Object.fromEntries(items(record.agentSkills).map(function (link) { var _a; return [(_a = link.agentSkillRegistry) === null || _a === void 0 ? void 0 : _a.id, link.alwaysInclude !== false]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })));
+        setRequiresApprovalValues(Object.fromEntries(items(record.agentTools).map(function (link) { var _a; return [(_a = link.agentToolRegistry) === null || _a === void 0 ? void 0 : _a.id, link.requiresApproval === true]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })));
+        setSecretEnvVarNames(Object.fromEntries(items(record.agentSecrets).map(function (link) { var _a, _b, _c, _d, _e, _f; return [(_a = link.secret) === null || _a === void 0 ? void 0 : _a.id, (_f = (_d = (_b = link.envVarName) !== null && _b !== void 0 ? _b : (_c = link.secret) === null || _c === void 0 ? void 0 : _c.key) !== null && _d !== void 0 ? _d : (_e = link.secret) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : ""]; }).filter(function (_a) {
+            var key = _a[0];
+            return key;
+        })));
+    }, [record === null || record === void 0 ? void 0 : record.id, response]);
+    var isDirty = Boolean(record === null || record === void 0 ? void 0 : record.id) && currentForm() !== baseline.current;
+    var requestRefresh = function () { return isDirty ? setConfirmRefresh(true) : void refetch(); };
+    var openAgentTest = function () {
+        setTestAgentWindowMode("maximized");
+        setTestAgentOpen(true);
+    };
+    React.useEffect(function () {
+        var refresh = function () { skills.refetch(); tools.refetch(); };
+        window.addEventListener("focus", refresh);
+        return function () { return window.removeEventListener("focus", refresh); };
+    }, [skills.refetch, tools.refetch]);
+    var configValue = getSettingsMap(settings).solidXGenAiCodeBuilderConfig;
+    var enabledProviders = {};
+    try {
+        var config = typeof configValue === "string" ? JSON.parse(configValue) : configValue;
+        enabledProviders = (_a = config === null || config === void 0 ? void 0 : config.providers) !== null && _a !== void 0 ? _a : {};
+    }
+    catch ( /* Invalid configuration has no enabled providers. */_17) { /* Invalid configuration has no enabled providers. */ }
+    var modelOptions = Object.keys(ALLOWED_MODELS_BY_PROVIDER)
+        .filter(function (provider) { var _a; return typeof ((_a = enabledProviders[provider]) === null || _a === void 0 ? void 0 : _a.apiKey) === "string" && enabledProviders[provider].apiKey.trim().length > 0; })
+        .flatMap(function (provider) { return ALLOWED_MODELS_BY_PROVIDER[provider].map(function (model) { return ({
+        provider: provider,
+        model: model,
+        value: "".concat(provider, ":").concat(model),
+    }); }); });
+    var toggle = function (setter, value) {
+        return setter(function (current) { return current.includes(value) ? current.filter(function (id) { return id !== value; }) : __spreadArray(__spreadArray([], current, true), [value], false); });
+    };
+    var syncLinks = function (agentId, previous, selected, field, create, remove, update, extra) {
+        if (extra === void 0) { extra = {}; }
+        return __awaiter(_this, void 0, void 0, function () {
+            var links, oldIds, _i, links_1, link, _loop_1, _a, selected_1, targetId;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        links = items(previous);
+                        oldIds = links.map(function (link) { var _a; return (_a = link[field]) === null || _a === void 0 ? void 0 : _a.id; }).filter(Boolean);
+                        _i = 0, links_1 = links;
+                        _c.label = 1;
+                    case 1:
+                        if (!(_i < links_1.length)) return [3 /*break*/, 4];
+                        link = links_1[_i];
+                        if (!!selected.includes((_b = link[field]) === null || _b === void 0 ? void 0 : _b.id)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, remove(link.id).unwrap()];
+                    case 2:
+                        _c.sent();
+                        _c.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4:
+                        _loop_1 = function (targetId) {
+                            var values, existing;
+                            var _d;
+                            return __generator(this, function (_e) {
+                                switch (_e.label) {
+                                    case 0:
+                                        values = typeof extra === "function" ? extra(targetId) : extra;
+                                        if (!!oldIds.includes(targetId)) return [3 /*break*/, 2];
+                                        return [4 /*yield*/, create(__assign((_d = { agentRegistryId: agentId }, _d["".concat(field, "Id")] = targetId, _d), values)).unwrap()];
+                                    case 1:
+                                        _e.sent();
+                                        return [2 /*return*/, "continue"];
+                                    case 2:
+                                        existing = links.find(function (link) { var _a; return ((_a = link[field]) === null || _a === void 0 ? void 0 : _a.id) === targetId; });
+                                        if (!(existing && Object.entries(values).some(function (_a) {
+                                            var key = _a[0], value = _a[1];
+                                            return existing[key] !== value;
+                                        }))) return [3 /*break*/, 4];
+                                        return [4 /*yield*/, update({ id: existing.id, data: values }).unwrap()];
+                                    case 3:
+                                        _e.sent();
+                                        _e.label = 4;
+                                    case 4: return [2 /*return*/];
+                                }
+                            });
+                        };
+                        _a = 0, selected_1 = selected;
+                        _c.label = 5;
+                    case 5:
+                        if (!(_a < selected_1.length)) return [3 /*break*/, 8];
+                        targetId = selected_1[_a];
+                        return [5 /*yield**/, _loop_1(targetId)];
+                    case 6:
+                        _c.sent();
+                        _c.label = 7;
+                    case 7:
+                        _a++;
+                        return [3 /*break*/, 5];
+                    case 8: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var save = function (nextStatus) { return __awaiter(_this, void 0, void 0, function () {
+        var next, payload, newlyCreatedId, scalarSaved, result, _a, savedId, error_1;
+        var _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    next = {};
+                    if (!name.trim())
+                        next.name = "Name is required.";
+                    if (!title.trim())
+                        next.title = "Title is required.";
+                    if (!systemPrompt.trim())
+                        next.systemPrompt = "Persona instructions are required.";
+                    if (!modelOptions.some(function (option) { return option.value === reasoningModelKey; }))
+                        next.reasoningModelKey = "Choose an enabled reasoning provider and model.";
+                    if (!modelOptions.some(function (option) { return option.value === fastModelKey; }))
+                        next.fastModelKey = "Choose an enabled fast provider and model.";
+                    if (inputs.some(function (input) { return !input.name.trim() || !input.dataType; }))
+                        next.inputs = "Each input needs a name and data type.";
+                    if (new Set(inputs.map(function (input) { return input.name.trim().toLowerCase(); })).size !== inputs.length)
+                        next.inputs = "Input names must be unique.";
+                    if (stepLimit < 1 || turnStepLimit < 1 || costLimit < 0)
+                        next.limits = "Step limits must be positive and cost limit cannot be negative.";
+                    setErrors(next);
+                    if (Object.keys(next).length) {
+                        setTab(next.systemPrompt ? "persona" : next.limits ? "policies" : "basics");
+                        dispatch(showToast({ severity: "error", summary: "Missing information", detail: Object.values(next).join(" ") }));
+                        return [2 /*return*/];
+                    }
+                    payload = {
+                        name: name.trim(), title: title.trim(), description: description.trim(),
+                        iconName: iconName,
+                        requiredInputs: JSON.stringify(inputs.map(function (input) { return (__assign(__assign({}, input), { name: input.name.trim(), description: input.description.trim() })); })),
+                        reasoningModelKey: reasoningModelKey,
+                        fastModelKey: fastModelKey,
+                        systemPrompt: systemPrompt,
+                        stepLimit: Number(stepLimit),
+                        turnStepLimit: Number(turnStepLimit), costLimit: Number(costLimit),
+                        status: (_b = nextStatus !== null && nextStatus !== void 0 ? nextStatus : record === null || record === void 0 ? void 0 : record.status) !== null && _b !== void 0 ? _b : "draft",
+                    };
+                    scalarSaved = false;
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 10, , 11]);
+                    if (!(record === null || record === void 0 ? void 0 : record.id)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, updateAgent({ id: record.id, data: payload }).unwrap()];
+                case 2:
+                    _a = _e.sent();
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, createAgent(payload).unwrap()];
+                case 4:
+                    _a = _e.sent();
+                    _e.label = 5;
+                case 5:
+                    result = _a;
+                    scalarSaved = true;
+                    savedId = Number((_c = record === null || record === void 0 ? void 0 : record.id) !== null && _c !== void 0 ? _c : (_d = recordFrom(result)) === null || _d === void 0 ? void 0 : _d.id);
+                    if (!savedId)
+                        throw new Error("Agent saved, but its ID was not returned.");
+                    if (!(record === null || record === void 0 ? void 0 : record.id))
+                        newlyCreatedId = savedId;
+                    return [4 /*yield*/, syncLinks(savedId, record === null || record === void 0 ? void 0 : record.agentSkills, skillIds, "agentSkillRegistry", createSkillLink, deleteSkillLink, updateSkillLink, function (targetId) { var _a; return ({ alwaysInclude: (_a = alwaysIncludeValues[targetId]) !== null && _a !== void 0 ? _a : true }); })];
+                case 6:
+                    _e.sent();
+                    return [4 /*yield*/, syncLinks(savedId, record === null || record === void 0 ? void 0 : record.agentTools, toolIds, "agentToolRegistry", createToolLink, deleteToolLink, updateToolLink, function (targetId) { var _a; return ({ requiresApproval: (_a = requiresApprovalValues[targetId]) !== null && _a !== void 0 ? _a : false }); })];
+                case 7:
+                    _e.sent();
+                    return [4 /*yield*/, syncLinks(savedId, record === null || record === void 0 ? void 0 : record.agentRoles, roleIds, "roleMetadata", createRoleLink, deleteRoleLink, undefined)];
+                case 8:
+                    _e.sent();
+                    return [4 /*yield*/, syncLinks(savedId, record === null || record === void 0 ? void 0 : record.agentSecrets, secretIds, "secret", createSecretLink, deleteSecretLink, updateSecretLink, function (targetId) { var _a; return ({ envVarName: (_a = secretEnvVarNames[targetId]) !== null && _a !== void 0 ? _a : "" }); })];
+                case 9:
+                    _e.sent();
+                    dispatch(showToast({ severity: "success", summary: nextStatus ? "Agent status updated" : "Saved", detail: nextStatus ? "Agent moved to ".concat(nextStatus, ".") : "Agent and its associations saved." }));
+                    setAuditVersion(function (version) { return version + 1; });
+                    if (record === null || record === void 0 ? void 0 : record.id)
+                        refetch();
+                    else
+                        navigate("/admin/core/solid-core/agent-registry/editor/".concat(savedId), { replace: true });
+                    return [3 /*break*/, 11];
+                case 10:
+                    error_1 = _e.sent();
+                    dispatch(showToast({ severity: "error", summary: scalarSaved ? "Agent saved; links incomplete" : "Save failed", detail: apiError(error_1) }));
+                    if (record === null || record === void 0 ? void 0 : record.id)
+                        refetch();
+                    else if (newlyCreatedId)
+                        navigate("/admin/core/solid-core/agent-registry/editor/".concat(newlyCreatedId), { replace: true });
+                    return [3 /*break*/, 11];
+                case 11: return [2 /*return*/];
+            }
+        });
+    }); };
+    var field = function (label, value, setValue, key, required) {
+        if (required === void 0) { required = false; }
+        return _jsxs("label", { className: "agent-editor__field", children: [_jsxs("span", { children: [label, required && " *"] }), _jsx(SolidInput, { value: value, "aria-invalid": Boolean(errors[key]), onChange: function (event) { setValue(event.target.value); setErrors(function (current) {
+                        var _a;
+                        return (__assign(__assign({}, current), (_a = {}, _a[key] = "", _a)));
+                    }); } }), errors[key] && _jsx("small", { className: "agent-editor__error", children: errors[key] })] });
+    };
+    var linked = function (ids, catalog, fallback) {
+        if (fallback === void 0) { fallback = []; }
+        return ids.map(function (id) { var _a; return (_a = catalog.find(function (item) { return item.id === id; })) !== null && _a !== void 0 ? _a : fallback.find(function (item) { return item.id === id; }); }).filter(function (item) { return Boolean(item); });
+    };
+    var groups = roles.records.reduce(function (acc, role) {
+        var _a, _b, _c;
+        var key = (_b = (_a = role.module) === null || _a === void 0 ? void 0 : _a.displayName) !== null && _b !== void 0 ? _b : "Default";
+        ((_c = acc[key]) !== null && _c !== void 0 ? _c : (acc[key] = [])).push(role);
+        return acc;
+    }, {});
+    var linkForTarget = function (links, fieldName, targetId) {
+        return items(links).find(function (link) { var _a; return ((_a = link[fieldName]) === null || _a === void 0 ? void 0 : _a.id) === targetId; });
+    };
+    var beginSecretEnvVarEdit = function (secret) {
+        var _a, _b, _c, _d;
+        setPendingSecret(secret);
+        setSecretEnvVarDraft((_a = secretEnvVarNames[secret.id]) !== null && _a !== void 0 ? _a : String((_d = (_c = (_b = secret.key) !== null && _b !== void 0 ? _b : secret.name) !== null && _c !== void 0 ? _c : secret.displayName) !== null && _d !== void 0 ? _d : ""));
+        setSecretEnvVarError("");
+    };
+    var commitSecretEnvVar = function () {
+        var value = secretEnvVarDraft.trim();
+        if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(value)) {
+            setSecretEnvVarError("Use a valid environment variable name (letters, numbers, and underscores; it cannot start with a number).");
+            return;
+        }
+        if (["APP_ENCRYPTION_KEY", "DATABASE_URL", "AGENTHUB_MANAGER_INTERNAL_TOKEN", "AGENTHUB_BRIDGE_PROCESS_KEY"].includes(value)) {
+            setSecretEnvVarError("This environment variable name is reserved by AgentHub.");
+            return;
+        }
+        if (secretIds.some(function (id) { return id !== (pendingSecret === null || pendingSecret === void 0 ? void 0 : pendingSecret.id) && secretEnvVarNames[id] === value; })) {
+            setSecretEnvVarError("Each linked secret must use a different environment variable name.");
+            return;
+        }
+        if (pendingSecret) {
+            setSecretEnvVarNames(function (current) {
+                var _a;
+                return (__assign(__assign({}, current), (_a = {}, _a[pendingSecret.id] = value, _a)));
+            });
+            setSecretIds(function (current) { return current.includes(pendingSecret.id) ? current : __spreadArray(__spreadArray([], current, true), [pendingSecret.id], false); });
+        }
+        setPendingSecret(null);
+        setSecretEnvVarError("");
+    };
+    var linkSetting = function (label, checked, onChange, hint) {
+        return _jsxs("label", { className: "agent-editor__link-setting", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: function (event) { return onChange(event.target.checked); } }), _jsxs("span", { children: [_jsx("strong", { children: label }), _jsx("small", { children: hint })] })] });
+    };
+    var agentStatus = (_b = record === null || record === void 0 ? void 0 : record.status) !== null && _b !== void 0 ? _b : "draft";
+    var tabs = __spreadArray(__spreadArray(__spreadArray(__spreadArray([
+        { value: "basics", label: "Basics", content: _jsxs("div", { className: "agent-editor__stack", children: [_jsxs("div", { className: "agent-editor__grid", children: [field("Name", name, setName, "name", true), field("Title", title, setTitle, "title", true), field("Description", description, setDescription, "description"), _jsxs("div", { className: "agent-editor__field", children: [_jsx("span", { children: "Icon" }), _jsx(SolidIconPicker, { value: iconName, onChange: setIconName })] })] }), _jsxs("section", { className: "agent-editor__section", children: [_jsxs("div", { className: "agent-editor__section-head", children: [_jsxs("div", { children: [_jsx("h2", { children: "Required inputs" }), _jsx("p", { children: "Define the variables people must provide when starting this agent." })] }), inputs.length > 0 && _jsxs(SolidButton, { type: "button", variant: "secondary", size: "small", onClick: function () { return setInputs(function (current) { return __spreadArray(__spreadArray([], current, true), [{ name: "", description: "", dataType: "string" }], false); }); }, children: [_jsx(Plus, { size: 15 }), " Add input"] })] }), !inputs.length ? _jsxs("div", { className: "agent-editor__empty", children: ["This agent has no required inputs. ", _jsxs("button", { type: "button", onClick: function () { return setInputs([{ name: "", description: "", dataType: "string" }]); }, children: [_jsx(Plus, { size: 15 }), " Add an input variable"] })] })
+                                : _jsx("div", { className: "agent-editor__inputs", children: inputs.map(function (input, index) { return _jsxs("div", { className: "agent-editor__input-row", children: [_jsx(SolidInput, { "aria-label": "Input ".concat(index + 1, " name"), placeholder: "Variable name", value: input.name, onChange: function (event) { return setInputs(function (current) { return current.map(function (item, i) { return i === index ? __assign(__assign({}, item), { name: event.target.value }) : item; }); }); } }), _jsx(SolidInput, { "aria-label": "Input ".concat(index + 1, " description"), placeholder: "Description", value: input.description, onChange: function (event) { return setInputs(function (current) { return current.map(function (item, i) { return i === index ? __assign(__assign({}, item), { description: event.target.value }) : item; }); }); } }), _jsx("select", { "aria-label": "Input ".concat(index + 1, " data type"), value: input.dataType, onChange: function (event) { return setInputs(function (current) { return current.map(function (item, i) { return i === index ? __assign(__assign({}, item), { dataType: event.target.value }) : item; }); }); }, children: ["string", "number", "integer", "boolean", "date", "datetime", "object", "array"].map(function (type) { return _jsx("option", { value: type, children: type }, type); }) }), _jsx("button", { type: "button", "aria-label": "Remove input ".concat(index + 1), onClick: function () { return setInputs(function (current) { return current.filter(function (_, i) { return i !== index; }); }); }, children: _jsx(Trash2, { size: 17 }) })] }, index); }) }), errors.inputs && _jsx("small", { className: "agent-editor__error", children: errors.inputs })] }), _jsxs("section", { className: "agent-editor__section", children: [_jsx("h2", { children: "Models" }), _jsx("p", { children: "Choose any configured provider and model pair for each role. Both lists use the models enabled in AI settings." }), _jsx("div", { className: "agent-editor__grid", children: [["Reasoning model", reasoningModelKey, setReasoningModelKey, "reasoningModelKey"], ["Fast model", fastModelKey, setFastModelKey, "fastModelKey"]].map(function (_a) {
+                                    var label = _a[0], value = _a[1], setter = _a[2], key = _a[3];
+                                    return _jsxs("label", { className: "agent-editor__field", children: [_jsxs("span", { children: [label, " *"] }), _jsx(ModelPicker, { value: value, options: modelOptions, placeholder: "Search providers and models\u2026", onChange: function (next) { return setter(next); } }), errors[key] && _jsx("small", { className: "agent-editor__error", children: errors[key] })] }, key);
+                                }) }), settingsError ? _jsx("p", { className: "agent-editor__hint", children: "Settings could not be loaded. Try refreshing this page." })
+                                : !modelOptions.length && _jsx("p", { className: "agent-editor__hint", children: "No configured models are available. Check the AI settings and your permission to view encrypted settings." })] }), _jsxs("section", { className: "agent-editor__section agent-editor__workflow", "aria-labelledby": "agent-lifecycle-title", children: [_jsxs("div", { className: "agent-editor__section-head", children: [_jsxs("div", { children: [_jsx("h2", { id: "agent-lifecycle-title", children: "Agent lifecycle" }), _jsx("p", { children: "Track this agent through its available stages. Select a stage to update its status." })] }), _jsxs("div", { className: "agent-editor__workflow-meta", children: [(record === null || record === void 0 ? void 0 : record.configVersion) != null && _jsxs("span", { className: "agent-editor__config-version", "aria-label": "Configuration version ".concat(record.configVersion), children: ["Config v", record.configVersion] }), _jsx(SolidWorkflowStatusPill, { label: agentStatus })] })] }), _jsx("div", { className: "agent-editor__workflow-stages", "aria-label": "Current agent stage: ".concat(agentStatus), children: [[
+                                        "draft", "Draft", "Editable configuration; not available to users."
+                                    ],
+                                    ["active", "Active", "Available to authorized users and the AgentHub runtime."],
+                                    ["disabled", "Disabled", "Unavailable for new interactions."],
+                                ].map(function (_a, index) {
+                                    var value = _a[0], label = _a[1], description = _a[2];
+                                    return _jsxs(React.Fragment, { children: [index > 0 && _jsx("div", { className: "agent-editor__workflow-connector", "aria-hidden": "true" }), _jsxs("button", { type: "button", className: "agent-editor__workflow-stage".concat(agentStatus === value ? " is-current" : ""), "aria-current": agentStatus === value ? "step" : undefined, "aria-pressed": agentStatus === value, disabled: creating || updating || agentStatus === value, onClick: function () { return void save(value); }, children: [_jsx("span", { className: "agent-editor__workflow-stage-mark", children: index + 1 }), _jsxs("div", { className: "agent-editor__workflow-stage-copy", children: [_jsx("strong", { children: label }), _jsx("small", { children: description }), _jsx("small", { className: "agent-editor__workflow-stage-cta", children: agentStatus === value ? "Current stage" : "Click to move to this stage" })] }), agentStatus === value && _jsx("span", { className: "agent-editor__workflow-current", children: "Current" })] })] }, value);
+                                }) }), _jsx("small", { className: "agent-editor__workflow-save-hint", children: "Changing stage saves the current form and its linked skills, tools, roles, and secrets." })] })] }) },
+        { value: "persona", label: "Persona", content: _jsxs("section", { className: "agent-editor__section agent-editor__persona", children: [_jsx("div", { className: "agent-editor__section-head", children: _jsxs("div", { children: [_jsx("h2", { children: "System prompt *" }), _jsx("p", { children: "Describe the agent's role, behavior, and instructions in Markdown." })] }) }), _jsx(SolidCodeEditor, { value: systemPrompt, onChange: function (value) { setSystemPrompt(value !== null && value !== void 0 ? value : ""); setErrors(function (current) { return (__assign(__assign({}, current), { systemPrompt: "" })); }); }, language: "markdown", fontSize: 11, height: "max(34rem, calc(100dvh - 18rem))" }), errors.systemPrompt && _jsx("small", { className: "agent-editor__error", children: errors.systemPrompt })] }) },
+        { value: "skills", label: "Skills", content: _jsx(LinkPicker, { label: "Skills", description: "Skills available to this agent.", options: skills.records, selected: linked(skillIds, skills.records, items(record === null || record === void 0 ? void 0 : record.agentSkills).map(function (link) { return link.agentSkillRegistry; }).filter(Boolean)), onAdd: function (id) { return toggle(setSkillIds, id); }, onRemove: function (id) { return toggle(setSkillIds, id); }, createUrl: "/admin/core/solid-core/agent-skill-registry/editor/new", linkFor: function (id) { return linkForTarget(record === null || record === void 0 ? void 0 : record.agentSkills, "agentSkillRegistry", id); }, render: function (item) { return _jsx(AgentResourceCardWidget, __assign({}, { rowData: item })); }, renderSettings: function (item) {
+                    var _a;
+                    return _jsx("div", { className: "agent-editor__link-settings", children: linkSetting("Always include", (_a = alwaysIncludeValues[item.id]) !== null && _a !== void 0 ? _a : true, function (checked) { return setAlwaysIncludeValues(function (current) {
+                            var _a;
+                            return (__assign(__assign({}, current), (_a = {}, _a[item.id] = checked, _a)));
+                        }); }, "Add the full skill to the agent prompt. Turn off to load it on demand.") });
+                } }) },
+        { value: "tools", label: "Tools", content: _jsx(LinkPicker, { label: "Tools", description: "Tools available to this agent.", options: tools.records, selected: linked(toolIds, tools.records, items(record === null || record === void 0 ? void 0 : record.agentTools).map(function (link) { return link.agentToolRegistry; }).filter(Boolean)), onAdd: function (id) { return toggle(setToolIds, id); }, onRemove: function (id) { return toggle(setToolIds, id); }, createUrl: "/admin/core/solid-core/agent-tool-registry/editor/new", linkFor: function (id) { return linkForTarget(record === null || record === void 0 ? void 0 : record.agentTools, "agentToolRegistry", id); }, render: function (item) { return _jsx(AgentResourceCardWidget, __assign({}, { rowData: item })); }, renderSettings: function (item) {
+                    var _a;
+                    return _jsx("div", { className: "agent-editor__link-settings", children: linkSetting("Require approval", (_a = requiresApprovalValues[item.id]) !== null && _a !== void 0 ? _a : false, function (checked) { return setRequiresApprovalValues(function (current) {
+                            var _a;
+                            return (__assign(__assign({}, current), (_a = {}, _a[item.id] = checked, _a)));
+                        }); }, "Pause before running this tool until a user approves it.") });
+                } }) },
+        { value: "policies", label: "Policies", content: _jsxs("div", { className: "agent-editor__stack", children: [_jsxs("section", { className: "agent-editor__section", children: [_jsx("h2", { children: "Roles" }), _jsx("p", { children: "Grant the agent the roles it may use." }), Object.entries(groups).map(function (_a) {
+                                var groupName = _a[0], groupRoles = _a[1];
+                                return _jsxs("fieldset", { className: "agent-editor__role-group", children: [_jsx("legend", { children: groupName }), (groupRoles !== null && groupRoles !== void 0 ? groupRoles : []).map(function (role) { return _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: roleIds.includes(role.id), onChange: function () { return toggle(setRoleIds, role.id); } }), " ", role.name] }, role.id); })] }, groupName);
+                            }), !roles.records.length && _jsx("div", { className: "agent-editor__empty", children: "No roles available." })] }), _jsxs("section", { className: "agent-editor__section", children: [_jsx("h2", { children: "Execution limits" }), _jsx("div", { className: "agent-editor__grid", children: [["Step limit", stepLimit, setStepLimit], ["Turn step limit", turnStepLimit, setTurnStepLimit], ["Cost limit", costLimit, setCostLimit]].map(function (_a) {
+                                    var label = _a[0], value = _a[1], setter = _a[2];
+                                    return _jsxs("label", { className: "agent-editor__field", children: [_jsx("span", { children: label }), _jsx("input", { type: "number", min: label === "Cost limit" ? 0 : 1, step: label === "Cost limit" ? 0.01 : 1, value: value, onChange: function (event) { return setter(Number(event.target.value)); } })] }, label);
+                                }) }), errors.limits && _jsx("small", { className: "agent-editor__error", children: errors.limits })] })] }) },
+        { value: "secrets", label: "Secrets", content: _jsx(LinkPicker, { label: "Secrets", description: "Grant access to existing secrets. Secret values are never shown here.", options: secrets.records, selected: linked(secretIds, secrets.records, items(record === null || record === void 0 ? void 0 : record.agentSecrets).map(function (link) { return link.secret; }).filter(Boolean)), onAdd: function (id) { var secret = secrets.records.find(function (item) { return item.id === id; }); if (secret)
+                    beginSecretEnvVarEdit(secret); }, onRemove: function (id) { return toggle(setSecretIds, id); }, linkFor: function (id) { return linkForTarget(record === null || record === void 0 ? void 0 : record.agentSecrets, "secret", id); }, render: function (item, link) {
+                    var _a, _b, _c, _d, _e, _f;
+                    return _jsxs("div", { className: "agent-editor__secret", children: [_jsx("strong", { children: (_b = (_a = item.displayName) !== null && _a !== void 0 ? _a : item.name) !== null && _b !== void 0 ? _b : item.key }), _jsx("span", { children: item.key }), _jsx("p", { children: item.description }), _jsxs("div", { className: "agent-editor__secret-env", children: [_jsx("span", { children: "Process environment" }), _jsx("code", { children: (_e = (_d = (_c = secretEnvVarNames[item.id]) !== null && _c !== void 0 ? _c : link === null || link === void 0 ? void 0 : link.envVarName) !== null && _d !== void 0 ? _d : item.key) !== null && _e !== void 0 ? _e : item.name }), _jsx("button", { type: "button", "aria-label": "Edit environment variable name for ".concat((_f = item.displayName) !== null && _f !== void 0 ? _f : item.key), onClick: function () { return beginSecretEnvVarEdit(item); }, children: _jsx(Pencil, { size: 14 }) })] })] });
+                } }) }
+    ], ((record === null || record === void 0 ? void 0 : record.id) ? [{ value: "processes", label: "Processes", content: _jsx(AgentProcessesPanel, { agentId: record.id, agentLabel: (_c = record.name) !== null && _c !== void 0 ? _c : record.title }) }] : []), true), ((record === null || record === void 0 ? void 0 : record.id) ? [
+        ["jobs", "Jobs", (_d = jobs.currentData) === null || _d === void 0 ? void 0 : _d.records],
+    ] : []).map(function (_a) {
+        var value = _a[0], label = _a[1], related = _a[2];
+        return ({ value: value, label: label, content: _jsxs("section", { className: "agent-editor__section", children: [_jsx("h2", { children: label }), jobs.isLoading || jobs.isFetching ? _jsx("div", { className: "agent-editor__empty", children: "Loading jobs\u2026" })
+                        : jobs.isError ? _jsx("div", { className: "agent-editor__empty", children: "Jobs could not be loaded." })
+                            : items(related).length ? _jsx("div", { className: "agent-editor__related", children: items(related).map(function (item) { var _a, _b, _c; return _jsxs("article", { children: [_jsx("strong", { children: (_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.title) !== null && _b !== void 0 ? _b : "#".concat(item.id) }), _jsx("span", { children: (_c = item.status) !== null && _c !== void 0 ? _c : "" })] }, item.id); }) })
+                                : _jsxs("div", { className: "agent-editor__empty", children: ["No ", label.toLowerCase(), " for this agent yet."] })] }) });
+    }), true), ((record === null || record === void 0 ? void 0 : record.id) ? [{ value: "sessions", label: "Sessions", content: _jsx(AgentSessionsPanel, { agentId: record.id, agentLabel: (_e = record.name) !== null && _e !== void 0 ? _e : record.title }) }] : []), true), ((record === null || record === void 0 ? void 0 : record.id) ? [{ value: "embedding", label: "Embedding", content: _jsx(AgentEmbeddingPanel, { agentId: record.id, fields: parseInputs(record.requiredInputs), active: record.status === "active", hubUrl: String((_f = getSettingsMap(settings).solidxAgentHubBackendUrl) !== null && _f !== void 0 ? _f : "") }) }] : []), true);
+    var content = _jsx(SolidTabGroup, { tabs: tabs, value: tab, onValueChange: setTab, className: "agent-editor__tabs", listClassName: "agent-editor__tab-list", panelClassName: "agent-editor__tab-panel" });
+    return _jsxs("main", { className: "agent-editor", children: [_jsxs("header", { className: "agent-editor__header", children: [_jsxs("div", { className: "agent-editor__heading-with-refresh", children: [_jsx("h1", { children: (record === null || record === void 0 ? void 0 : record.id) ? "Edit Agent" : "Create Agent" }), (record === null || record === void 0 ? void 0 : record.id) && _jsx("button", { type: "button", className: "agent-editor__refresh".concat(isFetching ? " is-loading" : ""), "aria-label": "Refresh agent", title: "Refresh agent", disabled: isFetching || updating, onClick: requestRefresh, children: _jsx(RefreshCw, { size: 14 }) })] }), _jsxs("div", { className: "agent-editor__actions", children: [_jsx(SolidButton, { variant: "secondary", leftIcon: _jsx(ArrowLeft, { size: 16 }), onClick: function () { return navigate(-1); }, children: "Back" }), (record === null || record === void 0 ? void 0 : record.id) && _jsx(SolidButton, { variant: "secondary", leftIcon: _jsx(FlaskConical, { size: 16 }), onClick: openAgentTest, children: "Test Agent" }), _jsx(SolidButton, { loading: creating || updating, disabled: isLoading || isFetching || isError || (id !== "new" && !(record === null || record === void 0 ? void 0 : record.id)), onClick: function () { return void save(); }, children: "Save Agent" })] })] }), _jsx(SolidDialog, { open: confirmRefresh, onOpenChange: setConfirmRefresh, header: "Discard unsaved changes?", style: { width: "min(28rem, 94vw)" }, footer: _jsxs(_Fragment, { children: [_jsx(SolidButton, { type: "button", variant: "secondary", onClick: function () { return setConfirmRefresh(false); }, children: "Cancel" }), _jsx(SolidButton, { type: "button", disabled: isFetching, onClick: function () { setConfirmRefresh(false); void refetch(); }, children: "Refresh and discard" })] }), children: _jsx(SolidDialogBody, { children: _jsx("p", { children: "You have unsaved changes. Refreshing will discard them and load the latest agent content." }) }) }), isLoading ? _jsx("div", { className: "agent-editor__empty", children: "Loading agent\u2026" }) : isError || (id !== "new" && !(record === null || record === void 0 ? void 0 : record.id)) ?
+                _jsx("div", { className: "agent-editor__empty", children: "This agent could not be loaded." }) : (record === null || record === void 0 ? void 0 : record.id) ?
+                _jsx(AgentRegistryAuditPanel, { modelSingularName: "agentRegistry", recordId: record.id, refreshVersion: auditVersion, modelUserKey: record.name, children: content }) : content, _jsx(SolidDialog, { open: Boolean(pendingSecret), onOpenChange: function (open) { if (!open) {
+                    setPendingSecret(null);
+                    setSecretEnvVarError("");
+                } }, header: "Set secret environment variable", style: { width: "min(34rem, 94vw)" }, footer: _jsxs("div", { className: "agent-editor__secret-dialog-actions", children: [_jsx(SolidButton, { type: "button", variant: "secondary", onClick: function () { setPendingSecret(null); setSecretEnvVarError(""); }, children: "Cancel" }), _jsx(SolidButton, { type: "button", onClick: commitSecretEnvVar, children: "Use secret" })] }), children: _jsx(SolidDialogBody, { className: "agent-editor__secret-dialog-body", children: _jsxs("div", { className: "agent-editor__secret-dialog", children: [_jsxs("p", { children: ["Choose the environment variable name AgentHub will set for ", _jsx("strong", { children: (_h = (_g = pendingSecret === null || pendingSecret === void 0 ? void 0 : pendingSecret.displayName) !== null && _g !== void 0 ? _g : pendingSecret === null || pendingSecret === void 0 ? void 0 : pendingSecret.name) !== null && _h !== void 0 ? _h : pendingSecret === null || pendingSecret === void 0 ? void 0 : pendingSecret.key }), ". The default is the secret name."] }), _jsxs("label", { className: "agent-editor__field", children: [_jsx("span", { children: "Environment variable name" }), _jsx(SolidInput, { autoFocus: true, value: secretEnvVarDraft, "aria-invalid": Boolean(secretEnvVarError), onChange: function (event) { setSecretEnvVarDraft(event.target.value); setSecretEnvVarError(""); } }), secretEnvVarError && _jsx("small", { className: "agent-editor__error", children: secretEnvVarError })] })] }) }) }), (record === null || record === void 0 ? void 0 : record.id) && _jsx(SolidDialog, { open: testAgentOpen, onOpenChange: setTestAgentOpen, onHide: function () { return setTestAgentOpen(false); }, showHeader: false, overlayClassName: "agent-editor__test-dialog-overlay", ariaLabel: "Test ".concat((_j = record.name) !== null && _j !== void 0 ? _j : "SolidX Agent"), className: "agent-editor__test-dialog", style: testAgentWindowMode === "maximized"
+                    ? { position: "fixed", inset: 16, width: "auto", maxWidth: "none", height: "auto", maxHeight: "none", transform: "none", borderRadius: 14, padding: 0, display: "flex", flexDirection: "column", overflow: "hidden" }
+                    : { position: "fixed", top: 16, right: 16, bottom: 16, left: "auto", width: "min(28rem, calc(100vw - 32px))", maxWidth: "none", height: "auto", maxHeight: "none", transform: "none", borderRadius: 14, padding: 0, display: "flex", flexDirection: "column", overflow: "hidden" }, children: _jsx("div", { className: "agent-editor__test-dialog-body", children: _jsx(SolidAgentEmbedded, { agentRuntime: "agentHub", agentId: record.id, title: (_k = record.name) !== null && _k !== void 0 ? _k : "SolidX Agent", requiredInputs: parseInputs(record.requiredInputs), height: "100%", className: "agent-editor__test-chat", windowControls: { mode: testAgentWindowMode, onDock: function () { return setTestAgentWindowMode("docked"); }, onMaximize: function () { return setTestAgentWindowMode("maximized"); }, onRestore: function () { return setTestAgentWindowMode("docked"); }, onClose: function () { return setTestAgentOpen(false); } } }) }) })] });
+}
+//# sourceMappingURL=AgentRegistryEditorPage.js.map