From fb5015c4cf2a5f8573a4f5e214b9e37b029df404 Mon Sep 17 00:00:00 2001
From: Ceebug <Caseydegan@outlook.com>
Date: Sun, 20 Sep 2026 21:16:42 +1000
Subject: [PATCH 1/5] Fix server card overflow on long messages and small
 screens

Long server status messages could overflow into other card content, while the home grid could extend past the container on smaller viewports.

Add min-w-0 and truncate to prevent long status text from overlapping other content, and update the grid sizing so it can shrink below 670px when needed.
---
 .../components/ui/world/RecentWorldsList.vue  |  2 +-
 .../src/components/ui/world/WorldItem.vue     | 21 ++++++++++---------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue b/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
index e42cdcb0630..e6720980e24 100644
--- a/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
+++ b/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
@@ -531,7 +531,7 @@ onUnmounted(() => {
 <style scoped lang="scss">
 .grid-when-huge {
 	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(670px, 1fr));
+	grid-template-columns: repeat(auto-fill, minmax(min(670px, 100%), 1fr))
 }
 
 .jump-back-in-item {
diff --git a/apps/app-frontend/src/components/ui/world/WorldItem.vue b/apps/app-frontend/src/components/ui/world/WorldItem.vue
index 70d1a468bf9..dea0a3940c5 100644
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -492,8 +492,8 @@ function openContextMenu(event: MouseEvent) {
 					no-shadow
 					class="!rounded-[14px]"
 				/>
-				<div class="flex flex-col justify-center gap-0.5 h-full">
-					<div class="flex items-center gap-1.5">
+				<div class="flex flex-col justify-center gap-0.5 h-full min-w-0">
+					<div class="flex items-center gap-1.5 min-w-0">
 						<div class="text-base text-contrast font-semibold truncate">
 							{{ getWorldDisplayName(world) }}
 						</div>
@@ -527,7 +527,7 @@ function openContextMenu(event: MouseEvent) {
 						</div>
 						<div
 							v-else-if="world.type === 'server'"
-							class="text-sm text-secondary flex items-center gap-1 font-semibold flex-nowrap whitespace-nowrap"
+							class="text-sm text-secondary flex items-center gap-1 font-semibold flex-nowrap whitespace-nowrap min-w-0 truncate"
 						>
 							<template v-if="refreshing">
 								<SpinnerIcon aria-hidden="true" class="animate-spin shrink-0" />
@@ -548,9 +548,9 @@ function openContextMenu(event: MouseEvent) {
 										stroke-width="3px"
 										class="shrink-0 smart-clickable:allow-pointer-events"
 									/>
-									<Tooltip :disabled="!hasPlayersTooltip">
+									<Tooltip :disabled="!hasPlayersTooltip" class="min-w-0 truncate">
 										<span
-											class="smart-clickable:allow-pointer-events"
+											class="smart-clickable:allow-pointer-events min-w-0 truncate"
 											:class="{ 'cursor-help': hasPlayersTooltip }"
 										>
 											{{
@@ -571,15 +571,15 @@ function openContextMenu(event: MouseEvent) {
 							</template>
 							<template v-else>
 								<NoSignalIcon aria-hidden="true" stroke-width="3px" class="shrink-0" />
-								{{ formatMessage(messages.offline) }}
+								<span class="truncate">{{ formatMessage(messages.offline) }}</span>
 							</template>
 						</div>
 					</div>
-					<div class="flex items-center gap-1.5 text-sm text-secondary">
+					<div class="flex items-center gap-1.5 text-sm text-secondary min-w-0">
 						<template v-if="instanceId">
 							<router-link
 								data-no-card-click
-								class="flex items-center gap-1 truncate hover:underline text-secondary smart-clickable:allow-pointer-events"
+								class="flex items-center gap-1 truncate hover:underline text-secondary smart-clickable:allow-pointer-events min-w-0"
 								:to="`/instance/${instanceId}`"
 							>
 								<Avatar
@@ -622,10 +622,10 @@ function openContextMenu(event: MouseEvent) {
 							class="motd-renderer font-normal font-minecraft line-clamp-2 text-secondary leading-5"
 							v-html="renderedMotd"
 						/>
-						<div v-else-if="!serverStatus" class="font-normal font-minecraft text-red leading-5">
+						<div v-else-if="!serverStatus" class="font-normal font-minecraft text-red leading-5 truncate max-w-full">
 							{{ formatMessage(messages.cantConnect) }}
 						</div>
-						<div v-else class="font-normal font-minecraft text-secondary leading-5">
+						<div v-else class="font-normal font-minecraft text-secondary leading-5 truncate max-w-full">
 							{{ formatMessage(messages.aMinecraftServer) }}
 						</div>
 					</template>
@@ -675,6 +675,7 @@ function openContextMenu(event: MouseEvent) {
 		<ContextMenu ref="cardOptions" :label="formatMessage(messages.worldActions)" />
 	</div>
 </template>
+
 <style scoped lang="scss">
 .clickable-card:has([data-no-card-click]:hover) {
 	--hover-brightness: 1;

From 369da9f72860562e7c6aeefd26aa475b58fb7ac9 Mon Sep 17 00:00:00 2001
From: Ceebug <Caseydegan@outlook.com>
Date: Sun, 20 Sep 2026 21:32:17 +1000
Subject: [PATCH 2/5] fix close button not be red hover

---
 apps/app-frontend/src/components/ui/WindowControls.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app-frontend/src/components/ui/WindowControls.vue b/apps/app-frontend/src/components/ui/WindowControls.vue
index e6f5e1e9ec1..9608b4ef18e 100644
--- a/apps/app-frontend/src/components/ui/WindowControls.vue
+++ b/apps/app-frontend/src/components/ui/WindowControls.vue
@@ -26,7 +26,7 @@
 			<IconButton
 				type="quiet"
 				label="Close window"
-				class="relative expanded-button close-button"
+				class="relative expanded-button close-button hover:!bg-red focus-visible:!bg-red hover:!text-[var(--color-accent-contrast)]"
 				@click="handleClose"
 			>
 				<XIcon />

From bd6d94616206853ac340c7d1399e3b15ae33d874 Mon Sep 17 00:00:00 2001
From: Ceebug <Caseydegan@outlook.com>
Date: Tue, 22 Sep 2026 21:37:27 +1000
Subject: [PATCH 3/5] fix(app/frontend): formatting

---
 .../src/components/ui/world/RecentWorldsList.vue       |  2 +-
 .../app-frontend/src/components/ui/world/WorldItem.vue | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue b/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
index e6720980e24..3e80f624f98 100644
--- a/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
+++ b/apps/app-frontend/src/components/ui/world/RecentWorldsList.vue
@@ -531,7 +531,7 @@ onUnmounted(() => {
 <style scoped lang="scss">
 .grid-when-huge {
 	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(min(670px, 100%), 1fr))
+	grid-template-columns: repeat(auto-fill, minmax(min(670px, 100%), 1fr));
 }
 
 .jump-back-in-item {
diff --git a/apps/app-frontend/src/components/ui/world/WorldItem.vue b/apps/app-frontend/src/components/ui/world/WorldItem.vue
index dea0a3940c5..322d7660e4f 100644
--- a/apps/app-frontend/src/components/ui/world/WorldItem.vue
+++ b/apps/app-frontend/src/components/ui/world/WorldItem.vue
@@ -622,10 +622,16 @@ function openContextMenu(event: MouseEvent) {
 							class="motd-renderer font-normal font-minecraft line-clamp-2 text-secondary leading-5"
 							v-html="renderedMotd"
 						/>
-						<div v-else-if="!serverStatus" class="font-normal font-minecraft text-red leading-5 truncate max-w-full">
+						<div
+							v-else-if="!serverStatus"
+							class="font-normal font-minecraft text-red leading-5 truncate max-w-full"
+						>
 							{{ formatMessage(messages.cantConnect) }}
 						</div>
-						<div v-else class="font-normal font-minecraft text-secondary leading-5 truncate max-w-full">
+						<div
+							v-else
+							class="font-normal font-minecraft text-secondary leading-5 truncate max-w-full"
+						>
 							{{ formatMessage(messages.aMinecraftServer) }}
 						</div>
 					</template>

From 73458dde83fc813d4d6be0159a2a966e22704e67 Mon Sep 17 00:00:00 2001
From: Ceebug <caseydegan@outlook.com>
Date: Tue, 22 Sep 2026 21:50:23 +1000
Subject: [PATCH 4/5] Fix descending sort order being 'Nom (A-Z)' in french
 when it should be 'Nom (Z-A)' (#7652)

Signed-off-by: Ceebug <caseydegan@outlook.com>
---
 packages/ui/src/locales/fr-FR/index.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/locales/fr-FR/index.json b/packages/ui/src/locales/fr-FR/index.json
index b8033c7b0c1..79c7d8b596e 100644
--- a/packages/ui/src/locales/fr-FR/index.json
+++ b/packages/ui/src/locales/fr-FR/index.json
@@ -759,7 +759,7 @@
     "defaultMessage": "Nom (A-Z)"
   },
   "content.page-layout.sort.alphabetical-descending": {
-    "defaultMessage": "Nom (A-Z)"
+    "defaultMessage": "Nom (Z-A)"
   },
   "content.page-layout.sort.date-added-newest": {
     "defaultMessage": "Plus récent en premier"

From 553823b49054a0c0a7e0843d045e59949e886aee Mon Sep 17 00:00:00 2001
From: Ceebug <caseydegan@outlook.com>
Date: Tue, 22 Sep 2026 22:18:08 +1000
Subject: [PATCH 5/5] Fix(app): Ctrl + P keybind works in app, bringing up the
 printer ui (#5821)

Added prevention for the print dialog on Ctrl+P/Cmd+P.

Signed-off-by: Ceebug <caseydegan@outlook.com>
---
 packages/ui/src/composables/i18n-debug.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/ui/src/composables/i18n-debug.ts b/packages/ui/src/composables/i18n-debug.ts
index 384e14eb322..48efca5df50 100644
--- a/packages/ui/src/composables/i18n-debug.ts
+++ b/packages/ui/src/composables/i18n-debug.ts
@@ -239,6 +239,14 @@ function setupKeyTooltip() {
 
 function registerKeyboardShortcuts(panelOpen: Ref<boolean>, keyReveal: Ref<boolean>) {
 	useEventListener(document, 'keydown', (e: KeyboardEvent) => {
+		// Prevent the browser/app print dialog from opening with Ctrl+P / Cmd+P
+		if (e.ctrlKey || e.metaKey) {
+			if (e.code === 'KeyP') {
+				e.preventDefault()
+				return
+			}
+		}
+
 		// Use Cmd on macOS, Ctrl on other platforms
 		const mod = e.metaKey || e.ctrlKey
 		if (!mod || !e.shiftKey) return