@solidxai/core-ui 0.1.7-beta.8 → 0.1.7

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var STAGE_TONES = {
+    pending: { backgroundColor: "#6b7280", color: "#fff", borderColor: "rgba(107, 114, 128, 0.18)", dotColor: "#d1d5db" },
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff", borderColor: "rgba(59, 130, 246, 0.18)", dotColor: "#dbeafe" },
+    started: { backgroundColor: "#eab308", color: "#111827", borderColor: "rgba(234, 179, 8, 0.22)", dotColor: "#fef08a" },
+    retry: { backgroundColor: "#f97316", color: "#fff", borderColor: "rgba(249, 115, 22, 0.18)", dotColor: "#fed7aa" },
+    retrying: { backgroundColor: "#ea580c", color: "#fff", borderColor: "rgba(234, 88, 12, 0.18)", dotColor: "#fdba74" },
+    failed: { backgroundColor: "#ef4444", color: "#fff", borderColor: "rgba(239, 68, 68, 0.18)", dotColor: "#fecaca" },
+    succeeded: { backgroundColor: "#22c55e", color: "#fff", borderColor: "rgba(34, 197, 94, 0.18)", dotColor: "#bbf7d0" },
+    default: { backgroundColor: "#9ca3af", color: "#fff", borderColor: "rgba(156, 163, 175, 0.18)", dotColor: "#e5e7eb" },
+};
+export var getMqMessageStageTone = function (stage) {
+    var key = String(stage || "").toLowerCase();
+    return STAGE_TONES[key] || STAGE_TONES.default;
+};
+export var getMqMessageStageLabel = function (stage, fallbackLabel) {
+    if (fallbackLabel === void 0) { fallbackLabel = "—"; }
+    if (stage === null || stage === undefined || stage === "") {
+        return fallbackLabel;
+    }
+    return String(stage).toLowerCase();
+};
+export var MqMessageStageBadge = function (_a) {
+    var stage = _a.stage, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.showDot, showDot = _c === void 0 ? false : _c, _d = _a.compact, compact = _d === void 0 ? false : _d, _e = _a.fallbackLabel, fallbackLabel = _e === void 0 ? "—" : _e;
+    var label = getMqMessageStageLabel(stage, fallbackLabel);
+    if (label === fallbackLabel) {
+        return _jsx("span", { className: "text-muted ".concat(className).trim(), children: fallbackLabel });
+    }
+    var tone = getMqMessageStageTone(stage);
+    return (_jsxs("span", { className: className, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: showDot ? "6px" : "0",
+            borderRadius: "999px",
+            padding: compact ? "3px 8px" : "4px 10px",
+            fontSize: compact ? "11px" : "12px",
+            fontWeight: 600,
+            textTransform: "capitalize",
+            backgroundColor: tone.backgroundColor,
+            color: tone.color,
+            border: "1px solid ".concat(tone.borderColor),
+            lineHeight: 1,
+            whiteSpace: "nowrap",
+        }, title: label, children: [showDot && (_jsx("span", { "aria-hidden": "true", style: {
+                    width: "7px",
+                    height: "7px",
+                    borderRadius: "999px",
+                    backgroundColor: tone.dotColor,
+                    flex: "0 0 auto",
+                } })), _jsx("span", { children: label })] }));
+};
+//# sourceMappingURL=MqMessageStageBadge.js.map

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageStageBadge.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx"],"names":[],"mappings":"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","sourcesContent":["type MqMessageStageBadgeProps = {\n    stage?: any;\n    className?: string;\n    showDot?: boolean;\n    compact?: boolean;\n    fallbackLabel?: string;\n};\n\nconst STAGE_TONES: Record<string, { backgroundColor: string; color: string; borderColor: string; dotColor: string }> = {\n    pending: { backgroundColor: \"#6b7280\", color: \"#fff\", borderColor: \"rgba(107, 114, 128, 0.18)\", dotColor: \"#d1d5db\" },\n    scheduled: { backgroundColor: \"#3b82f6\", color: \"#fff\", borderColor: \"rgba(59, 130, 246, 0.18)\", dotColor: \"#dbeafe\" },\n    started: { backgroundColor: \"#eab308\", color: \"#111827\", borderColor: \"rgba(234, 179, 8, 0.22)\", dotColor: \"#fef08a\" },\n    retry: { backgroundColor: \"#f97316\", color: \"#fff\", borderColor: \"rgba(249, 115, 22, 0.18)\", dotColor: \"#fed7aa\" },\n    retrying: { backgroundColor: \"#ea580c\", color: \"#fff\", borderColor: \"rgba(234, 88, 12, 0.18)\", dotColor: \"#fdba74\" },\n    failed: { backgroundColor: \"#ef4444\", color: \"#fff\", borderColor: \"rgba(239, 68, 68, 0.18)\", dotColor: \"#fecaca\" },\n    succeeded: { backgroundColor: \"#22c55e\", color: \"#fff\", borderColor: \"rgba(34, 197, 94, 0.18)\", dotColor: \"#bbf7d0\" },\n    default: { backgroundColor: \"#9ca3af\", color: \"#fff\", borderColor: \"rgba(156, 163, 175, 0.18)\", dotColor: \"#e5e7eb\" },\n};\n\nexport const getMqMessageStageTone = (stage: any) => {\n    const key = String(stage || \"\").toLowerCase();\n    return STAGE_TONES[key] || STAGE_TONES.default;\n};\n\nexport const getMqMessageStageLabel = (stage: any, fallbackLabel = \"—\") => {\n    if (stage === null || stage === undefined || stage === \"\") {\n        return fallbackLabel;\n    }\n\n    return String(stage).toLowerCase();\n};\n\nexport const MqMessageStageBadge = ({\n    stage,\n    className = \"\",\n    showDot = false,\n    compact = false,\n    fallbackLabel = \"—\",\n}: MqMessageStageBadgeProps) => {\n    const label = getMqMessageStageLabel(stage, fallbackLabel);\n    if (label === fallbackLabel) {\n        return <span className={`text-muted ${className}`.trim()}>{fallbackLabel}</span>;\n    }\n\n    const tone = getMqMessageStageTone(stage);\n\n    return (\n        <span\n            className={className}\n            style={{\n                display: \"inline-flex\",\n                alignItems: \"center\",\n                gap: showDot ? \"6px\" : \"0\",\n                borderRadius: \"999px\",\n                padding: compact ? \"3px 8px\" : \"4px 10px\",\n                fontSize: compact ? \"11px\" : \"12px\",\n                fontWeight: 600,\n                textTransform: \"capitalize\",\n                backgroundColor: tone.backgroundColor,\n                color: tone.color,\n                border: `1px solid ${tone.borderColor}`,\n                lineHeight: 1,\n                whiteSpace: \"nowrap\",\n            }}\n            title={label}\n        >\n            {showDot && (\n                <span\n                    aria-hidden=\"true\"\n                    style={{\n                        width: \"7px\",\n                        height: \"7px\",\n                        borderRadius: \"999px\",\n                        backgroundColor: tone.dotColor,\n                        flex: \"0 0 auto\",\n                    }}\n                />\n            )}\n            <span>{label}</span>\n        </span>\n    );\n};\n\n"]}

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx

@@ -0,0 +1,83 @@
+type MqMessageStageBadgeProps = {
+    stage?: any;
+    className?: string;
+    showDot?: boolean;
+    compact?: boolean;
+    fallbackLabel?: string;
+};
+
+const STAGE_TONES: Record<string, { backgroundColor: string; color: string; borderColor: string; dotColor: string }> = {
+    pending: { backgroundColor: "#6b7280", color: "#fff", borderColor: "rgba(107, 114, 128, 0.18)", dotColor: "#d1d5db" },
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff", borderColor: "rgba(59, 130, 246, 0.18)", dotColor: "#dbeafe" },
+    started: { backgroundColor: "#eab308", color: "#111827", borderColor: "rgba(234, 179, 8, 0.22)", dotColor: "#fef08a" },
+    retry: { backgroundColor: "#f97316", color: "#fff", borderColor: "rgba(249, 115, 22, 0.18)", dotColor: "#fed7aa" },
+    retrying: { backgroundColor: "#ea580c", color: "#fff", borderColor: "rgba(234, 88, 12, 0.18)", dotColor: "#fdba74" },
+    failed: { backgroundColor: "#ef4444", color: "#fff", borderColor: "rgba(239, 68, 68, 0.18)", dotColor: "#fecaca" },
+    succeeded: { backgroundColor: "#22c55e", color: "#fff", borderColor: "rgba(34, 197, 94, 0.18)", dotColor: "#bbf7d0" },
+    default: { backgroundColor: "#9ca3af", color: "#fff", borderColor: "rgba(156, 163, 175, 0.18)", dotColor: "#e5e7eb" },
+};
+
+export const getMqMessageStageTone = (stage: any) => {
+    const key = String(stage || "").toLowerCase();
+    return STAGE_TONES[key] || STAGE_TONES.default;
+};
+
+export const getMqMessageStageLabel = (stage: any, fallbackLabel = "—") => {
+    if (stage === null || stage === undefined || stage === "") {
+        return fallbackLabel;
+    }
+
+    return String(stage).toLowerCase();
+};
+
+export const MqMessageStageBadge = ({
+    stage,
+    className = "",
+    showDot = false,
+    compact = false,
+    fallbackLabel = "—",
+}: MqMessageStageBadgeProps) => {
+    const label = getMqMessageStageLabel(stage, fallbackLabel);
+    if (label === fallbackLabel) {
+        return <span className={`text-muted ${className}`.trim()}>{fallbackLabel}</span>;
+    }
+
+    const tone = getMqMessageStageTone(stage);
+
+    return (
+        <span
+            className={className}
+            style={{
+                display: "inline-flex",
+                alignItems: "center",
+                gap: showDot ? "6px" : "0",
+                borderRadius: "999px",
+                padding: compact ? "3px 8px" : "4px 10px",
+                fontSize: compact ? "11px" : "12px",
+                fontWeight: 600,
+                textTransform: "capitalize",
+                backgroundColor: tone.backgroundColor,
+                color: tone.color,
+                border: `1px solid ${tone.borderColor}`,
+                lineHeight: 1,
+                whiteSpace: "nowrap",
+            }}
+            title={label}
+        >
+            {showDot && (
+                <span
+                    aria-hidden="true"
+                    style={{
+                        width: "7px",
+                        height: "7px",
+                        borderRadius: "999px",
+                        backgroundColor: tone.dotColor,
+                        flex: "0 0 auto",
+                    }}
+                />
+            )}
+            <span>{label}</span>
+        </span>
+    );
+};
+

package/dist/components/core/locales/SolidChatterLocaleTabView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterLocaleTabView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,oBAAoB,CAAC;AAG5B,UAAU,KAAK;IACb,qBAAqB,EAAE,GAAG,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IAEpB,0BAA0B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAUD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2G9C,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"SolidChatterLocaleTabView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,oBAAoB,CAAC;AAG5B,UAAU,KAAK;IACb,qBAAqB,EAAE,GAAG,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,qBAAqB,EAAE,OAAO,CAAC;IAC/B,wBAAwB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IAEpB,0BAA0B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC;IACvB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAUD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8G9C,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/core/locales/SolidChatterLocaleTabView.js

@@ -24,7 +24,7 @@ var mapTabIndexToValue = function (index, order) {
     return order[safeIndex];
 };
 var SolidChatterLocaleTabView = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     var solidFormViewMetaData = _a.solidFormViewMetaData, id = _a.id, refreshChatterMessage = _a.refreshChatterMessage, setRefreshChatterMessage = _a.setRefreshChatterMessage, selectedLocale = _a.selectedLocale, setSelectedLocale = _a.setSelectedLocale, activeTab = _a.activeTab, viewMode = _a.viewMode, createMode = _a.createMode, handleLocaleChangeRedirect = _a.handleLocaleChangeRedirect, defaultEntityLocaleId = _a.defaultEntityLocaleId, solidFormViewData = _a.solidFormViewData, published = _a.published, actionsAllowed = _a.actionsAllowed, mcpUrl = _a.mcpUrl;
     var showWorkflowInfo = Boolean((_d = (_c = (_b = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.draftPublishWorkflow);
     var tabOrder = useMemo(function () {
@@ -35,7 +35,9 @@ var SolidChatterLocaleTabView = function (_a) {
         order.push('audit');
         return order;
     }, [showWorkflowInfo]);
-    var _m = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _m[0], setActiveTabValue = _m[1];
+    var _s = useState(function () { return mapTabIndexToValue(activeTab, tabOrder); }), activeTabValue = _s[0], setActiveTabValue = _s[1];
+    var userKeyFieldName = (_h = (_g = (_f = (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.solidView) === null || _f === void 0 ? void 0 : _f.model) === null || _g === void 0 ? void 0 : _g.userKeyField) === null || _h === void 0 ? void 0 : _h.name;
+    var modelUserKeyValue = (_j = solidFormViewData === null || solidFormViewData === void 0 ? void 0 : solidFormViewData.data) === null || _j === void 0 ? void 0 : _j[userKeyFieldName];
     useEffect(function () {
         var nextValue = mapTabIndexToValue(activeTab, tabOrder);
         setActiveTabValue(function (prev) { return (prev === nextValue ? prev : nextValue); });
@@ -44,17 +46,17 @@ var SolidChatterLocaleTabView = function (_a) {
         ? [{
                 value: 'info',
                 label: 'Info',
-                content: (_jsx("div", { className: "solid-locale-tab-content solid-locale-tab-content--padded", children: _jsx(SolidLocale, { setSelectedLocale: setSelectedLocale, solidFormViewMetaData: solidFormViewMetaData, selectedLocale: selectedLocale, id: id, viewMode: viewMode, createMode: createMode, handleLocaleChangeRedirect: handleLocaleChangeRedirect, defaultEntityLocaleId: defaultEntityLocaleId, applicableLocales: (_e = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _e === void 0 ? void 0 : _e.applicableLocales, solidFormViewData: solidFormViewData, published: published }) }))
+                content: (_jsx("div", { className: "solid-locale-tab-content solid-locale-tab-content--padded", children: _jsx(SolidLocale, { setSelectedLocale: setSelectedLocale, solidFormViewMetaData: solidFormViewMetaData, selectedLocale: selectedLocale, id: id, viewMode: viewMode, createMode: createMode, handleLocaleChangeRedirect: handleLocaleChangeRedirect, defaultEntityLocaleId: defaultEntityLocaleId, applicableLocales: (_k = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _k === void 0 ? void 0 : _k.applicableLocales, solidFormViewData: solidFormViewData, published: published }) }))
             }]
         : []), true), [
         {
             value: 'audit',
             label: 'Audit Trail',
-            content: (_jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_h = (_g = (_f = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _f === void 0 ? void 0 : _f.solidView) === null || _g === void 0 ? void 0 : _g.model) === null || _h === void 0 ? void 0 : _h.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: showWorkflowInfo ? undefined : 'Audit Trail' }) }))
+            content: (_jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_o = (_m = (_l = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _l === void 0 ? void 0 : _l.solidView) === null || _m === void 0 ? void 0 : _m.model) === null || _o === void 0 ? void 0 : _o.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: showWorkflowInfo ? undefined : 'Audit Trail', modelUserKey: modelUserKeyValue }) }))
         }
     ], false);
     if (!showWorkflowInfo) {
-        return (_jsx("div", { className: "solid-locale-panel solid-locale-panel--single", children: _jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_l = (_k = (_j = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _j === void 0 ? void 0 : _j.solidView) === null || _k === void 0 ? void 0 : _k.model) === null || _l === void 0 ? void 0 : _l.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: "Audit Trail" }) }) }));
+        return (_jsx("div", { className: "solid-locale-panel solid-locale-panel--single", children: _jsx("div", { className: "solid-locale-tab-content", children: _jsx(SolidChatter, { modelSingularName: (_r = (_q = (_p = solidFormViewMetaData === null || solidFormViewMetaData === void 0 ? void 0 : solidFormViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.model) === null || _r === void 0 ? void 0 : _r.singularName, id: id, refreshChatterMessage: refreshChatterMessage, setRefreshChatterMessage: setRefreshChatterMessage, actionsAllowed: actionsAllowed, title: "Audit Trail" }) }) }));
     }
     return (_jsx("div", { className: "solid-locale-panel", children: _jsx(SolidTabGroup, { className: "solid-locale-tabs h-full", listClassName: "solid-locale-tabs-list", panelClassName: "solid-locale-tabs-panel", tabs: tabs, value: activeTabValue, onValueChange: setActiveTabValue, tabPosition: 'left' }) }));
 };

package/dist/components/core/locales/SolidChatterLocaleTabView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { SolidChatter } from '../chatter/SolidChatter';\nimport SolidLocale from './SolidLocale';\nimport './solid-locale.css';\nimport { SolidTabGroup } from '../../shad-cn-ui';\n// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel\ninterface Props {\n  solidFormViewMetaData: any;\n  id: string;\n  refreshChatterMessage: boolean;\n  setRefreshChatterMessage: (value: boolean) => void;\n  activeTab: number;\n  selectedLocale: string | null;\n  setSelectedLocale: (locale: string | null) => void;\n  viewMode: string;\n  createMode: boolean;\n  //setDefaultLocaleId: (localeId: string) => void;\n  handleLocaleChangeRedirect: (locale: string, defaultEntityLocaleId: string, viewMode: string) => void;\n  defaultEntityLocaleId: string | null;\n  solidFormViewData: any;\n  published: string | null;\n  actionsAllowed?: string[];\n  mcpUrl?: string | null;\n}\n\nconst mapTabIndexToValue = (index: number, order: string[]) => {\n  if (!order.length) return '';\n  const safeIndex = Number.isFinite(index) ? index : 0;\n  if (safeIndex <= 0) return order[0];\n  if (safeIndex >= order.length) return order[order.length - 1];\n  return order[safeIndex];\n};\n\nconst SolidChatterLocaleTabView: React.FC<Props> = ({\n  solidFormViewMetaData,\n  id,\n  refreshChatterMessage,\n  setRefreshChatterMessage,\n  selectedLocale,\n  setSelectedLocale,\n  activeTab,\n  viewMode,\n  createMode,\n  handleLocaleChangeRedirect,\n  defaultEntityLocaleId,\n  solidFormViewData,\n  published,\n  actionsAllowed,\n  mcpUrl,\n}) => {\n  const showWorkflowInfo = Boolean(solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow);\n\n  const tabOrder = useMemo(() => {\n    const order: string[] = [];\n    if (showWorkflowInfo) {\n      order.push('info');\n    }\n    order.push('audit');\n    return order;\n  }, [showWorkflowInfo]);\n\n  const [activeTabValue, setActiveTabValue] = useState<string>(() => mapTabIndexToValue(activeTab, tabOrder));\n\n  useEffect(() => {\n    const nextValue = mapTabIndexToValue(activeTab, tabOrder);\n    setActiveTabValue((prev) => (prev === nextValue ? prev : nextValue));\n  }, [activeTab, tabOrder]);\n\n  const tabs: { value: string; label: React.ReactNode; content: React.ReactNode; }[] = [\n    ...(showWorkflowInfo\n      ? [{\n        value: 'info',\n        label: 'Info',\n        content: (\n          <div className=\"solid-locale-tab-content solid-locale-tab-content--padded\">\n            <SolidLocale\n              setSelectedLocale={setSelectedLocale}\n              solidFormViewMetaData={solidFormViewMetaData}\n              selectedLocale={selectedLocale}\n              id={id}\n              viewMode={viewMode}\n              createMode={createMode}\n              handleLocaleChangeRedirect={handleLocaleChangeRedirect}\n              defaultEntityLocaleId={defaultEntityLocaleId}\n              applicableLocales={solidFormViewMetaData?.data?.applicableLocales}\n              solidFormViewData={solidFormViewData}\n              published={published}\n            />\n          </div>\n        )\n      }]\n      : []),\n    {\n      value: 'audit',\n      label: 'Audit Trail',\n      content: (\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title={showWorkflowInfo ? undefined : 'Audit Trail'}\n          />\n        </div>\n      )\n    }\n  ];\n\n  if (!showWorkflowInfo) {\n    return (\n      <div className=\"solid-locale-panel solid-locale-panel--single\">\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title=\"Audit Trail\"\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-locale-panel\">\n      <SolidTabGroup\n        className=\"solid-locale-tabs h-full\"\n        listClassName=\"solid-locale-tabs-list\"\n        panelClassName=\"solid-locale-tabs-panel\"\n        tabs={tabs}\n        value={activeTabValue}\n        onValueChange={setActiveTabValue}\n        tabPosition='left'\n      />\n    </div>\n  );\n};\n\nexport default SolidChatterLocaleTabView;\n"]}
+{"version":3,"file":"SolidChatterLocaleTabView.js","sourceRoot":"","sources":["../../../../src/components/core/locales/SolidChatterLocaleTabView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { SolidChatter } from '../chatter/SolidChatter';\nimport SolidLocale from './SolidLocale';\nimport './solid-locale.css';\nimport { SolidTabGroup } from '../../shad-cn-ui';\n// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel\ninterface Props {\n  solidFormViewMetaData: any;\n  id: string;\n  refreshChatterMessage: boolean;\n  setRefreshChatterMessage: (value: boolean) => void;\n  activeTab: number;\n  selectedLocale: string | null;\n  setSelectedLocale: (locale: string | null) => void;\n  viewMode: string;\n  createMode: boolean;\n  //setDefaultLocaleId: (localeId: string) => void;\n  handleLocaleChangeRedirect: (locale: string, defaultEntityLocaleId: string, viewMode: string) => void;\n  defaultEntityLocaleId: string | null;\n  solidFormViewData: any;\n  published: string | null;\n  actionsAllowed?: string[];\n  mcpUrl?: string | null;\n}\n\nconst mapTabIndexToValue = (index: number, order: string[]) => {\n  if (!order.length) return '';\n  const safeIndex = Number.isFinite(index) ? index : 0;\n  if (safeIndex <= 0) return order[0];\n  if (safeIndex >= order.length) return order[order.length - 1];\n  return order[safeIndex];\n};\n\nconst SolidChatterLocaleTabView: React.FC<Props> = ({\n  solidFormViewMetaData,\n  id,\n  refreshChatterMessage,\n  setRefreshChatterMessage,\n  selectedLocale,\n  setSelectedLocale,\n  activeTab,\n  viewMode,\n  createMode,\n  handleLocaleChangeRedirect,\n  defaultEntityLocaleId,\n  solidFormViewData,\n  published,\n  actionsAllowed,\n  mcpUrl,\n}) => {\n  const showWorkflowInfo = Boolean(solidFormViewMetaData?.data?.solidView?.model?.draftPublishWorkflow);\n\n  const tabOrder = useMemo(() => {\n    const order: string[] = [];\n    if (showWorkflowInfo) {\n      order.push('info');\n    }\n    order.push('audit');\n    return order;\n  }, [showWorkflowInfo]);\n\n  const [activeTabValue, setActiveTabValue] = useState<string>(() => mapTabIndexToValue(activeTab, tabOrder));\n  const userKeyFieldName = solidFormViewMetaData?.data?.solidView?.model?.userKeyField?.name;\n  const modelUserKeyValue = solidFormViewData?.data?.[userKeyFieldName];\n\n  useEffect(() => {\n    const nextValue = mapTabIndexToValue(activeTab, tabOrder);\n    setActiveTabValue((prev) => (prev === nextValue ? prev : nextValue));\n  }, [activeTab, tabOrder]);\n\n  const tabs: { value: string; label: React.ReactNode; content: React.ReactNode; }[] = [\n    ...(showWorkflowInfo\n      ? [{\n        value: 'info',\n        label: 'Info',\n        content: (\n          <div className=\"solid-locale-tab-content solid-locale-tab-content--padded\">\n            <SolidLocale\n              setSelectedLocale={setSelectedLocale}\n              solidFormViewMetaData={solidFormViewMetaData}\n              selectedLocale={selectedLocale}\n              id={id}\n              viewMode={viewMode}\n              createMode={createMode}\n              handleLocaleChangeRedirect={handleLocaleChangeRedirect}\n              defaultEntityLocaleId={defaultEntityLocaleId}\n              applicableLocales={solidFormViewMetaData?.data?.applicableLocales}\n              solidFormViewData={solidFormViewData}\n              published={published}\n            />\n          </div>\n        )\n      }]\n      : []),\n    {\n      value: 'audit',\n      label: 'Audit Trail',\n      content: (\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title={showWorkflowInfo ? undefined : 'Audit Trail'}\n            modelUserKey={modelUserKeyValue}\n          />\n        </div>\n      )\n    }\n  ];\n\n  if (!showWorkflowInfo) {\n    return (\n      <div className=\"solid-locale-panel solid-locale-panel--single\">\n        <div className=\"solid-locale-tab-content\">\n          <SolidChatter\n            modelSingularName={solidFormViewMetaData?.data?.solidView?.model?.singularName}\n            id={id}\n            refreshChatterMessage={refreshChatterMessage}\n            setRefreshChatterMessage={setRefreshChatterMessage}\n            actionsAllowed={actionsAllowed}\n            title=\"Audit Trail\"\n          />\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-locale-panel\">\n      <SolidTabGroup\n        className=\"solid-locale-tabs h-full\"\n        listClassName=\"solid-locale-tabs-list\"\n        panelClassName=\"solid-locale-tabs-panel\"\n        tabs={tabs}\n        value={activeTabValue}\n        onValueChange={setActiveTabValue}\n        tabPosition='left'\n      />\n    </div>\n  );\n};\n\nexport default SolidChatterLocaleTabView;\n"]}

package/dist/components/core/locales/SolidChatterLocaleTabView.tsx

@@ -60,6 +60,8 @@ const SolidChatterLocaleTabView: React.FC<Props> = ({
   }, [showWorkflowInfo]);
 
   const [activeTabValue, setActiveTabValue] = useState<string>(() => mapTabIndexToValue(activeTab, tabOrder));
+  const userKeyFieldName = solidFormViewMetaData?.data?.solidView?.model?.userKeyField?.name;
+  const modelUserKeyValue = solidFormViewData?.data?.[userKeyFieldName];
 
   useEffect(() => {
     const nextValue = mapTabIndexToValue(activeTab, tabOrder);
@@ -102,6 +104,7 @@ const SolidChatterLocaleTabView: React.FC<Props> = ({
             setRefreshChatterMessage={setRefreshChatterMessage}
             actionsAllowed={actionsAllowed}
             title={showWorkflowInfo ? undefined : 'Audit Trail'}
+            modelUserKey={modelUserKeyValue}
           />
         </div>
       )

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

@@ -1,3 +1,4 @@
+import "./ApiKeysTab.css";
 interface ApiKeysTabProps {
     userId: string;
     canCreate?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"ApiKeysTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/users/ApiKeysTab/ApiKeysTab.tsx"],"names":[],"mappings":"AAsJA,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,2CA0FxE"}
+{"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

@@ -38,6 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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";
@@ -67,7 +68,7 @@ function ApiKeysTable(_a) {
     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" }, children: [_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", children: "Active" })] }) }), _jsx("tbody", { children: keys.map(function (key) {
+    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: {
@@ -82,7 +83,7 @@ function ApiKeysTable(_a) {
                                             : 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", children: isTogglingId === key.id ? (_jsx(SolidSpinner, {})) : (_jsx(SolidSwitch, { checked: key.isActive, disabled: isExpired, onChange: function () { return onToggleActive(key); } })) })] }, key.id));
+                                    }, 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) {
@@ -130,7 +131,7 @@ export function ApiKeysTab(_a) {
             }
         });
     }); };
-    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, onClose: function () { return setShowGenerate(false); }, onCreated: function (apiKey, keyName) {
+    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); } }))] }));

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

@@ -1 +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 { 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\" }}>\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\">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\">\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        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"]}
+{"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

@@ -1,6 +1,7 @@
 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 {
@@ -58,7 +59,15 @@ function ApiKeysTable({
 
   return (
     <div style={{ overflowX: "auto" }}>
-      <table style={{ width: "100%", borderCollapse: "collapse" }}>
+      <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>
@@ -66,7 +75,7 @@ function ApiKeysTable({
             <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">Active</th>
+            <th className="solid-api-keys-th" style={{ textAlign: "right" }}>Active</th>
           </tr>
         </thead>
         <tbody>
@@ -128,7 +137,7 @@ function ApiKeysTable({
                   {formatDate(key.lastUsedAt)}
                 </td>
 
-                <td className="solid-api-keys-td">
+                <td className="solid-api-keys-td" style={{ textAlign: "right" }}>
                   {isTogglingId === key.id ? (
                     <SolidSpinner />
                   ) : (
@@ -226,6 +235,7 @@ export function ApiKeysTab({ userId, canCreate = false }: ApiKeysTabProps) {
 
       <GenerateApiKeyModal
         open={showGenerate}
+        userId={Number(userId)}
         onClose={() => setShowGenerate(false)}
         onCreated={(apiKey, keyName) => {
           setShowGenerate(false);

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

@@ -2,7 +2,8 @@ interface GenerateApiKeyModalProps {
     open: boolean;
     onClose: () => void;
     onCreated: (rawApiKey: string, keyName: string) => void;
+    userId?: number;
 }
-export declare function GenerateApiKeyModal({ open, onClose, onCreated }: GenerateApiKeyModalProps): import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +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;CACzD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,wBAAwB,2CA8HzF"}
+{"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"}

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

@@ -52,7 +52,7 @@ import { useFormik } from "formik";
 import * as Yup from "yup";
 import { SolidButton, SolidDatePicker, SolidDialog, SolidDialogBody, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, SolidMessage, SolidSelect, } from "../../../shad-cn-ui";
 import { showToast } from "../../../../redux/features/toastSlice";
-import { useCreateApiKeyMutation } from "../../../../redux/api/apiKeyApi";
+import { useGenerateApiKeyForUserMutation } from "../../../../redux/api/apiKeyApi";
 var EXPIRY_OPTIONS = [
     { label: "30 days", value: "30d" },
     { label: "60 days", value: "60d" },
@@ -83,9 +83,9 @@ function resolveExpiresAt(expiryOption, customDate) {
 }
 export function GenerateApiKeyModal(_a) {
     var _this = this;
-    var open = _a.open, onClose = _a.onClose, onCreated = _a.onCreated;
+    var open = _a.open, onClose = _a.onClose, onCreated = _a.onCreated, userId = _a.userId;
     var dispatch = useDispatch();
-    var _b = useCreateApiKeyMutation(), createApiKey = _b[0], isLoading = _b[1].isLoading;
+    var _b = useGenerateApiKeyForUserMutation(), generateApiKeyForUser = _b[0], isLoading = _b[1].isLoading;
     var _c = useState(null), customDate = _c[0], setCustomDate = _c[1];
     var formik = useFormik({
         initialValues: {
@@ -101,7 +101,7 @@ export function GenerateApiKeyModal(_a) {
             expiryOption: Yup.string().required("Expiry is required"),
         }),
         onSubmit: function (values, helpers) { return __awaiter(_this, void 0, void 0, function () {
-            var expiresAt, response, err_1, detail;
+            var expiresAt, body, response, err_1, detail;
             var _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -114,7 +114,8 @@ export function GenerateApiKeyModal(_a) {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, createApiKey(__assign({ name: values.name.trim() }, (expiresAt ? { expiresAt: expiresAt } : {}))).unwrap()];
+                        body = __assign({ name: values.name.trim() }, (expiresAt ? { expiresAt: expiresAt } : {}));
+                        return [4 /*yield*/, generateApiKeyForUser({ userId: userId, body: body }).unwrap()];
                     case 2:
                         response = _b.sent();
                         onCreated(response.data.apiKey, values.name.trim());