Skip to content

Apply Anthony's review of "What you can ask" #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
vahid-ahmadi merged 1 commit into from
Aug 12, 2026
Merged

Apply Anthony's review of "What you can ask" #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/current-article.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down
20 changes: 11 additions & 9 deletions src/App.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -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>
Expand Down
25 changes: 25 additions & 0 deletions src/uk-chat.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Loading