@rexvane/piweb 0.3.24 → 0.3.26

package/src/lib/remote/assets.json

@@ -1,4 +1,4 @@
 {
-    "css":  "/*\n * 手机端适配。不改 PiWeb，只在经代理的远程页面上生效\n * （本机直连 127.0.0.1:30141 的桌面页面完全不加载它）。\n *\n * 取值参照 dsh-remote 为 DSH 定的那套移动适配（同作者），并针对 PiWeb 的实测问题：\n * 390px 下输入框 304px、markdown 表格 442px 超出视口、底部统计行被截断。\n */\n@media (max-width: 840px) {\n\t/* 1) 输入框自适应高度失控。\n\t   实测：视口 390 → 304px，500 → 43px，700+ → 22px；而自然内容高始终 22px。\n\t   原因在 ChatInput 的 autoSize()：它把\"被 flex 拉伸后\"的 scrollHeight 写进了\n\t   inline height，写回后又把自己撑住，形成自锁。inline 样式不是 important，\n\t   所以这里用 max-height !important 把它夹住。 */\n\ttextarea {\n\t\tmax-height: 132px !important;\n\t\toverflow-y: auto !important;\n\t}\n\n\t/* 2) Markdown 宽表格超出视口被裁掉（实测 442 \u003e 390，body 又是 overflow-x:hidden，\n\t   等于右侧内容既看不到也滑不到）。让表格自己横向滚动。 */\n\t.md table {\n\t\tdisplay: block !important;\n\t\tmax-width: 100% !important;\n\t\toverflow-x: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t/* 3) 全局溢出护栏（dsh-remote 同款）：任何一块都不许把文档撑宽 */\n\thtml,\n\tbody {\n\t\tmax-width: 100vw !important;\n\t\toverflow-x: hidden !important;\n\t}\n\tpre {\n\t\tmax-width: 100% !important;\n\t\toverflow-x: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas {\n\t\tmax-width: 100% !important;\n\t}\n\n\t/* 4) 底部统计行原本 nowrap + ellipsis，手机上「| 输入 2…」之后永远看不到。\n\t   改成可横向滑动，滚动条隐藏，信息不再丢。 */\n\tdiv.text-center \u003e div.overflow-hidden.text-ellipsis.whitespace-nowrap {\n\t\toverflow-x: auto !important;\n\t\toverflow-y: hidden !important;\n\t\ttext-overflow: clip !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t\tscrollbar-width: none;\n\t}\n\tdiv.text-center \u003e div.overflow-hidden.text-ellipsis.whitespace-nowrap::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t/* 5) 给手机的手势条留位置（没有 insets 的设备 env() 为 0，等于没写） */\n\t.pi-main {\n\t\tpadding-bottom: env(safe-area-inset-bottom) !important;\n\t}\n\n\t/* 6) 左上角的抽屉按钮。原来是个悬浮的圆角方块（12px/12px、34px），盖在内容上、\n\t   和右边那排图标也不在一条水平线上。按 dsh-remote 对 DSH 左侧的做法收成贴角圆形，\n\t   尺寸和位置改成与右侧图标完全一致（实测右侧图标是 top 12 / 30×30，中心 y=27），\n\t   这样整行对齐，按钮底边 42 也在头部分隔线（y=43）之上，不会压住那条线。 */\n\t.pi-mobile-menu {\n\t\twidth: 30px !important;\n\t\theight: 30px !important;\n\t\tborder-radius: 999px !important;\n\t\tleft: calc(env(safe-area-inset-left) + 12px) !important;\n\t\ttop: calc(env(safe-area-inset-top) + 12px) !important;\n\t}\n\t.pi-main \u003e .hairline-b {\n\t\tpadding-left: 52px !important;\n\t}\n\n\t/* 7) 右侧大纲导轨是绝对定位的（right-2 + 约 34px 宽的竖条），正文和用户气泡\n\t   会从它下面穿过去。不动条宽——那是层级信息——而是把导轨贴边收窄，\n\t   再给滚动区留出它实际占的宽度。 */\n\t.outline-rail {\n\t\tright: 2px !important;\n\t}\n\t.outline-rail \u003e div {\n\t\tpadding-left: 6px !important;\n\t\tpadding-right: 2px !important;\n\t}\n\t.pi-main div.min-h-0.flex-1.overflow-y-auto {\n\t\tpadding-right: 30px !important;\n\t}\n\n\t/* 8) 设置弹窗：高度用 100vh（移动端的大视口），内容列又没有 min-height:0\n\t   也没有 overflow-y，于是 1986px 的内容被 overflow:hidden 裁在 828px 里，\n\t   手机上完全滑不动。实测 client=828 / scroll=1986。 */\n\t.settings-dialog {\n\t\theight: calc(100vh - 16px) !important;\n\t}\n\t.settings-dialog \u003e div:not(.settings-nav) {\n\t\tmin-height: 0 !important;\n\t\toverflow-y: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t/* 9) 模型 / 思考等级浮层锚在胶囊自己的 relative 容器上，right-0 是**胶囊**右缘，\n\t   312px 往左展开就顶出屏幕左边（实测 left 为负）。把胶囊容器解除定位，\n\t   浮层改用整张输入卡（上一层 relative）做定位父级，right-0 落在卡片右缘就装得下。\n\t   :has() 在移动端 Safari 15.4+ / Chrome 105+ 都可用。 */\n\tdiv.relative:has(\u003e button.chip[aria-haspopup=\"menu\"]) {\n\t\tposition: static !important;\n\t}\n\n\t/* 10) 设置→模型 的提供方卡片：那一行是 nowrap，中间的名字列被右侧一串按钮挤成\n\t   0 宽（实测 w=0），于是「凭据: auth.json」竖着拆行、「编辑」拆成「编/辑」、\n\t   右侧的按钮还被裁掉。手机上让这行能换行，并给名字列一个真实的最小宽度。 */\n\t.settings-dialog div.flex.items-center.gap-3:has(\u003e div.min-w-0.flex-1) {\n\t\tflex-wrap: wrap !important;\n\t\trow-gap: 8px !important;\n\t}\n\t.settings-dialog div.flex.items-center.gap-3:has(\u003e div.min-w-0.flex-1) \u003e div.min-w-0.flex-1 {\n\t\tflex: 1 1 140px !important;\n\t\tmin-width: 140px !important;\n\t}\n\n\t/* 11) 设置里 Row 那一套（[文字列][控件列] 两栏）。控件列是 flex-none，\n\t   有的行右侧很宽（「开关 + 两个数字输入框」≈272px、「繁忙时 Enter」的下拉≈233px），\n\t   于是 390px 下文字列只剩 70px 左右，中文按每行一两字竖排，行高被撑到\n\t   122px / 218px（实测 70×122、69×218）。\n\t   试过的几种写法与实测结论：\n\t     - 只给文字列 flex 增长权重：完全没用（那行没有空闲空间）\n\t     - 只缩小 gap：只能缓解（70×122 → 86×98）\n\t     - 让所有 Row 都上下排（flex:1 1 100%）：能修好，但把本来正常的行也撑高\n\t       （界面语言 53→85、字体步进 95→105），是密度回退\n\t     - 正解：文字列 flex-basis 设 0、只留 min-width 当\"不许被压到多窄\"的下限。\n\t       换行判断用的是 flex-basis（max-content 会很大，所以上一版全换行了），\n\t       设成 0 之后判断就只看 min-width：\n\t         控件窄的行（界面语言 77px、字体步进 116px）→ 仍并排，保持紧凑\n\t         控件宽的行（272px / 233px）→ 控件换到下一行，文字拿满 326px\n\t   实测：界面语言 53 不变、界面字体 95→71、繁忙时Enter 239→135、\n\t         自动压缩 143→111、自动重试 119→111，全部不再竖排。 */\n\t.settings-dialog div.hairline-b.gap-6 {\n\t\tflex-wrap: wrap !important;\n\t\tgap: 8px !important;\n\t}\n\t.settings-dialog div.hairline-b.gap-6 \u003e div.min-w-0 {\n\t\tflex: 1 1 0 !important;\n\t\tmin-width: 45% !important;\n\t}\n\t.settings-dialog div.hairline-b.gap-6 \u003e div.flex-none \u003e div.flex.items-center {\n\t\tflex-wrap: wrap !important;\n\t\tjustify-content: flex-end !important;\n\t\trow-gap: 6px !important;\n\t}\n\n\t/* 12) 外观主题卡片。卡片是 flex: 1 1 150px 的两列网格，但左右各留 32px 内边距，\n\t   159px 的卡片只剩 95px 给标题，于是「石灰与煤炭」「亚麻与苔绿」掉到第二行，\n\t   卡片高度变成 110px 而其余是 88px，网格参差（实测 6 张卡：4 张 88 / 2 张 110）。\n\t   把左右内边距收到 10px，6 张卡全部回到 88px，标题一行放得下。 */\n\t.settings-dialog button[aria-pressed] {\n\t\tpadding-left: 10px !important;\n\t\tpadding-right: 10px !important;\n\t}\n\n\t/* 13) 可点目标偏小（实测：字体步进器 26×26、reset 48×24、开关 36×20）。\n\t   只扩**热区**，绝不改可见尺寸：开关的滑块位置在 PiWeb 里是写死的\n\t   （left: 18px / 2px），把开关拉宽会让滑块错位、变成被拉长的怪药丸\n\t   —— 我第一版写的 min-width:44px 就是这个后果，用户报了\"启动按钮好丑\"。\n\t   另外这里只做**纵向**扩张（左右不扩）：字体步进器 −/+/ 之间只有 8px，\n\t   横向扩到 44px 会让两个按钮的热区重叠约 10px，点 − 反而命中 +。 */\n\t.settings-dialog .icon-btn,\n\t.settings-dialog button.h-6,\n\t.settings-dialog button.h-5,\n\t.settings-dialog [role=\"switch\"] {\n\t\tposition: relative !important;\n\t}\n\t.settings-dialog .icon-btn::after,\n\t.settings-dialog button.h-6::after,\n\t.settings-dialog button.h-5::after,\n\t.settings-dialog [role=\"switch\"]::after {\n\t\tcontent: \"\" !important;\n\t\tposition: absolute !important;\n\t\tleft: 0 !important;\n\t\tright: 0 !important;\n\t\ttop: 50% !important;\n\t\theight: max(100%, 44px) !important;\n\t\ttransform: translateY(-50%) !important;\n\t\tborder-radius: 999px !important;\n\t}\n}\n\n/* 手机上的浮层统一兜底：不许比屏幕宽，不许比屏幕高，超出就自己滚。 */\n@media (max-width: 840px) {\n\t.popover {\n\t\tmax-width: calc(100vw - 16px) !important;\n\t\tmax-height: 420px !important;\n\t\toverflow-y: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n}\n\n/* 11) 模型名太长时跑马灯。取值与做法照搬 dsh-remote 对 DSH 的：\n\t   名字窗口固定 28vw 并允许被压缩，装得下就完全不动；装不下时由注入的\n\t   mobile-fit.js 打上 data-piweb-marquee，再由这里的两份伪元素首尾相接匀速左移。\n\t   一份走完另一份正好接上（travel 已含间隔），所以循环处看不出接缝。 */\n@media (max-width: 840px) {\n\tbutton.chip[aria-haspopup=\"menu\"] \u003e span.truncate {\n\t\tmin-width: 0 !important;\n\t\tmax-width: 28vw !important;\n\t}\n\t[data-piweb-marquee] {\n\t\tposition: relative !important;\n\t\tdisplay: block !important;\n\t\twidth: 28vw !important;\n\t\tflex: none !important;\n\t\ttext-overflow: clip !important;\n\t\twhite-space: nowrap !important;\n\t\toverflow: hidden !important;\n\t\ttext-indent: 0 !important;\n\t\tcontain: layout paint !important;\n\t\tcolor: transparent !important;\n\t\tline-height: 20px !important;\n\t}\n\t[data-piweb-marquee]::before,\n\t[data-piweb-marquee]::after {\n\t\tcontent: attr(data-piweb-text);\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tcolor: var(--piweb-marquee-color, var(--dsw-label-primary));\n\t\tfont-size: 13px;\n\t\tline-height: 20px;\n\t\twhite-space: nowrap;\n\t\twill-change: transform;\n\t\ttransform: translate3d(0, 0, 0);\n\t\tanimation: piweb-mfit-marquee var(--piweb-marquee-duration, 8s) linear infinite both;\n\t}\n\t[data-piweb-marquee]::after {\n\t\tleft: var(--piweb-marquee-text, 0px);\n\t}\n\t@keyframes piweb-mfit-marquee {\n\t\tfrom { transform: translate3d(0, 0, 0); }\n\t\tto { transform: translate3d(calc(-1 * var(--piweb-marquee-text, 0px)), 0, 0); }\n\t}\n}\n\n/* dvh 是\"实际可见高度\"，比 100vh（移动 Chrome 的大视口）可靠；\n   不支持时上面那两条固定值兜底。 */\n@supports (height: 100dvh) {\n\t@media (max-width: 840px) {\n\t\ttextarea {\n\t\t\tmax-height: min(132px, 26dvh) !important;\n\t\t}\n\t\t.popover {\n\t\t\tmax-height: min(60dvh, 420px) !important;\n\t\t}\n\t\t.settings-dialog {\n\t\t\theight: calc(100dvh - 16px) !important;\n\t\t}\n\t}\n}\n",
+    "css":  "/*\n * 手机端适配。不改 PiWeb，只在经代理的远程页面上生效\n * （本机直连 127.0.0.1:30141 的桌面页面完全不加载它）。\n *\n * 取值参照 dsh-remote 为 DSH 定的那套移动适配（同作者），并针对 PiWeb 的实测问题：\n * 390px 下输入框 304px、markdown 表格 442px 超出视口、底部统计行被截断。\n */\n@media (max-width: 840px) {\n\t/* 1) 输入框自适应高度失控。\n\t   实测：视口 390 → 304px，500 → 43px，700+ → 22px；而自然内容高始终 22px。\n\t   原因在 ChatInput 的 autoSize()：它把\"被 flex 拉伸后\"的 scrollHeight 写进了\n\t   inline height，写回后又把自己撑住，形成自锁。inline 样式不是 important，\n\t   所以这里用 max-height !important 把它夹住。 */\n\ttextarea {\n\t\tmax-height: 132px !important;\n\t\toverflow-y: auto !important;\n\t}\n\n\t/* 2) Markdown 宽表格超出视口被裁掉（实测 442 \u003e 390，body 又是 overflow-x:hidden，\n\t   等于右侧内容既看不到也滑不到）。让表格自己横向滚动。 */\n\t.md table {\n\t\tdisplay: block !important;\n\t\tmax-width: 100% !important;\n\t\toverflow-x: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t/* 3) 全局溢出护栏（dsh-remote 同款）：任何一块都不许把文档撑宽 */\n\thtml,\n\tbody {\n\t\tmax-width: 100vw !important;\n\t\toverflow-x: hidden !important;\n\t}\n\tpre {\n\t\tmax-width: 100% !important;\n\t\toverflow-x: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\timg,\n\tsvg,\n\tvideo,\n\tcanvas {\n\t\tmax-width: 100% !important;\n\t}\n\n\t/* 4) 底部统计行原本 nowrap + ellipsis，手机上「| 输入 2…」之后永远看不到。\n\t   改成可横向滑动，滚动条隐藏，信息不再丢。 */\n\tdiv.text-center \u003e div.overflow-hidden.text-ellipsis.whitespace-nowrap {\n\t\toverflow-x: auto !important;\n\t\toverflow-y: hidden !important;\n\t\ttext-overflow: clip !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t\tscrollbar-width: none;\n\t}\n\tdiv.text-center \u003e div.overflow-hidden.text-ellipsis.whitespace-nowrap::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t/* 5) 给手机的手势条留位置（没有 insets 的设备 env() 为 0，等于没写） */\n\t.pi-main {\n\t\tpadding-bottom: env(safe-area-inset-bottom) !important;\n\t}\n\n\t/* 6) 左上角的抽屉按钮。原来是个悬浮的圆角方块（12px/12px、34px），盖在内容上、\n\t   和右边那排图标也不在一条水平线上。按 dsh-remote 对 DSH 左侧的做法收成贴角圆形，\n\t   尺寸和位置改成与右侧图标完全一致（实测右侧图标是 top 12 / 30×30，中心 y=27），\n\t   这样整行对齐，按钮底边 42 也在头部分隔线（y=43）之上，不会压住那条线。 */\n\t.pi-mobile-menu {\n\t\twidth: 30px !important;\n\t\theight: 30px !important;\n\t\tborder-radius: 999px !important;\n\t\tleft: calc(env(safe-area-inset-left) + 12px) !important;\n\t\ttop: calc(env(safe-area-inset-top) + 12px) !important;\n\t}\n\t.pi-main \u003e .hairline-b {\n\t\tpadding-left: 52px !important;\n\t}\n\n\t/* 7) 右侧大纲导轨是绝对定位的（right-2 + 约 34px 宽的竖条），正文和用户气泡\n\t   会从它下面穿过去。不动条宽——那是层级信息——而是把导轨贴边收窄，\n\t   再给滚动区留出它实际占的宽度。 */\n\t.outline-rail {\n\t\tright: 2px !important;\n\t}\n\t.outline-rail \u003e div {\n\t\tpadding-left: 6px !important;\n\t\tpadding-right: 2px !important;\n\t}\n\t.pi-main div.min-h-0.flex-1.overflow-y-auto {\n\t\tpadding-right: 30px !important;\n\t}\n\n\t/* 8) 设置弹窗：高度用 100vh（移动端的大视口），内容列又没有 min-height:0\n\t   也没有 overflow-y，于是 1986px 的内容被 overflow:hidden 裁在 828px 里，\n\t   手机上完全滑不动。实测 client=828 / scroll=1986。 */\n\t.settings-dialog {\n\t\theight: calc(100vh - 16px) !important;\n\t}\n\t.settings-dialog \u003e div:not(.settings-nav) {\n\t\tmin-height: 0 !important;\n\t\toverflow-y: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n\n\t/* 9) 模型 / 思考等级浮层锚在胶囊自己的 relative 容器上，right-0 是**胶囊**右缘，\n\t   312px 往左展开就顶出屏幕左边（实测 left 为负）。把胶囊容器解除定位，\n\t   浮层改用整张输入卡（上一层 relative）做定位父级，right-0 落在卡片右缘就装得下。\n\t   :has() 在移动端 Safari 15.4+ / Chrome 105+ 都可用。 */\n\tdiv.relative:has(\u003e button.chip[aria-haspopup=\"menu\"]) {\n\t\tposition: static !important;\n\t}\n\n\t/* 10) 设置→模型 的提供方卡片：那一行是 nowrap，中间的名字列被右侧一串按钮挤成\n\t   0 宽（实测 w=0），于是「凭据: auth.json」竖着拆行、「编辑」拆成「编/辑」、\n\t   右侧的按钮还被裁掉。手机上让这行能换行，并给名字列一个真实的最小宽度。 */\n\t.settings-dialog div.flex.items-center.gap-3:has(\u003e div.min-w-0.flex-1) {\n\t\tflex-wrap: wrap !important;\n\t\trow-gap: 8px !important;\n\t}\n\t.settings-dialog div.flex.items-center.gap-3:has(\u003e div.min-w-0.flex-1) \u003e div.min-w-0.flex-1 {\n\t\tflex: 1 1 140px !important;\n\t\tmin-width: 140px !important;\n\t}\n\n\t/* 11) 设置里 Row 那一套（[文字列][控件列] 两栏）。控件列是 flex-none，\n\t   有的行右侧很宽（「开关 + 两个数字输入框」≈272px、「繁忙时 Enter」的下拉≈233px），\n\t   于是 390px 下文字列只剩 70px 左右，中文按每行一两字竖排，行高被撑到\n\t   122px / 218px（实测 70×122、69×218）。\n\t   试过的几种写法与实测结论：\n\t     - 只给文字列 flex 增长权重：完全没用（那行没有空闲空间）\n\t     - 只缩小 gap：只能缓解（70×122 → 86×98）\n\t     - 让所有 Row 都上下排（flex:1 1 100%）：能修好，但把本来正常的行也撑高\n\t       （界面语言 53→85、字体步进 95→105），是密度回退\n\t     - 正解：文字列 flex-basis 设 0、只留 min-width 当\"不许被压到多窄\"的下限。\n\t       换行判断用的是 flex-basis（max-content 会很大，所以上一版全换行了），\n\t       设成 0 之后判断就只看 min-width：\n\t         控件窄的行（界面语言 77px、字体步进 116px）→ 仍并排，保持紧凑\n\t         控件宽的行（272px / 233px）→ 控件换到下一行，文字拿满 326px\n\t   实测：界面语言 53 不变、界面字体 95→71、繁忙时Enter 239→135、\n\t         自动压缩 143→111、自动重试 119→111，全部不再竖排。 */\n\t.settings-dialog div.hairline-b.gap-6 {\n\t\tflex-wrap: wrap !important;\n\t\tgap: 8px !important;\n\t}\n\t.settings-dialog div.hairline-b.gap-6 \u003e div.min-w-0 {\n\t\tflex: 1 1 0 !important;\n\t\tmin-width: 45% !important;\n\t}\n\t.settings-dialog div.hairline-b.gap-6 \u003e div.flex-none \u003e div.flex.items-center {\n\t\tflex-wrap: wrap !important;\n\t\tjustify-content: flex-end !important;\n\t\trow-gap: 6px !important;\n\t}\n\n\t/* 12) 外观主题卡片。卡片是 flex: 1 1 150px 的两列网格，但左右各留 32px 内边距，\n\t   159px 的卡片只剩 95px 给标题，于是「石灰与煤炭」「亚麻与苔绿」掉到第二行，\n\t   卡片高度变成 110px 而其余是 88px，网格参差（实测 6 张卡：4 张 88 / 2 张 110）。\n\t   把左右内边距收到 10px，6 张卡全部回到 88px，标题一行放得下。 */\n\t.settings-dialog button[aria-pressed] {\n\t\tpadding-left: 10px !important;\n\t\tpadding-right: 10px !important;\n\t}\n\n\t/* 13) 可点目标偏小（实测：字体步进器 26×26、reset 48×24、开关 36×20）。\n\t   只扩**热区**，绝不改可见尺寸：开关的滑块位置在 PiWeb 里是写死的\n\t   （left: 18px / 2px），把开关拉宽会让滑块错位、变成被拉长的怪药丸\n\t   —— 我第一版写的 min-width:44px 就是这个后果，用户报了\"启动按钮好丑\"。\n\t   另外这里只做**纵向**扩张（左右不扩）：字体步进器 −/+/ 之间只有 8px，\n\t   横向扩到 44px 会让两个按钮的热区重叠约 10px，点 − 反而命中 +。 */\n\t.settings-dialog .icon-btn,\n\t.settings-dialog button.h-6,\n\t.settings-dialog button.h-5,\n\t.settings-dialog [role=\"switch\"] {\n\t\tposition: relative !important;\n\t}\n\t.settings-dialog .icon-btn::after,\n\t.settings-dialog button.h-6::after,\n\t.settings-dialog button.h-5::after,\n\t.settings-dialog [role=\"switch\"]::after {\n\t\tcontent: \"\" !important;\n\t\tposition: absolute !important;\n\t\tleft: 0 !important;\n\t\tright: 0 !important;\n\t\ttop: 50% !important;\n\t\theight: max(100%, 44px) !important;\n\t\ttransform: translateY(-50%) !important;\n\t\tborder-radius: 999px !important;\n\t}\n}\n\n/* 手机上的浮层统一兜底：不许比屏幕宽，不许比屏幕高，超出就自己滚。 */\n@media (max-width: 840px) {\n\t.popover {\n\t\tmax-width: calc(100vw - 16px) !important;\n\t\tmax-height: 420px !important;\n\t\toverflow-y: auto !important;\n\t\t-webkit-overflow-scrolling: touch;\n\t}\n}\n\n/* 上下文弹窗（圆环）额外收紧：它右对齐在圆环上，而圆环离屏幕右缘还有 60-70px\n   （主输入框 ~71px、旁聊面板 ~63px）。上面「统一兜底」的 100vw-16px 在 360px 以下\n   的机型仍会把左边顶出屏幕（实测 344px → left −15px、320px → left −39px）。\n   这里按视口留出 96px：主输入框与旁聊面板实测 left ≥ 25px，且不越出旁聊面板左缘。 */\n@media (max-width: 840px) {\n\t.popover.pw-context-popover {\n\t\tmax-width: calc(100vw - 96px) !important;\n\t}\n}\n\n/* 11) 模型名太长时跑马灯。取值与做法照搬 dsh-remote 对 DSH 的：\n\t   名字窗口固定 28vw 并允许被压缩，装得下就完全不动；装不下时由注入的\n\t   mobile-fit.js 打上 data-piweb-marquee，再由这里的两份伪元素首尾相接匀速左移。\n\t   一份走完另一份正好接上（travel 已含间隔），所以循环处看不出接缝。 */\n@media (max-width: 840px) {\n\tbutton.chip[aria-haspopup=\"menu\"] \u003e span.truncate {\n\t\tmin-width: 0 !important;\n\t\tmax-width: 28vw !important;\n\t}\n\t[data-piweb-marquee] {\n\t\tposition: relative !important;\n\t\tdisplay: block !important;\n\t\twidth: 28vw !important;\n\t\tflex: none !important;\n\t\ttext-overflow: clip !important;\n\t\twhite-space: nowrap !important;\n\t\toverflow: hidden !important;\n\t\ttext-indent: 0 !important;\n\t\tcontain: layout paint !important;\n\t\tcolor: transparent !important;\n\t\tline-height: 20px !important;\n\t}\n\t[data-piweb-marquee]::before,\n\t[data-piweb-marquee]::after {\n\t\tcontent: attr(data-piweb-text);\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tcolor: var(--piweb-marquee-color, var(--dsw-label-primary));\n\t\tfont-size: 13px;\n\t\tline-height: 20px;\n\t\twhite-space: nowrap;\n\t\twill-change: transform;\n\t\ttransform: translate3d(0, 0, 0);\n\t\tanimation: piweb-mfit-marquee var(--piweb-marquee-duration, 8s) linear infinite both;\n\t}\n\t[data-piweb-marquee]::after {\n\t\tleft: var(--piweb-marquee-text, 0px);\n\t}\n\t@keyframes piweb-mfit-marquee {\n\t\tfrom { transform: translate3d(0, 0, 0); }\n\t\tto { transform: translate3d(calc(-1 * var(--piweb-marquee-text, 0px)), 0, 0); }\n\t}\n}\n\n/* dvh 是\"实际可见高度\"，比 100vh（移动 Chrome 的大视口）可靠；\n   不支持时上面那两条固定值兜底。 */\n@supports (height: 100dvh) {\n\t@media (max-width: 840px) {\n\t\ttextarea {\n\t\t\tmax-height: min(132px, 26dvh) !important;\n\t\t}\n\t\t.popover {\n\t\t\tmax-height: min(60dvh, 420px) !important;\n\t\t}\n\t\t.settings-dialog {\n\t\t\theight: calc(100dvh - 16px) !important;\n\t\t}\n\t}\n}\n",
     "js":  "/*\n * 手机端脚本（配合 mobile-fit.css）。\n *\n * 做两件事：\n * 1) 模型名太长时改成「跑马灯」。做法照搬 dsh-remote 对 DSH 的处理——\n *    名字窗口固定 28vw，装得下就完全不动；装不下时才把两份文本首尾相接匀速左移，\n *    一份走完另一份正好接上，循环没有空档。CSS 负责动画，这里只负责\"量\"和\"打标记\"。\n *    为什么必须用 JS 量：纯 CSS 判断不了\"是否真的被截断\"，只能用省略号一裁了之，\n *    名字的尾巴就永远看不到了。\n * 2) 设置里「文字 + 开关」那种行，手机上点文字也能切开关。\n *    手机断点下这行是上下排（见 mobile-fit.css 第 11 条），文字占满一行、开关缩在下面，\n *    而 PiWeb 只让那个 36×20 的小开关可点 —— 用户点最显眼的标题文字毫无反应，\n *    看起来就是\"这个开关坏了\"。实测：点文字 0 次请求，点开关才发请求。\n */\n(function () {\n\t\"use strict\";\n\n\tvar ATTR = \"data-piweb-marquee\";\n\tvar TEXT_ATTR = \"data-piweb-text\";\n\tvar TEXT_VAR = \"--piweb-marquee-text\";\n\tvar DURATION_VAR = \"--piweb-marquee-duration\";\n\tvar COLOR_VAR = \"--piweb-marquee-color\";\n\tvar /** 两份文本之间留的间隔，也是 travel 里多出来的那一段 */\n\t\tGAP = 40;\n\tvar /** 每秒移动多少像素，太长就慢一点 */\n\t\tSPEED = 22;\n\tvar MIN_CYCLE = 6;\n\tvar ROW_BOUND_ATTR = \"data-piweb-row-bound\";\n\n\t/** 模型胶囊里的名字（ModelSelector 里那个 span.truncate） */\n\tfunction label() {\n\t\treturn document.querySelector(\u0027button.chip[aria-haspopup=\"menu\"] \u003e span.truncate\u0027);\n\t}\n\n\tfunction apply() {\n\t\tvar el = label();\n\t\tif (!el) return;\n\t\tvar text = el.textContent || \"\";\n\t\tif (!text) return;\n\n\t\t// 同一个名字已经标过就别再动它：重设属性会把 CSS 动画从头开始，看起来是\"一直重启\"\n\t\tif (el.hasAttribute(ATTR) \u0026\u0026 el.getAttribute(TEXT_ATTR) === text) return;\n\n\t\t// 量必须在\"静止态\"下做：先摘掉标记，否则量到的是被 28vw 框死之后的宽度\n\t\tif (el.hasAttribute(ATTR)) el.removeAttribute(ATTR);\n\t\tvar natural = el.scrollWidth;\n\t\tvar windowWidth = el.clientWidth;\n\t\tif (!windowWidth || natural \u003c= windowWidth + 1) return; // 装得下，什么都不做\n\n\t\tel.style.setProperty(COLOR_VAR, getComputedStyle(el).color);\n\t\tel.style.setProperty(TEXT_VAR, natural + GAP + \"px\");\n\t\tel.style.setProperty(DURATION_VAR, Math.max(MIN_CYCLE, (natural + GAP) / SPEED).toFixed(1) + \"s\");\n\t\tel.setAttribute(TEXT_ATTR, text);\n\t\tel.setAttribute(ATTR, \"\");\n\t}\n\n\t/**\n\t * 设置里「文字 + 开关」的行：把文字列变成开关的\"大号按钮\"。\n\t *\n\t * 只绑文字列（Row 里那个 min-w-0 的直系子元素），不碰控件列：\n\t * 控件列里有数字输入框，整行可点会把\"点输入框\"也变成切开关。\n\t * React 重渲染会换掉节点，所以每次轮询都重查；用属性做幂等标记，重复绑不会叠加。\n\t */\n\tfunction bindSwitchRows() {\n\t\tvar switches = document.querySelectorAll(\u0027.settings-dialog [role=\"switch\"]\u0027);\n\t\tfor (var i = 0; i \u003c switches.length; i++) {\n\t\t\tvar sw = switches[i];\n\t\t\tvar row = sw.closest(\".hairline-b\");\n\t\t\tif (!row || row.getAttribute(ROW_BOUND_ATTR) === \"1\") continue;\n\t\t\t// Row 的文字列：hairline-b 的直系子元素里带 min-w-0 的那个\n\t\t\tvar label = null;\n\t\t\tfor (var c = 0; c \u003c row.children.length; c += 1) {\n\t\t\t\tif (row.children[c].classList.contains(\"min-w-0\")) { label = row.children[c]; break; }\n\t\t\t}\n\t\t\tif (!label) continue;\n\t\t\trow.setAttribute(ROW_BOUND_ATTR, \"1\");\n\t\t\t(function (button, labelEl) {\n\t\t\t\tlabelEl.style.cursor = \"pointer\";\n\t\t\t\tlabelEl.addEventListener(\"click\", function (event) {\n\t\t\t\t\t// 文字里可能有链接/按钮，别抢它们\n\t\t\t\t\tif (event.target.closest(\"a, button, input, select, textarea\")) return;\n\t\t\t\t\tif (button.disabled) return;\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tbutton.click();\n\t\t\t\t});\n\t\t\t})(sw, label);\n\t\t}\n\t}\n\n\t// 模型名会随会话/选择变化，输入卡也会整体重挂载；轮询最省事，且因为有上面的\n\t// 提前返回，稳态下每次只花一个 querySelector。\n\tfunction start() {\n\t\tapply();\n\t\tbindSwitchRows();\n\t\tsetInterval(function () { apply(); bindSwitchRows(); }, 800);\n\t\twindow.addEventListener(\"resize\", apply, { passive: true });\n\t\twindow.addEventListener(\"orientationchange\", apply, { passive: true });\n\t}\n\n\tif (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", start, { once: true });\n\telse start();\n})();"
 }

package/src/lib/remote/supervisor.ts

@@ -99,6 +99,8 @@ export interface LanState {
 	running: boolean;
 	port: number | null;
 	urls: string[];
+	/** 这一个监听是否在注入手机排版。插件关掉时为 false（纯转发），端口与可达性不变 */
+	styled: boolean;
 	error: string | null;
 }
 
@@ -118,6 +120,8 @@ export type RemoteBlocked = "auth" | "dev";
 
 export interface RemoteStatus {
 	plugin: typeof PLUGIN_ID;
+	/** 内置插件是否启用。关掉后局域网入口仍在（纯转发），但没有手机排版与公网入口 */
+	pluginEnabled: boolean;
 	/** PiWeb 自己的端口（局域网入口的转发目标） */
 	targetPort: number;
 	/** 非空时两个入口都不许开，UI 应置灰按钮并说明原因 */
@@ -127,7 +131,7 @@ export interface RemoteStatus {
 }
 
 interface SupervisorState {
-	lan: { server: http.Server; port: number } | null;
+	lan: { server: http.Server; port: number; styled: boolean } | null;
 	tunnel: { child: ChildProcess; url: string | null; ready: boolean } | null;
 	/** 正在启动中的那一次：并发调用复用它，不能起两个监听 / 两个 cloudflared */
 	lanStarting?: Promise<LanState> | null;
@@ -250,12 +254,14 @@ export function remoteStatus(): RemoteStatus {
 	const lanPort = current.lan?.port ?? null;
 	return {
 		plugin: PLUGIN_ID,
+		pluginEnabled: remotePluginEnabled(),
 		targetPort: piwebPort(),
 		blocked: remoteBlocked(),
 		lan: {
 			running: Boolean(current.lan),
 			port: lanPort,
 			urls: lanPort ? lanAddresses().map((address) => `http://${address}:${lanPort}`) : [],
+			styled: Boolean(current.lan?.styled),
 			error: current.lanError,
 		},
 		public: {
@@ -308,7 +314,42 @@ export function markEngineMissing(): void {
 	current.enginePath = null;
 }
 
-/** 起局域网入口；已经在跑（或正在起）就复用。targetPort 默认转发回 PiWeb 自己，测试可改成别的上游。 */
+/**
+ * 内置插件是否启用。关闭后**局域网入口照旧可用**，只是不再注入手机排版、也不提供公网隧道——
+ * 这样用户可以用自己写的插件或自建反代接手远程访问，而手机在同一个 WiFi 下仍然连得上。
+ *
+ * 存 `<agentDir>/remote-plugin.json`，与 web-secret 同一目录。读不到就按启用处理（默认开）。
+ */
+function pluginFile(): string {
+	return path.join(agentDir(), "remote-plugin.json");
+}
+
+export function remotePluginEnabled(): boolean {
+	try {
+		const raw = JSON.parse(fs.readFileSync(pluginFile(), "utf8")) as { enabled?: unknown };
+		return raw?.enabled !== false;
+	} catch {
+		// 没写过、或文件坏了：按默认（启用）处理，不让一次读盘失败把功能关掉
+		return true;
+	}
+}
+
+export function setRemotePluginEnabled(enabled: boolean): void {
+	const file = pluginFile();
+	try {
+		fs.mkdirSync(path.dirname(file), { recursive: true });
+		fs.writeFileSync(file, `${JSON.stringify({ enabled }, null, 2)}\n`, "utf8");
+	} catch (error) {
+		throw new Error(`无法保存远程连接插件开关：${error instanceof Error ? error.message : error}`);
+	}
+}
+
+/**
+ * 起局域网入口；已经在跑（或正在起）就复用。targetPort 默认转发回 PiWeb 自己，测试可改成别的上游。
+ *
+ * 插件启用时是「手机排版注入代理」；关闭时同一个端口退化成**纯转发**（不注入任何东西），
+ * 这样自建反代指向 30142 的部署不会因为关掉插件而失效——用户要的是「插件可关、局域网照旧」。
+ */
 export function startLan(port = remoteLanPort(), host = "0.0.0.0", targetPort = piwebPort()): Promise<LanState> {
 	const current = state();
 	if (current.lan) return Promise.resolve(remoteStatus().lan);
@@ -323,10 +364,12 @@ export function startLan(port = remoteLanPort(), host = "0.0.0.0", targetPort =
 async function listenLan(port: number, host: string, targetPort: number): Promise<LanState> {
 	const current = state();
 	current.lanError = null;
+	const styled = remotePluginEnabled();
 	const server = createMobileProxy({
 		targetPort,
-		css: MOBILE_FIT_CSS,
-		js: MOBILE_FIT_JS,
+		// 关掉插件就不注入：仍是同一个端口、同一套转发，只是页面上不再有手机排版补丁
+		css: styled ? MOBILE_FIT_CSS : null,
+		js: styled ? MOBILE_FIT_JS : null,
 		log: (message) => console.warn(message),
 	});
 	try {
@@ -339,7 +382,7 @@ async function listenLan(port: number, host: string, targetPort: number): Promis
 		server.close();
 		return remoteStatus().lan;
 	}
-	current.lan = { server, port };
+	current.lan = { server, port, styled };
 	return remoteStatus().lan;
 }
 

package/src/lib/security-service.ts

@@ -9,6 +9,7 @@ import { invalidateJsonFile, readJsonObject } from "./agent-config";
 import { getAgentDir, getSettingsManager, reloadAllLoaders, reloadSettingsManagers, syncProjectTrust } from "./pi";
 import { reloadSessionsForCwd } from "./agent-manager";
 import { flushSettingsOrThrow, withSettingsWriteLock } from "./settings-write-lock";
+import { APP_ROOT } from "./app-root";
 
 export type ProjectTrust = "ask" | "always" | "never";
 
@@ -23,7 +24,7 @@ export async function setProjectTrust(value: ProjectTrust): Promise<void> {
 	if (value !== "ask" && value !== "always" && value !== "never") throw new Error("invalid defaultProjectTrust");
 	await withSettingsWriteLock(path.join(getAgentDir(), "settings.json"), async () => {
 		await getSecurity(); // ENOENT only; malformed or unreadable settings must fail closed.
-		const manager = getSettingsManager(process.cwd());
+		const manager = getSettingsManager(APP_ROOT);
 		await flushSettingsOrThrow(manager);
 		await manager.reload();
 		await flushSettingsOrThrow(manager);

package/src/lib/session-reader.ts

@@ -7,9 +7,10 @@ import path from "node:path";
 import { createInterface } from "node:readline";
 import { SessionManager } from "@earendil-works/pi-coding-agent";
 import type { SessionSummary, WebMessage } from "./types";
-import { toWebMessage } from "./agent-manager";
+import { sessionDisplayMessages, syncSessionsFromDisk } from "./agent-manager";
 import { getAgentDir } from "./pi";
 import { BoundaryError, isPathInside } from "./path-security";
+import { promptTitleText } from "./chat/skill-expansion";
 
 function toSummary(info: {
 	path: string;
@@ -31,6 +32,11 @@ function toSummary(info: {
 	};
 }
 
+/** Date 能表示的毫秒数（±8.64e15）：超出范围的 toISOString 会抛 RangeError */
+function isValidTime(ms: number): boolean {
+	return Number.isFinite(ms) && Math.abs(ms) <= 8.64e15;
+}
+
 /** firstMessage 只当侧栏标题与搜索用：整段贴进来的长提问不该随每 3 秒一次的列表轮询反复下发 */
 export const FIRST_MESSAGE_MAX_CHARS = 300;
 
@@ -76,22 +82,25 @@ async function summarize(filePath: string, stat: { mtime: Date }): Promise<Sessi
 			if (!message || typeof message.role !== "string" || !("content" in message)) continue;
 			if (message.role !== "user" && message.role !== "assistant") continue;
 			const at = typeof message.timestamp === "number" ? message.timestamp : new Date(entry.timestamp).getTime();
-			if (Number.isFinite(at)) lastActivity = Math.max(lastActivity ?? 0, at);
+			if (isValidTime(at)) lastActivity = Math.max(lastActivity ?? 0, at);
 			if (!firstMessage && message.role === "user") {
 				const content = message.content;
-				firstMessage = typeof content === "string"
+				firstMessage = promptTitleText(typeof content === "string"
 					? content
-					: Array.isArray(content) ? content.filter((b: any) => b?.type === "text").map((b: any) => b.text).join(" ") : "";
+					: Array.isArray(content) ? content.filter((b: any) => b?.type === "text").map((b: any) => b.text).join(" ") : "");
 			}
 		}
 		if (!header) return null;
 		const headerTime = typeof header.timestamp === "string" ? new Date(header.timestamp).getTime() : NaN;
-		const modified = lastActivity && lastActivity > 0 ? new Date(lastActivity) : !Number.isNaN(headerTime) ? new Date(headerTime) : stat.mtime;
+		const created = isValidTime(headerTime) ? new Date(headerTime) : stat.mtime;
+		const modified = lastActivity && lastActivity > 0 ? new Date(lastActivity) : created;
 		return toSummary({
 			path: filePath,
 			name,
 			cwd: typeof header.cwd === "string" ? header.cwd : "",
-			created: new Date(String(header.timestamp)),
+			// 头里缺 timestamp 或写坏了：回落 mtime。以前直接 new Date(String(...))，Invalid Date 的 toISOString 一抛，
+			// 整个会话就被 catch 吞成 null，从侧栏里悄悄消失
+			created,
 			modified,
 			messageCount,
 			firstMessage: clipFirstMessage(firstMessage) || "(no messages)",
@@ -118,8 +127,12 @@ interface CachedSummary {
  * 按 mtime + 大小校验，命中就沿用摘要——侧栏首次渲染从"全量解析"变成"读一个小 JSON"。
  * 索引只是加速：读不到、版本不符、写不进去都退化成全量扫描，绝不影响正确性。
  */
-/** 2：firstMessage 开始截断，旧索引里的整段原文要重新摘要 */
-const INDEX_VERSION = 2;
+/**
+ * 2：firstMessage 开始截断，旧索引里的整段原文要重新摘要
+ * 3：技能展开的首条消息还原成 `/skill:name 参数`，旧索引里存的是 `<skill name=…>` 加 SKILL.md 正文
+ * 4：头时间戳坏掉的会话不再摘要成 null，旧索引里缓存的 null 要重读才能回到侧栏
+ */
+const INDEX_VERSION = 4;
 const INDEX_FILENAME = "piweb-session-index.json";
 const INDEX_MAX_ENTRIES = 5000;
 const INDEX_SAVE_DELAY_MS = 1500;
@@ -246,6 +259,8 @@ export async function listSessions(query?: string): Promise<SessionSummary[]> {
 		scanning ??= scanSessions().finally(() => { scanning = null; });
 		list = await scanning;
 		listCache = { at: Date.now(), list };
+		// 顺带看看开着的会话有没有被终端 pi 写过（见 agent-manager syncWithDisk）
+		syncSessionsFromDisk();
 	}
 	if (query?.trim()) {
 		const q = query.trim().toLowerCase();
@@ -281,7 +296,7 @@ export async function deleteSession(sessionPath: string): Promise<void> {
 	}
 }
 
-/** 冷读取：还原上下文消息 + 会话名（不启动 agent） */
+/** 冷读取：还原消息（含被压缩掉的历史）+ 会话名（不启动 agent） */
 export async function readSession(sessionPath: string): Promise<{
 	cwd: string;
 	name: string;
@@ -290,10 +305,7 @@ export async function readSession(sessionPath: string): Promise<{
 	const sm = SessionManager.open(sessionPath);
 	let messages: WebMessage[] = [];
 	try {
-		const entries = sm.buildContextEntries();
-		messages = entries
-			.filter((e: any) => e.type === "message" && e.message)
-			.map((e: any) => toWebMessage(e.message, e.id));
+		messages = sessionDisplayMessages(sm);
 	} catch {
 		messages = [];
 	}

package/src/lib/session-retention.ts

@@ -1,5 +1,6 @@
 /**
- * 归档会话保留期：归档后超过 N 天没有活动（以会话文件 mtime 为准）就自动删除。
+ * 归档会话保留期：从归档那一刻起算满 N 天就自动删除；归档后又用过的，从最后一次活动（文件 mtime）起算。
+ * 以前只看 mtime，于是把一个很久没动的旧会话归档，几小时内就会被直接删掉。
  *
  * 只会碰「在归档列表里」的会话：没归档的会话即使很久没动也不会被动。
  * 正在被本进程管理的会话（打开中/运行中）一律跳过——交给它自己空闲回收。
@@ -7,15 +8,16 @@
  */
 import fs from "node:fs/promises";
 import path from "node:path";
-import { forgetSession, getWorkspaceRegistry } from "./workspace-store";
+import { forgetSession, getArchivedEntries } from "./workspace-store";
 
-/** 归档会话多久没有活动就删除（天） */
+/** 归档会话保留多久（天）；侧栏「已归档」的提示文案（i18n archiveRetentionHint）写的是同一个数 */
 export const ARCHIVED_RETENTION_DAYS = 30;
 /** 两次清理之间的间隔 */
 export const SWEEP_INTERVAL_MS = 6 * 60 * 60 * 1000;
 
 export interface RetentionReport {
 	scanned: number;
+	/** idleDays：距归档或最后一次活动（取较晚者）的天数 */
 	deleted: { path: string; idleDays: number }[];
 	/** 文件已不在磁盘上：只清掉归档列表里的记录 */
 	missing: string[];
@@ -44,9 +46,9 @@ export async function sweepArchivedSessions({
 	const report: RetentionReport = { scanned: 0, deleted: [], missing: [], skippedActive: [], kept: 0 };
 	if (!Number.isFinite(retentionDays) || retentionDays <= 0) return report;
 	const cutoff = now - retentionDays * 24 * 60 * 60 * 1000;
-	const { archivedSessions } = await getWorkspaceRegistry();
+	const entries = await getArchivedEntries({ now, persist: !dryRun });
 
-	for (const sessionPath of archivedSessions) {
+	for (const { path: sessionPath, archivedAt } of entries) {
 		report.scanned += 1;
 		const target = path.resolve(sessionPath);
 		if (isActive(target)) {
@@ -66,18 +68,19 @@ export async function sweepArchivedSessions({
 			if (!dryRun) await forgetSession(target);
 			continue;
 		}
-		if (mtimeMs > cutoff) {
+		const since = Math.max(archivedAt, mtimeMs);
+		if (since > cutoff) {
 			report.kept += 1;
 			continue;
 		}
-		const idleDays = Math.floor((now - mtimeMs) / (24 * 60 * 60 * 1000));
+		const idleDays = Math.floor((now - since) / (24 * 60 * 60 * 1000));
 		report.deleted.push({ path: target, idleDays });
 		if (dryRun) continue;
 		// 运行时再取：session-reader → agent-manager → 本模块 构成环，静态导入会在初始化期踩空
 		const { deleteSession } = await import("./session-reader");
 		await deleteSession(target);
 		await forgetSession(target);
-		log(`[piweb] 归档会话已超过 ${retentionDays} 天没有活动（${idleDays} 天），已删除：${target}`);
+		log(`[piweb] 归档会话已满 ${retentionDays} 天（归档后 ${idleDays} 天没有活动），已删除：${target}`);
 	}
 	return report;
 }

package/src/lib/skills-service.ts

@@ -8,6 +8,7 @@ import path from "node:path";
 import { getAgentDir, getResourceLoader, reloadAllLoaders, resourceLoaderReady } from "./pi";
 import { reloadSessionsForCwd } from "./agent-manager";
 import { resolveDiscoveredPath } from "./path-security";
+import { APP_ROOT } from "./app-root";
 
 export interface SkillView {
 	name: string;
@@ -67,7 +68,7 @@ async function classifyScope(filePath: string, context: ScopeContext): Promise<S
 export async function listSkills(cwd?: string): Promise<SkillView[]> {
 	const seen = new Set<string>();
 	const out: SkillView[] = [];
-	const targets: string[] = cwd ? [path.resolve(cwd)] : [process.cwd()];
+	const targets: string[] = cwd ? [path.resolve(cwd)] : [APP_ROOT];
 	for (const dir of targets) {
 		await resourceLoaderReady(dir);
 		const loader = getResourceLoader(dir);

package/src/lib/slash-command-token.ts

@@ -0,0 +1,14 @@
+/** 光标处的斜杠命令：在开头或空白之后才算，路径和 URL 不算。
+ * 采纳时替换整段 token（光标停在中间也一样），前后的正文原样保留。
+ */
+export function slashCommandToken(text: string, caret: number | null): { start: number; tokenEnd: number; query: string } | null {
+	if (caret === null || caret < 0 || caret > text.length) return null;
+	const match = /(?:^|\s)\/([^\s/]*)$/.exec(text.slice(0, caret));
+	if (!match) return null;
+	const query = match[1];
+	const start = caret - query.length - 1;
+	let tokenEnd = caret;
+	while (tokenEnd < text.length && !/\s/.test(text[tokenEnd])) tokenEnd += 1;
+	if (text.slice(start + 1, tokenEnd).includes("/")) return null;
+	return { start, tokenEnd, query };
+}

package/src/lib/trajectory.ts

@@ -33,6 +33,83 @@ function textOf(content: any): string {
 	return "";
 }
 
+/** 工具参数里最像“这一行在干什么”的那个字段,给侧栏“最后一步”用 */
+const SUMMARY_KEYS = ["command", "cmd", "script", "file_path", "path", "pattern", "query", "url"];
+
+/** 工具参数 JSON 的上限：write 的 content 动辄整份文件，账本只保留可读的头部 */
+const TOOL_ARGS_MAX_CHARS = 8_000;
+/** 工具最终输出的上限：与 SSE 帧的 coercePartial 同量级，inspector 看内容也够用 */
+const TOOL_RESULT_MAX_CHARS = 8_000;
+/** assistant 正文 / 思考全文的上限：这些只是轨迹副本，会话 JSONL 里另有权威全文 */
+const MESSAGE_TEXT_MAX_CHARS = 100_000;
+
+function clipText(value: string, maxChars: number): string {
+	return value.length <= maxChars ? value : `${value.slice(0, maxChars)}…`;
+}
+
+/** 参数对象 → 侧栏摘要（先把每个字符串值截短再挑可读字段；预计算一次存进条目） */
+function summarizeArgs(args: unknown): string {
+	if (!args || typeof args !== "object" || Array.isArray(args)) return "";
+	try {
+		const shallow = Object.fromEntries(
+			Object.entries(args as Record<string, unknown>).map(([k, v]) => [k, typeof v === "string" ? v.slice(0, 100) : v]),
+		);
+		const parsed = JSON.parse(JSON.stringify(shallow));
+		if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) return "";
+		for (const key of SUMMARY_KEYS) {
+			const value = (parsed as Record<string, unknown>)[key];
+			if (typeof value === "string" && value.trim()) return value.trim().replace(/\s+/g, " ").slice(0, 80);
+		}
+	} catch {
+		/* 序列化失败（超大/循环引用）就当没有摘要 */
+	}
+	return "";
+}
+
+/** 参数对象 → 供 inspector 展示的 JSON 文本；超长的字符串值先截断再序列化 */
+function argsToDetail(args: unknown): string {
+	const clip = (value: unknown): unknown =>
+		typeof value === "string" && value.length > 2_000 ? `${value.slice(0, 2_000)}…` : value;
+	const shallow =
+		args && typeof args === "object" && !Array.isArray(args)
+			? Object.fromEntries(Object.entries(args as Record<string, unknown>).map(([k, v]) => [k, clip(v)]))
+			: args;
+	try {
+		return clipText(JSON.stringify(shallow ?? {}, null, 2), TOOL_ARGS_MAX_CHARS);
+	} catch {
+		return "";
+	}
+}
+
+/**
+ * 侧栏「最后一步」的正文:优先真实输出(preview),没有就用事件到达时预计算的参数摘要,
+ * 最后才是这行本来就有的 title。
+ * 不能回落到 title —— 工具条目的 title 就是工具名(`trajectory.ts` 里 `title` / `tool_execution_start`),
+ * 而 preview 只在工具返回文本时才写,于是 `bash · bash` 这种重复会一直显示到结果回来。
+ */
+export function toolStepPreview(entry: TrajEntry): string {
+	const firstLine = (value: string | undefined) => (value ?? "").split("\n")[0].trim();
+	const fromResult = firstLine(entry.preview);
+	if (fromResult) return fromResult.slice(0, 80);
+	// 新条目带 argSummary(事件到达时预计算);旧快照没有则退回解析 detail 的老路径
+	if (entry.argSummary) return entry.argSummary.slice(0, 80);
+	let args: Record<string, unknown> | undefined;
+	try {
+		const parsed = JSON.parse(entry.detail ?? "");
+		if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) args = parsed as Record<string, unknown>;
+	} catch {
+		/* detail 可能是「args JSON + --- + 输出」的拼接,解析不了就当没有 */
+	}
+	if (args) {
+		for (const key of SUMMARY_KEYS) {
+			const value = args[key];
+			if (typeof value === "string" && value.trim()) return value.trim().replace(/\s+/g, " ").slice(0, 80);
+		}
+	}
+	// 参数里没有可读字段:保持只有工具名,不重复拼一遍
+	return "";
+}
+
 /** 活跃会话的账本：消费 pi 事件流，维护 cell 列表与计时 */
 export class TrajLedger {
 	entries: TrajEntry[];
@@ -137,10 +214,11 @@ export class TrajLedger {
 					const durationMs = storedDuration(m.durationMs);
 					if (durationMs !== undefined) e.timing = { ...e.timing, durationMs };
 					e.tokens = toTrajTokens(m.usage);
-					e.thinking = textOf(
-						(m.content ?? []).filter((c: any) => c.type === "thinking").map((c: any) => c.thinking),
-					);
-					e.detail = textOf((m.content ?? []).filter((c: any) => c.type === "text"));
+					e.thinking = clipText(
+						textOf((m.content ?? []).filter((c: any) => c.type === "thinking").map((c: any) => c.thinking)),
+						MESSAGE_TEXT_MAX_CHARS,
+					) || undefined;
+					e.detail = clipText(textOf((m.content ?? []).filter((c: any) => c.type === "text")), MESSAGE_TEXT_MAX_CHARS) || undefined;
 					e.isError = m.stopReason === "error";
 					if (m.stopReason === "error") e.title = "error";
 					this.touch(e);
@@ -155,7 +233,8 @@ export class TrajLedger {
 								toolName: c.name,
 								toolCallId: c.id,
 								title: c.name,
-								detail: JSON.stringify(c.arguments ?? {}, null, 2),
+								detail: argsToDetail(c.arguments),
+								argSummary: summarizeArgs(c.arguments),
 							});
 						}
 					}
@@ -174,11 +253,13 @@ export class TrajLedger {
 						toolName: evt.toolName,
 						toolCallId: evt.toolCallId,
 						title: evt.toolName,
-						detail: JSON.stringify(evt.args ?? {}, null, 2),
+						detail: argsToDetail(evt.args),
+						argSummary: summarizeArgs(evt.args),
 					});
 				} else {
 					const e = this.entries[idx];
-					e.detail = JSON.stringify(evt.args ?? {}, null, 2);
+					e.detail = argsToDetail(evt.args);
+					e.argSummary = summarizeArgs(evt.args);
 					this.touch(e);
 				}
 				break;
@@ -199,7 +280,10 @@ export class TrajLedger {
 				if (idx !== undefined) {
 					const e = this.entries[idx];
 					const result = sanitizeToolOutput(textOf(evt.result));
-					e.detail = [e.detail, result.text].filter(Boolean).join("\n\n---\n\n");
+					// 输出截尾保留（新内容在尾部）；args 部分已在 start 时截过，两段加起来不会超限太多
+					const keptArgs = e.detail?.includes("\n\n---\n\n") ? e.detail.slice(0, e.detail.indexOf("\n\n---\n\n")) : e.detail;
+					const tailText = clipText(result.text, TOOL_RESULT_MAX_CHARS);
+					e.detail = [keptArgs, tailText].filter(Boolean).join("\n\n---\n\n") || undefined;
 					e.encodingLoss = result.encodingLoss || e.encodingLoss;
 					e.isError = evt.isError === true;
 					const startedAt = this.toolStart.get(evt.toolCallId);
@@ -235,22 +319,33 @@ export class TrajLedger {
 export function buildTrajectoryFromEntries(entries: any[]): TrajEntry[] {
 	const out: TrajEntry[] = [];
 	let seq = 1;
-	const tsOf = (e: any) => (typeof e?.timestamp === "number" ? e.timestamp : Date.now());
+	// 消息体的 timestamp 是毫秒数，会话条目（compaction / branch_summary 等）的是 ISO 字符串。
+	// 以前只认数字，压缩与分支摘要每次冷加载都被记成「现在」，在时间线上排到最后。
+	// 都取不到时沿用上一条的时间，保持顺序
+	let lastTs: number | undefined;
+	const tsOf = (...candidates: unknown[]): number => {
+		for (const value of candidates) {
+			const ms = typeof value === "number" ? value : typeof value === "string" ? Date.parse(value) : NaN;
+			if (Number.isFinite(ms)) return (lastTs = ms);
+		}
+		return lastTs ?? Date.now();
+	};
 
 	for (const raw of entries) {
 		if (raw.type === "message") {
 			const m = raw.message;
 			if (!m) continue;
 			if (m.role === "user") {
-				out.push({ seq: seq++, kind: "user", ts: tsOf(m), detail: textOf(m.content) });
+				out.push({ seq: seq++, kind: "user", ts: tsOf(m.timestamp, raw.timestamp), detail: textOf(m.content) });
 			} else if (m.role === "assistant") {
 				const thinking = textOf((m.content ?? []).filter((c: any) => c.type === "thinking"));
 				const text = textOf((m.content ?? []).filter((c: any) => c.type === "text"));
 				const durationMs = storedDuration(m.durationMs);
+				const ts = tsOf(m.timestamp, raw.timestamp);
 				out.push({
 					seq: seq++,
 					kind: "message",
-					ts: tsOf(m),
+					ts,
 					title: m.stopReason === "error" ? "error" : "assistant",
 					detail: text,
 					thinking: thinking || undefined,
@@ -263,11 +358,12 @@ export function buildTrajectoryFromEntries(entries: any[]): TrajEntry[] {
 						out.push({
 							seq: seq++,
 							kind: "tool",
-							ts: tsOf(m),
+							ts,
 							toolName: c.name,
 							toolCallId: c.id,
 							title: c.name,
-							detail: JSON.stringify(c.arguments ?? {}, null, 2),
+							detail: argsToDetail(c.arguments),
+							argSummary: summarizeArgs(c.arguments),
 						});
 					}
 				}
@@ -289,7 +385,7 @@ export function buildTrajectoryFromEntries(entries: any[]): TrajEntry[] {
 			out.push({
 				seq: seq++,
 				kind: "compacted",
-				ts: tsOf(raw),
+				ts: tsOf(raw.timestamp),
 				title: "compact",
 				tokens: raw.tokensBefore != null ? { input: raw.tokensBefore } : toTrajTokens(raw.usage),
 			});
@@ -297,7 +393,7 @@ export function buildTrajectoryFromEntries(entries: any[]): TrajEntry[] {
 			out.push({
 				seq: seq++,
 				kind: "compacted",
-				ts: tsOf(raw),
+				ts: tsOf(raw.timestamp),
 				title: "branch summary",
 				tokens: toTrajTokens(raw.usage),
 				detail: raw.summary,