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

package/dist/routes/AppEventListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppEventListener.d.ts","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAyD/B"}
+{"version":3,"file":"AppEventListener.d.ts","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAwD/B"}

package/dist/routes/AppEventListener.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { eventBus, AppEvents } from "../helpers/eventBus";
 import { usePathname } from "../hooks/usePathname";
-import { SolidStudio, PreviewModePersist } from "../components/layout/SolidAiStudioLayout";
+import { SolidStudio } from "../components/layout/SolidAiStudioLayout";
 import { useDispatch } from "react-redux";
 import { showToast } from "../redux/features/toastSlice";
 import { env } from "../adapters/env";
@@ -91,6 +91,6 @@ export function AppEventListener() {
             }));
         });
     }, [dispatch]);
-    return (_jsxs(_Fragment, { children: [_jsx(SolidStudio, {}), _jsx(PreviewModePersist, {})] }));
+    return (_jsx(_Fragment, { children: window.self === window.top && !pathname.startsWith("/embed/agent/") && _jsx(SolidStudio, {}) }));
 }
 //# sourceMappingURL=AppEventListener.js.map

package/dist/routes/AppEventListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio, PreviewModePersist } from \"../components/layout/SolidAiStudioLayout\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../redux/features/toastSlice\";\nimport { env } from \"../adapters/env\";\nimport { backendHealthMonitor, type BackendHealthState } from \"../helpers/backendHealthMonitor\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n  error?: unknown;\n};\n\nfunction isDevMode() {\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  return envName === \"dev\" || envName === \"development\";\n}\n\nfunction formatUnknownValue(value: unknown) {\n  if (typeof value === \"string\") return value;\n  if (value === null || value === undefined) return \"\";\n\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction buildDevErrorDetail(payload?: GlobalErrorPayload) {\n  if (!payload) return undefined;\n\n  const error = payload.error as any;\n  const lines: string[] = [];\n\n  if (payload.status !== undefined) {\n    lines.push(`Status: ${String(payload.status)}`);\n  }\n\n  if (payload.message) {\n    lines.push(`Summary: ${payload.message}`);\n  }\n\n  if (error?.message) {\n    lines.push(`Error: ${error.message}`);\n  }\n\n  if (error?.code) {\n    lines.push(`Code: ${error.code}`);\n  }\n\n  const responseData = error?.response?.data ?? error?.data;\n  const responseText = formatUnknownValue(responseData);\n  if (responseText) {\n    lines.push(`Response:\\n${responseText}`);\n  }\n\n  if (error?.stack) {\n    lines.push(`Stack:\\n${error.stack}`);\n  }\n\n  return lines.length > 0 ? lines.join(\"\\n\\n\") : undefined;\n}\n\nexport function AppEventListener() {\n  const pathname = usePathname();\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (!pathname.startsWith(\"/admin\") && !pathname.startsWith(\"/auth\")) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: payload?.message || \"Something went wrong\",\n          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 4000,\n        })\n      );\n    });\n    return () => off();\n  }, [dispatch, pathname]);\n\n  useEffect(() => {\n    let previousStatus: BackendHealthState[\"status\"] = backendHealthMonitor.getState().status;\n\n    return backendHealthMonitor.subscribe((state) => {\n      const nextStatus = state.status;\n      const didBecomeOffline = previousStatus !== \"offline\" && nextStatus === \"offline\";\n      previousStatus = nextStatus;\n\n      if (!didBecomeOffline) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: \"Server unreachable\",\n          detail: isDevMode() ? buildDevErrorDetail({\n            status: state.statusCode,\n            message: state.message || \"Unable to reach the server. Please try again later.\",\n            error: state.error,\n          }) : `We have been trying to reconnect to the server for over ${Math.max(1, Math.round(state.unavailableToastDelayMs / 1000))} seconds.`,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 5000,\n        })\n      );\n    });\n  }, [dispatch]);\n\n  return (\n    <>\n      <SolidStudio />\n      <PreviewModePersist />\n    </>\n  );\n}\n"]}
+{"version":3,"file":"AppEventListener.js","sourceRoot":"","sources":["../../src/routes/AppEventListener.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { eventBus, AppEvents } from \"../helpers/eventBus\";\nimport { usePathname } from \"../hooks/usePathname\";\nimport { SolidStudio } from \"../components/layout/SolidAiStudioLayout\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../redux/features/toastSlice\";\nimport { env } from \"../adapters/env\";\nimport { backendHealthMonitor, type BackendHealthState } from \"../helpers/backendHealthMonitor\";\n\ntype GlobalErrorPayload = {\n  status?: number | string;\n  message?: string;\n  error?: unknown;\n};\n\nfunction isDevMode() {\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  return envName === \"dev\" || envName === \"development\";\n}\n\nfunction formatUnknownValue(value: unknown) {\n  if (typeof value === \"string\") return value;\n  if (value === null || value === undefined) return \"\";\n\n  try {\n    return JSON.stringify(value, null, 2);\n  } catch {\n    return String(value);\n  }\n}\n\nfunction buildDevErrorDetail(payload?: GlobalErrorPayload) {\n  if (!payload) return undefined;\n\n  const error = payload.error as any;\n  const lines: string[] = [];\n\n  if (payload.status !== undefined) {\n    lines.push(`Status: ${String(payload.status)}`);\n  }\n\n  if (payload.message) {\n    lines.push(`Summary: ${payload.message}`);\n  }\n\n  if (error?.message) {\n    lines.push(`Error: ${error.message}`);\n  }\n\n  if (error?.code) {\n    lines.push(`Code: ${error.code}`);\n  }\n\n  const responseData = error?.response?.data ?? error?.data;\n  const responseText = formatUnknownValue(responseData);\n  if (responseText) {\n    lines.push(`Response:\\n${responseText}`);\n  }\n\n  if (error?.stack) {\n    lines.push(`Stack:\\n${error.stack}`);\n  }\n\n  return lines.length > 0 ? lines.join(\"\\n\\n\") : undefined;\n}\n\nexport function AppEventListener() {\n  const pathname = usePathname();\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    const off = eventBus.on<GlobalErrorPayload>(AppEvents.GlobalError, (payload) => {\n      if (!pathname.startsWith(\"/admin\") && !pathname.startsWith(\"/auth\")) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: payload?.message || \"Something went wrong\",\n          detail: isDevMode() ? buildDevErrorDetail(payload) : undefined,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 4000,\n        })\n      );\n    });\n    return () => off();\n  }, [dispatch, pathname]);\n\n  useEffect(() => {\n    let previousStatus: BackendHealthState[\"status\"] = backendHealthMonitor.getState().status;\n\n    return backendHealthMonitor.subscribe((state) => {\n      const nextStatus = state.status;\n      const didBecomeOffline = previousStatus !== \"offline\" && nextStatus === \"offline\";\n      previousStatus = nextStatus;\n\n      if (!didBecomeOffline) {\n        return;\n      }\n\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: \"Server unreachable\",\n          detail: isDevMode() ? buildDevErrorDetail({\n            status: state.statusCode,\n            message: state.message || \"Unable to reach the server. Please try again later.\",\n            error: state.error,\n          }) : `We have been trying to reconnect to the server for over ${Math.max(1, Math.round(state.unavailableToastDelayMs / 1000))} seconds.`,\n          sticky: isDevMode(),\n          life: isDevMode() ? 10000 : 5000,\n        })\n      );\n    });\n  }, [dispatch]);\n\n  return (\n    <>\n      {window.self === window.top && !pathname.startsWith(\"/embed/agent/\") && <SolidStudio />}\n    </>\n  );\n}\n"]}

package/dist/routes/AppEventListener.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { eventBus, AppEvents } from "../helpers/eventBus";
 import { usePathname } from "../hooks/usePathname";
-import { SolidStudio, PreviewModePersist } from "../components/layout/SolidAiStudioLayout";
+import { SolidStudio } from "../components/layout/SolidAiStudioLayout";
 import { useDispatch } from "react-redux";
 import { showToast } from "../redux/features/toastSlice";
 import { env } from "../adapters/env";
@@ -117,8 +117,7 @@ export function AppEventListener() {
 
   return (
     <>
-      <SolidStudio />
-      <PreviewModePersist />
+      {window.self === window.top && !pathname.startsWith("/embed/agent/") && <SolidStudio />}
     </>
   );
 }

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

@@ -0,0 +1,21 @@
+.agent-hub-tags { display:flex; min-width:0; flex-direction:column; gap:.5rem; font-size:.875rem; }
+.agent-hub-tags > label { display:flex; align-items:center; gap:.5rem; font-weight:600; }
+.agent-hub-tags__count { min-width:1.3rem; padding:.1rem .35rem; border-radius:999px; background:var(--surface-ground,var(--background)); color:var(--text-color-secondary,var(--muted-foreground)); text-align:center; font-size:.7rem; }
+.agent-hub-tags__selection { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; min-height:1.75rem; }
+.agent-hub-tags__chip { display:inline-flex; align-items:center; gap:.3rem; max-width:100%; padding:.25rem .6rem; border-radius:999px; color:var(--primary-color,var(--primary)); background:color-mix(in srgb,var(--primary-color,var(--primary)) 11%,transparent); font-size:.78rem; overflow-wrap:anywhere; }
+.agent-hub-tags__chip button { display:grid; flex-shrink:0; width:1.2rem; height:1.2rem; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; cursor:pointer; }
+.agent-hub-tags__chip button:hover { background:color-mix(in srgb,var(--primary-color,var(--primary)) 15%,transparent); }
+.agent-hub-tags__search { display:flex; align-items:center; gap:.5rem; padding:.35rem .5rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-ground,var(--background)); }
+.agent-hub-tags__search:focus-within { border-color:var(--primary-color,var(--primary)); }
+.agent-hub-tags__search > svg { flex-shrink:0; color:var(--text-color-secondary,var(--muted-foreground)); }
+.agent-hub-tags__search input { flex:1; width:100%; min-width:0; min-height:2rem; padding:0; border:0; outline:0; color:inherit; background:transparent; font:inherit; font-weight:400; }
+.agent-hub-tags__search .solid-button { flex-shrink:0; }
+.agent-hub-tags__options { max-height:12rem; overflow-y:auto; padding:.3rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-card,var(--card)); }
+.agent-hub-tags__options > button { display:flex; justify-content:space-between; align-items:center; gap:.5rem; width:100%; padding:.5rem .6rem; border:0; border-radius:.3rem; background:transparent; color:inherit; text-align:left; font:inherit; overflow-wrap:anywhere; cursor:pointer; }
+.agent-hub-tags__options > button:hover,.agent-hub-tags__options > button.is-active { background:color-mix(in srgb,var(--primary-color,var(--primary)) 8%,transparent); }
+.agent-hub-tags__empty,.agent-hub-tags__hint { color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; font-weight:400; }
+.agent-hub-tags__options > .agent-hub-tags__empty { padding:.6rem; }
+.agent-hub-tags__error { color:var(--red-500,#dc2626); font-size:.8rem; }
+.agent-hub-tags__error button { padding:0; border:0; background:transparent; color:inherit; text-decoration:underline; cursor:pointer; }
+.agent-hub-tags button:focus-visible { outline:2px solid var(--primary-color,var(--primary)); outline-offset:2px; }
+.agent-hub-tags button:disabled { cursor:default; opacity:.55; }

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

@@ -0,0 +1,17 @@
+import "./AgentHubTagsField.css";
+export type AgentHubTag = {
+    id: number;
+    name: string;
+};
+export declare function agentHubTagsFrom(value: unknown): AgentHubTag[];
+export declare function agentHubTagsPayload(tags: AgentHubTag[]): {
+    tagsIds: number[];
+    tagsCommand: string;
+};
+export declare function AgentHubTagsField({ value, onChange, disabled, onBusyChange }: {
+    value: AgentHubTag[];
+    onChange: (tags: AgentHubTag[]) => void;
+    disabled?: boolean;
+    onBusyChange?: (busy: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentHubTagsField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentHubTagsField.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentHubTagsField.tsx"],"names":[],"mappings":"AAIA,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,WAAW,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,EAAE,CAS9D;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,EAAE;;;EAEtD;AAID,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAgB,EAAE,YAAY,EAAE,EAAE;IACrF,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CA8FA"}

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

@@ -0,0 +1,171 @@
+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 { Plus, Search, X } from "lucide-react";
+import { createSolidEntityApi } from "../../../../redux/api/solidEntityApi";
+import { SolidButton } from "../../../../components/shad-cn-ui/SolidButton";
+import "./AgentHubTagsField.css";
+export function agentHubTagsFrom(value) {
+    if (!Array.isArray(value))
+        return [];
+    var seen = new Set();
+    return value.flatMap(function (tag) {
+        var id = Number(tag === null || tag === void 0 ? void 0 : tag.id);
+        if (!Number.isInteger(id) || id <= 0 || typeof (tag === null || tag === void 0 ? void 0 : tag.name) !== "string" || seen.has(id))
+            return [];
+        seen.add(id);
+        return [{ id: id, name: tag.name }];
+    });
+}
+export function agentHubTagsPayload(tags) {
+    return { tagsIds: tags.map(function (tag) { return tag.id; }), tagsCommand: tags.length ? "set" : "clear" };
+}
+var tagApi = createSolidEntityApi("agentHubTag");
+export function AgentHubTagsField(_a) {
+    var _this = this;
+    var value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onBusyChange = _a.onBusyChange;
+    var _c = tagApi.useGetSolidEntitiesQuery("offset=0&limit=1000&fields[0]=id&fields[1]=name", { skip: disabled }), data = _c.data, isFetching = _c.isFetching, isError = _c.isError, refetch = _c.refetch;
+    var _d = tagApi.useCreateSolidEntityMutation(), createTag = _d[0], isCreating = _d[1].isLoading;
+    var _e = React.useState(""), query = _e[0], setQuery = _e[1];
+    var _f = React.useState(false), open = _f[0], setOpen = _f[1];
+    var _g = React.useState(-1), activeIndex = _g[0], setActiveIndex = _g[1];
+    var _h = React.useState(""), error = _h[0], setError = _h[1];
+    var inputRef = React.useRef(null);
+    var fieldId = React.useId();
+    var name = query.trim();
+    var catalog = agentHubTagsFrom(data === null || data === void 0 ? void 0 : data.records);
+    var exact = __spreadArray(__spreadArray([], catalog, true), value, true).find(function (tag) { return tag.name.toLowerCase() === name.toLowerCase(); });
+    var options = catalog.filter(function (tag) { return !value.some(function (selected) { return selected.id === tag.id; })
+        && tag.name.toLowerCase().includes(name.toLowerCase()); }).sort(function (a, b) { return a.name.localeCompare(b.name); });
+    var canCreate = Boolean(name && !exact && !isFetching && !isError);
+    var select = function (tag) {
+        var _a;
+        if (!value.some(function (selected) { return selected.id === tag.id; }))
+            onChange(__spreadArray(__spreadArray([], value, true), [tag], false));
+        setQuery("");
+        setActiveIndex(-1);
+        setError("");
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var add = function () { return __awaiter(_this, void 0, void 0, function () {
+        var result, depth, created, failure_1, refreshed, existing, message;
+        var _a, _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    if (disabled || isCreating || !name)
+                        return [2 /*return*/];
+                    if (exact) {
+                        select(exact);
+                        return [2 /*return*/];
+                    }
+                    if (!canCreate)
+                        return [2 /*return*/];
+                    setError("");
+                    onBusyChange === null || onBusyChange === void 0 ? void 0 : onBusyChange(true);
+                    _g.label = 1;
+                case 1:
+                    _g.trys.push([1, 3, 5, 6]);
+                    return [4 /*yield*/, createTag({ name: name }).unwrap()];
+                case 2:
+                    result = _g.sent();
+                    for (depth = 0; depth < 3 && result && !result.id; depth += 1)
+                        result = result.data;
+                    created = agentHubTagsFrom([result])[0];
+                    if (!created)
+                        throw new Error("The tag could not be loaded. Search for it again.");
+                    select(created);
+                    return [3 /*break*/, 6];
+                case 3:
+                    failure_1 = _g.sent();
+                    return [4 /*yield*/, refetch()];
+                case 4:
+                    refreshed = _g.sent();
+                    existing = agentHubTagsFrom((_a = refreshed.data) === null || _a === void 0 ? void 0 : _a.records).find(function (tag) { return tag.name.toLowerCase() === name.toLowerCase(); });
+                    if (existing)
+                        select(existing);
+                    else {
+                        message = (_f = (_d = (_c = (_b = failure_1 === null || failure_1 === void 0 ? void 0 : failure_1.data) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : (_e = failure_1 === null || failure_1 === void 0 ? void 0 : failure_1.data) === null || _e === void 0 ? void 0 : _e.message) !== null && _f !== void 0 ? _f : failure_1 === null || failure_1 === void 0 ? void 0 : failure_1.message;
+                        setError(typeof message === "string" ? message : "Could not create this tag. Try again.");
+                    }
+                    return [3 /*break*/, 6];
+                case 5:
+                    onBusyChange === null || onBusyChange === void 0 ? void 0 : onBusyChange(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    return _jsxs("div", { className: "agent-hub-tags", onBlur: function (event) {
+            if (!event.currentTarget.contains(event.relatedTarget))
+                setOpen(false);
+        }, children: [_jsxs("label", { htmlFor: fieldId, children: ["Tags ", _jsx("span", { className: "agent-hub-tags__count", children: value.length })] }), _jsxs("div", { className: "agent-hub-tags__selection", children: [value.map(function (tag) { return _jsxs("span", { className: "agent-hub-tags__chip", children: [tag.name, !disabled && _jsx("button", { type: "button", disabled: isCreating, "aria-label": "Remove ".concat(tag.name), onClick: function () { return onChange(value.filter(function (selected) { return selected.id !== tag.id; })); }, children: _jsx(X, { size: 13 }) })] }, tag.id); }), !value.length && _jsx("span", { className: "agent-hub-tags__empty", children: "No tags selected" })] }), !disabled && _jsxs(_Fragment, { children: [_jsxs("div", { className: "agent-hub-tags__search", children: [_jsx(Search, { size: 16, "aria-hidden": "true" }), _jsx("input", { ref: inputRef, id: fieldId, role: "combobox", autoComplete: "off", "aria-expanded": open, "aria-controls": "".concat(fieldId, "-options"), "aria-autocomplete": "list", "aria-activedescendant": open && options[activeIndex] ? "".concat(fieldId, "-option-").concat(activeIndex) : undefined, disabled: isCreating, value: query, placeholder: "Search or create tags\u2026", onFocus: function () { return setOpen(true); }, onChange: function (event) { setQuery(event.target.value); setActiveIndex(-1); setOpen(true); setError(""); }, onKeyDown: function (event) {
+                                    if (event.key === "Escape") {
+                                        event.preventDefault();
+                                        setOpen(false);
+                                    }
+                                    if (event.key === "ArrowDown") {
+                                        event.preventDefault();
+                                        setOpen(true);
+                                        setActiveIndex(function (index) { return Math.min(index + 1, options.length - 1); });
+                                    }
+                                    if (event.key === "ArrowUp") {
+                                        event.preventDefault();
+                                        setActiveIndex(function (index) { return Math.max(index - 1, 0); });
+                                    }
+                                    if (event.key === "Enter") {
+                                        event.preventDefault();
+                                        if (open && options[activeIndex])
+                                            select(options[activeIndex]);
+                                        else
+                                            void add();
+                                    }
+                                } }), name && _jsx(SolidButton, { variant: "secondary", size: "small", loading: isCreating, disabled: !exact && !canCreate, onClick: function () { return void add(); }, leftIcon: _jsx(Plus, { size: 14 }), children: exact ? "Select" : "Create tag" })] }), isError && _jsxs("div", { className: "agent-hub-tags__error", role: "alert", children: ["Tags could not be loaded. ", _jsx("button", { type: "button", onClick: function () { return void refetch(); }, children: "Retry" })] }), open && _jsx("div", { className: "agent-hub-tags__options", id: "".concat(fieldId, "-options"), role: "listbox", "aria-label": "Available tags", children: isFetching ? _jsx("div", { className: "agent-hub-tags__empty", role: "status", children: "Loading tags\u2026" })
+                            : options.length ? options.map(function (tag, index) { return _jsxs("button", { id: "".concat(fieldId, "-option-").concat(index), type: "button", role: "option", "aria-selected": false, disabled: isCreating, className: activeIndex === index ? "is-active" : undefined, onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return select(tag); }, children: [tag.name, _jsx(Plus, { size: 14 })] }, tag.id); })
+                                : !isError && _jsx("div", { className: "agent-hub-tags__empty", children: exact ? "Tag already selected." : canCreate ? "Create \u201C".concat(name, "\u201D to add it.") : "No tags available. Type a name to create one." }) }), error && _jsx("small", { className: "agent-hub-tags__error", role: "alert", children: error }), _jsx("small", { className: "agent-hub-tags__hint", children: "Tags are shared across agents, skills, and tools." })] })] });
+}
+//# sourceMappingURL=AgentHubTagsField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentHubTagsField.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentHubTagsField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,yBAAyB,CAAC;AAIjC,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACrC,IAAM,IAAI,GAAG,IAAI,GAAG,EAAU,CAAC;IAC/B,OAAO,KAAK,CAAC,OAAO,CAAC,UAAC,GAAG;QACvB,IAAM,EAAE,GAAG,MAAM,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,CAAC,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,CAAA,KAAK,QAAQ,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YAAE,OAAO,EAAE,CAAC;QACjG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACb,OAAO,CAAC,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAmB;IACrD,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,EAAE,EAAN,CAAM,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;AAC5F,CAAC;AAED,IAAM,MAAM,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AAEnD,MAAM,UAAU,iBAAiB,CAAC,EAKjC;IALD,iBAmGC;QAnGmC,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,YAAY,kBAAA;IAM3E,IAAA,KAAyC,MAAM,CAAC,wBAAwB,CAC5E,iDAAiD,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EADhE,IAAI,UAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAC8B,CAAC;IACnE,IAAA,KAAyC,MAAM,CAAC,4BAA4B,EAAE,EAA7E,SAAS,QAAA,EAAe,UAAU,kBAA2C,CAAC;IAC/E,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAArC,KAAK,QAAA,EAAE,QAAQ,QAAsB,CAAC;IACvC,IAAA,KAAkB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAC;IACxC,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAjD,WAAW,QAAA,EAAE,cAAc,QAAsB,CAAC;IACnD,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAArC,KAAK,QAAA,EAAE,QAAQ,QAAsB,CAAC;IAC7C,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,IAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;IAC1B,IAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,CAAC;IAChD,IAAM,KAAK,GAAG,gCAAI,OAAO,SAAK,KAAK,QAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,EAA7C,CAA6C,CAAC,CAAC;IAClG,IAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,EAAtB,CAAsB,CAAC;WACpF,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EADhB,CACgB,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,EAA5B,CAA4B,CAAC,CAAC;IACvG,IAAM,SAAS,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,CAAC;IAErE,IAAM,MAAM,GAAG,UAAC,GAAgB;;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,EAAtB,CAAsB,CAAC;YAAE,QAAQ,iCAAK,KAAK,UAAE,GAAG,UAAE,CAAC;QACjF,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QACnB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,IAAM,GAAG,GAAG;;;;;;oBACV,IAAI,QAAQ,IAAI,UAAU,IAAI,CAAC,IAAI;wBAAE,sBAAO;oBAC5C,IAAI,KAAK,EAAE;wBAAE,MAAM,CAAC,KAAK,CAAC,CAAC;wBAAC,sBAAO;qBAAE;oBACrC,IAAI,CAAC,SAAS;wBAAE,sBAAO;oBACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;;;;oBAEN,qBAAM,SAAS,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAA3C,MAAM,GAAG,SAAkC;oBAC/C,KAAS,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC;wBAAE,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;oBAClF,OAAO,GAAG,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC9C,IAAI,CAAC,OAAO;wBAAE,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;oBACnF,MAAM,CAAC,OAAO,CAAC,CAAC;;;;oBAEE,qBAAM,OAAO,EAAE,EAAA;;oBAA3B,SAAS,GAAG,SAAe;oBAC3B,QAAQ,GAAG,gBAAgB,CAAC,MAAA,SAAS,CAAC,IAAI,0CAAE,OAAO,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,EAA7C,CAA6C,CAAC,CAAC;oBACxH,IAAI,QAAQ;wBAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;yBAC1B;wBACG,OAAO,GAAG,MAAA,MAAA,MAAA,MAAA,SAAO,aAAP,SAAO,uBAAP,SAAO,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,mCAAI,MAAA,SAAO,aAAP,SAAO,uBAAP,SAAO,CAAE,IAAI,0CAAE,OAAO,mCAAI,SAAO,aAAP,SAAO,uBAAP,SAAO,CAAE,OAAO,CAAC;wBAC3F,QAAQ,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC;qBAC3F;;;oBAED,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,KAAK,CAAC,CAAC;;;;;SAEzB,CAAC;IAEF,OAAO,eAAK,SAAS,EAAC,gBAAgB,EAAC,MAAM,EAAE,UAAC,KAAK;YACnD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACxF,CAAC,aACC,iBAAO,OAAO,EAAE,OAAO,sBAAO,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,MAAM,GAAQ,IAAQ,EACnG,eAAK,SAAS,EAAC,2BAA2B,aACvC,KAAK,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,gBAAM,SAAS,EAAC,sBAAsB,aAAe,GAAG,CAAC,IAAI,EAC9E,CAAC,QAAQ,IAAI,iBAAQ,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,UAAU,gBAAc,iBAAU,GAAG,CAAC,IAAI,CAAE,EACxF,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,QAAQ,IAAK,OAAA,QAAQ,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,EAAtB,CAAsB,CAAC,CAAC,EAA5D,CAA4D,YAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,KAFzC,GAAG,CAAC,EAAE,CAG/D,EAHa,CAGb,CAAC,EACP,CAAC,KAAK,CAAC,MAAM,IAAI,eAAM,SAAS,EAAC,uBAAuB,iCAAwB,IAC7E,EACL,CAAC,QAAQ,IAAI,8BACZ,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,EACvC,gBAAO,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,EAAC,YAAY,EAAC,KAAK,mBAAgB,IAAI,mBACxE,UAAG,OAAO,aAAU,uBAAoB,MAAM,2BACtC,IAAI,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,UAAG,OAAO,qBAAW,WAAW,CAAE,CAAC,CAAC,CAAC,SAAS,EACpG,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAC,6BAAwB,EACxE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,EAC5B,QAAQ,EAAE,UAAC,KAAK,IAAO,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACvG,SAAS,EAAE,UAAC,KAAK;oCACf,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;wCAAE,KAAK,CAAC,cAAc,EAAE,CAAC;wCAAC,OAAO,CAAC,KAAK,CAAC,CAAC;qCAAE;oCACvE,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;wCAAE,KAAK,CAAC,cAAc,EAAE,CAAC;wCAAC,OAAO,CAAC,IAAI,CAAC,CAAC;wCAAC,cAAc,CAAC,UAAC,KAAK,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EAAvC,CAAuC,CAAC,CAAC;qCAAE;oCAC7I,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;wCAAE,KAAK,CAAC,cAAc,EAAE,CAAC;wCAAC,cAAc,CAAC,UAAC,KAAK,IAAK,OAAA,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAtB,CAAsB,CAAC,CAAC;qCAAE;oCAC3G,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;wCAAE,KAAK,CAAC,cAAc,EAAE,CAAC;wCAAC,IAAI,IAAI,IAAI,OAAO,CAAC,WAAW,CAAC;4CAAE,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;;4CAAM,KAAK,GAAG,EAAE,CAAC;qCAAE;gCACzI,CAAC,GAAI,EACN,IAAI,IAAI,KAAC,WAAW,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,UAAU,EACxE,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,cAAM,OAAA,KAAK,GAAG,EAAE,EAAV,CAAU,EAAE,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,YACtF,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,GACpB,IACV,EACL,OAAO,IAAI,eAAK,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,2CAA2B,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,KAAK,OAAO,EAAE,EAAd,CAAc,sBAAgB,IAAM,EAClK,IAAI,IAAI,cAAK,SAAS,EAAC,yBAAyB,EAAC,EAAE,EAAE,UAAG,OAAO,aAAU,EAAE,IAAI,EAAC,SAAS,gBAAY,gBAAgB,YACnH,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,QAAQ,mCAAoB;4BACpF,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,kBAAqB,EAAE,EAAE,UAAG,OAAO,qBAAW,KAAK,CAAE,EAClG,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,mBAAgB,KAAK,EAAE,QAAQ,EAAE,UAAU,EACtE,SAAS,EAAE,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC1D,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,EAAE,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,GAAG,CAAC,EAAX,CAAW,aAAG,GAAG,CAAC,IAAI,EAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,KAH9C,GAAG,CAAC,EAAE,CAGiD,EAHpE,CAGoE,CAAC;gCAClH,CAAC,CAAC,CAAC,OAAO,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAW,IAAI,sBAAc,CAAC,CAAC,CAAC,+CAA+C,GAAO,GAC1L,EACL,KAAK,IAAI,gBAAO,SAAS,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAS,EAC/E,gBAAO,SAAS,EAAC,sBAAsB,kEAA0D,IAChG,IACC,CAAC;AACT,CAAC","sourcesContent":["import React from \"react\";\nimport { Plus, Search, X } from \"lucide-react\";\nimport { createSolidEntityApi } from \"../../../../redux/api/solidEntityApi\";\nimport { SolidButton } from \"../../../../components/shad-cn-ui/SolidButton\";\nimport \"./AgentHubTagsField.css\";\n\nexport type AgentHubTag = { id: number; name: string };\n\nexport function agentHubTagsFrom(value: unknown): AgentHubTag[] {\n  if (!Array.isArray(value)) return [];\n  const seen = new Set<number>();\n  return value.flatMap((tag) => {\n    const id = Number(tag?.id);\n    if (!Number.isInteger(id) || id <= 0 || typeof tag?.name !== \"string\" || seen.has(id)) return [];\n    seen.add(id);\n    return [{ id, name: tag.name }];\n  });\n}\n\nexport function agentHubTagsPayload(tags: AgentHubTag[]) {\n  return { tagsIds: tags.map((tag) => tag.id), tagsCommand: tags.length ? \"set\" : \"clear\" };\n}\n\nconst tagApi = createSolidEntityApi(\"agentHubTag\");\n\nexport function AgentHubTagsField({ value, onChange, disabled = false, onBusyChange }: {\n  value: AgentHubTag[];\n  onChange: (tags: AgentHubTag[]) => void;\n  disabled?: boolean;\n  onBusyChange?: (busy: boolean) => void;\n}) {\n  const { data, isFetching, isError, refetch } = tagApi.useGetSolidEntitiesQuery(\n    \"offset=0&limit=1000&fields[0]=id&fields[1]=name\", { skip: disabled });\n  const [createTag, { isLoading: isCreating }] = tagApi.useCreateSolidEntityMutation();\n  const [query, setQuery] = React.useState(\"\");\n  const [open, setOpen] = React.useState(false);\n  const [activeIndex, setActiveIndex] = React.useState(-1);\n  const [error, setError] = React.useState(\"\");\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const fieldId = React.useId();\n  const name = query.trim();\n  const catalog = agentHubTagsFrom(data?.records);\n  const exact = [...catalog, ...value].find((tag) => tag.name.toLowerCase() === name.toLowerCase());\n  const options = catalog.filter((tag) => !value.some((selected) => selected.id === tag.id)\n    && tag.name.toLowerCase().includes(name.toLowerCase())).sort((a, b) => a.name.localeCompare(b.name));\n  const canCreate = Boolean(name && !exact && !isFetching && !isError);\n\n  const select = (tag: AgentHubTag) => {\n    if (!value.some((selected) => selected.id === tag.id)) onChange([...value, tag]);\n    setQuery(\"\");\n    setActiveIndex(-1);\n    setError(\"\");\n    inputRef.current?.focus();\n  };\n\n  const add = async () => {\n    if (disabled || isCreating || !name) return;\n    if (exact) { select(exact); return; }\n    if (!canCreate) return;\n    setError(\"\");\n    onBusyChange?.(true);\n    try {\n      let result = await createTag({ name }).unwrap();\n      for (let depth = 0; depth < 3 && result && !result.id; depth += 1) result = result.data;\n      const created = agentHubTagsFrom([result])[0];\n      if (!created) throw new Error(\"The tag could not be loaded. Search for it again.\");\n      select(created);\n    } catch (failure: any) {\n      const refreshed = await refetch();\n      const existing = agentHubTagsFrom(refreshed.data?.records).find((tag) => tag.name.toLowerCase() === name.toLowerCase());\n      if (existing) select(existing);\n      else {\n        const message = failure?.data?.data?.message ?? failure?.data?.message ?? failure?.message;\n        setError(typeof message === \"string\" ? message : \"Could not create this tag. Try again.\");\n      }\n    } finally {\n      onBusyChange?.(false);\n    }\n  };\n\n  return <div className=\"agent-hub-tags\" onBlur={(event) => {\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false);\n  }}>\n    <label htmlFor={fieldId}>Tags <span className=\"agent-hub-tags__count\">{value.length}</span></label>\n    <div className=\"agent-hub-tags__selection\">\n      {value.map((tag) => <span className=\"agent-hub-tags__chip\" key={tag.id}>{tag.name}\n        {!disabled && <button type=\"button\" disabled={isCreating} aria-label={`Remove ${tag.name}`}\n          onClick={() => onChange(value.filter((selected) => selected.id !== tag.id))}><X size={13} /></button>}\n      </span>)}\n      {!value.length && <span className=\"agent-hub-tags__empty\">No tags selected</span>}\n    </div>\n    {!disabled && <>\n      <div className=\"agent-hub-tags__search\">\n        <Search size={16} aria-hidden=\"true\" />\n        <input ref={inputRef} id={fieldId} role=\"combobox\" autoComplete=\"off\" aria-expanded={open}\n          aria-controls={`${fieldId}-options`} aria-autocomplete=\"list\"\n          aria-activedescendant={open && options[activeIndex] ? `${fieldId}-option-${activeIndex}` : undefined}\n          disabled={isCreating} value={query} placeholder=\"Search or create tags…\"\n          onFocus={() => setOpen(true)}\n          onChange={(event) => { setQuery(event.target.value); setActiveIndex(-1); setOpen(true); setError(\"\"); }}\n          onKeyDown={(event) => {\n            if (event.key === \"Escape\") { event.preventDefault(); setOpen(false); }\n            if (event.key === \"ArrowDown\") { event.preventDefault(); setOpen(true); setActiveIndex((index) => Math.min(index + 1, options.length - 1)); }\n            if (event.key === \"ArrowUp\") { event.preventDefault(); setActiveIndex((index) => Math.max(index - 1, 0)); }\n            if (event.key === \"Enter\") { event.preventDefault(); if (open && options[activeIndex]) select(options[activeIndex]); else void add(); }\n          }} />\n        {name && <SolidButton variant=\"secondary\" size=\"small\" loading={isCreating}\n          disabled={!exact && !canCreate} onClick={() => void add()} leftIcon={<Plus size={14} />}>\n          {exact ? \"Select\" : \"Create tag\"}\n        </SolidButton>}\n      </div>\n      {isError && <div className=\"agent-hub-tags__error\" role=\"alert\">Tags could not be loaded. <button type=\"button\" onClick={() => void refetch()}>Retry</button></div>}\n      {open && <div className=\"agent-hub-tags__options\" id={`${fieldId}-options`} role=\"listbox\" aria-label=\"Available tags\">\n        {isFetching ? <div className=\"agent-hub-tags__empty\" role=\"status\">Loading tags…</div>\n          : options.length ? options.map((tag, index) => <button key={tag.id} id={`${fieldId}-option-${index}`}\n            type=\"button\" role=\"option\" aria-selected={false} disabled={isCreating}\n            className={activeIndex === index ? \"is-active\" : undefined}\n            onMouseDown={(event) => event.preventDefault()} onClick={() => select(tag)}>{tag.name}<Plus size={14} /></button>)\n            : !isError && <div className=\"agent-hub-tags__empty\">{exact ? \"Tag already selected.\" : canCreate ? `Create “${name}” to add it.` : \"No tags available. Type a name to create one.\"}</div>}\n      </div>}\n      {error && <small className=\"agent-hub-tags__error\" role=\"alert\">{error}</small>}\n      <small className=\"agent-hub-tags__hint\">Tags are shared across agents, skills, and tools.</small>\n    </>}\n  </div>;\n}\n"]}

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

@@ -0,0 +1,125 @@
+import React from "react";
+import { Plus, Search, X } from "lucide-react";
+import { createSolidEntityApi } from "../../../../redux/api/solidEntityApi";
+import { SolidButton } from "../../../../components/shad-cn-ui/SolidButton";
+import "./AgentHubTagsField.css";
+
+export type AgentHubTag = { id: number; name: string };
+
+export function agentHubTagsFrom(value: unknown): AgentHubTag[] {
+  if (!Array.isArray(value)) return [];
+  const seen = new Set<number>();
+  return value.flatMap((tag) => {
+    const id = Number(tag?.id);
+    if (!Number.isInteger(id) || id <= 0 || typeof tag?.name !== "string" || seen.has(id)) return [];
+    seen.add(id);
+    return [{ id, name: tag.name }];
+  });
+}
+
+export function agentHubTagsPayload(tags: AgentHubTag[]) {
+  return { tagsIds: tags.map((tag) => tag.id), tagsCommand: tags.length ? "set" : "clear" };
+}
+
+const tagApi = createSolidEntityApi("agentHubTag");
+
+export function AgentHubTagsField({ value, onChange, disabled = false, onBusyChange }: {
+  value: AgentHubTag[];
+  onChange: (tags: AgentHubTag[]) => void;
+  disabled?: boolean;
+  onBusyChange?: (busy: boolean) => void;
+}) {
+  const { data, isFetching, isError, refetch } = tagApi.useGetSolidEntitiesQuery(
+    "offset=0&limit=1000&fields[0]=id&fields[1]=name", { skip: disabled });
+  const [createTag, { isLoading: isCreating }] = tagApi.useCreateSolidEntityMutation();
+  const [query, setQuery] = React.useState("");
+  const [open, setOpen] = React.useState(false);
+  const [activeIndex, setActiveIndex] = React.useState(-1);
+  const [error, setError] = React.useState("");
+  const inputRef = React.useRef<HTMLInputElement>(null);
+  const fieldId = React.useId();
+  const name = query.trim();
+  const catalog = agentHubTagsFrom(data?.records);
+  const exact = [...catalog, ...value].find((tag) => tag.name.toLowerCase() === name.toLowerCase());
+  const options = catalog.filter((tag) => !value.some((selected) => selected.id === tag.id)
+    && tag.name.toLowerCase().includes(name.toLowerCase())).sort((a, b) => a.name.localeCompare(b.name));
+  const canCreate = Boolean(name && !exact && !isFetching && !isError);
+
+  const select = (tag: AgentHubTag) => {
+    if (!value.some((selected) => selected.id === tag.id)) onChange([...value, tag]);
+    setQuery("");
+    setActiveIndex(-1);
+    setError("");
+    inputRef.current?.focus();
+  };
+
+  const add = async () => {
+    if (disabled || isCreating || !name) return;
+    if (exact) { select(exact); return; }
+    if (!canCreate) return;
+    setError("");
+    onBusyChange?.(true);
+    try {
+      let result = await createTag({ name }).unwrap();
+      for (let depth = 0; depth < 3 && result && !result.id; depth += 1) result = result.data;
+      const created = agentHubTagsFrom([result])[0];
+      if (!created) throw new Error("The tag could not be loaded. Search for it again.");
+      select(created);
+    } catch (failure: any) {
+      const refreshed = await refetch();
+      const existing = agentHubTagsFrom(refreshed.data?.records).find((tag) => tag.name.toLowerCase() === name.toLowerCase());
+      if (existing) select(existing);
+      else {
+        const message = failure?.data?.data?.message ?? failure?.data?.message ?? failure?.message;
+        setError(typeof message === "string" ? message : "Could not create this tag. Try again.");
+      }
+    } finally {
+      onBusyChange?.(false);
+    }
+  };
+
+  return <div className="agent-hub-tags" onBlur={(event) => {
+    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setOpen(false);
+  }}>
+    <label htmlFor={fieldId}>Tags <span className="agent-hub-tags__count">{value.length}</span></label>
+    <div className="agent-hub-tags__selection">
+      {value.map((tag) => <span className="agent-hub-tags__chip" key={tag.id}>{tag.name}
+        {!disabled && <button type="button" disabled={isCreating} aria-label={`Remove ${tag.name}`}
+          onClick={() => onChange(value.filter((selected) => selected.id !== tag.id))}><X size={13} /></button>}
+      </span>)}
+      {!value.length && <span className="agent-hub-tags__empty">No tags selected</span>}
+    </div>
+    {!disabled && <>
+      <div className="agent-hub-tags__search">
+        <Search size={16} aria-hidden="true" />
+        <input ref={inputRef} id={fieldId} role="combobox" autoComplete="off" aria-expanded={open}
+          aria-controls={`${fieldId}-options`} aria-autocomplete="list"
+          aria-activedescendant={open && options[activeIndex] ? `${fieldId}-option-${activeIndex}` : undefined}
+          disabled={isCreating} value={query} placeholder="Search or create tags…"
+          onFocus={() => setOpen(true)}
+          onChange={(event) => { setQuery(event.target.value); setActiveIndex(-1); setOpen(true); setError(""); }}
+          onKeyDown={(event) => {
+            if (event.key === "Escape") { event.preventDefault(); setOpen(false); }
+            if (event.key === "ArrowDown") { event.preventDefault(); setOpen(true); setActiveIndex((index) => Math.min(index + 1, options.length - 1)); }
+            if (event.key === "ArrowUp") { event.preventDefault(); setActiveIndex((index) => Math.max(index - 1, 0)); }
+            if (event.key === "Enter") { event.preventDefault(); if (open && options[activeIndex]) select(options[activeIndex]); else void add(); }
+          }} />
+        {name && <SolidButton variant="secondary" size="small" loading={isCreating}
+          disabled={!exact && !canCreate} onClick={() => void add()} leftIcon={<Plus size={14} />}>
+          {exact ? "Select" : "Create tag"}
+        </SolidButton>}
+      </div>
+      {isError && <div className="agent-hub-tags__error" role="alert">Tags could not be loaded. <button type="button" onClick={() => void refetch()}>Retry</button></div>}
+      {open && <div className="agent-hub-tags__options" id={`${fieldId}-options`} role="listbox" aria-label="Available tags">
+        {isFetching ? <div className="agent-hub-tags__empty" role="status">Loading tags…</div>
+          : options.length ? options.map((tag, index) => <button key={tag.id} id={`${fieldId}-option-${index}`}
+            type="button" role="option" aria-selected={false} disabled={isCreating}
+            className={activeIndex === index ? "is-active" : undefined}
+            onMouseDown={(event) => event.preventDefault()} onClick={() => select(tag)}>{tag.name}<Plus size={14} /></button>)
+            : !isError && <div className="agent-hub-tags__empty">{exact ? "Tag already selected." : canCreate ? `Create “${name}” to add it.` : "No tags available. Type a name to create one."}</div>}
+      </div>}
+      {error && <small className="agent-hub-tags__error" role="alert">{error}</small>}
+      <small className="agent-hub-tags__hint">Tags are shared across agents, skills, and tools.</small>
+    </>}
+  </div>;
+}

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

@@ -0,0 +1,130 @@
+.persona-history__trigger {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: 2.15rem;
+  height: 2.15rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: .6rem;
+  background: var(--surface-card, var(--card));
+  color: var(--text-color-secondary, var(--muted-foreground));
+  cursor: pointer;
+  transition: color .15s ease, border-color .15s ease, background .15s ease;
+}
+.persona-history__trigger:hover,
+.persona-history__trigger[data-state="open"] {
+  border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 42%, var(--surface-border, var(--border)));
+  background: color-mix(in srgb, var(--primary-color, var(--primary)) 7%, var(--surface-card, var(--card)));
+  color: var(--primary-color, var(--primary));
+}
+.persona-history__trigger:focus-visible,
+.persona-history__selector:focus-visible,
+.persona-history__refresh:focus-visible {
+  outline: 2px solid var(--primary-color, var(--primary));
+  outline-offset: 2px;
+}
+.persona-history__menu.solid-dropdown-menu-content {
+  z-index: calc(var(--z-overlay, 1000) + 10);
+  width: min(25rem, calc(100vw - 1.5rem));
+  max-height: min(27rem, calc(100vh - 2rem));
+  overflow: hidden;
+  padding: .4rem;
+  border-radius: .8rem;
+  box-shadow: 0 18px 50px rgba(15, 23, 42, .2);
+}
+.persona-history__menu-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: .75rem;
+  padding: .55rem .6rem .7rem;
+  border-bottom: 1px solid var(--surface-border, var(--border));
+}
+.persona-history__menu-header > span { display: grid; gap: .16rem; }
+.persona-history__menu-header strong { font-size: .87rem; }
+.persona-history__menu-header small,
+.persona-history__menu-heading { color: var(--text-color-secondary, var(--muted-foreground)); font-size: .72rem; }
+.persona-history__menu-heading { padding: .55rem .65rem .45rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
+.persona-history__refresh {
+  display: grid;
+  flex: 0 0 auto;
+  place-items: center;
+  width: 1.8rem;
+  height: 1.8rem;
+  border: 0;
+  border-radius: .45rem;
+  background: transparent;
+  color: var(--text-color-secondary, var(--muted-foreground));
+  cursor: pointer;
+}
+.persona-history__refresh:hover { background: var(--surface-hover, #f2f3f4); color: var(--primary-color, var(--primary)); }
+.persona-history__menu-list { max-height: min(22rem, calc(100vh - 7rem)); overflow: auto; padding: .25rem 0; }
+.persona-history__menu-option.solid-dropdown-menu-item {
+  display: block;
+  min-height: 0;
+  padding: .62rem .65rem;
+  text-align: left;
+  cursor: pointer;
+}
+.persona-history__menu-option[data-highlighted] { background: color-mix(in srgb, var(--primary-color, var(--primary)) 8%, var(--surface-card, var(--card))); }
+.persona-history__item { display: grid; width: 100%; min-width: 0; gap: .32rem; }
+.persona-history__item-main,
+.persona-history__item-meta { display: flex; align-items: center; gap: .42rem; min-width: 0; }
+.persona-history__item-main { justify-content: space-between; }
+.persona-history__item-main strong { overflow: hidden; font-size: .82rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
+.persona-history__item-meta { overflow: hidden; color: var(--text-color-secondary, var(--muted-foreground)); font-size: .72rem; }
+.persona-history__item-meta > span:not(.persona-history__selected) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.persona-history__selected { margin-left: auto; color: var(--primary-color, var(--primary)); font-size: .68rem; font-weight: 700; }
+.persona-history__status { padding: 1.2rem .65rem; color: var(--text-color-secondary, var(--muted-foreground)); font-size: .8rem; text-align: center; }
+.persona-history__status--error { color: #b42318; }
+
+.persona-history__dialog.solid-radix-dialog-content {
+  display: flex;
+  flex-direction: column;
+  width: min(1380px, calc(100vw - 3rem));
+  height: calc(100dvh - 2rem);
+  max-width: calc(100vw - 3rem);
+  max-height: calc(100dvh - 2rem);
+  overflow: hidden;
+  border-radius: 1rem;
+}
+.persona-history__dialog .solid-radix-dialog-header { flex: 0 0 auto; align-items: center; padding: .7rem 1.1rem; border-bottom: 1px solid var(--surface-border, var(--border)); }
+.persona-history__dialog-title { display: inline-flex; align-items: center; gap: .55rem; }
+.persona-history__dialog-title svg { color: var(--primary-color, var(--primary)); }
+.persona-history__dialog-body.solid-radix-dialog-body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; padding: 0; overflow: hidden; }
+.persona-history__compare-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .65rem; padding: .55rem 1rem; border-bottom: 1px solid var(--surface-border, var(--border)); }
+.persona-history__selector {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: .7rem;
+  width: 100%;
+  min-width: 0;
+  padding: .46rem .65rem;
+  border: 1px solid var(--surface-border, var(--border));
+  border-radius: .65rem;
+  background: var(--surface-card, var(--card));
+  color: var(--text-color, var(--foreground));
+  text-align: left;
+  cursor: pointer;
+}
+.persona-history__selector:hover,
+.persona-history__selector[data-state="open"] { border-color: color-mix(in srgb, var(--primary-color, var(--primary)) 42%, var(--surface-border, var(--border))); background: color-mix(in srgb, var(--primary-color, var(--primary)) 4%, var(--surface-card, var(--card))); }
+.persona-history__selector-copy { display: grid; min-width: 0; width: 100%; gap: .1rem; }
+.persona-history__selector-meta { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem; min-width: 0; }
+.persona-history__selector-copy small { color: var(--primary-color, var(--primary)); font-size: .64rem; font-weight: 800; letter-spacing: .07em; }
+.persona-history__selector-meta time { overflow: hidden; color: var(--text-color-secondary, var(--muted-foreground)); font-size: .68rem; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
+.persona-history__selector-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.persona-history__selector-copy strong { font-size: .85rem; }
+.persona-history__selector > svg { flex: 0 0 auto; color: var(--text-color-secondary, var(--muted-foreground)); }
+.persona-history__compare-icon { display: grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: var(--surface-ground, var(--background)); color: var(--text-color-secondary, var(--muted-foreground)); }
+.persona-history__diff { flex: 1 1 auto; min-height: 0; overflow: auto; background: var(--surface-card, var(--card)); }
+.persona-history__diff > div { min-width: 760px; }
+.persona-history__diff table { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 12px; }
+.persona-history__diff pre { white-space: pre-wrap !important; overflow-wrap: anywhere; }
+
+@media (max-width: 720px) {
+  .persona-history__dialog.solid-radix-dialog-content { width: calc(100vw - 1rem); height: calc(100dvh - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
+  .persona-history__compare-controls { grid-template-columns: minmax(0, 1fr); gap: .35rem; }
+  .persona-history__compare-icon { justify-self: center; transform: rotate(90deg); }
+}

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

@@ -0,0 +1,7 @@
+import "./AgentPersonaHistory.css";
+export declare function AgentPersonaHistory({ agentId, savedPrompt, refreshVersion }: {
+    agentId: number;
+    savedPrompt: string;
+    refreshVersion: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentPersonaHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentPersonaHistory.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentPersonaHistory.tsx"],"names":[],"mappings":"AAQA,OAAO,2BAA2B,CAAC;AA8HnC,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE;IAC5E,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;CACxB,2CA+FA"}