@executor-js/plugin-graphql 1.4.28 → 1.4.30

package/dist/{AddGraphqlSource-3Z3DB4KQ.js → AddGraphqlSource-PBMKSY7Y.js}

@@ -3,8 +3,8 @@ import {
 } from "./chunk-M4SJY6CB.js";
 import {
   addGraphqlSourceOptimistic
-} from "./chunk-EW4Y3KEX.js";
-import "./chunk-445ZPXHU.js";
+} from "./chunk-OYUIHBWZ.js";
+import "./chunk-H422YIM4.js";
 
 // src/react/AddGraphqlSource.tsx
 import { useCallback, useState } from "react";
@@ -17,8 +17,9 @@ import { sourceWriteKeys } from "@executor-js/react/api/reactivity-keys";
 import {
   HttpCredentialsEditor,
   httpCredentialsValid,
-  serializeScopedHttpCredentials,
-  serializeHttpCredentials
+  serializeConfigureHttpCredentials,
+  serializeHttpCredentials,
+  serializeTemplateHttpCredentials
 } from "@executor-js/react/plugins/http-credentials";
 import {
   sourceDisplayNameFromUrl,
@@ -117,27 +118,37 @@ function AddGraphqlSource(props) {
   const handleAdd = async () => {
     setAdding(true);
     setAddError(null);
-    const { headers: headerMap, queryParams } = serializeScopedHttpCredentials(
-      credentials,
-      requestCredentialTargetScope
-    );
+    const { headers: templateHeaders, queryParams: templateQueryParams } = serializeTemplateHttpCredentials(credentials);
+    const { headers: configureHeaders, queryParams: configureQueryParams } = serializeConfigureHttpCredentials(credentials, requestCredentialTargetScope);
+    const hasInitialCredentials = Object.keys(configureHeaders).length > 0 || Object.keys(configureQueryParams).length > 0 || authMode === "oauth2" && tokens;
     const { trimmedEndpoint, namespace, displayName } = sourceIdentity();
     const exit = await doAdd({
       params: { scopeId },
       payload: {
-        targetScope: scopeId,
         endpoint: trimmedEndpoint,
         name: displayName,
         namespace,
-        ...Object.keys(headerMap).length > 0 ? { headers: headerMap } : {},
-        ...Object.keys(queryParams).length > 0 ? {
-          queryParams
+        ...Object.keys(templateHeaders).length > 0 ? { headers: templateHeaders } : {},
+        ...Object.keys(templateQueryParams).length > 0 ? {
+          queryParams: templateQueryParams
         } : {},
-        credentialTargetScope: authMode === "oauth2" && tokens ? oauthCredentialTargetScope : requestCredentialTargetScope,
-        ...authMode === "oauth2" && tokens ? {
-          auth: {
-            kind: "oauth2",
-            connectionId: tokens.connectionId
+        ...hasInitialCredentials ? {
+          credentials: {
+            scope: requestCredentialTargetScope,
+            ...Object.keys(configureHeaders).length > 0 ? { headers: configureHeaders } : {},
+            ...Object.keys(configureQueryParams).length > 0 ? {
+              queryParams: configureQueryParams
+            } : {},
+            ...authMode === "oauth2" && tokens ? {
+              auth: {
+                oauth2: {
+                  connection: {
+                    kind: "connection",
+                    connectionId: tokens.connectionId
+                  }
+                }
+              }
+            } : {}
           }
         } : {}
       },
@@ -236,4 +247,4 @@ function AddGraphqlSource(props) {
 export {
   AddGraphqlSource as default
 };
-//# sourceMappingURL=AddGraphqlSource-3Z3DB4KQ.js.map
+//# sourceMappingURL=AddGraphqlSource-PBMKSY7Y.js.map

package/dist/AddGraphqlSource-PBMKSY7Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/AddGraphqlSource.tsx","../src/react/defaults.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { useAtomSet } from \"@effect/atom-react\";\nimport * as Exit from \"effect/Exit\";\nimport * as Option from \"effect/Option\";\nimport * as Schema from \"effect/Schema\";\n\nimport { useScope } from \"@executor-js/react/api/scope-context\";\nimport { sourceWriteKeys } from \"@executor-js/react/api/reactivity-keys\";\nimport {\n  HttpCredentialsEditor,\n  httpCredentialsValid,\n  serializeConfigureHttpCredentials,\n  serializeHttpCredentials,\n  serializeTemplateHttpCredentials,\n  type HttpCredentialsState,\n} from \"@executor-js/react/plugins/http-credentials\";\nimport {\n  sourceDisplayNameFromUrl,\n  slugifyNamespace,\n  useSourceIdentity,\n} from \"@executor-js/react/plugins/source-identity\";\nimport {\n  oauthCallbackUrl,\n  oauthConnectionId,\n  useOAuthPopupFlow,\n  type OAuthCompletionPayload,\n} from \"@executor-js/react/plugins/oauth-sign-in\";\nimport {\n  CredentialControlField,\n  CredentialUsageRow,\n  useCredentialTargetScope,\n} from \"@executor-js/react/plugins/credential-target-scope\";\nimport { useSecretPickerSecrets } from \"@executor-js/react/plugins/use-secret-picker-secrets\";\nimport { Button } from \"@executor-js/react/components/button\";\nimport { FilterTabs } from \"@executor-js/react/components/filter-tabs\";\nimport { FloatActions } from \"@executor-js/react/components/float-actions\";\nimport { Spinner } from \"@executor-js/react/components/spinner\";\nimport { addGraphqlSourceOptimistic } from \"./atoms\";\nimport { initialGraphqlCredentials } from \"./defaults\";\nimport { GraphqlSourceFields } from \"./GraphqlSourceFields\";\nimport type { GraphqlConfiguredValueInput, GraphqlCredentialInput } from \"../sdk/types\";\n\nconst ErrorMessage = Schema.Struct({ message: Schema.String });\nconst decodeErrorMessage = Schema.decodeUnknownOption(ErrorMessage);\n\nconst errorMessageFromExit = (exit: Exit.Exit<unknown, unknown>, fallback: string): string =>\n  Option.match(Option.flatMap(Exit.findErrorOption(exit), decodeErrorMessage), {\n    onNone: () => fallback,\n    onSome: ({ message }) => message,\n  });\n\ntype AuthMode = \"none\" | \"oauth2\";\n\nexport default function AddGraphqlSource(props: {\n  onComplete: () => void;\n  onCancel: () => void;\n  initialUrl?: string;\n}) {\n  const [endpoint, setEndpoint] = useState(props.initialUrl ?? \"\");\n  const identity = useSourceIdentity({\n    fallbackName: sourceDisplayNameFromUrl(endpoint, \"GraphQL\") ?? \"\",\n  });\n  const [credentials, setCredentials] = useState<HttpCredentialsState>(initialGraphqlCredentials);\n  const [adding, setAdding] = useState(false);\n  const [addError, setAddError] = useState<string | null>(null);\n  const [authMode, setAuthMode] = useState<AuthMode>(\"none\");\n  const [tokens, setTokens] = useState<OAuthCompletionPayload | null>(null);\n\n  const scopeId = useScope();\n  const { credentialTargetScope: requestCredentialTargetScope } = useCredentialTargetScope();\n  const {\n    credentialTargetScope: oauthCredentialTargetScope,\n    setCredentialTargetScope: setOAuthCredentialTargetScope,\n    credentialScopeOptions,\n  } = useCredentialTargetScope();\n  const doAdd = useAtomSet(addGraphqlSourceOptimistic(scopeId), {\n    mode: \"promiseExit\",\n  });\n  const secretList = useSecretPickerSecrets();\n  const oauth = useOAuthPopupFlow({\n    popupName: \"graphql-oauth\",\n    startErrorMessage: \"Failed to start OAuth\",\n  });\n\n  const canAdd =\n    endpoint.trim().length > 0 &&\n    httpCredentialsValid(credentials) &&\n    (authMode === \"none\" || tokens !== null) &&\n    !oauth.busy;\n\n  const sourceIdentity = useCallback(() => {\n    const trimmedEndpoint = endpoint.trim();\n    const namespace =\n      slugifyNamespace(identity.namespace) ||\n      slugifyNamespace(sourceDisplayNameFromUrl(trimmedEndpoint, \"GraphQL\") ?? \"\") ||\n      \"graphql\";\n    const displayName =\n      identity.name.trim() || sourceDisplayNameFromUrl(trimmedEndpoint, \"GraphQL\") || namespace;\n    return { trimmedEndpoint, namespace, displayName };\n  }, [endpoint, identity.name, identity.namespace]);\n\n  const handleOAuth = useCallback(async () => {\n    if (!endpoint.trim() || !httpCredentialsValid(credentials)) return;\n    setAddError(null);\n    const { trimmedEndpoint, namespace, displayName } = sourceIdentity();\n    const { headers, queryParams } = serializeHttpCredentials(credentials);\n    await oauth.start({\n      payload: {\n        endpoint: trimmedEndpoint,\n        ...(Object.keys(headers).length > 0 ? { headers } : {}),\n        ...(Object.keys(queryParams).length > 0 ? { queryParams } : {}),\n        redirectUrl: oauthCallbackUrl(),\n        connectionId: oauthConnectionId({ pluginId: \"graphql\", namespace }),\n        tokenScope: oauthCredentialTargetScope,\n        strategy: { kind: \"dynamic-dcr\" },\n        pluginId: \"graphql\",\n        identityLabel: `${displayName} OAuth`,\n      },\n      onSuccess: (result) => {\n        setTokens({\n          connectionId: result.connectionId,\n          expiresAt: result.expiresAt,\n          scope: result.scope,\n        });\n      },\n      onError: setAddError,\n    });\n  }, [endpoint, credentials, oauth, sourceIdentity, oauthCredentialTargetScope]);\n\n  const handleAdd = async () => {\n    setAdding(true);\n    setAddError(null);\n    const { headers: templateHeaders, queryParams: templateQueryParams } =\n      serializeTemplateHttpCredentials(credentials);\n    const { headers: configureHeaders, queryParams: configureQueryParams } =\n      serializeConfigureHttpCredentials(credentials, requestCredentialTargetScope);\n    const hasInitialCredentials =\n      Object.keys(configureHeaders).length > 0 ||\n      Object.keys(configureQueryParams).length > 0 ||\n      (authMode === \"oauth2\" && tokens);\n\n    const { trimmedEndpoint, namespace, displayName } = sourceIdentity();\n    const exit = await doAdd({\n      params: { scopeId },\n      payload: {\n        endpoint: trimmedEndpoint,\n        name: displayName,\n        namespace,\n        ...(Object.keys(templateHeaders).length > 0\n          ? { headers: templateHeaders as Record<string, GraphqlConfiguredValueInput> }\n          : {}),\n        ...(Object.keys(templateQueryParams).length > 0\n          ? {\n              queryParams: templateQueryParams as Record<string, GraphqlConfiguredValueInput>,\n            }\n          : {}),\n        ...(hasInitialCredentials\n          ? {\n              credentials: {\n                scope: requestCredentialTargetScope,\n                ...(Object.keys(configureHeaders).length > 0\n                  ? { headers: configureHeaders as Record<string, GraphqlCredentialInput> }\n                  : {}),\n                ...(Object.keys(configureQueryParams).length > 0\n                  ? {\n                      queryParams: configureQueryParams as Record<string, GraphqlCredentialInput>,\n                    }\n                  : {}),\n                ...(authMode === \"oauth2\" && tokens\n                  ? {\n                      auth: {\n                        oauth2: {\n                          connection: {\n                            kind: \"connection\" as const,\n                            connectionId: tokens.connectionId,\n                          },\n                        },\n                      },\n                    }\n                  : {}),\n              },\n            }\n          : {}),\n      },\n      reactivityKeys: sourceWriteKeys,\n    });\n    if (Exit.isFailure(exit)) {\n      setAddError(errorMessageFromExit(exit, \"Failed to add source\"));\n      setAdding(false);\n      return;\n    }\n    props.onComplete();\n  };\n\n  return (\n    <div className=\"flex flex-1 flex-col gap-6\">\n      <h1 className=\"text-xl font-semibold text-foreground\">Add GraphQL Source</h1>\n\n      <GraphqlSourceFields endpoint={endpoint} onEndpointChange={setEndpoint} identity={identity} />\n\n      <HttpCredentialsEditor\n        credentials={credentials}\n        onChange={setCredentials}\n        existingSecrets={secretList}\n        sourceName={identity.name}\n        targetScope={requestCredentialTargetScope}\n        credentialScopeOptions={credentialScopeOptions}\n        bindingScopeOptions={credentialScopeOptions}\n      />\n\n      {/* Temporarily hidden while we revisit GraphQL OAuth discovery and UX. */}\n      <section className=\"hidden space-y-2.5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <span className=\"text-sm font-medium text-foreground\">Authentication</span>\n          <FilterTabs<AuthMode>\n            tabs={[\n              { value: \"none\", label: \"None\" },\n              { value: \"oauth2\", label: \"OAuth\" },\n            ]}\n            value={authMode}\n            onChange={(value) => {\n              setAuthMode(value);\n              setTokens(null);\n            }}\n          />\n        </div>\n\n        {authMode === \"oauth2\" && (\n          <CredentialUsageRow\n            value={oauthCredentialTargetScope}\n            options={credentialScopeOptions}\n            onChange={(targetScope) => {\n              setOAuthCredentialTargetScope(targetScope);\n              setTokens(null);\n            }}\n            label=\"Connection saved to\"\n            help=\"Choose who can use the OAuth connection.\"\n          >\n            <CredentialControlField label=\"Connect via OAuth\" help=\"Start the provider OAuth flow.\">\n              <div className=\"flex min-h-9 items-center gap-2 rounded-md border border-border bg-muted/30 px-3 py-2\">\n                {tokens ? (\n                  <span className=\"text-xs font-medium text-emerald-600 dark:text-emerald-400\">\n                    Authenticated\n                  </span>\n                ) : (\n                  <span className=\"text-xs text-muted-foreground\">Not connected</span>\n                )}\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"ml-auto h-7 px-2 text-xs\"\n                  onClick={() => void handleOAuth()}\n                  disabled={!endpoint.trim() || !httpCredentialsValid(credentials) || oauth.busy}\n                >\n                  {oauth.busy ? \"Signing in...\" : tokens ? \"Reconnect\" : \"Sign in\"}\n                </Button>\n              </div>\n            </CredentialControlField>\n          </CredentialUsageRow>\n        )}\n      </section>\n\n      {/* Error */}\n      {addError && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2\">\n          <p className=\"text-[12px] text-destructive\">{addError}</p>\n        </div>\n      )}\n\n      <FloatActions>\n        <Button\n          variant=\"ghost\"\n          onClick={() => {\n            oauth.cancel();\n            props.onCancel();\n          }}\n          disabled={adding}\n        >\n          Cancel\n        </Button>\n        <Button onClick={handleAdd} disabled={!canAdd || adding}>\n          {adding && <Spinner className=\"size-3.5\" />}\n          {adding ? \"Adding...\" : \"Add source\"}\n        </Button>\n      </FloatActions>\n    </div>\n  );\n}\n","import {\n  emptyHttpCredentials,\n  type HttpCredentialsState,\n} from \"@executor-js/react/plugins/http-credentials\";\n\nexport const initialGraphqlCredentials = (): HttpCredentialsState => emptyHttpCredentials();\n"],"mappings":"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","names":[]}

package/dist/{EditGraphqlSource-F37RPNKV.js → EditGraphqlSource-AFR4RQHY.js}

@@ -3,124 +3,128 @@ import {
 } from "./chunk-M4SJY6CB.js";
 import {
   graphqlSourceAtom,
-  graphqlSourceBindingsAtom,
-  setGraphqlSourceBinding,
-  updateGraphqlSource
-} from "./chunk-EW4Y3KEX.js";
-import {
-  GRAPHQL_OAUTH_CONNECTION_SLOT,
-  GraphqlSourceBindingInput
-} from "./chunk-445ZPXHU.js";
+  graphqlSourceBindingsAtom
+} from "./chunk-OYUIHBWZ.js";
+import "./chunk-H422YIM4.js";
 
 // src/react/EditGraphqlSource.tsx
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useAtomValue, useAtomSet } from "@effect/atom-react";
 import * as Exit from "effect/Exit";
 import * as AsyncResult from "effect/unstable/reactivity/AsyncResult";
-import { connectionsAtom } from "@executor-js/react/api/atoms";
-import { useScope, useScopeStack } from "@executor-js/react/api/scope-context";
+import {
+  configureSource,
+  connectionsAtom,
+  setSourceCredentialBinding
+} from "@executor-js/react/api/atoms";
+import { useScope, useUserScope } from "@executor-js/react/api/scope-context";
 import { connectionWriteKeys, sourceWriteKeys } from "@executor-js/react/api/reactivity-keys";
 import { useSecretPickerSecrets } from "@executor-js/react/plugins/use-secret-picker-secrets";
 import {
-  HttpCredentialsEditor,
-  serializeHttpCredentials,
-  serializeScopedHttpCredentials
-} from "@executor-js/react/plugins/http-credentials";
-import {
-  effectiveCredentialBindingForScope,
   httpCredentialsFromConfiguredCredentialBindings,
-  initialCredentialTargetScope
-} from "@executor-js/react/plugins/credential-bindings";
+  serializeHttpCredentials
+} from "@executor-js/react/plugins/http-credentials";
 import { slugifyNamespace, useSourceIdentity } from "@executor-js/react/plugins/source-identity";
 import { useCredentialTargetScope } from "@executor-js/react/plugins/credential-target-scope";
+import {
+  useSourceCredentialBindingScopes,
+  useSourceCredentialBindingWriter
+} from "@executor-js/react/plugins/source-credential-bindings";
 import { Button } from "@executor-js/react/components/button";
+import {
+  CardStack,
+  CardStackContent,
+  CardStackEntry,
+  CardStackEntryContent,
+  CardStackEntryDescription,
+  CardStackEntryTitle
+} from "@executor-js/react/components/card-stack";
 import { FilterTabs } from "@executor-js/react/components/filter-tabs";
-import { SourceOAuthConnectionControl } from "@executor-js/react/plugins/source-oauth-connection";
+import {
+  SourceOAuthConnectionControl,
+  sourceOAuthConnectionUiState
+} from "@executor-js/react/plugins/source-oauth-connection";
 import { Badge } from "@executor-js/react/components/badge";
-import { ScopeId } from "@executor-js/sdk/core";
+import { ScopeId } from "@executor-js/sdk/shared";
+import {
+  SecretCredentialSlotBindings,
+  secretCredentialSlotsFromHttpConfig
+} from "@executor-js/react/plugins/credential-slot-bindings";
 import { jsx, jsxs } from "react/jsx-runtime";
 function EditForm(props) {
   const displayScope = useScope();
-  const scopeStack = useScopeStack();
+  const userScope = useUserScope();
   const sourceScope = ScopeId.make(props.initial.scope);
-  const { credentialTargetScope, credentialScopeOptions } = useCredentialTargetScope({
-    sourceScope,
-    initialTargetScope: initialCredentialTargetScope(sourceScope, props.bindings)
-  });
   const {
     credentialTargetScope: oauthCredentialTargetScope,
     setCredentialTargetScope: setOAuthCredentialTargetScope
   } = useCredentialTargetScope({
     sourceScope,
-    initialTargetScope: initialCredentialTargetScope(sourceScope, props.bindings)
+    initialTargetScope: userScope
   });
-  const doUpdate = useAtomSet(updateGraphqlSource, { mode: "promiseExit" });
-  const setBinding = useAtomSet(setGraphqlSourceBinding, { mode: "promise" });
+  const doConfigure = useAtomSet(configureSource, { mode: "promiseExit" });
+  const setConnectionBinding = useAtomSet(setSourceCredentialBinding, { mode: "promise" });
   const secretList = useSecretPickerSecrets();
-  const connectionsResult = useAtomValue(connectionsAtom(displayScope));
+  const connectionsResult = useAtomValue(connectionsAtom(userScope));
   const identity = useSourceIdentity({
     fallbackName: props.initial.name,
     fallbackNamespace: props.initial.namespace
   });
   const [endpoint, setEndpoint] = useState(props.initial.endpoint);
-  const [credentials, setCredentials] = useState(
+  const credentials = useMemo(
     () => httpCredentialsFromConfiguredCredentialBindings({
       headers: props.initial.headers,
       queryParams: props.initial.queryParams,
       bindings: props.bindings
-    })
+    }),
+    [props.bindings, props.initial.headers, props.initial.queryParams]
   );
   const [authMode, setAuthMode] = useState(props.initial.auth.kind);
   const [saving, setSaving] = useState(false);
   const [error, setError] = useState(null);
-  const [credentialsDirty, setCredentialsDirty] = useState(false);
   const [authDirty, setAuthDirty] = useState(false);
+  const { busyKey, setSecretBinding, clearBinding } = useSourceCredentialBindingWriter({
+    displayScope,
+    source: { id: props.sourceId, scope: sourceScope },
+    onError: setError
+  });
   const identityDirty = identity.name.trim() !== props.initial.name.trim();
   const metadataDirty = identityDirty || endpoint.trim() !== props.initial.endpoint.trim();
-  const dirty = metadataDirty || credentialsDirty || authDirty;
+  const dirty = metadataDirty || authDirty;
   const oauth2 = props.initial.auth.kind === "oauth2" ? props.initial.auth : null;
   const connections = AsyncResult.isSuccess(connectionsResult) ? connectionsResult.value : [];
-  const scopeRanks = new Map(scopeStack.map((scope, index) => [scope.id, index]));
-  const connectionBinding = oauth2 ? effectiveCredentialBindingForScope(
-    props.bindings,
-    oauth2.connectionSlot,
-    oauthCredentialTargetScope,
-    scopeRanks
-  ) : null;
-  const boundConnectionId = connectionBinding?.value.kind === "connection" ? connectionBinding.value.connectionId : null;
-  const isConnected = boundConnectionId !== null && connections.some((connection) => connection.id === boundConnectionId);
+  const { credentialScopeOptions, secretBindingScopes, scopeRanks } = useSourceCredentialBindingScopes({ sourceScope });
+  const secretSlots = secretCredentialSlotsFromHttpConfig({
+    headers: props.initial.headers,
+    queryParams: props.initial.queryParams
+  });
+  const oauthConnectionState = oauth2 ? sourceOAuthConnectionUiState({
+    bindings: props.bindings,
+    connectionSlot: oauth2.connectionSlot,
+    tokenScope: oauthCredentialTargetScope,
+    scopeRanks,
+    credentialScopeOptions,
+    connections
+  }) : null;
   const oauthRequestCredentials = serializeHttpCredentials(credentials);
-  const handleCredentialsChange = (next) => {
-    setCredentials(next);
-    setCredentialsDirty(true);
-  };
   const handleSave = async () => {
     setSaving(true);
     setError(null);
-    const { headers, queryParams } = serializeScopedHttpCredentials(
-      credentials,
-      credentialTargetScope
-    );
-    const payload = {
-      sourceScope,
+    const config = {
       name: metadataDirty ? identity.name.trim() || void 0 : void 0,
       endpoint: metadataDirty ? endpoint.trim() || void 0 : void 0
     };
-    if (credentialsDirty) {
-      payload.headers = headers;
-      payload.queryParams = queryParams;
-      payload.credentialTargetScope = credentialTargetScope;
-    }
     if (authDirty) {
-      payload.auth = authMode === "oauth2" ? {
-        kind: "oauth2",
-        connectionSlot: props.initial.auth.kind === "oauth2" ? props.initial.auth.connectionSlot : GRAPHQL_OAUTH_CONNECTION_SLOT
-      } : { kind: "none" };
-      payload.credentialTargetScope = credentialTargetScope;
+      config.auth = authMode === "oauth2" ? { oauth2: {} } : { kind: "none" };
     }
-    const exit = await doUpdate({
-      params: { scopeId: displayScope, namespace: props.sourceId },
-      payload,
+    const exit = await doConfigure({
+      params: { scopeId: displayScope },
+      payload: {
+        source: { id: props.sourceId, scope: sourceScope },
+        scope: sourceScope,
+        type: "graphql",
+        config
+      },
       reactivityKeys: sourceWriteKeys
     });
     if (Exit.isFailure(exit)) {
@@ -128,7 +132,6 @@ function EditForm(props) {
       setSaving(false);
       return;
     }
-    setCredentialsDirty(false);
     setAuthDirty(false);
     props.onSave();
     setSaving(false);
@@ -151,18 +154,28 @@ function EditForm(props) {
         namespaceReadOnly: true
       }
     ),
-    /* @__PURE__ */ jsx(
-      HttpCredentialsEditor,
-      {
-        credentials,
-        onChange: handleCredentialsChange,
-        existingSecrets: secretList,
-        sourceName: identity.name,
-        targetScope: credentialTargetScope,
-        credentialScopeOptions,
-        bindingScopeOptions: credentialScopeOptions
-      }
-    ),
+    secretSlots.length > 0 && /* @__PURE__ */ jsx(CardStack, { children: /* @__PURE__ */ jsxs(CardStackContent, { className: "border-t-0", children: [
+      /* @__PURE__ */ jsx(CardStackEntry, { children: /* @__PURE__ */ jsxs(CardStackEntryContent, { children: [
+        /* @__PURE__ */ jsx(CardStackEntryTitle, { children: "Request credentials" }),
+        /* @__PURE__ */ jsx(CardStackEntryDescription, { children: "Headers and query parameters sent with every GraphQL request." })
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        SecretCredentialSlotBindings,
+        {
+          slots: secretSlots,
+          bindingScopes: secretBindingScopes,
+          bindingRows: props.bindings,
+          scopeRanks,
+          secrets: secretList,
+          sourceId: props.sourceId,
+          sourceName: identity.name,
+          credentialScopeOptions,
+          busyKey,
+          onSetSecretBinding: setSecretBinding,
+          onClearBinding: clearBinding
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxs("section", { className: "hidden space-y-2.5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: "Authentication" }),
@@ -183,7 +196,7 @@ function EditForm(props) {
       ] }),
       authMode === "oauth2" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "OAuth sign-in is available from the source header after saving." })
     ] }),
-    oauth2 && /* @__PURE__ */ jsx(
+    oauth2 && oauthConnectionState && /* @__PURE__ */ jsx(
       SourceOAuthConnectionControl,
       {
         popupName: "graphql-oauth",
@@ -194,24 +207,26 @@ function EditForm(props) {
         tokenScope: oauthCredentialTargetScope,
         onTokenScopeChange: setOAuthCredentialTargetScope,
         credentialScopeOptions,
-        connectionId: boundConnectionId,
+        connectionId: oauthConnectionState.connectionId,
         sourceLabel: `${identity.name.trim() || props.initial.namespace || "GraphQL"} OAuth`,
         headers: oauthRequestCredentials.headers,
         queryParams: oauthRequestCredentials.queryParams,
-        isConnected,
+        isConnected: oauthConnectionState.isConnected,
+        buttonIsConnected: oauthConnectionState.buttonIsConnected,
+        statusLabel: oauthConnectionState.statusLabel,
         onConnected: async (connectionId) => {
-          await setBinding({
+          await setConnectionBinding({
             params: { scopeId: oauthCredentialTargetScope },
-            payload: GraphqlSourceBindingInput.make({
-              sourceId: props.sourceId,
-              sourceScope,
+            payload: {
               scope: oauthCredentialTargetScope,
-              slot: oauth2.connectionSlot,
+              source: { id: props.sourceId, scope: sourceScope },
+              slotKey: oauth2.connectionSlot,
               value: { kind: "connection", connectionId }
-            }),
+            },
             reactivityKeys: [...sourceWriteKeys, ...connectionWriteKeys]
           });
-        }
+        },
+        signInLabel: oauthConnectionState.signInLabel
       }
     ),
     error && /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }) }),
@@ -223,11 +238,12 @@ function EditForm(props) {
 }
 function EditGraphqlSource(props) {
   const scopeId = useScope();
+  const userScope = useUserScope();
   const sourceResult = useAtomValue(graphqlSourceAtom(scopeId, props.sourceId));
   const source = AsyncResult.isSuccess(sourceResult) && sourceResult.value ? sourceResult.value : null;
   const sourceScope = source ? ScopeId.make(source.scope) : scopeId;
   const bindingsResult = useAtomValue(
-    graphqlSourceBindingsAtom(scopeId, props.sourceId, sourceScope)
+    graphqlSourceBindingsAtom(userScope, props.sourceId, sourceScope)
   );
   if (!AsyncResult.isSuccess(sourceResult) || !source || !AsyncResult.isSuccess(bindingsResult)) {
     return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs("div", { children: [
@@ -248,4 +264,4 @@ function EditGraphqlSource(props) {
 export {
   EditGraphqlSource as default
 };
-//# sourceMappingURL=EditGraphqlSource-F37RPNKV.js.map
+//# sourceMappingURL=EditGraphqlSource-AFR4RQHY.js.map

package/dist/EditGraphqlSource-AFR4RQHY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/EditGraphqlSource.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useAtomValue, useAtomSet } from \"@effect/atom-react\";\nimport * as Exit from \"effect/Exit\";\nimport * as AsyncResult from \"effect/unstable/reactivity/AsyncResult\";\nimport { graphqlSourceAtom, graphqlSourceBindingsAtom } from \"./atoms\";\nimport {\n  configureSource,\n  connectionsAtom,\n  setSourceCredentialBinding,\n} from \"@executor-js/react/api/atoms\";\nimport { useScope, useUserScope } from \"@executor-js/react/api/scope-context\";\nimport { connectionWriteKeys, sourceWriteKeys } from \"@executor-js/react/api/reactivity-keys\";\nimport { useSecretPickerSecrets } from \"@executor-js/react/plugins/use-secret-picker-secrets\";\nimport {\n  httpCredentialsFromConfiguredCredentialBindings,\n  serializeHttpCredentials,\n  type HttpCredentialsState,\n} from \"@executor-js/react/plugins/http-credentials\";\nimport { slugifyNamespace, useSourceIdentity } from \"@executor-js/react/plugins/source-identity\";\nimport { useCredentialTargetScope } from \"@executor-js/react/plugins/credential-target-scope\";\nimport {\n  useSourceCredentialBindingScopes,\n  useSourceCredentialBindingWriter,\n} from \"@executor-js/react/plugins/source-credential-bindings\";\nimport { Button } from \"@executor-js/react/components/button\";\nimport {\n  CardStack,\n  CardStackContent,\n  CardStackEntry,\n  CardStackEntryContent,\n  CardStackEntryDescription,\n  CardStackEntryTitle,\n} from \"@executor-js/react/components/card-stack\";\nimport { FilterTabs } from \"@executor-js/react/components/filter-tabs\";\nimport {\n  SourceOAuthConnectionControl,\n  sourceOAuthConnectionUiState,\n} from \"@executor-js/react/plugins/source-oauth-connection\";\nimport { Badge } from \"@executor-js/react/components/badge\";\nimport { type CredentialBindingRef, ScopeId } from \"@executor-js/sdk/shared\";\nimport {\n  SecretCredentialSlotBindings,\n  secretCredentialSlotsFromHttpConfig,\n} from \"@executor-js/react/plugins/credential-slot-bindings\";\nimport { GraphqlSourceFields } from \"./GraphqlSourceFields\";\nimport type { GraphqlSourceAuthInput } from \"../sdk/types\";\nimport type { StoredGraphqlSource } from \"../sdk/store\";\n\ntype EditableSource = StoredGraphqlSource;\ntype AuthMode = \"none\" | \"oauth2\";\n\n// ---------------------------------------------------------------------------\n// Edit form\n// ---------------------------------------------------------------------------\n\nfunction EditForm(props: {\n  sourceId: string;\n  initial: EditableSource;\n  bindings: readonly CredentialBindingRef[];\n  onSave: () => void;\n}) {\n  const displayScope = useScope();\n  const userScope = useUserScope();\n  const sourceScope = ScopeId.make(props.initial.scope);\n  const {\n    credentialTargetScope: oauthCredentialTargetScope,\n    setCredentialTargetScope: setOAuthCredentialTargetScope,\n  } = useCredentialTargetScope({\n    sourceScope,\n    initialTargetScope: userScope,\n  });\n  const doConfigure = useAtomSet(configureSource, { mode: \"promiseExit\" });\n  const setConnectionBinding = useAtomSet(setSourceCredentialBinding, { mode: \"promise\" });\n  const secretList = useSecretPickerSecrets();\n  const connectionsResult = useAtomValue(connectionsAtom(userScope));\n\n  const identity = useSourceIdentity({\n    fallbackName: props.initial.name,\n    fallbackNamespace: props.initial.namespace,\n  });\n  const [endpoint, setEndpoint] = useState(props.initial.endpoint);\n  const credentials = useMemo<HttpCredentialsState>(\n    () =>\n      httpCredentialsFromConfiguredCredentialBindings({\n        headers: props.initial.headers,\n        queryParams: props.initial.queryParams,\n        bindings: props.bindings,\n      }),\n    [props.bindings, props.initial.headers, props.initial.queryParams],\n  );\n  const [authMode, setAuthMode] = useState<AuthMode>(props.initial.auth.kind);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [authDirty, setAuthDirty] = useState(false);\n  const { busyKey, setSecretBinding, clearBinding } = useSourceCredentialBindingWriter({\n    displayScope,\n    source: { id: props.sourceId, scope: sourceScope },\n    onError: setError,\n  });\n\n  const identityDirty = identity.name.trim() !== props.initial.name.trim();\n  const metadataDirty = identityDirty || endpoint.trim() !== props.initial.endpoint.trim();\n  const dirty = metadataDirty || authDirty;\n  const oauth2 = props.initial.auth.kind === \"oauth2\" ? props.initial.auth : null;\n  const connections = AsyncResult.isSuccess(connectionsResult) ? connectionsResult.value : [];\n  const { credentialScopeOptions, secretBindingScopes, scopeRanks } =\n    useSourceCredentialBindingScopes({ sourceScope });\n  const secretSlots = secretCredentialSlotsFromHttpConfig({\n    headers: props.initial.headers,\n    queryParams: props.initial.queryParams,\n  });\n  const oauthConnectionState = oauth2\n    ? sourceOAuthConnectionUiState({\n        bindings: props.bindings,\n        connectionSlot: oauth2.connectionSlot,\n        tokenScope: oauthCredentialTargetScope,\n        scopeRanks,\n        credentialScopeOptions,\n        connections,\n      })\n    : null;\n  const oauthRequestCredentials = serializeHttpCredentials(credentials);\n\n  const handleSave = async () => {\n    setSaving(true);\n    setError(null);\n    const config: {\n      name?: string;\n      endpoint?: string;\n      auth?: GraphqlSourceAuthInput;\n    } = {\n      name: metadataDirty ? identity.name.trim() || undefined : undefined,\n      endpoint: metadataDirty ? endpoint.trim() || undefined : undefined,\n    };\n    if (authDirty) {\n      config.auth = authMode === \"oauth2\" ? { oauth2: {} } : { kind: \"none\" };\n    }\n    const exit = await doConfigure({\n      params: { scopeId: displayScope },\n      payload: {\n        source: { id: props.sourceId, scope: sourceScope },\n        scope: sourceScope,\n        type: \"graphql\",\n        config,\n      },\n      reactivityKeys: sourceWriteKeys,\n    });\n\n    if (Exit.isFailure(exit)) {\n      setError(\"Failed to update source\");\n      setSaving(false);\n      return;\n    }\n\n    setAuthDirty(false);\n    props.onSave();\n    setSaving(false);\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <div>\n        <h1 className=\"text-xl font-semibold text-foreground\">Edit GraphQL Source</h1>\n        <p className=\"mt-1 text-sm text-muted-foreground\">\n          Update the endpoint and authentication headers for this source.\n        </p>\n      </div>\n\n      <div className=\"flex items-center gap-3 rounded-lg border border-border bg-card px-4 py-3\">\n        <div className=\"min-w-0 flex-1\">\n          <p className=\"truncate text-sm font-semibold text-card-foreground\">{props.sourceId}</p>\n        </div>\n        <Badge variant=\"secondary\" className=\"text-xs\">\n          GraphQL\n        </Badge>\n      </div>\n\n      <GraphqlSourceFields\n        endpoint={endpoint}\n        onEndpointChange={setEndpoint}\n        identity={identity}\n        namespaceReadOnly\n      />\n\n      {secretSlots.length > 0 && (\n        <CardStack>\n          <CardStackContent className=\"border-t-0\">\n            <CardStackEntry>\n              <CardStackEntryContent>\n                <CardStackEntryTitle>Request credentials</CardStackEntryTitle>\n                <CardStackEntryDescription>\n                  Headers and query parameters sent with every GraphQL request.\n                </CardStackEntryDescription>\n              </CardStackEntryContent>\n            </CardStackEntry>\n            <SecretCredentialSlotBindings\n              slots={secretSlots}\n              bindingScopes={secretBindingScopes}\n              bindingRows={props.bindings}\n              scopeRanks={scopeRanks}\n              secrets={secretList}\n              sourceId={props.sourceId}\n              sourceName={identity.name}\n              credentialScopeOptions={credentialScopeOptions}\n              busyKey={busyKey}\n              onSetSecretBinding={setSecretBinding}\n              onClearBinding={clearBinding}\n            />\n          </CardStackContent>\n        </CardStack>\n      )}\n\n      {/* Temporarily hidden while we revisit GraphQL OAuth discovery and UX. */}\n      <section className=\"hidden space-y-2.5\">\n        <div className=\"flex items-center justify-between gap-3\">\n          <span className=\"text-sm font-medium text-foreground\">Authentication</span>\n          <FilterTabs<AuthMode>\n            tabs={[\n              { value: \"none\", label: \"None\" },\n              { value: \"oauth2\", label: \"OAuth\" },\n            ]}\n            value={authMode}\n            onChange={(value) => {\n              setAuthMode(value);\n              setAuthDirty(true);\n            }}\n          />\n        </div>\n        {authMode === \"oauth2\" && (\n          <p className=\"text-xs text-muted-foreground\">\n            OAuth sign-in is available from the source header after saving.\n          </p>\n        )}\n      </section>\n\n      {oauth2 && oauthConnectionState && (\n        <SourceOAuthConnectionControl\n          popupName=\"graphql-oauth\"\n          pluginId=\"graphql\"\n          namespace={slugifyNamespace(props.initial.namespace) || \"graphql\"}\n          fallbackNamespace=\"graphql\"\n          endpoint={endpoint.trim()}\n          tokenScope={oauthCredentialTargetScope}\n          onTokenScopeChange={setOAuthCredentialTargetScope}\n          credentialScopeOptions={credentialScopeOptions}\n          connectionId={oauthConnectionState.connectionId}\n          sourceLabel={`${identity.name.trim() || props.initial.namespace || \"GraphQL\"} OAuth`}\n          headers={oauthRequestCredentials.headers}\n          queryParams={oauthRequestCredentials.queryParams}\n          isConnected={oauthConnectionState.isConnected}\n          buttonIsConnected={oauthConnectionState.buttonIsConnected}\n          statusLabel={oauthConnectionState.statusLabel}\n          onConnected={async (connectionId) => {\n            await setConnectionBinding({\n              params: { scopeId: oauthCredentialTargetScope },\n              payload: {\n                scope: oauthCredentialTargetScope,\n                source: { id: props.sourceId, scope: sourceScope },\n                slotKey: oauth2.connectionSlot,\n                value: { kind: \"connection\", connectionId },\n              },\n              reactivityKeys: [...sourceWriteKeys, ...connectionWriteKeys],\n            });\n          }}\n          signInLabel={oauthConnectionState.signInLabel}\n        />\n      )}\n\n      {error && (\n        <div className=\"rounded-lg border border-destructive/30 bg-destructive/5 px-3 py-2\">\n          <p className=\"text-sm text-destructive\">{error}</p>\n        </div>\n      )}\n\n      <div className=\"flex items-center justify-between border-t border-border pt-4\">\n        <Button variant=\"ghost\" onClick={props.onSave}>\n          Cancel\n        </Button>\n        <Button onClick={handleSave} disabled={!dirty || saving}>\n          {saving ? \"Saving…\" : \"Save changes\"}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\nexport default function EditGraphqlSource(props: { sourceId: string; onSave: () => void }) {\n  const scopeId = useScope();\n  const userScope = useUserScope();\n  const sourceResult = useAtomValue(graphqlSourceAtom(scopeId, props.sourceId));\n  const source =\n    AsyncResult.isSuccess(sourceResult) && sourceResult.value ? sourceResult.value : null;\n  const sourceScope = source ? ScopeId.make(source.scope) : scopeId;\n  const bindingsResult = useAtomValue(\n    graphqlSourceBindingsAtom(userScope, props.sourceId, sourceScope),\n  );\n\n  if (!AsyncResult.isSuccess(sourceResult) || !source || !AsyncResult.isSuccess(bindingsResult)) {\n    return (\n      <div className=\"space-y-6\">\n        <div>\n          <h1 className=\"text-xl font-semibold text-foreground\">Edit GraphQL Source</h1>\n          <p className=\"mt-1 text-sm text-muted-foreground\">Loading configuration…</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <EditForm\n      sourceId={props.sourceId}\n      initial={source as EditableSource}\n      bindings={bindingsResult.value}\n      onSave={props.onSave}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,SAAS,gBAAgB;AAClC,SAAS,cAAc,kBAAkB;AACzC,YAAY,UAAU;AACtB,YAAY,iBAAiB;AAE7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,oBAAoB;AACvC,SAAS,qBAAqB,uBAAuB;AACrD,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,kBAAkB,yBAAyB;AACpD,SAAS,gCAAgC;AACzC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AACtB,SAAoC,eAAe;AACnD;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAsHD,SACE,KADF;AA1GN,SAAS,SAAS,OAKf;AACD,QAAM,eAAe,SAAS;AAC9B,QAAM,YAAY,aAAa;AAC/B,QAAM,cAAc,QAAQ,KAAK,MAAM,QAAQ,KAAK;AACpD,QAAM;AAAA,IACJ,uBAAuB;AAAA,IACvB,0BAA0B;AAAA,EAC5B,IAAI,yBAAyB;AAAA,IAC3B;AAAA,IACA,oBAAoB;AAAA,EACtB,CAAC;AACD,QAAM,cAAc,WAAW,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACvE,QAAM,uBAAuB,WAAW,4BAA4B,EAAE,MAAM,UAAU,CAAC;AACvF,QAAM,aAAa,uBAAuB;AAC1C,QAAM,oBAAoB,aAAa,gBAAgB,SAAS,CAAC;AAEjE,QAAM,WAAW,kBAAkB;AAAA,IACjC,cAAc,MAAM,QAAQ;AAAA,IAC5B,mBAAmB,MAAM,QAAQ;AAAA,EACnC,CAAC;AACD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,MAAM,QAAQ,QAAQ;AAC/D,QAAM,cAAc;AAAA,IAClB,MACE,gDAAgD;AAAA,MAC9C,SAAS,MAAM,QAAQ;AAAA,MACvB,aAAa,MAAM,QAAQ;AAAA,MAC3B,UAAU,MAAM;AAAA,IAClB,CAAC;AAAA,IACH,CAAC,MAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,QAAQ,WAAW;AAAA,EACnE;AACA,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,MAAM,QAAQ,KAAK,IAAI;AAC1E,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,SAAS,kBAAkB,aAAa,IAAI,iCAAiC;AAAA,IACnF;AAAA,IACA,QAAQ,EAAE,IAAI,MAAM,UAAU,OAAO,YAAY;AAAA,IACjD,SAAS;AAAA,EACX,CAAC;AAED,QAAM,gBAAgB,SAAS,KAAK,KAAK,MAAM,MAAM,QAAQ,KAAK,KAAK;AACvE,QAAM,gBAAgB,iBAAiB,SAAS,KAAK,MAAM,MAAM,QAAQ,SAAS,KAAK;AACvF,QAAM,QAAQ,iBAAiB;AAC/B,QAAM,SAAS,MAAM,QAAQ,KAAK,SAAS,WAAW,MAAM,QAAQ,OAAO;AAC3E,QAAM,cAA0B,sBAAU,iBAAiB,IAAI,kBAAkB,QAAQ,CAAC;AAC1F,QAAM,EAAE,wBAAwB,qBAAqB,WAAW,IAC9D,iCAAiC,EAAE,YAAY,CAAC;AAClD,QAAM,cAAc,oCAAoC;AAAA,IACtD,SAAS,MAAM,QAAQ;AAAA,IACvB,aAAa,MAAM,QAAQ;AAAA,EAC7B,CAAC;AACD,QAAM,uBAAuB,SACzB,6BAA6B;AAAA,IAC3B,UAAU,MAAM;AAAA,IAChB,gBAAgB,OAAO;AAAA,IACvB,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,IACD;AACJ,QAAM,0BAA0B,yBAAyB,WAAW;AAEpE,QAAM,aAAa,YAAY;AAC7B,cAAU,IAAI;AACd,aAAS,IAAI;AACb,UAAM,SAIF;AAAA,MACF,MAAM,gBAAgB,SAAS,KAAK,KAAK,KAAK,SAAY;AAAA,MAC1D,UAAU,gBAAgB,SAAS,KAAK,KAAK,SAAY;AAAA,IAC3D;AACA,QAAI,WAAW;AACb,aAAO,OAAO,aAAa,WAAW,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO;AAAA,IACxE;AACA,UAAM,OAAO,MAAM,YAAY;AAAA,MAC7B,QAAQ,EAAE,SAAS,aAAa;AAAA,MAChC,SAAS;AAAA,QACP,QAAQ,EAAE,IAAI,MAAM,UAAU,OAAO,YAAY;AAAA,QACjD,OAAO;AAAA,QACP,MAAM;AAAA,QACN;AAAA,MACF;AAAA,MACA,gBAAgB;AAAA,IAClB,CAAC;AAED,QAAS,eAAU,IAAI,GAAG;AACxB,eAAS,yBAAyB;AAClC,gBAAU,KAAK;AACf;AAAA,IACF;AAEA,iBAAa,KAAK;AAClB,UAAM,OAAO;AACb,cAAU,KAAK;AAAA,EACjB;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SACC;AAAA,0BAAC,QAAG,WAAU,yCAAwC,iCAAmB;AAAA,MACzE,oBAAC,OAAE,WAAU,sCAAqC,6EAElD;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,6EACb;AAAA,0BAAC,SAAI,WAAU,kBACb,8BAAC,OAAE,WAAU,uDAAuD,gBAAM,UAAS,GACrF;AAAA,MACA,oBAAC,SAAM,SAAQ,aAAY,WAAU,WAAU,qBAE/C;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,kBAAkB;AAAA,QAClB;AAAA,QACA,mBAAiB;AAAA;AAAA,IACnB;AAAA,IAEC,YAAY,SAAS,KACpB,oBAAC,aACC,+BAAC,oBAAiB,WAAU,cAC1B;AAAA,0BAAC,kBACC,+BAAC,yBACC;AAAA,4BAAC,uBAAoB,iCAAmB;AAAA,QACxC,oBAAC,6BAA0B,2EAE3B;AAAA,SACF,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,UACP,eAAe;AAAA,UACf,aAAa,MAAM;AAAA,UACnB;AAAA,UACA,SAAS;AAAA,UACT,UAAU,MAAM;AAAA,UAChB,YAAY,SAAS;AAAA,UACrB;AAAA,UACA;AAAA,UACA,oBAAoB;AAAA,UACpB,gBAAgB;AAAA;AAAA,MAClB;AAAA,OACF,GACF;AAAA,IAIF,qBAAC,aAAQ,WAAU,sBACjB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,4BAAC,UAAK,WAAU,uCAAsC,4BAAc;AAAA,QACpE;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,cACJ,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,cAC/B,EAAE,OAAO,UAAU,OAAO,QAAQ;AAAA,YACpC;AAAA,YACA,OAAO;AAAA,YACP,UAAU,CAAC,UAAU;AACnB,0BAAY,KAAK;AACjB,2BAAa,IAAI;AAAA,YACnB;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MACC,aAAa,YACZ,oBAAC,OAAE,WAAU,iCAAgC,6EAE7C;AAAA,OAEJ;AAAA,IAEC,UAAU,wBACT;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAS;AAAA,QACT,WAAW,iBAAiB,MAAM,QAAQ,SAAS,KAAK;AAAA,QACxD,mBAAkB;AAAA,QAClB,UAAU,SAAS,KAAK;AAAA,QACxB,YAAY;AAAA,QACZ,oBAAoB;AAAA,QACpB;AAAA,QACA,cAAc,qBAAqB;AAAA,QACnC,aAAa,GAAG,SAAS,KAAK,KAAK,KAAK,MAAM,QAAQ,aAAa,SAAS;AAAA,QAC5E,SAAS,wBAAwB;AAAA,QACjC,aAAa,wBAAwB;AAAA,QACrC,aAAa,qBAAqB;AAAA,QAClC,mBAAmB,qBAAqB;AAAA,QACxC,aAAa,qBAAqB;AAAA,QAClC,aAAa,OAAO,iBAAiB;AACnC,gBAAM,qBAAqB;AAAA,YACzB,QAAQ,EAAE,SAAS,2BAA2B;AAAA,YAC9C,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ,EAAE,IAAI,MAAM,UAAU,OAAO,YAAY;AAAA,cACjD,SAAS,OAAO;AAAA,cAChB,OAAO,EAAE,MAAM,cAAc,aAAa;AAAA,YAC5C;AAAA,YACA,gBAAgB,CAAC,GAAG,iBAAiB,GAAG,mBAAmB;AAAA,UAC7D,CAAC;AAAA,QACH;AAAA,QACA,aAAa,qBAAqB;AAAA;AAAA,IACpC;AAAA,IAGD,SACC,oBAAC,SAAI,WAAU,sEACb,8BAAC,OAAE,WAAU,4BAA4B,iBAAM,GACjD;AAAA,IAGF,qBAAC,SAAI,WAAU,iEACb;AAAA,0BAAC,UAAO,SAAQ,SAAQ,SAAS,MAAM,QAAQ,oBAE/C;AAAA,MACA,oBAAC,UAAO,SAAS,YAAY,UAAU,CAAC,SAAS,QAC9C,mBAAS,iBAAY,gBACxB;AAAA,OACF;AAAA,KACF;AAEJ;AAMe,SAAR,kBAAmC,OAAiD;AACzF,QAAM,UAAU,SAAS;AACzB,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,aAAa,kBAAkB,SAAS,MAAM,QAAQ,CAAC;AAC5E,QAAM,SACQ,sBAAU,YAAY,KAAK,aAAa,QAAQ,aAAa,QAAQ;AACnF,QAAM,cAAc,SAAS,QAAQ,KAAK,OAAO,KAAK,IAAI;AAC1D,QAAM,iBAAiB;AAAA,IACrB,0BAA0B,WAAW,MAAM,UAAU,WAAW;AAAA,EAClE;AAEA,MAAI,CAAa,sBAAU,YAAY,KAAK,CAAC,UAAU,CAAa,sBAAU,cAAc,GAAG;AAC7F,WACE,oBAAC,SAAI,WAAU,aACb,+BAAC,SACC;AAAA,0BAAC,QAAG,WAAU,yCAAwC,iCAAmB;AAAA,MACzE,oBAAC,OAAE,WAAU,sCAAqC,yCAAsB;AAAA,OAC1E,GACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,MAAM;AAAA,MAChB,SAAS;AAAA,MACT,UAAU,eAAe;AAAA,MACzB,QAAQ,MAAM;AAAA;AAAA,EAChB;AAEJ;","names":[]}

package/dist/{GraphqlSourceSummary-6EYBXVD2.js → GraphqlSourceSummary-MY4AW37M.js}

@@ -1,8 +1,8 @@
 import {
   graphqlSourceAtom,
   graphqlSourceBindingsAtom
-} from "./chunk-EW4Y3KEX.js";
-import "./chunk-445ZPXHU.js";
+} from "./chunk-OYUIHBWZ.js";
+import "./chunk-H422YIM4.js";
 
 // src/react/GraphqlSourceSummary.tsx
 import { useAtomValue } from "@effect/atom-react";
@@ -14,7 +14,7 @@ import {
   SourceCredentialStatusBadge,
   missingSourceCredentialLabels
 } from "@executor-js/react/plugins/source-credential-status";
-import { ScopeId } from "@executor-js/sdk/core";
+import { ScopeId } from "@executor-js/sdk/shared";
 import { jsx } from "react/jsx-runtime";
 var sourceCredentialSlots = (source) => {
   const slots = [];
@@ -67,4 +67,4 @@ function GraphqlSourceSummary(props) {
 export {
   GraphqlSourceSummary as default
 };
-//# sourceMappingURL=GraphqlSourceSummary-6EYBXVD2.js.map
+//# sourceMappingURL=GraphqlSourceSummary-MY4AW37M.js.map

package/dist/GraphqlSourceSummary-MY4AW37M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/GraphqlSourceSummary.tsx"],"sourcesContent":["import { useAtomValue } from \"@effect/atom-react\";\nimport * as AsyncResult from \"effect/unstable/reactivity/AsyncResult\";\n\nimport { connectionsAtom } from \"@executor-js/react/api/atoms\";\nimport { useScope, useScopeStack, useUserScope } from \"@executor-js/react/api/scope-context\";\nimport {\n  SourceCredentialNotice,\n  SourceCredentialStatusBadge,\n  missingSourceCredentialLabels,\n  type SourceCredentialSlot,\n} from \"@executor-js/react/plugins/source-credential-status\";\nimport { ScopeId } from \"@executor-js/sdk/shared\";\n\nimport { graphqlSourceAtom, graphqlSourceBindingsAtom } from \"./atoms\";\nimport type { StoredGraphqlSource } from \"../sdk/store\";\n\nconst sourceCredentialSlots = (source: StoredGraphqlSource): readonly SourceCredentialSlot[] => {\n  const slots: SourceCredentialSlot[] = [];\n  for (const [name, value] of Object.entries(source.headers)) {\n    if (typeof value !== \"string\") slots.push({ kind: \"secret\", slot: value.slot, label: name });\n  }\n  for (const [name, value] of Object.entries(source.queryParams)) {\n    if (typeof value !== \"string\") slots.push({ kind: \"secret\", slot: value.slot, label: name });\n  }\n  if (source.auth.kind === \"oauth2\") {\n    slots.push({\n      kind: \"connection\",\n      slot: source.auth.connectionSlot,\n      label: \"OAuth sign-in\",\n    });\n  }\n  return slots;\n};\n\nexport default function GraphqlSourceSummary(props: {\n  sourceId: string;\n  variant?: \"badge\" | \"panel\";\n  onAction?: () => void;\n}) {\n  const displayScope = useScope();\n  const userScope = useUserScope();\n  const scopeStack = useScopeStack();\n  const sourceResult = useAtomValue(graphqlSourceAtom(displayScope, props.sourceId));\n  const source =\n    AsyncResult.isSuccess(sourceResult) && sourceResult.value ? sourceResult.value : null;\n  const sourceScope = source ? ScopeId.make(source.scope) : displayScope;\n  const bindingsResult = useAtomValue(\n    graphqlSourceBindingsAtom(displayScope, props.sourceId, sourceScope),\n  );\n  const connectionsResult = useAtomValue(connectionsAtom(displayScope));\n\n  if (!source) return null;\n  const slots = sourceCredentialSlots(source as StoredGraphqlSource);\n  if (slots.length === 0) return null;\n  if (!AsyncResult.isSuccess(bindingsResult) || !AsyncResult.isSuccess(connectionsResult)) {\n    return props.variant === \"panel\" ? null : (\n      <SourceCredentialStatusBadge missing={[\"credentials\"]} />\n    );\n  }\n\n  const scopeRanks = new Map(scopeStack.map((scope, index) => [scope.id, index] as const));\n  const liveConnectionIds = new Set(connectionsResult.value.map((connection) => connection.id));\n  const missing = missingSourceCredentialLabels({\n    slots,\n    bindings: bindingsResult.value,\n    targetScope: userScope,\n    scopeRanks,\n    liveConnectionIds,\n  });\n\n  if (props.variant === \"panel\") {\n    return <SourceCredentialNotice missing={missing} onAction={props.onAction} />;\n  }\n\n  return <SourceCredentialStatusBadge missing={missing} />;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,oBAAoB;AAC7B,YAAY,iBAAiB;AAE7B,SAAS,uBAAuB;AAChC,SAAS,UAAU,eAAe,oBAAoB;AACtD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,eAAe;AA6ClB;AAxCN,IAAM,wBAAwB,CAAC,WAAiE;AAC9F,QAAM,QAAgC,CAAC;AACvC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,OAAO,OAAO,GAAG;AAC1D,QAAI,OAAO,UAAU,SAAU,OAAM,KAAK,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,CAAC;AAAA,EAC7F;AACA,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,OAAO,WAAW,GAAG;AAC9D,QAAI,OAAO,UAAU,SAAU,OAAM,KAAK,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,OAAO,KAAK,CAAC;AAAA,EAC7F;AACA,MAAI,OAAO,KAAK,SAAS,UAAU;AACjC,UAAM,KAAK;AAAA,MACT,MAAM;AAAA,MACN,MAAM,OAAO,KAAK;AAAA,MAClB,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEe,SAAR,qBAAsC,OAI1C;AACD,QAAM,eAAe,SAAS;AAC9B,QAAM,YAAY,aAAa;AAC/B,QAAM,aAAa,cAAc;AACjC,QAAM,eAAe,aAAa,kBAAkB,cAAc,MAAM,QAAQ,CAAC;AACjF,QAAM,SACQ,sBAAU,YAAY,KAAK,aAAa,QAAQ,aAAa,QAAQ;AACnF,QAAM,cAAc,SAAS,QAAQ,KAAK,OAAO,KAAK,IAAI;AAC1D,QAAM,iBAAiB;AAAA,IACrB,0BAA0B,cAAc,MAAM,UAAU,WAAW;AAAA,EACrE;AACA,QAAM,oBAAoB,aAAa,gBAAgB,YAAY,CAAC;AAEpE,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,QAAQ,sBAAsB,MAA6B;AACjE,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,MAAI,CAAa,sBAAU,cAAc,KAAK,CAAa,sBAAU,iBAAiB,GAAG;AACvF,WAAO,MAAM,YAAY,UAAU,OACjC,oBAAC,+BAA4B,SAAS,CAAC,aAAa,GAAG;AAAA,EAE3D;AAEA,QAAM,aAAa,IAAI,IAAI,WAAW,IAAI,CAAC,OAAO,UAAU,CAAC,MAAM,IAAI,KAAK,CAAU,CAAC;AACvF,QAAM,oBAAoB,IAAI,IAAI,kBAAkB,MAAM,IAAI,CAAC,eAAe,WAAW,EAAE,CAAC;AAC5F,QAAM,UAAU,8BAA8B;AAAA,IAC5C;AAAA,IACA,UAAU,eAAe;AAAA,IACzB,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,MAAM,YAAY,SAAS;AAC7B,WAAO,oBAAC,0BAAuB,SAAkB,UAAU,MAAM,UAAU;AAAA,EAC7E;AAEA,SAAO,oBAAC,+BAA4B,SAAkB;AACxD;","names":[]}