@raingor/pi-web-switch 0.4.0 → 0.4.2

package/src/components/settings/SettingsPage.tsx

@@ -27,6 +27,7 @@ import {
   CloudDownload,
   RefreshCw,
   ZoomIn,
+  KeyRound,
 } from "lucide-react";
 
 type SettingsTab = "appearance" | "models" | "advanced";
@@ -116,6 +117,37 @@ export function SettingsPage() {
   const [updateError, setUpdateError] = useState(false);
   const [applying, setApplying] = useState(false);
   const [applyMessage, setApplyMessage] = useState<{ ok: number; failNames: string[] } | null>(null);
+  // GitHub Copilot usage API config (username + classic PAT).
+  const [copilotCfg, setCopilotCfg] = useState<{ username: string; token: string }>({ username: "", token: "" });
+  const [copilotSaving, setCopilotSaving] = useState(false);
+  const [copilotMsg, setCopilotMsg] = useState<{ ok: boolean; text: string } | null>(null);
+
+  useEffect(() => {
+    fetch("/api/pi/copilot-config")
+      .then((r) => r.json())
+      .then((cfg: { username?: string; token?: string }) =>
+        setCopilotCfg({ username: cfg.username ?? "", token: cfg.token ?? "" })
+      )
+      .catch(() => {});
+  }, []);
+
+  const handleSaveCopilot = async () => {
+    setCopilotSaving(true);
+    setCopilotMsg(null);
+    try {
+      const res = await fetch("/api/pi/copilot-config", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(copilotCfg),
+      });
+      const { success } = (await res.json()) as { success: boolean };
+      setCopilotMsg({ ok: !!success, text: success ? t("settings.copilot_saved") : t("settings.copilot_save_failed") });
+    } catch {
+      setCopilotMsg({ ok: false, text: t("settings.copilot_save_failed") });
+    } finally {
+      setCopilotSaving(false);
+    }
+  };
 
   const handleCheckUpdates = async () => {
     setCheckingUpdates(true);
@@ -563,6 +595,46 @@ export function SettingsPage() {
             })()}
           </Card>
 
+          <Card icon={KeyRound} title={t("settings.copilot_title")} desc={t("settings.copilot_desc")}>
+            <div className="max-w-md space-y-3">
+              <div>
+                <label className="mb-1 block text-xs text-gray-500">{t("settings.copilot_username")}</label>
+                <input
+                  type="text"
+                  value={copilotCfg.username}
+                  onChange={(e) => setCopilotCfg({ ...copilotCfg, username: e.target.value })}
+                  placeholder="octocat"
+                  className="w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-1.5 text-sm text-white placeholder-gray-600"
+                />
+              </div>
+              <div>
+                <label className="mb-1 block text-xs text-gray-500">{t("settings.copilot_token")}</label>
+                <input
+                  type="password"
+                  value={copilotCfg.token}
+                  onChange={(e) => setCopilotCfg({ ...copilotCfg, token: e.target.value })}
+                  placeholder="ghp_…"
+                  className="w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-1.5 text-sm text-white placeholder-gray-600"
+                />
+              </div>
+              <div className="flex items-center gap-3">
+                <button
+                  onClick={handleSaveCopilot}
+                  disabled={copilotSaving}
+                  className="flex items-center gap-1.5 rounded-lg border border-gray-700 bg-gray-800 px-4 py-1.5 text-sm text-gray-300 hover:bg-gray-700 disabled:opacity-60"
+                >
+                  {copilotSaving ? t("settings.copilot_saving") : t("settings.copilot_save")}
+                </button>
+                {copilotMsg && (
+                  <span className={cn("text-xs", copilotMsg.ok ? "text-emerald-400" : "text-red-400")}>
+                    {copilotMsg.text}
+                  </span>
+                )}
+              </div>
+              <p className="text-[11px] leading-relaxed text-gray-500">{t("settings.copilot_token_hint")}</p>
+            </div>
+          </Card>
+
           <Card icon={Package} title={t("settings.packages")}>
             {(settings?.packages ?? []).length > 0 && (
               <div className="mb-4 flex flex-wrap gap-1.5">

package/src/index.css

@@ -28,6 +28,18 @@
   --sidebar-hover-text: #374151;
   --scrollbar-thumb: #d1d5db;
   --scrollbar-thumb-hover: #9ca3af;
+  
+  /* Chat component variables */
+  --bg: #ffffff;
+  --bg-panel: #f9fafb;
+  --bg-hover: #f3f4f6;
+  --bg-selected: #eff6ff;
+  --border: #e5e7eb;
+  --text: #111827;
+  --text-muted: #6b7280;
+  --text-dim: #9ca3af;
+  --accent: #2563eb;
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
 }
 
 .dark {
@@ -55,6 +67,18 @@
   --sidebar-hover-text: #e5e7eb;
   --scrollbar-thumb: #4b5563;
   --scrollbar-thumb-hover: #6b7280;
+  
+  /* Chat component variables */
+  --bg: #030712;
+  --bg-panel: rgba(17, 24, 39, 0.5);
+  --bg-hover: rgba(31, 41, 55, 0.5);
+  --bg-selected: rgba(37, 99, 235, 0.1);
+  --border: #1f2937;
+  --text: #f3f4f6;
+  --text-muted: #9ca3af;
+  --text-dim: #6b7280;
+  --accent: #2563eb;
+  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
 }
 
 :root {

package/src/lib/translations/en.ts

@@ -101,6 +101,18 @@ const en: Record<string, string> = {
 
   // Dashboard
   "dashboard.title": "Usage Statistics",
+  "dashboard.source_pi": "Pi",
+  "dashboard.source_cindy_pi": "Cindy-Pi",
+  "dashboard.source_claude": "Claude",
+  "dashboard.source_codex": "Codex",
+  "dashboard.source_all": "All",
+  "dashboard.source_opencode": "OpenCode",
+  "dashboard.source_gemini": "Gemini",
+  "dashboard.source_grok": "Grok",
+  "dashboard.source_atomcode": "AtomCode",
+  "dashboard.source_copilot": "Copilot",
+  "dashboard.copilot_not_configured": "GitHub Copilot not configured — add username & token in Settings → Advanced",
+  "dashboard.copilot_api_error": "Failed to fetch Copilot usage from GitHub API — check token and billing platform",
   "dashboard.requests_count": "{0} requests · {1} total cost",
   "dashboard.range.today": "Today",
   "dashboard.range.7d": "7 Days",
@@ -191,6 +203,8 @@ const en: Record<string, string> = {
   "compat.desc": "Override default behavior for OpenAI-compatible providers that don't support certain features.",
   "compat.supports_developer_role": "Supports developer role",
   "compat.supports_developer_role_desc": "Send system prompt as 'developer' role (for reasoning models). Disable if the API only accepts 'system' role.",
+  "compat.supports_finish_reason": "Strict finish_reason check",
+  "compat.supports_finish_reason_desc": "Require streamed responses to include finish_reason, otherwise fail. Disable to infer the stop reason automatically when the upstream drops the stream (common with free models).",
   "compat.supports_reasoning_effort": "Supports reasoning_effort",
   "compat.supports_reasoning_effort_desc": "Send reasoning_effort parameter. Disable if the API does not support it.",
 
@@ -213,6 +227,7 @@ const en: Record<string, string> = {
   "sessions.summary": "{0} sessions across {1} projects",
   "sessions.filter_placeholder": "Search projects or sessions...",
   "sessions.no_sessions": "No sessions found",
+"sessions.no_search_results": "No sessions match your search",
   "sessions.last_active": "Last active {0}",
   "sessions.sessions_count": "{0} sessions",
   "sessions.messages": "{0} messages",
@@ -227,6 +242,13 @@ const en: Record<string, string> = {
   "sessions.delete_error": "Error deleting session",
   "sessions.load_failed": "Failed to load sessions",
   "sessions.refresh": "Refresh",
+  "sessions.auto_expire": "Auto-Expire",
+  "sessions.auto_expire_tooltip": "Move sessions inactive for {0} days to trash",
+  "sessions.auto_expire_success": "Moved {0} expired sessions to trash",
+  "sessions.auto_expire_none": "No expired sessions found",
+  "sessions.auto_expire_error": "Auto-expire failed: {0}",
+  "sessions.expand_all": "Expand All",
+  "sessions.collapse_all": "Collapse All",
   "sessions.more_count": "{0} more",
   "sessions.tab_sessions": "Sessions",
   "sessions.tab_trash": "Trash",
@@ -290,6 +312,15 @@ const en: Record<string, string> = {
   "settings.ui_zoom_desc": "Scale the entire interface by percentage (50%–200%)",
   "settings.ui_zoom_reset": "Reset",
   "settings.enabled_models_desc": "Click a tag to enable or disable a model",
+  "settings.copilot_title": "GitHub Copilot",
+  "settings.copilot_desc": "Track Copilot usage from the GitHub billing API (premium requests / AI credits)",
+  "settings.copilot_username": "GitHub username",
+  "settings.copilot_token": "Token (classic PAT)",
+  "settings.copilot_save": "Save",
+  "settings.copilot_saving": "Saving…",
+  "settings.copilot_saved": "Saved — usage will refresh on next dashboard load",
+  "settings.copilot_save_failed": "Save failed",
+  "settings.copilot_token_hint": "Create a classic personal access token at github.com/settings/tokens (fine-grained tokens are not supported by the billing usage endpoints). Copilot usage only appears for accounts on the enhanced billing platform.",
   "settings.updates_title": "Update Check",
   "settings.updates_desc": "Check npm for new versions of pi core and installed extensions.",
   "settings.check_updates": "Check for Updates",

package/src/lib/translations/ja.ts

@@ -98,6 +98,18 @@ const ja: 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.source_atomcode": "AtomCode",
+  "dashboard.source_copilot": "Copilot",
+  "dashboard.copilot_not_configured": "GitHub Copilot 未設定 — 設定 → 詳細設定 でユーザー名とトークンを入力してください",
+  "dashboard.copilot_api_error": "GitHub API から Copilot 使用量を取得できませんでした — トークンと請求プラットフォームを確認してください",
   "dashboard.requests_count": "{0} リクエスト · 総コスト {1}",
   "dashboard.range.today": "今日",
   "dashboard.range.7d": "7日",
@@ -187,6 +199,8 @@ const ja: Record<string, string> = {
   "compat.desc": "OpenAI 互換 API が一部の機能をサポートしていない場合の動作を上書きします。",
   "compat.supports_developer_role": "developer ロールをサポート",
   "compat.supports_developer_role_desc": "システムプロンプトを 'developer' ロールで送信（推論モデル）。API が 'system' ロールのみ受け付ける場合は無効にしてください。",
+  "compat.supports_finish_reason": "finish_reason の厳格な検証",
+  "compat.supports_finish_reason_desc": "ストリーム応答に finish_reason の含有を必須にし、無ければエラーにします。上流がストリームを途中で切断する場合（無料モデルに多い）は無効にして終了理由の自動判定に切り替えてください。",
   "compat.supports_reasoning_effort": "reasoning_effort をサポート",
   "compat.supports_reasoning_effort_desc": "reasoning_effort パラメータを送信します。API がサポートしていない場合は無効にしてください。",
 
@@ -207,6 +221,7 @@ const ja: 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} メッセージ",
@@ -221,6 +236,13 @@ const ja: Record<string, string> = {
   "sessions.delete_error": "削除中にエラーが発生しました",
   "sessions.load_failed": "セッションの読み込みに失敗しました",
   "sessions.refresh": "更新",
+  "sessions.auto_expire": "自動期限切れ",
+  "sessions.auto_expire_tooltip": "{0}日間非活跃のセッションをゴミ箱に移動",
+  "sessions.auto_expire_success": "{0}件の期限切れセッションをゴミ箱に移動しました",
+  "sessions.auto_expire_none": "期限切れのセッションはありません",
+  "sessions.auto_expire_error": "自動期限切れに失敗：{0}",
+  "sessions.expand_all": "すべて展開",
+  "sessions.collapse_all": "すべて折りたたむ",
   "sessions.more_count": "あと {0} 件",
   "sessions.tab_sessions": "セッション",
   "sessions.tab_trash": "ゴミ箱",
@@ -282,6 +304,15 @@ const ja: Record<string, string> = {
   "settings.ui_zoom_desc": "インターフェース全体をパーセントで拡大縮小（50%–200%）",
   "settings.ui_zoom_reset": "リセット",
   "settings.enabled_models_desc": "タグをクリックしてモデルを切り替え",
+  "settings.copilot_title": "GitHub Copilot",
+  "settings.copilot_desc": "GitHub 課金 API から Copilot の使用量を取得（premium requests / AI credits）",
+  "settings.copilot_username": "GitHub ユーザー名",
+  "settings.copilot_token": "Token（classic PAT）",
+  "settings.copilot_save": "保存",
+  "settings.copilot_saving": "保存中…",
+  "settings.copilot_saved": "保存しました — 次回ダッシュボード読み込み時に反映されます",
+  "settings.copilot_save_failed": "保存に失敗しました",
+  "settings.copilot_token_hint": "github.com/settings/tokens で classic personal access token を作成してください（課金 usage エンドポイントは fine-grained 非対応）。Copilot 使用量は拡張課金プラットフォームのアカウントのみ表示されます。",
   "settings.updates_title": "アップデート確認",
   "settings.updates_desc": "pi 本体と拡張に npm 上の新バージョンがあるか確認します。",
   "settings.check_updates": "更新を確認",

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

@@ -98,6 +98,18 @@ const zhCN: 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.source_atomcode": "AtomCode",
+  "dashboard.source_copilot": "Copilot",
+  "dashboard.copilot_not_configured": "GitHub Copilot 未配置 — 请在 设置 → 高级 中填写用户名与 Token",
+  "dashboard.copilot_api_error": "从 GitHub API 获取 Copilot 用量失败 — 请检查 Token 与计费平台",
   "dashboard.requests_count": "{0} 次请求 · 总成本 {1}",
   "dashboard.range.today": "当天",
   "dashboard.range.7d": "7天",
@@ -187,6 +199,8 @@ const zhCN: Record<string, string> = {
   "compat.desc": "当 OpenAI 兼容 API 不支持某些功能时，覆盖默认行为。",
   "compat.supports_developer_role": "支持 developer 角色",
   "compat.supports_developer_role_desc": "使用 'developer' 角色发送系统提示（推理模型）。如果不支持，请关闭以改用 'system' 角色。",
+  "compat.supports_finish_reason": "严格校验 finish_reason",
+  "compat.supports_finish_reason_desc": "要求流式响应必须包含 finish_reason，否则报错。上游偶尔掐断流（免费模型常见）时，请关闭以改为自动推断结束原因。",
   "compat.supports_reasoning_effort": "支持 reasoning_effort",
   "compat.supports_reasoning_effort_desc": "发送 reasoning_effort 参数。如果 API 不支持，请关闭。",
 
@@ -207,6 +221,7 @@ const zhCN: 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} 条消息",
@@ -221,6 +236,13 @@ const zhCN: Record<string, string> = {
   "sessions.delete_error": "删除时发生错误",
   "sessions.load_failed": "加载会话失败",
   "sessions.refresh": "刷新",
+  "sessions.auto_expire": "自动清理",
+  "sessions.auto_expire_tooltip": "将 {0} 天未活跃的会话移入回收站",
+  "sessions.auto_expire_success": "已将 {0} 个过期会话移入回收站",
+  "sessions.auto_expire_none": "没有找到过期会话",
+  "sessions.auto_expire_error": "自动清理失败：{0}",
+  "sessions.expand_all": "全部展开",
+  "sessions.collapse_all": "全部折叠",
   "sessions.more_count": "还有 {0} 条",
   "sessions.tab_sessions": "会话",
   "sessions.tab_trash": "回收站",
@@ -282,6 +304,15 @@ const zhCN: Record<string, string> = {
   "settings.ui_zoom_desc": "按百分比缩放整个界面（50%–200%）",
   "settings.ui_zoom_reset": "重置",
   "settings.enabled_models_desc": "点击标签以启用或禁用模型",
+  "settings.copilot_title": "GitHub Copilot",
+  "settings.copilot_desc": "通过 GitHub 计费 API 统计 Copilot 用量（premium requests / AI credits）",
+  "settings.copilot_username": "GitHub 用户名",
+  "settings.copilot_token": "Token（classic PAT）",
+  "settings.copilot_save": "保存",
+  "settings.copilot_saving": "保存中…",
+  "settings.copilot_saved": "已保存 — 下次打开仪表盘时刷新用量",
+  "settings.copilot_save_failed": "保存失败",
+  "settings.copilot_token_hint": "在 github.com/settings/tokens 创建 classic 个人访问令牌（计费用量接口不支持 fine-grained token）。仅增强计费平台的账号会显示 Copilot 用量。",
   "settings.updates_title": "更新检测",
   "settings.updates_desc": "检查 pi 本体与扩展在 npm 上是否有新版本。",
   "settings.check_updates": "检查更新",

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

@@ -98,6 +98,18 @@ 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.source_atomcode": "AtomCode",
+  "dashboard.source_copilot": "Copilot",
+  "dashboard.copilot_not_configured": "GitHub Copilot 未設定 — 請在 設定 → 進階 中填寫使用者名稱與 Token",
+  "dashboard.copilot_api_error": "從 GitHub API 取得 Copilot 用量失敗 — 請檢查 Token 與計費平台",
   "dashboard.requests_count": "{0} 次請求 · 總成本 {1}",
   "dashboard.range.today": "當天",
   "dashboard.range.7d": "7天",
@@ -187,6 +199,8 @@ const zhTW: Record<string, string> = {
   "compat.desc": "當 OpenAI 相容 API 不支援某些功能時，覆蓋預設行為。",
   "compat.supports_developer_role": "支援 developer 角色",
   "compat.supports_developer_role_desc": "使用 'developer' 角色發送系統提示（推理模型）。如果不支援，請關閉以改用 'system' 角色。",
+  "compat.supports_finish_reason": "嚴格校驗 finish_reason",
+  "compat.supports_finish_reason_desc": "要求串流回應必須包含 finish_reason，否則報錯。上游偶爾掐斷串流（免費模型常見）時，請關閉以改為自動推斷結束原因。",
   "compat.supports_reasoning_effort": "支援 reasoning_effort",
   "compat.supports_reasoning_effort_desc": "發送 reasoning_effort 參數。如果 API 不支援，請關閉。",
 
@@ -207,6 +221,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} 條訊息",
@@ -221,6 +236,13 @@ const zhTW: Record<string, string> = {
   "sessions.delete_error": "刪除時發生錯誤",
   "sessions.load_failed": "載入會話失敗",
   "sessions.refresh": "重新整理",
+  "sessions.auto_expire": "自動清理",
+  "sessions.auto_expire_tooltip": "將 {0} 天未活躍的會話移入回收筒",
+  "sessions.auto_expire_success": "已將 {0} 個過期會話移入回收筒",
+  "sessions.auto_expire_none": "沒有找到過期會話",
+  "sessions.auto_expire_error": "自動清理失敗：{0}",
+  "sessions.expand_all": "全部展開",
+  "sessions.collapse_all": "全部收合",
   "sessions.more_count": "還有 {0} 條",
   "sessions.tab_sessions": "會話",
   "sessions.tab_trash": "回收筒",
@@ -282,6 +304,15 @@ const zhTW: Record<string, string> = {
   "settings.ui_zoom_desc": "依百分比縮放整個介面（50%–200%）",
   "settings.ui_zoom_reset": "重設",
   "settings.enabled_models_desc": "點擊標籤以啟用或停用模型",
+  "settings.copilot_title": "GitHub Copilot",
+  "settings.copilot_desc": "透過 GitHub 計費 API 統計 Copilot 用量（premium requests / AI credits）",
+  "settings.copilot_username": "GitHub 使用者名稱",
+  "settings.copilot_token": "Token（classic PAT）",
+  "settings.copilot_save": "儲存",
+  "settings.copilot_saving": "儲存中…",
+  "settings.copilot_saved": "已儲存 — 下次開啟儀表板時重新整理用量",
+  "settings.copilot_save_failed": "儲存失敗",
+  "settings.copilot_token_hint": "在 github.com/settings/tokens 建立 classic 個人存取權杖（計費用量 API 不支援 fine-grained token）。僅增強計費平台的帳號會顯示 Copilot 用量。",
   "settings.updates_title": "更新檢測",
   "settings.updates_desc": "檢查 pi 本體與擴充在 npm 上是否有新版本。",
   "settings.check_updates": "檢查更新",

package/src/main.tsx

@@ -123,11 +123,37 @@ createRoot(document.getElementById("root")!).render(
   </StrictMode>
 );
 
-// ─── PWA: register service worker ──────────────────────
+// ─── 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) {
-  window.addEventListener("load", () => {
-    navigator.serviceWorker.register("/sw.js").catch((err) => {
-      console.warn("SW registration failed:", err);
+  if (import.meta.env.PROD) {
+    window.addEventListener("load", () => {
+      navigator.serviceWorker.register("/sw.js").catch((err) => {
+        console.warn("SW registration failed:", err);
+      });
     });
-  });
+  } else {
+    // Dev: proactively unregister any leftover service worker (e.g. from a
+    // previous `vite preview` or production build on the same origin) and
+    // clear its caches. Dev module URLs are not hashed, so a stale SW would
+    // serve old code on every plain reload until a hard refresh.
+    window.addEventListener("load", () => {
+      navigator.serviceWorker
+        .getRegistrations()
+        .then((registrations) =>
+          Promise.all(registrations.map((reg) => reg.unregister()))
+        )
+        .then(() =>
+          window.caches
+            ? window.caches.keys().then((keys) =>
+                Promise.all(keys.map((k) => window.caches.delete(k)))
+              )
+            : undefined
+        )
+        .catch((err) => {
+          console.warn("SW cleanup failed:", err);
+        });
+    });
+  }
 }

package/src/store/config-store.ts

@@ -180,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)
@@ -464,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;