cognova 0.2.7 → 0.2.9

package/.output/server/chunks/build/{settings-DuT6LGJZ.mjs → settings-B2KXoGcz.mjs}

@@ -5,14 +5,14 @@ import { _ as _sfc_main$a } from './Tabs-B6vgKDY9.mjs';
 import { _ as _sfc_main$6 } from './Form-X6hlUv6q.mjs';
 import { _ as _sfc_main$7 } from './FormField-Caux_FCv.mjs';
 import { _ as _sfc_main$8 } from './Input-CV2hlBHo.mjs';
-import { _ as _sfc_main$e } from './Separator-CYbxFNTe.mjs';
-import { _ as _sfc_main$c } from './Table-DCwTlhCj.mjs';
+import { _ as _sfc_main$b } from './Separator-CYbxFNTe.mjs';
+import { _ as _sfc_main$e } from './Table-DCwTlhCj.mjs';
 import { _ as _sfc_main$4 } from './Skeleton-DZqsQzFi.mjs';
-import { _ as _sfc_main$b } from './Switch-GWdksmY6.mjs';
+import { _ as _sfc_main$c } from './Switch-GWdksmY6.mjs';
 import { _ as _sfc_main$5 } from './Modal-Z_SoWhh-.mjs';
 import { _ as _sfc_main$9 } from './Select-BB1oLrCD.mjs';
-import { defineComponent, reactive, ref, watch, mergeProps, withCtx, createVNode, unref, isRef, createTextVNode, toDisplayString, createBlock, openBlock, Fragment, renderList, createCommentVNode, useSSRContext } from 'vue';
-import { ssrRenderComponent, ssrInterpolate } from 'vue/server-renderer';
+import { defineComponent, reactive, ref, watch, mergeProps, withCtx, createVNode, unref, isRef, createTextVNode, toDisplayString, createBlock, createCommentVNode, openBlock, Fragment, renderList, withModifiers, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderList, ssrIncludeBooleanAttr } from 'vue/server-renderer';
 import { T as defaultNotificationPreferences } from '../nitro/nitro.mjs';
 import { u as useAuth } from './useAuth-rW9toE_m.mjs';
 import { u as useNotificationBus } from './useNotificationBus-BG5JNQf1.mjs';
@@ -234,6 +234,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         year: "numeric"
       });
     }
+    const appUrl = ref("");
+    const appUrlSaving = ref(false);
+    async function saveAppUrl() {
+      appUrlSaving.value = true;
+      try {
+        if (appUrl.value) {
+          const exists = secretsData.value.some((s) => s.key === "APP_URL");
+          if (exists) {
+            await $fetch("/api/secrets/APP_URL", {
+              method: "PUT",
+              body: { value: appUrl.value, description: "Public URL for webhooks and auth callbacks" }
+            });
+          } else {
+            await $fetch("/api/secrets", {
+              method: "POST",
+              body: { key: "APP_URL", value: appUrl.value, description: "Public URL for webhooks and auth callbacks" }
+            });
+          }
+        } else {
+          const exists = secretsData.value.some((s) => s.key === "APP_URL");
+          if (exists)
+            await $fetch("/api/secrets/APP_URL", { method: "DELETE" });
+        }
+        toast.add({ title: "Public URL saved", description: "Restart running integrations for changes to take effect.", color: "success" });
+        await fetchSecrets();
+      } catch {
+        toast.add({ title: "Failed to save URL", color: "error" });
+      }
+      appUrlSaving.value = false;
+    }
     const notifPrefs = ref({ ...defaultNotificationPreferences });
     const notifLoading = ref(false);
     const notifSaving = ref(false);
@@ -290,6 +320,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       platform: "telegram",
       name: ""
     });
+    const bridgeConfigModal = ref(false);
+    const editingBridge = ref(null);
+    const bridgeConfigSaving = ref(false);
+    const bridgeConfigForm = reactive({
+      name: "",
+      // Telegram
+      botUsername: "",
+      allowedChatIds: "",
+      // Discord
+      listenMode: "mentions",
+      guildId: "",
+      channelId: "",
+      // iMessage
+      strategy: "imsg",
+      allowedNumbers: "",
+      blueBubblesUrl: "",
+      // Google
+      enabledServices: [],
+      account: "",
+      // Email
+      imapHost: "",
+      imapPort: "",
+      smtpHost: "",
+      smtpPort: "",
+      emailAddress: ""
+    });
+    const discordListenModeOptions = [
+      { value: "mentions", label: "Mentions & DMs" },
+      { value: "dm", label: "DMs only" },
+      { value: "all", label: "All messages" }
+    ];
+    const imessageStrategyOptions = [
+      { value: "imsg", label: "Local (imsg CLI)" },
+      { value: "bluebubbles", label: "BlueBubbles" }
+    ];
+    const googleServiceOptions = [
+      { value: "gmail", label: "Gmail" },
+      { value: "calendar", label: "Calendar" },
+      { value: "drive", label: "Drive" },
+      { value: "contacts", label: "Contacts" },
+      { value: "tasks", label: "Tasks" }
+    ];
+    const platformNamePlaceholders = {
+      telegram: "My Telegram Bot",
+      discord: "My Discord Bot",
+      imessage: "iMessage Bridge",
+      google: "Google Suite",
+      email: "Work Email"
+    };
+    const platformRequiredSecrets = {
+      telegram: ["TELEGRAM_BOT_TOKEN"],
+      discord: ["DISCORD_BOT_TOKEN"],
+      imessage: [],
+      google: [],
+      email: []
+    };
     const platformOptions = [
       { value: "telegram", label: "Telegram", icon: "i-lucide-send" },
       { value: "discord", label: "Discord", icon: "i-lucide-message-circle" },
@@ -297,6 +383,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { value: "google", label: "Google Suite", icon: "i-lucide-mail" },
       { value: "email", label: "Email (IMAP)", icon: "i-lucide-at-sign" }
     ];
+    function getMissingSecrets(platform) {
+      const required = platformRequiredSecrets[platform];
+      if (!required.length) return [];
+      const existing = new Set(secretsData.value.map((s) => s.key));
+      return required.filter((k) => !existing.has(k));
+    }
     const healthColors = {
       connected: "text-success",
       disconnected: "text-dimmed",
@@ -313,6 +405,102 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       bridgesLoading.value = false;
     }
+    function openBridgeConfig(bridge) {
+      editingBridge.value = bridge;
+      bridgeConfigForm.name = bridge.name;
+      const config = bridge.config ? JSON.parse(bridge.config) : {};
+      bridgeConfigForm.botUsername = "";
+      bridgeConfigForm.allowedChatIds = "";
+      bridgeConfigForm.listenMode = "mentions";
+      bridgeConfigForm.guildId = "";
+      bridgeConfigForm.channelId = "";
+      bridgeConfigForm.strategy = "imsg";
+      bridgeConfigForm.allowedNumbers = "";
+      bridgeConfigForm.blueBubblesUrl = "";
+      bridgeConfigForm.enabledServices = [];
+      bridgeConfigForm.account = "";
+      bridgeConfigForm.imapHost = "";
+      bridgeConfigForm.imapPort = "";
+      bridgeConfigForm.smtpHost = "";
+      bridgeConfigForm.smtpPort = "";
+      bridgeConfigForm.emailAddress = "";
+      switch (bridge.platform) {
+        case "telegram":
+          bridgeConfigForm.botUsername = config.botUsername || "";
+          bridgeConfigForm.allowedChatIds = (config.allowedChatIds || []).join(", ");
+          break;
+        case "discord":
+          bridgeConfigForm.listenMode = config.listenMode || "mentions";
+          bridgeConfigForm.guildId = config.guildId || "";
+          bridgeConfigForm.channelId = config.channelId || "";
+          break;
+        case "imessage":
+          bridgeConfigForm.strategy = config.strategy || "imsg";
+          bridgeConfigForm.allowedNumbers = (config.allowedNumbers || []).join(", ");
+          bridgeConfigForm.blueBubblesUrl = config.blueBubblesUrl || "";
+          break;
+        case "google":
+          bridgeConfigForm.enabledServices = config.enabledServices || [];
+          bridgeConfigForm.account = config.account || "";
+          break;
+        case "email":
+          bridgeConfigForm.imapHost = config.imapHost || "";
+          bridgeConfigForm.imapPort = config.imapPort?.toString() || "";
+          bridgeConfigForm.smtpHost = config.smtpHost || "";
+          bridgeConfigForm.smtpPort = config.smtpPort?.toString() || "";
+          bridgeConfigForm.emailAddress = config.emailAddress || "";
+          break;
+      }
+      bridgeConfigModal.value = true;
+    }
+    async function handleBridgeConfigSave() {
+      if (!editingBridge.value) return;
+      const platform = editingBridge.value.platform;
+      let config = {};
+      if (editingBridge.value.config)
+        config = JSON.parse(editingBridge.value.config);
+      switch (platform) {
+        case "telegram":
+          config.botUsername = bridgeConfigForm.botUsername || void 0;
+          config.allowedChatIds = bridgeConfigForm.allowedChatIds ? bridgeConfigForm.allowedChatIds.split(",").map((s) => s.trim()).filter(Boolean) : void 0;
+          break;
+        case "discord":
+          config.listenMode = bridgeConfigForm.listenMode;
+          config.guildId = bridgeConfigForm.guildId || void 0;
+          config.channelId = bridgeConfigForm.channelId || void 0;
+          break;
+        case "imessage":
+          config.strategy = bridgeConfigForm.strategy;
+          config.allowedNumbers = bridgeConfigForm.allowedNumbers ? bridgeConfigForm.allowedNumbers.split(",").map((s) => s.trim()).filter(Boolean) : void 0;
+          config.blueBubblesUrl = bridgeConfigForm.blueBubblesUrl || void 0;
+          break;
+        case "google":
+          config.enabledServices = bridgeConfigForm.enabledServices;
+          config.account = bridgeConfigForm.account || void 0;
+          break;
+        case "email":
+          config.imapHost = bridgeConfigForm.imapHost || void 0;
+          config.imapPort = bridgeConfigForm.imapPort ? Number(bridgeConfigForm.imapPort) : void 0;
+          config.smtpHost = bridgeConfigForm.smtpHost || void 0;
+          config.smtpPort = bridgeConfigForm.smtpPort ? Number(bridgeConfigForm.smtpPort) : void 0;
+          config.emailAddress = bridgeConfigForm.emailAddress || void 0;
+          break;
+      }
+      bridgeConfigSaving.value = true;
+      try {
+        await $fetch(`/api/bridges/${editingBridge.value.id}`, {
+          method: "PUT",
+          body: { name: bridgeConfigForm.name, config }
+        });
+        toast.add({ title: "Integration updated", color: "success" });
+        bridgeConfigModal.value = false;
+        await fetchBridges();
+      } catch (err) {
+        const error = err;
+        toast.add({ title: "Failed to update integration", description: error.data?.message, color: "error" });
+      }
+      bridgeConfigSaving.value = false;
+    }
     function openCreateBridge() {
       bridgeForm.platform = "telegram";
       bridgeForm.name = "";
@@ -323,6 +511,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         toast.add({ title: "Name is required", color: "error" });
         return;
       }
+      const missing = getMissingSecrets(bridgeForm.platform);
+      if (missing.length) {
+        toast.add({
+          title: "Missing required secrets",
+          description: `Add ${missing.join(", ")} in the Secrets tab first.`,
+          color: "error"
+        });
+        return;
+      }
       bridgeSaving.value = true;
       try {
         await $fetch("/api/bridges", {
@@ -461,11 +658,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_UFormField = _sfc_main$7;
       const _component_UInput = _sfc_main$8;
       const _component_UButton = _sfc_main$8$1;
-      const _component_USeparator = _sfc_main$e;
-      const _component_UTable = _sfc_main$c;
+      const _component_USeparator = _sfc_main$b;
+      const _component_UTable = _sfc_main$e;
       const _component_UIcon = _sfc_main$d;
       const _component_USkeleton = _sfc_main$4;
-      const _component_USwitch = _sfc_main$b;
+      const _component_USwitch = _sfc_main$c;
       const _component_UModal = _sfc_main$5;
       const _component_USelect = _sfc_main$9;
       _push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({
@@ -925,6 +1122,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }),
                     _: 1
                   }, _parent3, _scopeId2));
+                  if (getMissingSecrets(unref(bridgeForm).platform).length) {
+                    _push3(`<div class="flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-alert-triangle",
+                      class: "size-4 mt-0.5 text-error shrink-0"
+                    }, null, _parent3, _scopeId2));
+                    _push3(`<div${_scopeId2}><p class="font-medium text-error"${_scopeId2}> Missing required secrets </p><p class="text-dimmed mt-1"${_scopeId2}> Add the following in Settings → Secrets before creating: </p><ul class="mt-1 space-y-0.5"${_scopeId2}><!--[-->`);
+                    ssrRenderList(getMissingSecrets(unref(bridgeForm).platform), (key) => {
+                      _push3(`<li${_scopeId2}><code class="text-xs bg-elevated px-1.5 py-0.5 rounded"${_scopeId2}>${ssrInterpolate(key)}</code></li>`);
+                    });
+                    _push3(`<!--]--></ul></div></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
                   _push3(ssrRenderComponent(_component_UFormField, {
                     label: "Name",
                     name: "name"
@@ -934,7 +1145,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _push4(ssrRenderComponent(_component_UInput, {
                           modelValue: unref(bridgeForm).name,
                           "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
-                          placeholder: "My Telegram Bot",
+                          placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
                           class: "w-full"
                         }, null, _parent4, _scopeId3));
                       } else {
@@ -942,9 +1153,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(_component_UInput, {
                             modelValue: unref(bridgeForm).name,
                             "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
-                            placeholder: "My Telegram Bot",
+                            placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
                             class: "w-full"
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                         ];
                       }
                     }),
@@ -968,6 +1179,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, _parent3, _scopeId2));
                   _push3(ssrRenderComponent(_component_UButton, {
                     loading: unref(bridgeSaving),
+                    disabled: getMissingSecrets(unref(bridgeForm).platform).length > 0,
                     onClick: handleBridgeCreate
                   }, {
                     default: withCtx((_3, _push4, _parent4, _scopeId3) => {
@@ -1000,6 +1212,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 1
                       }),
+                      getMissingSecrets(unref(bridgeForm).platform).length ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-alert-triangle",
+                          class: "size-4 mt-0.5 text-error shrink-0"
+                        }),
+                        createVNode("div", null, [
+                          createVNode("p", { class: "font-medium text-error" }, " Missing required secrets "),
+                          createVNode("p", { class: "text-dimmed mt-1" }, " Add the following in Settings → Secrets before creating: "),
+                          createVNode("ul", { class: "mt-1 space-y-0.5" }, [
+                            (openBlock(true), createBlock(Fragment, null, renderList(getMissingSecrets(unref(bridgeForm).platform), (key) => {
+                              return openBlock(), createBlock("li", { key }, [
+                                createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, toDisplayString(key), 1)
+                              ]);
+                            }), 128))
+                          ])
+                        ])
+                      ])) : createCommentVNode("", true),
                       createVNode(_component_UFormField, {
                         label: "Name",
                         name: "name"
@@ -1008,9 +1240,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(_component_UInput, {
                             modelValue: unref(bridgeForm).name,
                             "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
-                            placeholder: "My Telegram Bot",
+                            placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
                             class: "w-full"
-                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                         ]),
                         _: 1
                       }),
@@ -1026,13 +1258,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, 8, ["onClick"]),
                         createVNode(_component_UButton, {
                           loading: unref(bridgeSaving),
+                          disabled: getMissingSecrets(unref(bridgeForm).platform).length > 0,
                           onClick: handleBridgeCreate
                         }, {
                           default: withCtx(() => [
                             createTextVNode(" Create ")
                           ]),
                           _: 1
-                        }, 8, ["loading"])
+                        }, 8, ["loading", "disabled"])
                       ])
                     ])
                   ];
@@ -1120,189 +1353,1054 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }),
               _: 1
             }, _parent2, _scopeId));
-          } else {
-            return [
-              createVNode(_component_UDashboardNavbar, { title: "Settings" }, {
-                right: withCtx(() => [
-                  createVNode(_component_UColorModeButton)
-                ]),
-                _: 1
-              }),
-              createVNode("div", { class: "p-6" }, [
-                createVNode(_component_ClientOnly, null, {
-                  fallback: withCtx(() => [
-                    createVNode("div", { class: "space-y-8 max-w-xl mx-auto py-6" }, [
-                      createVNode(_component_USkeleton, { class: "h-10 w-full" }),
-                      createVNode("div", { class: "space-y-4" }, [
-                        createVNode(_component_USkeleton, { class: "h-5 w-20" }),
-                        createVNode(_component_USkeleton, { class: "h-10 w-full" }),
-                        createVNode(_component_USkeleton, { class: "h-10 w-28" })
-                      ])
+            _push2(ssrRenderComponent(_component_UModal, {
+              open: unref(bridgeConfigModal),
+              "onUpdate:open": ($event) => isRef(bridgeConfigModal) ? bridgeConfigModal.value = $event : null
+            }, {
+              header: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="flex items-center gap-2"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UIcon, {
+                    name: platformOptions.find((p) => p.value === unref(editingBridge)?.platform)?.icon || "i-lucide-plug",
+                    class: "size-5"
+                  }, null, _parent3, _scopeId2));
+                  _push3(`<h3 class="text-lg font-semibold"${_scopeId2}> Configure ${ssrInterpolate(unref(editingBridge)?.name)}</h3></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "flex items-center gap-2" }, [
+                      createVNode(_component_UIcon, {
+                        name: platformOptions.find((p) => p.value === unref(editingBridge)?.platform)?.icon || "i-lucide-plug",
+                        class: "size-5"
+                      }, null, 8, ["name"]),
+                      createVNode("h3", { class: "text-lg font-semibold" }, " Configure " + toDisplayString(unref(editingBridge)?.name), 1)
                     ])
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(_component_UTabs, {
-                      items: tabs,
-                      "default-value": "account",
-                      class: "w-full mx-auto",
-                      ui: { list: "max-w-xl" }
+                  ];
+                }
+              }),
+              body: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(`<div class="space-y-4"${_scopeId2}>`);
+                  if (unref(editingBridge) && platformRequiredSecrets[unref(editingBridge).platform].length) {
+                    _push3(`<div class="flex items-start gap-2 rounded-lg bg-elevated p-3 text-sm"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-info",
+                      class: "size-4 mt-0.5 text-dimmed shrink-0"
+                    }, null, _parent3, _scopeId2));
+                    _push3(`<span class="text-dimmed"${_scopeId2}> Requires <!--[-->`);
+                    ssrRenderList(platformRequiredSecrets[unref(editingBridge).platform], (key, i) => {
+                      _push3(`<!--[--><code class="bg-elevated px-1 py-0.5 rounded text-xs"${_scopeId2}>${ssrInterpolate(key)}</code>`);
+                      if (i < platformRequiredSecrets[unref(editingBridge).platform].length - 1) {
+                        _push3(`<!--[-->, <!--]-->`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`<!--]-->`);
+                    });
+                    _push3(`<!--]--> in the Secrets tab. </span></div>`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(ssrRenderComponent(_component_UFormField, {
+                    label: "Name",
+                    name: "name"
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(ssrRenderComponent(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).name,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                          placeholder: "Integration name",
+                          class: "w-full"
+                        }, null, _parent4, _scopeId3));
+                      } else {
+                        return [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).name,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                            placeholder: "Integration name",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  if (unref(editingBridge)?.platform === "telegram") {
+                    _push3(`<!--[-->`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Bot Username",
+                      name: "botUsername",
+                      hint: "Without the @ prefix"
                     }, {
-                      account: withCtx(() => [
-                        createVNode("div", { class: "space-y-8 max-w-2xl mx-auto py-6" }, [
-                          createVNode("div", null, [
-                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Profile "),
-                            createVNode(_component_UForm, {
-                              state: unref(profileState),
-                              class: "space-y-4",
-                              onSubmit: handleProfileSubmit
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_UFormField, {
-                                  label: "Name",
-                                  name: "name"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UInput, {
-                                      modelValue: unref(profileState).name,
-                                      "onUpdate:modelValue": ($event) => unref(profileState).name = $event,
-                                      placeholder: "Your name",
-                                      class: "w-full"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_UButton, {
-                                  type: "submit",
-                                  loading: unref(profileLoading)
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(" Save Name ")
-                                  ]),
-                                  _: 1
-                                }, 8, ["loading"])
-                              ]),
-                              _: 1
-                            }, 8, ["state"])
-                          ]),
-                          createVNode(_component_USeparator),
-                          createVNode("div", null, [
-                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Email Address "),
-                            createVNode(_component_UForm, {
-                              state: unref(emailState),
-                              class: "space-y-4",
-                              onSubmit: handleEmailSubmit
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_UFormField, {
-                                  label: "Email",
-                                  name: "newEmail"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UInput, {
-                                      modelValue: unref(emailState).newEmail,
-                                      "onUpdate:modelValue": ($event) => unref(emailState).newEmail = $event,
-                                      type: "email",
-                                      placeholder: "your@email.com",
-                                      class: "w-full"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_UButton, {
-                                  type: "submit",
-                                  loading: unref(emailLoading)
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(" Change Email ")
-                                  ]),
-                                  _: 1
-                                }, 8, ["loading"])
-                              ]),
-                              _: 1
-                            }, 8, ["state"])
-                          ]),
-                          createVNode(_component_USeparator),
-                          createVNode("div", null, [
-                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Change Password "),
-                            createVNode(_component_UForm, {
-                              state: unref(passwordState),
-                              class: "space-y-4",
-                              onSubmit: handlePasswordSubmit
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(_component_UFormField, {
-                                  label: "Current Password",
-                                  name: "currentPassword"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UInput, {
-                                      modelValue: unref(passwordState).currentPassword,
-                                      "onUpdate:modelValue": ($event) => unref(passwordState).currentPassword = $event,
-                                      type: "password",
-                                      class: "w-full"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_UFormField, {
-                                  label: "New Password",
-                                  name: "newPassword"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UInput, {
-                                      modelValue: unref(passwordState).newPassword,
-                                      "onUpdate:modelValue": ($event) => unref(passwordState).newPassword = $event,
-                                      type: "password",
-                                      class: "w-full"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_UFormField, {
-                                  label: "Confirm New Password",
-                                  name: "confirmPassword"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(_component_UInput, {
-                                      modelValue: unref(passwordState).confirmPassword,
-                                      "onUpdate:modelValue": ($event) => unref(passwordState).confirmPassword = $event,
-                                      type: "password",
-                                      class: "w-full"
-                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                                  ]),
-                                  _: 1
-                                }),
-                                createVNode(_component_UButton, {
-                                  type: "submit",
-                                  loading: unref(passwordLoading)
-                                }, {
-                                  default: withCtx(() => [
-                                    createTextVNode(" Change Password ")
-                                  ]),
-                                  _: 1
-                                }, 8, ["loading"])
-                              ]),
-                              _: 1
-                            }, 8, ["state"])
-                          ])
-                        ])
-                      ]),
-                      secrets: withCtx(() => [
-                        createVNode("div", { class: "py-6" }, [
-                          createVNode("div", { class: "flex items-center justify-between mb-6" }, [
-                            createVNode("div", null, [
-                              createVNode("h3", { class: "text-lg font-semibold" }, " Secrets "),
-                              createVNode("p", { class: "text-sm text-dimmed" }, " Encrypted key-value store for skills and integrations. ")
-                            ]),
-                            createVNode(_component_UButton, {
-                              icon: "i-lucide-plus",
-                              onClick: openCreateSecret
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(" Add Secret ")
-                              ]),
-                              _: 1
-                            })
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).botUsername,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                            placeholder: "my_bot",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).botUsername,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                              placeholder: "my_bot",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Allowed Chat IDs",
+                      name: "allowedChatIds",
+                      hint: "Comma-separated. Leave empty for all."
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).allowedChatIds,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                            placeholder: "123456, -100789",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).allowedChatIds,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                              placeholder: "123456, -100789",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`<!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(editingBridge)?.platform === "discord") {
+                    _push3(`<!--[-->`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Listen Mode",
+                      name: "listenMode"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_USelect, {
+                            modelValue: unref(bridgeConfigForm).listenMode,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                            items: discordListenModeOptions,
+                            "value-key": "value",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_USelect, {
+                              modelValue: unref(bridgeConfigForm).listenMode,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                              items: discordListenModeOptions,
+                              "value-key": "value",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Server ID",
+                      name: "guildId",
+                      hint: "Optional. Limit to one server."
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).guildId,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                            placeholder: "Discord server ID",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).guildId,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                              placeholder: "Discord server ID",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Channel ID",
+                      name: "channelId",
+                      hint: "Optional. Limit to one channel (for 'all' mode)."
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).channelId,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                            placeholder: "Discord channel ID",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).channelId,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                              placeholder: "Discord channel ID",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`<!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(editingBridge)?.platform === "imessage") {
+                    _push3(`<!--[-->`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Strategy",
+                      name: "strategy"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_USelect, {
+                            modelValue: unref(bridgeConfigForm).strategy,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                            items: imessageStrategyOptions,
+                            "value-key": "value",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_USelect, {
+                              modelValue: unref(bridgeConfigForm).strategy,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                              items: imessageStrategyOptions,
+                              "value-key": "value",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    if (unref(bridgeConfigForm).strategy === "bluebubbles" && !unref(secretsData).some((s) => s.key === "BLUEBUBBLES_PASSWORD")) {
+                      _push3(`<div class="flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: "i-lucide-alert-triangle",
+                        class: "size-4 mt-0.5 text-error shrink-0"
+                      }, null, _parent3, _scopeId2));
+                      _push3(`<span class="text-dimmed"${_scopeId2}> BlueBubbles requires secret <code class="text-xs bg-elevated px-1.5 py-0.5 rounded"${_scopeId2}>BLUEBUBBLES_PASSWORD</code> in the Secrets tab. </span></div>`);
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    if (unref(bridgeConfigForm).strategy === "bluebubbles") {
+                      _push3(ssrRenderComponent(_component_UFormField, {
+                        label: "BlueBubbles URL",
+                        name: "blueBubblesUrl"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(ssrRenderComponent(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).blueBubblesUrl,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).blueBubblesUrl = $event,
+                              placeholder: "http://192.168.1.100:1234",
+                              class: "w-full"
+                            }, null, _parent4, _scopeId3));
+                          } else {
+                            return [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(bridgeConfigForm).blueBubblesUrl,
+                                "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).blueBubblesUrl = $event,
+                                placeholder: "http://192.168.1.100:1234",
+                                class: "w-full"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ];
+                          }
+                        }),
+                        _: 1
+                      }, _parent3, _scopeId2));
+                    } else {
+                      _push3(`<!---->`);
+                    }
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Allowed Numbers",
+                      name: "allowedNumbers",
+                      hint: "Comma-separated. Leave empty for all."
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).allowedNumbers,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                            placeholder: "+15551234567, +15559876543",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).allowedNumbers,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                              placeholder: "+15551234567, +15559876543",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`<!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(editingBridge)?.platform === "google") {
+                    _push3(`<!--[-->`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Enabled Services",
+                      name: "enabledServices"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(`<div class="space-y-2"${_scopeId3}><!--[-->`);
+                          ssrRenderList(googleServiceOptions, (svc) => {
+                            _push4(`<label class="flex items-center gap-2 cursor-pointer"${_scopeId3}><input type="checkbox"${ssrIncludeBooleanAttr(unref(bridgeConfigForm).enabledServices.includes(svc.value)) ? " checked" : ""} class="rounded"${_scopeId3}><span class="text-sm"${_scopeId3}>${ssrInterpolate(svc.label)}</span></label>`);
+                          });
+                          _push4(`<!--]--></div>`);
+                        } else {
+                          return [
+                            createVNode("div", { class: "space-y-2" }, [
+                              (openBlock(), createBlock(Fragment, null, renderList(googleServiceOptions, (svc) => {
+                                return createVNode("label", {
+                                  key: svc.value,
+                                  class: "flex items-center gap-2 cursor-pointer"
+                                }, [
+                                  createVNode("input", {
+                                    type: "checkbox",
+                                    checked: unref(bridgeConfigForm).enabledServices.includes(svc.value),
+                                    class: "rounded",
+                                    onChange: ($event) => unref(bridgeConfigForm).enabledServices.includes(svc.value) ? unref(bridgeConfigForm).enabledServices = unref(bridgeConfigForm).enabledServices.filter((s) => s !== svc.value) : unref(bridgeConfigForm).enabledServices.push(svc.value)
+                                  }, null, 40, ["checked", "onChange"]),
+                                  createVNode("span", { class: "text-sm" }, toDisplayString(svc.label), 1)
+                                ]);
+                              }), 64))
+                            ])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Google Account",
+                      name: "account",
+                      hint: "Email used with gogcli"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).account,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                            placeholder: "user@gmail.com",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).account,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                              placeholder: "user@gmail.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`<!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  if (unref(editingBridge)?.platform === "email") {
+                    _push3(`<!--[-->`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "Email Address",
+                      name: "emailAddress"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).emailAddress,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                            placeholder: "user@example.com",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).emailAddress,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                              placeholder: "user@example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`<div class="grid grid-cols-2 gap-4"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "IMAP Host",
+                      name: "imapHost"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).imapHost,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                            placeholder: "imap.example.com",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).imapHost,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                              placeholder: "imap.example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "IMAP Port",
+                      name: "imapPort"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).imapPort,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                            placeholder: "993",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).imapPort,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                              placeholder: "993",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`</div><div class="grid grid-cols-2 gap-4"${_scopeId2}>`);
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "SMTP Host",
+                      name: "smtpHost"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).smtpHost,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                            placeholder: "smtp.example.com",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).smtpHost,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                              placeholder: "smtp.example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(ssrRenderComponent(_component_UFormField, {
+                      label: "SMTP Port",
+                      name: "smtpPort"
+                    }, {
+                      default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                        if (_push4) {
+                          _push4(ssrRenderComponent(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).smtpPort,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                            placeholder: "587",
+                            class: "w-full"
+                          }, null, _parent4, _scopeId3));
+                        } else {
+                          return [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).smtpPort,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                              placeholder: "587",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ];
+                        }
+                      }),
+                      _: 1
+                    }, _parent3, _scopeId2));
+                    _push3(`</div><!--]-->`);
+                  } else {
+                    _push3(`<!---->`);
+                  }
+                  _push3(`<div class="flex justify-end gap-2 pt-4"${_scopeId2}>`);
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    variant: "ghost",
+                    onClick: ($event) => bridgeConfigModal.value = false
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Cancel `);
+                      } else {
+                        return [
+                          createTextVNode(" Cancel ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(ssrRenderComponent(_component_UButton, {
+                    loading: unref(bridgeConfigSaving),
+                    onClick: handleBridgeConfigSave
+                  }, {
+                    default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                      if (_push4) {
+                        _push4(` Save `);
+                      } else {
+                        return [
+                          createTextVNode(" Save ")
+                        ];
+                      }
+                    }),
+                    _: 1
+                  }, _parent3, _scopeId2));
+                  _push3(`</div></div>`);
+                } else {
+                  return [
+                    createVNode("div", { class: "space-y-4" }, [
+                      unref(editingBridge) && platformRequiredSecrets[unref(editingBridge).platform].length ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "flex items-start gap-2 rounded-lg bg-elevated p-3 text-sm"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-info",
+                          class: "size-4 mt-0.5 text-dimmed shrink-0"
+                        }),
+                        createVNode("span", { class: "text-dimmed" }, [
+                          createTextVNode(" Requires "),
+                          (openBlock(true), createBlock(Fragment, null, renderList(platformRequiredSecrets[unref(editingBridge).platform], (key, i) => {
+                            return openBlock(), createBlock(Fragment, { key }, [
+                              createVNode("code", { class: "bg-elevated px-1 py-0.5 rounded text-xs" }, toDisplayString(key), 1),
+                              i < platformRequiredSecrets[unref(editingBridge).platform].length - 1 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                createTextVNode(", ")
+                              ], 64)) : createCommentVNode("", true)
+                            ], 64);
+                          }), 128)),
+                          createTextVNode(" in the Secrets tab. ")
+                        ])
+                      ])) : createCommentVNode("", true),
+                      createVNode(_component_UFormField, {
+                        label: "Name",
+                        name: "name"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).name,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                            placeholder: "Integration name",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      unref(editingBridge)?.platform === "telegram" ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                        createVNode(_component_UFormField, {
+                          label: "Bot Username",
+                          name: "botUsername",
+                          hint: "Without the @ prefix"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).botUsername,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                              placeholder: "my_bot",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "Allowed Chat IDs",
+                          name: "allowedChatIds",
+                          hint: "Comma-separated. Leave empty for all."
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).allowedChatIds,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                              placeholder: "123456, -100789",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ], 64)) : createCommentVNode("", true),
+                      unref(editingBridge)?.platform === "discord" ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                        createVNode(_component_UFormField, {
+                          label: "Listen Mode",
+                          name: "listenMode"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_USelect, {
+                              modelValue: unref(bridgeConfigForm).listenMode,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                              items: discordListenModeOptions,
+                              "value-key": "value",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "Server ID",
+                          name: "guildId",
+                          hint: "Optional. Limit to one server."
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).guildId,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                              placeholder: "Discord server ID",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "Channel ID",
+                          name: "channelId",
+                          hint: "Optional. Limit to one channel (for 'all' mode)."
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).channelId,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                              placeholder: "Discord channel ID",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ], 64)) : createCommentVNode("", true),
+                      unref(editingBridge)?.platform === "imessage" ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                        createVNode(_component_UFormField, {
+                          label: "Strategy",
+                          name: "strategy"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_USelect, {
+                              modelValue: unref(bridgeConfigForm).strategy,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                              items: imessageStrategyOptions,
+                              "value-key": "value",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        unref(bridgeConfigForm).strategy === "bluebubbles" && !unref(secretsData).some((s) => s.key === "BLUEBUBBLES_PASSWORD") ? (openBlock(), createBlock("div", {
+                          key: 0,
+                          class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                        }, [
+                          createVNode(_component_UIcon, {
+                            name: "i-lucide-alert-triangle",
+                            class: "size-4 mt-0.5 text-error shrink-0"
+                          }),
+                          createVNode("span", { class: "text-dimmed" }, [
+                            createTextVNode(" BlueBubbles requires secret "),
+                            createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, "BLUEBUBBLES_PASSWORD"),
+                            createTextVNode(" in the Secrets tab. ")
+                          ])
+                        ])) : createCommentVNode("", true),
+                        unref(bridgeConfigForm).strategy === "bluebubbles" ? (openBlock(), createBlock(_component_UFormField, {
+                          key: 1,
+                          label: "BlueBubbles URL",
+                          name: "blueBubblesUrl"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).blueBubblesUrl,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).blueBubblesUrl = $event,
+                              placeholder: "http://192.168.1.100:1234",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })) : createCommentVNode("", true),
+                        createVNode(_component_UFormField, {
+                          label: "Allowed Numbers",
+                          name: "allowedNumbers",
+                          hint: "Comma-separated. Leave empty for all."
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).allowedNumbers,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                              placeholder: "+15551234567, +15559876543",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ], 64)) : createCommentVNode("", true),
+                      unref(editingBridge)?.platform === "google" ? (openBlock(), createBlock(Fragment, { key: 4 }, [
+                        createVNode(_component_UFormField, {
+                          label: "Enabled Services",
+                          name: "enabledServices"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode("div", { class: "space-y-2" }, [
+                              (openBlock(), createBlock(Fragment, null, renderList(googleServiceOptions, (svc) => {
+                                return createVNode("label", {
+                                  key: svc.value,
+                                  class: "flex items-center gap-2 cursor-pointer"
+                                }, [
+                                  createVNode("input", {
+                                    type: "checkbox",
+                                    checked: unref(bridgeConfigForm).enabledServices.includes(svc.value),
+                                    class: "rounded",
+                                    onChange: ($event) => unref(bridgeConfigForm).enabledServices.includes(svc.value) ? unref(bridgeConfigForm).enabledServices = unref(bridgeConfigForm).enabledServices.filter((s) => s !== svc.value) : unref(bridgeConfigForm).enabledServices.push(svc.value)
+                                  }, null, 40, ["checked", "onChange"]),
+                                  createVNode("span", { class: "text-sm" }, toDisplayString(svc.label), 1)
+                                ]);
+                              }), 64))
+                            ])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "Google Account",
+                          name: "account",
+                          hint: "Email used with gogcli"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).account,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                              placeholder: "user@gmail.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ], 64)) : createCommentVNode("", true),
+                      unref(editingBridge)?.platform === "email" ? (openBlock(), createBlock(Fragment, { key: 5 }, [
+                        createVNode(_component_UFormField, {
+                          label: "Email Address",
+                          name: "emailAddress"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).emailAddress,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                              placeholder: "user@example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createVNode(_component_UFormField, {
+                            label: "IMAP Host",
+                            name: "imapHost"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(bridgeConfigForm).imapHost,
+                                "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                                placeholder: "imap.example.com",
+                                class: "w-full"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_UFormField, {
+                            label: "IMAP Port",
+                            name: "imapPort"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(bridgeConfigForm).imapPort,
+                                "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                                placeholder: "993",
+                                class: "w-full"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                          createVNode(_component_UFormField, {
+                            label: "SMTP Host",
+                            name: "smtpHost"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(bridgeConfigForm).smtpHost,
+                                "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                                placeholder: "smtp.example.com",
+                                class: "w-full"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            _: 1
+                          }),
+                          createVNode(_component_UFormField, {
+                            label: "SMTP Port",
+                            name: "smtpPort"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(bridgeConfigForm).smtpPort,
+                                "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                                placeholder: "587",
+                                class: "w-full"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ], 64)) : createCommentVNode("", true),
+                      createVNode("div", { class: "flex justify-end gap-2 pt-4" }, [
+                        createVNode(_component_UButton, {
+                          variant: "ghost",
+                          onClick: ($event) => bridgeConfigModal.value = false
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Cancel ")
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        createVNode(_component_UButton, {
+                          loading: unref(bridgeConfigSaving),
+                          onClick: handleBridgeConfigSave
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" Save ")
+                          ]),
+                          _: 1
+                        }, 8, ["loading"])
+                      ])
+                    ])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode(_component_UDashboardNavbar, { title: "Settings" }, {
+                right: withCtx(() => [
+                  createVNode(_component_UColorModeButton)
+                ]),
+                _: 1
+              }),
+              createVNode("div", { class: "p-6" }, [
+                createVNode(_component_ClientOnly, null, {
+                  fallback: withCtx(() => [
+                    createVNode("div", { class: "space-y-8 max-w-xl mx-auto py-6" }, [
+                      createVNode(_component_USkeleton, { class: "h-10 w-full" }),
+                      createVNode("div", { class: "space-y-4" }, [
+                        createVNode(_component_USkeleton, { class: "h-5 w-20" }),
+                        createVNode(_component_USkeleton, { class: "h-10 w-full" }),
+                        createVNode(_component_USkeleton, { class: "h-10 w-28" })
+                      ])
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(_component_UTabs, {
+                      items: tabs,
+                      "default-value": "account",
+                      class: "w-full mx-auto",
+                      ui: { list: "max-w-xl" }
+                    }, {
+                      account: withCtx(() => [
+                        createVNode("div", { class: "space-y-8 max-w-2xl mx-auto py-6" }, [
+                          createVNode("div", null, [
+                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Profile "),
+                            createVNode(_component_UForm, {
+                              state: unref(profileState),
+                              class: "space-y-4",
+                              onSubmit: handleProfileSubmit
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UFormField, {
+                                  label: "Name",
+                                  name: "name"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UInput, {
+                                      modelValue: unref(profileState).name,
+                                      "onUpdate:modelValue": ($event) => unref(profileState).name = $event,
+                                      placeholder: "Your name",
+                                      class: "w-full"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_UButton, {
+                                  type: "submit",
+                                  loading: unref(profileLoading)
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" Save Name ")
+                                  ]),
+                                  _: 1
+                                }, 8, ["loading"])
+                              ]),
+                              _: 1
+                            }, 8, ["state"])
+                          ]),
+                          createVNode(_component_USeparator),
+                          createVNode("div", null, [
+                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Email Address "),
+                            createVNode(_component_UForm, {
+                              state: unref(emailState),
+                              class: "space-y-4",
+                              onSubmit: handleEmailSubmit
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UFormField, {
+                                  label: "Email",
+                                  name: "newEmail"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UInput, {
+                                      modelValue: unref(emailState).newEmail,
+                                      "onUpdate:modelValue": ($event) => unref(emailState).newEmail = $event,
+                                      type: "email",
+                                      placeholder: "your@email.com",
+                                      class: "w-full"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_UButton, {
+                                  type: "submit",
+                                  loading: unref(emailLoading)
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" Change Email ")
+                                  ]),
+                                  _: 1
+                                }, 8, ["loading"])
+                              ]),
+                              _: 1
+                            }, 8, ["state"])
+                          ]),
+                          createVNode(_component_USeparator),
+                          createVNode("div", null, [
+                            createVNode("h3", { class: "text-lg font-semibold mb-4" }, " Change Password "),
+                            createVNode(_component_UForm, {
+                              state: unref(passwordState),
+                              class: "space-y-4",
+                              onSubmit: handlePasswordSubmit
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(_component_UFormField, {
+                                  label: "Current Password",
+                                  name: "currentPassword"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UInput, {
+                                      modelValue: unref(passwordState).currentPassword,
+                                      "onUpdate:modelValue": ($event) => unref(passwordState).currentPassword = $event,
+                                      type: "password",
+                                      class: "w-full"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_UFormField, {
+                                  label: "New Password",
+                                  name: "newPassword"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UInput, {
+                                      modelValue: unref(passwordState).newPassword,
+                                      "onUpdate:modelValue": ($event) => unref(passwordState).newPassword = $event,
+                                      type: "password",
+                                      class: "w-full"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_UFormField, {
+                                  label: "Confirm New Password",
+                                  name: "confirmPassword"
+                                }, {
+                                  default: withCtx(() => [
+                                    createVNode(_component_UInput, {
+                                      modelValue: unref(passwordState).confirmPassword,
+                                      "onUpdate:modelValue": ($event) => unref(passwordState).confirmPassword = $event,
+                                      type: "password",
+                                      class: "w-full"
+                                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                  ]),
+                                  _: 1
+                                }),
+                                createVNode(_component_UButton, {
+                                  type: "submit",
+                                  loading: unref(passwordLoading)
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(" Change Password ")
+                                  ]),
+                                  _: 1
+                                }, 8, ["loading"])
+                              ]),
+                              _: 1
+                            }, 8, ["state"])
+                          ])
+                        ])
+                      ]),
+                      secrets: withCtx(() => [
+                        createVNode("div", { class: "py-6" }, [
+                          createVNode("div", { class: "flex items-center justify-between mb-6" }, [
+                            createVNode("div", null, [
+                              createVNode("h3", { class: "text-lg font-semibold" }, " Secrets "),
+                              createVNode("p", { class: "text-sm text-dimmed" }, " Encrypted key-value store for skills and integrations. ")
+                            ]),
+                            createVNode(_component_UButton, {
+                              icon: "i-lucide-plus",
+                              onClick: openCreateSecret
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" Add Secret ")
+                              ]),
+                              _: 1
+                            })
                           ]),
                           createVNode(_component_UTable, {
                             columns: secretColumns,
@@ -1392,7 +2490,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             (openBlock(true), createBlock(Fragment, null, renderList(unref(bridgesData), (bridge) => {
                               return openBlock(), createBlock("div", {
                                 key: bridge.id,
-                                class: "border border-default rounded-lg px-4 py-3"
+                                class: "border border-default rounded-lg px-4 py-3 cursor-pointer hover:bg-elevated/50 transition-colors",
+                                onClick: ($event) => openBridgeConfig(bridge)
                               }, [
                                 createVNode("div", { class: "flex items-center justify-between" }, [
                                   createVNode("div", { class: "flex items-center gap-3" }, [
@@ -1411,14 +2510,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     }, toDisplayString(bridge.healthStatus), 3),
                                     createVNode(_component_USwitch, {
                                       "model-value": bridge.enabled,
+                                      onClick: withModifiers(() => {
+                                      }, ["stop"]),
                                       "onUpdate:modelValue": ($event) => toggleBridge(bridge)
-                                    }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                                    }, null, 8, ["model-value", "onClick", "onUpdate:modelValue"]),
                                     createVNode(_component_UButton, {
                                       variant: "ghost",
                                       color: "error",
                                       icon: "i-lucide-trash-2",
                                       size: "xs",
-                                      onClick: ($event) => confirmDeleteBridge(bridge)
+                                      onClick: withModifiers(($event) => confirmDeleteBridge(bridge), ["stop"])
                                     }, null, 8, ["onClick"])
                                   ])
                                 ]),
@@ -1426,13 +2527,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   key: 0,
                                   class: "text-xs text-dimmed mt-1 pl-8"
                                 }, toDisplayString(bridge.healthMessage), 1)) : createCommentVNode("", true)
-                              ]);
+                              ], 8, ["onClick"]);
                             }), 128))
                           ]))
                         ])
                       ]),
                       app: withCtx(() => [
                         createVNode("div", { class: "max-w-2xl mx-auto py-6" }, [
+                          createVNode("div", { class: "mb-8" }, [
+                            createVNode("h3", { class: "text-lg font-semibold mb-1" }, " Public URL "),
+                            createVNode("p", { class: "text-sm text-dimmed mb-4" }, " The publicly accessible URL for this instance. Used for Telegram webhooks, auth callbacks, and other integrations that need to reach your server. "),
+                            createVNode("div", { class: "flex gap-2" }, [
+                              createVNode(_component_UInput, {
+                                modelValue: unref(appUrl),
+                                "onUpdate:modelValue": ($event) => isRef(appUrl) ? appUrl.value = $event : null,
+                                placeholder: "https://example.com",
+                                class: "flex-1"
+                              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                              createVNode(_component_UButton, {
+                                loading: unref(appUrlSaving),
+                                onClick: saveAppUrl
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode(" Save ")
+                                ]),
+                                _: 1
+                              }, 8, ["loading"])
+                            ]),
+                            createVNode("p", { class: "text-xs text-dimmed mt-2" }, " Leave empty to use long-polling for Telegram instead of webhooks. Changes require restarting running integrations. ")
+                          ]),
+                          createVNode(_component_USeparator, { class: "mb-8" }),
                           createVNode("div", { class: "mb-6" }, [
                             createVNode("h3", { class: "text-lg font-semibold mb-1" }, " Notification Preferences "),
                             createVNode("p", { class: "text-sm text-dimmed" }, " Choose which resource changes show toast notifications. ")
@@ -1662,6 +2786,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
+                    getMissingSecrets(unref(bridgeForm).platform).length ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                    }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-alert-triangle",
+                        class: "size-4 mt-0.5 text-error shrink-0"
+                      }),
+                      createVNode("div", null, [
+                        createVNode("p", { class: "font-medium text-error" }, " Missing required secrets "),
+                        createVNode("p", { class: "text-dimmed mt-1" }, " Add the following in Settings → Secrets before creating: "),
+                        createVNode("ul", { class: "mt-1 space-y-0.5" }, [
+                          (openBlock(true), createBlock(Fragment, null, renderList(getMissingSecrets(unref(bridgeForm).platform), (key) => {
+                            return openBlock(), createBlock("li", { key }, [
+                              createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, toDisplayString(key), 1)
+                            ]);
+                          }), 128))
+                        ])
+                      ])
+                    ])) : createCommentVNode("", true),
                     createVNode(_component_UFormField, {
                       label: "Name",
                       name: "name"
@@ -1670,9 +2814,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(_component_UInput, {
                           modelValue: unref(bridgeForm).name,
                           "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
-                          placeholder: "My Telegram Bot",
+                          placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
                           class: "w-full"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                       ]),
                       _: 1
                     }),
@@ -1688,13 +2832,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, 8, ["onClick"]),
                       createVNode(_component_UButton, {
                         loading: unref(bridgeSaving),
+                        disabled: getMissingSecrets(unref(bridgeForm).platform).length > 0,
                         onClick: handleBridgeCreate
                       }, {
                         default: withCtx(() => [
                           createTextVNode(" Create ")
                         ]),
                         _: 1
-                      }, 8, ["loading"])
+                      }, 8, ["loading", "disabled"])
                     ])
                   ])
                 ]),
@@ -1736,6 +2881,337 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
+              }, 8, ["open", "onUpdate:open"]),
+              createVNode(_component_UModal, {
+                open: unref(bridgeConfigModal),
+                "onUpdate:open": ($event) => isRef(bridgeConfigModal) ? bridgeConfigModal.value = $event : null
+              }, {
+                header: withCtx(() => [
+                  createVNode("div", { class: "flex items-center gap-2" }, [
+                    createVNode(_component_UIcon, {
+                      name: platformOptions.find((p) => p.value === unref(editingBridge)?.platform)?.icon || "i-lucide-plug",
+                      class: "size-5"
+                    }, null, 8, ["name"]),
+                    createVNode("h3", { class: "text-lg font-semibold" }, " Configure " + toDisplayString(unref(editingBridge)?.name), 1)
+                  ])
+                ]),
+                body: withCtx(() => [
+                  createVNode("div", { class: "space-y-4" }, [
+                    unref(editingBridge) && platformRequiredSecrets[unref(editingBridge).platform].length ? (openBlock(), createBlock("div", {
+                      key: 0,
+                      class: "flex items-start gap-2 rounded-lg bg-elevated p-3 text-sm"
+                    }, [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-info",
+                        class: "size-4 mt-0.5 text-dimmed shrink-0"
+                      }),
+                      createVNode("span", { class: "text-dimmed" }, [
+                        createTextVNode(" Requires "),
+                        (openBlock(true), createBlock(Fragment, null, renderList(platformRequiredSecrets[unref(editingBridge).platform], (key, i) => {
+                          return openBlock(), createBlock(Fragment, { key }, [
+                            createVNode("code", { class: "bg-elevated px-1 py-0.5 rounded text-xs" }, toDisplayString(key), 1),
+                            i < platformRequiredSecrets[unref(editingBridge).platform].length - 1 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode(", ")
+                            ], 64)) : createCommentVNode("", true)
+                          ], 64);
+                        }), 128)),
+                        createTextVNode(" in the Secrets tab. ")
+                      ])
+                    ])) : createCommentVNode("", true),
+                    createVNode(_component_UFormField, {
+                      label: "Name",
+                      name: "name"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).name,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                          placeholder: "Integration name",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    unref(editingBridge)?.platform === "telegram" ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                      createVNode(_component_UFormField, {
+                        label: "Bot Username",
+                        name: "botUsername",
+                        hint: "Without the @ prefix"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).botUsername,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                            placeholder: "my_bot",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_UFormField, {
+                        label: "Allowed Chat IDs",
+                        name: "allowedChatIds",
+                        hint: "Comma-separated. Leave empty for all."
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).allowedChatIds,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                            placeholder: "123456, -100789",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : createCommentVNode("", true),
+                    unref(editingBridge)?.platform === "discord" ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                      createVNode(_component_UFormField, {
+                        label: "Listen Mode",
+                        name: "listenMode"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_USelect, {
+                            modelValue: unref(bridgeConfigForm).listenMode,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                            items: discordListenModeOptions,
+                            "value-key": "value",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_UFormField, {
+                        label: "Server ID",
+                        name: "guildId",
+                        hint: "Optional. Limit to one server."
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).guildId,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                            placeholder: "Discord server ID",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_UFormField, {
+                        label: "Channel ID",
+                        name: "channelId",
+                        hint: "Optional. Limit to one channel (for 'all' mode)."
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).channelId,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                            placeholder: "Discord channel ID",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : createCommentVNode("", true),
+                    unref(editingBridge)?.platform === "imessage" ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                      createVNode(_component_UFormField, {
+                        label: "Strategy",
+                        name: "strategy"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_USelect, {
+                            modelValue: unref(bridgeConfigForm).strategy,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                            items: imessageStrategyOptions,
+                            "value-key": "value",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      unref(bridgeConfigForm).strategy === "bluebubbles" && !unref(secretsData).some((s) => s.key === "BLUEBUBBLES_PASSWORD") ? (openBlock(), createBlock("div", {
+                        key: 0,
+                        class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                      }, [
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-alert-triangle",
+                          class: "size-4 mt-0.5 text-error shrink-0"
+                        }),
+                        createVNode("span", { class: "text-dimmed" }, [
+                          createTextVNode(" BlueBubbles requires secret "),
+                          createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, "BLUEBUBBLES_PASSWORD"),
+                          createTextVNode(" in the Secrets tab. ")
+                        ])
+                      ])) : createCommentVNode("", true),
+                      unref(bridgeConfigForm).strategy === "bluebubbles" ? (openBlock(), createBlock(_component_UFormField, {
+                        key: 1,
+                        label: "BlueBubbles URL",
+                        name: "blueBubblesUrl"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).blueBubblesUrl,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).blueBubblesUrl = $event,
+                            placeholder: "http://192.168.1.100:1234",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true),
+                      createVNode(_component_UFormField, {
+                        label: "Allowed Numbers",
+                        name: "allowedNumbers",
+                        hint: "Comma-separated. Leave empty for all."
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).allowedNumbers,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                            placeholder: "+15551234567, +15559876543",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : createCommentVNode("", true),
+                    unref(editingBridge)?.platform === "google" ? (openBlock(), createBlock(Fragment, { key: 4 }, [
+                      createVNode(_component_UFormField, {
+                        label: "Enabled Services",
+                        name: "enabledServices"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode("div", { class: "space-y-2" }, [
+                            (openBlock(), createBlock(Fragment, null, renderList(googleServiceOptions, (svc) => {
+                              return createVNode("label", {
+                                key: svc.value,
+                                class: "flex items-center gap-2 cursor-pointer"
+                              }, [
+                                createVNode("input", {
+                                  type: "checkbox",
+                                  checked: unref(bridgeConfigForm).enabledServices.includes(svc.value),
+                                  class: "rounded",
+                                  onChange: ($event) => unref(bridgeConfigForm).enabledServices.includes(svc.value) ? unref(bridgeConfigForm).enabledServices = unref(bridgeConfigForm).enabledServices.filter((s) => s !== svc.value) : unref(bridgeConfigForm).enabledServices.push(svc.value)
+                                }, null, 40, ["checked", "onChange"]),
+                                createVNode("span", { class: "text-sm" }, toDisplayString(svc.label), 1)
+                              ]);
+                            }), 64))
+                          ])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(_component_UFormField, {
+                        label: "Google Account",
+                        name: "account",
+                        hint: "Email used with gogcli"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).account,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                            placeholder: "user@gmail.com",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      })
+                    ], 64)) : createCommentVNode("", true),
+                    unref(editingBridge)?.platform === "email" ? (openBlock(), createBlock(Fragment, { key: 5 }, [
+                      createVNode(_component_UFormField, {
+                        label: "Email Address",
+                        name: "emailAddress"
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(bridgeConfigForm).emailAddress,
+                            "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                            placeholder: "user@example.com",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                        ]),
+                        _: 1
+                      }),
+                      createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                        createVNode(_component_UFormField, {
+                          label: "IMAP Host",
+                          name: "imapHost"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).imapHost,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                              placeholder: "imap.example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "IMAP Port",
+                          name: "imapPort"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).imapPort,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                              placeholder: "993",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                        createVNode(_component_UFormField, {
+                          label: "SMTP Host",
+                          name: "smtpHost"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).smtpHost,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                              placeholder: "smtp.example.com",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(_component_UFormField, {
+                          label: "SMTP Port",
+                          name: "smtpPort"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_UInput, {
+                              modelValue: unref(bridgeConfigForm).smtpPort,
+                              "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                              placeholder: "587",
+                              class: "w-full"
+                            }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ], 64)) : createCommentVNode("", true),
+                    createVNode("div", { class: "flex justify-end gap-2 pt-4" }, [
+                      createVNode(_component_UButton, {
+                        variant: "ghost",
+                        onClick: ($event) => bridgeConfigModal.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Cancel ")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      createVNode(_component_UButton, {
+                        loading: unref(bridgeConfigSaving),
+                        onClick: handleBridgeConfigSave
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(" Save ")
+                        ]),
+                        _: 1
+                      }, 8, ["loading"])
+                    ])
+                  ])
+                ]),
+                _: 1
               }, 8, ["open", "onUpdate:open"])
             ];
           }
@@ -1753,4 +3229,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=settings-DuT6LGJZ.mjs.map
+//# sourceMappingURL=settings-B2KXoGcz.mjs.map