@raingor/pi-web-switch 0.3.2 → 0.4.0

package/src/lib/translations/zh-TW.ts

@@ -5,6 +5,7 @@ const zhTW: Record<string, string> = {
   "nav.models": "模型",
   "nav.providers": "提供商",
   "nav.providers_models": "提供商與模型",
+  "nav.subagents": "子代理",
   "providers_models.subtitle": "管理模型供應商與模型，配置後寫入 ~/.pi/agent/。",
   "providers_models.custom_providers": "自定義供應商",
   "providers_models.model_list": "模型列表",
@@ -21,8 +22,18 @@ const zhTW: Record<string, string> = {
   "providers_models.test_ok": "連線正常 ({0} ms)",
   "providers_models.test_fail": "連線失敗：{0}",
   "providers_models.invalid_url": "請輸入合法的 http(s) 位址",
+  "providers_models.baseurl_override": "此位址將覆蓋內建預設位址（寫入 models.json）",
   "providers_models.enable_all": "全部啟用",
+  "providers_models.sort_by": "排序",
+  "providers_models.sort_default": "預設",
+  "providers_models.sort_family": "依廠商",
+  "providers_models.sort_price_asc": "價格升序",
+  "providers_models.sort_price_desc": "價格降序",
   "providers_models.disable_all": "全部停用",
+  "providers_models.enabled_models_title": "已啟用模型",
+  "providers_models.no_enabled_models": "尚無啟用的模型。在供應商的模型清單中開啟模型後，會顯示在這裡。",
+  "providers_models.api_key_env": "將以環境變數 {0} 的值作為密鑰（不會明碼寫入）",
+  "providers_models.test_all": "測試全部",
   "providers_models.id_exists": "ID “{0}” 已存在，請換一個名稱",
   "providers_models.id_preview": "將以 ID “{0}” 儲存",
     "providers_models.import": "匯入",
@@ -31,13 +42,61 @@ const zhTW: Record<string, string> = {
     "providers_models.import_placeholder": "tokenrouter baseurl：https://api.example.com/v1 key：sk-xxxx\nmodelid：vendor/model-name",
     "providers_models.import_empty": "未能從文字中識別出有效內容",
     "providers_models.import_merge": "供應商 “{0}” 已存在，將合併模型至該供應商",
-    "providers_models.import_builtin_conflict": "與內建供應商 “{0}” 衝突，請修改名稱",
+      "providers_models.import_builtin_conflict": "與內建供應商 “{0}” 衝突，請修改名稱",
+  "providers_models.fetch_models": "取得模型列表",
+  "providers_models.fetch_no_endpoint": "該供應商未提供可用的 /models 端點",
+  "providers_models.fetching": "正在取得...",
+  "providers_models.fetch_error": "取得失敗：{0}",
+  "providers_models.fetch_empty": "該供應商未回傳可用模型",
+  "providers_models.modality_vision": "圖文",
+  "providers_models.modality_text": "純文字",
+  "providers_models.id_invalid": "無法從名稱或地址產生有效 ID，請先填寫基礎地址或使用英文名稱",
+  "providers_models.fetch_title": "匯入模型",
+  "providers_models.fetch_desc": "從 {0} 的 /models 端點取得可用模型，選擇要匯入的模型。",
+  "providers_models.select_all": "全選",
+  "providers_models.deselect_all": "取消全選",
+  "providers_models.selected_count": "已選擇 {0}/{1} 個模型",
+  "providers_models.confirm_import": "匯入選中模型",
+
+  "providers_models.import_done": "已匯入 {0} 個模型",
+
   "nav.sessions": "會話",
   "nav.memory": "記憶",
   "nav.settings": "設定",
   "app.subtitle": "設定管理器",
   "app.version": "pi-switch v0.1.0",
 
+  // Subagents
+  "subagents.summary": "{0} 個代理 · {1} 個流水線",
+  "subagents.tab_agents": "代理",
+  "subagents.tab_chains": "流水線",
+  "subagents.tab_history": "執行記錄",
+  "subagents.no_agents": "暫無代理",
+  "subagents.no_agents_desc": "在 ~/.pi/agent/agents/ 目錄下建立 .md 檔案即可新增子代理。",
+  "subagents.no_chains": "暫無流水線",
+  "subagents.no_chains_desc": "在 ~/.pi/agent/chains/ 目錄下建立 .chain.md 檔案即可新增流水線。",
+  "subagents.no_history": "暫無執行記錄",
+  "subagents.no_history_desc": "執行子代理後，執行記錄將顯示在這裡。",
+  "subagents.model": "模型",
+  "subagents.thinking": "思考級別",
+  "subagents.tools": "工具",
+  "subagents.system_prompt_mode": "系統提示模式",
+  "subagents.input": "輸入類型",
+  "subagents.system_prompt": "系統提示詞",
+  "subagents.empty_prompt": "(空)",
+  "subagents.steps_count": "步驟",
+  "subagents.pipeline": "執行流程",
+  "subagents.phase": "階段",
+  "subagents.label": "標籤",
+  "subagents.output": "輸出",
+  "subagents.agent": "代理",
+  "subagents.time": "時間",
+  "subagents.status": "狀態",
+  "subagents.duration": "耗時",
+  "subagents.status_ok": "成功",
+  "subagents.status_error": "失敗",
+  "subagents.showing_recent": "顯示最近 100 條記錄",
+
   "dashboard.title": "使用統計",
   "dashboard.requests_count": "{0} 次請求 · 總成本 {1}",
   "dashboard.range.today": "當天",
@@ -86,6 +145,8 @@ const zhTW: Record<string, string> = {
 
   "models.search_placeholder": "搜尋模型...",
   "models.add_model": "新增模型",
+
+  "models.test_model": "測試模型",
   "models.edit_model": "編輯模型",
   "models.delete_model": "刪除模型",
   "models.no_models": "未找到模型",
@@ -105,9 +166,35 @@ const zhTW: Record<string, string> = {
   "models.save": "儲存",
   "models.cancel": "取消",
   "models.delete_confirm": "確定要刪除此模型嗎？",
+  "models.pick_preset": "從目錄選擇",
+  "models.pick_preset_placeholder": "搜尋常用模型（Claude、GPT、Qwen、GLM、DeepSeek…）",
+  "models.detected_catalog": "已匹配：{0}",
+  "models.detected_heuristic": "已根據 ID 推斷參數",
+  "models.manual_fill": "手動填寫",
+  "models.preset_claude": "Claude 風格",
+  "models.preset_gpt": "GPT 風格",
+  "models.preset_reasoning": "推理模型",
+  "models.preset_small_local": "本地小模型",
+  "models.audio_input": "音訊輸入",
+  "models.quick_add": "快速新增",
+  "models.quick_add_placeholder": "輸入模型 ID 按 Enter 即加（自動識別參數）",
+  "models.copy_params": "複製參數",
+  "models.params_copied": "參數已複製",
+  "models.catalog_hint": "找不到你的模型？直接在下方輸入 ID，會自動推斷常見參數。",
+
+  // Compat
+  "compat.title": "API 相容性",
+  "compat.desc": "當 OpenAI 相容 API 不支援某些功能時，覆蓋預設行為。",
+  "compat.supports_developer_role": "支援 developer 角色",
+  "compat.supports_developer_role_desc": "使用 'developer' 角色發送系統提示（推理模型）。如果不支援，請關閉以改用 'system' 角色。",
+  "compat.supports_reasoning_effort": "支援 reasoning_effort",
+  "compat.supports_reasoning_effort_desc": "發送 reasoning_effort 參數。如果 API 不支援，請關閉。",
 
   "providers.add_provider": "新增提供商",
   "providers.delete_provider": "刪除提供商",
+  "providers_models.expand": "展開（還有 {0} 個）",
+  "providers_models.collapse": "收起",
+  "providers.duplicate_provider": "複製提供商",
   "providers.custom": "自訂",
   "providers.builtin": "內建",
   "providers.configured": "已設定",
@@ -191,6 +278,9 @@ const zhTW: Record<string, string> = {
   "settings.theme_desc": "選擇介面配色方案",
   "settings.font_size": "字體大小",
   "settings.font_size_desc": "調整介面整體字體大小",
+  "settings.ui_zoom": "介面縮放",
+  "settings.ui_zoom_desc": "依百分比縮放整個介面（50%–200%）",
+  "settings.ui_zoom_reset": "重設",
   "settings.enabled_models_desc": "點擊標籤以啟用或停用模型",
   "settings.updates_title": "更新檢測",
   "settings.updates_desc": "檢查 pi 本體與擴充在 npm 上是否有新版本。",

package/src/main.tsx

@@ -108,6 +108,15 @@ function applySavedFontSize() {
   }
 }
 
+// ─── UI zoom: apply saved percentage before first paint ─
+applySavedZoom();
+function applySavedZoom() {
+  const saved = Number(localStorage.getItem("pi-ui-zoom"));
+  if (saved >= 50 && saved <= 200) {
+    document.documentElement.style.zoom = `${saved}%`;
+  }
+}
+
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <Root />

package/src/store/config-store.ts

@@ -37,7 +37,7 @@ function getCustomProviders(modelsJson: PiModelsJson | null): Provider[] {
   if (!modelsJson) return [];
   return Object.entries(modelsJson.providers).map(([id, cfg]) => ({
     id,
-    name: id.charAt(0).toUpperCase() + id.slice(1),
+    name: cfg.name ?? (id.charAt(0).toUpperCase() + id.slice(1)),
     type: "custom" as const,
     baseUrl: cfg.baseUrl,
     api: cfg.api,
@@ -51,14 +51,53 @@ function getCustomProviders(modelsJson: PiModelsJson | null): Provider[] {
   }));
 }
 
-function mergeProviders(auth: PiAuth, customModels: PiModelsJson | null): Provider[] {
-  const builtins = BUILTIN_PROVIDERS.map((p) => ({
-    ...p,
-    hasAuth: p.hasAuth || !!auth[p.id],
-    authMethod: auth[p.id] ? "file" : p.authMethod,
-  }));
+function mergeProviders(
+  builtinProviders: Provider[],
+  auth: PiAuth,
+  customModels: PiModelsJson | null
+): Provider[] {
   const customs = getCustomProviders(customModels);
-  return [...builtins, ...customs];
+  // models.json entries whose id matches a builtin provider are overrides
+  // (e.g. models imported onto a builtin) — merge them into the builtin
+  // instead of listing a duplicate custom provider.
+  const builtinIds = new Set(builtinProviders.map((p) => p.id));
+  // Customs with an apiKey are standalone custom providers (e.g. user-imported
+  // ones that happen to share an id with a builtin). They should not be merged
+  // into the builtin but instead shown as a custom provider.
+  const standaloneIds = new Set(
+    customs.filter((c) => builtinIds.has(c.id) && c.apiKey).map((c) => c.id)
+  );
+  const overrides = new Map(
+    customs.filter((c) => builtinIds.has(c.id) && !c.apiKey).map((c) => [c.id, c])
+  );
+  const builtins = builtinProviders
+    .map((p) => {
+      if (standaloneIds.has(p.id)) return null; // replaced by standalone custom
+      const override = overrides.get(p.id);
+      let models = p.models;
+      if (override) {
+        const byId = new Map(p.models.map((m) => [m.id, m]));
+        for (const m of override.models) byId.set(m.id, m);
+        models = [...byId.values()];
+      }
+      return {
+        ...p,
+        // A user-provided display name in models.json wins over the catalog name.
+        name: customModels?.providers?.[p.id]?.name ?? p.name,
+        // Apply baseUrl / api overrides so builtins can target a proxy/gateway
+        // while keeping their builtin model catalog.
+        baseUrl: override?.baseUrl ?? p.baseUrl,
+        api: override?.api ?? p.api,
+        headers: override?.headers ?? p.headers,
+        // hasAuth = a key is actually saved (auth.json or models.json override) —
+        // the static builtin flag only means the provider supports auth.
+        hasAuth: !!auth[p.id] || !!override?.apiKey,
+        authMethod: auth[p.id] ? "file" : p.authMethod,
+        models,
+      };
+    })
+    .filter(<T>(p: T): p is NonNullable<T> => p != null);
+  return [...builtins, ...customs.filter((c) => !builtinIds.has(c.id) || standaloneIds.has(c.id))];
 }
 
 // ─── State Types ─────────────────────────────────────────
@@ -99,6 +138,9 @@ interface ConfigState {
   auth: PiAuth | null;
   modelsJson: PiModelsJson | null;
 
+  // Builtin provider catalog (live from the pi install, static fallback)
+  builtinProviders: Provider[];
+
   // Derived
   allProviders: Provider[];
   allModels: (Model & { providerId: string; providerName: string })[];
@@ -149,6 +191,7 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
   settings: null,
   auth: null,
   modelsJson: null,
+  builtinProviders: BUILTIN_PROVIDERS,
   allProviders: [],
   allModels: [],
   usage: null,
@@ -161,14 +204,17 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
   init: async () => {
     set({ loading: true, error: null });
     try {
-      const [settings, auth, modelsJson, usage] = await Promise.all([
+      const [settings, auth, modelsJson, usage, builtinsRes] = await Promise.all([
         apiGet<PiSettings>("/settings"),
         apiGet<PiAuth>("/auth"),
         apiGet<PiModelsJson>("/models"),
         apiGet<UsageData>("/usage"),
+        apiGet<Provider[]>("/builtin-providers").catch(() => null),
       ]);
 
-      const allProviders = mergeProviders(auth ?? {}, modelsJson);
+      const builtinProviders =
+        builtinsRes && builtinsRes.length > 0 ? builtinsRes : BUILTIN_PROVIDERS;
+      const allProviders = mergeProviders(builtinProviders, auth ?? {}, modelsJson);
       const allModels = allProviders.flatMap((p) =>
         p.models.map((m) => ({
           ...m,
@@ -181,6 +227,7 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
         settings,
         auth,
         modelsJson,
+        builtinProviders,
         allProviders,
         allModels,
         usage,
@@ -271,8 +318,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     if (ok) {
       set({ auth: updated });
       // Recompute providers with updated auth state
-      const { modelsJson } = get();
-      set({ allProviders: mergeProviders(updated, modelsJson) });
+      const { modelsJson, builtinProviders } = get();
+      set({ allProviders: mergeProviders(builtinProviders, updated, modelsJson) });
     }
     return ok;
   },
@@ -284,8 +331,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const ok = await apiPost("/auth", rest);
     if (ok) {
       set({ auth: rest });
-      const { modelsJson } = get();
-      set({ allProviders: mergeProviders(rest, modelsJson) });
+      const { modelsJson, builtinProviders } = get();
+      set({ allProviders: mergeProviders(builtinProviders, rest, modelsJson) });
     }
     return ok;
   },
@@ -309,8 +356,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     // Persist
     apiPost("/models", updated);
     // Recompute providers
-    const { auth } = get();
-    set({ allProviders: mergeProviders(auth ?? {}, updated) });
+    const { auth, builtinProviders } = get();
+    set({ allProviders: mergeProviders(builtinProviders, auth ?? {}, updated) });
   },
 
   updateModel: (providerId, modelId, updates) => {
@@ -339,8 +386,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const updated = { providers: newProviders };
     set({ modelsJson: updated });
     apiPost("/models", updated);
-    const { auth } = get();
-    set({ allProviders: mergeProviders(auth ?? {}, updated) });
+    const { auth, builtinProviders } = get();
+    set({ allProviders: mergeProviders(builtinProviders, auth ?? {}, updated) });
   },
 
   addModel: (providerId, model) => {
@@ -357,8 +404,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const updated = { providers: newProviders };
     set({ modelsJson: updated });
     apiPost("/models", updated);
-    const { auth } = get();
-    const newAllProviders = mergeProviders(auth ?? {}, updated);
+    const { auth, builtinProviders } = get();
+    const newAllProviders = mergeProviders(builtinProviders, auth ?? {}, updated);
     const newAllModels = newAllProviders.flatMap((p) =>
       p.models.map((m) => ({ ...m, providerId: p.id, providerName: p.name }))
     );
@@ -378,8 +425,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const updated = { providers: newProviders };
     set({ modelsJson: updated });
     apiPost("/models", updated);
-    const { auth } = get();
-    set({ allProviders: mergeProviders(auth ?? {}, updated) });
+    const { auth, builtinProviders } = get();
+    set({ allProviders: mergeProviders(builtinProviders, auth ?? {}, updated) });
   },
 
   // ─── Custom Provider CRUD ──────────────────────────────
@@ -392,8 +439,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const ok = await apiPost("/models", updated);
     if (ok) {
       set({ modelsJson: updated });
-      const { auth } = get();
-      set({ allProviders: mergeProviders(auth ?? {}, updated) });
+      const { auth, builtinProviders } = get();
+      set({ allProviders: mergeProviders(builtinProviders, auth ?? {}, updated) });
     }
     return ok;
   },
@@ -411,8 +458,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const ok = await apiPost("/models", updated);
     if (ok) {
       set({ modelsJson: updated });
-      const { auth } = get();
-      set({ allProviders: mergeProviders(auth ?? {}, updated) });
+      const { auth, builtinProviders } = get();
+      set({ allProviders: mergeProviders(builtinProviders, auth ?? {}, updated) });
     }
     return ok;
   },
@@ -425,8 +472,8 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     const ok = await apiPost("/models", updated);
     if (ok) {
       set({ modelsJson: updated });
-      const { auth } = get();
-      const newAllProviders = mergeProviders(auth ?? {}, updated);
+      const { auth, builtinProviders } = get();
+      const newAllProviders = mergeProviders(builtinProviders, auth ?? {}, updated);
       const newAllModels = newAllProviders.flatMap((p) =>
         p.models.map((m) => ({ ...m, providerId: p.id, providerName: p.name }))
       );

package/src/types/index.ts

@@ -116,6 +116,7 @@ export interface PiAuth {
 }
 
 export interface CustomProviderConfig {
+  name?: string;
   baseUrl?: string;
   api?: ApiType;
   apiKey?: string;
@@ -192,6 +193,57 @@ export interface ProviderUsageSummary {
   modelCount: number;
 }
 
+// ─── Subagents ───────────────────────────────────────────
+
+export interface AgentDef {
+  name: string;
+  fileName: string;
+  filePath: string;
+  package: string;
+  description: string;
+  model?: string;
+  tools?: string[];
+  thinking?: string;
+  systemPromptMode?: string;
+  inheritProjectContext?: boolean;
+  inheritSkills?: boolean;
+  input?: string[];
+  body: string;
+}
+
+export interface ChainStep {
+  agent: string;
+  phase?: string;
+  label?: string;
+  output?: string;
+  as?: string;
+  task?: string;
+}
+
+export interface ChainDef {
+  name: string;
+  fileName: string;
+  filePath: string;
+  description: string;
+  steps: ChainStep[];
+  body: string;
+}
+
+export interface RunRecord {
+  agent: string;
+  ts: number;
+  status: string;
+  duration?: number;
+  exit?: number;
+  taskHash?: string;
+}
+
+export interface SubagentsData {
+  agents: AgentDef[];
+  chains: ChainDef[];
+  runHistory: RunRecord[];
+}
+
 // ─── Config Import/Export ─────────────────────────────────
 
 export interface ExportPayload {

package/tsconfig.json

@@ -20,5 +20,5 @@
       "@/*": ["src/*"]
     }
   },
-  "include": ["src"]
+  "include": ["src", "electron"]
 }

package/vite.config.ts

@@ -63,7 +63,10 @@ function piApiPlugin(): Plugin {
         },
         "GET /api/pi/builtin-providers"(_, res) {
           res.setHeader("Content-Type", "application/json");
-          res.end(JSON.stringify(builtins.getBuiltinProviders()));
+          // Prefer the live catalog from the local pi install; fall back to
+          // the hand-written static list when pi isn't found on this machine.
+          const catalog = pi.readBuiltinCatalog();
+          res.end(JSON.stringify(catalog ?? builtins.getBuiltinProviders()));
         },
         "GET /api/pi/usage"(_, res) {
           const records = pi.readAllUsage();
@@ -87,6 +90,11 @@ function piApiPlugin(): Plugin {
           res.setHeader("Content-Type", "application/json");
           res.end(JSON.stringify(memory));
         },
+        "GET /api/pi/subagents"(_, res) {
+          const data = pi.readSubagents();
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify(data));
+        },
         "POST /api/pi/memory/delete-entry"(req, res) {
           let body = "";
           req.on("data", (chunk: string) => (body += chunk));
@@ -179,6 +187,46 @@ function piApiPlugin(): Plugin {
             }
           });
         },
+        "POST /api/pi/provider-models"(req, res) {
+          let body = "";
+          req.on("data", (chunk: string) => (body += chunk));
+          req.on("end", () => {
+            try {
+              const { baseUrl, apiKey, providerId } = JSON.parse(body) as {
+                baseUrl: string;
+                apiKey?: string;
+                providerId?: string;
+              };
+              if (!baseUrl) throw new Error("missing baseUrl");
+              pi.fetchProviderModels(baseUrl, apiKey, providerId).then((result) => {
+                res.setHeader("Content-Type", "application/json");
+                res.end(JSON.stringify(result));
+              });
+            } catch {
+              res.statusCode = 400;
+              res.setHeader("Content-Type", "application/json");
+              res.end(JSON.stringify({ models: [], error: "Invalid request body" }));
+            }
+          });
+        },
+        "POST /api/pi/model-test"(req, res) {
+          let body = "";
+          req.on("data", (chunk: string) => (body += chunk));
+          req.on("end", () => {
+            try {
+              const { baseUrl, modelId, apiKey, apiType } = JSON.parse(body) as { baseUrl: string; modelId: string; apiKey?: string; apiType?: string };
+              if (!baseUrl || !modelId) throw new Error("missing baseUrl or modelId");
+              pi.testModel(baseUrl, modelId, apiKey, apiType ?? "openai-completions").then((result) => {
+                res.setHeader("Content-Type", "application/json");
+                res.end(JSON.stringify(result));
+              });
+            } catch {
+              res.statusCode = 400;
+              res.setHeader("Content-Type", "application/json");
+              res.end(JSON.stringify({ success: false, message: "Invalid request body" }));
+            }
+          });
+        },
         "POST /api/pi/provider-test"(req, res) {
           let body = "";
           req.on("data", (chunk: string) => (body += chunk));
@@ -275,10 +323,18 @@ function piApiPlugin(): Plugin {
 // ─── Vite Config ────────────────────────────────────────
 
 export default defineConfig({
-  plugins: [react(), tailwindcss(), piApiPlugin()],
+  plugins: [
+    react(),
+    tailwindcss(),
+    piApiPlugin(),
+  ],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "src"),
     },
   },
+  server: {
+    port: 5176,
+    strictPort: true,
+  },
 });

package/tsconfig.tsbuildinfo

@@ -1 +0,0 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/dashboard/dashboardpage.tsx","./src/components/layout/appshell.tsx","./src/components/layout/sidebar.tsx","./src/components/providers/providersmodelspage.tsx","./src/components/sessions/memorypage.tsx","./src/components/sessions/sessionspage.tsx","./src/components/settings/settingspage.tsx","./src/components/ui/badge.tsx","./src/components/ui/emptystate.tsx","./src/components/ui/modal.tsx","./src/components/ui/statcard.tsx","./src/data/builtin-providers.ts","./src/data/mock-config.ts","./src/data/mock-usage.ts","./src/lib/config.ts","./src/lib/currency.ts","./src/lib/i18n.tsx","./src/lib/utils.ts","./src/lib/translations/en.ts","./src/lib/translations/index.ts","./src/lib/translations/ja.ts","./src/lib/translations/zh-cn.ts","./src/lib/translations/zh-tw.ts","./src/store/config-store.ts","./src/types/index.ts"],"version":"5.8.3"}