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

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.d.ts

@@ -0,0 +1,4 @@
+import type { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+/** Compact shared card renderer for agent skill and tool records. */
+export declare function AgentResourceCardWidget({ rowData }: SolidKanbanCardWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentResourceCardWidget.d.ts.map

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentResourceCardWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAerF,qEAAqE;AACrE,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE,0BAA0B,2CA8B9E"}

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidMaterialSymbol } from "../../../../../common/SolidMaterialSymbol";
+import styles from "./AgentRegistryCardWidget.module.css";
+function toTags(value) {
+    if (Array.isArray(value))
+        return value.map(String).map(function (tag) { return tag.trim(); }).filter(Boolean);
+    if (typeof value !== "string" || !value.trim())
+        return [];
+    try {
+        var parsed = JSON.parse(value);
+        return Array.isArray(parsed) ? parsed.map(String).map(function (tag) { return tag.trim(); }).filter(Boolean) : [];
+    }
+    catch (_a) {
+        return value === "{}" ? [] : value.split(",").map(function (tag) { return tag.trim(); }).filter(Boolean);
+    }
+}
+/** Compact shared card renderer for agent skill and tool records. */
+export function AgentResourceCardWidget(_a) {
+    var rowData = _a.rowData;
+    var iconName = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.iconName) === "string" && rowData.iconName.trim()
+        ? rowData.iconName.trim()
+        : (rowData === null || rowData === void 0 ? void 0 : rowData.type) ? "build" : "psychology";
+    var name = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.name) === "string" && rowData.name.trim() ? rowData.name.trim() : "Untitled";
+    var description = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.description) === "string" ? rowData.description.trim() : "";
+    var tags = toTags(rowData === null || rowData === void 0 ? void 0 : rowData.tags);
+    var status = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.status) === "string" && rowData.status.trim() ? rowData.status.trim() : "";
+    var loadError = status === "load_failed" && typeof (rowData === null || rowData === void 0 ? void 0 : rowData.lastLoadError) === "string"
+        ? rowData.lastLoadError.trim()
+        : "";
+    var kind = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.type) === "string" && rowData.type.trim() ? rowData.type.trim() : "";
+    return (_jsxs("article", { className: styles.card, children: [_jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.iconBadge, "aria-label": "".concat(name, " icon"), children: _jsx(SolidMaterialSymbol, { name: iconName, size: 22, "aria-hidden": "true" }) }), status && _jsx("span", { className: "".concat(styles.status, " ").concat(styles["status_".concat(status.toLowerCase().replace(/[^a-z0-9]+/g, "_"))] || ""), children: status.replace(/[_-]+/g, " ") })] }), _jsx("div", { className: styles.heading, children: _jsx("h3", { className: styles.title, title: name, children: name }) }), _jsx("p", { className: styles.description, title: description || undefined, children: description || "No description provided." }), loadError && _jsx("p", { className: styles.loadError, title: loadError, children: loadError }), (kind || tags.length > 0) && _jsxs("div", { className: styles.footer, children: [_jsx("div", { className: styles.meta, children: kind && _jsx("span", { className: styles.badge, children: kind.replace(/[_-]+/g, " ") }) }), tags.length > 0 && _jsx("div", { className: styles.tags, children: tags.slice(0, 3).map(function (tag) { return _jsx("span", { className: styles.tag, children: tag }, tag); }) })] })] }));
+}
+//# sourceMappingURL=AgentResourceCardWidget.js.map

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentResourceCardWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { SolidKanbanCardWidgetProps } from \"../../../../../../types/solid-core\";\nimport { SolidMaterialSymbol } from \"../../../../../common/SolidMaterialSymbol\";\nimport styles from \"./AgentRegistryCardWidget.module.css\";\n\nfunction toTags(value: unknown): string[] {\n  if (Array.isArray(value)) return value.map(String).map((tag) => tag.trim()).filter(Boolean);\n  if (typeof value !== \"string\" || !value.trim()) return [];\n  try {\n    const parsed = JSON.parse(value);\n    return Array.isArray(parsed) ? parsed.map(String).map((tag) => tag.trim()).filter(Boolean) : [];\n  } catch {\n    return value === \"{}\" ? [] : value.split(\",\").map((tag) => tag.trim()).filter(Boolean);\n  }\n}\n\n/** Compact shared card renderer for agent skill and tool records. */\nexport function AgentResourceCardWidget({ rowData }: SolidKanbanCardWidgetProps) {\n  const iconName = typeof rowData?.iconName === \"string\" && rowData.iconName.trim()\n    ? rowData.iconName.trim()\n    : rowData?.type ? \"build\" : \"psychology\";\n  const name = typeof rowData?.name === \"string\" && rowData.name.trim() ? rowData.name.trim() : \"Untitled\";\n  const description = typeof rowData?.description === \"string\" ? rowData.description.trim() : \"\";\n  const tags = toTags(rowData?.tags);\n  const status = typeof rowData?.status === \"string\" && rowData.status.trim() ? rowData.status.trim() : \"\";\n  const loadError = status === \"load_failed\" && typeof rowData?.lastLoadError === \"string\"\n    ? rowData.lastLoadError.trim()\n    : \"\";\n  const kind = typeof rowData?.type === \"string\" && rowData.type.trim() ? rowData.type.trim() : \"\";\n\n  return (\n    <article className={styles.card}>\n      <div className={styles.header}>\n        <div className={styles.iconBadge} aria-label={`${name} icon`}>\n          <SolidMaterialSymbol name={iconName} size={22} aria-hidden=\"true\" />\n        </div>\n        {status && <span className={`${styles.status} ${styles[`status_${status.toLowerCase().replace(/[^a-z0-9]+/g, \"_\")}`] || \"\"}`}>{status.replace(/[_-]+/g, \" \")}</span>}\n      </div>\n      <div className={styles.heading}><h3 className={styles.title} title={name}>{name}</h3></div>\n      <p className={styles.description} title={description || undefined}>{description || \"No description provided.\"}</p>\n      {loadError && <p className={styles.loadError} title={loadError}>{loadError}</p>}\n      {(kind || tags.length > 0) && <div className={styles.footer}>\n        <div className={styles.meta}>{kind && <span className={styles.badge}>{kind.replace(/[_-]+/g, \" \")}</span>}</div>\n        {tags.length > 0 && <div className={styles.tags}>{tags.slice(0, 3).map((tag) => <span className={styles.tag} key={tag}>{tag}</span>)}</div>}\n      </div>}\n    </article>\n  );\n}\n"]}

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentResourceCardWidget.tsx

@@ -0,0 +1,47 @@
+import type { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+import { SolidMaterialSymbol } from "../../../../../common/SolidMaterialSymbol";
+import styles from "./AgentRegistryCardWidget.module.css";
+
+function toTags(value: unknown): string[] {
+  if (Array.isArray(value)) return value.map(String).map((tag) => tag.trim()).filter(Boolean);
+  if (typeof value !== "string" || !value.trim()) return [];
+  try {
+    const parsed = JSON.parse(value);
+    return Array.isArray(parsed) ? parsed.map(String).map((tag) => tag.trim()).filter(Boolean) : [];
+  } catch {
+    return value === "{}" ? [] : value.split(",").map((tag) => tag.trim()).filter(Boolean);
+  }
+}
+
+/** Compact shared card renderer for agent skill and tool records. */
+export function AgentResourceCardWidget({ rowData }: SolidKanbanCardWidgetProps) {
+  const iconName = typeof rowData?.iconName === "string" && rowData.iconName.trim()
+    ? rowData.iconName.trim()
+    : rowData?.type ? "build" : "psychology";
+  const name = typeof rowData?.name === "string" && rowData.name.trim() ? rowData.name.trim() : "Untitled";
+  const description = typeof rowData?.description === "string" ? rowData.description.trim() : "";
+  const tags = toTags(rowData?.tags);
+  const status = typeof rowData?.status === "string" && rowData.status.trim() ? rowData.status.trim() : "";
+  const loadError = status === "load_failed" && typeof rowData?.lastLoadError === "string"
+    ? rowData.lastLoadError.trim()
+    : "";
+  const kind = typeof rowData?.type === "string" && rowData.type.trim() ? rowData.type.trim() : "";
+
+  return (
+    <article className={styles.card}>
+      <div className={styles.header}>
+        <div className={styles.iconBadge} aria-label={`${name} icon`}>
+          <SolidMaterialSymbol name={iconName} size={22} aria-hidden="true" />
+        </div>
+        {status && <span className={`${styles.status} ${styles[`status_${status.toLowerCase().replace(/[^a-z0-9]+/g, "_")}`] || ""}`}>{status.replace(/[_-]+/g, " ")}</span>}
+      </div>
+      <div className={styles.heading}><h3 className={styles.title} title={name}>{name}</h3></div>
+      <p className={styles.description} title={description || undefined}>{description || "No description provided."}</p>
+      {loadError && <p className={styles.loadError} title={loadError}>{loadError}</p>}
+      {(kind || tags.length > 0) && <div className={styles.footer}>
+        <div className={styles.meta}>{kind && <span className={styles.badge}>{kind.replace(/[_-]+/g, " ")}</span>}</div>
+        {tags.length > 0 && <div className={styles.tags}>{tags.slice(0, 3).map((tag) => <span className={styles.tag} key={tag}>{tag}</span>)}</div>}
+      </div>}
+    </article>
+  );
+}

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.d.ts

@@ -0,0 +1,5 @@
+export declare function AgentProcessesPanel({ agentId, agentLabel }: {
+    agentId: number | string;
+    agentLabel?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentProcessesPanel.d.ts.map

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProcessesPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgE7G"}

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { AlertCircle, Clock3, RefreshCw, Search } from "lucide-react";
+import { createSolidEntityApi } from "../../../../../redux/api/solidEntityApi";
+import { SolidInput } from "../../../../shad-cn-ui";
+import { AgentSessionsPanel } from "./AgentToolSessionsPanel";
+function processQuery(agentId) {
+    return "offset=0&limit=1000&sort[0]=startedAt%3Adesc&filters[agent][id][$eq]=".concat(encodeURIComponent(String(agentId)));
+}
+export function AgentProcessesPanel(_a) {
+    var agentId = _a.agentId, agentLabel = _a.agentLabel;
+    var processApi = React.useMemo(function () { return createSolidEntityApi("agentProcess"); }, []);
+    var fetchProcesses = processApi.useLazyGetSolidEntitiesQuery()[0];
+    var _b = React.useState([]), processes = _b[0], setProcesses = _b[1];
+    var _c = React.useState(null), selectedProcessId = _c[0], setSelectedProcessId = _c[1];
+    var _d = React.useState(""), search = _d[0], setSearch = _d[1];
+    var _e = React.useState(true), loading = _e[0], setLoading = _e[1];
+    var _f = React.useState(false), error = _f[0], setError = _f[1];
+    var _g = React.useState(0), refreshVersion = _g[0], setRefreshVersion = _g[1];
+    React.useEffect(function () {
+        var alive = true;
+        setLoading(true);
+        setError(false);
+        void fetchProcesses(processQuery(agentId), false).unwrap().then(function (result) {
+            if (!alive)
+                return;
+            var records = Array.isArray(result === null || result === void 0 ? void 0 : result.records) ? result.records : [];
+            setProcesses(records);
+            setSelectedProcessId(function (current) { var _a, _b; return records.some(function (process) { return process.id === current; }) ? current : (_b = (_a = records[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null; });
+        }).catch(function () {
+            if (!alive)
+                return;
+            setProcesses([]);
+            setSelectedProcessId(null);
+            setError(true);
+        }).finally(function () { if (alive)
+            setLoading(false); });
+        return function () { alive = false; };
+    }, [agentId, fetchProcesses, refreshVersion]);
+    var selectedProcess = processes.find(function (process) { return process.id === selectedProcessId; });
+    var query = search.trim().toLowerCase();
+    var visibleProcesses = processes.filter(function (process) {
+        return [process.id, process.processId, process.status].some(function (value) { return String(value !== null && value !== void 0 ? value : "").toLowerCase().includes(query); });
+    });
+    return _jsxs("section", { className: "agent-process-view", "aria-label": "Processes, sessions and events", children: [_jsxs("aside", { className: "agent-process-view__processes", children: [_jsxs("header", { className: "agent-tool-editor__sessions-sidebar-head", children: [_jsxs("div", { className: "agent-tool-editor__sessions-heading", children: [_jsx("h2", { children: "Processes" }), _jsx("button", { type: "button", className: "agent-tool-editor__refresh".concat(loading ? " is-loading" : ""), "aria-label": "Refresh processes", title: "Refresh processes", disabled: loading, onClick: function () { return setRefreshVersion(function (version) { return version + 1; }); }, children: _jsx(RefreshCw, { size: 13 }) }), _jsxs("span", { children: [visibleProcesses.length, visibleProcesses.length !== processes.length ? " / ".concat(processes.length) : ""] })] }), _jsx("p", { children: "Browse processes for this agent." }), _jsxs("label", { className: "agent-tool-editor__session-search", children: [_jsx("span", { className: "sr-only", children: "Find a process" }), _jsx(Search, { size: 14 }), _jsx(SolidInput, { value: search, placeholder: "Find a process\u2026", onChange: function (event) { return setSearch(event.target.value); } })] })] }), _jsx("div", { className: "agent-tool-editor__session-list", role: "listbox", "aria-label": "Processes", children: loading ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "Loading processes\u2026" })
+                            : error ? _jsxs("p", { className: "agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error", children: [_jsx(AlertCircle, { size: 15 }), " Could not load processes."] })
+                                : processes.length === 0 ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "No processes found for this agent." })
+                                    : visibleProcesses.length === 0 ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "No processes match this search." })
+                                        : visibleProcesses.map(function (process) {
+                                            var _a, _b;
+                                            var label = "#".concat(process.id);
+                                            var status = (_a = process.status) !== null && _a !== void 0 ? _a : "Unknown";
+                                            var started = process.startedAt ? new Date(process.startedAt) : null;
+                                            var startedLabel = started && !Number.isNaN(started.getTime()) ? started.toLocaleString() : "Start time unknown";
+                                            return _jsxs("button", { type: "button", role: "option", "aria-selected": process.id === selectedProcessId, className: "agent-tool-editor__session-item".concat(process.id === selectedProcessId ? " is-selected" : ""), title: (_b = process.processId) !== null && _b !== void 0 ? _b : label, onClick: function () { return setSelectedProcessId(process.id); }, children: [_jsx("span", { className: "agent-tool-editor__session-item-id", children: label }), _jsx("span", { className: "agent-tool-editor__session-item-meta", children: _jsxs("span", { children: [_jsx(Clock3, { size: 12 }), " ", startedLabel] }) }), _jsx("span", { className: "agent-tool-editor__session-status".concat(status === "ready" ? " is-running" : ""), children: status })] }, process.id);
+                                        }) })] }), selectedProcess ? _jsx(AgentSessionsPanel, { agentId: agentId, agentLabel: agentLabel, processId: selectedProcess.id, processLabel: "#".concat(selectedProcess.id) }, selectedProcess.id)
+                : _jsx("div", { className: "agent-process-view__empty", children: loading ? "Loading processes…" : error ? "Processes could not be loaded." : "Select a process to inspect its sessions and events." })] });
+}
+//# sourceMappingURL=AgentProcessesPanel.js.map

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProcessesPanel.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { AlertCircle, Clock3, RefreshCw, Search } from \"lucide-react\";\nimport { createSolidEntityApi } from \"../../../../../redux/api/solidEntityApi\";\nimport { SolidInput } from \"../../../../shad-cn-ui\";\nimport { AgentSessionsPanel } from \"./AgentToolSessionsPanel\";\n\ntype ProcessRecord = {\n  id: number;\n  processId?: string | null;\n  status?: string | null;\n  startedAt?: string | null;\n};\n\nfunction processQuery(agentId: number | string): string {\n  return `offset=0&limit=1000&sort[0]=startedAt%3Adesc&filters[agent][id][$eq]=${encodeURIComponent(String(agentId))}`;\n}\n\nexport function AgentProcessesPanel({ agentId, agentLabel }: { agentId: number | string; agentLabel?: string }) {\n  const processApi = React.useMemo(() => createSolidEntityApi(\"agentProcess\"), []);\n  const [fetchProcesses] = processApi.useLazyGetSolidEntitiesQuery();\n  const [processes, setProcesses] = React.useState<ProcessRecord[]>([]);\n  const [selectedProcessId, setSelectedProcessId] = React.useState<number | null>(null);\n  const [search, setSearch] = React.useState(\"\");\n  const [loading, setLoading] = React.useState(true);\n  const [error, setError] = React.useState(false);\n  const [refreshVersion, setRefreshVersion] = React.useState(0);\n\n  React.useEffect(() => {\n    let alive = true;\n    setLoading(true);\n    setError(false);\n    void fetchProcesses(processQuery(agentId), false).unwrap().then((result: any) => {\n      if (!alive) return;\n      const records = Array.isArray(result?.records) ? result.records as ProcessRecord[] : [];\n      setProcesses(records);\n      setSelectedProcessId((current) => records.some((process) => process.id === current) ? current : records[0]?.id ?? null);\n    }).catch(() => {\n      if (!alive) return;\n      setProcesses([]);\n      setSelectedProcessId(null);\n      setError(true);\n    }).finally(() => { if (alive) setLoading(false); });\n    return () => { alive = false; };\n  }, [agentId, fetchProcesses, refreshVersion]);\n\n  const selectedProcess = processes.find((process) => process.id === selectedProcessId);\n  const query = search.trim().toLowerCase();\n  const visibleProcesses = processes.filter((process) =>\n    [process.id, process.processId, process.status].some((value) => String(value ?? \"\").toLowerCase().includes(query)));\n\n  return <section className=\"agent-process-view\" aria-label=\"Processes, sessions and events\">\n    <aside className=\"agent-process-view__processes\">\n      <header className=\"agent-tool-editor__sessions-sidebar-head\">\n        <div className=\"agent-tool-editor__sessions-heading\"><h2>Processes</h2><button type=\"button\" className={`agent-tool-editor__refresh${loading ? \" is-loading\" : \"\"}`} aria-label=\"Refresh processes\" title=\"Refresh processes\" disabled={loading} onClick={() => setRefreshVersion((version) => version + 1)}><RefreshCw size={13} /></button><span>{visibleProcesses.length}{visibleProcesses.length !== processes.length ? ` / ${processes.length}` : \"\"}</span></div>\n        <p>Browse processes for this agent.</p>\n        <label className=\"agent-tool-editor__session-search\"><span className=\"sr-only\">Find a process</span><Search size={14} /><SolidInput value={search} placeholder=\"Find a process…\" onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSearch(event.target.value)} /></label>\n      </header>\n      <div className=\"agent-tool-editor__session-list\" role=\"listbox\" aria-label=\"Processes\">\n        {loading ? <p className=\"agent-tool-editor__sessions-message\">Loading processes…</p>\n          : error ? <p className=\"agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error\"><AlertCircle size={15} /> Could not load processes.</p>\n            : processes.length === 0 ? <p className=\"agent-tool-editor__sessions-message\">No processes found for this agent.</p>\n              : visibleProcesses.length === 0 ? <p className=\"agent-tool-editor__sessions-message\">No processes match this search.</p>\n                : visibleProcesses.map((process) => {\n                  const label = `#${process.id}`;\n                  const status = process.status ?? \"Unknown\";\n                  const started = process.startedAt ? new Date(process.startedAt) : null;\n                  const startedLabel = started && !Number.isNaN(started.getTime()) ? started.toLocaleString() : \"Start time unknown\";\n                  return <button key={process.id} type=\"button\" role=\"option\" aria-selected={process.id === selectedProcessId}\n                    className={`agent-tool-editor__session-item${process.id === selectedProcessId ? \" is-selected\" : \"\"}`}\n                    title={process.processId ?? label} onClick={() => setSelectedProcessId(process.id)}>\n                    <span className=\"agent-tool-editor__session-item-id\">{label}</span>\n                    <span className=\"agent-tool-editor__session-item-meta\"><span><Clock3 size={12} /> {startedLabel}</span></span>\n                    <span className={`agent-tool-editor__session-status${status === \"ready\" ? \" is-running\" : \"\"}`}>{status}</span>\n                  </button>;\n                })}\n      </div>\n    </aside>\n    {selectedProcess ? <AgentSessionsPanel key={selectedProcess.id} agentId={agentId} agentLabel={agentLabel}\n      processId={selectedProcess.id} processLabel={`#${selectedProcess.id}`} />\n      : <div className=\"agent-process-view__empty\">{loading ? \"Loading processes…\" : error ? \"Processes could not be loaded.\" : \"Select a process to inspect its sessions and events.\"}</div>}\n  </section>;\n}\n"]}

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentProcessesPanel.tsx

@@ -0,0 +1,82 @@
+import React from "react";
+import { AlertCircle, Clock3, RefreshCw, Search } from "lucide-react";
+import { createSolidEntityApi } from "../../../../../redux/api/solidEntityApi";
+import { SolidInput } from "../../../../shad-cn-ui";
+import { AgentSessionsPanel } from "./AgentToolSessionsPanel";
+
+type ProcessRecord = {
+  id: number;
+  processId?: string | null;
+  status?: string | null;
+  startedAt?: string | null;
+};
+
+function processQuery(agentId: number | string): string {
+  return `offset=0&limit=1000&sort[0]=startedAt%3Adesc&filters[agent][id][$eq]=${encodeURIComponent(String(agentId))}`;
+}
+
+export function AgentProcessesPanel({ agentId, agentLabel }: { agentId: number | string; agentLabel?: string }) {
+  const processApi = React.useMemo(() => createSolidEntityApi("agentProcess"), []);
+  const [fetchProcesses] = processApi.useLazyGetSolidEntitiesQuery();
+  const [processes, setProcesses] = React.useState<ProcessRecord[]>([]);
+  const [selectedProcessId, setSelectedProcessId] = React.useState<number | null>(null);
+  const [search, setSearch] = React.useState("");
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(false);
+  const [refreshVersion, setRefreshVersion] = React.useState(0);
+
+  React.useEffect(() => {
+    let alive = true;
+    setLoading(true);
+    setError(false);
+    void fetchProcesses(processQuery(agentId), false).unwrap().then((result: any) => {
+      if (!alive) return;
+      const records = Array.isArray(result?.records) ? result.records as ProcessRecord[] : [];
+      setProcesses(records);
+      setSelectedProcessId((current) => records.some((process) => process.id === current) ? current : records[0]?.id ?? null);
+    }).catch(() => {
+      if (!alive) return;
+      setProcesses([]);
+      setSelectedProcessId(null);
+      setError(true);
+    }).finally(() => { if (alive) setLoading(false); });
+    return () => { alive = false; };
+  }, [agentId, fetchProcesses, refreshVersion]);
+
+  const selectedProcess = processes.find((process) => process.id === selectedProcessId);
+  const query = search.trim().toLowerCase();
+  const visibleProcesses = processes.filter((process) =>
+    [process.id, process.processId, process.status].some((value) => String(value ?? "").toLowerCase().includes(query)));
+
+  return <section className="agent-process-view" aria-label="Processes, sessions and events">
+    <aside className="agent-process-view__processes">
+      <header className="agent-tool-editor__sessions-sidebar-head">
+        <div className="agent-tool-editor__sessions-heading"><h2>Processes</h2><button type="button" className={`agent-tool-editor__refresh${loading ? " is-loading" : ""}`} aria-label="Refresh processes" title="Refresh processes" disabled={loading} onClick={() => setRefreshVersion((version) => version + 1)}><RefreshCw size={13} /></button><span>{visibleProcesses.length}{visibleProcesses.length !== processes.length ? ` / ${processes.length}` : ""}</span></div>
+        <p>Browse processes for this agent.</p>
+        <label className="agent-tool-editor__session-search"><span className="sr-only">Find a process</span><Search size={14} /><SolidInput value={search} placeholder="Find a process…" onChange={(event: React.ChangeEvent<HTMLInputElement>) => setSearch(event.target.value)} /></label>
+      </header>
+      <div className="agent-tool-editor__session-list" role="listbox" aria-label="Processes">
+        {loading ? <p className="agent-tool-editor__sessions-message">Loading processes…</p>
+          : error ? <p className="agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error"><AlertCircle size={15} /> Could not load processes.</p>
+            : processes.length === 0 ? <p className="agent-tool-editor__sessions-message">No processes found for this agent.</p>
+              : visibleProcesses.length === 0 ? <p className="agent-tool-editor__sessions-message">No processes match this search.</p>
+                : visibleProcesses.map((process) => {
+                  const label = `#${process.id}`;
+                  const status = process.status ?? "Unknown";
+                  const started = process.startedAt ? new Date(process.startedAt) : null;
+                  const startedLabel = started && !Number.isNaN(started.getTime()) ? started.toLocaleString() : "Start time unknown";
+                  return <button key={process.id} type="button" role="option" aria-selected={process.id === selectedProcessId}
+                    className={`agent-tool-editor__session-item${process.id === selectedProcessId ? " is-selected" : ""}`}
+                    title={process.processId ?? label} onClick={() => setSelectedProcessId(process.id)}>
+                    <span className="agent-tool-editor__session-item-id">{label}</span>
+                    <span className="agent-tool-editor__session-item-meta"><span><Clock3 size={12} /> {startedLabel}</span></span>
+                    <span className={`agent-tool-editor__session-status${status === "ready" ? " is-running" : ""}`}>{status}</span>
+                  </button>;
+                })}
+      </div>
+    </aside>
+    {selectedProcess ? <AgentSessionsPanel key={selectedProcess.id} agentId={agentId} agentLabel={agentLabel}
+      processId={selectedProcess.id} processLabel={`#${selectedProcess.id}`} />
+      : <div className="agent-process-view__empty">{loading ? "Loading processes…" : error ? "Processes could not be loaded." : "Select a process to inspect its sessions and events."}</div>}
+  </section>;
+}

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel.d.ts

@@ -0,0 +1,17 @@
+import "../../../../../routes/pages/admin/core/AgentToolRegistryEditorPage.css";
+type AgentOption = {
+    id: number | string;
+    name?: string;
+    title?: string;
+};
+type Props = {
+    agents?: AgentOption[];
+    agentId?: number | string;
+    agentLabel?: string;
+    processId?: number;
+    processLabel?: string;
+};
+export declare function AgentSessionsPanel({ agents, agentId, agentLabel, processId, processLabel }: Props): import("react/jsx-runtime").JSX.Element;
+export declare const AgentToolSessionsPanel: typeof AgentSessionsPanel;
+export {};
+//# sourceMappingURL=AgentToolSessionsPanel.d.ts.map

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentToolSessionsPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,wEAAwE,CAAC;AAEhF,KAAK,WAAW,GAAG;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAoD1E,KAAK,KAAK,GAAG;IAAE,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAKnI,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,2CA0NjG;AAED,eAAO,MAAM,sBAAsB,2BAAqB,CAAC"}

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel.js

@@ -0,0 +1,258 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 } from "react/jsx-runtime";
+import React from "react";
+import qs from "qs";
+import { AlertCircle, Clock3, RefreshCw, Search } from "lucide-react";
+import { createSolidEntityApi } from "../../../../../redux/api/solidEntityApi";
+import { SolidAutocomplete, SolidDialog, SolidDialogDescription, SolidDialogHeader, SolidDialogTitle, SolidInput, SolidSelect } from "../../../../shad-cn-ui";
+import { AgentEventOutcomeListWidget, getAgentEventFailure } from "../agentEvent/list/AgentEventOutcomeListWidget";
+import "../../../../../routes/pages/admin/core/AgentToolRegistryEditorPage.css";
+function unwrapRecords(result) {
+    return Array.isArray(result === null || result === void 0 ? void 0 : result.records) ? result.records : [];
+}
+function ago(value) {
+    if (!value)
+        return "Start time unknown";
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return "Start time unknown";
+    var seconds = Math.max(0, Math.floor((Date.now() - date.getTime()) / 1000));
+    if (seconds < 60)
+        return "Started just now";
+    if (seconds < 3600)
+        return "Started ".concat(Math.floor(seconds / 60), "m ago");
+    if (seconds < 86400)
+        return "Started ".concat(Math.floor(seconds / 3600), "h ago");
+    var days = Math.floor(seconds / 86400);
+    return days < 30 ? "Started ".concat(days, "d ago") : "Started ".concat(date.toLocaleDateString());
+}
+function agentName(session, agents) {
+    var _a, _b, _c, _d;
+    var relation = session.agent;
+    var id = relation && typeof relation === "object" ? relation.id : relation;
+    var agent = agents.find(function (item) { return String(item.id) === String(id); });
+    if (agent)
+        return (_b = (_a = agent.name) !== null && _a !== void 0 ? _a : agent.title) !== null && _b !== void 0 ? _b : "Unnamed agent";
+    if (relation && typeof relation === "object")
+        return (_d = (_c = relation.name) !== null && _c !== void 0 ? _c : relation.title) !== null && _d !== void 0 ? _d : "Unnamed agent";
+    return "Unknown agent";
+}
+function sessionQuery(agentId, processId) {
+    var processFilter = processId == null ? "" : "&filters[process][id][$eq]=".concat(encodeURIComponent(String(processId)));
+    return "offset=0&limit=1000&populate[0]=agent&sort[0]=startedAt%3Adesc&filters[agent][id][$eq]=".concat(encodeURIComponent(String(agentId))).concat(processFilter);
+}
+function eventsQuery(sessionId, offset, limit, eventType, search) {
+    var conditions = [{ session: { $eq: sessionId } }];
+    if (eventType !== "all")
+        conditions.push({ eventType: { $eq: eventType } });
+    if (search.trim())
+        conditions.push({ $or: ["eventType", "toolName", "content", "toolOutput", "eventData"]
+                .map(function (field) {
+                var _a;
+                return (_a = {}, _a[field] = { $containsi: search.trim() }, _a);
+            }) });
+    return qs.stringify({
+        offset: offset,
+        limit: limit,
+        sort: ["createdAt:asc", "id:asc"], filters: { $and: conditions },
+        fields: ["id", "createdAt", "eventType", "toolName", "cost", "inputTokens", "outputTokens", "toolReturncode", "toolOutput", "eventData"],
+    });
+}
+var EMPTY_AGENTS = [];
+var EVENT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+var EventFormView = React.lazy(function () { return import("../../../form/SolidFormView"); });
+export function AgentSessionsPanel(_a) {
+    var _this = this;
+    var _b, _c, _d, _e, _f, _g;
+    var agents = _a.agents, agentId = _a.agentId, agentLabel = _a.agentLabel, processId = _a.processId, processLabel = _a.processLabel;
+    var linkedAgents = agents !== null && agents !== void 0 ? agents : EMPTY_AGENTS;
+    var scopedAgents = React.useMemo(function () { return agentId != null
+        ? [{ id: agentId, name: agentLabel !== null && agentLabel !== void 0 ? agentLabel : "Agent" }]
+        : linkedAgents; }, [agentId, agentLabel, linkedAgents]);
+    var sessionApi = React.useMemo(function () { return createSolidEntityApi("agentSession"); }, []);
+    var eventApi = React.useMemo(function () { return createSolidEntityApi("agentEvent"); }, []);
+    var fetchSessions = sessionApi.useLazyGetSolidEntitiesQuery()[0];
+    var _h = React.useState([]), sessions = _h[0], setSessions = _h[1];
+    var _j = React.useState(null), selectedAgent = _j[0], setSelectedAgent = _j[1];
+    var _k = React.useState(null), selectedSessionId = _k[0], setSelectedSessionId = _k[1];
+    var _l = React.useState(null), selectedEventId = _l[0], setSelectedEventId = _l[1];
+    var eventsTableRef = React.useRef(null);
+    var _m = React.useState(false), isLoadingSessions = _m[0], setIsLoadingSessions = _m[1];
+    var _o = React.useState(false), sessionsError = _o[0], setSessionsError = _o[1];
+    var _p = React.useState("all"), eventTypeFilter = _p[0], setEventTypeFilter = _p[1];
+    var _q = React.useState("all"), outcomeFilter = _q[0], setOutcomeFilter = _q[1];
+    var _r = React.useState(""), eventSearch = _r[0], setEventSearch = _r[1];
+    var _s = React.useState(""), eventSearchQuery = _s[0], setEventSearchQuery = _s[1];
+    var _t = React.useState({ scope: "", page: 1 }), eventPagination = _t[0], setEventPagination = _t[1];
+    var _u = React.useState(25), eventPageSize = _u[0], setEventPageSize = _u[1];
+    var eventPageSizeId = React.useId();
+    var _v = React.useState(""), sessionSearch = _v[0], setSessionSearch = _v[1];
+    var _w = React.useState(0), sessionRefreshVersion = _w[0], setSessionRefreshVersion = _w[1];
+    var eventScope = JSON.stringify([selectedSessionId, eventTypeFilter, eventSearchQuery]);
+    var currentEventPage = eventPagination.scope === eventScope ? eventPagination.page : 1;
+    var eventFirst = (currentEventPage - 1) * eventPageSize;
+    var eventResult = eventApi.useGetSolidEntitiesQuery(selectedSessionId == null ? "" : eventsQuery(selectedSessionId, eventFirst, eventPageSize, eventTypeFilter, eventSearchQuery), { skip: selectedSessionId == null });
+    var eventTypesResult = eventApi.useGetSolidEntitiesQuery(qs.stringify({
+        groupBy: ["eventType"], sort: ["eventType:asc"], filters: { session: { $eq: selectedSessionId } },
+    }), { skip: selectedSessionId == null });
+    var events = unwrapRecords(eventResult.currentData);
+    var totalEvents = Number((_d = (_c = (_b = eventResult.currentData) === null || _b === void 0 ? void 0 : _b.meta) === null || _c === void 0 ? void 0 : _c.totalRecords) !== null && _d !== void 0 ? _d : 0);
+    var eventPageCount = Math.max(1, Math.ceil(totalEvents / eventPageSize));
+    var isLoadingEvents = eventResult.isFetching || eventSearch.trim() !== eventSearchQuery;
+    var eventsError = eventResult.isError;
+    var agentOptions = React.useMemo(function () { return linkedAgents.map(function (agent) {
+        var _a, _b;
+        return ({
+            id: String(agent.id),
+            label: (_b = (_a = agent.name) !== null && _a !== void 0 ? _a : agent.title) !== null && _b !== void 0 ? _b : "Agent ".concat(agent.id),
+        });
+    }); }, [linkedAgents]);
+    var linkedAgentKey = agentOptions.map(function (agent) { return agent.id; }).join(",");
+    React.useEffect(function () {
+        var alive = true;
+        var requestedAgents = agentId != null ? scopedAgents : selectedAgent ? scopedAgents.filter(function (agent) { return String(agent.id) === selectedAgent.id; }) : scopedAgents;
+        if (!requestedAgents.length) {
+            setSessions([]);
+            setSelectedSessionId(null);
+            return;
+        }
+        setIsLoadingSessions(true);
+        setSessionsError(false);
+        void Promise.all(requestedAgents.map(function (agent) { return __awaiter(_this, void 0, void 0, function () {
+            var result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, fetchSessions(sessionQuery(agent.id, processId), false).unwrap()];
+                    case 1:
+                        result = _a.sent();
+                        return [2 /*return*/, unwrapRecords(result).map(function (item) { return (__assign(__assign({}, item), { agent: item.agent && typeof item.agent === "object" ? item.agent : agent })); })];
+                }
+            });
+        }); })).then(function (groups) {
+            if (!alive)
+                return;
+            var unique = new Map();
+            groups.flat().forEach(function (session) { return unique.set(String(session.id), session); });
+            var ordered = Array.from(unique.values()).sort(function (a, b) { var _a, _b; return new Date((_a = b.startedAt) !== null && _a !== void 0 ? _a : 0).getTime() - new Date((_b = a.startedAt) !== null && _b !== void 0 ? _b : 0).getTime(); });
+            setSessions(ordered);
+            setSelectedSessionId(function (current) { var _a, _b; return ordered.some(function (session) { return session.id === current; }) ? current : (_b = (_a = ordered[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null; });
+        }).catch(function () {
+            if (alive) {
+                setSessions([]);
+                setSelectedSessionId(null);
+                setSessionsError(true);
+            }
+        }).finally(function () { return alive && setIsLoadingSessions(false); });
+        return function () { alive = false; };
+    }, [agentId, fetchSessions, linkedAgentKey, processId, scopedAgents, selectedAgent, sessionRefreshVersion]);
+    React.useEffect(function () {
+        var timer = window.setTimeout(function () { return setEventSearchQuery(eventSearch.trim()); }, 300);
+        return function () { return window.clearTimeout(timer); };
+    }, [eventSearch]);
+    var eventTypes = Array.from(new Set(__spreadArray(__spreadArray(__spreadArray([], ((_f = (_e = eventTypesResult.currentData) === null || _e === void 0 ? void 0 : _e.groupMeta) !== null && _f !== void 0 ? _f : []).map(function (group) { var _a; return String((_a = group.groupValue) !== null && _a !== void 0 ? _a : ""); }), true), events.map(function (event) { var _a; return String((_a = event.eventType) !== null && _a !== void 0 ? _a : ""); }), true), [
+        eventTypeFilter === "all" ? "" : eventTypeFilter,
+    ], false).filter(Boolean))).sort();
+    var visibleEvents = events.filter(function (event) { return outcomeFilter === "all"
+        || Boolean(getAgentEventFailure(event)) === (outcomeFilter === "failure"); });
+    React.useEffect(function () {
+        if (!isLoadingEvents && eventResult.currentData && currentEventPage > eventPageCount) {
+            setEventPagination({ scope: eventScope, page: eventPageCount });
+        }
+    }, [isLoadingEvents, eventResult.currentData, currentEventPage, eventPageCount, eventScope]);
+    React.useEffect(function () {
+        if (eventsTableRef.current)
+            eventsTableRef.current.scrollTop = 0;
+    }, [currentEventPage, eventPageSize, selectedSessionId, eventSearch, eventTypeFilter, outcomeFilter]);
+    var selectedSession = sessions.find(function (session) { return session.id === selectedSessionId; });
+    var visibleSessions = React.useMemo(function () {
+        var query = sessionSearch.trim().toLowerCase();
+        if (!query)
+            return sessions;
+        return sessions.filter(function (session) { return [session.sessionId, session.id, session.status, agentName(session, scopedAgents)]
+            .some(function (value) { return String(value !== null && value !== void 0 ? value : "").toLowerCase().includes(query); }); });
+    }, [scopedAgents, sessionSearch, sessions]);
+    return (_jsxs("section", { className: "agent-tool-editor__sessions", "aria-label": "Sessions and events", children: [_jsxs("aside", { className: "agent-tool-editor__sessions-sidebar", children: [_jsxs("header", { className: "agent-tool-editor__sessions-sidebar-head", children: [_jsx("div", { children: _jsxs("div", { className: "agent-tool-editor__sessions-heading", children: [_jsx("h2", { children: "Sessions" }), _jsx("button", { type: "button", className: "agent-tool-editor__refresh".concat(isLoadingSessions ? " is-loading" : ""), "aria-label": "Refresh sessions", title: "Refresh sessions", disabled: isLoadingSessions, onClick: function () { return setSessionRefreshVersion(function (version) { return version + 1; }); }, children: _jsx(RefreshCw, { size: 13 }) }), _jsxs("span", { children: [visibleSessions.length, visibleSessions.length !== sessions.length ? " / ".concat(sessions.length) : ""] })] }) }), _jsx("p", { children: processId != null ? "In ".concat(processLabel !== null && processLabel !== void 0 ? processLabel : "process #".concat(processId), ".") : agentId != null ? "Browse activity for this agent." : "Browse activity across linked agents." }), agentId == null && linkedAgents.length > 1 && _jsxs("label", { className: "agent-tool-editor__sessions-agent-filter", children: [_jsx("span", { children: "Agent" }), _jsx(SolidAutocomplete, { value: selectedAgent ? [selectedAgent] : [], suggestions: agentOptions, field: "label", multiple: true, maxVisibleChips: 1, dropdown: true, forceSelection: true, portal: true, placeholder: "All linked agents", onChange: function (event) { var _a; return setSelectedAgent(Array.isArray(event.value) ? (_a = event.value[0]) !== null && _a !== void 0 ? _a : null : null); } })] }), _jsxs("label", { className: "agent-tool-editor__session-search", children: [_jsx("span", { className: "sr-only", children: "Find a session" }), _jsx(Search, { size: 14 }), _jsx(SolidInput, { value: sessionSearch, placeholder: "Find session or agent\u2026", onChange: function (event) { return setSessionSearch(event.target.value); } })] })] }), _jsx("div", { className: "agent-tool-editor__session-list", role: "listbox", "aria-label": "Sessions", children: isLoadingSessions ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "Loading sessions\u2026" })
+                            : sessionsError ? _jsxs("p", { className: "agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error", children: [_jsx(AlertCircle, { size: 15 }), " Could not load sessions."] })
+                                : sessions.length === 0 ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: processId != null ? "No sessions assigned to this process. Older unassigned sessions remain in the Sessions tab." : "No sessions found for linked agents." })
+                                    : visibleSessions.length === 0 ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "No sessions match this search." })
+                                        : visibleSessions.map(function (session) {
+                                            var _a, _b;
+                                            var sessionLabel = (_a = session.sessionId) !== null && _a !== void 0 ? _a : String(session.id);
+                                            var rawStatus = String((_b = session.status) !== null && _b !== void 0 ? _b : "").toLowerCase();
+                                            var statusLabel = rawStatus === "active" ? "Idle"
+                                                : rawStatus === "awaiting_input" ? "Awaiting input"
+                                                    : rawStatus === "awaiting_approval" ? "Awaiting approval"
+                                                        : rawStatus ? rawStatus.replace(/[_-]+/g, " ") : session.endedAt ? "Ended" : "Open";
+                                            return _jsxs("button", { type: "button", role: "option", "aria-selected": session.id === selectedSessionId, className: "agent-tool-editor__session-item".concat(session.id === selectedSessionId ? " is-selected" : ""), onClick: function () { return setSelectedSessionId(session.id); }, title: sessionLabel, children: [_jsx("span", { className: "agent-tool-editor__session-item-id", title: sessionLabel, children: sessionLabel }), _jsxs("span", { className: "agent-tool-editor__session-item-meta", children: [_jsxs("span", { children: [_jsx(Clock3, { size: 12 }), " ", ago(session.startedAt)] }), _jsx("span", { className: "agent-tool-editor__session-status".concat(rawStatus === "running" ? " is-running" : rawStatus === "active" ? " is-idle" : ""), children: statusLabel })] }), agentId == null && _jsx("small", { children: agentName(session, scopedAgents) })] }, session.id);
+                                        }) })] }), _jsxs("div", { className: "agent-tool-editor__session-events", children: [_jsxs("header", { className: "agent-tool-editor__events-head", children: [_jsxs("div", { className: "agent-tool-editor__events-title", children: [_jsxs("div", { children: [_jsxs("div", { className: "agent-tool-editor__heading-with-refresh", children: [_jsx("h2", { children: "Events" }), _jsx("button", { type: "button", className: "agent-tool-editor__refresh".concat(isLoadingEvents ? " is-loading" : ""), "aria-label": "Refresh events", title: "Refresh events", disabled: !selectedSessionId || isLoadingEvents, onClick: function () { void eventResult.refetch(); void eventTypesResult.refetch(); }, children: _jsx(RefreshCw, { size: 13 }) })] }), _jsx("p", { children: selectedSession ? "".concat((_g = selectedSession.sessionId) !== null && _g !== void 0 ? _g : selectedSession.id, " \u00B7 ").concat(agentName(selectedSession, scopedAgents)) : "Select a session to inspect its events." })] }), _jsx("span", { children: outcomeFilter === "all" ? totalEvents : "".concat(visibleEvents.length, " / ").concat(events.length, " on page") })] }), _jsxs("div", { className: "agent-tool-editor__event-filters", children: [_jsxs("label", { children: [_jsx("span", { children: "Event type" }), _jsxs("select", { value: eventTypeFilter, onChange: function (event) { return setEventTypeFilter(event.target.value); }, children: [_jsx("option", { value: "all", children: "All types" }), eventTypes.map(function (eventType) { return _jsx("option", { value: eventType, children: eventType }, eventType); })] })] }), _jsxs("label", { children: [_jsx("span", { children: "Outcome (current page)" }), _jsxs("select", { value: outcomeFilter, onChange: function (event) { return setOutcomeFilter(event.target.value); }, children: [_jsx("option", { value: "all", children: "All outcomes" }), _jsx("option", { value: "success", children: "Success" }), _jsx("option", { value: "failure", children: "Failure" })] })] }), _jsxs("label", { className: "agent-tool-editor__event-search", children: [_jsx("span", { children: "Search events" }), _jsxs("span", { className: "agent-tool-editor__event-search-control", children: [_jsx(Search, { size: 15 }), _jsx(SolidInput, { value: eventSearch, placeholder: "Search events\u2026", onChange: function (event) { return setEventSearch(event.target.value); } })] })] }), _jsxs("nav", { className: "agent-tool-editor__event-pagination", "aria-label": "Event pagination", children: [_jsxs("div", { className: "solid-paginator-meta flex items-center gap-2", children: [_jsx("label", { className: "solid-paginator-label", htmlFor: eventPageSizeId, children: "Rows" }), _jsx(SolidSelect, { id: eventPageSizeId, value: eventPageSize, className: "solid-paginator-select", options: EVENT_PAGE_SIZE_OPTIONS.map(function (value) { return ({ label: String(value), value: value }); }), native: false, menuPlacement: "bottom", disabled: isLoadingEvents || eventsError, onChange: function (_a) {
+                                                            var value = _a.value;
+                                                            setEventPageSize(Number(value));
+                                                            setEventPagination({ scope: eventScope, page: 1 });
+                                                        } }), _jsx("span", { className: "solid-paginator-report", "aria-live": "polite", children: isLoadingEvents ? "Loading…" : "".concat(events.length ? eventFirst + 1 : 0, " - ").concat(events.length ? Math.min(eventFirst + events.length, totalEvents) : 0, " of ").concat(totalEvents) })] }), _jsxs("div", { className: "solid-paginator-actions flex items-center gap-2", children: [_jsx("button", { type: "button", className: "solid-paginator-btn", "aria-label": "Previous event page", disabled: isLoadingEvents || eventsError || currentEventPage === 1, onClick: function () { return setEventPagination({ scope: eventScope, page: currentEventPage - 1 }); }, children: "Previous" }), _jsx("button", { type: "button", className: "solid-paginator-btn", "aria-label": "Next event page", disabled: isLoadingEvents || eventsError || currentEventPage >= eventPageCount, onClick: function () { return setEventPagination({ scope: eventScope, page: currentEventPage + 1 }); }, children: "Next" })] })] })] })] }), _jsx("div", { className: "agent-tool-editor__events-table-wrap", ref: eventsTableRef, children: isLoadingEvents ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "Loading events\u2026" })
+                            : eventsError ? _jsxs("p", { className: "agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error", children: [_jsx(AlertCircle, { size: 15 }), " Could not load events for this session."] })
+                                : !selectedSession ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: "Choose a session from the left to view its events." })
+                                    : visibleEvents.length === 0 ? _jsx("p", { className: "agent-tool-editor__sessions-message", children: events.length ? "No events on this page match the outcome filter." : "No events match these filters." })
+                                        : _jsxs("table", { className: "agent-tool-editor__events-table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Time" }), _jsx("th", { children: "Event type" }), _jsx("th", { children: "Tool" }), _jsx("th", { children: "Cost" }), _jsx("th", { children: "Tokens" })] }) }), _jsx("tbody", { children: visibleEvents.map(function (event) {
+                                                        var _a, _b;
+                                                        return _jsxs("tr", { className: "agent-tool-editor__event-row", onClick: function (click) { if (!click.target.closest("button, a"))
+                                                                setSelectedEventId(event.id); }, children: [_jsx("td", { children: _jsx("button", { type: "button", className: "agent-tool-editor__event-open", "aria-label": "View ".concat(event.eventType || "event", " #").concat(event.id), onClick: function () { return setSelectedEventId(event.id); }, children: event.createdAt ? new Date(event.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" }) : "—" }) }), _jsx("td", { children: _jsx(AgentEventOutcomeListWidget, { rowData: event, fieldMetadata: { name: "eventType" }, solidListViewMetaData: {}, column: { attrs: {} } }) }), _jsx("td", { children: event.toolName || "—" }), _jsx("td", { children: event.cost == null ? "—" : Number(event.cost).toLocaleString(undefined, { maximumFractionDigits: 6 }) }), _jsx("td", { children: event.inputTokens || event.outputTokens ? "".concat((_a = event.inputTokens) !== null && _a !== void 0 ? _a : 0, " / ").concat((_b = event.outputTokens) !== null && _b !== void 0 ? _b : 0) : "—" })] }, event.id);
+                                                    }) })] }) })] }), _jsxs(SolidDialog, { open: selectedEventId != null, onOpenChange: function (open) { if (!open)
+                    setSelectedEventId(null); }, className: "solid-dialog solid-inline-relation-dialog", style: { width: "min(70rem, 95vw)" }, showHeader: false, children: [_jsxs(SolidDialogHeader, { className: "solid-sr-only", children: [_jsxs(SolidDialogTitle, { children: ["Event #", selectedEventId] }), _jsx(SolidDialogDescription, { children: "View the selected event's details and data." })] }), selectedEventId != null && _jsx(React.Suspense, { fallback: _jsx("p", { className: "agent-tool-editor__sessions-message", children: "Loading event\u2026" }), children: _jsx(EventFormView, { moduleName: "solid-core", modelName: "agentEvent", id: String(selectedEventId), embeded: true, viewMode: "view", handlePopupClose: function () { return setSelectedEventId(null); } }, selectedEventId) })] })] }));
+}
+export var AgentToolSessionsPanel = AgentSessionsPanel;
+//# sourceMappingURL=AgentToolSessionsPanel.js.map