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

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

@@ -1,10 +1,11 @@
 import React from "react";
-import { ArrowLeft, Plus, RefreshCw, X } from "lucide-react";
+import { ArrowLeft, RefreshCw } 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 { AgentHubTagsField, agentHubTagsFrom, agentHubTagsPayload, type AgentHubTag } from "./AgentHubTagsField";
 import {
   SolidButton,
   SolidCodeEditor,
@@ -30,7 +31,7 @@ type SkillRecord = {
   iconName?: string | null;
   description?: string;
   body?: string;
-  tags?: unknown;
+  tags?: AgentHubTag[];
   agentSkills?: AgentReference[] | AgentReference | null;
 };
 
@@ -45,25 +46,6 @@ function extractEntityRecord(response: unknown): Record<string, any> | undefined
   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)) {
@@ -125,7 +107,7 @@ export function AgentSkillRegistryEditorPage() {
   const { data: response, isLoading, isFetching, refetch } = useGetSolidEntityByIdQuery(
     {
       id,
-      qs: "populate[0]=agentSkills&populate[1]=agentSkills.agentRegistry",
+      qs: "populate[0]=agentSkills&populate[1]=agentSkills.agentRegistry&populate[2]=tags",
     },
     { skip: !id || id === "new" },
   );
@@ -139,47 +121,36 @@ export function AgentSkillRegistryEditorPage() {
   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 [tags, setTags] = React.useState<AgentHubTag[]>([]);
+  const [creatingTag, setCreatingTag] = React.useState(false);
   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 });
+  const currentForm = () => JSON.stringify({ name, type, iconName, description, body, tags });
 
   React.useEffect(() => {
-    const nextTags = parseTags(record?.tags);
+    const nextTags = agentHubTagsFrom(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: "" });
+    baseline.current = JSON.stringify({ name: record?.name ?? "", type: record?.type ?? "custom", iconName: record?.iconName ?? "", description: record?.description ?? "", body: record?.body ?? "", tags: nextTags });
   }, [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 () => {
+    if (creatingTag) return;
     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) {
@@ -198,7 +169,7 @@ export function AgentSkillRegistryEditorPage() {
       iconName: iconName || null,
       description: description.trim(),
       body,
-      tags: JSON.stringify(tags),
+      ...agentHubTagsPayload(tags),
     };
 
     try {
@@ -229,14 +200,14 @@ export function AgentSkillRegistryEditorPage() {
       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"]) {
+        for (const field of ["name", "type", "description", "body"]) {
           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");
+        setActiveTab(serverFieldErrors.body ? "skill" : "general");
       }
       dispatch(showToast({
         severity: "error",
@@ -306,46 +277,7 @@ export function AgentSkillRegistryEditorPage() {
             </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>
+          <AgentHubTagsField value={tags} onChange={setTags} disabled={isReadOnly || isCreating || isSaving} onBusyChange={setCreatingTag} />
         </fieldset>
       ),
     },
@@ -415,7 +347,7 @@ export function AgentSkillRegistryEditorPage() {
             Back
           </SolidButton>
           {!isReadOnly && (
-            <SolidButton loading={isCreating || isSaving} onClick={handleSave}>
+            <SolidButton loading={isCreating || isSaving} disabled={creatingTag} onClick={handleSave}>
               Save Skill
             </SolidButton>
           )}

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

@@ -0,0 +1,11 @@
+type Props = {
+    open: boolean;
+    toolId: number;
+    checksum: string;
+    toolName: string;
+    onOpenChange: (open: boolean) => void;
+    onActivated: () => Promise<void>;
+};
+export declare function AgentToolActivationDialog({ open, toolId, checksum, toolName, onOpenChange, onActivated }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentToolActivationDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentToolActivationDialog.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentToolActivationDialog.tsx"],"names":[],"mappings":"AAYA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAClC,CAAC;AAuCF,wBAAgB,yBAAyB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,KAAK,2CAiF/G"}

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

@@ -0,0 +1,166 @@
+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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { CheckCircle2, Circle, Loader2, ShieldCheck, XCircle } from "lucide-react";
+import { solidPost } from "../../../../http/solidHttp";
+import { SolidButton, SolidDialog, SolidDialogBody } from "../../../../components/shad-cn-ui";
+function unwrapReport(response) {
+    var value = response === null || response === void 0 ? void 0 : response.data;
+    for (var depth = 0; depth < 5 && value; depth += 1) {
+        if (value.config && value.init)
+            return value;
+        value = value.data;
+    }
+    throw new Error("The server returned an invalid tool check result.");
+}
+function errorMessage(error) {
+    var _a, _b, _c, _d, _e;
+    var body = (_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data;
+    var message = (_e = (_d = (_c = (_b = body === null || body === void 0 ? void 0 : body.data) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : body === null || body === void 0 ? void 0 : body.message) !== null && _d !== void 0 ? _d : body === null || body === void 0 ? void 0 : body.detail) !== null && _e !== void 0 ? _e : error === null || error === void 0 ? void 0 : error.message;
+    return Array.isArray(message) ? message.join(" ") : typeof message === "string" ? message : "Checks failed. Please retry.";
+}
+function CheckStep(_a) {
+    var _b;
+    var title = _a.title, step = _a.step, number = _a.number;
+    var Icon = step.status === "running" ? Loader2 : step.status === "passed" ? CheckCircle2
+        : step.status === "failed" ? XCircle : Circle;
+    var label = step.status === "running" ? "Checking" : step.status === "waiting" ? "Waiting" : step.status;
+    return _jsxs("section", { className: "agent-tool-check is-".concat(step.status), "aria-label": "".concat(title, ": ").concat(label), children: [_jsx("div", { className: "agent-tool-check__icon", children: _jsx(Icon, { size: 23, className: step.status === "running" ? "is-spinning" : undefined }) }), _jsxs("div", { className: "agent-tool-check__content", children: [_jsxs("div", { className: "agent-tool-check__heading", children: [_jsxs("h3", { children: [number, ". ", title] }), _jsx("span", { children: label })] }), _jsx("p", { children: step.message }), !!((_b = step.requiredSecrets) === null || _b === void 0 ? void 0 : _b.length) && _jsx("ul", { className: "agent-tool-check__secrets", "aria-label": "Required secrets", children: step.requiredSecrets.map(function (name) {
+                            var _a, _b;
+                            var missing = (_a = step.missingSecrets) === null || _a === void 0 ? void 0 : _a.includes(name);
+                            var verified = step.status === "passed" || Boolean((_b = step.missingSecrets) === null || _b === void 0 ? void 0 : _b.length);
+                            return _jsxs("li", { className: missing ? "is-missing" : verified ? "is-available" : "", children: [_jsx("code", { children: name }), _jsx("span", { children: missing ? "Missing, empty, or inactive" : verified ? "Available" : "Not verified" })] }, name);
+                        }) })] })] });
+}
+export function AgentToolActivationDialog(_a) {
+    var _this = this;
+    var open = _a.open, toolId = _a.toolId, checksum = _a.checksum, toolName = _a.toolName, onOpenChange = _a.onOpenChange, onActivated = _a.onActivated;
+    var _b = React.useState({ status: "running", message: "Checking configuration and required secrets…" }), config = _b[0], setConfig = _b[1];
+    var _c = React.useState({ status: "waiting", message: "Waiting for configuration to pass." }), init = _c[0], setInit = _c[1];
+    var _d = React.useState(true), busy = _d[0], setBusy = _d[1];
+    var _e = React.useState(false), activated = _e[0], setActivated = _e[1];
+    var _f = React.useState(""), activationError = _f[0], setActivationError = _f[1];
+    var _g = React.useState(0), attempt = _g[0], setAttempt = _g[1];
+    var callbacks = React.useRef({ onActivated: onActivated });
+    callbacks.current = { onActivated: onActivated };
+    React.useEffect(function () {
+        if (!open)
+            return;
+        var controller = new AbortController();
+        var cancelled = false;
+        var run = function () { return __awaiter(_this, void 0, void 0, function () {
+            var phase, requestOptions, checkUrl, configuration, _a, initialization, _b, error_1, failed;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        phase = "config";
+                        setBusy(true);
+                        setActivated(false);
+                        setActivationError("");
+                        setConfig({ status: "running", message: "Checking configuration and required secrets…" });
+                        setInit({ status: "waiting", message: "Waiting for configuration to pass." });
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 5, 6, 7]);
+                        requestOptions = { signal: controller.signal, timeout: 60000 };
+                        checkUrl = "/agent-tool-registry/".concat(toolId, "/check");
+                        _a = unwrapReport;
+                        return [4 /*yield*/, solidPost(checkUrl, { checksum: checksum, phase: "config" }, requestOptions)];
+                    case 2:
+                        configuration = _a.apply(void 0, [_c.sent()]);
+                        if (configuration.toolId !== toolId || configuration.checksum !== checksum)
+                            throw new Error("The server checked a different tool version.");
+                        if (cancelled)
+                            return [2 /*return*/];
+                        setConfig(configuration.config);
+                        if (configuration.config.status !== "passed") {
+                            setInit({ status: "skipped", message: "Configuration must pass before initialization can run." });
+                            return [2 /*return*/];
+                        }
+                        phase = "init";
+                        setInit({ status: "running", message: "Running the tool’s initialization check…" });
+                        _b = unwrapReport;
+                        return [4 /*yield*/, solidPost(checkUrl, { checksum: checksum, phase: "init" }, requestOptions)];
+                    case 3:
+                        initialization = _b.apply(void 0, [_c.sent()]);
+                        if (initialization.toolId !== toolId || initialization.checksum !== checksum)
+                            throw new Error("The server checked a different tool version.");
+                        if (cancelled)
+                            return [2 /*return*/];
+                        setConfig(initialization.config);
+                        setInit(initialization.init);
+                        if (initialization.config.status !== "passed" || initialization.init.status !== "passed")
+                            return [2 /*return*/];
+                        phase = "activate";
+                        return [4 /*yield*/, callbacks.current.onActivated()];
+                    case 4:
+                        _c.sent();
+                        if (cancelled)
+                            return [2 /*return*/];
+                        setActivated(true);
+                        return [3 /*break*/, 7];
+                    case 5:
+                        error_1 = _c.sent();
+                        if (cancelled)
+                            return [2 /*return*/];
+                        failed = { status: "failed", message: errorMessage(error_1) };
+                        if (phase === "config") {
+                            setConfig(failed);
+                            setInit({ status: "skipped", message: "Configuration must pass before initialization can run." });
+                        }
+                        else if (phase === "init")
+                            setInit(failed);
+                        else
+                            setActivationError(errorMessage(error_1));
+                        return [3 /*break*/, 7];
+                    case 6:
+                        if (!cancelled)
+                            setBusy(false);
+                        return [7 /*endfinally*/];
+                    case 7: return [2 /*return*/];
+                }
+            });
+        }); };
+        // Avoid duplicate requests during React StrictMode effect replay.
+        var timer = setTimeout(function () { return void run(); }, 0);
+        return function () { cancelled = true; clearTimeout(timer); controller.abort(); };
+    }, [open, toolId, checksum, attempt]);
+    return _jsx(SolidDialog, { open: open, onOpenChange: function (next) { if (!busy)
+            onOpenChange(next); }, className: busy ? "agent-tool-activation-dialog is-checking" : "agent-tool-activation-dialog", header: "Activate tool", dismissible: !busy, style: { width: "min(36rem, 94vw)" }, footer: _jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "secondary", disabled: busy, onClick: function () { return onOpenChange(false); }, children: activated ? "Done" : "Close" }), !activated && _jsx(SolidButton, { loading: busy, onClick: function () { setBusy(true); setAttempt(function (value) { return value + 1; }); }, children: busy ? "Checking…" : "Retry checks" })] }), children: _jsx(SolidDialogBody, { children: _jsxs("div", { className: "agent-tool-activation", "aria-live": "polite", "aria-busy": busy, children: [_jsxs("p", { className: "agent-tool-activation__intro", children: [_jsx("strong", { children: toolName }), " will activate after configuration and initialization both pass."] }), _jsx(CheckStep, { title: "Configuration", step: config, number: 1 }), _jsx(CheckStep, { title: "Initialization", step: init, number: 2 }), activated ? _jsxs("div", { className: "agent-tool-activation__success", role: "status", children: [_jsx(ShieldCheck, { size: 20 }), _jsxs("div", { children: [_jsx("strong", { children: "Tool activated" }), _jsx("p", { children: "Both checks passed. Restart linked agent processes to apply the change." })] })] }) : !busy && _jsx("p", { className: "agent-tool-activation__failure", role: "alert", children: activationError ? "Checks passed, but activation failed: ".concat(activationError) : "The tool remains inactive. Resolve the reported issue and retry the checks." })] }) }) });
+}
+//# sourceMappingURL=AgentToolActivationDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentToolActivationDialog.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentToolActivationDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { CheckCircle2, Circle, Loader2, ShieldCheck, XCircle } from \"lucide-react\";\nimport { solidPost } from \"../../../../http/solidHttp\";\nimport { SolidButton, SolidDialog, SolidDialogBody } from \"../../../../components/shad-cn-ui\";\n\ntype Step = {\n  status: \"waiting\" | \"running\" | \"passed\" | \"failed\" | \"skipped\";\n  message: string;\n  requiredSecrets?: string[];\n  missingSecrets?: string[];\n};\ntype Report = { toolId?: number; checksum?: string; config: Step; init: Step };\ntype Props = {\n  open: boolean;\n  toolId: number;\n  checksum: string;\n  toolName: string;\n  onOpenChange: (open: boolean) => void;\n  onActivated: () => Promise<void>;\n};\n\nfunction unwrapReport(response: any): Report {\n  let value = response?.data;\n  for (let depth = 0; depth < 5 && value; depth += 1) {\n    if (value.config && value.init) return value as Report;\n    value = value.data;\n  }\n  throw new Error(\"The server returned an invalid tool check result.\");\n}\n\nfunction errorMessage(error: any): string {\n  const body = error?.response?.data;\n  const message = body?.data?.message ?? body?.message ?? body?.detail ?? error?.message;\n  return Array.isArray(message) ? message.join(\" \") : typeof message === \"string\" ? message : \"Checks failed. Please retry.\";\n}\n\nfunction CheckStep({ title, step, number }: { title: string; step: Step; number: number }) {\n  const Icon = step.status === \"running\" ? Loader2 : step.status === \"passed\" ? CheckCircle2\n    : step.status === \"failed\" ? XCircle : Circle;\n  const label = step.status === \"running\" ? \"Checking\" : step.status === \"waiting\" ? \"Waiting\" : step.status;\n  return <section className={`agent-tool-check is-${step.status}`} aria-label={`${title}: ${label}`}>\n    <div className=\"agent-tool-check__icon\"><Icon size={23} className={step.status === \"running\" ? \"is-spinning\" : undefined} /></div>\n    <div className=\"agent-tool-check__content\">\n      <div className=\"agent-tool-check__heading\"><h3>{number}. {title}</h3><span>{label}</span></div>\n      <p>{step.message}</p>\n      {!!step.requiredSecrets?.length && <ul className=\"agent-tool-check__secrets\" aria-label=\"Required secrets\">\n        {step.requiredSecrets.map((name) => {\n          const missing = step.missingSecrets?.includes(name);\n          const verified = step.status === \"passed\" || Boolean(step.missingSecrets?.length);\n          return <li key={name} className={missing ? \"is-missing\" : verified ? \"is-available\" : \"\"}>\n            <code>{name}</code><span>{missing ? \"Missing, empty, or inactive\" : verified ? \"Available\" : \"Not verified\"}</span>\n          </li>;\n        })}\n      </ul>}\n    </div>\n  </section>;\n}\n\nexport function AgentToolActivationDialog({ open, toolId, checksum, toolName, onOpenChange, onActivated }: Props) {\n  const [config, setConfig] = React.useState<Step>({ status: \"running\", message: \"Checking configuration and required secrets…\" });\n  const [init, setInit] = React.useState<Step>({ status: \"waiting\", message: \"Waiting for configuration to pass.\" });\n  const [busy, setBusy] = React.useState(true);\n  const [activated, setActivated] = React.useState(false);\n  const [activationError, setActivationError] = React.useState(\"\");\n  const [attempt, setAttempt] = React.useState(0);\n  const callbacks = React.useRef({ onActivated });\n  callbacks.current = { onActivated };\n\n  React.useEffect(() => {\n    if (!open) return;\n    const controller = new AbortController();\n    let cancelled = false;\n    const run = async () => {\n      let phase: \"config\" | \"init\" | \"activate\" = \"config\";\n      setBusy(true);\n      setActivated(false);\n      setActivationError(\"\");\n      setConfig({ status: \"running\", message: \"Checking configuration and required secrets…\" });\n      setInit({ status: \"waiting\", message: \"Waiting for configuration to pass.\" });\n      try {\n        const requestOptions = { signal: controller.signal, timeout: 60000 };\n        const checkUrl = `/agent-tool-registry/${toolId}/check`;\n        const configuration = unwrapReport(await solidPost(checkUrl, { checksum, phase: \"config\" }, requestOptions));\n        if (configuration.toolId !== toolId || configuration.checksum !== checksum) throw new Error(\"The server checked a different tool version.\");\n        if (cancelled) return;\n        setConfig(configuration.config);\n        if (configuration.config.status !== \"passed\") {\n          setInit({ status: \"skipped\", message: \"Configuration must pass before initialization can run.\" });\n          return;\n        }\n        phase = \"init\";\n        setInit({ status: \"running\", message: \"Running the tool’s initialization check…\" });\n        const initialization = unwrapReport(await solidPost(checkUrl, { checksum, phase: \"init\" }, requestOptions));\n        if (initialization.toolId !== toolId || initialization.checksum !== checksum) throw new Error(\"The server checked a different tool version.\");\n        if (cancelled) return;\n        setConfig(initialization.config);\n        setInit(initialization.init);\n        if (initialization.config.status !== \"passed\" || initialization.init.status !== \"passed\") return;\n        phase = \"activate\";\n        await callbacks.current.onActivated();\n        if (cancelled) return;\n        setActivated(true);\n      } catch (error) {\n        if (cancelled) return;\n        const failed: Step = { status: \"failed\", message: errorMessage(error) };\n        if (phase === \"config\") {\n          setConfig(failed);\n          setInit({ status: \"skipped\", message: \"Configuration must pass before initialization can run.\" });\n        } else if (phase === \"init\") setInit(failed);\n        else setActivationError(errorMessage(error));\n      } finally {\n        if (!cancelled) setBusy(false);\n      }\n    };\n    // Avoid duplicate requests during React StrictMode effect replay.\n    const timer = setTimeout(() => void run(), 0);\n    return () => { cancelled = true; clearTimeout(timer); controller.abort(); };\n  }, [open, toolId, checksum, attempt]);\n\n  return <SolidDialog open={open} onOpenChange={(next) => { if (!busy) onOpenChange(next); }}\n    className={busy ? \"agent-tool-activation-dialog is-checking\" : \"agent-tool-activation-dialog\"}\n    header=\"Activate tool\" dismissible={!busy} style={{ width: \"min(36rem, 94vw)\" }}\n    footer={<>\n      <SolidButton variant=\"secondary\" disabled={busy} onClick={() => onOpenChange(false)}>{activated ? \"Done\" : \"Close\"}</SolidButton>\n      {!activated && <SolidButton loading={busy} onClick={() => { setBusy(true); setAttempt((value) => value + 1); }}>\n        {busy ? \"Checking…\" : \"Retry checks\"}\n      </SolidButton>}\n    </>}>\n    <SolidDialogBody>\n      <div className=\"agent-tool-activation\" aria-live=\"polite\" aria-busy={busy}>\n        <p className=\"agent-tool-activation__intro\"><strong>{toolName}</strong> will activate after configuration and initialization both pass.</p>\n        <CheckStep title=\"Configuration\" step={config} number={1} />\n        <CheckStep title=\"Initialization\" step={init} number={2} />\n        {activated ? <div className=\"agent-tool-activation__success\" role=\"status\"><ShieldCheck size={20} />\n          <div><strong>Tool activated</strong><p>Both checks passed. Restart linked agent processes to apply the change.</p></div>\n        </div> : !busy && <p className=\"agent-tool-activation__failure\" role=\"alert\">{activationError ? `Checks passed, but activation failed: ${activationError}` : \"The tool remains inactive. Resolve the reported issue and retry the checks.\"}</p>}\n      </div>\n    </SolidDialogBody>\n  </SolidDialog>;\n}\n"]}

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

@@ -0,0 +1,140 @@
+import React from "react";
+import { CheckCircle2, Circle, Loader2, ShieldCheck, XCircle } from "lucide-react";
+import { solidPost } from "../../../../http/solidHttp";
+import { SolidButton, SolidDialog, SolidDialogBody } from "../../../../components/shad-cn-ui";
+
+type Step = {
+  status: "waiting" | "running" | "passed" | "failed" | "skipped";
+  message: string;
+  requiredSecrets?: string[];
+  missingSecrets?: string[];
+};
+type Report = { toolId?: number; checksum?: string; config: Step; init: Step };
+type Props = {
+  open: boolean;
+  toolId: number;
+  checksum: string;
+  toolName: string;
+  onOpenChange: (open: boolean) => void;
+  onActivated: () => Promise<void>;
+};
+
+function unwrapReport(response: any): Report {
+  let value = response?.data;
+  for (let depth = 0; depth < 5 && value; depth += 1) {
+    if (value.config && value.init) return value as Report;
+    value = value.data;
+  }
+  throw new Error("The server returned an invalid tool check result.");
+}
+
+function errorMessage(error: any): string {
+  const body = error?.response?.data;
+  const message = body?.data?.message ?? body?.message ?? body?.detail ?? error?.message;
+  return Array.isArray(message) ? message.join(" ") : typeof message === "string" ? message : "Checks failed. Please retry.";
+}
+
+function CheckStep({ title, step, number }: { title: string; step: Step; number: number }) {
+  const Icon = step.status === "running" ? Loader2 : step.status === "passed" ? CheckCircle2
+    : step.status === "failed" ? XCircle : Circle;
+  const label = step.status === "running" ? "Checking" : step.status === "waiting" ? "Waiting" : step.status;
+  return <section className={`agent-tool-check is-${step.status}`} aria-label={`${title}: ${label}`}>
+    <div className="agent-tool-check__icon"><Icon size={23} className={step.status === "running" ? "is-spinning" : undefined} /></div>
+    <div className="agent-tool-check__content">
+      <div className="agent-tool-check__heading"><h3>{number}. {title}</h3><span>{label}</span></div>
+      <p>{step.message}</p>
+      {!!step.requiredSecrets?.length && <ul className="agent-tool-check__secrets" aria-label="Required secrets">
+        {step.requiredSecrets.map((name) => {
+          const missing = step.missingSecrets?.includes(name);
+          const verified = step.status === "passed" || Boolean(step.missingSecrets?.length);
+          return <li key={name} className={missing ? "is-missing" : verified ? "is-available" : ""}>
+            <code>{name}</code><span>{missing ? "Missing, empty, or inactive" : verified ? "Available" : "Not verified"}</span>
+          </li>;
+        })}
+      </ul>}
+    </div>
+  </section>;
+}
+
+export function AgentToolActivationDialog({ open, toolId, checksum, toolName, onOpenChange, onActivated }: Props) {
+  const [config, setConfig] = React.useState<Step>({ status: "running", message: "Checking configuration and required secrets…" });
+  const [init, setInit] = React.useState<Step>({ status: "waiting", message: "Waiting for configuration to pass." });
+  const [busy, setBusy] = React.useState(true);
+  const [activated, setActivated] = React.useState(false);
+  const [activationError, setActivationError] = React.useState("");
+  const [attempt, setAttempt] = React.useState(0);
+  const callbacks = React.useRef({ onActivated });
+  callbacks.current = { onActivated };
+
+  React.useEffect(() => {
+    if (!open) return;
+    const controller = new AbortController();
+    let cancelled = false;
+    const run = async () => {
+      let phase: "config" | "init" | "activate" = "config";
+      setBusy(true);
+      setActivated(false);
+      setActivationError("");
+      setConfig({ status: "running", message: "Checking configuration and required secrets…" });
+      setInit({ status: "waiting", message: "Waiting for configuration to pass." });
+      try {
+        const requestOptions = { signal: controller.signal, timeout: 60000 };
+        const checkUrl = `/agent-tool-registry/${toolId}/check`;
+        const configuration = unwrapReport(await solidPost(checkUrl, { checksum, phase: "config" }, requestOptions));
+        if (configuration.toolId !== toolId || configuration.checksum !== checksum) throw new Error("The server checked a different tool version.");
+        if (cancelled) return;
+        setConfig(configuration.config);
+        if (configuration.config.status !== "passed") {
+          setInit({ status: "skipped", message: "Configuration must pass before initialization can run." });
+          return;
+        }
+        phase = "init";
+        setInit({ status: "running", message: "Running the tool’s initialization check…" });
+        const initialization = unwrapReport(await solidPost(checkUrl, { checksum, phase: "init" }, requestOptions));
+        if (initialization.toolId !== toolId || initialization.checksum !== checksum) throw new Error("The server checked a different tool version.");
+        if (cancelled) return;
+        setConfig(initialization.config);
+        setInit(initialization.init);
+        if (initialization.config.status !== "passed" || initialization.init.status !== "passed") return;
+        phase = "activate";
+        await callbacks.current.onActivated();
+        if (cancelled) return;
+        setActivated(true);
+      } catch (error) {
+        if (cancelled) return;
+        const failed: Step = { status: "failed", message: errorMessage(error) };
+        if (phase === "config") {
+          setConfig(failed);
+          setInit({ status: "skipped", message: "Configuration must pass before initialization can run." });
+        } else if (phase === "init") setInit(failed);
+        else setActivationError(errorMessage(error));
+      } finally {
+        if (!cancelled) setBusy(false);
+      }
+    };
+    // Avoid duplicate requests during React StrictMode effect replay.
+    const timer = setTimeout(() => void run(), 0);
+    return () => { cancelled = true; clearTimeout(timer); controller.abort(); };
+  }, [open, toolId, checksum, attempt]);
+
+  return <SolidDialog open={open} onOpenChange={(next) => { if (!busy) onOpenChange(next); }}
+    className={busy ? "agent-tool-activation-dialog is-checking" : "agent-tool-activation-dialog"}
+    header="Activate tool" dismissible={!busy} style={{ width: "min(36rem, 94vw)" }}
+    footer={<>
+      <SolidButton variant="secondary" disabled={busy} onClick={() => onOpenChange(false)}>{activated ? "Done" : "Close"}</SolidButton>
+      {!activated && <SolidButton loading={busy} onClick={() => { setBusy(true); setAttempt((value) => value + 1); }}>
+        {busy ? "Checking…" : "Retry checks"}
+      </SolidButton>}
+    </>}>
+    <SolidDialogBody>
+      <div className="agent-tool-activation" aria-live="polite" aria-busy={busy}>
+        <p className="agent-tool-activation__intro"><strong>{toolName}</strong> will activate after configuration and initialization both pass.</p>
+        <CheckStep title="Configuration" step={config} number={1} />
+        <CheckStep title="Initialization" step={init} number={2} />
+        {activated ? <div className="agent-tool-activation__success" role="status"><ShieldCheck size={20} />
+          <div><strong>Tool activated</strong><p>Both checks passed. Restart linked agent processes to apply the change.</p></div>
+        </div> : !busy && <p className="agent-tool-activation__failure" role="alert">{activationError ? `Checks passed, but activation failed: ${activationError}` : "The tool remains inactive. Resolve the reported issue and retry the checks."}</p>}
+      </div>
+    </SolidDialogBody>
+  </SolidDialog>;
+}

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

@@ -122,4 +122,30 @@
 @media(max-width:900px) { .agent-tool-editor__sessions { height:auto; min-height:0; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(24rem,1fr); max-height:none; } .agent-tool-editor__sessions-sidebar { max-height:18rem; border-right:0; border-bottom:1px solid var(--surface-border,var(--border)); } .agent-tool-editor__event-filters>label { flex:1 1 8rem; } }
 @media(max-width:600px) { .agent-tool-editor { padding:1rem; } .agent-tool-editor__header { align-items:flex-start; flex-direction:column; } .agent-tool-editor__actions { width:100%; } }
 fieldset.agent-tool-editor__general { min-width:0; margin:0; padding:0; border:0; }
+.agent-tool-activation { display:flex; flex-direction:column; gap:1rem; }
+.agent-tool-activation-dialog.is-checking .solid-radix-dialog-close { visibility:hidden; }
+.agent-tool-activation__intro { margin:0 0 .25rem; color:var(--text-color-secondary,var(--muted-foreground)); line-height:1.6; }
+.agent-tool-activation__intro strong { color:var(--text-color,var(--foreground)); }
+.agent-tool-check { display:flex; align-items:flex-start; gap:.85rem; padding:1rem; border:1px solid var(--surface-border,var(--border)); border-radius:.75rem; background:var(--surface-ground,var(--background)); }
+.agent-tool-check__icon { display:flex; flex:0 0 2.4rem; align-items:center; justify-content:center; height:2.4rem; border-radius:50%; background:var(--surface-card,var(--card)); color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-tool-check__content { flex:1; min-width:0; }
+.agent-tool-check__heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }
+.agent-tool-check__heading h3 { margin:0; font-size:.95rem; }
+.agent-tool-check__heading>span { padding:.15rem .55rem; border:1px solid currentColor; border-radius:999px; font-size:.7rem; font-weight:650; text-transform:capitalize; }
+.agent-tool-check p { margin:.45rem 0 0; font-size:.82rem; line-height:1.5; overflow-wrap:anywhere; color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-tool-check.is-running .agent-tool-check__icon,.agent-tool-check.is-running .agent-tool-check__heading>span { color:var(--primary-color,var(--primary)); }
+.agent-tool-check.is-passed .agent-tool-check__icon,.agent-tool-check.is-passed .agent-tool-check__heading>span { color:#16a34a; }
+.agent-tool-check.is-failed .agent-tool-check__icon,.agent-tool-check.is-failed .agent-tool-check__heading>span { color:#dc2626; }
+.agent-tool-check__secrets { display:flex; flex-direction:column; gap:.4rem; padding:0; margin:.8rem 0 0; list-style:none; }
+.agent-tool-check__secrets li { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.35rem; font-size:.75rem; }
+.agent-tool-check__secrets code { overflow-wrap:anywhere; }
+.agent-tool-check__secrets .is-available>span { color:#16a34a; }
+.agent-tool-check__secrets .is-missing>span { color:#dc2626; }
+.agent-tool-activation__success { display:flex; gap:.65rem; padding:.85rem 1rem; border-radius:.65rem; background:color-mix(in srgb,#16a34a 9%,var(--surface-card,var(--card))); color:#16a34a; }
+.agent-tool-activation__success svg { flex-shrink:0; }
+.agent-tool-activation__success p { margin:.25rem 0 0; font-size:.8rem; color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-tool-activation__failure { margin:0; font-size:.82rem; color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-tool-check .is-spinning { animation:agent-tool-check-spin 1s linear infinite; }
+@keyframes agent-tool-check-spin { to { transform:rotate(360deg); } }
+@media(prefers-reduced-motion:reduce) { .agent-tool-check .is-spinning { animation:none; } }
 .agent-tool-editor__readonly-note { margin:0; padding:.75rem 1rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; color:var(--text-color-secondary,var(--muted-foreground)); background:var(--surface-ground,var(--background)); font-size:.875rem; }

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

@@ -1 +1 @@
-{"version":3,"file":"AgentToolRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentToolRegistryEditorPage.tsx"],"names":[],"mappings":"AAUA,OAAO,mCAAmC,CAAC;AAuE3C,wBAAgB,2BAA2B,4CAiM1C"}
+{"version":3,"file":"AgentToolRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentToolRegistryEditorPage.tsx"],"names":[],"mappings":"AAaA,OAAO,mCAAmC,CAAC;AA6D3C,wBAAgB,2BAA2B,4CAgN1C"}