@executor-js/plugin-mcp 1.4.32 → 1.5.0

package/dist/AddMcpSource-4LLERUW5.js

@@ -0,0 +1,602 @@
+import {
+  mcpPresets
+} from "./chunk-TW44CBXJ.js";
+import {
+  mcpAuthTemplateFromEditorValue
+} from "./chunk-7FJ3PUUL.js";
+import {
+  addMcpServer,
+  probeMcpEndpoint
+} from "./chunk-N4EAF5CA.js";
+import "./chunk-6OEQZ72N.js";
+
+// src/react/AddMcpSource.tsx
+import { useReducer, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useAtomSet, useAtomValue } from "@effect/atom-react";
+import { Link } from "@tanstack/react-router";
+import * as Exit from "effect/Exit";
+import * as Match from "effect/Match";
+import * as Option from "effect/Option";
+import * as Predicate from "effect/Predicate";
+import * as Schema from "effect/Schema";
+import * as AsyncResult from "effect/unstable/reactivity/AsyncResult";
+import { integrationsOptimisticAtom } from "@executor-js/react/api/atoms";
+import { Button as Button2 } from "@executor-js/react/components/button";
+import {
+  AuthTemplateEditor
+} from "@executor-js/react/components/auth-template-editor";
+import {
+  CardStack as CardStack2,
+  CardStackContent as CardStackContent2,
+  CardStackEntryField as CardStackEntryField2
+} from "@executor-js/react/components/card-stack";
+import { FieldLabel } from "@executor-js/react/components/field";
+import { FloatActions } from "@executor-js/react/components/float-actions";
+import { Input as Input2 } from "@executor-js/react/components/input";
+import { Spinner } from "@executor-js/react/components/spinner";
+import { Textarea } from "@executor-js/react/components/textarea";
+import {
+  integrationDisplayNameFromUrl,
+  slugifyNamespace,
+  IntegrationIdentityFields,
+  useIntegrationIdentity
+} from "@executor-js/react/plugins/integration-identity";
+import { integrationWriteKeys } from "@executor-js/react/api/reactivity-keys";
+
+// src/react/McpRemoteSourceFields.tsx
+import { Badge } from "@executor-js/react/components/badge";
+import {
+  CardStack,
+  CardStackContent,
+  CardStackEntry,
+  CardStackEntryActions,
+  CardStackEntryContent,
+  CardStackEntryDescription,
+  CardStackEntryField,
+  CardStackEntryMedia,
+  CardStackEntryTitle
+} from "@executor-js/react/components/card-stack";
+import { FieldError } from "@executor-js/react/components/field";
+import { Input } from "@executor-js/react/components/input";
+import { Skeleton } from "@executor-js/react/components/skeleton";
+import { IntegrationFavicon } from "@executor-js/react/components/integration-favicon";
+import { IOSSpinner } from "@executor-js/react/components/spinner";
+import { Button } from "@executor-js/react/components/button";
+import {
+  IntegrationIdentityFieldRows
+} from "@executor-js/react/plugins/integration-identity";
+import { jsx, jsxs } from "react/jsx-runtime";
+function McpRemoteSourceFields(props) {
+  const previewDescription = props.preview ? props.preview.connected ? props.preview.toolCount === null ? null : `${props.preview.toolCount} tool${props.preview.toolCount !== 1 ? "s" : ""} available` : props.preview.requiresOAuth ? "OAuth required to discover tools" : props.preview.requiresAuthentication ? "Authentication required to discover tools" : "Ready to add" : null;
+  if (props.preview) {
+    return /* @__PURE__ */ jsx(CardStack, { children: /* @__PURE__ */ jsxs(CardStackContent, { className: "border-t-0", children: [
+      /* @__PURE__ */ jsxs(CardStackEntry, { children: [
+        /* @__PURE__ */ jsx(CardStackEntryMedia, { children: /* @__PURE__ */ jsx(IntegrationFavicon, { url: props.url, size: 32 }) }),
+        /* @__PURE__ */ jsxs(CardStackEntryContent, { children: [
+          /* @__PURE__ */ jsx(CardStackEntryTitle, { children: props.preview.serverName ?? props.preview.name }),
+          previewDescription ? /* @__PURE__ */ jsx(CardStackEntryDescription, { children: previewDescription }) : null
+        ] }),
+        /* @__PURE__ */ jsx(CardStackEntryActions, { children: props.preview.connected ? /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: "border-emerald-500/20 bg-emerald-500/10 text-[10px] text-emerald-600 dark:text-emerald-400",
+            children: "Connected"
+          }
+        ) : props.preview.requiresOAuth ? /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: "border-amber-500/20 bg-amber-500/10 text-[10px] text-amber-600 dark:text-amber-400",
+            children: "OAuth required"
+          }
+        ) : /* @__PURE__ */ jsx(
+          Badge,
+          {
+            variant: "outline",
+            className: "border-amber-500/20 bg-amber-500/10 text-[10px] text-amber-600 dark:text-amber-400",
+            children: "Auth required"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        IntegrationIdentityFieldRows,
+        {
+          identity: props.identity,
+          namePlaceholder: "e.g. Linear",
+          namespaceReadOnly: props.namespaceReadOnly
+        }
+      ),
+      /* @__PURE__ */ jsx(CardStackEntryField, { label: "Server URL", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: props.url,
+          onChange: (e) => props.onUrlChange(e.target.value),
+          placeholder: "https://mcp.example.com",
+          className: "w-full font-mono text-sm",
+          disabled: props.urlDisabled
+        }
+      ) })
+    ] }) });
+  }
+  if (props.probing) {
+    return /* @__PURE__ */ jsx(CardStack, { children: /* @__PURE__ */ jsx(CardStackContent, { className: "border-t-0", children: /* @__PURE__ */ jsxs(CardStackEntry, { children: [
+      /* @__PURE__ */ jsx(CardStackEntryMedia, { children: /* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded" }) }),
+      /* @__PURE__ */ jsxs(CardStackEntryContent, { children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 h-3 w-32" })
+      ] }),
+      /* @__PURE__ */ jsx(CardStackEntryActions, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 rounded-full" }) })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsx(CardStack, { children: /* @__PURE__ */ jsx(CardStackContent, { className: "border-t-0", children: /* @__PURE__ */ jsxs(CardStackEntryField, { label: "Server URL", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: props.url,
+          onChange: (e) => props.onUrlChange(e.target.value),
+          placeholder: "https://mcp.example.com",
+          className: "w-full pr-9 font-mono text-sm",
+          "aria-invalid": props.error ? true : void 0,
+          disabled: props.urlDisabled
+        }
+      ),
+      props.probing && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute right-2 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ jsx(IOSSpinner, { className: "size-4" }) })
+    ] }),
+    props.error && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
+      /* @__PURE__ */ jsx(FieldError, { children: props.error }),
+      props.onRetry && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: props.onRetry,
+          className: "h-7 px-2 text-xs",
+          children: "Try again"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+// src/react/AddMcpSource.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ErrorMessage = Schema.Struct({ message: Schema.String });
+var decodeErrorMessage = Schema.decodeUnknownOption(ErrorMessage);
+var STDIO_ENV_ESCAPE_REPLACEMENTS = {
+  "\\": "\\",
+  n: "\n",
+  r: "\r",
+  t: "	",
+  '"': '"'
+};
+var errorMessageFromExit = (exit, fallback) => Option.match(Option.flatMap(Exit.findErrorOption(exit), decodeErrorMessage), {
+  onNone: () => fallback,
+  onSome: ({ message }) => message
+});
+var isIntegrationAlreadyExistsExit = (exit) => Option.match(Exit.findErrorOption(exit), {
+  onNone: () => false,
+  onSome: Predicate.isTagged("IntegrationAlreadyExistsError")
+});
+var integrationExistsMessage = (slug) => `An integration named "${slug}" already exists. To add more authentication, update your existing integration.`;
+function findPreset(id) {
+  if (!id) return void 0;
+  return mcpPresets.find((p) => p.id === id);
+}
+var init = { step: "url", url: "" };
+function reducer(state, action) {
+  return Match.value(action).pipe(
+    Match.discriminator("type")("set-url", (a) => ({ step: "url", url: a.url })),
+    Match.discriminator("type")(
+      "probe-start",
+      () => ({
+        step: "probing",
+        url: state.url,
+        probe: "probe" in state ? state.probe : null
+      })
+    ),
+    Match.discriminator("type")(
+      "probe-ok",
+      (a) => ({ step: "probed", url: state.url, probe: a.probe })
+    ),
+    Match.discriminator("type")(
+      "probe-fail",
+      (a) => ({
+        step: "error",
+        url: state.url,
+        probe: null,
+        error: a.error
+      })
+    ),
+    Match.discriminator("type")("add-start", () => {
+      const probe = "probe" in state ? state.probe : null;
+      if (!probe) return state;
+      return { step: "adding", url: state.url, probe };
+    }),
+    Match.discriminator("type")("add-fail", (a) => {
+      if (state.step !== "adding") return state;
+      return {
+        step: "error",
+        url: state.url,
+        probe: state.probe,
+        error: a.error
+      };
+    }),
+    Match.discriminator("type")("retry", () => {
+      if (state.step !== "error") return state;
+      return state.probe ? { step: "probed", url: state.url, probe: state.probe } : { step: "url", url: state.url };
+    }),
+    Match.exhaustive
+  );
+}
+function AddMcpSource(props) {
+  const allowStdio = props.allowStdio ?? false;
+  const rawPreset = findPreset(props.initialPreset);
+  const preset = rawPreset?.transport === "stdio" && !allowStdio ? void 0 : rawPreset;
+  const isStdioPreset = preset?.transport === "stdio";
+  const [transport, setTransport] = useState(
+    isStdioPreset && allowStdio ? "stdio" : "remote"
+  );
+  const [stdioCommand, setStdioCommand] = useState(isStdioPreset ? preset.command : "");
+  const [stdioArgs, setStdioArgs] = useState(
+    isStdioPreset && preset.args ? preset.args.join(" ") : ""
+  );
+  const [stdioEnv, setStdioEnv] = useState("");
+  const stdioIdentity = useIntegrationIdentity({
+    fallbackName: isStdioPreset ? preset.name : stdioCommand
+  });
+  const [stdioAdding, setStdioAdding] = useState(false);
+  const [stdioError, setStdioError] = useState(null);
+  const remoteUrl = !isStdioPreset && preset?.transport === void 0 && preset?.url ? preset.url : props.initialUrl ?? "";
+  const [state, dispatch] = useReducer(
+    reducer,
+    remoteUrl ? { step: "url", url: remoteUrl } : init
+  );
+  const doProbe = useAtomSet(probeMcpEndpoint, { mode: "promiseExit" });
+  const doAddServer = useAtomSet(addMcpServer, { mode: "promiseExit" });
+  const [authValue, setAuthValue] = useState({ kind: "none" });
+  const probe = "probe" in state ? state.probe : null;
+  const allowedAuthKinds = probe?.requiresOAuth && probe.supportsDynamicRegistration ? ["oauth"] : probe?.requiresAuthentication ? ["apikey", "oauth"] : ["none", "apikey", "oauth"];
+  const remoteIdentity = useIntegrationIdentity({
+    fallbackName: integrationDisplayNameFromUrl(state.url, "MCP") ?? probe?.serverName ?? probe?.name ?? ""
+  });
+  const isProbing = state.step === "probing";
+  const isAdding = state.step === "adding";
+  const integrationsResult = useAtomValue(integrationsOptimisticAtom);
+  const existingSlugs = useMemo(
+    () => AsyncResult.isSuccess(integrationsResult) ? integrationsResult.value.map((integration) => String(integration.slug)) : [],
+    [integrationsResult]
+  );
+  const remoteSlug = slugifyNamespace(remoteIdentity.namespace);
+  const stdioSlug = slugifyNamespace(stdioIdentity.namespace);
+  const remoteSlugExists = remoteSlug.length > 0 && existingSlugs.includes(remoteSlug);
+  const stdioSlugExists = stdioSlug.length > 0 && existingSlugs.includes(stdioSlug);
+  const canAdd = Boolean(probe) && !isAdding && !remoteSlugExists;
+  const probeError = state.step === "error" && state.probe === null ? state.error : null;
+  const otherError = state.step === "error" && state.probe !== null ? state.error : null;
+  const handleProbe = useCallback(async () => {
+    dispatch({ type: "probe-start" });
+    const exit = await doProbe({
+      payload: { endpoint: state.url.trim() }
+    });
+    if (Exit.isFailure(exit)) {
+      dispatch({
+        type: "probe-fail",
+        error: errorMessageFromExit(exit, "Failed to connect")
+      });
+      return;
+    }
+    setAuthValue(
+      exit.value.requiresOAuth ? { kind: "oauth", authorizationUrl: "", tokenUrl: "", scopes: [] } : exit.value.requiresAuthentication ? {
+        kind: "apikey",
+        placements: [{ carrier: "header", name: "Authorization", prefix: "Bearer " }]
+      } : { kind: "none" }
+    );
+    dispatch({ type: "probe-ok", probe: exit.value });
+  }, [state.url, doProbe]);
+  const handleProbeRef = useRef(handleProbe);
+  handleProbeRef.current = handleProbe;
+  useEffect(() => {
+    if (transport !== "remote") return;
+    if (state.step !== "url") return;
+    const trimmed = state.url.trim();
+    if (!trimmed) return;
+    const handle = setTimeout(() => {
+      handleProbeRef.current();
+    }, 400);
+    return () => clearTimeout(handle);
+  }, [transport, state.step, state.url]);
+  const registerIntegration = useCallback(
+    async (auth) => {
+      const displayName = remoteIdentity.name.trim() || probe?.serverName || probe?.name || "MCP";
+      const slug = slugifyNamespace(remoteIdentity.namespace) || void 0;
+      const exit = await doAddServer({
+        payload: {
+          transport: "remote",
+          name: displayName,
+          endpoint: state.url.trim(),
+          ...slug ? { slug } : {},
+          auth
+        },
+        reactivityKeys: integrationWriteKeys
+      });
+      if (Exit.isFailure(exit)) {
+        dispatch({
+          type: "add-fail",
+          error: isIntegrationAlreadyExistsExit(exit) ? integrationExistsMessage(slug ?? displayName) : errorMessageFromExit(exit, "Failed to add server")
+        });
+        return null;
+      }
+      return exit.value.slug;
+    },
+    [doAddServer, probe, remoteIdentity, state.url]
+  );
+  const handleAddRemote = useCallback(async () => {
+    if (!probe) return;
+    dispatch({ type: "add-start" });
+    const slug = await registerIntegration(mcpAuthTemplateFromEditorValue(authValue));
+    if (slug === null) return;
+    props.onComplete(slug);
+  }, [probe, authValue, registerIntegration, props]);
+  const parseStdioArgs = (raw) => {
+    if (!raw.trim()) return [];
+    const args = [];
+    const regex = /[^\s"]+|"([^"]*)"/g;
+    let match2;
+    while ((match2 = regex.exec(raw)) !== null) {
+      args.push(match2[1] ?? match2[0]);
+    }
+    return args;
+  };
+  const parseStdioEnvValue = (raw) => {
+    const value2 = raw.trim();
+    if (value2.length < 2) return value2;
+    const quote = value2[0];
+    if (quote !== '"' && quote !== "'" || value2[value2.length - 1] !== quote) {
+      return value2;
+    }
+    const inner = value2.slice(1, -1);
+    if (quote === "'") return inner;
+    return inner.replace(
+      /\\([\\nrt"])/g,
+      (_, escaped) => STDIO_ENV_ESCAPE_REPLACEMENTS[escaped] ?? escaped
+    );
+  };
+  const parseStdioEnv = (raw) => {
+    if (!raw.trim()) return void 0;
+    const env = {};
+    for (const line of raw.split("\n")) {
+      const eq = line.indexOf("=");
+      if (eq > 0) {
+        env[line.slice(0, eq).trim()] = parseStdioEnvValue(line.slice(eq + 1));
+      }
+    }
+    return Object.keys(env).length > 0 ? env : void 0;
+  };
+  const handleAddStdio = useCallback(async () => {
+    const cmd = stdioCommand.trim();
+    if (!cmd) return;
+    setStdioAdding(true);
+    setStdioError(null);
+    const displayName = stdioIdentity.name.trim() || cmd;
+    const slug = slugifyNamespace(stdioIdentity.namespace) || void 0;
+    const exit = await doAddServer({
+      payload: {
+        transport: "stdio",
+        name: displayName,
+        ...slug ? { slug } : {},
+        command: cmd,
+        args: parseStdioArgs(stdioArgs),
+        env: parseStdioEnv(stdioEnv)
+      },
+      reactivityKeys: integrationWriteKeys
+    });
+    if (Exit.isFailure(exit)) {
+      setStdioError(
+        isIntegrationAlreadyExistsExit(exit) ? integrationExistsMessage(slug ?? displayName) : errorMessageFromExit(exit, "Failed to add server")
+      );
+      setStdioAdding(false);
+      return;
+    }
+    props.onComplete(exit.value.slug);
+  }, [stdioCommand, stdioArgs, stdioEnv, stdioIdentity, doAddServer, props]);
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-1 flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx2("h1", { className: "text-xl font-semibold text-foreground", children: "Add MCP Source" }),
+      /* @__PURE__ */ jsx2("p", { className: "mt-1 text-[13px] text-muted-foreground", children: "Connect to an MCP server to discover and use its tools." })
+    ] }),
+    allowStdio && /* @__PURE__ */ jsxs2("div", { className: "flex gap-1 rounded-lg border border-border bg-muted/30 p-1", children: [
+      /* @__PURE__ */ jsx2(
+        Button2,
+        {
+          variant: "ghost",
+          type: "button",
+          onClick: () => setTransport("remote"),
+          className: `flex-1 rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${transport === "remote" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+          children: "Remote"
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        Button2,
+        {
+          variant: "ghost",
+          type: "button",
+          onClick: () => setTransport("stdio"),
+          className: `flex-1 rounded-md px-3 py-1.5 text-sm font-medium transition-colors ${transport === "stdio" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+          children: "Stdio"
+        }
+      )
+    ] }),
+    transport === "remote" ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(
+        McpRemoteSourceFields,
+        {
+          url: state.url,
+          onUrlChange: (url) => dispatch({ type: "set-url", url }),
+          identity: remoteIdentity,
+          preview: probe,
+          probing: isProbing,
+          error: probeError,
+          onRetry: handleProbe
+        }
+      ),
+      probe && /* @__PURE__ */ jsxs2("section", { className: "space-y-2.5", children: [
+        /* @__PURE__ */ jsx2(FieldLabel, { children: "How does this server authenticate?" }),
+        /* @__PURE__ */ jsx2(
+          AuthTemplateEditor,
+          {
+            value: authValue,
+            onChange: setAuthValue,
+            allowedKinds: allowedAuthKinds,
+            oauthMetadata: "discovered"
+          }
+        )
+      ] }),
+      otherError && /* @__PURE__ */ jsxs2("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsx2("p", { className: "text-[12px] text-destructive", children: otherError }) }),
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => dispatch({ type: "retry" }),
+            className: "text-xs",
+            children: "Try again"
+          }
+        )
+      ] }),
+      remoteSlugExists && !isAdding && /* @__PURE__ */ jsx2("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsxs2("p", { className: "text-[12px] text-destructive", children: [
+        'An integration named "',
+        remoteSlug,
+        '" already exists. To add more authentication, update your existing integration.',
+        " ",
+        /* @__PURE__ */ jsx2(
+          Link,
+          {
+            to: "/integrations/$namespace",
+            params: { namespace: remoteSlug },
+            className: "font-medium underline underline-offset-2",
+            children: "Open it"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs2(FloatActions, { children: [
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => props.onCancel(),
+            disabled: isAdding,
+            children: "Cancel"
+          }
+        ),
+        (probe || isProbing) && /* @__PURE__ */ jsx2(Button2, { type: "button", onClick: handleAddRemote, disabled: !canAdd, children: isAdding ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+          /* @__PURE__ */ jsx2(Spinner, { className: "size-3.5" }),
+          " Adding\u2026"
+        ] }) : "Add source" })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2(CardStack2, { children: /* @__PURE__ */ jsxs2(CardStackContent2, { className: "border-t-0", children: [
+        /* @__PURE__ */ jsx2(
+          CardStackEntryField2,
+          {
+            label: "Command",
+            description: "- The executable to run (e.g. npx, uvx, node).",
+            children: /* @__PURE__ */ jsx2(
+              Input2,
+              {
+                value: stdioCommand,
+                onChange: (e) => setStdioCommand(e.target.value),
+                placeholder: "npx",
+                className: "font-mono text-sm"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          CardStackEntryField2,
+          {
+            label: "Arguments",
+            description: "- Space-separated arguments passed to the command.",
+            children: /* @__PURE__ */ jsx2(
+              Input2,
+              {
+                value: stdioArgs,
+                onChange: (e) => setStdioArgs(e.target.value),
+                placeholder: "-y chrome-devtools-mcp@latest",
+                className: "font-mono text-sm"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          CardStackEntryField2,
+          {
+            label: "Environment variables",
+            description: "- One per line, KEY=value format.",
+            children: /* @__PURE__ */ jsx2(
+              Textarea,
+              {
+                value: stdioEnv,
+                onChange: (e) => setStdioEnv(e.target.value),
+                placeholder: "KEY=value\nANOTHER=value",
+                rows: 3,
+                maxRows: 10,
+                className: "font-mono text-sm"
+              }
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx2(IntegrationIdentityFields, { identity: stdioIdentity, namePlaceholder: "My MCP Server" }),
+      stdioError && /* @__PURE__ */ jsx2("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsx2("p", { className: "text-[12px] text-destructive", children: stdioError }) }),
+      stdioSlugExists && !stdioAdding && /* @__PURE__ */ jsx2("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsxs2("p", { className: "text-[12px] text-destructive", children: [
+        'An integration named "',
+        stdioSlug,
+        '" already exists. To add more authentication, update your existing integration.',
+        " ",
+        /* @__PURE__ */ jsx2(
+          Link,
+          {
+            to: "/integrations/$namespace",
+            params: { namespace: stdioSlug },
+            className: "font-medium underline underline-offset-2",
+            children: "Open it"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs2(FloatActions, { children: [
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            type: "button",
+            variant: "ghost",
+            onClick: () => props.onCancel(),
+            disabled: stdioAdding,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          Button2,
+          {
+            type: "button",
+            onClick: handleAddStdio,
+            disabled: !stdioCommand.trim() || stdioAdding || stdioSlugExists,
+            children: stdioAdding ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+              /* @__PURE__ */ jsx2(Spinner, { className: "size-3.5" }),
+              " Adding\u2026"
+            ] }) : "Add source"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  AddMcpSource as default
+};
+//# sourceMappingURL=AddMcpSource-4LLERUW5.js.map