Skip to content

feat(web): polish workbench UX and add two-sided status widgets #207

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
joshistoast merged 62 commits into from
Sep 5, 2026
Merged

feat(web): polish workbench UX and add two-sided status widgets #207

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
62 commits
Select commit Hold shift + click to select a range
761de39
feat(ui): use default cursors for buttons and controls
joshistoast Sep 3, 2026
3d57eca
fix(theme): freeze the segment group indicator under reduced motion
joshistoast Sep 3, 2026
c086366
feat(ui): sweep a subtle shine across skeletons instead of pulsing
joshistoast Sep 3, 2026
14f39fe
feat(ui): point popovers at their anchor with a shared PopoverContent
joshistoast Sep 3, 2026
26d7188
feat(preview): square the preview image frames
joshistoast Sep 3, 2026
e100f55
feat(settings): remove the inert show-progress-details toggle
joshistoast Sep 3, 2026
b347a0d
feat(settings): enable prompt syntax highlighting by default
joshistoast Sep 3, 2026
3cc7e0a
feat(notifications): open the notification center as a popover
joshistoast Sep 3, 2026
b4dd43a
feat(gallery): merge board sorting and filtering into one menu
joshistoast Sep 3, 2026
639ed0d
feat(gallery): hide other projects' boards by default
joshistoast Sep 3, 2026
1651870
feat(gallery): rule off the starred section from the regular grid
joshistoast Sep 3, 2026
d0b8830
fix(gallery): keep the board name in step with a project rename
joshistoast Sep 3, 2026
83b39e2
feat(queue): shift-click the topbar cancel to cancel all jobs
joshistoast Sep 3, 2026
d64e5fb
feat(models): land model manager links on the relevant models
joshistoast Sep 3, 2026
e3ef067
fix(generate): show the selected system prompt in the closed picker
joshistoast Sep 3, 2026
28c2c9b
fix(generate): name the feature in prompt tool tooltips
joshistoast Sep 3, 2026
ae8b49a
feat(generate): give prompt template rows a visible hover
joshistoast Sep 3, 2026
cdf6421
fix(workbench): match non-active widget hover fill to the active one
joshistoast Sep 3, 2026
a15238e
feat(ui): share the input chrome with composite fields via InputShell
joshistoast Sep 3, 2026
0d7f77c
feat(ui): accent drop affordances for image inputs and board rows
joshistoast Sep 3, 2026
80cffe6
feat(workbench): remove the version widget
joshistoast Sep 3, 2026
b3bd82c
fix(theme): keep the default arrow over interactive elements' text
joshistoast Sep 3, 2026
5690f13
feat(theme): give every ghost, outline and plain button a visible hover
joshistoast Sep 3, 2026
12a109b
fix(theme): make non-active tab hover visible on muted chrome
joshistoast Sep 3, 2026
dddfd67
feat(ui): share the canvas segmented-control look via SegmentedControl
joshistoast Sep 3, 2026
c2664b0
feat(topbar): flatten the preset icon picker into one grid
joshistoast Sep 3, 2026
e295de9
feat(generate): grow presets into a managed panel
joshistoast Sep 3, 2026
fc48fcf
test: drop cosmetic style-equality assertions
joshistoast Sep 3, 2026
2570b33
chore(perf): recapture architecture baselines
joshistoast Sep 3, 2026
37dc179
feat(ui): give SegmentedControl the layers panes' pill variant
joshistoast Sep 3, 2026
5163d5d
feat(generate): show the active preset on the presets trigger
joshistoast Sep 3, 2026
acd0cef
fix(theme): hover plain buttons with the alpha fill, not an underline
joshistoast Sep 3, 2026
f0f14f3
Revert "feat(ui): give SegmentedControl the layers panes' pill variant"
joshistoast Sep 3, 2026
1df6298
feat(ui): use the layers SegmentTabs strip for view and mode tabs
joshistoast Sep 3, 2026
d3ee45d
fix(theme): align link-button hover pills with adjacent copy
joshistoast Sep 3, 2026
92409a4
fix(generate): visible hover for dynamic prompt rows
joshistoast Sep 3, 2026
899461e
fix(ui): compact SegmentTabs in embedded locations
joshistoast Sep 3, 2026
21b625d
feat(theme): tint translucent interaction fills toward the accent
joshistoast Sep 3, 2026
6911221
feat(theme): harmonize button and segment-tab density and radius
joshistoast Sep 3, 2026
a639d84
feat(theme): pair input-family sizes with buttons and speed up hover …
joshistoast Sep 3, 2026
0d6b194
feat(theme): route destructive menu items through a shared data-dange…
joshistoast Sep 3, 2026
1084e0d
refactor(image-map): restyle the hover card on native dropdown chrome
joshistoast Sep 3, 2026
2e5234d
fix(generation): square preset rows to the 28px control box
joshistoast Sep 3, 2026
a562bc4
fix(generation): draw the aspect-ratio glyphs with solid borders
joshistoast Sep 3, 2026
08dab8d
fix(preview): give the edit action the edit-on-canvas tooltip its sib…
joshistoast Sep 3, 2026
cc30eda
feat(ui): interaction polish across search, presets, tooltips, and menus
joshistoast Sep 3, 2026
df23447
fix(ui): presets trigger squareness, row hairlines, brand tab icon, s…
joshistoast Sep 3, 2026
80792f6
feat(theme): one compact dialog look from the recipe, per-dialog styl…
joshistoast Sep 3, 2026
e6e3def
feat(launchpad): arrow cursors, inset resume cover, and the full acti…
joshistoast Sep 3, 2026
6c8c709
fix(launchpad): host one shared project actions menu instead of racin…
joshistoast Sep 3, 2026
6102496
fix(ui): scrollbar phantom heal, single-prompt row, sort tooltip, tab…
joshistoast Sep 3, 2026
6232b83
fix(theme): hide each scrollbar for its own axis only, and share the …
joshistoast Sep 3, 2026
051af14
feat(theme): darker slate default, Osaka Jade replaces Forest, cooler…
joshistoast Sep 3, 2026
6c3f1be
feat(settings): About section with server version and system information
joshistoast Sep 3, 2026
433c9ad
feat(workbench): bottom widgets can sit in a right-aligned cluster
joshistoast Sep 3, 2026
b7a84d0
fix(ui): sortables compose the fill fade dnd-kit's inline transition …
joshistoast Sep 3, 2026
5d33d11
feat(workbench): drag bottom widgets into the right cluster
joshistoast Sep 3, 2026
c18ec1d
feat(workbench): the Video widget ships only with the Video preset
joshistoast Sep 3, 2026
a59816b
feat(workbench): per-cluster drop zones in the status bar, one shared…
joshistoast Sep 3, 2026
f758d63
Merge remote-tracking branch 'origin/main' into feat/tweaks-fixes-com…
joshistoast Sep 3, 2026
bb30fe5
Merge branch 'main' into feat/tweaks-fixes-compendium-02
joshistoast Sep 4, 2026
9c21825
Merge branch 'main' into feat/tweaks-fixes-compendium-02
joshistoast Sep 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 30 additions & 21 deletions invokeai/frontend/webv2/performance/architecture-baseline.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
"build": {
"launchpad": {
"baseline": {
"brotliBytes": 842334,
"brotliBytes": 844445,
"cssRawBytes": 2159,
"fontRawBytes": 219480,
"gzipBytes": 841151,
"gzipBytes": 843488,
"imageRawBytes": 156376,
"initialRawBytes": 1961176,
"largestAssetRawBytes": 746400,
"initialRawBytes": 1971897,
"largestAssetRawBytes": 746121,
"otherAssetRawBytes": 0,
"ownedRawBytes": 70960,
"ownedRawBytes": 73641,
"requestCount": 42,
"scriptRequestCount": 26,
"sourceOwners": [
Expand Down Expand Up @@ -203,17 +203,20 @@
"source:src/platform/ui/EmptyState.tsx",
"source:src/platform/ui/Field.tsx",
"source:src/platform/ui/Group.tsx",
"source:src/platform/ui/InputShell.tsx",
"source:src/platform/ui/InvokeMark.tsx",
"source:src/platform/ui/JsonPreview.tsx",
"source:src/platform/ui/Menu.tsx",
"source:src/platform/ui/MiddleTruncate.tsx",
"source:src/platform/ui/PageShell.tsx",
"source:src/platform/ui/Panel.tsx",
"source:src/platform/ui/Popover.tsx",
"source:src/platform/ui/RenameDialog.tsx",
"source:src/platform/ui/ResizableTextarea.tsx",
"source:src/platform/ui/Row.tsx",
"source:src/platform/ui/Scrollable.tsx",
"source:src/platform/ui/SegmentTabs.tsx",
"source:src/platform/ui/SegmentedControl.tsx",
"source:src/platform/ui/Select.tsx",
"source:src/platform/ui/Slider.tsx",
"source:src/platform/ui/StatusWidgetChip.tsx",
Expand All @@ -234,6 +237,7 @@
"source:src/platform/ui/theme/system.ts",
"source:src/platform/ui/theme/themes.ts",
"source:src/platform/ui/toaster.tsx",
"source:src/platform/ui/useScrollAreaPhantomHeal.ts",
"source:src/workbench/canvasSchemaVersion.ts",
"source:src/workbench/components/WorkbenchSplashScreen.tsx",
"source:src/workbench/hotkeys/catalog.ts",
Expand All @@ -255,6 +259,7 @@
"source:src/workbench/launchpad/pages/ProjectsPage.tsx",
"source:src/workbench/launchpad/projects/NewProjectButton.tsx",
"source:src/workbench/launchpad/projects/ProjectActionsMenu.tsx",
"source:src/workbench/launchpad/projects/ProjectActionsMenuHost.tsx",
"source:src/workbench/launchpad/projects/ProjectCard.tsx",
"source:src/workbench/launchpad/projects/ProjectCompatibilityBadge.tsx",
"source:src/workbench/launchpad/projects/ProjectCover.tsx",
Expand Down Expand Up @@ -291,15 +296,15 @@
]
},
"limits": {
"brotliBytes": 850758,
"brotliBytes": 852890,
"cssRawBytes": 2181,
"fontRawBytes": 221675,
"gzipBytes": 849563,
"gzipBytes": 851923,
"imageRawBytes": 157940,
"initialRawBytes": 1980788,
"largestAssetRawBytes": 753864,
"initialRawBytes": 1991616,
"largestAssetRawBytes": 753583,
"otherAssetRawBytes": 0,
"ownedRawBytes": 70960,
"ownedRawBytes": 73641,
"requestCount": 42,
"scriptRequestCount": 26
},
Expand All @@ -309,15 +314,15 @@
},
"editor": {
"baseline": {
"brotliBytes": 1111442,
"brotliBytes": 1116539,
"cssRawBytes": 2159,
"fontRawBytes": 219480,
"gzipBytes": 1106815,
"gzipBytes": 1111706,
"imageRawBytes": 156376,
"initialRawBytes": 2777788,
"largestAssetRawBytes": 746400,
"initialRawBytes": 2798377,
"largestAssetRawBytes": 746121,
"otherAssetRawBytes": 0,
"ownedRawBytes": 115249,
"ownedRawBytes": 120853,
"requestCount": 98,
"scriptRequestCount": 82,
"sourceOwners": [
Expand Down Expand Up @@ -668,17 +673,20 @@
"source:src/platform/ui/EmptyState.tsx",
"source:src/platform/ui/Field.tsx",
"source:src/platform/ui/Group.tsx",
"source:src/platform/ui/InputShell.tsx",
"source:src/platform/ui/InvokeMark.tsx",
"source:src/platform/ui/JsonPreview.tsx",
"source:src/platform/ui/Menu.tsx",
"source:src/platform/ui/MiddleTruncate.tsx",
"source:src/platform/ui/PageShell.tsx",
"source:src/platform/ui/Panel.tsx",
"source:src/platform/ui/Popover.tsx",
"source:src/platform/ui/RenameDialog.tsx",
"source:src/platform/ui/ResizableTextarea.tsx",
"source:src/platform/ui/Row.tsx",
"source:src/platform/ui/Scrollable.tsx",
"source:src/platform/ui/SegmentTabs.tsx",
"source:src/platform/ui/SegmentedControl.tsx",
"source:src/platform/ui/Select.tsx",
"source:src/platform/ui/Slider.tsx",
"source:src/platform/ui/StatusWidgetChip.tsx",
Expand All @@ -699,6 +707,7 @@
"source:src/platform/ui/theme/system.ts",
"source:src/platform/ui/theme/themes.ts",
"source:src/platform/ui/toaster.tsx",
"source:src/platform/ui/useScrollAreaPhantomHeal.ts",
"source:src/workbench/WorkbenchContext.tsx",
"source:src/workbench/WorkbenchRuntime.tsx",
"source:src/workbench/WorkbenchSessionController.tsx",
Expand Down Expand Up @@ -786,6 +795,7 @@
"source:src/workbench/launchpad/pages/ProjectsPage.tsx",
"source:src/workbench/launchpad/projects/NewProjectButton.tsx",
"source:src/workbench/launchpad/projects/ProjectActionsMenu.tsx",
"source:src/workbench/launchpad/projects/ProjectActionsMenuHost.tsx",
"source:src/workbench/launchpad/projects/ProjectCard.tsx",
"source:src/workbench/launchpad/projects/ProjectCompatibilityBadge.tsx",
"source:src/workbench/launchpad/projects/ProjectCover.tsx",
Expand Down Expand Up @@ -928,23 +938,22 @@
"source:src/workbench/widgets/queue/manifest.ts",
"source:src/workbench/widgets/server-status/manifest.ts",
"source:src/workbench/widgets/upscale/manifest.ts",
"source:src/workbench/widgets/version-status/manifest.ts",
"source:src/workbench/widgets/video/manifest.ts",
"source:src/workbench/widgets/workflow/manifest.ts",
"source:src/workbench/workbenchState.ts",
"source:src/workbench/workbenchStore.ts"
]
},
"limits": {
"brotliBytes": 1122557,
"brotliBytes": 1127705,
"cssRawBytes": 2181,
"fontRawBytes": 221675,
"gzipBytes": 1117884,
"gzipBytes": 1122824,
"imageRawBytes": 157940,
"initialRawBytes": 2805566,
"largestAssetRawBytes": 753864,
"initialRawBytes": 2826361,
"largestAssetRawBytes": 753583,
"otherAssetRawBytes": 0,
"ownedRawBytes": 115249,
"ownedRawBytes": 120853,
"requestCount": 98,
"scriptRequestCount": 82
},
Expand Down
Loading
Loading