From 966c843c2b5f62b60f0dfb184274c090ac01333d Mon Sep 17 00:00:00 2001
From: vahid-ahmadi <va.vahidahmadi@gmail.com>
Date: Wed, 12 Aug 2026 14:59:39 +0100
Subject: [PATCH] Apply Anthony's review of "What you can ask"
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Requested in PolicyEngine/policyengine-app-v2#1073:

- Reword the introduction to his wording, which also drops the earlier claim
  that a thread moves between question kinds "without switching tools" — that
  contradicted the section above it.
- Label the tool names in the panel "Possible tool usage", so they read as an
  illustration of what a question might call rather than a fixed list.

The Markdown copy is updated in step.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 content/current-article.md |  2 +-
 src/App.jsx                | 20 +++++++++++---------
 src/uk-chat.css            | 25 +++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 10 deletions(-)

diff --git a/content/current-article.md b/content/current-article.md
index 6178c8b..51a3ac3 100644
--- a/content/current-article.md
+++ b/content/current-article.md
@@ -157,7 +157,7 @@ If the catalogue returned more than one materially plausible interpretation, or
 
 ## What you can ask
 
-The Child Benefit reform above is one of four kinds of question supported today. A single thread can move between them — from a household example, to a full reform analysis, to a chart — without the reader leaving the conversation.
+The Child Benefit reform above is one of four kinds of questions supported today, and users can stack these questions together within one conversation without starting a new chat.
 
 ### Households — Illustrative calculations
 
diff --git a/src/App.jsx b/src/App.jsx
index 1392a63..22c340f 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1161,9 +1161,8 @@ function WhatYouCanAsk() {
     <FadeIn>
       <h2>What you can ask</h2>
       <p>
-        The Child Benefit reform above is one of four kinds of question supported today. A single thread can
-        move between them — from a household example, to a full reform analysis, to a chart — without the
-        reader leaving the conversation.
+        The Child Benefit reform above is one of four kinds of questions supported today, and users can stack
+        these questions together within one conversation without starting a new chat.
       </p>
       <CardTabs
         idPrefix="question-kind"
@@ -1185,12 +1184,15 @@ function WhatYouCanAsk() {
           <p className="question-example-prompt">“{activeKind.question}”</p>
           <p>{activeKind.description}</p>
           {activeKind.tools.length > 0 && (
-            <div className="tool-name-list">
-              {activeKind.tools.map((tool) => (
-                <span className="question-tool" key={tool}>
-                  <code>{tool}</code>
-                </span>
-              ))}
+            <div className="question-tools">
+              <div className="question-tools-label">Possible tool usage</div>
+              <div className="question-tools-chips">
+                {activeKind.tools.map((tool) => (
+                  <span className="question-tool" key={tool}>
+                    <code>{tool}</code>
+                  </span>
+                ))}
+              </div>
             </div>
           )}
         </div>
diff --git a/src/uk-chat.css b/src/uk-chat.css
index 8c2de37..e091597 100644
--- a/src/uk-chat.css
+++ b/src/uk-chat.css
@@ -652,3 +652,28 @@
 .timeline-phase-card:hover {
   border-color: var(--border);
 }
+
+/* Anthony asked for the tool names in the question panel to be labelled, so
+   they read as an illustration of what a question might call rather than as a
+   fixed list. Own border/spacing instead of borrowing .tool-name-list's. */
+.question-tools {
+  border-top: 1px solid var(--border);
+  margin-top: 18px;
+  padding-top: 18px;
+}
+
+.question-tools-label {
+  color: var(--text-mid);
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.7rem;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  margin-bottom: 10px;
+  text-transform: uppercase;
+}
+
+.question-tools-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}