whistle.mockbubu 2.2.4 → 2.2.6

package/public/js/app.js

@@ -1756,11 +1756,17 @@ const __default__ = {
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_esnext_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/esnext.iterator.constructor.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.constructor.js");
 /* harmony import */ var core_js_modules_esnext_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_constructor_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.map.js");
-/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/esnext.iterator.some.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.some.js");
-/* harmony import */ var core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vue */ "./node_modules/.pnpm/vue@2.7.14/node_modules/vue/dist/vue.runtime.esm.js");
+/* harmony import */ var core_js_modules_esnext_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/esnext.iterator.filter.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.filter.js");
+/* harmony import */ var core_js_modules_esnext_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_filter_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_esnext_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/esnext.iterator.for-each.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.for-each.js");
+/* harmony import */ var core_js_modules_esnext_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_for_each_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/esnext.iterator.map.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.map.js");
+/* harmony import */ var core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_map_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/esnext.iterator.some.js */ "./node_modules/.pnpm/core-js@3.8.3/node_modules/core-js/modules/esnext.iterator.some.js");
+/* harmony import */ var core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_esnext_iterator_some_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue */ "./node_modules/.pnpm/vue@2.7.14/node_modules/vue/dist/vue.runtime.esm.js");
+
+
 
 
 
@@ -1770,17 +1776,14 @@ const __default__ = {
 };
 /* harmony default export */ __webpack_exports__["default"] = (/*#__PURE__*/Object.assign(__default__, {
   props: {
-    /** 当前规则的条件列表 */
     conditions: {
       type: Array,
       default: () => []
     },
-    /** 捕获到的 query 参数（来自 file.json session） */
     capturedQuery: {
       type: Object,
       default: () => ({})
     },
-    /** 捕获到的 payload 参数（来自 file.json session） */
     capturedPayload: {
       type: Object,
       default: () => ({})
@@ -1791,48 +1794,187 @@ const __default__ = {
     emit
   }) {
     const props = __props;
+    const OPERATORS = [{
+      value: 'eq',
+      symbol: '=',
+      text: '等于',
+      label: '= 等于'
+    }, {
+      value: 'neq',
+      symbol: '≠',
+      text: '不等于',
+      label: '≠ 不等于'
+    }, {
+      value: 'contains',
+      symbol: '⊃',
+      text: '包含',
+      label: '⊃ 包含'
+    }, {
+      value: 'regex',
+      symbol: '.*',
+      text: '正则',
+      label: '.* 正则'
+    }, {
+      value: 'exists',
+      symbol: '∃',
+      text: '存在',
+      label: '∃ 存在'
+    }, {
+      value: 'not_exists',
+      symbol: '∄',
+      text: '不存在',
+      label: '∄ 不存在'
+    }];
 
-    // 本地副本，编辑时使用
-    const localConditions = (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)([]);
-    const showCapturedParams = (0,vue__WEBPACK_IMPORTED_MODULE_3__.ref)(false);
+    /** exists / not_exists 不需要 value 输入 */
+    const VALUELESS_OPS = new Set(['exists', 'not_exists']);
+    const isValueless = op => VALUELESS_OPS.has(op);
 
-    // 初始化 & 同步 props → local
-    (0,vue__WEBPACK_IMPORTED_MODULE_3__.watch)(() => props.conditions, newVal => {
+    /** 条件是否不完整（会被后端跳过） */
+    const isIncomplete = cond => {
+      if (!cond.key) return true;
+      return !isValueless(cond.operator) && !cond.value;
+    };
+    const localConditions = (0,vue__WEBPACK_IMPORTED_MODULE_5__.ref)([]);
+    const showCapturedParams = (0,vue__WEBPACK_IMPORTED_MODULE_5__.ref)(false);
+    (0,vue__WEBPACK_IMPORTED_MODULE_5__.watch)(() => props.conditions, newVal => {
       localConditions.value = (newVal || []).map(c => ({
-        ...c
+        ...c,
+        operator: c.operator || 'eq',
+        _regexError: validateRegex(c.operator, c.value)
       }));
     }, {
       immediate: true,
       deep: true
     });
 
-    // 将 capturedQuery/capturedPayload 对象转换为数组
-    const queryParamList = (0,vue__WEBPACK_IMPORTED_MODULE_3__.computed)(() => Object.entries(props.capturedQuery || {}).map(([key, value]) => ({
+    /** 校验正则语法，返回错误描述或 null */
+    function validateRegex(operator, value) {
+      if (operator !== 'regex' || !value) return null;
+      try {
+        // eslint-disable-next-line no-new-regexp
+        new RegExp(value);
+        return null;
+      } catch (e) {
+        return `正则语法错误：${e.message}`;
+      }
+    }
+
+    // ---- 冲突检测 ----
+
+    /**
+     * 规则内冲突类型：
+     * 1. 同 source+key 出现 exists + not_exists → 永远矛盾
+     * 2. 同 source+key 出现多个 eq 但值不同 → 不可能同时满足
+     * 3. 同 source+key 出现 eq X + neq X（相同值） → 矛盾
+     * 4. 同 source+key 重复 key（其他情况） → 冗余警告
+     */
+    const conflictIndexes = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => new Set(conflictData.value.map(c => c.index)));
+    const conflictMessages = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => {
+      const map = {};
+      conflictData.value.forEach(c => {
+        map[c.index] = c.msg;
+      });
+      return map;
+    });
+    const conflictData = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => {
+      const results = [];
+      const grouped = {};
+      localConditions.value.forEach((cond, index) => {
+        if (!cond.key) return;
+        const gk = `${cond.source}::${cond.key}`;
+        (grouped[gk] = grouped[gk] || []).push({
+          index,
+          cond
+        });
+      });
+      Object.values(grouped).forEach(group => {
+        if (group.length < 2) return;
+        const ops = group.map(g => g.cond.operator || 'eq');
+        const hasExists = ops.includes('exists');
+        const hasNotExists = ops.includes('not_exists');
+        if (hasExists && hasNotExists) {
+          group.forEach(({
+            index
+          }) => results.push({
+            index,
+            msg: '矛盾：同一参数同时要求"存在"和"不存在"，此规则永远无法命中'
+          }));
+          return;
+        }
+        const eqVals = group.filter(g => (g.cond.operator || 'eq') === 'eq').map(g => String(g.cond.value || ''));
+        const uniqueEqVals = new Set(eqVals);
+        if (uniqueEqVals.size > 1) {
+          group.filter(g => (g.cond.operator || 'eq') === 'eq').forEach(({
+            index
+          }) => results.push({
+            index,
+            msg: '矛盾：同一参数设置了多个不同的"等于"值，无法同时满足'
+          }));
+          return;
+        }
+        const neqVals = group.filter(g => g.cond.operator === 'neq').map(g => String(g.cond.value || ''));
+        if (eqVals.length > 0 && neqVals.includes(eqVals[0])) {
+          group.forEach(({
+            index
+          }) => results.push({
+            index,
+            msg: '矛盾：同一参数的"等于"和"不等于"使用了相同的值，无法同时满足'
+          }));
+          return;
+        }
+
+        // 其他重复 key 的组合（如重复 contains 等）视为冗余警告
+        group.forEach(({
+          index
+        }) => results.push({
+          index,
+          msg: `注意：同一参数 "${group[0].cond.key}" 出现了多条条件，请确认是否符合预期`
+        }));
+      });
+      return results;
+    });
+
+    // ---- 操作符切换 ----
+
+    function onOperatorChange(cond) {
+      if (isValueless(cond.operator)) {
+        cond.value = '';
+        cond._regexError = null;
+      } else {
+        cond._regexError = validateRegex(cond.operator, cond.value);
+      }
+      emitChange();
+    }
+    function onValueBlur(cond) {
+      cond._regexError = validateRegex(cond.operator, cond.value);
+      emitChange();
+    }
+
+    // ---- 捕获参数 ----
+
+    const queryParamList = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => Object.entries(props.capturedQuery || {}).map(([key, value]) => ({
       key,
       value: String(value)
     })));
-    const payloadParamList = (0,vue__WEBPACK_IMPORTED_MODULE_3__.computed)(() => Object.entries(props.capturedPayload || {}).map(([key, value]) => ({
+    const payloadParamList = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => Object.entries(props.capturedPayload || {}).map(([key, value]) => ({
       key,
       value: String(value)
     })));
-    const hasCapturedParams = (0,vue__WEBPACK_IMPORTED_MODULE_3__.computed)(() => queryParamList.value.length > 0 || payloadParamList.value.length > 0);
-
-    /** 判断某个捕获参数是否已被添加到条件中 */
+    const hasCapturedParams = (0,vue__WEBPACK_IMPORTED_MODULE_5__.computed)(() => queryParamList.value.length > 0 || payloadParamList.value.length > 0);
     function isCapturedParamAdded(source, key) {
       return localConditions.value.some(c => c.source === source && c.key === key);
     }
-
-    /** 手动添加一行空条件 */
     function addCondition() {
       localConditions.value.push({
         source: 'query',
         key: '',
-        value: ''
+        operator: 'eq',
+        value: '',
+        _regexError: null
       });
       emitChange();
     }
-
-    /** 从捕获参数面板中切换条件（添加/移除） */
     function toggleCapturedParam(source, key, value) {
       const existIndex = localConditions.value.findIndex(c => c.source === source && c.key === key);
       if (existIndex > -1) {
@@ -1841,30 +1983,41 @@ const __default__ = {
         localConditions.value.push({
           source,
           key,
-          value
+          operator: 'eq',
+          value,
+          _regexError: null
         });
       }
       emitChange();
     }
-
-    /** 删除某行条件 */
     function removeCondition(index) {
       localConditions.value.splice(index, 1);
       emitChange();
     }
-
-    /** 向父组件同步变更 */
     function emitChange() {
-      emit('update:conditions', localConditions.value.map(c => ({
+      emit('update:conditions', localConditions.value.map(({
+        _regexError,
+        ...c
+      }) => ({
         ...c
       })));
     }
     return {
       __sfc: true,
+      OPERATORS,
+      VALUELESS_OPS,
+      isValueless,
+      isIncomplete,
       props,
       emit,
       localConditions,
       showCapturedParams,
+      validateRegex,
+      conflictIndexes,
+      conflictMessages,
+      conflictData,
+      onOperatorChange,
+      onValueBlur,
       queryParamList,
       payloadParamList,
       hasCapturedParams,
@@ -2290,7 +2443,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-// 条件匹配模式常量（与后端保持一致）
+// 与后端 DEFAULT_VERSION_NAME / MATCH_MODE_VALUE 保持一致
 
 const __default__ = {
   name: 'ResponsePanel'
@@ -2312,11 +2465,31 @@ const __default__ = {
     emit
   }) {
     const props = __props;
+    const SOURCE_VERSION_NAME = 'source';
     const MATCH_MODE_VALUE = '__match_mode__';
     const editRef = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
     const fullScreenEditorRef = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
     const versionNameInput = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
     const matchRuleNameInput = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
+    const tabsAreaRef = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
+    const tabsFade = (0,vue__WEBPACK_IMPORTED_MODULE_12__.reactive)({
+      top: false,
+      bottom: false
+    });
+    const headerCollapsed = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(false);
+    let tabsFadePending = false;
+    const updateTabsFade = () => {
+      if (tabsFadePending) return;
+      tabsFadePending = true;
+      requestAnimationFrame(() => {
+        const el = tabsAreaRef.value;
+        if (el) {
+          tabsFade.top = el.scrollTop > 2;
+          tabsFade.bottom = el.scrollTop + el.clientHeight < el.scrollHeight - 14;
+        }
+        tabsFadePending = false;
+      });
+    };
     const responseList = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)([]);
     const currentFile = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)({
       content: {}
@@ -2339,6 +2512,8 @@ const __default__ = {
     // ========== 条件匹配模式状态 ==========
     // 当前显示模式：'version' = 版本直选，'match' = 条件匹配
     const mockMode = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)('version');
+    // 切换到条件匹配前记录的版本名，切回时用于恢复选中
+    const prevVersionNameBeforeMatch = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(null);
     // 模式下拉是否展开
     const modeDropdownVisible = (0,vue__WEBPACK_IMPORTED_MODULE_12__.ref)(false);
     // 匹配规则列表
@@ -2356,6 +2531,45 @@ const __default__ = {
       description: '',
       editingRule: null
     });
+    /**
+     * 跨规则冲突检测：条件集等价的两条规则中，低优先级的永远无法命中。
+     * 返回 { [ruleId]: conflictMsg } 的对象，有冲突时才有对应条目。
+     *
+     * "条件集等价"判断：两条规则的条件数相同，且每个条件的 source+key+operator+value 完全一致。
+     * （排序后比较，与条件顺序无关）
+     */
+    const crossRuleConflicts = (0,vue__WEBPACK_IMPORTED_MODULE_12__.computed)(() => {
+      const result = {};
+      const list = matchRuleList.value;
+      if (list.length < 2) return result;
+      const condKey = c => `${c.source}::${c.key}::${c.operator || 'eq'}::${String(c.value || '')}`;
+      const ruleFingerprint = rule => {
+        const conds = (rule.conditions || []).map(condKey).sort();
+        return conds.join('|');
+      };
+      const fpMap = {};
+      list.forEach(rule => {
+        const fp = ruleFingerprint(rule);
+        (fpMap[fp] = fpMap[fp] || []).push(rule);
+      });
+      Object.values(fpMap).forEach(group => {
+        if (group.length < 2) return;
+        // 按后端排序规则：条件数多的先，priority 小的先
+        const sorted = [...group].sort((a, b) => {
+          const condDiff = (b.conditions?.length || 0) - (a.conditions?.length || 0);
+          if (condDiff !== 0) return condDiff;
+          return (a.priority || 0) - (b.priority || 0);
+        });
+        const winner = sorted[0];
+        sorted.slice(1).forEach(rule => {
+          result[rule.id] = `与规则「${winner.name}」条件完全相同，本规则永远不会被命中（优先级低）`;
+        });
+        // 赢家也做一个提示，告知它遮蔽了其他规则
+        result[winner.id] = `遮蔽了 ${sorted.length - 1} 条条件完全相同的规则，可删除多余规则`;
+      });
+      return result;
+    });
+
     // 捕获到的参数（来自 file.json session，用于"从捕获参数选择"）
     const capturedQuery = (0,vue__WEBPACK_IMPORTED_MODULE_12__.computed)(() => props.api.query || {});
     const capturedPayload = (0,vue__WEBPACK_IMPORTED_MODULE_12__.computed)(() => {
@@ -2474,9 +2688,9 @@ const __default__ = {
 
     /**
      * 获取已保存文件的完整版本列表（source + 历史版本）
-     * 后端返回的数据已经是统一格式：{ type, name, content, updateTime }
+     * @param {string} [overrideTargetName] - 指定选中的版本名，不传则从 props.api.mockVersion 读取
      */
-    const getHistoryVersions = () => {
+    const getHistoryVersions = overrideTargetName => {
       const fileId = props.api.id;
       return (0,_service__WEBPACK_IMPORTED_MODULE_11__.getVersions)({
         fileId
@@ -2504,23 +2718,32 @@ const __default__ = {
 
         // 后端返回的数据已经包含 type, name, content, updateTime
         // 只需添加 filename 字段用于兼容前端现有逻辑
+        // 冻结每项的 content，阻止 Vue 2 对大对象进行深度响应式处理，避免主线程卡死
         versionList.forEach(item => {
           item.filename = item.name;
+          item.content = Object.freeze(item.content || {});
         });
 
         // 直接替换列表数据
         responseList.value = versionList;
 
-        // 更新当前选中的文件
-        // 如果 mockVersion 为空或为 "source"，选中 source
-        // 否则选中对应的版本
-        const targetName = mockVersion.value || 'source';
+        // overrideTargetName 优先（如从条件匹配切回时由调用方传入），
+        // 否则从 props.api.mockVersion 读取
+        const targetName = overrideTargetName !== undefined ? overrideTargetName || SOURCE_VERSION_NAME : mockVersion.value || SOURCE_VERSION_NAME;
         const currentFileData = versionList.find(item => item.name === targetName);
+
+        // 选中项需要深拷贝一份可编辑副本（frozen 对象不可直接编辑）
         if (currentFileData) {
-          currentFile.value = currentFileData;
+          currentFile.value = {
+            ...currentFileData,
+            content: JSON.parse(JSON.stringify(currentFileData.content))
+          };
         } else {
-          // 如果找不到目标版本，默认选中第一个（通常是 source）
-          currentFile.value = versionList[0] || {};
+          const first = versionList[0];
+          currentFile.value = first ? {
+            ...first,
+            content: JSON.parse(JSON.stringify(first.content))
+          } : {};
         }
         console.log('[ResponsePanel] 获取版本列表成功:', {
           total: versionList.length,
@@ -2533,24 +2756,9 @@ const __default__ = {
         throw err;
       });
     };
-
-    /**
-     * 从已有版本名中计算下一个 v{n} 编号（历史最大编号+1，不与现有名重复）
-     */
-    const nextVersionName = () => {
-      const existing = new Set(responseList.value.map(item => item.filename));
-      let max = 0;
-      responseList.value.forEach(item => {
-        const m = /^v(\d+)$/.exec(item.filename);
-        if (m) max = Math.max(max, parseInt(m[1], 10));
-      });
-      let n = max + 1;
-      while (existing.has(`v${n}`)) n++;
-      return `v${n}`;
-    };
     const onCreate = () => {
       versionModal.status = 'create';
-      versionModal.name = nextVersionName();
+      versionModal.name = '';
       versionModal.description = '';
       versionModal.editingVersion = null;
       versionModal.visible = true;
@@ -2733,11 +2941,11 @@ const __default__ = {
             console.error('[ResponsePanel] 解析版本数据失败:', error);
             return;
           }
-          console.log('[ResponsePanel] 解析后的版本列表:', versionList);
 
-          // 添加 filename 字段
+          // 冻结 content，防止 Vue 2 深度 observe 大对象阻塞主线程
           versionList.forEach(item => {
             item.filename = item.name;
+            item.content = Object.freeze(item.content || {});
           });
 
           // 更新列表
@@ -2848,8 +3056,10 @@ const __default__ = {
     };
     const selectFile = item => {
       const tempEffect = currentFile.value.effect;
+      // content 可能是 frozen 对象，深拷贝一份可编辑副本
       currentFile.value = {
         ...item,
+        content: JSON.parse(JSON.stringify(item.content || {})),
         effect: tempEffect
       };
       const versionName = item.type === 'history' ? item.filename : '';
@@ -3001,13 +3211,13 @@ const __default__ = {
         return;
       }
 
-      // 同步更新列表中的数据
+      // 同步更新列表中的数据（Vue 2 下标赋值不触发响应式，需用 splice）
       const idx = matchRuleList.value.findIndex(r => r.id === currentMatchRule.value.id);
       if (idx > -1) {
-        matchRuleList.value[idx] = {
+        matchRuleList.value.splice(idx, 1, {
           ...matchRuleList.value[idx],
           ...currentMatchRule.value
-        };
+        });
       }
       matchRuleChanged.value = false;
       element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().success('保存成功');
@@ -3225,13 +3435,15 @@ const __default__ = {
           }
         }
 
-        // 切换为条件匹配
+        // 切换为条件匹配：记录当前版本名，切回时用于恢复
+        prevVersionNameBeforeMatch.value = currentFile.value.filename || SOURCE_VERSION_NAME;
         const res = await (0,_service__WEBPACK_IMPORTED_MODULE_11__.setMatchMode)({
           url: props.api.name,
           enable: true
         });
         if (res.code !== 200) {
           element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().error(res.msg || '切换失败');
+          prevVersionNameBeforeMatch.value = null;
           return;
         }
         mockMode.value = 'match';
@@ -3242,7 +3454,7 @@ const __default__ = {
         matchRuleChanged.value = false;
         emit('changeMockVersion', MATCH_MODE_VALUE);
       } else {
-        // 切换回版本直选
+        // 切换回版本直选：优先用前端记录的版本名，后端 restoredMockVersion 作为次要参考
         const res = await (0,_service__WEBPACK_IMPORTED_MODULE_11__.setMatchMode)({
           url: props.api.name,
           enable: false
@@ -3255,11 +3467,11 @@ const __default__ = {
         matchRuleList.value = [];
         currentMatchRule.value = null;
         matchRuleChanged.value = false;
-        const restoredVersion = res.data.restoredMockVersion || null;
-        emit('changeMockVersion', restoredVersion);
-        // 重新加载版本列表
+        const targetVersion = prevVersionNameBeforeMatch.value || res.data.restoredMockVersion || SOURCE_VERSION_NAME;
+        prevVersionNameBeforeMatch.value = null;
+        emit('changeMockVersion', targetVersion === SOURCE_VERSION_NAME ? null : targetVersion);
         if (props.api.id) {
-          await getHistoryVersions();
+          await getHistoryVersions(targetVersion);
         }
       }
     };
@@ -3300,14 +3512,30 @@ const __default__ = {
       matchRuleChanged.value = false;
     };
 
-    /** 条件编辑区更新 */
-    const handleConditionsChange = newConditions => {
+    /** 条件编辑区更新 — 直接自动保存，无需手动点保存 */
+    const handleConditionsChange = async newConditions => {
       if (!currentMatchRule.value) return;
       currentMatchRule.value = {
         ...currentMatchRule.value,
         conditions: newConditions
       };
-      matchRuleChanged.value = true;
+      const res = await (0,_service__WEBPACK_IMPORTED_MODULE_11__.updateMatchVersion)({
+        url: props.api.name,
+        matchVersionId: currentMatchRule.value.id,
+        conditions: newConditions,
+        content: currentMatchRule.value.content
+      });
+      if (res.code !== 200) {
+        element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().error(res.msg || '条件保存失败');
+      } else {
+        const idx = matchRuleList.value.findIndex(r => r.id === currentMatchRule.value.id);
+        if (idx > -1) {
+          matchRuleList.value.splice(idx, 1, {
+            ...matchRuleList.value[idx],
+            conditions: newConditions
+          });
+        }
+      }
     };
 
     /** 匹配规则 JSON 编辑器内容变更 */
@@ -3353,10 +3581,16 @@ const __default__ = {
         return;
       }
       if (matchRuleModal.status === 'create') {
+        // 已保存文件：responseList 在条件匹配模式下未加载，先补一次
+        if (props.api.id && !responseList.value.length) {
+          await getHistoryVersions();
+        }
+        const sourceItem = responseList.value.find(item => item.type === 'source') || getSourceVersion();
         const res = await (0,_service__WEBPACK_IMPORTED_MODULE_11__.addMatchVersion)({
           url: props.api.name,
           name: matchRuleModal.name.trim(),
-          description: matchRuleModal.description
+          description: matchRuleModal.description,
+          content: sourceItem?.content ? JSON.parse(JSON.stringify(sourceItem.content)) : {}
         });
         if (res.code !== 200) {
           element_ui_lib_message__WEBPACK_IMPORTED_MODULE_2___default().error(res.msg || '创建失败');
@@ -3451,7 +3685,11 @@ const __default__ = {
       matchRuleList.value = [];
       currentMatchRule.value = null;
       matchRuleChanged.value = false;
+      prevVersionNameBeforeMatch.value = null;
       modeDropdownVisible.value = false;
+      tabsFade.top = false;
+      tabsFade.bottom = false;
+      headerCollapsed.value = false;
 
       // 判断当前是否是条件匹配模式
       const isMatchMode = props.api.mockVersion === MATCH_MODE_VALUE;
@@ -3487,6 +3725,11 @@ const __default__ = {
       immediate: true
     });
 
+    // tabs 列表变化后重新计算遮罩状态
+    (0,vue__WEBPACK_IMPORTED_MODULE_12__.watch)([responseList, matchRuleList], () => {
+      (0,vue__WEBPACK_IMPORTED_MODULE_12__.nextTick)(updateTabsFade);
+    });
+
     // 移除 watch(date)，避免轮询时不必要的 API 调用
     // date 变化由 watch(name) 统一处理
     // watch(date, () => {
@@ -3528,6 +3771,7 @@ const __default__ = {
     });
     return {
       __sfc: true,
+      SOURCE_VERSION_NAME,
       MATCH_MODE_VALUE,
       props,
       emit,
@@ -3535,6 +3779,11 @@ const __default__ = {
       fullScreenEditorRef,
       versionNameInput,
       matchRuleNameInput,
+      tabsAreaRef,
+      tabsFade,
+      headerCollapsed,
+      tabsFadePending,
+      updateTabsFade,
       responseList,
       currentFile,
       hasJsonError,
@@ -3542,11 +3791,13 @@ const __default__ = {
       versionModal,
       fullScreenModal,
       mockMode,
+      prevVersionNameBeforeMatch,
       modeDropdownVisible,
       matchRuleList,
       currentMatchRule,
       matchRuleChanged,
       matchRuleModal,
+      crossRuleConflicts,
       capturedQuery,
       capturedPayload,
       name,
@@ -3557,7 +3808,6 @@ const __default__ = {
       activeEditorContent,
       getSourceVersion,
       getHistoryVersions,
-      nextVersionName,
       onCreate,
       onEditVersion,
       handleDialogOpened,
@@ -4155,7 +4405,7 @@ const __default__ = {
       const [ca, cb, cc] = parse(pluginVersion.value);
       return la > ca || la === ca && lb > cb || la === ca && lb === cb && lc > cc;
     });
-    const updateCmd = (0,vue__WEBPACK_IMPORTED_MODULE_16__.computed)(() => `npm install -g whistle.mockbubu --registry https://registry.npmjs.org`);
+    const updateCmd = (0,vue__WEBPACK_IMPORTED_MODULE_16__.computed)(() => `w2 install whistle.mockbubu --registry=https://registry.npmjs.org/`);
 
     // 获取插件版本号
     const fetchPluginVersion = async () => {
@@ -5269,7 +5519,10 @@ var render = function render() {
   }, [_vm._l(_setup.localConditions, function (cond, index) {
     return _c("div", {
       key: index,
-      staticClass: "match-condition-editor__row"
+      staticClass: "match-condition-editor__row",
+      class: {
+        "is-conflict": _setup.conflictIndexes.has(index)
+      }
     }, [_c("el-select", {
       staticClass: "match-condition-editor__source-select",
       attrs: {
@@ -5302,7 +5555,7 @@ var render = function render() {
         placeholder: "参数名"
       },
       on: {
-        input: _setup.emitChange
+        blur: _setup.emitChange
       },
       model: {
         value: cond.key,
@@ -5311,16 +5564,48 @@ var render = function render() {
         },
         expression: "cond.key"
       }
-    }), _c("span", {
-      staticClass: "match-condition-editor__operator"
-    }, [_vm._v("=")]), _c("el-input", {
+    }), _c("el-select", {
+      staticClass: "match-condition-editor__operator-select",
+      attrs: {
+        size: "mini"
+      },
+      on: {
+        change: function ($event) {
+          return _setup.onOperatorChange(cond);
+        }
+      },
+      model: {
+        value: cond.operator,
+        callback: function ($$v) {
+          _vm.$set(cond, "operator", $$v);
+        },
+        expression: "cond.operator"
+      }
+    }, _vm._l(_setup.OPERATORS, function (op) {
+      return _c("el-option", {
+        key: op.value,
+        attrs: {
+          label: op.label,
+          value: op.value
+        }
+      }, [_c("span", {
+        staticClass: "match-condition-editor__op-symbol"
+      }, [_vm._v(_vm._s(op.symbol))]), _c("span", {
+        staticClass: "match-condition-editor__op-label"
+      }, [_vm._v(_vm._s(op.text))])]);
+    }), 1), !_setup.isValueless(cond.operator) ? _c("el-input", {
       staticClass: "match-condition-editor__value-input",
+      class: {
+        "is-regex-error": cond._regexError
+      },
       attrs: {
         size: "mini",
-        placeholder: "参数值"
+        placeholder: cond.operator === "regex" ? "正则表达式" : "参数值"
       },
       on: {
-        input: _setup.emitChange
+        blur: function ($event) {
+          return _setup.onValueBlur(cond);
+        }
       },
       model: {
         value: cond.value,
@@ -5329,7 +5614,35 @@ var render = function render() {
         },
         expression: "cond.value"
       }
-    }), _c("el-button", {
+    }) : _c("span", {
+      staticClass: "match-condition-editor__value-input match-condition-editor__value-placeholder"
+    }, [_vm._v("（任意值）")]), _c("span", {
+      staticClass: "match-condition-editor__status"
+    }, [cond._regexError ? _c("el-tooltip", {
+      attrs: {
+        content: cond._regexError,
+        placement: "top",
+        effect: "dark"
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-warning match-condition-editor__icon--error"
+    })]) : _setup.isIncomplete(cond) ? _c("el-tooltip", {
+      attrs: {
+        content: "条件未填完整，不参与匹配（会被自动跳过）",
+        placement: "top",
+        effect: "dark"
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-warning match-condition-editor__icon--incomplete"
+    })]) : _setup.conflictIndexes.has(index) ? _c("el-tooltip", {
+      attrs: {
+        content: _setup.conflictMessages[index],
+        placement: "top",
+        effect: "dark"
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-warning-outline match-condition-editor__icon--warn"
+    })]) : _vm._e()], 1), _c("el-button", {
       staticClass: "match-condition-editor__delete-btn",
       attrs: {
         type: "text",
@@ -5343,9 +5656,9 @@ var render = function render() {
     })], 1);
   }), _setup.localConditions.length === 0 ? _c("div", {
     staticClass: "match-condition-editor__empty"
-  }, [_c("i", {
-    staticClass: "el-icon-info"
-  }), _c("span", [_vm._v("无条件（兜底规则，匹配所有请求）")])]) : _vm._e()], 2), _c("div", {
+  }, [_c("span", {
+    staticClass: "match-condition-editor__empty-badge"
+  }, [_vm._v("✦")]), _c("span", [_vm._v("无条件（兜底规则，匹配所有请求）")])]) : _vm._e()], 2), _c("div", {
     staticClass: "match-condition-editor__actions"
   }, [_c("el-button", {
     attrs: {
@@ -5466,9 +5779,16 @@ var render = function render() {
   var _vm = this,
     _c = _vm._self._c,
     _setup = _vm._self._setupProxy;
-  return _vm.currentRow ? _c("div", {
-    staticClass: "request-detail"
-  }, [_c("el-tabs", {
+  return _c("div", {
+    staticClass: "request-detail",
+    class: {
+      "request-detail--empty": !_vm.currentRow
+    }
+  }, [!_vm.currentRow ? _c("div", {
+    staticClass: "request-detail__placeholder"
+  }, [_c("span", {
+    staticClass: "request-detail__placeholder-text"
+  }, [_vm._v("暂无数据")])]) : _c("el-tabs", {
     staticClass: "request-detail__tabs",
     attrs: {
       type: "border-card"
@@ -5594,9 +5914,7 @@ var render = function render() {
       changeMockVersion: _setup.handeMockVersionChange,
       fileSaved: _setup.handleFileSaved
     }
-  })], 1) : _vm._e()], 1)], 1) : _c("div", {
-    staticClass: "request-detail"
-  });
+  })], 1) : _vm._e()], 1)], 1);
 };
 var staticRenderFns = [];
 render._withStripped = true;
@@ -5749,7 +6067,11 @@ var render = function render() {
         })];
       }
     }])
-  })], 1)], 1);
+  }), _c("template", {
+    slot: "empty"
+  }, [_c("span", {
+    staticClass: "request-list__empty-text"
+  }, [_vm._v("暂无数据")])])], 2)], 1);
 };
 var staticRenderFns = [];
 render._withStripped = true;
@@ -5777,6 +6099,8 @@ var render = function render() {
     staticClass: "response-panel"
   }, [_c("div", {
     staticClass: "response-panel__header"
+  }, [_c("div", {
+    staticClass: "response-panel__header-toolbar"
   }, [_setup.props.api ? _c("div", {
     staticClass: "response-panel__mode-selector"
   }, [_c("div", {
@@ -5816,7 +6140,47 @@ var render = function render() {
         return _setup.switchMode("match");
       }
     }
-  }, [_vm._v(" 条件匹配 ")])]) : _vm._e()]) : _vm._e(), _setup.mockMode === "version" ? [_vm._l(_setup.responseList, function (item, index) {
+  }, [_vm._v(" 条件匹配 ")])]) : _vm._e()]) : _vm._e(), _setup.mockMode === "version" ? _c("div", {
+    staticClass: "response-panel__add-btn",
+    on: {
+      click: _setup.onCreate
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-plus"
+  }), _c("span", [_vm._v("新增版本")])]) : _vm._e(), _setup.mockMode === "match" ? _c("div", {
+    staticClass: "response-panel__add-btn",
+    on: {
+      click: _setup.onCreateMatchRule
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-plus"
+  }), _c("span", [_vm._v("新增规则")])]) : _vm._e(), _setup.mockMode === "version" && _setup.responseList.length > 1 ? _c("span", {
+    staticClass: "response-panel__version-count"
+  }, [_vm._v(" " + _vm._s(_setup.responseList.length - 1) + " 个版本 ")]) : _vm._e(), _setup.mockMode === "match" && _setup.matchRuleList.length > 0 ? _c("span", {
+    staticClass: "response-panel__version-count"
+  }, [_vm._v(" " + _vm._s(_setup.matchRuleList.length) + " 条规则 ")]) : _vm._e(), _c("div", {
+    staticClass: "response-panel__collapse-btn",
+    on: {
+      click: function ($event) {
+        _setup.headerCollapsed = !_setup.headerCollapsed;
+      }
+    }
+  }, [_c("i", {
+    class: _setup.headerCollapsed ? "el-icon-arrow-down" : "el-icon-arrow-up"
+  }), _c("span", [_vm._v(_vm._s(_setup.headerCollapsed ? "展开版本" : "收起版本"))])])]), _c("div", {
+    staticClass: "response-panel__tabs-wrapper",
+    class: {
+      "has-top-fade": _setup.tabsFade.top && !_setup.headerCollapsed,
+      "has-bottom-fade": _setup.tabsFade.bottom && !_setup.headerCollapsed,
+      "is-collapsed": _setup.headerCollapsed
+    }
+  }, [_setup.mockMode === "version" ? _c("div", {
+    ref: "tabsAreaRef",
+    staticClass: "response-panel__tabs-area",
+    on: {
+      scroll: _setup.updateTabsFade
+    }
+  }, _vm._l(_setup.responseList, function (item, index) {
     return _c("div", {
       key: `${item.type}-${item.filename}`,
       staticClass: "response-panel__tab",
@@ -5874,20 +6238,13 @@ var render = function render() {
         }
       }
     }) : _vm._e()], 1);
-  }), _c("div", {
-    staticClass: "response-panel__add-btn",
+  }), 0) : _vm._e(), _setup.mockMode === "match" ? _c("div", {
+    ref: "tabsAreaRef",
+    staticClass: "response-panel__tabs-area",
     on: {
-      click: _setup.onCreate
-    }
-  }, [_c("el-tooltip", {
-    attrs: {
-      effect: "dark",
-      content: "Add response version",
-      placement: "top"
+      scroll: _setup.updateTabsFade
     }
-  }, [_c("i", {
-    staticClass: "el-icon-plus"
-  })])], 1)] : _vm._e(), _setup.mockMode === "match" ? [_vm._l(_setup.matchRuleList, function (item, index) {
+  }, _vm._l(_setup.matchRuleList, function (item, index) {
     return _c("div", {
       key: item.id,
       staticClass: "response-panel__tab",
@@ -5914,7 +6271,15 @@ var render = function render() {
       slot: "content"
     }, [_c("div", [_c("strong", [_vm._v("规则名称：")]), _vm._v(_vm._s(item.name))]), _c("div", [_c("strong", [_vm._v("描述：")]), _vm._v(_vm._s(item.description || "（无）"))]), _c("div", [_c("strong", [_vm._v("条件数：")]), _vm._v(_vm._s(item.conditions ? item.conditions.length : 0))])]), _c("span", {
       staticClass: "response-panel__tab-text"
-    }, [_vm._v(_vm._s(item.name))])]), _c("i", {
+    }, [_vm._v(_vm._s(item.name))])]), _setup.crossRuleConflicts[item.id] ? _c("el-tooltip", {
+      attrs: {
+        content: _setup.crossRuleConflicts[item.id],
+        placement: "top",
+        effect: "dark"
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-warning response-panel__rule-conflict-badge"
+    })]) : _vm._e(), _c("i", {
       staticClass: "el-icon-edit response-panel__edit-btn",
       on: {
         click: function ($event) {
@@ -5931,22 +6296,9 @@ var render = function render() {
         }
       }
     })], 1);
-  }), _c("div", {
-    staticClass: "response-panel__add-btn",
-    on: {
-      click: _setup.onCreateMatchRule
-    }
-  }, [_c("el-tooltip", {
-    attrs: {
-      effect: "dark",
-      content: "新增匹配规则",
-      placement: "top"
-    }
-  }, [_c("i", {
-    staticClass: "el-icon-plus"
-  })])], 1)] : _vm._e()], 2), _c("div", {
+  }), 0) : _vm._e()])]), _c("div", {
     staticClass: "response-panel__content"
-  }, [_setup.mockMode === "match" && _setup.currentMatchRule ? _c(_setup.MatchConditionEditor, {
+  }, [_setup.mockMode === "match" && _setup.currentMatchRule && !_setup.headerCollapsed ? _c(_setup.MatchConditionEditor, {
     attrs: {
       conditions: _setup.currentMatchRule.conditions || [],
       "captured-query": _setup.capturedQuery,
@@ -6046,7 +6398,9 @@ var render = function render() {
     staticClass: "response-panel__readonly-badge"
   }, [_c("i", {
     staticClass: "el-icon-lock"
-  }), _c("span", [_vm._v("只读模式")])]) : _vm._e()], 1), _setup.mockMode === "version" ? _c(_setup.Editor, {
+  }), _c("span", [_vm._v("只读模式")])]) : _vm._e()], 1), _c("div", {
+    staticClass: "response-panel__editor-wrap"
+  }, [_setup.mockMode === "version" ? _c(_setup.Editor, {
     key: `editor-${_setup.currentFile.filename}-${_setup.isSourceReadonly}`,
     ref: "editRef",
     attrs: {
@@ -6115,12 +6469,13 @@ var render = function render() {
     on: {
       click: _setup.handleUpdate
     }
-  }, [_vm._v(" 保存 ")])], 1) : _vm._e()], 1), _c("el-dialog", {
+  }, [_vm._v(" 保存 ")])], 1) : _vm._e()], 1)], 1), _c("el-dialog", {
     attrs: {
       visible: _setup.versionModal.visible,
       width: "min(500px, 92vw)",
       title: _setup.versionModal.status === "create" ? "创建新版本" : "编辑版本信息",
       "close-on-click-modal": false,
+      "append-to-body": true,
       "custom-class": "version-dialog"
     },
     on: {
@@ -6234,6 +6589,7 @@ var render = function render() {
       width: "min(500px, 92vw)",
       title: _setup.matchRuleModal.status === "create" ? "新增匹配规则" : "编辑规则信息",
       "close-on-click-modal": false,
+      "append-to-body": true,
       "custom-class": "version-dialog"
     },
     on: {
@@ -6328,6 +6684,7 @@ var render = function render() {
       fullscreen: "",
       title: `${_setup.isSourceReadonly ? "全屏查看" : "全屏编辑"} - ${_setup.mockMode === "match" ? _setup.currentMatchRule && _setup.currentMatchRule.name || "" : _setup.currentFile.filename || ""}`,
       "close-on-click-modal": false,
+      "append-to-body": true,
       "custom-class": "fullscreen-editor-dialog"
     },
     on: {
@@ -7905,7 +8262,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".mock-container[data-v-d97322d2] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.mock-container__content[data-v-d97322d2] {\n  position: relative;\n  padding-bottom: 16px;\n  background-image: linear-gradient(0deg, var(--mb-accent-blue) 0, var(--mb-accent-blue) 16px, transparent 100%);\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color-light);\n  border-left: none;\n  overflow: hidden;\n}\n.mock-container__toolbar[data-v-d97322d2] {\n  width: 48px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 16px;\n  gap: 8px;\n  background: var(--mb-bg-base);\n  border-right: 1px solid var(--mb-border-color-deep);\n  z-index: 10;\n  overflow: visible;\n}\n.mock-container__list-badge[data-v-d97322d2] {\n  line-height: 1;\n  overflow: visible;\n}\n.mock-container__detail-wrapper[data-v-d97322d2] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.mock-container__current-url[data-v-d97322d2] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  padding: 5px 10px 5px 12px;\n  background: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color);\n  min-height: 30px;\n  flex-shrink: 0;\n}\n.mock-container__current-url-copy[data-v-d97322d2] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--mb-text-muted);\n  transition: color 0.15s, background 0.15s;\n}\n.mock-container__current-url-copy[data-v-d97322d2]:hover {\n  color: var(--mb-accent-blue);\n  background: var(--mb-bg-surface);\n}\n.mock-container__current-url-copy .el-icon-link[data-v-d97322d2] {\n  font-size: 13px;\n}\n.mock-container__current-url-scroll[data-v-d97322d2] {\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  text-align: left;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar {\n  height: 3px;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar-thumb {\n  background: var(--mb-border-color-deep);\n  border-radius: 2px;\n}\n.mock-container__current-url-text[data-v-d97322d2] {\n  display: inline-block;\n  font-size: 12px;\n  color: var(--mb-text-secondary);\n  white-space: nowrap;\n  font-family: 'SF Mono', 'Consolas', monospace;\n  line-height: 20px;\n}\n.mock-container__list-overlay[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n}\n.mock-container__backdrop[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n}\n.mock-container__list-panel[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 48px;\n  bottom: 0;\n  width: 70%;\n  max-width: calc(100% - 48px);\n  background: var(--mb-bg-base);\n  display: flex;\n  flex-direction: column;\n  box-shadow: 4px 0 12px rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n  z-index: 1;\n}\n.mock-container__list-panel-body[data-v-d97322d2] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n}\n.mock-container__list-panel-body .request-list[data-v-d97322d2] {\n  width: 100%;\n}\n.mock-container__disabled-overlay[data-v-d97322d2] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  background: var(--mb-disabled-overlay);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.mock-container__disabled-card[data-v-d97322d2] {\n  background: var(--mb-disabled-card-bg);\n  border-radius: 16px;\n  padding: 40px 48px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  min-width: 260px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n}\n.mock-container__disabled-icon[data-v-d97322d2] {\n  font-size: 36px;\n  color: #888;\n  line-height: 1;\n  margin-bottom: 4px;\n}\n.mock-container__disabled-title[data-v-d97322d2] {\n  font-size: 18px;\n  font-weight: 600;\n  color: #fff;\n}\n.mock-container__disabled-desc[data-v-d97322d2] {\n  font-size: 13px;\n  color: #aaa;\n  text-align: center;\n}\n.mock-container__disabled-btn[data-v-d97322d2] {\n  margin-top: 8px;\n  border-radius: 8px;\n  padding: 10px 32px;\n  font-size: 15px;\n  font-weight: 500;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".mock-container[data-v-d97322d2] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.mock-container__content[data-v-d97322d2] {\n  position: relative;\n  padding-bottom: 16px;\n  background-image: linear-gradient(0deg, var(--mb-accent-blue) 0, var(--mb-accent-blue) 16px, transparent 100%);\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color);\n  border-left: none;\n  overflow: hidden;\n}\n.mock-container__toolbar[data-v-d97322d2] {\n  width: 48px;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 16px;\n  gap: 8px;\n  background: var(--mb-bg-base);\n  border-right: 1px solid var(--mb-border-color-deep);\n  z-index: 10;\n  overflow: visible;\n}\n.mock-container__list-badge[data-v-d97322d2] {\n  line-height: 1;\n  overflow: visible;\n}\n.mock-container__detail-wrapper[data-v-d97322d2] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  isolation: isolate;\n}\n.mock-container__current-url[data-v-d97322d2] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 6px;\n  padding: 5px 10px 5px 12px;\n  background: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color);\n  min-height: 30px;\n  flex-shrink: 0;\n}\n.mock-container__current-url-copy[data-v-d97322d2] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  cursor: pointer;\n  color: var(--mb-text-muted);\n  transition: color 0.15s, background 0.15s;\n}\n.mock-container__current-url-copy[data-v-d97322d2]:hover {\n  color: var(--mb-accent-blue);\n  background: var(--mb-bg-surface);\n}\n.mock-container__current-url-copy .el-icon-link[data-v-d97322d2] {\n  font-size: 13px;\n}\n.mock-container__current-url-scroll[data-v-d97322d2] {\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  text-align: left;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar {\n  height: 3px;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar-track {\n  background: transparent;\n}\n.mock-container__current-url-scroll[data-v-d97322d2]::-webkit-scrollbar-thumb {\n  background: var(--mb-border-color-deep);\n  border-radius: 2px;\n}\n.mock-container__current-url-text[data-v-d97322d2] {\n  display: inline-block;\n  font-size: 12px;\n  color: var(--mb-text-secondary);\n  white-space: nowrap;\n  font-family: 'SF Mono', 'Consolas', monospace;\n  line-height: 20px;\n}\n.mock-container__list-overlay[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9;\n}\n.mock-container__backdrop[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.3);\n}\n.mock-container__list-panel[data-v-d97322d2] {\n  position: absolute;\n  top: 0;\n  left: 48px;\n  bottom: 0;\n  width: 85%;\n  max-width: calc(100% - 48px);\n  background: var(--mb-bg-base);\n  display: flex;\n  flex-direction: column;\n  box-shadow: 4px 0 12px rgba(0, 0, 0, 0.15);\n  overflow: hidden;\n  z-index: 1;\n}\n.mock-container__list-panel-body[data-v-d97322d2] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n}\n.mock-container__list-panel-body .request-list[data-v-d97322d2] {\n  width: 100%;\n}\n.mock-container__disabled-overlay[data-v-d97322d2] {\n  position: absolute;\n  inset: 0;\n  z-index: 20;\n  background: var(--mb-disabled-overlay);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.mock-container__disabled-card[data-v-d97322d2] {\n  background: var(--mb-disabled-card-bg);\n  border-radius: 16px;\n  padding: 40px 48px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  min-width: 260px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n}\n.mock-container__disabled-icon[data-v-d97322d2] {\n  font-size: 36px;\n  color: #888;\n  line-height: 1;\n  margin-bottom: 4px;\n}\n.mock-container__disabled-title[data-v-d97322d2] {\n  font-size: 18px;\n  font-weight: 600;\n  color: #fff;\n}\n.mock-container__disabled-desc[data-v-d97322d2] {\n  font-size: 13px;\n  color: #aaa;\n  text-align: center;\n}\n.mock-container__disabled-btn[data-v-d97322d2] {\n  margin-top: 8px;\n  border-radius: 8px;\n  padding: 10px 32px;\n  font-size: 15px;\n  font-weight: 500;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -7977,7 +8334,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".match-condition-editor[data-v-af0bed2e] {\n  padding: 8px 12px;\n  background-color: var(--mb-bg-surface);\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.match-condition-editor__header[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.match-condition-editor__title[data-v-af0bed2e] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-text-primary);\n}\n.match-condition-editor__hint[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n}\n.match-condition-editor__list[data-v-af0bed2e] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 8px;\n}\n.match-condition-editor__row[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.match-condition-editor__source-select[data-v-af0bed2e] {\n  width: 90px;\n  flex-shrink: 0;\n}\n.match-condition-editor__key-input[data-v-af0bed2e] {\n  flex: 1;\n  min-width: 80px;\n}\n.match-condition-editor__operator[data-v-af0bed2e] {\n  font-size: 13px;\n  color: var(--mb-text-muted);\n  flex-shrink: 0;\n  padding: 0 2px;\n}\n.match-condition-editor__value-input[data-v-af0bed2e] {\n  flex: 1;\n  min-width: 80px;\n}\n.match-condition-editor__delete-btn[data-v-af0bed2e] {\n  padding: 0 4px;\n  color: var(--mb-text-placeholder);\n  flex-shrink: 0;\n}\n.match-condition-editor__delete-btn[data-v-af0bed2e]:hover {\n  color: var(--mb-accent-red);\n}\n.match-condition-editor__empty[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 0;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-style: italic;\n}\n.match-condition-editor__actions[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n.match-condition-editor__actions .el-button[data-v-af0bed2e] {\n  margin: 0;\n}\n.match-condition-editor__tips[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-placeholder);\n}\n.match-condition-editor__captured-panel[data-v-af0bed2e] {\n  max-height: 280px;\n  overflow-y: auto;\n}\n.match-condition-editor__param-group-title[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n  padding: 4px 0;\n}\n.match-condition-editor__param-item[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 12px;\n}\n.match-condition-editor__param-item[data-v-af0bed2e]:hover {\n  background-color: var(--mb-accent-blue-bg);\n}\n.match-condition-editor__param-item.is-checked[data-v-af0bed2e] {\n  background-color: var(--mb-accent-blue-bg);\n}\n.match-condition-editor__param-item .el-checkbox[data-v-af0bed2e] {\n  pointer-events: none;\n}\n.match-condition-editor__param-key[data-v-af0bed2e] {\n  color: var(--mb-accent-blue);\n  font-weight: 500;\n}\n.match-condition-editor__param-sep[data-v-af0bed2e] {\n  color: var(--mb-text-muted);\n}\n.match-condition-editor__param-value[data-v-af0bed2e] {\n  color: var(--mb-accent-green);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.match-condition-editor__no-params[data-v-af0bed2e] {\n  padding: 12px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".match-condition-editor[data-v-af0bed2e] {\n  padding: 8px 12px;\n  background-color: var(--mb-bg-surface);\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.match-condition-editor__header[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n.match-condition-editor__title[data-v-af0bed2e] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-text-primary);\n}\n.match-condition-editor__hint[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n}\n.match-condition-editor__list[data-v-af0bed2e] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-bottom: 8px;\n}\n.match-condition-editor__row[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.match-condition-editor__source-select[data-v-af0bed2e] {\n  width: 80px;\n  flex-shrink: 0;\n}\n.match-condition-editor__key-input[data-v-af0bed2e] {\n  flex: 1.2;\n  min-width: 70px;\n}\n.match-condition-editor__operator-select[data-v-af0bed2e] {\n  width: 96px;\n  flex-shrink: 0;\n}\n.match-condition-editor__value-input[data-v-af0bed2e] {\n  flex: 1;\n  min-width: 60px;\n}\n.match-condition-editor__value-input.is-regex-error[data-v-af0bed2e] .el-input__inner {\n  border-color: var(--mb-accent-red);\n}\n.match-condition-editor__value-placeholder[data-v-af0bed2e] {\n  display: inline-flex;\n  align-items: center;\n  font-size: 11px;\n  color: var(--mb-text-placeholder);\n  font-style: italic;\n  padding-left: 4px;\n}\n.match-condition-editor__status[data-v-af0bed2e] {\n  width: 18px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.match-condition-editor__icon--error[data-v-af0bed2e] {\n  color: var(--mb-accent-red);\n  font-size: 14px;\n  cursor: help;\n}\n.match-condition-editor__icon--muted[data-v-af0bed2e] {\n  color: var(--mb-text-placeholder);\n  font-size: 14px;\n  cursor: help;\n}\n.match-condition-editor__icon--incomplete[data-v-af0bed2e] {\n  color: #f59e0b;\n  font-size: 14px;\n  cursor: help;\n}\n.match-condition-editor__icon--warn[data-v-af0bed2e] {\n  color: #f59e0b;\n  font-size: 14px;\n  cursor: help;\n}\n.match-condition-editor__delete-btn[data-v-af0bed2e] {\n  padding: 0 4px;\n  color: var(--mb-text-placeholder);\n  flex-shrink: 0;\n}\n.match-condition-editor__delete-btn[data-v-af0bed2e]:hover {\n  color: var(--mb-accent-red);\n}\n.match-condition-editor__empty[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 0;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-style: italic;\n}\n.match-condition-editor__empty-badge[data-v-af0bed2e] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  border-radius: 3px;\n  background-color: var(--mb-accent-blue);\n  color: #fff;\n  font-size: 9px;\n  font-style: normal;\n  flex-shrink: 0;\n  line-height: 1;\n}\n.match-condition-editor__actions[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 6px;\n}\n.match-condition-editor__actions .el-button[data-v-af0bed2e] {\n  margin: 0;\n}\n.match-condition-editor__tips[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-placeholder);\n}\n.match-condition-editor__captured-panel[data-v-af0bed2e] {\n  max-height: 280px;\n  overflow-y: auto;\n}\n.match-condition-editor__param-group-title[data-v-af0bed2e] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n  padding: 4px 0;\n}\n.match-condition-editor__param-item[data-v-af0bed2e] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 6px;\n  cursor: pointer;\n  border-radius: 4px;\n  font-size: 12px;\n}\n.match-condition-editor__param-item[data-v-af0bed2e]:hover {\n  background-color: var(--mb-accent-blue-bg);\n}\n.match-condition-editor__param-item.is-checked[data-v-af0bed2e] {\n  background-color: var(--mb-accent-blue-bg);\n}\n.match-condition-editor__param-item .el-checkbox[data-v-af0bed2e] {\n  pointer-events: none;\n}\n.match-condition-editor__param-key[data-v-af0bed2e] {\n  color: var(--mb-accent-blue);\n  font-weight: 500;\n}\n.match-condition-editor__param-sep[data-v-af0bed2e] {\n  color: var(--mb-text-muted);\n}\n.match-condition-editor__param-value[data-v-af0bed2e] {\n  color: var(--mb-accent-green);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.match-condition-editor__no-params[data-v-af0bed2e] {\n  padding: 12px;\n  text-align: center;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n}\n.match-condition-editor__op-symbol[data-v-af0bed2e] {\n  display: inline-block;\n  width: 20px;\n  font-weight: 700;\n  color: var(--mb-accent-blue);\n  font-size: 12px;\n}\n.match-condition-editor__op-label[data-v-af0bed2e] {\n  font-size: 12px;\n  color: var(--mb-text-secondary);\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -8001,7 +8358,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".request-detail[data-v-77bc97aa] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  border-left: 1px solid var(--mb-border-color-light);\n  margin-left: -2px;\n  background: var(--mb-bg-base);\n}\n.request-detail__tabs[data-v-77bc97aa] {\n  box-shadow: none;\n  border: none;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__content {\n  padding: 0;\n  flex: 1;\n  overflow: hidden;\n  background-color: var(--mb-bg-base);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__header {\n  background-color: var(--mb-bg-base);\n  border-bottom-color: var(--mb-border-color-light);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__item {\n  height: 30px;\n  line-height: 30px;\n  font-size: 12px;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n  border-right-color: var(--mb-border-color-light);\n  border-left-color: var(--mb-border-color-light);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__item.is-active {\n  background-color: var(--mb-selected-bg);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-wrap {\n  margin-bottom: 0;\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-prev,\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-next {\n  height: 30px;\n  line-height: 30px;\n}\n.request-detail__tab-pane[data-v-77bc97aa] {\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n}\n.request-detail__section[data-v-77bc97aa] {\n  margin-bottom: 12px;\n}\n.request-detail__section[data-v-77bc97aa]:last-child {\n  margin-bottom: 0;\n}\n.request-detail__section-title[data-v-77bc97aa] {\n  padding: 5px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mb-text-muted);\n  background-color: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color-light);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.request-detail__item[data-v-77bc97aa] {\n  display: flex;\n  font-size: 12px;\n  border-bottom: 1px solid var(--mb-border-color-light);\n  background-color: var(--mb-bg-base);\n}\n.request-detail__label[data-v-77bc97aa] {\n  flex: 0 0 100px;\n  text-align: right;\n  line-height: 1;\n  padding: 4px 6px;\n  font-weight: 400;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-selected-bg);\n}\n.request-detail__value[data-v-77bc97aa] {\n  flex: 1;\n  padding: 4px 6px;\n  line-height: 1;\n  text-align: left;\n  word-break: break-all;\n  color: var(--mb-text-primary);\n  background-color: var(--mb-bg-base);\n}\n.request-detail__empty[data-v-77bc97aa] {\n  padding: 20px;\n  text-align: center;\n  color: var(--mb-text-muted);\n  font-size: 12px;\n}\n.request-detail__payload-editor[data-v-77bc97aa] {\n  height: 200px;\n  overflow: hidden;\n}\n.container[data-v-77bc97aa] {\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color-light);\n  border-left: none;\n  overflow: hidden;\n}\n.container .detail[data-v-77bc97aa] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  border-left: 1px solid var(--mb-border-color-light);\n  margin-left: -2px;\n  background: var(--mb-bg-base);\n}\n.container .detail__tabs[data-v-77bc97aa] {\n  box-shadow: none;\n  border: none;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__content {\n  padding: 0;\n  flex: 1;\n  overflow: hidden;\n  background-color: var(--mb-bg-base);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__header {\n  background-color: var(--mb-bg-base);\n  border-bottom-color: var(--mb-border-color-light);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__item {\n  height: 30px;\n  line-height: 30px;\n  font-size: 12px;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n  border-right-color: var(--mb-border-color-light);\n  border-left-color: var(--mb-border-color-light);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__item.is-active {\n  background-color: var(--mb-selected-bg);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-wrap {\n  margin-bottom: 0;\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-prev,\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-next {\n  height: 30px;\n  line-height: 30px;\n}\n.container .detail__tab-pane[data-v-77bc97aa] {\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n}\n.container .detail__section[data-v-77bc97aa] {\n  margin-bottom: 12px;\n}\n.container .detail__section[data-v-77bc97aa]:last-child {\n  margin-bottom: 0;\n}\n.container .detail__section-title[data-v-77bc97aa] {\n  padding: 5px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mb-text-muted);\n  background-color: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color-light);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.container .detail__item[data-v-77bc97aa] {\n  display: flex;\n  font-size: 12px;\n  border-bottom: 1px solid var(--mb-border-color-light);\n  background-color: var(--mb-bg-base);\n}\n.container .detail__label[data-v-77bc97aa] {\n  flex: 0 0 100px;\n  text-align: right;\n  line-height: 1;\n  padding: 4px 6px;\n  font-weight: 400;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-selected-bg);\n}\n.container .detail__value[data-v-77bc97aa] {\n  flex: 1;\n  padding: 4px 6px;\n  line-height: 1;\n  text-align: left;\n  word-break: break-all;\n  color: var(--mb-text-primary);\n  background-color: var(--mb-bg-base);\n}\n.container .detail__empty[data-v-77bc97aa] {\n  padding: 20px;\n  text-align: center;\n  color: var(--mb-text-muted);\n  font-size: 12px;\n}\n.container .detail__payload-editor[data-v-77bc97aa] {\n  height: 200px;\n  overflow: hidden;\n}\n.container .detail .el-icon-close[data-v-77bc97aa] {\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  right: 0;\n  width: 28px;\n  height: 28px;\n  z-index: 1;\n  font-size: 14px;\n  line-height: 28px;\n}\n[data-v-77bc97aa] .el-table {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n[data-v-77bc97aa] .el-table::before,[data-v-77bc97aa] .el-table::after {\n  content: none;\n}\n[data-v-77bc97aa] .el-table .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n[data-v-77bc97aa] .el-table .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n[data-v-77bc97aa] .el-table .cell {\n  line-height: 1.4 !important;\n}\n[data-v-77bc97aa] .el-table .el-table__row:hover .name-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n[data-v-77bc97aa] .el-table .el-table__row:hover .name-expand-icon {\n  background: var(--mb-hover-bg);\n}\n[data-v-77bc97aa] .el-table .el-button.danger {\n  color: var(--mb-accent-red);\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".request-detail[data-v-77bc97aa] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  border-left: 1px solid var(--mb-border-color-deep);\n  background: var(--mb-bg-base);\n}\n.request-detail--empty[data-v-77bc97aa] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.request-detail__placeholder[data-v-77bc97aa] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--mb-text-muted);\n}\n.request-detail__placeholder-icon[data-v-77bc97aa] {\n  font-size: 32px;\n  opacity: 0.4;\n}\n.request-detail__placeholder-text[data-v-77bc97aa] {\n  font-size: 13px;\n}\n.request-detail__tabs[data-v-77bc97aa] {\n  box-shadow: none;\n  border: none;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__content {\n  padding: 0;\n  flex: 1;\n  overflow: hidden;\n  background-color: var(--mb-bg-base);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__header {\n  background-color: var(--mb-bg-base);\n  border-bottom-color: var(--mb-border-color-light);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__item {\n  height: 30px;\n  line-height: 30px;\n  font-size: 12px;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n  border-right-color: var(--mb-border-color-light);\n  border-left-color: var(--mb-border-color-light);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__item.is-active {\n  background-color: var(--mb-selected-bg);\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-wrap {\n  margin-bottom: 0;\n}\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-prev,\n.request-detail__tabs[data-v-77bc97aa] .el-tabs__nav-next {\n  height: 30px;\n  line-height: 30px;\n}\n.request-detail__tab-pane[data-v-77bc97aa] {\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n}\n.request-detail__section[data-v-77bc97aa] {\n  margin-bottom: 12px;\n}\n.request-detail__section[data-v-77bc97aa]:last-child {\n  margin-bottom: 0;\n}\n.request-detail__section-title[data-v-77bc97aa] {\n  padding: 5px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mb-text-muted);\n  background-color: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color-light);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.request-detail__item[data-v-77bc97aa] {\n  display: flex;\n  font-size: 12px;\n  border-bottom: 1px solid var(--mb-border-color-light);\n  background-color: var(--mb-bg-base);\n}\n.request-detail__label[data-v-77bc97aa] {\n  flex: 0 0 100px;\n  text-align: right;\n  line-height: 1;\n  padding: 4px 6px;\n  font-weight: 400;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-selected-bg);\n}\n.request-detail__value[data-v-77bc97aa] {\n  flex: 1;\n  padding: 4px 6px;\n  line-height: 1;\n  text-align: left;\n  word-break: break-all;\n  color: var(--mb-text-primary);\n  background-color: var(--mb-bg-base);\n}\n.request-detail__empty[data-v-77bc97aa] {\n  padding: 20px;\n  text-align: center;\n  color: var(--mb-text-muted);\n  font-size: 12px;\n}\n.request-detail__payload-editor[data-v-77bc97aa] {\n  height: 200px;\n  overflow: hidden;\n}\n.container[data-v-77bc97aa] {\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color-light);\n  border-left: none;\n  overflow: hidden;\n}\n.container .detail[data-v-77bc97aa] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n  border-left: 1px solid var(--mb-border-color-deep);\n  background: var(--mb-bg-base);\n}\n.container .detail--empty[data-v-77bc97aa] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.container .detail__placeholder[data-v-77bc97aa] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--mb-text-muted);\n}\n.container .detail__placeholder-icon[data-v-77bc97aa] {\n  font-size: 32px;\n  opacity: 0.4;\n}\n.container .detail__placeholder-text[data-v-77bc97aa] {\n  font-size: 13px;\n}\n.container .detail__tabs[data-v-77bc97aa] {\n  box-shadow: none;\n  border: none;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__content {\n  padding: 0;\n  flex: 1;\n  overflow: hidden;\n  background-color: var(--mb-bg-base);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__header {\n  background-color: var(--mb-bg-base);\n  border-bottom-color: var(--mb-border-color-light);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__item {\n  height: 30px;\n  line-height: 30px;\n  font-size: 12px;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n  border-right-color: var(--mb-border-color-light);\n  border-left-color: var(--mb-border-color-light);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__item.is-active {\n  background-color: var(--mb-selected-bg);\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-wrap {\n  margin-bottom: 0;\n}\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-prev,\n.container .detail__tabs[data-v-77bc97aa] .el-tabs__nav-next {\n  height: 30px;\n  line-height: 30px;\n}\n.container .detail__tab-pane[data-v-77bc97aa] {\n  height: 100%;\n  overflow-y: auto;\n  background-color: var(--mb-bg-base);\n  color: var(--mb-text-primary);\n}\n.container .detail__section[data-v-77bc97aa] {\n  margin-bottom: 12px;\n}\n.container .detail__section[data-v-77bc97aa]:last-child {\n  margin-bottom: 0;\n}\n.container .detail__section-title[data-v-77bc97aa] {\n  padding: 5px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mb-text-muted);\n  background-color: var(--mb-bg-mantle);\n  border-bottom: 1px solid var(--mb-border-color-light);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n.container .detail__item[data-v-77bc97aa] {\n  display: flex;\n  font-size: 12px;\n  border-bottom: 1px solid var(--mb-border-color-light);\n  background-color: var(--mb-bg-base);\n}\n.container .detail__label[data-v-77bc97aa] {\n  flex: 0 0 100px;\n  text-align: right;\n  line-height: 1;\n  padding: 4px 6px;\n  font-weight: 400;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-selected-bg);\n}\n.container .detail__value[data-v-77bc97aa] {\n  flex: 1;\n  padding: 4px 6px;\n  line-height: 1;\n  text-align: left;\n  word-break: break-all;\n  color: var(--mb-text-primary);\n  background-color: var(--mb-bg-base);\n}\n.container .detail__empty[data-v-77bc97aa] {\n  padding: 20px;\n  text-align: center;\n  color: var(--mb-text-muted);\n  font-size: 12px;\n}\n.container .detail__payload-editor[data-v-77bc97aa] {\n  height: 200px;\n  overflow: hidden;\n}\n.container .detail .el-icon-close[data-v-77bc97aa] {\n  position: absolute;\n  top: 0;\n  cursor: pointer;\n  right: 0;\n  width: 28px;\n  height: 28px;\n  z-index: 1;\n  font-size: 14px;\n  line-height: 28px;\n}\n[data-v-77bc97aa] .el-table {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n[data-v-77bc97aa] .el-table::before,[data-v-77bc97aa] .el-table::after {\n  content: none;\n}\n[data-v-77bc97aa] .el-table .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n[data-v-77bc97aa] .el-table .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n[data-v-77bc97aa] .el-table .cell {\n  line-height: 1.4 !important;\n}\n[data-v-77bc97aa] .el-table .el-table__row:hover .name-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n[data-v-77bc97aa] .el-table .el-table__row:hover .name-expand-icon {\n  background: var(--mb-hover-bg);\n}\n[data-v-77bc97aa] .el-table .el-button.danger {\n  color: var(--mb-accent-red);\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -8025,7 +8382,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".request-list[data-v-1d02c492] {\n  width: 55%;\n}\n.request-list__table[data-v-1d02c492] {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n.request-list__table[data-v-1d02c492]::before,\n.request-list__table[data-v-1d02c492]::after {\n  content: none;\n}\n.request-list__table[data-v-1d02c492] .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n.request-list__table[data-v-1d02c492] .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n.request-list__table[data-v-1d02c492] .cell {\n  line-height: 1.4 !important;\n}\n.request-list__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n.request-list__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-icon {\n  background: var(--mb-hover-bg);\n}\n.request-list__table[data-v-1d02c492] th.el-table__cell > .cell {\n  color: var(--mb-text-primary);\n  font-weight: 500;\n}\n.request-list__table[data-v-1d02c492] .el-table__body tr.current-row>td.el-table__cell {\n  background-color: var(--mb-active-row-bg);\n  color: var(--mb-active-row-text);\n}\n.request-list__filename[data-v-1d02c492] {\n  position: relative;\n  white-space: nowrap;\n  line-height: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/\n  -ms-overflow-style: none;\n  /*火狐下隐藏滚动条*/\n  overflow: -moz-scrollbars-none;\n  scrollbar-width: none;\n  /*Chrome下隐藏滚动条，溢出可以透明滚动*/\n}\n.request-list__filename[data-v-1d02c492]::-webkit-scrollbar {\n  display: none;\n}\n.request-list__filename-value[data-v-1d02c492] {\n  white-space: nowrap;\n  position: relative;\n  line-height: 23px;\n  vertical-align: top;\n  font-weight: bold;\n  display: inline-block;\n}\n.request-list__filename-value--active[data-v-1d02c492] {\n  color: var(--mb-tag-saved-text);\n}\n.request-list__filename-value--error[data-v-1d02c492] {\n  color: var(--mb-tag-error-text);\n}\n.request-list__filename-expand-shadow[data-v-1d02c492] {\n  width: 500px;\n  height: 23px;\n  background: var(--mb-bg-base);\n  display: inline-block;\n  z-index: 30;\n  position: relative;\n}\n.request-list__filename-expand-icon[data-v-1d02c492] {\n  width: 12px;\n  position: absolute;\n  top: 8px;\n  right: 0;\n  background: var(--mb-bg-base);\n  z-index: 1;\n}\n.request-list__remark-text[data-v-1d02c492] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  color: var(--mb-text-secondary);\n  line-height: 23px;\n  padding: 0 4px;\n}\n.request-list__remark-text[data-v-1d02c492]:hover {\n  color: var(--mb-accent-blue);\n}\n.request-list__remark-placeholder[data-v-1d02c492] {\n  color: var(--mb-text-placeholder);\n  cursor: pointer;\n  line-height: 23px;\n  padding: 0 4px;\n}\n.request-list__remark-placeholder[data-v-1d02c492]:hover {\n  color: var(--mb-text-muted);\n}\n.request-list__btn[data-v-1d02c492] {\n  font-size: 16px;\n  padding: 4px 2px;\n}\n.request-list__btn--delete[data-v-1d02c492] {\n  color: var(--mb-accent-red);\n}\n.request-list__btn--locked[data-v-1d02c492] {\n  color: var(--mb-accent-green);\n}\n.container[data-v-1d02c492] {\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color-light);\n  border-left: none;\n  overflow: hidden;\n}\n.container .list-body[data-v-1d02c492] {\n  width: 55%;\n}\n.container .list-body__table[data-v-1d02c492] {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n.container .list-body__table[data-v-1d02c492]::before,\n.container .list-body__table[data-v-1d02c492]::after {\n  content: none;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n.container .list-body__table[data-v-1d02c492] .cell {\n  line-height: 1.4 !important;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n.container .list-body__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-icon {\n  background: var(--mb-hover-bg);\n}\n.container .list-body__table[data-v-1d02c492] th.el-table__cell > .cell {\n  color: var(--mb-text-primary);\n  font-weight: 500;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__body tr.current-row>td.el-table__cell {\n  background-color: var(--mb-active-row-bg);\n  color: var(--mb-active-row-text);\n}\n.container .list-body__filename[data-v-1d02c492] {\n  position: relative;\n  white-space: nowrap;\n  line-height: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/\n  -ms-overflow-style: none;\n  /*火狐下隐藏滚动条*/\n  overflow: -moz-scrollbars-none;\n  scrollbar-width: none;\n  /*Chrome下隐藏滚动条，溢出可以透明滚动*/\n}\n.container .list-body__filename[data-v-1d02c492]::-webkit-scrollbar {\n  display: none;\n}\n.container .list-body__filename-value[data-v-1d02c492] {\n  white-space: nowrap;\n  position: relative;\n  line-height: 23px;\n  vertical-align: top;\n  font-weight: bold;\n  display: inline-block;\n}\n.container .list-body__filename-value--active[data-v-1d02c492] {\n  color: var(--mb-tag-saved-text);\n}\n.container .list-body__filename-value--error[data-v-1d02c492] {\n  color: var(--mb-tag-error-text);\n}\n.container .list-body__filename-expand-shadow[data-v-1d02c492] {\n  width: 500px;\n  height: 23px;\n  background: var(--mb-bg-base);\n  display: inline-block;\n  z-index: 30;\n  position: relative;\n}\n.container .list-body__filename-expand-icon[data-v-1d02c492] {\n  width: 12px;\n  position: absolute;\n  top: 8px;\n  right: 0;\n  background: var(--mb-bg-base);\n  z-index: 1;\n}\n.container .list-body__remark-text[data-v-1d02c492] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  color: var(--mb-text-secondary);\n  line-height: 23px;\n  padding: 0 4px;\n}\n.container .list-body__remark-text[data-v-1d02c492]:hover {\n  color: var(--mb-accent-blue);\n}\n.container .list-body__remark-placeholder[data-v-1d02c492] {\n  color: var(--mb-text-placeholder);\n  cursor: pointer;\n  line-height: 23px;\n  padding: 0 4px;\n}\n.container .list-body__remark-placeholder[data-v-1d02c492]:hover {\n  color: var(--mb-text-muted);\n}\n.container .list-body__btn[data-v-1d02c492] {\n  font-size: 16px;\n  padding: 4px 2px;\n}\n.container .list-body__btn--delete[data-v-1d02c492] {\n  color: var(--mb-accent-red);\n}\n.container .list-body__btn--locked[data-v-1d02c492] {\n  color: var(--mb-accent-green);\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".request-list[data-v-1d02c492] {\n  width: 55%;\n}\n.request-list__table[data-v-1d02c492] {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n.request-list__table[data-v-1d02c492]::before,\n.request-list__table[data-v-1d02c492]::after {\n  content: none;\n}\n.request-list__table[data-v-1d02c492] .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n.request-list__table[data-v-1d02c492] .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n.request-list__table[data-v-1d02c492] .cell {\n  line-height: 1.4 !important;\n}\n.request-list__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n.request-list__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-icon {\n  background: var(--mb-hover-bg);\n}\n.request-list__table[data-v-1d02c492] th.el-table__cell > .cell {\n  color: var(--mb-text-primary);\n  font-weight: 500;\n}\n.request-list__table[data-v-1d02c492] .el-table__body tr.current-row>td.el-table__cell {\n  background-color: var(--mb-active-row-bg);\n  color: var(--mb-active-row-text);\n}\n.request-list__table[data-v-1d02c492] .el-table__empty-block {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.request-list__table[data-v-1d02c492] .el-table__empty-text {\n  line-height: unset;\n  width: auto;\n}\n.request-list__filename[data-v-1d02c492] {\n  position: relative;\n  white-space: nowrap;\n  line-height: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/\n  -ms-overflow-style: none;\n  /*火狐下隐藏滚动条*/\n  overflow: -moz-scrollbars-none;\n  scrollbar-width: none;\n  /*Chrome下隐藏滚动条，溢出可以透明滚动*/\n}\n.request-list__filename[data-v-1d02c492]::-webkit-scrollbar {\n  display: none;\n}\n.request-list__filename-value[data-v-1d02c492] {\n  white-space: nowrap;\n  position: relative;\n  line-height: 23px;\n  vertical-align: top;\n  font-weight: bold;\n  display: inline-block;\n}\n.request-list__filename-value--active[data-v-1d02c492] {\n  color: var(--mb-tag-saved-text);\n}\n.request-list__filename-value--error[data-v-1d02c492] {\n  color: var(--mb-tag-error-text);\n}\n.request-list__filename-expand-shadow[data-v-1d02c492] {\n  width: 500px;\n  height: 23px;\n  background: var(--mb-bg-base);\n  display: inline-block;\n  z-index: 30;\n  position: relative;\n}\n.request-list__filename-expand-icon[data-v-1d02c492] {\n  width: 12px;\n  position: absolute;\n  top: 8px;\n  right: 0;\n  background: var(--mb-bg-base);\n  z-index: 1;\n}\n.request-list__remark-text[data-v-1d02c492] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  color: var(--mb-text-secondary);\n  line-height: 23px;\n  padding: 0 4px;\n}\n.request-list__remark-text[data-v-1d02c492]:hover {\n  color: var(--mb-accent-blue);\n}\n.request-list__remark-placeholder[data-v-1d02c492] {\n  color: var(--mb-text-placeholder);\n  cursor: pointer;\n  line-height: 23px;\n  padding: 0 4px;\n}\n.request-list__remark-placeholder[data-v-1d02c492]:hover {\n  color: var(--mb-text-muted);\n}\n.request-list__btn[data-v-1d02c492] {\n  font-size: 16px;\n  padding: 4px 2px;\n}\n.request-list__btn--delete[data-v-1d02c492] {\n  color: var(--mb-accent-red);\n}\n.request-list__btn--locked[data-v-1d02c492] {\n  color: var(--mb-accent-green);\n}\n.request-list__empty-state[data-v-1d02c492] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--mb-text-muted);\n}\n.request-list__empty-icon[data-v-1d02c492] {\n  font-size: 32px;\n  opacity: 0.4;\n}\n.request-list__empty-text[data-v-1d02c492] {\n  font-size: 13px;\n}\n.container[data-v-1d02c492] {\n  display: flex;\n  flex: 1;\n  border: 1px solid var(--mb-border-color-light);\n  border-left: none;\n  overflow: hidden;\n}\n.container .list-body[data-v-1d02c492] {\n  width: 55%;\n}\n.container .list-body__table[data-v-1d02c492] {\n  border-color: var(--mb-border-color-light) !important;\n  border-left: none;\n  border-bottom: none;\n  border-top: none;\n}\n.container .list-body__table[data-v-1d02c492]::before,\n.container .list-body__table[data-v-1d02c492]::after {\n  content: none;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__cell {\n  border-color: var(--mb-border-color-light) !important;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__body .el-table__cell {\n  padding: 0 !important;\n}\n.container .list-body__table[data-v-1d02c492] .cell {\n  line-height: 1.4 !important;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-shadow {\n  background: var(--mb-hover-bg);\n}\n.container .list-body__table[data-v-1d02c492] .el-table__row:hover .request-list__filename-expand-icon {\n  background: var(--mb-hover-bg);\n}\n.container .list-body__table[data-v-1d02c492] th.el-table__cell > .cell {\n  color: var(--mb-text-primary);\n  font-weight: 500;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__body tr.current-row>td.el-table__cell {\n  background-color: var(--mb-active-row-bg);\n  color: var(--mb-active-row-text);\n}\n.container .list-body__table[data-v-1d02c492] .el-table__empty-block {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.container .list-body__table[data-v-1d02c492] .el-table__empty-text {\n  line-height: unset;\n  width: auto;\n}\n.container .list-body__filename[data-v-1d02c492] {\n  position: relative;\n  white-space: nowrap;\n  line-height: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/\n  -ms-overflow-style: none;\n  /*火狐下隐藏滚动条*/\n  overflow: -moz-scrollbars-none;\n  scrollbar-width: none;\n  /*Chrome下隐藏滚动条，溢出可以透明滚动*/\n}\n.container .list-body__filename[data-v-1d02c492]::-webkit-scrollbar {\n  display: none;\n}\n.container .list-body__filename-value[data-v-1d02c492] {\n  white-space: nowrap;\n  position: relative;\n  line-height: 23px;\n  vertical-align: top;\n  font-weight: bold;\n  display: inline-block;\n}\n.container .list-body__filename-value--active[data-v-1d02c492] {\n  color: var(--mb-tag-saved-text);\n}\n.container .list-body__filename-value--error[data-v-1d02c492] {\n  color: var(--mb-tag-error-text);\n}\n.container .list-body__filename-expand-shadow[data-v-1d02c492] {\n  width: 500px;\n  height: 23px;\n  background: var(--mb-bg-base);\n  display: inline-block;\n  z-index: 30;\n  position: relative;\n}\n.container .list-body__filename-expand-icon[data-v-1d02c492] {\n  width: 12px;\n  position: absolute;\n  top: 8px;\n  right: 0;\n  background: var(--mb-bg-base);\n  z-index: 1;\n}\n.container .list-body__remark-text[data-v-1d02c492] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  cursor: pointer;\n  color: var(--mb-text-secondary);\n  line-height: 23px;\n  padding: 0 4px;\n}\n.container .list-body__remark-text[data-v-1d02c492]:hover {\n  color: var(--mb-accent-blue);\n}\n.container .list-body__remark-placeholder[data-v-1d02c492] {\n  color: var(--mb-text-placeholder);\n  cursor: pointer;\n  line-height: 23px;\n  padding: 0 4px;\n}\n.container .list-body__remark-placeholder[data-v-1d02c492]:hover {\n  color: var(--mb-text-muted);\n}\n.container .list-body__btn[data-v-1d02c492] {\n  font-size: 16px;\n  padding: 4px 2px;\n}\n.container .list-body__btn--delete[data-v-1d02c492] {\n  color: var(--mb-accent-red);\n}\n.container .list-body__btn--locked[data-v-1d02c492] {\n  color: var(--mb-accent-green);\n}\n.container .list-body__empty-state[data-v-1d02c492] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  color: var(--mb-text-muted);\n}\n.container .list-body__empty-icon[data-v-1d02c492] {\n  font-size: 32px;\n  opacity: 0.4;\n}\n.container .list-body__empty-text[data-v-1d02c492] {\n  font-size: 13px;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -8049,7 +8406,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".response-panel[data-v-c23cd6a6] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.response-panel__header[data-v-c23cd6a6] {\n  display: flex;\n  flex-wrap: wrap;\n  background-color: var(--mb-bg-base);\n}\n.response-panel__tab[data-v-c23cd6a6] {\n  position: relative;\n  cursor: pointer;\n  height: 24px;\n  padding: 0px 10px;\n  font-size: 12px;\n  line-height: 24px;\n  color: var(--mb-text-secondary);\n  font-weight: 500;\n  background-color: var(--mb-bg-mantle);\n  border-right: 1px solid var(--mb-border-color-light);\n  border-bottom: 1px solid var(--mb-border-color-light);\n}\n.response-panel__tab[data-v-c23cd6a6]:hover:not(.response-panel__tab--selected) {\n  background-color: var(--mb-hover-bg);\n  color: var(--mb-text-primary);\n}\n.response-panel__tab--selected[data-v-c23cd6a6] {\n  background-color: var(--mb-accent-blue);\n  color: #fff;\n  border-bottom-color: var(--mb-accent-blue);\n}\n.response-panel__tab--selected .response-panel__source-tab[data-v-c23cd6a6] {\n  color: rgba(255, 255, 255, 0.95);\n}\n.response-panel__tab--selected .response-panel__edit-btn[data-v-c23cd6a6],\n.response-panel__tab--selected .response-panel__delete-btn[data-v-c23cd6a6] {\n  color: rgba(255, 255, 255, 0.6);\n}\n.response-panel__tab--selected .response-panel__edit-btn[data-v-c23cd6a6]:hover,\n.response-panel__tab--selected .response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: #fff;\n}\n.response-panel__source-tab[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--mb-tag-amber);\n  font-weight: 600;\n}\n.response-panel__source-tab i[data-v-c23cd6a6] {\n  font-size: 14px;\n}\n.response-panel__tab-text[data-v-c23cd6a6] {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.response-panel__edit-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: var(--mb-text-muted);\n}\n.response-panel__edit-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-blue);\n}\n.response-panel__delete-btn[data-v-c23cd6a6] {\n  margin-left: 8px;\n  color: var(--mb-text-muted);\n}\n.response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-red);\n}\n.response-panel__add-btn[data-v-c23cd6a6] {\n  cursor: pointer;\n  line-height: 24px;\n  padding: 0px 10px;\n  color: var(--mb-text-muted);\n  font-weight: 500;\n  background-color: var(--mb-bg-mantle);\n  border-right: 1px solid var(--mb-border-color-light);\n  border-bottom: 1px solid var(--mb-border-color-light);\n}\n.response-panel__add-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-blue);\n  background-color: var(--mb-hover-bg);\n}\n.response-panel__content[data-v-c23cd6a6] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.response-panel__toolbar[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background-color: var(--mb-bg-surface);\n  border-bottom: 1px solid var(--mb-border-color);\n  overflow-x: scroll;\n}\n.response-panel__toolbar .el-button[data-v-c23cd6a6] {\n  margin: 0;\n}\n.response-panel__readonly-badge[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n  padding: 4px 12px;\n  background-color: var(--mb-bg-mantle);\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-weight: 500;\n  height: 24px;\n  overflow: hidden;\n}\n.response-panel__readonly-badge i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__alert[data-v-c23cd6a6] {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-accent-yellow);\n}\n.response-panel__save[data-v-c23cd6a6] {\n  position: absolute;\n  top: 100px;\n  right: 20px;\n}\n.response-panel__effect-icon[data-v-c23cd6a6] {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 6px;\n  background-color: var(--mb-accent-red);\n}\n.response-panel__error-text[data-v-c23cd6a6] {\n  position: absolute;\n  top: -30px;\n  right: 0;\n  color: var(--mb-accent-red);\n  font-size: 12px;\n  white-space: nowrap;\n}\n.response-panel__dialog[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n}\n.response-panel__dialog-label[data-v-c23cd6a6] {\n  white-space: nowrap;\n}\n.response-panel__mode-selector[data-v-c23cd6a6] {\n  position: relative;\n  flex-shrink: 0;\n  margin-right: 4px;\n}\n.response-panel__mode-btn[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 24px;\n  padding: 0 10px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-bg-mantle);\n  border-right: 1px solid var(--mb-border-color-light);\n  border-bottom: 1px solid var(--mb-border-color-light);\n  cursor: pointer;\n  white-space: nowrap;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.response-panel__mode-btn .el-icon-arrow-down[data-v-c23cd6a6] {\n  font-size: 10px;\n  transition: transform 0.2s;\n}\n.response-panel__mode-btn .el-icon-arrow-down.is-rotate[data-v-c23cd6a6] {\n  transform: rotate(180deg);\n}\n.response-panel__mode-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-blue);\n  background-color: var(--mb-hover-bg);\n}\n.response-panel__mode-overlay[data-v-c23cd6a6] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99;\n}\n.response-panel__mode-dropdown[data-v-c23cd6a6] {\n  position: absolute;\n  top: 24px;\n  left: 0;\n  z-index: 100;\n  min-width: 100px;\n  background-color: var(--mb-bg-overlay);\n  border: 1px solid var(--mb-border-color-deep);\n  border-radius: 0 0 4px 4px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.response-panel__mode-option[data-v-c23cd6a6] {\n  padding: 6px 14px;\n  font-size: 12px;\n  color: var(--mb-text-secondary);\n  cursor: pointer;\n  white-space: nowrap;\n}\n.response-panel__mode-option[data-v-c23cd6a6]:hover {\n  background-color: var(--mb-bg-surface);\n  color: var(--mb-accent-blue);\n}\n.response-panel__mode-option.is-active[data-v-c23cd6a6] {\n  color: var(--mb-accent-blue);\n  font-weight: 600;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".response-panel[data-v-c23cd6a6] {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.response-panel__header[data-v-c23cd6a6] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mb-bg-mantle);\n  flex-shrink: 0;\n}\n.response-panel__header-toolbar[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n  gap: 0;\n  height: 34px;\n  border-bottom: 1px solid var(--mb-border-color);\n  padding: 0 4px 0 0;\n}\n.response-panel__version-count[data-v-c23cd6a6] {\n  margin-left: 6px;\n  font-size: 11px;\n  color: var(--mb-text-muted);\n  font-variant-numeric: tabular-nums;\n}\n.response-panel__tabs-wrapper[data-v-c23cd6a6] {\n  position: relative;\n}\n.response-panel__tabs-wrapper[data-v-c23cd6a6]::before,\n.response-panel__tabs-wrapper[data-v-c23cd6a6]::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: 36px;\n  z-index: 1;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 0.2s;\n}\n.response-panel__tabs-wrapper[data-v-c23cd6a6]::before {\n  top: 0;\n  background: linear-gradient(var(--mb-bg-mantle), transparent);\n}\n.response-panel__tabs-wrapper[data-v-c23cd6a6]::after {\n  bottom: 0;\n  background: linear-gradient(transparent, var(--mb-bg-mantle));\n}\n.response-panel__tabs-wrapper.has-top-fade[data-v-c23cd6a6]::before {\n  opacity: 1;\n}\n.response-panel__tabs-wrapper.has-bottom-fade[data-v-c23cd6a6]::after {\n  opacity: 1;\n}\n.response-panel__tabs-wrapper.is-collapsed[data-v-c23cd6a6] {\n  height: 20px;\n  overflow: hidden;\n  pointer-events: none;\n}\n.response-panel__tabs-wrapper.is-collapsed[data-v-c23cd6a6]::after {\n  opacity: 1;\n  height: 20px;\n}\n.response-panel__tabs-area[data-v-c23cd6a6] {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  gap: 5px;\n  min-width: 0;\n  padding: 5px 8px;\n  max-height: calc((30px + 5px) * 3 + 5px);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.response-panel__tabs-area[data-v-c23cd6a6]::-webkit-scrollbar {\n  width: 3px;\n}\n.response-panel__tabs-area[data-v-c23cd6a6]::-webkit-scrollbar-thumb {\n  background: var(--mb-border-color-deep);\n  border-radius: 2px;\n}\n.response-panel__tab[data-v-c23cd6a6] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  cursor: pointer;\n  height: 26px;\n  padding: 0 10px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mb-text-secondary);\n  background-color: var(--mb-bg-base);\n  border: 1px solid var(--mb-border-color-deep);\n  border-radius: 5px;\n  white-space: nowrap;\n  transition: color 0.15s, background-color 0.15s, border-color 0.15s;\n}\n.response-panel__tab[data-v-c23cd6a6]:hover:not(.response-panel__tab--selected) {\n  color: var(--mb-accent-blue);\n  border-color: var(--mb-accent-blue);\n  background-color: var(--mb-accent-blue-bg);\n}\n.response-panel__tab--selected[data-v-c23cd6a6] {\n  background-color: var(--mb-accent-blue);\n  color: #fff;\n  font-weight: 600;\n  border-color: var(--mb-accent-blue);\n}\n.response-panel__tab--selected .response-panel__source-tab[data-v-c23cd6a6] {\n  color: #fff;\n}\n.response-panel__tab--selected .response-panel__edit-btn[data-v-c23cd6a6],\n.response-panel__tab--selected .response-panel__delete-btn[data-v-c23cd6a6] {\n  color: rgba(255, 255, 255, 0.7);\n  opacity: 1;\n}\n.response-panel__tab--selected .response-panel__edit-btn[data-v-c23cd6a6]:hover,\n.response-panel__tab--selected .response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: #fff;\n}\n.response-panel__source-tab[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: var(--mb-tag-amber);\n  font-weight: 600;\n}\n.response-panel__source-tab i[data-v-c23cd6a6] {\n  font-size: 13px;\n}\n.response-panel__tab-text[data-v-c23cd6a6] {\n  display: inline-block;\n  max-width: 100px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n.response-panel__edit-btn[data-v-c23cd6a6] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s, color 0.12s;\n}\n.response-panel__edit-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-blue);\n}\n.response-panel__delete-btn[data-v-c23cd6a6] {\n  font-size: 11px;\n  color: var(--mb-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s, color 0.12s;\n}\n.response-panel__delete-btn[data-v-c23cd6a6]:hover {\n  color: var(--mb-accent-red);\n}\n.response-panel__rule-conflict-badge[data-v-c23cd6a6] {\n  font-size: 12px;\n  color: #f59e0b;\n  cursor: help;\n  flex-shrink: 0;\n}\n.response-panel__tab:hover .response-panel__edit-btn[data-v-c23cd6a6],\n.response-panel__tab:hover .response-panel__delete-btn[data-v-c23cd6a6] {\n  opacity: 1;\n}\n.response-panel__collapse-btn[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  margin-left: auto;\n  flex-shrink: 0;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-accent-blue);\n  background-color: var(--mb-accent-blue-bg);\n  border: 1px solid var(--mb-accent-blue);\n  border-radius: 4px;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.15s, background-color 0.15s;\n}\n.response-panel__collapse-btn i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__collapse-btn[data-v-c23cd6a6]:hover {\n  color: #fff;\n  background-color: var(--mb-accent-blue);\n}\n.response-panel__add-btn[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n  cursor: pointer;\n  height: 24px;\n  padding: 0 10px;\n  margin: 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-accent-blue);\n  background-color: var(--mb-accent-blue-bg);\n  border: 1px solid var(--mb-accent-blue);\n  border-radius: 4px;\n  transition: background-color 0.15s, color 0.15s;\n}\n.response-panel__add-btn i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__add-btn[data-v-c23cd6a6]:hover {\n  color: #fff;\n  background-color: var(--mb-accent-blue);\n}\n.response-panel__content[data-v-c23cd6a6] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n.response-panel__editor-wrap[data-v-c23cd6a6] {\n  position: relative;\n  flex: 1;\n  overflow: hidden;\n}\n.response-panel__toolbar[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background-color: var(--mb-bg-surface);\n  border-bottom: 1px solid var(--mb-border-color);\n  overflow-x: auto;\n}\n.response-panel__toolbar > *[data-v-c23cd6a6] {\n  flex-shrink: 0;\n}\n.response-panel__toolbar .el-button[data-v-c23cd6a6] {\n  margin: 0;\n}\n.response-panel__readonly-badge[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: auto;\n  padding: 4px 12px;\n  background-color: var(--mb-bg-mantle);\n  border-radius: 4px;\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-weight: 500;\n  height: 24px;\n  overflow: hidden;\n}\n.response-panel__readonly-badge i[data-v-c23cd6a6] {\n  font-size: 12px;\n}\n.response-panel__alert[data-v-c23cd6a6] {\n  position: absolute;\n  top: 8px;\n  right: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mb-accent-yellow);\n}\n.response-panel__save[data-v-c23cd6a6] {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  z-index: 10;\n}\n.response-panel__effect-icon[data-v-c23cd6a6] {\n  position: absolute;\n  top: -5px;\n  right: -5px;\n  display: block;\n  width: 6px;\n  height: 6px;\n  border-radius: 6px;\n  background-color: var(--mb-accent-red);\n}\n.response-panel__error-text[data-v-c23cd6a6] {\n  position: absolute;\n  top: -30px;\n  right: 0;\n  color: var(--mb-accent-red);\n  font-size: 12px;\n  white-space: nowrap;\n}\n.response-panel__dialog[data-v-c23cd6a6] {\n  display: flex;\n  align-items: center;\n}\n.response-panel__dialog-label[data-v-c23cd6a6] {\n  white-space: nowrap;\n}\n.response-panel__mode-selector[data-v-c23cd6a6] {\n  position: relative;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 8px;\n  border-right: 1px solid var(--mb-border-color);\n}\n.response-panel__mode-btn[data-v-c23cd6a6] {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  height: 24px;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #d97706;\n  background-color: #fff8ee;\n  border: 1px solid #f59e0b;\n  border-radius: 4px;\n  cursor: pointer;\n  white-space: nowrap;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition: color 0.15s, border-color 0.15s, background-color 0.15s;\n}\n.response-panel__mode-btn .el-icon-arrow-down[data-v-c23cd6a6] {\n  font-size: 12px;\n  color: #d97706;\n  font-weight: 900;\n  transition: transform 0.2s;\n}\n.response-panel__mode-btn .el-icon-arrow-down.is-rotate[data-v-c23cd6a6] {\n  transform: rotate(180deg);\n}\n.response-panel__mode-btn[data-v-c23cd6a6]:hover {\n  color: #92400e;\n  border-color: #d97706;\n  background-color: #fef3c7;\n}\n.response-panel__mode-overlay[data-v-c23cd6a6] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99;\n}\n.response-panel__mode-dropdown[data-v-c23cd6a6] {\n  position: absolute;\n  top: calc(100% + 2px);\n  left: 8px;\n  z-index: 100;\n  min-width: 100px;\n  background-color: var(--mb-bg-overlay);\n  border: 1px solid var(--mb-border-color-deep);\n  border-radius: 4px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n.response-panel__mode-option[data-v-c23cd6a6] {\n  padding: 6px 14px;\n  font-size: 12px;\n  color: var(--mb-text-secondary);\n  cursor: pointer;\n  white-space: nowrap;\n}\n.response-panel__mode-option[data-v-c23cd6a6]:hover {\n  background-color: var(--mb-bg-surface);\n  color: var(--mb-accent-blue);\n}\n.response-panel__mode-option.is-active[data-v-c23cd6a6] {\n  color: var(--mb-accent-blue);\n  font-weight: 600;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -8169,7 +8526,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_100_2_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".update-banner[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  background: #fffbe8;\n  border-bottom: 1px solid #e4e7ed;\n  font-size: 12px;\n  color: #303133;\n  flex-wrap: nowrap;\n}\n.update-banner__text[data-v-7b8cce48] {\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.update-banner__text strong[data-v-7b8cce48] {\n  font-weight: 600;\n}\n.update-banner__cmd[data-v-7b8cce48] {\n  flex: 1;\n  min-width: 0;\n  padding: 2px 6px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #f4f4f4;\n  color: #d93025;\n  font-family: monospace;\n  font-size: 11px;\n  outline: none;\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.update-banner__install[data-v-7b8cce48] {\n  flex-shrink: 0;\n  height: 22px;\n  padding: 0 10px;\n  border: 1px solid #409eff;\n  border-radius: 3px;\n  background: #fff;\n  color: #409eff;\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.update-banner__install[data-v-7b8cce48]:hover {\n  background: #ecf5ff;\n}\n.update-banner__install[data-v-7b8cce48]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.update-banner__copy[data-v-7b8cce48] {\n  flex-shrink: 0;\n  height: 22px;\n  padding: 0 10px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #fff;\n  color: #303133;\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.update-banner__copy[data-v-7b8cce48]:hover {\n  background: #f5f7fa;\n}\n.update-banner__close[data-v-7b8cce48] {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #fff;\n  color: #909399;\n  font-size: 13px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.update-banner__close[data-v-7b8cce48]:hover {\n  background: #f5f7fa;\n  color: #303133;\n}\n.plugin-header[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 12px;\n  background: var(--mb-header-bg);\n  border-bottom: 1px solid var(--mb-border-color);\n  min-height: 36px;\n}\n.plugin-header__left[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.plugin-header__right[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n}\n.plugin-header__name[data-v-7b8cce48] {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mb-text-primary);\n  letter-spacing: 0.5px;\n  flex-shrink: 0;\n}\n.plugin-header__status--on[data-v-7b8cce48] {\n  font-size: 13px;\n  color: var(--mb-accent-green);\n  font-weight: 500;\n}\n.plugin-header__status--off[data-v-7b8cce48] {\n  font-size: 13px;\n  color: var(--mb-accent-red);\n  font-weight: 500;\n}\n.plugin-header__version[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  letter-spacing: 0.3px;\n  padding: 2px 6px;\n  background: var(--mb-bg-surface);\n  border-radius: 3px;\n}\n.plugin-header__help-btn[data-v-7b8cce48] {\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  font-size: 16px;\n  color: var(--mb-text-muted);\n}\n.plugin-header__help-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n}\n.plugin-header__theme-btn[data-v-7b8cce48],\n.plugin-header__refresh-btn[data-v-7b8cce48],\n.plugin-header__more-btn[data-v-7b8cce48],\n.plugin-header__float-btn[data-v-7b8cce48] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0 4px;\n  font-size: 16px;\n  line-height: 1;\n  box-sizing: content-box;\n  margin-left: 0 !important;\n}\n.plugin-header__theme-btn[data-v-7b8cce48]:hover,\n.plugin-header__refresh-btn[data-v-7b8cce48]:hover,\n.plugin-header__more-btn[data-v-7b8cce48]:hover,\n.plugin-header__float-btn[data-v-7b8cce48]:hover {\n  opacity: 0.75;\n}\n.plugin-header__theme-btn[data-v-7b8cce48] {\n  color: var(--mb-text-secondary);\n}\n.plugin-header__refresh-btn[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n}\n.plugin-header__refresh-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__more-btn[data-v-7b8cce48] {\n  color: #606266;\n}\n.plugin-header__more-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__float-btn[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n}\n.plugin-header__float-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__float-btn.is-active[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n}\n.help-dialog__content[data-v-7b8cce48] {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--mb-text-primary);\n}\n.help-dialog__content p[data-v-7b8cce48] {\n  margin: 0 0 12px;\n}\n.help-section__title[data-v-7b8cce48] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mb-accent-blue);\n  margin: 16px 0 8px;\n  padding-left: 8px;\n  border-left: 3px solid var(--mb-accent-blue);\n}\n.help-section__title[data-v-7b8cce48]:first-child {\n  margin-top: 0;\n}\n.help-step[data-v-7b8cce48] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.help-step__num[data-v-7b8cce48] {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  background: var(--mb-accent-blue);\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 700;\n  margin-top: 1px;\n}\n.help-table[data-v-7b8cce48] {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 8px;\n}\n.help-table td[data-v-7b8cce48] {\n  padding: 6px 10px;\n  border: 1px solid var(--mb-border-color);\n  font-size: 13px;\n}\n.help-table td[data-v-7b8cce48]:first-child {\n  width: 100px;\n  background: var(--mb-bg-surface);\n  white-space: nowrap;\n}\n.help-code[data-v-7b8cce48] {\n  background: var(--mb-bg-surface);\n  border: 1px solid var(--mb-border-color);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-family: monospace;\n  font-size: 13px;\n  color: var(--mb-text-secondary);\n  line-height: 1.9;\n  margin: 0 0 8px;\n  white-space: pre-wrap;\n}\n.help-dialog__content ul[data-v-7b8cce48] {\n  padding-left: 20px;\n  margin: 0 0 8px;\n}\n.help-dialog__content ul li[data-v-7b8cce48] {\n  margin-bottom: 4px;\n}\n.action-panel[data-v-7b8cce48] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mb-bg-base);\n  border-bottom: 1px solid var(--mb-border-color-deep);\n}\n.action-panel__row[data-v-7b8cce48] {\n  display: flex;\n  padding: 10px;\n  align-items: flex-start;\n  gap: 16px;\n}\n.action-panel__search[data-v-7b8cce48] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.action-panel__actions[data-v-7b8cce48] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.action-panel__rules-row[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 12px;\n  padding: 6px 12px;\n  background: var(--mb-bg-surface);\n  border-top: 1px solid var(--mb-border-color);\n}\n.action-panel .plugin-mode-wrapper[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.action-panel .plugin-mode-wrapper .plugin-mode-label[data-v-7b8cce48] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mb-text-secondary);\n  white-space: nowrap;\n}\n.action-panel__item[data-v-7b8cce48] {\n  font-size: 14px;\n}\n.action-panel__label[data-v-7b8cce48] {\n  font-size: 14px;\n  font-weight: 500;\n  margin-right: 10px;\n}\n.action-panel__select[data-v-7b8cce48] {\n  width: 180px;\n}\n.action-panel__select--method[data-v-7b8cce48] {\n  width: 120px;\n}\n.action-panel__select--status[data-v-7b8cce48] {\n  width: 160px;\n}\n.action-panel__input[data-v-7b8cce48] {\n  width: 220px;\n}\n.action-panel__tooltip[data-v-7b8cce48] {\n  flex-shrink: 0;\n}\n.action-panel__selection-count[data-v-7b8cce48] {\n  font-weight: 600;\n  flex-shrink: 0;\n}\n.action-panel__result-count[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.action-panel__result-text[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-weight: 400;\n  white-space: nowrap;\n}\n.action-panel__cache-badge[data-v-7b8cce48] {\n  flex-shrink: 0;\n}\n.export-group-selector .selector-header[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.export-group-selector .selector-header .selector-title[data-v-7b8cce48] {\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n  font-weight: 500;\n}\n.export-group-selector .group-checkbox-list[data-v-7b8cce48] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] {\n  padding: 12px;\n  border: 1px solid var(--mb-border-color-deep);\n  border-radius: 4px;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48]:hover {\n  border-color: var(--mb-accent-blue);\n  background: var(--mb-accent-blue-bg);\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox .el-checkbox__input {\n  margin-top: 2px;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox .el-checkbox__label {\n  flex: 1;\n  padding-left: 8px;\n  width: 0;\n}\n.export-group-selector .group-checkbox-list .group-info[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n.export-group-selector .group-checkbox-list .group-info .group-name[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mb-text-primary);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.export-group-selector .group-checkbox-list .group-info .group-meta[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.export-group-selector .export-summary[data-v-7b8cce48] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mb-border-color);\n  text-align: center;\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n}\n.export-group-selector .export-summary strong[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n  font-size: 16px;\n}\n.active-rules-text[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: help;\n  padding: 3px 8px;\n  background: var(--mb-bg-surface);\n  border-radius: 4px;\n  min-width: 0;\n  flex: 1;\n}\n.active-rules-text[data-v-7b8cce48]:hover {\n  background: var(--mb-accent-blue-bg);\n  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);\n}\n.active-rules-text .rules-label[data-v-7b8cce48] {\n  color: var(--mb-text-secondary);\n  font-weight: 500;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.active-rules-text .rules-value[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n  font-family: monospace;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.active-rules-text .rules-empty[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n  font-style: italic;\n}\n.rules-help-content[data-v-7b8cce48] {\n  max-width: 500px;\n  padding: 4px 0;\n  line-height: 1.6;\n  font-size: 13px;\n  color: #fff;\n  text-align: left;\n}\n.import-preview__header[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.import-preview__info[data-v-7b8cce48] {\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n}\n.import-preview__actions[data-v-7b8cce48] {\n  display: flex;\n  gap: 8px;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".update-banner[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  background: #fffbe8;\n  border-bottom: 1px solid #e4e7ed;\n  font-size: 12px;\n  color: #303133;\n  flex-wrap: nowrap;\n}\n.update-banner__text[data-v-7b8cce48] {\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.update-banner__text strong[data-v-7b8cce48] {\n  font-weight: 600;\n}\n.update-banner__cmd[data-v-7b8cce48] {\n  flex: 1;\n  min-width: 0;\n  padding: 2px 6px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #f4f4f4;\n  color: #d93025;\n  font-family: monospace;\n  font-size: 11px;\n  outline: none;\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.update-banner__install[data-v-7b8cce48] {\n  flex-shrink: 0;\n  height: 22px;\n  padding: 0 10px;\n  border: 1px solid #409eff;\n  border-radius: 3px;\n  background: #fff;\n  color: #409eff;\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.update-banner__install[data-v-7b8cce48]:hover {\n  background: #ecf5ff;\n}\n.update-banner__install[data-v-7b8cce48]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n.update-banner__copy[data-v-7b8cce48] {\n  flex-shrink: 0;\n  height: 22px;\n  padding: 0 10px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #fff;\n  color: #303133;\n  font-size: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.update-banner__copy[data-v-7b8cce48]:hover {\n  background: #f5f7fa;\n}\n.update-banner__close[data-v-7b8cce48] {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  border: 1px solid #dcdfe6;\n  border-radius: 3px;\n  background: #fff;\n  color: #909399;\n  font-size: 13px;\n  line-height: 1;\n  cursor: pointer;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.update-banner__close[data-v-7b8cce48]:hover {\n  background: #f5f7fa;\n  color: #303133;\n}\n.plugin-header[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 6px 12px;\n  background: var(--mb-header-bg);\n  border-bottom: 1px solid var(--mb-border-color);\n  min-height: 36px;\n}\n.plugin-header__left[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.plugin-header__right[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n}\n.plugin-header__name[data-v-7b8cce48] {\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--mb-text-primary);\n  letter-spacing: 0.5px;\n  flex-shrink: 0;\n}\n.plugin-header__status--on[data-v-7b8cce48] {\n  font-size: 13px;\n  color: var(--mb-accent-green);\n  font-weight: 500;\n}\n.plugin-header__status--off[data-v-7b8cce48] {\n  font-size: 13px;\n  color: var(--mb-accent-red);\n  font-weight: 500;\n}\n.plugin-header__version[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  letter-spacing: 0.3px;\n  padding: 2px 6px;\n  background: var(--mb-bg-surface);\n  border-radius: 3px;\n}\n.plugin-header__help-btn[data-v-7b8cce48] {\n  padding: 0;\n  width: 22px;\n  height: 22px;\n  font-size: 16px;\n  color: var(--mb-text-muted);\n}\n.plugin-header__help-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n}\n.plugin-header__theme-btn[data-v-7b8cce48],\n.plugin-header__refresh-btn[data-v-7b8cce48],\n.plugin-header__more-btn[data-v-7b8cce48],\n.plugin-header__float-btn[data-v-7b8cce48] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0 4px;\n  font-size: 16px;\n  line-height: 1;\n  box-sizing: content-box;\n  margin-left: 0 !important;\n}\n.plugin-header__theme-btn[data-v-7b8cce48]:hover,\n.plugin-header__refresh-btn[data-v-7b8cce48]:hover,\n.plugin-header__more-btn[data-v-7b8cce48]:hover,\n.plugin-header__float-btn[data-v-7b8cce48]:hover {\n  opacity: 0.75;\n}\n.plugin-header__theme-btn[data-v-7b8cce48] {\n  color: var(--mb-text-secondary);\n}\n.plugin-header__refresh-btn[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n}\n.plugin-header__refresh-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__more-btn[data-v-7b8cce48] {\n  color: #606266;\n}\n.plugin-header__more-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__float-btn[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n}\n.plugin-header__float-btn[data-v-7b8cce48]:hover {\n  color: var(--mb-accent-blue);\n  opacity: 1;\n}\n.plugin-header__float-btn.is-active[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n}\n.help-dialog__content[data-v-7b8cce48] {\n  font-size: 14px;\n  line-height: 1.8;\n  color: var(--mb-text-primary);\n}\n.help-dialog__content p[data-v-7b8cce48] {\n  margin: 0 0 12px;\n}\n.help-section__title[data-v-7b8cce48] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mb-accent-blue);\n  margin: 16px 0 8px;\n  padding-left: 8px;\n  border-left: 3px solid var(--mb-accent-blue);\n}\n.help-section__title[data-v-7b8cce48]:first-child {\n  margin-top: 0;\n}\n.help-step[data-v-7b8cce48] {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.help-step__num[data-v-7b8cce48] {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  background: var(--mb-accent-blue);\n  color: #fff;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 700;\n  margin-top: 1px;\n}\n.help-table[data-v-7b8cce48] {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 8px;\n}\n.help-table td[data-v-7b8cce48] {\n  padding: 6px 10px;\n  border: 1px solid var(--mb-border-color);\n  font-size: 13px;\n}\n.help-table td[data-v-7b8cce48]:first-child {\n  width: 100px;\n  background: var(--mb-bg-surface);\n  white-space: nowrap;\n}\n.help-code[data-v-7b8cce48] {\n  background: var(--mb-bg-surface);\n  border: 1px solid var(--mb-border-color);\n  border-radius: 4px;\n  padding: 10px 14px;\n  font-family: monospace;\n  font-size: 13px;\n  color: var(--mb-text-secondary);\n  line-height: 1.9;\n  margin: 0 0 8px;\n  white-space: pre-wrap;\n}\n.help-dialog__content ul[data-v-7b8cce48] {\n  padding-left: 20px;\n  margin: 0 0 8px;\n}\n.help-dialog__content ul li[data-v-7b8cce48] {\n  margin-bottom: 4px;\n}\n.action-panel[data-v-7b8cce48] {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--mb-bg-base);\n  border-bottom: 1px solid var(--mb-border-color-deep);\n}\n.action-panel__row[data-v-7b8cce48] {\n  display: flex;\n  padding: 10px;\n  align-items: flex-start;\n  gap: 16px;\n}\n.action-panel__search[data-v-7b8cce48] {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n.action-panel__actions[data-v-7b8cce48] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.action-panel__rules-row[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 6px 12px;\n  padding: 6px 12px;\n  background: var(--mb-bg-surface);\n  border-top: 1px solid var(--mb-border-color);\n}\n.action-panel .plugin-mode-wrapper[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n.action-panel .plugin-mode-wrapper .plugin-mode-label[data-v-7b8cce48] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mb-text-secondary);\n  white-space: nowrap;\n}\n.action-panel__item[data-v-7b8cce48] {\n  font-size: 14px;\n}\n.action-panel__label[data-v-7b8cce48] {\n  font-size: 14px;\n  font-weight: 500;\n  margin-right: 10px;\n}\n.action-panel__select[data-v-7b8cce48] {\n  width: 180px;\n}\n.action-panel__select--method[data-v-7b8cce48] {\n  width: 120px;\n}\n.action-panel__select--status[data-v-7b8cce48] {\n  width: 160px;\n}\n.action-panel__input[data-v-7b8cce48] {\n  width: 220px;\n}\n.action-panel__tooltip[data-v-7b8cce48] {\n  flex-shrink: 0;\n}\n.action-panel__selection-count[data-v-7b8cce48] {\n  font-weight: 600;\n  flex-shrink: 0;\n}\n.action-panel__result-count[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.action-panel__result-text[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  font-weight: 400;\n  white-space: nowrap;\n}\n.action-panel__cache-badge[data-v-7b8cce48] {\n  flex-shrink: 0;\n}\n.export-group-selector .selector-header[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.export-group-selector .selector-header .selector-title[data-v-7b8cce48] {\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n  font-weight: 500;\n}\n.export-group-selector .group-checkbox-list[data-v-7b8cce48] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  max-height: 300px;\n  overflow-y: auto;\n  padding: 8px 0;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] {\n  padding: 12px;\n  border: 1px solid var(--mb-border-color-deep);\n  border-radius: 4px;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48]:hover {\n  border-color: var(--mb-accent-blue);\n  background: var(--mb-accent-blue-bg);\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox .el-checkbox__input {\n  margin-top: 2px;\n}\n.export-group-selector .group-checkbox-list .group-checkbox-item[data-v-7b8cce48] .el-checkbox .el-checkbox__label {\n  flex: 1;\n  padding-left: 8px;\n  width: 0;\n}\n.export-group-selector .group-checkbox-list .group-info[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n.export-group-selector .group-checkbox-list .group-info .group-name[data-v-7b8cce48] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mb-text-primary);\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.export-group-selector .group-checkbox-list .group-info .group-meta[data-v-7b8cce48] {\n  font-size: 12px;\n  color: var(--mb-text-muted);\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.export-group-selector .export-summary[data-v-7b8cce48] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--mb-border-color);\n  text-align: center;\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n}\n.export-group-selector .export-summary strong[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n  font-size: 16px;\n}\n.active-rules-text[data-v-7b8cce48] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n  cursor: help;\n  padding: 3px 8px;\n  background: var(--mb-bg-surface);\n  border-radius: 4px;\n  flex-shrink: 0;\n}\n.active-rules-text[data-v-7b8cce48]:hover {\n  background: var(--mb-accent-blue-bg);\n  box-shadow: 0 2px 8px rgba(64, 158, 255, 0.15);\n}\n.active-rules-text .rules-label[data-v-7b8cce48] {\n  color: var(--mb-text-secondary);\n  font-weight: 500;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.active-rules-text .rules-value[data-v-7b8cce48] {\n  color: var(--mb-accent-blue);\n  font-family: monospace;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.active-rules-text .rules-empty[data-v-7b8cce48] {\n  color: var(--mb-text-muted);\n  font-style: italic;\n}\n.rules-help-content[data-v-7b8cce48] {\n  max-width: 500px;\n  padding: 4px 0;\n  line-height: 1.6;\n  font-size: 13px;\n  color: #fff;\n  text-align: left;\n}\n.import-preview__header[data-v-7b8cce48] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mb-border-color);\n}\n.import-preview__info[data-v-7b8cce48] {\n  font-size: 14px;\n  color: var(--mb-text-secondary);\n}\n.import-preview__actions[data-v-7b8cce48] {\n  display: flex;\n  gap: 8px;\n}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);