cognova 0.2.13 → 0.2.14

package/.output/server/chunks/build/integrations-D5JWURiJ.mjs

@@ -0,0 +1,1499 @@
+import { i as useToast, _ as _sfc_main$8, g as _sfc_main$d } from './server.mjs';
+import { _ as _sfc_main$1 } from './Skeleton-DZqsQzFi.mjs';
+import { _ as _sfc_main$2 } from './Switch-GWdksmY6.mjs';
+import { _ as _sfc_main$3 } from './Modal-Z_SoWhh-.mjs';
+import { _ as _sfc_main$4 } from './FormField-Caux_FCv.mjs';
+import { _ as _sfc_main$5 } from './Select-BB1oLrCD.mjs';
+import { _ as _sfc_main$6 } from './Input-CV2hlBHo.mjs';
+import { defineComponent, ref, reactive, mergeProps, withCtx, createTextVNode, unref, isRef, createVNode, createBlock, createCommentVNode, openBlock, Fragment, renderList, toDisplayString, useSSRContext } from 'vue';
+import { ssrRenderAttrs, ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass, ssrIncludeBooleanAttr } from 'vue/server-renderer';
+import '../nitro/nitro.mjs';
+import '@anthropic-ai/claude-agent-sdk';
+import 'module';
+import 'path';
+import 'os';
+import 'node:http';
+import 'node:https';
+import 'node:crypto';
+import 'stream';
+import 'events';
+import 'http';
+import 'crypto';
+import 'buffer';
+import 'zlib';
+import 'https';
+import 'net';
+import 'tls';
+import 'url';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'fs';
+import 'drizzle-orm/postgres-js/migrator';
+import 'drizzle-orm';
+import 'drizzle-orm/postgres-js';
+import 'postgres';
+import 'drizzle-orm/pg-core';
+import 'better-auth';
+import 'better-auth/adapters/drizzle';
+import 'chokidar';
+import 'fs/promises';
+import 'gray-matter';
+import 'cron';
+import 'child_process';
+import 'util';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+import 'vue-router';
+import 'tailwindcss/colors';
+import '@iconify/vue';
+import 'reka-ui';
+import '@vueuse/core';
+import 'tailwind-variants';
+import '@iconify/utils/lib/css/icon';
+import 'perfect-debounce';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "integrations",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const toast = useToast();
+    const bridgesData = ref([]);
+    const bridgesLoading = ref(false);
+    const bridgeModal = ref(false);
+    const bridgeSaving = ref(false);
+    const bridgeDeleteConfirm = ref(false);
+    const bridgeToDelete = ref(null);
+    const bridgeForm = reactive({
+      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 secretKeys = ref([]);
+    const discordListenModeOptions = [
+      { value: "mentions", label: "Mentions & DMs" },
+      { value: "dm", label: "DMs only" },
+      { value: "all", label: "All messages" }
+    ];
+    const imessageStrategyOptions = [
+      { value: "imsg", label: "Local (imsg CLI)" },
+      { value: "bluebubbles", label: "BlueBubbles" }
+    ];
+    const googleServiceOptions = [
+      { value: "gmail", label: "Gmail" },
+      { value: "calendar", label: "Calendar" },
+      { value: "drive", label: "Drive" },
+      { value: "contacts", label: "Contacts" },
+      { value: "tasks", label: "Tasks" }
+    ];
+    const platformNamePlaceholders = {
+      telegram: "My Telegram Bot",
+      discord: "My Discord Bot",
+      imessage: "iMessage Bridge",
+      google: "Google Suite",
+      email: "Work Email"
+    };
+    const platformRequiredSecrets = {
+      telegram: ["TELEGRAM_BOT_TOKEN"],
+      discord: ["DISCORD_BOT_TOKEN"],
+      imessage: [],
+      google: [],
+      email: []
+    };
+    const platformOptions = [
+      { value: "telegram", label: "Telegram", icon: "i-lucide-send" },
+      { value: "discord", label: "Discord", icon: "i-lucide-message-circle" },
+      { value: "imessage", label: "iMessage", icon: "i-lucide-smartphone" },
+      { value: "google", label: "Google Suite", icon: "i-lucide-mail" },
+      { value: "email", label: "Email (IMAP)", icon: "i-lucide-at-sign" }
+    ];
+    function getMissingSecrets(platform) {
+      const required = platformRequiredSecrets[platform];
+      if (!required.length) return [];
+      const existing = new Set(secretKeys.value);
+      return required.filter((k) => !existing.has(k));
+    }
+    const healthColors = {
+      connected: "text-success",
+      disconnected: "text-dimmed",
+      error: "text-error",
+      unconfigured: "text-dimmed"
+    };
+    async function fetchBridges() {
+      bridgesLoading.value = true;
+      try {
+        const { data } = await $fetch("/api/bridges");
+        bridgesData.value = data;
+      } catch {
+        toast.add({ title: "Failed to load integrations", color: "error" });
+      }
+      bridgesLoading.value = false;
+    }
+    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 = "";
+      bridgeModal.value = true;
+    }
+    async function handleBridgeCreate() {
+      if (!bridgeForm.name) {
+        toast.add({ title: "Name is required", color: "error" });
+        return;
+      }
+      const missing = getMissingSecrets(bridgeForm.platform);
+      if (missing.length) {
+        toast.add({
+          title: "Missing required secrets",
+          description: `Add ${missing.join(", ")} in the Secrets tab first.`,
+          color: "error"
+        });
+        return;
+      }
+      bridgeSaving.value = true;
+      try {
+        await $fetch("/api/bridges", {
+          method: "POST",
+          body: { platform: bridgeForm.platform, name: bridgeForm.name }
+        });
+        toast.add({ title: "Integration created", color: "success" });
+        bridgeModal.value = false;
+        await fetchBridges();
+      } catch (err) {
+        const error = err;
+        toast.add({ title: "Failed to create integration", description: error.data?.message, color: "error" });
+      }
+      bridgeSaving.value = false;
+    }
+    async function toggleBridge(bridge) {
+      try {
+        await $fetch(`/api/bridges/${bridge.id}`, {
+          method: "PUT",
+          body: { enabled: !bridge.enabled }
+        });
+        await fetchBridges();
+      } catch {
+        toast.add({ title: "Failed to update integration", color: "error" });
+      }
+    }
+    function confirmDeleteBridge(bridge) {
+      bridgeToDelete.value = bridge;
+      bridgeDeleteConfirm.value = true;
+    }
+    async function handleDeleteBridge() {
+      if (!bridgeToDelete.value) return;
+      try {
+        await $fetch(`/api/bridges/${bridgeToDelete.value.id}`, { method: "DELETE" });
+        toast.add({ title: "Integration deleted", color: "success" });
+        bridgeDeleteConfirm.value = false;
+        bridgeToDelete.value = null;
+        await fetchBridges();
+      } catch {
+        toast.add({ title: "Failed to delete integration", color: "error" });
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UButton = _sfc_main$8;
+      const _component_USkeleton = _sfc_main$1;
+      const _component_UIcon = _sfc_main$d;
+      const _component_USwitch = _sfc_main$2;
+      const _component_UModal = _sfc_main$3;
+      const _component_UFormField = _sfc_main$4;
+      const _component_USelect = _sfc_main$5;
+      const _component_UInput = _sfc_main$6;
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "py-6" }, _attrs))}><div class="flex items-center justify-between mb-6"><div><h3 class="text-lg font-semibold"> Integrations </h3><p class="text-sm text-dimmed"> Connect external platforms to the message bridge. </p></div>`);
+      _push(ssrRenderComponent(_component_UButton, {
+        icon: "i-lucide-plus",
+        onClick: openCreateBridge
+      }, {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(` Add Integration `);
+          } else {
+            return [
+              createTextVNode(" Add Integration ")
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+      if (unref(bridgesLoading)) {
+        _push(`<div class="space-y-3"><!--[-->`);
+        ssrRenderList(3, (i) => {
+          _push(ssrRenderComponent(_component_USkeleton, {
+            key: i,
+            class: "h-16 w-full"
+          }, null, _parent));
+        });
+        _push(`<!--]--></div>`);
+      } else if (unref(bridgesData).length === 0) {
+        _push(`<div class="py-12 text-center">`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-plug",
+          class: "size-12 mx-auto mb-4 text-dimmed"
+        }, null, _parent));
+        _push(`<p class="text-dimmed"> No integrations configured. </p><p class="text-sm text-dimmed mt-1"> Connect Telegram, Discord, iMessage, or Google Suite. </p></div>`);
+      } else {
+        _push(`<div class="space-y-3"><!--[-->`);
+        ssrRenderList(unref(bridgesData), (bridge) => {
+          _push(`<div class="border border-default rounded-lg px-4 py-3 cursor-pointer hover:bg-elevated/50 transition-colors"><div class="flex items-center justify-between"><div class="flex items-center gap-3">`);
+          _push(ssrRenderComponent(_component_UIcon, {
+            name: platformOptions.find((p) => p.value === bridge.platform)?.icon || "i-lucide-plug",
+            class: "size-5 text-dimmed"
+          }, null, _parent));
+          _push(`<div><span class="font-medium">${ssrInterpolate(bridge.name)}</span><span class="text-sm text-dimmed ml-2">${ssrInterpolate(platformOptions.find((p) => p.value === bridge.platform)?.label)}</span></div></div><div class="flex items-center gap-3"><span class="${ssrRenderClass([healthColors[bridge.healthStatus] || "text-dimmed", "text-xs capitalize"])}">${ssrInterpolate(bridge.healthStatus)}</span>`);
+          _push(ssrRenderComponent(_component_USwitch, {
+            "model-value": bridge.enabled,
+            onClick: () => {
+            },
+            "onUpdate:modelValue": ($event) => toggleBridge(bridge)
+          }, null, _parent));
+          _push(ssrRenderComponent(_component_UButton, {
+            variant: "ghost",
+            color: "error",
+            icon: "i-lucide-trash-2",
+            size: "xs",
+            onClick: ($event) => confirmDeleteBridge(bridge)
+          }, null, _parent));
+          _push(`</div></div>`);
+          if (bridge.healthMessage) {
+            _push(`<p class="text-xs text-dimmed mt-1 pl-8">${ssrInterpolate(bridge.healthMessage)}</p>`);
+          } else {
+            _push(`<!---->`);
+          }
+          _push(`</div>`);
+        });
+        _push(`<!--]--></div>`);
+      }
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(bridgeModal),
+        "onUpdate:open": ($event) => isRef(bridgeModal) ? bridgeModal.value = $event : null
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<h3 class="text-lg font-semibold"${_scopeId}> Add Integration </h3>`);
+          } else {
+            return [
+              createVNode("h3", { class: "text-lg font-semibold" }, " Add Integration ")
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UFormField, {
+              label: "Platform",
+              name: "platform"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_USelect, {
+                    modelValue: unref(bridgeForm).platform,
+                    "onUpdate:modelValue": ($event) => unref(bridgeForm).platform = $event,
+                    items: platformOptions,
+                    "value-key": "value",
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_USelect, {
+                      modelValue: unref(bridgeForm).platform,
+                      "onUpdate:modelValue": ($event) => unref(bridgeForm).platform = $event,
+                      items: platformOptions,
+                      "value-key": "value",
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (getMissingSecrets(unref(bridgeForm).platform).length) {
+              _push2(`<div class="flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-alert-triangle",
+                class: "size-4 mt-0.5 text-error shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(`<div${_scopeId}><p class="font-medium text-error"${_scopeId}> Missing required secrets </p><p class="text-dimmed mt-1"${_scopeId}> Add the following in Settings → Secrets before creating: </p><ul class="mt-1 space-y-0.5"${_scopeId}><!--[-->`);
+              ssrRenderList(getMissingSecrets(unref(bridgeForm).platform), (key) => {
+                _push2(`<li${_scopeId}><code class="text-xs bg-elevated px-1.5 py-0.5 rounded"${_scopeId}>${ssrInterpolate(key)}</code></li>`);
+              });
+              _push2(`<!--]--></ul></div></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(ssrRenderComponent(_component_UFormField, {
+              label: "Name",
+              name: "name"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(bridgeForm).name,
+                    "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
+                    placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(bridgeForm).name,
+                      "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
+                      placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`<div class="flex justify-end gap-2 pt-4"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "ghost",
+              onClick: ($event) => bridgeModal.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              loading: unref(bridgeSaving),
+              disabled: getMissingSecrets(unref(bridgeForm).platform).length > 0,
+              onClick: handleBridgeCreate
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Create `);
+                } else {
+                  return [
+                    createTextVNode(" Create ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                createVNode(_component_UFormField, {
+                  label: "Platform",
+                  name: "platform"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_USelect, {
+                      modelValue: unref(bridgeForm).platform,
+                      "onUpdate:modelValue": ($event) => unref(bridgeForm).platform = $event,
+                      items: platformOptions,
+                      "value-key": "value",
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                getMissingSecrets(unref(bridgeForm).platform).length ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-alert-triangle",
+                    class: "size-4 mt-0.5 text-error shrink-0"
+                  }),
+                  createVNode("div", null, [
+                    createVNode("p", { class: "font-medium text-error" }, " Missing required secrets "),
+                    createVNode("p", { class: "text-dimmed mt-1" }, " Add the following in Settings → Secrets before creating: "),
+                    createVNode("ul", { class: "mt-1 space-y-0.5" }, [
+                      (openBlock(true), createBlock(Fragment, null, renderList(getMissingSecrets(unref(bridgeForm).platform), (key) => {
+                        return openBlock(), createBlock("li", { key }, [
+                          createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, toDisplayString(key), 1)
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ])) : createCommentVNode("", true),
+                createVNode(_component_UFormField, {
+                  label: "Name",
+                  name: "name"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(bridgeForm).name,
+                      "onUpdate:modelValue": ($event) => unref(bridgeForm).name = $event,
+                      placeholder: platformNamePlaceholders[unref(bridgeForm).platform],
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                  ]),
+                  _: 1
+                }),
+                createVNode("div", { class: "flex justify-end gap-2 pt-4" }, [
+                  createVNode(_component_UButton, {
+                    variant: "ghost",
+                    onClick: ($event) => bridgeModal.value = false
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Cancel ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_UButton, {
+                    loading: unref(bridgeSaving),
+                    disabled: getMissingSecrets(unref(bridgeForm).platform).length > 0,
+                    onClick: handleBridgeCreate
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Create ")
+                    ]),
+                    _: 1
+                  }, 8, ["loading", "disabled"])
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(bridgeDeleteConfirm),
+        "onUpdate:open": ($event) => isRef(bridgeDeleteConfirm) ? bridgeDeleteConfirm.value = $event : null
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<h3 class="text-lg font-semibold"${_scopeId}> Delete Integration </h3>`);
+          } else {
+            return [
+              createVNode("h3", { class: "text-lg font-semibold" }, " Delete Integration ")
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<p class="mb-4"${_scopeId}> Are you sure you want to delete <strong${_scopeId}>${ssrInterpolate(unref(bridgeToDelete)?.name)}</strong>? </p><p class="text-sm text-dimmed"${_scopeId}> This will remove the integration and all associated message history. </p><div class="flex justify-end gap-2 pt-6"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "ghost",
+              onClick: ($event) => bridgeDeleteConfirm.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              color: "error",
+              onClick: handleDeleteBridge
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Delete `);
+                } else {
+                  return [
+                    createTextVNode(" Delete ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("p", { class: "mb-4" }, [
+                createTextVNode(" Are you sure you want to delete "),
+                createVNode("strong", null, toDisplayString(unref(bridgeToDelete)?.name), 1),
+                createTextVNode("? ")
+              ]),
+              createVNode("p", { class: "text-sm text-dimmed" }, " This will remove the integration and all associated message history. "),
+              createVNode("div", { class: "flex justify-end gap-2 pt-6" }, [
+                createVNode(_component_UButton, {
+                  variant: "ghost",
+                  onClick: ($event) => bridgeDeleteConfirm.value = false
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  color: "error",
+                  onClick: handleDeleteBridge
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Delete ")
+                  ]),
+                  _: 1
+                })
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(bridgeConfigModal),
+        "onUpdate:open": ($event) => isRef(bridgeConfigModal) ? bridgeConfigModal.value = $event : null
+      }, {
+        header: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UIcon, {
+              name: platformOptions.find((p) => p.value === unref(editingBridge)?.platform)?.icon || "i-lucide-plug",
+              class: "size-5"
+            }, null, _parent2, _scopeId));
+            _push2(`<h3 class="text-lg font-semibold"${_scopeId}> 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)
+              ])
+            ];
+          }
+        }),
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}>`);
+            if (unref(editingBridge) && platformRequiredSecrets[unref(editingBridge).platform].length) {
+              _push2(`<div class="flex items-start gap-2 rounded-lg bg-elevated p-3 text-sm"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UIcon, {
+                name: "i-lucide-info",
+                class: "size-4 mt-0.5 text-dimmed shrink-0"
+              }, null, _parent2, _scopeId));
+              _push2(`<span class="text-dimmed"${_scopeId}> Requires <!--[-->`);
+              ssrRenderList(platformRequiredSecrets[unref(editingBridge).platform], (key, i) => {
+                _push2(`<!--[--><code class="bg-elevated px-1 py-0.5 rounded text-xs"${_scopeId}>${ssrInterpolate(key)}</code>`);
+                if (i < platformRequiredSecrets[unref(editingBridge).platform].length - 1) {
+                  _push2(`<!--[-->, <!--]-->`);
+                } else {
+                  _push2(`<!---->`);
+                }
+                _push2(`<!--]-->`);
+              });
+              _push2(`<!--]--> in the Secrets tab. </span></div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(ssrRenderComponent(_component_UFormField, {
+              label: "Name",
+              name: "name"
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_UInput, {
+                    modelValue: unref(bridgeConfigForm).name,
+                    "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                    placeholder: "Integration name",
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } 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
+            }, _parent2, _scopeId));
+            if (unref(editingBridge)?.platform === "telegram") {
+              _push2(`<!--[-->`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Bot Username",
+                name: "botUsername",
+                hint: "Without the @ prefix"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).botUsername,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                      placeholder: "my_bot",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Allowed Chat IDs",
+                name: "allowedChatIds",
+                hint: "Comma-separated. Leave empty for all."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).allowedChatIds,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                      placeholder: "123456, -100789",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(editingBridge)?.platform === "discord") {
+              _push2(`<!--[-->`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Listen Mode",
+                name: "listenMode"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(bridgeConfigForm).listenMode,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                      items: discordListenModeOptions,
+                      "value-key": "value",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Server ID",
+                name: "guildId",
+                hint: "Optional. Limit to one server."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).guildId,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                      placeholder: "Discord server ID",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Channel ID",
+                name: "channelId",
+                hint: "Optional. Limit to one channel (for 'all' mode)."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).channelId,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                      placeholder: "Discord channel ID",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(editingBridge)?.platform === "imessage") {
+              _push2(`<!--[-->`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Strategy",
+                name: "strategy"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_USelect, {
+                      modelValue: unref(bridgeConfigForm).strategy,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                      items: imessageStrategyOptions,
+                      "value-key": "value",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              if (unref(bridgeConfigForm).strategy === "bluebubbles" && !unref(secretKeys).includes("BLUEBUBBLES_PASSWORD")) {
+                _push2(`<div class="flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"${_scopeId}>`);
+                _push2(ssrRenderComponent(_component_UIcon, {
+                  name: "i-lucide-alert-triangle",
+                  class: "size-4 mt-0.5 text-error shrink-0"
+                }, null, _parent2, _scopeId));
+                _push2(`<span class="text-dimmed"${_scopeId}> BlueBubbles requires secret <code class="text-xs bg-elevated px-1.5 py-0.5 rounded"${_scopeId}>BLUEBUBBLES_PASSWORD</code> in the Secrets tab. </span></div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(bridgeConfigForm).strategy === "bluebubbles") {
+                _push2(ssrRenderComponent(_component_UFormField, {
+                  label: "BlueBubbles URL",
+                  name: "blueBubblesUrl"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(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, _parent3, _scopeId2));
+                    } 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
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Allowed Numbers",
+                name: "allowedNumbers",
+                hint: "Comma-separated. Leave empty for all."
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).allowedNumbers,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                      placeholder: "+15551234567, +15559876543",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(editingBridge)?.platform === "google") {
+              _push2(`<!--[-->`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Enabled Services",
+                name: "enabledServices"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`<div class="space-y-2"${_scopeId2}><!--[-->`);
+                    ssrRenderList(googleServiceOptions, (svc) => {
+                      _push3(`<label class="flex items-center gap-2 cursor-pointer"${_scopeId2}><input type="checkbox"${ssrIncludeBooleanAttr(unref(bridgeConfigForm).enabledServices.includes(svc.value)) ? " checked" : ""} class="rounded"${_scopeId2}><span class="text-sm"${_scopeId2}>${ssrInterpolate(svc.label)}</span></label>`);
+                    });
+                    _push3(`<!--]--></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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Google Account",
+                name: "account",
+                hint: "Email used with gogcli"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).account,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                      placeholder: "user@gmail.com",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`<!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(editingBridge)?.platform === "email") {
+              _push2(`<!--[-->`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "Email Address",
+                name: "emailAddress"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).emailAddress,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                      placeholder: "user@example.com",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`<div class="grid grid-cols-2 gap-4"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "IMAP Host",
+                name: "imapHost"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).imapHost,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                      placeholder: "imap.example.com",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "IMAP Port",
+                name: "imapPort"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).imapPort,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                      placeholder: "993",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`</div><div class="grid grid-cols-2 gap-4"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "SMTP Host",
+                name: "smtpHost"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).smtpHost,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                      placeholder: "smtp.example.com",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UFormField, {
+                label: "SMTP Port",
+                name: "smtpPort"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).smtpPort,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                      placeholder: "587",
+                      class: "w-full"
+                    }, null, _parent3, _scopeId2));
+                  } 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
+              }, _parent2, _scopeId));
+              _push2(`</div><!--]-->`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`<div class="flex justify-end gap-2 pt-4"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "ghost",
+              onClick: ($event) => bridgeConfigModal.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              loading: unref(bridgeConfigSaving),
+              onClick: handleBridgeConfigSave
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save `);
+                } else {
+                  return [
+                    createTextVNode(" Save ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div></div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                unref(editingBridge) && platformRequiredSecrets[unref(editingBridge).platform].length ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "flex items-start gap-2 rounded-lg bg-elevated p-3 text-sm"
+                }, [
+                  createVNode(_component_UIcon, {
+                    name: "i-lucide-info",
+                    class: "size-4 mt-0.5 text-dimmed shrink-0"
+                  }),
+                  createVNode("span", { class: "text-dimmed" }, [
+                    createTextVNode(" Requires "),
+                    (openBlock(true), createBlock(Fragment, null, renderList(platformRequiredSecrets[unref(editingBridge).platform], (key, i) => {
+                      return openBlock(), createBlock(Fragment, { key }, [
+                        createVNode("code", { class: "bg-elevated px-1 py-0.5 rounded text-xs" }, toDisplayString(key), 1),
+                        i < platformRequiredSecrets[unref(editingBridge).platform].length - 1 ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                          createTextVNode(", ")
+                        ], 64)) : createCommentVNode("", true)
+                      ], 64);
+                    }), 128)),
+                    createTextVNode(" in the Secrets tab. ")
+                  ])
+                ])) : createCommentVNode("", true),
+                createVNode(_component_UFormField, {
+                  label: "Name",
+                  name: "name"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_UInput, {
+                      modelValue: unref(bridgeConfigForm).name,
+                      "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).name = $event,
+                      placeholder: "Integration name",
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  _: 1
+                }),
+                unref(editingBridge)?.platform === "telegram" ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                  createVNode(_component_UFormField, {
+                    label: "Bot Username",
+                    name: "botUsername",
+                    hint: "Without the @ prefix"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).botUsername,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).botUsername = $event,
+                        placeholder: "my_bot",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_UFormField, {
+                    label: "Allowed Chat IDs",
+                    name: "allowedChatIds",
+                    hint: "Comma-separated. Leave empty for all."
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).allowedChatIds,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedChatIds = $event,
+                        placeholder: "123456, -100789",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : createCommentVNode("", true),
+                unref(editingBridge)?.platform === "discord" ? (openBlock(), createBlock(Fragment, { key: 2 }, [
+                  createVNode(_component_UFormField, {
+                    label: "Listen Mode",
+                    name: "listenMode"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(bridgeConfigForm).listenMode,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).listenMode = $event,
+                        items: discordListenModeOptions,
+                        "value-key": "value",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_UFormField, {
+                    label: "Server ID",
+                    name: "guildId",
+                    hint: "Optional. Limit to one server."
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).guildId,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).guildId = $event,
+                        placeholder: "Discord server ID",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_UFormField, {
+                    label: "Channel ID",
+                    name: "channelId",
+                    hint: "Optional. Limit to one channel (for 'all' mode)."
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).channelId,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).channelId = $event,
+                        placeholder: "Discord channel ID",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : createCommentVNode("", true),
+                unref(editingBridge)?.platform === "imessage" ? (openBlock(), createBlock(Fragment, { key: 3 }, [
+                  createVNode(_component_UFormField, {
+                    label: "Strategy",
+                    name: "strategy"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(bridgeConfigForm).strategy,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).strategy = $event,
+                        items: imessageStrategyOptions,
+                        "value-key": "value",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  unref(bridgeConfigForm).strategy === "bluebubbles" && !unref(secretKeys).includes("BLUEBUBBLES_PASSWORD") ? (openBlock(), createBlock("div", {
+                    key: 0,
+                    class: "flex items-start gap-2 rounded-lg bg-error/10 border border-error/20 p-3 text-sm"
+                  }, [
+                    createVNode(_component_UIcon, {
+                      name: "i-lucide-alert-triangle",
+                      class: "size-4 mt-0.5 text-error shrink-0"
+                    }),
+                    createVNode("span", { class: "text-dimmed" }, [
+                      createTextVNode(" BlueBubbles requires secret "),
+                      createVNode("code", { class: "text-xs bg-elevated px-1.5 py-0.5 rounded" }, "BLUEBUBBLES_PASSWORD"),
+                      createTextVNode(" in the Secrets tab. ")
+                    ])
+                  ])) : createCommentVNode("", true),
+                  unref(bridgeConfigForm).strategy === "bluebubbles" ? (openBlock(), createBlock(_component_UFormField, {
+                    key: 1,
+                    label: "BlueBubbles URL",
+                    name: "blueBubblesUrl"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).blueBubblesUrl,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).blueBubblesUrl = $event,
+                        placeholder: "http://192.168.1.100:1234",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(_component_UFormField, {
+                    label: "Allowed Numbers",
+                    name: "allowedNumbers",
+                    hint: "Comma-separated. Leave empty for all."
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).allowedNumbers,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).allowedNumbers = $event,
+                        placeholder: "+15551234567, +15559876543",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : createCommentVNode("", true),
+                unref(editingBridge)?.platform === "google" ? (openBlock(), createBlock(Fragment, { key: 4 }, [
+                  createVNode(_component_UFormField, {
+                    label: "Enabled Services",
+                    name: "enabledServices"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode("div", { class: "space-y-2" }, [
+                        (openBlock(), createBlock(Fragment, null, renderList(googleServiceOptions, (svc) => {
+                          return createVNode("label", {
+                            key: svc.value,
+                            class: "flex items-center gap-2 cursor-pointer"
+                          }, [
+                            createVNode("input", {
+                              type: "checkbox",
+                              checked: unref(bridgeConfigForm).enabledServices.includes(svc.value),
+                              class: "rounded",
+                              onChange: ($event) => unref(bridgeConfigForm).enabledServices.includes(svc.value) ? unref(bridgeConfigForm).enabledServices = unref(bridgeConfigForm).enabledServices.filter((s) => s !== svc.value) : unref(bridgeConfigForm).enabledServices.push(svc.value)
+                            }, null, 40, ["checked", "onChange"]),
+                            createVNode("span", { class: "text-sm" }, toDisplayString(svc.label), 1)
+                          ]);
+                        }), 64))
+                      ])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_UFormField, {
+                    label: "Google Account",
+                    name: "account",
+                    hint: "Email used with gogcli"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).account,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).account = $event,
+                        placeholder: "user@gmail.com",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ], 64)) : createCommentVNode("", true),
+                unref(editingBridge)?.platform === "email" ? (openBlock(), createBlock(Fragment, { key: 5 }, [
+                  createVNode(_component_UFormField, {
+                    label: "Email Address",
+                    name: "emailAddress"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UInput, {
+                        modelValue: unref(bridgeConfigForm).emailAddress,
+                        "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).emailAddress = $event,
+                        placeholder: "user@example.com",
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                    createVNode(_component_UFormField, {
+                      label: "IMAP Host",
+                      name: "imapHost"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).imapHost,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapHost = $event,
+                          placeholder: "imap.example.com",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "IMAP Port",
+                      name: "imapPort"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).imapPort,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).imapPort = $event,
+                          placeholder: "993",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  createVNode("div", { class: "grid grid-cols-2 gap-4" }, [
+                    createVNode(_component_UFormField, {
+                      label: "SMTP Host",
+                      name: "smtpHost"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).smtpHost,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpHost = $event,
+                          placeholder: "smtp.example.com",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_UFormField, {
+                      label: "SMTP Port",
+                      name: "smtpPort"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(bridgeConfigForm).smtpPort,
+                          "onUpdate:modelValue": ($event) => unref(bridgeConfigForm).smtpPort = $event,
+                          placeholder: "587",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ], 64)) : createCommentVNode("", true),
+                createVNode("div", { class: "flex justify-end gap-2 pt-4" }, [
+                  createVNode(_component_UButton, {
+                    variant: "ghost",
+                    onClick: ($event) => bridgeConfigModal.value = false
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Cancel ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_UButton, {
+                    loading: unref(bridgeConfigSaving),
+                    onClick: handleBridgeConfigSave
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Save ")
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/settings/integrations.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=integrations-D5JWURiJ.mjs.map