@co0ontty/wand 4.63.0 → 4.64.0

package/dist/web-ui/index.js

@@ -21,10 +21,10 @@ export function renderApp(configPath) {
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content" />
   <title>Wand Console</title>
-  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='16' fill='%2313110f'/%3E%3Ctext x='32' y='44' text-anchor='middle' font-size='40' font-family='Arial,sans-serif' font-weight='700' fill='%23f5f3ee'%3EW%3C/text%3E%3C/svg%3E" />
+  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='18' fill='%2317120f'/%3E%3Cpath d='M13 21l9 24 10-15 10 15 9-24' fill='none' stroke='%23c5653d' stroke-width='6.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" />
   <meta name="description" content="Local CLI Console for Vibe Coding - Manage terminal sessions from your browser" />
-  <meta name="theme-color" content="#f5f3ee" media="(prefers-color-scheme: light)" />
-  <meta name="theme-color" content="#13110f" media="(prefers-color-scheme: dark)" />
+  <meta name="theme-color" content="#f1eadf" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#17120f" media="(prefers-color-scheme: dark)" />
   <meta name="format-detection" content="telephone=no" />
   <meta name="msapplication-tap-highlight" content="no" />
   <link rel="stylesheet" href="${xtermCssHref}" />

package/dist/web-ui/provider-identity.d.ts

@@ -7,6 +7,10 @@ export declare function normalizeProviderId(value: unknown): ProviderId | null;
  * directory names must not be allowed to impersonate a different provider.
  */
 export declare function inferProviderIdFromCommand(value: unknown): ProviderId | null;
+/** provider 对应的 CLI 可执行文件名（Qoder 的 CLI 叫 qodercli）。 */
+export declare function providerCliCommand(provider: string): string;
+/** 严格判断：只接受 6 个 provider 字面量，不做别名 / 大小写归一。 */
+export declare function isProviderId(value: unknown): value is ProviderId;
 export declare function providerDisplayName(value: unknown): string;
 export declare const CLAUDE_BRAND_COLOR = "#D97757";
 export declare const CLAUDE_LOGO_PATH = "m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z";

package/dist/web-ui/provider-identity.js

@@ -1,4 +1,5 @@
 export const PROVIDER_IDS = ["claude", "codex", "opencode", "grok", "qoder", "pi"];
+const PROVIDER_ID_SET = new Set(PROVIDER_IDS);
 const PROVIDER_LABELS = {
     claude: "Claude",
     codex: "Codex",
@@ -52,6 +53,14 @@ export function inferProviderIdFromCommand(value) {
     const executable = executablePath.split(/[\\/]/).pop()?.replace(/\.(?:cmd|exe)$/i, "") ?? "";
     return normalizeProviderId(executable);
 }
+/** provider 对应的 CLI 可执行文件名（Qoder 的 CLI 叫 qodercli）。 */
+export function providerCliCommand(provider) {
+    return provider === "qoder" ? "qodercli" : provider;
+}
+/** 严格判断：只接受 6 个 provider 字面量，不做别名 / 大小写归一。 */
+export function isProviderId(value) {
+    return typeof value === "string" && PROVIDER_ID_SET.has(value);
+}
 export function providerDisplayName(value) {
     if (typeof value === "string" && value.trim().toLowerCase() === "terminal")
         return "终端";

package/dist/web-ui/styles.js

@@ -3,19 +3,36 @@ import * as path from "node:path";
 import { fileURLToPath } from "node:url";
 import { EMBEDDED_WEB_ASSETS } from "./embedded-assets.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-// 用 mtime 做缓存键，磁盘上 CSS 一变（npm run build / 手工 edit dist/）下次请求
+// 顺序即层叠顺序：Tailwind/Appica 编译产物在前，手写 styles.css 在后。
+//
+// 两个原因决定这个顺序不能反过来：
+//
+// 1. Tailwind 的 @layer 规则永远输给无层规则，所以 styles.css 里的手写规则
+//    仍然稳压 Utilities 一层（两个文件里 `*` 重置的分工见
+//    src/web-ui/css/appica.css 顶部说明）。这一条与先后无关。
+// 2. Appica 在自己的无层 `:root` 里也声明了一批与 Wand 同名的 token
+//    （--success / --warning / --info / --border-strong / --radius-md /
+//    --shadow-sm …）。无层对无层只能靠先后裁决，styles.css 必须排在后面，
+//    否则 Appica 的中性灰会悄无声息地覆盖掉整套暖色调。
+const CSS_FILES = ["tailwind.css", "styles.css"];
+// 用 mtime+size 做缓存键，磁盘上 CSS 一变（npm run build / 手工 edit dist/）下次请求
 // 就会自动 re-read。否则进程启动时缓存的 CSS 会粘住整个生命周期，UI 改动看不到效果，
 // 必须重启 wand 才能生效——开发 / 修 UI 的时候这点尤其难受。
 // 同步 stat 的成本：本地 fs，~几十微秒，相对一次 HTML 渲染可忽略。
 let _cssCache = EMBEDDED_WEB_ASSETS.stylesCss;
-let _cssCacheMtimeMs = 0;
+let _cssCacheKey = "";
+function cssCacheKey() {
+    return CSS_FILES.map((name) => {
+        const stat = fs.statSync(path.join(__dirname, "content", name));
+        return `${name}:${stat.mtimeMs}:${stat.size}`;
+    }).join("|");
+}
 export function getCSSStyles() {
-    const cssPath = path.join(__dirname, "content", "styles.css");
     try {
-        const stat = fs.statSync(cssPath);
-        if (_cssCache === null || stat.mtimeMs !== _cssCacheMtimeMs) {
-            _cssCache = fs.readFileSync(cssPath, "utf-8");
-            _cssCacheMtimeMs = stat.mtimeMs;
+        const key = cssCacheKey();
+        if (key !== _cssCacheKey) {
+            _cssCache = CSS_FILES.map((name) => fs.readFileSync(path.join(__dirname, "content", name), "utf-8")).join("\n");
+            _cssCacheKey = key;
         }
     }
     catch {

package/dist/workspace-binding.d.ts

@@ -16,6 +16,8 @@ export declare function ensureWorkspaceForCwd(storage: WandStorage, cwd: string,
     name?: string;
     defaultProvider?: WorkspaceDefaultProvider;
 }): Workspace;
+/** 全局工作空间既可能标记 `kind`，也可能是旧的固定 id。 */
+export declare function isGlobalWorkspace(workspace: Pick<Workspace, "kind" | "id">): boolean;
 /**
  * 「工作区名称」和「项目名」是同一个概念：用户在任意一端改名，两端都要写。
  * name 为空表示恢复目录名（清掉自定义名）。返回最终生效的显示名。

package/dist/workspace-binding.js

@@ -61,7 +61,8 @@ export function ensureWorkspaceForCwd(storage, cwd, options = {}) {
         defaultProvider: options.defaultProvider,
     });
 }
-function isGlobalWorkspaceRecord(workspace) {
+/** 全局工作空间既可能标记 `kind`，也可能是旧的固定 id。 */
+export function isGlobalWorkspace(workspace) {
     return workspace.kind === "global" || workspace.id === GLOBAL_WORKSPACE_ID;
 }
 /**
@@ -76,7 +77,7 @@ export function renameWorkspaceDirectory(storage, cwd, name) {
     const resolved = trimmed || path.basename(normalized) || normalized;
     storage.setSessionDirectoryName(normalized, trimmed || null);
     for (const workspace of storage.listWorkspaces()) {
-        if (isGlobalWorkspaceRecord(workspace))
+        if (isGlobalWorkspace(workspace))
             continue;
         if (normalizeProjectCwd(workspace.cwd) !== normalized)
             continue;
@@ -88,7 +89,7 @@ export function renameWorkspaceDirectory(storage, cwd, name) {
 }
 /** 项目（workspaces.name）被直接改名后，把目录自定义名同步成同一个名字。 */
 export function syncDirectoryNameForWorkspace(storage, workspace) {
-    if (isGlobalWorkspaceRecord(workspace))
+    if (isGlobalWorkspace(workspace))
         return;
     const normalized = normalizeProjectCwd(workspace.cwd);
     const name = workspace.name.trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@co0ontty/wand",
-  "version": "4.63.0",
+  "version": "4.64.0",
   "description": "A web console for Claude Code, Codex, OpenCode, and other local CLI tools.",
   "type": "module",
   "bin": {
@@ -18,12 +18,13 @@
   "preferGlobal": true,
   "scripts": {
     "generate:web-assets": "node scripts/generate-web-assets.js",
-    "build": "rm -rf dist && node scripts/bundle-xterm.js && node scripts/bundle-qrcode.js && node scripts/bundle-browser.js && npm run generate:web-assets && tsc -p tsconfig.json && npm run build:copy-content && node scripts/stamp-build-info.js && node scripts/fix-dist-permissions.js",
+    "build": "rm -rf dist && node scripts/bundle-tailwind.js && node scripts/bundle-xterm.js && node scripts/bundle-qrcode.js && node scripts/bundle-browser.js && npm run generate:web-assets && tsc -p tsconfig.json && npm run build:copy-content && node scripts/stamp-build-info.js && node scripts/fix-dist-permissions.js",
     "build:copy-content": "cp -r src/web-ui/content dist/web-ui/ && node scripts/minify-dist-content.js",
-    "dev": "node scripts/bundle-xterm.js && node scripts/bundle-browser.js --development && npm run generate:web-assets && tsx src/cli.ts web",
-    "check": "node scripts/bundle-xterm.js && node scripts/bundle-browser.js && npm run generate:web-assets && tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.browser.json && tsc --noEmit -p tsconfig.react.json",
+    "dev": "node scripts/bundle-tailwind.js && node scripts/bundle-xterm.js && node scripts/bundle-browser.js --development && npm run generate:web-assets && tsx src/cli.ts web",
+    "check": "node scripts/bundle-tailwind.js && node scripts/bundle-xterm.js && node scripts/bundle-browser.js && npm run generate:web-assets && tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.browser.json && tsc --noEmit -p tsconfig.react.json",
     "test": "node --test --import tsx tests/*.test.ts",
-    "prepublishOnly": "VER=${WAND_PUBLISH_VERSION:-$(git tag --sort=-v:refname --list 'v*' | head -1)} && VER=${VER#v} && npm version \"$VER\" --no-git-tag-version --allow-same-version && npm run build"
+    "prepublishOnly": "VER=${WAND_PUBLISH_VERSION:-$(git tag --sort=-v:refname --list 'v*' | head -1)} && VER=${VER#v} && npm version \"$VER\" --no-git-tag-version --allow-same-version && npm run build",
+    "bundle:tailwind": "node scripts/bundle-tailwind.js"
   },
   "keywords": [
     "cli",
@@ -38,12 +39,7 @@
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.2.138",
     "@anthropic-ai/sdk": "^0.81.0",
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-popover": "^1.1.19",
-    "@radix-ui/react-select": "^2.3.3",
-    "@radix-ui/react-switch": "^1.3.3",
-    "@radix-ui/react-tabs": "^1.1.17",
-    "@radix-ui/react-toast": "^1.2.19",
+    "@appica/ui-react": "^1.1.0",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/addon-serialize": "^0.14.0",
     "@xterm/addon-unicode11": "^0.9.0",
@@ -56,10 +52,10 @@
     "node-pty": "^1.1.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "smol-toml": "^1.8.0",
     "ws": "^8.19.0"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.3.3",
     "@types/compression": "^1.8.1",
     "@types/express": "^4.17.21",
     "@types/multer": "^2.1.0",
@@ -69,6 +65,7 @@
     "@types/ws": "^8.18.1",
     "esbuild": "^0.28.0",
     "qrcode": "^1.5.4",
+    "tailwindcss": "^4.3.3",
     "tsx": "^4.19.3",
     "typescript": "^5.8.2"
   }