diff --git a/client/pages/Hub.tsx b/client/pages/Hub.tsx
index eecd23a0..394fbf8d 100644
--- a/client/pages/Hub.tsx
+++ b/client/pages/Hub.tsx
@@ -276,6 +276,10 @@ export function HubPage() {
         </div>
       </header>
 
+      <Alert variant="info" className="py-3" data-testid="screenshot-demo-hub">
+        Screenshot demo: the session hub is ready for visual review.
+      </Alert>
+
       {health && !health.upstream.reachable && (
         <Alert variant="danger" data-testid="opencode-upstream-down">
           Cannot reach the OpenCode server at {health.upstream.url}. Start one with{" "}
diff --git a/client/pages/Settings.tsx b/client/pages/Settings.tsx
index 02e67f72..9136dabd 100644
--- a/client/pages/Settings.tsx
+++ b/client/pages/Settings.tsx
@@ -43,6 +43,9 @@ export function SettingsPage() {
         <h1 className="text-xl font-bold">Agent settings</h1>
         <p className="text-sm text-[var(--color-text-muted)]">Global defaults used by OpenCode projects.</p>
       </header>
+      <Alert variant="info" className="py-3" data-testid="screenshot-demo-settings">
+        Screenshot demo: global agent defaults are ready for visual review.
+      </Alert>
       <AppearanceControl />
       <Alert variant="warning">Saving global settings restarts OpenCode project instances. Avoid saving during an active run.</Alert>
       {error && <Alert variant="danger">{error}</Alert>}
diff --git a/client/pages/Tools.tsx b/client/pages/Tools.tsx
index a99a8f6c..d228d223 100644
--- a/client/pages/Tools.tsx
+++ b/client/pages/Tools.tsx
@@ -27,6 +27,9 @@ export function ToolsPage() {
         <h1 className="text-xl font-bold">MCP tools</h1>
         <p className="text-sm text-[var(--color-text-muted)]">Connect and disconnect affect this running OpenCode instance only.</p>
       </header>
+      <Alert variant="info" className="py-3" data-testid="screenshot-demo-tools">
+        Screenshot demo: tool health is ready for visual review.
+      </Alert>
       {!directory && <Alert variant="warning">Open a project on the home page first.</Alert>}
       {error && <Alert variant="danger">{error}</Alert>}
       <ul className="divide-y divide-[var(--color-border-default)] rounded-lg border border-[var(--color-border-default)]">