Repository navigation
Name the AI Studio in the bar - #147
Merged
Merged
Conversation
The project has four ways in for a developer - the manual, the samples, the playground and the AI Studio - and the bar named three of them. The studio sat in the menu behind the bar's last button, on the catalogue's bar and on the "Developing with AI" page: the one door a reader had to know about to find. It is the fifth section now, after Playground, with a sparkle for its mark and "AI" for its short name on a phone, in all three copies here (the shell, the catalogue, the sample frame that every sample page and the 404 are written with). On the studio's own page, which site-documents.mjs writes from the shell's document, the studio's item is the bold one and Playground is a link again - with data-site, so site-memory lifts it to where the reader left the workbench. The tests that pin the bar's items say five, and one-site.md says why. The manual borrows this bar from the published catalogue at build time, so it follows once this is deployed; its own copy of the markup (the theme's SiteNav.vue) is brought into step in abap2UI5/docs. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01KPRYeJhVLkXoHZepaxgpzG
oblomov-dev
added a commit
that referenced
this pull request
Oct 23, 2026
…ys five (#148) #147 made AI Studio the bar's fifth section and the pages deploy went red on two sample-pages tests: one still pinned four items, and at 320px the bar (brand, five 40px marks, search, menu) came to 355px, so every catalogue, sample and 404 page moved sideways by 35px. Under 380px the marks keep the 34px a thumb is given and lose the rest of their padding, and the bar's gaps close by 2: in the shell and the catalogue stylesheet alike. Sample, catalogue, 404, shell and studio pages measure 0px sideways at 320 now. Claude-Session: https://claude.ai/code/session_018pzBTy4Fu41dBw89fEtCVg 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.
Why
The project has four ways in for a developer: the manual, the samples, the playground and the AI Studio. The bar named three of them. The studio sat in the menu behind the bar's last button, on the catalogue's bar and on the "Developing with AI" page, which made it the one door a reader had to know about to find.
What
src/shell/index.html,src/catalogue/index.htmlandtools/sample-frame.mjs(every sample page and the 404).ai/index.html, written bytools/site-documents.mjsfrom the shell's document) the studio's item is the bold one and Playground is a link again, carryingdata-siteso site-memory lifts it to where the reader left the workbench. Both rewrites are in the writer's list of marks that have to land, so a change to the shell's bar that breaks them fails the build rather than publishing a studio whose bar says Playground.shell,catalogue,not-found) say five;docs/design/one-site.mdsays why and when.What follows
The manual borrows this bar from the published catalogue at build time, so it follows once this is deployed. Its own copy of the markup (the theme's
SiteNav.vue, the second opinion) is brought into step in abap2UI5/docs#383. Playground first, asAGENTS.mdasks.Checks
npm run buildand theshell,catalogue,not-found,site-memoryandaispecs green locally (rebased onto the main that carries abap2UI5/playground#146);npm run lintclean. Screenshots of the built bar on the catalogue, on the studio and at phone width were checked by eye: five marks fit a 390px row with their short names.Generated by Claude Code