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

package/dist/routes/pages/admin/core/WorkflowDefinitionEditorPage.tsx

@@ -117,7 +117,7 @@ type WorkflowDefinitionDsl = {
   metadata?: Record<string, any>;
 };
 
-type WorkflowSecretSuggestionRecord = {
+type SecretSuggestionRecord = {
   id?: number;
   key?: string;
   displayName?: string;
@@ -1772,7 +1772,7 @@ function buildWorkflowExpressionSuggestions(
   definition: WorkflowDefinitionDsl,
   nodeTypes: WorkflowNodeMetadataResponse[],
   currentNodeId: string,
-  workflowSecrets: WorkflowSecretSuggestionRecord[] = [],
+  secrets: SecretSuggestionRecord[] = [],
 ): WorkflowExpressionSuggestion[] {
   const nodeTypesByType = new Map(nodeTypes.map((nodeType) => [nodeType.type, nodeType]));
   const suggestions: WorkflowExpressionSuggestion[] = [];
@@ -1822,7 +1822,7 @@ function buildWorkflowExpressionSuggestions(
     );
   });
 
-  workflowSecrets
+  secrets
     .filter((secret) => String(secret.status ?? "active") === "active")
     .forEach((secret) => {
       const key = String(secret.key ?? "").trim();
@@ -2131,8 +2131,8 @@ export function WorkflowDefinitionEditorPage() {
     () => createSolidEntityApi("workflowStepExecution"),
     [],
   );
-  const workflowSecretApi = React.useMemo(
-    () => createSolidEntityApi("workflowSecret"),
+  const secretApi = React.useMemo(
+    () => createSolidEntityApi("secret"),
     [],
   );
   const {
@@ -2150,8 +2150,8 @@ export function WorkflowDefinitionEditorPage() {
     useLazyGetSolidEntitiesQuery: useLazyGetWorkflowStepExecutionsQuery,
   } = workflowStepExecutionApi;
   const {
-    useGetSolidEntitiesQuery: useGetWorkflowSecretsQuery,
-  } = workflowSecretApi;
+    useGetSolidEntitiesQuery: useGetSecretsQuery,
+  } = secretApi;
 
   const workflowDefinitionId = params.id ?? "";
 
@@ -2182,7 +2182,7 @@ export function WorkflowDefinitionEditorPage() {
   const { data: moduleMetadataResponse } = useGetmodulesQuery(
     "offset=0&limit=100&sort[0]=displayName%3Aasc",
   );
-  const { data: workflowSecretsResponse } = useGetWorkflowSecretsQuery(
+  const { data: secretsResponse } = useGetSecretsQuery(
     "offset=0&limit=1000&fields[0]=id&fields[1]=key&fields[2]=displayName&fields[3]=description&fields[4]=valueType&fields[5]=status&filters[status][$eq]=active&sort[0]=key%3Aasc",
   );
 
@@ -2203,9 +2203,9 @@ export function WorkflowDefinitionEditorPage() {
     () => moduleRecords.filter(isWorkflowModuleSelectable),
     [moduleRecords],
   );
-  const workflowSecretRecords = React.useMemo(
-    () => ((workflowSecretsResponse?.records ?? []) as WorkflowSecretSuggestionRecord[]),
-    [workflowSecretsResponse?.records],
+  const secretRecords = React.useMemo(
+    () => ((secretsResponse?.records ?? []) as SecretSuggestionRecord[]),
+    [secretsResponse?.records],
   );
 
   const [workflowKey, setWorkflowKey] = React.useState("");
@@ -2466,10 +2466,10 @@ export function WorkflowDefinitionEditorPage() {
             definitionDraft,
             nodeTypes,
             selectedNodeId,
-            workflowSecretRecords,
+            secretRecords,
           )
         : [],
-    [definitionDraft, nodeTypes, selectedNodeId, workflowSecretRecords],
+    [definitionDraft, nodeTypes, selectedNodeId, secretRecords],
   );
 
   const addNodeExpressionSuggestions = React.useMemo(
@@ -2482,10 +2482,10 @@ export function WorkflowDefinitionEditorPage() {
               definitionDraft.nodes,
               pendingInsertTarget,
             ),
-            workflowSecretRecords,
+            secretRecords,
           )
         : [],
-    [definitionDraft, nodeTypes, pendingInsertTarget, workflowSecretRecords],
+    [definitionDraft, nodeTypes, pendingInsertTarget, secretRecords],
   );
 
   const validateWorkflowIdentity = React.useCallback(() => {

package/dist/routes/pages/embed/AgentEmbedPage.d.ts

@@ -0,0 +1,3 @@
+/** Public iframe surface. Authentication is supplied by the parent SDK, with no admin layout or session. */
+export declare function AgentEmbedPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentEmbedPage.d.ts.map

package/dist/routes/pages/embed/AgentEmbedPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEmbedPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/embed/AgentEmbedPage.tsx"],"names":[],"mappings":"AAgBA,4GAA4G;AAC5G,wBAAgB,cAAc,4CAuJ7B"}

package/dist/routes/pages/embed/AgentEmbedPage.js

@@ -0,0 +1,170 @@
+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 React, { useEffect, useMemo, useRef, useState } from "react";
+import { useParams } from "react-router-dom";
+import { Provider } from "react-redux";
+import { configureStore } from "@reduxjs/toolkit";
+import agentReducer from "../../../redux/features/agentSlice";
+import { SolidAgentEmbedded } from "../../../components/core/solid-agent/SolidAgentEmbedded";
+import { registerExternalAgentAuth, renewExternalAgentAuth } from "../../../components/core/solid-agent/client/agentAuth";
+import { EMBED_CHANNEL, MissingAgentInputsError, validateBootstrap, validateEmbedInputs } from "../../../components/core/solid-agent/embed/agentEmbedProtocol";
+import styles from "./AgentEmbedPage.module.css";
+/** Request IDs correlate iframe messages; they are not credentials and need not be cryptographic. */
+function createEmbedRequestId() {
+    if (typeof crypto.randomUUID === "function")
+        return crypto.randomUUID();
+    return "embed-".concat(Date.now().toString(36), "-").concat(Math.random().toString(36).slice(2), "-").concat(Math.random().toString(36).slice(2));
+}
+/** Public iframe surface. Authentication is supplied by the parent SDK, with no admin layout or session. */
+export function AgentEmbedPage() {
+    var _a, _b;
+    var agentId = Number(useParams().agentId);
+    var store = useState(function () { return configureStore({ reducer: { solidAgent: agentReducer } }); })[0];
+    var _c = useState(null), bootstrap = _c[0], setBootstrap = _c[1];
+    var _d = useState({}), inputs = _d[0], setInputs = _d[1];
+    var _e = useState(""), error = _e[0], setError = _e[1];
+    var _f = useState([]), missingInputs = _f[0], setMissingInputs = _f[1];
+    var locked = useRef(false);
+    var schema = useRef(null);
+    var params = useMemo(function () { return new URLSearchParams(window.location.search); }, []);
+    var parentOrigin = (_a = params.get("parentOrigin")) !== null && _a !== void 0 ? _a : "";
+    var instanceId = (_b = params.get("instanceId")) !== null && _b !== void 0 ? _b : "";
+    var agentUrl = "".concat(window.location.origin, "/embed/agent/").concat(agentId, "?agentId=").concat(agentId, "&embedInstance=").concat(encodeURIComponent(instanceId));
+    var send = React.useCallback(function (type, data) {
+        if (data === void 0) { data = {}; }
+        console.info("[agent-embed][iframe] sending parent message", { type: type, instanceId: instanceId, requestId: data.requestId });
+        if (parentOrigin)
+            window.parent.postMessage(__assign({ channel: EMBED_CHANNEL, version: 1, instanceId: instanceId, type: type }, data), parentOrigin);
+    }, [parentOrigin, instanceId]);
+    useEffect(function () {
+        console.info("[agent-embed][iframe] page initialized", { agentId: agentId, pageOrigin: window.location.origin, parentOrigin: parentOrigin, hasInstanceId: !!instanceId, isFramed: window.parent !== window });
+        var parent;
+        try {
+            parent = new URL(parentOrigin);
+        }
+        catch (_a) {
+            console.error("[agent-embed][iframe] invalid parentOrigin", { parentOrigin: parentOrigin });
+            setError("Open this chat using the SolidX embed SDK.");
+            return;
+        }
+        if (window.parent === window || !instanceId || !Number.isSafeInteger(agentId) || agentId <= 0
+            || parent.origin !== parentOrigin || !["http:", "https:"].includes(parent.protocol)) {
+            console.error("[agent-embed][iframe] embed configuration rejected", { isFramed: window.parent !== window,
+                hasInstanceId: !!instanceId, validAgentId: Number.isSafeInteger(agentId) && agentId > 0,
+                parentOriginIsCanonical: parent.origin === parentOrigin, parentProtocol: parent.protocol });
+            setError("Invalid embed configuration.");
+            return;
+        }
+        console.info("[agent-embed][iframe] embed configuration accepted", { agentId: agentId, parentOrigin: parent.origin });
+        var disposed = false;
+        var pending = null;
+        var registration = registerExternalAgentAuth(agentUrl, function () { return new Promise(function (resolve, reject) {
+            setError("");
+            setMissingInputs([]);
+            var id = createEmbedRequestId();
+            var timer = setTimeout(function () {
+                pending = null;
+                var failure = new Error("The token endpoint did not respond. Try reconnecting.");
+                console.error("[agent-embed][iframe] token request timed out", { requestId: id, timeoutMs: 30000 });
+                if (!disposed)
+                    setError(failure.message);
+                reject(failure);
+            }, 30000);
+            pending = { id: id, resolve: resolve, reject: reject, timer: timer };
+            console.info("[agent-embed][iframe] requesting token from parent", { requestId: id });
+            send("token_request", { requestId: id });
+        }); });
+        var receive = function (event) {
+            var data = event.data;
+            if (event.source !== window.parent || event.origin !== parentOrigin || !data || data.channel !== EMBED_CHANNEL
+                || data.version !== 1 || data.instanceId !== instanceId) {
+                console.info("[agent-embed][iframe] ignored parent message", { sourceMatchesParent: event.source === window.parent,
+                    originMatchesParent: event.origin === parentOrigin, hasData: !!data,
+                    channelMatches: !!data && data.channel === EMBED_CHANNEL, versionMatches: !!data && data.version === 1,
+                    instanceMatches: !!data && data.instanceId === instanceId });
+                return;
+            }
+            console.info("[agent-embed][iframe] received parent message", { type: data.type, requestId: data.requestId });
+            if ((data.type === "token" || data.type === "token_error") && pending && pending.id === data.requestId) {
+                var request = pending;
+                pending = null;
+                clearTimeout(request.timer);
+                try {
+                    if (data.type === "token_error")
+                        throw new Error(String(data.error || "Could not authenticate the chat."));
+                    var next = validateBootstrap(data.auth, agentId);
+                    console.info("[agent-embed][iframe] token bootstrap validated", { agentId: agentId, hasAgentToken: !!next.agentToken, hasWsUrl: !!next.wsUrl, hasHttpUrl: !!next.httpUrl,
+                        requiredInputsCount: next.requiredInputs.length, inputsProvided: !!data.inputs });
+                    // A renewal may return a changed schema. Existing sessions keep their original inputs.
+                    if (!locked.current) {
+                        validateEmbedInputs(next.requiredInputs, data.inputs);
+                        setInputs(data.inputs);
+                    }
+                    schema.current = next;
+                    setBootstrap(next);
+                    setError("");
+                    setMissingInputs([]);
+                    request.resolve(__assign(__assign({}, next), { solidUserId: null }));
+                    send("authenticated");
+                }
+                catch (failure) {
+                    var message = failure instanceof Error ? failure.message : "Invalid bootstrap response.";
+                    console.error("[agent-embed][iframe] token bootstrap rejected", { name: failure instanceof Error ? failure.name : "unknown", message: message });
+                    if (failure instanceof MissingAgentInputsError)
+                        setMissingInputs(failure.inputNames);
+                    else
+                        setError(message);
+                    request.reject(new Error(message));
+                    send("error", { error: message });
+                }
+            }
+            else if (data.type === "set_inputs") {
+                try {
+                    if (locked.current)
+                        throw new Error("Start a new chat before changing inputs.");
+                    if (schema.current)
+                        validateEmbedInputs(schema.current.requiredInputs, data.inputs);
+                    setInputs(data.inputs);
+                    send("inputs_result", { requestId: data.requestId, ok: true });
+                }
+                catch (failure) {
+                    send("inputs_result", { requestId: data.requestId, ok: false, error: String(failure) });
+                }
+            }
+        };
+        window.addEventListener("message", receive);
+        var onKey = function (event) { if (event.key === "Escape")
+            send("close"); };
+        window.addEventListener("keydown", onKey);
+        send("ready");
+        void renewExternalAgentAuth(agentUrl).then(function () {
+            console.info("[agent-embed][iframe] initial auth renewal completed");
+        }).catch(function (failure) {
+            console.warn("[agent-embed][iframe] initial auth renewal failed", { message: failure instanceof Error ? failure.message : String(failure) });
+        });
+        return function () {
+            disposed = true;
+            window.removeEventListener("message", receive);
+            window.removeEventListener("keydown", onKey);
+            if (pending) {
+                clearTimeout(pending.timer);
+                pending.reject(new Error("Embed closed."));
+                pending = null;
+            }
+            registration.dispose();
+        };
+    }, [agentId, agentUrl, instanceId, parentOrigin, send]);
+    return _jsx(Provider, { store: store, children: _jsxs("main", { className: styles.page, children: [missingInputs.length > 0 ? (_jsx("section", { role: "alert", className: styles.errorPage, children: _jsxs("div", { className: styles.errorCard, children: [_jsx("span", { className: styles.errorMark, "aria-hidden": "true", children: "!" }), _jsx("p", { className: styles.errorEyebrow, children: "Agent setup required" }), _jsx("h1", { children: "This agent needs input values" }), _jsx("p", { className: styles.errorCopy, children: "The chat could not start because the host application did not provide all required inputs." }), _jsxs("div", { className: styles.missingInputs, children: [_jsx("strong", { children: "Missing inputs" }), _jsx("ul", { children: missingInputs.map(function (name) { return _jsx("li", { children: _jsx("code", { children: name }) }, name); }) })] }), _jsxs("p", { className: styles.errorHint, children: ["Update the SDK integration to pass these values in its ", _jsx("code", { children: "inputs" }), " option, then open the chat again."] }), _jsx("button", { type: "button", className: styles.errorClose, onClick: function () { return send("close"); }, children: "Close chat" })] }) })) : error ? (_jsx("section", { role: "alert", className: styles.errorPage, children: _jsxs("div", { className: styles.errorCard, children: [_jsx("span", { className: styles.errorMark, "aria-hidden": "true", children: "!" }), _jsx("p", { className: styles.errorEyebrow, children: "Connection problem" }), _jsx("h1", { children: "We couldn\u2019t start this chat" }), _jsx("p", { className: styles.errorCopy, children: error }), _jsx("button", { type: "button", className: styles.reconnect, onClick: function () { return void renewExternalAgentAuth(agentUrl).catch(function () { }); }, children: "Try again" })] }) })) : null, bootstrap ? _jsx(SolidAgentEmbedded, { agentRuntime: "agentHub", agentId: agentId, title: bootstrap.title, inputs: inputs, height: "100%", externalEmbed: { agentUrl: agentUrl, onInputsLocked: function (value) { locked.current = value; send("inputs_locked", { locked: value }); } } })
+                    : !error && missingInputs.length === 0 && _jsx("div", { className: styles.loading, role: "status", "aria-live": "polite", children: _jsxs("div", { className: styles.loadingCard, children: [_jsx("span", { className: styles.spinner, "aria-hidden": "true" }), _jsx("span", { className: styles.loadingTitle, children: "Please wait" }), _jsx("span", { className: styles.loadingMessage, children: "Connecting to your assistant" })] }) })] }) });
+}
+//# sourceMappingURL=AgentEmbedPage.js.map

package/dist/routes/pages/embed/AgentEmbedPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentEmbedPage.js","sourceRoot":"","sources":["../../../../src/routes/pages/embed/AgentEmbedPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Provider } from \"react-redux\";\nimport { configureStore } from \"@reduxjs/toolkit\";\nimport agentReducer from \"../../../redux/features/agentSlice\";\nimport { SolidAgentEmbedded } from \"../../../components/core/solid-agent/SolidAgentEmbedded\";\nimport { registerExternalAgentAuth, renewExternalAgentAuth, type AgentAuth } from \"../../../components/core/solid-agent/client/agentAuth\";\nimport { EMBED_CHANNEL, MissingAgentInputsError, validateBootstrap, validateEmbedInputs, type AgentEmbedBootstrap } from \"../../../components/core/solid-agent/embed/agentEmbedProtocol\";\nimport styles from \"./AgentEmbedPage.module.css\";\n\n/** Request IDs correlate iframe messages; they are not credentials and need not be cryptographic. */\nfunction createEmbedRequestId(): string {\n    if (typeof crypto.randomUUID === \"function\") return crypto.randomUUID();\n    return `embed-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}-${Math.random().toString(36).slice(2)}`;\n}\n\n/** Public iframe surface. Authentication is supplied by the parent SDK, with no admin layout or session. */\nexport function AgentEmbedPage() {\n    const agentId = Number(useParams().agentId);\n    const [store] = useState(() => configureStore({ reducer: { solidAgent: agentReducer } }));\n    const [bootstrap, setBootstrap] = useState<AgentEmbedBootstrap | null>(null);\n    const [inputs, setInputs] = useState<Record<string, unknown>>({});\n    const [error, setError] = useState(\"\");\n    const [missingInputs, setMissingInputs] = useState<string[]>([]);\n    const locked = useRef(false);\n    const schema = useRef<AgentEmbedBootstrap | null>(null);\n    const params = useMemo(() => new URLSearchParams(window.location.search), []);\n    const parentOrigin = params.get(\"parentOrigin\") ?? \"\";\n    const instanceId = params.get(\"instanceId\") ?? \"\";\n    const agentUrl = `${window.location.origin}/embed/agent/${agentId}?agentId=${agentId}&embedInstance=${encodeURIComponent(instanceId)}`;\n    const send = React.useCallback((type: string, data: Record<string, unknown> = {}) => {\n        console.info(\"[agent-embed][iframe] sending parent message\", { type, instanceId, requestId: data.requestId });\n        if (parentOrigin) window.parent.postMessage({ channel: EMBED_CHANNEL, version: 1, instanceId, type, ...data }, parentOrigin);\n    }, [parentOrigin, instanceId]);\n\n    useEffect(() => {\n        console.info(\"[agent-embed][iframe] page initialized\", { agentId, pageOrigin: window.location.origin,\n            parentOrigin, hasInstanceId: !!instanceId, isFramed: window.parent !== window });\n        let parent: URL;\n        try { parent = new URL(parentOrigin); } catch {\n            console.error(\"[agent-embed][iframe] invalid parentOrigin\", { parentOrigin });\n            setError(\"Open this chat using the SolidX embed SDK.\"); return;\n        }\n        if (window.parent === window || !instanceId || !Number.isSafeInteger(agentId) || agentId <= 0\n            || parent.origin !== parentOrigin || ![\"http:\", \"https:\"].includes(parent.protocol)) {\n            console.error(\"[agent-embed][iframe] embed configuration rejected\", { isFramed: window.parent !== window,\n                hasInstanceId: !!instanceId, validAgentId: Number.isSafeInteger(agentId) && agentId > 0,\n                parentOriginIsCanonical: parent.origin === parentOrigin, parentProtocol: parent.protocol });\n            setError(\"Invalid embed configuration.\"); return;\n        }\n        console.info(\"[agent-embed][iframe] embed configuration accepted\", { agentId, parentOrigin: parent.origin });\n        let disposed = false;\n        let pending: { id: string; resolve: (auth: AgentAuth) => void; reject: (error: Error) => void; timer: ReturnType<typeof setTimeout> } | null = null;\n        const registration = registerExternalAgentAuth(agentUrl, () => new Promise<AgentAuth>((resolve, reject) => {\n            setError(\"\");\n            setMissingInputs([]);\n            const id = createEmbedRequestId();\n            const timer = setTimeout(() => {\n                pending = null;\n                const failure = new Error(\"The token endpoint did not respond. Try reconnecting.\");\n                console.error(\"[agent-embed][iframe] token request timed out\", { requestId: id, timeoutMs: 30000 });\n                if (!disposed) setError(failure.message);\n                reject(failure);\n            }, 30000);\n            pending = { id, resolve, reject, timer };\n            console.info(\"[agent-embed][iframe] requesting token from parent\", { requestId: id });\n            send(\"token_request\", { requestId: id });\n        }));\n        const receive = (event: MessageEvent) => {\n            const data = event.data;\n            if (event.source !== window.parent || event.origin !== parentOrigin || !data || data.channel !== EMBED_CHANNEL\n                || data.version !== 1 || data.instanceId !== instanceId) {\n                console.info(\"[agent-embed][iframe] ignored parent message\", { sourceMatchesParent: event.source === window.parent,\n                    originMatchesParent: event.origin === parentOrigin, hasData: !!data,\n                    channelMatches: !!data && data.channel === EMBED_CHANNEL, versionMatches: !!data && data.version === 1,\n                    instanceMatches: !!data && data.instanceId === instanceId });\n                return;\n            }\n            console.info(\"[agent-embed][iframe] received parent message\", { type: data.type, requestId: data.requestId });\n            if ((data.type === \"token\" || data.type === \"token_error\") && pending && pending.id === data.requestId) {\n                const request = pending;\n                pending = null;\n                clearTimeout(request.timer);\n                try {\n                    if (data.type === \"token_error\") throw new Error(String(data.error || \"Could not authenticate the chat.\"));\n                    const next = validateBootstrap(data.auth, agentId);\n                    console.info(\"[agent-embed][iframe] token bootstrap validated\", { agentId,\n                        hasAgentToken: !!next.agentToken, hasWsUrl: !!next.wsUrl, hasHttpUrl: !!next.httpUrl,\n                        requiredInputsCount: next.requiredInputs.length, inputsProvided: !!data.inputs });\n                    // A renewal may return a changed schema. Existing sessions keep their original inputs.\n                    if (!locked.current) { validateEmbedInputs(next.requiredInputs, data.inputs); setInputs(data.inputs); }\n                    schema.current = next;\n                    setBootstrap(next);\n                    setError(\"\");\n                    setMissingInputs([]);\n                    request.resolve({ ...next, solidUserId: null });\n                    send(\"authenticated\");\n                } catch (failure) {\n                    const message = failure instanceof Error ? failure.message : \"Invalid bootstrap response.\";\n                    console.error(\"[agent-embed][iframe] token bootstrap rejected\", { name: failure instanceof Error ? failure.name : \"unknown\", message });\n                    if (failure instanceof MissingAgentInputsError) setMissingInputs(failure.inputNames);\n                    else setError(message);\n                    request.reject(new Error(message)); send(\"error\", { error: message });\n                }\n            } else if (data.type === \"set_inputs\") {\n                try {\n                    if (locked.current) throw new Error(\"Start a new chat before changing inputs.\");\n                    if (schema.current) validateEmbedInputs(schema.current.requiredInputs, data.inputs);\n                    setInputs(data.inputs);\n                    send(\"inputs_result\", { requestId: data.requestId, ok: true });\n                } catch (failure) { send(\"inputs_result\", { requestId: data.requestId, ok: false, error: String(failure) }); }\n            }\n        };\n        window.addEventListener(\"message\", receive);\n        const onKey = (event: KeyboardEvent) => { if (event.key === \"Escape\") send(\"close\"); };\n        window.addEventListener(\"keydown\", onKey);\n        send(\"ready\");\n        void renewExternalAgentAuth(agentUrl).then(() => {\n            console.info(\"[agent-embed][iframe] initial auth renewal completed\");\n        }).catch((failure) => {\n            console.warn(\"[agent-embed][iframe] initial auth renewal failed\", { message: failure instanceof Error ? failure.message : String(failure) });\n        });\n        return () => {\n            disposed = true;\n            window.removeEventListener(\"message\", receive);\n            window.removeEventListener(\"keydown\", onKey);\n            if (pending) { clearTimeout(pending.timer); pending.reject(new Error(\"Embed closed.\")); pending = null; }\n            registration.dispose();\n        };\n    }, [agentId, agentUrl, instanceId, parentOrigin, send]);\n\n    return <Provider store={store}><main className={styles.page}>\n        {missingInputs.length > 0 ? (\n            <section role=\"alert\" className={styles.errorPage}>\n                <div className={styles.errorCard}>\n                    <span className={styles.errorMark} aria-hidden=\"true\">!</span>\n                    <p className={styles.errorEyebrow}>Agent setup required</p>\n                    <h1>This agent needs input values</h1>\n                    <p className={styles.errorCopy}>The chat could not start because the host application did not provide all required inputs.</p>\n                    <div className={styles.missingInputs}>\n                        <strong>Missing inputs</strong>\n                        <ul>{missingInputs.map((name) => <li key={name}><code>{name}</code></li>)}</ul>\n                    </div>\n                    <p className={styles.errorHint}>Update the SDK integration to pass these values in its <code>inputs</code> option, then open the chat again.</p>\n                    <button type=\"button\" className={styles.errorClose} onClick={() => send(\"close\")}>Close chat</button>\n                </div>\n            </section>\n        ) : error ? (\n            <section role=\"alert\" className={styles.errorPage}>\n                <div className={styles.errorCard}>\n                    <span className={styles.errorMark} aria-hidden=\"true\">!</span>\n                    <p className={styles.errorEyebrow}>Connection problem</p>\n                    <h1>We couldn’t start this chat</h1>\n                    <p className={styles.errorCopy}>{error}</p>\n                    <button type=\"button\" className={styles.reconnect} onClick={() => void renewExternalAgentAuth(agentUrl).catch(() => {})}>Try again</button>\n                </div>\n            </section>\n        ) : null}\n        {bootstrap ? <SolidAgentEmbedded agentRuntime=\"agentHub\" agentId={agentId} title={bootstrap.title} inputs={inputs} height=\"100%\"\n            externalEmbed={{ agentUrl, onInputsLocked: (value) => { locked.current = value; send(\"inputs_locked\", { locked: value }); } }} />\n            : !error && missingInputs.length === 0 && <div className={styles.loading} role=\"status\" aria-live=\"polite\">\n                <div className={styles.loadingCard}>\n                    <span className={styles.spinner} aria-hidden=\"true\" />\n                    <span className={styles.loadingTitle}>Please wait</span>\n                    <span className={styles.loadingMessage}>Connecting to your assistant</span>\n                </div>\n            </div>}\n    </main></Provider>;\n}\n"]}

package/dist/routes/pages/embed/AgentEmbedPage.module.css

@@ -0,0 +1,195 @@
+.page {
+    height: 100dvh;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    background: #f7f9f8;
+    color: #172033;
+    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.loading {
+    flex: 1 1 auto;
+    display: grid;
+    place-items: center;
+    padding: 24px;
+    background: radial-gradient(ellipse at center, #edf5f0 0%, #f7f9f8 68%);
+}
+
+.loadingCard {
+    min-width: 220px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 11px;
+    padding: 24px 30px;
+    border: 1px solid #e0e9e3;
+    border-radius: 16px;
+    background: rgba(255, 255, 255, 0.92);
+    box-shadow: 0 12px 34px rgba(28, 55, 43, 0.08);
+    text-align: center;
+}
+
+.spinner {
+    width: 32px;
+    height: 32px;
+    border: 3px solid #dce9e1;
+    border-top-color: #147a62;
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+}
+
+.loadingTitle {
+    color: #1f302b;
+    font-size: 13px;
+    font-weight: 650;
+    letter-spacing: 0.01em;
+}
+
+.loadingMessage {
+    color: #718078;
+    font-size: 12px;
+    line-height: 1.45;
+}
+
+.error {
+    margin: 16px;
+    padding: 14px 16px;
+    border: 1px solid #f1d2cd;
+    border-radius: 12px;
+    background: #fff8f6;
+    color: #a13b2b;
+    font-size: 13px;
+    line-height: 1.5;
+}
+
+.errorPage {
+    flex: 1 1 auto;
+    display: grid;
+    place-items: center;
+    padding: 24px;
+    background: radial-gradient(ellipse at center, #edf5f0 0%, #f7f9f8 68%);
+}
+
+.errorCard {
+    width: min(100%, 430px);
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 30px;
+    border: 1px solid #e0e9e3;
+    border-radius: 18px;
+    background: rgba(255, 255, 255, 0.96);
+    box-shadow: 0 18px 48px rgba(28, 55, 43, 0.1);
+}
+
+.errorMark {
+    display: grid;
+    width: 38px;
+    height: 38px;
+    place-items: center;
+    border-radius: 50%;
+    background: #fff2e8;
+    color: #b54727;
+    font-size: 20px;
+    font-weight: 700;
+}
+
+.errorEyebrow {
+    margin: 18px 0 5px;
+    color: #147a62;
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.09em;
+    text-transform: uppercase;
+}
+
+.errorCard h1 {
+    margin: 0;
+    color: #1f302b;
+    font-size: 22px;
+    line-height: 1.25;
+}
+
+.errorCopy,
+.errorHint {
+    margin: 11px 0 0;
+    color: #64756d;
+    font-size: 13px;
+    line-height: 1.55;
+}
+
+.missingInputs {
+    width: 100%;
+    box-sizing: border-box;
+    margin-top: 18px;
+    padding: 14px 16px;
+    border: 1px solid #e5ebe7;
+    border-radius: 11px;
+    background: #f7faf8;
+    color: #33433b;
+    font-size: 12px;
+}
+
+.missingInputs ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 7px;
+    margin: 10px 0 0;
+    padding: 0;
+    list-style: none;
+}
+
+.missingInputs li code,
+.errorHint code {
+    padding: 3px 7px;
+    border-radius: 5px;
+    background: #e8f1eb;
+    color: #14634f;
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 11px;
+}
+
+.errorClose {
+    margin-top: 20px;
+    padding: 9px 14px;
+    border: 0;
+    border-radius: 8px;
+    background: #172033;
+    color: #fff;
+    font: inherit;
+    font-size: 12px;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.errorClose:focus-visible {
+    outline: 2px solid #147a62;
+    outline-offset: 3px;
+}
+
+.reconnect {
+    display: block;
+    margin-top: 10px;
+    padding: 7px 11px;
+    border: 1px solid #e4b7ae;
+    border-radius: 8px;
+    background: #fff;
+    color: #873327;
+    font: inherit;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.reconnect:focus-visible {
+    outline: 2px solid #a13b2b;
+    outline-offset: 2px;
+}
+
+@keyframes spin {
+    to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .spinner { animation-duration: 1.8s; }
+}