@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-W5MPXR3A.js

@@ -1,981 +0,0 @@
-"use client";
-import {
-  capabilityPresentation,
-  presentationPermissions
-} from "./chunk-Y6TTMPZC.js";
-import {
-  ExcelAddinSetupSteps
-} from "./chunk-ZOP5KSNN.js";
-import {
-  McpAuthDiscoveryNotice
-} from "./chunk-PIA6AWYO.js";
-import {
-  OwnershipSelector
-} from "./chunk-YK7756IF.js";
-import {
-  CapabilityDialogContent
-} from "./chunk-P77WNZDY.js";
-import {
-  ConnectorToolPermissions,
-  hasConnectorToolPermissionTarget
-} from "./chunk-TNYFHKVV.js";
-import {
-  OnePasswordCatalogLink
-} from "./chunk-PQI3OK6L.js";
-import {
-  focusCapabilitySuccessor
-} from "./chunk-MKG5VTIJ.js";
-import {
-  CapabilityLogo
-} from "./chunk-QWL4L366.js";
-import {
-  GENERIC_API_KEY_FIELD,
-  capabilityCategoryLabel,
-  capabilityConnectPlan,
-  capabilityItemKindLabel,
-  capabilityReconnectPlan,
-  capabilitySourceLabel,
-  curatedSkillProvenance,
-  defaultCapabilityConnectionOwnership,
-  socialConnectionsForOwnership
-} from "./chunk-XOSQP3YA.js";
-import {
-  analyticsAction
-} from "./chunk-PZL3WLAV.js";
-import {
-  Label
-} from "./chunk-YFHRNLOT.js";
-import {
-  cn
-} from "./chunk-A3MTTRCX.js";
-import {
-  Input
-} from "./chunk-VPM3TXFC.js";
-import {
-  MetaChip
-} from "./chunk-SS3N75VI.js";
-import {
-  Dialog,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle
-} from "./chunk-ZQCND77P.js";
-import {
-  Notice
-} from "./chunk-WLEDGIVS.js";
-import {
-  Button
-} from "./chunk-7QQN3KNP.js";
-
-// src/app/components/capabilities/capability-detail-sheet.tsx
-import {
-  ExternalLinkIcon,
-  Loader2Icon,
-  PlugIcon,
-  RefreshCwIcon,
-  SparklesIcon,
-  TrashIcon
-} from "lucide-react";
-import {
-  useEffect,
-  useId,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CapabilityDetailSheet({
-  workspaceId,
-  item,
-  health,
-  logoSrc,
-  open,
-  onOpenChange,
-  restoreFocusRef,
-  restoreFocusFallbackRef,
-  busy,
-  errorMessage,
-  socialConnections,
-  canManageSocial = false,
-  canManageSkills = false,
-  onAction
-}) {
-  const localRestoreFocusRef = useRef(null);
-  const focusRef = restoreFocusRef ?? localRestoreFocusRef;
-  const focusTargetIdRef = useRef(null);
-  useLayoutEffect(() => {
-    if (item) focusTargetIdRef.current = item.id;
-  }, [item]);
-  useLayoutEffect(() => {
-    if (!open) return;
-    if (focusRef.current) return;
-    const active = document.activeElement;
-    if (active instanceof HTMLElement && active !== document.body) {
-      focusRef.current = active;
-    }
-  }, [focusRef, open]);
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx(
-    CapabilityDialogContent,
-    {
-      onCloseAutoFocus: (event) => {
-        const opener = focusRef.current;
-        focusRef.current = null;
-        if (opener?.isConnected) {
-          event.preventDefault();
-          opener.focus();
-          return;
-        }
-        const restore = () => focusCapabilitySuccessor(
-          focusTargetIdRef.current,
-          restoreFocusFallbackRef?.current ?? null
-        );
-        event.preventDefault();
-        if (!restore()) {
-          if (typeof window.requestAnimationFrame === "function") {
-            window.requestAnimationFrame(restore);
-          } else {
-            window.setTimeout(restore, 0);
-          }
-        }
-      },
-      children: item ? /* @__PURE__ */ jsx(
-        DetailBody,
-        {
-          workspaceId,
-          item,
-          health,
-          logoSrc,
-          busy,
-          errorMessage,
-          socialConnections,
-          canManageSocial,
-          canManageSkills,
-          onAction
-        }
-      ) : null
-    }
-  ) });
-}
-function DetailBody({
-  workspaceId,
-  item,
-  inline = false,
-  setupOnly = inline,
-  showIdentity = true,
-  onCancel,
-  health,
-  logoSrc,
-  busy,
-  errorMessage,
-  socialConnections,
-  canManageSocial,
-  canManageSkills = false,
-  onAction,
-  onRetryAuthInspection,
-  nobodyToShareWith = false
-}) {
-  const plan = useMemo(() => capabilityConnectPlan(item), [item]);
-  const defaultOwnership = nobodyToShareWith ? "personal" : defaultCapabilityConnectionOwnership(item);
-  const [reconnecting, setReconnecting] = useState(false);
-  useEffect(() => setReconnecting(false), [item.id]);
-  const [connectionOwnership, setConnectionOwnership] = useState(defaultOwnership);
-  useEffect(() => setConnectionOwnership(defaultOwnership), [item.id, defaultOwnership]);
-  const canDisconnect = !setupOnly && item.enabled && item.kind === "mcp" && item.actions.includes("disconnect");
-  const keyPageUrl = item.installUrl ?? item.homepageUrl;
-  const reconnect = capabilityReconnectPlan(item, health);
-  const reconnectFields = plan.mode === "api_key" && plan.fields.length > 0 ? plan.fields : [GENERIC_API_KEY_FIELD];
-  const SkillHeading = inline ? "h4" : "h3";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex min-h-0 flex-col", inline ? "session-capability-card__form" : "flex-1"),
-      children: [
-        !showIdentity ? null : inline ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
-            CapabilityLogo,
-            {
-              src: logoSrc,
-              name: item.name,
-              className: "session-capability-identity-logo"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-fg", children: item.name }),
-            item.providerDomain ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-fg-subtle", children: item.providerDomain }) : null
-          ] }),
-          /* @__PURE__ */ jsx(MetaChip, { children: capabilityItemKindLabel(item) })
-        ] }) : /* @__PURE__ */ jsx(DialogHeader, { className: "gap-3 border-b border-border p-6 pr-12 text-left sm:p-8 sm:pr-14", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
-            CapabilityLogo,
-            {
-              src: logoSrc,
-              name: item.name,
-              size: "lg",
-              fallback: item.kind === "skill" ? /* @__PURE__ */ jsx(SparklesIcon, { className: "size-5" }) : void 0
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl font-semibold tracking-tight", children: item.name }),
-            /* @__PURE__ */ jsxs(DialogDescription, { className: "mt-0.5 text-xs text-fg-subtle", children: [
-              capabilityItemKindLabel(item),
-              capabilityCategoryLabel(item.category) ? ` \xB7 ${capabilityCategoryLabel(item.category)}` : ""
-            ] })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "min-h-0 flex-1",
-              inline ? "space-y-3 text-xs" : "space-y-6 overflow-y-auto p-6 sm:p-8",
-              inline && showIdentity && "mt-3",
-              !showIdentity && !inline && "p-0 sm:p-0"
-            ),
-            children: [
-              item.stale ? /* @__PURE__ */ jsx(Notice, { tone: "muted", children: "No longer listed in the public registry. Existing installations keep working." }) : null,
-              item.description && (!inline || showIdentity) && !(setupOnly && item.kind === "skill") ? /* @__PURE__ */ jsx("p", { className: "text-sm leading-6 text-fg-muted", children: item.description }) : null,
-              !inline && item.tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: item.tags.slice(0, 10).map((tag) => /* @__PURE__ */ jsx(MetaChip, { children: tag }, tag)) }) : null,
-              !inline ? /* @__PURE__ */ jsxs("dl", { className: "grid gap-2.5 text-xs", children: [
-                /* @__PURE__ */ jsx(MetaRow, { label: "Source", children: capabilitySourceLabel(item.source) }),
-                item.homepageUrl ? /* @__PURE__ */ jsx(MetaRow, { label: "Homepage", children: /* @__PURE__ */ jsx(ExternalMetaLink, { href: item.homepageUrl }) }) : null,
-                item.installUrl && item.installUrl !== item.homepageUrl ? /* @__PURE__ */ jsx(MetaRow, { label: "Setup", children: /* @__PURE__ */ jsx(ExternalMetaLink, { href: item.installUrl }) }) : null,
-                item.endpointUrl ? /* @__PURE__ */ jsx(MetaRow, { label: "Endpoint", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-mono text-fg-muted", children: item.endpointUrl }) }) : null
-              ] }) : null,
-              setupOnly && item.kind === "skill" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border pt-3", children: [
-                /* @__PURE__ */ jsx(SkillHeading, { className: "text-xs font-medium text-fg", children: "What this skill adds" }),
-                /* @__PURE__ */ jsx("p", { className: "session-capability-card__lede text-fg-muted", children: item.description || "Review this skill's source and version before installing." }),
-                curatedSkillProvenance(item) ? /* @__PURE__ */ jsxs("details", { className: "session-capability-card__fine text-fg-subtle", children: [
-                  /* @__PURE__ */ jsx("summary", { className: "cursor-pointer rounded-sm focus-visible:outline-2 focus-visible:outline-ring", children: "Review source and version" }),
-                  /* @__PURE__ */ jsx("div", { className: "pt-3", children: /* @__PURE__ */ jsx(CuratedSkillProvenanceSection, { item }) })
-                ] }) : null
-              ] }) : /* @__PURE__ */ jsx(CuratedSkillProvenanceSection, { item }),
-              workspaceId && !setupOnly && hasConnectorToolPermissionTarget(item, health) ? /* @__PURE__ */ jsx(
-                ConnectorToolPermissions,
-                {
-                  workspaceId,
-                  capabilityId: item.id
-                },
-                `${workspaceId}:${item.id}`
-              ) : null,
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: cn(
-                    "space-y-3",
-                    inline ? "[&>button]:ml-auto [&>button]:flex [&>button]:w-auto [&>div>button]:ml-auto [&>div>button]:flex [&>div>button]:w-auto" : "border-t border-border pt-5"
-                  ),
-                  children: [
-                    errorMessage ? /* @__PURE__ */ jsx(Notice, { tone: "failed", children: errorMessage }) : null,
-                    item.surfaceType === "codex_apps" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(Notice, { tone: item.runtime.available ? "success" : "waiting", children: item.runtime.available ? "Available through the active workspace Apps designation." : "Unavailable. An active Codex Apps credential must be designated in Workspace Settings before it can be selected." }),
-                      /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: item.runtime.available ? "Select Codex Apps from a session's Tools picker, or leave the policy at the workspace default." : "This surface cannot be enabled from the capability catalog; its authorization is managed by the workspace Codex subscription." })
-                    ] }) : item.surfaceType === "first_party_excel_addin" ? /* @__PURE__ */ jsx(ExcelAddinSetupSteps, { item, preserveChat: setupOnly }) : item.surfaceType === "first_party_onepassword" && workspaceId ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsxs("p", { className: "text-sm text-fg-muted", children: [
-                        setupOnly ? "Opens Secrets in a new tab. " : "",
-                        "Connect a service account and choose which vaults agents can use."
-                      ] }),
-                      /* @__PURE__ */ jsx(
-                        OnePasswordCatalogLink,
-                        {
-                          workspaceId,
-                          connected: item.enabled,
-                          preserveChat: setupOnly
-                        }
-                      )
-                    ] }) : item.kind === "skill" ? /* @__PURE__ */ jsx(
-                      SkillControls,
-                      {
-                        item,
-                        busy,
-                        canManage: canManageSkills,
-                        setupOnly,
-                        onCancel,
-                        onAction
-                      }
-                    ) : plan.mode === "social_oauth" ? /* @__PURE__ */ jsx(
-                      SocialConnectorControls,
-                      {
-                        item,
-                        provider: plan.provider,
-                        connections: socialConnections ?? [],
-                        ownership: connectionOwnership,
-                        onOwnershipChange: setConnectionOwnership,
-                        askOwnership: !nobodyToShareWith,
-                        busy,
-                        canManage: canManageSocial,
-                        setupOnly,
-                        onAction
-                      }
-                    ) : plan.mode === "fiken_api_token" ? /* @__PURE__ */ jsx(
-                      FikenConnectorControls,
-                      {
-                        item,
-                        health,
-                        keyPageUrl,
-                        busy,
-                        setupOnly,
-                        onAction
-                      }
-                    ) : item.enabled ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(ConnectionStatus, { item, health }),
-                      reconnect ? reconnect.kind === "oauth" ? /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          type: "button",
-                          className: "w-full",
-                          disabled: busy,
-                          onClick: () => onAction({
-                            type: "reconnect_oauth",
-                            item,
-                            connectionId: reconnect.connectionId,
-                            ownership: reconnect.ownership
-                          }),
-                          children: [
-                            busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(RefreshCwIcon, {}),
-                            "Reconnect ",
-                            item.name
-                          ]
-                        }
-                      ) : reconnecting ? /* @__PURE__ */ jsx(
-                        CredentialForm,
-                        {
-                          compact: inline,
-                          onCancel,
-                          fields: reconnectFields,
-                          itemName: item.name,
-                          keyPageUrl,
-                          submitLabel: "Reconnect",
-                          submitIcon: /* @__PURE__ */ jsx(RefreshCwIcon, {}),
-                          busy,
-                          onSubmit: (next) => onAction({
-                            type: "reconnect_api_key",
-                            item,
-                            connectionId: reconnect.connectionId,
-                            ownership: reconnect.ownership,
-                            headers: next
-                          })
-                        }
-                      ) : /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          type: "button",
-                          className: "w-full",
-                          disabled: busy,
-                          onClick: () => setReconnecting(true),
-                          children: [
-                            /* @__PURE__ */ jsx(RefreshCwIcon, {}),
-                            "Reconnect ",
-                            item.name
-                          ]
-                        }
-                      ) : null,
-                      canDisconnect ? /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          type: "button",
-                          variant: "outline",
-                          className: "w-full text-status-failed hover:bg-status-failed/10 hover:text-status-failed pointer-coarse:min-h-11",
-                          disabled: busy,
-                          onClick: () => onAction({ type: "disconnect", item }),
-                          children: [
-                            busy && !reconnect ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(TrashIcon, {}),
-                            "Disconnect"
-                          ]
-                        }
-                      ) : !setupOnly ? /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Manage this capability from its dedicated controls." }) : null
-                    ] }) : plan.mode === "api_key" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(
-                        ConnectorConsentCopy,
-                        {
-                          presentation: capabilityPresentation(item.metadata),
-                          requestedScopes: []
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "You\u2019ll use credentials for your own provider account or service account." }),
-                      nobodyToShareWith ? null : /* @__PURE__ */ jsx(
-                        OwnershipSelector,
-                        {
-                          compact: inline,
-                          credentialBased: true,
-                          value: connectionOwnership,
-                          onChange: setConnectionOwnership
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        CredentialForm,
-                        {
-                          compact: inline,
-                          onCancel,
-                          analytics: "connect_integration",
-                          fields: plan.fields,
-                          itemName: item.name,
-                          keyPageUrl,
-                          submitLabel: inline ? "Verify & connect" : nobodyToShareWith ? "Connect" : connectionOwnership === "workspace" ? "Connect for workspace" : "Connect only for me",
-                          submitIcon: /* @__PURE__ */ jsx(PlugIcon, {}),
-                          busy,
-                          onSubmit: (next) => onAction({
-                            type: "api_key",
-                            item,
-                            ownership: connectionOwnership,
-                            headers: next
-                          })
-                        }
-                      )
-                    ] }) : plan.mode === "oauth" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-                      /* @__PURE__ */ jsx(
-                        ConnectorConsentCopy,
-                        {
-                          presentation: capabilityPresentation(item.metadata),
-                          requestedScopes: plan.requestedScopes
-                        }
-                      ),
-                      /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "You\u2019ll sign in with your own account." }),
-                      nobodyToShareWith ? null : /* @__PURE__ */ jsx(
-                        OwnershipSelector,
-                        {
-                          compact: inline,
-                          value: connectionOwnership,
-                          onChange: setConnectionOwnership
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(ConnectionActions, { onCancel, busy, children: /* @__PURE__ */ jsxs(
-                        Button,
-                        {
-                          type: "button",
-                          className: "w-full",
-                          disabled: busy,
-                          onClick: () => onAction({
-                            type: "oauth",
-                            item,
-                            ownership: connectionOwnership
-                          }),
-                          ...analyticsAction("connect_integration"),
-                          children: [
-                            busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : !inline ? /* @__PURE__ */ jsx(PlugIcon, {}) : null,
-                            inline ? "Continue authorization" : nobodyToShareWith ? "Connect" : connectionOwnership === "workspace" ? "Connect for workspace" : "Connect only for me"
-                          ]
-                        }
-                      ) })
-                    ] }) : plan.mode === "setup_required" ? /* @__PURE__ */ jsx(
-                      McpAuthDiscoveryNotice,
-                      {
-                        checking: item.metadata.authDiscovery === "checking",
-                        message: typeof item.metadata.authDiscoveryMessage === "string" ? item.metadata.authDiscoveryMessage : void 0,
-                        onRetry: onRetryAuthInspection
-                      }
-                    ) : item.kind === "mcp" ? /* @__PURE__ */ jsx(ConnectionActions, { onCancel, busy, children: /* @__PURE__ */ jsxs(
-                      Button,
-                      {
-                        type: "button",
-                        className: "w-full",
-                        disabled: busy || item.kind === "mcp" && !item.runtime.available,
-                        title: item.kind === "mcp" && !item.runtime.available ? item.runtime.notes ?? void 0 : void 0,
-                        onClick: () => onAction({ type: "enable", item }),
-                        ...analyticsAction("connect_integration"),
-                        children: [
-                          busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(PlugIcon, {}),
-                          "Add to workspace"
-                        ]
-                      }
-                    ) }) : /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Install or connect this capability from its dedicated controls." })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function SkillControls({
-  item,
-  busy,
-  canManage,
-  onAction,
-  onCancel,
-  setupOnly = false
-}) {
-  const updateAvailable = item.metadata.updateAvailable === true;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    setupOnly && !item.enabled ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "session-capability-card__fine font-medium text-fg", children: "Install for" }),
-      /* @__PURE__ */ jsx("p", { className: "session-capability-card__install border border-border bg-surface-2 text-fg", children: "Workspace" }),
-      /* @__PURE__ */ jsx("p", { className: "session-capability-card__fine text-fg-subtle", children: "Available to everyone on the team in this workspace." }),
-      /* @__PURE__ */ jsx("p", { className: "session-capability-card__fine text-fg-subtle", children: "This library skill can currently be installed for the workspace only." })
-    ] }) : null,
-    item.enabled ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-status-idle", children: [
-      /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-status-idle" }),
-      updateAvailable ? "Installed \xB7 update available" : "Installed"
-    ] }) : null,
-    !item.enabled || updateAvailable ? /* @__PURE__ */ jsx(ConnectionActions, { onCancel, busy, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        className: "w-full",
-        disabled: busy || !canManage || !item.runtime.available,
-        onClick: () => onAction({ type: "install_skill", item }),
-        ...analyticsAction(item.enabled ? null : "install_skill"),
-        children: [
-          busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : !setupOnly ? /* @__PURE__ */ jsx(SparklesIcon, {}) : null,
-          busy && setupOnly ? "Installing\u2026" : item.enabled ? "Update Skill" : setupOnly ? "Install & use" : "Install Skill"
-        ]
-      }
-    ) }) : null,
-    item.enabled && !setupOnly ? /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        className: "w-full text-status-failed hover:bg-status-failed/10 hover:text-status-failed pointer-coarse:min-h-11",
-        disabled: busy || !canManage,
-        onClick: () => onAction({ type: "remove_skill", item }),
-        children: [
-          busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(TrashIcon, {}),
-          "Remove Skill"
-        ]
-      }
-    ) : null,
-    !canManage ? /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-muted", children: "Workspace administrator permission is required to install, update, or remove Skills." }) : null,
-    /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Skills add reviewed instructions only. They never grant credentials or connect provider accounts." })
-  ] });
-}
-function ConnectorConsentCopy({
-  presentation,
-  requestedScopes
-}) {
-  if (!presentation) return null;
-  const permissions = presentationPermissions(requestedScopes, presentation);
-  const uniqueKeys = (contents) => {
-    const seen = /* @__PURE__ */ new Map();
-    return contents.map((content) => {
-      const occurrence = seen.get(content) ?? 0;
-      seen.set(content, occurrence + 1);
-      return occurrence === 0 ? content : `${content}#${occurrence}`;
-    });
-  };
-  const capabilityKeys = uniqueKeys(
-    (presentation.capabilities ?? []).map((entry) => `${entry.title}:${entry.description}`)
-  );
-  const permissionKeys = uniqueKeys(
-    permissions.map((entry) => `${entry.label}:${entry.description}`)
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border bg-surface p-3 text-left", children: [
-    presentation.introduction ? /* @__PURE__ */ jsx("p", { className: "text-sm text-fg", children: presentation.introduction }) : null,
-    presentation.capabilities?.length ? /* @__PURE__ */ jsx("ul", { className: "space-y-1.5", children: presentation.capabilities.map((capability, index) => /* @__PURE__ */ jsxs("li", { className: "text-xs", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-fg", children: capability.title }),
-      " ",
-      /* @__PURE__ */ jsx("span", { className: "text-fg-muted", children: capability.description })
-    ] }, capabilityKeys[index])) }) : null,
-    permissions.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: permissions.map((permission, index) => /* @__PURE__ */ jsxs("li", { className: "text-xs", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium text-fg", children: permission.label }),
-      " ",
-      /* @__PURE__ */ jsx("span", { className: "text-fg-muted", children: permission.description })
-    ] }, permissionKeys[index])) }) : null,
-    presentation.permissionSummary ? /* @__PURE__ */ jsx("p", { className: "text-xs text-fg-subtle", children: presentation.permissionSummary }) : null
-  ] });
-}
-function SocialConnectorControls({
-  item,
-  provider,
-  connections,
-  ownership,
-  onOwnershipChange,
-  askOwnership = true,
-  busy,
-  canManage,
-  onAction,
-  setupOnly = false
-}) {
-  const visibleConnections = socialConnectionsForOwnership(
-    connections.filter((candidate) => candidate.provider === provider),
-    ownership
-  );
-  const connected = visibleConnections.filter((connection) => connection.status === "connected");
-  const needsReauth = visibleConnections.filter(
-    (connection) => connection.status === "needs_reauth"
-  );
-  const hasUsableAccount = connected.length + needsReauth.length > 0;
-  const canConnect = ownership === "personal" || canManage;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-fg-muted", children: "You\u2019ll sign in with your own account." }),
-    askOwnership ? /* @__PURE__ */ jsx(OwnershipSelector, { compact: setupOnly, value: ownership, onChange: onOwnershipChange }) : null,
-    visibleConnections.length > 0 ? /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border", role: "list", children: visibleConnections.map((connection) => /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex min-h-14 items-center gap-3 px-3 py-2.5",
-        role: "listitem",
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "size-2 shrink-0 rounded-full",
-                connection.status === "connected" ? "bg-status-idle" : connection.status === "needs_reauth" ? "bg-status-waiting" : "bg-status-cancelled"
-              ),
-              "aria-hidden": true
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "truncate text-xs font-medium text-fg", children: connection.accountName || `@${connection.accountHandle}` }),
-            /* @__PURE__ */ jsxs("p", { className: "truncate text-2xs text-fg-subtle", children: [
-              "@",
-              connection.accountHandle,
-              " \xB7 ",
-              socialConnectionStatusLabel(connection.status)
-            ] })
-          ] }),
-          !setupOnly && connection.status !== "disabled" ? /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              className: "shrink-0 text-status-failed hover:bg-status-failed/10 hover:text-status-failed pointer-coarse:min-h-11",
-              disabled: busy || !canConnect,
-              "aria-label": `Disconnect @${connection.accountHandle}`,
-              onClick: () => onAction({
-                type: "disconnect_social",
-                item,
-                connectionId: connection.id
-              }),
-              children: [
-                /* @__PURE__ */ jsx(TrashIcon, {}),
-                "Disconnect"
-              ]
-            }
-          ) : null
-        ]
-      },
-      connection.id
-    )) }) : null,
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        className: "w-full",
-        disabled: busy || !canConnect,
-        onClick: () => onAction({ type: "social_oauth", item, provider, ownership }),
-        children: [
-          busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(PlugIcon, {}),
-          needsReauth.length > 0 ? `Reconnect or add ${item.name} account` : hasUsableAccount ? `Add another ${item.name} account` : !askOwnership ? `Connect ${item.name}` : ownership === "workspace" ? `Connect ${item.name} for workspace` : `Connect ${item.name} only for me`
-        ]
-      }
-    ),
-    ownership === "workspace" && !canManage ? /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Workspace admin permission is required to manage this connection." }) : null
-  ] });
-}
-var FIKEN_TOKEN_FIELD = { name: "apiToken", label: "Personal API token" };
-function FikenConnectorControls({
-  item,
-  health,
-  keyPageUrl,
-  busy,
-  onAction,
-  setupOnly = false,
-  oauthAvailable = true,
-  tokenAvailable = true
-}) {
-  const [replacing, setReplacing] = useState(false);
-  const [usingToken, setUsingToken] = useState(false);
-  useEffect(() => {
-    setReplacing(false);
-    setUsingToken(false);
-  }, [item.id]);
-  const connection = health.state === "connected" || health.state === "attention" ? health.connection : null;
-  const tokenForm = (submitLabel, submitIcon) => /* @__PURE__ */ jsx(
-    CredentialForm,
-    {
-      compact: setupOnly,
-      fields: [FIKEN_TOKEN_FIELD],
-      itemName: item.name,
-      keyPageUrl,
-      submitLabel,
-      submitIcon,
-      busy,
-      onSubmit: (next) => onAction({
-        type: "fiken_api_token",
-        item,
-        apiToken: next[FIKEN_TOKEN_FIELD.name] ?? "",
-        connectionId: connection?.id ?? null
-      })
-    }
-  );
-  const oauthButton = (label, icon) => /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      className: "w-full",
-      disabled: busy,
-      onClick: () => onAction({
-        type: "fiken_oauth",
-        item,
-        connectionId: connection?.id ?? null
-      }),
-      children: [
-        busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : icon,
-        label
-      ]
-    }
-  );
-  const tokenFallbackToggle = /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: "mx-auto block text-xs font-medium og-link",
-      onClick: () => setUsingToken(true),
-      children: "Use an API token instead"
-    }
-  );
-  if (health.state === "connected" && connection) {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx(ConnectionStatus, { item, health }),
-      replacing ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        oauthButton("Re-authorize with Fiken", /* @__PURE__ */ jsx(RefreshCwIcon, {})),
-        tokenForm("Replace API token", /* @__PURE__ */ jsx(RefreshCwIcon, {}))
-      ] }) : /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          className: "w-full",
-          disabled: busy,
-          onClick: () => setReplacing(true),
-          children: [
-            /* @__PURE__ */ jsx(RefreshCwIcon, {}),
-            "Replace credential"
-          ]
-        }
-      ),
-      !setupOnly ? /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          className: "w-full text-status-failed hover:bg-status-failed/10 hover:text-status-failed pointer-coarse:min-h-11",
-          disabled: busy,
-          onClick: () => onAction({
-            type: "fiken_disconnect",
-            item,
-            connectionId: connection.id
-          }),
-          children: [
-            busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : /* @__PURE__ */ jsx(TrashIcon, {}),
-            "Disconnect"
-          ]
-        }
-      ) : null,
-      /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Credentials are stored encrypted and used only for this workspace's Fiken tools." })
-    ] });
-  }
-  if (health.state === "attention") {
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx(ConnectionStatus, { item, health }),
-      oauthButton(`Reconnect ${item.name}`, /* @__PURE__ */ jsx(RefreshCwIcon, {})),
-      usingToken ? tokenForm("Reconnect with API token", /* @__PURE__ */ jsx(RefreshCwIcon, {})) : tokenFallbackToggle
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    oauthAvailable ? oauthButton("Connect Fiken", /* @__PURE__ */ jsx(PlugIcon, {})) : null,
-    /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Uses your Fiken account. Agents and automations in this workspace can use it." }),
-    tokenAvailable && (usingToken || !oauthAvailable) ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      tokenForm("Connect for workspace", /* @__PURE__ */ jsx(PlugIcon, {})),
-      /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-fg-subtle", children: "Create a personal API token in Fiken under Rediger konto \u2192 API. Fiken's terms allow personal tokens only for integrating your own company." })
-    ] }) : tokenAvailable ? tokenFallbackToggle : null
-  ] });
-}
-function socialConnectionStatusLabel(status) {
-  if (status === "connected") return "Connected";
-  if (status === "needs_reauth") return "Needs reconnection";
-  return "Disconnected";
-}
-function CuratedSkillProvenanceSection({ item }) {
-  const metadata = curatedSkillProvenance(item);
-  if (!metadata) return null;
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      "aria-labelledby": "curated-skill-provenance-heading",
-      className: "space-y-2.5 border-t border-border pt-5",
-      children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { id: "curated-skill-provenance-heading", className: "text-sm font-medium text-fg", children: "Curated skill provenance" }),
-          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-5 text-fg-subtle", children: "Immutable reviewed metadata for the exact artifact selected by this workspace." })
-        ] }),
-        /* @__PURE__ */ jsxs("dl", { className: "grid gap-2.5 text-xs", children: [
-          /* @__PURE__ */ jsx(MetaRow, { label: "Status", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-fg", children: metadata.status === "enabled" ? "Enabled" : "Not enabled" }) }),
-          /* @__PURE__ */ jsx(MetaRow, { label: "Effective selection", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-right", children: humanizeSelection(metadata.effectiveSelection) }) }),
-          /* @__PURE__ */ jsx(MetaRow, { label: "Version (immutable)", children: /* @__PURE__ */ jsx("span", { className: "font-mono text-fg-muted", children: metadata.version ?? "Unavailable" }) }),
-          /* @__PURE__ */ jsx(MetaRow, { label: "Artifact SHA-256", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all font-mono text-fg-muted", children: metadata.contentSha256 ?? "Unavailable" }) }),
-          /* @__PURE__ */ jsx(MetaRow, { label: "Source version", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all font-mono text-fg-muted", children: metadata.sourceCommit ?? "Unavailable" }) }),
-          /* @__PURE__ */ jsx(MetaRow, { label: "Provenance", children: /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words text-right text-fg-muted", children: metadata.provenance ?? "Unavailable" }) }),
-          metadata.sourceUrl ? /* @__PURE__ */ jsx(MetaRow, { label: "Source", children: /* @__PURE__ */ jsx(ExternalMetaLink, { href: metadata.sourceUrl }) }) : null,
-          metadata.documentationUrl ? /* @__PURE__ */ jsx(MetaRow, { label: "Documentation", children: /* @__PURE__ */ jsx(ExternalMetaLink, { href: metadata.documentationUrl }) }) : null,
-          metadata.license ? /* @__PURE__ */ jsx(MetaRow, { label: "License", children: metadata.license }) : null
-        ] })
-      ]
-    }
-  );
-}
-function humanizeSelection(value) {
-  const normalized = value.replaceAll("_", " ").trim();
-  return normalized ? normalized.charAt(0).toUpperCase() + normalized.slice(1) : "Unknown";
-}
-function CredentialForm({
-  fields,
-  itemName,
-  keyPageUrl,
-  submitLabel,
-  submitIcon,
-  busy,
-  onSubmit,
-  onCancel,
-  compact = false,
-  analytics
-}) {
-  const inputId = useId();
-  const [headers, setHeaders] = useState({});
-  const ready = fields.every((field) => headers[field.name]?.trim());
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      className: "space-y-3",
-      onSubmit: (event) => {
-        event.preventDefault();
-        if (ready && !busy) onSubmit(headers);
-      },
-      children: [
-        fields.map((field) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: `${inputId}-cred-${field.name}`, className: "text-xs text-fg-muted", children: field.label }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: `${inputId}-cred-${field.name}`,
-              type: "password",
-              autoComplete: "off",
-              value: headers[field.name] ?? "",
-              onChange: (event) => setHeaders((current) => ({
-                ...current,
-                [field.name]: event.target.value
-              })),
-              placeholder: `Paste your ${field.label}`
-            }
-          )
-        ] }, field.name)),
-        keyPageUrl ? /* @__PURE__ */ jsxs(
-          "a",
-          {
-            href: keyPageUrl,
-            target: "_blank",
-            rel: "noreferrer noopener",
-            className: "inline-flex items-center gap-1 text-xs font-medium og-link",
-            children: [
-              compact ? `Where do I find my ${fields[0]?.label ?? "credentials"}?` : `Get your ${fields[0]?.label ?? "credentials"}`,
-              /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3" })
-            ]
-          }
-        ) : !compact ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-fg-subtle", children: [
-          "Stored encrypted and used only to reach ",
-          itemName,
-          "."
-        ] }) : null,
-        compact ? /* @__PURE__ */ jsx("p", { className: "session-capability-card__fine text-fg-subtle", children: "Your credential is stored encrypted, never in the conversation." }) : null,
-        /* @__PURE__ */ jsx(ConnectionActions, { onCancel, busy, children: /* @__PURE__ */ jsxs(
-          Button,
-          {
-            type: "submit",
-            className: "w-full",
-            disabled: busy || !ready,
-            ...analyticsAction(analytics),
-            children: [
-              busy ? /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin" }) : compact ? null : submitIcon,
-              busy && compact ? "Connecting\u2026" : submitLabel
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-function ConnectionStatus({
-  item,
-  health
-}) {
-  if (health.state === "none" || health.state === "unverified") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-status-idle", children: [
-      /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-status-idle" }),
-      "Enabled"
-    ] });
-  }
-  const attention = health.state === "attention";
-  const personal = item.connectionRef?.subjectScope === "subject" || (health.connection ? health.connection.subjectId !== null : false);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "flex items-center gap-2 text-sm",
-          attention ? "text-status-waiting" : "text-status-idle"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn("size-2 rounded-full", attention ? "bg-status-waiting" : "bg-status-idle")
-            }
-          ),
-          attention ? "Needs attention" : "Connected"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("p", { className: "text-xs text-fg-subtle", children: attention ? `${personal ? "Personal" : "Workspace"} connection needs to be reconnected.` : personal ? `Personal connection to ${health.connection.providerDomain}. Your messages and personal automations can use this account.` : `Workspace connection to ${health.connection.providerDomain}. Shared with agents and automations here.` })
-  ] });
-}
-function MetaRow({ label, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[6rem_minmax(0,1fr)] items-center gap-3", children: [
-    /* @__PURE__ */ jsx("dt", { className: "text-fg-subtle", children: label }),
-    /* @__PURE__ */ jsx("dd", { className: "flex min-w-0 justify-end text-right text-fg-muted", children })
-  ] });
-}
-function ExternalMetaLink({ href }) {
-  let label = href;
-  try {
-    label = new URL(href).hostname;
-  } catch {
-  }
-  return /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noreferrer noopener",
-      className: "inline-flex min-w-0 items-center gap-1 truncate font-medium og-link",
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: label }),
-        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "size-3 shrink-0" })
-      ]
-    }
-  );
-}
-function ConnectionActions({
-  onCancel,
-  busy,
-  children
-}) {
-  if (!onCancel) return children;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2 [&>button]:w-auto", children: [
-    /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", disabled: busy, onClick: onCancel, children: "Cancel" }),
-    children
-  ] });
-}
-
-export {
-  CapabilityDetailSheet,
-  DetailBody,
-  SocialConnectorControls,
-  FikenConnectorControls,
-  CredentialForm,
-  ConnectionStatus
-};
-//# sourceMappingURL=chunk-W5MPXR3A.js.map