@circuitwall/jarela 0.7.0 → 0.7.2

package/.next/standalone/.next/static/chunks/app/setup/page-28c01e39806ffb39.js

@@ -0,0 +1,709 @@
+(self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[620],{
+
+/***/ 24:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 5047));
+
+
+/***/ }),
+
+/***/ 981:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ ShieldCheck)
+/* harmony export */ });
+/* unused harmony export __iconNode */
+/* harmony import */ var _createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9537);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+            key: "oel41y"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
+        }
+    ]
+];
+const ShieldCheck = (0,_createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)("shield-check", __iconNode);
+ //# sourceMappingURL=shield-check.mjs.map
+
+
+/***/ }),
+
+/***/ 1275:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ ExternalLink)
+/* harmony export */ });
+/* unused harmony export __iconNode */
+/* harmony import */ var _createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9537);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "M15 3h6v6",
+            key: "1q9fwt"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M10 14 21 3",
+            key: "gplh6r"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+            key: "a6xqqp"
+        }
+    ]
+];
+const ExternalLink = (0,_createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)("external-link", __iconNode);
+ //# sourceMappingURL=external-link.mjs.map
+
+
+/***/ }),
+
+/***/ 2571:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ LoaderCircle)
+/* harmony export */ });
+/* unused harmony export __iconNode */
+/* harmony import */ var _createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9537);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const __iconNode = [
+    [
+        "path",
+        {
+            d: "M21 12a9 9 0 1 1-6.219-8.56",
+            key: "13zald"
+        }
+    ]
+];
+const LoaderCircle = (0,_createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)("loader-circle", __iconNode);
+ //# sourceMappingURL=loader-circle.mjs.map
+
+
+/***/ }),
+
+/***/ 4890:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ CircleX)
+/* harmony export */ });
+/* unused harmony export __iconNode */
+/* harmony import */ var _createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9537);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const __iconNode = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m15 9-6 6",
+            key: "1uzhvr"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 9 6 6",
+            key: "z0biqf"
+        }
+    ]
+];
+const CircleX = (0,_createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)("circle-x", __iconNode);
+ //# sourceMappingURL=circle-x.mjs.map
+
+
+/***/ }),
+
+/***/ 4962:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ CircleCheck)
+/* harmony export */ });
+/* unused harmony export __iconNode */
+/* harmony import */ var _createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9537);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const __iconNode = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
+        }
+    ]
+];
+const CircleCheck = (0,_createLucideIcon_mjs__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)("circle-check", __iconNode);
+ //# sourceMappingURL=circle-check.mjs.map
+
+
+/***/ }),
+
+/***/ 5047:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FirstKeySetup: () => (/* binding */ FirstKeySetup)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5155);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2115);
+/* harmony import */ var _barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1275);
+/* harmony import */ var _barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(4962);
+/* harmony import */ var _barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(4890);
+/* harmony import */ var _barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(2571);
+/* harmony import */ var _barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(981);
+/* harmony import */ var _api_client__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1490);
+/* harmony import */ var _lib_env_app_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7920);
+/* __next_internal_client_entry_do_not_use__ FirstKeySetup auto */ 
+// First-key setup screen (ADR-0010). Three fields, one button. Once a key
+// validates and saves, the user lands in the chat and the agent takes over
+// the rest of onboarding.
+
+
+
+
+const PROVIDER_INFO = {
+    anthropic: {
+        label: "Anthropic (Claude)",
+        signupUrl: "https://console.anthropic.com/settings/keys",
+        placeholder: "sk-ant-…",
+        defaultModel: "claude-opus-4-7"
+    },
+    openai: {
+        label: "OpenAI (GPT)",
+        signupUrl: "https://platform.openai.com/api-keys",
+        placeholder: "sk-…",
+        defaultModel: "gpt-4o"
+    },
+    gemini: {
+        label: "Google (Gemini)",
+        signupUrl: "https://aistudio.google.com/apikey",
+        placeholder: "AIza…",
+        defaultModel: "gemini-2.5-pro"
+    },
+    deepseek: {
+        label: "DeepSeek",
+        signupUrl: "https://platform.deepseek.com/api_keys",
+        placeholder: "sk-…",
+        defaultModel: "deepseek-chat"
+    }
+};
+function FirstKeySetup() {
+    const [provider, setProvider] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("anthropic");
+    const [apiKey, setApiKey] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("");
+    const [model, setModel] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(PROVIDER_INFO.anthropic.defaultModel);
+    const [testing, setTesting] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const [test, setTest] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
+    const [saving, setSaving] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const [saveError, setSaveError] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
+    function pickProvider(p) {
+        setProvider(p);
+        setModel(PROVIDER_INFO[p].defaultModel);
+        setTest(null);
+        setSaveError(null);
+    }
+    async function runTest() {
+        if (!apiKey.trim()) return;
+        setTesting(true);
+        setTest(null);
+        setSaveError(null);
+        try {
+            const res = await fetch("/api/v1/setup/test-key", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    provider,
+                    api_key: apiKey.trim()
+                })
+            });
+            const data = await res.json();
+            setTest(data);
+            if (data.ok && data.models && data.models.length > 0 && !data.models.includes(model)) {
+                setModel(data.models[0]);
+            }
+        } catch (err) {
+            setTest({
+                ok: false,
+                error: `network error: ${err instanceof Error ? err.message : String(err)}`
+            });
+        } finally{
+            setTesting(false);
+        }
+    }
+    async function save() {
+        if (!apiKey.trim() || !model.trim()) return;
+        setSaving(true);
+        setSaveError(null);
+        try {
+            const name = `${provider}-default`;
+            await _api_client__WEBPACK_IMPORTED_MODULE_2__/* .api */ .FH.models.create(name, {
+                provider,
+                model_id: model.trim(),
+                params: {
+                    api_key: apiKey.trim()
+                },
+                is_default: true
+            });
+            window.location.href = "/";
+        } catch (err) {
+            setSaveError(err instanceof Error ? err.message : String(err));
+        } finally{
+            setSaving(false);
+        }
+    }
+    const info = PROVIDER_INFO[provider];
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("main", {
+        className: "min-h-screen flex items-center justify-center bg-surface text-fg px-4 py-12",
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+            className: "w-full max-w-lg",
+            children: [
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: "flex items-center gap-3 mb-8",
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
+                            src: "/logo-mark-transparent.png",
+                            alt: "",
+                            className: "h-10 w-auto"
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h1", {
+                                    className: "text-2xl font-semibold tracking-tight",
+                                    children: [
+                                        "Welcome to ",
+                                        (0,_lib_env_app_config__WEBPACK_IMPORTED_MODULE_3__/* .getAppName */ .fj)()
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                                    className: "text-sm text-fg-subtle",
+                                    children: "One key to get started — your assistant handles the rest."
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    className: "rounded-xl border border-border bg-surface-2 p-5 space-y-5",
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "space-y-2",
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("label", {
+                                    className: "text-xs font-medium text-fg-subtle",
+                                    children: "Provider"
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+                                    className: "grid grid-cols-2 gap-2",
+                                    children: Object.keys(PROVIDER_INFO).map((p)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
+                                            type: "button",
+                                            onClick: ()=>pickProvider(p),
+                                            className: `px-3 py-2 rounded border text-sm text-left transition ${provider === p ? "border-emerald-500 bg-emerald-950/30 text-fg" : "border-border hover:border-fg-faint text-fg-muted"}`,
+                                            children: PROVIDER_INFO[p].label
+                                        }, p))
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "space-y-2",
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                                    className: "flex items-baseline justify-between",
+                                    children: [
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("label", {
+                                            htmlFor: "api-key",
+                                            className: "text-xs font-medium text-fg-subtle",
+                                            children: "API key"
+                                        }),
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                                            href: info.signupUrl,
+                                            target: "_blank",
+                                            rel: "noreferrer noopener",
+                                            className: "text-xs text-emerald-500 hover:underline inline-flex items-center gap-1",
+                                            children: [
+                                                "I don't have one yet ",
+                                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+                                                    size: 11
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", {
+                                    id: "api-key",
+                                    type: "password",
+                                    value: apiKey,
+                                    onChange: (e)=>{
+                                        setApiKey(e.target.value);
+                                        setTest(null);
+                                    },
+                                    placeholder: info.placeholder,
+                                    className: "w-full px-3 py-2 rounded border border-border bg-surface text-fg placeholder:text-fg-faint focus:border-emerald-500 focus:outline-none font-mono text-sm",
+                                    autoComplete: "off",
+                                    spellCheck: false
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                                    className: "text-[11px] text-fg-faint",
+                                    children: "Stored encrypted at rest in your local database. Never sent anywhere except the provider you selected."
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "space-y-2",
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("label", {
+                                    htmlFor: "model",
+                                    className: "text-xs font-medium text-fg-subtle",
+                                    children: "Default model"
+                                }),
+                                test?.ok && test.models && test.models.length > 0 ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("select", {
+                                    id: "model",
+                                    value: model,
+                                    onChange: (e)=>setModel(e.target.value),
+                                    className: "w-full px-3 py-2 rounded border border-border bg-surface text-fg text-sm",
+                                    children: test.models.map((m)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("option", {
+                                            value: m,
+                                            children: m
+                                        }, m))
+                                }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("input", {
+                                    id: "model",
+                                    type: "text",
+                                    value: model,
+                                    onChange: (e)=>setModel(e.target.value),
+                                    className: "w-full px-3 py-2 rounded border border-border bg-surface text-fg text-sm font-mono"
+                                })
+                            ]
+                        }),
+                        test && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: `rounded p-3 text-sm flex items-start gap-2 ${test.ok ? "border border-emerald-700/50 bg-emerald-950/30 text-emerald-300" : "border border-rose-700/50 bg-rose-950/30 text-rose-300"}`,
+                            children: [
+                                test.ok ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
+                                    size: 16,
+                                    className: "mt-0.5 shrink-0"
+                                }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, {
+                                    size: 16,
+                                    className: "mt-0.5 shrink-0"
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
+                                    children: test.ok ? `Key validated. ${test.models?.length ?? 0} models available.` : test.error
+                                })
+                            ]
+                        }),
+                        saveError && /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "rounded p-3 text-sm border border-rose-700/50 bg-rose-950/30 text-rose-300",
+                            children: [
+                                "Save failed: ",
+                                saveError
+                            ]
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "flex gap-2",
+                            children: [
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {
+                                    type: "button",
+                                    onClick: runTest,
+                                    disabled: testing || !apiKey.trim(),
+                                    className: "flex-1 px-4 py-2 rounded border border-border text-sm hover:border-fg-faint disabled:opacity-50 inline-flex items-center justify-center gap-2",
+                                    children: testing ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A, {
+                                                size: 14,
+                                                className: "animate-spin"
+                                            }),
+                                            " Testing"
+                                        ]
+                                    }) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .A, {
+                                                size: 14
+                                            }),
+                                            " Test connection"
+                                        ]
+                                    })
+                                }),
+                                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+                                    type: "button",
+                                    onClick: save,
+                                    disabled: saving || !test?.ok || !model.trim(),
+                                    className: "flex-1 px-4 py-2 rounded bg-emerald-700 hover:bg-emerald-600 disabled:opacity-50 disabled:hover:bg-emerald-700 text-white text-sm inline-flex items-center justify-center gap-2",
+                                    children: [
+                                        saving ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_barrel_optimize_names_CheckCircle2_ExternalLink_Loader2_ShieldCheck_XCircle_lucide_react__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A, {
+                                            size: 14,
+                                            className: "animate-spin"
+                                        }) : null,
+                                        "Save and continue"
+                                    ]
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("p", {
+                    className: "mt-6 text-center text-xs text-fg-faint",
+                    children: "After this screen, your assistant can help you connect Gmail, Outlook, Atlassian, and more — no extra menus to navigate."
+                })
+            ]
+        })
+    });
+}
+
+
+/***/ }),
+
+/***/ 9537:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ createLucideIcon)
+});
+
+// EXTERNAL MODULE: ./node_modules/next/dist/compiled/react/index.js
+var react = __webpack_require__(2115);
+;// ./node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const mergeClasses = (...classes)=>classes.filter((className, index, array)=>{
+        return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+    }).join(" ").trim();
+ //# sourceMappingURL=mergeClasses.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const toKebabCase = (string)=>string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+ //# sourceMappingURL=toKebabCase.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const toCamelCase = (string)=>string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2)=>p2 ? p2.toUpperCase() : p1.toLowerCase());
+ //# sourceMappingURL=toCamelCase.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const toPascalCase = (string)=>{
+    const camelCase = toCamelCase(string);
+    return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+ //# sourceMappingURL=toPascalCase.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/defaultAttributes.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ var defaultAttributes = {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+};
+ //# sourceMappingURL=defaultAttributes.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const hasA11yProp = (props)=>{
+    for(const prop in props){
+        if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+            return true;
+        }
+    }
+    return false;
+};
+ //# sourceMappingURL=hasA11yProp.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/context.mjs
+/* __next_internal_client_entry_do_not_use__ LucideProvider,useLucideContext auto */ 
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const LucideContext = /*#__PURE__*/ (0,react.createContext)({});
+function LucideProvider({ children, size, color, strokeWidth, absoluteStrokeWidth, className }) {
+    const value = useMemo(()=>({
+            size,
+            color,
+            strokeWidth,
+            absoluteStrokeWidth,
+            className
+        }), [
+        size,
+        color,
+        strokeWidth,
+        absoluteStrokeWidth,
+        className
+    ]);
+    return /*#__PURE__*/ createElement(LucideContext.Provider, {
+        value
+    }, children);
+}
+const useLucideContext = ()=>(0,react.useContext)(LucideContext);
+ //# sourceMappingURL=context.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/Icon.mjs
+/* __next_internal_client_entry_do_not_use__ default auto */ 
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+
+
+
+
+const Icon = /*#__PURE__*/ (0,react.forwardRef)(({ color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode, ...rest }, ref)=>{
+    const { size: contextSize = 24, strokeWidth: contextStrokeWidth = 2, absoluteStrokeWidth: contextAbsoluteStrokeWidth = false, color: contextColor = "currentColor", className: contextClass = "" } = useLucideContext() ?? {};
+    const calculatedStrokeWidth = absoluteStrokeWidth ?? contextAbsoluteStrokeWidth ? Number(strokeWidth ?? contextStrokeWidth) * 24 / Number(size ?? contextSize) : strokeWidth ?? contextStrokeWidth;
+    return /*#__PURE__*/ (0,react.createElement)("svg", {
+        ref,
+        ...defaultAttributes,
+        width: size ?? contextSize ?? defaultAttributes.width,
+        height: size ?? contextSize ?? defaultAttributes.height,
+        stroke: color ?? contextColor,
+        strokeWidth: calculatedStrokeWidth,
+        className: mergeClasses("lucide", contextClass, className),
+        ...!children && !hasA11yProp(rest) && {
+            "aria-hidden": "true"
+        },
+        ...rest
+    }, [
+        ...iconNode.map(([tag, attrs])=>/*#__PURE__*/ (0,react.createElement)(tag, attrs)),
+        ...Array.isArray(children) ? children : [
+            children
+        ]
+    ]);
+});
+ //# sourceMappingURL=Icon.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/createLucideIcon.mjs
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+
+
+
+
+const createLucideIcon = (iconName, iconNode)=>{
+    const Component = /*#__PURE__*/ (0,react.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0,react.createElement)(Icon, {
+            ref,
+            iconNode,
+            className: mergeClasses(`lucide-${toKebabCase(toPascalCase(iconName))}`, `lucide-${iconName}`, className),
+            ...props
+        }));
+    Component.displayName = toPascalCase(iconName);
+    return Component;
+};
+ //# sourceMappingURL=createLucideIcon.mjs.map
+
+
+/***/ })
+
+},
+/******/ __webpack_require__ => { // webpackRuntimeModules
+/******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
+/******/ __webpack_require__.O(0, [6945,8441,3457,7358], () => (__webpack_exec__(24)));
+/******/ var __webpack_exports__ = __webpack_require__.O();
+/******/ _N_E = __webpack_exports__;
+/******/ }
+]);
+//# sourceMappingURL=page-28c01e39806ffb39.js.map