pi-web-ui 0.96.0 → 0.96.1

package/CHANGELOG.md

@@ -10,6 +10,26 @@
 
 ## [Unreleased]
 
+## [0.96.1] — 2026-09-26
+
+### Fixed
+
+- **插件安装审批弹窗层级提升与进度反馈补齐（#382）** —— 将能力与目录访问审批弹窗提升至高于设置弹窗的顶层浮层（`z-index: 350`），无需关闭设置页；修复「记住并允许」未持久化问题，授权写入 `plugin-permissions.json` 并在再次安装时直接放行；点击安装即刻反馈等待确认/执行中状态，已安装列表补挂进度条，关闭弹窗后主界面提供全局进度指示。
+- **顶栏全部居中对齐时偏右修复** —— 修复当顶栏条目全部设为居中时，因右侧缺失占位弹簧（`tb-spacer`）导致条目被左侧单个弹簧推向最右侧的问题，确保中间条目精准水平居中。
+- **设置保存回执时序修复** —— 确保 `set_settings` 在触发 `needsReload` 重启前先行持久化并推送状态回执。
+
+### Changed
+
+- **朱批与朱批·夜主题界面精细化** —— 顶栏控件全面素色化（透明底、无边框，悬停现 hairline）；消息折叠条内边距清零，折叠指示三角光学对齐左侧墨线；输入框边框微调，发送/停止按钮微调为圆形；输入框底部模型选择、思考强度、预设等按钮去边框透明底，悬停显示细边框。
+- **输入框与顶栏控件排版微调** —— 顶栏 chip 统一幽灵化；输入框底部模型与思考强度 chip 尺寸微调收紧；思考强度 Chip 文案精简为 `{level}`，保留 tooltip 说明；预设选择器图标优化为 `FiSliders`。
+
+<!-- auto-i18n:start -->
+### i18n
+
+- 前端中文变更（1）：`thinkingChip`
+- 前端英文变更（1）：`thinkingChip`
+<!-- auto-i18n:end -->
+
 ## [0.96.0] — 2026-09-26
 
 ### Added
@@ -1293,7 +1313,8 @@ when?, children?}`，也收 `topbar` / `settings` 这类简写别名）；宿主
 - 0.35.1（2026-08-27）：编辑重问保留附件（#18）+ 全窗口拖放（#19）。
 - 0.29.0（2026-08-23）：全局搜索弹窗（Ctrl+K）+ 消息列表惰性窗口化。
 
-[Unreleased]: https://github.com/xing-shuyin/pi-web-ui/compare/v0.96.0...main
+[Unreleased]: https://github.com/xing-shuyin/pi-web-ui/compare/v0.96.1...main
+[0.96.1]: https://github.com/xing-shuyin/pi-web-ui/releases/tag/v0.96.1
 [0.96.0]: https://github.com/xing-shuyin/pi-web-ui/releases/tag/v0.96.0
 [0.95.0]: https://github.com/xing-shuyin/pi-web-ui/releases/tag/v0.95.0
 [0.94.1]: https://github.com/xing-shuyin/pi-web-ui/releases/tag/v0.94.1

package/dist/server/index.js

@@ -48,7 +48,7 @@ import { validateClientId } from "./ws-client-id.js";
 import { PendingCommandQueue } from "./ws-pending-queue.js";
 import { installPack, isKnownPack, listPacks, loadServerStrings, readPackFile, removePack, unloadServerStrings, } from "./locales.js";
 import { PluginManager, resolvePluginClientFile, } from "./plugins.js";
-import { buildPluginJobArgs, inspectInstallSpec, PluginInstaller } from "./plugin-installer.js";
+import { buildPluginJobArgs, confirmPluginInstall, inspectInstallSpec, PluginInstaller } from "./plugin-installer.js";
 import { syncPluginCatalog } from "./plugin-catalog-sync.js";
 import { McpBridge } from "./mcp-bridge.js";
 import { createMcpHotReload } from "./mcp-hot-reload.js";
@@ -1129,22 +1129,14 @@ function findDomConsentById(id) {
 }
 // ---------------------------------------------------------------------------
 // 插件安装的用户确认门（P0）：plugin_catalog_sync 的 install:true 与 plugin_job
-// 的 install/update 在真正动安装器之前必须拿到用户确认。第三方页面脚本可以直发
-// 这两类消息，没有这道门就能借 WS 静默安装任意插件。复用 permissionRequester
-// 的同一条「plugin_permission_request 弹窗 + 120s 超时视为拒绝」管线 —— 不新增
-// 协议消息，将安装清单放在 reason 里展示；这里直接调 requester（不写授权表，
-// remember 标志被忽略）。拒绝 / 超时 / 未接弹窗设施（无头 DSH）一律 fail-closed。
+// 的 install/update 在真正动安装器之前必须拿到用户确认。
 // ---------------------------------------------------------------------------
-async function confirmPluginInstall(items) {
-    const ask = pluginMgr.permissionRequester;
-    if (!ask)
-        return false;
-    const list = items.map((x) => `${x.id} ← ${x.source}`).join("\n");
-    const ans = await ask("plugin-installer", {
-        family: "net",
-        reason: `安装确认：将安装/更新以下插件（id ← source）：\n${list}\n拒绝或 120 秒未确认则不安装。`,
+async function confirmPluginInstallHelper(items) {
+    return confirmPluginInstall(items, {
+        permGrants: pluginMgr.permGrants,
+        permissionRequester: pluginMgr.permissionRequester,
+        onGrantsChanged: pushPluginPermissions,
     });
-    return ans.ok === true;
 }
 // 内置定时任务（issue #184）：全局 <dataDir>/scheduler-tasks.json，TTL 与
 // client-state 同级；Agent 工具建的任务优先唤醒发起对话（issue #193：
@@ -2174,15 +2166,35 @@ wss.on("connection", (ws) => {
                 // plugin_job；拒绝/超时直接回一条 done，让面板上的作业就地结束（不占
                 // 安装锁、不弹「失败」之外的噪音）。卸载不在本门范围内（由面板本身发起）。
                 if (jobAction === "install" || jobAction === "update") {
-                    void confirmPluginInstall([{ id: pluginId, source: String(msg.source ?? "") }])
+                    const alreadyGranted = pluginMgr.permGrants.has("plugin-installer", "net", { host: "github.com" });
+                    if (!alreadyGranted) {
+                        send({
+                            type: "plugin_job",
+                            jobId,
+                            action: jobAction,
+                            pluginId,
+                            phase: "start",
+                        });
+                        send({
+                            type: "plugin_job",
+                            jobId,
+                            action: jobAction,
+                            pluginId,
+                            phase: "log",
+                            line: jobLang() === "zh" ? "等待确认安装授权…" : "Waiting for install confirmation…",
+                        });
+                    }
+                    void confirmPluginInstallHelper([{ id: pluginId, source: String(msg.source ?? "") }])
                         .then((confirmed) => {
                         if (!confirmed) {
-                            jobDone(false, "用户未确认安装（拒绝或 120 秒超时）");
+                            jobDone(false, jobLang() === "zh"
+                                ? "用户未确认安装（拒绝或 120 秒超时）"
+                                : "Installation not confirmed (rejected or timed out after 120s)");
                             return;
                         }
                         startPluginJob();
                     })
-                        .catch(() => jobDone(false, "安装确认流程异常"));
+                        .catch(() => jobDone(false, jobLang() === "zh" ? "安装确认流程异常" : "Installation confirmation error"));
                     break;
                 }
                 startPluginJob();
@@ -2195,6 +2207,19 @@ wss.on("connection", (ws) => {
                         done: async (ok, info) => {
                             if (ok) {
                                 await reloadPluginsAndPush(jobLang);
+                                const isZh = jobLang() === "zh";
+                                const actionLabel = jobAction === "uninstall"
+                                    ? isZh
+                                        ? "卸载"
+                                        : "uninstalled"
+                                    : jobAction === "update"
+                                        ? isZh
+                                            ? "更新"
+                                            : "updated"
+                                        : isZh
+                                            ? "安装"
+                                            : "installed";
+                                cs?.emitNotice("info", `插件「${pluginId}」${actionLabel}完成`, `Plugin "${pluginId}" ${actionLabel} successfully`);
                             }
                             else if (info.error) {
                                 cs?.emitNotice("error", `插件操作失败：${info.error}`, `Plugin operation failed: ${info.error}`);
@@ -2354,7 +2379,7 @@ wss.on("connection", (ws) => {
                     // 本地文件来源只允许工作区内（防任意路径文件探测 oracle）。
                     workspaceRoot: cs?.cwd ?? CWD,
                     // 安装确认门（P0）：拒绝/超时只写目录不安装。
-                    confirmInstall: (items) => confirmPluginInstall(items),
+                    confirmInstall: (items) => confirmPluginInstallHelper(items),
                 }).then((r) => {
                     if (r.installRefused) {
                         cs?.emitNotice("warning", "目录已同步，但安装未获用户确认（拒绝或超时），未安装任何插件", "Catalog synced, but installation was not confirmed (denied or timed out) — nothing was installed");

package/dist/server/plugin-installer.js

@@ -315,3 +315,33 @@ export class PluginInstaller {
         this.currentJobId = null;
     }
 }
+/**
+ * 插件安装的用户确认门（P0）：plugin_catalog_sync 的 install:true 与 plugin_job
+ * 的 install/update 在真正动安装器之前必须拿到用户确认。
+ *
+ * 用户若选择「记住并允许」，授权存入 plugin-permissions.json（后续同类操作自动放行，
+ * 设置面板「能力授权」页可审计与撤销）。拒绝 / 超时 / 未接弹窗设施（无头 DSH）一律 fail-closed。
+ */
+export async function confirmPluginInstall(items, deps) {
+    if (deps.permGrants?.has("plugin-installer", "net", { host: "github.com" })) {
+        return true;
+    }
+    const ask = deps.permissionRequester;
+    if (!ask)
+        return false;
+    const list = items.map((x) => `${x.id} ← ${x.source}`).join("\n");
+    const ans = await ask("plugin-installer", {
+        family: "net",
+        hosts: ["github.com"],
+        reason: `安装确认：将安装/更新以下插件（id ← source）：\n${list}\n拒绝或 120 秒未确认则不安装。`,
+    });
+    if (ans.ok && ans.remember && deps.permGrants) {
+        deps.permGrants.grant("plugin-installer", "net", {
+            hosts: ["github.com"],
+            reason: "插件安装/更新确认",
+            remember: true,
+        });
+        deps.onGrantsChanged?.();
+    }
+    return ans.ok === true;
+}

package/dist/server/settings-service.js

@@ -573,11 +573,11 @@ export class SettingsService {
         // 必须在 this.push() 前生效，保证 promptSnapshot 收集到的是最新的活跃工具集与完整提示词！
         if (toolGatingChanged)
             this.host.applyToolGating();
-        if (needsReload)
-            await this.applyRuntime();
         this.host.stateStore.saveSettings(this.host.clientId, this.settings);
         this.push();
         this.host.flushSnapshot();
+        if (needsReload)
+            await this.applyRuntime();
     }
     /** Save the CURRENT settings as a named preset (overwrites if exists). */
     async savePreset(name) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pi-web-ui",
-	"version": "0.96.0",
+	"version": "0.96.1",
 	"description": "Just open your browser to get all your work done — browser cockpit for AI coding agents (chat, code, files, terminal, Git in one tab)",
 	"license": "MIT",
 	"author": {

package/themes/zhupi-dark.css

@@ -149,11 +149,13 @@ body,
 	letter-spacing: 0.06em;
 }
 
-/* 顶栏控件全部素色化：无底无框，hover 才现 hairline */
-.topbar .chip,
-.topbar .tb-tab,
-.topbar .panel-toggle,
-.topbar .plugin-topbar-item {
+/* 顶栏控件全部素色化：无底无框，hover 才现 hairline。兜底所有 button /
+ * [role=button]——不管类名是谁（基线 chip / 插件注入 / capsule 等），顶栏里
+ * 一律裸图标，dropdown 触发器不许再带盒子。 */
+.topbar button,
+.topbar [role="button"],
+.topbar a.chip,
+.topbar .chip {
 	background: transparent !important;
 	border: 1px solid transparent !important;
 	border-radius: 3px !important;
@@ -163,14 +165,20 @@ body,
 		color 0.15s ease !important;
 }
 
-.topbar .chip:hover,
-.topbar .tb-tab:hover,
-.topbar .panel-toggle:hover,
-.topbar .plugin-topbar-item:hover {
+.topbar button:hover,
+.topbar [role="button"]:hover,
+.topbar a.chip:hover,
+.topbar .chip:hover {
 	border-color: var(--border) !important;
 	background: transparent !important;
 }
 
+.topbar .dropdown {
+	background: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+}
+
 /* ---- 2. 消息区：左缘墨线活动脊 + 文档化排版 ----
  * 列缘这条线让给脊线与输入框边框：脊线（虚线针脚）与输入框左边框同一条
  * 像素线，历史虚下来、接到输入框变实；消息正文整体右移 23px 挂在轨上。
@@ -469,6 +477,12 @@ div.chead[role="button"]:hover,
 	border-bottom: 1px dotted var(--border-soft) !important;
 	border-radius: 0 !important;
 	box-shadow: none !important;
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+}
+
+.msg-collapsed-action::before {
+	margin-left: 0 !important;
 }
 
 .msg-error {
@@ -487,7 +501,7 @@ div.chead[role="button"]:hover,
 
 .inputbox {
 	background: var(--inputbox-bg) !important;
-	border: 1px solid var(--border) !important;
+	border: none !important;
 	border-radius: 3px !important;
 	box-shadow: inset 3px 0 0 0 rgba(224, 90, 53, 0.4) !important;
 	transition:
@@ -496,14 +510,14 @@ div.chead[role="button"]:hover,
 }
 
 .inputbox:focus-within {
-	border-color: var(--accent) !important;
+	border: none !important;
 	box-shadow: inset 3px 0 0 0 var(--accent) !important;
 }
 
 .btn.send {
 	background: var(--send-blue) !important;
 	color: #131313 !important;
-	border-radius: 3px !important;
+	border-radius: 50% !important;
 	box-shadow: none !important;
 	font-weight: 600;
 }
@@ -515,7 +529,54 @@ div.chead[role="button"]:hover,
 .btn.stop {
 	background: var(--stop-red) !important;
 	color: #131313 !important;
+	border-radius: 50% !important;
+}
+
+/* 输入框底部模型选择、思考强度、预设等按钮：去边框、透明底，hover 现 hairline */
+.composer-tools {
+	border-top: none !important;
+}
+
+.composer-tools .chip,
+.composer-tools .capsule-segment {
+	font-size: 13px !important;
+	padding: 4px 10px !important;
+	gap: 6px !important;
+	background: transparent !important;
+	border: 1px solid transparent !important;
+	box-shadow: none !important;
 	border-radius: 3px !important;
+	transition:
+		border-color 0.15s ease,
+		background 0.15s ease !important;
+}
+
+.composer-tools .model-thinking-capsule {
+	background: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+	padding: 0 !important;
+}
+
+.composer-tools .model-thinking-capsule .capsule-divider {
+	display: none !important;
+}
+
+.composer-tools .chip:hover,
+.composer-tools .capsule-segment:hover {
+	border-color: var(--border) !important;
+	background: transparent !important;
+}
+
+.composer-tools-left {
+	gap: 6px !important;
+}
+
+.composer-tools .chip-model,
+.composer-tools .chip-sub,
+.composer-tools .capsule-model-name,
+.composer-tools .capsule-thinking-text {
+	font-size: 12.5px !important;
 }
 
 /* ---- 9. 底栏 / 状态栏：hairline 收边 ---- */
@@ -606,8 +667,7 @@ div.chead[role="button"]:hover,
 		0 16px 40px -12px rgba(0, 0, 0, 0.55) !important;
 }
 
-.dd-menu,
-.dropdown {
+.dd-menu {
 	background: var(--menu-bg) !important;
 	border: 1px solid var(--border) !important;
 	border-radius: 4px !important;

package/themes/zhupi.css

@@ -154,11 +154,13 @@ body,
 	letter-spacing: 0.06em;
 }
 
-/* 顶栏控件全部素色化：无底无框，hover 才现 hairline */
-.topbar .chip,
-.topbar .tb-tab,
-.topbar .panel-toggle,
-.topbar .plugin-topbar-item {
+/* 顶栏控件全部素色化：无底无框，hover 才现 hairline。兜底所有 button /
+ * [role=button]——不管类名是谁（基线 chip / 插件注入 / capsule 等），顶栏里
+ * 一律裸图标，dropdown 触发器不许再带盒子。 */
+.topbar button,
+.topbar [role="button"],
+.topbar a.chip,
+.topbar .chip {
 	background: transparent !important;
 	border: 1px solid transparent !important;
 	border-radius: 3px !important;
@@ -168,14 +170,20 @@ body,
 		color 0.15s ease !important;
 }
 
-.topbar .chip:hover,
-.topbar .tb-tab:hover,
-.topbar .panel-toggle:hover,
-.topbar .plugin-topbar-item:hover {
+.topbar button:hover,
+.topbar [role="button"]:hover,
+.topbar a.chip:hover,
+.topbar .chip:hover {
 	border-color: var(--border) !important;
 	background: transparent !important;
 }
 
+.topbar .dropdown {
+	background: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+}
+
 /* ---- 2. 消息区：左缘墨线活动脊 + 文档化排版 ----
  * 列缘这条线让给脊线与输入框边框：脊线（虚线针脚）与输入框左边框同一条
  * 像素线，历史虚下来、接到输入框变实，像「线活了起来」；消息正文整体
@@ -481,6 +489,12 @@ div.chead[role="button"]:hover,
 	border-bottom: 1px dotted var(--border-soft) !important;
 	border-radius: 0 !important;
 	box-shadow: none !important;
+	padding-left: 0 !important;
+	padding-right: 0 !important;
+}
+
+.msg-collapsed-action::before {
+	margin-left: 0 !important;
 }
 
 .msg-error {
@@ -499,7 +513,7 @@ div.chead[role="button"]:hover,
 
 .inputbox {
 	background: var(--inputbox-bg) !important;
-	border: 1px solid var(--border) !important;
+	border: none !important;
 	border-radius: 3px !important;
 	box-shadow: inset 3px 0 0 0 rgba(191, 59, 31, 0.35) !important;
 	transition:
@@ -508,14 +522,14 @@ div.chead[role="button"]:hover,
 }
 
 .inputbox:focus-within {
-	border-color: var(--accent) !important;
+	border: none !important;
 	box-shadow: inset 3px 0 0 0 var(--accent) !important;
 }
 
 .btn.send {
 	background: var(--send-blue) !important;
 	color: #f6f2e9 !important;
-	border-radius: 3px !important;
+	border-radius: 50% !important;
 	box-shadow: none !important;
 	font-weight: 600;
 }
@@ -527,7 +541,54 @@ div.chead[role="button"]:hover,
 .btn.stop {
 	background: var(--stop-red) !important;
 	color: #f6f2e9 !important;
+	border-radius: 50% !important;
+}
+
+/* 输入框底部模型选择、思考强度、预设等按钮：去边框、透明底，hover 现 hairline */
+.composer-tools {
+	border-top: none !important;
+}
+
+.composer-tools .chip,
+.composer-tools .capsule-segment {
+	font-size: 13px !important;
+	padding: 4px 10px !important;
+	gap: 6px !important;
+	background: transparent !important;
+	border: 1px solid transparent !important;
+	box-shadow: none !important;
 	border-radius: 3px !important;
+	transition:
+		border-color 0.15s ease,
+		background 0.15s ease !important;
+}
+
+.composer-tools .model-thinking-capsule {
+	background: transparent !important;
+	border: none !important;
+	box-shadow: none !important;
+	padding: 0 !important;
+}
+
+.composer-tools .model-thinking-capsule .capsule-divider {
+	display: none !important;
+}
+
+.composer-tools .chip:hover,
+.composer-tools .capsule-segment:hover {
+	border-color: var(--border) !important;
+	background: transparent !important;
+}
+
+.composer-tools-left {
+	gap: 6px !important;
+}
+
+.composer-tools .chip-model,
+.composer-tools .chip-sub,
+.composer-tools .capsule-model-name,
+.composer-tools .capsule-thinking-text {
+	font-size: 12.5px !important;
 }
 
 /* ---- 9. 底栏 / 状态栏：hairline 收边 ---- */
@@ -659,8 +720,7 @@ div.chead[role="button"]:hover,
 		0 16px 40px -12px rgba(38, 34, 24, 0.25) !important;
 }
 
-.dd-menu,
-.dropdown {
+.dd-menu {
 	background: var(--menu-bg) !important;
 	border: 1px solid var(--border) !important;
 	border-radius: 4px !important;

package/web/dist/assets/{TerminalPanel-DDChcYOh.js → TerminalPanel-O3GyFIGG.js}

@@ -1,3 +1,3 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-CR5VJ85Q.js";import{a as r,c as i,d as a,f as o,g as s,h as c,i as l,l as u,m as d,o as f,p,r as m,s as h,t as g,u as _}from"./index-Do9RgJC3.js";import{n as v,t as y}from"./xterm-Cf5xxe4g.js";var b=e(t(),1);function x(e,t){return Math.abs(t)>10&&Math.abs(t)>Math.abs(e)*1.2}function S(e,t){return e-t}var C=n();function w(e){let t=null;return{clean:e.replace(/\r?\n?\[pi-term-exit:(-?\d+)\]\r?\n?/g,(e,n)=>(t=Number(n),`\r
+import{r as e}from"./rolldown-runtime-hePW80VL.js";import{i as t,t as n}from"./react-CR5VJ85Q.js";import{a as r,c as i,d as a,f as o,g as s,h as c,i as l,l as u,m as d,o as f,p,r as m,s as h,t as g,u as _}from"./index-ByfoaDwp.js";import{n as v,t as y}from"./xterm-Cf5xxe4g.js";var b=e(t(),1);function x(e,t){return Math.abs(t)>10&&Math.abs(t)>Math.abs(e)*1.2}function S(e,t){return e-t}var C=n();function w(e){let t=null;return{clean:e.replace(/\r?\n?\[pi-term-exit:(-?\d+)\]\r?\n?/g,(e,n)=>(t=Number(n),`\r
 `)).replace(/\r?\n?\x1b\[90m\[(?:进程已退出，退出码 |Process exited with code )-?\d+\]\x1b\[0m\r?\n?/g,`\r
 `),exitCode:t}}function T({conversationId:e,terminalId:t,command:n,cwd:i,title:a,agentBash:o,active:s,running:c,exitCode:u,register:d}){let p=(0,b.useRef)(null),h=(0,b.useRef)(null),{locale:g}=f(),_=(0,b.useRef)(g);_.current=g;let T=n?JSON.stringify(n):``,E=(0,b.useRef)(c===!1);(0,b.useEffect)(()=>{let c=p.current;if(!c)return;let u=new v({theme:l(),fontFamily:`"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace`,fontSize:13,cursorBlink:!0,scrollback:8e3}),f=new y;u.loadAddon(f),u.open(c),h.current={term:u,fit:f},s&&u.focus();let g=()=>{u.options.theme=l()};window.addEventListener(m,g),u.attachCustomKeyEventHandler(e=>{if(e.type!==`keydown`)return!0;let t=e.key?.toLowerCase();if((e.ctrlKey||e.metaKey)&&t===`v`)return!1;if(e.ctrlKey&&!e.shiftKey&&!e.altKey&&t===`c`&&u.hasSelection()){let e=u.textarea;return e&&(e.value=u.getSelection(),e.select()),!1}return!0});let b=d(e,t,{write:e=>u.write(w(e).clean),dispose:()=>u.dispose()}),C=()=>{try{f.fit(),r({type:`terminal_resize`,terminalId:t,conversationId:e,cols:u.cols,rows:u.rows})}catch{}},T=requestAnimationFrame(()=>{try{f.fit()}catch{}E.current||r(n?{type:`run_command`,terminalId:t,conversationId:e,command:n,cols:u.cols,rows:u.rows}:{type:`terminal_create`,terminalId:t,title:a,locale:_.current,agentBash:o,conversationId:e,cwd:i,cols:u.cols,rows:u.rows})}),D=u.onData(n=>{r({type:`terminal_input`,terminalId:t,conversationId:e,data:n})}),O=u.element,k=null,A=0,j=0,M=0,N=!1,P=e=>{if(e.touches.length!==1){k=null,N=!1;return}let t=e.touches[0];k=t.identifier,A=t.clientX,j=t.clientY,M=t.clientY,N=!1},F=e=>{if(k===null||e.touches.length!==1)return;let t=e.touches[0];if(t.identifier!==k)return;if(!N){if(!x(t.clientX-A,t.clientY-j))return;N=!0}e.preventDefault();let n=S(M,t.clientY);M=t.clientY,n!==0&&typeof WheelEvent<`u`&&(c.querySelector(`.xterm-viewport`)??O)?.dispatchEvent(new WheelEvent(`wheel`,{bubbles:!0,cancelable:!0,deltaY:n,deltaMode:0,clientX:t.clientX,clientY:t.clientY}))},I=e=>{if(k!==null){if(e.touches.length>0){k=null,N=!1;return}k=null,N=!1}};O?.addEventListener(`touchstart`,P,{passive:!0}),O?.addEventListener(`touchmove`,F,{passive:!1}),O?.addEventListener(`touchend`,I),O?.addEventListener(`touchcancel`,I);let L=null;return typeof ResizeObserver<`u`&&(L=new ResizeObserver(()=>{c.offsetWidth>0&&c.offsetHeight>0&&C()}),L.observe(c)),()=>{cancelAnimationFrame(T),D.dispose(),O?.removeEventListener(`touchstart`,P),O?.removeEventListener(`touchmove`,F),O?.removeEventListener(`touchend`,I),O?.removeEventListener(`touchcancel`,I),window.removeEventListener(m,g),L?.disconnect(),b(),u.dispose(),h.current=null}},[e,t,T,d]),(0,b.useEffect)(()=>{if(!s)return;let n=requestAnimationFrame(()=>{let n=h.current;if(n){try{n.fit.fit(),r({type:`terminal_resize`,terminalId:t,conversationId:e,cols:n.term.cols,rows:n.term.rows})}catch{}n.term.focus()}});return()=>cancelAnimationFrame(n)},[s]);let{t:D}=f(),O=(0,b.useRef)(void 0);return(0,b.useEffect)(()=>{if(c===O.current||(O.current=c,c!==!1))return;let e=h.current;e&&e.term.write(`\r\n\x1b[90m${D(`exitBanner`,{code:u??``})}\x1b[0m\r\n`)},[c,t,u]),(0,C.jsx)(`div`,{ref:p,className:`term-xterm ${s?``:`hidden`}`})}var E={name:``,command:``,cwd:"${pwd}"};function D({chat:e,terminal:t,uiTerminalToolbar:n,onUiAction:l}){let f=h(),[m,v]=(0,b.useState)(null),[y,x]=(0,b.useState)(!1),[S,w]=(0,b.useState)(!1),[D,O]=(0,b.useState)(null),[k,A]=(0,b.useState)(E),[j,M]=(0,b.useState)(null),N=(0,b.useRef)(null),[P,F]=(0,b.useState)(!0),[I,L]=(0,b.useState)(null),[R,z]=(0,b.useState)(``);(0,b.useEffect)(()=>{e.terminals.length===0?v(null):e.terminals.some(e=>e.id===m)||v(e.terminals[e.terminals.length-1].id)},[e.terminals,m]),(0,b.useEffect)(()=>{e.terminalActiveId&&(v(e.terminalActiveId),x(!1))},[e.terminalActiveId]),(0,b.useEffect)(()=>()=>{N.current&&clearTimeout(N.current)},[]);let B=e.terminals.filter(e=>!e.agentBash),V=e.terminals.filter(e=>e.agentBash),H=n=>{if(!e.ready)return;let r=i(),a=e.activeConversationId||e.state?.conversationId||``;t.create({...n,id:r,conversationId:a,cols:n.cols??80,rows:n.rows??24,running:!0,exitCode:null}),v(r),x(!1)},U=()=>H({title:f(`terminalTitle`,{n:B.length+1}),cwd:e.state?.cwd??``}),W=n=>{let i=n.name||n.command,a=e.terminals.find(e=>e.title===i);if(a){t.restart(a.id),v(a.id),r({type:`run_command`,terminalId:a.id,conversationId:a.conversationId,command:n,cols:80,rows:24});return}H({title:i,cwd:e.state?.cwd??``,command:n})},G=n=>{let i=e.terminals.find(e=>e.id===n);if(i&&r({type:`terminal_kill`,terminalId:n,conversationId:i.conversationId}),t.close(n),m===n){let t=e.terminals.filter(e=>e.id!==n);v(t.length>0?t[t.length-1].id:null)}},K=e=>(0,C.jsxs)(`div`,{className:`term-tab ${e.id===m?`active`:``}`,children:[(0,C.jsxs)(`button`,{type:`button`,className:`term-tab-main`,title:`${e.cwd}${e.command?`\n> ${e.command.command}`:``}`,onClick:()=>{I||(v(e.id),x(!1))},children:[(0,C.jsx)(`span`,{className:`term-tab-dot ${e.running?`run`:`exit`}`}),(0,C.jsxs)(`span`,{className:`term-tab-title`,children:[I===e.id?(0,C.jsx)(`input`,{autoFocus:!0,className:`term-tab-rename-input`,value:R,placeholder:e.title,onClick:e=>e.stopPropagation(),onChange:e=>z(e.target.value),onKeyDown:t=>{if(t.stopPropagation(),t.key===`Enter`&&!t.nativeEvent.isComposing){let t=R.trim();t&&r({type:`rename_terminal`,terminalId:e.id,conversationId:e.conversationId,title:t}),L(null)}else t.key===`Escape`&&L(null)},onBlur:()=>L(null)}):e.title,!e.running&&(0,C.jsx)(`span`,{className:`term-tab-exit`,children:f(`exited`,{code:e.exitCode===null?``:` ${e.exitCode}`})})]})]}),(0,C.jsx)(`button`,{type:`button`,className:`term-tab-close term-tab-rename`,title:f(`renameTerminal`),onClick:t=>{t.stopPropagation(),z(e.title),L(e.id)},children:(0,C.jsx)(u,{})}),(0,C.jsx)(`button`,{type:`button`,className:`term-tab-close`,title:f(`closeTerminal`),onClick:()=>G(e.id),children:(0,C.jsx)(s,{})})]},e.id),q=()=>{w(!0),O(null),A(E)},J=t=>{let n=e.commands[t];n&&(w(!1),O(t),A({name:n.name,command:n.command,cwd:n.cwd??``}))},Y=()=>{w(!1),O(null)},X=()=>{let t=k.name.trim(),n=k.command.trim();if(!t||!n)return;let i={name:t,command:n,cwd:k.cwd.trim()||void 0},a=S?[...e.commands,i]:D===null?e.commands:e.commands.map((e,t)=>t===D?i:e);r({type:`save_commands`,commands:a}),Y()},Z=t=>{if(j===t){let n=e.commands.filter((e,n)=>n!==t);r({type:`save_commands`,commands:n}),M(null),N.current&&clearTimeout(N.current)}else M(t),N.current&&clearTimeout(N.current),N.current=setTimeout(()=>M(null),2500)},ee=S||D!==null,te=n===void 0?[`host:term-cmd-refresh`,`host:term-cmd-new`,`host:term-tab-new`].map(e=>({id:e,source:`host`})):n.filter(e=>!e.hidden),Q=(e,t)=>{let n=new Set(e);return te.filter(e=>n.has(e.id)||t&&e.source!==`host`)},$={"host:term-cmd-refresh":(0,C.jsx)(`button`,{type:`button`,className:`panel-refresh`,title:f(`rerun`),onClick:()=>r({type:`list_commands`}),children:(0,C.jsx)(p,{})}),"host:term-cmd-new":(0,C.jsx)(`button`,{type:`button`,className:`panel-new`,title:f(`newCommand`),onClick:q,children:(0,C.jsx)(o,{})}),"host:term-tab-new":(0,C.jsx)(`button`,{type:`button`,className:`panel-new`,title:f(`newTerminal`),onClick:U,children:(0,C.jsx)(o,{})})};return(0,C.jsxs)(`div`,{className:`terminal-view`,children:[(0,C.jsxs)(`aside`,{className:`term-side term-commands ${y?`open`:``}`,children:[(0,C.jsxs)(`div`,{className:`panel-header`,children:[(0,C.jsx)(`span`,{className:`panel-title`,children:f(`commands`)}),(0,C.jsx)(`div`,{className:`panel-header-actions`,children:g(Q([`host:term-cmd-refresh`,`host:term-cmd-new`],!1),$,l)})]}),(0,C.jsx)(`div`,{className:`panel-body`,children:ee?(0,C.jsxs)(`div`,{className:`cmd-form`,children:[(0,C.jsx)(`label`,{htmlFor:`cmd-name`,children:f(`name`)}),(0,C.jsx)(`input`,{id:`cmd-name`,className:`cmd-input`,value:k.name,placeholder:f(`exampleName`),autoFocus:!0,onChange:e=>A({...k,name:e.target.value})}),(0,C.jsx)(`label`,{htmlFor:`cmd-command`,children:f(`command`)}),(0,C.jsx)(`input`,{id:`cmd-command`,className:`cmd-input`,value:k.command,placeholder:f(`exampleCommand`),onChange:e=>A({...k,command:e.target.value}),onKeyDown:e=>{e.key===`Enter`&&!e.nativeEvent.isComposing&&X()}}),(0,C.jsxs)(`label`,{htmlFor:`cmd-cwd`,children:[f(`directory`),` `,(0,C.jsx)(`span`,{className:`cmd-hint`,children:f(`cwdHint`)})]}),(0,C.jsx)(`input`,{id:`cmd-cwd`,className:`cmd-input`,value:k.cwd,placeholder:"${pwd}",onChange:e=>A({...k,cwd:e.target.value}),onKeyDown:e=>{e.key===`Enter`&&!e.nativeEvent.isComposing&&X()}}),(0,C.jsxs)(`div`,{className:`cmd-form-actions`,children:[(0,C.jsx)(`button`,{type:`button`,className:`btn`,onClick:Y,children:f(`cancel`)}),(0,C.jsx)(`button`,{type:`button`,className:`btn primary`,disabled:!k.name.trim()||!k.command.trim(),onClick:X,children:f(`save`)})]})]}):(0,C.jsxs)(C.Fragment,{children:[e.commands.length===0&&(0,C.jsx)(`div`,{className:`panel-empty`,children:f(`noCommands`)}),e.commands.map((e,t)=>(0,C.jsxs)(`div`,{className:`cmd-item`,children:[(0,C.jsx)(`button`,{type:`button`,className:`cmd-run`,title:f(`clickToRun`),onClick:()=>W(e),children:(0,C.jsx)(a,{})}),(0,C.jsxs)(`button`,{type:`button`,className:`cmd-main`,title:f(`clickToRun`),onClick:()=>W(e),children:[(0,C.jsx)(`span`,{className:`cmd-name`,children:e.name}),(0,C.jsx)(`span`,{className:`cmd-command`,children:e.command}),e.cwd&&(0,C.jsx)(`span`,{className:`cmd-cwd`,children:e.cwd})]}),(0,C.jsx)(`button`,{type:`button`,className:`cmd-act`,title:f(`edit`),onClick:()=>J(t),children:(0,C.jsx)(u,{})}),(0,C.jsx)(`button`,{type:`button`,className:`cmd-act del ${j===t?`confirm`:``}`,title:f(`delete`),onClick:()=>Z(t),children:j===t?f(`confirmQ`):(0,C.jsx)(c,{})})]},t))]})}),(0,C.jsxs)(`div`,{className:`term-tabs-block`,children:[(0,C.jsxs)(`div`,{className:`panel-header`,children:[(0,C.jsx)(`span`,{className:`panel-title`,children:f(`terminal`)}),g(Q([`host:term-tab-new`],!0),$,l)]}),(0,C.jsxs)(`div`,{className:`panel-body`,children:[e.terminals.length===0&&(0,C.jsx)(`div`,{className:`panel-empty`,children:f(`noTerminal`)}),B.map(K),V.length>0&&(0,C.jsxs)(`div`,{className:`term-folder`,children:[(0,C.jsxs)(`button`,{type:`button`,className:`term-folder-header ${P?`open`:``}`,title:f(`aiBashGroup`),onClick:()=>F(e=>!e),children:[(0,C.jsx)(`span`,{className:`term-folder-caret`,children:P?`▾`:`▸`}),(0,C.jsx)(`span`,{className:`term-folder-title`,children:f(`aiBashGroup`)}),(0,C.jsx)(`span`,{className:`term-folder-count`,children:V.length})]}),P&&(0,C.jsx)(`div`,{className:`term-folder-body`,children:V.map(K)})]})]})]})]}),(0,C.jsxs)(`div`,{className:`term-main`,children:[y&&(0,C.jsx)(`div`,{className:`drawer-backdrop`,onClick:()=>x(!1)}),(0,C.jsx)(`button`,{type:`button`,className:`term-side-toggle`,title:f(`commands`),onClick:()=>x(e=>!e),children:(0,C.jsx)(_,{})}),e.terminals.length===0?(0,C.jsxs)(`div`,{className:`term-empty`,children:[(0,C.jsx)(d,{className:`term-empty-icon`}),(0,C.jsx)(`div`,{className:`term-empty-title`,children:f(`builtinTerminal`)}),(0,C.jsx)(`div`,{className:`term-empty-sub`,children:f(`termEmptySub`)})]}):e.terminals.map(e=>(0,C.jsx)(T,{conversationId:e.conversationId,terminalId:e.id,command:e.command,cwd:e.cwd,title:e.title,agentBash:e.agentBash,active:e.id===m,running:e.running,exitCode:e.exitCode,register:t.register},`${e.conversationId}:${e.id}`))]})]})}export{D as TerminalPanel};