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

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

@@ -0,0 +1,303 @@
+.agent-skill-editor {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+  min-height: calc(100vh - 7rem);
+  padding: 1.5rem;
+  color: var(--text-color, var(--foreground));
+}
+
+.agent-skill-editor__header,
+.agent-skill-editor__actions,
+.agent-skill-editor__fields,
+.agent-skill-editor__tag-input,
+.agent-skill-editor__agent-card {
+  display: flex;
+  align-items: center;
+}
+
+.agent-skill-editor__header {
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.agent-skill-editor__header p,
+.agent-skill-editor__panel header p,
+.agent-skill-editor__agents > div p {
+  margin: 0 0 0.3rem;
+  color: var(--text-color-secondary, var(--muted-foreground));
+  font-size: 0.85rem;
+}
+
+.agent-skill-editor__header h1,
+.agent-skill-editor__panel h2,
+.agent-skill-editor__agents h2 {
+  margin: 0;
+}
+
+.agent-skill-editor__header h1 {
+  font-size: 1.45rem;
+}
+
+.agent-skill-editor__actions {
+  gap: 0.5rem;
+}
+
+.agent-skill-editor__heading-with-refresh,
+.agent-skill-editor__refresh {
+  display: flex;
+  align-items: center;
+}
+
+.agent-skill-editor__heading-with-refresh { gap: 0.3rem; }
+.agent-skill-editor__refresh { width: 1.25rem; height: 1.25rem; justify-content: center; padding: 0; border: 0; border-radius: 0.25rem; background: transparent; color: var(--text-color-secondary, var(--muted-foreground)); cursor: pointer; }
+.agent-skill-editor__refresh:hover:not(:disabled),
+.agent-skill-editor__refresh:focus-visible { color: var(--primary-color, var(--primary)); background: color-mix(in srgb, var(--primary-color, var(--primary)) 9%, transparent); }
+.agent-skill-editor__refresh:focus-visible { outline: 2px solid var(--primary-color, var(--primary)); outline-offset: 1px; }
+.agent-skill-editor__refresh:disabled { cursor: default; opacity: 0.55; }
+.agent-skill-editor__refresh.is-loading svg { animation: agent-skill-editor-refresh-spin 0.8s linear infinite; }
+@keyframes agent-skill-editor-refresh-spin { to { transform: rotate(360deg); } }
+@media (prefers-reduced-motion: reduce) { .agent-skill-editor__refresh.is-loading svg { animation: none; } }
+
+.agent-skill-editor__tabs {
+  overflow: hidden;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.75rem;
+  background: var(--surface-card, var(--card));
+}
+
+.agent-skill-editor__tab-list {
+  padding: 0.4rem 0.6rem 0;
+  border-bottom: 1px solid var(--surface-border, var(--border));
+}
+
+.agent-skill-editor__tab-panel {
+  min-height: 22rem;
+  padding: 1.25rem;
+}
+
+.agent-skill-editor__general,
+.agent-skill-editor__agents {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+.agent-skill-editor__fields {
+  align-items: flex-start;
+  gap: 1rem;
+}
+
+.agent-skill-editor__field {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 0.5rem;
+  min-width: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+.agent-skill-editor__field b {
+  color: var(--red-500, #dc2626);
+}
+
+.agent-skill-editor__field small {
+  color: var(--text-color-secondary, var(--muted-foreground));
+  font-weight: 400;
+}
+
+.agent-skill-editor__field .agent-skill-editor__field-error,
+.agent-skill-editor__body-error {
+  margin: 2px 0 0;
+  color: #ef4444;
+  font-size: 11.5px;
+  font-weight: 400;
+  line-height: 1.3;
+}
+
+.agent-skill-editor__input--invalid {
+  border-color: #ef4444 !important;
+  box-shadow: 0 0 0 1px #fecaca inset !important;
+}
+
+.agent-skill-editor__tag-input {
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  min-height: 3rem;
+  padding: 0.5rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.5rem;
+  background: var(--surface-ground, var(--background));
+}
+
+.agent-skill-editor__tag-input--invalid {
+  border-color: #ef4444;
+  box-shadow: 0 0 0 1px #fecaca inset;
+}
+
+.agent-skill-editor__tag-input > input {
+  flex: 1 1 12rem;
+  min-width: 10rem;
+  border: 0;
+  outline: 0;
+  color: inherit;
+  background: transparent;
+  font: inherit;
+  font-weight: 400;
+}
+
+.agent-skill-editor__tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.25rem 0.35rem 0.25rem 0.7rem;
+  border-radius: 999px;
+  color: var(--primary-color, var(--primary));
+  background: color-mix(in srgb, var(--primary-color, var(--primary)) 11%, transparent);
+  font-size: 0.78rem;
+  font-weight: 500;
+}
+
+.agent-skill-editor__tag button {
+  display: inline-grid;
+  width: 1.25rem;
+  height: 1.25rem;
+  place-items: center;
+  border: 0;
+  border-radius: 50%;
+  color: inherit;
+  background: transparent;
+  cursor: pointer;
+}
+
+.agent-skill-editor__tag button:hover {
+  background: color-mix(in srgb, var(--primary-color, var(--primary)) 17%, transparent);
+}
+
+.agent-skill-editor__skill {
+  width: 100%;
+  min-width: 0;
+}
+
+.agent-skill-editor__panel {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  overflow: hidden;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.75rem;
+}
+
+.agent-skill-editor__panel header {
+  padding: 0.9rem 1rem;
+  border-bottom: 1px solid var(--surface-border, var(--border));
+}
+
+.agent-skill-editor__panel h2,
+.agent-skill-editor__agents h2 {
+  font-size: 1rem;
+}
+
+.agent-skill-editor__code {
+  flex: 1;
+  border: 0 !important;
+  border-radius: 0 !important;
+}
+
+.agent-skill-editor__code--invalid {
+  border: 1px solid #ef4444 !important;
+  box-shadow: 0 0 0 1px #fecaca inset;
+}
+
+.agent-skill-editor__agent-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
+  gap: 0.75rem;
+}
+
+.agent-skill-editor__agent-card {
+  gap: 0.75rem;
+  min-height: 4.5rem;
+  padding: 0.85rem 1rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.7rem;
+  background: var(--surface-ground, var(--background));
+}
+
+.agent-skill-editor__agent-card > span {
+  display: grid;
+  width: 2.4rem;
+  height: 2.4rem;
+  flex: 0 0 auto;
+  place-items: center;
+  border-radius: 50%;
+  color: var(--primary-color, var(--primary));
+  background: color-mix(in srgb, var(--primary-color, var(--primary)) 12%, transparent);
+  font-weight: 700;
+}
+
+.agent-skill-editor__agent-card strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.9rem;
+}
+
+.agent-skill-editor__empty,
+.agent-skill-editor__loading {
+  padding: 2.5rem 1rem;
+  border: 1px dashed var(--surface-border, var(--border));
+  border-radius: 0.75rem;
+  color: var(--text-color-secondary, var(--muted-foreground));
+  text-align: center;
+}
+
+@media (max-width: 900px) {
+  .agent-skill-editor__fields {
+    flex-direction: column;
+  }
+}
+
+@media (max-width: 600px) {
+  .agent-skill-editor {
+    padding: 1rem;
+  }
+
+  .agent-skill-editor__header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .agent-skill-editor__actions {
+    width: 100%;
+  }
+}
+
+fieldset.agent-skill-editor__general {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.agent-skill-editor__field select {
+  min-height: 2.5rem;
+  padding: 0.5rem 0.75rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.5rem;
+  color: inherit;
+  background: var(--surface-ground, var(--background));
+  font: inherit;
+}
+
+.agent-skill-editor__readonly-note {
+  margin: 0;
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: 0.5rem;
+  color: var(--text-color-secondary, var(--muted-foreground));
+  background: var(--surface-ground, var(--background));
+  font-size: 0.875rem;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSkillRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentSkillRegistryEditorPage.tsx"],"names":[],"mappings":"AAgBA,OAAO,oCAAoC,CAAC;AAiG5C,wBAAgB,4BAA4B,4CA0V3C"}

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

@@ -0,0 +1,330 @@
+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 { ArrowLeft, Plus, RefreshCw, X } from "lucide-react";
+import { useDispatch } from "react-redux";
+import { useNavigate, useParams } from "react-router-dom";
+import { createSolidEntityApi } from "../../../../redux/api/solidEntityApi";
+import { showToast } from "../../../../redux/features/toastSlice";
+import { AgentRegistryAuditPanel } from "./AgentRegistryAuditPanel";
+import { SolidButton, SolidCodeEditor, SolidDialog, SolidDialogBody, SolidIconPicker, SolidInput, SolidTabGroup, } from "../../../../components/shad-cn-ui";
+import "./AgentSkillRegistryEditorPage.css";
+function extractEntityRecord(response) {
+    var candidate = response;
+    for (var depth = 0; depth < 3; depth += 1) {
+        if (!candidate || typeof candidate !== "object")
+            return undefined;
+        var value = candidate;
+        if ("id" in value || "name" in value)
+            return value;
+        candidate = value.data;
+    }
+    return candidate && typeof candidate === "object" ? candidate : undefined;
+}
+function parseTags(value) {
+    if (Array.isArray(value)) {
+        return value.map(function (tag) { return String(tag).trim(); }).filter(Boolean);
+    }
+    if (typeof value !== "string" || !value.trim())
+        return [];
+    try {
+        var parsed = JSON.parse(value);
+        if (Array.isArray(parsed)) {
+            return parsed.map(function (tag) { return String(tag).trim(); }).filter(Boolean);
+        }
+    }
+    catch (_a) {
+        return value === "{}" ? [] : value.split(",").map(function (tag) { return tag.trim(); }).filter(Boolean);
+    }
+    return [];
+}
+function formatErrorMessage(value) {
+    var _a, _b;
+    if (typeof value === "string")
+        return value.trim() || undefined;
+    if (Array.isArray(value)) {
+        var messages = value.map(formatErrorMessage).filter(function (message) { return Boolean(message); });
+        return messages.length ? messages.join("; ") : undefined;
+    }
+    if (value && typeof value === "object") {
+        var error = value;
+        return (_b = (_a = formatErrorMessage(error.message)) !== null && _a !== void 0 ? _a : formatErrorMessage(error.constraints)) !== null && _b !== void 0 ? _b : formatErrorMessage(error.error);
+    }
+    return undefined;
+}
+function getSaveErrorMessage(error) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!error || typeof error !== "object")
+        return "Failed to save skill.";
+    var apiError = error;
+    // Nest validation details are nested at data.data.message; prefer them over
+    // the generic outer "Bad Request Exception" message.
+    return (_h = (_g = (_e = (_c = formatErrorMessage((_b = (_a = apiError.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message)) !== null && _c !== void 0 ? _c : formatErrorMessage((_d = apiError.data) === null || _d === void 0 ? void 0 : _d.message)) !== null && _e !== void 0 ? _e : formatErrorMessage((_f = apiError.data) === null || _f === void 0 ? void 0 : _f.error)) !== null && _g !== void 0 ? _g : formatErrorMessage(apiError.message)) !== null && _h !== void 0 ? _h : "Failed to save skill.";
+}
+function skillAgents(record) {
+    var related = record === null || record === void 0 ? void 0 : record.agentSkills;
+    var links = Array.isArray(related)
+        ? related
+        : related
+            ? [related]
+            : [];
+    var seen = new Set();
+    return links
+        .map(function (link) { return link.agentRegistry; })
+        .filter(function (agent) { return Boolean(agent && typeof agent === "object"); })
+        .filter(function (agent) {
+        var _a, _b, _c;
+        var key = String((_c = (_b = (_a = agent.id) !== null && _a !== void 0 ? _a : agent.name) !== null && _b !== void 0 ? _b : agent.title) !== null && _c !== void 0 ? _c : "");
+        if (!key || seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+}
+export function AgentSkillRegistryEditorPage() {
+    var _this = this;
+    var _a = useParams().id, id = _a === void 0 ? "" : _a;
+    var navigate = useNavigate();
+    var dispatch = useDispatch();
+    var entityApi = React.useMemo(function () { return createSolidEntityApi("agentSkillRegistry"); }, []);
+    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation;
+    var _b = useGetSolidEntityByIdQuery({
+        id: id,
+        qs: "populate[0]=agentSkills&populate[1]=agentSkills.agentRegistry",
+    }, { skip: !id || id === "new" }), response = _b.data, isLoading = _b.isLoading, isFetching = _b.isFetching, refetch = _b.refetch;
+    var _c = useCreateSolidEntityMutation(), createSkill = _c[0], isCreating = _c[1].isLoading;
+    var _d = useUpdateSolidEntityMutation(), updateSkill = _d[0], isSaving = _d[1].isLoading;
+    var record = extractEntityRecord(response);
+    var _e = React.useState("general"), activeTab = _e[0], setActiveTab = _e[1];
+    var _f = React.useState(""), name = _f[0], setName = _f[1];
+    var _g = React.useState("custom"), type = _g[0], setType = _g[1];
+    var _h = React.useState(""), iconName = _h[0], setIconName = _h[1];
+    var _j = React.useState(""), description = _j[0], setDescription = _j[1];
+    var _k = React.useState(""), body = _k[0], setBody = _k[1];
+    var _l = React.useState([]), tags = _l[0], setTags = _l[1];
+    var _m = React.useState(""), tagDraft = _m[0], setTagDraft = _m[1];
+    var _o = React.useState({}), fieldErrors = _o[0], setFieldErrors = _o[1];
+    var _p = React.useState(0), auditRefreshVersion = _p[0], setAuditRefreshVersion = _p[1];
+    var _q = React.useState(false), confirmRefresh = _q[0], setConfirmRefresh = _q[1];
+    var baseline = React.useRef("");
+    var currentForm = function () { return JSON.stringify({ name: name, type: type, iconName: iconName, description: description, body: body, tags: tags, tagDraft: tagDraft }); };
+    React.useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var nextTags = parseTags(record === null || record === void 0 ? void 0 : record.tags);
+        setName((_a = record === null || record === void 0 ? void 0 : record.name) !== null && _a !== void 0 ? _a : "");
+        setType((_b = record === null || record === void 0 ? void 0 : record.type) !== null && _b !== void 0 ? _b : "custom");
+        setIconName((_c = record === null || record === void 0 ? void 0 : record.iconName) !== null && _c !== void 0 ? _c : "");
+        setDescription((_d = record === null || record === void 0 ? void 0 : record.description) !== null && _d !== void 0 ? _d : "");
+        setBody((_e = record === null || record === void 0 ? void 0 : record.body) !== null && _e !== void 0 ? _e : "");
+        setTags(nextTags);
+        setTagDraft("");
+        baseline.current = JSON.stringify({ name: (_f = record === null || record === void 0 ? void 0 : record.name) !== null && _f !== void 0 ? _f : "", type: (_g = record === null || record === void 0 ? void 0 : record.type) !== null && _g !== void 0 ? _g : "custom", iconName: (_h = record === null || record === void 0 ? void 0 : record.iconName) !== null && _h !== void 0 ? _h : "", description: (_j = record === null || record === void 0 ? void 0 : record.description) !== null && _j !== void 0 ? _j : "", body: (_k = record === null || record === void 0 ? void 0 : record.body) !== null && _k !== void 0 ? _k : "", tags: nextTags, tagDraft: "" });
+    }, [record]);
+    var isReadOnly = (record === null || record === void 0 ? void 0 : record.type) === "solidx";
+    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 addTag = function () {
+        var nextTag = tagDraft.trim();
+        if (!nextTag)
+            return;
+        if (!tags.some(function (tag) { return tag.toLowerCase() === nextTag.toLowerCase(); })) {
+            setTags(function (current) { return __spreadArray(__spreadArray([], current, true), [nextTag], false); });
+        }
+        setTagDraft("");
+        setFieldErrors(function (current) { return (__assign(__assign({}, current), { tags: "" })); });
+    };
+    var handleSave = function () { return __awaiter(_this, void 0, void 0, function () {
+        var nextErrors, payload, result, createdId, error_1, errorDetail, serverFieldErrors, _i, _a, field;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    nextErrors = {};
+                    if (!name.trim())
+                        nextErrors.name = "Name is required.";
+                    if (!type.trim())
+                        nextErrors.type = "Skill type is required.";
+                    if (!description.trim())
+                        nextErrors.description = "Description is required.";
+                    if (!body.trim())
+                        nextErrors.body = "Skill instructions are required.";
+                    if (tags.length === 0)
+                        nextErrors.tags = "At least one tag is required.";
+                    setFieldErrors(nextErrors);
+                    if (Object.keys(nextErrors).length > 0) {
+                        setActiveTab(nextErrors.body ? "skill" : "general");
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: "Missing information",
+                            detail: Object.values(nextErrors).join(" "),
+                        }));
+                        return [2 /*return*/];
+                    }
+                    payload = {
+                        name: name.trim(),
+                        type: type,
+                        iconName: iconName || null,
+                        description: description.trim(),
+                        body: body,
+                        tags: JSON.stringify(tags),
+                    };
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 6, , 7]);
+                    if (!(record === null || record === void 0 ? void 0 : record.id)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, updateSkill({ id: record.id, data: payload }).unwrap()];
+                case 2:
+                    _d.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Saved",
+                        detail: "Skill updated successfully.",
+                    }));
+                    setAuditRefreshVersion(function (version) { return version + 1; });
+                    refetch();
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, createSkill(payload).unwrap()];
+                case 4:
+                    result = _d.sent();
+                    createdId = (_c = (_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : result === null || result === void 0 ? void 0 : result.id;
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Created",
+                        detail: "Skill created successfully.",
+                    }));
+                    if (createdId) {
+                        navigate("/admin/core/solid-core/agent-skill-registry/editor/".concat(createdId), {
+                            replace: true,
+                        });
+                    }
+                    _d.label = 5;
+                case 5: return [3 /*break*/, 7];
+                case 6:
+                    error_1 = _d.sent();
+                    errorDetail = getSaveErrorMessage(error_1);
+                    serverFieldErrors = {};
+                    if (/required|not be empty|cannot be empty|should not be empty/i.test(errorDetail)) {
+                        for (_i = 0, _a = ["name", "type", "description", "body", "tags"]; _i < _a.length; _i++) {
+                            field = _a[_i];
+                            if (!new RegExp("\\b".concat(field, "\\b"), "i").test(errorDetail))
+                                continue;
+                            serverFieldErrors[field] = "".concat(field === "body" ? "Skill instructions" : field[0].toUpperCase() + field.slice(1), " is required.");
+                        }
+                    }
+                    if (Object.keys(serverFieldErrors).length > 0) {
+                        setFieldErrors(serverFieldErrors);
+                        setActiveTab(serverFieldErrors.body || serverFieldErrors.tags ? "skill" : "general");
+                    }
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Save failed",
+                        detail: errorDetail,
+                    }));
+                    return [3 /*break*/, 7];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    var agents = skillAgents(record);
+    var tabs = [
+        {
+            value: "general",
+            label: "General Info",
+            content: (_jsxs("fieldset", { className: "agent-skill-editor__general", disabled: isReadOnly, children: [isReadOnly && _jsx("p", { className: "agent-skill-editor__readonly-note", children: "SolidX skills are seeded by the AgentHub runtime and cannot be edited." }), _jsxs("div", { className: "agent-skill-editor__fields", children: [_jsxs("label", { className: "agent-skill-editor__field", children: [_jsxs("span", { children: ["Name ", _jsx("b", { children: "*" })] }), _jsx(SolidInput, { value: name, "aria-invalid": Boolean(fieldErrors.name), "aria-describedby": fieldErrors.name ? "agent-skill-name-error" : undefined, className: fieldErrors.name ? "agent-skill-editor__input--invalid" : undefined, onChange: function (event) {
+                                            setName(event.target.value);
+                                            setFieldErrors(function (current) { return (__assign(__assign({}, current), { name: "" })); });
+                                        } }), fieldErrors.name && _jsx("small", { id: "agent-skill-name-error", className: "agent-skill-editor__field-error", children: fieldErrors.name })] }), _jsxs("div", { className: "agent-skill-editor__field", children: [_jsx("span", { children: "Icon" }), _jsx(SolidIconPicker, { value: iconName, onChange: setIconName })] }), _jsxs("label", { className: "agent-skill-editor__field", children: [_jsxs("span", { children: ["Description ", _jsx("b", { children: "*" })] }), _jsx(SolidInput, { value: description, "aria-invalid": Boolean(fieldErrors.description), "aria-describedby": fieldErrors.description ? "agent-skill-description-error" : undefined, className: fieldErrors.description ? "agent-skill-editor__input--invalid" : undefined, onChange: function (event) {
+                                            setDescription(event.target.value);
+                                            setFieldErrors(function (current) { return (__assign(__assign({}, current), { description: "" })); });
+                                        } }), fieldErrors.description && _jsx("small", { id: "agent-skill-description-error", className: "agent-skill-editor__field-error", children: fieldErrors.description })] })] }), _jsxs("label", { className: "agent-skill-editor__field", children: [_jsxs("span", { children: ["Skill type ", _jsx("b", { children: "*" })] }), _jsxs("select", { value: type, "aria-invalid": Boolean(fieldErrors.type), "aria-describedby": fieldErrors.type ? "agent-skill-type-error" : undefined, className: fieldErrors.type ? "agent-skill-editor__input--invalid" : undefined, onChange: function (event) {
+                                    setType(event.target.value);
+                                    setFieldErrors(function (current) { return (__assign(__assign({}, current), { type: "" })); });
+                                }, children: [isReadOnly && _jsx("option", { value: "solidx", children: "SolidX" }), _jsx("option", { value: "thirdparty", children: "Third Party" }), _jsx("option", { value: "custom", children: "Custom" })] }), fieldErrors.type && _jsx("small", { id: "agent-skill-type-error", className: "agent-skill-editor__field-error", children: fieldErrors.type })] }), _jsxs("div", { className: "agent-skill-editor__field", children: [_jsxs("span", { children: ["Tags ", _jsx("b", { children: "*" })] }), _jsxs("div", { className: "agent-skill-editor__tag-input".concat(fieldErrors.tags ? " agent-skill-editor__tag-input--invalid" : ""), children: [tags.map(function (tag, index) { return (_jsxs("span", { className: "agent-skill-editor__tag", children: [tag, _jsx("button", { type: "button", "aria-label": "Remove ".concat(tag), onClick: function () {
+                                                    setTags(function (current) {
+                                                        var nextTags = current.filter(function (_, tagIndex) { return tagIndex !== index; });
+                                                        if (nextTags.length > 0)
+                                                            setFieldErrors(function (errors) { return (__assign(__assign({}, errors), { tags: "" })); });
+                                                        return nextTags;
+                                                    });
+                                                }, children: _jsx(X, { size: 13 }) })] }, "".concat(tag, "-").concat(index))); }), _jsx("input", { value: tagDraft, "aria-label": "Add a tag", placeholder: "Type a tag and press Enter", onChange: function (event) { return setTagDraft(event.target.value); }, onKeyDown: function (event) {
+                                            if (event.key === "Enter") {
+                                                event.preventDefault();
+                                                addTag();
+                                            }
+                                        } }), _jsxs(SolidButton, { type: "button", variant: "secondary", size: "small", onClick: addTag, children: [_jsx(Plus, { size: 14 }), " Add"] })] }), fieldErrors.tags && _jsx("small", { className: "agent-skill-editor__field-error", children: fieldErrors.tags }), _jsx("small", { children: "Tags are saved as a JSON array." })] })] })),
+        },
+        {
+            value: "skill",
+            label: "Skill",
+            content: (_jsx("div", { className: "agent-skill-editor__skill", children: _jsxs("section", { className: "agent-skill-editor__panel", children: [_jsxs("header", { children: [_jsxs("h2", { children: ["Skill instructions ", _jsx("b", { children: "*" })] }), _jsx("p", { children: "Write the skill's Markdown body here." })] }), _jsx(SolidCodeEditor, { value: body, onChange: function (value) {
+                                setBody(value !== null && value !== void 0 ? value : "");
+                                setFieldErrors(function (current) { return (__assign(__assign({}, current), { body: "" })); });
+                            }, language: "markdown", readOnly: isReadOnly, fontSize: 11, height: "max(32rem, calc(100dvh - 18rem))", className: "agent-skill-editor__code".concat(fieldErrors.body ? " agent-skill-editor__code--invalid" : "") }), fieldErrors.body && _jsx("small", { className: "agent-skill-editor__field-error agent-skill-editor__body-error", children: fieldErrors.body })] }) })),
+        },
+        {
+            value: "agents",
+            label: "Agents",
+            content: (_jsxs("section", { className: "agent-skill-editor__agents", children: [_jsxs("div", { children: [_jsx("h2", { children: "Associated agents" }), _jsx("p", { children: "Agents linked to this skill. Associations are read-only here." })] }), isLoading ? (_jsx("p", { children: "Loading associated agents\u2026" })) : agents.length ? (_jsx("div", { className: "agent-skill-editor__agent-grid", children: agents.map(function (agent, index) {
+                            var _a, _b, _c, _d, _e, _f;
+                            return (_jsxs("article", { className: "agent-skill-editor__agent-card", children: [_jsx("span", { children: ((_b = (_a = agent.name) !== null && _a !== void 0 ? _a : agent.title) !== null && _b !== void 0 ? _b : "A").slice(0, 1).toUpperCase() }), _jsx("strong", { children: (_d = (_c = agent.name) !== null && _c !== void 0 ? _c : agent.title) !== null && _d !== void 0 ? _d : "Unnamed agent" })] }, String((_f = (_e = agent.id) !== null && _e !== void 0 ? _e : agent.name) !== null && _f !== void 0 ? _f : index)));
+                        }) })) : (_jsx("div", { className: "agent-skill-editor__empty", children: "No agents are currently associated with this skill." }))] })),
+        },
+    ];
+    return (_jsxs("main", { className: "agent-skill-editor", children: [_jsxs("header", { className: "agent-skill-editor__header", children: [_jsx("div", { children: _jsxs("div", { className: "agent-skill-editor__heading-with-refresh", children: [_jsx("h1", { children: record ? "Edit Skill" : "Create Skill" }), (record === null || record === void 0 ? void 0 : record.id) && _jsx("button", { type: "button", className: "agent-skill-editor__refresh".concat(isFetching ? " is-loading" : ""), "aria-label": "Refresh skill", title: "Refresh skill", disabled: isFetching || isSaving, onClick: requestRefresh, children: _jsx(RefreshCw, { size: 14 }) })] }) }), _jsxs("div", { className: "agent-skill-editor__actions", children: [_jsx(SolidButton, { variant: "secondary", leftIcon: _jsx(ArrowLeft, { size: 16 }), onClick: function () { return navigate(-1); }, children: "Back" }), !isReadOnly && (_jsx(SolidButton, { loading: isCreating || isSaving, onClick: handleSave, children: "Save Skill" }))] })] }), _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 skill content." }) }) }), isLoading ? (_jsx("div", { className: "agent-skill-editor__loading", children: "Loading skill\u2026" })) : (record === null || record === void 0 ? void 0 : record.id) ? (_jsx(AgentRegistryAuditPanel, { modelSingularName: "agentSkillRegistry", recordId: record.id, refreshVersion: auditRefreshVersion, modelUserKey: record.name, children: _jsx(SolidTabGroup, { tabs: tabs, value: activeTab, onValueChange: setActiveTab, className: "agent-skill-editor__tabs", listClassName: "agent-skill-editor__tab-list", panelClassName: "agent-skill-editor__tab-panel" }) })) : (_jsx(SolidTabGroup, { tabs: tabs, value: activeTab, onValueChange: setActiveTab, className: "agent-skill-editor__tabs", listClassName: "agent-skill-editor__tab-list", panelClassName: "agent-skill-editor__tab-panel" }))] }));
+}
+//# sourceMappingURL=AgentSkillRegistryEditorPage.js.map