@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-BKP43KK4.js

@@ -1,1788 +0,0 @@
-"use client";
-import {
-  ConnectionLogo
-} from "./chunk-MF3ZFB4H.js";
-import {
-  ConnectSetup,
-  accountServiceCapability,
-  capabilityConnectProviderId,
-  connectionServicePresentation,
-  gmail_default,
-  isServiceConnectProvider
-} from "./chunk-PENGLDR5.js";
-import {
-  McpConnectionCard
-} from "./chunk-EILSAQVJ.js";
-import {
-  mcpConnectionDiscoveryState,
-  useConnect
-} from "./chunk-GQ67HSJY.js";
-import {
-  useNobodyToShareWith
-} from "./chunk-RNC6B4BN.js";
-import {
-  copyTextToClipboard
-} from "./chunk-PEHTX3V7.js";
-import {
-  useOpenGeniText
-} from "./chunk-TNUSPXPW.js";
-
-// src/capability-catalog-row.tsx
-import { AlertTriangleIcon, CheckIcon, Loader2Icon, PlusIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var labels = (t) => ({
-  available: t("capabilityCatalogRow.availableToAdd"),
-  added: t("capabilityCatalogRow.added"),
-  attention: t("capabilityCatalogRow.needsAttention"),
-  unavailable: t("capabilityCatalogRow.unavailable"),
-  loading: t("capabilityCatalogRow.working")
-});
-function CapabilityCatalogIndicator({
-  status = "available",
-  label,
-  showLabel = false
-}) {
-  const t = useOpenGeniText();
-  const Icon = status === "added" ? CheckIcon : status === "attention" || status === "unavailable" ? AlertTriangleIcon : status === "loading" ? Loader2Icon : PlusIcon;
-  return /* @__PURE__ */ jsxs("span", { className: "og-capability-catalog-indicator", "data-status": status, children: [
-    /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: showLabel || status === "attention" || status === "unavailable" ? "og-capability-catalog-notice" : "og-capability-catalog-sr-only",
-        children: label ?? labels(t)[status]
-      }
-    )
-  ] });
-}
-function CapabilityCatalogRow({
-  name,
-  description,
-  icon,
-  status = "available",
-  statusLabel,
-  showStatusLabel = false,
-  onOpen,
-  className = "",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ...props,
-      type: "button",
-      className: `og-capability-catalog-row ${className}`,
-      onClick: onOpen,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", { className: "og-capability-catalog-icon", children: icon }) : null,
-        /* @__PURE__ */ jsxs("span", { className: "og-capability-catalog-copy", children: [
-          /* @__PURE__ */ jsx("strong", { children: name }),
-          description ? /* @__PURE__ */ jsx("span", { children: description }) : null
-        ] }),
-        /* @__PURE__ */ jsx(CapabilityCatalogIndicator, { status, label: statusLabel, showLabel: showStatusLabel })
-      ]
-    }
-  );
-}
-
-// src/skill-discovery.tsx
-import { useEffect, useState } from "react";
-
-// src/discovery-cache.ts
-function createDiscoveryCache(ttlMs = 6e4, capacity = 64) {
-  const clients = /* @__PURE__ */ new WeakMap();
-  return {
-    peek(client, key) {
-      const entry = clients.get(client)?.get(key);
-      return entry && entry.expires > Date.now() ? entry.value : void 0;
-    },
-    read(client, key, fetch) {
-      let entries = clients.get(client);
-      if (!entries) {
-        entries = /* @__PURE__ */ new Map();
-        clients.set(client, entries);
-      }
-      const existing = entries.get(key);
-      if (existing && existing.expires > Date.now()) return existing.pending;
-      entries.delete(key);
-      while (entries.size >= capacity) entries.delete(entries.keys().next().value);
-      const entry = {
-        expires: Date.now() + ttlMs,
-        value: void 0,
-        pending: Promise.resolve().then(fetch)
-      };
-      entries.set(key, entry);
-      entry.pending = entry.pending.then(
-        (value) => {
-          entry.value = value;
-          entry.expires = Date.now() + ttlMs;
-          return value;
-        },
-        (error) => {
-          if (entries.get(key) === entry) entries.delete(key);
-          throw error;
-        }
-      );
-      return entry.pending;
-    }
-  };
-}
-
-// src/skill-discovery.tsx
-import { BookOpenIcon } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var discoveryCache = createDiscoveryCache();
-function SkillDiscovery(props) {
-  const t = useOpenGeniText();
-  const query = props.query.trim();
-  const discoveryQuery = query || "agent";
-  return /* @__PURE__ */ jsxs2("section", { className: "og-skill-discovery", "aria-label": t("skillDiscovery.discoverSkills"), children: [
-    /* @__PURE__ */ jsxs2("header", { children: [
-      /* @__PURE__ */ jsx2("h3", { children: props.resultLimit ? t("skillDiscovery.skills") : query ? t("skillDiscovery.searchSkills") : t("skillDiscovery.browseSkills") }),
-      !props.resultLimit ? /* @__PURE__ */ jsx2(
-        "a",
-        {
-          href: "https://skills.sh/",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "og-skill-discovery-browse",
-          children: t("skillDiscovery.browseSkillsSh")
-        }
-      ) : null
-    ] }),
-    !query ? /* @__PURE__ */ jsx2("p", { children: t("skillDiscovery.popularOnSkillsSh") }) : query.length < 2 ? /* @__PURE__ */ jsx2("p", { children: t("skillDiscovery.enterAtLeastTwoCharacters") }) : null,
-    /* @__PURE__ */ jsx2(
-      DiscoveryResults,
-      {
-        ...props,
-        query: discoveryQuery
-      },
-      `${props.workspaceId}:${discoveryQuery}`
-    )
-  ] });
-}
-var keepText = (value) => value;
-var DEFAULT_ICON = /* @__PURE__ */ jsx2(BookOpenIcon, { "aria-hidden": "true" });
-var EMPTY_LOCAL_SKILLS = [];
-var EMPTY_INSTALLED_SKILLS = [];
-function DiscoveryResults({
-  client,
-  workspaceId,
-  query,
-  canManage,
-  onImport,
-  resultLimit,
-  onShowMore,
-  localSkills = EMPTY_LOCAL_SKILLS,
-  installedSkills = EMPTY_INSTALLED_SKILLS,
-  formatName = keepText,
-  formatSource = keepText,
-  icon = DEFAULT_ICON
-}) {
-  const t = useOpenGeniText();
-  const cacheKey = JSON.stringify([workspaceId, query]);
-  const cached = discoveryCache.peek(client, cacheKey);
-  const [result, setResult] = useState(cached ?? null);
-  const [loading, setLoading] = useState(query.length >= 2 && !cached);
-  const [error, setError] = useState(false);
-  const [retry, setRetry] = useState(0);
-  useEffect(() => {
-    let active = true;
-    setError(false);
-    if (query.length < 2) return;
-    const existing = discoveryCache.peek(client, cacheKey);
-    setLoading(!existing);
-    let timer;
-    const search = async (attempt) => {
-      try {
-        const data = await discoveryCache.read(
-          client,
-          cacheKey,
-          () => client.searchPublicSkills(workspaceId, query)
-        );
-        if (!active) return;
-        setResult(data);
-        setLoading(false);
-      } catch (cause) {
-        if (!active) return;
-        const status = typeof cause === "object" && cause !== null && "status" in cause ? cause.status : void 0;
-        const transient = cause instanceof TypeError || typeof status === "number" && status >= 500 && status <= 599;
-        if (attempt === 0 && transient) {
-          timer = setTimeout(() => void search(1), 750);
-          return;
-        }
-        setError(true);
-        setLoading(false);
-      }
-    };
-    timer = setTimeout(() => void search(0), existing ? 0 : 300);
-    return () => {
-      active = false;
-      clearTimeout(timer);
-    };
-  }, [client, workspaceId, query, cacheKey, retry]);
-  const remoteSkills = result?.items.filter(
-    (skill) => !localSkills.some((local) => local.name.toLowerCase() === skill.name.toLowerCase())
-  ) ?? [];
-  return /* @__PURE__ */ jsxs2("div", { "aria-busy": loading, children: [
-    /* @__PURE__ */ jsxs2("div", { className: "og-skill-discovery-grid", children: [
-      localSkills.slice(0, resultLimit).map((skill) => /* @__PURE__ */ jsx2(
-        CapabilityCatalogRow,
-        {
-          name: skill.name,
-          description: skill.description,
-          icon,
-          status: skill.status ?? "added",
-          statusLabel: skill.statusLabel,
-          onOpen: skill.onOpen
-        },
-        skill.id
-      )),
-      remoteSkills.slice(
-        0,
-        resultLimit === void 0 ? void 0 : Math.max(0, resultLimit - localSkills.length)
-      ).map((skill) => {
-        const installed = installedSkills.some(
-          (entry) => entry.sourceUrl.replace(/\/$/, "").toLowerCase() === skill.url.toLowerCase() || entry.repositoryUrl.replace(/\/$/, "").toLowerCase() === `https://github.com/${skill.source}`.toLowerCase() && entry.name.toLowerCase() === skill.name.toLowerCase()
-        );
-        return /* @__PURE__ */ jsx2(
-          CapabilityCatalogRow,
-          {
-            disabled: !canManage,
-            name: formatName(skill.name),
-            description: formatSource(skill.source),
-            icon,
-            status: !canManage ? "unavailable" : installed ? "added" : "available",
-            statusLabel: !canManage ? t("skillDiscovery.adminRequired") : installed ? t("skillDiscovery.installed") : t("skillDiscovery.availableToAdd"),
-            onOpen: () => onImport(skill.url)
-          },
-          skill.id
-        );
-      })
-    ] }),
-    resultLimit && remoteSkills.length + localSkills.length > resultLimit && !loading ? /* @__PURE__ */ jsx2("button", { className: "og-catalog-more", type: "button", onClick: onShowMore, children: t("skillDiscovery.viewAllSkills") }) : null,
-    loading ? /* @__PURE__ */ jsx2("p", { role: "status", children: t("skillDiscovery.loadingSkills") }) : null,
-    error ? /* @__PURE__ */ jsxs2("div", { role: "alert", className: "og-skill-discovery-error", children: [
-      t("skillDiscovery.couldNotLoadSkills"),
-      /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => setRetry((value) => value + 1), children: t("skillDiscovery.retry") })
-    ] }) : null,
-    result && !remoteSkills.length && !localSkills.length && !loading && !error ? /* @__PURE__ */ jsx2("p", { role: "status", children: t("skillDiscovery.noMatchesForQuery", { query }) }) : null
-  ] });
-}
-
-// src/connection-catalog.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function ConnectionOptionRow({ option }) {
-  return /* @__PURE__ */ jsxs3("div", { className: "og-connection-catalog-action-row og-connection-option", children: [
-    /* @__PURE__ */ jsx3(
-      CapabilityCatalogRow,
-      {
-        name: option.name,
-        description: option.description,
-        status: option.state ?? (option.connected ? "added" : "available"),
-        statusLabel: option.status,
-        showStatusLabel: option.state === void 0,
-        onOpen: option.onOpen
-      }
-    ),
-    option.action ? /* @__PURE__ */ jsx3("span", { className: "og-connection-option-action", children: option.action }) : null
-  ] });
-}
-function ConnectionServiceRow({ service }) {
-  const t = useOpenGeniText();
-  if (!service.options.length) return null;
-  const connected = service.options.filter((option) => option.connected).length;
-  const attention = service.options.find(
-    (option) => option.state === "attention" || option.state === "unavailable"
-  );
-  const groupState = attention?.state ?? (service.options.some((option) => option.state === "loading") ? "loading" : connected === service.options.length ? "added" : "available");
-  const identity = /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3("span", { className: "og-capability-catalog-icon", children: service.logo }),
-    /* @__PURE__ */ jsxs3("span", { className: "og-capability-catalog-copy", children: [
-      /* @__PURE__ */ jsx3("strong", { children: service.name }),
-      /* @__PURE__ */ jsx3("span", { children: service.options.length === 1 ? service.options[0]?.description : service.options.map((option) => option.name).join(" \xB7 ") })
-    ] }),
-    /* @__PURE__ */ jsx3(
-      CapabilityCatalogIndicator,
-      {
-        status: groupState,
-        label: attention?.status ?? t("connectionCatalog.connectedOfLengthAdded", {
-          connected,
-          length: service.options.length
-        })
-      }
-    )
-  ] });
-  return service.options.length === 1 ? /* @__PURE__ */ jsxs3("div", { className: "og-connection-catalog-action-row", children: [
-    /* @__PURE__ */ jsx3(
-      CapabilityCatalogRow,
-      {
-        name: service.name,
-        description: service.options[0].description,
-        icon: service.logo,
-        status: service.options[0].state ?? (connected ? "added" : "available"),
-        statusLabel: service.options[0].status,
-        showStatusLabel: service.options[0].state === void 0,
-        onOpen: service.options[0].onOpen
-      }
-    ),
-    service.options[0]?.action
-  ] }) : /* @__PURE__ */ jsxs3("details", { className: "og-connection-catalog-service", children: [
-    /* @__PURE__ */ jsxs3("summary", { className: "og-capability-catalog-row", children: [
-      identity,
-      /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "og-connection-group-chevron", children: "\u2304" })
-    ] }),
-    /* @__PURE__ */ jsx3("div", { className: "og-connection-catalog-options", children: service.options.map((option) => /* @__PURE__ */ jsx3(ConnectionOptionRow, { option }, option.id)) })
-  ] });
-}
-function ConnectionCatalog({
-  services,
-  query = "",
-  columns = 1,
-  grouped = true,
-  resultLimit,
-  onShowMore,
-  className = "",
-  emptyMessage: emptyMessageProp
-}) {
-  const t = useOpenGeniText();
-  const emptyMessage = emptyMessageProp === void 0 ? t("connectionCatalog.noConnectionsMatchYourSearch") : emptyMessageProp;
-  const search = query.trim().toLowerCase();
-  const entries = grouped ? services : services.flatMap(
-    (service) => service.options.map((option) => ({
-      ...service,
-      id: `${service.id}/${option.id}`,
-      name: service.options.length > 1 && option.name !== service.name ? `${service.name} \xB7 ${option.name}` : service.name,
-      options: [option]
-    }))
-  );
-  const visible = entries.filter(
-    (service) => [service.name, ...service.options.flatMap((option) => [option.name, option.description ?? ""])].join(" ").toLowerCase().includes(search)
-  );
-  return /* @__PURE__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsx3("div", { className: `og-connection-catalog ${className}`, "data-columns": columns, children: visible.length ? visible.slice(0, resultLimit).map((service) => /* @__PURE__ */ jsx3(ConnectionServiceRow, { service }, service.id)) : /* @__PURE__ */ jsx3("p", { role: "status", children: emptyMessage }) }),
-    resultLimit && visible.length > resultLimit ? /* @__PURE__ */ jsx3("button", { className: "og-catalog-more", type: "button", onClick: onShowMore, children: t("connectionCatalog.viewAllConnections") }) : null
-  ] });
-}
-
-// src/connect-chooser.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function ConnectChooser(props) {
-  const [scope, setScope] = useState2(props.controller);
-  const [generation, setGeneration] = useState2(0);
-  if (scope !== props.controller) {
-    setScope(props.controller);
-    setGeneration(generation + 1);
-  }
-  return /* @__PURE__ */ jsx4(ScopedChooser, { ...props }, generation);
-}
-function ScopedChooser({
-  controller,
-  returnUrl,
-  className,
-  presentation = "select",
-  customOnly = false,
-  providerOnly = false,
-  compact = false,
-  initialProviderId = "",
-  personalOnly = false
-}) {
-  const t = useOpenGeniText();
-  const view = useConnect(controller);
-  const [catalog, setCatalog] = useState2(null);
-  const [accounts, setAccounts] = useState2([]);
-  const [failed, setFailed] = useState2(false);
-  const [load, setLoad] = useState2(0);
-  const [query, setQuery] = useState2("");
-  const [providerId, setProviderId] = useState2(initialProviderId);
-  const [ownership, setOwnership] = useState2("");
-  useEffect2(() => {
-    const abort = new AbortController();
-    setCatalog(null);
-    setAccounts([]);
-    setFailed(false);
-    setProviderId(initialProviderId);
-    setOwnership("");
-    void Promise.resolve().then(() => {
-      abort.signal.throwIfAborted();
-      return Promise.all([
-        controller.transport.catalog(controller.workspaceId, { signal: abort.signal }),
-        presentation === "catalog" ? controller.transport.accounts(controller.workspaceId, { signal: abort.signal }) : Promise.resolve([])
-      ]);
-    }).then(([providers, inventory]) => {
-      if (!abort.signal.aborted) {
-        setCatalog(
-          structuredClone(
-            providers.filter(
-              (entry) => entry.readiness === "available" && entry.ownership.length > 0 && (!providerOnly || entry.family !== "mcp" && !entry.setup.some(
-                (kind) => ["installation", "openapi", "graphql"].includes(kind)
-              )) && (!customOnly || entry.family === "mcp" || entry.setup.some(
-                (kind) => ["installation", "openapi", "graphql"].includes(kind)
-              ))
-            )
-          )
-        );
-        setAccounts(structuredClone(inventory));
-        const initial = providers.find((entry) => entry.id === initialProviderId);
-        if (initial)
-          setOwnership(
-            initial.ownership.includes("personal") && ["google", "microsoft"].includes(initial.family) ? "personal" : initial.ownership.includes("workspace") ? "workspace" : initial.ownership[0] ?? ""
-          );
-      }
-    }).catch(() => {
-      if (!abort.signal.aborted) setFailed(true);
-    });
-    return () => abort.abort();
-  }, [controller, load, presentation, customOnly, providerOnly, initialProviderId]);
-  const provider = catalog?.find((entry) => entry.id === providerId);
-  const onlyOwnership = provider ? personalOnly && provider.ownership.includes("personal") ? "personal" : provider.ownership.length === 1 ? provider.ownership[0] : null : null;
-  const chosenOwnership = onlyOwnership ?? ownership;
-  const canBegin = provider?.readiness === "available" && (chosenOwnership === "personal" || chosenOwnership === "workspace") && provider.ownership.includes(chosenOwnership);
-  const submit = (event) => {
-    event.preventDefault();
-    if (!canBegin || view.busy || chosenOwnership !== "personal" && chosenOwnership !== "workspace")
-      return;
-    setFailed(false);
-    try {
-      void controller.begin({
-        providerId,
-        ownership: chosenOwnership,
-        returnUrl,
-        idempotencyKey: crypto.randomUUID()
-      }).catch(() => setFailed(true));
-    } catch {
-      setFailed(true);
-    }
-  };
-  if (compact && (!catalog || catalog.length === 0) && !failed) return null;
-  return /* @__PURE__ */ jsxs4(
-    "section",
-    {
-      className,
-      "aria-label": t("connectChooser.chooseAConnection"),
-      "aria-busy": view.busy || !catalog && !failed,
-      children: [
-        failed && /* @__PURE__ */ jsx4("p", { role: "alert", children: t("connectChooser.connectionsCouldNotBeLoaded") }),
-        !catalog && !failed && /* @__PURE__ */ jsx4("p", { role: "status", children: t("connectChooser.loadingConnections") }),
-        catalog?.length === 0 && /* @__PURE__ */ jsx4("p", { role: "status", children: t("connectChooser.noConnectionsAreAvailable") }),
-        Boolean(catalog?.length) && /* @__PURE__ */ jsx4("form", { onSubmit: submit, children: /* @__PURE__ */ jsxs4("fieldset", { disabled: view.busy, children: [
-          /* @__PURE__ */ jsx4("legend", { hidden: customOnly || compact, children: presentation === "catalog" ? t("connectChooser.addAConnection") : t("connectChooser.providerAndOwnership") }),
-          presentation === "catalog" && !provider ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-            /* @__PURE__ */ jsxs4("label", { hidden: customOnly || compact, children: [
-              t("connectChooser.searchConnections"),
-              /* @__PURE__ */ jsx4(
-                "input",
-                {
-                  type: "search",
-                  placeholder: t("connectChooser.findAService"),
-                  value: query,
-                  onChange: (event) => setQuery(event.target.value)
-                }
-              )
-            ] }),
-            [
-              {
-                name: t("connectChooser.services"),
-                entries: catalog.filter(
-                  (entry) => entry.readiness === "available" && entry.family !== "mcp" && !entry.setup.some(
-                    (kind) => ["installation", "openapi", "graphql"].includes(kind)
-                  )
-                ),
-                secondary: false
-              },
-              {
-                name: t("connectChooser.customConnections"),
-                entries: catalog.filter(
-                  (entry) => entry.readiness === "available" && (entry.family === "mcp" || entry.setup.some(
-                    (kind) => ["installation", "openapi", "graphql"].includes(kind)
-                  ))
-                ),
-                secondary: true
-              }
-            ].map((group) => {
-              const entries = group.entries.filter(
-                (entry) => entry.label.toLocaleLowerCase().includes(query.toLocaleLowerCase().trim())
-              );
-              if (!entries.length) return null;
-              const rows = /* @__PURE__ */ jsx4(
-                ConnectionCatalog,
-                {
-                  services: entries.map((entry) => {
-                    const connected = accounts.some(
-                      (account) => account.providerId === entry.id && account.status === "connected"
-                    );
-                    return {
-                      id: entry.id,
-                      name: entry.label,
-                      logo: /* @__PURE__ */ jsx4(
-                        ConnectionLogo,
-                        {
-                          src: connectionServicePresentation(entry).logo,
-                          name: entry.label
-                        }
-                      ),
-                      options: [
-                        {
-                          id: entry.id,
-                          name: entry.label,
-                          status: connected ? t("connectChooser.connected") : entry.readiness === "available" ? t("connectChooser.connect") : t("connectChooser.unavailable"),
-                          state: connected ? "added" : entry.readiness === "available" ? "available" : "unavailable",
-                          connected,
-                          onOpen: () => {
-                            if (!view.busy) {
-                              setProviderId(entry.id);
-                              setOwnership(
-                                entry.ownership.length === 1 ? entry.ownership[0] : ""
-                              );
-                            }
-                          }
-                        }
-                      ]
-                    };
-                  })
-                }
-              );
-              return group.secondary && !customOnly ? /* @__PURE__ */ jsxs4(
-                "details",
-                {
-                  className: "og-connect-secondary",
-                  open: query.trim() ? true : void 0,
-                  children: [
-                    /* @__PURE__ */ jsxs4("summary", { children: [
-                      group.name,
-                      /* @__PURE__ */ jsx4("span", { children: entries.length })
-                    ] }),
-                    rows
-                  ]
-                },
-                group.name
-              ) : /* @__PURE__ */ jsx4("div", { children: rows }, group.name);
-            }),
-            !catalog.some(
-              (entry) => entry.label.toLocaleLowerCase().includes(query.toLocaleLowerCase().trim())
-            ) && /* @__PURE__ */ jsx4("p", { role: "status", children: t("connectChooser.noServicesMatchYourSearch") })
-          ] }) : null,
-          presentation === "catalog" && provider && !initialProviderId ? /* @__PURE__ */ jsx4(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setProviderId("");
-                setOwnership("");
-              },
-              children: t("connectChooser.backToConnections")
-            }
-          ) : null,
-          /* @__PURE__ */ jsxs4("label", { hidden: presentation === "catalog", children: [
-            t("connectChooser.provider"),
-            /* @__PURE__ */ jsxs4(
-              "select",
-              {
-                required: true,
-                value: providerId,
-                onChange: (event) => {
-                  setProviderId(event.target.value);
-                  setOwnership("");
-                },
-                children: [
-                  /* @__PURE__ */ jsx4("option", { value: "", disabled: true, children: t("connectChooser.chooseAProvider") }),
-                  catalog.map((entry) => /* @__PURE__ */ jsxs4(
-                    "option",
-                    {
-                      value: entry.id,
-                      disabled: entry.readiness !== "available" || entry.ownership.length === 0,
-                      children: [
-                        entry.label,
-                        " \u2014 ",
-                        entry.id,
-                        " (",
-                        entry.readiness.replaceAll("_", " "),
-                        ")"
-                      ]
-                    },
-                    entry.id
-                  ))
-                ]
-              }
-            )
-          ] }),
-          provider && /* @__PURE__ */ jsxs4(Fragment2, { children: [
-            /* @__PURE__ */ jsx4("strong", { children: presentation === "catalog" ? provider.label : null }),
-            provider.readiness !== "available" && /* @__PURE__ */ jsx4("p", { role: "status", children: provider.reason ?? t("connectChooser.thisServiceIsNotAvailable") }),
-            onlyOwnership ? null : /* @__PURE__ */ jsxs4("label", { children: [
-              t("connectChooser.whoCanUseThisConnection"),
-              /* @__PURE__ */ jsxs4(
-                "select",
-                {
-                  required: true,
-                  value: ownership,
-                  onChange: (event) => setOwnership(event.target.value),
-                  children: [
-                    /* @__PURE__ */ jsx4("option", { value: "", disabled: true, children: t("connectChooser.chooseOwnership") }),
-                    provider.ownership.map((choice) => /* @__PURE__ */ jsx4("option", { value: choice, children: choice === "personal" ? t("connectChooser.onlyMe") : t("connectChooser.everyoneInThisWorkspace") }, choice))
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "button",
-            {
-              hidden: presentation === "catalog" && !provider,
-              type: "submit",
-              disabled: !canBegin,
-              children: t("connectChooser.continue")
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsx4("button", { hidden: !failed, type: "button", disabled: view.busy, onClick: () => setLoad(load + 1), children: t("connectChooser.reloadProviders") })
-      ]
-    }
-  );
-}
-
-// src/connect-accounts.tsx
-import { useEffect as useEffect4, useRef, useState as useState4 } from "react";
-
-// src/connection-service-logo.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
-
-// src/capability-logo-fallback.ts
-function capabilityLogoFallback(item) {
-  if (item.id.startsWith("mcp:integrations-sh:gmailmcp-googleapis-com-") || item.mcpUrl === "https://gmailmcp.googleapis.com/mcp/v1")
-    return gmail_default;
-  const original = item.metadata?.originalLogoUrl;
-  if (typeof original !== "string") return null;
-  try {
-    const url = new URL(original);
-    return url.protocol === "https:" || url.protocol === "http:" ? url.href : null;
-  } catch {
-    return null;
-  }
-}
-
-// src/connection-service-logo.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-function ConnectionServiceLogo({
-  client,
-  item,
-  name,
-  fallback = null
-}) {
-  const path = item?.logoAssetPath;
-  const [image, setImage] = useState3(null);
-  useEffect3(() => {
-    if (!client || !path?.startsWith("catalog-assets/")) return;
-    const abort = new AbortController();
-    let url = null;
-    void client.downloadCatalogAsset(path, { signal: abort.signal }).then((blob) => {
-      if (!abort.signal.aborted && blob.type.startsWith("image/") && blob.size <= 2e6)
-        url = URL.createObjectURL(blob);
-    }).catch(() => {
-    }).finally(() => {
-      if (!abort.signal.aborted) setImage({ client, path, url });
-    });
-    return () => {
-      abort.abort();
-      if (url) URL.revokeObjectURL(url);
-    };
-  }, [client, path]);
-  const current = image && image.client === client && image.path === path ? image : null;
-  const loading = Boolean(client && path?.startsWith("catalog-assets/") && !current);
-  return /* @__PURE__ */ jsx5(
-    ConnectionLogo,
-    {
-      name,
-      loading,
-      src: current?.url ?? (loading ? null : (item ? capabilityLogoFallback(item) : null) ?? fallback)
-    }
-  );
-}
-
-// src/connect-account-identity.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function ConnectAccountIdentity({
-  account,
-  client,
-  capabilities
-}) {
-  const t = useOpenGeniText();
-  const item = accountServiceCapability(account, capabilities);
-  const service = connectionServicePresentation({ id: account.providerId, label: account.label });
-  const name = item?.name ?? service.name;
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx6(ConnectionServiceLogo, { client, item, name, fallback: service.logo }),
-    /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx6("strong", { children: name }),
-      /* @__PURE__ */ jsxs5("small", { children: [
-        account.ownership === "personal" ? t("connectAccountIdentity.onlyYou") : t("connectAccountIdentity.workspaceConnection"),
-        name !== account.label ? ` \xB7 ${account.label}` : ""
-      ] })
-    ] })
-  ] });
-}
-
-// src/connection-skeleton.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function ConnectionSkeleton({ rows = 1, label }) {
-  return /* @__PURE__ */ jsx7("div", { role: "status", "aria-label": label, className: "og-connection-skeleton", children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs6("div", { className: "og-connection-skeleton-row", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx7("span", { className: "og-connection-skeleton-mark" }),
-    /* @__PURE__ */ jsxs6("span", { className: "og-connection-skeleton-copy", children: [
-      /* @__PURE__ */ jsx7("span", {}),
-      /* @__PURE__ */ jsx7("span", {})
-    ] })
-  ] }, index)) });
-}
-
-// src/connect-accounts.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function ConnectAccounts(props) {
-  const [scope, setScope] = useState4(props.controller);
-  const [generation, setGeneration] = useState4(0);
-  if (scope !== props.controller) {
-    setScope(props.controller);
-    setGeneration(generation + 1);
-  }
-  return /* @__PURE__ */ jsx8(ScopedAccounts, { ...props }, generation);
-}
-function ScopedAccounts({
-  controller,
-  className,
-  returnUrl,
-  client,
-  onDisconnected
-}) {
-  const t = useOpenGeniText();
-  const view = useConnect(controller);
-  const [accounts, setAccounts] = useState4(null);
-  const [selected, setSelected] = useState4(null);
-  const [busy, setBusy] = useState4(false);
-  const [error, setError] = useState4(false);
-  const [reload, setReload] = useState4(0);
-  const [catalog, setCatalog] = useState4(null);
-  const mutation = useRef(null);
-  useEffect4(() => () => mutation.current?.abort(), []);
-  useEffect4(() => {
-    const abort = new AbortController();
-    setAccounts(null);
-    setCatalog(null);
-    setSelected(null);
-    setError(false);
-    void Promise.resolve().then(() => {
-      abort.signal.throwIfAborted();
-      return Promise.all([
-        controller.transport.accounts(controller.workspaceId, { signal: abort.signal }),
-        client?.listCapabilities(controller.workspaceId).catch(() => null) ?? null
-      ]);
-    }).then(([result, metadata]) => {
-      if (!abort.signal.aborted) {
-        setAccounts(structuredClone(result.filter((account) => account.status !== "disabled")));
-        if (client && metadata) setCatalog({ client, items: metadata.items });
-      }
-    }).catch(() => {
-      if (!abort.signal.aborted) setError(true);
-    });
-    return () => abort.abort();
-  }, [client, controller, reload]);
-  const disconnect = async (account) => {
-    const expectedVersion = account.version;
-    if (mutation.current || view.busy || expectedVersion === void 0 || !Number.isSafeInteger(expectedVersion) || expectedVersion < 1)
-      return;
-    const abort = new AbortController();
-    mutation.current = abort;
-    setBusy(true);
-    setError(false);
-    try {
-      await controller.transport.disconnect(controller.workspaceId, account.id, {
-        expectedVersion,
-        signal: abort.signal
-      });
-      if (!abort.signal.aborted) {
-        setReload((value) => value + 1);
-        onDisconnected?.();
-      }
-    } catch {
-      if (!abort.signal.aborted) {
-        setAccounts(null);
-        setError(true);
-      }
-    } finally {
-      if (!abort.signal.aborted) {
-        mutation.current = null;
-        setBusy(false);
-        setSelected(null);
-      }
-    }
-  };
-  const reconnect = async (account) => {
-    if (!returnUrl || mutation.current || view.busy) return;
-    setError(false);
-    try {
-      await controller.begin({
-        providerId: account.providerId,
-        ownership: account.ownership,
-        reconnectAccountId: account.id,
-        returnUrl,
-        idempotencyKey: crypto.randomUUID()
-      });
-    } catch {
-      setError(true);
-    }
-  };
-  return /* @__PURE__ */ jsxs7(
-    "section",
-    {
-      className,
-      "aria-label": t("connectAccounts.connectedAccounts"),
-      "aria-busy": busy || view.busy || !accounts && !error,
-      children: [
-        /* @__PURE__ */ jsx8("h3", { children: t("connectAccounts.yourConnections") }),
-        error && /* @__PURE__ */ jsx8("p", { role: "alert", children: t("connectAccounts.accountStateCouldNotBe") }),
-        !accounts && !error && /* @__PURE__ */ jsx8(ConnectionSkeleton, { label: t("connectAccounts.loadingAccounts") }),
-        accounts?.length === 0 && /* @__PURE__ */ jsx8("p", { role: "status", children: t("connectAccounts.noConnectedAccounts") }),
-        accounts && accounts.length > 0 && /* @__PURE__ */ jsx8("ul", { children: accounts.map((account) => /* @__PURE__ */ jsx8("li", { className: "og-connect-account", children: /* @__PURE__ */ jsxs7("details", { className: "og-connect-account-details", children: [
-          /* @__PURE__ */ jsxs7("summary", { className: "og-connect-account-heading", children: [
-            /* @__PURE__ */ jsx8(
-              ConnectAccountIdentity,
-              {
-                account,
-                client,
-                capabilities: catalog?.client === client ? catalog?.items ?? [] : []
-              }
-            ),
-            /* @__PURE__ */ jsx8("span", { className: "og-connect-account-status", "data-status": account.status, children: account.status === "connected" ? t("connectAccounts.connected") : account.status === "auth_needed" ? t("connectAccounts.reconnectNeeded") : t("connectAccounts.disconnected") }),
-            /* @__PURE__ */ jsx8(
-              "svg",
-              {
-                className: "og-connect-account-chevron",
-                "aria-hidden": "true",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                children: /* @__PURE__ */ jsx8("path", { d: "m9 6 6 6-6 6" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "og-connect-account-actions", children: [
-            returnUrl && account.status === "auth_needed" && /* @__PURE__ */ jsx8(
-              "button",
-              {
-                type: "button",
-                "aria-label": t("connectAccounts.reconnectLabel", { label: account.label }),
-                disabled: busy || view.busy,
-                onClick: () => void reconnect(account),
-                children: t("connectAccounts.reconnect")
-              }
-            ),
-            selected === `${account.providerId}:${account.id}` ? /* @__PURE__ */ jsxs7(
-              "div",
-              {
-                role: "group",
-                "aria-label": t("connectAccounts.disconnectLabel", { label: account.label }),
-                children: [
-                  /* @__PURE__ */ jsx8("p", { children: t("connectAccounts.thisRemovesLocalOpengeniAccess") }),
-                  /* @__PURE__ */ jsx8(
-                    "button",
-                    {
-                      type: "button",
-                      disabled: busy || view.busy,
-                      onClick: () => void disconnect(account),
-                      children: t("connectAccounts.confirmDisconnect")
-                    }
-                  ),
-                  /* @__PURE__ */ jsx8("button", { type: "button", disabled: busy, onClick: () => setSelected(null), children: t("connectAccounts.keepAccount") })
-                ]
-              }
-            ) : /* @__PURE__ */ jsx8(
-              "button",
-              {
-                type: "button",
-                "aria-label": t("connectAccounts.disconnectLabel", { label: account.label }),
-                disabled: busy || view.busy || account.status === "disabled" || !Number.isSafeInteger(account.version) || account.version < 1,
-                onClick: () => setSelected(`${account.providerId}:${account.id}`),
-                children: t("connectAccounts.disconnect")
-              }
-            )
-          ] })
-        ] }) }, `${account.providerId}:${account.id}`)) }),
-        /* @__PURE__ */ jsx8(
-          "button",
-          {
-            hidden: !error,
-            type: "button",
-            disabled: busy,
-            onClick: () => setReload((value) => value + 1),
-            children: t("connectAccounts.reloadAccounts")
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/connect-panel.tsx
-import { useState as useState6 } from "react";
-
-// src/connection-discovery.tsx
-import { useEffect as useEffect5, useRef as useRef2, useState as useState5 } from "react";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function ConnectionDiscovery(props) {
-  const [scope, setScope] = useState5({ client: props.client, controller: props.controller });
-  const [generation, setGeneration] = useState5(0);
-  if (scope.client !== props.client || scope.controller !== props.controller) {
-    setScope({ client: props.client, controller: props.controller });
-    setGeneration(generation + 1);
-  }
-  return /* @__PURE__ */ jsx9(ScopedDiscovery, { ...props }, `${generation}:${props.workspaceId}`);
-}
-function ScopedDiscovery({
-  client,
-  controller,
-  workspaceId,
-  returnUrl,
-  onConfigured
-}) {
-  const t = useOpenGeniText();
-  const [providers, setProviders] = useState5(null);
-  const [accounts, setAccounts] = useState5([]);
-  const [selectedProvider, setSelectedProvider] = useState5(null);
-  const [providerFailed, setProviderFailed] = useState5(false);
-  const [items, setItems] = useState5(null);
-  const [failed, setFailed] = useState5(false);
-  const [connections, setConnections] = useState5([]);
-  const [reload, setReload] = useState5(0);
-  const [query, setQuery] = useState5("");
-  const [limit, setLimit] = useState5(12);
-  const [selected, setSelected] = useState5(null);
-  const opener = useRef2(null);
-  const alone = useNobodyToShareWith(client, workspaceId);
-  useEffect5(() => {
-    const abort = new AbortController();
-    const read = async (operation) => {
-      abort.signal.throwIfAborted();
-      return operation();
-    };
-    setFailed(false);
-    setSelectedProvider(null);
-    setProviders(null);
-    setItems(null);
-    setProviderFailed(false);
-    if (controller)
-      void Promise.all([
-        read(() => controller.transport.catalog(workspaceId, { signal: abort.signal })),
-        read(() => controller.transport.accounts(workspaceId, { signal: abort.signal }))
-      ]).then(([catalog, inventory]) => {
-        if (!abort.signal.aborted) {
-          setProviders(catalog.filter(isServiceConnectProvider));
-          setAccounts(inventory);
-        }
-      }).catch(() => {
-        if (!abort.signal.aborted) setProviderFailed(true);
-      });
-    void Promise.all([
-      read(() => client.listCapabilities(workspaceId)),
-      read(() => client.listConnections(workspaceId))
-    ]).then(([catalog, inventory]) => {
-      if (!abort.signal.aborted) {
-        setConnections(inventory);
-        setItems(
-          catalog.items.filter(
-            (item) => item.kind === "mcp" && item.authKind === "oauth2" && Boolean(item.mcpUrl ?? item.endpointUrl) && // The provider refuses self-registration and this deployment
-            // has no operator client for it: Connect cannot succeed.
-            (item.enabled || item.runtime?.operatorOAuthClient?.configured !== false)
-          )
-        );
-      }
-    }).catch(() => {
-      if (!abort.signal.aborted) setFailed(true);
-    });
-    return () => {
-      abort.abort();
-    };
-  }, [client, controller, workspaceId, reload]);
-  const matches = items?.filter(
-    (item) => `${item.name} ${item.description ?? ""} ${item.providerDomain ?? ""}`.toLocaleLowerCase().includes(query.trim().toLocaleLowerCase())
-  ) ?? [];
-  const providerMatches = (providers ?? []).filter(
-    (provider) => !items?.some((item) => capabilityConnectProviderId(item) === provider.id) && provider.label.toLocaleLowerCase().includes(query.trim().toLocaleLowerCase())
-  );
-  const loading = !items && !failed || Boolean(controller && !providers && !providerFailed);
-  if (selectedProvider && controller)
-    return /* @__PURE__ */ jsxs8(
-      "section",
-      {
-        "aria-label": t("connectionDiscovery.connectLabel", { label: selectedProvider.label }),
-        children: [
-          /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setSelectedProvider(null), children: t("connectionDiscovery.backToConnections") }),
-          /* @__PURE__ */ jsx9(
-            ConnectionLogo,
-            {
-              name: selectedProvider.label,
-              src: connectionServicePresentation(selectedProvider).logo
-            }
-          ),
-          /* @__PURE__ */ jsx9(
-            ConnectChooser,
-            {
-              controller,
-              returnUrl,
-              presentation: "catalog",
-              providerOnly: true,
-              initialProviderId: selectedProvider.id,
-              personalOnly: alone
-            }
-          )
-        ]
-      }
-    );
-  return /* @__PURE__ */ jsxs8(
-    "section",
-    {
-      className: "og-connection-discovery",
-      "aria-label": t("connectionDiscovery.findAConnection"),
-      children: [
-        /* @__PURE__ */ jsx9("h3", { children: t("connectionDiscovery.addAConnection") }),
-        /* @__PURE__ */ jsxs8("label", { children: [
-          /* @__PURE__ */ jsx9("span", { className: "og-capability-catalog-sr-only", children: t("connectionDiscovery.searchServices") }),
-          /* @__PURE__ */ jsx9(
-            "input",
-            {
-              type: "search",
-              placeholder: t("connectionDiscovery.searchServices2"),
-              value: query,
-              onChange: (event) => {
-                setQuery(event.target.value);
-                setLimit(12);
-              }
-            }
-          )
-        ] }),
-        (providerFailed || failed) && /* @__PURE__ */ jsxs8("p", { role: "alert", children: [
-          t("connectionDiscovery.someServicesCouldNotBe"),
-          " ",
-          /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setReload((value) => value + 1), children: t("connectionDiscovery.retry") })
-        ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "og-connection-discovery-results", children: [
-          providerMatches.map((provider) => {
-            const connected = accounts.some(
-              (account) => account.providerId === provider.id && account.status === "connected"
-            );
-            return /* @__PURE__ */ jsx9(
-              CapabilityCatalogRow,
-              {
-                name: provider.label,
-                icon: /* @__PURE__ */ jsx9(
-                  ConnectionLogo,
-                  {
-                    name: provider.label,
-                    src: connectionServicePresentation(provider).logo
-                  }
-                ),
-                status: connected ? "added" : "available",
-                statusLabel: connected ? t("connectionDiscovery.connected") : t("connectionDiscovery.connect"),
-                showStatusLabel: true,
-                onOpen: () => setSelectedProvider(provider)
-              },
-              provider.id
-            );
-          }),
-          matches.slice(0, limit).map((item) => {
-            const state = mcpConnectionDiscoveryState(t, item, connections);
-            return /* @__PURE__ */ jsx9(
-              CapabilityCatalogRow,
-              {
-                name: item.name,
-                description: item.description ?? void 0,
-                icon: /* @__PURE__ */ jsx9(ConnectionServiceLogo, { client, item, name: item.name }),
-                status: state.status,
-                statusLabel: state.label,
-                showStatusLabel: true,
-                onOpen: () => {
-                  opener.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-                  setSelected(item);
-                }
-              },
-              item.id
-            );
-          }),
-          loading && /* @__PURE__ */ jsx9(ConnectionSkeleton, { rows: 3, label: t("connectionDiscovery.loadingServices") }),
-          !loading && !failed && !providerFailed && !matches.length && !providerMatches.length && /* @__PURE__ */ jsx9("p", { role: "status", children: t("connectionDiscovery.noServicesMatchYourSearch") }),
-          matches.length > limit && /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => setLimit((value) => value + 12), children: t("connectionDiscovery.showMoreServices") })
-        ] }),
-        selected ? /* @__PURE__ */ jsx9(
-          McpConnectionCard,
-          {
-            client,
-            workspaceId,
-            capabilityId: selected.id,
-            name: selected.name,
-            returnUrl,
-            dialogOnly: true,
-            onClose: () => {
-              setSelected(null);
-              queueMicrotask(() => {
-                if (opener.current?.isConnected) opener.current.focus();
-              });
-            },
-            onConfigured: async () => {
-              setReload((value) => value + 1);
-              await onConfigured?.();
-            }
-          }
-        ) : null
-      ]
-    }
-  );
-}
-
-// src/connect-panel.tsx
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function ConnectPanel({
-  returnUrl,
-  title: titleProp,
-  showAccounts = true,
-  showCustomConnections = true,
-  showProviderConnections = false,
-  presentation = "select",
-  className,
-  client,
-  ...setup
-}) {
-  const t = useOpenGeniText();
-  const title = titleProp === void 0 ? t("connectPanel.connections") : titleProp;
-  const { attempt } = useConnect(setup.controller);
-  const [inventoryRevision, setInventoryRevision] = useState6(0);
-  const alone = useNobodyToShareWith(client, setup.controller.workspaceId);
-  const activeSetup = attempt !== null && !["complete", "cancelled", "expired"].includes(attempt.state);
-  const serviceName = attempt ? connectionServicePresentation({ id: attempt.providerId, label: "" }).name : "";
-  return /* @__PURE__ */ jsxs9("div", { className: ["og-connect", className].filter(Boolean).join(" "), children: [
-    title !== null && /* @__PURE__ */ jsx10("h2", { children: title }),
-    showAccounts && !activeSetup && /* @__PURE__ */ jsx10(
-      ConnectAccounts,
-      {
-        controller: setup.controller,
-        returnUrl,
-        client,
-        onDisconnected: () => setInventoryRevision((value) => value + 1)
-      },
-      inventoryRevision
-    ),
-    !activeSetup && (client && presentation === "catalog" ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
-      /* @__PURE__ */ jsx10(
-        ConnectionDiscovery,
-        {
-          controller: showProviderConnections ? setup.controller : void 0,
-          client,
-          workspaceId: setup.controller.workspaceId,
-          returnUrl,
-          onConfigured: () => setInventoryRevision((value) => value + 1)
-        },
-        inventoryRevision
-      ),
-      showCustomConnections && /* @__PURE__ */ jsxs9("details", { className: "og-connect-secondary", children: [
-        /* @__PURE__ */ jsx10("summary", { children: t("connectPanel.customConnection") }),
-        /* @__PURE__ */ jsx10(
-          ConnectChooser,
-          {
-            customOnly: true,
-            presentation,
-            controller: setup.controller,
-            returnUrl,
-            personalOnly: alone
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ jsx10(
-      ConnectChooser,
-      {
-        presentation,
-        controller: setup.controller,
-        returnUrl,
-        personalOnly: alone
-      }
-    )),
-    activeSetup && /* @__PURE__ */ jsx10(
-      ConnectSetup,
-      {
-        ...setup,
-        authorizeLabel: setup.authorizeLabel ?? (serviceName ? t("connectPanel.continueToServicename", { serviceName }) : t("connectPanel.authorizeConnection"))
-      }
-    )
-  ] });
-}
-
-// src/device-authorization.tsx
-import { useEffect as useEffect6, useRef as useRef3, useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-function DeviceAuthorization(props) {
-  const t = useOpenGeniText();
-  const [copied, setCopied] = useState7(false);
-  const [copyError, setCopyError] = useState7(false);
-  const generation = useRef3(0);
-  const timer = useRef3(null);
-  useEffect6(() => {
-    generation.current++;
-    setCopied(false);
-    setCopyError(false);
-    return () => {
-      generation.current++;
-      if (timer.current) clearTimeout(timer.current);
-    };
-  }, [props.userCode]);
-  async function copy() {
-    const revision = ++generation.current;
-    if (timer.current) clearTimeout(timer.current);
-    setCopied(false);
-    setCopyError(false);
-    try {
-      const clipboard = props.loadClipboard ? await props.loadClipboard() : { copyTextToClipboard };
-      if (revision !== generation.current) return;
-      const success = await clipboard.copyTextToClipboard(props.userCode);
-      if (revision !== generation.current) return;
-      setCopied(success);
-      setCopyError(!success);
-      props.onCopyResult?.(success);
-      if (success)
-        timer.current = setTimeout(() => {
-          if (revision === generation.current) setCopied(false);
-        }, 1600);
-    } catch {
-      if (revision !== generation.current) return;
-      setCopyError(true);
-      props.onCopyResult?.(false);
-    }
-  }
-  let href;
-  try {
-    const url = new URL(props.verificationUri);
-    if (["https:", "http:"].includes(url.protocol) && !url.username && !url.password)
-      href = props.verificationUri;
-  } catch {
-  }
-  if (props.render) return props.render({ copied, copyError, copy, verificationHref: href });
-  return /* @__PURE__ */ jsxs10(
-    "section",
-    {
-      className: `og-connect ${props.className ?? ""}`,
-      "aria-label": t("deviceAuthorization.deviceAuthorization"),
-      children: [
-        /* @__PURE__ */ jsx11("p", { children: props.description ?? t("deviceAuthorization.enterThisCodeAtProviderlabel", {
-          providerLabel: props.providerLabel ?? t("deviceAuthorization.theProvider")
-        }) }),
-        /* @__PURE__ */ jsxs10("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx11("code", { ...props.codeAttributes, style: { overflowWrap: "anywhere" }, children: props.userCode }),
-          /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              "aria-label": copied ? t("deviceAuthorization.codeCopied") : t("deviceAuthorization.copyCode"),
-              onClick: () => void copy(),
-              children: copied ? t("deviceAuthorization.copied") : t("deviceAuthorization.copyCode")
-            }
-          ),
-          href ? /* @__PURE__ */ jsxs10("a", { href, target: "_blank", rel: "noopener noreferrer", children: [
-            t("deviceAuthorization.open"),
-            " ",
-            props.providerLabel ?? t("deviceAuthorization.authPage")
-          ] }) : /* @__PURE__ */ jsx11("span", { role: "alert", children: t("deviceAuthorization.authorizationAddressUnavailable") })
-        ] }),
-        copyError ? /* @__PURE__ */ jsx11("p", { role: "alert", children: t("deviceAuthorization.couldnTCopyTheCode") }) : null,
-        /* @__PURE__ */ jsx11("p", { role: "status", children: t("deviceAuthorization.waitingForAuthorization") })
-      ]
-    }
-  );
-}
-
-// src/identity-link-consent.tsx
-import { useEffect as useEffect7, useRef as useRef4, useState as useState8 } from "react";
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function IdentityLinkConsent({
-  client,
-  workspaceId,
-  linkId,
-  challenge,
-  className,
-  onComplete
-}) {
-  const t = useOpenGeniText();
-  const [link, setLink] = useState8(null);
-  const [preview, setPreview] = useState8(null);
-  const [selected, setSelected] = useState8([]);
-  const [busy, setBusy] = useState8(false);
-  const [error, setError] = useState8(false);
-  const [retry, setRetry] = useState8(0);
-  const generation = useRef4(0);
-  useEffect7(() => {
-    const current = ++generation.current;
-    setLink(null);
-    setPreview(null);
-    setSelected([]);
-    setBusy(true);
-    setError(false);
-    void client.previewIdentityLink(workspaceId, linkId, challenge).then(
-      (result) => {
-        if (generation.current !== current) return;
-        setPreview(result);
-        setLink(result.link);
-        setSelected(result.link.permissions);
-      },
-      () => {
-        if (generation.current === current) setError(true);
-      }
-    ).finally(() => {
-      if (generation.current === current) setBusy(false);
-    });
-    return () => {
-      generation.current++;
-    };
-  }, [client, workspaceId, linkId, challenge, retry]);
-  async function mutate(revoke) {
-    if (!link || busy) return;
-    const current = generation.current;
-    setBusy(true);
-    setError(false);
-    try {
-      const result = revoke ? await client.revokeIdentityLink(workspaceId, linkId, link.revision) : await client.confirmIdentityLink(workspaceId, linkId, {
-        challenge,
-        expectedRevision: link.revision,
-        permissions: selected
-      });
-      if (generation.current !== current) return;
-      setLink(result);
-      onComplete?.(result);
-    } catch {
-      if (generation.current === current) setError(true);
-    } finally {
-      if (generation.current === current) setBusy(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs11(
-    "section",
-    {
-      className: ["og-connect og-identity-link", className].filter(Boolean).join(" "),
-      "aria-label": t("identityLinkConsent.linkYourAccount"),
-      "aria-busy": busy,
-      children: [
-        /* @__PURE__ */ jsx12("h2", { children: t("identityLinkConsent.linkYourOpengeniAccount") }),
-        /* @__PURE__ */ jsx12("p", { children: t("identityLinkConsent.onlyContinueIfYouStarted") }),
-        preview && /* @__PURE__ */ jsxs11("dl", { children: [
-          /* @__PURE__ */ jsx12("dt", { children: t("identityLinkConsent.organization") }),
-          /* @__PURE__ */ jsx12("dd", { children: preview.organizationId }),
-          /* @__PURE__ */ jsx12("dt", { children: t("identityLinkConsent.productUser") }),
-          /* @__PURE__ */ jsxs11("dd", { children: [
-            preview.externalIdentity.externalId,
-            " (",
-            preview.externalIdentity.source,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsx12("dt", { children: t("identityLinkConsent.yourOpengeniIdentity") }),
-          /* @__PURE__ */ jsx12("dd", { children: preview.nativeSubjectId })
-        ] }),
-        error && /* @__PURE__ */ jsxs11("div", { role: "alert", children: [
-          t("identityLinkConsent.thisRequestCouldNotBe"),
-          !link && /* @__PURE__ */ jsx12("button", { type: "button", disabled: busy, onClick: () => setRetry((value) => value + 1), children: t("identityLinkConsent.tryAgain") })
-        ] }),
-        !link && busy && /* @__PURE__ */ jsx12("p", { role: "status", children: t("identityLinkConsent.loadingTheAccountLinkRequest") }),
-        link?.status === "pending" && /* @__PURE__ */ jsxs11(Fragment5, { children: [
-          /* @__PURE__ */ jsxs11("p", { children: [
-            link.expiresAt ? t("identityLinkConsent.accessEndsLocalestring", {
-              localeString: new Date(link.expiresAt).toLocaleString(t.locale)
-            }) : t("identityLinkConsent.accessLastsUntilYouOr"),
-            " ",
-            t("identityLinkConsent.yourCurrentPermissionsStillApply")
-          ] }),
-          /* @__PURE__ */ jsxs11("fieldset", { disabled: busy, children: [
-            /* @__PURE__ */ jsx12("legend", { children: t("identityLinkConsent.allowThesePermissions") }),
-            link.permissions.map((permission) => /* @__PURE__ */ jsxs11("label", { children: [
-              /* @__PURE__ */ jsx12(
-                "input",
-                {
-                  type: "checkbox",
-                  checked: selected.includes(permission),
-                  onChange: (event) => setSelected(
-                    (values) => event.target.checked ? [...values, permission] : values.filter((value) => value !== permission)
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx12("span", { children: permission.replaceAll(":", " \xB7 ") })
-            ] }, permission))
-          ] }),
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              disabled: busy || selected.length === 0,
-              onClick: () => void mutate(false),
-              children: busy ? t("identityLinkConsent.saving") : t("identityLinkConsent.allowSelectedAccess")
-            }
-          ),
-          /* @__PURE__ */ jsx12("p", { children: t("identityLinkConsent.youCanCloseThisPage") })
-        ] }),
-        link?.status === "active" && /* @__PURE__ */ jsxs11(Fragment5, { children: [
-          /* @__PURE__ */ jsx12("p", { role: "status", children: t("identityLinkConsent.accountLinkedReturnToYour") }),
-          /* @__PURE__ */ jsx12("button", { type: "button", disabled: busy, onClick: () => void mutate(true), children: t("identityLinkConsent.revokeThisLink") })
-        ] }),
-        link?.status === "revoked" && /* @__PURE__ */ jsx12("p", { role: "status", children: t("identityLinkConsent.linkRevokedYourOpengeniAccount") }),
-        link?.status === "expired" && /* @__PURE__ */ jsx12("p", { role: "status", children: t("identityLinkConsent.thisRequestHasExpiredStart") })
-      ]
-    }
-  );
-}
-
-// src/identity-link-accounts.tsx
-import { useEffect as useEffect8, useRef as useRef5, useState as useState9 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function IdentityLinkAccounts({
-  client,
-  workspaceId
-}) {
-  const t = useOpenGeniText();
-  const [links, setLinks] = useState9([]);
-  const [cursor, setCursor] = useState9(null);
-  const [busy, setBusy] = useState9(true);
-  const [error, setError] = useState9(false);
-  const [revision, setRevision] = useState9(0);
-  const generation = useRef5(0);
-  const inFlight = useRef5(false);
-  useEffect8(() => {
-    const current = ++generation.current;
-    inFlight.current = true;
-    setLinks([]);
-    setCursor(null);
-    setBusy(true);
-    setError(false);
-    void client.listIdentityLinks(workspaceId).then(
-      (page) => {
-        if (current !== generation.current) return;
-        setLinks(page.links);
-        setCursor(page.nextCursor);
-      },
-      () => {
-        if (current === generation.current) setError(true);
-      }
-    ).finally(() => {
-      if (current === generation.current) {
-        inFlight.current = false;
-        setBusy(false);
-      }
-    });
-    return () => {
-      generation.current++;
-    };
-  }, [client, workspaceId, revision]);
-  async function act(link) {
-    if (inFlight.current || !link && !cursor) return;
-    const current = generation.current;
-    inFlight.current = true;
-    setBusy(true);
-    setError(false);
-    try {
-      if (link) {
-        const updated = await client.revokeIdentityLink(workspaceId, link.id, link.revision);
-        if (current === generation.current)
-          setLinks(
-            (values) => values.map((value) => value.id === updated.id ? { ...value, ...updated } : value)
-          );
-      } else {
-        const page = await client.listIdentityLinks(workspaceId, cursor);
-        if (current === generation.current) {
-          setLinks((values) => [
-            ...new Map([...values, ...page.links].map((value) => [value.id, value])).values()
-          ]);
-          setCursor(page.nextCursor);
-        }
-      }
-    } catch {
-      if (current === generation.current) setError(true);
-    } finally {
-      if (current === generation.current) {
-        inFlight.current = false;
-        setBusy(false);
-      }
-    }
-  }
-  return /* @__PURE__ */ jsxs12(
-    "section",
-    {
-      className: "og-connect og-identity-link",
-      "aria-label": t("identityLinkAccounts.linkedProductAccess"),
-      "aria-busy": busy,
-      children: [
-        /* @__PURE__ */ jsx13("h2", { children: t("identityLinkAccounts.linkedProductAccess") }),
-        /* @__PURE__ */ jsx13("p", { children: t("identityLinkAccounts.manageProductsAllowedToAct") }),
-        /* @__PURE__ */ jsxs12("div", { className: "og-identity-link-card", children: [
-          error && /* @__PURE__ */ jsxs12("div", { role: "alert", children: [
-            t("identityLinkAccounts.couldNotUpdateAccountLinks"),
-            /* @__PURE__ */ jsx13("button", { type: "button", disabled: busy, onClick: () => setRevision((value) => value + 1), children: t("identityLinkAccounts.reloadLinks") })
-          ] }),
-          busy && /* @__PURE__ */ jsx13("p", { role: "status", children: t("identityLinkAccounts.loadingAccountLinks") }),
-          !busy && !error && links.length === 0 && /* @__PURE__ */ jsx13("p", { children: t("identityLinkAccounts.noProductsHaveLinkedAccess") }),
-          /* @__PURE__ */ jsx13("ul", { children: links.map((link) => /* @__PURE__ */ jsxs12("li", { children: [
-            /* @__PURE__ */ jsxs12("p", { children: [
-              link.externalIdentity?.source || t("identityLinkAccounts.productIdentity"),
-              " ",
-              /* @__PURE__ */ jsx13("code", { children: link.externalIdentity?.externalId ?? link.externalIdentityId })
-            ] }),
-            /* @__PURE__ */ jsxs12("p", { children: [
-              t("identityLinkAccounts.statusStatus", { status: link.status }),
-              " ",
-              link.expiresAt ? t("identityLinkAccounts.expiresLocalestring", {
-                localeString: new Date(link.expiresAt).toLocaleString(t.locale)
-              }) : t("identityLinkAccounts.noAutomaticExpiry")
-            ] }),
-            /* @__PURE__ */ jsx13("p", { children: link.permissions.join(", ") }),
-            (link.status === "active" || link.status === "pending") && /* @__PURE__ */ jsx13("button", { type: "button", disabled: busy, onClick: () => void act(link), children: t("identityLinkAccounts.revokeAccess") })
-          ] }, link.id)) }),
-          cursor && /* @__PURE__ */ jsx13("button", { type: "button", disabled: busy, onClick: () => void act(), children: t("identityLinkAccounts.loadMoreLinks") })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/connection-installed.tsx
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-function ConnectionInstalled({
-  items,
-  title: titleProp,
-  className = ""
-}) {
-  const t = useOpenGeniText();
-  const title = titleProp === void 0 ? t("connectionInstalled.connected") : titleProp;
-  if (!items.length) return null;
-  return /* @__PURE__ */ jsxs13("section", { "aria-label": title, className: `og-connection-installed ${className}`, children: [
-    /* @__PURE__ */ jsxs13("h2", { children: [
-      title,
-      " ",
-      /* @__PURE__ */ jsx14("span", { children: items.length })
-    ] }),
-    /* @__PURE__ */ jsx14("div", { children: items.map((item) => /* @__PURE__ */ jsxs13(
-      "button",
-      {
-        type: "button",
-        onClick: item.onOpen,
-        disabled: item.disabled,
-        title: item.status,
-        "aria-label": `${item.name} \xB7 ${item.status}`,
-        children: [
-          item.icon,
-          /* @__PURE__ */ jsx14("span", { children: item.name }),
-          item.showStatus ? /* @__PURE__ */ jsx14("span", { className: "og-connection-installed-status", children: item.status }) : null,
-          item.needsAttention ? /* @__PURE__ */ jsx14("span", { "aria-label": t("connectionInstalled.needsAttention"), children: "!" }) : null
-        ]
-      },
-      item.id
-    )) })
-  ] });
-}
-
-// src/connection-type-picker.tsx
-import { useId } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-function ConnectionTypePicker({
-  value,
-  onChange,
-  disabled = false
-}) {
-  const t = useOpenGeniText();
-  const name = useId();
-  return /* @__PURE__ */ jsxs14("fieldset", { className: "og-connection-type-picker", disabled, children: [
-    /* @__PURE__ */ jsx15("legend", { children: t("connectionTypePicker.connectionType") }),
-    [
-      ["mcp", t("connectionTypePicker.mcpServer")],
-      ["openapi", "OpenAPI"],
-      ["graphql", "GraphQL"]
-    ].map(([type, label]) => /* @__PURE__ */ jsxs14("label", { "data-selected": value === type, children: [
-      /* @__PURE__ */ jsx15(
-        "input",
-        {
-          type: "radio",
-          name,
-          value: type,
-          checked: value === type,
-          onChange: () => onChange(type)
-        }
-      ),
-      label
-    ] }, type))
-  ] });
-}
-
-// src/plugin-discovery.tsx
-import { useEffect as useEffect9, useRef as useRef6, useState as useState10 } from "react";
-import { BoxesIcon } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-var discoveryCache2 = createDiscoveryCache();
-var spacedName = (name) => name.replace(/-/g, " ");
-var EMPTY_INSTALLED_IDS = /* @__PURE__ */ new Set();
-function PluginDiscovery(props) {
-  const t = useOpenGeniText();
-  const [provider, setProvider] = useState10(props.defaultProvider ?? "");
-  return /* @__PURE__ */ jsxs15(
-    "section",
-    {
-      className: `og-plugin-discovery ${props.resultLimit ? "og-catalog-overview" : ""}`,
-      "aria-label": t("pluginDiscovery.discoverPlugins"),
-      children: [
-        /* @__PURE__ */ jsxs15("header", { children: [
-          /* @__PURE__ */ jsx16("h3", { children: props.resultLimit ? t("pluginDiscovery.plugins") : t("pluginDiscovery.browsePlugins") }),
-          !props.resultLimit ? /* @__PURE__ */ jsx16(
-            "div",
-            {
-              className: "og-plugin-filters",
-              role: "group",
-              "aria-label": t("pluginDiscovery.pluginRegistry"),
-              children: [
-                { value: "", label: t("pluginDiscovery.all") },
-                { value: "openai", label: t("pluginDiscovery.openaiPluginRegistry") },
-                { value: "anthropic", label: t("pluginDiscovery.anthropicPluginRegistry") }
-              ].map((option) => /* @__PURE__ */ jsx16(
-                "button",
-                {
-                  type: "button",
-                  "aria-pressed": provider === option.value,
-                  onClick: () => setProvider(option.value),
-                  children: option.label
-                },
-                option.value
-              ))
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ jsx16(
-          Results,
-          {
-            ...props,
-            provider
-          },
-          `${props.workspaceId}:${props.query}:${provider}`
-        )
-      ]
-    }
-  );
-}
-function Results({
-  client,
-  workspaceId,
-  query,
-  provider,
-  installedIds = EMPTY_INSTALLED_IDS,
-  onOpen,
-  resultLimit,
-  onShowMore,
-  formatName = spacedName,
-  renderIcon
-}) {
-  const t = useOpenGeniText();
-  const initial = discoveryCache2.peek(client, JSON.stringify([workspaceId, query, provider, 0]));
-  const [items, setItems] = useState10(initial?.items ?? []);
-  const [offset, setOffset] = useState10(0);
-  const [next, setNext] = useState10(initial?.nextOffset ?? null);
-  const [total, setTotal] = useState10(initial?.total ?? 0);
-  const [loading, setLoading] = useState10(!initial);
-  const [error, setError] = useState10(false);
-  const [retry, setRetry] = useState10(0);
-  const sentinel = useRef6(null);
-  useEffect9(() => {
-    let active = true;
-    const cacheKey = JSON.stringify([workspaceId, query, provider, offset]);
-    const cached = discoveryCache2.peek(client, cacheKey);
-    setLoading(!cached);
-    setError(false);
-    const timer = setTimeout(
-      () => {
-        void discoveryCache2.read(
-          client,
-          cacheKey,
-          () => client.discoverPlugins(workspaceId, { query, provider, offset })
-        ).then(
-          (page) => {
-            if (!active) return;
-            setItems((previous) => offset ? [...previous, ...page.items] : page.items);
-            setTotal(page.total);
-            setNext(page.nextOffset);
-            setLoading(false);
-          },
-          () => {
-            if (active) {
-              setError(true);
-              setLoading(false);
-            }
-          }
-        );
-      },
-      cached || offset ? 0 : 200
-    );
-    return () => {
-      active = false;
-      clearTimeout(timer);
-    };
-  }, [client, workspaceId, query, provider, offset, retry]);
-  useEffect9(() => {
-    if (resultLimit || loading || error || next === null || !sentinel.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (entries.some((entry) => entry.isIntersecting)) setOffset(next);
-      },
-      { rootMargin: "200px" }
-    );
-    observer.observe(sentinel.current);
-    return () => observer.disconnect();
-  }, [loading, error, next, resultLimit]);
-  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
-    !loading && !error ? /* @__PURE__ */ jsx16("p", { role: "status", children: total ? t("pluginDiscovery.bundlesOfSkillsAndConnections") : query.trim() ? t("pluginDiscovery.noMatchesForTrim", { trim: query.trim() }) : t("pluginDiscovery.noPluginsInThisRegistry") }) : null,
-    /* @__PURE__ */ jsx16("div", { className: "og-plugin-discovery-grid", children: items.slice(0, resultLimit).map((item) => /* @__PURE__ */ jsx16(
-      CapabilityCatalogRow,
-      {
-        "data-plugin-id": item.id,
-        name: formatName(item.displayName),
-        description: item.description,
-        status: installedIds.has(item.id) ? "added" : "available",
-        statusLabel: installedIds.has(item.id) ? t("pluginDiscovery.installed") : t("pluginDiscovery.availableToInstall"),
-        onOpen: () => onOpen(item),
-        icon: renderIcon ? renderIcon(item) : /* @__PURE__ */ jsx16(
-          ConnectionLogo,
-          {
-            src: item.logoUrl,
-            name: item.displayName,
-            fallback: /* @__PURE__ */ jsx16(BoxesIcon, { "aria-hidden": "true" })
-          }
-        )
-      },
-      item.id
-    )) }),
-    loading ? /* @__PURE__ */ jsx16("p", { role: "status", children: t("pluginDiscovery.loadingPlugins") }) : null,
-    error ? /* @__PURE__ */ jsxs15("p", { role: "alert", children: [
-      t("pluginDiscovery.couldnTLoadPlugins"),
-      " ",
-      /* @__PURE__ */ jsx16("button", { type: "button", onClick: () => setRetry((value) => value + 1), children: t("pluginDiscovery.retry") })
-    ] }) : null,
-    resultLimit && !loading && !error && total > resultLimit ? /* @__PURE__ */ jsx16("button", { className: "og-catalog-more", type: "button", onClick: onShowMore, children: t("pluginDiscovery.viewAllPlugins") }) : null,
-    /* @__PURE__ */ jsx16("div", { ref: sentinel, children: !resultLimit && next !== null && !loading && !error ? /* @__PURE__ */ jsx16("button", { className: "og-plugin-more", type: "button", onClick: () => setOffset(next), children: t("pluginDiscovery.showMorePlugins") }) : null })
-  ] });
-}
-
-export {
-  CapabilityCatalogIndicator,
-  CapabilityCatalogRow,
-  SkillDiscovery,
-  ConnectionOptionRow,
-  ConnectionServiceRow,
-  ConnectionCatalog,
-  ConnectChooser,
-  capabilityLogoFallback,
-  ConnectAccounts,
-  ConnectionDiscovery,
-  ConnectPanel,
-  DeviceAuthorization,
-  IdentityLinkConsent,
-  IdentityLinkAccounts,
-  ConnectionInstalled,
-  ConnectionTypePicker,
-  PluginDiscovery
-};
-//# sourceMappingURL=chunk-BKP43KK4.js.map