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

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -27,6 +27,7 @@ import {
     SolidDialogTitle,
 } from "../../shad-cn-ui/SolidDialog";
 
+const savedFiltersEntityApi = createSolidEntityApi("savedFilters");
 
 const getRandomInt = (min: number, max: number) => {
     return Math.floor(Math.random() * (max - min + 1)) + min;
@@ -191,12 +192,13 @@ const transformRulesToFilters = (input: any, viewData: any) => {
 
 
             const fieldMeta = viewData?.data?.solidFieldsMetadata?.[rule.fieldName];
-            const isManyToMany = fieldMeta?.type === 'relation' && fieldMeta?.relationType === 'many-to-many';
+            const isToManyRelation = fieldMeta?.type === 'relation'
+                && ['one-to-many', 'many-to-many'].includes(fieldMeta?.relationType);
 
 
             let transformedRule;
-            if (isManyToMany) {
-                // For many-to-many relations, always use array format for $in/$notIn
+            if (isToManyRelation) {
+                // Collection relations must be filtered through a related scalar field.
                 transformedRule = {
                     [rule.fieldName]: {
                         id: {
@@ -767,14 +769,13 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
         [allAvailableSavedFilters]
     );
 
-    const entityApi = createSolidEntityApi("savedFilters");
     const {
         useCreateSolidEntityMutation,
         useDeleteSolidEntityMutation,
         useGetSolidEntityByIdQuery,
         useUpdateSolidEntityMutation,
         useLazyGetSolidEntitiesQuery
-    } = entityApi;
+    } = savedFiltersEntityApi;
 
     const [
         createEntity,

package/dist/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.d.ts

@@ -0,0 +1,11 @@
+import type { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+type FailureDetails = {
+    message: string;
+    errorClass?: string;
+    guidance?: string;
+};
+export declare function getAgentEventFailure(rowData: Record<string, unknown>): FailureDetails | undefined;
+/** Shows a compact event outcome, with structured failure details when available. */
+export declare function AgentEventOutcomeListWidget({ rowData, fieldMetadata }: SolidListFieldWidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentEventOutcomeListWidget.d.ts.map

package/dist/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEventOutcomeListWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAEpF,KAAK,cAAc,GAAG;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAuEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,cAAc,GAAG,SAAS,CAcjG;AAED,qFAAqF;AACrF,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,yBAAyB,2CAiChG"}

package/dist/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../../../../shad-cn-ui";
+function parseJson(value) {
+    if (typeof value !== "string")
+        return value;
+    var text = value.trim();
+    if (!text.startsWith("{") && !text.startsWith("["))
+        return value;
+    try {
+        return JSON.parse(text);
+    }
+    catch (_a) {
+        return value;
+    }
+}
+function nonEmpty(value) {
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (value && typeof value === "object")
+        return Object.keys(value).length > 0;
+    return value !== null && value !== undefined && value !== false && value !== "";
+}
+function errorDetails(value, visited) {
+    if (visited === void 0) { visited = new Set(); }
+    var parsed = parseJson(value);
+    if (!parsed || typeof parsed !== "object")
+        return undefined;
+    if (visited.has(parsed))
+        return undefined;
+    visited.add(parsed);
+    if (Array.isArray(parsed)) {
+        for (var _i = 0, parsed_1 = parsed; _i < parsed_1.length; _i++) {
+            var item = parsed_1[_i];
+            var failure = errorDetails(item, visited);
+            if (failure)
+                return failure;
+        }
+        return undefined;
+    }
+    var record = parsed;
+    var failedFlag = record.isError === true || record.ok === false || record.success === false;
+    var failedStatus = [record.status, record.state, record.outcome]
+        .some(function (status) { return typeof status === "string" && /^(error|failed|failure|rejected)$/i.test(status.trim()); });
+    for (var _a = 0, _b = ["tool_failed", "error", "errors", "exception", "failure"]; _a < _b.length; _a++) {
+        var key = _b[_a];
+        var candidate = record[key];
+        if (!nonEmpty(candidate))
+            continue;
+        var candidateRecord = parseJson(candidate);
+        if (typeof candidateRecord === "string") {
+            return { message: candidateRecord.trim() || "The operation failed." };
+        }
+        if (candidateRecord && typeof candidateRecord === "object") {
+            var details = candidateRecord;
+            var message = [details.message, details.detail, details.description, details.reason]
+                .find(function (part) { return typeof part === "string" && part.trim(); });
+            return {
+                message: typeof message === "string" ? message.trim() : "The operation failed.",
+                errorClass: typeof details.error_class === "string" ? details.error_class : typeof details.errorClass === "string" ? details.errorClass : undefined,
+                guidance: typeof details.guidance === "string" ? details.guidance : undefined,
+            };
+        }
+        return { message: String(candidate) };
+    }
+    if (failedFlag || failedStatus) {
+        var message = [record.message, record.detail, record.description]
+            .find(function (part) { return typeof part === "string" && part.trim(); });
+        return { message: typeof message === "string" ? message.trim() : "The operation failed." };
+    }
+    for (var _c = 0, _d = Object.values(record); _c < _d.length; _c++) {
+        var nested = _d[_c];
+        var failure = errorDetails(nested, visited);
+        if (failure)
+            return failure;
+    }
+    return undefined;
+}
+export function getAgentEventFailure(rowData) {
+    var _a, _b, _c, _d, _e, _f;
+    var eventType = String((_a = rowData.eventType) !== null && _a !== void 0 ? _a : "");
+    if (/error|failed|failure/i.test(eventType)) {
+        return (_c = (_b = errorDetails(rowData.toolOutput)) !== null && _b !== void 0 ? _b : errorDetails(rowData.eventData)) !== null && _c !== void 0 ? _c : {
+            message: "The ".concat(eventType || "event", " reported a failure."),
+        };
+    }
+    var returnCode = rowData.toolReturncode;
+    if (returnCode !== null && returnCode !== undefined && Number(returnCode) !== 0) {
+        return (_e = (_d = errorDetails(rowData.toolOutput)) !== null && _d !== void 0 ? _d : errorDetails(rowData.eventData)) !== null && _e !== void 0 ? _e : {
+            message: "The tool exited with return code ".concat(String(returnCode), "."),
+        };
+    }
+    return (_f = errorDetails(rowData.toolOutput)) !== null && _f !== void 0 ? _f : errorDetails(rowData.eventData);
+}
+/** Shows a compact event outcome, with structured failure details when available. */
+export function AgentEventOutcomeListWidget(_a) {
+    var _b;
+    var rowData = _a.rowData, fieldMetadata = _a.fieldMetadata;
+    var eventType = String((_b = rowData === null || rowData === void 0 ? void 0 : rowData[fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name]) !== null && _b !== void 0 ? _b : "");
+    var failure = getAgentEventFailure(rowData !== null && rowData !== void 0 ? rowData : {});
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "flex-start", gap: "0.2rem" }, children: [_jsx("span", { children: eventType }), failure ? (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", "aria-label": "Error: ".concat(failure.message), style: { border: "1px solid #fecaca", borderRadius: "999px", padding: "0.08rem 0.38rem", background: "#fef2f2", color: "#b91c1c", cursor: "help", fontSize: "0.62rem", fontWeight: 700, lineHeight: 1.3 }, children: "ERROR" }) }), _jsx(SolidTooltipContent, { align: "start", className: "max-w-sm whitespace-normal", children: _jsxs("div", { style: { display: "grid", gap: "0.35rem", maxWidth: "22rem", whiteSpace: "normal", overflowWrap: "anywhere" }, children: [_jsx("strong", { children: failure.errorClass || "Event failed" }), _jsx("span", { children: failure.message }), failure.guidance && _jsx("span", { style: { opacity: 0.8 }, children: failure.guidance })] }) })] })) : (_jsx("span", { style: { border: "1px solid #bbf7d0", borderRadius: "999px", padding: "0.08rem 0.38rem", background: "#f0fdf4", color: "#15803d", fontSize: "0.62rem", fontWeight: 700, lineHeight: 1.3 }, children: "SUCCESS" }))] }));
+}
+//# sourceMappingURL=AgentEventOutcomeListWidget.js.map

package/dist/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEventOutcomeListWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../../../../shad-cn-ui\";\nimport type { SolidListFieldWidgetProps } from \"../../../../../../types/solid-core\";\n\ntype FailureDetails = {\n  message: string;\n  errorClass?: string;\n  guidance?: string;\n};\n\nfunction parseJson(value: unknown): unknown {\n  if (typeof value !== \"string\") return value;\n  const text = value.trim();\n  if (!text.startsWith(\"{\") && !text.startsWith(\"[\")) return value;\n  try {\n    return JSON.parse(text);\n  } catch {\n    return value;\n  }\n}\n\nfunction nonEmpty(value: unknown): boolean {\n  if (Array.isArray(value)) return value.length > 0;\n  if (value && typeof value === \"object\") return Object.keys(value).length > 0;\n  return value !== null && value !== undefined && value !== false && value !== \"\";\n}\n\nfunction errorDetails(value: unknown, visited = new Set<object>()): FailureDetails | undefined {\n  const parsed = parseJson(value);\n  if (!parsed || typeof parsed !== \"object\") return undefined;\n  if (visited.has(parsed)) return undefined;\n  visited.add(parsed);\n\n  if (Array.isArray(parsed)) {\n    for (const item of parsed) {\n      const failure = errorDetails(item, visited);\n      if (failure) return failure;\n    }\n    return undefined;\n  }\n\n  const record = parsed as Record<string, unknown>;\n  const failedFlag = record.isError === true || record.ok === false || record.success === false;\n  const failedStatus = [record.status, record.state, record.outcome]\n    .some((status) => typeof status === \"string\" && /^(error|failed|failure|rejected)$/i.test(status.trim()));\n\n  for (const key of [\"tool_failed\", \"error\", \"errors\", \"exception\", \"failure\"]) {\n    const candidate = record[key];\n    if (!nonEmpty(candidate)) continue;\n    const candidateRecord = parseJson(candidate);\n    if (typeof candidateRecord === \"string\") {\n      return { message: candidateRecord.trim() || \"The operation failed.\" };\n    }\n    if (candidateRecord && typeof candidateRecord === \"object\") {\n      const details = candidateRecord as Record<string, unknown>;\n      const message = [details.message, details.detail, details.description, details.reason]\n        .find((part) => typeof part === \"string\" && part.trim());\n      return {\n        message: typeof message === \"string\" ? message.trim() : \"The operation failed.\",\n        errorClass: typeof details.error_class === \"string\" ? details.error_class : typeof details.errorClass === \"string\" ? details.errorClass : undefined,\n        guidance: typeof details.guidance === \"string\" ? details.guidance : undefined,\n      };\n    }\n    return { message: String(candidate) };\n  }\n\n  if (failedFlag || failedStatus) {\n    const message = [record.message, record.detail, record.description]\n      .find((part) => typeof part === \"string\" && part.trim());\n    return { message: typeof message === \"string\" ? message.trim() : \"The operation failed.\" };\n  }\n\n  for (const nested of Object.values(record)) {\n    const failure = errorDetails(nested, visited);\n    if (failure) return failure;\n  }\n  return undefined;\n}\n\nexport function getAgentEventFailure(rowData: Record<string, unknown>): FailureDetails | undefined {\n  const eventType = String(rowData.eventType ?? \"\");\n  if (/error|failed|failure/i.test(eventType)) {\n    return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData) ?? {\n      message: `The ${eventType || \"event\"} reported a failure.`,\n    };\n  }\n  const returnCode = rowData.toolReturncode;\n  if (returnCode !== null && returnCode !== undefined && Number(returnCode) !== 0) {\n    return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData) ?? {\n      message: `The tool exited with return code ${String(returnCode)}.`,\n    };\n  }\n  return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData);\n}\n\n/** Shows a compact event outcome, with structured failure details when available. */\nexport function AgentEventOutcomeListWidget({ rowData, fieldMetadata }: SolidListFieldWidgetProps) {\n  const eventType = String(rowData?.[fieldMetadata?.name] ?? \"\");\n  const failure = getAgentEventFailure(rowData ?? {});\n\n  return (\n    <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"flex-start\", gap: \"0.2rem\" }}>\n      <span>{eventType}</span>\n      {failure ? (\n        <SolidTooltip>\n          <SolidTooltipTrigger asChild>\n            <button\n              type=\"button\"\n              aria-label={`Error: ${failure.message}`}\n              style={{ border: \"1px solid #fecaca\", borderRadius: \"999px\", padding: \"0.08rem 0.38rem\", background: \"#fef2f2\", color: \"#b91c1c\", cursor: \"help\", fontSize: \"0.62rem\", fontWeight: 700, lineHeight: 1.3 }}\n            >\n              ERROR\n            </button>\n          </SolidTooltipTrigger>\n          <SolidTooltipContent align=\"start\" className=\"max-w-sm whitespace-normal\">\n            <div style={{ display: \"grid\", gap: \"0.35rem\", maxWidth: \"22rem\", whiteSpace: \"normal\", overflowWrap: \"anywhere\" }}>\n              <strong>{failure.errorClass || \"Event failed\"}</strong>\n              <span>{failure.message}</span>\n              {failure.guidance && <span style={{ opacity: 0.8 }}>{failure.guidance}</span>}\n            </div>\n          </SolidTooltipContent>\n        </SolidTooltip>\n      ) : (\n        <span style={{ border: \"1px solid #bbf7d0\", borderRadius: \"999px\", padding: \"0.08rem 0.38rem\", background: \"#f0fdf4\", color: \"#15803d\", fontSize: \"0.62rem\", fontWeight: 700, lineHeight: 1.3 }}>\n          SUCCESS\n        </span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/core/extension/solid-core/agentEvent/list/AgentEventOutcomeListWidget.tsx

@@ -0,0 +1,129 @@
+import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../../../../shad-cn-ui";
+import type { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+
+type FailureDetails = {
+  message: string;
+  errorClass?: string;
+  guidance?: string;
+};
+
+function parseJson(value: unknown): unknown {
+  if (typeof value !== "string") return value;
+  const text = value.trim();
+  if (!text.startsWith("{") && !text.startsWith("[")) return value;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return value;
+  }
+}
+
+function nonEmpty(value: unknown): boolean {
+  if (Array.isArray(value)) return value.length > 0;
+  if (value && typeof value === "object") return Object.keys(value).length > 0;
+  return value !== null && value !== undefined && value !== false && value !== "";
+}
+
+function errorDetails(value: unknown, visited = new Set<object>()): FailureDetails | undefined {
+  const parsed = parseJson(value);
+  if (!parsed || typeof parsed !== "object") return undefined;
+  if (visited.has(parsed)) return undefined;
+  visited.add(parsed);
+
+  if (Array.isArray(parsed)) {
+    for (const item of parsed) {
+      const failure = errorDetails(item, visited);
+      if (failure) return failure;
+    }
+    return undefined;
+  }
+
+  const record = parsed as Record<string, unknown>;
+  const failedFlag = record.isError === true || record.ok === false || record.success === false;
+  const failedStatus = [record.status, record.state, record.outcome]
+    .some((status) => typeof status === "string" && /^(error|failed|failure|rejected)$/i.test(status.trim()));
+
+  for (const key of ["tool_failed", "error", "errors", "exception", "failure"]) {
+    const candidate = record[key];
+    if (!nonEmpty(candidate)) continue;
+    const candidateRecord = parseJson(candidate);
+    if (typeof candidateRecord === "string") {
+      return { message: candidateRecord.trim() || "The operation failed." };
+    }
+    if (candidateRecord && typeof candidateRecord === "object") {
+      const details = candidateRecord as Record<string, unknown>;
+      const message = [details.message, details.detail, details.description, details.reason]
+        .find((part) => typeof part === "string" && part.trim());
+      return {
+        message: typeof message === "string" ? message.trim() : "The operation failed.",
+        errorClass: typeof details.error_class === "string" ? details.error_class : typeof details.errorClass === "string" ? details.errorClass : undefined,
+        guidance: typeof details.guidance === "string" ? details.guidance : undefined,
+      };
+    }
+    return { message: String(candidate) };
+  }
+
+  if (failedFlag || failedStatus) {
+    const message = [record.message, record.detail, record.description]
+      .find((part) => typeof part === "string" && part.trim());
+    return { message: typeof message === "string" ? message.trim() : "The operation failed." };
+  }
+
+  for (const nested of Object.values(record)) {
+    const failure = errorDetails(nested, visited);
+    if (failure) return failure;
+  }
+  return undefined;
+}
+
+export function getAgentEventFailure(rowData: Record<string, unknown>): FailureDetails | undefined {
+  const eventType = String(rowData.eventType ?? "");
+  if (/error|failed|failure/i.test(eventType)) {
+    return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData) ?? {
+      message: `The ${eventType || "event"} reported a failure.`,
+    };
+  }
+  const returnCode = rowData.toolReturncode;
+  if (returnCode !== null && returnCode !== undefined && Number(returnCode) !== 0) {
+    return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData) ?? {
+      message: `The tool exited with return code ${String(returnCode)}.`,
+    };
+  }
+  return errorDetails(rowData.toolOutput) ?? errorDetails(rowData.eventData);
+}
+
+/** Shows a compact event outcome, with structured failure details when available. */
+export function AgentEventOutcomeListWidget({ rowData, fieldMetadata }: SolidListFieldWidgetProps) {
+  const eventType = String(rowData?.[fieldMetadata?.name] ?? "");
+  const failure = getAgentEventFailure(rowData ?? {});
+
+  return (
+    <div style={{ display: "flex", flexDirection: "column", alignItems: "flex-start", gap: "0.2rem" }}>
+      <span>{eventType}</span>
+      {failure ? (
+        <SolidTooltip>
+          <SolidTooltipTrigger asChild>
+            <button
+              type="button"
+              aria-label={`Error: ${failure.message}`}
+              style={{ border: "1px solid #fecaca", borderRadius: "999px", padding: "0.08rem 0.38rem", background: "#fef2f2", color: "#b91c1c", cursor: "help", fontSize: "0.62rem", fontWeight: 700, lineHeight: 1.3 }}
+            >
+              ERROR
+            </button>
+          </SolidTooltipTrigger>
+          <SolidTooltipContent align="start" className="max-w-sm whitespace-normal">
+            <div style={{ display: "grid", gap: "0.35rem", maxWidth: "22rem", whiteSpace: "normal", overflowWrap: "anywhere" }}>
+              <strong>{failure.errorClass || "Event failed"}</strong>
+              <span>{failure.message}</span>
+              {failure.guidance && <span style={{ opacity: 0.8 }}>{failure.guidance}</span>}
+            </div>
+          </SolidTooltipContent>
+        </SolidTooltip>
+      ) : (
+        <span style={{ border: "1px solid #bbf7d0", borderRadius: "999px", padding: "0.08rem 0.38rem", background: "#f0fdf4", color: "#15803d", fontSize: "0.62rem", fontWeight: 700, lineHeight: 1.3 }}>
+          SUCCESS
+        </span>
+      )}
+    </div>
+  );
+}

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

@@ -0,0 +1,4 @@
+import type { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+/** Card renderer for Agent Registry records. */
+export declare function AgentRegistryCardWidget({ rowData }: SolidKanbanCardWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentRegistryCardWidget.d.ts.map

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

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

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidMaterialSymbol } from "../../../../../common/SolidMaterialSymbol";
+import styles from "./AgentRegistryCardWidget.module.css";
+function modelLabel(value) {
+    if (typeof value !== "string" || !value.trim())
+        return "";
+    var _a = value.trim().split(":"), provider = _a[0], model = _a.slice(1);
+    return model.length ? "".concat(provider, " \u00B7 ").concat(model.join(":")) : value.trim();
+}
+/** Card renderer for Agent Registry records. */
+export function AgentRegistryCardWidget(_a) {
+    var rowData = _a.rowData;
+    var iconName = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.iconName) === "string" && rowData.iconName.trim()
+        ? rowData.iconName.trim()
+        : "psychology";
+    var name = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.name) === "string" && rowData.name.trim() ? rowData.name.trim() : "Untitled";
+    var title = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.title) === "string" && rowData.title.trim() ? rowData.title.trim() : name;
+    var description = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.description) === "string" ? rowData.description.trim() : "";
+    var status = typeof (rowData === null || rowData === void 0 ? void 0 : rowData.status) === "string" && rowData.status.trim() ? rowData.status.trim() : "";
+    var configVersion = Number(rowData === null || rowData === void 0 ? void 0 : rowData.configVersion);
+    var normalizedDescription = description.toLocaleLowerCase();
+    var summary = normalizedDescription === title.toLocaleLowerCase() || normalizedDescription === name.toLocaleLowerCase() ? "" : description;
+    var models = [
+        { label: "Reasoning", value: modelLabel(rowData === null || rowData === void 0 ? void 0 : rowData.reasoningModelKey) },
+        { label: "Fast", value: modelLabel(rowData === null || rowData === void 0 ? void 0 : rowData.fastModelKey) },
+    ].filter(function (model) { return model.value; });
+    return (_jsxs("article", { className: styles.card, children: [_jsx("div", { className: styles.header, children: _jsx("div", { className: styles.iconBadge, "aria-label": "".concat(title, " icon"), children: _jsx(SolidMaterialSymbol, { name: iconName, size: 22, "aria-hidden": "true" }) }) }), _jsxs("div", { className: styles.heading, children: [_jsx("h3", { className: styles.title, title: title, children: title }), name !== title && _jsx("span", { className: styles.name, title: name, children: name })] }), summary && _jsx("p", { className: styles.description, title: summary, children: summary }), models.length > 0 && _jsx("div", { className: styles.models, "aria-label": "Configured models", children: models.map(function (model) { return _jsxs("div", { className: styles.modelRow, title: "".concat(model.label, ": ").concat(model.value), children: [_jsx("span", { children: model.label }), _jsx("strong", { children: model.value })] }, model.label); }) }), _jsx("div", { className: styles.footer, children: _jsxs("div", { className: styles.meta, children: [status && _jsx("span", { className: "".concat(styles.status, " ").concat(styles["status_".concat(status.toLowerCase().replace(/[^a-z0-9]+/g, "_"))] || ""), children: status.replace(/[_-]+/g, " ") }), Number.isFinite(configVersion) && configVersion > 0 && _jsxs("span", { className: styles.badge, "aria-label": "Configuration version ".concat(configVersion), children: ["Config v", configVersion] })] }) })] }));
+}
+//# sourceMappingURL=AgentRegistryCardWidget.js.map

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

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

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>
+  );
+}