style: oxfmt two react files left unformatted by the merge

Author: RhysSullivan

packages/react/src/components/accounts-section.tsx

@@ -2,11 +2,7 @@ import { useEffect, useMemo, useState } from "react";
 import { useAtomValue, useAtomSet } from "@effect/atom-react";
 import * as AsyncResult from "effect/unstable/reactivity/AsyncResult";
 import * as Exit from "effect/Exit";
-import {
-  IntegrationSlug,
-  type Connection,
-  type Owner,
-} from "@executor-js/sdk/shared";
+import { IntegrationSlug, type Connection, type Owner } from "@executor-js/sdk/shared";
 import type { IntegrationAccountHandoff } from "@executor-js/sdk/client";
 import { toast } from "sonner";
 
@@ -84,10 +80,7 @@ function AccountRow(props: {
         <CardStackEntryTitle className="flex min-w-0 items-center gap-2">
           <span className="truncate">{displayLabel}</span>
           {needsReconsent ? (
-            <Badge
-              variant="outline"
-              className="shrink-0 border-border text-muted-foreground"
-            >
+            <Badge variant="outline" className="shrink-0 border-border text-muted-foreground">
               Reconnect to grant access
             </Badge>
           ) : null}
@@ -99,8 +92,7 @@ function AccountRow(props: {
         ) : null}
         {needsReconsent ? (
           <CardStackEntryDescription className="mt-1 text-xs text-muted-foreground">
-            This connection wasn't granted all the access this integration now
-            needs.
+            This connection wasn't granted all the access this integration now needs.
           </CardStackEntryDescription>
         ) : null}
       </CardStackEntryContent>
@@ -129,11 +121,7 @@ function AccountRow(props: {
             <DropdownMenuItem className="text-sm" onClick={props.onReconnect}>
               Reconnect
             </DropdownMenuItem>
-            <DropdownMenuItem
-              variant="destructive"
-              className="text-sm"
-              onClick={props.onRemove}
-            >
+            <DropdownMenuItem variant="destructive" className="text-sm" onClick={props.onRemove}>
               Remove
             </DropdownMenuItem>
           </DropdownMenuContent>
@@ -155,9 +143,7 @@ function OwnerAccounts(props: {
   readonly declaredScopes: readonly string[] | undefined;
 }) {
   const { integration, owner } = props;
-  const connections = useAtomValue(
-    connectionsForIntegrationAtom({ integration, owner }),
-  );
+  const connections = useAtomValue(connectionsForIntegrationAtom({ integration, owner }));
   const doRemove = useAtomSet(removeConnectionOptimistic(owner), {
     mode: "promiseExit",
   });
@@ -174,9 +160,7 @@ function OwnerAccounts(props: {
     startErrorMessage: "Failed to reconnect",
   });
 
-  const rows: readonly Connection[] = AsyncResult.isSuccess(connections)
-    ? connections.value
-    : [];
+  const rows: readonly Connection[] = AsyncResult.isSuccess(connections) ? connections.value : [];
   if (rows.length === 0) return null;
 
   const handleReconnect = async (connection: Connection) => {
@@ -185,8 +169,7 @@ function OwnerAccounts(props: {
     if (reconnectMode(connection) === "oauth") {
       const method = props.methods.find(
         (candidate: AuthMethod) =>
-          candidate.kind === "oauth" &&
-          String(candidate.template) === String(connection.template),
+          candidate.kind === "oauth" && String(candidate.template) === String(connection.template),
       );
       if (
         method?.oauth?.supportsDynamicRegistration === true ||
@@ -293,18 +276,13 @@ function OwnerAccounts(props: {
 
   return (
     <CardStack>
-      {props.showOwnerLabels ? (
-        <CardStackHeader>{ownerLabel(owner)}</CardStackHeader>
-      ) : null}
+      {props.showOwnerLabels ? <CardStackHeader>{ownerLabel(owner)}</CardStackHeader> : null}
       <CardStackContent>
         {rows.map((connection: Connection) => (
           <AccountRow
             key={`${connection.owner}:${connection.integration}:${connection.name}`}
             connection={connection}
-            needsReconsent={connectionNeedsReconsent(
-              connection,
-              props.declaredScopes,
-            )}
+            needsReconsent={connectionNeedsReconsent(connection, props.declaredScopes)}
             showOwnerLabel={props.showOwnerLabels}
             onEdit={() => props.onEdit(connection)}
             onReconnect={() => void handleReconnect(connection)}
@@ -335,14 +313,10 @@ export function AccountsSection(props: {
     removeCustomMethod,
   } = props;
   const [adding, setAdding] = useState(false);
-  const [editingConnection, setEditingConnection] = useState<Connection | null>(
-    null,
-  );
-  const [reconnectHandoff, setReconnectHandoff] =
-    useState<IntegrationAccountHandoff | null>(null);
+  const [editingConnection, setEditingConnection] = useState<Connection | null>(null);
+  const [reconnectHandoff, setReconnectHandoff] = useState<IntegrationAccountHandoff | null>(null);
   const ownerDisplay = useOwnerDisplay();
-  const canAddConnection =
-    methods.length > 0 || createCustomMethod !== undefined;
+  const canAddConnection = methods.length > 0 || createCustomMethod !== undefined;
 
   useEffect(() => {
     if (accountHandoff) {
@@ -364,9 +338,7 @@ export function AccountsSection(props: {
 
   // Read both owners to decide between the grouped view and the empty CTA. The
   // grouped sub-components re-read these (effect-atom dedupes) and self-hide.
-  const orgConnections = useAtomValue(
-    connectionsForIntegrationAtom({ integration, owner: "org" }),
-  );
+  const orgConnections = useAtomValue(connectionsForIntegrationAtom({ integration, owner: "org" }));
   const userConnections = useAtomValue(
     connectionsForIntegrationAtom({ integration, owner: "user" }),
   );
@@ -377,18 +349,12 @@ export function AccountsSection(props: {
   useAtomSet(addConnectionOptimistic("user"));
 
   const totalCount = useMemo(() => {
-    const orgRows = AsyncResult.isSuccess(orgConnections)
-      ? orgConnections.value.length
-      : 0;
-    const userRows = AsyncResult.isSuccess(userConnections)
-      ? userConnections.value.length
-      : 0;
+    const orgRows = AsyncResult.isSuccess(orgConnections) ? orgConnections.value.length : 0;
+    const userRows = AsyncResult.isSuccess(userConnections) ? userConnections.value.length : 0;
     return orgRows + userRows;
   }, [orgConnections, userConnections]);
 
-  const loading =
-    !AsyncResult.isSuccess(orgConnections) &&
-    !AsyncResult.isSuccess(userConnections);
+  const loading = !AsyncResult.isSuccess(orgConnections) && !AsyncResult.isSuccess(userConnections);
 
   const modalState = reconnectHandoff ?? accountHandoff;
   const modal = (
@@ -420,9 +386,7 @@ export function AccountsSection(props: {
           onClick={() => {
             trackEvent("connection_add_opened", {
               integration_slug: String(integration),
-              has_oauth_method: methods.some(
-                (m: AuthMethod) => m.kind === "oauth",
-              ),
+              has_oauth_method: methods.some((m: AuthMethod) => m.kind === "oauth"),
               has_api_key_method: methods.some(
                 (m: AuthMethod) => m.kind !== "oauth" && m.kind !== "none",
               ),
@@ -442,9 +406,7 @@ export function AccountsSection(props: {
         </div>
       ) : totalCount === 0 ? (
         <div className="rounded-lg border border-dashed border-border/60 px-6 py-8 text-center">
-          <p className="text-sm font-medium text-foreground">
-            No connections yet
-          </p>
+          <p className="text-sm font-medium text-foreground">No connections yet</p>
           <p className="mt-1 text-sm text-muted-foreground">
             Add a connection to make this integration's tools available.
           </p>
@@ -455,9 +417,7 @@ export function AccountsSection(props: {
             onClick={() => {
               trackEvent("connection_add_opened", {
                 integration_slug: String(integration),
-                has_oauth_method: methods.some(
-                  (m: AuthMethod) => m.kind === "oauth",
-                ),
+                has_oauth_method: methods.some((m: AuthMethod) => m.kind === "oauth"),
                 has_api_key_method: methods.some(
                   (m: AuthMethod) => m.kind !== "oauth" && m.kind !== "none",
                 ),

packages/react/src/plugins/oauth-reconnect.ts

@@ -28,9 +28,7 @@ export function reconnectMode(connection: Connection): ReconnectMode {
  *  connection are exactly the branded types `oauth.start` expects, so the same
  *  connection (owner/integration/name) is re-minted with a fresh refresh token
  *  and the widened scope union. Returns null for a non-OAuth connection. */
-export function oauthReconnectPayload(
-  connection: Connection,
-): OAuthStartPayload | null {
+export function oauthReconnectPayload(connection: Connection): OAuthStartPayload | null {
   if (connection.oauthClient == null) return null;
   return {
     client: connection.oauthClient,
@@ -61,8 +59,7 @@ const OAUTH_SCOPE_ALIASES: Readonly<Record<string, string>> = {
   "https://www.googleapis.com/auth/userinfo.profile": "profile",
 };
 
-const canonicalScope = (scope: string): string =>
-  OAUTH_SCOPE_ALIASES[scope] ?? scope;
+const canonicalScope = (scope: string): string => OAUTH_SCOPE_ALIASES[scope] ?? scope;
 
 /** Normalize a scope list: trim, canonicalize known provider aliases, drop
  *  empties, de-dupe (order-preserving). A scope set is compared as a SET —
@@ -94,12 +91,8 @@ export function missingScopes(
 
 /** The scopes a connection was actually GRANTED, parsed from its space-delimited
  *  `oauthScope` record. Empty for static creds / when the AS omitted scope. */
-export function connectionGrantedScopes(
-  connection: Connection,
-): readonly string[] {
-  return connection.oauthScope
-    ? connection.oauthScope.split(/\s+/).filter(Boolean)
-    : [];
+export function connectionGrantedScopes(connection: Connection): readonly string[] {
+  return connection.oauthScope ? connection.oauthScope.split(/\s+/).filter(Boolean) : [];
 }
 
 /** Whether an OAuth connection must RECONNECT to grant newly-needed access: the
@@ -113,10 +106,7 @@ export function connectionNeedsReconsent(
   declaredScopes: readonly string[] | undefined,
 ): boolean {
   if (connection.oauthClient == null) return false;
-  return (
-    missingScopes(declaredScopes, connectionGrantedScopes(connection)).length >
-    0
-  );
+  return missingScopes(declaredScopes, connectionGrantedScopes(connection)).length > 0;
 }
 
 /** The scopes that count as REQUIRED for a connection to be considered fully