Skip to content

Improve CLI experience #4965

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
brionmario merged 1 commit into from
Aug 14, 2026
Merged

Improve CLI experience #4965

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 4 additions & 16 deletions docs/content/getting-started/connect-your-application/android.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -289,19 +289,7 @@ You should see the sign-in form. Enter your test user credentials and tap **Subm

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>
<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the sign-in flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow, no app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>
<a href="../../../../sdks/android/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Android SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Android SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>
</div>
<NextSteps>
<NextStepsCard title="Upgrade the sign-in flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow, no app code changes required." cta="Flow Designer" />
<NextStepsCard title="Android SDK Reference" href="../../../sdks/android/overview" description="Explore the full API reference for the Android SDK." cta="API Reference" />
</NextSteps>
25 changes: 4 additions & 21 deletions docs/content/getting-started/connect-your-application/browser.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -253,24 +253,7 @@ You should see the sign-in button. Click it to be redirected to the <ProductName

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>

<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the Sign-In Flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow. No app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>

<a href="../../../../sdks/browser/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Browser SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Browser SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>


</div>

<NextSteps>
<NextStepsCard title="Upgrade the Sign-In Flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow. No app code changes required." cta="Flow Designer" />
<NextStepsCard title="Browser SDK Reference" href="../../../sdks/browser/overview" description="Explore the full API reference for the Browser SDK." cta="API Reference" />
</NextSteps>
24 changes: 4 additions & 20 deletions docs/content/getting-started/connect-your-application/express.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -207,23 +207,7 @@ You should see the sign-in link. Click it to be redirected to the <ProductName /

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>

<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the sign-in flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow without changing your route wiring.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>

<a href="../../../../sdks/express/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Express SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Express SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>

</div>

<NextSteps>
<NextStepsCard title="Upgrade the sign-in flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow without changing your route wiring." cta="Flow Designer" />
<NextStepsCard title="Express SDK Reference" href="../../../sdks/express/overview" description="Explore the full API reference for the Express SDK." cta="API Reference" />
</NextSteps>
23 changes: 4 additions & 19 deletions docs/content/getting-started/connect-your-application/flutter.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -288,22 +288,7 @@ You should see the sign-in form. Enter your test user credentials and tap **Subm

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>

<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the sign-in flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow, no app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>

<a href="../../../../sdks/flutter/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Flutter SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Flutter SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>

</div>
<NextSteps>
<NextStepsCard title="Upgrade the sign-in flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow, no app code changes required." cta="Flow Designer" />
<NextStepsCard title="Flutter SDK Reference" href="../../../sdks/flutter/overview" description="Explore the full API reference for the Flutter SDK." cta="API Reference" />
</NextSteps>
23 changes: 4 additions & 19 deletions docs/content/getting-started/connect-your-application/ios.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -224,22 +224,7 @@ You should see the sign-in form. Enter your test user credentials and tap **Subm

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>

<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the sign-in flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow, no app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>

<a href="../../../../sdks/ios/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>iOS SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> iOS SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>

</div>
<NextSteps>
<NextStepsCard title="Upgrade the sign-in flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow, no app code changes required." cta="Flow Designer" />
<NextStepsCard title="iOS SDK Reference" href="../../../sdks/ios/overview" description="Explore the full API reference for the iOS SDK." cta="API Reference" />
</NextSteps>
21 changes: 4 additions & 17 deletions docs/content/getting-started/connect-your-application/nextjs.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -293,20 +293,7 @@ You should see the sign-in button. Click it, you'll land on your application's o

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>
<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the Sign-In Flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow. No app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>
<a href="../../../../sdks/nextjs/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Next.js SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Next.js SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>
</div>

<NextSteps>
<NextStepsCard title="Upgrade the Sign-In Flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow. No app code changes required." cta="Flow Designer" />
<NextStepsCard title="Next.js SDK Reference" href="../../../sdks/nextjs/overview" description="Explore the full API reference for the Next.js SDK." cta="API Reference" />
</NextSteps>
24 changes: 4 additions & 20 deletions docs/content/getting-started/connect-your-application/node.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -208,23 +208,7 @@ The script authenticates once, prints the scope it received, then calls `getStoc

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>

<a href="../../../guides/agents/authentication" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Agent Authentication</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Request specific scopes, narrow tokens to a resource server, and troubleshoot the token endpoint directly.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Read the Guide →</div>
</div>
</a>

<a href="../../../../sdks/node/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Node.js SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Node.js SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>

</div>

<NextSteps>
<NextStepsCard title="Agent Authentication" href="../../../guides/agents/authentication" description="Request specific scopes, narrow tokens to a resource server, and troubleshoot the token endpoint directly." cta="Read the Guide" />
<NextStepsCard title="Node.js SDK Reference" href="../../../sdks/node/overview" description="Explore the full API reference for the Node.js SDK." cta="API Reference" />
</NextSteps>
21 changes: 4 additions & 17 deletions docs/content/getting-started/connect-your-application/nuxt.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -245,20 +245,7 @@ You should see the `<ThunderIDSignInButton />` button. Click it, you'll land on

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>
<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the Sign-In Flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow: no app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>
<a href="../../../../sdks/nuxt/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Nuxt SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> Nuxt SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>
</div>

<NextSteps>
<NextStepsCard title="Upgrade the Sign-In Flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow: no app code changes required." cta="Flow Designer" />
<NextStepsCard title="Nuxt SDK Reference" href="../../../sdks/nuxt/overview" description="Explore the full API reference for the Nuxt SDK." cta="API Reference" />
</NextSteps>
23 changes: 5 additions & 18 deletions docs/content/getting-started/connect-your-application/react.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ Update the `main.jsx` file with the following:
Replace `<your-client-id>` with the Client ID you obtained when creating the application in <ProductName />.
:::

```jsx title="src/main.jsx" {3,9-12,14} showLineNumbers>
```jsx title="src/main.jsx" {3,9-12,14} showLineNumbers
import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { ThunderIDProvider } from '@thunderid/react'
Expand Down Expand Up @@ -224,20 +224,7 @@ You should see the `<SignInButton />`. Click it, you'll be redirected to the <Pr

## What's Next

<div style={{display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '1rem', marginTop: '1.5rem'}}>
<a href="../../../guides/flows/what-are-flows" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>Upgrade the sign-in flow</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Add MFA, passkeys, or social login to your flow, no app code changes required.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>Flow Designer →</div>
</div>
</a>
<a href="../../../../sdks/react/overview" style={{textDecoration: 'none', color: 'inherit'}}>
<div style={{border: '1px solid var(--ifm-color-emphasis-300)', borderRadius: '10px', padding: '1.25rem', cursor: 'pointer'}}>
<div style={{fontSize: '1rem', fontWeight: '700', marginBottom: '0.4rem'}}>React SDK Reference</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-emphasis-700)', marginBottom: '0.75rem'}}>Explore the full API reference for the <ProductName /> React SDK.</div>
<div style={{fontSize: '0.875rem', color: 'var(--ifm-color-primary)', fontWeight: 600}}>API Reference →</div>
</div>
</a>
</div>

<NextSteps>
<NextStepsCard title="Upgrade the sign-in flow" href="../../../guides/flows/what-are-flows" description="Add MFA, passkeys, or social login to your flow, no app code changes required." cta="Flow Designer" />
<NextStepsCard title="React SDK Reference" href="../../../sdks/react/overview" description="Explore the full API reference for the React SDK." cta="API Reference" />
</NextSteps>
Loading
Loading