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

package/dist/components/core/solid-agent/SolidAgentHost.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The single mount point of the SolidX Agent in the admin shell (rendered by AdminLayout).
+ * Shows the floating bubble and the chat window; hidden unless the `solidAgentEnabled` setting
+ * is on, `solidxAgentBackendUrl` is set and the user has agent:invoke. Ctrl/Cmd+J toggles the window,
+ * Esc inside it minimizes back to the bubble.
+ */
+export default function SolidAgentHost(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SolidAgentHost.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAgentHost.d.ts","sourceRoot":"","sources":["../../../../src/components/core/solid-agent/SolidAgentHost.tsx"],"names":[],"mappings":"AAiCA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,mDA4HrC"}

package/dist/components/core/solid-agent/SolidAgentHost.js

@@ -0,0 +1,152 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { Sparkles } from "lucide-react";
+import styles from "./SolidAgent.module.css";
+import { agentModeChanged, agentOpenRequested } from "../../../redux/features/agentSlice";
+import { SolidAgentChat } from "./SolidAgentChat";
+import { useAgentAvailability } from "./useAgentAvailability";
+import { useAdminInputContext } from "./useAdminInputContext";
+var PREFS_KEY = "solid-agent.window";
+var MIN_DOCK = 360;
+var MAX_DOCK = 720;
+function readPrefs() {
+    var _a;
+    try {
+        var parsed = JSON.parse((_a = localStorage.getItem(PREFS_KEY)) !== null && _a !== void 0 ? _a : "{}");
+        var mode = ["compact", "docked", "maximized"].includes(parsed.mode) ? parsed.mode : undefined;
+        return { dockWidth: Number(parsed.dockWidth) || 420, open: parsed.open === true, mode: mode };
+    }
+    catch (_b) {
+        return { dockWidth: 420 };
+    }
+}
+function writePrefs(prefs) {
+    try {
+        localStorage.setItem(PREFS_KEY, JSON.stringify(__assign(__assign({}, readPrefs()), prefs)));
+    }
+    catch (_a) {
+        // ignore
+    }
+}
+/**
+ * The single mount point of the SolidX Agent in the admin shell (rendered by AdminLayout).
+ * Shows the floating bubble and the chat window; hidden unless the `solidAgentEnabled` setting
+ * is on, `solidxAgentBackendUrl` is set and the user has agent:invoke. Ctrl/Cmd+J toggles the window,
+ * Esc inside it minimizes back to the bubble.
+ */
+export default function SolidAgentHost() {
+    var _a;
+    var dispatch = useDispatch();
+    var _b = useAgentAvailability(), ready = _b.ready, enabled = _b.enabled, agentUrl = _b.agentUrl, canUse = _b.canUse;
+    var inputContext = useAdminInputContext();
+    var agent = useSelector(function (state) { return state.solidAgent; });
+    var _c = useState(function () { return readPrefs().dockWidth; }), dockWidth = _c[0], setDockWidth = _c[1];
+    var prefsHydrated = useRef(false);
+    var skipNextPrefsWrite = useRef(false);
+    var windowRef = useRef(null);
+    var openerRef = useRef(null);
+    var available = ready && enabled && canUse && !!agentUrl && !!agent;
+    var mode = (_a = agent === null || agent === void 0 ? void 0 : agent.mode) !== null && _a !== void 0 ? _a : "bubble";
+    var isOpen = available && mode !== "bubble";
+    // Restore the last visible presentation after the host has verified this user's access.
+    useEffect(function () {
+        if (!ready || !available || prefsHydrated.current)
+            return;
+        prefsHydrated.current = true;
+        var prefs = readPrefs();
+        if (prefs.open && prefs.mode) {
+            if (mode !== prefs.mode)
+                skipNextPrefsWrite.current = true;
+            dispatch(agentModeChanged(prefs.mode));
+        }
+    }, [ready, available, dispatch, mode]);
+    // Keep visibility and presentation in localStorage. When closed, retain the last mode so
+    // the preference still records how the window had been presented.
+    useEffect(function () {
+        if (!prefsHydrated.current || !available)
+            return;
+        if (skipNextPrefsWrite.current) {
+            skipNextPrefsWrite.current = false;
+            return;
+        }
+        if (mode !== "bubble")
+            writePrefs({ open: true, mode: mode });
+        else
+            writePrefs({ open: false });
+    }, [available, mode]);
+    var toggle = useCallback(function () {
+        if (!available)
+            return;
+        if (isOpen)
+            dispatch(agentModeChanged("bubble"));
+        else {
+            openerRef.current = document.activeElement;
+            dispatch(agentOpenRequested());
+        }
+    }, [available, isOpen, dispatch]);
+    // Ctrl/Cmd + J toggles the chat from anywhere in the admin app.
+    useEffect(function () {
+        if (!available)
+            return;
+        var onKey = function (event) {
+            if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey && event.key.toLowerCase() === "j") {
+                event.preventDefault();
+                toggle();
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        return function () { return window.removeEventListener("keydown", onKey); };
+    }, [available, toggle]);
+    // Docked mode pushes the admin shell over instead of covering it.
+    useEffect(function () {
+        var docked = isOpen && mode === "docked";
+        document.body.classList.toggle("solid-agent-docked", docked);
+        document.documentElement.style.setProperty("--solid-agent-docked-width", "".concat(dockWidth, "px"));
+        return function () { return document.body.classList.remove("solid-agent-docked"); };
+    }, [isOpen, mode, dockWidth]);
+    // Focus returns to whatever opened the chat when it is minimized.
+    useEffect(function () {
+        if (!isOpen && openerRef.current instanceof HTMLElement) {
+            openerRef.current.focus();
+            openerRef.current = null;
+        }
+    }, [isOpen]);
+    var startResize = function (event) {
+        event.preventDefault();
+        var onMove = function (move) {
+            setDockWidth(Math.max(MIN_DOCK, Math.min(MAX_DOCK, window.innerWidth - move.clientX)));
+        };
+        var onUp = function () {
+            window.removeEventListener("pointermove", onMove);
+            window.removeEventListener("pointerup", onUp);
+            setDockWidth(function (width) {
+                writePrefs({ dockWidth: width });
+                return width;
+            });
+        };
+        window.addEventListener("pointermove", onMove);
+        window.addEventListener("pointerup", onUp);
+    };
+    if (!available || !agentUrl)
+        return null;
+    var frameClass = mode === "docked" ? styles.docked : mode === "maximized" ? styles.maximized : styles.compact;
+    return (_jsx("div", { className: styles.root, children: isOpen ? (_jsxs("div", { ref: windowRef, className: "".concat(styles.window, " ").concat(frameClass), style: mode === "docked" ? { width: dockWidth } : undefined, role: "complementary", "aria-label": "SolidX Agent", onKeyDown: function (event) {
+                if (event.key === "Escape") {
+                    event.stopPropagation();
+                    dispatch(agentModeChanged("bubble"));
+                }
+            }, children: [mode === "docked" && _jsx("div", { className: styles.resizeHandle, onPointerDown: startResize, "aria-hidden": "true" }), _jsx(SolidAgentChat, { agentUrl: agentUrl, inputContext: inputContext })] })) : (_jsxs("button", { type: "button", className: styles.bubble, onClick: toggle, "aria-label": "Open the SolidX Agent (Ctrl+J)", title: "SolidX Agent (Ctrl+J)", children: [_jsx(Sparkles, { size: 22 }), (agent === null || agent === void 0 ? void 0 : agent.working) && _jsx("span", { className: styles.bubbleBadge, "aria-label": "Agent is working" })] })) }));
+}
+//# sourceMappingURL=SolidAgentHost.js.map

package/dist/components/core/solid-agent/SolidAgentHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAgentHost.js","sourceRoot":"","sources":["../../../../src/components/core/solid-agent/SolidAgentHost.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { Sparkles } from \"lucide-react\";\nimport styles from \"./SolidAgent.module.css\";\nimport { agentModeChanged, agentOpenRequested, type AgentState } from \"../../../redux/features/agentSlice\";\nimport { SolidAgentChat } from \"./SolidAgentChat\";\nimport { useAgentAvailability } from \"./useAgentAvailability\";\nimport { useAdminInputContext } from \"./useAdminInputContext\";\nimport type { AgentMode } from \"./types\";\n\nconst PREFS_KEY = \"solid-agent.window\";\nconst MIN_DOCK = 360;\nconst MAX_DOCK = 720;\ntype WindowPrefs = { dockWidth: number; open?: boolean; mode?: Exclude<AgentMode, \"bubble\"> };\n\nfunction readPrefs(): WindowPrefs {\n    try {\n        const parsed = JSON.parse(localStorage.getItem(PREFS_KEY) ?? \"{}\");\n        const mode = [\"compact\", \"docked\", \"maximized\"].includes(parsed.mode) ? parsed.mode as WindowPrefs[\"mode\"] : undefined;\n        return { dockWidth: Number(parsed.dockWidth) || 420, open: parsed.open === true, mode };\n    } catch {\n        return { dockWidth: 420 };\n    }\n}\n\nfunction writePrefs(prefs: Partial<WindowPrefs>) {\n    try {\n        localStorage.setItem(PREFS_KEY, JSON.stringify({ ...readPrefs(), ...prefs }));\n    } catch {\n        // ignore\n    }\n}\n\n/**\n * The single mount point of the SolidX Agent in the admin shell (rendered by AdminLayout).\n * Shows the floating bubble and the chat window; hidden unless the `solidAgentEnabled` setting\n * is on, `solidxAgentBackendUrl` is set and the user has agent:invoke. Ctrl/Cmd+J toggles the window,\n * Esc inside it minimizes back to the bubble.\n */\nexport default function SolidAgentHost() {\n    const dispatch = useDispatch();\n    const { ready, enabled, agentUrl, canUse } = useAgentAvailability();\n    const inputContext = useAdminInputContext();\n    const agent = useSelector((state: any) => state.solidAgent as AgentState | undefined);\n    const [dockWidth, setDockWidth] = useState(() => readPrefs().dockWidth);\n    const prefsHydrated = useRef(false);\n    const skipNextPrefsWrite = useRef(false);\n    const windowRef = useRef<HTMLDivElement>(null);\n    const openerRef = useRef<Element | null>(null);\n\n    const available = ready && enabled && canUse && !!agentUrl && !!agent;\n    const mode = agent?.mode ?? \"bubble\";\n    const isOpen = available && mode !== \"bubble\";\n\n    // Restore the last visible presentation after the host has verified this user's access.\n    useEffect(() => {\n        if (!ready || !available || prefsHydrated.current) return;\n        prefsHydrated.current = true;\n        const prefs = readPrefs();\n        if (prefs.open && prefs.mode) {\n            if (mode !== prefs.mode) skipNextPrefsWrite.current = true;\n            dispatch(agentModeChanged(prefs.mode));\n        }\n    }, [ready, available, dispatch, mode]);\n\n    // Keep visibility and presentation in localStorage. When closed, retain the last mode so\n    // the preference still records how the window had been presented.\n    useEffect(() => {\n        if (!prefsHydrated.current || !available) return;\n        if (skipNextPrefsWrite.current) {\n            skipNextPrefsWrite.current = false;\n            return;\n        }\n        if (mode !== \"bubble\") writePrefs({ open: true, mode });\n        else writePrefs({ open: false });\n    }, [available, mode]);\n\n    const toggle = useCallback(() => {\n        if (!available) return;\n        if (isOpen) dispatch(agentModeChanged(\"bubble\"));\n        else {\n            openerRef.current = document.activeElement;\n            dispatch(agentOpenRequested());\n        }\n    }, [available, isOpen, dispatch]);\n\n    // Ctrl/Cmd + J toggles the chat from anywhere in the admin app.\n    useEffect(() => {\n        if (!available) return;\n        const onKey = (event: KeyboardEvent) => {\n            if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey && event.key.toLowerCase() === \"j\") {\n                event.preventDefault();\n                toggle();\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        return () => window.removeEventListener(\"keydown\", onKey);\n    }, [available, toggle]);\n\n    // Docked mode pushes the admin shell over instead of covering it.\n    useEffect(() => {\n        const docked = isOpen && mode === \"docked\";\n        document.body.classList.toggle(\"solid-agent-docked\", docked);\n        document.documentElement.style.setProperty(\"--solid-agent-docked-width\", `${dockWidth}px`);\n        return () => document.body.classList.remove(\"solid-agent-docked\");\n    }, [isOpen, mode, dockWidth]);\n\n    // Focus returns to whatever opened the chat when it is minimized.\n    useEffect(() => {\n        if (!isOpen && openerRef.current instanceof HTMLElement) {\n            openerRef.current.focus();\n            openerRef.current = null;\n        }\n    }, [isOpen]);\n\n    const startResize = (event: React.PointerEvent) => {\n        event.preventDefault();\n        const onMove = (move: PointerEvent) => {\n            setDockWidth(Math.max(MIN_DOCK, Math.min(MAX_DOCK, window.innerWidth - move.clientX)));\n        };\n        const onUp = () => {\n            window.removeEventListener(\"pointermove\", onMove);\n            window.removeEventListener(\"pointerup\", onUp);\n            setDockWidth((width) => {\n                writePrefs({ dockWidth: width });\n                return width;\n            });\n        };\n        window.addEventListener(\"pointermove\", onMove);\n        window.addEventListener(\"pointerup\", onUp);\n    };\n\n    if (!available || !agentUrl) return null;\n\n    const frameClass = mode === \"docked\" ? styles.docked : mode === \"maximized\" ? styles.maximized : styles.compact;\n\n    return (\n        <div className={styles.root}>\n            {isOpen ? (\n                <div\n                    ref={windowRef}\n                    className={`${styles.window} ${frameClass}`}\n                    style={mode === \"docked\" ? { width: dockWidth } : undefined}\n                    role=\"complementary\"\n                    aria-label=\"SolidX Agent\"\n                    onKeyDown={(event) => {\n                        if (event.key === \"Escape\") {\n                            event.stopPropagation();\n                            dispatch(agentModeChanged(\"bubble\"));\n                        }\n                    }}\n                >\n                    {mode === \"docked\" && <div className={styles.resizeHandle} onPointerDown={startResize} aria-hidden=\"true\" />}\n                    <SolidAgentChat agentUrl={agentUrl} inputContext={inputContext} />\n                </div>\n            ) : (\n                <button type=\"button\" className={styles.bubble} onClick={toggle} aria-label=\"Open the SolidX Agent (Ctrl+J)\" title=\"SolidX Agent (Ctrl+J)\">\n                    <Sparkles size={22} />\n                    {agent?.working && <span className={styles.bubbleBadge} aria-label=\"Agent is working\" />}\n                </button>\n            )}\n        </div>\n    );\n}\n"]}

package/dist/components/core/solid-agent/SolidAgentHost.tsx

@@ -0,0 +1,164 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { Sparkles } from "lucide-react";
+import styles from "./SolidAgent.module.css";
+import { agentModeChanged, agentOpenRequested, type AgentState } from "../../../redux/features/agentSlice";
+import { SolidAgentChat } from "./SolidAgentChat";
+import { useAgentAvailability } from "./useAgentAvailability";
+import { useAdminInputContext } from "./useAdminInputContext";
+import type { AgentMode } from "./types";
+
+const PREFS_KEY = "solid-agent.window";
+const MIN_DOCK = 360;
+const MAX_DOCK = 720;
+type WindowPrefs = { dockWidth: number; open?: boolean; mode?: Exclude<AgentMode, "bubble"> };
+
+function readPrefs(): WindowPrefs {
+    try {
+        const parsed = JSON.parse(localStorage.getItem(PREFS_KEY) ?? "{}");
+        const mode = ["compact", "docked", "maximized"].includes(parsed.mode) ? parsed.mode as WindowPrefs["mode"] : undefined;
+        return { dockWidth: Number(parsed.dockWidth) || 420, open: parsed.open === true, mode };
+    } catch {
+        return { dockWidth: 420 };
+    }
+}
+
+function writePrefs(prefs: Partial<WindowPrefs>) {
+    try {
+        localStorage.setItem(PREFS_KEY, JSON.stringify({ ...readPrefs(), ...prefs }));
+    } catch {
+        // ignore
+    }
+}
+
+/**
+ * The single mount point of the SolidX Agent in the admin shell (rendered by AdminLayout).
+ * Shows the floating bubble and the chat window; hidden unless the `solidAgentEnabled` setting
+ * is on, `solidxAgentBackendUrl` is set and the user has agent:invoke. Ctrl/Cmd+J toggles the window,
+ * Esc inside it minimizes back to the bubble.
+ */
+export default function SolidAgentHost() {
+    const dispatch = useDispatch();
+    const { ready, enabled, agentUrl, canUse } = useAgentAvailability();
+    const inputContext = useAdminInputContext();
+    const agent = useSelector((state: any) => state.solidAgent as AgentState | undefined);
+    const [dockWidth, setDockWidth] = useState(() => readPrefs().dockWidth);
+    const prefsHydrated = useRef(false);
+    const skipNextPrefsWrite = useRef(false);
+    const windowRef = useRef<HTMLDivElement>(null);
+    const openerRef = useRef<Element | null>(null);
+
+    const available = ready && enabled && canUse && !!agentUrl && !!agent;
+    const mode = agent?.mode ?? "bubble";
+    const isOpen = available && mode !== "bubble";
+
+    // Restore the last visible presentation after the host has verified this user's access.
+    useEffect(() => {
+        if (!ready || !available || prefsHydrated.current) return;
+        prefsHydrated.current = true;
+        const prefs = readPrefs();
+        if (prefs.open && prefs.mode) {
+            if (mode !== prefs.mode) skipNextPrefsWrite.current = true;
+            dispatch(agentModeChanged(prefs.mode));
+        }
+    }, [ready, available, dispatch, mode]);
+
+    // Keep visibility and presentation in localStorage. When closed, retain the last mode so
+    // the preference still records how the window had been presented.
+    useEffect(() => {
+        if (!prefsHydrated.current || !available) return;
+        if (skipNextPrefsWrite.current) {
+            skipNextPrefsWrite.current = false;
+            return;
+        }
+        if (mode !== "bubble") writePrefs({ open: true, mode });
+        else writePrefs({ open: false });
+    }, [available, mode]);
+
+    const toggle = useCallback(() => {
+        if (!available) return;
+        if (isOpen) dispatch(agentModeChanged("bubble"));
+        else {
+            openerRef.current = document.activeElement;
+            dispatch(agentOpenRequested());
+        }
+    }, [available, isOpen, dispatch]);
+
+    // Ctrl/Cmd + J toggles the chat from anywhere in the admin app.
+    useEffect(() => {
+        if (!available) return;
+        const onKey = (event: KeyboardEvent) => {
+            if ((event.ctrlKey || event.metaKey) && !event.shiftKey && !event.altKey && event.key.toLowerCase() === "j") {
+                event.preventDefault();
+                toggle();
+            }
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [available, toggle]);
+
+    // Docked mode pushes the admin shell over instead of covering it.
+    useEffect(() => {
+        const docked = isOpen && mode === "docked";
+        document.body.classList.toggle("solid-agent-docked", docked);
+        document.documentElement.style.setProperty("--solid-agent-docked-width", `${dockWidth}px`);
+        return () => document.body.classList.remove("solid-agent-docked");
+    }, [isOpen, mode, dockWidth]);
+
+    // Focus returns to whatever opened the chat when it is minimized.
+    useEffect(() => {
+        if (!isOpen && openerRef.current instanceof HTMLElement) {
+            openerRef.current.focus();
+            openerRef.current = null;
+        }
+    }, [isOpen]);
+
+    const startResize = (event: React.PointerEvent) => {
+        event.preventDefault();
+        const onMove = (move: PointerEvent) => {
+            setDockWidth(Math.max(MIN_DOCK, Math.min(MAX_DOCK, window.innerWidth - move.clientX)));
+        };
+        const onUp = () => {
+            window.removeEventListener("pointermove", onMove);
+            window.removeEventListener("pointerup", onUp);
+            setDockWidth((width) => {
+                writePrefs({ dockWidth: width });
+                return width;
+            });
+        };
+        window.addEventListener("pointermove", onMove);
+        window.addEventListener("pointerup", onUp);
+    };
+
+    if (!available || !agentUrl) return null;
+
+    const frameClass = mode === "docked" ? styles.docked : mode === "maximized" ? styles.maximized : styles.compact;
+
+    return (
+        <div className={styles.root}>
+            {isOpen ? (
+                <div
+                    ref={windowRef}
+                    className={`${styles.window} ${frameClass}`}
+                    style={mode === "docked" ? { width: dockWidth } : undefined}
+                    role="complementary"
+                    aria-label="SolidX Agent"
+                    onKeyDown={(event) => {
+                        if (event.key === "Escape") {
+                            event.stopPropagation();
+                            dispatch(agentModeChanged("bubble"));
+                        }
+                    }}
+                >
+                    {mode === "docked" && <div className={styles.resizeHandle} onPointerDown={startResize} aria-hidden="true" />}
+                    <SolidAgentChat agentUrl={agentUrl} inputContext={inputContext} />
+                </div>
+            ) : (
+                <button type="button" className={styles.bubble} onClick={toggle} aria-label="Open the SolidX Agent (Ctrl+J)" title="SolidX Agent (Ctrl+J)">
+                    <Sparkles size={22} />
+                    {agent?.working && <span className={styles.bubbleBadge} aria-label="Agent is working" />}
+                </button>
+            )}
+        </div>
+    );
+}

package/dist/components/core/solid-agent/SolidAgentMarkdown.d.ts

@@ -0,0 +1,16 @@
+/** Only http(s), mailto and in-app paths are followed; anything else (javascript:, data:) is dropped. */
+export declare function safeHref(href?: string): string | undefined;
+/** Icon-only copy button (toolbar style), used by the code / diff widgets. */
+export declare function SolidAgentCopyButton({ text, label }: {
+    text: string;
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Small copy button shown under a message bubble on hover. */
+export declare function SolidAgentMessageCopyButton({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Markdown for agent text. Raw HTML in the source is never rendered (react-markdown default). */
+export declare function SolidAgentMarkdown({ text }: {
+    text: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidAgentMarkdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAgentMarkdown.d.ts","sourceRoot":"","sources":["../../../../src/components/core/solid-agent/SolidAgentMarkdown.tsx"],"names":[],"mappings":"AAOA,yGAAyG;AACzG,wBAAgB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI1D;AAWD,8EAA8E;AAC9E,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmBrF;AAED,+DAA+D;AAC/D,wBAAgB,2BAA2B,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAmBrE;AA0DD,kGAAkG;AAClG,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CAQ5D"}

package/dist/components/core/solid-agent/SolidAgentMarkdown.js

@@ -0,0 +1,161 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { Check, Copy } from "lucide-react";
+import styles from "./SolidAgent.module.css";
+import widgetStyles from "./widgets/solidChatWidgets.module.css";
+/** Only http(s), mailto and in-app paths are followed; anything else (javascript:, data:) is dropped. */
+export function safeHref(href) {
+    if (!href)
+        return undefined;
+    if (/^(https?:|mailto:)/i.test(href) || href.startsWith("/") || href.startsWith("#"))
+        return href;
+    return undefined;
+}
+function copyText(text, done) {
+    return __awaiter(this, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(text)];
+                case 1:
+                    _b.sent();
+                    done();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = _b.sent();
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    });
+}
+/** Icon-only copy button (toolbar style), used by the code / diff widgets. */
+export function SolidAgentCopyButton(_a) {
+    var text = _a.text, label = _a.label;
+    var _b = useState(false), copied = _b[0], setCopied = _b[1];
+    return (_jsx("button", { type: "button", className: styles.iconBtn, "aria-label": label !== null && label !== void 0 ? label : "Copy", title: copied ? "Copied" : label !== null && label !== void 0 ? label : "Copy", onClick: function (event) {
+            event.stopPropagation();
+            void copyText(text, function () {
+                setCopied(true);
+                setTimeout(function () { return setCopied(false); }, 1600);
+            });
+        }, children: copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) }));
+}
+/** Small copy button shown under a message bubble on hover. */
+export function SolidAgentMessageCopyButton(_a) {
+    var text = _a.text;
+    var _b = useState(false), copied = _b[0], setCopied = _b[1];
+    return (_jsx("button", { type: "button", className: widgetStyles.CopyBtn, title: "Copy", "aria-label": "Copy message", onClick: function (event) {
+            event.stopPropagation();
+            void copyText(text, function () {
+                setCopied(true);
+                setTimeout(function () { return setCopied(false); }, 2000);
+            });
+        }, children: copied ? _jsx(Check, { size: 11 }) : _jsx(Copy, { size: 11 }) }));
+}
+function CodeBlock(_a) {
+    var _b;
+    var className = _a.className, children = _a.children;
+    var _c = useState(false), copied = _c[0], setCopied = _c[1];
+    var code = String(children !== null && children !== void 0 ? children : "").replace(/\n$/, "");
+    var lang = (_b = className === null || className === void 0 ? void 0 : className.replace("language-", "")) !== null && _b !== void 0 ? _b : "";
+    return (_jsxs("div", { className: widgetStyles.CodeBlockWrapper, children: [_jsxs("div", { className: widgetStyles.CodeBlockHeader, children: [_jsx("span", { className: widgetStyles.CodeLang, children: lang || "code" }), _jsxs("button", { type: "button", className: widgetStyles.CodeCopyBtn, onClick: function () {
+                            return void copyText(code, function () {
+                                setCopied(true);
+                                setTimeout(function () { return setCopied(false); }, 2000);
+                            });
+                        }, children: [copied ? _jsx(Check, { size: 11 }) : _jsx(Copy, { size: 11 }), copied ? "Copied" : "Copy"] })] }), _jsx("pre", { className: widgetStyles.CodePre, children: _jsx("code", { children: code }) })] }));
+}
+var markdownComponents = {
+    code: function (_a) {
+        var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
+        // Only named fenced blocks (```lang) become a code block; everything else is inline code.
+        if (!/language-/.test(className || ""))
+            return _jsx("code", __assign({ className: widgetStyles.InlineCode }, rest, { children: children }));
+        return _jsx(CodeBlock, { className: className, children: children });
+    },
+    pre: function (_a) {
+        var children = _a.children;
+        return _jsx(_Fragment, { children: children });
+    },
+    table: function (_a) {
+        var children = _a.children;
+        return _jsx("div", { className: widgetStyles.MarkdownTableWrapper, children: _jsx("table", { children: children }) });
+    },
+    a: function (_a) {
+        var href = _a.href, children = _a.children;
+        var safe = safeHref(href);
+        if (!safe)
+            return _jsx("span", { children: children });
+        var external = /^https?:/i.test(safe);
+        return (_jsx("a", { href: safe, className: widgetStyles.MarkdownLink, target: external ? "_blank" : undefined, rel: external ? "noopener noreferrer" : undefined, children: children }));
+    },
+};
+/** Markdown for agent text. Raw HTML in the source is never rendered (react-markdown default). */
+export function SolidAgentMarkdown(_a) {
+    var text = _a.text;
+    return (_jsx("div", { className: widgetStyles.MarkdownRoot, children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: markdownComponents, children: text }) }));
+}
+//# sourceMappingURL=SolidAgentMarkdown.js.map

package/dist/components/core/solid-agent/SolidAgentMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAgentMarkdown.js","sourceRoot":"","sources":["../../../../src/components/core/solid-agent/SolidAgentMarkdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,YAAY,MAAM,uCAAuC,CAAC;AAEjE,yGAAyG;AACzG,MAAM,UAAU,QAAQ,CAAC,IAAa;IAClC,IAAI,CAAC,IAAI;QAAE,OAAO,SAAS,CAAC;IAC5B,IAAI,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAClG,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAe,QAAQ,CAAC,IAAY,EAAE,IAAgB;;;;;;;oBAE9C,qBAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA;;oBAAzC,SAAyC,CAAC;oBAC1C,IAAI,EAAE,CAAC;;;;;;;;;CAId;AAED,8EAA8E;AAC9E,MAAM,UAAU,oBAAoB,CAAC,EAAiD;QAA/C,IAAI,UAAA,EAAE,KAAK,WAAA;IACxC,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAC5C,OAAO,CACH,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,OAAO,gBACb,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EAC3B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EAC1C,OAAO,EAAE,UAAC,KAAK;YACX,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAChB,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,IAAI,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC,YAEA,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAC7C,CACZ,CAAC;AACN,CAAC;AAED,+DAA+D;AAC/D,MAAM,UAAU,2BAA2B,CAAC,EAA0B;QAAxB,IAAI,UAAA;IACxC,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAC5C,OAAO,CACH,iBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,YAAY,CAAC,OAAO,EAC/B,KAAK,EAAC,MAAM,gBACD,cAAc,EACzB,OAAO,EAAE,UAAC,KAAK;YACX,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,KAAK,QAAQ,CAAC,IAAI,EAAE;gBAChB,SAAS,CAAC,IAAI,CAAC,CAAC;gBAChB,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,IAAI,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACP,CAAC,YAEA,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAC7C,CACZ,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAA2E;;QAAzE,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC9B,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAC5C,IAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACvD,IAAM,IAAI,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,mCAAI,EAAE,CAAC;IACvD,OAAO,CACH,eAAK,SAAS,EAAE,YAAY,CAAC,gBAAgB,aACzC,eAAK,SAAS,EAAE,YAAY,CAAC,eAAe,aACxC,eAAM,SAAS,EAAE,YAAY,CAAC,QAAQ,YAAG,IAAI,IAAI,MAAM,GAAQ,EAC/D,kBACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,YAAY,CAAC,WAAW,EACnC,OAAO,EAAE;4BACL,OAAA,KAAK,QAAQ,CAAC,IAAI,EAAE;gCAChB,SAAS,CAAC,IAAI,CAAC,CAAC;gCAChB,UAAU,CAAC,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,EAAE,IAAI,CAAC,CAAC;4BAC7C,CAAC,CAAC;wBAHF,CAGE,aAGL,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EACjD,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,IACtB,IACP,EACN,cAAK,SAAS,EAAE,YAAY,CAAC,OAAO,YAAE,yBAAO,IAAI,GAAQ,GAAM,IAC7D,CACT,CAAC;AACN,CAAC;AAED,IAAM,kBAAkB,GAAG;IACvB,IAAI,YAAC,EAAqC;QAAnC,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;QAC/B,0FAA0F;QAC1F,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;YAAE,OAAO,wBAAM,SAAS,EAAE,YAAY,CAAC,UAAU,IAAM,IAAI,cAAG,QAAQ,IAAQ,CAAC;QACrH,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAa,CAAC;IACnE,CAAC;IACD,GAAG,YAAC,EAAiB;YAAf,QAAQ,cAAA;QACV,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAC3B,CAAC;IACD,KAAK,YAAC,EAAiB;YAAf,QAAQ,cAAA;QACZ,OAAO,cAAK,SAAS,EAAE,YAAY,CAAC,oBAAoB,YAAE,0BAAQ,QAAQ,GAAS,GAAM,CAAC;IAC9F,CAAC;IACD,CAAC,YAAC,EAAuB;YAArB,IAAI,UAAA,EAAE,QAAQ,cAAA;QACd,IAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI;YAAE,OAAO,yBAAO,QAAQ,GAAQ,CAAC;QAC1C,IAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,OAAO,CACH,YACI,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,YAAY,CAAC,YAAY,EACpC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,YAEhD,QAAQ,GACT,CACP,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,kGAAkG;AAClG,MAAM,UAAU,kBAAkB,CAAC,EAA0B;QAAxB,IAAI,UAAA;IACrC,OAAO,CACH,cAAK,SAAS,EAAE,YAAY,CAAC,YAAY,YACrC,KAAC,aAAa,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,kBAAkB,YACpE,IAAI,GACO,GACd,CACT,CAAC;AACN,CAAC","sourcesContent":["import React, { useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\nimport { Check, Copy } from \"lucide-react\";\nimport styles from \"./SolidAgent.module.css\";\nimport widgetStyles from \"./widgets/solidChatWidgets.module.css\";\n\n/** Only http(s), mailto and in-app paths are followed; anything else (javascript:, data:) is dropped. */\nexport function safeHref(href?: string): string | undefined {\n    if (!href) return undefined;\n    if (/^(https?:|mailto:)/i.test(href) || href.startsWith(\"/\") || href.startsWith(\"#\")) return href;\n    return undefined;\n}\n\nasync function copyText(text: string, done: () => void) {\n    try {\n        await navigator.clipboard.writeText(text);\n        done();\n    } catch {\n        // Clipboard blocked; the text stays selectable.\n    }\n}\n\n/** Icon-only copy button (toolbar style), used by the code / diff widgets. */\nexport function SolidAgentCopyButton({ text, label }: { text: string; label?: string }) {\n    const [copied, setCopied] = useState(false);\n    return (\n        <button\n            type=\"button\"\n            className={styles.iconBtn}\n            aria-label={label ?? \"Copy\"}\n            title={copied ? \"Copied\" : label ?? \"Copy\"}\n            onClick={(event) => {\n                event.stopPropagation();\n                void copyText(text, () => {\n                    setCopied(true);\n                    setTimeout(() => setCopied(false), 1600);\n                });\n            }}\n        >\n            {copied ? <Check size={14} /> : <Copy size={14} />}\n        </button>\n    );\n}\n\n/** Small copy button shown under a message bubble on hover. */\nexport function SolidAgentMessageCopyButton({ text }: { text: string }) {\n    const [copied, setCopied] = useState(false);\n    return (\n        <button\n            type=\"button\"\n            className={widgetStyles.CopyBtn}\n            title=\"Copy\"\n            aria-label=\"Copy message\"\n            onClick={(event) => {\n                event.stopPropagation();\n                void copyText(text, () => {\n                    setCopied(true);\n                    setTimeout(() => setCopied(false), 2000);\n                });\n            }}\n        >\n            {copied ? <Check size={11} /> : <Copy size={11} />}\n        </button>\n    );\n}\n\nfunction CodeBlock({ className, children }: { className?: string; children?: React.ReactNode }) {\n    const [copied, setCopied] = useState(false);\n    const code = String(children ?? \"\").replace(/\\n$/, \"\");\n    const lang = className?.replace(\"language-\", \"\") ?? \"\";\n    return (\n        <div className={widgetStyles.CodeBlockWrapper}>\n            <div className={widgetStyles.CodeBlockHeader}>\n                <span className={widgetStyles.CodeLang}>{lang || \"code\"}</span>\n                <button\n                    type=\"button\"\n                    className={widgetStyles.CodeCopyBtn}\n                    onClick={() =>\n                        void copyText(code, () => {\n                            setCopied(true);\n                            setTimeout(() => setCopied(false), 2000);\n                        })\n                    }\n                >\n                    {copied ? <Check size={11} /> : <Copy size={11} />}\n                    {copied ? \"Copied\" : \"Copy\"}\n                </button>\n            </div>\n            <pre className={widgetStyles.CodePre}><code>{code}</code></pre>\n        </div>\n    );\n}\n\nconst markdownComponents = {\n    code({ className, children, ...rest }: any) {\n        // Only named fenced blocks (```lang) become a code block; everything else is inline code.\n        if (!/language-/.test(className || \"\")) return <code className={widgetStyles.InlineCode} {...rest}>{children}</code>;\n        return <CodeBlock className={className}>{children}</CodeBlock>;\n    },\n    pre({ children }: any) {\n        return <>{children}</>;\n    },\n    table({ children }: any) {\n        return <div className={widgetStyles.MarkdownTableWrapper}><table>{children}</table></div>;\n    },\n    a({ href, children }: any) {\n        const safe = safeHref(href);\n        if (!safe) return <span>{children}</span>;\n        const external = /^https?:/i.test(safe);\n        return (\n            <a\n                href={safe}\n                className={widgetStyles.MarkdownLink}\n                target={external ? \"_blank\" : undefined}\n                rel={external ? \"noopener noreferrer\" : undefined}\n            >\n                {children}\n            </a>\n        );\n    },\n};\n\n/** Markdown for agent text. Raw HTML in the source is never rendered (react-markdown default). */\nexport function SolidAgentMarkdown({ text }: { text: string }) {\n    return (\n        <div className={widgetStyles.MarkdownRoot}>\n            <ReactMarkdown remarkPlugins={[remarkGfm]} components={markdownComponents}>\n                {text}\n            </ReactMarkdown>\n        </div>\n    );\n}\n"]}