@raingor/pi-web-switch 0.8.0 → 0.8.2

package/src/components/settings/SettingsPage.tsx

@@ -91,7 +91,6 @@ export function SettingsPage() {
     auth,
     modelsJson,
     allProviders,
-    allModels,
     updateSettings,
     setTheme,
     addPackage,
@@ -135,10 +134,16 @@ export function SettingsPage() {
     }
   };
 
-  // One-click update: npm install <name>@latest for every updatable extension,
-  // then re-check so the list reflects the new installed versions.
+  // Names of everything that can be updated: pi core (routed to `pi update`
+  // server-side) plus every outdated extension.
+  const updatableNames = [
+    ...(updateResult?.pi?.hasUpdate ? [updateResult.pi.name] : []),
+    ...(updateResult?.extensions ?? []).filter((e) => e.hasUpdate).map((e) => e.name),
+  ];
+
+  // One-click update, then re-check so the list reflects the new installed versions.
   const handleApplyUpdates = async () => {
-    const names = (updateResult?.extensions ?? []).filter((e) => e.hasUpdate).map((e) => e.name);
+    const names = updatableNames;
     if (names.length === 0) return;
     setApplying(true);
     setApplyMessage(null);
@@ -224,7 +229,18 @@ export function SettingsPage() {
   // ── Default model select: composite `providerId/modelId` values, but the
   // settings file stores the bare model id (that's what pi expects on disk).
   const modelValue = (providerId: string, modelId: string) => `${providerId}/${modelId}`;
-  const modelProviders = allProviders.filter((p) => p.models.length > 0);
+  // Only providers that are actually usable belong in the defaults lists: a saved
+  // API key (auth.json / models.json override) or a custom provider. A stale
+  // saved value is kept so the selects don't render blank.
+  const providerOptions = allProviders.filter(
+    (p) =>
+      p.type === "custom" ||
+      p.hasAuth ||
+      !!p.apiKey ||
+      !!auth?.[p.id]?.key ||
+      p.id === settings?.defaultProvider
+  );
+  const modelProviders = providerOptions.filter((p) => p.models.length > 0);
   const scopedId = settings?.defaultProvider;
   const groupedModelOptions = scopedId
     ? [...modelProviders.filter((p) => p.id === scopedId), ...modelProviders.filter((p) => p.id !== scopedId)]
@@ -265,13 +281,6 @@ export function SettingsPage() {
     updateSettings(clearModel ? { defaultProvider: v, defaultModel: undefined } : { defaultProvider: v || undefined });
   };
 
-  const enabledModels = settings?.enabledModels ?? [];
-  const themeLabelKey: Record<string, string> = {
-    light: "settings.light",
-    dark: "settings.dark",
-    "light/dark": "settings.system",
-  };
-
   const tabs: { key: SettingsTab; icon: typeof Palette; label: string }[] = [
     { key: "appearance", icon: Palette, label: t("settings.appearance") },
     { key: "models", icon: LayoutGrid, label: t("settings.tab_models") },
@@ -290,25 +299,6 @@ export function SettingsPage() {
         </div>
         <h1 className="mt-1 text-2xl font-bold text-white">{t("settings.title")}</h1>
         <p className="mt-1 text-sm text-gray-400">{t("settings.subtitle")}</p>
-        <div className="mt-4 grid max-w-lg grid-cols-3 gap-3">
-          <div className="rounded-xl border border-gray-800 bg-gray-900/50 px-4 py-3">
-            <div className="text-xl font-bold text-white">{allProviders.length}</div>
-            <div className="text-xs text-gray-500">{t("settings.stat_providers")}</div>
-          </div>
-          <div className="rounded-xl border border-gray-800 bg-gray-900/50 px-4 py-3">
-            <div className="text-xl font-bold text-white">
-              {enabledModels.length}
-              <small className="ml-0.5 text-xs font-normal text-gray-500">/ {allModels.length}</small>
-            </div>
-            <div className="text-xs text-gray-500">{t("settings.stat_enabled")}</div>
-          </div>
-          <div className="rounded-xl border border-gray-800 bg-gray-900/50 px-4 py-3">
-            <div className="pt-1 text-sm font-bold text-white">
-              {t(themeLabelKey[settings?.theme ?? "light/dark"] ?? "settings.system")}
-            </div>
-            <div className="mt-0.5 text-xs text-gray-500">{t("settings.stat_theme")}</div>
-          </div>
-        </div>
       </header>
 
       {/* ── Tab nav ──────────────────────────────────────── */}
@@ -431,7 +421,7 @@ export function SettingsPage() {
                 className={cn(selectCls, "w-56")}
               >
                 <option value="">{t("settings.none")}</option>
-                {allProviders.map((p) => (
+                {providerOptions.map((p) => (
                   <option key={p.id} value={p.id}>{p.name}</option>
                 ))}
               </select>
@@ -493,7 +483,7 @@ export function SettingsPage() {
                 <RefreshCw className={cn("h-4 w-4", checkingUpdates && "animate-spin")} />
                 {t("settings.check_updates")}
               </button>
-              {(updateResult?.extensions ?? []).some((e) => e.hasUpdate) && (
+              {updatableNames.length > 0 && (
                 <button
                   onClick={handleApplyUpdates}
                   disabled={applying || checkingUpdates}

package/src/components/speedtest/ModelSpeedTestPage.tsx

@@ -1,9 +1,9 @@
 import { useMemo, useState, useEffect } from "react";
-import { Gauge, Loader2, Zap, Check, X, RotateCcw, Download } from "lucide-react";
+import { Gauge, Loader2, Zap, Check, X, RotateCcw, Download, Plus, ListPlus } from "lucide-react";
 import { useTranslation } from "@/lib/i18n";
 import { useConfigStore } from "@/store/config-store";
 import { cn } from "@/lib/utils";
-import type { Provider } from "@/types";
+import type { Provider, Model } from "@/types";
 
 // Model returned by /api/pi/provider-models. Kept local to this page — these
 // are stored separately from the provider's configured/enabled models.
@@ -63,6 +63,41 @@ function saveCatalog(catalog: Record<string, FetchedModel[]>) {
   }
 }
 
+// LocalStorage key: per-provider speed-test results, so they survive
+// navigating away and back (the route unmounts this page).
+const RESULTS_KEY = "speedtest:model-results";
+// LocalStorage key: last selected provider on this page.
+const LAST_PROVIDER_KEY = "speedtest:last-provider";
+
+type AllResults = Record<string, Record<string, ModelResult>>;
+
+function loadResults(): AllResults {
+  try {
+    const raw = localStorage.getItem(RESULTS_KEY);
+    if (!raw) return {};
+    const all = JSON.parse(raw) as AllResults;
+    // Drop entries stuck in "testing" (page left mid-run) — they never finished.
+    for (const pid of Object.keys(all)) {
+      const kept = Object.fromEntries(
+        Object.entries(all[pid] ?? {}).filter(([, r]) => r.status === "done")
+      );
+      if (Object.keys(kept).length === 0) delete all[pid];
+      else all[pid] = kept;
+    }
+    return all;
+  } catch {
+    return {};
+  }
+}
+
+function saveResults(all: AllResults) {
+  try {
+    localStorage.setItem(RESULTS_KEY, JSON.stringify(all));
+  } catch {
+    /* ignore quota errors */
+  }
+}
+
 export function ModelSpeedTestPage() {
   const { t } = useTranslation();
   const { allProviders, auth } = useConfigStore();
@@ -79,22 +114,93 @@ export function ModelSpeedTestPage() {
   );
 
   const [selectedId, setSelectedId] = useState<string | null>(
-    testableProviders[0]?.id ?? null
+    () => localStorage.getItem(LAST_PROVIDER_KEY) ?? testableProviders[0]?.id ?? null
   );
   const selected = testableProviders.find((p) => p.id === selectedId) ?? testableProviders[0] ?? null;
+  useEffect(() => {
+    if (selected?.id) localStorage.setItem(LAST_PROVIDER_KEY, selected.id);
+  }, [selected?.id]);
 
   // Speed-test model catalog, persisted in localStorage.
   const [catalog, setCatalog] = useState<Record<string, FetchedModel[]>>({});
   useEffect(() => { setCatalog(loadCatalog()); }, []);
   const models = selected ? (catalog[selected.id] ?? []) : [];
 
-  const [results, setResults] = useState<Map<string, ModelResult>>(new Map());
+  // Results persisted per provider so they survive route changes; the map
+  // below is the current provider's slice.
+  const [allResults, setAllResults] = useState<AllResults>(() => loadResults());
+  useEffect(() => { saveResults(allResults); }, [allResults]);
+  const results = useMemo(
+    () => new Map(Object.entries(allResults[selected?.id ?? ""] ?? {})),
+    [allResults, selected]
+  );
+  // setResults scoped to the selected provider (drop-in for the old state setter).
+  const setResults = (
+    next: Map<string, ModelResult> | ((prev: Map<string, ModelResult>) => Map<string, ModelResult>)
+  ) => {
+    const pid = selected?.id ?? "";
+    setAllResults((prevAll) => {
+      const prevMap = new Map(Object.entries(prevAll[pid] ?? {}));
+      const nextMap = typeof next === "function" ? next(prevMap) : next;
+      return { ...prevAll, [pid]: Object.fromEntries(nextMap) };
+    });
+  };
   const [running, setRunning] = useState(false);
   const [speedMode, setSpeedMode] = useState<SpeedMode>("normal");
   const [fetching, setFetching] = useState(false);
   const [fetchError, setFetchError] = useState<string | null>(null);
   const [fetchInfo, setFetchInfo] = useState<string | null>(null);
 
+  // Add-to-provider support: models already configured under this provider.
+  const { addModel } = useConfigStore();
+  const configuredIds = useMemo(
+    () => new Set((selected?.models ?? []).map((m) => m.id)),
+    [selected]
+  );
+
+  const toModelDef = (m: FetchedModel): Model => {
+    const input: Model["input"] = ["text"];
+    if (m.vision) input.push("image");
+    if (m.audio) input.push("audio");
+    return {
+      id: m.id,
+      name: m.name,
+      reasoning: m.reasoning ?? false,
+      input,
+      contextWindow: m.contextWindow ?? 262144,
+      maxTokens: m.maxTokens ?? 32768,
+      cost: m.cost
+        ? {
+            input: m.cost.input ?? 0,
+            output: m.cost.output ?? 0,
+            cacheRead: m.cost.cacheRead ?? 0,
+            cacheWrite: m.cost.cacheWrite ?? 0,
+          }
+        : { input: 0, output: 0, cacheRead: 0, cacheWrite: 0 },
+    };
+  };
+
+  // Models that passed 100% and are not configured yet — the batch-add set.
+  const passedNew = useMemo(
+    () =>
+      models.filter((m) => {
+        const r = results.get(m.id);
+        return !!r && r.runs > 0 && r.success === r.runs && !configuredIds.has(m.id);
+      }),
+    [models, results, configuredIds]
+  );
+
+  const addToProvider = async (m: FetchedModel) => {
+    if (!selected || configuredIds.has(m.id)) return;
+    // Added disabled by default — the user enables it on the providers page.
+    addModel(selected.id, toModelDef(m));
+  };
+
+  const addAllPassed = async () => {
+    if (!selected || running || passedNew.length === 0) return;
+    passedNew.forEach((m) => addModel(selected.id, toModelDef(m)));
+  };
+
   const setResult = (modelId: string, patch: Partial<ModelResult>) => {
     setResults((prev) => {
       const next = new Map(prev);
@@ -313,6 +419,15 @@ export function ModelSpeedTestPage() {
                       <RotateCcw className="h-4 w-4" />
                       {t("speed_test.reset")}
                     </button>
+                    <button
+                      onClick={addAllPassed}
+                      disabled={running || fetching || passedNew.length === 0}
+                      className="flex items-center gap-1.5 rounded-lg border border-emerald-600/40 bg-emerald-600/10 px-3 py-2 text-sm text-emerald-300 transition-colors hover:bg-emerald-600/20 disabled:cursor-not-allowed disabled:opacity-50"
+                      title={t("speed_test.add_all_passed_desc")}
+                    >
+                      <ListPlus className="h-4 w-4" />
+                      {t("speed_test.add_all_passed")} ({passedNew.length})
+                    </button>
                     <button
                       onClick={runAll}
                       disabled={running || fetching || models.length === 0}
@@ -355,6 +470,7 @@ export function ModelSpeedTestPage() {
                           <th className="px-3 py-2 font-medium text-right">{t("speed_test.col_avg_latency")}</th>
                           <th className="px-3 py-2 font-medium text-right">{t("speed_test.col_range")}</th>
                           <th className="px-3 py-2 font-medium">{t("speed_test.col_status")}</th>
+                          <th className="px-3 py-2 font-medium text-right">{t("speed_test.col_action")}</th>
                         </tr>
                       </thead>
                       <tbody>
@@ -412,6 +528,24 @@ export function ModelSpeedTestPage() {
                                   </span>
                                 )}
                               </td>
+                              <td className="px-3 py-2 text-right">
+                                {rate === 100 &&
+                                  (configuredIds.has(m.id) ? (
+                                    <span className="inline-flex items-center gap-1 text-xs text-gray-500">
+                                      <Check className="h-3.5 w-3.5" />
+                                      {t("speed_test.exists")}
+                                    </span>
+                                  ) : (
+                                    <button
+                                      onClick={() => addToProvider(m)}
+                                      disabled={running || fetching}
+                                      className="inline-flex items-center gap-1 rounded-md border border-blue-600/50 bg-blue-600/10 px-2 py-1 text-xs font-medium text-blue-400 transition-colors hover:bg-blue-600/20 disabled:cursor-not-allowed disabled:opacity-50"
+                                    >
+                                      <Plus className="h-3.5 w-3.5" />
+                                      {t("speed_test.add_to_provider")}
+                                    </button>
+                                  ))}
+                              </td>
                             </tr>
                           );
                         })}

package/src/components/subagents/SubagentsPage.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useMemo } from "react";
 import { useTranslation } from "@/lib/i18n";
 import { useConfigStore } from "@/store/config-store";
 import { Badge } from "@/components/ui/Badge";
@@ -189,7 +189,10 @@ function AgentList({
   searchActive: boolean;
 }) {
   const { t } = useTranslation();
-  const [selected, setSelected] = useState<AgentDef | null>(null);
+  const [selectedFile, setSelectedFile] = useState<string | null>(null);
+  // Resolve the selected agent from the live list so it reflects saved edits
+  // after a refresh (matching by fileName), instead of a stale captured object.
+  const selected = agents.find((a) => a.fileName === selectedFile) ?? null;
 
   if (agents.length === 0) {
     return (
@@ -208,7 +211,7 @@ function AgentList({
         {agents.map((agent) => (
           <button
             key={agent.fileName}
-            onClick={() => setSelected(agent)}
+            onClick={() => setSelectedFile(agent.fileName)}
             className={`w-full rounded-lg border px-3 py-3 text-left transition-colors ${
               selected?.fileName === agent.fileName
                 ? "border-blue-500/30 bg-gray-800 text-white"
@@ -243,7 +246,14 @@ function AgentList({
 
 function AgentDetail({ agent, onSaved }: { agent: AgentDef; onSaved: () => void }) {
   const { t } = useTranslation();
-  const { allModels } = useConfigStore();
+  const { allModels, allProviders } = useConfigStore();
+  // Eligible = custom providers + built-in providers with an API key saved.
+  const eligibleModels = useMemo(() => {
+    const usable = new Set(
+      allProviders.filter((p) => p.type === "custom" || p.hasAuth).map((p) => p.id)
+    );
+    return allModels.filter((m) => usable.has(m.providerId));
+  }, [allModels, allProviders]);
   const [editing, setEditing] = useState(false);
   const [model, setModel] = useState(agent.model ?? "");
   const [thinking, setThinking] = useState(agent.thinking ?? "");
@@ -307,23 +317,22 @@ function AgentDetail({ agent, onSaved }: { agent: AgentDef; onSaved: () => void
         <div className={editing ? "col-span-2" : ""}>
           <span className="text-xs text-gray-500">{t("subagents.model")}</span>
           {editing ? (
-            <>
-              <input
-                type="text"
-                list="agent-model-options"
-                value={model}
-                onChange={(e) => setModel(e.target.value)}
-                placeholder={t("subagents.model_placeholder")}
-                className="mt-1 w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-1.5 font-mono text-sm text-gray-100 outline-none focus:ring-1 focus:ring-blue-500"
-              />
-              <datalist id="agent-model-options">
-                {allModels.map((m) => (
-                  <option key={`${m.providerId}/${m.id}`} value={`${m.providerId}/${m.id}`}>
-                    {m.providerName} · {m.name ?? m.id}
-                  </option>
-                ))}
-              </datalist>
-            </>
+            <select
+              value={model}
+              onChange={(e) => setModel(e.target.value)}
+              className="mt-1 w-full rounded-lg border border-gray-700 bg-gray-800 px-3 py-1.5 font-mono text-sm text-gray-100 outline-none focus:ring-1 focus:ring-blue-500"
+            >
+              <option value="">{t("subagents.model_default")}</option>
+              {/* Keep a saved-but-unavailable model selectable so it isn't lost. */}
+              {model && !eligibleModels.some((m) => `${m.providerId}/${m.id}` === model) && (
+                <option value={model}>{model}</option>
+              )}
+              {eligibleModels.map((m) => (
+                <option key={`${m.providerId}/${m.id}`} value={`${m.providerId}/${m.id}`}>
+                  {m.providerName} · {m.name ?? m.id}
+                </option>
+              ))}
+            </select>
           ) : (
             <p className="mt-0.5 text-sm text-gray-200 font-mono">{agent.model || t("subagents.model_default")}</p>
           )}

package/src/data/changelog.ts

@@ -9,6 +9,16 @@ export interface ChangelogEntry {
 }
 
 export const CHANGELOG: ChangelogEntry[] = [
+  {
+    version: "0.8.2",
+    date: "2026-08-28",
+    itemKeys: ["changelog.0_8_2_1", "changelog.0_8_2_2", "changelog.0_8_2_3", "changelog.0_8_2_4"],
+  },
+  {
+    version: "0.8.1",
+    date: "2026-08-27",
+    itemKeys: ["changelog.0_8_1_1", "changelog.0_8_1_2", "changelog.0_8_1_3"],
+  },
   {
     version: "0.8.0",
     date: "2026-08-27",

package/src/index.css

@@ -692,8 +692,7 @@ table { border-collapse: collapse; }
   align-items: center;
   justify-content: center;
   gap: 8px;
-  width: 100%;
-  margin-bottom: 10px;
+  margin: 14px 14px 0;
   padding: 9px 12px;
   border-radius: 9px;
   border: 1px solid color-mix(in srgb, #229ED9 45%, var(--card-border));

package/src/lib/translations/en.ts

@@ -33,15 +33,20 @@ const en: Record<string, string> = {
   "providers_models.invalid_url": "Enter a valid http(s) URL",
   "providers_models.baseurl_override": "This URL overrides the built-in default (saved to models.json)",
   "providers_models.enable_all": "Enable All",
-  "providers_models.sort_by": "Sort",
-  "providers_models.sort_default": "Default",
-  "providers_models.sort_family": "By family",
-  "providers_models.sort_price_asc": "Price ↑",
-  "providers_models.sort_price_desc": "Price ↓",
   "providers_models.disable_all": "Disable All",
   "providers_models.enabled_models_title": "Enabled Models",
   "providers_models.no_enabled_models": "No enabled models yet. Enable models in a provider's model list and they'll appear here.",
   "providers_models.api_key_env": "Uses the value of environment variable {0} as the key (not stored in plaintext)",
+  "providers_models.api_key_add": "Add Key",
+  "providers_models.api_key_count": "{0} keys",
+  "providers_models.api_key_active": "In use",
+  "providers_models.api_key_use": "Use this key",
+  "providers_models.api_key_show": "Show key",
+  "providers_models.api_key_hide": "Hide key",
+  "providers_models.api_key_delete": "Delete key",
+  "providers_models.api_key_empty": "No key yet — add one below.",
+  "providers_models.api_key_duplicate": "This key is already in the list",
+  "providers_models.api_key_switch_hint": "Pick a key to switch instantly — pi uses the one marked “In use”.",
   "providers_models.test_all": "Test All",
   "providers_models.id_exists": "ID “{0}” already exists, pick another name",
   "providers_models.id_preview": "Will be saved as ID “{0}”",
@@ -89,6 +94,11 @@ const en: Record<string, string> = {
   "speed_test.empty_catalog": "No models fetched yet",
   "speed_test.empty_catalog_desc": "Click \"Fetch Models\" to pull all models from the provider endpoint. Used only for speed testing; does not affect configured models.",
   "speed_test.testing": "Testing",
+  "speed_test.col_action": "Action",
+  "speed_test.add_to_provider": "Add",
+  "speed_test.exists": "Exists",
+  "speed_test.add_all_passed": "Add all passed",
+  "speed_test.add_all_passed_desc": "Add every model that passed 100% and is not yet configured to this provider",
   "speed_test.reset": "Reset",
   "speed_test.pending": "Pending",
   "speed_test.ok": "All OK",
@@ -129,6 +139,13 @@ const en: Record<string, string> = {
   "app.version": "pi-switch v0.7.0",
   "changelog.button": "Changelog",
   "changelog.title": "What's New",
+  "changelog.0_8_2_1": "Speed-test results now persist across page switches; the last selected provider is remembered.",
+  "changelog.0_8_2_2": "Models that pass 100% can be added to their provider in one click (single or batch); already-configured ones are marked.",
+  "changelog.0_8_2_3": "Newly added models default to disabled until manually enabled.",
+  "changelog.0_8_2_4": "Removed the search boxes from the provider model list and the remote-model fetch dialog.",
+  "changelog.0_8_1_1": "Settings: removed the top stat cards (providers / enabled models / theme).",
+  "changelog.0_8_1_2": "Package browser gained a \"Recommended\" tab; the search tab is filterable by All/Available/Installed.",
+  "changelog.0_8_1_3": "Fix: memory & subagent model pickers are now real dropdowns; the subagent panel updates immediately after saving.",
   "changelog.0_8_0_1": "Settings: added a package browser dialog with \"Recommended\" and \"Search\" tabs.",
   "changelog.0_8_0_2": "Search tab fuzzy-searches npm for pi packages, filterable by All/Available/Installed.",
   "changelog.0_8_0_3": "One-click install with an installed-state indicator.",
@@ -457,9 +474,9 @@ const en: Record<string, string> = {
   "settings.updates_failed": "Update check failed",
   "settings.update_all": "Update All",
   "settings.updating": "Updating…",
-  "settings.update_success": "Successfully updated {0} extension(s)",
-  "settings.update_failed_names": "{0} extension(s) failed to update: {1}",
-  "settings.updates_hint": "Extensions can be updated by reinstalling in pi (or running npm update in ~/.pi/agent/npm); update pi core via its installer.",
+  "settings.update_success": "Successfully updated {0} item(s)",
+  "settings.update_failed_names": "{0} item(s) failed to update: {1}",
+  "settings.updates_hint": "Extensions are updated with npm install in ~/.pi/agent/npm; pi core is updated by running `pi update`. Restart pi after updating.",
   "settings.defaults": "Defaults",
   "settings.default_provider": "Default Provider",
   "settings.default_model": "Default Model",

package/src/lib/translations/ja.ts

@@ -31,15 +31,20 @@ const ja: Record<string, string> = {
   "providers_models.invalid_url": "有効な http(s) URL を入力してください",
   "providers_models.baseurl_override": "この URL は内蔵デフォルトを上書きします（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.api_key_add": "キーを追加",
+  "providers_models.api_key_count": "キー {0} 件",
+  "providers_models.api_key_active": "使用中",
+  "providers_models.api_key_use": "このキーを使用",
+  "providers_models.api_key_show": "キーを表示",
+  "providers_models.api_key_hide": "キーを非表示",
+  "providers_models.api_key_delete": "キーを削除",
+  "providers_models.api_key_empty": "キーがまだありません。下で追加してください。",
+  "providers_models.api_key_duplicate": "このキーは既にリストにあります",
+  "providers_models.api_key_switch_hint": "選択するとすぐに切り替わります。pi は「使用中」のキーを使います。",
   "providers_models.test_all": "すべてテスト",
   "providers_models.id_exists": "ID “{0}” は既に存在します。別の名前を使用してください",
   "providers_models.id_preview": "ID “{0}” として保存されます",
@@ -87,6 +92,11 @@ const ja: Record<string, string> = {
   "speed_test.empty_catalog": "モデル未取得",
   "speed_test.empty_catalog_desc": "「モデルを取得」をクリックしてプロバイダーから全モデルを取得します。速度テスト専用で、設定済みモデルには影響しません。",
   "speed_test.testing": "テスト中",
+  "speed_test.col_action": "操作",
+  "speed_test.add_to_provider": "追加",
+  "speed_test.exists": "存在",
+  "speed_test.add_all_passed": "合格を一括追加",
+  "speed_test.add_all_passed_desc": "100%合格かつ未設定のモデルをすべてこのプロバイダーに追加",
   "speed_test.reset": "リセット",
   "speed_test.pending": "待機中",
   "speed_test.ok": "すべて成功",
@@ -127,6 +137,13 @@ const ja: Record<string, string> = {
   "app.version": "pi-switch v0.7.0",
   "changelog.button": "変更履歴",
   "changelog.title": "更新情報",
+  "changelog.0_8_2_1": "速度テスト結果をページ切替後も保持し、前回選択したプロバイダーも記憶。",
+  "changelog.0_8_2_2": "100%合格モデルをワンクリックでプロバイダーに追加（単発/一括）、設定済みは自動マーク。",
+  "changelog.0_8_2_3": "追加したモデルはデフォルト無効、手動で有効化。",
+  "changelog.0_8_2_4": "プロバイダーのモデル一覧とリモート取得ダイアログの検索ボックスを削除。",
+  "changelog.0_8_1_1": "設定：上部の統計カード（プロバイダー / 有効モデル / テーマ）を削除。",
+  "changelog.0_8_1_2": "パッケージ検索に「おすすめ」タブを追加。検索タブはすべて/未インストール/インストール済みで絞り込み可能。",
+  "changelog.0_8_1_3": "修正：メモリとサブエージェントのモデル選択を実際のドロップダウンに。サブエージェントは保存後すぐ反映。",
   "changelog.0_8_0_1": "設定：「おすすめ」と「検索」タブを備えたパッケージ検索ダイアログを追加。",
   "changelog.0_8_0_2": "検索タブは npm の pi パッケージをあいまい検索し、すべて/未インストール/インストール済みで絞り込み可能。",
   "changelog.0_8_0_3": "ワンクリックインストールとインストール済み表示。",
@@ -449,9 +466,9 @@ const ja: Record<string, string> = {
   "settings.updates_failed": "アップデート確認に失敗しました",
   "settings.update_all": "一括更新",
   "settings.updating": "更新中…",
-  "settings.update_success": "{0} 件の拡張を更新しました",
-  "settings.update_failed_names": "{0} 件の拡張の更新に失敗：{1}",
-  "settings.updates_hint": "拡張は pi での再インストール（または ~/.pi/agent/npm で npm update）で更新できます。pi 本体はインストーラーから更新してください。",
+  "settings.update_success": "{0} 件を更新しました",
+  "settings.update_failed_names": "{0} 件の更新に失敗：{1}",
+  "settings.updates_hint": "拡張は ~/.pi/agent/npm での npm install で更新します。pi 本体は `pi update` で更新します。更新後は pi を再起動してください。",
   "settings.defaults": "デフォルト",
   "settings.default_provider": "デフォルトプロバイダー",
   "settings.default_model": "デフォルトモデル",

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

@@ -31,15 +31,20 @@ const zhCN: Record<string, string> = {
   "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.api_key_add": "添加密钥",
+  "providers_models.api_key_count": "共 {0} 个密钥",
+  "providers_models.api_key_active": "使用中",
+  "providers_models.api_key_use": "使用此密钥",
+  "providers_models.api_key_show": "显示密钥",
+  "providers_models.api_key_hide": "隐藏密钥",
+  "providers_models.api_key_delete": "删除密钥",
+  "providers_models.api_key_empty": "还没有密钥，请在下方添加。",
+  "providers_models.api_key_duplicate": "该密钥已在列表中",
+  "providers_models.api_key_switch_hint": "选中即可立即切换，pi 会使用标记为「使用中」的那一个。",
   "providers_models.test_all": "测试全部",
   "providers_models.id_exists": "ID “{0}” 已存在，请换一个名称",
   "providers_models.id_preview": "将以 ID “{0}” 保存",
@@ -87,6 +92,11 @@ const zhCN: Record<string, string> = {
   "speed_test.empty_catalog": "尚未获取模型列表",
   "speed_test.empty_catalog_desc": "点击“一键获取模型”从供应商接口拉取全部模型，仅用于测速，不影响已配置的模型。",
   "speed_test.testing": "测速中",
+  "speed_test.col_action": "操作",
+  "speed_test.add_to_provider": "加入",
+  "speed_test.exists": "已存在",
+  "speed_test.add_all_passed": "一键加入全部通过",
+  "speed_test.add_all_passed_desc": "把测速 100% 通过且尚未配置的模型全部加入该供应商",
   "speed_test.reset": "重置",
   "speed_test.pending": "待测",
   "speed_test.ok": "全部成功",
@@ -127,6 +137,13 @@ const zhCN: Record<string, string> = {
   "app.version": "pi-switch v0.7.0",
   "changelog.button": "更新日志",
   "changelog.title": "版本更新说明",
+  "changelog.0_8_2_1": "测速结果持久化：切换页面再回来结果不丢，并记住上次选中的供应商。",
+  "changelog.0_8_2_2": "测速 100% 通过的模型支持一键加入对应供应商（单个/批量），已存在自动标记。",
+  "changelog.0_8_2_3": "新添加的模型默认为禁用状态，需手动启用。",
+  "changelog.0_8_2_4": "移除供应商模型列表与远程模型获取弹窗中的搜索框。",
+  "changelog.0_8_1_1": "设置页移除顶部统计卡片（供应商 / 已启用模型 / 当前主题）。",
+  "changelog.0_8_1_2": "包浏览弹窗新增「推荐安装」标签页，搜索标签支持按全部/未安装/已安装筛选。",
+  "changelog.0_8_1_3": "修复：记忆与子代理的模型选择改为真正的下拉；子代理保存后面板即时更新。",
   "changelog.0_8_0_1": "设置：新增扩展包浏览弹窗，含「推荐安装」与「搜索」两个标签页。",
   "changelog.0_8_0_2": "搜索标签支持模糊搜索 npm 上的 pi 扩展包，并可按全部/未安装/已安装筛选。",
   "changelog.0_8_0_3": "扩展包一键安装，已安装状态自动标识。",
@@ -449,9 +466,9 @@ const zhCN: Record<string, string> = {
   "settings.updates_failed": "检查更新失败",
   "settings.update_all": "一键更新",
   "settings.updating": "更新中…",
-  "settings.update_success": "已成功更新 {0} 个扩展",
-  "settings.update_failed_names": "{0} 个扩展更新失败：{1}",
-  "settings.updates_hint": "扩展可通过 pi 重新安装（或在 ~/.pi/agent/npm 执行 npm update）更新；pi 本体请通过安装器更新。",
+  "settings.update_success": "已成功更新 {0} 项",
+  "settings.update_failed_names": "{0} 项更新失败：{1}",
+  "settings.updates_hint": "扩展通过 ~/.pi/agent/npm 里的 npm install 更新；pi 本体通过执行 `pi update` 更新。更新后请重启 pi。",
   "settings.defaults": "默认值",
   "settings.default_provider": "默认提供商",
   "settings.default_model": "默认模型",