feat(ui): reorder api profile

packages/types/src/global-settings.ts

@@ -52,6 +52,15 @@ export const globalSettingsSchema = z.object({
 	currentApiConfigName: z.string().optional(),
 	listApiConfigMeta: z.array(providerSettingsEntrySchema).optional(),
 	pinnedApiConfigs: z.record(z.string(), z.boolean()).optional(),
+	apiConfigsCustomOrder: z
+		.array(
+			z.object({
+				id: z.string(),
+				index: z.number(),
+				pinned: z.boolean(),
+			}),
+		)
+		.optional(),
 
 	lastShownAnnouncementId: z.string().optional(),
 	customInstructions: z.string().optional(),
@@ -284,6 +293,7 @@ export const EVALS_SETTINGS: RooCodeSettings = {
 	lastShownAnnouncementId: "jul-09-2025-3-23-0",
 
 	pinnedApiConfigs: {},
+	apiConfigsCustomOrder: [],
 
 	autoApprovalEnabled: true,
 	alwaysAllowReadOnly: true,

src/core/webview/ClineProvider.ts

@@ -1881,6 +1881,7 @@ export class ClineProvider
 			openRouterImageApiKey,
 			openRouterImageGenerationSelectedModel,
 			openRouterUseMiddleOutTransform,
+			apiConfigsCustomOrder,
 			featureRoomoteControlEnabled,
 		} = await this.getState()
 
@@ -1968,6 +1969,7 @@ export class ClineProvider
 			currentApiConfigName: currentApiConfigName ?? "default",
 			listApiConfigMeta: listApiConfigMeta ?? [],
 			pinnedApiConfigs: pinnedApiConfigs ?? {},
+			apiConfigsCustomOrder: apiConfigsCustomOrder ?? [],
 			mode: mode ?? defaultModeSlug,
 			customModePrompts: customModePrompts ?? {},
 			customSupportPrompts: customSupportPrompts ?? {},
@@ -2194,6 +2196,7 @@ export class ClineProvider
 			currentApiConfigName: stateValues.currentApiConfigName ?? "default",
 			listApiConfigMeta: stateValues.listApiConfigMeta ?? [],
 			pinnedApiConfigs: stateValues.pinnedApiConfigs ?? {},
+			apiConfigsCustomOrder: stateValues.apiConfigsCustomOrder ?? [],
 			modeApiConfigs: stateValues.modeApiConfigs ?? ({} as Record<Mode, string>),
 			customModePrompts: stateValues.customModePrompts ?? {},
 			customSupportPrompts: stateValues.customSupportPrompts ?? {},

src/core/webview/webviewMessageHandler.ts

@@ -1699,6 +1699,22 @@ export const webviewMessageHandler = async (
 				await provider.postStateToWebview()
 			}
 			break
+		case "setApiConfigsCustomOrder":
+			if (message.values && Array.isArray(message.values.customOrder)) {
+				const isValidOrder = message.values.customOrder.every(
+					(item: any) =>
+						typeof item === "object" &&
+						typeof item.id === "string" &&
+						typeof item.index === "number" &&
+						typeof item.pinned === "boolean",
+				)
+
+				if (isValidOrder) {
+					await updateGlobalState("apiConfigsCustomOrder", message.values.customOrder)
+					await provider.postStateToWebview()
+				}
+			}
+			break
 		case "enhancementApiConfigId":
 			await updateGlobalState("enhancementApiConfigId", message.text)
 			await provider.postStateToWebview()

src/shared/ExtensionMessage.ts

@@ -218,6 +218,7 @@ export type ExtensionState = Pick<
 	| "currentApiConfigName"
 	| "listApiConfigMeta"
 	| "pinnedApiConfigs"
+	| "apiConfigsCustomOrder"
 	// | "lastShownAnnouncementId"
 	| "customInstructions"
 	// | "taskHistory" // Optional in GlobalSettings, required here.

src/shared/WebviewMessage.ts

@@ -181,6 +181,7 @@ export interface WebviewMessage {
 		| "includeCurrentCost"
 		| "searchFiles"
 		| "toggleApiConfigPin"
+		| "setApiConfigsCustomOrder"
 		| "setHistoryPreviewCollapsed"
 		| "hasOpenedModeSelector"
 		| "cloudButtonClicked"