Skip to content

AI onboarding #2863

Merged
abose merged 4 commits intomainfrom
ai
Apr 28, 2026
Merged

AI onboarding #2863
abose merged 4 commits intomainfrom
ai

Conversation

@abose
Copy link
Copy Markdown
Member

@abose abose commented Apr 28, 2026

No description provided.

@abose abose changed the title Update ai mode switch strings AI onboarding Apr 28, 2026
abose added 4 commits April 28, 2026 21:15
Append "(Click to switch)" to each AI_CHAT_MODE_INFO_* string so the
mode-info row reads as actionable, and shorten the keyboard hint to
"[or Shift+Tab]".
…able states

When the AI panel renders the not-signed-in (Sign In), Claude-needs-
configuring (Setup Claude Code), CLI-not-installed (Claude Code Not
Installed), or browser placeholder states, the existing icon stays in
place but the title gets replaced by a richer intro:

  - Sign In and browser placeholder: "Design layouts, fix bugs, and
    build faster with AI" + a YouTube preview thumbnail.
  - Configure-Claude flows (Setup + Install): "Getting started with
    Claude Code" + "See this short video on how to set up AI" + the
    same thumbnail.

Thumbnails and YouTube URLs come from a new ai_panel_config.json
fetched once at boot from the same host as the onboarding iframe.
Slot stays empty (display:none) when the fetch fails or the requested
key isn't in the config — original UI then renders unchanged.

Layout uses a flex column with consistent gap inside the centered
.ai-unavailable container, max-width 320px, and overflow-wrap so the
title wraps cleanly on narrow sidebars. The play overlay is the
YouTube logo asset, scaling subtly on hover (no thumb glow — Phoenix
doesn't generally do that).

Sign In button switches to Phoenix's standard btn btn-primary using
@bc-primary-btn-bg / @dark-bc-primary-btn-bg, defeating the AI panel's
chat-area button reset with a more specific selector.
@abose abose merged commit 11b99a0 into main Apr 28, 2026
13 of 21 checks passed
@abose abose deleted the ai branch April 28, 2026 16:36
@sonarqubecloud
Copy link
Copy Markdown

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.

1 participant