Skip to content

Feat(canvas): add contextual tool hints to header bar#9117

Merged
lstein merged 8 commits into
invoke-ai:mainfrom
DustyShoe:Feat(Canvas)/header-tool-hints
May 11, 2026
Merged

Feat(canvas): add contextual tool hints to header bar#9117
lstein merged 8 commits into
invoke-ai:mainfrom
DustyShoe:Feat(Canvas)/header-tool-hints

Conversation

@DustyShoe
Copy link
Copy Markdown
Collaborator

@DustyShoe DustyShoe commented May 3, 2026

Summary

This PR adds contextual canvas tool hints to the header bar for the active tool.

image

As the number of canvas tools and tool modifiers has grown, the need for quick in-context guidance has grown with it. Since the canvas does not currently have a bottom status bar, the top header bar was the most practical place to surface these hints without adding a new layout region.

The implementation adds a dedicated header actions component, a centralized hint mapping for canvas tools, and focused tests for the hint-selection logic. It also keeps tab labels higher priority than hints at narrow widths by clipping the hint area instead of shrinking tabs.

Related Issues / Discussions

N/A

QA Instructions

  1. Open the canvas workspace and switch between tools such as brush, eraser, lasso, bbox, and text.
  2. Verify the header bar shows the correct hints for the active tool.
  3. Start a text session and verify Enter, Shift+Enter, and Esc hints appear.
  4. Narrow the window and verify the tab strip keeps priority while the right-side hints clip at the edge instead of squeezing tabs.

Merge Plan

Simple merge.

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable)
  • ❗Changes to a redux slice have a corresponding migration
  • Documentation added / updated (if applicable)
  • Updated What's New copy (if doing a release after this PR)

@github-actions github-actions Bot added the frontend PRs that change frontend files label May 3, 2026
@lstein lstein assigned lstein and dunkeroni and unassigned lstein May 8, 2026
@lstein lstein added the 6.14.x label May 8, 2026
@lstein lstein moved this to 6.14.x Theme: LIBRARY UPDATES in Invoke - Community Roadmap May 8, 2026
@lstein lstein added v6.13.x and removed 6.14.x labels May 8, 2026
@lstein lstein moved this from 6.14.x Theme: LIBRARY UPDATES to 6.13.x Theme: MODELS in Invoke - Community Roadmap May 8, 2026
Copy link
Copy Markdown
Collaborator

@dunkeroni dunkeroni left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I made a minor conversion to a resolver map instead of a switch statement, which is a little easier to read and implement if we have more complex combinations in the future. Also added an exception case for when someone adds a tool that has not included hints yet.

@lstein lstein merged commit 5645592 into invoke-ai:main May 11, 2026
16 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend PRs that change frontend files v6.13.x

Projects

Status: 6.13.x Theme: MODELS

Development

Successfully merging this pull request may close these issues.

4 participants