Repository navigation
One look for the four tools: the AI App Builder's - #166
Merged
Merged
Conversation
The Playground, the AI App Builder, the AI Agent and the Layout Editor should read as one family. Each bar now leads with the mark, "abap2UI5" and the tool's name in the accent. That name is a menu of all four tools (tool-switch.mjs), with the tool on screen marked. - AI Agent: the studio's dress. The welcome question is large and in the accent, the suggestions are cards, the reader's messages are red bubbles and Claude's carry the ✦ mark. Flight-log steps are chips, the composer is rounded, the app has its window dots, and the key form's button says Save. - Playground: one row. The project's bar is gone (search box, marks, menu with the theme switch). The brand and the tool's name lead the workbench, the toolbar uses the studio's pills, and the toolbar's AI App Builder link is gone; the tool menu leads there now. On a phone the brand takes the first row and the workbench the second. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014YZFmEpRdxrjNxTq4x9J4J
This was referenced Nov 1, 2026
oblomov-dev
added a commit
that referenced
this pull request
Nov 1, 2026
The playground's page lost its project bar in #166, but its code and styles stayed: about 500 lines of CSS for the bar, the search box, the two marks and the menu, plus their comments. main.mjs still called setUpExtra() and setUpSearch(), which found nothing to mount. extra.mjs is gone. search-box.mjs stays: the 404 loads it through src/catalogue/search-entry.mjs. AGENTS.md and the design docs say where the bar and the search box still live. Claude-Session: https://claude.ai/code/session_014YZFmEpRdxrjNxTq4x9J4J Co-authored-by: Claude <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
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.
The Playground, the AI App Builder, the AI Agent and the Layout Editor should read as one family. They now share the AI App Builder's look. The Layout Editor half is in abap2UI5/layout-editor (branch
claude/beautiful-cerf-sm95qv).What changes
/ai/,/pilot/) leads with the mark, "abap2UI5" and the tool's name in the accent. That name opens a menu of all four tools, each with one line of description, and marks the tool on screen. New module:src/shell/tool-switch.mjs(TOOLS). The layout editor carries the same list in itsindex.html.AGENTS.mdanddocs/design/one-site.mddescribe the shared look. The 404 page keeps its bar.Consequences to note
/pilot/) is now linked from the tool menu. Until now it was deliberately unlinked.Tests
npm run lint,npm run typecheck,npm run test:unit(75/75) andcheck-sizeare green.Generated by Claude Code