android-midscene-automation 0.1.12 → 0.1.13

package/CHANGELOG.md

@@ -1,8 +1,16 @@
 # 更新记录
 
+## v0.1.13
+
+- Appium 模块：修复加载历史脚本并新增节点后被误判为新脚本、无法覆盖保存的问题。
+- Appium 模块：脚本末尾的连接节点改为当前脚本完成后的串联阶段，避免判断分支未命中时漏掉后一个脚本。
+
 ## v0.1.12
 
 - 修复部分浏览器打开更新记录时中文乱码的问题，将 README 链接切换到明确返回 UTF-8 编码的 jsDelivr。
+- Appium 模块：删除结束节点、前置操作和后置操作；“启动 APP”改为从开始节点直接插入为流程第一步，并对齐开始节点与插入按钮。
+- Appium 模块：每个录制脚本只允许一个“启动 APP”节点；添加后操作菜单自动禁用该选项，删除节点后恢复。
+- Appium 模块：连接脚本回放时自动跳过子脚本的“启动 APP”节点，子脚本独立回放时仍正常启动 App。
 
 ## v0.1.11
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "android-midscene-automation",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "type": "module",
   "bin": {
     "android-midscene-automation": "./bin/android-midscene-automation.js"

package/server/appium-recorder/appium-runner.ts

@@ -557,6 +557,10 @@ async function appendStepDiagnostics(lines: string[], deviceId: string, step: Ap
   }
 }
 
+type ReplayStepOptions = {
+  skipLaunchApp?: boolean;
+};
+
 async function replayLinkedScript(
   sessionId: string,
   deviceId: string,
@@ -580,7 +584,9 @@ async function replayLinkedScript(
 
   lines.push(`连接脚本开始：${linkedScript.name}`);
   const nextStack = [...stack, linkedScript.id];
-  await replayScriptSteps(sessionId, deviceId, linkedScript.steps, lines, nextStack);
+  await replayScriptSteps(sessionId, deviceId, linkedScript.steps, lines, nextStack, {
+    skipLaunchApp: true,
+  });
   lines.push(`连接脚本完成：${linkedScript.name}`);
 }
 
@@ -590,8 +596,13 @@ async function replayLinearSteps(
   steps: AppiumRecordedStepRecord[],
   lines: string[],
   stack: string[] = [],
+  options: ReplayStepOptions = {},
 ) {
   for (const [index, step] of steps.entries()) {
+    if (options.skipLaunchApp && step.type === 'launchApp') {
+      lines.push(`[步骤 ${index + 1}] 跳过：${step.label}（连接脚本不重复启动 App）`);
+      continue;
+    }
     lines.push(`[步骤 ${index + 1}] 开始：${step.label}`);
     try {
       if (step.type === 'runScript') {
@@ -619,6 +630,7 @@ async function replayFlowSteps(
   steps: AppiumRecordedStepRecord[],
   lines: string[],
   stack: string[] = [],
+  options: ReplayStepOptions = {},
 ) {
   const idToIndex = new Map(steps.map((step, index) => [step.id, index]));
   const visitedPath: string[] = [];
@@ -631,6 +643,12 @@ async function replayFlowSteps(
     if (guard > maxVisits) throw new Error('流程图可能存在循环，已终止回放');
 
     const step = steps[index];
+    if (options.skipLaunchApp && step.type === 'launchApp') {
+      lines.push(`[节点 ${index + 1}] 跳过：${step.label}（连接脚本不重复启动 App）`);
+      const targetId = step.flow?.successTargetId;
+      index = targetId ? idToIndex.get(targetId) : index + 1;
+      continue;
+    }
     visitedPath.push(step.label);
     const nodeKind = step.flow?.nodeKind || (step.type === 'assertExists' || step.type === 'assertText' ? 'assertion' : 'action');
     lines.push(`[节点 ${index + 1}] 开始：${step.label}`);
@@ -679,12 +697,13 @@ async function replayStepGroup(
   steps: AppiumRecordedStepRecord[],
   lines: string[],
   stack: string[],
+  options: ReplayStepOptions = {},
 ) {
   if (!steps.length) return;
   if (hasFlowSteps(steps)) {
-    await replayFlowSteps(sessionId, deviceId, steps, lines, stack);
+    await replayFlowSteps(sessionId, deviceId, steps, lines, stack, options);
   } else {
-    await replayLinearSteps(sessionId, deviceId, steps, lines, stack);
+    await replayLinearSteps(sessionId, deviceId, steps, lines, stack, options);
   }
 }
 
@@ -694,36 +713,21 @@ async function replayScriptSteps(
   steps: AppiumRecordedStepRecord[],
   lines: string[],
   stack: string[],
+  options: ReplayStepOptions = {},
 ) {
-  const hasScopedSteps = steps.some((step) => step.flow?.scope === 'pre' || step.flow?.scope === 'post');
-  if (!hasScopedSteps) {
-    await replayStepGroup(sessionId, deviceId, steps, lines, stack);
-    return;
+  let trailingLinkIndex = steps.length;
+  while (trailingLinkIndex > 0 && steps[trailingLinkIndex - 1]?.type === 'runScript') {
+    trailingLinkIndex -= 1;
   }
 
-  const preSteps = steps.filter((step) => step.flow?.scope === 'pre');
-  const mainSteps = steps.filter((step) => !step.flow?.scope || step.flow.scope === 'main');
-  const postSteps = steps.filter((step) => step.flow?.scope === 'post');
-  let primaryError: unknown;
-
-  try {
-    if (preSteps.length) lines.push('执行前置操作...');
-    await replayStepGroup(sessionId, deviceId, preSteps, lines, stack);
-    if (mainSteps.length) lines.push('执行主流程...');
-    await replayStepGroup(sessionId, deviceId, mainSteps, lines, stack);
-  } catch (error) {
-    primaryError = error;
-  }
+  const mainSteps = steps.slice(0, trailingLinkIndex);
+  const trailingLinkedSteps = steps.slice(trailingLinkIndex);
+  await replayStepGroup(sessionId, deviceId, mainSteps, lines, stack, options);
 
-  try {
-    if (postSteps.length) lines.push('执行后置操作...');
-    await replayStepGroup(sessionId, deviceId, postSteps, lines, stack);
-  } catch (error) {
-    if (!primaryError) throw error;
-    lines.push(`后置操作失败：${errorDetail(error)}`);
+  for (const step of trailingLinkedSteps) {
+    lines.push(`当前脚本步骤完成，开始执行：${step.label}`);
+    await replayLinkedScript(sessionId, deviceId, step, lines, stack);
   }
-
-  if (primaryError) throw primaryError;
 }
 
 export async function replayAppiumScript(script: AppiumRecordedScriptRecord, deviceId: string) {

package/server/appium-recorder/repository.ts

@@ -73,7 +73,6 @@ export type AppiumRecordedStepRecord = {
   keyCode?: number;
   timeoutMs?: number;
   flow?: {
-    scope?: 'pre' | 'main' | 'post';
     nodeKind?: 'action' | 'condition' | 'assertion';
     yesTargetId?: string;
     noTargetId?: string;
@@ -249,17 +248,35 @@ export function saveAppiumRecordedScript(input: {
   if (!name) throw new Error('脚本名称不能为空');
   if (!appPackage) throw new Error('App 包名不能为空');
 
-  if (input.id && getAppiumRecordedScript(input.id)) {
+  if (input.id) {
     runSql(`
-      UPDATE appium_recorded_scripts
-      SET
-        name = ${sqlString(name)},
-        app_package = ${sqlString(appPackage)},
-        app_activity = ${sqlNullableString(input.appActivity || '')},
-        device_id = ${sqlNullableString(input.deviceId || '')},
-        flow_json = ${sqlJson(input.steps || [])},
-        updated_at = ${sqlString(now)}
-      WHERE id = ${sqlString(input.id)};
+      INSERT INTO appium_recorded_scripts (
+        id,
+        name,
+        app_package,
+        app_activity,
+        device_id,
+        flow_json,
+        created_at,
+        updated_at
+      )
+      VALUES (
+        ${sqlString(input.id)},
+        ${sqlString(name)},
+        ${sqlString(appPackage)},
+        ${sqlNullableString(input.appActivity || '')},
+        ${sqlNullableString(input.deviceId || '')},
+        ${sqlJson(input.steps || [])},
+        ${sqlString(now)},
+        ${sqlString(now)}
+      )
+      ON CONFLICT(id) DO UPDATE SET
+        name = excluded.name,
+        app_package = excluded.app_package,
+        app_activity = excluded.app_activity,
+        device_id = excluded.device_id,
+        flow_json = excluded.flow_json,
+        updated_at = excluded.updated_at;
     `);
     return getAppiumRecordedScript(input.id);
   }

package/src/appium-recorder/AppiumPage.vue

@@ -20,7 +20,7 @@ import type { AppiumNode, AppiumRecordedScript, AppiumRecordedStep } from './typ
 
 type NodeStepType = 'tap' | 'input' | 'assertExists' | 'waitFor';
 type BranchName = 'yes' | 'no';
-type StepScope = 'pre' | 'main' | 'post';
+type LegacyFlow = NonNullable<AppiumRecordedStep['flow']> & { scope?: string };
 type BranchTarget = {
   stepId: string;
   branch: BranchName;
@@ -138,44 +138,47 @@ const selectedBounds = computed(() => {
   return bounds && selectedNode.value ? { id: selectedNode.value.id, ...bounds } : undefined;
 });
 
-function stepScope(step?: AppiumRecordedStep): StepScope {
-  return step?.flow?.scope || 'main';
-}
-
-function insertionScope(index?: number): StepScope {
-  if (index === -2) return 'pre';
-  if (index === -3) return 'post';
-  return typeof index === 'number' && index >= 0 ? stepScope(steps.value[index]) : 'main';
-}
-
-function withStepScope(step: AppiumRecordedStep, scope: StepScope): AppiumRecordedStep {
-  if (scope === 'main') return step;
-  return {
-    ...step,
-    flow: {
-      ...(step.flow || {}),
-      scope,
-    },
-  };
-}
-
 function insertStep(step: AppiumRecordedStep, index?: number) {
   const nextSteps = [...steps.value];
-  if (index === -2) {
-    const firstMainIndex = nextSteps.findIndex((item) => stepScope(item) !== 'pre');
-    const insertAt = firstMainIndex < 0 ? nextSteps.length : firstMainIndex;
-    nextSteps.splice(insertAt, 0, withStepScope(step, 'pre'));
-  } else if (index === -3) {
-    nextSteps.push(withStepScope(step, 'post'));
-  } else if (index === -1) {
-    const firstMainIndex = nextSteps.findIndex((item) => stepScope(item) !== 'pre');
-    nextSteps.splice(firstMainIndex < 0 ? nextSteps.length : firstMainIndex, 0, step);
+  let insertedStep = step;
+  if (index === -1) {
+    nextSteps.unshift(step);
+  } else if (typeof index === 'number') {
+    const previousStep = nextSteps[index];
+    const previousTargetId = previousStep?.flow?.successTargetId;
+    if (previousStep && previousTargetId) {
+      insertedStep = {
+        ...step,
+        flow: {
+          ...(step.flow || {}),
+          successTargetId: previousTargetId,
+        },
+      };
+      nextSteps[index] = {
+        ...previousStep,
+        flow: {
+          ...(previousStep.flow || {}),
+          successTargetId: insertedStep.id,
+        },
+      };
+    }
+    nextSteps.splice(index + 1, 0, insertedStep);
   } else {
-    const scope = typeof index === 'number' ? stepScope(nextSteps[index]) : 'main';
-    nextSteps.splice(typeof index === 'number' ? index + 1 : nextSteps.length, 0, withStepScope(step, scope));
+    nextSteps.push(step);
   }
   steps.value = nextSteps;
-  return step;
+  return insertedStep;
+}
+
+function normalizeLegacyFlowScope(step: AppiumRecordedStep): AppiumRecordedStep {
+  const flow = step.flow as LegacyFlow | undefined;
+  if (!flow?.scope) return step;
+  const nextFlow = { ...flow };
+  delete nextFlow.scope;
+  return {
+    ...step,
+    flow: Object.keys(nextFlow).length ? nextFlow : undefined,
+  };
 }
 
 function updateBranchTarget(stepId: string, branch: BranchName, targetId: string) {
@@ -632,13 +635,12 @@ async function addAction(
   if (recordingBusy.value) return;
   if (scriptActivityMismatch.value && !['keyBack', 'runScript', 'launchApp', 'delay'].includes(action)) return;
   if (!ensureAppPackageSelected()) return;
-  const scope = insertionScope(index);
-  if (scope !== 'main' && action !== 'launchApp' && action !== 'delay') {
-    ElMessage.warning('前置和后置操作仅支持启动 APP 和添加延时');
+  if (action === 'launchApp' && steps.value.some((step) => step.type === 'launchApp')) {
+    ElMessage.warning('启动 APP 节点只能添加一个');
     return;
   }
-  if (scope === 'main' && action === 'launchApp') {
-    ElMessage.warning('启动 APP 只能添加到前置或后置操作');
+  if (action === 'launchApp' && index !== -1) {
+    ElMessage.warning('启动 APP 只能从开始节点添加');
     return;
   }
   if (action === 'runScript') {
@@ -805,7 +807,7 @@ async function saveOnActivityChange() {
   const scriptName = form.name.trim() || `${activityName}-${Date.now().toString(36).slice(-4)}`;
   try {
     const payload = await saveAppiumScript({
-      id: selectedScript.value?.id,
+      id: selectedScriptId.value || undefined,
       name: scriptName,
       appPackage: form.appPackage,
       appActivity: pending.beforeActivity || form.appActivity,
@@ -887,7 +889,7 @@ function loadScript(script: AppiumRecordedScript) {
   if (script.deviceId && script.deviceId !== selectedDeviceId.value) {
     void switchDevice(script.deviceId);
   }
-  steps.value = script.steps || [];
+  steps.value = (script.steps || []).map(normalizeLegacyFlowScope);
   activeWorkbenchTab.value = 'recording';
 }
 
@@ -946,7 +948,7 @@ async function saveScript() {
   saving.value = true;
   try {
     const payload = await saveAppiumScript({
-      id: selectedScript.value?.id,
+      id: selectedScriptId.value || undefined,
       name: form.name,
       appPackage: form.appPackage,
       appActivity: form.appActivity,

package/src/appium-recorder/components/RecordedSteps.vue

@@ -5,7 +5,6 @@ import type { AppiumRecordedStep, AppiumSelector } from '../types';
 
 type FlowKind = 'action' | 'condition' | 'assertion';
 type BranchName = 'yes' | 'no';
-type StepScope = 'pre' | 'main' | 'post';
 type StepItem = { step: AppiumRecordedStep; index: number };
 type InsertAction =
   | 'delay'
@@ -77,6 +76,8 @@ const stepItems = computed<StepItem[]>(() => props.steps
 
 const visibleStepItems = computed(() => stepItems.value
   .filter(({ step }) => !branchTargetIds.value.has(step.id)));
+const hasFlowSteps = computed(() => visibleStepItems.value.length > 0);
+const hasLaunchAppStep = computed(() => props.steps.some((step) => step.type === 'launchApp'));
 
 const insertActionGroups: Array<{ title: string; actions: Array<{ type: InsertAction; label: string }> }> = [
   {
@@ -130,28 +131,10 @@ const mainActionGroups = insertActionGroups.map((group) => ({
   actions: group.actions.filter((action) => action.type !== 'launchApp'),
 }));
 
-const boundaryActionGroups = [{
-  title: '前后置操作',
-  actions: [
-    { type: 'launchApp' as const, label: '启动 APP' },
-    { type: 'delay' as const, label: '添加延时' },
-  ],
-}];
+const startActionGroups = insertActionGroups;
 
-function stepScope(step: AppiumRecordedStep): StepScope {
-  return step.flow?.scope || 'main';
-}
-
-function scopedStepOptions(source: AppiumRecordedStep) {
-  const scope = stepScope(source);
-  return stepOptions.value.filter((option) => {
-    const target = props.steps.find((step) => step.id === option.value);
-    return target && stepScope(target) === scope;
-  });
-}
-
-function actionGroupsForStep(step: AppiumRecordedStep) {
-  return stepScope(step) === 'main' ? mainActionGroups : boundaryActionGroups;
+function scopedStepOptions() {
+  return stepOptions.value;
 }
 
 function stepMeta(step: AppiumRecordedStep) {
@@ -273,6 +256,10 @@ function insertAction(index: number, command: string | number | object) {
   emit('insertAction', index, command as InsertAction);
 }
 
+function insertStartAction(command: string | number | object) {
+  emit('insertAction', -1, command as InsertAction);
+}
+
 function insertBranchAction(index: number, branch: BranchName, command: string | number | object) {
   emit('insertBranchAction', index, branch, command as InsertAction);
 }
@@ -281,6 +268,10 @@ function isInsertActionDisabled(action: InsertAction) {
   return Boolean(props.disabled && !props.allowedLockedActions?.includes(action));
 }
 
+function isStartActionDisabled(action: InsertAction) {
+  return (action === 'launchApp' && hasLaunchAppStep.value) || isInsertActionDisabled(action);
+}
+
 function canOpenInsertMenu() {
   return !props.disabled || Boolean(props.allowedLockedActions?.length);
 }
@@ -381,48 +372,14 @@ watch(() => props.steps.length, () => {
         class="appium-flow-content"
         :style="{ transform: `translate(${flowPan.x}px, ${flowPan.y}px) scale(${flowScale})` }"
       >
-        <div class="appium-flow-boundary appium-flow-boundary--pre">
-          <span class="appium-flow-boundary__label">前置操作</span>
-          <el-dropdown
-            trigger="click"
-            :disabled="!canOpenInsertMenu()"
-            max-height="320px"
-            popper-class="appium-action-dropdown"
-            @command="insertAction(-2, $event)"
-          >
-            <button
-              type="button"
-              class="appium-flow-insert"
-              :disabled="!canOpenInsertMenu()"
-            >
-              <el-icon><Timer /></el-icon>
-              <span>添加前置操作</span>
-            </button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <template v-for="group in boundaryActionGroups" :key="group.title">
-                  <div class="appium-action-dropdown__group">{{ group.title }}</div>
-                  <el-dropdown-item
-                    v-for="action in group.actions"
-                    :key="action.type"
-                    :command="action.type"
-                    :disabled="isInsertActionDisabled(action.type)"
-                  >
-                    {{ action.label }}
-                  </el-dropdown-item>
-                </template>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
-        <div class="appium-flow-start">
+        <div class="appium-flow-start" :class="{ 'appium-flow-start--has-next': hasFlowSteps }">
           <div class="appium-flow-start__node">开始</div>
           <el-dropdown
             trigger="click"
             :disabled="!canOpenInsertMenu()"
             max-height="320px"
             popper-class="appium-action-dropdown"
-            @command="insertAction(-1, $event)"
+            @command="insertStartAction($event)"
           >
             <button
               type="button"
@@ -434,13 +391,13 @@ watch(() => props.steps.length, () => {
             </button>
             <template #dropdown>
               <el-dropdown-menu>
-                <template v-for="group in mainActionGroups" :key="group.title">
+                <template v-for="group in startActionGroups" :key="group.title">
                   <div class="appium-action-dropdown__group">{{ group.title }}</div>
                   <el-dropdown-item
                     v-for="action in group.actions"
                     :key="action.type"
                     :command="action.type"
-                    :disabled="isInsertActionDisabled(action.type)"
+                    :disabled="isStartActionDisabled(action.type)"
                   >
                     {{ action.label }}
                   </el-dropdown-item>
@@ -453,10 +410,7 @@ watch(() => props.steps.length, () => {
           v-for="{ step, index } in visibleStepItems"
           :key="step.id"
           class="appium-flow-item"
-          :class="[
-            `appium-flow-item--${stepScope(step)}`,
-            { 'appium-flow-item--condition': defaultKind(step) === 'condition' },
-          ]"
+          :class="{ 'appium-flow-item--condition': defaultKind(step) === 'condition' }"
         >
           <div
             class="appium-flow-node"
@@ -739,7 +693,7 @@ watch(() => props.steps.length, () => {
                     placeholder="默认下一步"
                     @update:model-value="patchFlow(index, { yesTargetId: String($event || '') })"
                   >
-                    <el-option v-for="option in scopedStepOptions(step)" :key="option.value" :label="option.label" :value="option.value" />
+                    <el-option v-for="option in scopedStepOptions()" :key="option.value" :label="option.label" :value="option.value" />
                   </el-select>
                 </el-form-item>
                 <el-form-item label="否，进入">
@@ -750,7 +704,7 @@ watch(() => props.steps.length, () => {
                     placeholder="默认结束"
                     @update:model-value="patchFlow(index, { noTargetId: String($event || '') })"
                   >
-                    <el-option v-for="option in scopedStepOptions(step)" :key="option.value" :label="option.label" :value="option.value" />
+                    <el-option v-for="option in scopedStepOptions()" :key="option.value" :label="option.label" :value="option.value" />
                   </el-select>
                 </el-form-item>
               </div>
@@ -760,7 +714,7 @@ watch(() => props.steps.length, () => {
                 插入延时
               </el-button>
               <el-button
-                v-if="defaultKind(step) !== 'condition' && stepScope(step) === 'main'"
+                v-if="defaultKind(step) !== 'condition'"
                 :disabled="disabled"
                 @click="patchFlow(index, { nodeKind: 'condition', yesTargetId: '', noTargetId: '' })"
               >
@@ -788,7 +742,7 @@ watch(() => props.steps.length, () => {
           </button>
           <template #dropdown>
             <el-dropdown-menu>
-              <template v-for="group in actionGroupsForStep(step)" :key="group.title">
+              <template v-for="group in mainActionGroups" :key="group.title">
                 <div class="appium-action-dropdown__group">{{ group.title }}</div>
                 <el-dropdown-item
                   v-for="action in group.actions"
@@ -803,43 +757,6 @@ watch(() => props.steps.length, () => {
           </template>
         </el-dropdown>
         </div>
-        <div class="appium-flow-end">
-          <div class="appium-flow-end__node">结束</div>
-        </div>
-        <div class="appium-flow-boundary appium-flow-boundary--post">
-          <span class="appium-flow-boundary__label">后置操作</span>
-          <el-dropdown
-            trigger="click"
-            :disabled="!canOpenInsertMenu()"
-            max-height="320px"
-            popper-class="appium-action-dropdown"
-            @command="insertAction(-3, $event)"
-          >
-            <button
-              type="button"
-              class="appium-flow-insert"
-              :disabled="!canOpenInsertMenu()"
-            >
-              <el-icon><Timer /></el-icon>
-              <span>添加后置操作</span>
-            </button>
-            <template #dropdown>
-              <el-dropdown-menu>
-                <template v-for="group in boundaryActionGroups" :key="group.title">
-                  <div class="appium-action-dropdown__group">{{ group.title }}</div>
-                  <el-dropdown-item
-                    v-for="action in group.actions"
-                    :key="action.type"
-                    :command="action.type"
-                    :disabled="isInsertActionDisabled(action.type)"
-                  >
-                    {{ action.label }}
-                  </el-dropdown-item>
-                </template>
-              </el-dropdown-menu>
-            </template>
-          </el-dropdown>
-        </div>
       </div>
     </div>
     <el-dialog
@@ -851,20 +768,17 @@ watch(() => props.steps.length, () => {
     >
       <div class="appium-flow-dialog-canvas">
         <div class="appium-flow-content appium-flow-content--overview">
-          <div class="appium-flow-boundary appium-flow-boundary--pre">
-            <span class="appium-flow-boundary__label">前置操作</span>
-          </div>
-          <div class="appium-flow-start appium-flow-start--overview">
+          <div
+            class="appium-flow-start appium-flow-start--overview"
+            :class="{ 'appium-flow-start--has-next': hasFlowSteps }"
+          >
             <div class="appium-flow-start__node">开始</div>
           </div>
           <div
             v-for="{ step, index } in visibleStepItems"
             :key="step.id"
             class="appium-flow-item"
-            :class="[
-              `appium-flow-item--${stepScope(step)}`,
-              { 'appium-flow-item--condition': defaultKind(step) === 'condition' },
-            ]"
+            :class="{ 'appium-flow-item--condition': defaultKind(step) === 'condition' }"
           >
             <div
               class="appium-flow-node"
@@ -928,12 +842,6 @@ watch(() => props.steps.length, () => {
               </div>
             </div>
           </div>
-          <div class="appium-flow-end">
-            <div class="appium-flow-end__node">结束</div>
-          </div>
-          <div class="appium-flow-boundary appium-flow-boundary--post">
-            <span class="appium-flow-boundary__label">后置操作</span>
-          </div>
         </div>
       </div>
     </el-dialog>

package/src/appium-recorder/types.ts

@@ -75,7 +75,6 @@ export type AppiumRecordedStep = {
   keyCode?: number;
   timeoutMs?: number;
   flow?: {
-    scope?: 'pre' | 'main' | 'post';
     nodeKind?: 'action' | 'condition' | 'assertion';
     yesTargetId?: string;
     noTargetId?: string;

package/src/style.css

@@ -728,70 +728,7 @@ select {
   gap: 6px;
 }
 
-.appium-flow-boundary {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  width: min(440px, 100%);
-}
-
-.appium-flow-boundary__label {
-  min-width: 62px;
-  color: #606266;
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.appium-flow-boundary--pre {
-  order: 0;
-}
-
-.appium-flow-item--pre {
-  order: 1;
-}
-
-.appium-flow-start {
-  order: 2;
-}
-
-.appium-flow-item--main {
-  order: 3;
-}
-
-.appium-flow-end {
-  position: relative;
-  z-index: 1;
-  order: 4;
-  display: grid;
-  justify-items: start;
-}
-
-.appium-flow-end__node {
-  display: grid;
-  place-items: center;
-  box-sizing: border-box;
-  width: 38px;
-  height: 30px;
-  padding: 0 6px;
-  border: 1px solid #909399;
-  border-radius: 8px;
-  background: #f4f4f5;
-  color: #606266;
-  font-size: 12px;
-  font-weight: 700;
-}
-
-.appium-flow-boundary--post {
-  order: 5;
-}
-
-.appium-flow-item--post {
-  order: 6;
-}
-
-.appium-flow-start::after {
+.appium-flow-start--has-next::after {
   content: "";
   position: absolute;
   z-index: 0;
@@ -1198,6 +1135,10 @@ select {
   opacity: 0.45;
 }
 
+.appium-flow-start .appium-flow-insert {
+  margin-left: 0;
+}
+
 .appium-linked-script-select {
   width: 100%;
 }