Replace the FOSS dot with a corner badge on app entries

[MyDrift-user]

Type of Change

• New feature
• Bug fix
• Documentation update
• Refactor
• UI/UX improvement

Description

This changes how FOSS applications are marked on the Install tab. Previously a small green dot was appended to the application name, which was not very clear to be such kind of indication on first sight

FOSS applications now carry a green triangle in the top right corner of their entry, with a keyhole on it. The badge is drawn as vector paths in a Viewbox, meaning scalable.

Since there is not really a standardized logo for "FOSS" and to avoid missunderstandings i refrained from using official logos like the one of the Open Source Initiative ® and tried to do something similar for recognitial purposes.

The legend in the left panel uses the same badge as a circle. The legend also moved below the buttons. It was rendered above them because entries are sorted by type rank and Note shared rank 0 with checkboxes; notes now sort last. The Order field in appnavigation.json is not read by the renderer, so no config change was needed.

Every app entry now wraps its checkbox in a layout Grid rather than only the FOSS ones, so the checkbox handlers reach the border the same way for every entry. This does not change applications.json or the foss flag it carries.

Comparison

Before	After
Green dot after the application name, legend above the buttons	Corner badge on the entry, circle badge legend below the buttons

Verification

Verified with:

• local compilation

Issue related to PR

N/A

[coderabbitai]

📝 Walkthrough

Summary by CodeRabbit

• New Features
  • Added scalable FOSS badges for clearer identification of free and open-source applications.
  • Added accessible tooltips and flexible badge styles.
• Bug Fixes
  • Improved checkbox interaction and app selection reliability.
  • Ensured interface notes consistently appear after buttons and selection controls.
• Style
  • Standardized checkbox layouts and replaced inline FOSS markers with polished badge artwork.

Walkthrough

The PR adds a reusable WPF FOSS badge, replaces inline FOSS markers in notes and application entries, updates note sorting, and changes install-entry checkbox handling for the nested Grid layout.

Changes

FOSS badge and application entry UI

Layer / File(s)	Summary
FOSS badge rendering functions/private/New-WinUtilFossBadge.ps1, functions/public/Invoke-WPFUIElements.ps1	Adds scalable badge artwork. Notes use the badge instead of a Unicode bullet, and Note items receive explicit sort priority.
Install entry integration functions/private/Initialize-InstallAppEntry.ps1	Wraps checkbox content in a Grid, adds optional corner badges, and resolves checkbox state through stored app keys and updated parent traversal.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Sequence Diagram(s)

sequenceDiagram
  participant InvokeWPFUIElements
  participant NewWinUtilFossBadge
  participant WPFNote
  InvokeWPFUIElements->>NewWinUtilFossBadge: Create rounded FOSS badge
  NewWinUtilFossBadge->>WPFNote: Return badge element
  InvokeWPFUIElements->>WPFNote: Render badge before note text

Loading

Possibly related PRs

• ChrisTitusTech/winutil#4889: Both PRs modify Initialize-InstallAppEntry.ps1.
• ChrisTitusTech/winutil#4893: Both PRs modify Invoke-WPFUIElements.ps1.

Suggested labels: ui update

Suggested reviewers: christitustech

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title clearly and concisely describes the primary UI change from a FOSS dot to a corner badge on app entries.
Description check	✅ Passed	The description directly explains the FOSS badge redesign, legend placement, checkbox layout changes, and verification performed.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[coderabbitai]

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@functions/private/Initialize-InstallAppEntry.ps1`:
- Around line 25-26: Use consistent variable casing in the checkbox toggle
logic: update the assignment target in Initialize-InstallAppEntry to use the
existing $childCheckbox variable defined immediately above, replacing the
mismatched $childCheckBox reference.

🪄 Autofix

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: e05b53fb-5ff4-4502-839c-f9605e0ca185

📥 Commits

Reviewing files that changed from the base of the PR and between f7c0723 and 155ccd5.

📒 Files selected for processing (3)

• functions/private/Initialize-InstallAppEntry.ps1
• functions/private/New-WinUtilFossBadge.ps1
• functions/public/Invoke-WPFUIElements.ps1

[vyas-devgna]

This is really cool

[mewclouds]

Oh yeah, this looks great. Loving the changes to the UI 😍

[ChrisTitusTech]

Amazing Thanks Drift!