feat: qa

packages/ui/src/components/servers/server-header/ServerManageHeader.vue

@@ -320,6 +320,22 @@ const startSplitActions = computed<JoinedButtonAction[]>(() => [
 	})),
 ])
 
+const restartSplitActions = computed<JoinedButtonAction[]>(() => [
+	{
+		id: 'restart',
+		label: primaryActionText.value,
+		icon: UpdatedIcon,
+		action: () => initiateAction('Restart'),
+	},
+	// TODO: Implement world scoping when Archon/Kyros support target worlds in power requests.
+	...startableWorlds.value.map((world) => ({
+		id: `restart-${world.id}`,
+		label: `Restart with ${world.name}`,
+		icon: GlobeIcon,
+		action: () => initiateAction('Restart'),
+	})),
+])
+
 const stopSplitActions = computed<JoinedButtonAction[]>(() => [
 	{
 		id: 'stop',
@@ -353,11 +369,10 @@ const powerActions = computed<HeaderAction[]>(() => {
 			{
 				id: 'restart',
 				label: primaryActionText.value,
-				icon: UpdatedIcon,
 				color: 'orange',
-				tooltip: busyTooltip.value,
-				disabled: !canTakeAction.value,
-				onClick: handlePrimaryAction,
+				joinedActions: restartSplitActions.value,
+				primaryDisabled: !canTakeAction.value,
+				dropdownDisabled: !canTakeAction.value,
 			},
 			{
 				id: 'stop',

packages/ui/src/components/servers/server-header/use-server-power-action.ts

@@ -1,3 +1,4 @@
+import type { Archon } from '@modrinth/api-client'
 import { computed, type Ref } from 'vue'
 
 import { useVIntl } from '#ui/composables/i18n'
@@ -8,7 +9,7 @@ import {
 	injectNotificationManager,
 } from '#ui/providers'
 
-export type PowerAction = 'Start' | 'Stop' | 'Restart' | 'Kill'
+export type PowerAction = Archon.Servers.v0.PowerAction
 
 export function useServerPowerAction(options?: { disabled?: Ref<boolean> }) {
 	const { formatMessage } = useVIntl()

packages/ui/src/layouts/wrapped/hosting/manage/[id]/instances/[instance-id]/index.vue

@@ -24,9 +24,10 @@ import {
 	BoxesIcon,
 	DatabaseBackupIcon,
 	FolderOpenIcon,
+	GlobeIcon,
 	LoaderCircleIcon,
 	PlayIcon,
-	SettingsIcon,
+	Settings2Icon,
 	SlashIcon,
 	StopCircleIcon,
 	UpdatedIcon,
@@ -35,6 +36,7 @@ import { useQuery } from '@tanstack/vue-query'
 import { computed, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
+import type { JoinedButtonAction } from '#ui/components/base/JoinedButtons.vue'
 import NavTabs from '#ui/components/base/NavTabs.vue'
 import { WorldManageHeader } from '#ui/components/servers/server-header'
 import { useServerPowerAction } from '#ui/components/servers/server-header/use-server-power-action'
@@ -167,6 +169,24 @@ const stopSplitActions = computed(() => [
 		action: () => initiateAction('Kill'),
 	},
 ])
+const restartableWorlds = computed(() =>
+	(serverFull.value?.worlds ?? []).filter((world) => world.id !== worldId.value),
+)
+const restartSplitActions = computed<JoinedButtonAction[]>(() => [
+	{
+		id: 'restart',
+		label: primaryActionText.value,
+		icon: UpdatedIcon,
+		action: () => initiateAction('Restart'),
+	},
+	// TODO: Implement world scoping when Archon/Kyros support target worlds in power requests.
+	...restartableWorlds.value.map((world) => ({
+		id: `restart-${world.id}`,
+		label: `Restart with ${world.name}`,
+		icon: GlobeIcon,
+		action: () => initiateAction('Restart'),
+	})),
+])
 const powerActions = computed(() => {
 	if (isInstalling.value) {
 		return [
@@ -185,11 +205,10 @@ const powerActions = computed(() => {
 			{
 				id: 'restart',
 				label: primaryActionText.value,
-				icon: UpdatedIcon,
 				color: 'orange' as const,
-				tooltip: busyTooltip.value,
-				disabled: !canTakeAction.value,
-				onClick: handlePrimaryAction,
+				joinedActions: restartSplitActions.value,
+				primaryDisabled: !canTakeAction.value,
+				dropdownDisabled: !canTakeAction.value,
 			},
 			{
 				id: 'stop',
@@ -231,7 +250,7 @@ const headerActions = computed(() => [
 	{
 		id: 'settings',
 		label: formatMessage(messages.instanceSettings),
-		icon: SettingsIcon,
+		icon: Settings2Icon,
 		labelHidden: true,
 		tooltip: formatMessage(messages.instanceSettings),
 		onClick: () => openServerSettings({ tabId: 'installation' }),