@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-ZTPXACWB.js

@@ -0,0 +1,1788 @@
+"use client";
+import {
+  ConnectionLogo
+} from "./chunk-KCBMFSMS.js";
+import {
+  ConnectSetup,
+  accountServiceCapability,
+  capabilityConnectProviderId,
+  connectionServicePresentation,
+  gmail_default,
+  isServiceConnectProvider
+} from "./chunk-KODELWYT.js";
+import {
+  McpConnectionCard
+} from "./chunk-N6AACDUW.js";
+import {
+  mcpConnectionDiscoveryState,
+  useConnect
+} from "./chunk-IMDQUHBJ.js";
+import {
+  useNobodyToShareWith
+} from "./chunk-RNC6B4BN.js";
+import {
+  copyTextToClipboard
+} from "./chunk-PEHTX3V7.js";
+import {
+  useOpenGeniText
+} from "./chunk-7T2ZE3VT.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-ZTPXACWB.js.map