DO NOT MERGE : used for comments only by lukepolo · Pull Request #209 · 5stackgg/web

lukepolo · 2026-02-19T20:30:49Z

No description provided.

Add admin branding page (Settings > Branding) with: - Brand name customization (sidebar + page title) - Logo and favicon upload/remove with preview - Full theme color customization (19 variables per mode) organized into Core, Cards & Borders, and Sidebar sections - Light/dark mode toggle for editing each mode's colors - Live CSS variable injection via useBranding composable - Dynamic logo and brand name in sidebar (LeftNav) - Reset to defaults functionality

Add popover, input, ring, destructive-foreground, warning, sidebar-primary, and sidebar-ring color controls for both light and dark modes. Add border radius slider and dark mode warning color defaults.

Admins can now export the current theme as a JSON file and import it back later. Import loads values into the UI for preview before saving. Logo/favicon are excluded (binary files handled separately).

…and icons Change checkbox, switch, radio button, custom match card, and settings icon to use foreground/background instead of primary for a more consistent neutral appearance.

Form controls need distinct visual feedback so primary is the correct semantic choice. CustomMatch card and SettingsIcon remain neutral with foreground.

isRouteActive was comparing route names against URL paths, which broke for nested routes like settings/application. Now matches against route name instead, fixing App Settings and other nested sidebar items.

Replace SidebarMenuButton wrapper with a plain link so the brand logo no longer shows a hover background highlight.

- Change text-primary to text-foreground on LineupClutches map heading - Replace invalid hover:bg-secondary-hover with hover:bg-secondary/80

Add admin toggle to control visibility of horizontal divider lines and sidebar border across the app. Separators are shown by default and can be hidden via the branding settings page.

…branding settings Also include showSeparators in theme export/import.

- Login page uses branding composable for logo, title, and footer - Admin branding page has login footer settings (text, URL, toggle) - Theme export includes logos/favicons as base64 and login settings - Theme import restores logos/favicons and login settings - Custom logo renders at natural shape instead of forced circle

Add admin middleware that checks user role and redirects non-admins to home. Apply it to the branding settings page to prevent direct URL access.

…ing settings Add show_report_issue toggle and github_url input to the branding page, use them in LeftNav and TopNav instead of hardcoded values. Group branding sections into bordered cards with assets moved into General.

…inputs Apply AnimatedCard variant="gradient" to all toggle switches and input containers across match creation, tournament creation, tournament join, and branding settings pages for consistent hover styling.

…l settings and play pages - Wrap all toggle switches and form inputs in App Settings pages with AnimatedCard variant="gradient" - Update Competitive/Wingman/Duel matchmaking cards to use AnimatedCard - Update CustomMatch component to use AnimatedCard instead of plain border styling - Replace section containers in branding page with AnimatedCard - Group discord and server settings into single cards - Add toast warning when clicking matchmaking with no preferred regions

…tings pages

Use sidebar-accent for hover and accent/70 for active state, matching the main sidebar behavior. Added settings-nav class for CSS specificity.

…ent creation

…ament creation - Match Rules: overtime + knife round + max rounds - Region: convert plain Card to AnimatedCard gradient - Match Permissions: check-in settings + ready settings

… branding setting

- Steam ID links to Steam profile via small SteamIcon - Commented out standalone Steam icon on player profile page - Removed border from Steam link

Move not-supported alert out of header into its own card section, convert CS version info from plain Alert to AnimatedCard, and add cursor-pointer to display metrics toggle.

Replace verbose Transition blocks and plain Card components with PageTransition and AnimatedCard gradient variants to match the pattern used across other views.

…ayers, teams, matches, and tournaments

…nt matches - Add tournament breadcrumb trail (Tournaments > Name > match) for matches that belong to a tournament - Highlight Tournaments sidebar item when viewing a tournament match - Fetch tournament bracket data in match subscription

…tournament matches" This reverts commit 448c646.

Tournament matches now show breadcrumbs as Dashboard > Tournaments > {name} > {match display} and highlight "Tournaments" in the sidebar. Standalone matches show human-readable team names instead of UUIDs.

Adds a card with confirmation dialog that calls the refreshAllPlayers mutation to re-sync the Typesense search index.

New /leaderboard page with 7 stat categories, time period and match type selectors, tournament exclusion toggle, paginated results table, and navigation links in both sidebar and top nav.

…o standings and results tabs - Teams page: move search and toggle into filter row above card, add per-page selector to pagination, match players/leaderboard style - Tournament tabs: split old Results tab into Standings (team W/L table) and Results (match list), remove standings from overview tab - Remove unused KDR/kills/deaths columns from tournament standings

Merge 3 ELO tabs into one (ELO, ELO Change, Matches), remove buggy ELO Gain column that summed across match types. Add Losses to Win Rate. All data columns are now sortable. Tabs: ELO, KDR, Win Rate, HS%.

Add tertiary_value (Win Streak) column to ELO category config with sorting support, simplify formatTertiary for the new integer display, and add win_streak i18n key.

Add toggle and dropdown in TournamentStageForm for configuring decider match BO per stage (Swiss, SE, DE). - Add enable_decider_bo toggle + decider_best_of dropdown to form - Update form schema, population, and save mutations - Add decider_best_of to tournament stages query - Add i18n strings for the new UI elements

…ayers, teams, matches, and tournaments

…dleware from fixtures page

Updated the Load Fixture Data dialog to show accurate values (40 players, 8 teams, ~120 matches, 4 tournaments) and made the Load/Confirm buttons use destructive red styling for consistency.

# Conflicts: # layouts/application-settings.vue

lukepolo · 2026-02-19T20:31:42Z

server/api/players-search.post.ts

-      port: 443,
-      protocol: "https",
+      host: process.env.TYPESENSE_SERVICE_HOST || process.env.NUXT_PUBLIC_TYPESENSE_HOST as string,
+      port: process.env.TYPESENSE_SERVICE_HOST ? 8108 : 443,


should be an ||

lukepolo · 2026-02-19T20:36:22Z

page needs a bit of tweaking, the sterams section makes it look awkard

also when you have chat it gets worse

we need totweak this page in general anwayys

lukepolo · 2026-02-19T20:36:46Z

tabs not left aliging

lukepolo · 2026-02-19T20:37:39Z

this area voerall gets wrapped too much with colors

not sure what todo aboutit yet

lukepolo · 2026-02-19T20:40:25Z

it hink we can remove this out of the container

lukepolo · 2026-02-19T20:40:42Z

simlarly the container isnt needed

lukepolo · 2026-02-19T20:40:51Z

and here

lukepolo

overall pretty good just want to fix up a few pages

lukepolo · 2026-02-19T20:39:36Z

components/match/MatchTabs.vue

 };
 </script>
+
+<style lang="postcss">


should be able todo this inline rather than styles

#212) 5stackgg/5stack-panel#341

Flegma added 30 commits February 16, 2026 13:49

feat: add remaining shadcn-vue CSS variables to branding panel

4626ec2

Add popover, input, ring, destructive-foreground, warning, sidebar-primary, and sidebar-ring color controls for both light and dark modes. Add border radius slider and dark mode warning color defaults.

feat: add export/import theme buttons to branding page

f4e9ba7

Admins can now export the current theme as a JSON file and import it back later. Import loads values into the UI for preview before saving. Logo/favicon are excluded (binary files handled separately).

fix: replace primary colors with neutral foreground on form controls …

8217fc2

…and icons Change checkbox, switch, radio button, custom match card, and settings icon to use foreground/background instead of primary for a more consistent neutral appearance.

revert: restore primary colors on checkbox, switch, and radio button

cace33d

Form controls need distinct visual feedback so primary is the correct semantic choice. CustomMatch card and SettingsIcon remain neutral with foreground.

fix: sidebar active state not highlighting on settings sub-pages

cf991cd

isRouteActive was comparing route names against URL paths, which broke for nested routes like settings/application. Now matches against route name instead, fixing App Settings and other nested sidebar items.

fix: remove hover effect from sidebar logo

cad3128

Replace SidebarMenuButton wrapper with a plain link so the brand logo no longer shows a hover background highlight.

fix: correct primary color misuse and invalid hover class

052da6e

- Change text-primary to text-foreground on LineupClutches map heading - Replace invalid hover:bg-secondary-hover with hover:bg-secondary/80

feat: add show separators toggle to branding settings

1e3476f

Add admin toggle to control visibility of horizontal divider lines and sidebar border across the app. Separators are shown by default and can be hidden via the branding settings page.

fix: remove borders from color pickers, logo and favicon previews in …

7febc13

…branding settings Also include showSeparators in theme export/import.

feat: restrict branding page to admin users

40216dd

Add admin middleware that checks user role and redirects non-admins to home. Apply it to the branding settings page to prevent direct URL access.

fix: remove border from login card

53c7e1f

feat: replace accent hover with AnimatedCard gradient on toggles and …

703bfe1

…inputs Apply AnimatedCard variant="gradient" to all toggle switches and input containers across match creation, tournament creation, tournament join, and branding settings pages for consistent hover styling.

feat: group related settings into single AnimatedCards across app set…

a2a08b5

…tings pages

feat: auto-save on theme import and reset to defaults

6c73903

fix: align app settings sub-nav hover/active colors with main sidebar

a8cc6dd

Use sidebar-accent for hover and accent/70 for active state, matching the main sidebar behavior. Added settings-nav class for CSS specificity.

fix: match sub-nav hover/active/press states with main sidebar exactly

1c61b4d

feat: use AnimatedCard gradient for map pool section in match/tournam…

fd167aa

…ent creation

feat: group related advanced settings into fewer cards in match/tourn…

9ba4a3c

…ament creation - Match Rules: overtime + knife round + max rounds - Region: convert plain Card to AnimatedCard gradient - Match Permissions: check-in settings + ready settings

feat: wrap team creation form fields in AnimatedCard gradient

d89bd2e

feat: add sidebar-accent hover styling to breadcrumb links

81157b2

fix: conditionally show separator lines in tournament detail based on…

a26c4d9

… branding setting

feat: add small Steam icon link next to steam ID on player profile

52e7bdb

- Steam ID links to Steam profile via small SteamIcon - Commented out standalone Steam icon on player profile page - Removed border from Steam link

feat: improve game server nodes page layout with AnimatedCards

a5a4006

Move not-supported alert out of header into its own card section, convert CS version info from plain Alert to AnimatedCard, and add cursor-pointer to display metrics toggle.

feat: use AnimatedCard and PageTransition on player profile page

c140d5d

Replace verbose Transition blocks and plain Card components with PageTransition and AnimatedCard gradient variants to match the pattern used across other views.

feat: match tabs use same hover/active styling as sidebar navigation

1e9030e

feat: add dev fixture data system with admin UI for loading sample pl…

f38ae62

…ayers, teams, matches, and tournaments

Flegma added 19 commits February 18, 2026 03:51

fix: remove hover effect from sidebar player card

ba3e20c

Revert "feat: show tournament context in breadcrumbs and sidebar for …

004a423

…tournament matches" This reverts commit 448c646.

feat: show tournament name instead of UUID in breadcrumbs

7be3a4a

fix: prevent players nav item from highlighting on /me route

1a3c97c

remove "Report an Issue" section from admin branding page

611ac41

feat: tournament-aware breadcrumbs and sidebar for match pages

ce08d05

Tournament matches now show breadcrumbs as Dashboard > Tournaments > {name} > {match display} and highlight "Tournaments" in the sidebar. Standalone matches show human-readable team names instead of UUIDs.

feat: add Refresh All Players button to admin players settings page

947e4a4

Adds a card with confirmation dialog that calls the refreshAllPlayers mutation to re-sync the Typesense search index.

feat: add leaderboard page with category tabs, filters, and pagination

34bdc13

New /leaderboard page with 7 stat categories, time period and match type selectors, tournament exclusion toggle, paginated results table, and navigation links in both sidebar and top nav.

refactor: replace teams table with responsive grid card layout

41eb7d7

feat: show player ELO in teams grid cards

1347fdf

refactor: consolidate leaderboard into 4 tabs with sortable columns

d6e4276

Merge 3 ELO tabs into one (ELO, ELO Change, Matches), remove buggy ELO Gain column that summed across match types. Add Losses to Win Rate. All data columns are now sortable. Tabs: ELO, KDR, Win Rate, HS%.

feat: add win streak column to ELO leaderboard tab

46f1f66

Add tertiary_value (Win Streak) column to ELO category config with sorting support, simplify formatTertiary for the new integer display, and add win_streak i18n key.

feat: add dev fixture data system with admin UI for loading sample pl…

2a7d231

…ayers, teams, matches, and tournaments

fix: add missing AlertDialog imports and remove nonexistent admin mid…

fa3d32e

…dleware from fixtures page

fix: update fixtures dialog with correct counts and destructive styling

12af1d2

Updated the Load Fixture Data dialog to show accurate values (40 players, 8 teams, ~120 matches, 4 tournaments) and made the Load/Confirm buttons use destructive red styling for consistency.

Merge branch 'feature/ui-overhaul'

a7d5aa2

# Conflicts: # layouts/application-settings.vue

lukepolo commented Feb 19, 2026

View reviewed changes

components/match/MatchTabs.vue

};

</script>

<style lang="postcss">

Copy link

Contributor Author

lukepolo Feb 19, 2026

Choose a reason for hiding this comment

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

should be able todo this inline rather than styles

Flegma added 3 commits February 19, 2026 18:43

bug: decider matches (#211)

6aed508

chore: move decider BO series toggle above advanced settings (#210)

0d94843

fix: create new match_options per bracket instead of mutating shared … (

e53e4ea

#212) 5stackgg/5stack-panel#341

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

DO NOT MERGE : used for comments only#209

DO NOT MERGE : used for comments only#209
lukepolo wants to merge 65 commits intobeforefrom
main

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026 •

edited

Loading

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo left a comment

Uh oh!

lukepolo Feb 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Comments

Uh oh!

Conversation

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo commented Feb 19, 2026

Uh oh!

lukepolo left a comment

Choose a reason for hiding this comment

Uh oh!

lukepolo Feb 19, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Comments

lukepolo commented Feb 19, 2026 •

edited

Loading