Skip to content

feat(bolt-slides): sidebar icon + grid view, mobile dock restack, auto deck title#114

Merged
xKevIsDev merged 1 commit into
mainfrom
donald/bou-2200-update-sidebar-icon-and-add-grid-view
Jul 15, 2026
Merged

feat(bolt-slides): sidebar icon + grid view, mobile dock restack, auto deck title#114
xKevIsDev merged 1 commit into
mainfrom
donald/bou-2200-update-sidebar-icon-and-add-grid-view

Conversation

@inkko44

@inkko44 inkko44 commented Jul 14, 2026

Copy link
Copy Markdown
Contributor

BOU-2200 — Update sidebar icon and add grid view

  • The dock's rail toggle used a 2×2 grid icon that read as a grid view, not a sidebar/table of contents. It now uses a proper sidebar (panel-with-list) icon, per the icon suggested in the issue.
  • The grid icon now does what it looks like: a new full-screen grid view of all slides with click-to-jump, live thumbnails, and the current slide highlighted. The dock stays visible above it so the button toggles it off.
  • Shortcuts: sidebar S, grid view G, annotate A (was O/D). Escape closes everything, sidebar and grid are mutually exclusive.

BOU-2201 — Auto-generate shared deck title and icon

Fixes BOU-2201

  • SKILL.md now instructs the authoring agent to always set the tab <title> and a topic-matched emoji favicon, unprompted, with a definition-of-done check.
  • index.html ships a placeholder emoji-SVG favicon (previously no favicon at all).
  • Runtime safety net: if the placeholder title survives authoring, the Deck derives the tab title from the cover slide's heading.

Polish from review

  • Grid view opened with a visible resize snap — thumbnails measured themselves in useEffect, so the first paint used the default scale. They now measure pre-paint via useLayoutEffect.
  • Mobile dock restack: prev / counter / next float bare above the pill; all tools (incl. annotate + presenter, previously hidden) stay in the pill beneath.
  • Annotation toolbar on phones collapsed into a pinched oval (999px radius + wrapping). It's now a single horizontally scrollable row with mouse drag-to-scroll (drag doesn't trigger button clicks), and clipped hover tooltips are disabled in that breakpoint.

Verified with headless-Chromium screenshots at desktop and phone viewports: icons, grid view first-paint, S/G/A shortcuts (old O/D dead), mobile stacking, drag-to-scroll, and title fallback.

🤖 Generated with Claude Code

… deck title

BOU-2200: the dock's rail toggle used a 2x2 grid icon that read as a grid
view — it now uses a proper sidebar icon, and the grid icon opens a real
full-screen grid view of all slides (G). Sidebar moves to S, annotate to A.

BOU-2201: shared decks kept the placeholder tab title. The skill now sets
the title + emoji favicon unprompted, index.html ships a placeholder
favicon, and the Deck derives a title from the cover heading as a runtime
safety net.

Also from review feedback: thumbnails measure pre-paint (useLayoutEffect)
so the grid opens without a resize snap; on phones the dock restacks with
nav floating above the tools pill, and the annotation toolbar becomes a
single scrollable row with mouse drag-to-scroll.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@inkko44 inkko44 requested a review from xKevIsDev July 14, 2026 18:40
@xKevIsDev xKevIsDev merged commit e841255 into main Jul 15, 2026
3 checks passed
@xKevIsDev xKevIsDev deleted the donald/bou-2200-update-sidebar-icon-and-add-grid-view branch July 15, 2026 09:36
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.

2 participants