Skip to content

feat: enhance AI experience with welcome page and suggested prompts#133

Merged
dory-finn merged 2 commits intomainfrom
feat/ai-experience-enhancement
Apr 1, 2026
Merged

feat: enhance AI experience with welcome page and suggested prompts#133
dory-finn merged 2 commits intomainfrom
feat/ai-experience-enhancement

Conversation

@solarhell
Copy link
Copy Markdown
Collaborator

@solarhell solarhell commented Apr 1, 2026

Summary

Closes #122

  • Chatbot welcome page: Replace the empty "Select a session" placeholder with a rich welcome page featuring a heading ("Ask anything about your data"), 4 suggested prompt buttons, a database selector, and an embedded chat input. Users can start chatting immediately — clicking a suggestion or typing a question auto-creates a session and sends the message.
  • SQL Console AI entry: Add an "Ask AI to write SQL" button below "New Console" in the SQL Console empty state, linking users to the chatbot page.
  • i18n: Add English and Chinese translations for all new UI strings.
  • E2E tests: 4 Playwright tests covering the welcome page rendering, suggestion click flow, SQL Console AI button visibility, and navigation.

Key files

File Change
chatbot/components/empty.tsx New ChatWelcome component
chatbot/chatbot-page.client.tsx Wire welcome page with pending prompt flow
chatbot/thread/chatbox.tsx Add initialPrompt auto-submit support
sql-console/components/tabs/tab-empty.tsx Add "Ask AI" button
public/locales/{en,zh}.json New translation keys
tests/e2e/ai-experience.spec.ts E2E tests

Test plan

  • Open chatbot page with no sessions — verify welcome heading, subheading, and 4 suggestion buttons are visible
  • Click a suggested prompt — verify session is created and message is sent
  • Type a custom question in the welcome input — verify same flow works
  • Open SQL Console with no tabs — verify "Ask AI to write SQL" button is visible
  • Click "Ask AI" button — verify navigation to chatbot page
  • Switch database in welcome page — verify input still works
  • Run pnpm exec playwright test ai-experience — verify all 4 E2E tests pass

…122)

Add a rich welcome page to the chatbot with a heading, suggested prompts,
and an embedded input so users can start chatting immediately without
manually creating a session first. Also add an "Ask AI to write SQL"
button to the SQL Console empty state to guide users toward AI features.
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 1, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

3 Skipped Deployments
Project Deployment Actions Updated (UTC)
dory Ignored Ignored Apr 1, 2026 3:57am
dory-admin Ignored Ignored Apr 1, 2026 3:57am
dory-beta Ignored Ignored Apr 1, 2026 3:57am

Request Review

- Fix chat API mock to use ApiEnvelope format ({ code: 0, data: {...} })
- Add openMockConnectionChatbot helper with localStorage setup
- Filter PostHog console errors in test assertions (no API key in test env)
Copy link
Copy Markdown
Contributor

@dory-finn dory-finn left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@dory-finn dory-finn merged commit 37c6437 into main Apr 1, 2026
5 of 6 checks passed
@solarhell solarhell deleted the feat/ai-experience-enhancement branch April 1, 2026 04:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

AI Experience Enhancement (Make It “Wow”)

2 participants