@commandable/mcp 0.0.6 → 0.1.0

package/dist/app/server/chunks/build/_id_-DBwSV4AY.mjs

@@ -0,0 +1,1354 @@
+import { k as useRoute, m as _sfc_main$b, i as _sfc_main$h, a as __nuxt_component_0$1, g as _sfc_main$m, _ as _export_sfc, n as navigateTo, j as _sfc_main$9, b as useAppConfig, c as useComponentUI, d as useFormField, e as useFieldGroup, f as useComponentIcons, t as tv, h as _sfc_main$k, l as looseToNumber } from './server.mjs';
+import { u as useFetch, _ as _sfc_main$4, a as _sfc_main$3, b as __nuxt_component_3, c as _sfc_main$2$1, d as _sfc_main$1$1 } from './fetch-ZbqIFhDG.mjs';
+import { defineComponent, withAsyncContext, computed, ref, watch, mergeProps, withCtx, unref, createTextVNode, createVNode, toDisplayString, isRef, openBlock, createBlock, Fragment, createCommentVNode, reactive, renderList, useSlots, useTemplateRef, renderSlot, useSSRContext } from 'vue';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderAttrs, ssrRenderList, ssrRenderSlot } from 'vue/server-renderer';
+import { Primitive } from 'reka-ui';
+import { useVModel } from '@vueuse/core';
+import { marked } from 'marked';
+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 '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 '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 theme = {
+  "slots": {
+    "root": "relative inline-flex items-center",
+    "base": [
+      "w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "transition-colors"
+    ],
+    "leading": "absolute inset-y-0 start-0 flex items-center",
+    "leadingIcon": "shrink-0 text-dimmed",
+    "leadingAvatar": "shrink-0",
+    "leadingAvatarSize": "",
+    "trailing": "absolute inset-y-0 end-0 flex items-center",
+    "trailingIcon": "shrink-0 text-dimmed"
+  },
+  "variants": {
+    "fieldGroup": {
+      "horizontal": {
+        "root": "group has-focus-visible:z-[1]",
+        "base": "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"
+      },
+      "vertical": {
+        "root": "group has-focus-visible:z-[1]",
+        "base": "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+      }
+    },
+    "size": {
+      "xs": {
+        "base": "px-2 py-1 text-sm/4 gap-1",
+        "leading": "ps-2",
+        "trailing": "pe-2",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4"
+      },
+      "sm": {
+        "base": "px-2.5 py-1.5 text-sm/4 gap-1.5",
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
+        "leadingIcon": "size-4",
+        "leadingAvatarSize": "3xs",
+        "trailingIcon": "size-4"
+      },
+      "md": {
+        "base": "px-2.5 py-1.5 text-base/5 gap-1.5",
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5"
+      },
+      "lg": {
+        "base": "px-3 py-2 text-base/5 gap-2",
+        "leading": "ps-3",
+        "trailing": "pe-3",
+        "leadingIcon": "size-5",
+        "leadingAvatarSize": "2xs",
+        "trailingIcon": "size-5"
+      },
+      "xl": {
+        "base": "px-3 py-2 text-base gap-2",
+        "leading": "ps-3",
+        "trailing": "pe-3",
+        "leadingIcon": "size-6",
+        "leadingAvatarSize": "xs",
+        "trailingIcon": "size-6"
+      }
+    },
+    "variant": {
+      "outline": "text-highlighted bg-default ring ring-inset ring-accented",
+      "soft": "text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",
+      "subtle": "text-highlighted bg-elevated ring ring-inset ring-accented",
+      "ghost": "text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-highlighted bg-transparent"
+    },
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "leading": {
+      "true": ""
+    },
+    "trailing": {
+      "true": ""
+    },
+    "loading": {
+      "true": ""
+    },
+    "highlight": {
+      "true": ""
+    },
+    "fixed": {
+      "false": ""
+    },
+    "type": {
+      "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"
+    },
+    {
+      "color": "secondary",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"
+    },
+    {
+      "color": "success",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"
+    },
+    {
+      "color": "info",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"
+    },
+    {
+      "color": "warning",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"
+    },
+    {
+      "color": "error",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"
+    },
+    {
+      "color": "primary",
+      "highlight": true,
+      "class": "ring ring-inset ring-primary"
+    },
+    {
+      "color": "secondary",
+      "highlight": true,
+      "class": "ring ring-inset ring-secondary"
+    },
+    {
+      "color": "success",
+      "highlight": true,
+      "class": "ring ring-inset ring-success"
+    },
+    {
+      "color": "info",
+      "highlight": true,
+      "class": "ring ring-inset ring-info"
+    },
+    {
+      "color": "warning",
+      "highlight": true,
+      "class": "ring ring-inset ring-warning"
+    },
+    {
+      "color": "error",
+      "highlight": true,
+      "class": "ring ring-inset ring-error"
+    },
+    {
+      "color": "neutral",
+      "variant": [
+        "outline",
+        "subtle"
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"
+    },
+    {
+      "color": "neutral",
+      "highlight": true,
+      "class": "ring ring-inset ring-inverted"
+    },
+    {
+      "leading": true,
+      "size": "xs",
+      "class": "ps-7"
+    },
+    {
+      "leading": true,
+      "size": "sm",
+      "class": "ps-8"
+    },
+    {
+      "leading": true,
+      "size": "md",
+      "class": "ps-9"
+    },
+    {
+      "leading": true,
+      "size": "lg",
+      "class": "ps-10"
+    },
+    {
+      "leading": true,
+      "size": "xl",
+      "class": "ps-11"
+    },
+    {
+      "trailing": true,
+      "size": "xs",
+      "class": "pe-7"
+    },
+    {
+      "trailing": true,
+      "size": "sm",
+      "class": "pe-8"
+    },
+    {
+      "trailing": true,
+      "size": "md",
+      "class": "pe-9"
+    },
+    {
+      "trailing": true,
+      "size": "lg",
+      "class": "pe-10"
+    },
+    {
+      "trailing": true,
+      "size": "xl",
+      "class": "pe-11"
+    },
+    {
+      "loading": true,
+      "leading": true,
+      "class": {
+        "leadingIcon": "animate-spin"
+      }
+    },
+    {
+      "loading": true,
+      "leading": false,
+      "trailing": true,
+      "class": {
+        "trailingIcon": "animate-spin"
+      }
+    },
+    {
+      "fixed": false,
+      "size": "xs",
+      "class": "md:text-xs"
+    },
+    {
+      "fixed": false,
+      "size": "sm",
+      "class": "md:text-xs"
+    },
+    {
+      "fixed": false,
+      "size": "md",
+      "class": "md:text-sm"
+    },
+    {
+      "fixed": false,
+      "size": "lg",
+      "class": "md:text-sm"
+    }
+  ],
+  "defaultVariants": {
+    "size": "md",
+    "color": "primary",
+    "variant": "outline"
+  }
+};
+const _sfc_main$2 = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "UInput",
+  __ssrInlineRender: true,
+  props: {
+    as: { type: null, required: false },
+    id: { type: String, required: false },
+    name: { type: String, required: false },
+    type: { type: null, required: false, default: "text" },
+    placeholder: { type: String, required: false },
+    color: { type: null, required: false },
+    variant: { type: null, required: false },
+    size: { type: null, required: false },
+    required: { type: Boolean, required: false },
+    autocomplete: { type: [String, Object], required: false, default: "off" },
+    autofocus: { type: Boolean, required: false },
+    autofocusDelay: { type: Number, required: false, default: 0 },
+    disabled: { type: Boolean, required: false },
+    highlight: { type: Boolean, required: false },
+    fixed: { type: Boolean, required: false },
+    modelValue: { type: null, required: false },
+    defaultValue: { type: null, required: false },
+    modelModifiers: { type: null, required: false },
+    class: { type: null, required: false },
+    ui: { type: Object, required: false },
+    icon: { type: null, required: false },
+    avatar: { type: Object, required: false },
+    leading: { type: Boolean, required: false },
+    leadingIcon: { type: null, required: false },
+    trailing: { type: Boolean, required: false },
+    trailingIcon: { type: null, required: false },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false }
+  },
+  emits: ["update:modelValue", "blur", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const modelValue = useVModel(props, "modelValue", emits, { defaultValue: props.defaultValue });
+    const appConfig = useAppConfig();
+    const uiProp = useComponentUI("input", props);
+    const { emitFormBlur, emitFormInput, emitFormChange, size: formGroupSize, color, id, name, highlight, disabled, emitFormFocus, ariaAttrs } = useFormField(props, { deferInputValidation: true });
+    const { orientation, size: fieldGroupSize } = useFieldGroup(props);
+    const { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(props);
+    const inputSize = computed(() => fieldGroupSize.value || formGroupSize.value);
+    const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.input || {} })({
+      type: props.type,
+      color: color.value,
+      variant: props.variant,
+      size: inputSize?.value,
+      loading: props.loading,
+      highlight: highlight.value,
+      fixed: props.fixed,
+      leading: isLeading.value || !!props.avatar || !!slots.leading,
+      trailing: isTrailing.value || !!slots.trailing,
+      fieldGroup: orientation.value
+    }));
+    const inputRef = useTemplateRef("inputRef");
+    function updateInput(value) {
+      if (props.modelModifiers?.trim && (typeof value === "string" || value === null || value === void 0)) {
+        value = value?.trim() ?? null;
+      }
+      if (props.modelModifiers?.number || props.type === "number") {
+        value = looseToNumber(value);
+      }
+      if (props.modelModifiers?.nullable) {
+        value ||= null;
+      }
+      if (props.modelModifiers?.optional && !props.modelModifiers?.nullable && value !== null) {
+        value ||= void 0;
+      }
+      modelValue.value = value;
+      emitFormInput();
+    }
+    function onInput(event) {
+      if (!props.modelModifiers?.lazy) {
+        updateInput(event.target.value);
+      }
+    }
+    function onChange(event) {
+      const value = event.target.value;
+      if (props.modelModifiers?.lazy) {
+        updateInput(value);
+      }
+      if (props.modelModifiers?.trim) {
+        event.target.value = value.trim();
+      }
+      emitFormChange();
+      emits("change", event);
+    }
+    function onBlur(event) {
+      emitFormBlur();
+      emits("blur", event);
+    }
+    __expose({
+      inputRef
+    });
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(ssrRenderComponent(unref(Primitive), mergeProps({
+        as: __props.as,
+        "data-slot": "root",
+        class: ui.value.root({ class: [unref(uiProp)?.root, props.class] })
+      }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<input${ssrRenderAttrs(mergeProps({
+              id: unref(id),
+              ref_key: "inputRef",
+              ref: inputRef,
+              type: __props.type,
+              value: unref(modelValue),
+              name: unref(name),
+              placeholder: __props.placeholder,
+              "data-slot": "base",
+              class: ui.value.base({ class: unref(uiProp)?.base }),
+              disabled: unref(disabled),
+              required: __props.required,
+              autocomplete: __props.autocomplete
+            }, { ..._ctx.$attrs, ...unref(ariaAttrs) }))}${_scopeId}>`);
+            ssrRenderSlot(_ctx.$slots, "default", { ui: ui.value }, null, _push2, _parent2, _scopeId);
+            if (unref(isLeading) || !!__props.avatar || !!slots.leading) {
+              _push2(`<span data-slot="leading" class="${ssrRenderClass(ui.value.leading({ class: unref(uiProp)?.leading }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => {
+                if (unref(isLeading) && unref(leadingIconName)) {
+                  _push2(ssrRenderComponent(_sfc_main$m, {
+                    name: unref(leadingIconName),
+                    "data-slot": "leadingIcon",
+                    class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                  }, null, _parent2, _scopeId));
+                } else if (!!__props.avatar) {
+                  _push2(ssrRenderComponent(_sfc_main$k, mergeProps({
+                    size: unref(uiProp)?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                  }, __props.avatar, {
+                    "data-slot": "leadingAvatar",
+                    class: ui.value.leadingAvatar({ class: unref(uiProp)?.leadingAvatar })
+                  }), null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+            if (unref(isTrailing) || !!slots.trailing) {
+              _push2(`<span data-slot="trailing" class="${ssrRenderClass(ui.value.trailing({ class: unref(uiProp)?.trailing }))}"${_scopeId}>`);
+              ssrRenderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => {
+                if (unref(trailingIconName)) {
+                  _push2(ssrRenderComponent(_sfc_main$m, {
+                    name: unref(trailingIconName),
+                    "data-slot": "trailingIcon",
+                    class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                  }, null, _parent2, _scopeId));
+                } else {
+                  _push2(`<!---->`);
+                }
+              }, _push2, _parent2, _scopeId);
+              _push2(`</span>`);
+            } else {
+              _push2(`<!---->`);
+            }
+          } else {
+            return [
+              createVNode("input", mergeProps({
+                id: unref(id),
+                ref_key: "inputRef",
+                ref: inputRef,
+                type: __props.type,
+                value: unref(modelValue),
+                name: unref(name),
+                placeholder: __props.placeholder,
+                "data-slot": "base",
+                class: ui.value.base({ class: unref(uiProp)?.base }),
+                disabled: unref(disabled),
+                required: __props.required,
+                autocomplete: __props.autocomplete
+              }, { ..._ctx.$attrs, ...unref(ariaAttrs) }, {
+                onInput,
+                onBlur,
+                onChange,
+                onFocus: unref(emitFormFocus)
+              }), null, 16, ["id", "type", "value", "name", "placeholder", "disabled", "required", "autocomplete", "onFocus"]),
+              renderSlot(_ctx.$slots, "default", { ui: ui.value }),
+              unref(isLeading) || !!__props.avatar || !!slots.leading ? (openBlock(), createBlock("span", {
+                key: 0,
+                "data-slot": "leading",
+                class: ui.value.leading({ class: unref(uiProp)?.leading })
+              }, [
+                renderSlot(_ctx.$slots, "leading", { ui: ui.value }, () => [
+                  unref(isLeading) && unref(leadingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                    key: 0,
+                    name: unref(leadingIconName),
+                    "data-slot": "leadingIcon",
+                    class: ui.value.leadingIcon({ class: unref(uiProp)?.leadingIcon })
+                  }, null, 8, ["name", "class"])) : !!__props.avatar ? (openBlock(), createBlock(_sfc_main$k, mergeProps({
+                    key: 1,
+                    size: unref(uiProp)?.leadingAvatarSize || ui.value.leadingAvatarSize()
+                  }, __props.avatar, {
+                    "data-slot": "leadingAvatar",
+                    class: ui.value.leadingAvatar({ class: unref(uiProp)?.leadingAvatar })
+                  }), null, 16, ["size", "class"])) : createCommentVNode("", true)
+                ])
+              ], 2)) : createCommentVNode("", true),
+              unref(isTrailing) || !!slots.trailing ? (openBlock(), createBlock("span", {
+                key: 1,
+                "data-slot": "trailing",
+                class: ui.value.trailing({ class: unref(uiProp)?.trailing })
+              }, [
+                renderSlot(_ctx.$slots, "trailing", { ui: ui.value }, () => [
+                  unref(trailingIconName) ? (openBlock(), createBlock(_sfc_main$m, {
+                    key: 0,
+                    name: unref(trailingIconName),
+                    "data-slot": "trailingIcon",
+                    class: ui.value.trailingIcon({ class: unref(uiProp)?.trailingIcon })
+                  }, null, 8, ["name", "class"])) : createCommentVNode("", true)
+                ])
+              ], 2)) : createCommentVNode("", true)
+            ];
+          }
+        }),
+        _: 3
+      }, _parent));
+    };
+  }
+});
+const _sfc_setup$2 = _sfc_main$2.setup;
+_sfc_main$2.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../../node_modules/@nuxt/ui/dist/runtime/components/Input.vue");
+  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "IntegrationCredentials",
+  __ssrInlineRender: true,
+  props: {
+    integrationId: {},
+    integrationType: {},
+    currentVariant: {}
+  },
+  emits: ["saved", "disconnected"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const credConfig = ref(null);
+    const loading = ref(true);
+    const loadError = ref(false);
+    const hasCredentials = ref(false);
+    const healthStatus = ref(null);
+    const selectedVariant = ref(void 0);
+    const form = reactive({});
+    const saving = ref(false);
+    const disconnecting = ref(false);
+    const modalOpen = ref(false);
+    const hasMultipleVariants = computed(() => (credConfig.value?.variants?.length ?? 0) > 1);
+    const variantItems = computed(
+      () => (credConfig.value?.variants || []).map((v) => ({ label: v.label, value: v.key }))
+    );
+    const activeVariant = computed(
+      () => credConfig.value?.variants?.find((v) => v.key === selectedVariant.value) ?? null
+    );
+    const schemaFields = computed(() => {
+      const properties = activeVariant.value?.schema?.properties || {};
+      return Object.entries(properties);
+    });
+    const renderedHint = computed(() => {
+      const md = activeVariant.value?.hintMarkdown;
+      if (!md) return "";
+      return marked.parse(md);
+    });
+    function isSecretField(key) {
+      const lower = key.toLowerCase();
+      return lower.includes("token") || lower.includes("key") || lower.includes("secret") || lower.includes("password") || lower.includes("json");
+    }
+    function openModal() {
+      for (const k of Object.keys(form))
+        delete form[k];
+      modalOpen.value = true;
+    }
+    watch(selectedVariant, () => {
+      for (const k of Object.keys(form))
+        delete form[k];
+    });
+    async function load() {
+      loading.value = true;
+      loadError.value = false;
+      try {
+        const [config, status] = await Promise.all([
+          $fetch(`/api/integrations/${props.integrationId}/credentials-config`),
+          $fetch(`/api/integrations/${props.integrationId}/credentials-status`)
+        ]);
+        credConfig.value = config;
+        hasCredentials.value = !!status?.hasCredentials;
+        healthStatus.value = status?.health_status ?? null;
+        selectedVariant.value = props.currentVariant || config?.defaultVariant || config?.variants?.[0]?.key || void 0;
+      } catch {
+        loadError.value = true;
+      } finally {
+        loading.value = false;
+      }
+    }
+    async function save() {
+      saving.value = true;
+      try {
+        const body = {};
+        for (const [k] of schemaFields.value) {
+          const v = (form[k] || "").trim();
+          if (v) body[k] = v;
+        }
+        if (selectedVariant.value)
+          body.credentialVariant = selectedVariant.value;
+        const res = await $fetch(`/api/integrations/${props.integrationId}/credentials`, { method: "POST", body });
+        hasCredentials.value = true;
+        healthStatus.value = res.health_status ?? "connected";
+        modalOpen.value = false;
+        for (const k of Object.keys(form))
+          delete form[k];
+        emit("saved");
+      } finally {
+        saving.value = false;
+      }
+    }
+    async function disconnect() {
+      disconnecting.value = true;
+      try {
+        await $fetch(`/api/integrations/${props.integrationId}/credentials`, { method: "DELETE" });
+        hasCredentials.value = false;
+        healthStatus.value = "disconnected";
+        emit("disconnected");
+      } finally {
+        disconnecting.value = false;
+      }
+    }
+    load();
+    return (_ctx, _push, _parent, _attrs) => {
+      const _component_UIcon = _sfc_main$m;
+      const _component_UButton = _sfc_main$h;
+      const _component_UModal = _sfc_main$9;
+      const _component_UFormField = _sfc_main$2$1;
+      const _component_USelect = _sfc_main$1$1;
+      const _component_UInput = _sfc_main$2;
+      _push(`<div${ssrRenderAttrs(_attrs)} data-v-f235dc98>`);
+      if (unref(loading)) {
+        _push(`<div class="flex items-center gap-2 text-sm text-muted" data-v-f235dc98>`);
+        _push(ssrRenderComponent(_component_UIcon, {
+          name: "i-lucide-loader-2",
+          class: "animate-spin"
+        }, null, _parent));
+        _push(` Checking connection… </div>`);
+      } else if (unref(credConfig)?.supportsCredentials === false) {
+        _push(`<div class="flex items-center gap-2 text-sm text-muted" data-v-f235dc98>`);
+        _push(ssrRenderComponent(_component_UIcon, { name: "i-lucide-info" }, null, _parent));
+        _push(` No credentials required for this integration. </div>`);
+      } else if (unref(healthStatus) === "connected") {
+        _push(`<div class="flex items-center gap-3 flex-wrap" data-v-f235dc98><div class="flex items-center gap-2 text-sm font-medium text-green-600 dark:text-green-400" data-v-f235dc98><span class="inline-block w-2 h-2 rounded-full bg-green-500" data-v-f235dc98></span> Connected </div>`);
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "xs",
+          variant: "soft",
+          color: "neutral",
+          icon: "i-lucide-refresh-cw",
+          onClick: openModal
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Reconfigure `);
+            } else {
+              return [
+                createTextVNode(" Reconfigure ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "xs",
+          variant: "soft",
+          color: "error",
+          icon: "i-lucide-unplug",
+          loading: unref(disconnecting),
+          onClick: disconnect
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Disconnect `);
+            } else {
+              return [
+                createTextVNode(" Disconnect ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else if (unref(healthStatus) === "invalid_credentials") {
+        _push(`<div class="flex items-center gap-3 flex-wrap" data-v-f235dc98><div class="flex items-center gap-2 text-sm font-medium text-red-600 dark:text-red-400" data-v-f235dc98><span class="inline-block w-2 h-2 rounded-full bg-red-500" data-v-f235dc98></span> Invalid credentials </div>`);
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "sm",
+          icon: "i-lucide-refresh-cw",
+          color: "primary",
+          onClick: openModal
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Reconfigure `);
+            } else {
+              return [
+                createTextVNode(" Reconfigure ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "xs",
+          variant: "soft",
+          color: "error",
+          icon: "i-lucide-unplug",
+          loading: unref(disconnecting),
+          onClick: disconnect
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Disconnect `);
+            } else {
+              return [
+                createTextVNode(" Disconnect ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      } else {
+        _push(`<div class="flex items-center gap-3 flex-wrap" data-v-f235dc98><div class="flex items-center gap-2 text-sm font-medium text-red-600 dark:text-red-400" data-v-f235dc98><span class="inline-block w-2 h-2 rounded-full bg-red-500" data-v-f235dc98></span> Not connected </div>`);
+        _push(ssrRenderComponent(_component_UButton, {
+          size: "sm",
+          icon: "i-lucide-plug",
+          color: "primary",
+          onClick: openModal
+        }, {
+          default: withCtx((_, _push2, _parent2, _scopeId) => {
+            if (_push2) {
+              _push2(` Connect `);
+            } else {
+              return [
+                createTextVNode(" Connect ")
+              ];
+            }
+          }),
+          _: 1
+        }, _parent));
+        _push(`</div>`);
+      }
+      _push(ssrRenderComponent(_component_UModal, {
+        open: unref(modalOpen),
+        "onUpdate:open": ($event) => isRef(modalOpen) ? modalOpen.value = $event : null,
+        title: unref(hasCredentials) ? "Reconfigure Credentials" : "Connect Integration",
+        description: "Enter your credentials to connect this integration."
+      }, {
+        body: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="space-y-4" data-v-f235dc98${_scopeId}>`);
+            if (unref(loadError)) {
+              _push2(`<div class="text-sm text-red-600" data-v-f235dc98${_scopeId}> Failed to load credential schema. Please try again. </div>`);
+            } else {
+              _push2(`<!--[-->`);
+              if (unref(hasMultipleVariants)) {
+                _push2(ssrRenderComponent(_component_UFormField, { label: "Credential type" }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_USelect, {
+                        modelValue: unref(selectedVariant),
+                        "onUpdate:modelValue": ($event) => isRef(selectedVariant) ? selectedVariant.value = $event : null,
+                        items: unref(variantItems),
+                        class: "w-full"
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode(_component_USelect, {
+                          modelValue: unref(selectedVariant),
+                          "onUpdate:modelValue": ($event) => isRef(selectedVariant) ? selectedVariant.value = $event : null,
+                          items: unref(variantItems),
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
+                      ];
+                    }
+                  }),
+                  _: 1
+                }, _parent2, _scopeId));
+              } else {
+                _push2(`<!---->`);
+              }
+              if (unref(activeVariant)?.hintMarkdown) {
+                _push2(`<div class="hint-markdown text-sm bg-[var(--ui-bg-elevated)] rounded-md px-3 py-2" data-v-f235dc98${_scopeId}>${unref(renderedHint) ?? ""}</div>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`<div class="space-y-3" data-v-f235dc98${_scopeId}><!--[-->`);
+              ssrRenderList(unref(schemaFields), ([key, prop]) => {
+                _push2(ssrRenderComponent(_component_UFormField, {
+                  key,
+                  label: prop.title || key,
+                  description: prop.description
+                }, {
+                  default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                    if (_push3) {
+                      _push3(ssrRenderComponent(_component_UInput, {
+                        modelValue: unref(form)[key],
+                        "onUpdate:modelValue": ($event) => unref(form)[key] = $event,
+                        type: isSecretField(key) ? "password" : "text",
+                        class: "w-full"
+                      }, null, _parent3, _scopeId2));
+                    } else {
+                      return [
+                        createVNode(_component_UInput, {
+                          modelValue: unref(form)[key],
+                          "onUpdate:modelValue": ($event) => unref(form)[key] = $event,
+                          type: isSecretField(key) ? "password" : "text",
+                          class: "w-full"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "type"])
+                      ];
+                    }
+                  }),
+                  _: 2
+                }, _parent2, _scopeId));
+              });
+              _push2(`<!--]--></div><!--]-->`);
+            }
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "space-y-4" }, [
+                unref(loadError) ? (openBlock(), createBlock("div", {
+                  key: 0,
+                  class: "text-sm text-red-600"
+                }, " Failed to load credential schema. Please try again. ")) : (openBlock(), createBlock(Fragment, { key: 1 }, [
+                  unref(hasMultipleVariants) ? (openBlock(), createBlock(_component_UFormField, {
+                    key: 0,
+                    label: "Credential type"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_USelect, {
+                        modelValue: unref(selectedVariant),
+                        "onUpdate:modelValue": ($event) => isRef(selectedVariant) ? selectedVariant.value = $event : null,
+                        items: unref(variantItems),
+                        class: "w-full"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  unref(activeVariant)?.hintMarkdown ? (openBlock(), createBlock("div", {
+                    key: 1,
+                    class: "hint-markdown text-sm bg-[var(--ui-bg-elevated)] rounded-md px-3 py-2",
+                    innerHTML: unref(renderedHint)
+                  }, null, 8, ["innerHTML"])) : createCommentVNode("", true),
+                  createVNode("div", { class: "space-y-3" }, [
+                    (openBlock(true), createBlock(Fragment, null, renderList(unref(schemaFields), ([key, prop]) => {
+                      return openBlock(), createBlock(_component_UFormField, {
+                        key,
+                        label: prop.title || key,
+                        description: prop.description
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(_component_UInput, {
+                            modelValue: unref(form)[key],
+                            "onUpdate:modelValue": ($event) => unref(form)[key] = $event,
+                            type: isSecretField(key) ? "password" : "text",
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "type"])
+                        ]),
+                        _: 2
+                      }, 1032, ["label", "description"]);
+                    }), 128))
+                  ])
+                ], 64))
+              ])
+            ];
+          }
+        }),
+        footer: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            _push2(`<div class="flex items-center justify-end gap-2 w-full" data-v-f235dc98${_scopeId}>`);
+            _push2(ssrRenderComponent(_component_UButton, {
+              variant: "ghost",
+              color: "neutral",
+              disabled: unref(saving),
+              onClick: ($event) => modalOpen.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(saving),
+              icon: "i-lucide-check",
+              onClick: save
+            }, {
+              default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                if (_push3) {
+                  _push3(` Save Credentials `);
+                } else {
+                  return [
+                    createTextVNode(" Save Credentials ")
+                  ];
+                }
+              }),
+              _: 1
+            }, _parent2, _scopeId));
+            _push2(`</div>`);
+          } else {
+            return [
+              createVNode("div", { class: "flex items-center justify-end gap-2 w-full" }, [
+                createVNode(_component_UButton, {
+                  variant: "ghost",
+                  color: "neutral",
+                  disabled: unref(saving),
+                  onClick: ($event) => modalOpen.value = false
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Cancel ")
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "onClick"]),
+                createVNode(_component_UButton, {
+                  loading: unref(saving),
+                  icon: "i-lucide-check",
+                  onClick: save
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Save Credentials ")
+                  ]),
+                  _: 1
+                }, 8, ["loading"])
+              ])
+            ];
+          }
+        }),
+        _: 1
+      }, _parent));
+      _push(`</div>`);
+    };
+  }
+});
+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/IntegrationCredentials.vue");
+  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+const __nuxt_component_6 = /* @__PURE__ */ Object.assign(_export_sfc(_sfc_main$1, [["__scopeId", "data-v-f235dc98"]]), { __name: "IntegrationCredentials" });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "[id]",
+  __ssrInlineRender: true,
+  async setup(__props) {
+    let __temp, __restore;
+    const route = useRoute();
+    const integrationId = route.params.id;
+    const { data: integrations, pending, error, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch(
+      "/api/integrations",
+      "$Dgyl0ZYFMT"
+      /* nuxt-injected */
+    )), __temp = await __temp, __restore(), __temp);
+    const integration = computed(() => integrations.value?.find((i) => i.id === integrationId) ?? null);
+    const formEnabled = ref(true);
+    const formMaxScope = ref(null);
+    const formEnabledToolsets = ref([]);
+    const formDisabledTools = ref([]);
+    const toolsTreeRef = ref(null);
+    const saving = ref(false);
+    function initForm() {
+      if (!integration.value) return;
+      formEnabled.value = integration.value.enabled !== false;
+      formMaxScope.value = integration.value.maxScope === "read" ? "read" : null;
+      formDisabledTools.value = integration.value.disabledTools ? [...integration.value.disabledTools] : [];
+      const treeToolsets = toolsTreeRef.value?.toolsets;
+      const allKeys = Array.isArray(treeToolsets) ? treeToolsets.map((t) => t.key).filter((k) => k !== "__all__") : [];
+      formEnabledToolsets.value = integration.value.enabledToolsets?.length ? [...integration.value.enabledToolsets] : allKeys;
+    }
+    watch(integration, () => initForm(), { immediate: true });
+    watch(() => toolsTreeRef.value?.toolsets, (toolsets) => {
+      if (!integration.value || !toolsets?.length) return;
+      if (!integration.value.enabledToolsets?.length) {
+        formEnabledToolsets.value = toolsets.map((t) => t.key).filter((k) => k !== "__all__");
+      }
+    }, { deep: true });
+    async function saveAll() {
+      if (!integration.value) return;
+      saving.value = true;
+      try {
+        const id = integration.value.id;
+        await $fetch("/api/integrations", {
+          method: "POST",
+          body: { ...integration.value, enabled: formEnabled.value }
+        });
+        const treeToolsets = toolsTreeRef.value?.toolsets;
+        const allKeys = Array.isArray(treeToolsets) ? treeToolsets.map((t) => t.key).filter((k) => k !== "__all__") : [];
+        const enabledToolsets = allKeys.length && formEnabledToolsets.value.length < allKeys.length ? formEnabledToolsets.value : [];
+        await $fetch(`/api/integrations/${id}/toolsets`, {
+          method: "POST",
+          body: { enabledToolsets }
+        });
+        await $fetch(`/api/integrations/${id}/permissions`, {
+          method: "POST",
+          body: {
+            maxScope: formMaxScope.value,
+            disabledTools: formDisabledTools.value.length ? formDisabledTools.value : null
+          }
+        });
+        await refresh();
+      } finally {
+        saving.value = false;
+      }
+    }
+    async function confirmRemove() {
+      if (!integration.value) return;
+      if (!(void 0).confirm(`Remove "${integration.value.label}"? This cannot be undone.`))
+        return;
+      await $fetch(`/api/integrations/${integration.value.id}`, { method: "DELETE" });
+      navigateTo("/integrations");
+    }
+    function onCredentialChange() {
+      refresh();
+    }
+    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_UIcon = _sfc_main$m;
+      const _component_UBadge = _sfc_main$4;
+      const _component_USwitch = _sfc_main$3;
+      const _component_IntegrationCredentials = __nuxt_component_6;
+      const _component_IntegrationToolsTree = __nuxt_component_3;
+      _push(ssrRenderComponent(_component_UContainer, mergeProps({ class: "py-10 space-y-8 max-w-3xl" }, _attrs), {
+        default: withCtx((_, _push2, _parent2, _scopeId) => {
+          if (_push2) {
+            if (unref(pending)) {
+              _push2(`<div class="text-sm text-muted py-8 text-center"${_scopeId}> Loading… </div>`);
+            } else if (unref(error) || !unref(integration)) {
+              _push2(`<div class="py-8 text-center space-y-4"${_scopeId}><div class="text-sm text-red-600"${_scopeId}> Integration not found. </div>`);
+              _push2(ssrRenderComponent(_component_UButton, {
+                to: "/integrations",
+                variant: "soft",
+                color: "neutral",
+                icon: "i-lucide-arrow-left"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Back to Integrations `);
+                  } else {
+                    return [
+                      createTextVNode(" Back to Integrations ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+            } else {
+              _push2(`<!--[--><div${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_NuxtLink, {
+                to: "/integrations",
+                class: "inline-flex items-center gap-1 text-sm text-muted hover:text-[var(--ui-text)] transition-colors mb-4"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(ssrRenderComponent(_component_UIcon, {
+                      name: "i-lucide-arrow-left",
+                      class: "w-4 h-4"
+                    }, null, _parent3, _scopeId2));
+                    _push3(` Back to Integrations `);
+                  } else {
+                    return [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-arrow-left",
+                        class: "w-4 h-4"
+                      }),
+                      createTextVNode(" Back to Integrations ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`<div class="flex items-center justify-between gap-4"${_scopeId}><div class="flex items-center gap-3"${_scopeId}><h1 class="text-2xl font-semibold"${_scopeId}>${ssrInterpolate(unref(integration).label)}</h1>`);
+              _push2(ssrRenderComponent(_component_UBadge, {
+                size: "sm",
+                color: "neutral",
+                variant: "subtle"
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(`${ssrInterpolate(unref(integration).type)}`);
+                  } else {
+                    return [
+                      createTextVNode(toDisplayString(unref(integration).type), 1)
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div>`);
+              _push2(ssrRenderComponent(_component_USwitch, {
+                modelValue: unref(formEnabled),
+                "onUpdate:modelValue": ($event) => isRef(formEnabled) ? formEnabled.value = $event : null,
+                size: "lg"
+              }, null, _parent2, _scopeId));
+              _push2(`</div><p class="text-sm text-muted mt-1"${_scopeId}>${ssrInterpolate(unref(integration).type)} · ${ssrInterpolate(unref(integration).referenceId)}</p></div><section${_scopeId}><div class="flex items-center justify-between gap-4 mb-1"${_scopeId}><h2 class="text-lg font-medium"${_scopeId}> Connection </h2></div><div class="border border-[var(--ui-border)] rounded-lg px-4 py-3"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_IntegrationCredentials, {
+                "integration-id": unref(integration).id,
+                "integration-type": unref(integration).type,
+                "current-variant": unref(integration).credentialVariant,
+                onSaved: onCredentialChange,
+                onDisconnected: onCredentialChange
+              }, null, _parent2, _scopeId));
+              _push2(`</div></section><section class="space-y-3"${_scopeId}><h2 class="text-lg font-medium"${_scopeId}> Access Level </h2><div class="flex gap-2"${_scopeId}><button type="button" class="${ssrRenderClass([unref(formMaxScope) !== "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-[var(--ui-border)] text-muted hover:bg-[var(--ui-bg-elevated)]", "px-4 py-2 text-sm rounded-lg border transition-colors"])}"${_scopeId}> Read + Write </button><button type="button" class="${ssrRenderClass([unref(formMaxScope) === "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-[var(--ui-border)] text-muted hover:bg-[var(--ui-bg-elevated)]", "px-4 py-2 text-sm rounded-lg border transition-colors"])}"${_scopeId}> Read-only </button></div>`);
+              if (unref(formMaxScope) === "read") {
+                _push2(`<p class="text-xs text-amber-600 dark:text-amber-400"${_scopeId}> Only read tools will be available. Write and admin tools will be greyed out below. </p>`);
+              } else {
+                _push2(`<!---->`);
+              }
+              _push2(`</section><section class="space-y-3"${_scopeId}><h2 class="text-lg font-medium"${_scopeId}> Tools </h2>`);
+              _push2(ssrRenderComponent(_component_IntegrationToolsTree, {
+                ref_key: "toolsTreeRef",
+                ref: toolsTreeRef,
+                "integration-type": unref(integration).type,
+                "max-scope": unref(formMaxScope),
+                "enabled-toolsets": unref(formEnabledToolsets),
+                "disabled-tools": unref(formDisabledTools),
+                "onUpdate:enabledToolsets": ($event) => formEnabledToolsets.value = $event,
+                "onUpdate:disabledTools": ($event) => formDisabledTools.value = $event
+              }, null, _parent2, _scopeId));
+              _push2(`</section><div class="sticky bottom-0 py-4 bg-[var(--ui-bg)] border-t border-[var(--ui-border)] -mx-4 px-4 flex items-center justify-between gap-4"${_scopeId}>`);
+              _push2(ssrRenderComponent(_component_UButton, {
+                loading: unref(saving),
+                size: "lg",
+                onClick: saveAll
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Save Changes `);
+                  } else {
+                    return [
+                      createTextVNode(" Save Changes ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(ssrRenderComponent(_component_UButton, {
+                variant: "soft",
+                color: "error",
+                icon: "i-lucide-trash-2",
+                onClick: confirmRemove
+              }, {
+                default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+                  if (_push3) {
+                    _push3(` Remove Integration `);
+                  } else {
+                    return [
+                      createTextVNode(" Remove Integration ")
+                    ];
+                  }
+                }),
+                _: 1
+              }, _parent2, _scopeId));
+              _push2(`</div><!--]-->`);
+            }
+          } else {
+            return [
+              unref(pending) ? (openBlock(), createBlock("div", {
+                key: 0,
+                class: "text-sm text-muted py-8 text-center"
+              }, " Loading… ")) : unref(error) || !unref(integration) ? (openBlock(), createBlock("div", {
+                key: 1,
+                class: "py-8 text-center space-y-4"
+              }, [
+                createVNode("div", { class: "text-sm text-red-600" }, " Integration not found. "),
+                createVNode(_component_UButton, {
+                  to: "/integrations",
+                  variant: "soft",
+                  color: "neutral",
+                  icon: "i-lucide-arrow-left"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Back to Integrations ")
+                  ]),
+                  _: 1
+                })
+              ])) : (openBlock(), createBlock(Fragment, { key: 2 }, [
+                createVNode("div", null, [
+                  createVNode(_component_NuxtLink, {
+                    to: "/integrations",
+                    class: "inline-flex items-center gap-1 text-sm text-muted hover:text-[var(--ui-text)] transition-colors mb-4"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_UIcon, {
+                        name: "i-lucide-arrow-left",
+                        class: "w-4 h-4"
+                      }),
+                      createTextVNode(" Back to Integrations ")
+                    ]),
+                    _: 1
+                  }),
+                  createVNode("div", { class: "flex items-center justify-between gap-4" }, [
+                    createVNode("div", { class: "flex items-center gap-3" }, [
+                      createVNode("h1", { class: "text-2xl font-semibold" }, toDisplayString(unref(integration).label), 1),
+                      createVNode(_component_UBadge, {
+                        size: "sm",
+                        color: "neutral",
+                        variant: "subtle"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(integration).type), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    createVNode(_component_USwitch, {
+                      modelValue: unref(formEnabled),
+                      "onUpdate:modelValue": ($event) => isRef(formEnabled) ? formEnabled.value = $event : null,
+                      size: "lg"
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  createVNode("p", { class: "text-sm text-muted mt-1" }, toDisplayString(unref(integration).type) + " · " + toDisplayString(unref(integration).referenceId), 1)
+                ]),
+                createVNode("section", null, [
+                  createVNode("div", { class: "flex items-center justify-between gap-4 mb-1" }, [
+                    createVNode("h2", { class: "text-lg font-medium" }, " Connection ")
+                  ]),
+                  createVNode("div", { class: "border border-[var(--ui-border)] rounded-lg px-4 py-3" }, [
+                    createVNode(_component_IntegrationCredentials, {
+                      "integration-id": unref(integration).id,
+                      "integration-type": unref(integration).type,
+                      "current-variant": unref(integration).credentialVariant,
+                      onSaved: onCredentialChange,
+                      onDisconnected: onCredentialChange
+                    }, null, 8, ["integration-id", "integration-type", "current-variant"])
+                  ])
+                ]),
+                createVNode("section", { class: "space-y-3" }, [
+                  createVNode("h2", { class: "text-lg font-medium" }, " Access Level "),
+                  createVNode("div", { class: "flex gap-2" }, [
+                    createVNode("button", {
+                      type: "button",
+                      class: ["px-4 py-2 text-sm rounded-lg border transition-colors", unref(formMaxScope) !== "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-[var(--ui-border)] text-muted hover:bg-[var(--ui-bg-elevated)]"],
+                      onClick: ($event) => formMaxScope.value = null
+                    }, " Read + Write ", 10, ["onClick"]),
+                    createVNode("button", {
+                      type: "button",
+                      class: ["px-4 py-2 text-sm rounded-lg border transition-colors", unref(formMaxScope) === "read" ? "border-green-500 bg-green-50 text-green-700 font-medium dark:bg-green-950 dark:text-green-300" : "border-[var(--ui-border)] text-muted hover:bg-[var(--ui-bg-elevated)]"],
+                      onClick: ($event) => formMaxScope.value = "read"
+                    }, " Read-only ", 10, ["onClick"])
+                  ]),
+                  unref(formMaxScope) === "read" ? (openBlock(), createBlock("p", {
+                    key: 0,
+                    class: "text-xs text-amber-600 dark:text-amber-400"
+                  }, " Only read tools will be available. Write and admin tools will be greyed out below. ")) : createCommentVNode("", true)
+                ]),
+                createVNode("section", { class: "space-y-3" }, [
+                  createVNode("h2", { class: "text-lg font-medium" }, " Tools "),
+                  createVNode(_component_IntegrationToolsTree, {
+                    ref_key: "toolsTreeRef",
+                    ref: toolsTreeRef,
+                    "integration-type": unref(integration).type,
+                    "max-scope": unref(formMaxScope),
+                    "enabled-toolsets": unref(formEnabledToolsets),
+                    "disabled-tools": unref(formDisabledTools),
+                    "onUpdate:enabledToolsets": ($event) => formEnabledToolsets.value = $event,
+                    "onUpdate:disabledTools": ($event) => formDisabledTools.value = $event
+                  }, null, 8, ["integration-type", "max-scope", "enabled-toolsets", "disabled-tools", "onUpdate:enabledToolsets", "onUpdate:disabledTools"])
+                ]),
+                createVNode("div", { class: "sticky bottom-0 py-4 bg-[var(--ui-bg)] border-t border-[var(--ui-border)] -mx-4 px-4 flex items-center justify-between gap-4" }, [
+                  createVNode(_component_UButton, {
+                    loading: unref(saving),
+                    size: "lg",
+                    onClick: saveAll
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Save Changes ")
+                    ]),
+                    _: 1
+                  }, 8, ["loading"]),
+                  createVNode(_component_UButton, {
+                    variant: "soft",
+                    color: "error",
+                    icon: "i-lucide-trash-2",
+                    onClick: confirmRemove
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" Remove Integration ")
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 64))
+            ];
+          }
+        }),
+        _: 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/[id].vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+
+export { _sfc_main as default };
+//# sourceMappingURL=_id_-DBwSV4AY.mjs.map