android-midscene-automation 0.1.41 → 0.1.42

package/src/components/config/MidsceneConfigPanel.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
-import { computed } from 'vue';
-import { QuestionFilled } from '@element-plus/icons-vue';
+import { computed, reactive } from 'vue';
+import { ArrowDown, QuestionFilled } from '@element-plus/icons-vue';
 import {
   codexMidsceneModelOptions,
   midsceneModelPresets,
+  midsceneModelOptions,
+  midsceneModelFamilyOptions,
   type MidsceneModelProvider,
 } from '../../config/midscene-model-presets';
 import type { ConfigForm } from '../../types';
@@ -11,44 +13,52 @@ import type { ConfigForm } from '../../types';
 const props = defineProps<{
   configForm: ConfigForm;
   testingModelKey: string;
-  isSavingModelConfig: boolean;
   modelTestStatus: { midscene: string; scriptOptimizer: string };
 }>();
 
 const emit = defineEmits<{
   testModel: [key: 'midscene' | 'scriptOptimizer'];
-  saveModelConfig: [];
   updateMidsceneModelProvider: [provider: MidsceneModelProvider];
 }>();
 
 const activeMidsceneProvider = computed<MidsceneModelProvider>(() =>
-  props.configForm.midscene.model.provider === 'codex' ? 'codex' : 'custom',
+  props.configForm.midscene.model.provider || 'custom',
 );
-const modelConfigGuideUrl = 'https://midscenejs.com/zh/model-common-config.html';
-
-const normalizeBaseUrl = (value: string) => value.trim().replace(/\/+$/, '');
+const activePreset = computed(() => midsceneModelPresets.find(item => item.key === activeMidsceneProvider.value));
+const modelFamilyOptions = computed(() => {
+  if (activeMidsceneProvider.value === 'custom') return midsceneModelFamilyOptions;
+  const families = activeMidsceneProvider.value === 'codex'
+    ? codexMidsceneModelOptions.map(option => option.family)
+    : activePreset.value?.modelFamilies ?? (activePreset.value ? [activePreset.value.modelFamily] : []);
+  return [...new Set(families)].map(family => ({ label: family, value: family }));
+});
+const modelNameOptions = computed(() => activeMidsceneProvider.value === 'codex'
+  ? codexMidsceneModelOptions
+  : midsceneModelOptions.filter(option => modelFamilyOptions.value.some(family => family.value === option.family)));
+const modelSearchActive = reactive({ name: false, family: false });
+const modelSuggestions = (field: 'name' | 'family', query: string) => {
+  const options = field === 'name' ? modelNameOptions.value : modelFamilyOptions.value;
+  return modelSearchActive[field]
+    ? options.filter(option => option.value.toLowerCase().includes(query.toLowerCase()))
+    : options;
+};
+const modelConfigGuideUrl = 'https://midscenejs.com/zh/model-common-config.html#glm-v';
 
 const updateMidsceneModelName = (value: string) => {
   props.configForm.midscene.model.name = value;
-  const option = codexMidsceneModelOptions.find((item) => item.value === value);
+  const option = modelNameOptions.value.find((item) => item.value === value);
   if (option) {
     props.configForm.midscene.model.family = option.family;
   }
 };
 
-const updateCustomMidsceneBaseUrl = (value: string) => {
-  props.configForm.midscene.model.baseUrl = value;
-  const preset = midsceneModelPresets.find((item) => normalizeBaseUrl(item.baseUrl) === normalizeBaseUrl(value));
-  if (preset) {
-    props.configForm.midscene.model.name = preset.modelName;
-    props.configForm.midscene.model.family = preset.modelFamily;
-  }
-};
-
 const updateMidsceneProvider = (value: string) => {
   if (value === 'custom' || value === 'codex') {
     emit('updateMidsceneModelProvider', value);
+    return;
   }
+  const preset = midsceneModelPresets.find(item => item.key === value);
+  if (preset) emit('updateMidsceneModelProvider', preset.key);
 };
 
 const openModelConfigGuide = () => {
@@ -57,13 +67,21 @@ const openModelConfigGuide = () => {
 </script>
 
 <template>
-  <el-card shadow="never" class="config-module-card">
+  <el-card shadow="never" class="config-module-card config-midscene-card">
     <template #header>
       <div class="panel-header">
-        <span>模型配置</span>
-        <el-button type="primary" :loading="isSavingModelConfig" @click="$emit('saveModelConfig')">
-          保存模型配置
-        </el-button>
+        <span class="panel-header__title">
+          <span>模型配置</span>
+          <el-tooltip content="模型参考配置" placement="top" :show-after="200">
+            <el-button
+              class="config-model-help"
+              text
+              :icon="QuestionFilled"
+              aria-label="模型参考配置"
+              @click="openModelConfigGuide"
+            />
+          </el-tooltip>
+        </span>
       </div>
     </template>
 
@@ -73,71 +91,36 @@ const openModelConfigGuide = () => {
           <span>Midscene 模型</span>
           <el-button
             :loading="testingModelKey === 'midscene'"
+            :disabled="!!testingModelKey"
             @click="$emit('testModel', 'midscene')"
           >
-            测试模型
+            测试并保存
           </el-button>
         </div>
-        <el-form label-position="top">
+        <el-form label-position="top" :disabled="!!testingModelKey">
           <el-form-item label="接入方式">
             <el-select
               :model-value="activeMidsceneProvider"
               @change="updateMidsceneProvider"
             >
               <el-option label="自定义提供方" value="custom" />
+              <el-option v-for="preset in midsceneModelPresets" :key="preset.key" :label="preset.label" :value="preset.key" />
               <el-option label="使用 Codex" value="codex" />
             </el-select>
           </el-form-item>
 
-          <template v-if="activeMidsceneProvider === 'custom'">
+          <template v-if="activeMidsceneProvider !== 'codex'">
+            <el-alert v-if="activePreset?.hint" class="config-form-alert" type="info" :closable="false" :title="activePreset.hint" />
             <el-form-item label="Base URL">
               <el-input
-                :model-value="configForm.midscene.model.baseUrl"
-                placeholder="输入 Base URL，匹配已知提供方时自动填充模型"
-                @input="updateCustomMidsceneBaseUrl"
+                v-model="configForm.midscene.model.baseUrl"
+                placeholder="选择接入方式自动填充，也可手动修改"
               />
             </el-form-item>
             <el-form-item label="API Key">
               <el-input v-model="configForm.midscene.model.apiKey" show-password />
             </el-form-item>
-            <el-form-item>
-              <template #label>
-                <span class="config-field-label">
-                  <span>Model Name</span>
-                  <el-tooltip content="查看模型填写参考" placement="top">
-                    <el-button
-                      class="config-field-help"
-                      text
-                      size="small"
-                      :icon="QuestionFilled"
-                      aria-label="查看 Model Name 填写参考"
-                      @click.stop="openModelConfigGuide"
-                    />
-                  </el-tooltip>
-                </span>
-              </template>
-              <el-input v-model="configForm.midscene.model.name" placeholder="例如：gpt-5.5" />
-            </el-form-item>
-            <el-form-item>
-              <template #label>
-                <span class="config-field-label">
-                  <span>Model Family</span>
-                  <el-tooltip content="查看模型填写参考" placement="top">
-                    <el-button
-                      class="config-field-help"
-                      text
-                      size="small"
-                      :icon="QuestionFilled"
-                      aria-label="查看 Model Family 填写参考"
-                      @click.stop="openModelConfigGuide"
-                    />
-                  </el-tooltip>
-                </span>
-              </template>
-              <el-input v-model="configForm.midscene.model.family" placeholder="例如：gpt-5" />
-            </el-form-item>
           </template>
-
           <template v-else>
             <el-alert
               class="config-form-alert"
@@ -148,25 +131,34 @@ const openModelConfigGuide = () => {
             <el-form-item label="Base URL">
               <el-input :model-value="configForm.midscene.model.baseUrl" readonly />
             </el-form-item>
-            <el-form-item label="Model Name">
-              <el-select
-                :model-value="configForm.midscene.model.name"
-                @change="updateMidsceneModelName"
-              >
-                <el-option
-                  v-for="option in codexMidsceneModelOptions"
-                  :key="option.value"
-                  :label="option.label"
-                  :value="option.value"
-                />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="Model Family">
-              <el-select v-model="configForm.midscene.model.family" disabled>
-                <el-option label="gpt-5" value="gpt-5" />
-              </el-select>
-            </el-form-item>
           </template>
+          <el-form-item label="Model Name">
+            <el-autocomplete
+              class="config-model-input"
+              :model-value="configForm.midscene.model.name"
+              :fetch-suggestions="(query: string) => modelSuggestions('name', query)"
+              :debounce="0"
+              :suffix-icon="ArrowDown"
+              fit-input-width
+              placeholder="选择或输入模型名称"
+              @focus="modelSearchActive.name = false"
+              @input="modelSearchActive.name = true"
+              @update:model-value="updateMidsceneModelName"
+            />
+          </el-form-item>
+          <el-form-item label="Model Family">
+            <el-autocomplete
+              v-model="configForm.midscene.model.family"
+              class="config-model-input"
+              :fetch-suggestions="(query: string) => modelSuggestions('family', query)"
+              :debounce="0"
+              :suffix-icon="ArrowDown"
+              fit-input-width
+              placeholder="选择或输入模型系列"
+              @focus="modelSearchActive.family = false"
+              @input="modelSearchActive.family = true"
+            />
+          </el-form-item>
           <el-form-item v-if="modelTestStatus.midscene" label="测试结果">
             <el-input :model-value="modelTestStatus.midscene" readonly />
           </el-form-item>
@@ -178,12 +170,13 @@ const openModelConfigGuide = () => {
           <span>脚本优化模型</span>
           <el-button
             :loading="testingModelKey === 'scriptOptimizer'"
+            :disabled="!!testingModelKey"
             @click="$emit('testModel', 'scriptOptimizer')"
           >
-            测试模型
+            测试并保存
           </el-button>
         </div>
-        <el-form label-position="top">
+        <el-form label-position="top" :disabled="!!testingModelKey">
           <el-form-item label="Base URL">
             <el-input v-model="configForm.scriptOptimizer.model.baseUrl" />
           </el-form-item>
@@ -202,3 +195,8 @@ const openModelConfigGuide = () => {
 
   </el-card>
 </template>
+
+<style scoped>
+.config-midscene-card :deep(.el-card__body) { background: var(--ui-bg-soft, #f8f9fb); }
+.config-model-input { width: 100%; }
+</style>

package/src/config/midscene-model-presets.ts

@@ -1,5 +1,5 @@
-export type MidsceneModelProvider = 'custom' | 'codex';
-export type MidsceneModelPresetKey = 'gpt' | 'doubao';
+export type MidsceneModelPresetKey = 'gpt' | 'doubao' | 'qwen' | 'deepseek' | 'gemini' | 'kimi' | 'mimo' | 'glm' | 'glm-global' | 'autoglm' | 'autoglm-global' | 'ui-tars';
+export type MidsceneModelProvider = 'custom' | 'codex' | MidsceneModelPresetKey;
 
 export type MidsceneModelPreset = {
   key: MidsceneModelPresetKey;
@@ -7,6 +7,8 @@ export type MidsceneModelPreset = {
   baseUrl: string;
   modelName: string;
   modelFamily: string;
+  modelFamilies?: string[];
+  hint?: string;
 };
 
 export type MidsceneModelOption = {
@@ -33,8 +35,11 @@ export const codexMidsceneModelOptions: MidsceneModelOption[] = [
 
 export const midsceneModelOptions: MidsceneModelOption[] = [
   ...codexMidsceneModelOptions,
+  { label: 'GPT-6 Sol', value: 'gpt-6-sol', family: 'gpt-6' },
+  { label: 'DeepSeek Flash', value: 'deepseek-flash', family: 'deepseek' },
+  { label: 'AutoGLM Phone', value: 'autoglm-phone', family: 'auto-glm' },
   { label: 'Doubao Seed 2.1 Pro 260628', value: 'doubao-seed-2-1-pro-260628', family: 'doubao-seed' },
-  { label: 'Doubao Seed 2.1 Turbo', value: 'doubao-seed-2.1-turbo', family: 'doubao-seed' },
+  { label: 'Doubao Seed 2.1 Turbo', value: 'doubao-seed-2-1-turbo-260628', family: 'doubao-seed' },
   { label: 'Doubao Seed 2.0 Lite', value: 'doubao-seed-2.0-lite', family: 'doubao-seed' },
   { label: 'Doubao Seed 1.6 Vision', value: 'doubao-seed-1.6-vision', family: 'doubao-seed' },
   { label: 'Doubao Seed 1.8', value: 'doubao-seed-1.8', family: 'doubao-seed' },
@@ -48,28 +53,51 @@ export const midsceneModelOptions: MidsceneModelOption[] = [
   { label: 'Kimi K3', value: 'kimi-k3', family: 'kimi3' },
   { label: 'Kimi K2.5', value: 'kimi-k2.5', family: 'kimi' },
   { label: 'Kimi K2.6', value: 'kimi-k2.6', family: 'kimi' },
+  { label: 'MiMo V2.6 Pro', value: 'mimo-v2.6-pro', family: 'xiaomi-mimo' },
   { label: 'MiMo V2.5', value: 'mimo-v2.5', family: 'xiaomi-mimo' },
   { label: 'GLM 5V Turbo', value: 'glm-5v-turbo', family: 'glm-v' },
   { label: 'GLM 4.6V', value: 'glm-4.6v', family: 'glm-v' },
 ];
 
 export const midsceneModelFamilyOptions = Array.from(
-  new Set(midsceneModelOptions.map((option) => option.family)),
+  new Set([...midsceneModelOptions.map((option) => option.family), 'auto-glm-multilingual', 'vlm-ui-tars', 'vlm-ui-tars-doubao', 'vlm-ui-tars-doubao-1.5']),
 ).map((family) => ({ label: family, value: family }));
 
+// 官方配置示例：https://midscenejs.com/zh/model-common-config.html（2026-09-23）。
 export const midsceneModelPresets: MidsceneModelPreset[] = [
   {
     key: 'gpt',
-    label: 'GPT',
+    label: 'OpenAI GPT',
     baseUrl: 'https://api.openai.com/v1',
-    modelName: 'gpt-5.5',
-    modelFamily: 'gpt-5',
+    modelName: 'gpt-6-sol',
+    modelFamily: 'gpt-6',
+    modelFamilies: ['gpt-5', 'gpt-6'],
   },
   {
     key: 'doubao',
-    label: 'Doubao',
+    label: '火山引擎 · 豆包 Seed',
     baseUrl: 'https://ark.cn-beijing.volces.com/api/v3',
-    modelName: 'doubao-seed-2-1-pro-260628',
+    modelName: 'doubao-seed-2-1-turbo-260628',
     modelFamily: 'doubao-seed',
   },
+  { key: 'qwen', label: '阿里云 · 千问 Qwen', baseUrl: 'https://dashscope.aliyuncs.com/compatible-mode/v1', modelName: 'qwen3.7-plus', modelFamily: 'qwen3', modelFamilies: ['qwen3', 'qwen3-vl', 'qwen2.5-vl'] },
+  { key: 'deepseek', label: 'DeepSeek', baseUrl: 'https://api.deepseek.com', modelName: 'deepseek-flash', modelFamily: 'deepseek' },
+  { key: 'gemini', label: 'Google Gemini', baseUrl: 'https://generativelanguage.googleapis.com/v1beta/openai/', modelName: 'gemini-3.5-flash', modelFamily: 'gemini' },
+  { key: 'kimi', label: '月之暗面 · Kimi', baseUrl: 'https://api.moonshot.cn/v1', modelName: 'kimi-k3', modelFamily: 'kimi3', modelFamilies: ['kimi3', 'kimi'] },
+  { key: 'mimo', label: '小米 · MiMo', baseUrl: 'https://api.xiaomimimo.com/v1', modelName: 'mimo-v2.6-pro', modelFamily: 'xiaomi-mimo' },
+  { key: 'glm', label: '智谱 BigModel · GLM-V（国内）', baseUrl: 'https://open.bigmodel.cn/api/paas/v4', modelName: 'glm-5v-turbo', modelFamily: 'glm-v' },
+  { key: 'glm-global', label: '智谱 Z.AI · GLM-V（国际）', baseUrl: 'https://api.z.ai/api/paas/v4', modelName: 'glm-5v-turbo', modelFamily: 'glm-v' },
+  { key: 'autoglm', label: '智谱 BigModel · AutoGLM（国内）', baseUrl: 'https://open.bigmodel.cn/api/paas/v4', modelName: 'autoglm-phone', modelFamily: 'auto-glm', modelFamilies: ['auto-glm', 'auto-glm-multilingual'], hint: '模型名称以平台实际名称为准；aiAssert / aiQuery 等页面理解任务需另外配置 Insight 模型。' },
+  { key: 'autoglm-global', label: '智谱 Z.AI · AutoGLM（国际）', baseUrl: 'https://api.z.ai/api/paas/v4', modelName: 'autoglm-phone', modelFamily: 'auto-glm', modelFamilies: ['auto-glm', 'auto-glm-multilingual'], hint: '模型名称以平台实际名称为准；aiAssert / aiQuery 等页面理解任务需另外配置 Insight 模型。' },
+  { key: 'ui-tars', label: '火山引擎 · UI-TARS', baseUrl: 'https://ark.cn-beijing.volces.com/api/v3', modelName: '', modelFamily: 'vlm-ui-tars-doubao-1.5', modelFamilies: ['vlm-ui-tars', 'vlm-ui-tars-doubao', 'vlm-ui-tars-doubao-1.5'], hint: '请在 Model Name 中填写已部署 UI-TARS 的推理接入点 ID（ep-…）或实际模型名称。' },
 ];
+
+type MidsceneModelConfig = { provider: MidsceneModelProvider; baseUrl: string; apiKey: string; name: string; family: string };
+
+export function selectMidsceneModelProvider(provider: MidsceneModelProvider, current: MidsceneModelConfig, custom: Omit<MidsceneModelConfig, 'provider'>): MidsceneModelConfig {
+  if (provider === 'codex') return { ...codexMidsceneModel };
+  if (provider === 'custom') return { ...custom, provider };
+  const preset = midsceneModelPresets.find(item => item.key === provider);
+  if (!preset) return current;
+  return { ...current, provider, baseUrl: preset.baseUrl, name: preset.modelName, family: preset.modelFamily };
+}

package/src/config/use-appium-auto-save.ts

@@ -0,0 +1,54 @@
+import { onScopeDispose, shallowRef, watch } from 'vue';
+import type { ConfigForm } from '../types';
+import { isHexColor } from '../appium-recorder/flow-appearance';
+import { resolveAiDeduplication } from '../appium-recorder/ai-deduplication';
+
+// 串行提交最新快照，较慢的旧请求不会在新请求后覆盖配置。
+export function useAppiumAutoSave(config: ConfigForm, save: (value: Omit<ConfigForm['appium'], 'model'>) => Promise<unknown>, onError: (error: unknown) => void) {
+  const saving = shallowRef(false);
+  const status = shallowRef('');
+  let initialized = false, saved = '', pending: string | undefined;
+  let timer: ReturnType<typeof setTimeout> | undefined;
+  // 模型只能通过“测试并保存”提交，自动保存仅观察其余设置。
+  function snapshotSettings() { const { model: _model, ...settings } = config.appium; return JSON.stringify(settings); }
+  function initialize() { saved = snapshotSettings(); initialized = true; }
+  async function flush() {
+    if (saving.value || pending === undefined) return;
+    saving.value = true;
+    try {
+      while (pending !== undefined) {
+        const snapshot = pending;
+        pending = undefined;
+        if (snapshot === saved) { status.value = '已自动保存'; continue; }
+        status.value = '正在自动保存…';
+        try {
+          await save(JSON.parse(snapshot));
+          saved = snapshot;
+          if (snapshotSettings() === snapshot) status.value = '已自动保存';
+        } catch (error) {
+          status.value = '自动保存失败，请重新修改后重试';
+          onError(error);
+          // 不无限重试失败请求；若用户期间有新修改，继续保存最新快照。
+        }
+      }
+    } finally { saving.value = false; }
+  }
+  watch(snapshotSettings, snapshot => {
+    if (!initialized) return;
+    clearTimeout(timer);
+    pending = undefined;
+    const value = config.appium;
+    if ((value.flowBackgroundColor !== undefined && !isHexColor(value.flowBackgroundColor))
+      || (value.flowLineColor !== undefined && !isHexColor(value.flowLineColor))) {
+      status.value = '颜色格式有误，尚未保存';
+      return;
+    }
+    try { resolveAiDeduplication(value.aiDeduplication); }
+    catch { status.value = '去重参数有误，尚未保存'; return; }
+    pending = snapshot;
+    status.value = '等待自动保存…';
+    timer = setTimeout(() => { void flush(); }, 350);
+  }, { flush: 'sync' });
+  onScopeDispose(() => { clearTimeout(timer); pending = undefined; });
+  return { initialize, saving, status };
+}

package/src/pages/ConfigPage.vue

@@ -13,6 +13,7 @@ defineProps<{
   testingModelKey: string;
   isSavingModelConfig: boolean;
   isSavingAppPreset: boolean;
+  appiumSaveStatus?: string;
   modelTestStatus: { midscene: string; scriptOptimizer: string; appium?: string };
 }>();
 
@@ -22,6 +23,7 @@ defineEmits<{
   saveAppPreset: [];
   editAppPreset: [app: AppPreset];
   deleteAppPreset: [id: string];
+  cancelAppPresetEdit: [];
   updateMidsceneModelProvider: [provider: MidsceneModelProvider];
 }>();
 
@@ -81,6 +83,7 @@ function handleTabKeydown(event: KeyboardEvent, index: number) {
         @save-app-preset="$emit('saveAppPreset')"
         @edit-app-preset="$emit('editAppPreset', $event)"
         @delete-app-preset="$emit('deleteAppPreset', $event)"
+        @cancel-app-preset-edit="$emit('cancelAppPresetEdit')"
       />
     </section>
 
@@ -93,10 +96,8 @@ function handleTabKeydown(event: KeyboardEvent, index: number) {
       <MidsceneConfigPanel
         :config-form="configForm"
         :testing-model-key="testingModelKey"
-        :is-saving-model-config="isSavingModelConfig"
         :model-test-status="modelTestStatus"
         @test-model="$emit('testModel', $event)"
-        @save-model-config="$emit('saveModelConfig')"
         @update-midscene-model-provider="$emit('updateMidsceneModelProvider', $event)"
       />
     </section>
@@ -110,10 +111,9 @@ function handleTabKeydown(event: KeyboardEvent, index: number) {
       <AppiumConfigPanel
         :config-form="configForm"
         :testing-model-key="testingModelKey"
-        :is-saving-model-config="isSavingModelConfig"
         :test-status="modelTestStatus.appium"
+        :save-status="appiumSaveStatus"
         @test-model="$emit('testModel', 'appium')"
-        @save-model-config="$emit('saveModelConfig')"
       />
     </section>
   </div>

package/src/style.css

@@ -1684,16 +1684,11 @@ select {
   gap: 8px;
 }
 
-.config-field-label {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-}
-
-.config-field-help.el-button {
-  height: 18px;
+.config-model-help.el-button.is-text {
+  width: 28px;
+  height: 28px;
   padding: 0;
-  color: var(--el-text-color-secondary);
+  font-size: 16px;
 }
 
 .config-module-card {
@@ -2869,7 +2864,7 @@ select {
 
 .appium-vue-flow .vue-flow__edge-path,
 .appium-vue-flow .vue-flow__connection-path {
-  stroke: #719985;
+  stroke: var(--appium-flow-line-color, #719985);
   stroke-width: 2.5;
   stroke-linecap: round;
   stroke-linejoin: round;

package/src/types.ts

@@ -1,6 +1,8 @@
+import type { AiPromptPreset } from './appium-recorder/ai-prompt-presets';
 import type { ScriptStep } from './script-generator';
 import type { MidsceneModelProvider } from './config/midscene-model-presets';
 import type { AiRecognitionModel } from './appium-recorder/ai-recognition';
+import type { AiDeduplicationConfig } from './appium-recorder/ai-deduplication';
 
 export type MenuKey = 'generator' | 'automation' | 'config' | 'appium';
 export type GeneratorMode = 'ai' | 'manual';
@@ -12,7 +14,7 @@ export type GeneratorForm = {
 };
 
 export type ConfigForm = {
-  appium: { model: AiRecognitionModel; flowBackgroundColor?: string };
+  appium: { model: AiRecognitionModel; aiPromptPresets?: AiPromptPreset[]; aiDeduplication?: AiDeduplicationConfig; flowBackgroundColor?: string; flowLineColor?: string; screenshotReport?: boolean };
   runtime: {
     androidSdkPath: string;
     reportOutputPath: string;

package/src/ui-refresh.css

@@ -334,14 +334,27 @@ body {
 }
 
 .config-model-grid {
-  gap: 20px;
+  gap: 32px;
 }
 
 .config-model-grid > section {
   min-width: 0;
-  padding: 16px;
-  border: 1px solid var(--ui-border);
-  border-radius: var(--ui-radius-control);
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+}
+
+.config-model-grid > section + section {
+  padding-left: 32px;
+  border-left: 1px solid var(--ui-border);
+}
+
+@media (max-width: 640px) {
+  .config-model-grid > section + section {
+    padding: 24px 0 0;
+    border-left: 0;
+    border-top: 1px solid var(--ui-border);
+  }
 }
 
 .config-model-grid > section,