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

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

@@ -0,0 +1,19 @@
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { SolidAgentCopyButton } from "../SolidAgentMarkdown";
+import { getChatWidgetData } from "./chatWidgetUtils";
+
+/** `event_data: { widget: "code", code, language?, filename? }` — a code block with copy. */
+export const SolidCodeChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<{ code?: string; language?: string; filename?: string }>(eventData);
+    const code = String(data.code ?? "");
+    return (
+        <div className={styles.card}>
+            <div className={styles.cardHead}>
+                <span className={styles.mono} style={{ flex: 1 }}>{data.filename ?? data.language ?? "code"}</span>
+                <SolidAgentCopyButton text={code} label="Copy code" />
+            </div>
+            <pre className={styles.pre} style={{ borderRadius: 0 }}>{code}</pre>
+        </div>
+    );
+};

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

@@ -0,0 +1,7 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/**
+ * `event_data: { widget: "diff-list", title?, files: [{ path, diff, additions?, deletions? }] }`.
+ * Codex-style file list, collapsed by default, with copy per file and for all files.
+ */
+export declare const SolidDiffListChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidDiffListChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDiffListChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidDiffListChatWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAwBpE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kBAAmB,oBAAoB,4CAiD1E,CAAC"}

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

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { SolidAgentCopyButton } from "../SolidAgentMarkdown";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+function countChanges(diff) {
+    if (diff === void 0) { diff = ""; }
+    var additions = 0;
+    var deletions = 0;
+    diff.split("\n").forEach(function (line) {
+        if (line.startsWith("+") && !line.startsWith("+++"))
+            additions++;
+        else if (line.startsWith("-") && !line.startsWith("---"))
+            deletions++;
+    });
+    return { additions: additions, deletions: deletions };
+}
+function diffLineClass(line) {
+    if (line.startsWith("@@"))
+        return styles.diffLineHunk;
+    if (line.startsWith("+"))
+        return styles.diffLineAdd;
+    if (line.startsWith("-"))
+        return styles.diffLineDel;
+    return "";
+}
+/**
+ * `event_data: { widget: "diff-list", title?, files: [{ path, diff, additions?, deletions? }] }`.
+ * Codex-style file list, collapsed by default, with copy per file and for all files.
+ */
+export var SolidDiffListChatWidget = function (_a) {
+    var _b;
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var files = asArray(data.files);
+    var _c = useState(new Set()), open = _c[0], setOpen = _c[1];
+    var allDiffs = files.map(function (file) { var _a; return "--- ".concat(file.path, "\n").concat((_a = file.diff) !== null && _a !== void 0 ? _a : ""); }).join("\n\n");
+    var toggle = function (index) {
+        return setOpen(function (prev) {
+            var next = new Set(prev);
+            next.has(index) ? next.delete(index) : next.add(index);
+            return next;
+        });
+    };
+    return (_jsxs("div", { className: styles.card, children: [_jsxs("div", { className: styles.cardHead, children: [_jsx("span", { style: { flex: 1 }, children: (_b = data.title) !== null && _b !== void 0 ? _b : "".concat(files.length, " file").concat(files.length === 1 ? "" : "s", " changed") }), _jsx(SolidAgentCopyButton, { text: allDiffs, label: "Copy all diffs" })] }), files.map(function (file, index) {
+                var _a, _b, _c, _d;
+                var counts = file.additions != null || file.deletions != null
+                    ? { additions: (_a = file.additions) !== null && _a !== void 0 ? _a : 0, deletions: (_b = file.deletions) !== null && _b !== void 0 ? _b : 0 }
+                    : countChanges(file.diff);
+                var expanded = open.has(index);
+                return (_jsxs("div", { children: [_jsxs("button", { type: "button", className: styles.fileRow, "aria-expanded": expanded, onClick: function () { return toggle(index); }, children: [expanded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx("span", { className: styles.fileName, children: file.path }), _jsxs("span", { className: styles.diffAdd, children: ["+", counts.additions] }), _jsxs("span", { className: styles.diffDel, children: ["\u2212", counts.deletions] })] }), expanded && (_jsxs("div", { style: { position: "relative" }, children: [_jsx("div", { style: { position: "absolute", right: 6, top: 4 }, children: _jsx(SolidAgentCopyButton, { text: (_c = file.diff) !== null && _c !== void 0 ? _c : "", label: "Copy ".concat(file.path) }) }), _jsx("pre", { className: styles.diff, children: ((_d = file.diff) !== null && _d !== void 0 ? _d : "").split("\n").map(function (line, i) { return (_jsx("span", { className: "".concat(styles.diffLine, " ").concat(diffLineClass(line)), children: line || " " }, i)); }) })] }))] }, "".concat(file.path, "-").concat(index)));
+            })] }));
+};
+//# sourceMappingURL=SolidDiffListChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDiffListChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidDiffListChatWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidAgentCopyButton } from \"../SolidAgentMarkdown\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype DiffFile = { path: string; diff?: string; additions?: number; deletions?: number };\ntype DiffListData = { title?: string; files?: DiffFile[] };\n\nfunction countChanges(diff = \"\") {\n    let additions = 0;\n    let deletions = 0;\n    diff.split(\"\\n\").forEach((line) => {\n        if (line.startsWith(\"+\") && !line.startsWith(\"+++\")) additions++;\n        else if (line.startsWith(\"-\") && !line.startsWith(\"---\")) deletions++;\n    });\n    return { additions, deletions };\n}\n\nfunction diffLineClass(line: string) {\n    if (line.startsWith(\"@@\")) return styles.diffLineHunk;\n    if (line.startsWith(\"+\")) return styles.diffLineAdd;\n    if (line.startsWith(\"-\")) return styles.diffLineDel;\n    return \"\";\n}\n\n/**\n * `event_data: { widget: \"diff-list\", title?, files: [{ path, diff, additions?, deletions? }] }`.\n * Codex-style file list, collapsed by default, with copy per file and for all files.\n */\nexport const SolidDiffListChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<DiffListData>(eventData);\n    const files = asArray<DiffFile>(data.files);\n    const [open, setOpen] = useState<Set<number>>(new Set());\n    const allDiffs = files.map((file) => `--- ${file.path}\\n${file.diff ?? \"\"}`).join(\"\\n\\n\");\n\n    const toggle = (index: number) =>\n        setOpen((prev) => {\n            const next = new Set(prev);\n            next.has(index) ? next.delete(index) : next.add(index);\n            return next;\n        });\n\n    return (\n        <div className={styles.card}>\n            <div className={styles.cardHead}>\n                <span style={{ flex: 1 }}>{data.title ?? `${files.length} file${files.length === 1 ? \"\" : \"s\"} changed`}</span>\n                <SolidAgentCopyButton text={allDiffs} label=\"Copy all diffs\" />\n            </div>\n            {files.map((file, index) => {\n                const counts = file.additions != null || file.deletions != null\n                    ? { additions: file.additions ?? 0, deletions: file.deletions ?? 0 }\n                    : countChanges(file.diff);\n                const expanded = open.has(index);\n                return (\n                    <div key={`${file.path}-${index}`}>\n                        <button type=\"button\" className={styles.fileRow} aria-expanded={expanded} onClick={() => toggle(index)}>\n                            {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n                            <span className={styles.fileName}>{file.path}</span>\n                            <span className={styles.diffAdd}>+{counts.additions}</span>\n                            <span className={styles.diffDel}>−{counts.deletions}</span>\n                        </button>\n                        {expanded && (\n                            <div style={{ position: \"relative\" }}>\n                                <div style={{ position: \"absolute\", right: 6, top: 4 }}>\n                                    <SolidAgentCopyButton text={file.diff ?? \"\"} label={`Copy ${file.path}`} />\n                                </div>\n                                <pre className={styles.diff}>\n                                    {(file.diff ?? \"\").split(\"\\n\").map((line, i) => (\n                                        <span key={i} className={`${styles.diffLine} ${diffLineClass(line)}`}>{line || \" \"}</span>\n                                    ))}\n                                </pre>\n                            </div>\n                        )}\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,81 @@
+import { useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { SolidAgentCopyButton } from "../SolidAgentMarkdown";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+
+type DiffFile = { path: string; diff?: string; additions?: number; deletions?: number };
+type DiffListData = { title?: string; files?: DiffFile[] };
+
+function countChanges(diff = "") {
+    let additions = 0;
+    let deletions = 0;
+    diff.split("\n").forEach((line) => {
+        if (line.startsWith("+") && !line.startsWith("+++")) additions++;
+        else if (line.startsWith("-") && !line.startsWith("---")) deletions++;
+    });
+    return { additions, deletions };
+}
+
+function diffLineClass(line: string) {
+    if (line.startsWith("@@")) return styles.diffLineHunk;
+    if (line.startsWith("+")) return styles.diffLineAdd;
+    if (line.startsWith("-")) return styles.diffLineDel;
+    return "";
+}
+
+/**
+ * `event_data: { widget: "diff-list", title?, files: [{ path, diff, additions?, deletions? }] }`.
+ * Codex-style file list, collapsed by default, with copy per file and for all files.
+ */
+export const SolidDiffListChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<DiffListData>(eventData);
+    const files = asArray<DiffFile>(data.files);
+    const [open, setOpen] = useState<Set<number>>(new Set());
+    const allDiffs = files.map((file) => `--- ${file.path}\n${file.diff ?? ""}`).join("\n\n");
+
+    const toggle = (index: number) =>
+        setOpen((prev) => {
+            const next = new Set(prev);
+            next.has(index) ? next.delete(index) : next.add(index);
+            return next;
+        });
+
+    return (
+        <div className={styles.card}>
+            <div className={styles.cardHead}>
+                <span style={{ flex: 1 }}>{data.title ?? `${files.length} file${files.length === 1 ? "" : "s"} changed`}</span>
+                <SolidAgentCopyButton text={allDiffs} label="Copy all diffs" />
+            </div>
+            {files.map((file, index) => {
+                const counts = file.additions != null || file.deletions != null
+                    ? { additions: file.additions ?? 0, deletions: file.deletions ?? 0 }
+                    : countChanges(file.diff);
+                const expanded = open.has(index);
+                return (
+                    <div key={`${file.path}-${index}`}>
+                        <button type="button" className={styles.fileRow} aria-expanded={expanded} onClick={() => toggle(index)}>
+                            {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
+                            <span className={styles.fileName}>{file.path}</span>
+                            <span className={styles.diffAdd}>+{counts.additions}</span>
+                            <span className={styles.diffDel}>−{counts.deletions}</span>
+                        </button>
+                        {expanded && (
+                            <div style={{ position: "relative" }}>
+                                <div style={{ position: "absolute", right: 6, top: 4 }}>
+                                    <SolidAgentCopyButton text={file.diff ?? ""} label={`Copy ${file.path}`} />
+                                </div>
+                                <pre className={styles.diff}>
+                                    {(file.diff ?? "").split("\n").map((line, i) => (
+                                        <span key={i} className={`${styles.diffLine} ${diffLineClass(line)}`}>{line || " "}</span>
+                                    ))}
+                                </pre>
+                            </div>
+                        )}
+                    </div>
+                );
+            })}
+        </div>
+    );
+};

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

@@ -0,0 +1,4 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/** `event_data: { widget: "gallery", images: [src | { src, alt }] }` — image grid with a lightbox. */
+export declare const SolidGalleryChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidGalleryChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidGalleryChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidGalleryChatWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,sGAAsG;AACtG,eAAO,MAAM,sBAAsB,kBAAmB,oBAAoB,4CAqBzE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+/** `event_data: { widget: "gallery", images: [src | { src, alt }] }` — image grid with a lightbox. */
+export var SolidGalleryChatWidget = function (_a) {
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var images = asArray(data.images)
+        .map(function (image) { var _a; return (typeof image === "string" ? { src: image, alt: "" } : { src: image.src, alt: (_a = image.alt) !== null && _a !== void 0 ? _a : "" }); })
+        .filter(function (image) { return /^(https?:|data:image\/|\/)/i.test(image.src); });
+    var _b = useState(null), zoom = _b[0], setZoom = _b[1];
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.gallery, children: images.map(function (image, index) { return (_jsx("img", { src: image.src, alt: image.alt, onClick: function () { return setZoom(image.src); } }, index)); }) }), zoom && (_jsx("div", { className: styles.lightbox, role: "dialog", "aria-label": "Image preview", onClick: function () { return setZoom(null); }, children: _jsx("img", { src: zoom, alt: "" }) }))] }));
+};
+//# sourceMappingURL=SolidGalleryChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidGalleryChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidGalleryChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI/D,sGAAsG;AACtG,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA;IAC9C,IAAM,IAAI,GAAG,iBAAiB,CAA8B,SAAS,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,OAAO,CAAe,IAAI,CAAC,MAAM,CAAC;SAC5C,GAAG,CAAC,UAAC,KAAK,YAAK,OAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,MAAA,KAAK,CAAC,GAAG,mCAAI,EAAE,EAAE,CAAC,CAAA,EAAA,CAAC;SAChH,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,6BAA6B,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAA7C,CAA6C,CAAC,CAAC;IAChE,IAAA,KAAkB,QAAQ,CAAgB,IAAI,CAAC,EAA9C,IAAI,QAAA,EAAE,OAAO,QAAiC,CAAC;IAEtD,OAAO,CACH,8BACI,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YACzB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAC1B,cAAiB,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAlB,CAAkB,IAAxE,KAAK,CAAuE,CACzF,EAF6B,CAE7B,CAAC,GACA,EACL,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,gBAAY,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa,YAClG,cAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,GAAG,GACvB,CACT,IACF,CACN,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useState } from \"react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype GalleryImage = string | { src: string; alt?: string };\n\n/** `event_data: { widget: \"gallery\", images: [src | { src, alt }] }` — image grid with a lightbox. */\nexport const SolidGalleryChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<{ images?: GalleryImage[] }>(eventData);\n    const images = asArray<GalleryImage>(data.images)\n        .map((image) => (typeof image === \"string\" ? { src: image, alt: \"\" } : { src: image.src, alt: image.alt ?? \"\" }))\n        .filter((image) => /^(https?:|data:image\\/|\\/)/i.test(image.src));\n    const [zoom, setZoom] = useState<string | null>(null);\n\n    return (\n        <>\n            <div className={styles.gallery}>\n                {images.map((image, index) => (\n                    <img key={index} src={image.src} alt={image.alt} onClick={() => setZoom(image.src)} />\n                ))}\n            </div>\n            {zoom && (\n                <div className={styles.lightbox} role=\"dialog\" aria-label=\"Image preview\" onClick={() => setZoom(null)}>\n                    <img src={zoom} alt=\"\" />\n                </div>\n            )}\n        </>\n    );\n};\n"]}

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

@@ -0,0 +1,30 @@
+import { useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+
+type GalleryImage = string | { src: string; alt?: string };
+
+/** `event_data: { widget: "gallery", images: [src | { src, alt }] }` — image grid with a lightbox. */
+export const SolidGalleryChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<{ images?: GalleryImage[] }>(eventData);
+    const images = asArray<GalleryImage>(data.images)
+        .map((image) => (typeof image === "string" ? { src: image, alt: "" } : { src: image.src, alt: image.alt ?? "" }))
+        .filter((image) => /^(https?:|data:image\/|\/)/i.test(image.src));
+    const [zoom, setZoom] = useState<string | null>(null);
+
+    return (
+        <>
+            <div className={styles.gallery}>
+                {images.map((image, index) => (
+                    <img key={index} src={image.src} alt={image.alt} onClick={() => setZoom(image.src)} />
+                ))}
+            </div>
+            {zoom && (
+                <div className={styles.lightbox} role="dialog" aria-label="Image preview" onClick={() => setZoom(null)}>
+                    <img src={zoom} alt="" />
+                </div>
+            )}
+        </>
+    );
+};

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

@@ -0,0 +1,4 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/** `event_data: { widget: "json", title?, data }` — collapsible JSON viewer. */
+export declare const SolidJsonChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidJsonChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidJsonChatWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,gFAAgF;AAChF,eAAO,MAAM,mBAAmB,kBAAmB,oBAAoB,4CAatE,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { getChatWidgetData } from "./chatWidgetUtils";
+/** `event_data: { widget: "json", title?, data }` — collapsible JSON viewer. */
+export var SolidJsonChatWidget = function (_a) {
+    var _b;
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var _c = useState(false), open = _c[0], setOpen = _c[1];
+    var text = useMemo(function () { var _a; return JSON.stringify((_a = data.data) !== null && _a !== void 0 ? _a : data, null, 2); }, [data]);
+    return (_jsxs("div", { className: styles.card, children: [_jsxs("button", { type: "button", className: styles.fileRow, "aria-expanded": open, onClick: function () { return setOpen(function (value) { return !value; }); }, children: [open ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }), _jsx("span", { style: { flex: 1 }, children: (_b = data.title) !== null && _b !== void 0 ? _b : "JSON" })] }), open && _jsx("pre", { className: styles.pre, style: { borderRadius: 0, maxHeight: 320 }, children: text })] }));
+};
+//# sourceMappingURL=SolidJsonChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidJsonChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,gFAAgF;AAChF,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAmC;;QAAjC,SAAS,eAAA;IAC3C,IAAM,IAAI,GAAG,iBAAiB,CAAqC,SAAS,CAAC,CAAC;IACxE,IAAA,KAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;IACxC,IAAM,IAAI,GAAG,OAAO,CAAC,sBAAM,OAAA,IAAI,CAAC,SAAS,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA,EAAA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/E,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACvB,kBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,mBAAiB,IAAI,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,EAAN,CAAM,CAAC,EAA1B,CAA0B,aAC1G,IAAI,CAAC,CAAC,CAAC,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9D,eAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,MAAM,GAAQ,IAClD,EACR,IAAI,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,YAAG,IAAI,GAAO,IAC3F,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { getChatWidgetData } from \"./chatWidgetUtils\";\n\n/** `event_data: { widget: \"json\", title?, data }` — collapsible JSON viewer. */\nexport const SolidJsonChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<{ title?: string; data?: unknown }>(eventData);\n    const [open, setOpen] = useState(false);\n    const text = useMemo(() => JSON.stringify(data.data ?? data, null, 2), [data]);\n    return (\n        <div className={styles.card}>\n            <button type=\"button\" className={styles.fileRow} aria-expanded={open} onClick={() => setOpen((value) => !value)}>\n                {open ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n                <span style={{ flex: 1 }}>{data.title ?? \"JSON\"}</span>\n            </button>\n            {open && <pre className={styles.pre} style={{ borderRadius: 0, maxHeight: 320 }}>{text}</pre>}\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,21 @@
+import { useMemo, useState } from "react";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { getChatWidgetData } from "./chatWidgetUtils";
+
+/** `event_data: { widget: "json", title?, data }` — collapsible JSON viewer. */
+export const SolidJsonChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<{ title?: string; data?: unknown }>(eventData);
+    const [open, setOpen] = useState(false);
+    const text = useMemo(() => JSON.stringify(data.data ?? data, null, 2), [data]);
+    return (
+        <div className={styles.card}>
+            <button type="button" className={styles.fileRow} aria-expanded={open} onClick={() => setOpen((value) => !value)}>
+                {open ? <ChevronDown size={14} /> : <ChevronRight size={14} />}
+                <span style={{ flex: 1 }}>{data.title ?? "JSON"}</span>
+            </button>
+            {open && <pre className={styles.pre} style={{ borderRadius: 0, maxHeight: 320 }}>{text}</pre>}
+        </div>
+    );
+};

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

@@ -0,0 +1,7 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/**
+ * `event_data: { widget: "link-card", title, subtitle?, route | url }`.
+ * `route` (starting with "/") navigates inside the app; `url` (http/https) opens a new tab.
+ */
+export declare const SolidLinkCardChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SolidLinkCardChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLinkCardChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidLinkCardChatWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kBAAmB,oBAAoB,mDAoB1E,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { useNavigate } from "react-router-dom";
+import styles from "../SolidAgent.module.css";
+import { getChatWidgetData } from "./chatWidgetUtils";
+/**
+ * `event_data: { widget: "link-card", title, subtitle?, route | url }`.
+ * `route` (starting with "/") navigates inside the app; `url` (http/https) opens a new tab.
+ */
+export var SolidLinkCardChatWidget = function (_a) {
+    var _b, _c;
+    var eventData = _a.eventData;
+    var navigate = useNavigate();
+    var data = getChatWidgetData(eventData);
+    var external = data.url && /^https?:/i.test(data.url) ? data.url : null;
+    var route = data.route && data.route.startsWith("/") ? data.route : null;
+    if (!external && !route)
+        return null;
+    return (_jsxs("button", { type: "button", className: styles.linkCard, onClick: function () { return (external ? window.open(external, "_blank", "noopener,noreferrer") : navigate(route)); }, children: [_jsxs("span", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 2 }, children: [_jsx("strong", { children: (_c = (_b = data.title) !== null && _b !== void 0 ? _b : route) !== null && _c !== void 0 ? _c : external }), data.subtitle && _jsx("span", { style: { fontSize: 12, color: "var(--agent-muted)" }, children: data.subtitle })] }), _jsx(ExternalLink, { size: 14 })] }));
+};
+//# sourceMappingURL=SolidLinkCardChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLinkCardChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidLinkCardChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAItD;;;GAGG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAmC;;QAAjC,SAAS,eAAA;IAC/C,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,IAAI,GAAG,iBAAiB,CAAe,SAAS,CAAC,CAAC;IACxD,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAErC,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,OAAO,EAAE,cAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAM,CAAC,CAAC,EAAtF,CAAsF,aAErG,gBAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACtE,2BAAS,MAAA,MAAA,IAAI,CAAC,KAAK,mCAAI,KAAK,mCAAI,QAAQ,GAAU,EACjD,IAAI,CAAC,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,YAAG,IAAI,CAAC,QAAQ,GAAQ,IACjG,EACP,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,IACrB,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { ExternalLink } from \"lucide-react\";\nimport { useNavigate } from \"react-router-dom\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype LinkCardData = { title?: string; subtitle?: string; route?: string; url?: string };\n\n/**\n * `event_data: { widget: \"link-card\", title, subtitle?, route | url }`.\n * `route` (starting with \"/\") navigates inside the app; `url` (http/https) opens a new tab.\n */\nexport const SolidLinkCardChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const navigate = useNavigate();\n    const data = getChatWidgetData<LinkCardData>(eventData);\n    const external = data.url && /^https?:/i.test(data.url) ? data.url : null;\n    const route = data.route && data.route.startsWith(\"/\") ? data.route : null;\n    if (!external && !route) return null;\n\n    return (\n        <button\n            type=\"button\"\n            className={styles.linkCard}\n            onClick={() => (external ? window.open(external, \"_blank\", \"noopener,noreferrer\") : navigate(route!))}\n        >\n            <span style={{ flex: 1, display: \"flex\", flexDirection: \"column\", gap: 2 }}>\n                <strong>{data.title ?? route ?? external}</strong>\n                {data.subtitle && <span style={{ fontSize: 12, color: \"var(--agent-muted)\" }}>{data.subtitle}</span>}\n            </span>\n            <ExternalLink size={14} />\n        </button>\n    );\n};\n"]}

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

@@ -0,0 +1,33 @@
+import { ExternalLink } from "lucide-react";
+import { useNavigate } from "react-router-dom";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { getChatWidgetData } from "./chatWidgetUtils";
+
+type LinkCardData = { title?: string; subtitle?: string; route?: string; url?: string };
+
+/**
+ * `event_data: { widget: "link-card", title, subtitle?, route | url }`.
+ * `route` (starting with "/") navigates inside the app; `url` (http/https) opens a new tab.
+ */
+export const SolidLinkCardChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const navigate = useNavigate();
+    const data = getChatWidgetData<LinkCardData>(eventData);
+    const external = data.url && /^https?:/i.test(data.url) ? data.url : null;
+    const route = data.route && data.route.startsWith("/") ? data.route : null;
+    if (!external && !route) return null;
+
+    return (
+        <button
+            type="button"
+            className={styles.linkCard}
+            onClick={() => (external ? window.open(external, "_blank", "noopener,noreferrer") : navigate(route!))}
+        >
+            <span style={{ flex: 1, display: "flex", flexDirection: "column", gap: 2 }}>
+                <strong>{data.title ?? route ?? external}</strong>
+                {data.subtitle && <span style={{ fontSize: 12, color: "var(--agent-muted)" }}>{data.subtitle}</span>}
+            </span>
+            <ExternalLink size={14} />
+        </button>
+    );
+};

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

@@ -0,0 +1,4 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/** `event_data: { widget: "markdown", text }` — formatted text (tables, lists, code with copy). */
+export declare const SolidMarkdownChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidMarkdownChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMarkdownChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidMarkdownChatWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAIpE,mGAAmG;AACnG,eAAO,MAAM,uBAAuB,kBAAmB,oBAAoB,4CAG1E,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidAgentMarkdown } from "../SolidAgentMarkdown";
+import { getChatWidgetData } from "./chatWidgetUtils";
+/** `event_data: { widget: "markdown", text }` — formatted text (tables, lists, code with copy). */
+export var SolidMarkdownChatWidget = function (_a) {
+    var _b, _c;
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    return _jsx(SolidAgentMarkdown, { text: String((_c = (_b = data.text) !== null && _b !== void 0 ? _b : data.content) !== null && _c !== void 0 ? _c : "") });
+};
+//# sourceMappingURL=SolidMarkdownChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMarkdownChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidMarkdownChatWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,mGAAmG;AACnG,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAmC;;QAAjC,SAAS,eAAA;IAC/C,IAAM,IAAI,GAAG,iBAAiB,CAAsC,SAAS,CAAC,CAAC;IAC/E,OAAO,KAAC,kBAAkB,IAAC,IAAI,EAAE,MAAM,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,mCAAI,IAAI,CAAC,OAAO,mCAAI,EAAE,CAAC,GAAI,CAAC;AACjF,CAAC,CAAC","sourcesContent":["import { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidAgentMarkdown } from \"../SolidAgentMarkdown\";\nimport { getChatWidgetData } from \"./chatWidgetUtils\";\n\n/** `event_data: { widget: \"markdown\", text }` — formatted text (tables, lists, code with copy). */\nexport const SolidMarkdownChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<{ text?: string; content?: string }>(eventData);\n    return <SolidAgentMarkdown text={String(data.text ?? data.content ?? \"\")} />;\n};\n"]}

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

@@ -0,0 +1,9 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { SolidAgentMarkdown } from "../SolidAgentMarkdown";
+import { getChatWidgetData } from "./chatWidgetUtils";
+
+/** `event_data: { widget: "markdown", text }` — formatted text (tables, lists, code with copy). */
+export const SolidMarkdownChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<{ text?: string; content?: string }>(eventData);
+    return <SolidAgentMarkdown text={String(data.text ?? data.content ?? "")} />;
+};

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

@@ -0,0 +1,15 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+type ProgressStep = {
+    label: string;
+    status?: "pending" | "running" | "done" | "error";
+};
+export declare const SolidProgressStepIcon: ({ status }: {
+    status?: ProgressStep["status"];
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * `event_data: { widget: "progress", widgetId, title?, percent?, steps?: [{ label, status }] }`.
+ * Send later events with the same widgetId to update it in place.
+ */
+export declare const SolidProgressChatWidget: ({ eventData }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidProgressChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidProgressChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidProgressChatWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAGpE,KAAK,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAGzF,eAAO,MAAM,qBAAqB;aAA2B,YAAY,CAAC,QAAQ,CAAC;6CAKlF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,kBAAmB,oBAAoB,4CAsB1E,CAAC"}

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle2, CircleX, Loader2 } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+export var SolidProgressStepIcon = function (_a) {
+    var status = _a.status;
+    if (status === "done")
+        return _jsx(CheckCircle2, { size: 14, className: styles.okIcon });
+    if (status === "error")
+        return _jsx(CircleX, { size: 14, className: styles.errIcon });
+    if (status === "running")
+        return _jsx(Loader2, { size: 14, className: styles.spinIcon });
+    return _jsx("span", { style: { width: 14, height: 14, borderRadius: 999, border: "2px dashed var(--agent-border)", display: "inline-block" } });
+};
+/**
+ * `event_data: { widget: "progress", widgetId, title?, percent?, steps?: [{ label, status }] }`.
+ * Send later events with the same widgetId to update it in place.
+ */
+export var SolidProgressChatWidget = function (_a) {
+    var eventData = _a.eventData;
+    var data = getChatWidgetData(eventData);
+    var steps = asArray(data.steps);
+    var percent = typeof data.percent === "number" ? Math.max(0, Math.min(100, data.percent)) : null;
+    return (_jsxs("div", { className: styles.card, children: [data.title && _jsx("div", { className: styles.cardHead, children: data.title }), _jsxs("div", { className: styles.cardBody, children: [percent != null && (_jsx("div", { className: styles.progressBar, role: "progressbar", "aria-valuenow": percent, "aria-valuemin": 0, "aria-valuemax": 100, children: _jsx("div", { className: styles.progressFill, style: { width: "".concat(percent, "%") } }) })), steps.map(function (step, index) { return (_jsxs("div", { className: styles.stepRow, children: [_jsx(SolidProgressStepIcon, { status: step.status }), _jsx("span", { children: step.label })] }, index)); })] })] }));
+};
+//# sourceMappingURL=SolidProgressChatWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidProgressChatWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidProgressChatWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAA+C;QAA7C,MAAM,YAAA;IAC1C,IAAI,MAAM,KAAK,MAAM;QAAE,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAAC;IACnF,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,GAAI,CAAC;IAChF,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI,CAAC;IACnF,OAAO,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,gCAAgC,EAAE,OAAO,EAAE,cAAc,EAAE,GAAI,CAAC;AAC5I,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAAmC;QAAjC,SAAS,eAAA;IAC/C,IAAM,IAAI,GAAG,iBAAiB,CAAe,SAAS,CAAC,CAAC;IACxD,IAAM,KAAK,GAAG,OAAO,CAAe,IAAI,CAAC,KAAK,CAAC,CAAC;IAChD,IAAM,OAAO,GAAG,OAAO,IAAI,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnG,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACtB,IAAI,CAAC,KAAK,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,IAAI,CAAC,KAAK,GAAO,EAClE,eAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,aAC1B,OAAO,IAAI,IAAI,IAAI,CAChB,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,aAAa,mBAAgB,OAAO,mBAAiB,CAAC,mBAAiB,GAAG,YAC/G,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,OAAO,MAAG,EAAE,GAAI,GACtE,CACT,EACA,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,GAAI,EAC9C,yBAAO,IAAI,CAAC,KAAK,GAAQ,KAFnB,KAAK,CAGT,CACT,EAL2B,CAK3B,CAAC,IACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { CheckCircle2, CircleX, Loader2 } from \"lucide-react\";\nimport styles from \"../SolidAgent.module.css\";\nimport { SolidChatWidgetProps } from \"../../../../types/solid-core\";\nimport { asArray, getChatWidgetData } from \"./chatWidgetUtils\";\n\ntype ProgressStep = { label: string; status?: \"pending\" | \"running\" | \"done\" | \"error\" };\ntype ProgressData = { title?: string; percent?: number; steps?: ProgressStep[] };\n\nexport const SolidProgressStepIcon = ({ status }: { status?: ProgressStep[\"status\"] }) => {\n    if (status === \"done\") return <CheckCircle2 size={14} className={styles.okIcon} />;\n    if (status === \"error\") return <CircleX size={14} className={styles.errIcon} />;\n    if (status === \"running\") return <Loader2 size={14} className={styles.spinIcon} />;\n    return <span style={{ width: 14, height: 14, borderRadius: 999, border: \"2px dashed var(--agent-border)\", display: \"inline-block\" }} />;\n};\n\n/**\n * `event_data: { widget: \"progress\", widgetId, title?, percent?, steps?: [{ label, status }] }`.\n * Send later events with the same widgetId to update it in place.\n */\nexport const SolidProgressChatWidget = ({ eventData }: SolidChatWidgetProps) => {\n    const data = getChatWidgetData<ProgressData>(eventData);\n    const steps = asArray<ProgressStep>(data.steps);\n    const percent = typeof data.percent === \"number\" ? Math.max(0, Math.min(100, data.percent)) : null;\n    return (\n        <div className={styles.card}>\n            {data.title && <div className={styles.cardHead}>{data.title}</div>}\n            <div className={styles.cardBody}>\n                {percent != null && (\n                    <div className={styles.progressBar} role=\"progressbar\" aria-valuenow={percent} aria-valuemin={0} aria-valuemax={100}>\n                        <div className={styles.progressFill} style={{ width: `${percent}%` }} />\n                    </div>\n                )}\n                {steps.map((step, index) => (\n                    <div key={index} className={styles.stepRow}>\n                        <SolidProgressStepIcon status={step.status} />\n                        <span>{step.label}</span>\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -0,0 +1,42 @@
+import { CheckCircle2, CircleX, Loader2 } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+
+type ProgressStep = { label: string; status?: "pending" | "running" | "done" | "error" };
+type ProgressData = { title?: string; percent?: number; steps?: ProgressStep[] };
+
+export const SolidProgressStepIcon = ({ status }: { status?: ProgressStep["status"] }) => {
+    if (status === "done") return <CheckCircle2 size={14} className={styles.okIcon} />;
+    if (status === "error") return <CircleX size={14} className={styles.errIcon} />;
+    if (status === "running") return <Loader2 size={14} className={styles.spinIcon} />;
+    return <span style={{ width: 14, height: 14, borderRadius: 999, border: "2px dashed var(--agent-border)", display: "inline-block" }} />;
+};
+
+/**
+ * `event_data: { widget: "progress", widgetId, title?, percent?, steps?: [{ label, status }] }`.
+ * Send later events with the same widgetId to update it in place.
+ */
+export const SolidProgressChatWidget = ({ eventData }: SolidChatWidgetProps) => {
+    const data = getChatWidgetData<ProgressData>(eventData);
+    const steps = asArray<ProgressStep>(data.steps);
+    const percent = typeof data.percent === "number" ? Math.max(0, Math.min(100, data.percent)) : null;
+    return (
+        <div className={styles.card}>
+            {data.title && <div className={styles.cardHead}>{data.title}</div>}
+            <div className={styles.cardBody}>
+                {percent != null && (
+                    <div className={styles.progressBar} role="progressbar" aria-valuenow={percent} aria-valuemin={0} aria-valuemax={100}>
+                        <div className={styles.progressFill} style={{ width: `${percent}%` }} />
+                    </div>
+                )}
+                {steps.map((step, index) => (
+                    <div key={index} className={styles.stepRow}>
+                        <SolidProgressStepIcon status={step.status} />
+                        <span>{step.label}</span>
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+};

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

@@ -0,0 +1,7 @@
+import { SolidChatWidgetProps } from "../../../../types/solid-core";
+/**
+ * `event_data: { widget: "question", question, hint?, options: [...], multiple? }`.
+ * A single-choice answer is sent on click; multiple choice waits for Submit.
+ */
+export declare const SolidQuestionChatWidget: ({ eventData, final, reply }: SolidChatWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidQuestionChatWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidQuestionChatWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/widgets/SolidQuestionChatWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAMpE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,gCAAiC,oBAAoB,4CAwDxF,CAAC"}

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

@@ -0,0 +1,41 @@
+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 { useState } from "react";
+import styles from "../SolidAgent.module.css";
+import { asArray, getChatWidgetData } from "./chatWidgetUtils";
+/**
+ * `event_data: { widget: "question", question, hint?, options: [...], multiple? }`.
+ * A single-choice answer is sent on click; multiple choice waits for Submit.
+ */
+export var SolidQuestionChatWidget = function (_a) {
+    var eventData = _a.eventData, final = _a.final, reply = _a.reply;
+    var data = getChatWidgetData(eventData);
+    var options = asArray(data.options).map(function (option) { var _a; return typeof option === "string" ? { label: option, value: option } : { label: option.label, value: (_a = option.value) !== null && _a !== void 0 ? _a : option.label }; });
+    var _b = useState([]), picked = _b[0], setPicked = _b[1];
+    var _c = useState(false), answered = _c[0], setAnswered = _c[1];
+    var locked = final || answered;
+    var choose = function (index) {
+        if (locked)
+            return;
+        if (!data.multiple) {
+            setPicked([index]);
+            setAnswered(true);
+            reply(options[index].value);
+            return;
+        }
+        setPicked(function (prev) { return (prev.includes(index) ? prev.filter(function (i) { return i !== index; }) : __spreadArray(__spreadArray([], prev, true), [index], false)); });
+    };
+    return (_jsxs("div", { className: styles.card, children: [_jsxs("div", { className: styles.cardBody, children: [data.question && _jsx("strong", { children: data.question }), data.hint && _jsx("span", { style: { color: "var(--agent-muted)", fontSize: 12.5 }, children: data.hint }), options.map(function (option, index) { return (_jsx("button", { type: "button", className: "".concat(styles.btn, " ").concat(picked.includes(index) ? styles.optionOn : ""), style: { textAlign: "left" }, disabled: locked && !picked.includes(index), "aria-pressed": picked.includes(index), onClick: function () { return choose(index); }, children: option.label }, index)); })] }), data.multiple && !locked && (_jsx("div", { className: styles.cardFoot, children: _jsx("button", { type: "button", className: "".concat(styles.btn, " ").concat(styles.btnPrimary), disabled: !picked.length, onClick: function () {
+                        setAnswered(true);
+                        reply(picked.map(function (i) { return options[i].value; }));
+                    }, children: "Submit" }) }))] }));
+};
+//# sourceMappingURL=SolidQuestionChatWidget.js.map