@youweichen/pi-web-ui 0.46.0 → 0.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +23 -0
  2. package/electron/main.mjs +437 -0
  3. package/package.json +16 -4
  4. package/web/dist/assets/{TerminalPanel-CL7_iOws.js → TerminalPanel-C3kNAJrw.js} +1 -1
  5. package/web/dist/assets/{abnfDiagram-VCTEODGH-BKPpCrz_.js → abnfDiagram-VCTEODGH-Dkf6Vjk6.js} +1 -1
  6. package/web/dist/assets/{arc-C23hgJIX.js → arc-DGaqRXHk.js} +1 -1
  7. package/web/dist/assets/{architectureDiagram-5GKGNRK7-dhOJ0tIS.js → architectureDiagram-5GKGNRK7-CDibpnZt.js} +1 -1
  8. package/web/dist/assets/{blockDiagram-I7D4REHJ-T5jRCGjd.js → blockDiagram-I7D4REHJ-iPzBDys9.js} +1 -1
  9. package/web/dist/assets/{c4Diagram-7LVT6UL2-mWuNh2dO.js → c4Diagram-7LVT6UL2-C7WHEzTt.js} +1 -1
  10. package/web/dist/assets/channel-DZHqEbOF.js +1 -0
  11. package/web/dist/assets/{chunk-2Q5K7J3B-DOE-hNOM.js → chunk-2Q5K7J3B-BxP-WtZQ.js} +1 -1
  12. package/web/dist/assets/{chunk-5VM5RSS4-EtaQHwdB.js → chunk-5VM5RSS4-DsTt0Asa.js} +1 -1
  13. package/web/dist/assets/{chunk-F27PBJKO-BEVAlITo.js → chunk-F27PBJKO-DrTxwu2p.js} +1 -1
  14. package/web/dist/assets/{chunk-IMKFNOWR-LS0UAssg.js → chunk-IMKFNOWR-Cx4FHpLO.js} +1 -1
  15. package/web/dist/assets/{chunk-JWPE2WC7-BxQUQ7dH.js → chunk-JWPE2WC7-CyENxC_t.js} +1 -1
  16. package/web/dist/assets/{chunk-POPQ4Y6H-BPk8DcZO.js → chunk-POPQ4Y6H-D3RxBrgG.js} +1 -1
  17. package/web/dist/assets/{chunk-SVP7TREG-BOWUorML.js → chunk-SVP7TREG-WDQg7LbA.js} +1 -1
  18. package/web/dist/assets/{chunk-TICWLB2K-OJjESJUC.js → chunk-TICWLB2K-DyeJXMay.js} +1 -1
  19. package/web/dist/assets/{chunk-XXDRQBXY-COOAF-eP.js → chunk-XXDRQBXY-BOMbEfh4.js} +1 -1
  20. package/web/dist/assets/classDiagram-ZZMXUADV-BeicvRPx.js +1 -0
  21. package/web/dist/assets/classDiagram-v2-VYDZK3BY-BeicvRPx.js +1 -0
  22. package/web/dist/assets/{cose-bilkent-JH36ORCC-C1JwoJmN.js → cose-bilkent-JH36ORCC-C_qgmlbu.js} +1 -1
  23. package/web/dist/assets/{cynefin-OW5HDTMX-DmSGPBbN.js → cynefin-OW5HDTMX-Dlp7w0pR.js} +1 -1
  24. package/web/dist/assets/{cynefinDiagram-5FMLGOSQ-CIsEXfZy.js → cynefinDiagram-5FMLGOSQ-DdpttLWQ.js} +1 -1
  25. package/web/dist/assets/{dagre-GXQ25YYZ-BsHrnq08.js → dagre-GXQ25YYZ-YcPnyGBA.js} +1 -1
  26. package/web/dist/assets/{diagram-S7CK7UJ4-B9G0tgH2.js → diagram-S7CK7UJ4-DjrmB_V4.js} +1 -1
  27. package/web/dist/assets/{diagram-UQ7AKVKN-_JgVa7Wv.js → diagram-UQ7AKVKN-02dgB4Gk.js} +1 -1
  28. package/web/dist/assets/{diagram-VSXAHHWV-CKhfNWNM.js → diagram-VSXAHHWV-KV4AYZKh.js} +1 -1
  29. package/web/dist/assets/{diagram-VX7I27RA-BrMgRfub.js → diagram-VX7I27RA-D9BdQRcy.js} +1 -1
  30. package/web/dist/assets/{diagram-Z3DM3KII-BKlCUZG7.js → diagram-Z3DM3KII-B9WvYs1o.js} +1 -1
  31. package/web/dist/assets/{ebnfDiagram-PWID7BFC-BhS-laX7.js → ebnfDiagram-PWID7BFC-CFl5CJVC.js} +1 -1
  32. package/web/dist/assets/{erDiagram-RLTQ6QDP-Bicr1cgA.js → erDiagram-RLTQ6QDP-D2KMUQ1j.js} +1 -1
  33. package/web/dist/assets/{flowDiagram-HODETNUW-CwN50VFN.js → flowDiagram-HODETNUW-B-8YZRoB.js} +1 -1
  34. package/web/dist/assets/{ganttDiagram-EL5Y4UJY-DdGF6wOu.js → ganttDiagram-EL5Y4UJY-DMqqqP-Y.js} +1 -1
  35. package/web/dist/assets/{gitGraphDiagram-WWUBYQGX-CQWE0duT.js → gitGraphDiagram-WWUBYQGX-DEW0i_sZ.js} +1 -1
  36. package/web/dist/assets/{index-C-XJ-ly_.js → index-C6v7dw-m.js} +11 -11
  37. package/web/dist/assets/{index-DPHpyI7l.css → index-CFqCTH4C.css} +1 -1
  38. package/web/dist/assets/{infoDiagram-27XIBGKW-DSiF9D9z.js → infoDiagram-27XIBGKW-CXXuNoKy.js} +1 -1
  39. package/web/dist/assets/{ishikawaDiagram-5VMMS53U-Dmwa_H3U.js → ishikawaDiagram-5VMMS53U-DRoKtY9r.js} +1 -1
  40. package/web/dist/assets/{journeyDiagram-3NMN7TZE-xSKoWUXW.js → journeyDiagram-3NMN7TZE-D5t_RX6A.js} +1 -1
  41. package/web/dist/assets/{kanban-definition-UXKFOSKX-BjdQTjeP.js → kanban-definition-UXKFOSKX-k9I2n3q0.js} +1 -1
  42. package/web/dist/assets/{layout-BihLpYDs.js → layout-CdenxSWG.js} +1 -1
  43. package/web/dist/assets/{linear-BEtuTZH6.js → linear-jRHEP8b3.js} +1 -1
  44. package/web/dist/assets/{mermaid.core-DDk4A0BP.js → mermaid.core-D8R7av1J.js} +5 -5
  45. package/web/dist/assets/{mindmap-definition-YA3MSWOX-vyLVeeNj.js → mindmap-definition-YA3MSWOX-C1nRjN2l.js} +1 -1
  46. package/web/dist/assets/{pegDiagram-XKGWAZYB-CiJBX8pg.js → pegDiagram-XKGWAZYB-CfSNzf6e.js} +1 -1
  47. package/web/dist/assets/{pieDiagram-E7YTZNPT-pjZ_fcHc.js → pieDiagram-E7YTZNPT-D6GTzVYt.js} +1 -1
  48. package/web/dist/assets/{quadrantDiagram-AXDQQJYC-Cp-mghRB.js → quadrantDiagram-AXDQQJYC-CTtm5bnt.js} +1 -1
  49. package/web/dist/assets/{railroadDiagram-O6MQD6OU-DJbRWcUS.js → railroadDiagram-O6MQD6OU-nirkzVNV.js} +1 -1
  50. package/web/dist/assets/{requirementDiagram-BXWQKSXE-DNLHnruR.js → requirementDiagram-BXWQKSXE-JTuIVEJa.js} +1 -1
  51. package/web/dist/assets/{sankeyDiagram-P5KCCOFB-DjOj5iQU.js → sankeyDiagram-P5KCCOFB-BDPG9DA8.js} +1 -1
  52. package/web/dist/assets/{sequenceDiagram-WJ2MYXX4-CVGakqCw.js → sequenceDiagram-WJ2MYXX4-BaCeoEaZ.js} +1 -1
  53. package/web/dist/assets/{sizeCapture-INFHLROL-X3bYvvQk.js → sizeCapture-INFHLROL-DW8ydaxg.js} +1 -1
  54. package/web/dist/assets/{stateDiagram-D77RDMKH-8o65SNy_.js → stateDiagram-D77RDMKH-D4j3O3k3.js} +1 -1
  55. package/web/dist/assets/stateDiagram-v2-MP3YSRHH-C6T7Mj3_.js +1 -0
  56. package/web/dist/assets/{swimlanes-42K2YHIH-D0YDGlUe.js → swimlanes-42K2YHIH-B1XeYn6H.js} +1 -1
  57. package/web/dist/assets/swimlanesDiagram-VR7AAH4N-DGAy5ch1.js +8 -0
  58. package/web/dist/assets/{timeline-definition-24CTP7MA-CGmS1IQy.js → timeline-definition-24CTP7MA-F_4tuv7C.js} +1 -1
  59. package/web/dist/assets/{vennDiagram-4TSXK5OY-DtcOF61-.js → vennDiagram-4TSXK5OY-C5hjQH9r.js} +1 -1
  60. package/web/dist/assets/{wardleyDiagram-VM6X3IG4-DnEMdzmM.js → wardleyDiagram-VM6X3IG4-BsVhPwEg.js} +1 -1
  61. package/web/dist/assets/{xychartDiagram-S5SC5T6Z-aX9QskX7.js → xychartDiagram-S5SC5T6Z-Cmgrgde9.js} +1 -1
  62. package/web/dist/index.html +2 -2
  63. package/web/dist/assets/channel-BCfi_Ba5.js +0 -1
  64. package/web/dist/assets/classDiagram-ZZMXUADV-yqBppQ5u.js +0 -1
  65. package/web/dist/assets/classDiagram-v2-VYDZK3BY-yqBppQ5u.js +0 -1
  66. package/web/dist/assets/stateDiagram-v2-MP3YSRHH-B-PRjFjM.js +0 -1
  67. package/web/dist/assets/swimlanesDiagram-VR7AAH4N-CmQs4l8c.js +0 -8
package/README.md CHANGED
@@ -37,6 +37,27 @@ pi-web-ui server install # macOS → launchd, Linux → systemd, Windows →
37
37
  pi-web-ui server status # start | stop | restart | uninstall also available
38
38
  ```
39
39
 
40
+ ## Desktop app (Electron)
41
+
42
+ There's also an Electron shell around the same server/UI — a native window
43
+ with a tray icon instead of a browser tab. It's built locally from source
44
+ (not published as an npm package or a GitHub release yet):
45
+
46
+ ```bash
47
+ npm install
48
+ npm run build # build:web + build:server first
49
+ npm run dev:electron # run the shell against the local build
50
+ npm run build:electron:mac # or :win / :linux — produces an installer under release/
51
+ ```
52
+
53
+ The Electron window loads the same server as the CLI (`server/index.ts`),
54
+ just spawned as a hidden child process instead of opening a browser tab.
55
+ Desktop-app data lives in `~/.pi-web-desktop` (separate from the CLI's
56
+ `~/.pi-web`, so the two don't fight over `client-state.json` if you run both
57
+ — chat history itself is shared, it lives in `~/.pi/agent`).
58
+
59
+ See `docs/deployment.md` for details.
60
+
40
61
  ## Notes
41
62
 
42
63
  - Binds to loopback (`127.0.0.1`) by default; set `PI_WEB_HOST` to expose on LAN.
@@ -47,6 +68,8 @@ pi-web-ui server status # start | stop | restart | uninstall also available
47
68
 
48
69
  pi 编码智能体的 Web 聊天界面:浏览器对话、文件树、附件、内置终端、模型管理、声音提醒、中英文切换。全局安装后一条命令启动,支持开机自启(launchd / systemd / Windows 计划任务)。
49
70
 
71
+ 也有一个 Electron 桌面版壳子(原生窗口 + 托盘,不用开浏览器标签页),目前需要本地源码构建(`npm run build:electron:mac/:win/:linux`),还没发到 npm / GitHub Releases,见 `docs/deployment.md`。
72
+
50
73
  ## License
51
74
 
52
75
  MIT
@@ -0,0 +1,437 @@
1
+ /**
2
+ * pi-web-ui Electron 桌面版主进程。
3
+ *
4
+ * 架构:
5
+ * - 主进程 fork 一个隐藏子进程跑 server(ELECTRON_RUN_AS_NODE=1),
6
+ * server 使用 Electron 内置的 Node 运行时,node-pty 等原生模块
7
+ * 在 electron-builder 打包时自动 rebuild 为 Electron ABI。
8
+ * - BrowserWindow 加载 http://127.0.0.1:{PORT}(server 就绪后)。
9
+ * - 托盘:关闭窗口 → 最小化到托盘;Quit → 真正退出(杀 server 子进程)。
10
+ * - 自动更新:electron-updater + GitHub Releases(当前未接发布 CI,
11
+ * autoUpdater.checkForUpdates() 在没有可用 feed 时会静默失败,不影响使用)。
12
+ *
13
+ * 开发模式(npm run dev:electron):
14
+ * 先构建 web + server(npm run build),然后 electron . 即可。
15
+ * 如有 Vite dev server (:5173),优先加载它获取 HMR。
16
+ *
17
+ * 与当前 server/index.ts 的耦合点(重构时请对照检查):
18
+ * - 就绪标记:server 启动后 stdout 打印 "⚡ pi-web-ui"(见 server/index.ts
19
+ * httpServer.listen 回调),本文件靠这行判断 server 已就绪。
20
+ * - PI_WEB_PKG_ROOT:告诉 server 去哪找 web/dist(resolvePkgRoot()),
21
+ * 打包后指向 process.resourcesPath(electron-builder extraResources)。
22
+ * - PI_WEB_DATA_DIR:桌面版单独用 <home>/.pi-web-desktop,与命令行版
23
+ * 的 <home>/.pi-web 分开,避免两边同时跑互相抢 client-state.json /
24
+ * terminals 等运行时状态(数据都在 SDK 的 ~/.pi/agent 里,两边共享,
25
+ * 不受影响)。
26
+ */
27
+
28
+ import { app, BrowserWindow, Tray, Menu, nativeImage, dialog, Notification } from "electron";
29
+ import { fork } from "node:child_process";
30
+ import { createServer } from "node:net";
31
+ import { existsSync, mkdirSync } from "node:fs";
32
+ import { join, dirname, resolve } from "node:path";
33
+ import { fileURLToPath } from "node:url";
34
+ import { autoUpdater } from "electron-updater";
35
+
36
+ const __dirname = dirname(fileURLToPath(import.meta.url));
37
+ const ROOT = resolve(__dirname, "..");
38
+ const isDev = !app.isPackaged || !!process.env.DEV;
39
+
40
+ // ── 状态 ──
41
+ /** @type {BrowserWindow | null} */
42
+ let mainWindow = null;
43
+ /** @type {Tray | null} */
44
+ let tray = null;
45
+ /** @type {import("node:child_process").ChildProcess | null} */
46
+ let serverProcess = null;
47
+ let isQuitting = false;
48
+ let serverPort = 0;
49
+
50
+ // ── 路径 ──
51
+
52
+ /** 打包后 server 在 resources/dist/server/index.js */
53
+ function getServerPath() {
54
+ if (isDev) return join(ROOT, "dist", "server", "index.js");
55
+ return join(process.resourcesPath, "dist", "server", "index.js");
56
+ }
57
+
58
+ /** 打包后 web/dist、extensions 在 resources/ 下(见 electron-builder.yml extraResources) */
59
+ function getPkgRoot() {
60
+ if (isDev) return ROOT;
61
+ return process.resourcesPath;
62
+ }
63
+
64
+ // ── 端口 ──
65
+
66
+ /** 找一个随机空闲端口(防止端口冲突) */
67
+ async function findFreePort() {
68
+ return new Promise((resolve, reject) => {
69
+ const srv = createServer();
70
+ srv.listen(0, "127.0.0.1", () => {
71
+ const port = /** @type {import("node:net").AddressInfo} */ (srv.address()).port;
72
+ srv.close(() => resolve(port));
73
+ });
74
+ srv.on("error", reject);
75
+ });
76
+ }
77
+
78
+ // ── 启动 Server 子进程 ──
79
+
80
+ async function startServer() {
81
+ serverPort = await findFreePort();
82
+ const serverPath = getServerPath();
83
+
84
+ if (!existsSync(serverPath)) {
85
+ dialog.showErrorBox(
86
+ "pi-web-ui 启动失败",
87
+ `找不到 server 入口:${serverPath}\n\n请先执行 npm run build,然后重试。`,
88
+ );
89
+ app.quit();
90
+ return;
91
+ }
92
+
93
+ // 桌面版数据目录与命令行版分开(见文件头注释),确保存在
94
+ const dataDir = join(
95
+ process.env.HOME || process.env.USERPROFILE || "~",
96
+ ".pi-web-desktop",
97
+ );
98
+ mkdirSync(dataDir, { recursive: true });
99
+
100
+ serverProcess = fork(serverPath, [], {
101
+ env: {
102
+ ...process.env,
103
+ PORT: String(serverPort),
104
+ PI_WEB_HOST: "127.0.0.1",
105
+ PI_WEB_DATA_DIR: dataDir,
106
+ PI_WEB_NO_BROWSER: "1", // 不要自动打开浏览器(本身也不会打开,桌面版有自己的窗口)
107
+ PI_WEB_PKG_ROOT: getPkgRoot(), // 告诉 server 去哪找 web/dist / extensions
108
+ ELECTRON_RUN_AS_NODE: "1", // 以 Node.js 模式运行(非 Electron)
109
+ },
110
+ stdio: ["ignore", "pipe", "pipe", "ipc"],
111
+ serialization: "json",
112
+ });
113
+
114
+ // 收集 stdout/stderr 用于调试
115
+ let serverOut = "";
116
+ serverProcess.stdout?.on("data", (chunk) => {
117
+ const text = chunk.toString();
118
+ serverOut += text;
119
+ process.stdout.write(`[server] ${text}`);
120
+ });
121
+ serverProcess.stderr?.on("data", (chunk) => {
122
+ const text = chunk.toString();
123
+ serverOut += text;
124
+ process.stderr.write(`[server:err] ${text}`);
125
+ });
126
+
127
+ // 等待 server 就绪:监听 stdout 中的 "⚡ pi-web-ui" 标记(见 server/index.ts)
128
+ await new Promise((resolvePromise, rejectPromise) => {
129
+ const timeout = setTimeout(() => {
130
+ rejectPromise(
131
+ new Error(`Server 启动超时(30s)。最后输出:\n${serverOut.slice(-500)}`),
132
+ );
133
+ }, 30_000);
134
+
135
+ const checkOutput = (chunk) => {
136
+ const text = chunk.toString();
137
+ if (text.includes("⚡ pi-web-ui") || text.includes("http://localhost")) {
138
+ clearTimeout(timeout);
139
+ resolvePromise(undefined);
140
+ }
141
+ };
142
+
143
+ serverProcess.stdout?.on("data", checkOutput);
144
+ serverProcess.on("error", (err) => {
145
+ clearTimeout(timeout);
146
+ rejectPromise(err);
147
+ });
148
+ serverProcess.on("exit", (code) => {
149
+ clearTimeout(timeout);
150
+ if (code !== 0) {
151
+ rejectPromise(new Error(`Server 退出了 (exit code=${code})`));
152
+ }
153
+ });
154
+ });
155
+
156
+ console.log(`[electron] server 就绪,端口 ${serverPort}`);
157
+ }
158
+
159
+ // ── 窗口 ──
160
+
161
+ function createWindow() {
162
+ mainWindow = new BrowserWindow({
163
+ width: 1200,
164
+ height: 800,
165
+ minWidth: 800,
166
+ minHeight: 600,
167
+ title: "pi-web-ui",
168
+ show: false,
169
+ webPreferences: {
170
+ preload: join(__dirname, "preload.mjs"),
171
+ nodeIntegration: false,
172
+ contextIsolation: true,
173
+ },
174
+ icon: join(__dirname, "icon.png"),
175
+ });
176
+
177
+ // 加载 localhost 上的 server
178
+ const url = `http://127.0.0.1:${serverPort}`;
179
+ mainWindow.loadURL(url);
180
+
181
+ mainWindow.once("ready-to-show", () => {
182
+ mainWindow.show();
183
+ });
184
+
185
+ // 关闭窗口 → 隐藏到托盘(不退出)
186
+ mainWindow.on("close", (event) => {
187
+ if (!isQuitting) {
188
+ event.preventDefault();
189
+ mainWindow.hide();
190
+ return false;
191
+ }
192
+ });
193
+
194
+ mainWindow.on("closed", () => {
195
+ mainWindow = null;
196
+ });
197
+
198
+ // 开发模式打开 DevTools
199
+ if (isDev) {
200
+ mainWindow.webContents.openDevTools({ mode: "detach" });
201
+ }
202
+ }
203
+
204
+ // ── 托盘 ──
205
+
206
+ function createTray() {
207
+ const iconPath = join(__dirname, "icon.png");
208
+ const icon = existsSync(iconPath) ? nativeImage.createFromPath(iconPath) : nativeImage.createEmpty();
209
+ tray = new Tray(icon.isEmpty() ? icon : icon.resize({ width: 16, height: 16 }));
210
+ tray.setToolTip("pi-web-ui");
211
+
212
+ const contextMenu = Menu.buildFromTemplate([
213
+ {
214
+ label: "显示窗口",
215
+ click: () => {
216
+ if (mainWindow) {
217
+ mainWindow.show();
218
+ mainWindow.focus();
219
+ }
220
+ },
221
+ },
222
+ { type: "separator" },
223
+ {
224
+ label: "关于 pi-web-ui",
225
+ click: () => {
226
+ dialog.showMessageBox({
227
+ type: "info",
228
+ title: "关于 pi-web-ui",
229
+ message: `pi-web-ui v${app.getVersion()}`,
230
+ detail: "Web chat interface for the pi coding agent.",
231
+ });
232
+ },
233
+ },
234
+ { type: "separator" },
235
+ {
236
+ label: "退出",
237
+ click: () => {
238
+ isQuitting = true;
239
+ app.quit();
240
+ },
241
+ },
242
+ ]);
243
+
244
+ tray.setContextMenu(contextMenu);
245
+
246
+ // 点击托盘图标 → 显示/隐藏窗口
247
+ tray.on("click", () => {
248
+ if (mainWindow) {
249
+ if (mainWindow.isVisible()) {
250
+ mainWindow.hide();
251
+ } else {
252
+ mainWindow.show();
253
+ mainWindow.focus();
254
+ }
255
+ }
256
+ });
257
+ }
258
+
259
+ // ── 菜单 ──
260
+
261
+ function createAppMenu() {
262
+ const template = [
263
+ {
264
+ label: "pi-web-ui",
265
+ submenu: [
266
+ {
267
+ label: "关于 pi-web-ui",
268
+ click: () => {
269
+ dialog.showMessageBox({
270
+ type: "info",
271
+ title: "关于 pi-web-ui",
272
+ message: `pi-web-ui v${app.getVersion()}`,
273
+ detail: "Web chat interface for the pi coding agent.",
274
+ });
275
+ },
276
+ },
277
+ { type: "separator" },
278
+ { role: "hide" },
279
+ { role: "hideOthers" },
280
+ { role: "unhide" },
281
+ { type: "separator" },
282
+ {
283
+ label: "退出",
284
+ accelerator: "CmdOrCtrl+Q",
285
+ click: () => {
286
+ isQuitting = true;
287
+ app.quit();
288
+ },
289
+ },
290
+ ],
291
+ },
292
+ {
293
+ label: "编辑",
294
+ submenu: [
295
+ { role: "undo" },
296
+ { role: "redo" },
297
+ { type: "separator" },
298
+ { role: "cut" },
299
+ { role: "copy" },
300
+ { role: "paste" },
301
+ { role: "selectAll" },
302
+ ],
303
+ },
304
+ {
305
+ label: "视图",
306
+ submenu: [
307
+ { role: "reload" },
308
+ { role: "forceReload" },
309
+ { role: "toggleDevTools" },
310
+ { type: "separator" },
311
+ { role: "resetZoom" },
312
+ { role: "zoomIn" },
313
+ { role: "zoomOut" },
314
+ { type: "separator" },
315
+ { role: "togglefullscreen" },
316
+ ],
317
+ },
318
+ {
319
+ label: "窗口",
320
+ submenu: [{ role: "minimize" }, { role: "close" }],
321
+ },
322
+ ];
323
+
324
+ // macOS 需要第一个菜单项是应用名
325
+ const menu = Menu.buildFromTemplate(template);
326
+ Menu.setApplicationMenu(menu);
327
+ }
328
+
329
+ // ── 自动更新 ──
330
+
331
+ function setupAutoUpdater() {
332
+ if (isDev) return; // 开发模式不检查更新
333
+
334
+ autoUpdater.autoDownload = false;
335
+ autoUpdater.autoInstallOnAppQuit = true;
336
+
337
+ // 检查更新(启动后延迟 5s)。当前未配置发布 CI / publish feed,
338
+ // 找不到更新源时会静默失败,不影响正常使用。
339
+ setTimeout(() => {
340
+ autoUpdater.checkForUpdates().catch(() => {
341
+ // 静默失败(无网络 / 无 feed / 超时等)
342
+ });
343
+ }, 5000);
344
+
345
+ autoUpdater.on("update-available", (info) => {
346
+ const notification = new Notification({
347
+ title: "pi-web-ui 更新可用",
348
+ body: `版本 ${info.version} 可下载(当前 ${app.getVersion()})`,
349
+ });
350
+ notification.on("click", () => {
351
+ autoUpdater.downloadUpdate();
352
+ });
353
+ notification.show();
354
+ });
355
+
356
+ autoUpdater.on("update-downloaded", () => {
357
+ const result = dialog.showMessageBoxSync({
358
+ type: "info",
359
+ title: "更新已下载",
360
+ message: "新版本已下载完成,是否立即重启以安装更新?",
361
+ buttons: ["立即重启", "稍后"],
362
+ });
363
+ if (result === 0) {
364
+ autoUpdater.quitAndInstall();
365
+ }
366
+ });
367
+ }
368
+
369
+ // ── 应用生命周期 ──
370
+
371
+ app.setAppUserModelId("com.youweichen.pi-web-ui");
372
+
373
+ // 确保只有一个实例
374
+ const gotLock = app.requestSingleInstanceLock();
375
+ if (!gotLock) {
376
+ app.quit();
377
+ } else {
378
+ app.on("second-instance", () => {
379
+ if (mainWindow) {
380
+ if (mainWindow.isMinimized()) mainWindow.restore();
381
+ mainWindow.show();
382
+ mainWindow.focus();
383
+ }
384
+ });
385
+ }
386
+
387
+ app.whenReady().then(async () => {
388
+ try {
389
+ await startServer();
390
+ } catch (err) {
391
+ dialog.showErrorBox("pi-web-ui 启动失败", err instanceof Error ? err.message : String(err));
392
+ app.quit();
393
+ return;
394
+ }
395
+
396
+ createAppMenu();
397
+ createWindow();
398
+ createTray();
399
+ setupAutoUpdater();
400
+
401
+ app.on("activate", () => {
402
+ if (!mainWindow) createWindow();
403
+ if (mainWindow) {
404
+ mainWindow.show();
405
+ mainWindow.focus();
406
+ }
407
+ });
408
+ });
409
+
410
+ app.on("window-all-closed", () => {
411
+ // macOS 不退出(dock 图标还在)
412
+ // 其他平台退出
413
+ if (process.platform !== "darwin") {
414
+ isQuitting = true;
415
+ app.quit();
416
+ }
417
+ });
418
+
419
+ app.on("before-quit", () => {
420
+ isQuitting = true;
421
+ });
422
+
423
+ app.on("will-quit", () => {
424
+ // 杀 server 子进程
425
+ if (serverProcess) {
426
+ try {
427
+ serverProcess.kill("SIGTERM");
428
+ } catch {
429
+ // 可能已经退出
430
+ }
431
+ serverProcess = null;
432
+ }
433
+ if (tray) {
434
+ tray.destroy();
435
+ tray = null;
436
+ }
437
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@youweichen/pi-web-ui",
3
- "version": "0.46.0",
3
+ "version": "0.47.0",
4
4
  "description": "Web chat interface for the pi coding agent, powered by the pi SDK (@earendil-works/pi-coding-agent) — one-command run, Docker/systemd/launchd deployable",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -11,6 +11,7 @@
11
11
  "bin": {
12
12
  "pi-web-ui": "bin/pi-web-ui.mjs"
13
13
  },
14
+ "main": "electron/main.mjs",
14
15
  "files": [
15
16
  "bin/",
16
17
  "dist/",
@@ -57,7 +58,14 @@
57
58
  "test:smoke": "node tests/run-smoke.mjs",
58
59
  "check:protocol": "node scripts/check-protocol-sync.mjs",
59
60
  "test:freeze": "node tests/freeze-test.mjs",
60
- "start": "node dist/server/index.js"
61
+ "start": "node dist/server/index.js",
62
+ "start:electron": "electron .",
63
+ "dev:electron": "electron .",
64
+ "build:electron": "electron-builder build",
65
+ "build:electron:mac": "electron-builder build --mac",
66
+ "build:electron:win": "electron-builder build --win",
67
+ "build:electron:linux": "electron-builder build --linux",
68
+ "publish:electron": "electron-builder build --publish always"
61
69
  },
62
70
  "dependencies": {
63
71
  "@earendil-works/pi-coding-agent": "^0.84.2",
@@ -91,9 +99,13 @@
91
99
  "tsx": "^4.19.2",
92
100
  "typescript": "^5.7.2",
93
101
  "vite": "^6.0.3",
94
- "vitest": "^4.1.11"
102
+ "vitest": "^4.1.11",
103
+ "electron": "^41.0.0",
104
+ "electron-builder": "^25.0.0",
105
+ "electron-updater": "^6.0.0"
95
106
  },
96
107
  "allowScripts": {
97
- "node-pty@1.1.0": true
108
+ "node-pty@1.1.0": true,
109
+ "electron@41.10.7": true
98
110
  }
99
111
  }
@@ -1,2 +1,2 @@
1
- import{a as d,j as t}from"./markdown-CUPbftfV.js";import{u as H,F as O,a as R,b as P,c as q,d as L,e as G,f as J,g as V,r as W}from"./index-C-XJ-ly_.js";import{D as X,o as Y}from"./xterm-D1D2FVe3.js";import"./react-ZkKJMDQQ.js";const $="pi-web-ui:theme-change";function A(){const s=getComputedStyle(document.documentElement),n=(f,r)=>s.getPropertyValue(f).trim()||r;return{background:n("--term-bg","#1b1f24"),foreground:n("--term-fg","#e6e8ef"),cursor:n("--term-cursor","#3b49df"),cursorAccent:n("--term-cursor-accent","#1b1f24"),selectionBackground:n("--term-selection","rgba(59, 73, 223, 0.35)"),black:n("--term-black","#2a2f37"),red:n("--term-red","#f87171"),green:n("--term-green","#34d399"),yellow:n("--term-yellow","#fbbf24"),blue:n("--term-blue","#60a5fa"),magenta:n("--term-magenta","#c084fc"),cyan:n("--term-cyan","#22d3ee"),white:n("--term-white","#e6e8ef"),brightBlack:n("--term-bright-black","#6b7284"),brightRed:n("--term-bright-red","#f87171"),brightGreen:n("--term-bright-green","#34d399"),brightYellow:n("--term-bright-yellow","#fbbf24"),brightBlue:n("--term-bright-blue","#60a5fa"),brightMagenta:n("--term-bright-magenta","#c084fc"),brightCyan:n("--term-bright-cyan","#22d3ee"),brightWhite:n("--term-bright-white","#ffffff")}}function Q({conversationId:s,terminalId:n,command:f,cwd:r,active:p,send:o,register:j}){const g=d.useRef(null),y=d.useRef(null),N=f?JSON.stringify(f):"";return d.useEffect(()=>{const h=g.current;if(!h)return;const a=new X({theme:A(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),l=new Y;a.loadAddon(l),a.open(h),y.current={term:a,fit:l},p&&a.focus();const x=()=>{a.options.theme=A()};window.addEventListener($,x),a.attachCustomKeyEventHandler(m=>{var F;if(m.type!=="keydown")return!0;const E=(F=m.key)==null?void 0:F.toLowerCase();if((m.ctrlKey||m.metaKey)&&E==="v")return!1;if(m.ctrlKey&&!m.shiftKey&&!m.altKey&&E==="c"&&a.hasSelection()){const k=a.textarea;return k&&(k.value=a.getSelection(),k.select()),!1}return!0});const v=j(s,n,{write:m=>a.write(m),dispose:()=>a.dispose()}),C=()=>{try{l.fit(),o({type:"terminal_resize",terminalId:n,conversationId:s,cols:a.cols,rows:a.rows})}catch{}},b=requestAnimationFrame(()=>{try{l.fit()}catch{}o(f?{type:"run_command",terminalId:n,conversationId:s,command:f,cols:a.cols,rows:a.rows}:{type:"terminal_create",terminalId:n,conversationId:s,cwd:r,cols:a.cols,rows:a.rows})}),T=a.onData(m=>{o({type:"terminal_input",terminalId:n,conversationId:s,data:m})});let w=null;return typeof ResizeObserver<"u"&&(w=new ResizeObserver(()=>{h.offsetWidth>0&&h.offsetHeight>0&&C()}),w.observe(h)),()=>{cancelAnimationFrame(b),T.dispose(),window.removeEventListener($,x),w==null||w.disconnect(),v(),a.dispose(),y.current=null}},[s,n,N,o,j]),d.useEffect(()=>{if(!p)return;const h=requestAnimationFrame(()=>{const a=y.current;if(a){try{a.fit.fit(),o({type:"terminal_resize",terminalId:n,conversationId:s,cols:a.term.cols,rows:a.term.rows})}catch{}a.term.focus()}});return()=>cancelAnimationFrame(h)},[p]),t.jsx("div",{ref:g,className:`term-xterm ${p?"":"hidden"}`})}const K={name:"",command:"",cwd:"${pwd}"};function ne({chat:s,send:n,terminal:f}){const r=H(),[p,o]=d.useState(null),[j,g]=d.useState(!1),[y,N]=d.useState(!1),[h,a]=d.useState(null),[l,x]=d.useState(K),[v,C]=d.useState(null),b=d.useRef(null);d.useEffect(()=>{s.terminals.length===0?o(null):s.terminals.some(e=>e.id===p)||o(s.terminals[s.terminals.length-1].id)},[s.terminals,p]),d.useEffect(()=>()=>{b.current&&clearTimeout(b.current)},[]);const T=e=>{var u;if(!s.ready)return;const i=W(),c=s.activeConversationId||((u=s.state)==null?void 0:u.conversationId)||"";f.create({...e,id:i,conversationId:c,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),o(i),g(!1)},w=()=>{var e;return T({title:r("terminalTitle",{n:s.terminals.length+1}),cwd:((e=s.state)==null?void 0:e.cwd)??""})},m=e=>{var u;const i=e.name||e.command,c=s.terminals.find(_=>_.title===i);if(c){f.restart(c.id),o(c.id),n({type:"run_command",terminalId:c.id,conversationId:c.conversationId,command:e,cols:80,rows:24});return}T({title:i,cwd:((u=s.state)==null?void 0:u.cwd)??"",command:e})},E=e=>{const i=s.terminals.find(c=>c.id===e);if(i&&n({type:"terminal_kill",terminalId:e,conversationId:i.conversationId}),f.close(e),p===e){const c=s.terminals.filter(u=>u.id!==e);o(c.length>0?c[c.length-1].id:null)}},F=()=>{N(!0),a(null),x(K)},k=e=>{const i=s.commands[e];i&&(N(!1),a(e),x({name:i.name,command:i.command,cwd:i.cwd??""}))},D=()=>{N(!1),a(null)},S=()=>{const e=l.name.trim(),i=l.command.trim();if(!e||!i)return;const c=l.cwd.trim(),u={name:e,command:i,cwd:c||void 0},_=y?[...s.commands,u]:h!==null?s.commands.map((z,B)=>B===h?u:z):s.commands;n({type:"save_commands",commands:_}),D()},M=e=>{if(v===e){const i=s.commands.filter((c,u)=>u!==e);n({type:"save_commands",commands:i}),C(null),b.current&&clearTimeout(b.current)}else C(e),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>C(null),2500)},I=y||h!==null;return t.jsxs("div",{className:"terminal-view",children:[t.jsxs("aside",{className:`term-side term-commands ${j?"open":""}`,children:[t.jsxs("div",{className:"panel-header",children:[t.jsx("span",{className:"panel-title",children:r("commands")}),t.jsxs("div",{className:"panel-header-actions",children:[t.jsx("button",{type:"button",className:"panel-refresh",title:r("rerun"),onClick:()=>n({type:"list_commands"}),children:t.jsx(O,{})}),t.jsx("button",{type:"button",className:"panel-new",title:r("newCommand"),onClick:F,children:t.jsx(R,{})})]})]}),t.jsx("div",{className:"panel-body",children:I?t.jsxs("div",{className:"cmd-form",children:[t.jsx("label",{htmlFor:"cmd-name",children:r("name")}),t.jsx("input",{id:"cmd-name",className:"cmd-input",value:l.name,placeholder:r("exampleName"),autoFocus:!0,onChange:e=>x({...l,name:e.target.value})}),t.jsx("label",{htmlFor:"cmd-command",children:r("command")}),t.jsx("input",{id:"cmd-command",className:"cmd-input",value:l.command,placeholder:r("exampleCommand"),onChange:e=>x({...l,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),t.jsxs("label",{htmlFor:"cmd-cwd",children:[r("directory")," ",t.jsx("span",{className:"cmd-hint",children:r("cwdHint")})]}),t.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:l.cwd,placeholder:"${pwd}",onChange:e=>x({...l,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),t.jsxs("div",{className:"cmd-form-actions",children:[t.jsx("button",{type:"button",className:"btn",onClick:D,children:r("cancel")}),t.jsx("button",{type:"button",className:"btn primary",disabled:!l.name.trim()||!l.command.trim(),onClick:S,children:r("save")})]})]}):t.jsxs(t.Fragment,{children:[s.commands.length===0&&t.jsx("div",{className:"panel-empty",children:r("noCommands")}),s.commands.map((e,i)=>t.jsxs("div",{className:"cmd-item",children:[t.jsx("button",{type:"button",className:"cmd-run",title:r("clickToRun"),onClick:()=>m(e),children:t.jsx(P,{})}),t.jsxs("button",{type:"button",className:"cmd-main",title:r("clickToRun"),onClick:()=>m(e),children:[t.jsx("span",{className:"cmd-name",children:e.name}),t.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&t.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),t.jsx("button",{type:"button",className:"cmd-act",title:r("edit"),onClick:()=>k(i),children:t.jsx(q,{})}),t.jsx("button",{type:"button",className:`cmd-act del ${v===i?"confirm":""}`,title:r("delete"),onClick:()=>M(i),children:v===i?r("confirmQ"):t.jsx(L,{})})]},i))]})}),t.jsxs("div",{className:"term-tabs-block",children:[t.jsxs("div",{className:"panel-header",children:[t.jsx("span",{className:"panel-title",children:r("terminal")}),t.jsx("button",{type:"button",className:"panel-new",title:r("newTerminal"),onClick:w,children:t.jsx(R,{})})]}),t.jsxs("div",{className:"panel-body",children:[s.terminals.length===0&&t.jsx("div",{className:"panel-empty",children:r("noTerminal")}),s.terminals.map(e=>t.jsxs("div",{className:`term-tab ${e.id===p?"active":""}`,children:[t.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
1
+ import{a as d,j as t}from"./markdown-CUPbftfV.js";import{u as H,F as O,a as R,b as P,c as q,d as L,e as G,f as J,g as V,r as W}from"./index-C6v7dw-m.js";import{D as X,o as Y}from"./xterm-D1D2FVe3.js";import"./react-ZkKJMDQQ.js";const $="pi-web-ui:theme-change";function A(){const s=getComputedStyle(document.documentElement),n=(f,r)=>s.getPropertyValue(f).trim()||r;return{background:n("--term-bg","#1b1f24"),foreground:n("--term-fg","#e6e8ef"),cursor:n("--term-cursor","#3b49df"),cursorAccent:n("--term-cursor-accent","#1b1f24"),selectionBackground:n("--term-selection","rgba(59, 73, 223, 0.35)"),black:n("--term-black","#2a2f37"),red:n("--term-red","#f87171"),green:n("--term-green","#34d399"),yellow:n("--term-yellow","#fbbf24"),blue:n("--term-blue","#60a5fa"),magenta:n("--term-magenta","#c084fc"),cyan:n("--term-cyan","#22d3ee"),white:n("--term-white","#e6e8ef"),brightBlack:n("--term-bright-black","#6b7284"),brightRed:n("--term-bright-red","#f87171"),brightGreen:n("--term-bright-green","#34d399"),brightYellow:n("--term-bright-yellow","#fbbf24"),brightBlue:n("--term-bright-blue","#60a5fa"),brightMagenta:n("--term-bright-magenta","#c084fc"),brightCyan:n("--term-bright-cyan","#22d3ee"),brightWhite:n("--term-bright-white","#ffffff")}}function Q({conversationId:s,terminalId:n,command:f,cwd:r,active:p,send:o,register:j}){const g=d.useRef(null),y=d.useRef(null),N=f?JSON.stringify(f):"";return d.useEffect(()=>{const h=g.current;if(!h)return;const a=new X({theme:A(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),l=new Y;a.loadAddon(l),a.open(h),y.current={term:a,fit:l},p&&a.focus();const x=()=>{a.options.theme=A()};window.addEventListener($,x),a.attachCustomKeyEventHandler(m=>{var F;if(m.type!=="keydown")return!0;const E=(F=m.key)==null?void 0:F.toLowerCase();if((m.ctrlKey||m.metaKey)&&E==="v")return!1;if(m.ctrlKey&&!m.shiftKey&&!m.altKey&&E==="c"&&a.hasSelection()){const k=a.textarea;return k&&(k.value=a.getSelection(),k.select()),!1}return!0});const v=j(s,n,{write:m=>a.write(m),dispose:()=>a.dispose()}),C=()=>{try{l.fit(),o({type:"terminal_resize",terminalId:n,conversationId:s,cols:a.cols,rows:a.rows})}catch{}},b=requestAnimationFrame(()=>{try{l.fit()}catch{}o(f?{type:"run_command",terminalId:n,conversationId:s,command:f,cols:a.cols,rows:a.rows}:{type:"terminal_create",terminalId:n,conversationId:s,cwd:r,cols:a.cols,rows:a.rows})}),T=a.onData(m=>{o({type:"terminal_input",terminalId:n,conversationId:s,data:m})});let w=null;return typeof ResizeObserver<"u"&&(w=new ResizeObserver(()=>{h.offsetWidth>0&&h.offsetHeight>0&&C()}),w.observe(h)),()=>{cancelAnimationFrame(b),T.dispose(),window.removeEventListener($,x),w==null||w.disconnect(),v(),a.dispose(),y.current=null}},[s,n,N,o,j]),d.useEffect(()=>{if(!p)return;const h=requestAnimationFrame(()=>{const a=y.current;if(a){try{a.fit.fit(),o({type:"terminal_resize",terminalId:n,conversationId:s,cols:a.term.cols,rows:a.term.rows})}catch{}a.term.focus()}});return()=>cancelAnimationFrame(h)},[p]),t.jsx("div",{ref:g,className:`term-xterm ${p?"":"hidden"}`})}const K={name:"",command:"",cwd:"${pwd}"};function ne({chat:s,send:n,terminal:f}){const r=H(),[p,o]=d.useState(null),[j,g]=d.useState(!1),[y,N]=d.useState(!1),[h,a]=d.useState(null),[l,x]=d.useState(K),[v,C]=d.useState(null),b=d.useRef(null);d.useEffect(()=>{s.terminals.length===0?o(null):s.terminals.some(e=>e.id===p)||o(s.terminals[s.terminals.length-1].id)},[s.terminals,p]),d.useEffect(()=>()=>{b.current&&clearTimeout(b.current)},[]);const T=e=>{var u;if(!s.ready)return;const i=W(),c=s.activeConversationId||((u=s.state)==null?void 0:u.conversationId)||"";f.create({...e,id:i,conversationId:c,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),o(i),g(!1)},w=()=>{var e;return T({title:r("terminalTitle",{n:s.terminals.length+1}),cwd:((e=s.state)==null?void 0:e.cwd)??""})},m=e=>{var u;const i=e.name||e.command,c=s.terminals.find(_=>_.title===i);if(c){f.restart(c.id),o(c.id),n({type:"run_command",terminalId:c.id,conversationId:c.conversationId,command:e,cols:80,rows:24});return}T({title:i,cwd:((u=s.state)==null?void 0:u.cwd)??"",command:e})},E=e=>{const i=s.terminals.find(c=>c.id===e);if(i&&n({type:"terminal_kill",terminalId:e,conversationId:i.conversationId}),f.close(e),p===e){const c=s.terminals.filter(u=>u.id!==e);o(c.length>0?c[c.length-1].id:null)}},F=()=>{N(!0),a(null),x(K)},k=e=>{const i=s.commands[e];i&&(N(!1),a(e),x({name:i.name,command:i.command,cwd:i.cwd??""}))},D=()=>{N(!1),a(null)},S=()=>{const e=l.name.trim(),i=l.command.trim();if(!e||!i)return;const c=l.cwd.trim(),u={name:e,command:i,cwd:c||void 0},_=y?[...s.commands,u]:h!==null?s.commands.map((z,B)=>B===h?u:z):s.commands;n({type:"save_commands",commands:_}),D()},M=e=>{if(v===e){const i=s.commands.filter((c,u)=>u!==e);n({type:"save_commands",commands:i}),C(null),b.current&&clearTimeout(b.current)}else C(e),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>C(null),2500)},I=y||h!==null;return t.jsxs("div",{className:"terminal-view",children:[t.jsxs("aside",{className:`term-side term-commands ${j?"open":""}`,children:[t.jsxs("div",{className:"panel-header",children:[t.jsx("span",{className:"panel-title",children:r("commands")}),t.jsxs("div",{className:"panel-header-actions",children:[t.jsx("button",{type:"button",className:"panel-refresh",title:r("rerun"),onClick:()=>n({type:"list_commands"}),children:t.jsx(O,{})}),t.jsx("button",{type:"button",className:"panel-new",title:r("newCommand"),onClick:F,children:t.jsx(R,{})})]})]}),t.jsx("div",{className:"panel-body",children:I?t.jsxs("div",{className:"cmd-form",children:[t.jsx("label",{htmlFor:"cmd-name",children:r("name")}),t.jsx("input",{id:"cmd-name",className:"cmd-input",value:l.name,placeholder:r("exampleName"),autoFocus:!0,onChange:e=>x({...l,name:e.target.value})}),t.jsx("label",{htmlFor:"cmd-command",children:r("command")}),t.jsx("input",{id:"cmd-command",className:"cmd-input",value:l.command,placeholder:r("exampleCommand"),onChange:e=>x({...l,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),t.jsxs("label",{htmlFor:"cmd-cwd",children:[r("directory")," ",t.jsx("span",{className:"cmd-hint",children:r("cwdHint")})]}),t.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:l.cwd,placeholder:"${pwd}",onChange:e=>x({...l,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),t.jsxs("div",{className:"cmd-form-actions",children:[t.jsx("button",{type:"button",className:"btn",onClick:D,children:r("cancel")}),t.jsx("button",{type:"button",className:"btn primary",disabled:!l.name.trim()||!l.command.trim(),onClick:S,children:r("save")})]})]}):t.jsxs(t.Fragment,{children:[s.commands.length===0&&t.jsx("div",{className:"panel-empty",children:r("noCommands")}),s.commands.map((e,i)=>t.jsxs("div",{className:"cmd-item",children:[t.jsx("button",{type:"button",className:"cmd-run",title:r("clickToRun"),onClick:()=>m(e),children:t.jsx(P,{})}),t.jsxs("button",{type:"button",className:"cmd-main",title:r("clickToRun"),onClick:()=>m(e),children:[t.jsx("span",{className:"cmd-name",children:e.name}),t.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&t.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),t.jsx("button",{type:"button",className:"cmd-act",title:r("edit"),onClick:()=>k(i),children:t.jsx(q,{})}),t.jsx("button",{type:"button",className:`cmd-act del ${v===i?"confirm":""}`,title:r("delete"),onClick:()=>M(i),children:v===i?r("confirmQ"):t.jsx(L,{})})]},i))]})}),t.jsxs("div",{className:"term-tabs-block",children:[t.jsxs("div",{className:"panel-header",children:[t.jsx("span",{className:"panel-title",children:r("terminal")}),t.jsx("button",{type:"button",className:"panel-new",title:r("newTerminal"),onClick:w,children:t.jsx(R,{})})]}),t.jsxs("div",{className:"panel-body",children:[s.terminals.length===0&&t.jsx("div",{className:"panel-empty",children:r("noTerminal")}),s.terminals.map(e=>t.jsxs("div",{className:`term-tab ${e.id===p?"active":""}`,children:[t.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
2
2
  > ${e.command.command}`:""}`,onClick:()=>{o(e.id),g(!1)},children:[t.jsx("span",{className:`term-tab-dot ${e.running?"run":"exit"}`}),t.jsxs("span",{className:"term-tab-title",children:[e.title,!e.running&&t.jsx("span",{className:"term-tab-exit",children:r("exited",{code:e.exitCode===null?"":` ${e.exitCode}`})})]})]}),t.jsx("button",{type:"button",className:"term-tab-close",title:r("closeTerminal"),onClick:()=>E(e.id),children:t.jsx(G,{})})]},e.id))]})]})]}),t.jsxs("div",{className:"term-main",children:[j&&t.jsx("div",{className:"drawer-backdrop",onClick:()=>g(!1)}),t.jsx("button",{type:"button",className:"term-side-toggle",title:r("commands"),onClick:()=>g(e=>!e),children:t.jsx(J,{})}),s.terminals.length===0?t.jsxs("div",{className:"term-empty",children:[t.jsx(V,{className:"term-empty-icon"}),t.jsx("div",{className:"term-empty-title",children:r("builtinTerminal")}),t.jsx("div",{className:"term-empty-sub",children:r("termEmptySub")})]}):s.terminals.map(e=>t.jsx(Q,{conversationId:e.conversationId,terminalId:e.id,command:e.command,cwd:e.cwd,active:e.id===p,send:n,register:f.register},`${e.conversationId}:${e.id}`))]})]})}export{ne as TerminalPanel};
@@ -1 +1 @@
1
- import{g as p,r as u,d as a}from"./chunk-SVP7TREG-BOWUorML.js";import{p as f}from"./chunk-JWPE2WC7-BxQUQ7dH.js";import{_ as n,l as o}from"./mermaid.core-DDk4A0BP.js";import{M as c,b as d}from"./cynefin-OW5HDTMX-DmSGPBbN.js";import"./index-C-XJ-ly_.js";import"./markdown-CUPbftfV.js";import"./react-ZkKJMDQQ.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},I={parser:R,db:a,renderer:u,styles:p};export{I as diagram};
1
+ import{g as p,r as u,d as a}from"./chunk-SVP7TREG-WDQg7LbA.js";import{p as f}from"./chunk-JWPE2WC7-CyENxC_t.js";import{_ as n,l as o}from"./mermaid.core-D8R7av1J.js";import{M as c,b as d}from"./cynefin-OW5HDTMX-Dlp7w0pR.js";import"./index-C6v7dw-m.js";import"./markdown-CUPbftfV.js";import"./react-ZkKJMDQQ.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},I={parser:R,db:a,renderer:u,styles:p};export{I as diagram};
@@ -1 +1 @@
1
- import{a0 as ln,a1 as an,a2 as y,a3 as tn,a4 as H,a5 as q,a6 as _,a7 as un,a8 as rn,a9 as L,aa as o,ab as B,ac as sn,ad as on,ae as fn}from"./mermaid.core-DDk4A0BP.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,I,D,v,A,C,a){var O=I-l,i=D-h,n=C-v,d=a-A,u=d*O-n*i;if(!(u*u<y))return u=(n*(h-A)-d*(l-v))/u,[l+u*O,h+u*i]}function W(l,h,I,D,v,A,C){var a=l-I,O=h-D,i=(C?A:-A)/L(a*a+O*O),n=i*O,d=-i*a,u=l+n,s=h+d,f=I+n,c=D+d,F=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,R=m*m+g*g,T=v-A,P=u*c-f*s,S=(g<0?-1:1)*L(fn(0,T*T*R-P*P)),j=(P*g-m*S)/R,z=(-P*m-g*S)/R,w=(P*g+m*S)/R,p=(-P*m+g*S)/R,x=j-F,e=z-t,r=w-F,G=p-t;return x*x+e*e>r*r+G*G&&(j=w,z=p),{cx:j,cy:z,x01:-n,y01:-d,x11:j*(v/T-1),y11:z*(v/T-1)}}function hn(){var l=cn,h=yn,I=B(0),D=null,v=gn,A=dn,C=mn,a=null,O=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-an,c=A.apply(this,arguments)-an,F=un(c-f),t=c>f;if(a||(a=n=O()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(F>tn-y)a.moveTo(s*H(f),s*q(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*H(c),u*q(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,R=f,T=c,P=F,S=F,j=C.apply(this,arguments)/2,z=j>y&&(D?+D.apply(this,arguments):L(u*u+s*s)),w=_(un(s-u)/2,+I.apply(this,arguments)),p=w,x=w,e,r;if(z>y){var G=sn(z/u*q(j)),M=sn(z/s*q(j));(P-=G*2)>y?(G*=t?1:-1,R+=G,T-=G):(P=0,R=T=(f+c)/2),(S-=M*2)>y?(M*=t?1:-1,m+=M,g-=M):(S=0,m=g=(f+c)/2)}var J=s*H(m),K=s*q(m),N=u*H(T),Q=u*q(T);if(w>y){var U=s*H(g),V=s*q(g),X=u*H(R),Y=u*q(R),E;if(F<rn)if(E=pn(J,K,X,Y,U,V,N,Q)){var Z=J-E[0],$=K-E[1],b=U-E[0],k=V-E[1],nn=1/q(on((Z*b+$*k)/(L(Z*Z+$*$)*L(b*b+k*k)))/2),en=L(E[0]*E[0]+E[1]*E[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}S>y?x>y?(e=W(X,Y,J,K,s,x,t),r=W(U,V,N,Q,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(J,K),a.arc(0,0,s,m,g,!t)):a.moveTo(J,K),!(u>y)||!(P>y)?a.lineTo(N,Q):p>y?(e=W(N,Q,U,V,u,-p,t),r=W(J,K,X,Y,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,R,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-rn/2;return[H(d)*n,q(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:B(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:B(+n),i):h},i.cornerRadius=function(n){return arguments.length?(I=typeof n=="function"?n:B(+n),i):I},i.padRadius=function(n){return arguments.length?(D=n==null?null:typeof n=="function"?n:B(+n),i):D},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:B(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:B(+n),i):A},i.padAngle=function(n){return arguments.length?(C=typeof n=="function"?n:B(+n),i):C},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};
1
+ import{a0 as ln,a1 as an,a2 as y,a3 as tn,a4 as H,a5 as q,a6 as _,a7 as un,a8 as rn,a9 as L,aa as o,ab as B,ac as sn,ad as on,ae as fn}from"./mermaid.core-D8R7av1J.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,I,D,v,A,C,a){var O=I-l,i=D-h,n=C-v,d=a-A,u=d*O-n*i;if(!(u*u<y))return u=(n*(h-A)-d*(l-v))/u,[l+u*O,h+u*i]}function W(l,h,I,D,v,A,C){var a=l-I,O=h-D,i=(C?A:-A)/L(a*a+O*O),n=i*O,d=-i*a,u=l+n,s=h+d,f=I+n,c=D+d,F=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,R=m*m+g*g,T=v-A,P=u*c-f*s,S=(g<0?-1:1)*L(fn(0,T*T*R-P*P)),j=(P*g-m*S)/R,z=(-P*m-g*S)/R,w=(P*g+m*S)/R,p=(-P*m+g*S)/R,x=j-F,e=z-t,r=w-F,G=p-t;return x*x+e*e>r*r+G*G&&(j=w,z=p),{cx:j,cy:z,x01:-n,y01:-d,x11:j*(v/T-1),y11:z*(v/T-1)}}function hn(){var l=cn,h=yn,I=B(0),D=null,v=gn,A=dn,C=mn,a=null,O=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-an,c=A.apply(this,arguments)-an,F=un(c-f),t=c>f;if(a||(a=n=O()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(F>tn-y)a.moveTo(s*H(f),s*q(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*H(c),u*q(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,R=f,T=c,P=F,S=F,j=C.apply(this,arguments)/2,z=j>y&&(D?+D.apply(this,arguments):L(u*u+s*s)),w=_(un(s-u)/2,+I.apply(this,arguments)),p=w,x=w,e,r;if(z>y){var G=sn(z/u*q(j)),M=sn(z/s*q(j));(P-=G*2)>y?(G*=t?1:-1,R+=G,T-=G):(P=0,R=T=(f+c)/2),(S-=M*2)>y?(M*=t?1:-1,m+=M,g-=M):(S=0,m=g=(f+c)/2)}var J=s*H(m),K=s*q(m),N=u*H(T),Q=u*q(T);if(w>y){var U=s*H(g),V=s*q(g),X=u*H(R),Y=u*q(R),E;if(F<rn)if(E=pn(J,K,X,Y,U,V,N,Q)){var Z=J-E[0],$=K-E[1],b=U-E[0],k=V-E[1],nn=1/q(on((Z*b+$*k)/(L(Z*Z+$*$)*L(b*b+k*k)))/2),en=L(E[0]*E[0]+E[1]*E[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}S>y?x>y?(e=W(X,Y,J,K,s,x,t),r=W(U,V,N,Q,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(J,K),a.arc(0,0,s,m,g,!t)):a.moveTo(J,K),!(u>y)||!(P>y)?a.lineTo(N,Q):p>y?(e=W(N,Q,U,V,u,-p,t),r=W(J,K,X,Y,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,R,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-rn/2;return[H(d)*n,q(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:B(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:B(+n),i):h},i.cornerRadius=function(n){return arguments.length?(I=typeof n=="function"?n:B(+n),i):I},i.padRadius=function(n){return arguments.length?(D=n==null?null:typeof n=="function"?n:B(+n),i):D},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:B(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:B(+n),i):A},i.padAngle=function(n){return arguments.length?(C=typeof n=="function"?n:B(+n),i):C},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};