feat: refine task model recommendations

Author: monster

frontend/src/components/console/task/model-select.tsx

@@ -41,6 +41,8 @@ const BUILTIN_MODEL_OPTIONS = [
   },
 ] as const
 
+type BuiltinModelName = typeof BUILTIN_MODEL_OPTIONS[number]["model"]
+
 interface ModelSelectProps {
   models: DomainModel[]
   selectedModel?: DomainModel
@@ -88,6 +90,32 @@ export default function ModelSelect({
     () => models.filter((model) => model.id || model.model),
     [models],
   )
+  const recommendedModelKeys = useMemo(() => {
+    return BUILTIN_MODEL_OPTIONS.reduce((recommended, option) => {
+      const recommendedModel = supportedModels
+        .filter((model) => getBuiltinModelName(model.model) === option.model)
+        .sort((left, right) => {
+          const weightDiff = (right.weight || 0) - (left.weight || 0)
+          if (weightDiff !== 0) {
+            return weightDiff
+          }
+
+          const nameDiff = (left.model || "").localeCompare(right.model || "")
+          if (nameDiff !== 0) {
+            return nameDiff
+          }
+
+          return (left.id || "").localeCompare(right.id || "")
+        })[0]
+
+      const recommendedKey = recommendedModel?.id || recommendedModel?.model
+      if (recommendedKey) {
+        recommended[option.model] = recommendedKey
+      }
+
+      return recommended
+    }, {} as Partial<Record<BuiltinModelName, string>>)
+  }, [supportedModels])
   const builtinModelGroups = useMemo(
     () => IS_OFFLINE_EDITION
       ? []
@@ -197,22 +225,14 @@ export default function ModelSelect({
     return selectedModel ? getModelOptionDisplayName(selectedModel) : ""
   }
 
-  const getRecommendedModelBadge = (modelName?: string | null) => {
-    const normalizedModelName = modelName?.trim().toLowerCase()
-    if (!normalizedModelName) {
+  const getRecommendedModelBadge = (model: DomainModel) => {
+    const builtinModelName = getBuiltinModelName(model.model)
+    if (!builtinModelName) {
       return null
     }
 
-    const builtinModelName = getBuiltinModelName(normalizedModelName)
-    const nestedModelName = builtinModelName
-      ? normalizedModelName.slice(builtinModelName.length).replace(/^\/+/, "")
-      : normalizedModelName
-
-    if (
-      (builtinModelName === "monkeycode-basic" && nestedModelName === "qwen3.5-plus")
-      || (builtinModelName === "monkeycode-pro" && nestedModelName === "qwen3.6-plus")
-      || (builtinModelName === "monkeycode-ultra" && nestedModelName === "gpt-5.5")
-    ) {
+    const modelKey = model.id || model.model
+    if (modelKey && recommendedModelKeys[builtinModelName] === modelKey) {
       return t("taskWorkflow.model.recommended")
     }
 
@@ -221,7 +241,7 @@ export default function ModelSelect({
 
   const renderModelOption = (model: DomainModel, nested = false, indented = false) => {
     const displayName = getModelOptionDisplayName(model, nested)
-    const recommendedBadge = getRecommendedModelBadge(model.model)
+    const recommendedBadge = getRecommendedModelBadge(model)
 
     return (
       <DropdownMenuRadioItem

frontend/src/i18n/resources/cn.ts

@@ -1440,7 +1440,7 @@ const cn = {
         action: "去 GitHub 反馈",
       },
       quota: {
-        freeQuota: "免费额度",
+        freeQuota: "会员额度",
         freeWithValue: "今日额度 {{amount}}",
         remainingToday: "今日剩余 {{amount}}",
         noQuota: "无额度",

frontend/src/i18n/resources/en.ts

@@ -1440,7 +1440,7 @@ const en = {
         action: "Give feedback on GitHub",
       },
       quota: {
-        freeQuota: "Free quota",
+        freeQuota: "Membership quota",
         freeWithValue: "Daily quota {{amount}}",
         remainingToday: "{{amount}} left today",
         noQuota: "No quota",

frontend/src/pages/console/user/task/task-detail.tsx

@@ -1,4 +1,5 @@
 import { ConstsOwnerType, ConstsTaskStatus, type DomainModel, type DomainProjectTask, type DomainVMPort } from "@/api/Api"
+import { useAppRuntime } from "@/components/app-runtime-provider"
 import { useBreadcrumbTask } from "@/components/console/breadcrumb-task-context"
 import { useCommonData } from "@/components/console/data-provider"
 import { PlanStepsBlock } from "@/components/console/task/chat-panel"
@@ -62,13 +63,15 @@ const BUILTIN_TASK_MODEL_OPTIONS = [
   { model: "monkeycode-pro", labelKey: "pro", badgeKey: "proBadge", badgeVariant: "secondary" as const, iconName: "vip-1" },
   { model: "monkeycode-ultra", labelKey: "ultra", badgeKey: "ultraBadge", badgeVariant: "secondary" as const, iconName: "vip-2" },
 ] as const
+type BuiltinTaskModelName = typeof BUILTIN_TASK_MODEL_OPTIONS[number]["model"]
 const OPEN_WALLET_DIALOG_EVENT = "open-wallet-dialog"
 type MessageSource = "live" | "history"
 const MODEL_SWITCH_MIN_CREATED_AT = 1777381200 // 2026-04-28 21:00:00 +08:00
 
 export default function TaskDetailPage() {
   const { taskId } = useParams()
   const { setTaskName } = useBreadcrumbTask() ?? {}
+  const { serverConfig } = useAppRuntime()
   const { models, loadingModels, subscription } = useCommonData()
   const { t } = useTranslation()
   const isMobile = useIsMobile()
@@ -133,6 +136,7 @@ export default function TaskDetailPage() {
   const previewDialogOpenRef = React.useRef(false)
   const showPreparing = useShouldShowPreparing(task)
   const taskInteractive = task?.status === ConstsTaskStatus.TaskStatusProcessing
+  const canPublishWebsite = !IS_OFFLINE_EDITION && serverConfig?.region === "cn"
   const envid = task?.virtualmachine?.id
   const cancelledRef = React.useRef(false)
   const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)
@@ -274,6 +278,32 @@ export default function TaskDetailPage() {
     () => models.filter((model) => model.id || model.model),
     [models]
   )
+  const recommendedModelKeys = React.useMemo(() => {
+    return BUILTIN_TASK_MODEL_OPTIONS.reduce((recommended, option) => {
+      const recommendedModel = supportedModels
+        .filter((model) => getBuiltinModelName(model.model) === option.model)
+        .sort((left, right) => {
+          const weightDiff = (right.weight || 0) - (left.weight || 0)
+          if (weightDiff !== 0) {
+            return weightDiff
+          }
+
+          const nameDiff = (left.model || "").localeCompare(right.model || "")
+          if (nameDiff !== 0) {
+            return nameDiff
+          }
+
+          return (left.id || "").localeCompare(right.id || "")
+        })[0]
+
+      const recommendedKey = recommendedModel?.id || recommendedModel?.model
+      if (recommendedKey) {
+        recommended[option.model] = recommendedKey
+      }
+
+      return recommended
+    }, {} as Partial<Record<BuiltinTaskModelName, string>>)
+  }, [supportedModels])
   const modelGroups = React.useMemo(() => {
     const builtinModelGroups = IS_OFFLINE_EDITION
       ? []
@@ -774,34 +804,26 @@ export default function TaskDetailPage() {
     return currentModel ? getModelOptionDisplayName(currentModel) : getModelDisplayName(currentModelName)
   }, [builtinTaskModelOptions, currentModel, currentModelName, getModelOptionDisplayName, isMobile])
 
-  const getRecommendedModelBadge = React.useCallback((modelName?: string | null) => {
-    const normalizedModelName = modelName?.trim().toLowerCase()
-    if (!normalizedModelName) {
+  const getRecommendedModelBadge = React.useCallback((model: DomainModel) => {
+    const builtinModelName = getBuiltinModelName(model.model)
+    if (!builtinModelName) {
       return null
     }
 
-    const builtinModelName = getBuiltinModelName(normalizedModelName)
-    const nestedModelName = builtinModelName
-      ? normalizedModelName.slice(builtinModelName.length).replace(/^\/+/, "")
-      : normalizedModelName
-
-    if (
-      (builtinModelName === "monkeycode-basic" && nestedModelName === "qwen3.5-plus")
-      || (builtinModelName === "monkeycode-pro" && nestedModelName === "qwen3.6-plus")
-      || (builtinModelName === "monkeycode-ultra" && nestedModelName === "gpt-5.5")
-    ) {
+    const modelKey = model.id || model.model
+    if (modelKey && recommendedModelKeys[builtinModelName] === modelKey) {
       return t("taskDetail.page.models.recommended")
     }
 
     return null
-  }, [t])
+  }, [recommendedModelKeys, t])
 
   const renderModelSwitchOption = React.useCallback((model: DomainModel, nested = false, indented = false) => {
     const modelName = model.model || t("taskDetail.page.models.unknown")
     const isSelected = model.id === currentModelId || (!currentModelId && model.model === currentModelName)
     const canUseModel = canUseModelBySubscription(model, subscription)
     const displayName = getModelOptionDisplayName(model, nested)
-    const recommendedBadge = getRecommendedModelBadge(model.model)
+    const recommendedBadge = getRecommendedModelBadge(model)
 
     return (
       <DropdownMenuRadioItem
@@ -1294,7 +1316,7 @@ export default function TaskDetailPage() {
               <IconDeviceDesktop className="size-3.5" />
               {t("taskDetail.panels.preview")}{previewPortCount > 0 ? ` (${previewPortCount})` : ""}
             </Button>
-            {!IS_OFFLINE_EDITION && (
+            {canPublishWebsite && (
               <Button
                 variant="ghost"
                 size="sm"
@@ -1530,24 +1552,26 @@ export default function TaskDetailPage() {
           />
         </DialogContent>
       </Dialog>
-      <Dialog open={publishConfirmDialogOpen} onOpenChange={setPublishConfirmDialogOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>{t("taskDetail.page.dialogs.publishWebsite.title")}</DialogTitle>
-            <DialogDescription>
-              {t("taskDetail.page.dialogs.publishWebsite.description")}
-            </DialogDescription>
-          </DialogHeader>
-          <DialogFooter>
-            <Button variant="outline" onClick={() => setPublishConfirmDialogOpen(false)}>
-              {t("taskDetail.common.cancel")}
-            </Button>
-            <Button onClick={handleConfirmPublishWebsite}>
-              {t("taskDetail.page.dialogs.publishWebsite.confirm")}
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+      {canPublishWebsite && (
+        <Dialog open={publishConfirmDialogOpen} onOpenChange={setPublishConfirmDialogOpen}>
+          <DialogContent>
+            <DialogHeader>
+              <DialogTitle>{t("taskDetail.page.dialogs.publishWebsite.title")}</DialogTitle>
+              <DialogDescription>
+                {t("taskDetail.page.dialogs.publishWebsite.description")}
+              </DialogDescription>
+            </DialogHeader>
+            <DialogFooter>
+              <Button variant="outline" onClick={() => setPublishConfirmDialogOpen(false)}>
+                {t("taskDetail.common.cancel")}
+              </Button>
+              <Button onClick={handleConfirmPublishWebsite}>
+                {t("taskDetail.page.dialogs.publishWebsite.confirm")}
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      )}
     </div>
   )
 }

frontend/test/console-nav-rewards-i18n.test.ts

@@ -48,8 +48,8 @@ test("侧边栏在线权益入口提供中英文资源", () => {
   assert.equal(en.consoleShell.rewards.checkin.label, "Check in for credits");
   assert.equal(cn.consoleShell.rewards.invite.title, "邀请注册赚积分");
   assert.equal(en.consoleShell.rewards.invite.title, "Invite users for credits");
-  assert.equal(cn.consoleShell.rewards.quota.freeQuota, "免费额度");
-  assert.equal(en.consoleShell.rewards.quota.freeQuota, "Free quota");
+  assert.equal(cn.consoleShell.rewards.quota.freeQuota, "会员额度");
+  assert.equal(en.consoleShell.rewards.quota.freeQuota, "Membership quota");
   assert.equal(cn.consoleShell.rewards.quota.freeWithValue, "今日额度 {{amount}}");
   assert.equal(en.consoleShell.rewards.quota.freeWithValue, "Daily quota {{amount}}");
   assert.equal(cn.consoleShell.rewards.quota.creditsSummary, "积分 {{value}}");

frontend/test/task-detail-page-i18n.test.ts

@@ -28,3 +28,10 @@ test("任务详情页面壳提供中英文资源", () => {
   assert.equal(cn.taskDetail.page.dialogs.switchModel.title, "切换模型");
   assert.equal(en.taskDetail.page.dialogs.switchModel.title, "Switch model");
 });
+
+test("任务详情模型切换推荐标按同级别模型 weight 计算", () => {
+  assert.match(source, /recommendedModelKeys/);
+  assert.match(source, /getBuiltinModelName\(model\.model\) === option\.model/);
+  assert.match(source, /\(right\.weight \|\| 0\) - \(left\.weight \|\| 0\)/);
+  assert.doesNotMatch(source, /qwen3\.5-plus|qwen3\.6-plus|gpt-5\.5/);
+});

frontend/test/task-detail-preview-publish.test.ts

@@ -26,6 +26,8 @@ test("任务详情预览弹窗支持确认后自动发送发布指令", () => {
   assert.doesNotMatch(chatInputSource, /taskDetail\.chat\.commands\.publishWebsiteDescription/);
 
   assert.match(pageSource, /TaskChatInputBoxHandle/);
+  assert.match(pageSource, /useAppRuntime/);
+  assert.match(pageSource, /const canPublishWebsite = !IS_OFFLINE_EDITION && serverConfig\?\.region === "cn"/);
   assert.match(pageSource, /chatInputRef/);
   assert.match(pageSource, /publishConfirmDialogOpen/);
   assert.match(pageSource, /chatInputRef\.current\?\.submitPublishWebsite\(\)/);
@@ -39,6 +41,7 @@ test("任务详情预览弹窗支持确认后自动发送发布指令", () => {
     /<IconTerminal2[\s\S]*?t\("taskDetail\.panels\.preview"\)[\s\S]*?<IconUpload[\s\S]*?t\("taskDetail\.page\.dialogs\.publishWebsite\.button"\)[\s\S]*?<\/div>/,
   );
   assert.ok(panelButtonGroupMatch, "publish button should sit next to terminal, files, and preview controls");
+  assert.match(panelButtonGroupMatch[0], /canPublishWebsite/);
   assert.match(panelButtonGroupMatch[0], /disabled=\{!canInput\}/);
 
   const previewDialogMatch = pageSource.match(

frontend/test/task-workflow-i18n.test.ts

@@ -68,3 +68,10 @@ test("任务工作流共享组件提供中英文资源", () => {
   assert.equal(cn.taskWorkflow.actions.delete, "删除任务");
   assert.equal(en.taskWorkflow.actions.delete, "Delete");
 });
+
+test("模型选择框推荐标按同级别模型 weight 计算", () => {
+  assert.match(sourceFiles.modelSelect, /recommendedModelKeys/);
+  assert.match(sourceFiles.modelSelect, /getBuiltinModelName\(model\.model\) === option\.model/);
+  assert.match(sourceFiles.modelSelect, /\(right\.weight \|\| 0\) - \(left\.weight \|\| 0\)/);
+  assert.doesNotMatch(sourceFiles.modelSelect, /qwen3\.5-plus|qwen3\.6-plus|gpt-5\.5/);
+});