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

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

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

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

@@ -0,0 +1,460 @@
+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";
+
+type AgentReference = {
+  id?: number | string;
+  name?: string;
+  title?: string;
+  agentRegistry?: AgentReference | number | string | null;
+};
+
+type SkillRecord = {
+  id: number;
+  name?: string;
+  type?: string;
+  iconName?: string | null;
+  description?: string;
+  body?: string;
+  tags?: unknown;
+  agentSkills?: AgentReference[] | AgentReference | null;
+};
+
+function extractEntityRecord(response: unknown): Record<string, any> | undefined {
+  let candidate: unknown = response;
+  for (let depth = 0; depth < 3; depth += 1) {
+    if (!candidate || typeof candidate !== "object") return undefined;
+    const value = candidate as Record<string, unknown>;
+    if ("id" in value || "name" in value) return value;
+    candidate = value.data;
+  }
+  return candidate && typeof candidate === "object" ? candidate as Record<string, any> : undefined;
+}
+
+function parseTags(value: unknown): string[] {
+  if (Array.isArray(value)) {
+    return value.map((tag) => String(tag).trim()).filter(Boolean);
+  }
+
+  if (typeof value !== "string" || !value.trim()) return [];
+
+  try {
+    const parsed = JSON.parse(value);
+    if (Array.isArray(parsed)) {
+      return parsed.map((tag) => String(tag).trim()).filter(Boolean);
+    }
+  } catch {
+    return value === "{}" ? [] : value.split(",").map((tag) => tag.trim()).filter(Boolean);
+  }
+
+  return [];
+}
+
+function formatErrorMessage(value: unknown): string | undefined {
+  if (typeof value === "string") return value.trim() || undefined;
+  if (Array.isArray(value)) {
+    const messages = value.map(formatErrorMessage).filter((message): message is string => Boolean(message));
+    return messages.length ? messages.join("; ") : undefined;
+  }
+  if (value && typeof value === "object") {
+    const error = value as Record<string, unknown>;
+    return formatErrorMessage(error.message)
+      ?? formatErrorMessage(error.constraints)
+      ?? formatErrorMessage(error.error);
+  }
+  return undefined;
+}
+
+function getSaveErrorMessage(error: unknown): string {
+  if (!error || typeof error !== "object") return "Failed to save skill.";
+  const apiError = error as Record<string, any>;
+  // Nest validation details are nested at data.data.message; prefer them over
+  // the generic outer "Bad Request Exception" message.
+  return formatErrorMessage(apiError.data?.data?.message)
+    ?? formatErrorMessage(apiError.data?.message)
+    ?? formatErrorMessage(apiError.data?.error)
+    ?? formatErrorMessage(apiError.message)
+    ?? "Failed to save skill.";
+}
+
+function skillAgents(record?: SkillRecord): AgentReference[] {
+  const related = record?.agentSkills;
+  const links = Array.isArray(related)
+    ? related
+    : related
+      ? [related]
+      : [];
+  const seen = new Set<string>();
+
+  return links
+    .map((link) => link.agentRegistry)
+    .filter((agent): agent is AgentReference => Boolean(agent && typeof agent === "object"))
+    .filter((agent) => {
+      const key = String(agent.id ?? agent.name ?? agent.title ?? "");
+      if (!key || seen.has(key)) return false;
+      seen.add(key);
+      return true;
+    });
+}
+
+export function AgentSkillRegistryEditorPage() {
+  const { id = "" } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const dispatch = useDispatch();
+  const entityApi = React.useMemo(() => createSolidEntityApi("agentSkillRegistry"), []);
+  const {
+    useCreateSolidEntityMutation,
+    useGetSolidEntityByIdQuery,
+    useUpdateSolidEntityMutation,
+  } = entityApi;
+
+  const { data: response, isLoading, isFetching, refetch } = useGetSolidEntityByIdQuery(
+    {
+      id,
+      qs: "populate[0]=agentSkills&populate[1]=agentSkills.agentRegistry",
+    },
+    { skip: !id || id === "new" },
+  );
+  const [createSkill, { isLoading: isCreating }] = useCreateSolidEntityMutation();
+  const [updateSkill, { isLoading: isSaving }] = useUpdateSolidEntityMutation();
+  const record = extractEntityRecord(response) as SkillRecord | undefined;
+
+  const [activeTab, setActiveTab] = React.useState("general");
+  const [name, setName] = React.useState("");
+  const [type, setType] = React.useState("custom");
+  const [iconName, setIconName] = React.useState("");
+  const [description, setDescription] = React.useState("");
+  const [body, setBody] = React.useState("");
+  const [tags, setTags] = React.useState<string[]>([]);
+  const [tagDraft, setTagDraft] = React.useState("");
+  const [fieldErrors, setFieldErrors] = React.useState<Record<string, string>>({});
+  const [auditRefreshVersion, setAuditRefreshVersion] = React.useState(0);
+  const [confirmRefresh, setConfirmRefresh] = React.useState(false);
+  const baseline = React.useRef("");
+  const currentForm = () => JSON.stringify({ name, type, iconName, description, body, tags, tagDraft });
+
+  React.useEffect(() => {
+    const nextTags = parseTags(record?.tags);
+    setName(record?.name ?? "");
+    setType(record?.type ?? "custom");
+    setIconName(record?.iconName ?? "");
+    setDescription(record?.description ?? "");
+    setBody(record?.body ?? "");
+    setTags(nextTags);
+    setTagDraft("");
+    baseline.current = JSON.stringify({ name: record?.name ?? "", type: record?.type ?? "custom", iconName: record?.iconName ?? "", description: record?.description ?? "", body: record?.body ?? "", tags: nextTags, tagDraft: "" });
+  }, [record]);
+
+  const isReadOnly = record?.type === "solidx";
+  const isDirty = Boolean(record?.id) && currentForm() !== baseline.current;
+  const requestRefresh = () => isDirty ? setConfirmRefresh(true) : void refetch();
+
+  const addTag = () => {
+    const nextTag = tagDraft.trim();
+    if (!nextTag) return;
+    if (!tags.some((tag) => tag.toLowerCase() === nextTag.toLowerCase())) {
+      setTags((current) => [...current, nextTag]);
+    }
+    setTagDraft("");
+    setFieldErrors((current) => ({ ...current, tags: "" }));
+  };
+
+  const handleSave = async () => {
+    const nextErrors: Record<string, string> = {};
+    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;
+    }
+
+    const payload = {
+      name: name.trim(),
+      type,
+      iconName: iconName || null,
+      description: description.trim(),
+      body,
+      tags: JSON.stringify(tags),
+    };
+
+    try {
+      if (record?.id) {
+        await updateSkill({ id: record.id, data: payload }).unwrap();
+        dispatch(showToast({
+          severity: "success",
+          summary: "Saved",
+          detail: "Skill updated successfully.",
+        }));
+        setAuditRefreshVersion((version) => version + 1);
+        refetch();
+      } else {
+        const result: any = await createSkill(payload).unwrap();
+        const createdId = result?.data?.id ?? result?.id;
+        dispatch(showToast({
+          severity: "success",
+          summary: "Created",
+          detail: "Skill created successfully.",
+        }));
+        if (createdId) {
+          navigate(`/admin/core/solid-core/agent-skill-registry/editor/${createdId}`, {
+            replace: true,
+          });
+        }
+      }
+    } catch (error: any) {
+      const errorDetail = getSaveErrorMessage(error);
+      const serverFieldErrors: Record<string, string> = {};
+      if (/required|not be empty|cannot be empty|should not be empty/i.test(errorDetail)) {
+        for (const field of ["name", "type", "description", "body", "tags"]) {
+          if (!new RegExp(`\\b${field}\\b`, "i").test(errorDetail)) continue;
+          serverFieldErrors[field] = `${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,
+      }));
+    }
+  };
+
+  const agents = skillAgents(record);
+  const tabs = [
+    {
+      value: "general",
+      label: "General Info",
+      content: (
+        <fieldset className="agent-skill-editor__general" disabled={isReadOnly}>
+          {isReadOnly && <p className="agent-skill-editor__readonly-note">SolidX skills are seeded by the AgentHub runtime and cannot be edited.</p>}
+          <div className="agent-skill-editor__fields">
+            <label className="agent-skill-editor__field">
+              <span>Name <b>*</b></span>
+              <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={(event) => {
+                  setName(event.target.value);
+                  setFieldErrors((current) => ({ ...current, name: "" }));
+                }}
+              />
+              {fieldErrors.name && <small id="agent-skill-name-error" className="agent-skill-editor__field-error">{fieldErrors.name}</small>}
+            </label>
+            <div className="agent-skill-editor__field">
+              <span>Icon</span>
+              <SolidIconPicker value={iconName} onChange={setIconName} />
+            </div>
+            <label className="agent-skill-editor__field">
+              <span>Description <b>*</b></span>
+              <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={(event) => {
+                  setDescription(event.target.value);
+                  setFieldErrors((current) => ({ ...current, description: "" }));
+                }}
+              />
+              {fieldErrors.description && <small id="agent-skill-description-error" className="agent-skill-editor__field-error">{fieldErrors.description}</small>}
+            </label>
+          </div>
+          <label className="agent-skill-editor__field">
+            <span>Skill type <b>*</b></span>
+            <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={(event) => {
+                setType(event.target.value);
+                setFieldErrors((current) => ({ ...current, type: "" }));
+              }}
+            >
+              {isReadOnly && <option value="solidx">SolidX</option>}
+              <option value="thirdparty">Third Party</option>
+              <option value="custom">Custom</option>
+            </select>
+            {fieldErrors.type && <small id="agent-skill-type-error" className="agent-skill-editor__field-error">{fieldErrors.type}</small>}
+          </label>
+          <div className="agent-skill-editor__field">
+            <span>Tags <b>*</b></span>
+            <div className={`agent-skill-editor__tag-input${fieldErrors.tags ? " agent-skill-editor__tag-input--invalid" : ""}`}>
+              {tags.map((tag, index) => (
+                <span className="agent-skill-editor__tag" key={`${tag}-${index}`}>
+                  {tag}
+                  <button
+                    type="button"
+                    aria-label={`Remove ${tag}`}
+                    onClick={() => {
+                      setTags((current) => {
+                        const nextTags = current.filter((_, tagIndex) => tagIndex !== index);
+                        if (nextTags.length > 0) setFieldErrors((errors) => ({ ...errors, tags: "" }));
+                        return nextTags;
+                      });
+                    }}
+                  >
+                    <X size={13} />
+                  </button>
+                </span>
+              ))}
+              <input
+                value={tagDraft}
+                aria-label="Add a tag"
+                placeholder="Type a tag and press Enter"
+                onChange={(event) => setTagDraft(event.target.value)}
+                onKeyDown={(event) => {
+                  if (event.key === "Enter") {
+                    event.preventDefault();
+                    addTag();
+                  }
+                }}
+              />
+              <SolidButton type="button" variant="secondary" size="small" onClick={addTag}>
+                <Plus size={14} /> Add
+              </SolidButton>
+            </div>
+            {fieldErrors.tags && <small className="agent-skill-editor__field-error">{fieldErrors.tags}</small>}
+            <small>Tags are saved as a JSON array.</small>
+          </div>
+        </fieldset>
+      ),
+    },
+    {
+      value: "skill",
+      label: "Skill",
+      content: (
+        <div className="agent-skill-editor__skill">
+          <section className="agent-skill-editor__panel">
+            <header>
+              <h2>Skill instructions <b>*</b></h2>
+              <p>Write the skill's Markdown body here.</p>
+            </header>
+            <SolidCodeEditor
+              value={body}
+              onChange={(value) => {
+                setBody(value ?? "");
+                setFieldErrors((current) => ({ ...current, body: "" }));
+              }}
+              language="markdown"
+              readOnly={isReadOnly}
+              fontSize={11}
+              height="max(32rem, calc(100dvh - 18rem))"
+              className={`agent-skill-editor__code${fieldErrors.body ? " agent-skill-editor__code--invalid" : ""}`}
+            />
+            {fieldErrors.body && <small className="agent-skill-editor__field-error agent-skill-editor__body-error">{fieldErrors.body}</small>}
+          </section>
+        </div>
+      ),
+    },
+    {
+      value: "agents",
+      label: "Agents",
+      content: (
+        <section className="agent-skill-editor__agents">
+          <div>
+            <h2>Associated agents</h2>
+            <p>Agents linked to this skill. Associations are read-only here.</p>
+          </div>
+          {isLoading ? (
+            <p>Loading associated agents…</p>
+          ) : agents.length ? (
+            <div className="agent-skill-editor__agent-grid">
+              {agents.map((agent, index) => (
+                <article className="agent-skill-editor__agent-card" key={String(agent.id ?? agent.name ?? index)}>
+                  <span>{(agent.name ?? agent.title ?? "A").slice(0, 1).toUpperCase()}</span>
+                  <strong>{agent.name ?? agent.title ?? "Unnamed agent"}</strong>
+                </article>
+              ))}
+            </div>
+          ) : (
+            <div className="agent-skill-editor__empty">No agents are currently associated with this skill.</div>
+          )}
+        </section>
+      ),
+    },
+  ];
+
+  return (
+    <main className="agent-skill-editor">
+      <header className="agent-skill-editor__header">
+        <div>
+          <div className="agent-skill-editor__heading-with-refresh"><h1>{record ? "Edit Skill" : "Create Skill"}</h1>{record?.id && <button type="button" className={`agent-skill-editor__refresh${isFetching ? " is-loading" : ""}`} aria-label="Refresh skill" title="Refresh skill" disabled={isFetching || isSaving} onClick={requestRefresh}><RefreshCw size={14} /></button>}</div>
+        </div>
+        <div className="agent-skill-editor__actions">
+          <SolidButton variant="secondary" leftIcon={<ArrowLeft size={16} />} onClick={() => navigate(-1)}>
+            Back
+          </SolidButton>
+          {!isReadOnly && (
+            <SolidButton loading={isCreating || isSaving} onClick={handleSave}>
+              Save Skill
+            </SolidButton>
+          )}
+        </div>
+      </header>
+
+      <SolidDialog open={confirmRefresh} onOpenChange={setConfirmRefresh} header="Discard unsaved changes?" style={{ width: "min(28rem, 94vw)" }}
+        footer={<><SolidButton type="button" variant="secondary" onClick={() => setConfirmRefresh(false)}>Cancel</SolidButton><SolidButton type="button" disabled={isFetching} onClick={() => { setConfirmRefresh(false); void refetch(); }}>Refresh and discard</SolidButton></>}>
+        <SolidDialogBody><p>You have unsaved changes. Refreshing will discard them and load the latest skill content.</p></SolidDialogBody>
+      </SolidDialog>
+
+      {isLoading ? (
+        <div className="agent-skill-editor__loading">Loading skill…</div>
+      ) : record?.id ? (
+        <AgentRegistryAuditPanel
+          modelSingularName="agentSkillRegistry"
+          recordId={record.id}
+          refreshVersion={auditRefreshVersion}
+          modelUserKey={record.name}
+        >
+          <SolidTabGroup
+            tabs={tabs}
+            value={activeTab}
+            onValueChange={setActiveTab}
+            className="agent-skill-editor__tabs"
+            listClassName="agent-skill-editor__tab-list"
+            panelClassName="agent-skill-editor__tab-panel"
+          />
+        </AgentRegistryAuditPanel>
+      ) : (
+        <SolidTabGroup
+          tabs={tabs}
+          value={activeTab}
+          onValueChange={setActiveTab}
+          className="agent-skill-editor__tabs"
+          listClassName="agent-skill-editor__tab-list"
+          panelClassName="agent-skill-editor__tab-panel"
+        />
+      )}
+    </main>
+  );
+}