@opengeni/react 6.5.2-canary.41607687019001 → 6.7.0

package/dist/chunk-FZC5N55X.js

@@ -0,0 +1,981 @@
+"use client";
+import {
+  capabilityPresentation,
+  presentationPermissions
+} from "./chunk-Y6TTMPZC.js";
+import {
+  McpAuthDiscoveryNotice
+} from "./chunk-PIA6AWYO.js";
+import {
+  OwnershipSelector
+} from "./chunk-YK7756IF.js";
+import {
+  ExcelAddinSetupSteps
+} from "./chunk-ZOP5KSNN.js";
+import {
+  ConnectorToolPermissions,
+  hasConnectorToolPermissionTarget
+} from "./chunk-SQJIKMN3.js";
+import {
+  OnePasswordCatalogLink
+} from "./chunk-PQI3OK6L.js";
+import {
+  CapabilityDialogContent
+} from "./chunk-P77WNZDY.js";
+import {
+  focusCapabilitySuccessor
+} from "./chunk-MKG5VTIJ.js";
+import {
+  CapabilityLogo
+} from "./chunk-D5TWNFFE.js";
+import {
+  GENERIC_API_KEY_FIELD,
+  capabilityCategoryLabel,
+  capabilityConnectPlan,
+  capabilityItemKindLabel,
+  capabilityReconnectPlan,
+  capabilitySourceLabel,
+  curatedSkillProvenance,
+  defaultCapabilityConnectionOwnership,
+  socialConnectionsForOwnership
+} from "./chunk-XDFP2LMW.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-FSOQDUCG.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-FZC5N55X.js.map