Skip to content

v6: Restyle @graphiql/plugin-history#4295

Draft
trevor-scheer wants to merge 5 commits into
graphiql-6from
trevor/restyle-history
Draft

v6: Restyle @graphiql/plugin-history#4295
trevor-scheer wants to merge 5 commits into
graphiql-6from
trevor/restyle-history

Conversation

@trevor-scheer
Copy link
Copy Markdown
Contributor

@trevor-scheer trevor-scheer commented May 17, 2026

Summary

  • Migrate @graphiql/plugin-history CSS to OKLCH tokens.
  • New row layout: status dot, mono query name, variables snippet below, action buttons on the right.
  • Replace the bespoke header div with PanelHeader; subtitle carries the ⌥-click hint.
  • Storybook stories: Empty, FewRows, ManyRows, Mixed, and individual item variants.

Test plan

  • Open the History panel; confirm the header reads "History" with the subtitle.
  • Run a query; verify the row appears with a green status dot, mono query name, and a variable snippet if variables were provided.
  • Click a history row; confirm the query loads into the editor.
  • ⌥-click a row (diff behavior) and confirm it still works.
  • Click "Clear"; confirm rows are removed and the button shows "Cleared" briefly.
  • Open Storybook under "Plugins/History"; verify all stories render correctly.

Refs: #4219

New row layout: status dot, mono query name, inline variables snippet
underneath. Header uses `PanelHeader` instead of the old bespoke header div.
CSS migrated from HSL tokens to OKLCH. Storybook stories added (empty,
query-only, with variables, favorited, custom label).
Adds three Storybook stories that were missing from the initial commit:
FewRows, ManyRows, and Mixed (favorites + regular + variables). Updates
the PanelHeader subtitle to include the ⌥-click diff hint.
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 17, 2026

🦋 Changeset detected

Latest commit: 9fbfe9c

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

The latest changes of this PR are not available as canary, since there are no linked changesets for this PR.

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