Skip to content

Refactor option picker to use SelectList and add site-spec skill#2832

Open
youknowriad wants to merge 3 commits intotrunkfrom
site-spec-setup-phase
Open

Refactor option picker to use SelectList and add site-spec skill#2832
youknowriad wants to merge 3 commits intotrunkfrom
site-spec-setup-phase

Conversation

@youknowriad
Copy link
Contributor

Related issues

  • Related to improving the question UI and site creation flow

How AI was used in this PR

AI assisted with refactoring the option picker component to use pi-tui's SelectList, implementing the site-spec discovery skill with structured questions, and simplifying the state management. All code was reviewed and tested.

Proposed Changes

  • Option Picker Refactor: Replaced ad-hoc rendering with pi-tui's SelectList component for proper alignment, scrolling, and native keyboard navigation
  • Site Spec Skill: Added structured discovery questions (name, purpose, audience, tone, colors, layout, pages) to guide site creation
  • Inline Input for "Other": When users navigate to or start typing on the "Other" option, an inline Input component appears for immediate freeform entry
  • UI Polish: Added left padding (paddingX: 1) to align questions and options with main content; simplified state management by removing redundant optionPickerVisible field
  • Question Tool Integration: Distinguished between multiple-choice questions (using AskUserQuestion) and open-ended questions (plain text prompt)

Testing Instructions

  • Run /site-spec skill to see the new question flow
  • Test navigating through options with arrow keys and entering free-form text on "Other"
  • Verify alignment of questions and option picker with the rest of the console output
  • Test selecting different options and confirming selections

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?

- Replace ad-hoc option picker rendering with pi-tui's built-in SelectList for proper alignment, scrolling, and consistency
- Add site-spec skill with structured discovery questions to gather user preferences (name, purpose, audience, tone, colors, layout, pages)
- Implement inline Input component for "Other" freeform option when users navigate to it or start typing
- Add left padding (paddingX: 1) to align question text and option picker with main content
- Update UI state management to remove redundant optionPickerVisible field
- Support both AskUserQuestion for multiple-choice and plain text prompts for open-ended questions

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
@youknowriad youknowriad added the AI Assistant Related to the AI Assistant in Studio. label Mar 17, 2026
youknowriad and others added 2 commits March 17, 2026 13:46
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
The dev vite config was missing the viteStaticCopy for ai/plugin,
causing the site-spec skill to not be found at runtime.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

AI Assistant Related to the AI Assistant in Studio.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant