[Run] Fluent UX

[niels9001]

Summary of the Pull Request

This PR moves Run from ModernWpf to WpfUI, and introduces the following changes:

• Brand new UX that is more inline with the Windows 11 Design Language. ([Fluent UX] PowerToys Run #12182)
• Acrylic backdrop!
• When the searchbox is empty (+ zero state) an overview is shown with all activated plugins and trigger commands. ([Feature-Request][PT Run] Display available action keys preview #11591)
• Updating all plugin icons to Segoe Fluent Icons.
• The default size is now a bit smaller, while showing more results!
• We no longer use a transparent window, which should make it easier to implement things like Resizing PowerToys Run Search box #12654.

Open questions / to-do's:

• Can we use ThemeManager without ModernWpf (and remove that dependency)?
• VS Workspaces plugin dark/light icon support
• This needs proper testing on Windows 10 vs. 11.

Before vs. after:

PR Checklist

• Closes: [Fluent UX] PowerToys Run #12182, [Run] Mouse hover color enhancement #10441, [Feature-Request][PT Run] Display available action keys preview #11591, [PowerToys Run - Editor]: Color Contrast ratio of Keyboard focus indicator on 'Run as Administrator', 'Open Containing folder' and 'Open Path in Console' is 1.7:1 which is less than 3:1.  #12099, URI Handler Icon broken #15702
• Communication: I've discussed this with core contributors already. If work hasn't been agreed, this work might be rejected
• Tests: Added/updated and all pass
• Localization: All end user facing strings can be localized
• Dev docs: Added/updated
• New binaries: Added on the required places
  • JSON for signing for new binaries
  • WXS for installer for new binaries and localization folder
  • YML for CI pipeline for new test projects
  • YML for signed pipeline
• Documentation updated: If checked, please file a pull request on our docs repo and link it here: #xxx

Detailed Description of the Pull Request / Additional comments

Validation Steps Performed

[tiagorangel1]

This seems really cool, +1

[htcfreek]

@niels9001
Can you fix the wrong PowerToys plugin's icon in Settings too?

[niels9001]

@niels9001 Can you fix the wrong PowerToys plugin's icon in Settings too?

Do you mean this one?

[htcfreek]

@niels9001 Can you fix the wrong PowerToys plugin's icon in Settings too?

Do you mean this one?

@niels9001
yes. But for settings we need a font based version. Or not?

[Vucko130]

This looks fire 🔥

[htcfreek]

@niels9001
Did you changed the font size? For me it was easier to read with the old one. Can you make it configurable (e.g. drop-down: big or normal)?

[htcfreek]

@niels9001
The name of the uri icon for dark mode has a different name. It should be uri.dark.png to follow convention.

[niels9001]

@niels9001 Did you changed the font size? For me it was easier to read with the old one. Can you make it configurable (e.g. drop-down: big or normal)?

Yeah, those are decreased to be inline with Windows standards.. once this gets merged feel free to create an issue to add this setting.. maybe a bit too much to do that in this PR as it's already pretty major?

[niels9001]

@niels9001 Can you fix the wrong PowerToys plugin's icon in Settings too?

Do you mean this one?

@niels9001 yes. But for settings we need a font based version. Or not?

Nope, seems like Settings loads these images as well.. looks better now, as they are now all consistent :)!

@niels9001 The name of the uri icon for dark mode has a different name. It should be uri.dark.png to follow convention.

Great catch! Fixed!

[davidegiacometti]

Overview should also consider the IsPluginInitialized property.
I managed to make the overview refreshing when plugins or action keyword changes. Can I push or PR to this branch?

EDIT: what do you think about adding a button that opens PT Run settings in the overview?

[htcfreek]

Overview should also consider the IsPluginInitialized property.

Nice catch. Thought they are disabled in that case.

I managed to make the overview refreshing when plugins or action keyword changes.

What do you use as trigger?

[davidegiacometti]

Overview should also consider the IsPluginInitialized property. I managed to make the overview refreshing when plugins or action keyword changes. Can I push or PR to this branch?

EDIT: what do you think about adding a button that opens PT Run settings in the overview?

Callback on plugin changing Disabled or ActionKeyword property.

[niels9001]

Overview should also consider the IsPluginInitialized property. I managed to make the overview refreshing when plugins or action keyword changes. Can I push or PR to this branch?

EDIT: what do you think about adding a button that opens PT Run settings in the overview?

Yes please, feel free to push!

Yeah that's not a bad idea.. we can see where it would fit best, but would be helpful to have it somewhere

[davidegiacometti]

Tested on Windows 10 and it's not crashing anymore 😃
Pushed a commit with:

• A missing font family due to new utility merged (verified that the font family is needed for Windows 10)
• Reintroduced callback to refresh overview (missed during alignment with main)

[jaimecbernardo]

Still LGTM! Thank you for the contribution!
And now working on Windows 10! Just have some nits.

[Jay-o-Way]

Does this fully cover #29627?

[niels9001]

Had two questions ⬆️

Thanks! See comments

Does this fully cover #29627?
The PowerOCR PR got merged yesterday that includes the fixes for that specific module. This PR will address the Segoe MDL2 icons for Run. Maybe in the future we should create separate issues to better track/close these, as PRs going across multiple modules is a bit of a hassle. I've added the In progress tag for now, but we should be able to close it once this gets merged 😊!

[stefansjfw]

I gave it a test on Win11, didn't find any issues. Nice work!

Let's wait for @jaimecbernardo to give it another test on win10 before merging.

[Theoyeah]

I actually wish I could test this stuff without needing to install everything to compile myself.

[jaimecbernardo]

LGTM! Thanks a lot for the contribution! 🚀