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

package/dist/components/layout/SolidAiStudioLayout.tsx

@@ -1,13 +1,12 @@
 import React, { useEffect, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { useNavigate, useLocation } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
 import { exitStudioMode, setStudioView, type StudioView } from "../../redux/features/solidStudioSlice";
-import { showToast } from "../../redux/features/toastSlice";
 import { useSession } from "../../hooks/useSession";
-import { getSession, signOut } from "../../adapters/auth/index";
+import { signOut } from "../../adapters/auth/index";
 import { createPortal } from "react-dom";
 import { env } from "../../adapters/env";
-import { ERROR_MESSAGES } from "../../constants/error-messages";
+import { hasAnyRole } from "../../helpers/rolesHelper";
 
 // ── Icons ──────────────────────────────────────────────────────────────────────
 
@@ -19,13 +18,6 @@ const DotsIcon = () => (
   </svg>
 );
 
-const PreviewIcon = () => (
-  <svg width="13" height="13" viewBox="0 0 14 14" fill="none" aria-hidden="true">
-    <path d="M1 7s2.5-5 6-5 6 5 6 5-2.5 5-6 5-6-5-6-5Z" stroke="currentColor" strokeWidth="1.3" strokeLinejoin="round" />
-    <circle cx="7" cy="7" r="1.8" stroke="currentColor" strokeWidth="1.3" />
-  </svg>
-);
-
 const LogoutIcon = () => (
   <svg width="13" height="13" viewBox="0 0 14 14" fill="none" aria-hidden="true">
     <path d="M5 2H2.5A1.5 1.5 0 0 0 1 3.5v7A1.5 1.5 0 0 0 2.5 12H5" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round" />
@@ -60,20 +52,17 @@ const FrontendIcon = () => (
 // ── SolidStudio ────────────────────────────────────────────────────────────────
 // Single component that renders both the Studio header and the AI panel.
 // Mount this ONCE at the app root via AppEventListener.
-// When studio mode is off it renders nothing.
+// Visible to Admin users in dev environments.
 
 export function SolidStudio() {
   const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);
   const studioView = useSelector((state: any) => state.solidStudio?.studioView ?? null) as StudioView;
   const dispatch = useDispatch();
   const navigate = useNavigate();
-  const { pathname, search } = useLocation();
-  const isPreviewMode = new URLSearchParams(search).get("preview") === "true" || (typeof sessionStorage !== "undefined" && sessionStorage.getItem("solid-preview") === "true");
-  const isPreviewable = pathname !== "/studio" && pathname !== "/landing";
   const { data, status } = useSession();
-  const isAuthenticated = status === "authenticated";
+  const isAdmin = hasAnyRole(data?.user?.roles, ["Admin"]);
+  const isDev = env("VITE_SOLIDX_ENV") === "dev";
   const [isMenuOpen, setIsMenuOpen] = useState(false);
-  const [isChatRedirecting, setIsChatRedirecting] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
 
   // Close the 3-dot menu when clicking outside
@@ -95,7 +84,7 @@ export function SolidStudio() {
     }
   }, [status, isStudioMode, dispatch]);
 
-  if (!isStudioMode || !isAuthenticated || isPreviewMode) return null;
+  if (!isAdmin || !isDev) return null;
 
   const handleLogout = () => {
     setIsMenuOpen(false);
@@ -108,68 +97,6 @@ export function SolidStudio() {
     navigate(view === "backend" ? "/admin" : "/landing");
   };
 
-  const handleAiChatClick = async () => {
-    if (isChatRedirecting) return;
-
-    const aiUrl = env("VITE_SOLIDX_AI_URL");
-    if (!aiUrl) return;
-
-    setIsChatRedirecting(true);
-    try {
-      const session = await getSession();
-      const accessToken = session?.user?.accessToken || data?.user?.accessToken;
-      if (!accessToken) return;
-
-      const apiBaseUrl = env("API_URL", "http://localhost:8080").replace(/\/+$/, "");
-      const response = await fetch(`${apiBaseUrl}/api/iam/sso/code`, {
-        method: "POST",
-        headers: {
-          accept: "*/*",
-          Authorization: `Bearer ${accessToken}`,
-        },
-        body: "",
-      });
-
-      if (!response.ok) {
-        let detail = `Failed to fetch ssoCode (${response.status})`;
-        try {
-          const errorPayload = await response.json();
-          detail =
-            errorPayload?.message ||
-            errorPayload?.error?.message ||
-            errorPayload?.data?.message ||
-            detail;
-        } catch {
-          // no-op: keep default message
-        }
-        throw new Error(detail);
-      }
-
-      const payload = await response.json();
-      const ssoCode = payload?.ssoCode ?? payload?.data?.ssoCode;
-      if (!ssoCode) {
-        throw new Error("ssoCode missing in response");
-      }
-
-      const redirectUrl = new URL(aiUrl, window.location.origin);
-      redirectUrl.searchParams.set("ssoCode", String(ssoCode));
-      window.open(redirectUrl.toString(), "_blank");
-    } catch (error) {
-      const detail = error instanceof Error ? error.message : ERROR_MESSAGES.SOMETHING_WRONG;
-      dispatch(
-        showToast({
-          severity: "error",
-          summary: ERROR_MESSAGES.ERROR,
-          detail,
-          life: 4000,
-        })
-      );
-      console.error("Failed to open AI chat with ssoCode:", error);
-    } finally {
-      setIsChatRedirecting(false);
-    }
-  };
-
   const studioUI = (
     <div className="solid-studio-island" style={{ zIndex: "var(--z-studio)" }}>
       <div className="solid-studio-island-inner">
@@ -189,16 +116,6 @@ export function SolidStudio() {
         >
           <FrontendIcon />
         </button>
-        <button
-          type="button"
-          className="solid-studio-island-btn"
-          onClick={handleAiChatClick}
-          disabled={isChatRedirecting}
-          aria-busy={isChatRedirecting}
-          aria-label="AI chat"
-        >
-          <ChatIcon />
-        </button>
         <div className="solid-studio-island-menu" ref={menuRef}>
           <button
             type="button"
@@ -210,21 +127,6 @@ export function SolidStudio() {
           </button>
           {isMenuOpen && (
             <div className="solid-studio-island-dropdown">
-              {isPreviewable && (
-                <button
-                  type="button"
-                  className="solid-studio-island-dropdown-item"
-                  onClick={() => {
-                    setIsMenuOpen(false);
-                    const params = new URLSearchParams(search);
-                    params.set("preview", "true");
-                    window.open(`${pathname}?${params.toString()}`, "_blank");
-                  }}
-                >
-                  <PreviewIcon />
-                  Preview page
-                </button>
-              )}
               <button
                 type="button"
                 className="solid-studio-island-dropdown-item danger"
@@ -243,37 +145,6 @@ export function SolidStudio() {
   return typeof document !== "undefined" ? createPortal(studioUI, document.body) : null;
 }
 
-// ── PreviewModePersist ─────────────────────────────────────────────────────────
-// Mount once at the app root alongside SolidStudio.
-// sessionStorage is tab-scoped, so preview opened in a new tab stays isolated.
-// Closing the tab is the natural way to exit preview mode.
-
-const PREVIEW_KEY = "solid-preview";
-
-export function PreviewModePersist() {
-  const { pathname, search } = useLocation();
-  const navigate = useNavigate();
-
-  // Activate: when URL has ?preview=true, store it in sessionStorage for this tab
-  useEffect(() => {
-    const params = new URLSearchParams(search);
-    if (params.get("preview") === "true") {
-      sessionStorage.setItem(PREVIEW_KEY, "true");
-    }
-  }, [search]);
-
-  // Persist: re-inject ?preview=true on every navigation if it was set
-  useEffect(() => {
-    if (sessionStorage.getItem(PREVIEW_KEY) !== "true") return;
-    const params = new URLSearchParams(search);
-    if (params.get("preview") === "true") return;
-    params.set("preview", "true");
-    navigate({ pathname, search: `?${params.toString()}` }, { replace: true });
-  }, [pathname, search, navigate]);
-
-  return null;
-}
-
 // ── SolidStudioWrapper ─────────────────────────────────────────────────────────
 // Kept for backwards compatibility. Now a pure pass-through.
 export function SolidStudioWrapper({ children }: { children: React.ReactNode }) {

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: _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      <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";
@@ -118,7 +118,6 @@ export function AppEventListener() {
   return (
     <>
       <SolidStudio />
-      <PreviewModePersist />
     </>
   );
 }

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":"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","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"]}