Skip to content

Interactive UI for Agent Clarifying Questions #8519

@PerWiklander

Description

@PerWiklander

Pre-submit Checks

Describe the solution you'd like?

Problem Statement

When Warp's AI agent needs clarification during planning or task execution, users must read text-based questions and type responses back into the chat interface. This creates friction and slows down the workflow compared to modern AI coding tools.

Current experience:

  • Agent asks: "Which framework should we use?"
  • User must type: "Option A" or similar
  • Context-switching from reviewing to typing is slow and cumbersome

Desired experience:

  • Agent asks question via interactive UI
  • User clicks the desired option
  • Agent immediately continues with selection

Proposed Solution

Implement an interactive, mouse-clickable UI for agent clarifying questions, similar to Claude Code's AskUserQuestion tool and Cursor's Plan Mode.

Visual Design:

  • Display questions as a focused card/panel in the terminal UI
  • Render multiple-choice options as clickable selections
  • Support both:
    • Single-select: Radio buttons (e.g., "Which framework?")
    • Multi-select: Checkboxes (e.g., "Which files should we refactor?")
  • Highlight selected options visually
  • Provide a "Continue" or "Confirm" button for submission
  • Optional: "Skip" or "Auto-decide" button if user wants agent to proceed with default
  • Include an "Enter text" option for custom responses not covered by pre-defined choices

Input support:

  • Mouse clicks (primary interaction)
  • Keyboard navigation (arrow keys, Space to select, Enter to confirm)
  • Keybindings for quick selection (e.g., 1, 2, 3 for options)
  • Text input field for custom responses

Example UI Layout

┌─────────────────────────────────────────────┐
│ Agent Question                              │
├─────────────────────────────────────────────┤
│                                             │
│ Which framework should we use?              │
│                                             │
│  ◉ React (recommended)                      │
│  ○ Vue                                      │
│  ○ Svelte                                   │
│                                             │
│ ┌──────────────────────────────────────────┐│
│ │         Continue (Enter) →               ││
│ └──────────────────────────────────────────┘│
└─────────────────────────────────────────────┘

Multi-Question Workflows

For agents that need to ask multiple clarifying questions:

  • Tabbed Interface: Display questions as sequential tabs or a step indicator (e.g., "Question 1 of 3")
  • Progress Tracking: Show which questions have been answered vs. pending
  • Batch Submission: Collect all answers before sending back to agent in a single response
  • Navigation: Allow users to move between questions (previous/next buttons) before final submission
  • Final Confirmation: A "Submit All Answers" button sends the complete response set to the agent at once

Example Multi-Tab Layout

┌──────────────────────────────────────────────────┐
│ Agent Questions (1 of 3)                         │
├──────────────────────────────────────────────────┤
│ [✓ Framework] [Architecture] [Files]             │
│                                                  │
│ Which framework should we use?                   │
│                                                  │
│  ◉ React (recommended)                           │
│  ○ Vue                                           │
│  ○ Svelte                                        │
│  ○ Enter text...                                 │
│                                                  │
│ ┌──────────────────────────────────────────────┐ │
│ │ [Previous]            [Next →]               │ │
│ └──────────────────────────────────────────────┘ │
└──────────────────────────────────────────────────┘

Benefits of batch submission:

  • Agents can see all answers together, reducing round-trips
  • More context for intelligent follow-up
  • Faster planning iteration when multiple clarifications needed
  • Natural flow: answer all questions, then proceed

Benefits

  • Faster planning: No typing overhead for structured answers
  • Lower friction: Click-based selection matches user expectations
  • Improved UX: Aligns with Claude Code and Cursor
  • Accessibility: Supports both mouse and keyboard input
  • Clear visual state: Users always see what's selected before confirming
  • Natural for agentic workflows: Agents can ask clarifying questions without blocking or requiring text input
  • Flexibility: "Enter text" option handles unexpected scenarios

Use Cases

  1. Planning phase: "Which files should we modify?"
  2. Architecture decisions: "Which pattern should we use?"
  3. Multi-step workflows: "Proceed with X, Y, or Z?"
  4. Batch operations: "Select items to process" (multi-select)
  5. Complex clarifications: Agent asks 3+ questions before planning, user answers all at once

Technical Notes

Alternatives Considered

  • ❌ Keep current text-based Q&A (slower, requires typing)
  • ❌ Terminal-style arrow-key menus (feels outdated, slower)
  • ❌ Slash commands (adds cognitive load, more typing)

Is your feature request related to a problem? Please describe.

No response

Additional context

No response

Operating system (OS)

macOS

How important is this feature to you?

4

Warp Internal (ignore) - linear-label:39cc6478-1249-4ee7-950b-c428edfeecd1

None

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:agentAgent workflows, conversations, prompts, cloud mode, and AI-specific UI.area:settings-keybindingsSettings UI, preferences, keybindings, and keyboard-shortcut management.enhancementNew feature or request.triagedIssue has received an initial automated triage pass.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions