Update Morning Question Desk experience

PRODUCT.md

@@ -10,11 +10,11 @@ Dream QA / 梦境问答台 serves people who wake up with vivid, strange, or uns
 
 ## Product Purpose
 
-The product helps a user unpack a dream through a guided, step-by-step Q&A. It accepts text, image, and voice fragments, turns them into one structured dream intake, asks gentle follow-up questions, drafts a grounded interpretation, and ends with one Today Tip.
+The product helps a user unpack a dream through a guided, step-by-step Q&A. It accepts text, image, and voice fragments, turns them into one structured dream intake, asks one gentle follow-up question, drafts a grounded interpretation, and ends with a screenshot-friendly Morning Ticket whose first payload is one Today Tip.
 
 The hackathon-facing experience is English-first. A visible `English / 中文` language control keeps the Chinese experience available without making judges start from a Chinese-only first screen.
 
-Success means the user receives something more useful than a one-shot interpretation: one clear today tip first, an optional tiny action, and then a non-certain explanation grounded in concrete dream details and the user's answer. The tip can be practical, playful, or simply caring, but it must feel connected to the dream.
+Success means the user receives something more useful than a one-shot interpretation: one clear today tip first, an optional tiny 5-minute action, and then a non-certain explanation grounded in concrete dream details and the user's answer. The ticket can be practical, playful, or simply caring, but it must feel connected to the dream.
 
 ## Brand Personality
 

README.md

@@ -20,17 +20,19 @@ tags:
   - dream-journal
 ---
 
-# Dream QA / 梦境问答台
+# Dream QA / The Morning Question Desk
 
-A Build Small Hackathon Gradio app that helps users unpack a dream step by step and leave with one grounded tip for today.
+A Build Small Hackathon Gradio app that turns a fresh dream into one grounded Morning Ticket.
 
-The Hugging Face Space may still be named `Dream Customs` for continuity, but the current product direction is Dream QA: record a dream, answer or skip gentle follow-up questions, read a grounded interpretation draft, and receive a `今日小 Tips`.
+The Hugging Face Space may still be named `Dream Customs` for continuity, but the current product direction is Dream QA / 清晨问讯室: record a dream, answer or skip one gentle question, and receive a screenshot-friendly ticket with one `Today Tip`.
 
 The public hackathon demo is English-first for international judges. A visible in-app language toggle keeps the Chinese experience available as `中文`.
 
 ## Concept
 
-Dream QA accepts dream fragments by text, image, or voice. It turns those fragments into a shared dream intake, asks a grounded follow-up question, and returns a Today Tip card: one practical or caring suggestion first, an optional tiny action, and a short non-certain supporting reflection.
+Dream QA accepts dream fragments by text, image, or voice. It turns those fragments into a shared dream intake, extracts up to three concrete dream anchors, asks one grounded follow-up question, and returns a Morning Ticket: the Today Tip first, a tiny 5-minute action, and a short non-certain supporting reflection.
+
+The fastest demo path is the elevator story: `elevator -> floor 14 -> melting buttons -> overdue email -> write only the first sentence`.
 
 This is not a therapy, diagnosis, or prophecy product.
 
@@ -46,10 +48,10 @@ This is not a therapy, diagnosis, or prophecy product.
 ## User Flow
 
 1. Enter a dream by text, image, voice, or a mix.
-2. State or let the app infer the main question.
-3. Answer or skip one or more follow-up questions.
-4. Receive one Today Tip tied to concrete dream details and the user's answer.
-5. Read the supporting reflection if the user wants more context.
+2. Let the app surface the dream anchors.
+3. Answer or skip one follow-up question.
+4. Receive a Morning Ticket with one Today Tip tied to concrete dream details and the user's answer.
+5. Open the small-model note if the judge wants to see how MiniCPM-V and MiniCPM5-1B split the work.
 
 ## Language
 

docs/handoff.md

@@ -49,7 +49,7 @@ Build a guided dream interpretation app, not a diagnosis app, not a fortune-tell
 
 Final positioning:
 
-> Dream QA helps you record a dream, answer or skip one gentle question, and leave with one grounded Today Tip.
+> Dream QA helps you record a dream, answer or skip one gentle question, and leave with one grounded Morning Ticket whose first payload is a Today Tip.
 
 2026-06-09 tone contract:
 

docs/prd.md

@@ -10,7 +10,7 @@ Users who wake up from vivid dreams may feel unsettled, curious, or mentally clu
 
 ### Proposed Solution
 
-Dream QA is a Gradio app that accepts voice, image, and text dream fragments, normalizes them into a structured dream intake, asks gentle follow-up questions, drafts a grounded interpretation, and ends with one Today Tip.
+Dream QA is a Gradio app that accepts voice, image, and text dream fragments, normalizes them into a structured dream intake, asks one gentle follow-up question, drafts a grounded interpretation, and ends with a Morning Ticket whose first payload is one Today Tip.
 
 The repository and Space may continue to use `Dream Customs` as the deployed project name, but the product experience should no longer be built around permits, contraband, or sealed pact cards.
 
@@ -92,13 +92,13 @@ Acceptance criteria:
 - Skip path still generates a final tip.
 - Questions avoid clinical or diagnostic phrasing.
 
-#### Story 5: Today Tip Card
+#### Story 5: Morning Ticket
 
 As a user, I want a clear final result so that I leave with one small thing for today.
 
 Acceptance criteria:
 
-- Result includes dream summary, main question, today tip, optional tiny action, supporting interpretation, optional caring note, and safety note when needed.
+- Result includes dream summary, main question, today tip, optional tiny 5-minute action, supporting interpretation, optional caring note, and safety note when needed.
 - Result presents the Today Tip before supporting interpretation.
 - Result is readable on mobile and desktop.
 - Result avoids medical, prophetic, or deterministic framing.

docs/reports/2026-06-12-dream-qa-fix-report.html

@@ -0,0 +1,720 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Dream QA 本轮修复回顾 - 2026-06-12</title>
+  <style>
+    :root {
+      --bg: #f6f1e9;
+      --paper: #fffaf1;
+      --paper-strong: #fff3df;
+      --ink: #183137;
+      --muted: #66787b;
+      --line: #d9cbb8;
+      --teal: #0b5963;
+      --teal-soft: #dcecea;
+      --coral: #bd5545;
+      --coral-soft: #f7ddd4;
+      --sage: #e7eadb;
+      --shadow: 0 22px 60px rgba(24, 49, 55, 0.13);
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      color: var(--ink);
+      font-family: "Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
+      line-height: 1.65;
+      background:
+        linear-gradient(90deg, rgba(11, 89, 99, 0.04) 1px, transparent 1px),
+        linear-gradient(0deg, rgba(189, 85, 69, 0.035) 1px, transparent 1px),
+        var(--bg);
+      background-size: 76px 76px, 76px 76px, auto;
+    }
+
+    body {
+      margin: 0;
+    }
+
+    a {
+      color: var(--teal);
+      font-weight: 760;
+      text-decoration-thickness: 2px;
+      text-underline-offset: 3px;
+    }
+
+    code {
+      background: rgba(11, 89, 99, 0.08);
+      border: 1px solid rgba(11, 89, 99, 0.12);
+      border-radius: 5px;
+      color: #113e46;
+      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      font-size: 0.92em;
+      padding: 0.08em 0.34em;
+    }
+
+    .page {
+      margin: 0 auto;
+      max-width: 1180px;
+      padding: 28px clamp(16px, 4vw, 44px) 56px;
+    }
+
+    .hero {
+      background:
+        linear-gradient(135deg, rgba(11, 89, 99, 0.97), rgba(24, 49, 55, 0.96)),
+        var(--teal);
+      border: 1px solid rgba(24, 49, 55, 0.2);
+      border-radius: 10px 10px 0 0;
+      box-shadow: var(--shadow);
+      color: #fffaf1;
+      padding: clamp(24px, 4vw, 44px);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .hero::after {
+      border: 1px solid rgba(255, 250, 241, 0.45);
+      border-radius: 999px;
+      content: "DREAM QA REVIEW";
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: 0.74rem;
+      font-weight: 700;
+      height: 92px;
+      letter-spacing: 0;
+      line-height: 92px;
+      opacity: 0.55;
+      position: absolute;
+      right: 28px;
+      text-align: center;
+      top: 24px;
+      transform: rotate(8deg);
+      width: 92px;
+    }
+
+    .kicker {
+      color: #f7d7cc;
+      font-size: 0.82rem;
+      font-weight: 820;
+      margin: 0 0 12px;
+      text-transform: uppercase;
+    }
+
+    h1,
+    h2,
+    h3 {
+      letter-spacing: 0;
+      line-height: 1.2;
+    }
+
+    h1 {
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: clamp(2.15rem, 6vw, 4.2rem);
+      margin: 0;
+      max-width: 820px;
+    }
+
+    .hero p {
+      color: rgba(255, 250, 241, 0.86);
+      font-size: 1.05rem;
+      margin: 18px 0 0;
+      max-width: 760px;
+    }
+
+    .summary-bar {
+      background: var(--paper);
+      border: 1px solid var(--line);
+      border-top: 0;
+      box-shadow: var(--shadow);
+      display: grid;
+      gap: 14px;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      padding: 18px clamp(18px, 4vw, 34px);
+    }
+
+    .summary-item {
+      border-left: 3px solid var(--teal);
+      padding-left: 12px;
+    }
+
+    .summary-item span {
+      color: var(--muted);
+      display: block;
+      font-size: 0.78rem;
+      font-weight: 760;
+      text-transform: uppercase;
+    }
+
+    .summary-item strong {
+      display: block;
+      font-size: 1rem;
+      margin-top: 3px;
+    }
+
+    main {
+      background: rgba(255, 250, 241, 0.88);
+      border: 1px solid var(--line);
+      border-top: 0;
+      box-shadow: var(--shadow);
+      padding: clamp(22px, 4vw, 40px);
+    }
+
+    section {
+      margin-top: 38px;
+    }
+
+    section:first-child {
+      margin-top: 0;
+    }
+
+    h2 {
+      align-items: center;
+      color: var(--ink);
+      display: flex;
+      font-family: Georgia, "Times New Roman", serif;
+      font-size: clamp(1.45rem, 3vw, 2rem);
+      gap: 12px;
+      margin: 0 0 18px;
+    }
+
+    h2::before {
+      background: var(--teal);
+      border-radius: 999px;
+      content: "";
+      display: inline-block;
+      height: 12px;
+      width: 12px;
+    }
+
+    h3 {
+      color: #173f47;
+      font-size: 1.05rem;
+      margin: 0 0 8px;
+    }
+
+    p {
+      margin: 0 0 14px;
+    }
+
+    .lead {
+      color: #304f55;
+      font-size: 1.06rem;
+      max-width: 860px;
+    }
+
+    .grid {
+      display: grid;
+      gap: 16px;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .card {
+      background: rgba(255, 255, 255, 0.55);
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      padding: 18px;
+    }
+
+    .card.warning {
+      background: linear-gradient(180deg, #fff8ee, var(--coral-soft));
+      border-color: #e7b8aa;
+    }
+
+    .tag-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin: 12px 0 0;
+      padding: 0;
+    }
+
+    .tag-list li {
+      background: var(--teal-soft);
+      border: 1px solid rgba(11, 89, 99, 0.16);
+      border-radius: 999px;
+      color: #17494f;
+      font-size: 0.88rem;
+      font-weight: 720;
+      list-style: none;
+      padding: 5px 10px;
+    }
+
+    .fix-list {
+      counter-reset: fixes;
+      display: grid;
+      gap: 14px;
+      margin: 0;
+      padding: 0;
+    }
+
+    .fix-list > li {
+      background: var(--paper);
+      border: 1px solid var(--line);
+      border-radius: 8px;
+      display: grid;
+      gap: 10px;
+      grid-template-columns: 42px minmax(0, 1fr);
+      list-style: none;
+      padding: 16px;
+    }
+
+    .fix-list > li::before {
+      align-items: center;
+      background: var(--teal);
+      border-radius: 999px;
+      color: #fffaf1;
+      content: counter(fixes);
+      counter-increment: fixes;
+      display: inline-flex;
+      font-weight: 820;
+      height: 32px;
+      justify-content: center;
+      margin-top: 2px;
+      width: 32px;
+    }
+
+    .fix-list ul,
+    .check-list,
+    .commit-list {
+      margin: 8px 0 0;
+      padding-left: 1.1rem;
+    }
+
+    .fix-list li li,
+    .check-list li,
+    .commit-list li {
+      margin: 5px 0;
+    }
+
+    .matrix {
+      border-collapse: collapse;
+      font-size: 0.96rem;
+      width: 100%;
+    }
+
+    .matrix th,
+    .matrix td {
+      border: 1px solid var(--line);
+      padding: 11px 12px;
+      text-align: left;
+      vertical-align: top;
+    }
+
+    .matrix th {
+      background: var(--sage);
+      color: #253f43;
+      font-size: 0.82rem;
+      text-transform: uppercase;
+    }
+
+    .status {
+      border-radius: 999px;
+      display: inline-block;
+      font-size: 0.82rem;
+      font-weight: 820;
+      padding: 4px 9px;
+      white-space: nowrap;
+    }
+
+    .status.done {
+      background: #dcecea;
+      color: #17494f;
+    }
+
+    .status.open {
+      background: #fff0cf;
+      color: #704d00;
+    }
+
+    .callout {
+      background: linear-gradient(90deg, rgba(11, 89, 99, 0.12), rgba(11, 89, 99, 0.04));
+      border: 1px solid rgba(11, 89, 99, 0.2);
+      border-left: 5px solid var(--teal);
+      border-radius: 8px;
+      padding: 16px 18px;
+    }
+
+    .timeline {
+      border-left: 2px solid var(--line);
+      margin: 0;
+      padding: 0 0 0 22px;
+    }
+
+    .timeline li {
+      list-style: none;
+      margin: 0 0 16px;
+      position: relative;
+    }
+
+    .timeline li::before {
+      background: var(--coral);
+      border: 3px solid var(--paper);
+      border-radius: 999px;
+      content: "";
+      height: 12px;
+      left: -30px;
+      position: absolute;
+      top: 6px;
+      width: 12px;
+    }
+
+    footer {
+      color: var(--muted);
+      font-size: 0.9rem;
+      padding: 20px 4px 0;
+      text-align: center;
+    }
+
+    @media (max-width: 820px) {
+      .summary-bar,
+      .grid {
+        grid-template-columns: 1fr;
+      }
+
+      .hero::after {
+        display: none;
+      }
+
+      .fix-list > li {
+        grid-template-columns: 1fr;
+      }
+
+      .matrix {
+        display: block;
+        overflow-x: auto;
+      }
+    }
+
+    @media print {
+      html {
+        background: #fff;
+      }
+
+      .page {
+        max-width: none;
+        padding: 0;
+      }
+
+      .hero,
+      .summary-bar,
+      main {
+        box-shadow: none;
+      }
+
+      a {
+        color: var(--ink);
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="page">
+    <header class="hero">
+      <p class="kicker">Build Small Hackathon - Dream QA</p>
+      <h1>本轮修复回顾</h1>
+      <p>这份文档记录了从用户视角评估本地 Gradio app 后发现的问题、对应修复、验证结果，以及 Hugging Face Space PR 状态。它适合回看决策脉络，也适合给后续接手的人快速对齐。</p>
+    </header>
+
+    <aside class="summary-bar" aria-label="本轮状态摘要">
+      <div class="summary-item">
+        <span>GitHub branch</span>
+        <strong><code>bugfix/emotion-led-dream-qa</code></strong>
+      </div>
+      <div class="summary-item">
+        <span>Latest GitHub commit</span>
+        <strong><code>a2c28e0</code></strong>
+      </div>
+      <div class="summary-item">
+        <span>HF Space PR</span>
+        <strong><a href="https://huggingface.co/spaces/build-small-hackathon/dream-customs/discussions/36">Discussion #36</a></strong>
+      </div>
+      <div class="summary-item">
+        <span>Verification</span>
+        <strong>147 tests + Chrome smoke passed</strong>
+      </div>
+    </aside>
+
+    <main>
+      <section>
+        <h2>一句话结论</h2>
+        <p class="lead">本轮不是单纯改样式，而是把 Dream QA 从“看起来能跑”推进到“用户真实点击时更稳定、更贴梦境、更可交付”。重点修了三类问题：梦境细节保真、交互反馈与复制体验、真实 Chrome 下 Gradio 事件运行时错误。</p>
+        <div class="callout">
+          <strong>当前状态：</strong>本地 Chrome 完整用户流已通过；GitHub 分支已推送；Hugging Face Space PR 已创建但未合并到 live Space main。
+        </div>
+      </section>
+
+      <section>
+        <h2>最初评价维度</h2>
+        <div class="grid">
+          <article class="card">
+            <h3>1. 创意实现完整度</h3>
+            <p>核心创意是循序渐进的梦境问答：先记录梦境，再问一个温和追问，最后给一个引用梦里具体细节的 Today Tip。本轮重点检查它是否真的按这个故事线工作，而不是输出泛泛建议。</p>
+            <ul class="tag-list">
+              <li>梦境锚点</li>
+              <li>追问链路</li>
+              <li>Today Tip</li>
+            </ul>
+          </article>
+          <article class="card">
+            <h3>2. 前端 UI/UX 与交互逻辑</h3>
+            <p>重点看用户能不能明确知道下一步、等待时有没有反馈、错误是否贴近输入区、结果是否能复制，以及“再追问”和“换角度”是否语义清楚。</p>
+            <ul class="tag-list">
+              <li>加载反馈</li>
+              <li>内联错误</li>
+              <li>复制结果</li>
+              <li>按钮语义</li>
+            </ul>
+          </article>
+          <article class="card">
+            <h3>3. 后端与 Modal endpoint 动态响应</h3>
+            <p>重点看后端是否能根据用户输入和追问回答动态调整输出，而不是沿用模板；同时检查真实点击是否触发 Gradio/endpoint 运行时错误。</p>
+            <ul class="tag-list">
+              <li>回答感知</li>
+              <li>schema guard</li>
+              <li>真实运行态</li>
+            </ul>
+          </article>
+          <article class="card">
+            <h3>4. 补充验收方向</h3>
+            <p>我额外补了可回归的工程验收：自动测试、Today Tip 质量脚本、Chrome 真实点击、剪贴板、HF Space PR 状态拆分。</p>
+            <ul class="tag-list">
+              <li>pytest</li>
+              <li>Chrome smoke</li>
+              <li>HF Space PR</li>
+            </ul>
+          </article>
+        </div>
+      </section>
+
+      <section>
+        <h2>发现的问题与修复</h2>
+        <ol class="fix-list">
+          <li>
+            <div>
+              <h3>梦境锚点会被示例污染</h3>
+              <p><strong>问题：</strong>用户只说了办公楼、14 层、电梯口、邮件、小台灯时，系统有时会把历史示例里的“融化按钮”带进结果，破坏可信度。</p>
+              <p><strong>修复：</strong>扩展中文锚点提取，增加 unsupported melted detail 清理逻辑，让 <code>stuck_elevator</code> 相关提示只使用真实输入里出现过的细节。</p>
+              <ul>
+                <li>新增测试覆盖：未输入“融化”时不得出现；用户确实输入“融化按钮”时要保留。</li>
+                <li>代表提交：<code>7e05b4c Fix Dream QA anchor fidelity</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>Today Tip 没有优先吸收用户回答</h3>
+              <p><strong>问题：</strong>用户在追问回答里给出具体行动，例如“今天先写邮件第一句话”，结果仍可能偏向情绪模板。</p>
+              <p><strong>修复：</strong>在 <code>_polish_today_tip</code> 中增加 answer-aware shaping：当回答里包含邮件、草稿、演示等明确任务时，让 interpretation、today_tip、tiny_action 优先围绕这个具体行动生成。</p>
+              <ul>
+                <li>Chrome 验证结果：最终 Tip 明确引用“邮件”和“第一句话”。</li>
+                <li>代表提交：<code>8b45257 Prioritize concrete answer tips</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>长等待时用户不知道系统是否在工作</h3>
+              <p><strong>问题：</strong>点击继续或发送回答后，如果后端较慢，页面缺少即时反馈，用户容易误以为卡住。</p>
+              <p><strong>修复：</strong>增加 processing notice 与 processing note。提交梦境时显示“正在整理梦境线索”，生成 Tip 时显示“正在检查梦境锚点、你的回答和安全边界”。</p>
+              <ul>
+                <li>后续 Chrome 验收发现 event-level JS 会触发 Gradio Number 输入错误，因此最终改成 DOM listener，不再挂在 Gradio <code>.click(js=...)</code> 上。</li>
+                <li>代表提交：<code>f84f819</code>, <code>ed9b284</code>, <code>a2c28e0</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>复制结果按钮不是真正复制</h3>
+              <p><strong>问题：</strong>用户生成 Today Tip 后，需要方便复制结果回看或分享。</p>
+              <p><strong>修复：</strong>增加 <code>navigator.clipboard.writeText</code> 路径，并保留浏览器阻止复制时的可恢复提示。</p>
+              <ul>
+                <li>Chrome 验证结果：剪贴板文本长度 1299，包含 Today Tip 与“邮件”。</li>
+                <li>代表提交：<code>6fb9df2 Make result copy button use clipboard</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>“换个角度”语义不够明确，追问片段可能截断</h3>
+              <p><strong>问题：</strong>按钮文案容易让人误解为重写结果，不是重新追问；中文回答片段还可能截成“今天可。”这种不自然片段。</p>
+              <p><strong>修复：</strong>按钮改为“再追问一下”和“换个追问角度”；中文 answer snippet 截断长度放宽，并尽量在句末截断。</p>
+              <ul>
+                <li>Chrome 验证结果：新追问保留完整“今天可以先写第一句话，不一定马上发出去”。</li>
+                <li>代表提交：<code>11bc374 Clarify another-angle questions</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>空输入错误只在顶部提示，不够贴近输入区</h3>
+              <p><strong>问题：</strong>用户不输入任何梦境就点继续时，错误只靠顶部 notice，不够明确，也不利于辅助技术感知。</p>
+              <p><strong>修复：</strong>在输入区下方增加内联错误提示，并使用 <code>role="alert"</code>。</p>
+              <ul>
+                <li>Chrome 验证结果：空输入后出现 “Dream note needs at least one sentence, image, or voice clue before Continue.”</li>
+                <li>代表提交：<code>510df9b Show inline dream input errors</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>真实 Chrome 下“发送回答”会崩溃</h3>
+              <p><strong>问题：</strong>Chrome 真实点击“发送回答”时，Gradio 抛出 <code>type str doesn't define __round__ method</code>。根因是 processing feedback 挂在 event-level JS 上后，Number 输入在真实浏览器路径中以字符串进入 <code>gr.Number.preprocess</code>。</p>
+              <p><strong>修复：</strong>尝试数值 coercion 后仍复现，最终改成更稳的方案：processing feedback 使用 <code>Blocks(js=VOICE_JS)</code> 里的 class-based DOM listener，Gradio 事件本身不再带 processing JS，从根上避免污染事件输入。</p>
+              <ul>
+                <li>Chrome 复测结果：回答提交成功生成 Today Tip，无 <code>__round__</code> 错误。</li>
+                <li>代表提交：<code>a5fd37d</code>, <code>fd4afbc</code>, <code>ed9b284</code></li>
+              </ul>
+            </div>
+          </li>
+          <li>
+            <div>
+              <h3>追问按钮的处理中提示语义不准</h3>
+              <p><strong>问题：</strong>点“换个追问角度”时，processing 文案仍然说“正在把追问回答整理进今日小 Tips”，与实际行为不一致。</p>
+              <p><strong>修复：</strong>把追问类按钮从 Tip processing 分离出来，显示“正在换一个追问角度”和“正在保留你的回答和梦境锚点，只重新生成一个更贴近当下的追问”。</p>
+              <ul>
+                <li>Chrome 验证结果：换角度时出现正确 processing 文案，并成功回到追问态。</li>
+                <li>代表提交：<code>a2c28e0 Clarify question processing feedback</code></li>
+              </ul>
+            </div>
+          </li>
+        </ol>
+      </section>
+
+      <section>
+        <h2>最终 Chrome 验收记录</h2>
+        <table class="matrix">
+          <thead>
+            <tr>
+              <th>用户动作</th>
+              <th>验收点</th>
+              <th>结果</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>空输入后点击 Continue</td>
+              <td>输入区下方出现内联错误，带 <code>role="alert"</code></td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+            <tr>
+              <td>切中文并输入办公楼、电梯口、邮件梦境</td>
+              <td>点击后立即出现中文 processing 文案</td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+            <tr>
+              <td>等待生成追问</td>
+              <td>追问抓住办公楼、邮件、电梯口，不出现未输入的“融化按钮”</td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+            <tr>
+              <td>回答“先写邮件第一句话”</td>
+              <td>Today Tip 引用邮件��第一句话，且不要求立刻发出</td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+            <tr>
+              <td>点击复制结果</td>
+              <td>剪贴板中有完整结果，包含 Today Tip 与邮件线索</td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+            <tr>
+              <td>点击换个追问角度</td>
+              <td>processing 文案语义正确，新追问不截断为“今天可。”</td>
+              <td><span class="status done">通过</span></td>
+            </tr>
+          </tbody>
+        </table>
+      </section>
+
+      <section>
+        <h2>测试与质量门</h2>
+        <div class="grid">
+          <article class="card">
+            <h3>自动化测试</h3>
+            <ul class="check-list">
+              <li><code>.venv/bin/python -m pytest -q</code> - 147 passed</li>
+              <li><code>.venv/bin/python scripts/evaluate_today_tip_quality.py</code> - 11 cases passed</li>
+              <li><code>git diff --check</code> - passed</li>
+            </ul>
+          </article>
+          <article class="card">
+            <h3>真实运行检查</h3>
+            <ul class="check-list">
+              <li>本地 Gradio app 使用当前提交启动在 <code>localhost:7860</code></li>
+              <li>通过 Chrome 插件真实点击完整用户流</li>
+              <li>检查剪贴板、DOM 文案、运行时错误、梦境锚点污染</li>
+            </ul>
+          </article>
+        </div>
+      </section>
+
+      <section>
+        <h2>提交记录</h2>
+        <p>本轮按“每完成一项 todo 就 commit/push”的节奏推进。核心提交如下：</p>
+        <ul class="commit-list">
+          <li><code>7e05b4c</code> Fix Dream QA anchor fidelity</li>
+          <li><code>8b45257</code> Prioritize concrete answer tips</li>
+          <li><code>f84f819</code> Improve Dream QA processing feedback</li>
+          <li><code>6fb9df2</code> Make result copy button use clipboard</li>
+          <li><code>11bc374</code> Clarify another-angle questions</li>
+          <li><code>510df9b</code> Show inline dream input errors</li>
+          <li><code>a5fd37d</code> Preserve numeric settings in processing JS</li>
+          <li><code>fd4afbc</code> Harden processing JS number coercion</li>
+          <li><code>ed9b284</code> Move processing feedback off Gradio event JS</li>
+          <li><code>a2c28e0</code> Clarify question processing feedback</li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Hugging Face Space 状态</h2>
+        <div class="grid">
+          <article class="card">
+            <h3>已完成</h3>
+            <p>已经从干净的 <code>HEAD</code> archive 创建 Hugging Face Space PR，避免把本地既有脏文件和未跟踪目录上传进去。</p>
+            <ul class="check-list">
+              <li>PR: <a href="https://huggingface.co/spaces/build-small-hackathon/dream-customs/discussions/36">dream-customs discussions/36</a></li>
+              <li>PR ref: <code>refs/pr/36</code></li>
+              <li>PR commit: <code>76c31a370aba5ca6663310c304c7f08882d73959</code></li>
+            </ul>
+          </article>
+          <article class="card warning">
+            <h3>未合并到 live main</h3>
+            <p>本轮只创建了 Space PR，没有改 live Space main。创建 PR 时：</p>
+            <ul class="check-list">
+              <li><code>space/main</code>: <code>2ce45081165b96e747c8b406269905e5d46ac211</code></li>
+              <li><code>refs/pr/36</code>: <code>76c31a370aba5ca6663310c304c7f08882d73959</code></li>
+            </ul>
+          </article>
+        </div>
+      </section>
+
+      <section>
+        <h2>回看时重点看什么</h2>
+        <ul class="timeline">
+          <li>
+            <h3>用户信任感来自“锚点真实”</h3>
+            <p>Dream QA 最怕凭空编细节。本轮最重要的产品修复就是让输出只引用用户真的提供过的梦境线索。</p>
+          </li>
+          <li>
+            <h3>Today Tip 必须跟用户回答发生关系</h3>
+            <p>用户回答追问后，结果应该明显变得更具体。本轮让“先写邮件第一句话”这种回答进入可见建议。</p>
+          </li>
+          <li>
+            <h3>真实点击比静态测试更能暴露问题</h3>
+            <p><code>type str doesn't define __round__ method</code> 是 Chrome 真实点击才稳定暴露的问题。最终修法不是继续包补丁，而是绕开 event-level JS 对 Gradio inputs 的干扰。</p>
+          </li>
+          <li>
+            <h3>Space PR 和 live Space 要分开看</h3>
+            <p>GitHub 分支已推，HF Space PR 已创建，但 live Space main 没有被本轮修改。后续如果合并 PR，需要再做 live <code>/config</code> 和浏览器 smoke。</p>
+          </li>
+        </ul>
+      </section>
+    </main>
+
+    <footer>
+      Generated for Dream QA local fix review on 2026-06-12. This file is static and self-contained.
+    </footer>
+  </div>
+</body>
+</html>

docs/smoke/2026-06-12-morning-question-desk-smoke.md

@@ -0,0 +1,39 @@
+# Morning Question Desk Smoke - 2026-06-12
+
+Goal: verify the Dream QA shell now behaves like `The Morning Question Desk` instead of a generic dream interpreter or legacy customs form.
+
+## Static Gates
+
+```bash
+.venv/bin/python -m pytest -q
+.venv/bin/python scripts/evaluate_today_tip_quality.py
+.venv/bin/python scripts/evaluate_demo_quality.py
+```
+
+Results:
+
+- `152 passed`
+- Today Tip quality eval: `11/11`, `passes: true`
+- Demo quality eval: `10/10`, `passes: true`
+
+## Chrome Smoke
+
+Local server:
+
+```bash
+GRADIO_SERVER_PORT=7864 .venv/bin/python app.py
+```
+
+Chrome observations on `http://127.0.0.1:7864`:
+
+- Hero shows `Dream QA / The Morning Question Desk`.
+- Main question shows `What did the dream leave you asking?`.
+- Stepper is `Record -> One Question -> Today Tip`.
+- Three real demo chips are visible: `elevator`, `floor 14`, `melting buttons`.
+- Clicking `melting buttons` fills the dream note with the floor-14 overdue-email demo.
+- Completing the demo produces a `Morning Ticket`.
+- The ticket renders anchor chips: `elevator`, `melted button`, `floor 14`.
+- Ticket sections include `Today Tip`, `Tiny 5-minute action`, `Supporting reflection`, and collapsed `How this was made small`.
+- Visible page text did not include legacy `permit`, `contraband`, or `sealed pact`.
+
+Known note: Chrome console still reports a Gradio warning, `Too many arguments provided for the endpoint`, after the chip click. The chip output, textarea state, and downstream ticket flow work correctly, and `/config` shows each chip event has one language input and two outputs.

docs/smoke/2026-06-13-morning-question-desk-anchor-chips-smoke.md

@@ -0,0 +1,46 @@
+# Morning Question Desk Anchor Chips Smoke - 2026-06-13
+
+Goal: verify the Dream QA 90-second judge path shows visible dream anchors before the single follow-up question, then still produces a grounded Morning Ticket.
+
+## Static and automated gates
+
+- Pull check: `git pull --ff-only` -> `Already up to date.`
+- Pytest: `.venv/bin/python -m pytest -q` -> `154 passed, 6 warnings`
+- Today Tip quality eval: `.venv/bin/python scripts/evaluate_today_tip_quality.py` -> `11/11`, `passes: true`
+- Demo quality eval: `.venv/bin/python scripts/evaluate_demo_quality.py` -> `10/10`, `passes: true`
+
+## Local runtime
+
+- Command: `GRADIO_SERVER_PORT=7864 .venv/bin/python app.py`
+- URL: `http://127.0.0.1:7864`
+- Default runtime config still reports Modal text / vision / ASR endpoints configured.
+
+## Chrome path
+
+1. Opened the local app in Chrome.
+2. Verified hero copy:
+   - `Dream QA / The Morning Question Desk`
+   - `What did the dream leave you asking?`
+   - `Record -> One Question -> Today Tip`
+3. Clicked demo chip `melting buttons`.
+4. Verified the dream note contains `floor 14` and `overdue email`.
+5. Clicked `Ask one question`.
+6. Verified One Question stage shows visible anchor chips before the desk question:
+   - `elevator`
+   - `floor 14`
+   - `melted button`
+7. Answered: `It reminds me of an overdue email. I only need the first sentence.`
+8. Verified the final result:
+   - Shows `Morning Ticket`
+   - Shows `Today Tip`
+   - Shows `Because your dream kept returning to`
+   - Shows `Tiny 5-minute action`
+   - Shows collapsed `How this was made small`
+   - Mentions `overdue email`
+   - Mentions `first sentence`
+   - Ticket anchors render as `elevator`, `melted button`, `floor 14`
+   - Visible page text does not include legacy `permit`, `contraband`, or `sealed pact`
+
+## Product note
+
+The earlier One Question stage had enough textual grounding, but the anchor strip was not visible because the ask-state view did not pass `qa_state.dream_anchors` forward. The ask-state view now carries those anchors, and the English anchor extractor avoids the malformed `for floor` chip on the elevator demo.

docs/spec.md

@@ -4,7 +4,7 @@ Last updated: 2026-06-08
 
 ## 1. One-Line Concept
 
-Dream QA helps users unpack last night's dream step by step: they record a dream with text, image, or voice; the system asks one grounded follow-up question; then it gives a non-diagnostic, non-fatalistic interpretation draft and one gentle Today Tip.
+Dream QA helps users unpack last night's dream step by step: they record a dream with text, image, or voice; the system asks one grounded follow-up question; then it gives a non-diagnostic, non-fatalistic Morning Ticket with one gentle Today Tip first.
 
 The public hackathon demo is English-first because the event is international. Chinese remains available through the in-app `English / 中文` toggle.
 
@@ -168,7 +168,7 @@ Responsibilities:
 8. User answers, skips, adds detail, or asks for another angle.
 9. MiniCPM5-1B drafts a grounded interpretation.
 10. MiniCPM5-1B generates a final `TodayTipCard`.
-11. Gradio renders a mobile-readable result block and plain text.
+11. Gradio renders a mobile-readable Morning Ticket and plain text.
 
 ## 9. Output Contract
 
@@ -177,7 +177,7 @@ The final result must include:
 - Dream summary.
 - Main question.
 - One primary today tip.
-- Optional tiny action.
+- Optional tiny 5-minute action.
 - Supporting grounded interpretation.
 - Optional caring note.
 - Safety note if the input indicates severe distress.
@@ -232,7 +232,7 @@ Content:
 Content:
 
 - One primary today tip.
-- Optional tiny action.
+- Optional tiny 5-minute action.
 - Optional caring note.
 
 ### Screen 0: Language

dream_customs/app_logic.py

@@ -257,7 +257,7 @@ def _today_tip_plain_text(card) -> str:
         f"Today Tip: {card.today_tip}",
     ]
     if card.tiny_action:
-        lines.append(f"Weird little thing: {card.tiny_action}")
+        lines.append(f"Tiny 5-minute action: {card.tiny_action}")
     if card.caring_note:
         lines.append(f"Caring note: {card.caring_note}")
     if card.safety_note:

dream_customs/pipeline.py

@@ -87,6 +87,7 @@ _ANCHOR_STOPWORDS = {
     "every",
     "feeling",
     "fragment",
+    "for",
     "from",
     "full",
     "into",
@@ -485,6 +486,14 @@ def _extract_dream_anchors(intake: DreamIntake) -> List[str]:
     candidates: List[str] = []
     visual_candidates = _visual_anchor_candidates(intake)
     candidates.extend(visual_candidates[:3])
+    if "elevator" in text:
+        candidates.append("elevator")
+    if re.search(r"\bfloor\s*14\b|\b14\b", text):
+        candidates.append("floor 14")
+    if "button" in text and re.search(r"\b(melt|melted|melting|wax)\b", text):
+        candidates.append("melted button")
+    if "overdue email" in text:
+        candidates.append("overdue email")
     for marker in _ZH_ANCHOR_MARKERS:
         if marker in raw_text:
             candidates.append(marker)

dream_customs/render.py

@@ -25,32 +25,42 @@ def _phase_label(phase: str) -> str:
 
 def render_today_tip_card(card: TodayTipCard, language: str = "en") -> str:
     is_zh = language == "zh"
-    anchors = "　".join(escape(anchor) for anchor in card.dream_anchors)
+    anchor_items = [anchor for anchor in card.dream_anchors[:3] if anchor.strip()]
+    anchors = "　".join(escape(anchor) for anchor in anchor_items)
+    anchor_chips = "".join(f"<span>{escape(anchor)}</span>" for anchor in anchor_items)
     questions = "".join(f"<li>{escape(question)}</li>" for question in card.followup_questions)
     answers = "".join(f"<li>{escape(answer)}</li>" for answer in card.user_answers)
     labels = {
-        "page": "今日小 Tips" if is_zh else "Today Tip",
-        "thanks": "谢谢你的分享。根据你的梦境，我们为你整理了今天的参考。"
+        "page": "清晨小票" if is_zh else "Morning Ticket",
+        "ticket": "今日小 Tips" if is_zh else "Today Tip",
+        "thanks": "这不是诊断，也不是预言；它只把梦境锚点整理成今天可以带走的一张小纸条。"
         if is_zh
-        else "Thanks for sharing this. Here is one grounded suggestion for today.",
+        else "Not a diagnosis, not a prophecy. Just one small note for today, grounded in the dream.",
         "interpretation": "补充解读" if is_zh else "Supporting reflection",
-        "today_tip": "今天的小建议" if is_zh else "Today's small suggestion",
-        "tiny_action": "古怪的小事" if is_zh else "Weird little thing",
-        "anchors": "关键词：" if is_zh else "Anchors:",
+        "today_tip": "今日小 Tips" if is_zh else "Today Tip",
+        "tiny_action": "5 分钟小行动" if is_zh else "Tiny 5-minute action",
+        "anchors": "梦境锚点" if is_zh else "Dream anchors",
+        "because": "因为这个梦一直回到：" if is_zh else "Because your dream kept returning to:",
         "history": "追问记录" if is_zh else "Question record",
         "safety_default": "这不是诊断，只是一个温和的今日参考。"
         if is_zh
         else "A gentle reflection for today, not a diagnosis or prophecy.",
         "safety_prefix": "这不是诊断。" if is_zh else "This is not a diagnosis. ",
         "highlight": "梦境细节" if is_zh else "dream detail",
+        "small_models": "小模型如何参与" if is_zh else "How this was made small",
+        "small_models_body": (
+            "MiniCPM-V 负责读取草图、便签和图片线索；MiniCPM5-1B 负责追问、解读草稿和今日小 Tips。"
+            if is_zh
+            else "MiniCPM-V reads sketches, notes, and image clues; MiniCPM5-1B writes the follow-up question, reflection, and ticket."
+        ),
     }
     tiny_action = (
-        f"<section class='dqa-result-card'><div class='dqa-card-icon'>□</div><div><h3>{labels['tiny_action']}</h3><p>{escape(card.tiny_action)}</p></div></section>"
+        f"<section class='dqa-ticket-row'><h3>{labels['tiny_action']}</h3><p>{escape(card.tiny_action)}</p></section>"
         if card.tiny_action
         else ""
     )
     caring_note = (
-        f"<div class='dqa-care-note'>♡ {escape(card.caring_note)}</div>"
+        f"<div class='dqa-care-note'><strong>{'关心一句' if is_zh else 'Care note'}</strong>{escape(card.caring_note)}</div>"
         if card.caring_note
         else ""
     )
@@ -68,28 +78,27 @@ def render_today_tip_card(card: TodayTipCard, language: str = "en") -> str:
 <section class="dqa-tip-page" aria-label="{labels['page']}">
   <div class="dqa-tip-hero">
     <div>
-      <div class="dqa-sun">☼</div>
       <h2>{labels['page']}</h2>
       <p>{labels['thanks']}</p>
     </div>
   </div>
-  <article class="dqa-result-card is-primary-tip">
-    <div class="dqa-card-icon">☼</div>
-    <div>
+  <div class="dqa-anchor-chips" aria-label="{labels['anchors']}">{anchor_chips}</div>
+  <article class="dqa-morning-ticket">
+    <div class="dqa-ticket-topline"><span>{labels['because']}</span><strong>{anchors or labels['highlight']}</strong></div>
+    <section class="dqa-ticket-row is-primary-tip">
       <h3>{labels['today_tip']}</h3>
       <p>{escape(card.today_tip)}</p>
-      <div class="dqa-tip-highlight">★ {escape(card.dream_anchors[0] if card.dream_anchors else labels['highlight'])}</div>
-    </div>
-  </article>
-  {tiny_action}
-  <article class="dqa-result-card is-interpretation">
-    <div class="dqa-card-icon">☘</div>
-    <div>
+    </section>
+    {tiny_action}
+    <section class="dqa-ticket-row is-interpretation">
       <h3>{labels['interpretation']}</h3>
       <p>{escape(card.interpretation)}</p>
-      <div class="dqa-anchor-strip">{labels['anchors']} {anchors}</div>
-    </div>
+    </section>
   </article>
+  <details class="dqa-small-model-note">
+    <summary>{labels['small_models']}</summary>
+    <p>{labels['small_models_body']}</p>
+  </details>
   {qa_history}
   {safety}
   {caring_note}

dream_customs/ui/actions.py

@@ -86,7 +86,7 @@ def _card_plain_text(card: TodayTipCard, language: str) -> str:
         text += f"\n\n结构化结果 JSON:\n{structured}"
         return text
     lines = [
-        "Today Tip",
+        "Morning Ticket",
         f"Dream summary: {card.dream_summary}",
         f"Question: {card.main_question}",
         f"Dream anchors: {', '.join(card.dream_anchors)}",
@@ -96,14 +96,14 @@ def _card_plain_text(card: TodayTipCard, language: str) -> str:
         f"Today Tip: {card.today_tip}",
     ]
     if card.tiny_action:
-        lines.append(f"Weird little thing: {card.tiny_action}")
+        lines.append(f"Tiny 5-minute action: {card.tiny_action}")
     if card.caring_note:
         lines.append(f"Caring note: {card.caring_note}")
     if card.safety_note:
         lines.append(f"Safety note: {card.safety_note}")
     if card.followup_questions and card.user_answers:
         lines.append("Reasoning trail: Your follow-up answer shaped the interpretation and Today Tip.")
-    lines.append("Model note: text via MiniCPM5-1B route; visual clues via MiniCPM-V-4.6 route.")
+    lines.append("Small-model note: text via MiniCPM5-1B route; visual clues via MiniCPM-V-4.6 route.")
     lines.extend(["", "Structured result JSON:", structured])
     return "\n".join(lines)
 
@@ -151,9 +151,9 @@ def _view_payload(
         "card_html": _render_today_pass(card, language) if card else "",
         "error": error,
         "notice": _notice_for_status(status, error, language),
-        "dream_summary": "",
-        "main_question": "",
-        "dream_anchors": [],
+        "dream_summary": session.qa_state.dream_summary,
+        "main_question": session.qa_state.main_question,
+        "dream_anchors": list(session.qa_state.dream_anchors),
         "followup_questions": list(session.question_history),
         "user_answers": list(session.answer_history),
         "interpretation": "",

dream_customs/ui/app.py

@@ -42,6 +42,7 @@ from dream_customs.ui.copy import (
     default_mood_for,
     mood_options_for,
     normalize_language,
+    EXAMPLE_CHIPS,
     EXAMPLE_DREAMS,
     EXAMPLE_MOODS,
 )
@@ -427,6 +428,14 @@ def _notice_html(view: dict) -> str:
 def _question_markdown(view: dict, language: str = DEFAULT_LANGUAGE) -> str:
     copy = copy_for(language)
     question = escape(view.get("question") or "")
+    anchor_items = [str(anchor).strip() for anchor in view.get("dream_anchors", [])[:3] if str(anchor).strip()]
+    anchor_label = "梦境锚点" if language == "zh" else "Dream anchors"
+    anchor_chips = "".join(f"<span>{escape(anchor)}</span>" for anchor in anchor_items)
+    anchor_strip = (
+        f"<div class='dc-question-anchor-strip' aria-label='{anchor_label}'>{anchor_chips}</div>"
+        if anchor_chips
+        else ""
+    )
     optional_question = (
         f"<p class='dc-question-original'><span>{copy['question_speaker']}</span>{question}</p>"
         if question
@@ -437,6 +446,7 @@ def _question_markdown(view: dict, language: str = DEFAULT_LANGUAGE) -> str:
   <span class="dc-question-kicker">{copy['question_kicker']}</span>
   <h2>{copy['question_title']}</h2>
   <p>{copy['question_body']}</p>
+  {anchor_strip}
   {optional_question}
   <p class="dc-question-note">{copy['question_note']}</p>
 </div>
@@ -650,7 +660,7 @@ def _agent_dream_qa(dream_text: str, mood: str = "", answer: str = "", language:
 
 
 def _active_step_for_status(status: str) -> int:
-    return {"record": 1, "error": 1, "ask": 2, "drafting": 3, "tip": 4}.get(status, 1)
+    return {"record": 1, "error": 1, "ask": 2, "drafting": 2, "tip": 3}.get(status, 1)
 
 
 def _hero_html(language: str = DEFAULT_LANGUAGE, status: str = "record") -> str:
@@ -679,12 +689,14 @@ def _hero_html(language: str = DEFAULT_LANGUAGE, status: str = "record") -> str:
     <div class="dc-menu-mark" aria-hidden="true"><span></span><span></span><span></span></div>
     <div class="dc-brand-lockup">
       <div>
-        <h1>{copy['title']}</h1>
+        <p class="dc-hero-kicker">{copy['hero_kicker']}</p>
+        <h1>{copy['hero_title']}</h1>
         <p class="dc-brand-subtitle">{copy['subtitle']}</p>
       </div>
     </div>
-    <div class="dc-sun-mark" aria-hidden="true">☀</div>
+    <div class="dc-sun-mark" aria-hidden="true"></div>
   </div>
+  <p class="dc-hero-body">{copy['hero_body']}</p>
   <div class="dc-stepper" aria-label="Dream QA steps">
     {''.join(step_html)}
   </div>
@@ -701,6 +713,15 @@ def _section_title_html(number: int, text: str) -> str:
 """.strip()
 
 
+def _demo_chip_intro_html(language: str = DEFAULT_LANGUAGE) -> str:
+    message = (
+        "Or tap the 90-second demo trail:"
+        if normalize_language(language) == "en"
+        else "也可以点一个 90 秒演示线索："
+    )
+    return f'<p class="dc-demo-chip-intro">{escape(message)}</p>'
+
+
 def _mic_html(language: str = DEFAULT_LANGUAGE) -> str:
     copy = copy_for(language)
     return f"""
@@ -771,6 +792,26 @@ def _side_stamp_html(language: str = DEFAULT_LANGUAGE) -> str:
 """.strip()
 
 
+def _example_chip(selected_language: str, chip_key: str):
+    selected_language = normalize_language(selected_language)
+    chip = EXAMPLE_CHIPS[selected_language].get(chip_key)
+    if chip:
+        return chip
+    return EXAMPLE_DREAMS[selected_language], EXAMPLE_MOODS[selected_language]
+
+
+def _example_elevator(selected_language: str):
+    return _example_chip(selected_language, "elevator")
+
+
+def _example_floor14(selected_language: str):
+    return _example_chip(selected_language, "floor14")
+
+
+def _example_melting(selected_language: str):
+    return _example_chip(selected_language, "melting")
+
+
 def _dev_help_html(language: str = DEFAULT_LANGUAGE) -> str:
     return f"""
 <div class="dc-dev-help">
@@ -834,13 +875,29 @@ def build_demo() -> gr.Blocks:
                             )
                             _make_media_api_info_client_safe(audio_input)
                         field_tip_html = gr.HTML(_field_tip_html(DEFAULT_LANGUAGE))
+                        demo_chip_intro = gr.HTML(_demo_chip_intro_html(DEFAULT_LANGUAGE))
                         with gr.Row(elem_classes=["dc-submit-row"]):
-                            example_button = gr.Button(initial_copy["example_button"], variant="secondary")
                             submit_button = gr.Button(
                                 initial_copy["submit_button"],
                                 variant="primary",
                                 elem_classes=["dc-submit-button"],
                             )
+                            with gr.Row(elem_classes=["dc-demo-chip-row"]):
+                                example_button = gr.Button(
+                                    initial_copy["example_button"],
+                                    variant="secondary",
+                                    elem_classes=["dc-demo-chip"],
+                                )
+                                example_button_2 = gr.Button(
+                                    initial_copy["example_button_2"],
+                                    variant="secondary",
+                                    elem_classes=["dc-demo-chip"],
+                                )
+                                example_button_3 = gr.Button(
+                                    initial_copy["example_button_3"],
+                                    variant="secondary",
+                                    elem_classes=["dc-demo-chip"],
+                                )
                         processing_html = gr.HTML(_processing_html(DEFAULT_LANGUAGE))
 
                     with gr.Group(visible=False, elem_classes=["dc-stage", "dc-question"]) as question_group:
@@ -1092,11 +1149,27 @@ def build_demo() -> gr.Blocks:
             show_api=False,
         )
 
-        def _example(selected_language):
-            selected_language = normalize_language(selected_language)
-            return EXAMPLE_DREAMS[selected_language], EXAMPLE_MOODS[selected_language]
-
-        example_button.click(_example, inputs=language, outputs=[dream_text, mood], api_name=False, show_api=False)
+        example_button.click(
+            _example_elevator,
+            inputs=[language],
+            outputs=[dream_text, mood],
+            api_name=False,
+            show_api=False,
+        )
+        example_button_2.click(
+            _example_floor14,
+            inputs=[language],
+            outputs=[dream_text, mood],
+            api_name=False,
+            show_api=False,
+        )
+        example_button_3.click(
+            _example_melting,
+            inputs=[language],
+            outputs=[dream_text, mood],
+            api_name=False,
+            show_api=False,
+        )
 
         def _language_ui(selected_language):
             selected_language = normalize_language(selected_language)
@@ -1111,7 +1184,10 @@ def build_demo() -> gr.Blocks:
                 _attachment_html(selected_language),
                 gr.update(label=copy["image_label"]),
                 _field_tip_html(selected_language),
+                _demo_chip_intro_html(selected_language),
                 gr.update(value=copy["example_button"]),
+                gr.update(value=copy["example_button_2"]),
+                gr.update(value=copy["example_button_3"]),
                 gr.update(value=copy["submit_button"]),
                 _processing_html(selected_language),
                 _question_markdown({"question": ""}, selected_language),
@@ -1145,7 +1221,10 @@ def build_demo() -> gr.Blocks:
                 attachment_html,
                 image_input,
                 field_tip_html,
+                demo_chip_intro,
                 example_button,
+                example_button_2,
+                example_button_3,
                 submit_button,
                 processing_html,
                 question_markdown,

dream_customs/ui/copy.py

@@ -8,15 +8,18 @@ LANGUAGE_OPTIONS = [
 APP_COPY = {
     "en": {
         "title": "Dream QA",
-        "subtitle": "A Thousand Token Wood-style dream Q&A: record a dream, answer or skip one gentle question, and leave with one grounded Today Tip.",
+        "hero_kicker": "Dream QA / The Morning Question Desk",
+        "hero_title": "What did the dream leave you asking?",
+        "subtitle": "Record the dream, answer one gentle question, and leave with a grounded Morning Ticket.",
+        "hero_body": "A small-model dream desk for the first few minutes after waking. It gathers concrete details, asks before interpreting, and writes one note for today.",
         "brand_subtitle": "Dream Customs",
-        "steps": ["Record", "Question", "Interpret", "Today Tip"],
-        "notice_record": "Write a sentence, a few lines, or add image/voice clues. Text-only always works.",
-        "notice_ask": "Answer this question, or skip it and generate a Today Tip from the clues already here.",
-        "notice_tip": "Your Today Tip is ready. Treat it as gentle reflection, not diagnosis or prophecy.",
+        "steps": ["Record", "One Question", "Today Tip"],
+        "notice_record": "Write one dream fragment, then use a demo chip if you want the 90-second judge path.",
+        "notice_ask": "Answer this one question, or skip it and turn the existing clues into a Morning Ticket.",
+        "notice_tip": "Your Morning Ticket is ready. Treat it as gentle reflection, not diagnosis or prophecy.",
         "notice_error": "Dream QA needs a dream fragment before it can continue.",
         "dream_label": "Dream note",
-        "dream_placeholder": "Write your dream here...\nSpecific details help, but a fragment is enough.",
+        "dream_placeholder": "Write the dream while it is still foggy...\nExample: I kept missing an elevator. The button for floor 14 melted like wax.",
         "mic_idle": "Tap the microphone to dictate",
         "mic_unsupported": "This browser cannot transcribe voice here. You can still type the dream.",
         "mic_permission": "Microphone permission was not granted. Allow recording and try again.",
@@ -25,20 +28,22 @@ APP_COPY = {
         "mic_empty": "No speech detected. Tap again if you want to retry.",
         "voice_label": "Voice note",
         "voice_help": "Record or upload a short voice note. It is transcribed by the ASR adapter when you continue.",
-        "field_tip": "People, places, feelings, colors, or the question you woke up with are all useful.",
-        "example_button": "Try example",
-        "submit_button": "Continue",
+        "field_tip": "The desk looks for three anchors: a place, an object, and the question the dream left behind.",
+        "example_button": "elevator",
+        "example_button_2": "floor 14",
+        "example_button_3": "melting buttons",
+        "submit_button": "Ask one question",
         "processing_note": (
-            "After submission, Dream QA asks one grounded question, then turns the dream into a small Today Tip."
+            "After submission, the desk extracts dream anchors, asks one grounded question, then writes a Morning Ticket with one Today Tip."
         ),
         "image_accordion": "＋",
         "image_label": "Image clue",
         "image_upload": "Upload image",
         "image_paste": "Paste from Clipboard",
         "question_kicker": "Question",
-        "question_title": "What do you most want to understand in this dream?",
-        "question_body": "Answer in one or two lines, or skip and get a Today Tip from the clues already here.",
-        "question_speaker": "Dream QA",
+        "question_title": "One question before the ticket",
+        "question_body": "Answer in one or two lines, or skip and let the existing anchors carry the ticket.",
+        "question_speaker": "Morning Question Desk",
         "question_note": "This step makes the tip more specific. It is not diagnosis.",
         "answer_label": "Your answer",
         "answer_placeholder": "Write one answer, or leave it blank and skip.",
@@ -51,9 +56,9 @@ APP_COPY = {
         "copy_label": "Copyable result",
         "side_title": "Waking mood",
         "mood_label": "Mood",
-        "side_stamp_label": "Tip",
-        "side_stamp_title": "Add one concrete detail",
-        "side_stamp_body": "It helps the final suggestion stay grounded in your dream.",
+        "side_stamp_label": "90-second demo",
+        "side_stamp_title": "Elevator, floor 14, first sentence",
+        "side_stamp_body": "The strongest path ends with a tiny action tied to a real overdue email.",
         "language_label": "Language",
         "runtime_help": "Advanced controls for demos and development. Most visitors can leave these unchanged.",
         "debug_title": "Debug",
@@ -64,15 +69,18 @@ APP_COPY = {
     },
     "zh": {
         "title": "梦境问答台",
-        "subtitle": "Thousand Token Wood 式梦境问答：一步步整理梦境疑惑，回答或跳过温和追问，最后得到一个引用梦境细节的今日小 Tips。",
+        "hero_kicker": "梦境问答台 / 清���问讯室",
+        "hero_title": "这个梦，醒来后把什么问题留给了你？",
+        "subtitle": "记录梦境，回答一个温和追问，最后拿到一张贴着梦境细节的清晨小票。",
+        "hero_body": "一个适合刚醒来几分钟使用的小模型问讯台：先捡起具体细节，再问一个好问题，最后只给今天的一张小纸条。",
         "brand_subtitle": "Dream Customs",
-        "steps": ["记录", "追问", "解读", "今日 Tip"],
-        "notice_record": "写一句、几行，或上传图片/语音。Text-only 路径始终可用。",
-        "notice_ask": "可以回答这个追问，也可以跳过，直接生成今日小 Tips。",
-        "notice_tip": "今日小 Tips 已生成。把它当作温和参考，不是诊断或预言。",
+        "steps": ["记录", "一个追问", "清晨小票"],
+        "notice_record": "写一个梦境片段；想走 90 秒演示路径，也可以直接点示例 chip。",
+        "notice_ask": "回答这一个追问，或跳过，用已有梦境线索生成清晨小票。",
+        "notice_tip": "清晨小票已生成。把它当作温和参考，不是诊断或预言。",
         "notice_error": "梦境问答台还没有收到片段。",
         "dream_label": "梦境记录",
-        "dream_placeholder": "继续写下你的梦...\n越具体，越有助于理解（可选）",
+        "dream_placeholder": "趁梦还带着雾气，先写下来...\n例如：我一直赶不上电梯，14 楼按钮像蜡一样融化。",
         "mic_idle": "点击麦克风录音",
         "mic_unsupported": "这个浏览器暂时不能直接转写语音，你仍然可以手动输入梦境。",
         "mic_permission": "没有获得麦克风权限。允许浏览器录音后可以再试一次。",
@@ -81,20 +89,22 @@ APP_COPY = {
         "mic_empty": "没有检测到语音。想重试的话，再点一次麦克风。",
         "voice_label": "语音片段",
         "voice_help": "可以录音或上传一小段语音。点击继续后，ASR 适配器会先转写它。",
-        "field_tip": "可以补充人物、地点、情绪、颜色，或醒来后最在意的疑问。",
-        "example_button": "试试示例",
-        "submit_button": "继续解梦  →",
+        "field_tip": "问讯室会优先寻找三个锚点：地点、物件、以及梦醒后留下的问题。",
+        "example_button": "电梯",
+        "example_button_2": "14 楼",
+        "example_button_3": "融化按钮",
+        "submit_button": "问一个问题",
         "processing_note": (
-            "提交后，梦境助手会先追问一个关键细节，再把梦境整理成一个今日小 Tips。"
+            "提交后，问讯室会提取梦境锚点，问一个关键问题，再写成一张清晨小票。"
         ),
         "image_accordion": "＋",
         "image_label": "图片线索",
         "image_upload": "上传图片",
         "image_paste": "从剪贴板粘贴",
         "question_kicker": "追问",
-        "question_title": "在这个梦里，你最想理解的是什么呢？",
-        "question_body": "回答一两句就好；也可以跳过，直接得到一个基于现有线索的今日小 Tips。",
-        "question_speaker": "梦境助手",
+        "question_title": "出票前，只问这一个问题",
+        "question_body": "回答一两句就好；也可以跳过，让已有锚点直接生成小票。",
+        "question_speaker": "清晨问讯室",
         "question_note": "这个步骤是为了让最终建议更贴近你的梦，不是问诊。",
         "answer_label": "你的回答",
         "answer_placeholder": "写一句回答，或留空后选择跳过。",
@@ -107,9 +117,9 @@ APP_COPY = {
         "copy_label": "可复制结果",
         "side_title": "醒来后的心情",
         "mood_label": "心情",
-        "side_stamp_label": "小贴士",
-        "side_stamp_title": "尽量回忆更多细节",
-        "side_stamp_body": "有助于更准确地理解梦境。",
+        "side_stamp_label": "90 秒演示",
+        "side_stamp_title": "电梯、14 楼、第一句话",
+        "side_stamp_body": "最稳的演示路径会把梦境锚点落到一封迟迟没写的邮件。",
         "language_label": "语言",
         "runtime_help": "高级演示与开发控制。普通体验保持默认即可。",
         "debug_title": "调试",
@@ -121,12 +131,43 @@ APP_COPY = {
 }
 
 EXAMPLE_DREAMS = {
-    "en": "I dreamed I was in an old apartment building. The elevator button melted like wax, and the floor number stayed on 14. I woke up anxious.",
-    "zh": "我梦到在一栋老楼里，电梯按钮融化了，按下去黏黏的。醒来有点焦虑。",
+    "en": "I dreamed I kept missing an elevator. The button for floor 14 melted like wax. I woke up anxious because it reminded me of an overdue email.",
+    "zh": "我梦到自己一直赶不上电梯，14 楼按钮像蜡一样融化。醒来有点焦虑，因为它让我想到一封迟迟没写的邮件。",
 }
 
 EXAMPLE_MOODS = {"en": "Uneasy", "zh": "焦虑"}
 
+EXAMPLE_CHIPS = {
+    "en": {
+        "elevator": (
+            "I dreamed I kept missing an elevator. The doors opened, closed, and left me behind.",
+            "Uneasy",
+        ),
+        "floor14": (
+            "I dreamed I kept missing an elevator, and the floor number stayed on 14.",
+            "Uneasy",
+        ),
+        "melting": (
+            "I dreamed I kept missing an elevator. The button for floor 14 melted like wax. I woke up anxious because it reminded me of an overdue email.",
+            "Uneasy",
+        ),
+    },
+    "zh": {
+        "elevator": (
+            "我梦到自己一直赶不上电梯，门开了又关，好像总是把我留在外面。",
+            "焦虑",
+        ),
+        "floor14": (
+            "我梦到自己一直赶不上电梯，楼层数字一直停在 14。",
+            "焦虑",
+        ),
+        "melting": (
+            "我梦到自己一直赶不上电梯，14 楼按钮像蜡一样融化。醒来有点焦虑，因为它让我想到一封迟迟没写的邮件。",
+            "焦虑",
+        ),
+    },
+}
+
 MOOD_OPTIONS_BY_LANGUAGE = {
     "en": ["Neutral", "Uneasy", "Foggy", "Curious", "Tired", "A little amused"],
     "zh": ["一般", "焦虑", "迷糊", "好奇", "疲惫", "有点好笑"],

dream_customs/ui/styles.py

@@ -1199,6 +1199,260 @@ a.built-with[href*="gradio.app"] {
 }
 """
 
+CSS += """
+.dc-hero {
+  align-content: end;
+  display: grid;
+  gap: 18px;
+  min-height: clamp(330px, 40vw, 500px);
+}
+
+.dc-hero-kicker {
+  color: var(--dqa-sage-deep);
+  font-size: clamp(0.84rem, 1.4vw, 1rem);
+  font-weight: 760;
+  letter-spacing: 0;
+  margin: 0 0 10px;
+}
+
+.dc-hero h1 {
+  max-width: 960px;
+}
+
+.dc-brand-subtitle {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 760px;
+}
+
+.dc-hero-body {
+  color: #4f626c;
+  font-size: clamp(1rem, 1.8vw, 1.22rem);
+  line-height: 1.65;
+  margin: 0 auto;
+  max-width: 740px;
+  text-align: center;
+}
+
+.dc-sun-mark {
+  aspect-ratio: 1;
+  background:
+    linear-gradient(90deg, transparent 47%, rgba(239, 139, 112, 0.55) 48% 52%, transparent 53%),
+    linear-gradient(0deg, transparent 47%, rgba(239, 139, 112, 0.55) 48% 52%, transparent 53%),
+    radial-gradient(circle, rgba(240, 181, 61, 0.7) 0 34%, transparent 35%);
+  border: 1px solid rgba(239, 139, 112, 0.32);
+  border-radius: 999px;
+  height: 58px;
+  justify-self: end;
+  width: 58px;
+}
+
+.dc-demo-chip-intro {
+  color: var(--dqa-muted);
+  font-size: 0.92rem;
+  font-weight: 650;
+  margin: 14px 0 0;
+}
+
+.dc-submit-row {
+  align-items: stretch !important;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) !important;
+}
+
+.dc-demo-chip-row {
+  align-content: stretch !important;
+  display: grid !important;
+  gap: 10px !important;
+  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
+  min-width: 0;
+}
+
+.dc-demo-chip-row .dc-demo-chip button {
+  background: #ffffff !important;
+  border: 1px solid rgba(79, 138, 88, 0.28) !important;
+  border-radius: 999px !important;
+  box-shadow: none !important;
+  color: var(--dqa-sage-deep) !important;
+  font-size: 0.95rem !important;
+  min-height: 52px !important;
+  padding: 10px 12px !important;
+  transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
+}
+
+.dc-demo-chip-row .dc-demo-chip button:hover,
+.dc-demo-chip-row .dc-demo-chip button:focus-visible {
+  background: var(--dqa-sage-soft) !important;
+  border-color: rgba(79, 138, 88, 0.52) !important;
+  transform: translateY(-1px);
+}
+
+.dqa-tip-page {
+  background: #fffdf8;
+  border: 1px solid var(--dqa-line);
+  box-shadow: 0 24px 60px rgba(45, 56, 42, 0.14);
+  overflow: hidden;
+}
+
+.dqa-tip-hero {
+  background:
+    linear-gradient(90deg, rgba(255, 253, 248, 0.94), rgba(255, 253, 248, 0.68)),
+    url("https://images.unsplash.com/photo-1494438639946-1ebd1d20bf85?auto=format&fit=crop&w=1200&q=80") center / cover;
+  min-height: 150px;
+}
+
+.dqa-tip-hero h2 {
+  font-size: clamp(2rem, 5vw, 3.4rem);
+}
+
+.dqa-anchor-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  margin: 22px 42px 0;
+}
+
+.dqa-anchor-chips span {
+  background: var(--dqa-sage-soft);
+  border: 1px solid rgba(79, 138, 88, 0.26);
+  border-radius: 999px;
+  color: var(--dqa-sage-deep);
+  font-size: 0.92rem;
+  font-weight: 720;
+  padding: 8px 12px;
+}
+
+.dqa-morning-ticket {
+  background:
+    linear-gradient(#fffdf8 0 0) padding-box,
+    repeating-linear-gradient(90deg, #ead8aa 0 16px, transparent 16px 28px) border-box;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  box-shadow: var(--dqa-shadow);
+  margin: 0 42px;
+  overflow: hidden;
+}
+
+.dqa-ticket-topline {
+  align-items: center;
+  background: #f8f1df;
+  border-bottom: 1px dashed #dfc98e;
+  color: #6c5a37;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  justify-content: space-between;
+  padding: 14px 18px;
+}
+
+.dqa-ticket-topline span {
+  font-size: 0.82rem;
+  font-weight: 760;
+}
+
+.dqa-ticket-topline strong {
+  color: var(--dqa-sage-deep);
+  font-size: 0.96rem;
+  line-height: 1.4;
+}
+
+.dqa-ticket-row {
+  border-bottom: 1px dashed #ead8aa;
+  padding: clamp(18px, 3vw, 30px);
+}
+
+.dqa-ticket-row:last-child {
+  border-bottom: 0;
+}
+
+.dqa-ticket-row h3 {
+  color: var(--dqa-ink) !important;
+  font-size: clamp(1.1rem, 2.6vw, 1.65rem);
+  margin: 0 0 10px;
+}
+
+.dqa-ticket-row p {
+  color: var(--dqa-ink) !important;
+  font-size: 1.05rem;
+  line-height: 1.72;
+  margin: 0;
+}
+
+.dqa-ticket-row.is-primary-tip {
+  background: linear-gradient(90deg, rgba(233, 243, 231, 0.9), rgba(255, 247, 217, 0.92));
+}
+
+.dqa-ticket-row.is-primary-tip h3 {
+  font-size: clamp(1.7rem, 4vw, 2.45rem);
+}
+
+.dqa-small-model-note {
+  background: #f7fbf4;
+  border: 1px solid rgba(79, 138, 88, 0.2);
+  border-radius: 12px;
+  color: var(--dqa-ink);
+  margin: 0 42px;
+  padding: 14px 18px;
+}
+
+.dqa-small-model-note summary {
+  color: var(--dqa-sage-deep);
+  cursor: pointer;
+  font-weight: 760;
+}
+
+.dqa-small-model-note p {
+  color: var(--dqa-muted);
+  line-height: 1.6;
+  margin: 10px 0 0;
+}
+
+.dqa-care-note {
+  display: grid;
+  gap: 4px;
+}
+
+.dqa-care-note strong {
+  color: var(--dqa-sage-deep);
+}
+
+@media (max-width: 900px) {
+  .dc-submit-row,
+  .dc-demo-chip-row {
+    grid-template-columns: 1fr !important;
+  }
+
+  .dc-sun-mark {
+    display: none;
+  }
+}
+
+@media (max-width: 640px) {
+  .dc-hero {
+    min-height: 360px;
+  }
+
+  .dc-hero-body {
+    text-align: left;
+  }
+
+  .dc-brand-lockup {
+    text-align: left;
+  }
+
+  .dc-brand-subtitle {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .dqa-anchor-chips,
+  .dqa-morning-ticket,
+  .dqa-small-model-note {
+    margin-left: 18px;
+    margin-right: 18px;
+  }
+}
+"""
+
 CSS += """
 :root {
   --dqa-mist: #f3f8f9;
@@ -1469,6 +1723,25 @@ button.secondary {
   border-left: 4px solid var(--dqa-amber);
 }
 
+.dc-question-anchor-strip {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: 16px 0 4px;
+}
+
+.dc-question-anchor-strip span {
+  background: rgba(255, 255, 255, 0.82);
+  border: 1px solid rgba(152, 125, 69, 0.24);
+  border-radius: 999px;
+  box-shadow: 0 8px 18px rgba(88, 72, 40, 0.08);
+  color: var(--dqa-ink);
+  font-size: 0.88rem;
+  font-weight: 750;
+  line-height: 1.2;
+  padding: 8px 12px;
+}
+
 .dc-notice {
   background: rgba(233, 243, 231, 0.9);
   border: 1px solid rgba(79, 138, 88, 0.18);

tests/test_pipeline.py

@@ -79,6 +79,20 @@ def test_ask_questions_grounds_generic_question_in_dream_detail():
     assert "customs window" in session.question_history[0].lower() or "wet paper" in session.question_history[0].lower()
 
 
+def test_elevator_floor14_demo_anchors_are_clean_for_question_stage():
+    intake = build_intake(
+        dream_text=(
+            "I dreamed I kept missing an elevator. The button for floor 14 melted like wax. "
+            "I woke up anxious because it reminded me of an overdue email."
+        ),
+        mood="Uneasy",
+    )
+    state = build_qa_state(intake, language="en")
+
+    assert state.dream_anchors[:3] == ["elevator", "floor 14", "melted button"]
+    assert "for floor" not in state.dream_anchors
+
+
 def test_generate_pact_returns_card_and_html():
     intake = build_intake(dream_text="I missed an elevator.", mood="anxious")
     card, html = generate_pact(intake, "I want a small start.", FakeTextClient())

tests/test_render.py

@@ -95,10 +95,15 @@ def test_today_tip_card_prioritizes_tip_before_interpretation():
         )
     )
 
-    assert html.index("Today's small suggestion") < html.index("Maybe this dream is pointing to")
+    assert html.index("Today Tip") < html.index("Maybe this dream is pointing to")
+    assert "Morning Ticket" in html
+    assert "Because your dream kept returning to" in html
+    assert "dqa-anchor-chips" in html
+    assert "floor 14" in html
+    assert "How this was made small" in html
 
 
-def test_today_tip_card_renames_tiny_action_to_weird_little_thing():
+def test_today_tip_card_renames_tiny_action_to_five_minute_action():
     card = TodayTipCard(
         dream_summary="你梦见办公楼、电梯和一封迟迟没发出去的邮件。",
         main_question="为什么我总是卡在电梯口？",
@@ -114,7 +119,7 @@ def test_today_tip_card_renames_tiny_action_to_weird_little_thing():
     zh_html = render_today_tip_card(card, language="zh")
     en_html = render_today_tip_card(card, language="en")
 
-    assert "古怪的小事" in zh_html
-    assert "没试过的小事" not in zh_html
-    assert "Weird little thing" in en_html
-    assert "Tiny action" not in en_html
+    assert "5 分钟小行动" in zh_html
+    assert "古怪的小事" not in zh_html
+    assert "Tiny 5-minute action" in en_html
+    assert "Weird little thing" not in en_html

tests/test_ui_actions.py

@@ -91,19 +91,32 @@ def test_hero_stepper_tracks_app_status():
     assert '<span class="dc-step is-complete"><strong>1</strong>' in ask_html
     assert '<i class="dc-stepper-line is-complete" aria-hidden="true"></i>' in ask_html
     assert '<span class="dc-step is-active" aria-current="step"><strong>2</strong>' in ask_html
-    assert '<span class="dc-step is-complete"><strong>3</strong>' in tip_html
-    assert '<span class="dc-step is-active" aria-current="step"><strong>4</strong>' in tip_html
-    assert tip_html.count("dc-stepper-line is-complete") == 3
+    assert '<span class="dc-step is-complete"><strong>2</strong>' in tip_html
+    assert '<span class="dc-step is-active" aria-current="step"><strong>3</strong>' in tip_html
+    assert tip_html.count("dc-stepper-line is-complete") == 2
+    assert "One Question" in tip_html
 
 
 def test_hero_subtitle_explains_app_instead_of_legacy_name():
     hero_html = ui_app._hero_html()
 
-    assert "grounded Today Tip" in hero_html
-    assert "Thousand Token Wood" in hero_html
+    assert "The Morning Question Desk" in hero_html
+    assert "What did the dream leave you asking?" in hero_html
+    assert "grounded Morning Ticket" in hero_html
     assert "Dream Customs" not in hero_html
 
 
+def test_composer_has_three_real_demo_chips():
+    source = inspect.getsource(ui_app.build_demo)
+
+    assert 'elem_classes=["dc-demo-chip-row"]' in source
+    assert source.count('elem_classes=["dc-demo-chip"]') == 3
+    assert "_example_elevator" in source
+    assert "_example_floor14" in source
+    assert "_example_melting" in source
+    assert ".dc-demo-chip-row" in CSS
+
+
 def test_side_panel_dropdown_hover_stays_readable():
     assert '.dc-side-panel .dc-section-title strong' in CSS
     assert '.gradio-container [role="option"]:hover' in CSS
@@ -152,6 +165,7 @@ def test_processing_note_is_story_copy_not_backend_jargon():
 
     assert "grounded question" in lowered
     assert "today tip" in lowered
+    assert "morning ticket" in lowered
     assert "model routes" not in lowered
     assert "fallback" not in lowered
     assert "token" not in lowered
@@ -159,6 +173,21 @@ def test_processing_note_is_story_copy_not_backend_jargon():
     assert "debug" not in lowered
 
 
+def test_question_stage_shows_anchor_chips_before_the_question():
+    html = ui_app._question_markdown(
+        {
+            "question": "When floor 14 shows up beside the overdue email, what would make opening it feel smaller?",
+            "dream_anchors": ["elevator", "floor 14", "melting button"],
+        },
+        "en",
+    )
+
+    assert "dc-question-anchor-strip" in html
+    assert html.index("elevator") < html.index("Morning Question Desk")
+    assert "floor 14" in html
+    assert "melting button" in html
+
+
 def test_long_running_buttons_show_processing_feedback():
     source = inspect.getsource(ui_app.build_demo)
     app_source = inspect.getsource(ui_app)
@@ -246,6 +275,7 @@ def test_mobile_mvp_submit_then_skip_generates_today_tip():
     assert view["status"] == "ask"
     assert view["question"]
     assert len(view["questions"]) == 1
+    assert view["dream_anchors"]
     assert "DC-DEMO-014" not in view["card_text"]
 
     state, view_json = skip_to_card_action(state)