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

package/dist/components/core/extension/solid-core/agentRegistry/card/AgentRegistryCardWidget.module.css

@@ -0,0 +1,226 @@
+.card {
+  position: relative;
+  display: flex;
+  min-width: 0;
+  height: 100%;
+  flex-direction: column;
+  gap: 0.85rem;
+  overflow: hidden;
+  padding: 1rem 1rem 1rem 1.15rem;
+  border: 1px solid var(--surface-border, #dbe3ef);
+  border-radius: 0.9rem;
+  background: var(--surface-card, #fff);
+  box-shadow: 0 2px 8px rgb(15 23 42 / 4%);
+  color: var(--text-color, #172033);
+  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
+}
+
+.card::before {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 4px;
+  background: linear-gradient(180deg, var(--primary-color, #7c3aed), color-mix(in srgb, var(--primary-color, #7c3aed) 32%, #22d3ee));
+  content: "";
+}
+
+.card:hover {
+  transform: translateY(-2px);
+  border-color: color-mix(in srgb, var(--primary-color, #7c3aed) 35%, var(--surface-border, #dbe3ef));
+  box-shadow: 0 10px 24px rgb(15 23 42 / 10%);
+}
+
+.header,
+.footer,
+.meta,
+.tags {
+  display: flex;
+  align-items: center;
+}
+
+.header {
+  min-height: 2.6rem;
+  justify-content: flex-start;
+  gap: 0.75rem;
+}
+
+.iconBadge {
+  display: grid;
+  width: 2.55rem;
+  height: 2.55rem;
+  flex: 0 0 auto;
+  place-items: center;
+  border: 1px solid color-mix(in srgb, var(--primary-color, #7c3aed) 15%, transparent);
+  border-radius: 0.75rem;
+  background: color-mix(in srgb, var(--primary-color, #7c3aed) 9%, var(--surface-card, #fff));
+  color: var(--primary-color, #7c3aed);
+}
+
+.heading {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  gap: 0.18rem;
+}
+
+.title {
+  margin: 0;
+  overflow: hidden;
+  font-size: 1rem;
+  font-weight: 650;
+  line-height: 1.35;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.name {
+  overflow: hidden;
+  color: var(--text-color-secondary, #64748b);
+  font-size: 0.76rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.description {
+  display: -webkit-box;
+  margin: 0;
+  overflow: hidden;
+  color: var(--text-color-secondary, #64748b);
+  font-size: 0.82rem;
+  line-height: 1.4;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.loadError {
+  display: -webkit-box;
+  margin: 0;
+  overflow: hidden;
+  padding: 0.45rem 0.55rem;
+  border: 1px solid color-mix(in srgb, #dc2626 22%, transparent);
+  border-radius: 0.5rem;
+  background: color-mix(in srgb, #dc2626 6%, var(--surface-card, #fff));
+  color: #b91c1c;
+  font-size: 0.72rem;
+  line-height: 1.35;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.models {
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+  padding: 0.55rem 0.65rem;
+  border: 1px solid var(--surface-border, #e2e8f0);
+  border-radius: 0.55rem;
+  background: var(--surface-ground, #f8fafc);
+}
+
+.modelRow {
+  display: grid;
+  min-width: 0;
+  grid-template-columns: 4.1rem minmax(0, 1fr);
+  align-items: baseline;
+  gap: 0.35rem;
+  color: var(--text-color-secondary, #64748b);
+  font-size: 0.68rem;
+  line-height: 1.35;
+}
+
+.modelRow span {
+  font-weight: 600;
+}
+
+.modelRow strong {
+  overflow: hidden;
+  color: var(--text-color, #172033);
+  font-size: 0.68rem;
+  font-weight: 500;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.footer {
+  min-width: 0;
+  min-height: 1.5rem;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 0.45rem;
+  margin-top: auto;
+}
+
+.meta,
+.tags {
+  min-width: 0;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+}
+
+.status,
+.badge,
+.tag {
+  max-width: 100%;
+  overflow: hidden;
+  padding: 0.22rem 0.55rem;
+  border-radius: 999px;
+  font-size: 0.68rem;
+  font-weight: 600;
+  line-height: 1.25;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.status {
+  border: 1px solid var(--surface-border, #dbe3ef);
+  background: var(--surface-ground, #f8fafc);
+  color: var(--text-color-secondary, #64748b);
+  text-transform: capitalize;
+}
+
+.status_active {
+  border-color: color-mix(in srgb, #16a34a 24%, transparent);
+  background: color-mix(in srgb, #16a34a 10%, var(--surface-card, #fff));
+  color: #15803d;
+}
+
+.status_load_failed {
+  border-color: color-mix(in srgb, #dc2626 28%, transparent);
+  background: color-mix(in srgb, #dc2626 9%, var(--surface-card, #fff));
+  color: #b91c1c;
+}
+
+.status_draft {
+  border-color: color-mix(in srgb, #d97706 24%, transparent);
+  background: color-mix(in srgb, #d97706 10%, var(--surface-card, #fff));
+  color: #b45309;
+}
+
+.status_disabled,
+.status_inactive {
+  border-color: color-mix(in srgb, #64748b 24%, transparent);
+  background: color-mix(in srgb, #64748b 9%, var(--surface-card, #fff));
+  color: #64748b;
+}
+
+.badge {
+  background: color-mix(in srgb, var(--primary-color, #7c3aed) 10%, var(--surface-card, #fff));
+  color: var(--primary-color, #7c3aed);
+  text-transform: capitalize;
+}
+
+.tag {
+  border: 1px solid var(--surface-border, #dbe3ef);
+  color: var(--text-color-secondary, #64748b);
+  font-weight: 500;
+}
+
+.metaText {
+  color: var(--text-color-secondary, #64748b);
+  font-size: 0.72rem;
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .card { transition: none; }
+  .card:hover { transform: none; }
+}

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

@@ -0,0 +1,57 @@
+import type { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+import { SolidMaterialSymbol } from "../../../../../common/SolidMaterialSymbol";
+import styles from "./AgentRegistryCardWidget.module.css";
+
+function modelLabel(value: unknown): string {
+  if (typeof value !== "string" || !value.trim()) return "";
+  const [provider, ...model] = value.trim().split(":");
+  return model.length ? `${provider} · ${model.join(":")}` : value.trim();
+}
+
+/** Card renderer for Agent Registry records. */
+export function AgentRegistryCardWidget({ rowData }: SolidKanbanCardWidgetProps) {
+  const iconName = typeof rowData?.iconName === "string" && rowData.iconName.trim()
+    ? rowData.iconName.trim()
+    : "psychology";
+  const name = typeof rowData?.name === "string" && rowData.name.trim() ? rowData.name.trim() : "Untitled";
+  const title = typeof rowData?.title === "string" && rowData.title.trim() ? rowData.title.trim() : name;
+  const description = typeof rowData?.description === "string" ? rowData.description.trim() : "";
+  const status = typeof rowData?.status === "string" && rowData.status.trim() ? rowData.status.trim() : "";
+  const configVersion = Number(rowData?.configVersion);
+  const normalizedDescription = description.toLocaleLowerCase();
+  const summary = normalizedDescription === title.toLocaleLowerCase() || normalizedDescription === name.toLocaleLowerCase() ? "" : description;
+  const models = [
+    { label: "Reasoning", value: modelLabel(rowData?.reasoningModelKey) },
+    { label: "Fast", value: modelLabel(rowData?.fastModelKey) },
+  ].filter((model) => model.value);
+
+  return (
+    <article className={styles.card}>
+      <div className={styles.header}>
+        <div className={styles.iconBadge} aria-label={`${title} icon`}>
+          <SolidMaterialSymbol name={iconName} size={22} aria-hidden="true" />
+        </div>
+      </div>
+
+      <div className={styles.heading}>
+        <h3 className={styles.title} title={title}>{title}</h3>
+        {name !== title && <span className={styles.name} title={name}>{name}</span>}
+      </div>
+
+      {summary && <p className={styles.description} title={summary}>{summary}</p>}
+
+      {models.length > 0 && <div className={styles.models} aria-label="Configured models">
+        {models.map((model) => <div className={styles.modelRow} key={model.label} title={`${model.label}: ${model.value}`}>
+          <span>{model.label}</span><strong>{model.value}</strong>
+        </div>)}
+      </div>}
+
+      <div className={styles.footer}>
+        <div className={styles.meta}>
+          {status && <span className={`${styles.status} ${styles[`status_${status.toLowerCase().replace(/[^a-z0-9]+/g, "_")}`] || ""}`}>{status.replace(/[_-]+/g, " ")}</span>}
+          {Number.isFinite(configVersion) && configVersion > 0 && <span className={styles.badge} aria-label={`Configuration version ${configVersion}`}>Config v{configVersion}</span>}
+        </div>
+      </div>
+    </article>
+  );
+}

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"}