@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.css

@@ -0,0 +1,38 @@
+.solid-api-keys-tab {
+  padding: 4px 0;
+}
+
+.solid-api-keys-th {
+  padding: 8px 12px;
+  text-align: left;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--text-color-secondary, #6b7280);
+  letter-spacing: 0.02em;
+  border-bottom: 1px solid var(--surface-border, #dfe7ef);
+  white-space: nowrap;
+}
+
+.solid-api-keys-td {
+  padding: 12px 12px;
+  font-size: 13px;
+  color: var(--text-color, #4b5563);
+  border-bottom: 1px solid var(--surface-border, #dfe7ef);
+  vertical-align: middle;
+}
+
+.solid-api-keys-row--expired td {
+  opacity: 0.6;
+}
+
+.solid-api-keys-row--expired:hover td {
+  background: var(--surface-hover, #f6f9fc);
+}
+
+tbody tr:hover .solid-api-keys-td {
+  background: var(--surface-hover, #f6f9fc);
+}
+
+tbody tr:last-child .solid-api-keys-td {
+  border-bottom: none;
+}

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.d.ts

@@ -0,0 +1,8 @@
+import "./ApiKeysTab.css";
+interface ApiKeysTabProps {
+    userId: string;
+    canCreate?: boolean;
+}
+export declare function ApiKeysTab({ userId, canCreate }: ApiKeysTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ApiKeysTab.d.ts.map

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeysTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/ApiKeysTab.tsx"],"names":[],"mappings":"AAGA,OAAO,kBAAkB,CAAC;AA4J1B,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAiB,EAAE,EAAE,eAAe,2CA2FxE"}

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.js

@@ -0,0 +1,139 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useDispatch } from "react-redux";
+import { KeyRound, Plus } from "lucide-react";
+import "./ApiKeysTab.css";
+import { SolidButton, SolidSpinner, SolidSwitch, SolidTag } from "../../../shad-cn-ui";
+import { showToast } from "../../../../redux/features/toastSlice";
+import { useGetUserApiKeysQuery, useUpdateApiKeyMutation, } from "../../../../redux/api/apiKeyApi";
+import { GenerateApiKeyModal } from "./GenerateApiKeyModal";
+import { RevealApiKeyModal } from "./RevealApiKeyModal";
+function formatDate(iso) {
+    if (!iso)
+        return "—";
+    return new Date(iso).toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+function getExpiryStatus(expiresAt) {
+    if (!expiresAt)
+        return "never";
+    var diff = new Date(expiresAt).getTime() - Date.now();
+    if (diff < 0)
+        return "expired";
+    if (diff < 7 * 24 * 60 * 60 * 1000)
+        return "expiring-soon";
+    return "ok";
+}
+function ApiKeysTable(_a) {
+    var keys = _a.keys, onToggleActive = _a.onToggleActive, isTogglingId = _a.isTogglingId;
+    if (keys.length === 0) {
+        return (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center gap-3 py-6", style: { color: "var(--solid-text-secondary, #888)" }, children: [_jsx(KeyRound, { size: 32, strokeWidth: 1.5 }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "m-0", style: { fontSize: 14, fontWeight: 500 }, children: "No API keys" }), _jsx("p", { className: "m-0 mt-1", style: { fontSize: 12 }, children: "Generate a key to enable programmatic access." })] })] }));
+    }
+    return (_jsx("div", { style: { overflowX: "auto" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }, children: [_jsxs("colgroup", { children: [_jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "22%" } }), _jsx("col", { style: { width: "14%" } }), _jsx("col", { style: { width: "16%" } }), _jsx("col", { style: { width: "18%" } }), _jsx("col", { style: { width: "12%" } })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "solid-api-keys-th", children: "Name" }), _jsx("th", { className: "solid-api-keys-th", children: "Key" }), _jsx("th", { className: "solid-api-keys-th", children: "Status" }), _jsx("th", { className: "solid-api-keys-th", children: "Expires" }), _jsx("th", { className: "solid-api-keys-th", children: "Last Used" }), _jsx("th", { className: "solid-api-keys-th", style: { textAlign: "right" }, children: "Active" })] }) }), _jsx("tbody", { children: keys.map(function (key) {
+                        var expiryStatus = getExpiryStatus(key.expiresAt);
+                        var isExpired = expiryStatus === "expired";
+                        return (_jsxs("tr", { className: isExpired ? "solid-api-keys-row--expired" : undefined, children: [_jsx("td", { className: "solid-api-keys-td", children: _jsx("span", { style: { fontWeight: 500 }, children: key.name }) }), _jsx("td", { className: "solid-api-keys-td", children: _jsx("code", { style: {
+                                            fontFamily: "monospace",
+                                            fontSize: 13,
+                                            background: "var(--solid-surface-secondary, #f5f5f5)",
+                                            padding: "2px 6px",
+                                            borderRadius: 4,
+                                        }, children: key.maskedKey }) }), _jsx("td", { className: "solid-api-keys-td", children: isExpired ? (_jsx(SolidTag, { tone: "danger", children: "Expired" })) : !key.isActive ? (_jsx(SolidTag, { tone: "warn", children: "Inactive" })) : expiryStatus === "expiring-soon" ? (_jsx(SolidTag, { tone: "warn", children: "Expiring soon" })) : (_jsx(SolidTag, { tone: "success", children: "Active" })) }), _jsx("td", { className: "solid-api-keys-td", style: {
+                                        color: expiryStatus === "expired"
+                                            ? "var(--solid-danger-color, #ef4444)"
+                                            : expiryStatus === "expiring-soon"
+                                                ? "var(--solid-warn-color, #f59e0b)"
+                                                : undefined,
+                                    }, children: expiryStatus === "never" ? (_jsx("span", { style: { color: "var(--solid-text-secondary, #888)" }, children: "Never" })) : (formatDate(key.expiresAt)) }), _jsx("td", { className: "solid-api-keys-td", style: { color: "var(--solid-text-secondary, #888)" }, children: formatDate(key.lastUsedAt) }), _jsx("td", { className: "solid-api-keys-td", style: { textAlign: "right" }, children: isTogglingId === key.id ? (_jsx(SolidSpinner, {})) : (_jsx(SolidSwitch, { checked: key.isActive, disabled: isExpired, onChange: function () { return onToggleActive(key); } })) })] }, key.id));
+                    }) })] }) }));
+}
+export function ApiKeysTab(_a) {
+    var _this = this;
+    var _b, _c;
+    var userId = _a.userId, _d = _a.canCreate, canCreate = _d === void 0 ? false : _d;
+    var dispatch = useDispatch();
+    var _e = useGetUserApiKeysQuery(userId), data = _e.data, isLoading = _e.isLoading, isError = _e.isError;
+    var updateApiKey = useUpdateApiKeyMutation()[0];
+    var _f = useState(null), togglingId = _f[0], setTogglingId = _f[1];
+    var _g = useState(false), showGenerate = _g[0], setShowGenerate = _g[1];
+    var _h = useState(null), revealKey = _h[0], setRevealKey = _h[1];
+    var keys = (_c = (_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.apiKeys) !== null && _c !== void 0 ? _c : [];
+    var handleToggle = function (key) { return __awaiter(_this, void 0, void 0, function () {
+        var err_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    setTogglingId(key.id);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, 4, 5]);
+                    return [4 /*yield*/, updateApiKey({ id: key.id, isActive: !key.isActive }).unwrap()];
+                case 2:
+                    _b.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Updated",
+                        detail: "API key \"".concat(key.name, "\" ").concat(!key.isActive ? "activated" : "deactivated", "."),
+                    }));
+                    return [3 /*break*/, 5];
+                case 3:
+                    err_1 = _b.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Error",
+                        detail: ((_a = err_1 === null || err_1 === void 0 ? void 0 : err_1.data) === null || _a === void 0 ? void 0 : _a.message) || "Failed to update API key.",
+                    }));
+                    return [3 /*break*/, 5];
+                case 4:
+                    setTogglingId(null);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-api-keys-tab", children: [_jsxs("div", { className: "flex align-items-center justify-content-between mb-4", children: [_jsxs("div", { children: [_jsx("p", { className: "m-0", style: { fontWeight: 600, fontSize: 14 }, children: "API Keys" }), _jsx("p", { className: "m-0 mt-1", style: { fontSize: 12, color: "var(--solid-text-secondary, #888)" }, children: "Keys grant programmatic access. Store them securely \u2014 they are shown only once." })] }), canCreate && (_jsxs(SolidButton, { size: "small", type: "button", onClick: function () { return setShowGenerate(true); }, children: [_jsx(Plus, { size: 14 }), "Generate Key"] }))] }), isLoading ? (_jsx("div", { className: "flex justify-content-center py-5", children: _jsx(SolidSpinner, {}) })) : isError && keys.length === 0 ? (_jsxs("div", { className: "flex flex-column align-items-center justify-content-center gap-2 py-5", style: { color: "var(--solid-text-secondary, #888)", fontSize: 13 }, children: [_jsx("p", { className: "m-0", children: "Something went wrong while loading API keys." }), _jsx("p", { className: "m-0", children: "Please refresh the page and try again." })] })) : (_jsx(ApiKeysTable, { keys: keys, onToggleActive: handleToggle, isTogglingId: togglingId }))] }), _jsx(GenerateApiKeyModal, { open: showGenerate, userId: Number(userId), onClose: function () { return setShowGenerate(false); }, onCreated: function (apiKey, keyName) {
+                    setShowGenerate(false);
+                    setRevealKey({ apiKey: apiKey, keyName: keyName });
+                } }), revealKey && (_jsx(RevealApiKeyModal, { open: true, apiKey: revealKey.apiKey, keyName: revealKey.keyName, onClose: function () { return setRevealKey(null); } }))] }));
+}
+//# sourceMappingURL=ApiKeysTab.js.map

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeysTab.js","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/ApiKeysTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { KeyRound, Plus } from \"lucide-react\";\nimport \"./ApiKeysTab.css\";\nimport { SolidButton, SolidSpinner, SolidSwitch, SolidTag } from \"../../../shad-cn-ui\";\nimport { showToast } from \"../../../../redux/features/toastSlice\";\nimport {\n  useGetUserApiKeysQuery,\n  useUpdateApiKeyMutation,\n  type ApiKeyRecord,\n} from \"../../../../redux/api/apiKeyApi\";\nimport { GenerateApiKeyModal } from \"./GenerateApiKeyModal\";\nimport { RevealApiKeyModal } from \"./RevealApiKeyModal\";\n\nfunction formatDate(iso: string | null): string {\n  if (!iso) return \"—\";\n  return new Date(iso).toLocaleDateString(undefined, {\n    year: \"numeric\",\n    month: \"short\",\n    day: \"numeric\",\n  });\n}\n\nfunction getExpiryStatus(expiresAt: string | null): \"expired\" | \"expiring-soon\" | \"ok\" | \"never\" {\n  if (!expiresAt) return \"never\";\n  const diff = new Date(expiresAt).getTime() - Date.now();\n  if (diff < 0) return \"expired\";\n  if (diff < 7 * 24 * 60 * 60 * 1000) return \"expiring-soon\";\n  return \"ok\";\n}\n\nfunction ApiKeysTable({\n  keys,\n  onToggleActive,\n  isTogglingId,\n}: {\n  keys: ApiKeyRecord[];\n  onToggleActive: (key: ApiKeyRecord) => void;\n  isTogglingId: string | null;\n}) {\n  if (keys.length === 0) {\n    return (\n      <div\n        className=\"flex flex-column align-items-center justify-content-center gap-3 py-6\"\n        style={{ color: \"var(--solid-text-secondary, #888)\" }}\n      >\n        <KeyRound size={32} strokeWidth={1.5} />\n        <div className=\"text-center\">\n          <p className=\"m-0\" style={{ fontSize: 14, fontWeight: 500 }}>\n            No API keys\n          </p>\n          <p className=\"m-0 mt-1\" style={{ fontSize: 12 }}>\n            Generate a key to enable programmatic access.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ overflowX: \"auto\" }}>\n      <table style={{ width: \"100%\", borderCollapse: \"collapse\", tableLayout: \"fixed\" }}>\n        <colgroup>\n          <col style={{ width: \"18%\" }} />\n          <col style={{ width: \"22%\" }} />\n          <col style={{ width: \"14%\" }} />\n          <col style={{ width: \"16%\" }} />\n          <col style={{ width: \"18%\" }} />\n          <col style={{ width: \"12%\" }} />\n        </colgroup>\n        <thead>\n          <tr>\n            <th className=\"solid-api-keys-th\">Name</th>\n            <th className=\"solid-api-keys-th\">Key</th>\n            <th className=\"solid-api-keys-th\">Status</th>\n            <th className=\"solid-api-keys-th\">Expires</th>\n            <th className=\"solid-api-keys-th\">Last Used</th>\n            <th className=\"solid-api-keys-th\" style={{ textAlign: \"right\" }}>Active</th>\n          </tr>\n        </thead>\n        <tbody>\n          {keys.map((key) => {\n            const expiryStatus = getExpiryStatus(key.expiresAt);\n            const isExpired = expiryStatus === \"expired\";\n\n            return (\n              <tr key={key.id} className={isExpired ? \"solid-api-keys-row--expired\" : undefined}>\n                <td className=\"solid-api-keys-td\">\n                  <span style={{ fontWeight: 500 }}>{key.name}</span>\n                </td>\n\n                <td className=\"solid-api-keys-td\">\n                  <code\n                    style={{\n                      fontFamily: \"monospace\",\n                      fontSize: 13,\n                      background: \"var(--solid-surface-secondary, #f5f5f5)\",\n                      padding: \"2px 6px\",\n                      borderRadius: 4,\n                    }}\n                  >\n                    {key.maskedKey}\n                  </code>\n                </td>\n\n                <td className=\"solid-api-keys-td\">\n                  {isExpired ? (\n                    <SolidTag tone=\"danger\">Expired</SolidTag>\n                  ) : !key.isActive ? (\n                    <SolidTag tone=\"warn\">Inactive</SolidTag>\n                  ) : expiryStatus === \"expiring-soon\" ? (\n                    <SolidTag tone=\"warn\">Expiring soon</SolidTag>\n                  ) : (\n                    <SolidTag tone=\"success\">Active</SolidTag>\n                  )}\n                </td>\n\n                <td\n                  className=\"solid-api-keys-td\"\n                  style={{\n                    color:\n                      expiryStatus === \"expired\"\n                        ? \"var(--solid-danger-color, #ef4444)\"\n                        : expiryStatus === \"expiring-soon\"\n                        ? \"var(--solid-warn-color, #f59e0b)\"\n                        : undefined,\n                  }}\n                >\n                  {expiryStatus === \"never\" ? (\n                    <span style={{ color: \"var(--solid-text-secondary, #888)\" }}>Never</span>\n                  ) : (\n                    formatDate(key.expiresAt)\n                  )}\n                </td>\n\n                <td className=\"solid-api-keys-td\" style={{ color: \"var(--solid-text-secondary, #888)\" }}>\n                  {formatDate(key.lastUsedAt)}\n                </td>\n\n                <td className=\"solid-api-keys-td\" style={{ textAlign: \"right\" }}>\n                  {isTogglingId === key.id ? (\n                    <SolidSpinner />\n                  ) : (\n                    <SolidSwitch\n                      checked={key.isActive}\n                      disabled={isExpired}\n                      onChange={() => onToggleActive(key)}\n                    />\n                  )}\n                </td>\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\ninterface ApiKeysTabProps {\n  userId: string;\n  canCreate?: boolean;\n}\n\nexport function ApiKeysTab({ userId, canCreate = false }: ApiKeysTabProps) {\n  const dispatch = useDispatch();\n  const { data, isLoading, isError } = useGetUserApiKeysQuery(userId);\n  const [updateApiKey] = useUpdateApiKeyMutation();\n  const [togglingId, setTogglingId] = useState<string | null>(null);\n  const [showGenerate, setShowGenerate] = useState(false);\n  const [revealKey, setRevealKey] = useState<{ apiKey: string; keyName: string } | null>(null);\n\n  const keys: ApiKeyRecord[] = data?.data?.apiKeys ?? [];\n\n  const handleToggle = async (key: ApiKeyRecord) => {\n    setTogglingId(key.id);\n    try {\n      await updateApiKey({ id: key.id, isActive: !key.isActive }).unwrap();\n      dispatch(\n        showToast({\n          severity: \"success\",\n          summary: \"Updated\",\n          detail: `API key \"${key.name}\" ${!key.isActive ? \"activated\" : \"deactivated\"}.`,\n        })\n      );\n    } catch (err: any) {\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: \"Error\",\n          detail: err?.data?.message || \"Failed to update API key.\",\n        })\n      );\n    } finally {\n      setTogglingId(null);\n    }\n  };\n\n  return (\n    <>\n      <div className=\"solid-api-keys-tab\">\n        <div className=\"flex align-items-center justify-content-between mb-4\">\n          <div>\n            <p className=\"m-0\" style={{ fontWeight: 600, fontSize: 14 }}>\n              API Keys\n            </p>\n            <p className=\"m-0 mt-1\" style={{ fontSize: 12, color: \"var(--solid-text-secondary, #888)\" }}>\n              Keys grant programmatic access. Store them securely — they are shown only once.\n            </p>\n          </div>\n          {canCreate && (\n            <SolidButton size=\"small\" type=\"button\" onClick={() => setShowGenerate(true)}>\n              <Plus size={14} />\n              Generate Key\n            </SolidButton>\n          )}\n        </div>\n\n        {isLoading ? (\n          <div className=\"flex justify-content-center py-5\">\n            <SolidSpinner />\n          </div>\n        ) : isError && keys.length === 0 ? (\n          <div\n            className=\"flex flex-column align-items-center justify-content-center gap-2 py-5\"\n            style={{ color: \"var(--solid-text-secondary, #888)\", fontSize: 13 }}\n          >\n            <p className=\"m-0\">Something went wrong while loading API keys.</p>\n            <p className=\"m-0\">Please refresh the page and try again.</p>\n          </div>\n        ) : (\n          <ApiKeysTable keys={keys} onToggleActive={handleToggle} isTogglingId={togglingId} />\n        )}\n      </div>\n\n      <GenerateApiKeyModal\n        open={showGenerate}\n        userId={Number(userId)}\n        onClose={() => setShowGenerate(false)}\n        onCreated={(apiKey, keyName) => {\n          setShowGenerate(false);\n          setRevealKey({ apiKey, keyName });\n        }}\n      />\n\n      {revealKey && (\n        <RevealApiKeyModal\n          open={true}\n          apiKey={revealKey.apiKey}\n          keyName={revealKey.keyName}\n          onClose={() => setRevealKey(null)}\n        />\n      )}\n    </>\n  );\n}\n"]}

package/dist/components/core/users/ApiKeysTab/ApiKeysTab.tsx

@@ -0,0 +1,256 @@
+import { useState } from "react";
+import { useDispatch } from "react-redux";
+import { KeyRound, Plus } from "lucide-react";
+import "./ApiKeysTab.css";
+import { SolidButton, SolidSpinner, SolidSwitch, SolidTag } from "../../../shad-cn-ui";
+import { showToast } from "../../../../redux/features/toastSlice";
+import {
+  useGetUserApiKeysQuery,
+  useUpdateApiKeyMutation,
+  type ApiKeyRecord,
+} from "../../../../redux/api/apiKeyApi";
+import { GenerateApiKeyModal } from "./GenerateApiKeyModal";
+import { RevealApiKeyModal } from "./RevealApiKeyModal";
+
+function formatDate(iso: string | null): string {
+  if (!iso) return "—";
+  return new Date(iso).toLocaleDateString(undefined, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+  });
+}
+
+function getExpiryStatus(expiresAt: string | null): "expired" | "expiring-soon" | "ok" | "never" {
+  if (!expiresAt) return "never";
+  const diff = new Date(expiresAt).getTime() - Date.now();
+  if (diff < 0) return "expired";
+  if (diff < 7 * 24 * 60 * 60 * 1000) return "expiring-soon";
+  return "ok";
+}
+
+function ApiKeysTable({
+  keys,
+  onToggleActive,
+  isTogglingId,
+}: {
+  keys: ApiKeyRecord[];
+  onToggleActive: (key: ApiKeyRecord) => void;
+  isTogglingId: string | null;
+}) {
+  if (keys.length === 0) {
+    return (
+      <div
+        className="flex flex-column align-items-center justify-content-center gap-3 py-6"
+        style={{ color: "var(--solid-text-secondary, #888)" }}
+      >
+        <KeyRound size={32} strokeWidth={1.5} />
+        <div className="text-center">
+          <p className="m-0" style={{ fontSize: 14, fontWeight: 500 }}>
+            No API keys
+          </p>
+          <p className="m-0 mt-1" style={{ fontSize: 12 }}>
+            Generate a key to enable programmatic access.
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ overflowX: "auto" }}>
+      <table style={{ width: "100%", borderCollapse: "collapse", tableLayout: "fixed" }}>
+        <colgroup>
+          <col style={{ width: "18%" }} />
+          <col style={{ width: "22%" }} />
+          <col style={{ width: "14%" }} />
+          <col style={{ width: "16%" }} />
+          <col style={{ width: "18%" }} />
+          <col style={{ width: "12%" }} />
+        </colgroup>
+        <thead>
+          <tr>
+            <th className="solid-api-keys-th">Name</th>
+            <th className="solid-api-keys-th">Key</th>
+            <th className="solid-api-keys-th">Status</th>
+            <th className="solid-api-keys-th">Expires</th>
+            <th className="solid-api-keys-th">Last Used</th>
+            <th className="solid-api-keys-th" style={{ textAlign: "right" }}>Active</th>
+          </tr>
+        </thead>
+        <tbody>
+          {keys.map((key) => {
+            const expiryStatus = getExpiryStatus(key.expiresAt);
+            const isExpired = expiryStatus === "expired";
+
+            return (
+              <tr key={key.id} className={isExpired ? "solid-api-keys-row--expired" : undefined}>
+                <td className="solid-api-keys-td">
+                  <span style={{ fontWeight: 500 }}>{key.name}</span>
+                </td>
+
+                <td className="solid-api-keys-td">
+                  <code
+                    style={{
+                      fontFamily: "monospace",
+                      fontSize: 13,
+                      background: "var(--solid-surface-secondary, #f5f5f5)",
+                      padding: "2px 6px",
+                      borderRadius: 4,
+                    }}
+                  >
+                    {key.maskedKey}
+                  </code>
+                </td>
+
+                <td className="solid-api-keys-td">
+                  {isExpired ? (
+                    <SolidTag tone="danger">Expired</SolidTag>
+                  ) : !key.isActive ? (
+                    <SolidTag tone="warn">Inactive</SolidTag>
+                  ) : expiryStatus === "expiring-soon" ? (
+                    <SolidTag tone="warn">Expiring soon</SolidTag>
+                  ) : (
+                    <SolidTag tone="success">Active</SolidTag>
+                  )}
+                </td>
+
+                <td
+                  className="solid-api-keys-td"
+                  style={{
+                    color:
+                      expiryStatus === "expired"
+                        ? "var(--solid-danger-color, #ef4444)"
+                        : expiryStatus === "expiring-soon"
+                        ? "var(--solid-warn-color, #f59e0b)"
+                        : undefined,
+                  }}
+                >
+                  {expiryStatus === "never" ? (
+                    <span style={{ color: "var(--solid-text-secondary, #888)" }}>Never</span>
+                  ) : (
+                    formatDate(key.expiresAt)
+                  )}
+                </td>
+
+                <td className="solid-api-keys-td" style={{ color: "var(--solid-text-secondary, #888)" }}>
+                  {formatDate(key.lastUsedAt)}
+                </td>
+
+                <td className="solid-api-keys-td" style={{ textAlign: "right" }}>
+                  {isTogglingId === key.id ? (
+                    <SolidSpinner />
+                  ) : (
+                    <SolidSwitch
+                      checked={key.isActive}
+                      disabled={isExpired}
+                      onChange={() => onToggleActive(key)}
+                    />
+                  )}
+                </td>
+              </tr>
+            );
+          })}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+interface ApiKeysTabProps {
+  userId: string;
+  canCreate?: boolean;
+}
+
+export function ApiKeysTab({ userId, canCreate = false }: ApiKeysTabProps) {
+  const dispatch = useDispatch();
+  const { data, isLoading, isError } = useGetUserApiKeysQuery(userId);
+  const [updateApiKey] = useUpdateApiKeyMutation();
+  const [togglingId, setTogglingId] = useState<string | null>(null);
+  const [showGenerate, setShowGenerate] = useState(false);
+  const [revealKey, setRevealKey] = useState<{ apiKey: string; keyName: string } | null>(null);
+
+  const keys: ApiKeyRecord[] = data?.data?.apiKeys ?? [];
+
+  const handleToggle = async (key: ApiKeyRecord) => {
+    setTogglingId(key.id);
+    try {
+      await updateApiKey({ id: key.id, isActive: !key.isActive }).unwrap();
+      dispatch(
+        showToast({
+          severity: "success",
+          summary: "Updated",
+          detail: `API key "${key.name}" ${!key.isActive ? "activated" : "deactivated"}.`,
+        })
+      );
+    } catch (err: any) {
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: "Error",
+          detail: err?.data?.message || "Failed to update API key.",
+        })
+      );
+    } finally {
+      setTogglingId(null);
+    }
+  };
+
+  return (
+    <>
+      <div className="solid-api-keys-tab">
+        <div className="flex align-items-center justify-content-between mb-4">
+          <div>
+            <p className="m-0" style={{ fontWeight: 600, fontSize: 14 }}>
+              API Keys
+            </p>
+            <p className="m-0 mt-1" style={{ fontSize: 12, color: "var(--solid-text-secondary, #888)" }}>
+              Keys grant programmatic access. Store them securely — they are shown only once.
+            </p>
+          </div>
+          {canCreate && (
+            <SolidButton size="small" type="button" onClick={() => setShowGenerate(true)}>
+              <Plus size={14} />
+              Generate Key
+            </SolidButton>
+          )}
+        </div>
+
+        {isLoading ? (
+          <div className="flex justify-content-center py-5">
+            <SolidSpinner />
+          </div>
+        ) : isError && keys.length === 0 ? (
+          <div
+            className="flex flex-column align-items-center justify-content-center gap-2 py-5"
+            style={{ color: "var(--solid-text-secondary, #888)", fontSize: 13 }}
+          >
+            <p className="m-0">Something went wrong while loading API keys.</p>
+            <p className="m-0">Please refresh the page and try again.</p>
+          </div>
+        ) : (
+          <ApiKeysTable keys={keys} onToggleActive={handleToggle} isTogglingId={togglingId} />
+        )}
+      </div>
+
+      <GenerateApiKeyModal
+        open={showGenerate}
+        userId={Number(userId)}
+        onClose={() => setShowGenerate(false)}
+        onCreated={(apiKey, keyName) => {
+          setShowGenerate(false);
+          setRevealKey({ apiKey, keyName });
+        }}
+      />
+
+      {revealKey && (
+        <RevealApiKeyModal
+          open={true}
+          apiKey={revealKey.apiKey}
+          keyName={revealKey.keyName}
+          onClose={() => setRevealKey(null)}
+        />
+      )}
+    </>
+  );
+}

package/dist/components/core/users/ApiKeysTab/GenerateApiKeyModal.d.ts

@@ -0,0 +1,9 @@
+interface GenerateApiKeyModalProps {
+    open: boolean;
+    onClose: () => void;
+    onCreated: (rawApiKey: string, keyName: string) => void;
+    userId?: number;
+}
+export declare function GenerateApiKeyModal({ open, onClose, onCreated, userId }: GenerateApiKeyModalProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GenerateApiKeyModal.d.ts.map

package/dist/components/core/users/ApiKeysTab/GenerateApiKeyModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateApiKeyModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/GenerateApiKeyModal.tsx"],"names":[],"mappings":"AAmDA,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA4HjG"}