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() {

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.

“{activeKind.question}”

{activeKind.description}

{activeKind.tools.length > 0 && ( -
- {activeKind.tools.map((tool) => ( - - {tool} - - ))} +
+
Possible tool usage
+
+ {activeKind.tools.map((tool) => ( + + {tool} + + ))} +
)}
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; +}