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

package/dist/components/core/solid-agent/widgets/SolidQuestionChatWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidQuestionChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidQuestionChatWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype QuestionOption = string | { label: string; value?: unknown };\ntype QuestionData = { question?: string; hint?: string; options?: QuestionOption[]; multiple?: boolean };\n\n/**\n * `event_data: { widget: \"question\", question, hint?, options: [...], multiple? }`.\n * A single-choice answer is sent on click; multiple choice waits for Submit.\n */\nexport const SolidQuestionChatWidget = ({ eventData, final, reply }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<QuestionData>(eventData);\n    const options = asArray<QuestionOption>(data.options).map((option) =>\n        typeof option === \"string\" ? { label: option, value: option as unknown } : { label: option.label, value: option.value ?? option.label },\n    );\n    const [picked, setPicked] = useState<number[]>([]);\n    const [answered, setAnswered] = useState(false);\n    const locked = final || answered;\n\n    const choose = (index: number) => {\n        if (locked) return;\n        if (!data.multiple) {\n            setPicked([index]);\n            setAnswered(true);\n            reply(options[index].value);\n            return;\n        }\n        setPicked((prev) => (prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]));\n    };\n\n    return (\n        <div className={styles.card}>\n            <div className={styles.cardBody}>\n                {data.question && <strong>{data.question}</strong>}\n                {data.hint && <span style={{ color: \"var(--agent-muted)\", fontSize: 12.5 }}>{data.hint}</span>}\n                {options.map((option, index) => (\n                    <button\n                        key={index}\n                        type=\"button\"\n                        className={`${styles.btn} ${picked.includes(index) ? styles.optionOn : \"\"}`}\n                        style={{ textAlign: \"left\" }}\n                        disabled={locked && !picked.includes(index)}\n                        aria-pressed={picked.includes(index)}\n                        onClick={() => choose(index)}\n                    >\n                        {option.label}\n                    </button>\n                ))}\n            </div>\n            {data.multiple && !locked && (\n                <div className={styles.cardFoot}>\n                    <button\n                        type=\"button\"\n                        className={`${styles.btn} ${styles.btnPrimary}`}\n                        disabled={!picked.length}\n                        onClick={() => {\n                            setAnswered(true);\n                            reply(picked.map((i) => options[i].value));\n                        }}\n                    >\n                        Submit\n                    </button>\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/dist/components/core/solid-agent/widgets/SolidQuestionChatWidget.tsx

@@ -0,0 +1,69 @@
+import { useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+
+type QuestionOption = string | { label: string; value?: unknown };
+type QuestionData = { question?: string; hint?: string; options?: QuestionOption[]; multiple?: boolean };
+
+/**
+ * `event_data: { widget: "question", question, hint?, options: [...], multiple? }`.
+ * A single-choice answer is sent on click; multiple choice waits for Submit.
+ */
+export const SolidQuestionChatWidget = ({ eventData, final, reply }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<QuestionData>(eventData);
+    const options = asArray<QuestionOption>(data.options).map((option) =>
+        typeof option === "string" ? { label: option, value: option as unknown } : { label: option.label, value: option.value ?? option.label },
+    );
+    const [picked, setPicked] = useState<number[]>([]);
+    const [answered, setAnswered] = useState(false);
+    const locked = final || answered;
+
+    const choose = (index: number) => {
+        if (locked) return;
+        if (!data.multiple) {
+            setPicked([index]);
+            setAnswered(true);
+            reply(options[index].value);
+            return;
+        }
+        setPicked((prev) => (prev.includes(index) ? prev.filter((i) => i !== index) : [...prev, index]));
+    };
+
+    return (
+        <div className={styles.card}>
+            <div className={styles.cardBody}>
+                {data.question && <strong>{data.question}</strong>}
+                {data.hint && <span style={{ color: "var(--agent-muted)", fontSize: 12.5 }}>{data.hint}</span>}
+                {options.map((option, index) => (
+                    <button
+                        key={index}
+                        type="button"
+                        className={`${styles.btn} ${picked.includes(index) ? styles.optionOn : ""}`}
+                        style={{ textAlign: "left" }}
+                        disabled={locked && !picked.includes(index)}
+                        aria-pressed={picked.includes(index)}
+                        onClick={() => choose(index)}
+                    >
+                        {option.label}
+                    </button>
+                ))}
+            </div>
+            {data.multiple && !locked && (
+                <div className={styles.cardFoot}>
+                    <button
+                        type="button"
+                        className={`${styles.btn} ${styles.btnPrimary}`}
+                        disabled={!picked.length}
+                        onClick={() => {
+                            setAnswered(true);
+                            reply(picked.map((i) => options[i].value));
+                        }}
+                    >
+                        Submit
+                    </button>
+                </div>
+            )}
+        </div>
+    );
+};

package/dist/components/core/solid-agent/widgets/SolidStatusChatWidget.d.ts

@@ -0,0 +1,7 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/**
+ * `event_data: { widget: "status", tone, title?, message?, action?: { label, prompt } }`.
+ * The optional action posts `prompt` as a new user message.
+ */
+export declare const SolidStatusChatWidget: ({ eventData, sendPrompt }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidStatusChatWidget.d.ts.map

package/dist/components/core/solid-agent/widgets/SolidStatusChatWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidStatusChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidStatusChatWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAepE;;;GAGG;AACH,eAAO,MAAM,qBAAqB,8BAA+B,oBAAoB,4CAkBpF,CAAC"}

package/dist/components/core/solid-agent/widgets/SolidStatusChatWidget.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, CircleX, Info } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { getChatWidgetData } from "./chatWidgetUtils";
+var TONE_CLASS = {
+    success: styles.statusSuccess,
+    warning: styles.statusWarning,
+    error: styles.statusError,
+    info: styles.statusInfo,
+};
+var TONE_ICON = { success: CheckCircle2, warning: AlertTriangle, error: CircleX, info: Info };
+/**
+ * `event_data: { widget: "status", tone, title?, message?, action?: { label, prompt } }`.
+ * The optional action posts `prompt` as a new user message.
+ */
+export var SolidStatusChatWidget = function (_a) {
+    var eventData = _a.eventData, sendPrompt = _a.sendPrompt;
+    var data = getChatWidgetData(eventData);
+    var tone = data.tone && data.tone in TONE_CLASS ? data.tone : "info";
+    var Icon = TONE_ICON[tone];
+    return (_jsxs("div", { className: "".concat(styles.status, " ").concat(TONE_CLASS[tone]), role: tone === "error" ? "alert" : "status", children: [_jsx(Icon, { size: 16, style: { flex: "0 0 auto", marginTop: 2 } }), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: [data.title && _jsx("strong", { children: data.title }), data.message && _jsx("span", { children: data.message }), data.action && (_jsx("button", { type: "button", className: styles.btn, style: { alignSelf: "flex-start" }, onClick: function () { return sendPrompt(data.action.prompt); }, children: data.action.label }))] })] }));
+};
+//# sourceMappingURL=SolidStatusChatWidget.js.map

package/dist/components/core/solid-agent/widgets/SolidStatusChatWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidStatusChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidStatusChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAKtD,IAAM,UAAU,GAAyB;IACrC,OAAO,EAAE,MAAM,CAAC,aAAa;IAC7B,OAAO,EAAE,MAAM,CAAC,aAAa;IAC7B,KAAK,EAAE,MAAM,CAAC,WAAW;IACzB,IAAI,EAAE,MAAM,CAAC,UAAU;CAC1B,CAAC;AAEF,IAAM,SAAS,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAEhG;;;GAGG;AACH,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAA+C;QAA7C,SAAS,eAAA,EAAE,UAAU,gBAAA;IACzD,IAAM,IAAI,GAAG,iBAAiB,CAAa,SAAS,CAAC,CAAC;IACtD,IAAM,IAAI,GAAS,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7E,IAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,MAAM,cAAI,UAAU,CAAC,IAAI,CAAC,CAAE,EAAE,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,aAC/F,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAAE,GAAI,EAC7D,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC3D,IAAI,CAAC,KAAK,IAAI,2BAAS,IAAI,CAAC,KAAK,GAAU,EAC3C,IAAI,CAAC,OAAO,IAAI,yBAAO,IAAI,CAAC,OAAO,GAAQ,EAC3C,IAAI,CAAC,MAAM,IAAI,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,MAAO,CAAC,MAAM,CAAC,EAA/B,CAA+B,YAC1H,IAAI,CAAC,MAAM,CAAC,KAAK,GACb,CACZ,IACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { AlertTriangle, CheckCircle2, CircleX, Info } from \"lucide-react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype Tone = \"success\" | \"warning\" | \"error\" | \"info\";\ntype StatusData = { tone?: Tone; title?: string; message?: string; action?: { label: string; prompt: string } };\n\nconst TONE_CLASS: Record<Tone, string> = {\n    success: styles.statusSuccess,\n    warning: styles.statusWarning,\n    error: styles.statusError,\n    info: styles.statusInfo,\n};\n\nconst TONE_ICON = { success: CheckCircle2, warning: AlertTriangle, error: CircleX, info: Info };\n\n/**\n * `event_data: { widget: \"status\", tone, title?, message?, action?: { label, prompt } }`.\n * The optional action posts `prompt` as a new user message.\n */\nexport const SolidStatusChatWidget = ({ eventData, sendPrompt }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<StatusData>(eventData);\n    const tone: Tone = data.tone && data.tone in TONE_CLASS ? data.tone : \"info\";\n    const Icon = TONE_ICON[tone];\n    return (\n        <div className={`${styles.status} ${TONE_CLASS[tone]}`} role={tone === \"error\" ? \"alert\" : \"status\"}>\n            <Icon size={16} style={{ flex: \"0 0 auto\", marginTop: 2 }} />\n            <div style={{ display: \"flex\", flexDirection: \"column\", gap: 6 }}>\n                {data.title && <strong>{data.title}</strong>}\n                {data.message && <span>{data.message}</span>}\n                {data.action && (\n                    <button type=\"button\" className={styles.btn} style={{ alignSelf: \"flex-start\" }} onClick={() => sendPrompt(data.action!.prompt)}>\n                        {data.action.label}\n                    </button>\n                )}\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/components/core/solid-agent/widgets/SolidStatusChatWidget.tsx

@@ -0,0 +1,40 @@
+import { AlertTriangle, CheckCircle2, CircleX, Info } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { getChatWidgetData } from "./chatWidgetUtils";
+
+type Tone = "success" | "warning" | "error" | "info";
+type StatusData = { tone?: Tone; title?: string; message?: string; action?: { label: string; prompt: string } };
+
+const TONE_CLASS: Record<Tone, string> = {
+    success: styles.statusSuccess,
+    warning: styles.statusWarning,
+    error: styles.statusError,
+    info: styles.statusInfo,
+};
+
+const TONE_ICON = { success: CheckCircle2, warning: AlertTriangle, error: CircleX, info: Info };
+
+/**
+ * `event_data: { widget: "status", tone, title?, message?, action?: { label, prompt } }`.
+ * The optional action posts `prompt` as a new user message.
+ */
+export const SolidStatusChatWidget = ({ eventData, sendPrompt }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<StatusData>(eventData);
+    const tone: Tone = data.tone && data.tone in TONE_CLASS ? data.tone : "info";
+    const Icon = TONE_ICON[tone];
+    return (
+        <div className={`${styles.status} ${TONE_CLASS[tone]}`} role={tone === "error" ? "alert" : "status"}>
+            <Icon size={16} style={{ flex: "0 0 auto", marginTop: 2 }} />
+            <div style={{ display: "flex", flexDirection: "column", gap: 6 }}>
+                {data.title && <strong>{data.title}</strong>}
+                {data.message && <span>{data.message}</span>}
+                {data.action && (
+                    <button type="button" className={styles.btn} style={{ alignSelf: "flex-start" }} onClick={() => sendPrompt(data.action!.prompt)}>
+                        {data.action.label}
+                    </button>
+                )}
+            </div>
+        </div>
+    );
+};

package/dist/components/core/solid-agent/widgets/SolidTableChatWidget.d.ts

@@ -0,0 +1,4 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/** `event_data: { widget: "table", title?, columns?, rows }` — small sortable table. */
+export declare const SolidTableChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidTableChatWidget.d.ts.map

package/dist/components/core/solid-agent/widgets/SolidTableChatWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTableChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidTableChatWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAMpE,wFAAwF;AACxF,eAAO,MAAM,oBAAoB,kBAAmB,oBAAoB,4CA6CvE,CAAC"}

package/dist/components/core/solid-agent/widgets/SolidTableChatWidget.js

@@ -0,0 +1,32 @@
+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 { useMemo, useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+/** `event_data: { widget: "table", title?, columns?, rows }` — small sortable table. */
+export var SolidTableChatWidget = function (_a) {
+    var _b, _c;
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var rows = asArray(data.rows);
+    var columns = (((_b = data.columns) === null || _b === void 0 ? void 0 : _b.length) ? data.columns : Object.keys((_c = rows[0]) !== null && _c !== void 0 ? _c : {})).map(function (column) { var _a; return typeof column === "string" ? { key: column, label: column } : { key: column.key, label: (_a = column.label) !== null && _a !== void 0 ? _a : column.key }; });
+    var _d = useState(null), sort = _d[0], setSort = _d[1];
+    var sorted = useMemo(function () {
+        if (!sort)
+            return rows;
+        return __spreadArray([], rows, true).sort(function (a, b) { var _a, _b; return String((_a = a[sort.key]) !== null && _a !== void 0 ? _a : "").localeCompare(String((_b = b[sort.key]) !== null && _b !== void 0 ? _b : ""), undefined, { numeric: true }) * sort.dir; });
+    }, [rows, sort]);
+    return (_jsxs("div", { className: styles.card, children: [data.title && _jsx("div", { className: styles.cardHead, children: data.title }), _jsx("div", { className: styles.tableWrap, children: _jsxs("table", { className: styles.dataTable, children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(function (column) { return (_jsx("th", { "aria-sort": (sort === null || sort === void 0 ? void 0 : sort.key) === column.key ? (sort.dir === 1 ? "ascending" : "descending") : "none", onClick: function () { return setSort(function (prev) { return ({ key: column.key, dir: (prev === null || prev === void 0 ? void 0 : prev.key) === column.key && prev.dir === 1 ? -1 : 1 }); }); }, children: column.label }, column.key)); }) }) }), _jsx("tbody", { children: sorted.map(function (row, rowIndex) { return (_jsx("tr", { children: columns.map(function (column) {
+                                    var _a;
+                                    return (_jsx("td", { children: typeof row[column.key] === "object" ? JSON.stringify(row[column.key]) : String((_a = row[column.key]) !== null && _a !== void 0 ? _a : "") }, column.key));
+                                }) }, rowIndex)); }) })] }) })] }));
+};
+//# sourceMappingURL=SolidTableChatWidget.js.map

package/dist/components/core/solid-agent/widgets/SolidTableChatWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidTableChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidTableChatWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype Column = string | { key: string; label?: string };\ntype TableData = { title?: string; columns?: Column[]; rows?: Record<string, unknown>[] };\n\n/** `event_data: { widget: \"table\", title?, columns?, rows }` — small sortable table. */\nexport const SolidTableChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<TableData>(eventData);\n    const rows = asArray<Record<string, unknown>>(data.rows);\n    const columns = (data.columns?.length ? data.columns : Object.keys(rows[0] ?? {})).map((column) =>\n        typeof column === \"string\" ? { key: column, label: column } : { key: column.key, label: column.label ?? column.key },\n    );\n    const [sort, setSort] = useState<{ key: string; dir: 1 | -1 } | null>(null);\n    const sorted = useMemo(() => {\n        if (!sort) return rows;\n        return [...rows].sort((a, b) => String(a[sort.key] ?? \"\").localeCompare(String(b[sort.key] ?? \"\"), undefined, { numeric: true }) * sort.dir);\n    }, [rows, sort]);\n\n    return (\n        <div className={styles.card}>\n            {data.title && <div className={styles.cardHead}>{data.title}</div>}\n            <div className={styles.tableWrap}>\n                <table className={styles.dataTable}>\n                    <thead>\n                        <tr>\n                            {columns.map((column) => (\n                                <th\n                                    key={column.key}\n                                    aria-sort={sort?.key === column.key ? (sort.dir === 1 ? \"ascending\" : \"descending\") : \"none\"}\n                                    onClick={() => setSort((prev) => ({ key: column.key, dir: prev?.key === column.key && prev.dir === 1 ? -1 : 1 }))}\n                                >\n                                    {column.label}\n                                </th>\n                            ))}\n                        </tr>\n                    </thead>\n                    <tbody>\n                        {sorted.map((row, rowIndex) => (\n                            <tr key={rowIndex}>\n                                {columns.map((column) => (\n                                    <td key={column.key}>\n                                        {typeof row[column.key] === \"object\" ? JSON.stringify(row[column.key]) : String(row[column.key] ?? \"\")}\n                                    </td>\n                                ))}\n                            </tr>\n                        ))}\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/components/core/solid-agent/widgets/SolidTableChatWidget.tsx

@@ -0,0 +1,55 @@
+import { useMemo, useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+
+type Column = string | { key: string; label?: string };
+type TableData = { title?: string; columns?: Column[]; rows?: Record<string, unknown>[] };
+
+/** `event_data: { widget: "table", title?, columns?, rows }` — small sortable table. */
+export const SolidTableChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<TableData>(eventData);
+    const rows = asArray<Record<string, unknown>>(data.rows);
+    const columns = (data.columns?.length ? data.columns : Object.keys(rows[0] ?? {})).map((column) =>
+        typeof column === "string" ? { key: column, label: column } : { key: column.key, label: column.label ?? column.key },
+    );
+    const [sort, setSort] = useState<{ key: string; dir: 1 | -1 } | null>(null);
+    const sorted = useMemo(() => {
+        if (!sort) return rows;
+        return [...rows].sort((a, b) => String(a[sort.key] ?? "").localeCompare(String(b[sort.key] ?? ""), undefined, { numeric: true }) * sort.dir);
+    }, [rows, sort]);
+
+    return (
+        <div className={styles.card}>
+            {data.title && <div className={styles.cardHead}>{data.title}</div>}
+            <div className={styles.tableWrap}>
+                <table className={styles.dataTable}>
+                    <thead>
+                        <tr>
+                            {columns.map((column) => (
+                                <th
+                                    key={column.key}
+                                    aria-sort={sort?.key === column.key ? (sort.dir === 1 ? "ascending" : "descending") : "none"}
+                                    onClick={() => setSort((prev) => ({ key: column.key, dir: prev?.key === column.key && prev.dir === 1 ? -1 : 1 }))}
+                                >
+                                    {column.label}
+                                </th>
+                            ))}
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {sorted.map((row, rowIndex) => (
+                            <tr key={rowIndex}>
+                                {columns.map((column) => (
+                                    <td key={column.key}>
+                                        {typeof row[column.key] === "object" ? JSON.stringify(row[column.key]) : String(row[column.key] ?? "")}
+                                    </td>
+                                ))}
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    );
+};

package/dist/components/core/solid-agent/widgets/SolidToolActivityChatWidget.d.ts

@@ -0,0 +1,7 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/**
+ * `event_data: { widget: "tool-activity", title?, tools: [{ name, summary?, status?, duration_ms? }] }`.
+ * A summary of several tool calls in one card (individual calls use DefaultToolCallChatWidget).
+ */
+export declare const SolidToolActivityChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidToolActivityChatWidget.d.ts.map

package/dist/components/core/solid-agent/widgets/SolidToolActivityChatWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidToolActivityChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidToolActivityChatWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAOpE;;;GAGG;AACH,eAAO,MAAM,2BAA2B,kBAAmB,oBAAoB,4CAkB9E,CAAC"}

package/dist/components/core/solid-agent/widgets/SolidToolActivityChatWidget.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "../SolidAgent.module.css";
+import { formatDuration } from "../agentFormat";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+import { SolidProgressStepIcon } from "./SolidProgressChatWidget";
+/**
+ * `event_data: { widget: "tool-activity", title?, tools: [{ name, summary?, status?, duration_ms? }] }`.
+ * A summary of several tool calls in one card (individual calls use DefaultToolCallChatWidget).
+ */
+export var SolidToolActivityChatWidget = function (_a) {
+    var _b;
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var tools = asArray(data.tools);
+    return (_jsxs("div", { className: styles.card, children: [_jsx("div", { className: styles.cardHead, children: (_b = data.title) !== null && _b !== void 0 ? _b : "Used ".concat(tools.length, " tool").concat(tools.length === 1 ? "" : "s") }), _jsx("div", { className: styles.cardBody, children: tools.map(function (tool, index) { return (_jsxs("div", { className: styles.stepRow, children: [_jsx(SolidProgressStepIcon, { status: tool.status === "running" ? "running" : tool.status === "error" ? "error" : "done" }), _jsx("span", { style: { fontWeight: 600 }, children: tool.name }), _jsx("span", { className: styles.toolSummary, children: tool.summary }), _jsx("span", { className: styles.toolMeta, children: formatDuration(tool.duration_ms) })] }, index)); }) })] }));
+};
+//# sourceMappingURL=SolidToolActivityChatWidget.js.map

package/dist/components/core/solid-agent/widgets/SolidToolActivityChatWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidToolActivityChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidToolActivityChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAIlE;;;GAGG;AACH,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAmC;;QAAjC,SAAS,eAAA;IACnD,IAAM,IAAI,GAAG,iBAAiB,CAAyC,SAAS,CAAC,CAAC;IAClF,IAAM,KAAK,GAAG,OAAO,CAAW,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACvB,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,eAAQ,KAAK,CAAC,MAAM,kBAAQ,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAE,GAAO,EAClH,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC1B,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACxB,eAAiB,SAAS,EAAE,MAAM,CAAC,OAAO,aACtC,KAAC,qBAAqB,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAI,EACrH,eAAM,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,IAAI,CAAC,IAAI,GAAQ,EACpD,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,IAAI,CAAC,OAAO,GAAQ,EAC1D,eAAM,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,GAAQ,KAJrE,KAAK,CAKT,CACT,EAP2B,CAO3B,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { formatDuration } from \"../agentFormat\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\nimport { SolidProgressStepIcon } from \"./SolidProgressChatWidget\";\n\ntype ToolLine = { name: string; summary?: string; status?: \"running\" | \"done\" | \"error\"; duration_ms?: number };\n\n/**\n * `event_data: { widget: \"tool-activity\", title?, tools: [{ name, summary?, status?, duration_ms? }] }`.\n * A summary of several tool calls in one card (individual calls use DefaultToolCallChatWidget).\n */\nexport const SolidToolActivityChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<{ title?: string; tools?: ToolLine[] }>(eventData);\n    const tools = asArray<ToolLine>(data.tools);\n    return (\n        <div className={styles.card}>\n            <div className={styles.cardHead}>{data.title ?? `Used ${tools.length} tool${tools.length === 1 ? \"\" : \"s\"}`}</div>\n            <div className={styles.cardBody}>\n                {tools.map((tool, index) => (\n                    <div key={index} className={styles.stepRow}>\n                        <SolidProgressStepIcon status={tool.status === \"running\" ? \"running\" : tool.status === \"error\" ? \"error\" : \"done\"} />\n                        <span style={{ fontWeight: 600 }}>{tool.name}</span>\n                        <span className={styles.toolSummary}>{tool.summary}</span>\n                        <span className={styles.toolMeta}>{formatDuration(tool.duration_ms)}</span>\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/components/core/solid-agent/widgets/SolidToolActivityChatWidget.tsx

@@ -0,0 +1,31 @@
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { formatDuration } from "../agentFormat";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+import { SolidProgressStepIcon } from "./SolidProgressChatWidget";
+
+type ToolLine = { name: string; summary?: string; status?: "running" | "done" | "error"; duration_ms?: number };
+
+/**
+ * `event_data: { widget: "tool-activity", title?, tools: [{ name, summary?, status?, duration_ms? }] }`.
+ * A summary of several tool calls in one card (individual calls use DefaultToolCallChatWidget).
+ */
+export const SolidToolActivityChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<{ title?: string; tools?: ToolLine[] }>(eventData);
+    const tools = asArray<ToolLine>(data.tools);
+    return (
+        <div className={styles.card}>
+            <div className={styles.cardHead}>{data.title ?? `Used ${tools.length} tool${tools.length === 1 ? "" : "s"}`}</div>
+            <div className={styles.cardBody}>
+                {tools.map((tool, index) => (
+                    <div key={index} className={styles.stepRow}>
+                        <SolidProgressStepIcon status={tool.status === "running" ? "running" : tool.status === "error" ? "error" : "done"} />
+                        <span style={{ fontWeight: 600 }}>{tool.name}</span>
+                        <span className={styles.toolSummary}>{tool.summary}</span>
+                        <span className={styles.toolMeta}>{formatDuration(tool.duration_ms)}</span>
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+};

package/dist/components/core/solid-agent/widgets/chatWidgetUtils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Helpers shared by the chat widgets in this folder.
+ */
+/**
+ * A named widget's data. Agents may put the widget's fields directly in `event_data`
+ * (`{ widget: "checklist", title, items }`) or nest them (`{ widget: "checklist", props: {...} }`).
+ */
+export declare function getChatWidgetData<T = Record<string, any>>(eventData: Record<string, any>): T;
+/** Message time as shown under chat bubbles, e.g. "02:45 PM". */
+export declare function formatChatTime(timestamp: number): string;
+export declare const asArray: <T>(value: unknown) => T[];
+//# sourceMappingURL=chatWidgetUtils.d.ts.map

package/dist/components/core/solid-agent/widgets/chatWidgetUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatWidgetUtils.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/chatWidgetUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAG5F;AAED,iEAAiE;AACjE,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,eAAO,MAAM,OAAO,aAAc,OAAO,QAAsD,CAAC"}

package/dist/components/core/solid-agent/widgets/chatWidgetUtils.js

@@ -0,0 +1,17 @@
+/**
+ * Helpers shared by the chat widgets in this folder.
+ */
+/**
+ * A named widget's data. Agents may put the widget's fields directly in `event_data`
+ * (`{ widget: "checklist", title, items }`) or nest them (`{ widget: "checklist", props: {...} }`).
+ */
+export function getChatWidgetData(eventData) {
+    var nested = eventData === null || eventData === void 0 ? void 0 : eventData.props;
+    return (nested && typeof nested === "object" ? nested : eventData !== null && eventData !== void 0 ? eventData : {});
+}
+/** Message time as shown under chat bubbles, e.g. "02:45 PM". */
+export function formatChatTime(timestamp) {
+    return new Date(timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+}
+export var asArray = function (value) { return (Array.isArray(value) ? value : []); };
+//# sourceMappingURL=chatWidgetUtils.js.map

package/dist/components/core/solid-agent/widgets/chatWidgetUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatWidgetUtils.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/chatWidgetUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAA0B,SAA8B;IACrF,IAAM,MAAM,GAAG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC;IAChC,OAAO,CAAC,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAM,CAAC;AAClF,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,cAAc,CAAC,SAAiB;IAC5C,OAAO,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAC9F,CAAC;AAED,MAAM,CAAC,IAAM,OAAO,GAAE,UAAK,KAAc,IAAU,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAA5C,CAA4C,CAAC","sourcesContent":["/**\n * Helpers shared by the chat widgets in this folder.\n */\n\n/**\n * A named widget's data. Agents may put the widget's fields directly in `event_data`\n * (`{ widget: \"checklist\", title, items }`) or nest them (`{ widget: \"checklist\", props: {...} }`).\n */\nexport function getChatWidgetData<T = Record<string, any>>(eventData: Record<string, any>): T {\n    const nested = eventData?.props;\n    return (nested && typeof nested === \"object\" ? nested : eventData ?? {}) as T;\n}\n\n/** Message time as shown under chat bubbles, e.g. \"02:45 PM\". */\nexport function formatChatTime(timestamp: number): string {\n    return new Date(timestamp).toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nexport const asArray =<T,>(value: unknown): T[] => (Array.isArray(value) ? (value as T[]) : []);\n"]}

package/dist/components/core/solid-agent/widgets/chatWidgetUtils.ts

@@ -0,0 +1,19 @@
+/**
+ * Helpers shared by the chat widgets in this folder.
+ */
+
+/**
+ * A named widget's data. Agents may put the widget's fields directly in `event_data`
+ * (`{ widget: "checklist", title, items }`) or nest them (`{ widget: "checklist", props: {...} }`).
+ */
+export function getChatWidgetData<T = Record<string, any>>(eventData: Record<string, any>): T {
+    const nested = eventData?.props;
+    return (nested && typeof nested === "object" ? nested : eventData ?? {}) as T;
+}
+
+/** Message time as shown under chat bubbles, e.g. "02:45 PM". */
+export function formatChatTime(timestamp: number): string {
+    return new Date(timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+}
+
+export const asArray =<T,>(value: unknown): T[] => (Array.isArray(value) ? (value as T[]) : []);