@raingor/pi-web-switch 0.3.3 → 0.4.1

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

@@ -22,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": "匯入",
@@ -52,6 +62,7 @@ const zhTW: Record<string, string> = {
 
   "nav.sessions": "會話",
   "nav.memory": "記憶",
+  "nav.chat": "聊天",
   "nav.settings": "設定",
   "app.subtitle": "設定管理器",
   "app.version": "pi-switch v0.1.0",
@@ -88,6 +99,14 @@ const zhTW: Record<string, string> = {
   "subagents.showing_recent": "顯示最近 100 條記錄",
 
   "dashboard.title": "使用統計",
+  "dashboard.source_pi": "Pi 程式",
+  "dashboard.source_cindy_pi": "Cindy-Pi",
+  "dashboard.source_claude": "Claude",
+  "dashboard.source_codex": "Codex",
+  "dashboard.source_all": "全部",
+  "dashboard.source_opencode": "OpenCode",
+  "dashboard.source_gemini": "Gemini",
+  "dashboard.source_grok": "Grok",
   "dashboard.requests_count": "{0} 次請求 · 總成本 {1}",
   "dashboard.range.today": "當天",
   "dashboard.range.7d": "7天",
@@ -156,6 +175,21 @@ 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 相容性",
@@ -167,6 +201,8 @@ const zhTW: Record<string, string> = {
 
   "providers.add_provider": "新增提供商",
   "providers.delete_provider": "刪除提供商",
+  "providers_models.expand": "展開（還有 {0} 個）",
+  "providers_models.collapse": "收起",
   "providers.duplicate_provider": "複製提供商",
   "providers.custom": "自訂",
   "providers.builtin": "內建",
@@ -180,6 +216,7 @@ const zhTW: Record<string, string> = {
   "sessions.summary": "共 {0} 個會話，分佈在 {1} 個專案",
   "sessions.filter_placeholder": "搜尋專案或會話...",
   "sessions.no_sessions": "未找到會話",
+"sessions.no_search_results": "沒有找到符合的會話",
   "sessions.last_active": "最近活躍 {0}",
   "sessions.sessions_count": "{0} 個會話",
   "sessions.messages": "{0} 條訊息",
@@ -194,6 +231,8 @@ const zhTW: Record<string, string> = {
   "sessions.delete_error": "刪除時發生錯誤",
   "sessions.load_failed": "載入會話失敗",
   "sessions.refresh": "重新整理",
+  "sessions.expand_all": "全部展開",
+  "sessions.collapse_all": "全部收合",
   "sessions.more_count": "還有 {0} 條",
   "sessions.tab_sessions": "會話",
   "sessions.tab_trash": "回收筒",
@@ -251,6 +290,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 上是否有新版本。",
@@ -299,6 +341,63 @@ const zhTW: Record<string, string> = {
   "loading.error_title": "載入設定失敗",
   "loading.retry": "重試",
 
+  // Chat
+  "chat.sessions": "會話",
+  "chat.new_session": "新建會話",
+  "chat.loading": "載入中...",
+  "chat.no_sessions": "尚無會話。點擊 + 開始新對話。",
+  "chat.welcome_title": "歡迎使用 Pi Chat",
+  "chat.welcome_desc": "從側欄選擇一個會話，或點擊 + 在專案目錄中開始新的對話。",
+  "chat.select_cwd": "選擇工作目錄",
+  "chat.cancel": "取消",
+  "chat.start_chat": "開始對話",
+  "chat.delete_confirm": "確定刪除此會話？此操作無法復原。",
+  "chat.delete": "刪除",
+  "chat.loading_session": "正在載入會話...",
+  "chat.thinking": "思考中...",
+  "chat.running_tool": "正在執行工具...",
+  "chat.running_command": "正在執行指令...",
+  "chat.send_message": "發送訊息…（/ 選擇指令，! 執行指令）",
+  "chat.type_to_steer": "輸入以引導...",
+  "chat.compacting": "正在壓縮上下文...",
+  "chat.compaction_failed": "壓縮失敗：{0}",
+  "chat.retrying": "重試中 ({0}/{1}){2}",
+  "chat.steering_queued": "{0} 條引導，{1} 條跟進已排隊",
+  "chat.recall": "撤回",
+  "chat.default_tools": "預設工具",
+  "chat.all_tools": "全部工具",
+  "chat.no_tools": "無工具",
+  "chat.auto": "自動",
+  "chat.no_model": "無模型",
+  "chat.no_models_available": "暫無可用模型，請檢查模型配置。",
+  "chat.search_models": "搜尋模型...",
+  "chat.no_models_found": "未找到模型",
+  "chat.models_count": "{0} 個模型",
+  "chat.models_filtered": "{0} / {1} 個模型",
+  "chat.attach_image": "附加圖片",
+  "chat.tool_preset": "工具預設",
+  "chat.compact_context": "壓縮上下文",
+  "chat.stop": "停止",
+  "chat.send": "發送",
+  "chat.fork_from_here": "從此分叉",
+  "chat.show_less": "收起",
+  "chat.show_more": "展開剩餘 {0} 個字元",
+  "chat.tool_call": "工具呼叫",
+  "chat.thinking_collapsed": "思考（已摺疊）",
+  "chat.thinking_label": "思考",
+  "chat.result": "結果",
+  "chat.error_label": "（錯誤）",
+  "chat.exit_code": "退出碼",
+  "chat.msg_count": "{0} 條訊息",
+  "chat.untitled": "未命名",
+  "chat.just_now": "剛剛",
+  "chat.min_ago": "{0} 分鐘前",
+  "chat.hr_ago": "{0} 小時前",
+  "chat.day_ago": "{0} 天前",
+  "chat.invalid_directory": "無效目錄",
+  "chat.expand_all": "全部展開",
+  "chat.collapse_all": "全部摺疊",
+
   "language.label": "語言",
   "language.en": "English",
   "language.zh-CN": "简体中文",

package/src/main.tsx

@@ -108,14 +108,25 @@ 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 />
   </StrictMode>
 );
 
-// ─── PWA: register service worker ──────────────────────
-if ("serviceWorker" in navigator) {
+// ─── PWA: register service worker (production only — dev must not
+// cache HTML pages, or SPA routes like /providers can return stale HTML
+// to API fetches and break JSON parsing) ─────────────────────
+if ("serviceWorker" in navigator && import.meta.env.PROD) {
   window.addEventListener("load", () => {
     navigator.serviceWorker.register("/sw.js").catch((err) => {
       console.warn("SW registration failed:", err);

package/src/store/config-store.ts

@@ -61,27 +61,43 @@ function mergeProviders(
   // (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));
-  const overrides = new Map(customs.filter((c) => builtinIds.has(c.id)).map((c) => [c.id, c]));
-  const builtins = builtinProviders.map((p) => {
-    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,
-      // 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,
-    };
-  });
-  return [...builtins, ...customs.filter((c) => !builtinIds.has(c.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 ─────────────────────────────────────────
@@ -164,6 +180,7 @@ interface ConfigState {
   // Custom provider CRUD
   addCustomProvider: (id: string, cfg: CustomProviderConfig) => Promise<boolean>;
   updateCustomProvider: (id: string, cfg: Partial<CustomProviderConfig>) => Promise<boolean>;
+  renameCustomProvider: (oldId: string, newId: string, cfg?: Partial<CustomProviderConfig>) => Promise<boolean>;
   removeCustomProvider: (id: string) => Promise<boolean>;
 
   // Import/Export (to localStorage for backup, writes back to pi files)
@@ -448,6 +465,46 @@ export const useConfigStore = create<ConfigState>((set, get) => ({
     return ok;
   },
 
+  renameCustomProvider: async (oldId, newId, cfg) => {
+    const { modelsJson, settings } = get();
+    if (!modelsJson || oldId === newId) return false;
+    const existing = modelsJson.providers[oldId];
+    if (!existing || modelsJson.providers[newId]) return false;
+    // Re-key in place, preserving provider order in models.json
+    const newProviders: PiModelsJson["providers"] = {};
+    for (const [k, v] of Object.entries(modelsJson.providers)) {
+      newProviders[k === oldId ? newId : k] = k === oldId ? { ...existing, ...cfg } : v;
+    }
+    const updated = { providers: newProviders };
+    const ok = await apiPost("/models", updated);
+    if (!ok) return false;
+    set({ modelsJson: updated });
+    // Rewrite provider references in settings (defaultProvider, defaultModel,
+    // enabledModels entries are "providerId/modelId" strings)
+    if (settings) {
+      const prefix = `${oldId}/`;
+      const patch: Partial<PiSettings> = {};
+      if (settings.defaultProvider === oldId) patch.defaultProvider = newId;
+      if (settings.defaultModel?.startsWith(prefix))
+        patch.defaultModel = `${newId}/${settings.defaultModel.slice(prefix.length)}`;
+      if (settings.enabledModels?.some((r) => r.startsWith(prefix)))
+        patch.enabledModels = settings.enabledModels.map((r) =>
+          r.startsWith(prefix) ? `${newId}/${r.slice(prefix.length)}` : r
+        );
+      if (Object.keys(patch).length > 0) {
+        const updatedSettings = { ...settings, ...patch };
+        if (await apiPost("/settings", updatedSettings)) set({ settings: updatedSettings });
+      }
+    }
+    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 }))
+    );
+    set({ allProviders: newAllProviders, allModels: newAllModels });
+    return true;
+  },
+
   removeCustomProvider: async (id) => {
     const { modelsJson } = get();
     if (!modelsJson) return false;

package/src/types/chat.ts

@@ -0,0 +1,217 @@
+// Chat-related type definitions — ported and simplified from pi-web's lib/types.ts
+
+export interface TextContent {
+  type: "text";
+  text: string;
+}
+
+export interface ImageContent {
+  type: "image";
+  source: {
+    type: "base64" | "url";
+    media_type?: string;
+    data?: string;
+    url?: string;
+  };
+}
+
+export interface ThinkingContent {
+  type: "thinking";
+  thinking: string;
+  deferred?: boolean;
+}
+
+export interface ToolCallContent {
+  type: "toolCall";
+  toolCallId: string;
+  toolName: string;
+  input: Record<string, unknown>;
+}
+
+export type AssistantContentBlock = TextContent | ImageContent | ThinkingContent | ToolCallContent;
+
+export interface UserMessage {
+  role: "user";
+  content: string | (TextContent | ImageContent)[];
+  timestamp?: number;
+}
+
+export interface AssistantMessage {
+  role: "assistant";
+  content: AssistantContentBlock[];
+  model: string;
+  provider: string;
+  stopReason?: string;
+  errorMessage?: string;
+  timestamp?: number;
+  usage?: {
+    input: number;
+    output: number;
+    cacheRead: number;
+    cacheWrite: number;
+    cost: {
+      input: number;
+      output: number;
+      cacheRead: number;
+      cacheWrite: number;
+      total: number;
+    };
+  };
+}
+
+export interface ToolResultMessage {
+  role: "toolResult";
+  toolCallId: string;
+  toolName?: string;
+  content: (TextContent | ImageContent)[];
+  isError?: boolean;
+  details?: unknown;
+  timestamp?: number;
+}
+
+export interface CustomMessage {
+  role: "custom";
+  customType: string;
+  content: string | (TextContent | ImageContent)[];
+  display: boolean;
+  details?: unknown;
+  timestamp?: number;
+}
+
+export interface BashExecutionMessage {
+  role: "bashExecution";
+  command: string;
+  output: string;
+  exitCode?: number;
+  cancelled?: boolean;
+  truncated?: boolean;
+  fullOutputPath?: string;
+  excludeFromContext?: boolean;
+  timestamp?: number;
+}
+
+export type AgentMessage = UserMessage | AssistantMessage | ToolResultMessage | CustomMessage | BashExecutionMessage;
+
+export interface SessionInfo {
+  path: string;
+  id: string;
+  cwd: string;
+  name?: string;
+  created: string;
+  modified: string;
+  messageCount: number;
+  firstMessage: string;
+  parentSessionId?: string;
+  projectRoot?: string;
+  worktreeBranch?: string;
+}
+
+export interface SessionContext {
+  messages: AgentMessage[];
+  entryIds: string[];
+  thinkingLevel: string;
+  model: { provider: string; modelId: string } | null;
+}
+
+export interface SessionTreeNode {
+  entry: { id: string; type: string };
+  children: SessionTreeNode[];
+  label?: string;
+  compressedEntryIds?: string[];
+}
+
+export interface SessionData {
+  sessionId: string;
+  filePath: string;
+  tree: SessionTreeNode[];
+  leafId: string | null;
+  context: SessionContext;
+}
+
+export interface ContextUsage {
+  percent: number | null;
+  contextWindow: number;
+  tokens: number | null;
+}
+
+export interface SessionStatsInfo {
+  sessionFile?: string;
+  sessionId: string;
+  sessionName?: string;
+  userMessages: number;
+  assistantMessages: number;
+  toolCalls: number;
+  toolResults: number;
+  totalMessages: number;
+  tokens: {
+    input: number;
+    output: number;
+    cacheRead: number;
+    cacheWrite: number;
+    total: number;
+  };
+  cost: number;
+  contextUsage?: ContextUsage;
+}
+
+export interface AttachedImage {
+  data: string;
+  mimeType: string;
+  previewUrl: string;
+}
+
+export interface ChatInputHandle {
+  insertText: (text: string) => void;
+  insertIfEmpty: (content: string) => void;
+  prependText: (text: string) => void;
+  addImages: (files: File[]) => void;
+}
+
+export interface ModelEntry {
+  id: string;
+  name: string;
+  provider: string;
+}
+
+export interface ModelsResponse {
+  models: Record<string, string>;
+  modelList?: ModelEntry[];
+  defaultModel?: { provider: string; modelId: string } | null;
+  thinkingLevels?: Record<string, string[]>;
+  modelError?: string;
+}
+
+export interface AgentStateResponse {
+  isStreaming?: boolean;
+  isPromptRunning?: boolean;
+  isBashRunning?: boolean;
+  isCompacting?: boolean;
+  contextUsage?: ContextUsage | null;
+  systemPrompt?: string;
+  thinkingLevel?: string;
+  model?: { id: string; provider: string };
+}
+
+export interface NoticeItem {
+  id: string;
+  message: string;
+  type: "info" | "success" | "warning" | "error";
+  exiting?: boolean;
+}
+
+export type AgentPhase =
+  | { kind: "waiting_model" }
+  | { kind: "running_command" }
+  | { kind: "running_tools"; tools: { id: string; name: string }[] }
+  | null;
+
+export interface QueuedMessages {
+  steering: string[];
+  followUp: string[];
+}
+
+export interface SlashCommandInfo {
+  name: string;
+  description?: string;
+  source: "extension" | "prompt" | "skill";
+}

package/tsconfig.json

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