diff --git a/client/src/components/AuthDebugger.tsx b/client/src/components/AuthDebugger.tsx index 6252c1161..c61677494 100644 --- a/client/src/components/AuthDebugger.tsx +++ b/client/src/components/AuthDebugger.tsx @@ -1,7 +1,7 @@ -import { useCallback, useMemo, useEffect } from "react"; +import { useCallback, useMemo, useEffect, useState } from "react"; import { Button } from "@/components/ui/button"; import { DebugInspectorOAuthClientProvider } from "../lib/auth"; -import { AlertCircle } from "lucide-react"; +import { AlertCircle, Eye, EyeOff } from "lucide-react"; import { AuthDebuggerState, EMPTY_DEBUGGER_STATE } from "../lib/auth-types"; import { OAuthFlowProgress } from "./OAuthFlowProgress"; import { OAuthStateMachine } from "../lib/oauth-state-machine"; @@ -61,6 +61,8 @@ const AuthDebugger = ({ authState, updateAuthState, }: AuthDebuggerProps) => { + const [showFullToken, setShowFullToken] = useState(false); + // Check for existing tokens on mount useEffect(() => { if (serverUrl && !authState.oauthTokens) { @@ -266,9 +268,25 @@ const AuthDebugger = ({
Access Token:
-Access Token:
+ +