diff --git a/src/pages/apps/AppDetail.tsx b/src/pages/apps/AppDetail.tsx
index 9f17ce8..5ca67fd 100644
--- a/src/pages/apps/AppDetail.tsx
+++ b/src/pages/apps/AppDetail.tsx
@@ -2,7 +2,7 @@ import { useState, useCallback } from 'react'
 import { useParams, Link } from 'react-router-dom'
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query'
 import {
-	ArrowLeft, AppWindow, ExternalLink, Globe, Lock,
+	ArrowLeft, AppWindow, ExternalLink, Eye, Globe, Lock,
 	FileCode, HardDrive, Files, Info, Loader2, Save, FilePlus,
 } from 'lucide-react'
 import {
@@ -168,6 +168,21 @@ export function AppDetail() {
 				</div>
 			</div>
 			<div style={{ display: 'flex', gap: 6 }}>
+				<a
+					href={`/app/${slug}`}
+					target="_blank"
+					rel="noopener noreferrer"
+					style={{
+						display: 'flex', alignItems: 'center', gap: 4,
+						padding: '6px 12px', borderRadius: 8, fontSize: 11,
+						fontWeight: 600, textDecoration: 'none', cursor: 'pointer',
+						background: 'color-mix(in srgb, var(--nbl-agos) 10%, transparent)',
+						border: '1px solid color-mix(in srgb, var(--nbl-agos) 25%, transparent)',
+						color: 'var(--nbl-agos)',
+					}}
+				>
+					<Eye size={11} /> Preview
+				</a>
 				<button
 					type="button"
 					onClick={() => publishMutation.mutate(!app.is_published)}