feat(docs): themed 'Ask AI' header pill (kapa.ai)#413
Merged
Conversation
Drop kapa.ai's stock floating launcher (a bright square that clashed with the Terminal theme) and trigger the modal from our own "Ask AI" pill in the header, beside the search box — the entrypoint kapa's own best-practices guide recommends. - astro.config: hide the floating button (data-button-hide) and open the modal from #echo-ask-ai (data-modal-override-open-selector); set the modal title to "Ask AI" and its logo to a sparkle SVG matching the pill. - Search.astro: render the "Ask AI" pill next to the search box. - terminal.css: style the pill to mirror the search box (40px, dark, 8px radius, mono) and restore the search box width that the wrapper collapsed. - Remove the old stubbed Ask Echo components (AskEcho/DocActions/PageTitle) and their styles. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Replaces kapa.ai's stock floating launcher — a bright square that clashed with the Terminal theme — with a custom "Ask AI" pill in the header, beside the search box. Clicking it opens the kapa modal. This is the entrypoint kapa's own best-practices guide recommends.
Changes
astro.config.mjs— hide the floating button (data-button-hide) and open the modal from our pill (data-modal-override-open-selector="#echo-ask-ai"); set the modal title to "Ask AI" (was kapa's auto-default "Echo Docs AI") and its header logo to a sparkle SVG matching the pill (was the Echo cube).Search.astro— render the#echo-ask-aipill next to the search box.terminal.css— style the pill to mirror the search box (40px tall, dark bg, 8px radius, mono label, cyan sparkle); restore the search box's 352px width that the new wrapper had collapsed; icon-only on narrow viewports.public/ask-ai.svg— Phosphor "sparkle" in Echo cyan, used as the modal logo.AskEcho/DocActions/PageTitle) and their CSS.Verification
🤖 Generated with Claude Code