> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nudj.cx/llms.txt
> Use this file to discover all available pages before exploring further.

# Challenge & Entity Preview

> 3-column preview mode, preview-in-new-tab, preview auth, chat previews

Nudj's preview mode shows any challenge, reward, post, or achievement as members see it — before you go live. Every entity supports preview (#898).

## The 3-column layout

Click **Preview** on any entity editor to open the **3-column mode** (#1942):

<CardGroup cols={3}>
  <Card title="Desktop preview" icon="desktop">
    Member-facing web app rendering at a standard desktop width.
  </Card>

  <Card title="Mobile preview" icon="mobile">
    Same content at mobile width — catch responsive layout bugs before launch.
  </Card>

  <Card title="Admin context" icon="sidebar">
    Your admin editor stays visible — edit and watch both previews update.
  </Card>
</CardGroup>

***

## Preview in new tab

Click **Preview in New Tab** (#703) to open just the member view in a new browser tab. Useful for:

* Sending a preview link to a teammate for review (before going Live).
* Doing a quick mobile spot-check on your phone.

***

## Preview respects auth

Preview is auth-aware (#2038) — you see the challenge / reward as a real authenticated member would. This means:

* Key-gated challenges show the unlock prompt.
* Achievement-gated challenges show the lock screen if you haven't unlocked.
* Loyalty-tier-scoped rewards show according to your current tier.

The preview button itself was fixed in #749 (earlier versions sometimes failed to route correctly).

***

## Chat previews

The Nudj Agent supports **chat previews** (#900) — when the agent drafts content, it shows an inline preview card so you can see what the agent proposes without leaving the chat.

***

## What you can preview

Every admin-authored entity:

* Challenges (most commonly previewed)
* Rewards (wallet row, asset card, redemption flow)
* Posts (feed card + full post)
* Achievements (profile badge + criteria view)
* Games (via the game builder preview, see [Games](/admin-guide/gamification/games))
* Leaderboards (tier display, distribution)
* Themes (live iframe preview, see [Branding](/admin-guide/settings/branding-theming))

***

## Best practices

<Tip>
  **Always preview before Live.** Do a full end-to-end run of the challenge — complete it, claim the reward — in preview mode before flipping status.
</Tip>

<Tip>
  Test previews **on mobile**. Most members use mobile. Use the 3-column layout or preview-in-new-tab on your phone.
</Tip>