cognova 0.2.6 → 0.2.8

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

@@ -11,8 +11,8 @@ import { _ as _sfc_main$4 } from './Skeleton-DZqsQzFi.mjs';
 import { _ as _sfc_main$b } 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, openBlock, Fragment, renderList, createCommentVNode, 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';
@@ -69,7 +69,6 @@ import 'chokidar';
 import 'fs/promises';
 import 'gray-matter';
 import 'cron';
-import 'discord.js';
 import 'child_process';
 import 'util';
 import 'node:url';
@@ -291,6 +290,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 platformSecretHints = {
+      telegram: "TELEGRAM_BOT_TOKEN",
+      discord: "DISCORD_BOT_TOKEN",
+      imessage: null,
+      google: null,
+      email: null
+    };
     const platformOptions = [
       { value: "telegram", label: "Telegram", icon: "i-lucide-send" },
       { value: "discord", label: "Discord", icon: "i-lucide-message-circle" },
@@ -314,6 +369,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 = "";
@@ -935,7 +1086,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 {
@@ -943,9 +1094,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"])
                         ];
                       }
                     }),
@@ -1009,9 +1160,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
                       }),
@@ -1121,212 +1272,1036 @@ 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) && platformSecretHints[unref(editingBridge).platform]) {
+                    _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 secret <code class="bg-elevated px-1 py-0.5 rounded text-xs"${_scopeId2}>${ssrInterpolate(platformSecretHints[unref(editingBridge).platform])}</code> 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
-                            })
-                          ]),
-                          createVNode(_component_UTable, {
-                            columns: secretColumns,
-                            data: unref(secretsData),
-                            loading: unref(secretsLoading)
-                          }, {
-                            "key-cell": withCtx(({ row }) => [
-                              createVNode("code", { class: "text-sm bg-elevated px-2 py-0.5 rounded" }, toDisplayString(row.original.key), 1)
-                            ]),
-                            "description-cell": withCtx(({ row }) => [
-                              createVNode("span", { class: "text-dimmed" }, toDisplayString(row.original.description || "—"), 1)
-                            ]),
-                            "updatedAt-cell": withCtx(({ row }) => [
-                              createVNode("span", { class: "text-dimmed text-sm" }, toDisplayString(formatDate(row.original.updatedAt)), 1)
-                            ]),
-                            "actions-cell": withCtx(({ row }) => [
-                              createVNode("div", { class: "flex gap-2 justify-end" }, [
-                                createVNode(_component_UButton, {
-                                  variant: "ghost",
-                                  icon: "i-lucide-pencil",
-                                  size: "xs",
-                                  onClick: ($event) => openEditSecret(row.original)
-                                }, null, 8, ["onClick"]),
+                      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") {
+                      _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) && platformSecretHints[unref(editingBridge).platform] ? (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 secret "),
+                          createVNode("code", { class: "bg-elevated px-1 py-0.5 rounded text-xs" }, toDisplayString(platformSecretHints[unref(editingBridge).platform]), 1),
+                          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" ? (openBlock(), createBlock(_component_UFormField, {
+                          key: 0,
+                          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,
+                            data: unref(secretsData),
+                            loading: unref(secretsLoading)
+                          }, {
+                            "key-cell": withCtx(({ row }) => [
+                              createVNode("code", { class: "text-sm bg-elevated px-2 py-0.5 rounded" }, toDisplayString(row.original.key), 1)
+                            ]),
+                            "description-cell": withCtx(({ row }) => [
+                              createVNode("span", { class: "text-dimmed" }, toDisplayString(row.original.description || "—"), 1)
+                            ]),
+                            "updatedAt-cell": withCtx(({ row }) => [
+                              createVNode("span", { class: "text-dimmed text-sm" }, toDisplayString(formatDate(row.original.updatedAt)), 1)
+                            ]),
+                            "actions-cell": withCtx(({ row }) => [
+                              createVNode("div", { class: "flex gap-2 justify-end" }, [
+                                createVNode(_component_UButton, {
+                                  variant: "ghost",
+                                  icon: "i-lucide-pencil",
+                                  size: "xs",
+                                  onClick: ($event) => openEditSecret(row.original)
+                                }, null, 8, ["onClick"]),
                                 createVNode(_component_UButton, {
                                   variant: "ghost",
                                   color: "error",
@@ -1393,7 +2368,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" }, [
@@ -1412,14 +2388,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"])
                                   ])
                                 ]),
@@ -1427,7 +2405,7 @@ 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))
                           ]))
                         ])
@@ -1671,9 +2649,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
                     }),
@@ -1737,6 +2715,316 @@ 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) && platformSecretHints[unref(editingBridge).platform] ? (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 secret "),
+                        createVNode("code", { class: "bg-elevated px-1 py-0.5 rounded text-xs" }, toDisplayString(platformSecretHints[unref(editingBridge).platform]), 1),
+                        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" ? (openBlock(), createBlock(_component_UFormField, {
+                        key: 0,
+                        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"])
             ];
           }
@@ -1754,4 +3042,4 @@ _sfc_main.setup = (props, ctx) => {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=settings-DuT6LGJZ.mjs.map
+//# sourceMappingURL=settings-ByUXa46k.mjs.map