u1s1-cli 0.10.0 → 0.11.0

package/dist/web.js

@@ -2,9 +2,9 @@ import { spawn, spawnSync } from "node:child_process";
 import { mkdirSync } from "node:fs";
 import { createRequire } from "node:module";
 import { dirname, join } from "node:path";
-import { cleanupBrandThemes, ensureBrandPrompt, ensureDefaultSettings, ensureProviderModels, writeWebToolsExtension, } from "./agent-setup.js";
+import { cleanupBrandThemes, ensureAuthCredential, ensureBrandPrompt, ensureDefaultSettings, ensureProviderModels, writeWebToolsExtension, } from "./agent-setup.js";
 import { agentDir, apiModelToDef, resolvePreferredModel, setModelsFromApi, u1s1Dir, writeAgentDefaultModel, } from "./config.js";
-import { applyWebUiBranding } from "./webui-brand.js";
+import { applyWebUiBranding, applyWebUiFrontend } from "./webui-brand.js";
 import { fetchModels } from "./api.js";
 const require = createRequire(import.meta.url);
 /**
@@ -12,6 +12,43 @@ const require = createRequire(import.meta.url);
  * (品牌 prompt / models.json / 会话与 TUI 共享)和登录 key,其余原样透传
  * (--port / --cwd / --no-browser)。
  */
+/**
+ * 启动 pi-web-ui 服务器前的公共准备:品牌 prompt、模型列表、auth.json 凭据、
+ * 联网工具扩展、默认模型,并返回子进程需要的环境变量。CLI(`u1s1 web`)和
+ * 桌面版 App(packages/app,经 "u1s1-cli/embed" 引入)共用这一份逻辑。
+ */
+export async function prepareWebEnv(cfg) {
+    cleanupBrandThemes();
+    ensureBrandPrompt();
+    ensureDefaultSettings();
+    // Fetch model list from server; fall back to built-in MODELS on error.
+    // 服务端没开搜索(或老网关没有 features 字段)时不注册 web_search
+    let webSearchEnabled = true;
+    try {
+        const { models, features } = await fetchModels(cfg);
+        setModelsFromApi(models.map(apiModelToDef));
+        webSearchEnabled = features.web_search !== false;
+    }
+    catch (e) {
+        console.error("  获取模型列表失败,使用内置列表:", e.message);
+    }
+    ensureProviderModels(cfg);
+    // pi-web-ui 靠 auth.json 判断「已配置」,否则网页会弹 pi 安装引导
+    ensureAuthCredential();
+    // 联网工具经 agentDir/extensions 投影,和 TUI 共用一份注册
+    writeWebToolsExtension(cfg, webSearchEnabled);
+    // 网页版新会话从 settings.json 的 defaultModel 取模型(TUI 是每次传 --model),
+    // 确保它有值;resolvePreferredModel 优先尊重已有的 in-session 选择,不会回退覆盖。
+    writeAgentDefaultModel(resolvePreferredModel(cfg.model));
+    const dataDir = join(u1s1Dir, "web");
+    mkdirSync(dataDir, { recursive: true });
+    return {
+        PI_CODING_AGENT_DIR: agentDir,
+        U1S1_API_KEY: cfg.apiKey,
+        U1S1_TOOLS_VIA_EXTENSION: "1",
+        PI_WEB_DATA_DIR: dataDir,
+    };
+}
 export async function webCommand(cfg, args) {
     // pi-web-ui 的 server install/shortcut 生成的服务定义只固化 PORT/CWD,不带
     // PI_CODING_AGENT_DIR 和 U1S1_API_KEY —— 装出来的自启服务是坏的(丢登录态、
@@ -24,6 +61,7 @@ export async function webCommand(cfg, args) {
     }
     // pi-web-ui 是 optionalDependency:装 CLI 时它编译/下载失败不会拖垮整个安装,
     // 代价是这里可能不存在 —— 给出人话指引而不是 Cannot find module。
+    // (桌面版 App 上线后这里的兜底会改为指向 App 下载,CLI 届时不再携带 pi-web-ui。)
     let bin;
     try {
         bin = require.resolve("pi-web-ui/bin/pi-web-ui.mjs");
@@ -45,39 +83,14 @@ export async function webCommand(cfg, args) {
         process.exitCode = 1;
         return;
     }
-    cleanupBrandThemes();
-    ensureBrandPrompt();
-    ensureDefaultSettings();
-    // Fetch model list from server; fall back to built-in MODELS on error.
-    // 服务端没开搜索(或老网关没有 features 字段)时不注册 web_search
-    let webSearchEnabled = true;
-    try {
-        const { models, features } = await fetchModels(cfg);
-        setModelsFromApi(models.map(apiModelToDef));
-        webSearchEnabled = features.web_search !== false;
-    }
-    catch (e) {
-        console.error("  获取模型列表失败,使用内置列表:", e.message);
-    }
-    ensureProviderModels(cfg);
-    // 联网工具经 agentDir/extensions 投影,和 TUI 共用一份注册
-    writeWebToolsExtension(cfg, webSearchEnabled);
-    // 网页版新会话从 settings.json 的 defaultModel 取模型(TUI 是每次传 --model),
-    // 确保它有值;resolvePreferredModel 优先尊重已有的 in-session 选择,不会回退覆盖。
-    writeAgentDefaultModel(resolvePreferredModel(cfg.model));
-    const dataDir = join(u1s1Dir, "web");
-    mkdirSync(dataDir, { recursive: true });
-    applyWebUiBranding(bin);
+    const webEnv = await prepareWebEnv(cfg);
+    // 首选 u1s1 自有前端(Codex 布局);产物缺失时回退为上游界面 + 品牌补丁
+    if (!applyWebUiFrontend(bin))
+        applyWebUiBranding(bin);
     console.log("u1s1 网页版启动中… 浏览器会自动打开;关闭请回到这里按 Ctrl+C。");
     const child = spawn(process.execPath, [bin, ...args], {
         stdio: "inherit",
-        env: {
-            ...process.env,
-            PI_CODING_AGENT_DIR: agentDir,
-            U1S1_API_KEY: cfg.apiKey,
-            U1S1_TOOLS_VIA_EXTENSION: "1",
-            PI_WEB_DATA_DIR: dataDir,
-        },
+        env: { ...process.env, ...webEnv },
     });
     // Ctrl+C 由子进程负责优雅停机(同进程组,信号会直达);父进程只等退出码,
     // 避免父进程先死导致孤儿服务器。

package/dist/webui-brand.d.ts

@@ -0,0 +1,9 @@
+/**
+ * u1s1 自有前端(packages/webui,Codex 布局复刻)整体替换 pi-web-ui 的
+ * web/dist。产物随 CLI 包发布在 <cliPkg>/webui-dist;index.html 内容一致
+ * 说明已同步过,跳过。目标目录先整体删除再拷贝 —— 断开 pnpm 硬链接,
+ * 也顺带清掉上游的旧 assets。返回 false 表示产物缺失(回退到品牌补丁)。
+ */
+export declare function applyWebUiFrontend(binPath: string): boolean;
+/** binPath = <pkg>/bin/pi-web-ui.mjs → 前端产物在 <pkg>/web/dist。 */
+export declare function applyWebUiBranding(binPath: string): void;

package/dist/webui-brand.js

@@ -1,15 +1,45 @@
-import { existsSync, readFileSync, rmSync, writeFileSync } from "node:fs";
+import { cpSync, existsSync, readFileSync, rmSync, writeFileSync } from "node:fs";
 import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
 /**
- * pi-web-ui 前端产物的启动时品牌补丁。不 fork 上游,只在每次 `u1s1 web` 启动前
- * 改它 web/dist 里的静态文件:重写 <title>、换 favicon、注入一段小脚本把页面
- * chrome 上的 π / pi-web-ui 字样换成 u1s1。
+ * u1s1 自有前端(packages/webui,Codex 布局复刻)整体替换 pi-web-ui 的
+ * web/dist。产物随 CLI 包发布在 <cliPkg>/webui-dist;index.html 内容一致
+ * 说明已同步过,跳过。目标目录先整体删除再拷贝 —— 断开 pnpm 硬链接,
+ * 也顺带清掉上游的旧 assets。返回 false 表示产物缺失(回退到品牌补丁)。
+ */
+export function applyWebUiFrontend(binPath) {
+    const src = fileURLToPath(new URL("../webui-dist/", import.meta.url));
+    const srcIndex = join(src, "index.html");
+    if (!existsSync(srcIndex))
+        return false;
+    const dist = join(dirname(binPath), "..", "web", "dist");
+    const distIndex = join(dist, "index.html");
+    try {
+        if (existsSync(distIndex) &&
+            readFileSync(distIndex, "utf8") === readFileSync(srcIndex, "utf8")) {
+            return true;
+        }
+        rmSync(dist, { recursive: true, force: true });
+        cpSync(src, dist, { recursive: true });
+        return true;
+    }
+    catch (e) {
+        console.error("  前端替换失败,退回默认界面:", e.message);
+        return false;
+    }
+}
+/**
+ * pi-web-ui 前端产物的启动时品牌补丁。不 fork 上游,只在每次 `u1s1 web` /
+ * 桌面版启动前改它 web/dist 里的静态文件:重写 <title>、换 favicon、注入
+ * 品牌脚本和一份 Codex 风格的主题 CSS(u1s1-theme.css),把整个界面换成
+ * u1s1 的视觉:石墨底色、品牌蓝 #4ea1ff、幽灵化顶栏、居中内容列。
  *
- * - 幂等:index.html 里有版本化标记则跳过;pi-web-ui 升级后文件是新的,自动重打。
+ * - 幂等 + 可升级:index.html 里有当前版本标记则跳过;版本变了先剥掉旧注入
+ *   再打新的;pi-web-ui 升级后文件是全新的,自动重打。
  * - 写文件前先 rmSync 断开硬链接 —— pnpm 的 node_modules 是全局 store 的硬链接,
  *   原地写会污染 store;unlink 后新写的是独立 inode,npm 平铺安装则无所谓。
  */
-const PATCH_MARK = "u1s1-brand-v1";
+const PATCH_MARK = "u1s1-brand-v2";
 const PAGE_TITLE = "u1s1 网页版 — 有一说一";
 const FAVICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
 <rect width="64" height="64" rx="14" fill="#101418"/>
@@ -25,11 +55,116 @@ const BRAND_JS = `(function(){
     if (logo && logo.textContent !== LOGO) logo.textContent = LOGO;
     var name = document.querySelector(".brand-name");
     if (name && name.textContent !== NAME) name.textContent = NAME;
+    // 输入框占位符里的 pi 字样换成 u1s1(React 重渲染会改回去,观察到就再改)
+    var box = document.querySelector(".inputbox textarea");
+    if (box && box.placeholder && box.placeholder.indexOf("pi ") !== -1) {
+      box.placeholder = box.placeholder.replace(/pi /g, "u1s1 ");
+    }
+    // 消息里的助手角色标签 pi → u1s1(大写 PI 是 CSS text-transform 渲染的)
+    var roles = document.querySelectorAll(".msg-role, .msg-collapsed-role");
+    for (var i = 0; i < roles.length; i++) {
+      if (roles[i].textContent.trim().toLowerCase() === "pi") roles[i].textContent = NAME;
+    }
   }
   apply();
-  new MutationObserver(apply).observe(document.documentElement, { childList: true, subtree: true });
+  new MutationObserver(apply).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ["placeholder"] });
 })();
 `;
+/**
+ * Codex mac app 风格的亮色主题覆盖层:暖白底、深灰字、浅灰气泡、极简边框,
+ * 视觉锚点只留品牌、模型和「新对话」。全部通过变量覆盖 + 定向规则实现,
+ * 上游 DOM/类名不动;上游写死的暗色(代码块 #0b0d12!important、hljs 深色
+ * token、黑色重阴影)逐条压回亮色。终端面板(xterm)保持深色不动。
+ */
+const THEME_CSS = `/* ${PATCH_MARK} — u1s1 light theme overlay (Codex mac style) */
+:root{
+  --bg:#faf9f7;
+  --bg-elev:#f2f0ec;
+  --bg-elev1:#f4f2ef;
+  --bg-elev2:#ecebe6;
+  --border:#dcd8d0;
+  --border-soft:#e8e5df;
+  --text:#1f1e1b;
+  --text-dim:#57534c;
+  --text-faint:#8a857c;
+  --accent:#2f6fe0;
+  --accent-soft:rgba(47,111,224,.10);
+  --green:#1a7f37;
+  --green-soft:rgba(26,127,55,.12);
+  --red:#cf222e;
+  --red-soft:rgba(207,34,46,.10);
+  --amber:#9a6700;
+}
+html,body{background:var(--bg);color-scheme:light}
+
+/* ---- 顶栏:去底色去边框,低频控件幽灵化,悬停才现形 ---- */
+.topbar{background:transparent;border-bottom:1px solid var(--border-soft);padding:10px 18px}
+.topbar-desktop .dropdown .chip{background:transparent;border-color:transparent;color:var(--text-dim)}
+.topbar-desktop .dropdown .chip:hover{background:var(--bg-elev2);border-color:var(--border);color:var(--text)}
+/* 模型选择是高频锚点,保留药丸形态 */
+.topbar-desktop .dropdown:first-child .chip{background:#fff;border-color:var(--border);color:var(--text)}
+.chip{background:#fff}
+.chip.github{display:none}
+.chip.newchat{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}
+.chip.newchat:hover{background:#2a63c8;border-color:transparent}
+.view-switch{background:transparent;border-color:transparent;gap:2px}
+.view-switch button{color:var(--text-dim)}
+.view-switch button.active{background:var(--bg-elev2);border-radius:999px;color:var(--text)}
+
+/* ---- 侧栏:层级靠底色深浅,不靠描边 ---- */
+.panel{border-right:none;background:var(--bg-elev)}
+.panel-right{border-left:1px solid var(--border-soft);background:var(--bg);width:216px}
+.panel .panel-title,.panel .panel-section-title,.panel-header .panel-title{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-faint)}
+.session-item.active,.project-item.active{background:#fff;border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.06)}
+.panel-crumbs .crumb{color:var(--text-faint)}
+.panel-crumbs .crumb.active{color:var(--text-dim)}
+
+/* ---- 对话流:收窄到 780px,和 composer 对齐 ---- */
+.msg,.goalbar,.inputbox{max-width:780px}
+.msg-text{line-height:1.75}
+.messages{padding-top:28px}
+/* markdown 表格降噪:去竖线只留横向分隔,表头不抢戏 */
+.msg-text th,.msg-text td{border:none;border-bottom:1px solid var(--border-soft);padding:6px 12px}
+.msg-text thead th{border-bottom:1px solid var(--border);background:transparent;color:var(--text-dim);font-weight:600;text-align:left}
+.msg-text table{margin:10px 0;width:100%}
+.msg-text hr{border-color:var(--border-soft)}
+/* 用户消息:浅灰气泡靠右(Codex 同款),替换上游的紫色调 */
+.msg-user .msg-body{background:var(--bg-elev2);border:1px solid transparent;border-radius:14px;margin-left:auto;width:fit-content;max-width:min(85%,620px)}
+
+/* ---- 代码:亮色卡片 + GitHub-Light 配色(压过上游写死的 #0b0d12) ---- */
+.codeblock pre{background:#f6f5f1!important;border:1px solid var(--border-soft)}
+.termline{background:#f6f5f1;border-color:var(--border-soft)}
+.toolcall-output pre{background:#f6f5f1;border-color:var(--border-soft);color:var(--text-dim)}
+.fp-code{background:#f6f5f1}
+.fp-code.dragging .fp-line.sel{background:var(--accent-soft)}
+.thinking{background:#f7f5f1}
+.hljs{color:#24292f;background:transparent}
+.hljs-comment,.hljs-quote{color:#6e7781}
+.hljs-keyword,.hljs-doctag,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#cf222e}
+.hljs-title,.hljs-title.class_,.hljs-title.function_{color:#8250df}
+.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#0550ae}
+.hljs-string,.hljs-regexp{color:#0a3069}
+.hljs-built_in,.hljs-symbol{color:#953800}
+.hljs-name,.hljs-selector-tag,.hljs-selector-pseudo{color:#116329}
+.hljs-section{color:#0550ae;font-weight:700}
+.hljs-bullet{color:#953800}
+.hljs-emphasis{font-style:italic}
+.hljs-strong{font-weight:700}
+.hljs-addition{color:#116329;background:#dafbe1}
+.hljs-deletion{color:#82071e;background:#ffebe9}
+
+/* ---- Composer:白色主舞台,轻投影 ---- */
+.inputbar{padding:10px 24px 26px}
+.inputbox{background:#fff;border-color:var(--border);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 24px rgba(0,0,0,.07)}
+.inputbox:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),0 6px 24px rgba(0,0,0,.07)}
+
+/* ---- 状态栏与滚动条:退到最底的音量 ---- */
+.statusbar{background:transparent;border-top:1px solid var(--border-soft)}
+::-webkit-scrollbar{width:10px;height:10px}
+::-webkit-scrollbar-thumb{background:#00000024;border-radius:5px;border:2px solid transparent;background-clip:content-box}
+::-webkit-scrollbar-thumb:hover{background:#0000003d;border-radius:5px;border:2px solid transparent;background-clip:content-box}
+::-webkit-scrollbar-track{background:transparent}
+`;
 function replaceFile(path, content) {
     rmSync(path, { force: true });
     writeFileSync(path, content);
@@ -40,13 +175,23 @@ export function applyWebUiBranding(binPath) {
     const indexHtml = join(dist, "index.html");
     if (!existsSync(indexHtml))
         return; // 上游布局变了就跳过,页面保持原样也能用
+    // 资产文件每次启动重写:内容随 CLI 版本走,不依赖 html 的版本标记
+    replaceFile(join(dist, "u1s1-brand.js"), BRAND_JS);
+    replaceFile(join(dist, "u1s1-theme.css"), THEME_CSS);
+    replaceFile(join(dist, "favicon.svg"), FAVICON_SVG);
     let html = readFileSync(indexHtml, "utf8");
     if (html.includes(PATCH_MARK))
         return;
-    replaceFile(join(dist, "u1s1-brand.js"), BRAND_JS);
-    replaceFile(join(dist, "favicon.svg"), FAVICON_SVG);
+    // 老版本补丁(u1s1-brand-v1 等)的注入行先剥掉,避免升级后重复注入
+    html = html
+        .replace(/[ \t]*<!-- u1s1-brand-[^>]*-->\n?/g, "")
+        .replace(/[ \t]*<script defer src="\/u1s1-brand\.js"><\/script>\n?/g, "")
+        .replace(/[ \t]*<link rel="stylesheet" href="\/u1s1-theme\.css"\s*\/?>\n?/g, "");
     html = html
         .replace(/<title>[^<]*<\/title>/, `<title>${PAGE_TITLE}</title>`)
-        .replace("</head>", `  <!-- ${PATCH_MARK} -->\n    <script defer src="/u1s1-brand.js"></script>\n  </head>`);
+        .replace("</head>", `  <!-- ${PATCH_MARK} -->\n` +
+        `    <link rel="stylesheet" href="/u1s1-theme.css" />\n` +
+        `    <script defer src="/u1s1-brand.js"></script>\n` +
+        `  </head>`);
     replaceFile(indexHtml, html);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "u1s1-cli",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "u1s1 — 有一说一,最省心的 AI 编程搭子。终端里用中文说需求,AI 帮你读文件、改代码、跑命令。",
   "type": "module",
   "bin": {
@@ -14,7 +14,8 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist"
+    "dist",
+    "webui-dist"
   ],
   "engines": {
     "node": ">=22.19.0"
@@ -43,7 +44,7 @@
     "typebox": "1.3.7"
   },
   "optionalDependencies": {
-    "pi-web-ui": "0.20.1"
+    "pi-web-ui": "0.26.0"
   },
   "devDependencies": {
     "@types/node": "^22.15.0",