@commandable/mcp 0.0.7 → 0.1.0

package/dist/app/server/chunks/build/index-C8flTcKI.mjs

@@ -0,0 +1,720 @@
+import { m as _sfc_main$b, i as _sfc_main$h, a as __nuxt_component_0$1, g as _sfc_main$m, n as navigateTo, j as _sfc_main$9 } from './server.mjs';
+import { u as useFetch, _ as _sfc_main$4, a as _sfc_main$3, c as _sfc_main$2, d as _sfc_main$1$1, b as __nuxt_component_3 } from './fetch-ZbqIFhDG.mjs';
+import { defineComponent, withAsyncContext, reactive, ref, watchEffect, mergeProps, withCtx, createTextVNode, unref, toDisplayString, createVNode, openBlock, createBlock, createCommentVNode, Fragment, withModifiers, isRef, renderList, computed, watch, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrRenderList, ssrInterpolate, ssrRenderClass } from 'vue/server-renderer';
+import '../nitro/nitro.mjs';
+import '@modelcontextprotocol/sdk/types.js';
+import '@modelcontextprotocol/sdk/server/index.js';
+import '@modelcontextprotocol/sdk/server/streamableHttp.js';
+import 'node:crypto';
+import 'fastest-levenshtein';
+import 'node:fs';
+import 'node:path';
+import 'node:url';
+import 'node:vm';
+import 'turndown';
+import 'marked';
+import 'drizzle-orm';
+import 'node:buffer';
+import 'google-auth-library';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:os';
+import 'better-sqlite3';
+import 'drizzle-orm/better-sqlite3';
+import 'drizzle-orm/node-postgres';
+import 'pg';
+import 'node:process';
+import 'js-yaml';
+import 'zod';
+import 'drizzle-orm/sqlite-core';
+import 'drizzle-orm/pg-core';
+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 'vaul-vue';
+import '../routes/renderer.mjs';
+import 'vue-bundle-renderer/runtime';
+import 'unhead/server';
+import 'devalue';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '@vue/shared';
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AddIntegrationModal",
+  __ssrInlineRender: true,
+  props: {
+    open: { type: Boolean }
+  },
+  emits: ["update:open", "created"],
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
+    const props = __props;
+    const emit = __emit;
+    const isOpen = computed({
+      get: () => props.open,
+      set: (v) => emit("update:open", v)
+    });
+    const { data: catalog } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/catalog",
+      "$vYIVj-kaX8"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const catalogTypes = computed(() => (catalog.value || []).map((i) => ({ label: i.type, value: i.type })));
+    const selectedType = ref(void 0);
+    const selectedTypeMaxScope = ref(null);
+    const selectedTypeEnabledToolsets = ref([]);
+    const selectedTypeDisabledTools = ref([]);
+    const toolsTreeRef = ref(null);
+    const creating = ref(false);
+    watch(isOpen, (open) => {
+      if (!open) return;
+      selectedType.value = void 0;
+      selectedTypeMaxScope.value = null;
+      selectedTypeEnabledToolsets.value = [];
+      selectedTypeDisabledTools.value = [];
+    });
+    watch(selectedType, () => {
+      selectedTypeMaxScope.value = null;
+      selectedTypeEnabledToolsets.value = [];
+      selectedTypeDisabledTools.value = [];
+    });
+    watch(() => toolsTreeRef.value?.toolsets, (toolsets) => {
+      if (!selectedType.value || !toolsets?.length)
+        return;
+      if (!selectedTypeEnabledToolsets.value.length)
+        selectedTypeEnabledToolsets.value = toolsets.map((t) => t.key);
+    }, { deep: true });
+    async function create() {
+      if (!selectedType.value) return;
+      creating.value = true;
+      try {
+        const toolsetKeys = (toolsTreeRef.value?.toolsets || []).map((t) => t.key);
+        const realToolsetKeys = toolsetKeys.filter((k) => k !== "__all__");
+        const enabledToolsets = realToolsetKeys.length ? selectedTypeEnabledToolsets.value.length < realToolsetKeys.length ? selectedTypeEnabledToolsets.value.filter((k) => k !== "__all__") : void 0 : void 0;
+        const result = await $fetch("/api/integrations", {
+          method: "POST",
+          body: {
+            type: selectedType.value,
+            maxScope: selectedTypeMaxScope.value || void 0,
+            enabledToolsets,
+            disabledTools: selectedTypeDisabledTools.value.length ? selectedTypeDisabledTools.value : void 0
+          }
+        });
+        isOpen.value = false;
+        emit("created", result.id);
+      } finally {
+        creating.value = false;
+      }
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UModal = _sfc_main$9;
+      const _component_UFormField = _sfc_main$2;
+      const _component_USelect = _sfc_main$1$1;
+      const _component_IntegrationToolsTree = __nuxt_component_3;
+      const _component_UButton = _sfc_main$h;
+      _push(ssrRenderComponent(_component_UModal, mergeProps({
+        open: unref(isOpen),
+        "onUpdate:open": ($event) => isRef(isOpen) ? isOpen.value = $event : null,
+        title: "Add integration",
+        description: "Choose a service to connect."
+      }, _attrs), {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UFormField, { label: "Integration type" }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(ssrRenderComponent(_component_USelect, {
+                    modelValue: unref(selectedType),
+                    "onUpdate:modelValue": ($event) => isRef(selectedType) ? selectedType.value = $event : null,
+                    items: unref(catalogTypes),
+                    placeholder: "Select a service...",
+                    class: "w-full"
+                  }, null, _parent3, _scopeId2));
+                } else {
+                  return [
+                    createVNode(_component_USelect, {
+                      modelValue: unref(selectedType),
+                      "onUpdate:modelValue": ($event) => isRef(selectedType) ? selectedType.value = $event : null,
+                      items: unref(catalogTypes),
+                      placeholder: "Select a service...",
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            if (unref(selectedType)) {
+              _push2(`<div class="space-y-2"${_scopeId}><div class="text-sm font-medium"${_scopeId}> Access level </div><div class="flex gap-2"${_scopeId}><button type="button" class="${ssrRenderClass([unref(selectedTypeMaxScope) !== "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-slate-200 text-slate-600 hover:bg-slate-50 dark:border-slate-700 dark:text-slate-400", "px-3 py-1.5 text-sm rounded-md border transition-colors"])}"${_scopeId}> Read + Write </button><button type="button" class="${ssrRenderClass([unref(selectedTypeMaxScope) === "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-slate-200 text-slate-600 hover:bg-slate-50 dark:border-slate-700 dark:text-slate-400", "px-3 py-1.5 text-sm rounded-md border transition-colors"])}"${_scopeId}> Read-only </button></div>`);
+              if (unref(selectedTypeMaxScope) === "read") {
+                _push2(`<p class="text-xs text-amber-600 dark:text-amber-400"${_scopeId}> Write/admin tools are greyed out automatically. </p>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</div>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(selectedType)) {
+              _push2(`<details class="border border-[var(--ui-border)] rounded-md"${_scopeId}><summary class="cursor-pointer select-none px-3 py-2 text-sm font-medium"${_scopeId}> Advanced tool controls (optional) </summary><div class="px-3 pb-3 pt-1 space-y-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_IntegrationToolsTree, {
+                ref_key: "toolsTreeRef",
+                ref: toolsTreeRef,
+                "integration-type": unref(selectedType),
+                "max-scope": unref(selectedTypeMaxScope),
+                "enabled-toolsets": unref(selectedTypeEnabledToolsets),
+                "disabled-tools": unref(selectedTypeDisabledTools),
+                "onUpdate:enabledToolsets": ($event) => selectedTypeEnabledToolsets.value = $event,
+                "onUpdate:disabledTools": ($event) => selectedTypeDisabledTools.value = $event
+              }, null, _parent2, _scopeId));
+              _push2(`</div></details>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                createVNode(_component_UFormField, { label: "Integration type" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_USelect, {
+                      modelValue: unref(selectedType),
+                      "onUpdate:modelValue": ($event) => isRef(selectedType) ? selectedType.value = $event : null,
+                      items: unref(catalogTypes),
+                      placeholder: "Select a service...",
+                      class: "w-full"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
+                  ]),
+                  _: 1
+                }),
+                unref(selectedType) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "space-y-2"
+                }, [
+                  createVNode("div", { class: "text-sm font-medium" }, " Access level "),
+                  createVNode("div", { class: "flex gap-2" }, [
+                    createVNode("button", {
+                      type: "button",
+                      class: ["px-3 py-1.5 text-sm rounded-md border transition-colors", unref(selectedTypeMaxScope) !== "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-slate-200 text-slate-600 hover:bg-slate-50 dark:border-slate-700 dark:text-slate-400"],
+                      onClick: ($event) => selectedTypeMaxScope.value = null
+                    }, " Read + Write ", 10, ["onClick"]),
+                    createVNode("button", {
+                      type: "button",
+                      class: ["px-3 py-1.5 text-sm rounded-md border transition-colors", unref(selectedTypeMaxScope) === "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-slate-200 text-slate-600 hover:bg-slate-50 dark:border-slate-700 dark:text-slate-400"],
+                      onClick: ($event) => selectedTypeMaxScope.value = "read"
+                    }, " Read-only ", 10, ["onClick"])
+                  ]),
+                  unref(selectedTypeMaxScope) === "read" ? (openBlock(), createBlock("p", {
+                    key: 0,
+                    class: "text-xs text-amber-600 dark:text-amber-400"
+                  }, " Write/admin tools are greyed out automatically. ")) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                unref(selectedType) ? (openBlock(), createBlock("details", {
+                  key: 1,
+                  class: "border border-[var(--ui-border)] rounded-md"
+                }, [
+                  createVNode("summary", { class: "cursor-pointer select-none px-3 py-2 text-sm font-medium" }, " Advanced tool controls (optional) "),
+                  createVNode("div", { class: "px-3 pb-3 pt-1 space-y-3" }, [
+                    createVNode(_component_IntegrationToolsTree, {
+                      ref_key: "toolsTreeRef",
+                      ref: toolsTreeRef,
+                      "integration-type": unref(selectedType),
+                      "max-scope": unref(selectedTypeMaxScope),
+                      "enabled-toolsets": unref(selectedTypeEnabledToolsets),
+                      "disabled-tools": unref(selectedTypeDisabledTools),
+                      "onUpdate:enabledToolsets": ($event) => selectedTypeEnabledToolsets.value = $event,
+                      "onUpdate:disabledTools": ($event) => selectedTypeDisabledTools.value = $event
+                    }, null, 8, ["integration-type", "max-scope", "enabled-toolsets", "disabled-tools", "onUpdate:enabledToolsets", "onUpdate:disabledTools"])
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex justify-end gap-2"${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "soft",
+              color: "neutral",
+              onClick: ($event) => isOpen.value = false
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Cancel `);
+                } else {
+                  return [
+                    createTextVNode(" Cancel ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(ssrRenderComponent(_component_UButton, {
+              disabled: !unref(selectedType) || unref(creating),
+              loading: unref(creating),
+              onClick: create
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Add `);
+                } else {
+                  return [
+                    createTextVNode(" Add ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex justify-end gap-2" }, [
+                createVNode(_component_UButton, {
+                  variant: "soft",
+                  color: "neutral",
+                  onClick: ($event) => isOpen.value = false
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"]),
+                createVNode(_component_UButton, {
+                  disabled: !unref(selectedType) || unref(creating),
+                  loading: unref(creating),
+                  onClick: create
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Add ")
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$1 = _sfc_main$1.setup;
+_sfc_main$1.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/AddIntegrationModal.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_6 = Object.assign(_sfc_main$1, { __name: "AddIntegrationModal" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const { data: integrations, pending, error, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/integrations",
+      "$3JxGA1emOo"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const healthStatus = reactive({});
+    const showAddModal = ref(false);
+    watchEffect(async () => {
+      if (!integrations.value) return;
+      for (const i of integrations.value) {
+        if (healthStatus[i.id] !== void 0) continue;
+        const res = await $fetch(`/api/integrations/${i.id}/credentials-status`).catch(() => null);
+        healthStatus[i.id] = res?.health_status ?? "disconnected";
+      }
+    });
+    async function toggleEnabled(integ, enabled) {
+      await $fetch("/api/integrations", {
+        method: "POST",
+        body: { ...integ, enabled }
+      });
+      await refresh();
+    }
+    function onIntegrationCreated(id) {
+      navigateTo(`/integrations/${id}`);
+    }
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UContainer = _sfc_main$b;
+      const _component_UButton = _sfc_main$h;
+      const _component_NuxtLink = __nuxt_component_0$1;
+      const _component_UBadge = _sfc_main$4;
+      const _component_USwitch = _sfc_main$3;
+      const _component_UIcon = _sfc_main$m;
+      const _component_AddIntegrationModal = __nuxt_component_6;
+      _push(ssrRenderComponent(_component_UContainer, mergeProps({ class: "py-10 space-y-6" }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-between gap-4"${_scopeId}><div class="space-y-1"${_scopeId}><h1 class="text-2xl font-semibold"${_scopeId}> Integrations </h1><p class="text-sm text-muted"${_scopeId}> Manage your connected services. </p></div>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              icon: "i-lucide-plus",
+              onClick: ($event) => showAddModal.value = true
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Add Integration `);
+                } else {
+                  return [
+                    createTextVNode(" Add Integration ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+            if (unref(pending)) {
+              _push2(`<div class="text-sm text-muted py-8 text-center"${_scopeId}> Loading… </div>`);
+            } else if (unref(error)) {
+              _push2(`<div class="text-sm text-red-600 py-8 text-center"${_scopeId}> Failed to load integrations. </div>`);
+            } else if (!unref(integrations)?.length) {
+              _push2(`<div class="py-16 text-center space-y-4"${_scopeId}><div class="text-muted text-sm"${_scopeId}> No integrations yet. </div>`);
+              _push2(ssrRenderComponent(_component_UButton, {
+                icon: "i-lucide-plus",
+                variant: "soft",
+                onClick: ($event) => showAddModal.value = true
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Add your first integration `);
+                  } else {
+                    return [
+                      createTextVNode(" Add your first integration ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              _push2(`<div class="space-y-2"${_scopeId}><!--[-->`);
+              ssrRenderList(unref(integrations), (integ) => {
+                _push2(ssrRenderComponent(_component_NuxtLink, {
+                  key: integ.id,
+                  to: `/integrations/${integ.id}`,
+                  class: "flex items-center gap-4 p-4 rounded-lg border border-[var(--ui-border)] hover:bg-[var(--ui-bg-elevated)] transition-colors group"
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(`<div class="min-w-0 flex-1"${_scopeId2}><div class="flex items-center gap-2"${_scopeId2}><span class="font-medium truncate"${_scopeId2}>${ssrInterpolate(integ.label)}</span>`);
+                      _push3(ssrRenderComponent(_component_UBadge, {
+                        size: "xs",
+                        color: "neutral",
+                        variant: "subtle"
+                      }, {
+                        default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                          if (_push4) {
+                            _push4(`${ssrInterpolate(integ.type)}`);
+                          } else {
+                            return [
+                              createTextVNode(toDisplayString(integ.type), 1)
+                            ];
+                          }
+                        }),
+                        _: 2
+                      }, _parent3, _scopeId2));
+                      if (integ.maxScope === "read") {
+                        _push3(ssrRenderComponent(_component_UBadge, {
+                          size: "xs",
+                          color: "warning",
+                          variant: "soft"
+                        }, {
+                          default: withCtx((_3, _push4, _parent4, _scopeId3) => {
+                            if (_push4) {
+                              _push4(` Read-only `);
+                            } else {
+                              return [
+                                createTextVNode(" Read-only ")
+                              ];
+                            }
+                          }),
+                          _: 2
+                        }, _parent3, _scopeId2));
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div><div class="mt-1 flex items-center gap-2 flex-wrap"${_scopeId2}>`);
+                      if (unref(healthStatus)[integ.id] !== void 0) {
+                        _push3(`<span class="${ssrRenderClass([{
+                          "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400": unref(healthStatus)[integ.id] === "connected",
+                          "bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                        }, "inline-flex items-center gap-1 text-xs font-medium px-1.5 py-0.5 rounded"])}"${_scopeId2}><span class="${ssrRenderClass([{
+                          "bg-green-500": unref(healthStatus)[integ.id] === "connected",
+                          "bg-red-500": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                        }, "inline-block w-1.5 h-1.5 rounded-full"])}"${_scopeId2}></span>`);
+                        if (unref(healthStatus)[integ.id] === "connected") {
+                          _push3(`<!--[-->Connected<!--]-->`);
+                        } else if (unref(healthStatus)[integ.id] === "invalid_credentials") {
+                          _push3(`<!--[-->Invalid credentials<!--]-->`);
+                        } else {
+                          _push3(`<!--[-->Not connected<!--]-->`);
+                        }
+                        _push3(`</span>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      if (integ.enabledToolsets?.length) {
+                        _push3(`<span class="text-xs text-muted"${_scopeId2}>${ssrInterpolate(integ.enabledToolsets.length)} toolset${ssrInterpolate(integ.enabledToolsets.length === 1 ? "" : "s")}</span>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      if (integ.disabledTools?.length) {
+                        _push3(`<span class="text-xs text-muted"${_scopeId2}>${ssrInterpolate(integ.disabledTools.length)} tool${ssrInterpolate(integ.disabledTools.length === 1 ? "" : "s")} blocked </span>`);
+                      } else {
+                        _push3(`<!---->`);
+                      }
+                      _push3(`</div></div><div class="flex items-center gap-3"${_scopeId2}>`);
+                      _push3(ssrRenderComponent(_component_USwitch, {
+                        "model-value": integ.enabled !== false,
+                        "onUpdate:modelValue": ($event) => toggleEnabled(integ, $event)
+                      }, null, _parent3, _scopeId2));
+                      _push3(`</div>`);
+                      _push3(ssrRenderComponent(_component_UIcon, {
+                        name: "i-lucide-chevron-right",
+                        class: "text-muted opacity-0 group-hover:opacity-100 transition-opacity shrink-0"
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode("div", { class: "min-w-0 flex-1" }, [
+                          createVNode("div", { class: "flex items-center gap-2" }, [
+                            createVNode("span", { class: "font-medium truncate" }, toDisplayString(integ.label), 1),
+                            createVNode(_component_UBadge, {
+                              size: "xs",
+                              color: "neutral",
+                              variant: "subtle"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(integ.type), 1)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            integ.maxScope === "read" ? (openBlock(), createBlock(_component_UBadge, {
+                              key: 0,
+                              size: "xs",
+                              color: "warning",
+                              variant: "soft"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(" Read-only ")
+                              ]),
+                              _: 1
+                            })) : createCommentVNode("", true)
+                          ]),
+                          createVNode("div", { class: "mt-1 flex items-center gap-2 flex-wrap" }, [
+                            unref(healthStatus)[integ.id] !== void 0 ? (openBlock(), createBlock("span", {
+                              key: 0,
+                              class: ["inline-flex items-center gap-1 text-xs font-medium px-1.5 py-0.5 rounded", {
+                                "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400": unref(healthStatus)[integ.id] === "connected",
+                                "bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                              }]
+                            }, [
+                              createVNode("span", {
+                                class: ["inline-block w-1.5 h-1.5 rounded-full", {
+                                  "bg-green-500": unref(healthStatus)[integ.id] === "connected",
+                                  "bg-red-500": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                                }]
+                              }, null, 2),
+                              unref(healthStatus)[integ.id] === "connected" ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                                createTextVNode("Connected")
+                              ], 64)) : unref(healthStatus)[integ.id] === "invalid_credentials" ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                                createTextVNode("Invalid credentials")
+                              ], 64)) : (openBlock(), createBlock(Fragment, { key: 2 }, [
+                                createTextVNode("Not connected")
+                              ], 64))
+                            ], 2)) : createCommentVNode("", true),
+                            integ.enabledToolsets?.length ? (openBlock(), createBlock("span", {
+                              key: 1,
+                              class: "text-xs text-muted"
+                            }, toDisplayString(integ.enabledToolsets.length) + " toolset" + toDisplayString(integ.enabledToolsets.length === 1 ? "" : "s"), 1)) : createCommentVNode("", true),
+                            integ.disabledTools?.length ? (openBlock(), createBlock("span", {
+                              key: 2,
+                              class: "text-xs text-muted"
+                            }, toDisplayString(integ.disabledTools.length) + " tool" + toDisplayString(integ.disabledTools.length === 1 ? "" : "s") + " blocked ", 1)) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        createVNode("div", {
+                          class: "flex items-center gap-3",
+                          onClick: withModifiers(() => {
+                          }, ["prevent", "stop"])
+                        }, [
+                          createVNode(_component_USwitch, {
+                            "model-value": integ.enabled !== false,
+                            "onUpdate:modelValue": ($event) => toggleEnabled(integ, $event)
+                          }, null, 8, ["model-value", "onUpdate:modelValue"])
+                        ], 8, ["onClick"]),
+                        createVNode(_component_UIcon, {
+                          name: "i-lucide-chevron-right",
+                          class: "text-muted opacity-0 group-hover:opacity-100 transition-opacity shrink-0"
+                        })
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div>`);
+            }
+            _push2(ssrRenderComponent(_component_AddIntegrationModal, {
+              open: unref(showAddModal),
+              "onUpdate:open": ($event) => isRef(showAddModal) ? showAddModal.value = $event : null,
+              onCreated: onIntegrationCreated
+            }, null, _parent2, _scopeId));
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-between gap-4" }, [
+                createVNode("div", { class: "space-y-1" }, [
+                  createVNode("h1", { class: "text-2xl font-semibold" }, " Integrations "),
+                  createVNode("p", { class: "text-sm text-muted" }, " Manage your connected services. ")
+                ]),
+                createVNode(_component_UButton, {
+                  icon: "i-lucide-plus",
+                  onClick: ($event) => showAddModal.value = true
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Add Integration ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              unref(pending) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "text-sm text-muted py-8 text-center"
+              }, " Loading… ")) : unref(error) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "text-sm text-red-600 py-8 text-center"
+              }, " Failed to load integrations. ")) : !unref(integrations)?.length ? (openBlock(), createBlock("div", {
+                key: 2,
+                class: "py-16 text-center space-y-4"
+              }, [
+                createVNode("div", { class: "text-muted text-sm" }, " No integrations yet. "),
+                createVNode(_component_UButton, {
+                  icon: "i-lucide-plus",
+                  variant: "soft",
+                  onClick: ($event) => showAddModal.value = true
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Add your first integration ")
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ])) : (openBlock(), createBlock("div", {
+                key: 3,
+                class: "space-y-2"
+              }, [
+                (openBlock(true), createBlock(Fragment, null, renderList(unref(integrations), (integ) => {
+                  return openBlock(), createBlock(_component_NuxtLink, {
+                    key: integ.id,
+                    to: `/integrations/${integ.id}`,
+                    class: "flex items-center gap-4 p-4 rounded-lg border border-[var(--ui-border)] hover:bg-[var(--ui-bg-elevated)] transition-colors group"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode("div", { class: "min-w-0 flex-1" }, [
+                        createVNode("div", { class: "flex items-center gap-2" }, [
+                          createVNode("span", { class: "font-medium truncate" }, toDisplayString(integ.label), 1),
+                          createVNode(_component_UBadge, {
+                            size: "xs",
+                            color: "neutral",
+                            variant: "subtle"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(integ.type), 1)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          integ.maxScope === "read" ? (openBlock(), createBlock(_component_UBadge, {
+                            key: 0,
+                            size: "xs",
+                            color: "warning",
+                            variant: "soft"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(" Read-only ")
+                            ]),
+                            _: 1
+                          })) : createCommentVNode("", true)
+                        ]),
+                        createVNode("div", { class: "mt-1 flex items-center gap-2 flex-wrap" }, [
+                          unref(healthStatus)[integ.id] !== void 0 ? (openBlock(), createBlock("span", {
+                            key: 0,
+                            class: ["inline-flex items-center gap-1 text-xs font-medium px-1.5 py-0.5 rounded", {
+                              "bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400": unref(healthStatus)[integ.id] === "connected",
+                              "bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                            }]
+                          }, [
+                            createVNode("span", {
+                              class: ["inline-block w-1.5 h-1.5 rounded-full", {
+                                "bg-green-500": unref(healthStatus)[integ.id] === "connected",
+                                "bg-red-500": unref(healthStatus)[integ.id] === "invalid_credentials" || unref(healthStatus)[integ.id] === "disconnected"
+                              }]
+                            }, null, 2),
+                            unref(healthStatus)[integ.id] === "connected" ? (openBlock(), createBlock(Fragment, { key: 0 }, [
+                              createTextVNode("Connected")
+                            ], 64)) : unref(healthStatus)[integ.id] === "invalid_credentials" ? (openBlock(), createBlock(Fragment, { key: 1 }, [
+                              createTextVNode("Invalid credentials")
+                            ], 64)) : (openBlock(), createBlock(Fragment, { key: 2 }, [
+                              createTextVNode("Not connected")
+                            ], 64))
+                          ], 2)) : createCommentVNode("", true),
+                          integ.enabledToolsets?.length ? (openBlock(), createBlock("span", {
+                            key: 1,
+                            class: "text-xs text-muted"
+                          }, toDisplayString(integ.enabledToolsets.length) + " toolset" + toDisplayString(integ.enabledToolsets.length === 1 ? "" : "s"), 1)) : createCommentVNode("", true),
+                          integ.disabledTools?.length ? (openBlock(), createBlock("span", {
+                            key: 2,
+                            class: "text-xs text-muted"
+                          }, toDisplayString(integ.disabledTools.length) + " tool" + toDisplayString(integ.disabledTools.length === 1 ? "" : "s") + " blocked ", 1)) : createCommentVNode("", true)
+                        ])
+                      ]),
+                      createVNode("div", {
+                        class: "flex items-center gap-3",
+                        onClick: withModifiers(() => {
+                        }, ["prevent", "stop"])
+                      }, [
+                        createVNode(_component_USwitch, {
+                          "model-value": integ.enabled !== false,
+                          "onUpdate:modelValue": ($event) => toggleEnabled(integ, $event)
+                        }, null, 8, ["model-value", "onUpdate:modelValue"])
+                      ], 8, ["onClick"]),
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-chevron-right",
+                        class: "text-muted opacity-0 group-hover:opacity-100 transition-opacity shrink-0"
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["to"]);
+                }), 128))
+              ])),
+              createVNode(_component_AddIntegrationModal, {
+                open: unref(showAddModal),
+                "onUpdate:open": ($event) => isRef(showAddModal) ? showAddModal.value = $event : null,
+                onCreated: onIntegrationCreated
+              }, null, 8, ["open", "onUpdate:open"])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/integrations/index.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=index-C8flTcKI.mjs.map