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

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

@@ -0,0 +1,228 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { ArrowLeftRight, ChevronDown, History, RefreshCw } from "lucide-react";
+import ReactDiffViewer, { DiffMethod } from "react-diff-viewer-continued";
+import { useLazyGetchatterMessageQuery } from "../../../../redux/api/solidChatterMessageApi";
+import { SolidDialog, SolidDialogBody, SolidDropdownMenu, SolidDropdownMenuContent, SolidDropdownMenuItem, SolidDropdownMenuTrigger, } from "../../../../components/shad-cn-ui";
+import "./AgentPersonaHistory.css";
+var PAGE_SIZE = 100;
+var dateFormatter = new Intl.DateTimeFormat(undefined, { dateStyle: "medium", timeStyle: "short" });
+var relativeFormatter = new Intl.RelativeTimeFormat(undefined, { numeric: "auto" });
+function relativeTime(value) {
+    if (!value)
+        return "Date unknown";
+    var time = new Date(value).getTime();
+    if (!Number.isFinite(time))
+        return "Date unknown";
+    var minutes = Math.round((time - Date.now()) / 60000);
+    if (Math.abs(minutes) < 1)
+        return "Just now";
+    if (Math.abs(minutes) < 60)
+        return relativeFormatter.format(minutes, "minute");
+    var hours = Math.round(minutes / 60);
+    if (Math.abs(hours) < 24)
+        return relativeFormatter.format(hours, "hour");
+    var days = Math.round(hours / 24);
+    if (Math.abs(days) < 30)
+        return relativeFormatter.format(days, "day");
+    var months = Math.round(days / 30);
+    if (Math.abs(months) < 12)
+        return relativeFormatter.format(months, "month");
+    return relativeFormatter.format(Math.round(days / 365), "year");
+}
+function absoluteTime(value) {
+    if (!value)
+        return "Date unknown";
+    var date = new Date(value);
+    return Number.isFinite(date.getTime()) ? dateFormatter.format(date) : "Date unknown";
+}
+function versionsFrom(messages) {
+    var _a, _b, _c, _d;
+    var ordered = __spreadArray([], messages, true).sort(function (a, b) {
+        var _a, _b;
+        var byDate = new Date((_a = b.createdAt) !== null && _a !== void 0 ? _a : 0).getTime() - new Date((_b = a.createdAt) !== null && _b !== void 0 ? _b : 0).getTime();
+        return byDate || b.id - a.id;
+    });
+    var versions = [];
+    for (var _i = 0, ordered_1 = ordered; _i < ordered_1.length; _i++) {
+        var message = ordered_1[_i];
+        if (message.messageType !== "audit")
+            continue;
+        var detail = (_a = message.chatterMessageDetails) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.fieldName === "systemPrompt"; });
+        if (!detail || typeof detail.newValue !== "string")
+            continue;
+        if (message.messageSubType !== "audit_update" && message.messageSubType !== "audit_insert")
+            continue;
+        versions.push({
+            id: "audit-".concat(message.id),
+            prompt: detail.newValue,
+            createdAt: message.createdAt,
+            author: ((_b = message.user) === null || _b === void 0 ? void 0 : _b.fullName) || "System",
+            kind: message.messageSubType === "audit_insert" ? "initial" : "update",
+        });
+    }
+    // Older agents can predate their first recorded insert audit. The first update's
+    // before value still gives us the previous prompt without inventing a timestamp.
+    if (!versions.some(function (version) { return version.kind === "initial"; })) {
+        var oldestUpdate = __spreadArray([], ordered, true).reverse().find(function (message) {
+            var _a;
+            return message.messageType === "audit" &&
+                message.messageSubType === "audit_update" &&
+                ((_a = message.chatterMessageDetails) === null || _a === void 0 ? void 0 : _a.some(function (detail) { return detail.fieldName === "systemPrompt" && typeof detail.oldValue === "string"; }));
+        });
+        var oldPrompt = (_d = (_c = oldestUpdate === null || oldestUpdate === void 0 ? void 0 : oldestUpdate.chatterMessageDetails) === null || _c === void 0 ? void 0 : _c.find(function (detail) { return detail.fieldName === "systemPrompt"; })) === null || _d === void 0 ? void 0 : _d.oldValue;
+        if (typeof oldPrompt === "string")
+            versions.push({
+                id: "before-".concat(oldestUpdate.id),
+                prompt: oldPrompt,
+                author: "Earlier version",
+                kind: "initial",
+            });
+    }
+    return versions;
+}
+function versionLabel(version) {
+    if (version.kind === "current")
+        return "Current saved prompt";
+    if (version.id.startsWith("before-"))
+        return "Before first recorded change";
+    return version.kind === "initial" ? "Original prompt" : "Prompt change";
+}
+function VersionItem(_a) {
+    var version = _a.version, selected = _a.selected;
+    return _jsxs("span", { className: "persona-history__item", children: [_jsx("span", { className: "persona-history__item-main", children: _jsx("strong", { children: versionLabel(version) }) }), _jsxs("span", { className: "persona-history__item-meta", children: [version.createdAt ? _jsx("time", { dateTime: version.createdAt, title: absoluteTime(version.createdAt), children: relativeTime(version.createdAt) }) : "Date unknown", _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsx("span", { children: version.author }), selected && _jsx("span", { className: "persona-history__selected", children: "Selected" })] })] });
+}
+function VersionPicker(_a) {
+    var _b;
+    var versions = _a.versions, value = _a.value, onChange = _a.onChange, side = _a.side;
+    var selected = (_b = versions.find(function (version) { return version.id === value; })) !== null && _b !== void 0 ? _b : versions[0];
+    return _jsxs(SolidDropdownMenu, { children: [_jsxs(SolidDropdownMenuTrigger, { className: "persona-history__selector", "aria-label": "Choose ".concat(side, " prompt version"), children: [_jsxs("span", { className: "persona-history__selector-copy", children: [_jsxs("span", { className: "persona-history__selector-meta", children: [_jsx("small", { children: side === "left" ? "LEFT VERSION" : "RIGHT VERSION" }), _jsx("time", { dateTime: selected.createdAt, title: selected.createdAt ? absoluteTime(selected.createdAt) : undefined, children: selected.createdAt ? absoluteTime(selected.createdAt) : selected.author })] }), _jsx("strong", { children: versionLabel(selected) })] }), _jsx(ChevronDown, { size: 17, "aria-hidden": "true" })] }), _jsxs(SolidDropdownMenuContent, { className: "persona-history__menu", align: "start", sideOffset: 8, children: [_jsxs("div", { className: "persona-history__menu-heading", children: ["Choose ", side, " version"] }), _jsx("div", { className: "persona-history__menu-list", children: versions.map(function (version) { return _jsx(SolidDropdownMenuItem, { className: "persona-history__menu-option", onSelect: function () { return onChange(version.id); }, children: _jsx(VersionItem, { version: version, selected: version.id === value }) }, version.id); }) })] })] });
+}
+export function AgentPersonaHistory(_a) {
+    var _this = this;
+    var _b, _c, _d;
+    var agentId = _a.agentId, savedPrompt = _a.savedPrompt, refreshVersion = _a.refreshVersion;
+    var getMessages = useLazyGetchatterMessageQuery()[0];
+    var _e = React.useState([]), versions = _e[0], setVersions = _e[1];
+    var _f = React.useState(false), loading = _f[0], setLoading = _f[1];
+    var _g = React.useState(false), error = _g[0], setError = _g[1];
+    var _h = React.useState(false), menuOpen = _h[0], setMenuOpen = _h[1];
+    var _j = React.useState(false), dialogOpen = _j[0], setDialogOpen = _j[1];
+    var _k = React.useState("current"), leftId = _k[0], setLeftId = _k[1];
+    var _l = React.useState(""), rightId = _l[0], setRightId = _l[1];
+    var requestId = React.useRef(0);
+    var current = { id: "current", prompt: savedPrompt, author: "Saved agent", kind: "current" };
+    var choices = __spreadArray([current], versions, true);
+    var left = (_b = choices.find(function (version) { return version.id === leftId; })) !== null && _b !== void 0 ? _b : current;
+    var right = (_d = (_c = choices.find(function (version) { return version.id === rightId; })) !== null && _c !== void 0 ? _c : versions[0]) !== null && _d !== void 0 ? _d : current;
+    var loadVersions = React.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var request, all, offset, qs_1, response, records, total, _a;
+        var _b, _c, _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    request = ++requestId.current;
+                    setLoading(true);
+                    setError(false);
+                    _g.label = 1;
+                case 1:
+                    _g.trys.push([1, 5, 6, 7]);
+                    all = [];
+                    offset = 0;
+                    _g.label = 2;
+                case 2:
+                    if (!true) return [3 /*break*/, 4];
+                    qs_1 = "limit=".concat(PAGE_SIZE, "&offset=").concat(offset, "&populate[0]=user");
+                    return [4 /*yield*/, getMessages({ entityId: agentId, entityName: "agentRegistry", qs: qs_1 }, false).unwrap()];
+                case 3:
+                    response = _g.sent();
+                    records = ((_c = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.records) !== null && _c !== void 0 ? _c : []);
+                    all.push.apply(all, records);
+                    total = Number((_f = (_e = (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.totalRecords) !== null && _f !== void 0 ? _f : all.length);
+                    if (!records.length || all.length >= total)
+                        return [3 /*break*/, 4];
+                    offset += records.length;
+                    return [3 /*break*/, 2];
+                case 4:
+                    if (request === requestId.current)
+                        setVersions(versionsFrom(all));
+                    return [3 /*break*/, 7];
+                case 5:
+                    _a = _g.sent();
+                    if (request === requestId.current)
+                        setError(true);
+                    return [3 /*break*/, 7];
+                case 6:
+                    if (request === requestId.current)
+                        setLoading(false);
+                    return [7 /*endfinally*/];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); }, [agentId, getMessages]);
+    React.useEffect(function () {
+        setVersions([]);
+        setLeftId("current");
+        setRightId("");
+        setDialogOpen(false);
+        setMenuOpen(false);
+        return function () { requestId.current += 1; };
+    }, [agentId]);
+    React.useEffect(function () {
+        if (menuOpen || dialogOpen)
+            void loadVersions();
+    }, [menuOpen, refreshVersion]);
+    var compare = function (version) {
+        setLeftId("current");
+        setRightId(version.id);
+        setMenuOpen(false);
+        setDialogOpen(true);
+    };
+    return _jsxs(_Fragment, { children: [_jsxs(SolidDropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [_jsx(SolidDropdownMenuTrigger, { className: "persona-history__trigger", "aria-label": "Persona history", title: "Persona history", children: _jsx(History, { size: 17, "aria-hidden": "true" }) }), _jsxs(SolidDropdownMenuContent, { className: "persona-history__menu", align: "end", sideOffset: 8, children: [_jsxs("div", { className: "persona-history__menu-header", children: [_jsxs("span", { children: [_jsx("strong", { children: "Persona history" }), _jsx("small", { children: "Saved changes to the system prompt" })] }), _jsx("button", { type: "button", className: "persona-history__refresh", "aria-label": "Refresh persona history", title: "Refresh history", onClick: function (event) { event.preventDefault(); event.stopPropagation(); void loadVersions(); }, children: _jsx(RefreshCw, { size: 15 }) })] }), _jsxs("div", { className: "persona-history__menu-list", children: [loading && _jsx("div", { className: "persona-history__status", children: "Loading prompt history\u2026" }), !loading && error && _jsx("div", { className: "persona-history__status persona-history__status--error", children: "Could not load history. Try refreshing." }), !loading && !error && !versions.length && _jsx("div", { className: "persona-history__status", children: "No saved prompt changes yet." }), !loading && !error && versions.map(function (version) { return _jsx(SolidDropdownMenuItem, { className: "persona-history__menu-option", onSelect: function () { return compare(version); }, children: _jsx(VersionItem, { version: version }) }, version.id); })] })] })] }), _jsx(SolidDialog, { open: dialogOpen, onOpenChange: setDialogOpen, ariaLabel: "Compare persona versions", className: "persona-history__dialog", header: _jsxs("span", { className: "persona-history__dialog-title", children: [_jsx(History, { size: 18 }), " Compare persona versions"] }), children: _jsxs(SolidDialogBody, { className: "persona-history__dialog-body", children: [_jsxs("div", { className: "persona-history__compare-controls", children: [_jsx(VersionPicker, { versions: choices, value: left.id, onChange: setLeftId, side: "left" }), _jsx("span", { className: "persona-history__compare-icon", "aria-hidden": "true", children: _jsx(ArrowLeftRight, { size: 17 }) }), _jsx(VersionPicker, { versions: choices, value: right.id, onChange: setRightId, side: "right" })] }), _jsx("div", { className: "persona-history__diff", children: _jsx(ReactDiffViewer, { oldValue: left.prompt, newValue: right.prompt, splitView: true, compareMethod: DiffMethod.LINES, leftTitle: versionLabel(left), rightTitle: versionLabel(right), showDiffOnly: false }) }, "".concat(left.id, ":").concat(right.id))] }) })] });
+}
+//# sourceMappingURL=AgentPersonaHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentPersonaHistory.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentPersonaHistory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/E,OAAO,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EACL,WAAW,EAAE,eAAe,EAAE,iBAAiB,EAAE,wBAAwB,EACzE,qBAAqB,EAAE,wBAAwB,GAChD,MAAM,mCAAmC,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AAmBnC,IAAM,SAAS,GAAG,GAAG,CAAC;AACtB,IAAM,aAAa,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC;AACtG,IAAM,iBAAiB,GAAG,IAAI,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;AAEtF,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC;IAClC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAAC;IACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,cAAc,CAAC;IAClD,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC;QAAE,OAAO,UAAU,CAAC;IAC7C,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,EAAE;QAAE,OAAO,iBAAiB,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC/E,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE;QAAE,OAAO,iBAAiB,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACzE,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE;QAAE,OAAO,iBAAiB,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtE,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACrC,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,EAAE;QAAE,OAAO,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5E,OAAO,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;AAClE,CAAC;AAED,SAAS,YAAY,CAAC,KAAc;IAClC,IAAI,CAAC,KAAK;QAAE,OAAO,cAAc,CAAC;IAClC,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;AACvF,CAAC;AAED,SAAS,YAAY,CAAC,QAAwB;;IAC5C,IAAM,OAAO,GAAG,kBAAI,QAAQ,QAAE,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;;QACtC,IAAM,MAAM,GAAG,IAAI,IAAI,CAAC,MAAA,CAAC,CAAC,SAAS,mCAAI,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,MAAA,CAAC,CAAC,SAAS,mCAAI,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAC3F,OAAO,MAAM,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,IAAM,QAAQ,GAAqB,EAAE,CAAC;IACtC,KAAsB,UAAO,EAAP,mBAAO,EAAP,qBAAO,EAAP,IAAO,EAAE;QAA1B,IAAM,OAAO,gBAAA;QAChB,IAAI,OAAO,CAAC,WAAW,KAAK,OAAO;YAAE,SAAS;QAC9C,IAAM,MAAM,GAAG,MAAA,OAAO,CAAC,qBAAqB,0CAAE,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,SAAS,KAAK,cAAc,EAAjC,CAAiC,CAAC,CAAC;QAChG,IAAI,CAAC,MAAM,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ;YAAE,SAAS;QAC7D,IAAI,OAAO,CAAC,cAAc,KAAK,cAAc,IAAI,OAAO,CAAC,cAAc,KAAK,cAAc;YAAE,SAAS;QACrG,QAAQ,CAAC,IAAI,CAAC;YACZ,EAAE,EAAE,gBAAS,OAAO,CAAC,EAAE,CAAE;YACzB,MAAM,EAAE,MAAM,CAAC,QAAQ;YACvB,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,MAAM,EAAE,CAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,QAAQ,KAAI,QAAQ;YAC1C,IAAI,EAAE,OAAO,CAAC,cAAc,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;SACvE,CAAC,CAAC;KACJ;IACD,iFAAiF;IACjF,iFAAiF;IACjF,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,IAAI,KAAK,SAAS,EAA1B,CAA0B,CAAC,EAAE;QAC3D,IAAM,YAAY,GAAG,kBAAI,OAAO,QAAE,OAAO,EAAE,CAAC,IAAI,CAAC,UAAC,OAAO;;YAAK,OAAA,OAAO,CAAC,WAAW,KAAK,OAAO;gBAC3F,OAAO,CAAC,cAAc,KAAK,cAAc;iBACzC,MAAA,OAAO,CAAC,qBAAqB,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,SAAS,KAAK,cAAc,IAAI,OAAO,MAAM,CAAC,QAAQ,KAAK,QAAQ,EAA1E,CAA0E,CAAC,CAAA,CAAA;SAAA,CAAC,CAAC;QAC/H,IAAM,SAAS,GAAG,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,0CAAE,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,SAAS,KAAK,cAAc,EAAnC,CAAmC,CAAC,0CAAE,QAAQ,CAAC;QACvH,IAAI,OAAO,SAAS,KAAK,QAAQ;YAAE,QAAQ,CAAC,IAAI,CAAC;gBAC/C,EAAE,EAAE,iBAAU,YAAa,CAAC,EAAE,CAAE;gBAChC,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,iBAAiB;gBACzB,IAAI,EAAE,SAAS;aAChB,CAAC,CAAC;KACJ;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,YAAY,CAAC,OAAuB;IAC3C,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS;QAAE,OAAO,sBAAsB,CAAC;IAC9D,IAAI,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC;QAAE,OAAO,8BAA8B,CAAC;IAC5E,OAAO,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC;AAC1E,CAAC;AAED,SAAS,WAAW,CAAC,EAAsE;QAApE,OAAO,aAAA,EAAE,QAAQ,cAAA;IACtC,OAAO,gBAAM,SAAS,EAAC,uBAAuB,aAC5C,eAAM,SAAS,EAAC,4BAA4B,YAAC,2BAAS,YAAY,CAAC,OAAO,CAAC,GAAU,GAAO,EAC5F,gBAAM,SAAS,EAAC,4BAA4B,aACzC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,eAAM,QAAQ,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,YAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,GAAQ,CAAC,CAAC,CAAC,cAAc,EACzJ,8BAAkB,MAAM,uBAAS,EAAA,yBAAO,OAAO,CAAC,MAAM,GAAQ,EAC7D,QAAQ,IAAI,eAAM,SAAS,EAAC,2BAA2B,yBAAgB,IACnE,IACF,CAAC;AACV,CAAC;AAED,SAAS,aAAa,CAAC,EAKtB;;QALwB,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,IAAI,UAAA;IAMtD,IAAM,QAAQ,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,EAAE,KAAK,KAAK,EAApB,CAAoB,CAAC,mCAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IACjF,OAAO,MAAC,iBAAiB,eACvB,MAAC,wBAAwB,IAAC,SAAS,EAAC,2BAA2B,gBAAa,iBAAU,IAAI,oBAAiB,aACzG,gBAAM,SAAS,EAAC,gCAAgC,aAC9C,gBAAM,SAAS,EAAC,gCAAgC,aAAC,0BAAQ,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,GAAS,EAClH,eAAM,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,YACzG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GACnE,IACF,EACP,2BAAS,YAAY,CAAC,QAAQ,CAAC,GAAU,IACpC,EAAA,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,IAC1B,EAC3B,MAAC,wBAAwB,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAE,CAAC,aACrF,eAAK,SAAS,EAAC,+BAA+B,wBAAS,IAAI,gBAAe,EAC1E,cAAK,SAAS,EAAC,4BAA4B,YACxC,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,KAAC,qBAAqB,IAAkB,SAAS,EAAC,8BAA8B,EACzG,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAApB,CAAoB,YAAE,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,KAAK,KAAK,GAAI,IADlD,OAAO,CAAC,EAAE,CACgE,EADtG,CACsG,CAAC,GAC9H,IACmB,IACT,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,EAInC;IAJD,iBAmGC;;QAnGqC,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA;IAKjE,IAAA,WAAW,GAAI,6BAA6B,EAAE,GAAnC,CAAoC;IAChD,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,EAAE,CAAC,EAA7D,QAAQ,QAAA,EAAE,WAAW,QAAwC,CAAC;IAC/D,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAC;IAC9C,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAyB,CAAC;IAC1C,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA9C,QAAQ,QAAA,EAAE,WAAW,QAAyB,CAAC;IAChD,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,UAAU,QAAA,EAAE,aAAa,QAAyB,CAAC;IACpD,IAAA,KAAsB,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAA9C,MAAM,QAAA,EAAE,SAAS,QAA6B,CAAC;IAChD,IAAA,KAAwB,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAzC,OAAO,QAAA,EAAE,UAAU,QAAsB,CAAC;IACjD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAElC,IAAM,OAAO,GAAmB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IAC/G,IAAM,OAAO,kBAAI,OAAO,GAAK,QAAQ,OAAC,CAAC;IACvC,IAAM,IAAI,GAAG,MAAA,OAAO,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,EAAE,KAAK,MAAM,EAArB,CAAqB,CAAC,mCAAI,OAAO,CAAC;IACzE,IAAM,KAAK,GAAG,MAAA,MAAA,OAAO,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,EAAE,KAAK,OAAO,EAAtB,CAAsB,CAAC,mCAAI,QAAQ,CAAC,CAAC,CAAC,mCAAI,OAAO,CAAC;IAE1F,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;;;;;;oBAC/B,OAAO,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC;oBACpC,UAAU,CAAC,IAAI,CAAC,CAAC;oBACjB,QAAQ,CAAC,KAAK,CAAC,CAAC;;;;oBAER,GAAG,GAAmB,EAAE,CAAC;oBAC3B,MAAM,GAAG,CAAC,CAAC;;;yBACR,IAAI;oBACH,OAAK,gBAAS,SAAS,qBAAW,MAAM,sBAAmB,CAAC;oBACjD,qBAAM,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,MAAA,EAAE,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,EAAA;;oBAApG,QAAQ,GAAG,SAAyF;oBACpG,OAAO,GAAG,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,mCAAI,EAAE,CAAmB,CAAC;oBAClE,GAAG,CAAC,IAAI,OAAR,GAAG,EAAS,OAAO,EAAE;oBACf,KAAK,GAAG,MAAM,CAAC,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,IAAI,0CAAE,YAAY,mCAAI,GAAG,CAAC,MAAM,CAAC,CAAC;oBACvE,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,KAAK;wBAAE,wBAAM;oBAClD,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC;;;oBAE3B,IAAI,OAAO,KAAK,SAAS,CAAC,OAAO;wBAAE,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;;;;oBAElE,IAAI,OAAO,KAAK,SAAS,CAAC,OAAO;wBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;;;oBAElD,IAAI,OAAO,KAAK,SAAS,CAAC,OAAO;wBAAE,UAAU,CAAC,KAAK,CAAC,CAAC;;;;;SAExD,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,OAAO,cAAQ,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,QAAQ,IAAI,UAAU;YAAE,KAAK,YAAY,EAAE,CAAC;IAClD,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/B,IAAM,OAAO,GAAG,UAAC,OAAuB;QACtC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACvB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,8BACL,MAAC,iBAAiB,IAAC,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,aAC1D,KAAC,wBAAwB,IAAC,SAAS,EAAC,0BAA0B,gBAAY,iBAAiB,EAAC,KAAK,EAAC,iBAAiB,YACjH,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,GACf,EAC3B,MAAC,wBAAwB,IAAC,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAC,KAAK,EAAC,UAAU,EAAE,CAAC,aACnF,eAAK,SAAS,EAAC,8BAA8B,aAAC,2BAAM,+CAAgC,EAAA,iEAAiD,IAAO,EAC1I,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,0BAA0B,gBAAY,yBAAyB,EAAC,KAAK,EAAC,iBAAiB,EACrH,OAAO,EAAE,UAAC,KAAK,IAAO,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,CAAC,KAAK,YAAY,EAAE,CAAC,CAAC,CAAC,YAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,IAC7H,EACN,eAAK,SAAS,EAAC,4BAA4B,aACxC,OAAO,IAAI,cAAK,SAAS,EAAC,yBAAyB,6CAA8B,EACjF,CAAC,OAAO,IAAI,KAAK,IAAI,cAAK,SAAS,EAAC,wDAAwD,wDAA8C,EAC1I,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,cAAK,SAAS,EAAC,yBAAyB,6CAAmC,EACrH,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,KAAC,qBAAqB,IAAkB,SAAS,EAAC,8BAA8B,EAC/H,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,CAAC,EAAhB,CAAgB,YAAE,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,GAAI,IADQ,OAAO,CAAC,EAAE,CACM,EAD5C,CAC4C,CAAC,IAC1F,IACmB,IACT,EAEpB,KAAC,WAAW,IAAC,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAC,0BAA0B,EAC9F,SAAS,EAAC,yBAAyB,EAAC,MAAM,EAAE,gBAAM,SAAS,EAAC,+BAA+B,aAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,iCAAgC,YACjJ,MAAC,eAAe,IAAC,SAAS,EAAC,8BAA8B,aACvD,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,aAAa,IAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG,EACrF,eAAM,SAAS,EAAC,+BAA+B,iBAAa,MAAM,YAAC,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,GAAO,EACtG,KAAC,aAAa,IAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,GAAG,IACpF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,eAAe,IAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,QAAC,aAAa,EAAE,UAAU,CAAC,KAAK,EACvG,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,KAAK,GAAI,IAF/C,UAAG,IAAI,CAAC,EAAE,cAAI,KAAK,CAAC,EAAE,CAAE,CAG9D,IACU,GACN,IACb,CAAC;AACN,CAAC","sourcesContent":["import React from \"react\";\nimport { ArrowLeftRight, ChevronDown, History, RefreshCw } from \"lucide-react\";\nimport ReactDiffViewer, { DiffMethod } from \"react-diff-viewer-continued\";\nimport { useLazyGetchatterMessageQuery } from \"../../../../redux/api/solidChatterMessageApi\";\nimport {\n  SolidDialog, SolidDialogBody, SolidDropdownMenu, SolidDropdownMenuContent,\n  SolidDropdownMenuItem, SolidDropdownMenuTrigger,\n} from \"../../../../components/shad-cn-ui\";\nimport \"./AgentPersonaHistory.css\";\n\ntype AuditDetail = { fieldName?: string; oldValue?: string | null; newValue?: string | null };\ntype AuditMessage = {\n  id: number;\n  messageType?: string;\n  messageSubType?: string;\n  createdAt?: string;\n  user?: { fullName?: string } | null;\n  chatterMessageDetails?: AuditDetail[];\n};\ntype PersonaVersion = {\n  id: string;\n  prompt: string;\n  createdAt?: string;\n  author: string;\n  kind: \"current\" | \"update\" | \"initial\";\n};\n\nconst PAGE_SIZE = 100;\nconst dateFormatter = new Intl.DateTimeFormat(undefined, { dateStyle: \"medium\", timeStyle: \"short\" });\nconst relativeFormatter = new Intl.RelativeTimeFormat(undefined, { numeric: \"auto\" });\n\nfunction relativeTime(value?: string): string {\n  if (!value) return \"Date unknown\";\n  const time = new Date(value).getTime();\n  if (!Number.isFinite(time)) return \"Date unknown\";\n  const minutes = Math.round((time - Date.now()) / 60000);\n  if (Math.abs(minutes) < 1) return \"Just now\";\n  if (Math.abs(minutes) < 60) return relativeFormatter.format(minutes, \"minute\");\n  const hours = Math.round(minutes / 60);\n  if (Math.abs(hours) < 24) return relativeFormatter.format(hours, \"hour\");\n  const days = Math.round(hours / 24);\n  if (Math.abs(days) < 30) return relativeFormatter.format(days, \"day\");\n  const months = Math.round(days / 30);\n  if (Math.abs(months) < 12) return relativeFormatter.format(months, \"month\");\n  return relativeFormatter.format(Math.round(days / 365), \"year\");\n}\n\nfunction absoluteTime(value?: string): string {\n  if (!value) return \"Date unknown\";\n  const date = new Date(value);\n  return Number.isFinite(date.getTime()) ? dateFormatter.format(date) : \"Date unknown\";\n}\n\nfunction versionsFrom(messages: AuditMessage[]): PersonaVersion[] {\n  const ordered = [...messages].sort((a, b) => {\n    const byDate = new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime();\n    return byDate || b.id - a.id;\n  });\n  const versions: PersonaVersion[] = [];\n  for (const message of ordered) {\n    if (message.messageType !== \"audit\") continue;\n    const detail = message.chatterMessageDetails?.find((item) => item.fieldName === \"systemPrompt\");\n    if (!detail || typeof detail.newValue !== \"string\") continue;\n    if (message.messageSubType !== \"audit_update\" && message.messageSubType !== \"audit_insert\") continue;\n    versions.push({\n      id: `audit-${message.id}`,\n      prompt: detail.newValue,\n      createdAt: message.createdAt,\n      author: message.user?.fullName || \"System\",\n      kind: message.messageSubType === \"audit_insert\" ? \"initial\" : \"update\",\n    });\n  }\n  // Older agents can predate their first recorded insert audit. The first update's\n  // before value still gives us the previous prompt without inventing a timestamp.\n  if (!versions.some((version) => version.kind === \"initial\")) {\n    const oldestUpdate = [...ordered].reverse().find((message) => message.messageType === \"audit\" &&\n      message.messageSubType === \"audit_update\" &&\n      message.chatterMessageDetails?.some((detail) => detail.fieldName === \"systemPrompt\" && typeof detail.oldValue === \"string\"));\n    const oldPrompt = oldestUpdate?.chatterMessageDetails?.find((detail) => detail.fieldName === \"systemPrompt\")?.oldValue;\n    if (typeof oldPrompt === \"string\") versions.push({\n      id: `before-${oldestUpdate!.id}`,\n      prompt: oldPrompt,\n      author: \"Earlier version\",\n      kind: \"initial\",\n    });\n  }\n  return versions;\n}\n\nfunction versionLabel(version: PersonaVersion): string {\n  if (version.kind === \"current\") return \"Current saved prompt\";\n  if (version.id.startsWith(\"before-\")) return \"Before first recorded change\";\n  return version.kind === \"initial\" ? \"Original prompt\" : \"Prompt change\";\n}\n\nfunction VersionItem({ version, selected }: { version: PersonaVersion; selected?: boolean }) {\n  return <span className=\"persona-history__item\">\n    <span className=\"persona-history__item-main\"><strong>{versionLabel(version)}</strong></span>\n    <span className=\"persona-history__item-meta\">\n      {version.createdAt ? <time dateTime={version.createdAt} title={absoluteTime(version.createdAt)}>{relativeTime(version.createdAt)}</time> : \"Date unknown\"}\n      <span aria-hidden=\"true\">·</span><span>{version.author}</span>\n      {selected && <span className=\"persona-history__selected\">Selected</span>}\n    </span>\n  </span>;\n}\n\nfunction VersionPicker({ versions, value, onChange, side }: {\n  versions: PersonaVersion[];\n  value: string;\n  onChange: (id: string) => void;\n  side: \"left\" | \"right\";\n}) {\n  const selected = versions.find((version) => version.id === value) ?? versions[0];\n  return <SolidDropdownMenu>\n    <SolidDropdownMenuTrigger className=\"persona-history__selector\" aria-label={`Choose ${side} prompt version`}>\n      <span className=\"persona-history__selector-copy\">\n        <span className=\"persona-history__selector-meta\"><small>{side === \"left\" ? \"LEFT VERSION\" : \"RIGHT VERSION\"}</small>\n          <time dateTime={selected.createdAt} title={selected.createdAt ? absoluteTime(selected.createdAt) : undefined}>\n            {selected.createdAt ? absoluteTime(selected.createdAt) : selected.author}\n          </time>\n        </span>\n        <strong>{versionLabel(selected)}</strong>\n      </span><ChevronDown size={17} aria-hidden=\"true\" />\n    </SolidDropdownMenuTrigger>\n    <SolidDropdownMenuContent className=\"persona-history__menu\" align=\"start\" sideOffset={8}>\n      <div className=\"persona-history__menu-heading\">Choose {side} version</div>\n      <div className=\"persona-history__menu-list\">\n        {versions.map((version) => <SolidDropdownMenuItem key={version.id} className=\"persona-history__menu-option\"\n          onSelect={() => onChange(version.id)}><VersionItem version={version} selected={version.id === value} /></SolidDropdownMenuItem>)}\n      </div>\n    </SolidDropdownMenuContent>\n  </SolidDropdownMenu>;\n}\n\nexport function AgentPersonaHistory({ agentId, savedPrompt, refreshVersion }: {\n  agentId: number;\n  savedPrompt: string;\n  refreshVersion: number;\n}) {\n  const [getMessages] = useLazyGetchatterMessageQuery();\n  const [versions, setVersions] = React.useState<PersonaVersion[]>([]);\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState(false);\n  const [menuOpen, setMenuOpen] = React.useState(false);\n  const [dialogOpen, setDialogOpen] = React.useState(false);\n  const [leftId, setLeftId] = React.useState(\"current\");\n  const [rightId, setRightId] = React.useState(\"\");\n  const requestId = React.useRef(0);\n\n  const current: PersonaVersion = { id: \"current\", prompt: savedPrompt, author: \"Saved agent\", kind: \"current\" };\n  const choices = [current, ...versions];\n  const left = choices.find((version) => version.id === leftId) ?? current;\n  const right = choices.find((version) => version.id === rightId) ?? versions[0] ?? current;\n\n  const loadVersions = React.useCallback(async () => {\n    const request = ++requestId.current;\n    setLoading(true);\n    setError(false);\n    try {\n      const all: AuditMessage[] = [];\n      let offset = 0;\n      while (true) {\n        const qs = `limit=${PAGE_SIZE}&offset=${offset}&populate[0]=user`;\n        const response = await getMessages({ entityId: agentId, entityName: \"agentRegistry\", qs }, false).unwrap();\n        const records = (response?.data?.records ?? []) as AuditMessage[];\n        all.push(...records);\n        const total = Number(response?.data?.meta?.totalRecords ?? all.length);\n        if (!records.length || all.length >= total) break;\n        offset += records.length;\n      }\n      if (request === requestId.current) setVersions(versionsFrom(all));\n    } catch {\n      if (request === requestId.current) setError(true);\n    } finally {\n      if (request === requestId.current) setLoading(false);\n    }\n  }, [agentId, getMessages]);\n\n  React.useEffect(() => {\n    setVersions([]);\n    setLeftId(\"current\");\n    setRightId(\"\");\n    setDialogOpen(false);\n    setMenuOpen(false);\n    return () => { requestId.current += 1; };\n  }, [agentId]);\n\n  React.useEffect(() => {\n    if (menuOpen || dialogOpen) void loadVersions();\n  }, [menuOpen, refreshVersion]);\n\n  const compare = (version: PersonaVersion) => {\n    setLeftId(\"current\");\n    setRightId(version.id);\n    setMenuOpen(false);\n    setDialogOpen(true);\n  };\n\n  return <>\n    <SolidDropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>\n      <SolidDropdownMenuTrigger className=\"persona-history__trigger\" aria-label=\"Persona history\" title=\"Persona history\">\n        <History size={17} aria-hidden=\"true\" />\n      </SolidDropdownMenuTrigger>\n      <SolidDropdownMenuContent className=\"persona-history__menu\" align=\"end\" sideOffset={8}>\n        <div className=\"persona-history__menu-header\"><span><strong>Persona history</strong><small>Saved changes to the system prompt</small></span>\n          <button type=\"button\" className=\"persona-history__refresh\" aria-label=\"Refresh persona history\" title=\"Refresh history\"\n            onClick={(event) => { event.preventDefault(); event.stopPropagation(); void loadVersions(); }}><RefreshCw size={15} /></button>\n        </div>\n        <div className=\"persona-history__menu-list\">\n          {loading && <div className=\"persona-history__status\">Loading prompt history…</div>}\n          {!loading && error && <div className=\"persona-history__status persona-history__status--error\">Could not load history. Try refreshing.</div>}\n          {!loading && !error && !versions.length && <div className=\"persona-history__status\">No saved prompt changes yet.</div>}\n          {!loading && !error && versions.map((version) => <SolidDropdownMenuItem key={version.id} className=\"persona-history__menu-option\"\n            onSelect={() => compare(version)}><VersionItem version={version} /></SolidDropdownMenuItem>)}\n        </div>\n      </SolidDropdownMenuContent>\n    </SolidDropdownMenu>\n\n    <SolidDialog open={dialogOpen} onOpenChange={setDialogOpen} ariaLabel=\"Compare persona versions\"\n      className=\"persona-history__dialog\" header={<span className=\"persona-history__dialog-title\"><History size={18} /> Compare persona versions</span>}>\n      <SolidDialogBody className=\"persona-history__dialog-body\">\n        <div className=\"persona-history__compare-controls\">\n          <VersionPicker versions={choices} value={left.id} onChange={setLeftId} side=\"left\" />\n          <span className=\"persona-history__compare-icon\" aria-hidden=\"true\"><ArrowLeftRight size={17} /></span>\n          <VersionPicker versions={choices} value={right.id} onChange={setRightId} side=\"right\" />\n        </div>\n        <div className=\"persona-history__diff\" key={`${left.id}:${right.id}`}>\n          <ReactDiffViewer oldValue={left.prompt} newValue={right.prompt} splitView compareMethod={DiffMethod.LINES}\n            leftTitle={versionLabel(left)} rightTitle={versionLabel(right)} showDiffOnly={false} />\n        </div>\n      </SolidDialogBody>\n    </SolidDialog>\n  </>;\n}\n"]}

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

@@ -0,0 +1,234 @@
+import React from "react";
+import { ArrowLeftRight, ChevronDown, History, RefreshCw } from "lucide-react";
+import ReactDiffViewer, { DiffMethod } from "react-diff-viewer-continued";
+import { useLazyGetchatterMessageQuery } from "../../../../redux/api/solidChatterMessageApi";
+import {
+  SolidDialog, SolidDialogBody, SolidDropdownMenu, SolidDropdownMenuContent,
+  SolidDropdownMenuItem, SolidDropdownMenuTrigger,
+} from "../../../../components/shad-cn-ui";
+import "./AgentPersonaHistory.css";
+
+type AuditDetail = { fieldName?: string; oldValue?: string | null; newValue?: string | null };
+type AuditMessage = {
+  id: number;
+  messageType?: string;
+  messageSubType?: string;
+  createdAt?: string;
+  user?: { fullName?: string } | null;
+  chatterMessageDetails?: AuditDetail[];
+};
+type PersonaVersion = {
+  id: string;
+  prompt: string;
+  createdAt?: string;
+  author: string;
+  kind: "current" | "update" | "initial";
+};
+
+const PAGE_SIZE = 100;
+const dateFormatter = new Intl.DateTimeFormat(undefined, { dateStyle: "medium", timeStyle: "short" });
+const relativeFormatter = new Intl.RelativeTimeFormat(undefined, { numeric: "auto" });
+
+function relativeTime(value?: string): string {
+  if (!value) return "Date unknown";
+  const time = new Date(value).getTime();
+  if (!Number.isFinite(time)) return "Date unknown";
+  const minutes = Math.round((time - Date.now()) / 60000);
+  if (Math.abs(minutes) < 1) return "Just now";
+  if (Math.abs(minutes) < 60) return relativeFormatter.format(minutes, "minute");
+  const hours = Math.round(minutes / 60);
+  if (Math.abs(hours) < 24) return relativeFormatter.format(hours, "hour");
+  const days = Math.round(hours / 24);
+  if (Math.abs(days) < 30) return relativeFormatter.format(days, "day");
+  const months = Math.round(days / 30);
+  if (Math.abs(months) < 12) return relativeFormatter.format(months, "month");
+  return relativeFormatter.format(Math.round(days / 365), "year");
+}
+
+function absoluteTime(value?: string): string {
+  if (!value) return "Date unknown";
+  const date = new Date(value);
+  return Number.isFinite(date.getTime()) ? dateFormatter.format(date) : "Date unknown";
+}
+
+function versionsFrom(messages: AuditMessage[]): PersonaVersion[] {
+  const ordered = [...messages].sort((a, b) => {
+    const byDate = new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime();
+    return byDate || b.id - a.id;
+  });
+  const versions: PersonaVersion[] = [];
+  for (const message of ordered) {
+    if (message.messageType !== "audit") continue;
+    const detail = message.chatterMessageDetails?.find((item) => item.fieldName === "systemPrompt");
+    if (!detail || typeof detail.newValue !== "string") continue;
+    if (message.messageSubType !== "audit_update" && message.messageSubType !== "audit_insert") continue;
+    versions.push({
+      id: `audit-${message.id}`,
+      prompt: detail.newValue,
+      createdAt: message.createdAt,
+      author: message.user?.fullName || "System",
+      kind: message.messageSubType === "audit_insert" ? "initial" : "update",
+    });
+  }
+  // Older agents can predate their first recorded insert audit. The first update's
+  // before value still gives us the previous prompt without inventing a timestamp.
+  if (!versions.some((version) => version.kind === "initial")) {
+    const oldestUpdate = [...ordered].reverse().find((message) => message.messageType === "audit" &&
+      message.messageSubType === "audit_update" &&
+      message.chatterMessageDetails?.some((detail) => detail.fieldName === "systemPrompt" && typeof detail.oldValue === "string"));
+    const oldPrompt = oldestUpdate?.chatterMessageDetails?.find((detail) => detail.fieldName === "systemPrompt")?.oldValue;
+    if (typeof oldPrompt === "string") versions.push({
+      id: `before-${oldestUpdate!.id}`,
+      prompt: oldPrompt,
+      author: "Earlier version",
+      kind: "initial",
+    });
+  }
+  return versions;
+}
+
+function versionLabel(version: PersonaVersion): string {
+  if (version.kind === "current") return "Current saved prompt";
+  if (version.id.startsWith("before-")) return "Before first recorded change";
+  return version.kind === "initial" ? "Original prompt" : "Prompt change";
+}
+
+function VersionItem({ version, selected }: { version: PersonaVersion; selected?: boolean }) {
+  return <span className="persona-history__item">
+    <span className="persona-history__item-main"><strong>{versionLabel(version)}</strong></span>
+    <span className="persona-history__item-meta">
+      {version.createdAt ? <time dateTime={version.createdAt} title={absoluteTime(version.createdAt)}>{relativeTime(version.createdAt)}</time> : "Date unknown"}
+      <span aria-hidden="true">·</span><span>{version.author}</span>
+      {selected && <span className="persona-history__selected">Selected</span>}
+    </span>
+  </span>;
+}
+
+function VersionPicker({ versions, value, onChange, side }: {
+  versions: PersonaVersion[];
+  value: string;
+  onChange: (id: string) => void;
+  side: "left" | "right";
+}) {
+  const selected = versions.find((version) => version.id === value) ?? versions[0];
+  return <SolidDropdownMenu>
+    <SolidDropdownMenuTrigger className="persona-history__selector" aria-label={`Choose ${side} prompt version`}>
+      <span className="persona-history__selector-copy">
+        <span className="persona-history__selector-meta"><small>{side === "left" ? "LEFT VERSION" : "RIGHT VERSION"}</small>
+          <time dateTime={selected.createdAt} title={selected.createdAt ? absoluteTime(selected.createdAt) : undefined}>
+            {selected.createdAt ? absoluteTime(selected.createdAt) : selected.author}
+          </time>
+        </span>
+        <strong>{versionLabel(selected)}</strong>
+      </span><ChevronDown size={17} aria-hidden="true" />
+    </SolidDropdownMenuTrigger>
+    <SolidDropdownMenuContent className="persona-history__menu" align="start" sideOffset={8}>
+      <div className="persona-history__menu-heading">Choose {side} version</div>
+      <div className="persona-history__menu-list">
+        {versions.map((version) => <SolidDropdownMenuItem key={version.id} className="persona-history__menu-option"
+          onSelect={() => onChange(version.id)}><VersionItem version={version} selected={version.id === value} /></SolidDropdownMenuItem>)}
+      </div>
+    </SolidDropdownMenuContent>
+  </SolidDropdownMenu>;
+}
+
+export function AgentPersonaHistory({ agentId, savedPrompt, refreshVersion }: {
+  agentId: number;
+  savedPrompt: string;
+  refreshVersion: number;
+}) {
+  const [getMessages] = useLazyGetchatterMessageQuery();
+  const [versions, setVersions] = React.useState<PersonaVersion[]>([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(false);
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const [leftId, setLeftId] = React.useState("current");
+  const [rightId, setRightId] = React.useState("");
+  const requestId = React.useRef(0);
+
+  const current: PersonaVersion = { id: "current", prompt: savedPrompt, author: "Saved agent", kind: "current" };
+  const choices = [current, ...versions];
+  const left = choices.find((version) => version.id === leftId) ?? current;
+  const right = choices.find((version) => version.id === rightId) ?? versions[0] ?? current;
+
+  const loadVersions = React.useCallback(async () => {
+    const request = ++requestId.current;
+    setLoading(true);
+    setError(false);
+    try {
+      const all: AuditMessage[] = [];
+      let offset = 0;
+      while (true) {
+        const qs = `limit=${PAGE_SIZE}&offset=${offset}&populate[0]=user`;
+        const response = await getMessages({ entityId: agentId, entityName: "agentRegistry", qs }, false).unwrap();
+        const records = (response?.data?.records ?? []) as AuditMessage[];
+        all.push(...records);
+        const total = Number(response?.data?.meta?.totalRecords ?? all.length);
+        if (!records.length || all.length >= total) break;
+        offset += records.length;
+      }
+      if (request === requestId.current) setVersions(versionsFrom(all));
+    } catch {
+      if (request === requestId.current) setError(true);
+    } finally {
+      if (request === requestId.current) setLoading(false);
+    }
+  }, [agentId, getMessages]);
+
+  React.useEffect(() => {
+    setVersions([]);
+    setLeftId("current");
+    setRightId("");
+    setDialogOpen(false);
+    setMenuOpen(false);
+    return () => { requestId.current += 1; };
+  }, [agentId]);
+
+  React.useEffect(() => {
+    if (menuOpen || dialogOpen) void loadVersions();
+  }, [menuOpen, refreshVersion]);
+
+  const compare = (version: PersonaVersion) => {
+    setLeftId("current");
+    setRightId(version.id);
+    setMenuOpen(false);
+    setDialogOpen(true);
+  };
+
+  return <>
+    <SolidDropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
+      <SolidDropdownMenuTrigger className="persona-history__trigger" aria-label="Persona history" title="Persona history">
+        <History size={17} aria-hidden="true" />
+      </SolidDropdownMenuTrigger>
+      <SolidDropdownMenuContent className="persona-history__menu" align="end" sideOffset={8}>
+        <div className="persona-history__menu-header"><span><strong>Persona history</strong><small>Saved changes to the system prompt</small></span>
+          <button type="button" className="persona-history__refresh" aria-label="Refresh persona history" title="Refresh history"
+            onClick={(event) => { event.preventDefault(); event.stopPropagation(); void loadVersions(); }}><RefreshCw size={15} /></button>
+        </div>
+        <div className="persona-history__menu-list">
+          {loading && <div className="persona-history__status">Loading prompt history…</div>}
+          {!loading && error && <div className="persona-history__status persona-history__status--error">Could not load history. Try refreshing.</div>}
+          {!loading && !error && !versions.length && <div className="persona-history__status">No saved prompt changes yet.</div>}
+          {!loading && !error && versions.map((version) => <SolidDropdownMenuItem key={version.id} className="persona-history__menu-option"
+            onSelect={() => compare(version)}><VersionItem version={version} /></SolidDropdownMenuItem>)}
+        </div>
+      </SolidDropdownMenuContent>
+    </SolidDropdownMenu>
+
+    <SolidDialog open={dialogOpen} onOpenChange={setDialogOpen} ariaLabel="Compare persona versions"
+      className="persona-history__dialog" header={<span className="persona-history__dialog-title"><History size={18} /> Compare persona versions</span>}>
+      <SolidDialogBody className="persona-history__dialog-body">
+        <div className="persona-history__compare-controls">
+          <VersionPicker versions={choices} value={left.id} onChange={setLeftId} side="left" />
+          <span className="persona-history__compare-icon" aria-hidden="true"><ArrowLeftRight size={17} /></span>
+          <VersionPicker versions={choices} value={right.id} onChange={setRightId} side="right" />
+        </div>
+        <div className="persona-history__diff" key={`${left.id}:${right.id}`}>
+          <ReactDiffViewer oldValue={left.prompt} newValue={right.prompt} splitView compareMethod={DiffMethod.LINES}
+            leftTitle={versionLabel(left)} rightTitle={versionLabel(right)} showDiffOnly={false} />
+        </div>
+      </SolidDialogBody>
+    </SolidDialog>
+  </>;
+}

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

@@ -20,6 +20,7 @@
 .agent-editor__field select,.agent-editor__field input[type=number],.agent-editor__input-row select { min-height:2.5rem; padding:.5rem .7rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-ground,var(--background)); color:inherit; font:inherit; }
 .agent-editor__section { display:flex; flex-direction:column; gap:.9rem; padding:1rem; border:1px solid var(--surface-border,var(--border)); border-radius:.75rem; }
 .agent-editor__section h2 { margin:0; font-size:1rem; }
+.agent-editor__linked-count { color:var(--text-color-secondary,var(--muted-foreground)); font-size:.82rem; font-weight:600; }
 .agent-editor__workflow { gap:1.15rem; }
 .agent-editor__workflow-stages { display:flex; align-items:stretch; gap:.55rem; }
 .agent-editor__workflow-connector { width:clamp(1rem,4vw,3.5rem); align-self:center; height:2px; flex:0 0 auto; background:var(--surface-border,var(--border)); }
@@ -40,23 +41,14 @@
 .agent-editor__empty { padding:2rem 1rem; border:1px dashed var(--surface-border,var(--border)); border-radius:.65rem; text-align:center; color:var(--text-color-secondary,var(--muted-foreground)); }
 .agent-editor__empty button,.agent-editor__new-link { display:inline-flex; align-items:center; gap:.35rem; margin-left:.3rem; border:0; background:none; color:var(--primary-color,var(--primary)); cursor:pointer; text-decoration:none; font:inherit; font-weight:600; }
 .agent-editor__inputs { display:flex; flex-direction:column; gap:.55rem; }
-.agent-editor__input-row { display:grid; grid-template-columns:1fr 1.5fr 10rem 2.5rem; gap:.5rem; align-items:center; }
+.agent-editor__input-row { display:grid; grid-template-columns:1fr 1.5fr 1fr 8rem 7rem 2.5rem; gap:.5rem; align-items:center; padding:.75rem; border:1px solid var(--surface-border,var(--border)); border-radius:.6rem; }
+.agent-editor__input-optional { display:flex; align-items:center; gap:.35rem; font-size:.8rem; white-space:nowrap; }
 .agent-editor__input-row>button,.agent-editor__linked-card>button { display:grid; place-items:center; min-height:2.5rem; border:0; border-radius:.4rem; background:transparent; color:var(--text-color-secondary,var(--muted-foreground)); cursor:pointer; }
 .agent-editor__input-row>button:hover,.agent-editor__linked-card>button:hover { color:#dc2626; }
 .agent-editor__error { color:#dc2626!important; }
 .agent-editor__hint { color:var(--text-color-secondary,var(--muted-foreground)); }
-.agent-editor__model-picker { position:relative; width:100%; min-width:0; font-weight:400; }
-.agent-editor__model-control { display:flex; align-items:center; min-height:2.5rem; border:1px solid var(--surface-border,var(--border)); border-radius:.5rem; background:var(--surface-ground,var(--background)); }
-.agent-editor__model-control:focus-within { outline:2px solid color-mix(in srgb,var(--primary-color,var(--primary)) 35%,transparent); outline-offset:1px; }
-.agent-editor__model-control input { width:100%; min-width:0; padding:.55rem .7rem; border:0; outline:0; background:transparent; color:inherit; font:inherit; }
-.agent-editor__model-control input::placeholder { color:var(--text-color,var(--foreground)); opacity:1; }
-.agent-editor__model-control>button { display:grid; place-items:center; width:2.5rem; height:2.4rem; flex:0 0 auto; border:0; background:transparent; color:var(--text-color-secondary,var(--muted-foreground)); cursor:pointer; }
-.agent-editor__model-menu { z-index:1000; overflow:auto; padding:.35rem; border:1px solid var(--surface-border,var(--border)); border-radius:.6rem; background:var(--surface-card,var(--card)); box-shadow:0 10px 26px #0002; }
-.agent-editor__model-group h3 { position:sticky; top:-.35rem; z-index:1; margin:0; padding:.45rem .6rem; border-bottom:1px solid var(--surface-border,var(--border)); background:var(--surface-card,var(--card)); color:var(--text-color-secondary,var(--muted-foreground)); font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
-.agent-editor__model-option { display:flex; flex-direction:column; align-items:flex-start; width:calc(100% - .55rem); margin-left:.55rem; padding:.48rem .6rem; border:0; border-radius:.35rem; background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; }
-.agent-editor__model-option:hover,.agent-editor__model-option.is-active { background:var(--surface-hover,#f2f3f4); }
-.agent-editor__model-option small { margin-top:.1rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.72rem; }
-.agent-editor__model-empty { padding:.8rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.85rem; }
+.agent-editor__models .solid-autocomplete,.agent-editor__models .solid-input { font-weight:400; }
+.agent-editor__models .agent-editor__field>.solid-input { margin-top:.25rem; }
 .agent-editor__test-dialog-overlay { z-index:1200!important; }
 .agent-editor__test-dialog { z-index:1201!important; gap:0; }
 .agent-editor__test-dialog-body { flex:1 1 auto; min-height:0; overflow:hidden; }
@@ -75,6 +67,13 @@
 .agent-editor__card-content { min-width:0; }
 .agent-editor__card-content>article { min-height:17rem; height:auto; }
 .agent-editor__linked-card>button { position:absolute; top:.3rem; right:.3rem; background:var(--surface-card,var(--card)); }
+.agent-editor__linked-card>.agent-editor__resource-menu-trigger { width:2rem; min-height:2rem; }
+.agent-editor__linked-card>.agent-editor__resource-menu-trigger:hover { color:var(--text-color,var(--foreground)); background:var(--surface-hover,#f2f3f4); }
+.agent-editor__resource-menu-trigger:focus-visible { outline:2px solid var(--primary-color,var(--primary)); outline-offset:1px; }
+.agent-editor__resource-menu .solid-dropdown-menu-item { gap:.5rem; }
+.agent-editor__resource-menu .agent-editor__resource-delete { color:#dc2626; }
+.agent-editor__resource-preview-body { min-height:0; max-height:72vh; overflow:auto; }
+.agent-editor__resource-preview-body img { max-width:100%; height:auto; }
 .agent-editor__secret { padding:1rem; }
 .agent-editor__secret span { display:block; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; }
 .agent-editor__link-settings { padding:.55rem .75rem .7rem; border-top:1px solid var(--surface-border,var(--border)); background:var(--surface-ground,var(--background)); }
@@ -103,7 +102,7 @@
 .agent-process-view__empty { display:grid; place-items:center; padding:1rem; color:var(--text-color-secondary,var(--muted-foreground)); font-size:.8rem; text-align:center; }
 @media(max-width:1100px) { .agent-process-view { grid-template-columns:minmax(11rem,22%) minmax(0,1fr); } .agent-process-view .agent-tool-editor__sessions { grid-template-columns:minmax(11rem,34%) minmax(0,1fr); } }
 @media(max-width:900px) { .agent-process-view { height:auto; min-height:0; grid-template-columns:minmax(0,1fr); } .agent-process-view__processes { max-height:18rem; border-right:0; border-bottom:1px solid var(--surface-border,var(--border)); } .agent-process-view .agent-tool-editor__sessions { min-height:38rem; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(24rem,1fr); } }
-@media(max-width:750px) { .agent-editor__grid { grid-template-columns:1fr; } .agent-editor__input-row { grid-template-columns:1fr 1fr 2.5rem; } .agent-editor__input-row select { grid-column:1 / 3; grid-row:2; } .agent-editor__input-row>button { grid-column:3; grid-row:1 / 3; } .agent-editor__workflow-stages { flex-direction:column; } .agent-editor__workflow-connector { width:2px; height:1rem; margin-left:1.65rem; } }
+@media(max-width:750px) { .agent-editor__grid { grid-template-columns:1fr; } .agent-editor__input-row { grid-template-columns:1fr 1fr; } .agent-editor__input-row select { grid-column:auto; grid-row:auto; } .agent-editor__input-row>button { grid-column:2; grid-row:auto; } .agent-editor__workflow-stages { flex-direction:column; } .agent-editor__workflow-connector { width:2px; height:1rem; margin-left:1.65rem; } }
 @media(max-width:600px) { .agent-editor { padding:1rem; } .agent-editor__header { align-items:flex-start; flex-direction:column; } .agent-editor__actions { width:100%; } }
 
 .agent-editor__workflow-meta { display:flex; align-items:center; gap:.65rem; flex:0 0 auto; }

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

@@ -1 +1 @@
-{"version":3,"file":"AgentRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentRegistryEditorPage.tsx"],"names":[],"mappings":"AAmBA,OAAO,+BAA+B,CAAC;AA0PvC,wBAAgB,uBAAuB,4CAwWtC"}
+{"version":3,"file":"AgentRegistryEditorPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/AgentRegistryEditorPage.tsx"],"names":[],"mappings":"AAqBA,OAAO,+BAA+B,CAAC;AAuTvC,wBAAgB,uBAAuB,4CAuYtC"}