Skip to content

feat(yasgui): "How MatGUI works" quick start tour - #249

Merged
MathiasVDA merged 5 commits into
mainfrom
claude/project-thread-ht7lbf
Oct 29, 2026
Merged

MathiasVDA merged 5 commits into
mainfrom
claude/project-thread-ht7lbf

Conversation

@MathiasVDA

Copy link
Copy Markdown
Collaborator

Requested by Mathias · project thread

What

A first-run modal, How MatGUI works: five pages, three items each with a small schematic illustration and a short explanation.

  1. Write and run a query: pick an endpoint, autocomplete, Run / Ctrl+Enter
  2. Explore the results: switch views, describe a resource, download
  3. Keep your queries: tabs, workspaces, share a link
  4. Let MatGUI help: Insert snippets, Endpoint overview, AI assistant (falls back to IRI hover when ai.enabled is false)
  5. Find your way: Ctrl+K (falls back to keyboard shortcuts without the palette), Ctrl+B side panel, theme and settings
  • Opens once on the first visit; remembered in local storage (matgui_quickStart_seen, versioned so a future tour can be shown again).
  • Reachable later from the help button menu (first item) and the Ctrl+K search ("How MatGUI works").
  • Footer links to the full user guide (helpUrl); Next/Back, dots, ←/→ keys, Esc, Skip / Start querying. Focus is kept inside the dialog.
  • MatData look with Geist and theme tokens, light and dark; stacks into rows on small screens.
  • Embedder options: showQuickStart: false leaves it out, quickStartOnFirstVisit: false only offers it in the help menu.

Help menu

This PR includes the help menu commit from the "What's new" work (HelpMenu.ts, branch claude/project-thread-hcxg0w) unchanged, so whichever PR merges first, the other rebases cleanly. The tour registers itself with helpMenu.addItem({ id: "quickStart", order: 10 }).

Tests and docs

  • New test/quick-start-browser.ts (6 tests: first visit, navigation, guide link, no reopen + help menu, both options). getPage() marks the tour as seen unless a test asks for it, so the other browser tests are unaffected. Full puppeteer suite passes locally.
  • User guide: new "Quick Start Tour" section, updated Top Bar help entry and Search commands. Developer guide: the two options. Changeset: minor for @matdata/yasgui.

Generated by Claude Code

The help button opens a small menu with the documentation and any entries
added with yasgui.helpMenu.addItem() (quick start, what's new). With one
entry the button runs it directly, so the default stays one click.
Five pages with three items each, a small illustration and a short
explanation. Opens on the first visit (remembered in local storage),
stays available from the help menu and the Ctrl+K search, and links to
the user guide. Embedders can set showQuickStart: false, or
quickStartOnFirstVisit: false to only offer it in the help menu.
@MathiasVDA MathiasVDA self-assigned this Oct 28, 2026
@MathiasVDA MathiasVDA mentioned this pull request Oct 28, 2026
3 tasks done
@MathiasVDA
MathiasVDA merged commit f9d99b2 into main Oct 29, 2026
2 checks passed
@MathiasVDA
MathiasVDA deleted the claude/project-thread-ht7lbf branch October 29, 2026 14:01
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