@tanzerfe/page-use 0.0.8 → 0.0.10

package/dist/{index-BOXzkiXG.d.mts → index-DAwlbs2a.d.mts}

@@ -363,9 +363,19 @@ declare function createPageUse(options: PageUseOptions): PageUseHandle;
 //#endregion
 //#region src/ui/launcher.d.ts
 declare const PAGE_USE_LAUNCHER_TAG = "tz-page-use-launcher";
+/**
+ * 面板布局：
+ * - `desktop`（默认）：可拖动的浮动窗口，展开位置由入口按钮所在角推导；
+ * - `mobile`：贴底的移动端面板，宽度占满视口、高度约七成视口，位置不可拖动。
+ *
+ * 由宿主显式声明，不按视口尺寸或 UA 自动判断：同一页面可能既有窄屏也有宽屏使用场景。
+ */
+type PageUseLauncherLayout = 'desktop' | 'mobile';
 interface PageUseLauncherConfig {
   /** 入口与面板标题，默认 'Page Use' */
   title?: string;
+  /** 面板布局，默认 'desktop'（与未声明该配置的旧版本行为一致） */
+  layout?: PageUseLauncherLayout;
   /** 追加到「常用」分组的快捷指令（排在菜单生成的「打开 XX」与通用示例之后） */
   presets?: PageUsePreset[];
   /** 「复杂场景」分组的快捷指令；为空时不显示该分组 */
@@ -432,7 +442,26 @@ declare class PageUseLauncherElement extends LitElement {
   private fabFromWidth;
   /** 进行中宽度过渡的结束回调注销函数；过渡中再次切换时先注销，避免旧回调提前清除宽度 */
   private fabWidthCleanup;
+  /** 本次入口手势是否已判定为拖动。指针捕获会把手势结束后浏览器补发的 click 重定向到入口，该 click 不是点击意图，不得展开面板。 */
+  private fabDragged;
+  /**
+   * 移动端面板的纵向位移（px，0 为贴底原位）。跟手期间由指针事件直写样式，不进入响应式状态：
+   * 每帧触发模板重渲染会带来不必要的开销，且重渲染写 style 属性会覆盖内联位移。
+   * 也不写入设置，位移不持久化。
+   */
+  private sheetOffsetY;
+  /** 本次下拉手势的纵向位移采样，用于松手判定与速度计算 */
+  private sheetSamples;
+  /** 进行中的面板位移动效的取消函数；调用后等待中的收起流程会中止 */
+  private sheetAnimCancel;
   private cleanups;
+  /** 生效的面板布局：未声明或取值非法时按桌面端处理，既有接入方的行为不变 */
+  private get isMobileLayout();
+  /**
+   * 下达指令后是否自动收起面板：仅移动端布局生效，默认开启，可在设置页关闭。
+   * 桌面端不提供该行为，也不显示设置项，存储中被改过的值在桌面端不生效。
+   */
+  private get collapseOnRun();
   private get fabEl();
   private get panelEl();
   private get logEl();
@@ -468,10 +497,26 @@ declare class PageUseLauncherElement extends LitElement {
   private resolvePanelAnchor;
   /** 未拖动过时用默认角落定位，拖动后切换为 left/top */
   private fabStyle;
-  /** 面板位置完全由入口位置推导，展开时与入口重合于同一角 */
+  /**
+   * 面板位置完全由入口位置推导，展开时与入口重合于同一角。
+   * 移动端不使用内联几何：位置与尺寸由 styles.ts 的 .panel.mobile 决定（贴底、占满宽度）。
+   */
   private panelStyle;
   /** 调试入口是否显示：持久化状态优先，未操作过时跟随宿主 defaultHidden */
   private isVisible;
+  /**
+   * 入口按下：先清掉上一次手势遗留的拖动标记，本次是否为拖动由 fabDrag 判定。
+   * 必须挂在 pointerdown 最前面，否则拖动未补发 click 时标记会残留到下一次真实点击。
+   */
+  private onFabPointerDown;
+  /**
+   * 入口点击展开。
+   * 展开动作挂在 click 而非 pointerup：fabDrag 对手势调用 preventDefault 后浏览器没有 mousedown / mouseup 目标，
+   * 会在 pointerup 之后按当时坐标重新命中测试补发一次 click；若 pointerup 时面板已展开，
+   * 这次 click 就落在与入口重叠的面板底部控件上（「执行」「重跑」或快捷指令胶囊），造成误触提交。
+   * 由入口自身消费这次 click，即不再有穿透。
+   */
+  private onFabClick;
   /** 展开面板（showPageUseLauncher 调用）：等入口按新的显示状态渲染后再测量定位 */
   private expand;
   /** 关闭调试入口：收起面板并持久化隐藏状态，之后需调用显示方法或 URL 参数调出 */
@@ -483,7 +528,31 @@ declare class PageUseLauncherElement extends LitElement {
   /** 在面板内显示轻提示，TOAST_DURATION_MS 后自动消失；连续触发时以最后一次为准并重新计时 */
   private showToast;
   private clearHistory;
+  /**
+   * 收起面板为浮动入口。移动端先向下滑出视口再隐藏，滑出期间面板不拦截页面点击——
+   * 「执行后自动收起」时页面上紧接着就是 agent 的操作，动画不能挡住它。
+   * 系统关闭动态效果（过渡时长为 0）时直接隐藏，不做动效。
+   */
   private collapse;
+  /** 面板过渡被禁用时为 true：系统「减少动态效果」或样式未生效，此时直接切换状态 */
+  private sheetMotionDisabled;
+  /** 写入面板纵向位移；0 表示回到贴底原位 */
+  private setSheetOffset;
+  /** 清除位移与内联过渡：先关过渡再清位移，避免清除动作本身被过渡动画化 */
+  private resetSheetStyles;
+  /** 取消进行中的位移动效并让面板回到原位；等待中的收起流程因取消而中止 */
+  private cancelSheetAnimation;
+  /**
+   * 把面板位移过渡到目标值，返回是否走到终点（被 cancelSheetAnimation 取消时为 false）。
+   * 过渡事件缺失（元素被隐藏、标签页切到后台）时由定时器兜底结束，面板不停在半途。
+   */
+  private sheetTransition;
+  /** 下拉手势开始：终止进行中的动效，并关闭过渡让面板直接跟手 */
+  private beginSheetGesture;
+  /** 跟手位移：只认纵向占优的向下拖动；上滑与横向拖动不移动面板（面板没有第二档高度可展开） */
+  private onSheetDragMove;
+  /** 松手：按位移或速度判定收起，否则回弹归位 */
+  private onSheetDragEnd;
   /** tourStyle：快捷指令携带的讲解风格；输入框提交时不传，按面板设置与宿主默认 */
   private submit;
   private applyPreset;
@@ -510,6 +579,10 @@ declare class PageUseLauncherElement extends LitElement {
   private renderChips;
   /** 分组顺序：我的 → 常用 → 复杂场景；空分组不显示，全部为空时提示去设置中维护 */
   private renderPresetGroups;
+  /**
+   * checked 为复选框的显示状态，默认取存储值。
+   * 「未设置时按布局取默认」的设置项（如 autoCollapseOnRun）需要传生效值，否则未操作过时显示与生效状态不一致。
+   */
   private renderCheckbox;
   private renderSettings;
   /** 打开表单：id 为 null 时新增，否则编辑该条；替换当前未保存的草稿 */
@@ -719,6 +792,11 @@ interface PageUseSettings {
    * null 表示从未操作过，跟随宿主 PageUseLauncherConfig.defaultHidden。
    */
   launcherVisible: boolean | null;
+  /**
+   * 面板内下达指令后是否自动收起面板（收起为浮动入口，从入口查看执行进度）。
+   * 仅移动端布局生效；null 表示从未操作过，按默认开启处理。桌面端不显示该设置项，值也不生效。
+   */
+  autoCollapseOnRun: boolean | null;
   /** 浮动入口位置（null = 默认右下角）；面板展开时以入口为锚点定位，不单独存位置 */
   fabPos: PageUsePoint | null;
 }
@@ -858,4 +936,4 @@ declare const PAGE_USE_MASK_COLORS: {
   readonly warning: "#fa8c16";
 };
 //#endregion
-export { NormalizedPageUseOptions as $, PageUseGlobal as A, MountPageUseUIOptions as B, getElapsedSeconds as C, PageUseTaskSource as Ct, pageUseStore as D, isRunning as E, PAGE_USE_TOOL_NAME as F, PageUseLauncherElement as G, mountPageUseUI as H, PageUseCommand as I, DEFAULT_MAX_STEPS as J, PageUseHandle as K, formatPageUseResultForModel as L, showPageUseLauncher as M, PAGE_USE_COMMAND_TYPE as N, ReadonlyStore as O, PAGE_USE_TOOL as P, DEFAULT_TOUR_MAX_TAB_SWITCHES as Q, isPageUseCommand as R, clearPageUseLog as S, PageUseTaskResult as St, isPageUseConfigured as T, PAGE_USE_LAUNCHER_TAG as U, definePageUseElements as V, PageUseLauncherConfig as W, DEFAULT_SESSION_HEADER as X, DEFAULT_MODEL as Y, DEFAULT_STORAGE_KEY_PREFIX as Z, pageUseSettings as _, PageUsePreset as _t, PAGE_USE_ROBOT_ICON_SVG as a, readLauncherSwitch as at, PageUseQuestion as b, PageUseSnapshot as bt, PageUseCustomPreset as c, PageUseTtsVoice as ct, pageUsePresets as d, TOUR_STYLE_TRAINER as dt, PageUseLLMOptions as et, PageUseHistoryEntry as f, TOUR_STYLE_USER as ft, PageUseSettings as g, PageUseMenuNode as gt, PageUsePoint as h, PageUseErrorCode as ht, PageUseGlowElement as i, normalizeOptions as it, hidePageUseLauncher as j, PAGE_USE_GLOBAL_KEY as k, PageUsePresetSaveResult as l, DEFAULT_TOUR_STYLES as lt, DEFAULT_PAGE_USE_SETTINGS as m, pageUseCapability as mt, SIMULATOR_MASK_ID as n, PageUseRouterMode as nt, PAGE_USE_STATIC_PRESETS as o, PageUseTtsEngine as ot, pageUseHistory as p, PageUseCapability as pt, createPageUse as q, PAGE_USE_GLOW_TAG as r, PageUseTourOptions as rt, buildMenuPresets as s, PageUseTtsSpeakOptions as st, PAGE_USE_MASK_COLORS as t, PageUseOptions as tt, PageUsePresetState as u, PageUseTourStyle as ut, BROWSER_ENGINE_ID as v, PageUseProgressEvent as vt, getPageUseConfig as w, PageUseTaskStatus as wt, PageUseState as x, PageUseStepLog as xt, browserTtsEngine as y, PageUseRunOptions as yt, runPageUseTool as z };
+export { DEFAULT_TOUR_MAX_TAB_SWITCHES as $, PageUseGlobal as A, MountPageUseUIOptions as B, getElapsedSeconds as C, PageUseTaskResult as Ct, pageUseStore as D, isRunning as E, PAGE_USE_TOOL_NAME as F, PageUseLauncherElement as G, mountPageUseUI as H, PageUseCommand as I, createPageUse as J, PageUseLauncherLayout as K, formatPageUseResultForModel as L, showPageUseLauncher as M, PAGE_USE_COMMAND_TYPE as N, ReadonlyStore as O, PAGE_USE_TOOL as P, DEFAULT_STORAGE_KEY_PREFIX as Q, isPageUseCommand as R, clearPageUseLog as S, PageUseStepLog as St, isPageUseConfigured as T, PageUseTaskStatus as Tt, PAGE_USE_LAUNCHER_TAG as U, definePageUseElements as V, PageUseLauncherConfig as W, DEFAULT_MODEL as X, DEFAULT_MAX_STEPS as Y, DEFAULT_SESSION_HEADER as Z, pageUseSettings as _, PageUseMenuNode as _t, PAGE_USE_ROBOT_ICON_SVG as a, normalizeOptions as at, PageUseQuestion as b, PageUseRunOptions as bt, PageUseCustomPreset as c, PageUseTtsSpeakOptions as ct, pageUsePresets as d, PageUseTourStyle as dt, NormalizedPageUseOptions as et, PageUseHistoryEntry as f, TOUR_STYLE_TRAINER as ft, PageUseSettings as g, PageUseErrorCode as gt, PageUsePoint as h, pageUseCapability as ht, PageUseGlowElement as i, PageUseTourOptions as it, hidePageUseLauncher as j, PAGE_USE_GLOBAL_KEY as k, PageUsePresetSaveResult as l, PageUseTtsVoice as lt, DEFAULT_PAGE_USE_SETTINGS as m, PageUseCapability as mt, SIMULATOR_MASK_ID as n, PageUseOptions as nt, PAGE_USE_STATIC_PRESETS as o, readLauncherSwitch as ot, pageUseHistory as p, TOUR_STYLE_USER as pt, PageUseHandle as q, PAGE_USE_GLOW_TAG as r, PageUseRouterMode as rt, buildMenuPresets as s, PageUseTtsEngine as st, PAGE_USE_MASK_COLORS as t, PageUseLLMOptions as tt, PageUsePresetState as u, DEFAULT_TOUR_STYLES as ut, BROWSER_ENGINE_ID as v, PageUsePreset as vt, getPageUseConfig as w, PageUseTaskSource as wt, PageUseState as x, PageUseSnapshot as xt, browserTtsEngine as y, PageUseProgressEvent as yt, runPageUseTool as z };

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { $ as NormalizedPageUseOptions, A as PageUseGlobal, B as MountPageUseUIOptions, C as getElapsedSeconds, Ct as PageUseTaskSource, D as pageUseStore, E as isRunning, F as PAGE_USE_TOOL_NAME, G as PageUseLauncherElement, H as mountPageUseUI, I as PageUseCommand, J as DEFAULT_MAX_STEPS, K as PageUseHandle, L as formatPageUseResultForModel, M as showPageUseLauncher, N as PAGE_USE_COMMAND_TYPE, O as ReadonlyStore, P as PAGE_USE_TOOL, Q as DEFAULT_TOUR_MAX_TAB_SWITCHES, R as isPageUseCommand, S as clearPageUseLog, St as PageUseTaskResult, T as isPageUseConfigured, U as PAGE_USE_LAUNCHER_TAG, V as definePageUseElements, W as PageUseLauncherConfig, X as DEFAULT_SESSION_HEADER, Y as DEFAULT_MODEL, Z as DEFAULT_STORAGE_KEY_PREFIX, _ as pageUseSettings, _t as PageUsePreset, a as PAGE_USE_ROBOT_ICON_SVG, at as readLauncherSwitch, b as PageUseQuestion, bt as PageUseSnapshot, c as PageUseCustomPreset, ct as PageUseTtsVoice, d as pageUsePresets, dt as TOUR_STYLE_TRAINER, et as PageUseLLMOptions, f as PageUseHistoryEntry, ft as TOUR_STYLE_USER, g as PageUseSettings, gt as PageUseMenuNode, h as PageUsePoint, ht as PageUseErrorCode, i as PageUseGlowElement, it as normalizeOptions, j as hidePageUseLauncher, k as PAGE_USE_GLOBAL_KEY, l as PageUsePresetSaveResult, lt as DEFAULT_TOUR_STYLES, m as DEFAULT_PAGE_USE_SETTINGS, mt as pageUseCapability, n as SIMULATOR_MASK_ID, nt as PageUseRouterMode, o as PAGE_USE_STATIC_PRESETS, ot as PageUseTtsEngine, p as pageUseHistory, pt as PageUseCapability, q as createPageUse, r as PAGE_USE_GLOW_TAG, rt as PageUseTourOptions, s as buildMenuPresets, st as PageUseTtsSpeakOptions, t as PAGE_USE_MASK_COLORS, tt as PageUseOptions, u as PageUsePresetState, ut as PageUseTourStyle, v as BROWSER_ENGINE_ID, vt as PageUseProgressEvent, w as getPageUseConfig, wt as PageUseTaskStatus, x as PageUseState, xt as PageUseStepLog, y as browserTtsEngine, yt as PageUseRunOptions, z as runPageUseTool } from "./index-BOXzkiXG.mjs";
-export { BROWSER_ENGINE_ID, DEFAULT_MAX_STEPS, DEFAULT_MODEL, DEFAULT_PAGE_USE_SETTINGS, DEFAULT_SESSION_HEADER, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_TOUR_MAX_TAB_SWITCHES, DEFAULT_TOUR_STYLES, type MountPageUseUIOptions, type NormalizedPageUseOptions, PAGE_USE_COMMAND_TYPE, PAGE_USE_GLOBAL_KEY, PAGE_USE_GLOW_TAG, PAGE_USE_LAUNCHER_TAG, PAGE_USE_MASK_COLORS, PAGE_USE_ROBOT_ICON_SVG, PAGE_USE_STATIC_PRESETS, PAGE_USE_TOOL, PAGE_USE_TOOL_NAME, type PageUseCapability, type PageUseCommand, type PageUseCustomPreset, type PageUseErrorCode, type PageUseGlobal, PageUseGlowElement, type PageUseHandle, type PageUseHistoryEntry, type PageUseLLMOptions, type PageUseLauncherConfig, PageUseLauncherElement, type PageUseMenuNode, type PageUseOptions, type PageUsePoint, type PageUsePreset, type PageUsePresetSaveResult, type PageUsePresetState, type PageUseProgressEvent, type PageUseQuestion, type PageUseRouterMode, type PageUseRunOptions, type PageUseSettings, type PageUseSnapshot, type PageUseState, type PageUseStepLog, type PageUseTaskResult, type PageUseTaskSource, type PageUseTaskStatus, type PageUseTourOptions, type PageUseTourStyle, type PageUseTtsEngine, type PageUseTtsSpeakOptions, type PageUseTtsVoice, type ReadonlyStore, SIMULATOR_MASK_ID, TOUR_STYLE_TRAINER, TOUR_STYLE_USER, browserTtsEngine, buildMenuPresets, clearPageUseLog, createPageUse, definePageUseElements, formatPageUseResultForModel, getElapsedSeconds, getPageUseConfig, hidePageUseLauncher, isPageUseCommand, isPageUseConfigured, isRunning, mountPageUseUI, normalizeOptions, pageUseCapability, pageUseHistory, pageUsePresets, pageUseSettings, pageUseStore, readLauncherSwitch, runPageUseTool, showPageUseLauncher };
+import { $ as DEFAULT_TOUR_MAX_TAB_SWITCHES, A as PageUseGlobal, B as MountPageUseUIOptions, C as getElapsedSeconds, Ct as PageUseTaskResult, D as pageUseStore, E as isRunning, F as PAGE_USE_TOOL_NAME, G as PageUseLauncherElement, H as mountPageUseUI, I as PageUseCommand, J as createPageUse, K as PageUseLauncherLayout, L as formatPageUseResultForModel, M as showPageUseLauncher, N as PAGE_USE_COMMAND_TYPE, O as ReadonlyStore, P as PAGE_USE_TOOL, Q as DEFAULT_STORAGE_KEY_PREFIX, R as isPageUseCommand, S as clearPageUseLog, St as PageUseStepLog, T as isPageUseConfigured, Tt as PageUseTaskStatus, U as PAGE_USE_LAUNCHER_TAG, V as definePageUseElements, W as PageUseLauncherConfig, X as DEFAULT_MODEL, Y as DEFAULT_MAX_STEPS, Z as DEFAULT_SESSION_HEADER, _ as pageUseSettings, _t as PageUseMenuNode, a as PAGE_USE_ROBOT_ICON_SVG, at as normalizeOptions, b as PageUseQuestion, bt as PageUseRunOptions, c as PageUseCustomPreset, ct as PageUseTtsSpeakOptions, d as pageUsePresets, dt as PageUseTourStyle, et as NormalizedPageUseOptions, f as PageUseHistoryEntry, ft as TOUR_STYLE_TRAINER, g as PageUseSettings, gt as PageUseErrorCode, h as PageUsePoint, ht as pageUseCapability, i as PageUseGlowElement, it as PageUseTourOptions, j as hidePageUseLauncher, k as PAGE_USE_GLOBAL_KEY, l as PageUsePresetSaveResult, lt as PageUseTtsVoice, m as DEFAULT_PAGE_USE_SETTINGS, mt as PageUseCapability, n as SIMULATOR_MASK_ID, nt as PageUseOptions, o as PAGE_USE_STATIC_PRESETS, ot as readLauncherSwitch, p as pageUseHistory, pt as TOUR_STYLE_USER, q as PageUseHandle, r as PAGE_USE_GLOW_TAG, rt as PageUseRouterMode, s as buildMenuPresets, st as PageUseTtsEngine, t as PAGE_USE_MASK_COLORS, tt as PageUseLLMOptions, u as PageUsePresetState, ut as DEFAULT_TOUR_STYLES, v as BROWSER_ENGINE_ID, vt as PageUsePreset, w as getPageUseConfig, wt as PageUseTaskSource, x as PageUseState, xt as PageUseSnapshot, y as browserTtsEngine, yt as PageUseProgressEvent, z as runPageUseTool } from "./index-DAwlbs2a.mjs";
+export { BROWSER_ENGINE_ID, DEFAULT_MAX_STEPS, DEFAULT_MODEL, DEFAULT_PAGE_USE_SETTINGS, DEFAULT_SESSION_HEADER, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_TOUR_MAX_TAB_SWITCHES, DEFAULT_TOUR_STYLES, type MountPageUseUIOptions, type NormalizedPageUseOptions, PAGE_USE_COMMAND_TYPE, PAGE_USE_GLOBAL_KEY, PAGE_USE_GLOW_TAG, PAGE_USE_LAUNCHER_TAG, PAGE_USE_MASK_COLORS, PAGE_USE_ROBOT_ICON_SVG, PAGE_USE_STATIC_PRESETS, PAGE_USE_TOOL, PAGE_USE_TOOL_NAME, type PageUseCapability, type PageUseCommand, type PageUseCustomPreset, type PageUseErrorCode, type PageUseGlobal, PageUseGlowElement, type PageUseHandle, type PageUseHistoryEntry, type PageUseLLMOptions, type PageUseLauncherConfig, PageUseLauncherElement, type PageUseLauncherLayout, type PageUseMenuNode, type PageUseOptions, type PageUsePoint, type PageUsePreset, type PageUsePresetSaveResult, type PageUsePresetState, type PageUseProgressEvent, type PageUseQuestion, type PageUseRouterMode, type PageUseRunOptions, type PageUseSettings, type PageUseSnapshot, type PageUseState, type PageUseStepLog, type PageUseTaskResult, type PageUseTaskSource, type PageUseTaskStatus, type PageUseTourOptions, type PageUseTourStyle, type PageUseTtsEngine, type PageUseTtsSpeakOptions, type PageUseTtsVoice, type ReadonlyStore, SIMULATOR_MASK_ID, TOUR_STYLE_TRAINER, TOUR_STYLE_USER, browserTtsEngine, buildMenuPresets, clearPageUseLog, createPageUse, definePageUseElements, formatPageUseResultForModel, getElapsedSeconds, getPageUseConfig, hidePageUseLauncher, isPageUseCommand, isPageUseConfigured, isRunning, mountPageUseUI, normalizeOptions, pageUseCapability, pageUseHistory, pageUsePresets, pageUseSettings, pageUseStore, readLauncherSwitch, runPageUseTool, showPageUseLauncher };

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { A as pageUseSettings, B as BROWSER_ENGINE_ID, C as getPageUseConfig, D as pageUsePresets, E as pageUseStore, F as DEFAULT_TOUR_MAX_TAB_SWITCHES, H as DEFAULT_TOUR_STYLES, I as normalizeOptions, L as readLauncherSwitch, M as DEFAULT_MODEL, N as DEFAULT_SESSION_HEADER, O as pageUseHistory, P as DEFAULT_STORAGE_KEY_PREFIX, R as PAGE_USE_MASK_COLORS, S as getElapsedSeconds, T as isRunning, U as TOUR_STYLE_TRAINER, V as browserTtsEngine, W as TOUR_STYLE_USER, _ as runPageUseTool, a as PAGE_USE_STATIC_PRESETS, b as pageUseCapability, c as PAGE_USE_GLOW_TAG, d as PAGE_USE_GLOBAL_KEY, f as PAGE_USE_COMMAND_TYPE, g as isPageUseCommand, h as formatPageUseResultForModel, i as PageUseLauncherElement, j as DEFAULT_MAX_STEPS, k as DEFAULT_PAGE_USE_SETTINGS, l as PageUseGlowElement, m as PAGE_USE_TOOL_NAME, n as mountPageUseUI, o as buildMenuPresets, p as PAGE_USE_TOOL, r as PAGE_USE_LAUNCHER_TAG, s as PAGE_USE_ROBOT_ICON_SVG, t as definePageUseElements, u as createPageUse, v as hidePageUseLauncher, w as isPageUseConfigured, x as clearPageUseLog, y as showPageUseLauncher, z as SIMULATOR_MASK_ID } from "./src-DRLJiTQV.mjs";
+import { A as pageUseSettings, B as BROWSER_ENGINE_ID, C as getPageUseConfig, D as pageUsePresets, E as pageUseStore, F as DEFAULT_TOUR_MAX_TAB_SWITCHES, H as DEFAULT_TOUR_STYLES, I as normalizeOptions, L as readLauncherSwitch, M as DEFAULT_MODEL, N as DEFAULT_SESSION_HEADER, O as pageUseHistory, P as DEFAULT_STORAGE_KEY_PREFIX, R as PAGE_USE_MASK_COLORS, S as getElapsedSeconds, T as isRunning, U as TOUR_STYLE_TRAINER, V as browserTtsEngine, W as TOUR_STYLE_USER, _ as runPageUseTool, a as PAGE_USE_STATIC_PRESETS, b as pageUseCapability, c as PAGE_USE_GLOW_TAG, d as PAGE_USE_GLOBAL_KEY, f as PAGE_USE_COMMAND_TYPE, g as isPageUseCommand, h as formatPageUseResultForModel, i as PageUseLauncherElement, j as DEFAULT_MAX_STEPS, k as DEFAULT_PAGE_USE_SETTINGS, l as PageUseGlowElement, m as PAGE_USE_TOOL_NAME, n as mountPageUseUI, o as buildMenuPresets, p as PAGE_USE_TOOL, r as PAGE_USE_LAUNCHER_TAG, s as PAGE_USE_ROBOT_ICON_SVG, t as definePageUseElements, u as createPageUse, v as hidePageUseLauncher, w as isPageUseConfigured, x as clearPageUseLog, y as showPageUseLauncher, z as SIMULATOR_MASK_ID } from "./src-nVu9CCnz.mjs";
 
 export { BROWSER_ENGINE_ID, DEFAULT_MAX_STEPS, DEFAULT_MODEL, DEFAULT_PAGE_USE_SETTINGS, DEFAULT_SESSION_HEADER, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_TOUR_MAX_TAB_SWITCHES, DEFAULT_TOUR_STYLES, PAGE_USE_COMMAND_TYPE, PAGE_USE_GLOBAL_KEY, PAGE_USE_GLOW_TAG, PAGE_USE_LAUNCHER_TAG, PAGE_USE_MASK_COLORS, PAGE_USE_ROBOT_ICON_SVG, PAGE_USE_STATIC_PRESETS, PAGE_USE_TOOL, PAGE_USE_TOOL_NAME, PageUseGlowElement, PageUseLauncherElement, SIMULATOR_MASK_ID, TOUR_STYLE_TRAINER, TOUR_STYLE_USER, browserTtsEngine, buildMenuPresets, clearPageUseLog, createPageUse, definePageUseElements, formatPageUseResultForModel, getElapsedSeconds, getPageUseConfig, hidePageUseLauncher, isPageUseCommand, isPageUseConfigured, isRunning, mountPageUseUI, normalizeOptions, pageUseCapability, pageUseHistory, pageUsePresets, pageUseSettings, pageUseStore, readLauncherSwitch, runPageUseTool, showPageUseLauncher };

package/dist/{src-DRLJiTQV.mjs → src-nVu9CCnz.mjs}

@@ -436,6 +436,7 @@ const DEFAULT_PAGE_USE_SETTINGS = {
 	voiceNames: {},
 	tourStyle: "",
 	launcherVisible: null,
+	autoCollapseOnRun: null,
 	fabPos: null
 };
 /**
@@ -3044,7 +3045,7 @@ var PageUseGlowElement = class extends LitElement {
 
 //#endregion
 //#region package.json
-var version = "0.0.8";
+var version = "0.0.10";
 
 //#endregion
 //#region src/ui/drag.ts
@@ -3082,26 +3083,32 @@ function createDrag(options) {
 			const dx = e.clientX - startX;
 			const dy = e.clientY - startY;
 			if (!moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+			if (!moved) options.onDragStart?.();
 			moved = true;
+			options.onMove?.(dx, dy);
 			options.setPos(clampToViewport({
 				x: rect.left + dx,
 				y: rect.top + dy
 			}, el));
 		};
-		const onUp = () => {
+		const finish = (cancelled) => {
+			if (!dragging) return;
 			dragging = false;
 			handle.removeEventListener("pointermove", onMove);
 			handle.removeEventListener("pointerup", onUp);
-			handle.removeEventListener("pointercancel", onUp);
+			handle.removeEventListener("pointercancel", onCancel);
 			try {
 				handle.releasePointerCapture(event.pointerId);
 			} catch {}
+			options.onEnd?.({ cancelled });
 			if (!moved) options.onTap?.(tapTarget);
 		};
+		const onUp = () => finish(false);
+		const onCancel = () => finish(true);
 		handle.setPointerCapture(event.pointerId);
 		handle.addEventListener("pointermove", onMove);
 		handle.addEventListener("pointerup", onUp);
-		handle.addEventListener("pointercancel", onUp);
+		handle.addEventListener("pointercancel", onCancel);
 		event.preventDefault();
 	}
 	/** 视口尺寸变化后把已存位置夹回可见区域 */
@@ -3115,6 +3122,46 @@ function createDrag(options) {
 		reclamp
 	};
 }
+/** 判定收起所需的纵向位移占面板高度的比例 */
+const SHEET_DISTANCE_RATIO = .25;
+/** 判定收起所需的纵向速度（px/ms） */
+const SHEET_VELOCITY_THRESHOLD = .5;
+/** 速度取样的时间窗口（ms）：只取最近这一段，避免起手时的慢速稀释甩动判定 */
+const SHEET_VELOCITY_WINDOW_MS = 100;
+/** 速度判定要求的最小位移（px）：防止轻微抖动被当成甩动 */
+const SHEET_VELOCITY_MIN_DISTANCE = 24;
+/** 滑出时长的基准值（ms）与折算系数：剩余距离越短越快结束，避免短距离也拖满整个时长 */
+const SHEET_EXIT_BASE_MS = 120;
+const SHEET_EXIT_MAX_MS = 220;
+const SHEET_EXIT_PER_PX = .35;
+/** 滑出时长（ms）：随剩余距离增长，上限 220ms（需求上限为 240ms） */
+function sheetExitDuration(remainingPx) {
+	return Math.min(SHEET_EXIT_MAX_MS, SHEET_EXIT_BASE_MS + Math.max(0, remainingPx) * SHEET_EXIT_PER_PX);
+}
+/**
+* 松手判定：位移达到面板高度的四分之一，或最近 100ms 的平均速度达到阈值且位移足够时收起。
+* 手势被系统中断时一律回弹——中断不代表用户表达了收起意图。
+*/
+function decideSheetRelease(samples, options) {
+	if (options.cancelled) return "snapback";
+	const last = samples[samples.length - 1];
+	if (!last) return "snapback";
+	if (last.dy >= options.panelHeight * SHEET_DISTANCE_RATIO) return "dismiss";
+	if (last.dy < SHEET_VELOCITY_MIN_DISTANCE) return "snapback";
+	return sheetReleaseVelocity(samples, last) >= SHEET_VELOCITY_THRESHOLD ? "dismiss" : "snapback";
+}
+/**
+* 最近一个时间窗口内的平均纵向速度（px/ms）。
+* 窗口内不足两个采样时（采样稀疏、间隔超过窗口）退回上一个采样，否则速度不可测。
+*/
+function sheetReleaseVelocity(samples, last) {
+	const windowStart = last.t - SHEET_VELOCITY_WINDOW_MS;
+	const index = samples.findIndex((sample) => sample.t >= windowStart);
+	const start = index < samples.length - 1 ? samples[index] : samples[Math.max(0, samples.length - 2)];
+	const dt = last.t - start.t;
+	if (dt <= 0) return 0;
+	return (last.dy - start.dy) / dt;
+}
 
 //#endregion
 //#region src/ui/formatTokens.ts
@@ -3417,6 +3464,10 @@ const launcherStyles = css`
     .fab {
       transition: none;
     }
+    /* 面板位移过渡关闭后，launcher 读到 transitionDuration 为 0，收起与回弹直接切换状态 */
+    .panel.mobile {
+      transition: none;
+    }
     .fab,
     .panel::before,
     .fab.running .robot-antenna,
@@ -3508,6 +3559,60 @@ const launcherStyles = css`
     animation-duration: 10s;
   }
 
+  /*
+   * 移动端布局（launcher.layout = 'mobile'）：贴底面板。
+   * 宽度不写死数值，用左右内缩占满视口，避免 100vw 在桌面端把滚动条宽度算进去。
+   */
+  .panel.mobile {
+    /* 回退值：不支持安全区 / dvh 的浏览器贴满两侧、按 vh 计算高度 */
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 70vh;
+    /* 左右内缩取安全区（横屏刘海屏），高度取七成动态视口（地址栏收缩时 vh 会跳变） */
+    left: env(safe-area-inset-left, 0px);
+    right: env(safe-area-inset-right, 0px);
+    height: 70dvh;
+    /* 底边与屏幕贴合，去掉下圆角 */
+    border-radius: 12px 12px 0 0;
+    /*
+     * 下拉收起与回弹通过 transform 位移实现。过渡声明的另一作用是作为「可播放动效」的判据：
+     * launcher 读取生效的 transitionDuration，为 0 时（下方减少动态效果媒体查询）直接切换状态。
+     * 跟手期间由 launcher 临时置为 none，避免位移被过渡拖慢。
+     */
+    transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
+  }
+  /*
+   * 移动端头部：位置由布局决定，不再是拖动改位置的区域，但仍保留按下检测——
+   * 向下拉动即收起面板。touch-action 必须保持 none：否则浏览器把手势解释为滚动或下拉刷新，
+   * 中途以 pointercancel 打断指针流，且 pointerdown 上的 preventDefault 对触摸滚动无效。
+   */
+  .panel.mobile .head,
+  .panel.mobile .head:active {
+    position: relative;
+    cursor: default;
+    touch-action: none;
+  }
+  /* 抓取条：绝对定位在头部顶端居中，不参与布局流，面板几何与桌面端头部高度均不受影响 */
+  .panel.mobile .grabber {
+    position: absolute;
+    top: 4px;
+    left: 50%;
+    width: 32px;
+    height: 4px;
+    margin-left: -16px;
+    border-radius: 2px;
+    background: rgba(100, 116, 139, 0.45);
+  }
+  /* 底边与屏幕贴合，不需要下圆角；底部内边距让出 iPhone 手势条 */
+  .panel.mobile .composer {
+    border-radius: 0;
+    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
+  }
+  .panel.mobile .toast {
+    bottom: calc(24px + env(safe-area-inset-bottom, 0px));
+  }
+
   .head {
     display: flex;
     align-items: center;
@@ -4186,6 +4291,10 @@ const TEXTAREA_MIN_ROWS = 2;
 /** 元信息面板解锁：任意连续 META_UNLOCK_WINDOW_MS 毫秒内点击标题达到 META_UNLOCK_CLICKS 次（滑动窗口） */
 const META_UNLOCK_WINDOW_MS = 5e3;
 const META_UNLOCK_CLICKS = 10;
+/** 面板位移过渡曲线：下拉滑出与回弹共用，接近 iOS 的减速曲线 */
+const SHEET_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
+/** 面板位移动效兜底时长（ms）：过渡事件丢失时据此结束动效，避免面板停在半途 */
+const SHEET_ANIM_FALLBACK_MS = 60;
 /** 面板内轻提示（toast）的显示时长（毫秒） */
 const TOAST_DURATION_MS = 2e3;
 /** 标题栏返回按钮的目标视图：按层级返回；main 无上级，此时按钮用于进入设置页 */
@@ -4286,7 +4395,30 @@ var PageUseLauncherElement = class extends LitElement {
 	fabFromWidth = null;
 	/** 进行中宽度过渡的结束回调注销函数；过渡中再次切换时先注销，避免旧回调提前清除宽度 */
 	fabWidthCleanup = null;
+	/** 本次入口手势是否已判定为拖动。指针捕获会把手势结束后浏览器补发的 click 重定向到入口，该 click 不是点击意图，不得展开面板。 */
+	fabDragged = false;
+	/**
+	* 移动端面板的纵向位移（px，0 为贴底原位）。跟手期间由指针事件直写样式，不进入响应式状态：
+	* 每帧触发模板重渲染会带来不必要的开销，且重渲染写 style 属性会覆盖内联位移。
+	* 也不写入设置，位移不持久化。
+	*/
+	sheetOffsetY = 0;
+	/** 本次下拉手势的纵向位移采样，用于松手判定与速度计算 */
+	sheetSamples = [];
+	/** 进行中的面板位移动效的取消函数；调用后等待中的收起流程会中止 */
+	sheetAnimCancel = null;
 	cleanups = [];
+	/** 生效的面板布局：未声明或取值非法时按桌面端处理，既有接入方的行为不变 */
+	get isMobileLayout() {
+		return this._config.layout === "mobile";
+	}
+	/**
+	* 下达指令后是否自动收起面板：仅移动端布局生效，默认开启，可在设置页关闭。
+	* 桌面端不提供该行为，也不显示设置项，存储中被改过的值在桌面端不生效。
+	*/
+	get collapseOnRun() {
+		return this.isMobileLayout && (pageUseSettings.get().autoCollapseOnRun ?? true);
+	}
 	get fabEl() {
 		return this.renderRoot.querySelector(".fab");
 	}
@@ -4303,11 +4435,8 @@ var PageUseLauncherElement = class extends LitElement {
 		getEl: () => this.fabEl,
 		getPos: () => pageUseSettings.get().fabPos,
 		setPos: (pos) => pageUseSettings.update({ fabPos: pos }),
-		onTap: () => {
-			this.measureFab();
-			this.resolvePanelAnchor();
-			this.open = true;
-			this.requestUpdate();
+		onDragStart: () => {
+			this.fabDragged = true;
 		},
 		skipInteractive: false
 	});
@@ -4318,7 +4447,11 @@ var PageUseLauncherElement = class extends LitElement {
 		onTap: (target) => {
 			if (target?.closest?.(".title")) this.onTitleTap();
 		},
+		onDragStart: () => this.beginSheetGesture(),
+		onMove: (dx, dy) => this.onSheetDragMove(dx, dy),
+		onEnd: ({ cancelled }) => this.onSheetDragEnd(cancelled),
 		setPos: ({ x, y }) => {
+			if (this.isMobileLayout) return;
 			const el = this.panelEl;
 			if (!el) return;
 			const { width: fabWidth, height: fabHeight } = this.fabSize;
@@ -4355,6 +4488,7 @@ var PageUseLauncherElement = class extends LitElement {
 		this.unregisterPanelName?.();
 		this.unregisterPanelName = null;
 		stopPreview();
+		this.cancelSheetAnimation();
 		window.removeEventListener("resize", this.onResize);
 		if (this.toastTimer) clearTimeout(this.toastTimer);
 		this.toastTimer = null;
@@ -4499,8 +4633,12 @@ var PageUseLauncherElement = class extends LitElement {
 			bottom: `${FAB_DEFAULT_BOTTOM}px`
 		});
 	}
-	/** 面板位置完全由入口位置推导，展开时与入口重合于同一角 */
+	/**
+	* 面板位置完全由入口位置推导，展开时与入口重合于同一角。
+	* 移动端不使用内联几何：位置与尺寸由 styles.ts 的 .panel.mobile 决定（贴底、占满宽度）。
+	*/
 	panelStyle(settings) {
+		if (this.isMobileLayout) return "";
 		const rect = this.fabRect(settings);
 		const { width: vw, height: vh } = this.viewport;
 		const { alignRight, alignBottom } = this.panelAnchor;
@@ -4519,11 +4657,38 @@ var PageUseLauncherElement = class extends LitElement {
 	isVisible(settings) {
 		return settings.launcherVisible ?? !this._config.defaultHidden;
 	}
+	/**
+	* 入口按下：先清掉上一次手势遗留的拖动标记，本次是否为拖动由 fabDrag 判定。
+	* 必须挂在 pointerdown 最前面，否则拖动未补发 click 时标记会残留到下一次真实点击。
+	*/
+	onFabPointerDown = (event) => {
+		this.fabDragged = false;
+		this.fabDrag.onPointerDown(event);
+	};
+	/**
+	* 入口点击展开。
+	* 展开动作挂在 click 而非 pointerup：fabDrag 对手势调用 preventDefault 后浏览器没有 mousedown / mouseup 目标，
+	* 会在 pointerup 之后按当时坐标重新命中测试补发一次 click；若 pointerup 时面板已展开，
+	* 这次 click 就落在与入口重叠的面板底部控件上（「执行」「重跑」或快捷指令胶囊），造成误触提交。
+	* 由入口自身消费这次 click，即不再有穿透。
+	*/
+	onFabClick = () => {
+		if (this.fabDragged) {
+			this.fabDragged = false;
+			return;
+		}
+		this.measureFab();
+		this.resolvePanelAnchor();
+		this.cancelSheetAnimation();
+		this.open = true;
+		this.requestUpdate();
+	};
 	/** 展开面板（showPageUseLauncher 调用）：等入口按新的显示状态渲染后再测量定位 */
 	async expand() {
 		await this.updateComplete;
 		this.measureFab();
 		this.resolvePanelAnchor();
+		this.cancelSheetAnimation();
 		this.open = true;
 		this.requestUpdate();
 	}
@@ -4568,13 +4733,125 @@ var PageUseLauncherElement = class extends LitElement {
 		pageUseHistory.clear();
 		this.showToast(count ? `已清空 ${count} 条历史指令` : "暂无历史指令");
 	}
+	/**
+	* 收起面板为浮动入口。移动端先向下滑出视口再隐藏，滑出期间面板不拦截页面点击——
+	* 「执行后自动收起」时页面上紧接着就是 agent 的操作，动画不能挡住它。
+	* 系统关闭动态效果（过渡时长为 0）时直接隐藏，不做动效。
+	*/
 	async collapse() {
 		stopPreview();
+		const el = this.panelEl;
+		if (this.isMobileLayout && el && !this.sheetMotionDisabled(el)) {
+			el.style.pointerEvents = "none";
+			const remaining = Math.max(0, el.offsetHeight - this.sheetOffsetY);
+			const completed = await this.sheetTransition(el, el.offsetHeight, sheetExitDuration(remaining));
+			el.style.pointerEvents = "";
+			if (!completed) return;
+		}
 		this.open = false;
 		this.requestUpdate();
 		await this.updateComplete;
 		this.measureFab();
 		this.fabDrag.reclamp();
+		if (el) this.resetSheetStyles(el);
+	}
+	/** 面板过渡被禁用时为 true：系统「减少动态效果」或样式未生效，此时直接切换状态 */
+	sheetMotionDisabled(el) {
+		return parseFloat(getComputedStyle(el).transitionDuration) === 0;
+	}
+	/** 写入面板纵向位移；0 表示回到贴底原位 */
+	setSheetOffset(el, offsetY) {
+		this.sheetOffsetY = offsetY;
+		el.style.transform = offsetY ? `translateY(${offsetY}px)` : "";
+	}
+	/** 清除位移与内联过渡：先关过渡再清位移，避免清除动作本身被过渡动画化 */
+	resetSheetStyles(el) {
+		el.style.transition = "none";
+		this.setSheetOffset(el, 0);
+		el.style.transition = "";
+	}
+	/** 取消进行中的位移动效并让面板回到原位；等待中的收起流程因取消而中止 */
+	cancelSheetAnimation() {
+		const cancel = this.sheetAnimCancel;
+		this.sheetAnimCancel = null;
+		cancel?.();
+		const el = this.panelEl;
+		if (el && this.sheetOffsetY) this.resetSheetStyles(el);
+	}
+	/**
+	* 把面板位移过渡到目标值，返回是否走到终点（被 cancelSheetAnimation 取消时为 false）。
+	* 过渡事件缺失（元素被隐藏、标签页切到后台）时由定时器兜底结束，面板不停在半途。
+	*/
+	sheetTransition(el, target, duration) {
+		return new Promise((resolve) => {
+			let settled = false;
+			let timer;
+			const finish = (completed) => {
+				if (settled) return;
+				settled = true;
+				el.removeEventListener("transitionend", onEnd);
+				el.removeEventListener("transitioncancel", onCancel);
+				if (timer !== void 0) clearTimeout(timer);
+				if (this.sheetAnimCancel === cancel) this.sheetAnimCancel = null;
+				resolve(completed);
+			};
+			const cancel = () => finish(false);
+			const onEnd = (event) => {
+				if (event.propertyName === "transform") finish(true);
+			};
+			const onCancel = (event) => {
+				if (event.propertyName === "transform") finish(false);
+			};
+			timer = setTimeout(() => finish(true), duration + SHEET_ANIM_FALLBACK_MS);
+			this.sheetAnimCancel = cancel;
+			el.addEventListener("transitionend", onEnd);
+			el.addEventListener("transitioncancel", onCancel);
+			el.style.transition = `transform ${duration}ms ${SHEET_EASING}`;
+			el.style.transform = `translateY(${target}px)`;
+		});
+	}
+	/** 下拉手势开始：终止进行中的动效，并关闭过渡让面板直接跟手 */
+	beginSheetGesture() {
+		if (!this.isMobileLayout) return;
+		this.cancelSheetAnimation();
+		this.sheetSamples = [];
+		const el = this.panelEl;
+		if (el) el.style.transition = "none";
+	}
+	/** 跟手位移：只认纵向占优的向下拖动；上滑与横向拖动不移动面板（面板没有第二档高度可展开） */
+	onSheetDragMove(dx, dy) {
+		if (!this.isMobileLayout) return;
+		const el = this.panelEl;
+		if (!el) return;
+		const offsetY = dy > 0 && Math.abs(dy) > Math.abs(dx) ? dy : 0;
+		this.sheetSamples.push({
+			t: performance.now(),
+			dy: offsetY
+		});
+		this.setSheetOffset(el, offsetY);
+	}
+	/** 松手：按位移或速度判定收起，否则回弹归位 */
+	onSheetDragEnd(cancelled) {
+		if (!this.isMobileLayout) return;
+		const el = this.panelEl;
+		const samples = this.sheetSamples;
+		this.sheetSamples = [];
+		if (!el) return;
+		if (decideSheetRelease(samples, {
+			panelHeight: el.offsetHeight,
+			cancelled
+		}) === "dismiss") {
+			this.collapse();
+			return;
+		}
+		if (!this.sheetOffsetY) return;
+		if (this.sheetMotionDisabled(el)) {
+			this.resetSheetStyles(el);
+			return;
+		}
+		this.sheetTransition(el, 0, 180).then((completed) => {
+			if (completed) this.resetSheetStyles(el);
+		});
 	}
 	/** tourStyle：快捷指令携带的讲解风格；输入框提交时不传，按面板设置与宿主默认 */
 	async submit(tourStyle) {
@@ -4582,6 +4859,7 @@ var PageUseLauncherElement = class extends LitElement {
 		if (isRunning() || !text) return;
 		this.task = "";
 		this.requestUpdate();
+		if (this.collapseOnRun) this.collapse();
 		await runTask(text, {
 			source: LAUNCHER_SOURCE,
 			...tourStyle ? { tourStyle } : {}
@@ -4704,12 +4982,16 @@ var PageUseLauncherElement = class extends LitElement {
         ${this.renderChips(presets, accent)}
       </div>`);
 	}
-	renderCheckbox(key, label, hint, disabled = false) {
+	/**
+	* checked 为复选框的显示状态，默认取存储值。
+	* 「未设置时按布局取默认」的设置项（如 autoCollapseOnRun）需要传生效值，否则未操作过时显示与生效状态不一致。
+	*/
+	renderCheckbox(key, label, hint, disabled = false, checked) {
 		const settings = pageUseSettings.get();
 		return html`<label class="checkbox ${disabled ? "disabled" : ""}">
       <input
         type="checkbox"
-        .checked=${Boolean(settings[key])}
+        .checked=${checked ?? Boolean(settings[key])}
         ?disabled=${disabled}
         @change=${(e) => pageUseSettings.update({ [key]: e.target.checked })}
       />
@@ -4727,6 +5009,7 @@ var PageUseLauncherElement = class extends LitElement {
         ${this.renderCheckbox("enableMask", "运行时蒙层防误触", "下次任务开始生效")}
         ${config?.beforeTask ? this.renderCheckbox("enableBeforeTask", config.beforeTaskLabel) : nothing}
         ${this.renderCheckbox("showStepDetails", "步骤显示模型思考与返回")}
+        ${this.isMobileLayout ? this.renderCheckbox("autoCollapseOnRun", "执行后自动收起面板", "收起后可看到页面执行过程", false, this.collapseOnRun) : nothing}
         ${this.renderVoiceSettings(settings)}
         ${config?.pageTour.enabled ? this.renderTourStyleSetting(settings, config) : nothing}
         <div class="row settings-actions">
@@ -5210,18 +5493,20 @@ var PageUseLauncherElement = class extends LitElement {
         ?hidden=${this.open}
         style=${this.fabStyle(settings)}
         title=${running ? `执行中：${state.activityText || state.currentTask}` : `打开 ${title}`}
-        @pointerdown=${this.fabDrag.onPointerDown}
+        @pointerdown=${this.onFabPointerDown}
+        @click=${this.onFabClick}
       >
         <span class="fab-icon">${robotIcon}</span>
         <span>${running ? "执行中" : title}</span>
       </button>
 
       <section
-        class="panel ${running ? "running" : ""}"
+        class="panel ${running ? "running" : ""} ${this.isMobileLayout ? "mobile" : ""}"
         ?hidden=${!this.open}
         style=${this.open ? this.panelStyle(settings) : ""}
       >
         <header class="head" @pointerdown=${this.panelDrag.onPointerDown}>
+          ${this.isMobileLayout ? html`<span class="grabber" aria-hidden="true"></span>` : nothing}
           <span class="dot ${state.status}" title=${STATUS_LABELS[state.status] || state.status}></span>
           <span class="title">${title}</span>
           <span class="status">

package/dist/vue.d.mts

@@ -1,4 +1,4 @@
-import { $ as NormalizedPageUseOptions, A as PageUseGlobal, B as MountPageUseUIOptions, C as getElapsedSeconds, Ct as PageUseTaskSource, D as pageUseStore, E as isRunning, F as PAGE_USE_TOOL_NAME, G as PageUseLauncherElement, H as mountPageUseUI, I as PageUseCommand, J as DEFAULT_MAX_STEPS, K as PageUseHandle, L as formatPageUseResultForModel, M as showPageUseLauncher, N as PAGE_USE_COMMAND_TYPE, O as ReadonlyStore, P as PAGE_USE_TOOL, Q as DEFAULT_TOUR_MAX_TAB_SWITCHES, R as isPageUseCommand, S as clearPageUseLog, St as PageUseTaskResult, T as isPageUseConfigured, U as PAGE_USE_LAUNCHER_TAG, V as definePageUseElements, W as PageUseLauncherConfig, X as DEFAULT_SESSION_HEADER, Y as DEFAULT_MODEL, Z as DEFAULT_STORAGE_KEY_PREFIX, _ as pageUseSettings, _t as PageUsePreset, a as PAGE_USE_ROBOT_ICON_SVG, at as readLauncherSwitch, b as PageUseQuestion, bt as PageUseSnapshot, c as PageUseCustomPreset, ct as PageUseTtsVoice, d as pageUsePresets, dt as TOUR_STYLE_TRAINER, et as PageUseLLMOptions, f as PageUseHistoryEntry, ft as TOUR_STYLE_USER, g as PageUseSettings, gt as PageUseMenuNode, h as PageUsePoint, ht as PageUseErrorCode, i as PageUseGlowElement, it as normalizeOptions, j as hidePageUseLauncher, k as PAGE_USE_GLOBAL_KEY, l as PageUsePresetSaveResult, lt as DEFAULT_TOUR_STYLES, m as DEFAULT_PAGE_USE_SETTINGS, mt as pageUseCapability, n as SIMULATOR_MASK_ID, nt as PageUseRouterMode, o as PAGE_USE_STATIC_PRESETS, ot as PageUseTtsEngine, p as pageUseHistory, pt as PageUseCapability, q as createPageUse, r as PAGE_USE_GLOW_TAG, rt as PageUseTourOptions, s as buildMenuPresets, st as PageUseTtsSpeakOptions, t as PAGE_USE_MASK_COLORS, tt as PageUseOptions, u as PageUsePresetState, ut as PageUseTourStyle, v as BROWSER_ENGINE_ID, vt as PageUseProgressEvent, w as getPageUseConfig, wt as PageUseTaskStatus, x as PageUseState, xt as PageUseStepLog, y as browserTtsEngine, yt as PageUseRunOptions, z as runPageUseTool } from "./index-BOXzkiXG.mjs";
+import { $ as DEFAULT_TOUR_MAX_TAB_SWITCHES, A as PageUseGlobal, B as MountPageUseUIOptions, C as getElapsedSeconds, Ct as PageUseTaskResult, D as pageUseStore, E as isRunning, F as PAGE_USE_TOOL_NAME, G as PageUseLauncherElement, H as mountPageUseUI, I as PageUseCommand, J as createPageUse, K as PageUseLauncherLayout, L as formatPageUseResultForModel, M as showPageUseLauncher, N as PAGE_USE_COMMAND_TYPE, O as ReadonlyStore, P as PAGE_USE_TOOL, Q as DEFAULT_STORAGE_KEY_PREFIX, R as isPageUseCommand, S as clearPageUseLog, St as PageUseStepLog, T as isPageUseConfigured, Tt as PageUseTaskStatus, U as PAGE_USE_LAUNCHER_TAG, V as definePageUseElements, W as PageUseLauncherConfig, X as DEFAULT_MODEL, Y as DEFAULT_MAX_STEPS, Z as DEFAULT_SESSION_HEADER, _ as pageUseSettings, _t as PageUseMenuNode, a as PAGE_USE_ROBOT_ICON_SVG, at as normalizeOptions, b as PageUseQuestion, bt as PageUseRunOptions, c as PageUseCustomPreset, ct as PageUseTtsSpeakOptions, d as pageUsePresets, dt as PageUseTourStyle, et as NormalizedPageUseOptions, f as PageUseHistoryEntry, ft as TOUR_STYLE_TRAINER, g as PageUseSettings, gt as PageUseErrorCode, h as PageUsePoint, ht as pageUseCapability, i as PageUseGlowElement, it as PageUseTourOptions, j as hidePageUseLauncher, k as PAGE_USE_GLOBAL_KEY, l as PageUsePresetSaveResult, lt as PageUseTtsVoice, m as DEFAULT_PAGE_USE_SETTINGS, mt as PageUseCapability, n as SIMULATOR_MASK_ID, nt as PageUseOptions, o as PAGE_USE_STATIC_PRESETS, ot as readLauncherSwitch, p as pageUseHistory, pt as TOUR_STYLE_USER, q as PageUseHandle, r as PAGE_USE_GLOW_TAG, rt as PageUseRouterMode, s as buildMenuPresets, st as PageUseTtsEngine, t as PAGE_USE_MASK_COLORS, tt as PageUseLLMOptions, u as PageUsePresetState, ut as DEFAULT_TOUR_STYLES, v as BROWSER_ENGINE_ID, vt as PageUsePreset, w as getPageUseConfig, wt as PageUseTaskSource, x as PageUseState, xt as PageUseSnapshot, y as browserTtsEngine, yt as PageUseProgressEvent, z as runPageUseTool } from "./index-DAwlbs2a.mjs";
 import { PropType, ShallowRef } from "vue";
 import { Router } from "vue-router";
 //#region src/vue.d.ts
@@ -50,4 +50,4 @@ export declare function usePageUseState(): Readonly<ShallowRef<PageUseState>>;
 /** 本地设置的 Vue 响应式引用；修改请调用 pageUseSettings.update */
 export declare function usePageUseSettings(): Readonly<ShallowRef<PageUseSettings>>;
 //#endregion
-export { BROWSER_ENGINE_ID, DEFAULT_MAX_STEPS, DEFAULT_MODEL, DEFAULT_PAGE_USE_SETTINGS, DEFAULT_SESSION_HEADER, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_TOUR_MAX_TAB_SWITCHES, DEFAULT_TOUR_STYLES, type MountPageUseUIOptions, type NormalizedPageUseOptions, PAGE_USE_COMMAND_TYPE, PAGE_USE_GLOBAL_KEY, PAGE_USE_GLOW_TAG, PAGE_USE_LAUNCHER_TAG, PAGE_USE_MASK_COLORS, PAGE_USE_ROBOT_ICON_SVG, PAGE_USE_STATIC_PRESETS, PAGE_USE_TOOL, PAGE_USE_TOOL_NAME, type PageUseCapability, type PageUseCommand, type PageUseCustomPreset, type PageUseErrorCode, type PageUseGlobal, PageUseGlowElement, type PageUseHandle, type PageUseHistoryEntry, type PageUseLLMOptions, type PageUseLauncherConfig, PageUseLauncherElement, type PageUseMenuNode, type PageUseOptions, type PageUsePoint, type PageUsePreset, type PageUsePresetSaveResult, type PageUsePresetState, type PageUseProgressEvent, type PageUseQuestion, type PageUseRouterMode, type PageUseRunOptions, type PageUseSettings, type PageUseSnapshot, type PageUseState, type PageUseStepLog, type PageUseTaskResult, type PageUseTaskSource, type PageUseTaskStatus, type PageUseTourOptions, type PageUseTourStyle, type PageUseTtsEngine, type PageUseTtsSpeakOptions, type PageUseTtsVoice, type ReadonlyStore, SIMULATOR_MASK_ID, TOUR_STYLE_TRAINER, TOUR_STYLE_USER, browserTtsEngine, buildMenuPresets, clearPageUseLog, createPageUse, definePageUseElements, formatPageUseResultForModel, getElapsedSeconds, getPageUseConfig, hidePageUseLauncher, isPageUseCommand, isPageUseConfigured, isRunning, mountPageUseUI, normalizeOptions, pageUseCapability, pageUseHistory, pageUsePresets, pageUseSettings, pageUseStore, readLauncherSwitch, runPageUseTool, showPageUseLauncher };
+export { BROWSER_ENGINE_ID, DEFAULT_MAX_STEPS, DEFAULT_MODEL, DEFAULT_PAGE_USE_SETTINGS, DEFAULT_SESSION_HEADER, DEFAULT_STORAGE_KEY_PREFIX, DEFAULT_TOUR_MAX_TAB_SWITCHES, DEFAULT_TOUR_STYLES, type MountPageUseUIOptions, type NormalizedPageUseOptions, PAGE_USE_COMMAND_TYPE, PAGE_USE_GLOBAL_KEY, PAGE_USE_GLOW_TAG, PAGE_USE_LAUNCHER_TAG, PAGE_USE_MASK_COLORS, PAGE_USE_ROBOT_ICON_SVG, PAGE_USE_STATIC_PRESETS, PAGE_USE_TOOL, PAGE_USE_TOOL_NAME, type PageUseCapability, type PageUseCommand, type PageUseCustomPreset, type PageUseErrorCode, type PageUseGlobal, PageUseGlowElement, type PageUseHandle, type PageUseHistoryEntry, type PageUseLLMOptions, type PageUseLauncherConfig, PageUseLauncherElement, type PageUseLauncherLayout, type PageUseMenuNode, type PageUseOptions, type PageUsePoint, type PageUsePreset, type PageUsePresetSaveResult, type PageUsePresetState, type PageUseProgressEvent, type PageUseQuestion, type PageUseRouterMode, type PageUseRunOptions, type PageUseSettings, type PageUseSnapshot, type PageUseState, type PageUseStepLog, type PageUseTaskResult, type PageUseTaskSource, type PageUseTaskStatus, type PageUseTourOptions, type PageUseTourStyle, type PageUseTtsEngine, type PageUseTtsSpeakOptions, type PageUseTtsVoice, type ReadonlyStore, SIMULATOR_MASK_ID, TOUR_STYLE_TRAINER, TOUR_STYLE_USER, browserTtsEngine, buildMenuPresets, clearPageUseLog, createPageUse, definePageUseElements, formatPageUseResultForModel, getElapsedSeconds, getPageUseConfig, hidePageUseLauncher, isPageUseCommand, isPageUseConfigured, isRunning, mountPageUseUI, normalizeOptions, pageUseCapability, pageUseHistory, pageUsePresets, pageUseSettings, pageUseStore, readLauncherSwitch, runPageUseTool, showPageUseLauncher };

package/dist/vue.mjs

@@ -1,4 +1,4 @@
-import { A as pageUseSettings, B as BROWSER_ENGINE_ID, C as getPageUseConfig, D as pageUsePresets, E as pageUseStore, F as DEFAULT_TOUR_MAX_TAB_SWITCHES, H as DEFAULT_TOUR_STYLES, I as normalizeOptions, L as readLauncherSwitch, M as DEFAULT_MODEL, N as DEFAULT_SESSION_HEADER, O as pageUseHistory, P as DEFAULT_STORAGE_KEY_PREFIX, R as PAGE_USE_MASK_COLORS, S as getElapsedSeconds, T as isRunning, U as TOUR_STYLE_TRAINER, V as browserTtsEngine, W as TOUR_STYLE_USER, _ as runPageUseTool, a as PAGE_USE_STATIC_PRESETS, b as pageUseCapability, c as PAGE_USE_GLOW_TAG, d as PAGE_USE_GLOBAL_KEY, f as PAGE_USE_COMMAND_TYPE, g as isPageUseCommand, h as formatPageUseResultForModel, i as PageUseLauncherElement, j as DEFAULT_MAX_STEPS, k as DEFAULT_PAGE_USE_SETTINGS, l as PageUseGlowElement, m as PAGE_USE_TOOL_NAME, n as mountPageUseUI, o as buildMenuPresets, p as PAGE_USE_TOOL, r as PAGE_USE_LAUNCHER_TAG, s as PAGE_USE_ROBOT_ICON_SVG, t as definePageUseElements, u as createPageUse, v as hidePageUseLauncher, w as isPageUseConfigured, x as clearPageUseLog, y as showPageUseLauncher, z as SIMULATOR_MASK_ID } from "./src-DRLJiTQV.mjs";
+import { A as pageUseSettings, B as BROWSER_ENGINE_ID, C as getPageUseConfig, D as pageUsePresets, E as pageUseStore, F as DEFAULT_TOUR_MAX_TAB_SWITCHES, H as DEFAULT_TOUR_STYLES, I as normalizeOptions, L as readLauncherSwitch, M as DEFAULT_MODEL, N as DEFAULT_SESSION_HEADER, O as pageUseHistory, P as DEFAULT_STORAGE_KEY_PREFIX, R as PAGE_USE_MASK_COLORS, S as getElapsedSeconds, T as isRunning, U as TOUR_STYLE_TRAINER, V as browserTtsEngine, W as TOUR_STYLE_USER, _ as runPageUseTool, a as PAGE_USE_STATIC_PRESETS, b as pageUseCapability, c as PAGE_USE_GLOW_TAG, d as PAGE_USE_GLOBAL_KEY, f as PAGE_USE_COMMAND_TYPE, g as isPageUseCommand, h as formatPageUseResultForModel, i as PageUseLauncherElement, j as DEFAULT_MAX_STEPS, k as DEFAULT_PAGE_USE_SETTINGS, l as PageUseGlowElement, m as PAGE_USE_TOOL_NAME, n as mountPageUseUI, o as buildMenuPresets, p as PAGE_USE_TOOL, r as PAGE_USE_LAUNCHER_TAG, s as PAGE_USE_ROBOT_ICON_SVG, t as definePageUseElements, u as createPageUse, v as hidePageUseLauncher, w as isPageUseConfigured, x as clearPageUseLog, y as showPageUseLauncher, z as SIMULATOR_MASK_ID } from "./src-nVu9CCnz.mjs";
 import { defineComponent, inject, onBeforeUnmount, onScopeDispose, shallowRef } from "vue";
 import { routerKey } from "vue-router";
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanzerfe/page-use",
   "private": false,
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "基于 page-agent 的页面操作智能体：自然语言指令驱动页面点击与输入，框架无关，附 Web Component 调试面板与 Vue 适配层",
   "type": "module",
   "main": "./dist/index.mjs",