npm - @raingor/pi-web-switch - Versions diffs - 0.7.0 → 0.7.1 - Mend

@raingor/pi-web-switch 0.7.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/README.ja.md +12 -0
package/README.md +12 -0
package/README.zh-CN.md +12 -0
package/dist/index.html +2 -2
package/package.json +1 -1
package/src/components/help/ChangelogButton.tsx +53 -0
package/src/components/layout/Sidebar.tsx +2 -1
package/src/components/sessions/MemoryPage.tsx +30 -11
package/src/data/changelog.ts +50 -0
package/src/index.css +22 -0
package/src/lib/translations/en.ts +15 -1
package/src/lib/translations/ja.ts +15 -1
package/src/lib/translations/zh-CN.ts +15 -1
package/src/lib/translations/zh-TW.ts +15 -1

package/README.ja.md CHANGED Viewed

@@ -167,6 +167,18 @@ pi-web-switch/
 └── src/                   # React フロントエンド
 ```
+## 💬 コミュニティ
+ご質問・ご提案・バグ報告は **Telegram グループ** へどうぞ：
+👉 **[pi-web-switch Telegram グループに参加](https://t.me/+ODpy7_7NlOE4NzA1)**
+問題を報告する際は以下を添えてください：
+1. OS（macOS / Windows / Linux）
+2. バージョン —— `npm view @raingor/pi-web-switch version`
+3. 具体的な問題の説明とエラーのスクリーンショットまたはログ
 ## 🔗 リンク
 - **ホームページ：** [raingor.github.io/my-blog](https://raingor.github.io/my-blog/)

package/README.md CHANGED Viewed

@@ -330,6 +330,18 @@ pi-web-switch/
 └── src/                   # React frontend
 ```
+## 💬 Community
+Join the **Telegram group** for questions, suggestions, and bug reports:
+👉 **[Join the pi-web-switch Telegram group](https://t.me/+ODpy7_7NlOE4NzA1)**
+When reporting an issue, please include:
+1. Your OS (macOS / Windows / Linux)
+2. Your version — `npm view @raingor/pi-web-switch version`
+3. A clear description plus any error screenshots or logs
 ## 🔗 Links
 - **Homepage:** [raingor.github.io/my-blog](https://raingor.github.io/my-blog/)

package/README.zh-CN.md CHANGED Viewed

@@ -205,6 +205,18 @@ pi-web-switch/
 └── src/                   # React 前端
 ```
+## 💬 交流群
+有任何疑问、建议或 bug 反馈，欢迎加入 **Telegram 交流群**：
+👉 **[加入 pi-web-switch Telegram 交流群](https://t.me/+ODpy7_7NlOE4NzA1)**
+提问时请附上：
+1. 你的系统（macOS / Windows / Linux）
+2. 版本号 —— `npm view @raingor/pi-web-switch version`
+3. 清晰的问题描述，以及报错截图或日志
 ## 🔗 相关链接
 - **个人主页：** [raingor.github.io/my-blog](https://raingor.github.io/my-blog/)

package/dist/index.html CHANGED Viewed

@@ -9,8 +9,8 @@
     <link rel="manifest" href="./manifest.webmanifest" />
     <meta name="theme-color" content="#05090d" />
     <meta name="description" content="Web UI for pi coding agent — configuration management, session browser, and usage dashboard" />
-    <script type="module" crossorigin src="./assets/main-E7tKVWGH.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/main-DHTj6wfH.css">
+    <script type="module" crossorigin src="./assets/main-Bs37wZvZ.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/main-DTnbncES.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@raingor/pi-web-switch",
   "private": false,
-  "version": "0.7.0",
+  "version": "0.7.1",
   "type": "module",
   "main": "dist/index.html",
   "description": "Web UI for pi coding agent — live configuration management, session browser, and memory viewer",

package/src/components/help/ChangelogButton.tsx ADDED Viewed

@@ -0,0 +1,53 @@
+import { useState } from "react";
+import { Sparkles } from "lucide-react";
+import { Modal } from "@/components/ui/Modal";
+import { useTranslation } from "@/lib/i18n";
+import { CHANGELOG } from "@/data/changelog";
+/**
+ * "What's new" changelog dialog. Trigger lives in the sidebar footer (version
+ * strip). Entries come from src/data/changelog.ts with i18n item keys.
+ */
+export function ChangelogButton() {
+  const { t } = useTranslation();
+  const [open, setOpen] = useState(false);
+  return (
+    <>
+      <button
+        onClick={() => setOpen(true)}
+        className="changelog-trigger"
+        title={t("changelog.title")}
+      >
+        <Sparkles className="h-3.5 w-3.5" />
+        <span>{t("changelog.button")}</span>
+      </button>
+      <Modal open={open} onClose={() => setOpen(false)} title={t("changelog.title")} size="lg">
+        <div className="space-y-5">
+          {CHANGELOG.map((entry) => (
+            <div key={entry.version}>
+              <div className="flex items-baseline gap-2">
+                <span
+                  className="rounded-md px-2 py-0.5 text-xs font-semibold"
+                  style={{ backgroundColor: "color-mix(in srgb, var(--signal-cyan) 16%, transparent)", color: "var(--signal-cyan, #38bdf8)" }}
+                >
+                  v{entry.version}
+                </span>
+                <span className="text-xs" style={{ color: "var(--subtle-text)" }}>{entry.date}</span>
+              </div>
+              <ul className="mt-2 space-y-1.5">
+                {entry.itemKeys.map((k) => (
+                  <li key={k} className="flex gap-2 text-sm leading-relaxed" style={{ color: "var(--muted-text)" }}>
+                    <span style={{ color: "var(--signal-cyan, #38bdf8)" }}>›</span>
+                    <span>{t(k)}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </div>
+      </Modal>
+    </>
+  );
+}

package/src/components/layout/Sidebar.tsx CHANGED Viewed

@@ -16,6 +16,7 @@ import {
 import { cn } from "@/lib/utils";
 import { useTranslation, LANGUAGES } from "@/lib/i18n";
 import { useState } from "react";
+import { ChangelogButton } from "@/components/help/ChangelogButton";
 // Telegram group invite link (same as the help dialog).
 const TELEGRAM_GROUP_URL = "https://t.me/+ODpy7_7NlOE4NzA1";
@@ -122,7 +123,7 @@ export function Sidebar({ mobileOpen = false, onClose }: SidebarProps) {
         <div className="version-strip">
           <span>{t("app.version")}</span>
-          <span>BUILD // STABLE</span>
+          <ChangelogButton />
         </div>
       </div>
     </aside>

package/src/components/sessions/MemoryPage.tsx CHANGED Viewed

@@ -372,7 +372,7 @@ function MemoryFileSection({
 export function MemoryPage() {
   const { t } = useTranslation();
-  const { initialized, allModels } = useConfigStore();
+  const { initialized, allModels, allProviders } = useConfigStore();
   const [files, setFiles] = useState<MemoryFile[]>([]);
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
@@ -396,6 +396,16 @@ export function MemoryPage() {
   // Capacity status (per-target chars vs limit) for progress bars
   const [status, setStatus] = useState<{ filename: string; target: string; chars: number; limit: number }[]>([]);
+  // Models eligible as the memory-write model: custom providers, plus built-in
+  // providers that have an API key actually saved (hasAuth). Built-ins without
+  // a key can't run, so they're excluded from the dropdown.
+  const eligibleModels = useMemo(() => {
+    const usableProviderIds = new Set(
+      allProviders.filter((p) => p.type === "custom" || p.hasAuth).map((p) => p.id)
+    );
+    return allModels.filter((m) => usableProviderIds.has(m.providerId));
+  }, [allModels, allProviders]);
   const loadStatus = useCallback(() => {
     fetch("/api/pi/memory/status")
       .then((r) => r.json())
@@ -493,7 +503,11 @@ export function MemoryPage() {
       });
       const { success } = (await res.json()) as { success: boolean };
       setCfgMsg({ ok: !!success, text: success ? t("memory.config_saved") : t("memory.config_save_failed") });
-      if (success) loadStatus();
+      if (success) {
+        loadStatus();
+        // Close the modal shortly after showing the success message.
+        setTimeout(() => setShowConfig(false), 600);
+      }
     } catch {
       setCfgMsg({ ok: false, text: t("memory.config_save_failed") });
     } finally {
@@ -724,20 +738,25 @@ export function MemoryPage() {
           <p className="text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_desc")}</p>
           <div>
             <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_model")}</label>
-            <input
-              type="text"
-              list="memory-model-options"
+            <select
               value={cfg.llmModelOverride}
               onChange={(e) => setCfg({ ...cfg, llmModelOverride: e.target.value })}
-              placeholder={t("memory.config_model_default")}
               className="w-full rounded-lg border px-3 py-1.5 text-sm outline-none focus:ring-1 focus:ring-blue-500"
               style={{ backgroundColor: "var(--card-bg)", borderColor: "var(--card-border)", color: "var(--page-text)" }}
-            />
-            <datalist id="memory-model-options">
-              {allModels.map((m) => (
-                <option key={`${m.providerId}/${m.id}`} value={`${m.providerId}/${m.id}`}>{m.providerName} · {m.name ?? m.id}</option>
+            >
+              <option value="">{t("memory.config_model_default")}</option>
+              {/* If the saved model isn't in the current model list (e.g. a
+                  provider was removed), still show it so it isn't silently lost. */}
+              {cfg.llmModelOverride &&
+                !eligibleModels.some((m) => `${m.providerId}/${m.id}` === cfg.llmModelOverride) && (
+                  <option value={cfg.llmModelOverride}>{cfg.llmModelOverride}</option>
+                )}
+              {eligibleModels.map((m) => (
+                <option key={`${m.providerId}/${m.id}`} value={`${m.providerId}/${m.id}`}>
+                  {m.providerName} · {m.name ?? m.id}
+                </option>
               ))}
-            </datalist>
+            </select>
           </div>
           <div className="flex gap-3">
             <div className="flex-1">

package/src/data/changelog.ts ADDED Viewed

@@ -0,0 +1,50 @@
+// Version changelog shown in the "What's new" dialog. Newest first.
+// `items` are i18n keys so the entries localize with the active language.
+// When cutting a release, prepend a new entry here.
+export interface ChangelogEntry {
+  version: string;
+  date: string; // ISO date
+  itemKeys: string[];
+}
+export const CHANGELOG: ChangelogEntry[] = [
+  {
+    version: "0.7.0",
+    date: "2026-08-27",
+    itemKeys: [
+      "changelog.0_7_0_1",
+      "changelog.0_7_0_2",
+      "changelog.0_7_0_3",
+    ],
+  },
+  {
+    version: "0.6.2",
+    date: "2026-08-26",
+    itemKeys: ["changelog.0_6_2_1"],
+  },
+  {
+    version: "0.6.1",
+    date: "2026-08-26",
+    itemKeys: ["changelog.0_6_1_1"],
+  },
+  {
+    version: "0.6.0",
+    date: "2026-08-26",
+    itemKeys: [
+      "changelog.0_6_0_1",
+      "changelog.0_6_0_2",
+      "changelog.0_6_0_3",
+      "changelog.0_6_0_4",
+    ],
+  },
+  {
+    version: "0.5.0",
+    date: "2026-08-26",
+    itemKeys: [
+      "changelog.0_5_0_1",
+      "changelog.0_5_0_2",
+      "changelog.0_5_0_3",
+    ],
+  },
+];

package/src/index.css CHANGED Viewed

@@ -710,3 +710,25 @@ table { border-collapse: collapse; }
   transform: translateY(-1px);
   box-shadow: 0 8px 22px color-mix(in srgb, #229ED9 22%, transparent);
 }
+/* ─── Changelog trigger (version strip) ─────────────────── */
+.changelog-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 6px;
+  border-radius: 6px;
+  border: 1px solid transparent;
+  color: var(--muted-text);
+  font-family: var(--font-mono);
+  font-size: 9px;
+  letter-spacing: .06em;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
+}
+.changelog-trigger:hover {
+  color: var(--signal-cyan);
+  border-color: color-mix(in srgb, var(--signal-cyan) 30%, var(--card-border));
+  background: color-mix(in srgb, var(--signal-cyan) 8%, transparent);
+}

package/src/lib/translations/en.ts CHANGED Viewed

@@ -126,7 +126,21 @@ const en: Record<string, string> = {
   "official_usage.no_result": "No quota result yet",
   "official_usage.no_result_desc": "Enter an official usage endpoint and API key, then save to test the query and display quota usage.",
   "app.subtitle": "Configuration Manager",
-  "app.version": "pi-switch v0.1.0",
+  "app.version": "pi-switch v0.7.0",
+  "changelog.button": "Changelog",
+  "changelog.title": "What's New",
+  "changelog.0_7_0_1": "Added a floating \"User Guide\" button (bottom-right) with a project overview and per-module how-to.",
+  "changelog.0_7_0_2": "Added \"Join Telegram group\" entry points (sidebar + user guide dialog).",
+  "changelog.0_7_0_3": "Added this \"What’s New\" changelog dialog.",
+  "changelog.0_6_2_1": "Subagents: edit a custom agent’s model and thinking level directly from the panel.",
+  "changelog.0_6_1_1": "Fix: one-click optimize now runs in an async process, no longer freezing the dev server or auto-reloading the page.",
+  "changelog.0_6_0_1": "Memory: added \"Optimize Memory\" to consolidate all three memory files at once.",
+  "changelog.0_6_0_2": "Memory: added auto-write model config plus capacity limits and overflow strategy.",
+  "changelog.0_6_0_3": "Memory: added per-file capacity progress bars and live optimize progress.",
+  "changelog.0_6_0_4": "Settings: removed the GitHub Copilot config section.",
+  "changelog.0_5_0_1": "Added the \"Model Speed Test\" module, replacing \"Official Usage\".",
+  "changelog.0_5_0_2": "Speed test: one-click fetch models (stored separately) and a slow mode to avoid rate limits.",
+  "changelog.0_5_0_3": "Providers page hides built-in providers for a cleaner UI.",
   // Subagents
   "subagents.summary": "{0} agents · {1} chains",

package/src/lib/translations/ja.ts CHANGED Viewed

@@ -124,7 +124,21 @@ const ja: Record<string, string> = {
   "official_usage.no_result": "利用枠データはまだありません",
   "official_usage.no_result_desc": "公式使用量 URL と API Key を入力して保存すると、照会テストを行い利用枠を表示します。",
   "app.subtitle": "設定マネージャー",
-  "app.version": "pi-switch v0.1.0",
+  "app.version": "pi-switch v0.7.0",
+  "changelog.button": "変更履歴",
+  "changelog.title": "更新情報",
+  "changelog.0_7_0_1": "右下にフローティング「使い方」ボタンを追加。プロジェクト概要と各モジュールの使い方を表示。",
+  "changelog.0_7_0_2": "「Telegram グループに参加」の入口を追加（サイドバー + 使い方ダイアログ）。",
+  "changelog.0_7_0_3": "この「更新情報」ダイアログを追加。",
+  "changelog.0_6_2_1": "サブエージェント：カスタムエージェントのモデルと思考レベルをパネルから直接編集可能に。",
+  "changelog.0_6_1_1": "修正：メモリ最適化を非同期プロセス化し、開発サーバーの停止やページ自動リロードを解消。",
+  "changelog.0_6_0_1": "メモリ：3 つのメモリファイルを一括統合する「メモリを最適化」を追加。",
+  "changelog.0_6_0_2": "メモリ：自動書き込みモデル設定、容量上限、上限超過戦略を追加。",
+  "changelog.0_6_0_3": "メモリ：ファイル別の容量プログレスバーと最適化のリアルタイム進捗を追加。",
+  "changelog.0_6_0_4": "設定：GitHub Copilot 設定セクションを削除。",
+  "changelog.0_5_0_1": "「モデル速度計測」モジュールを追加し、「公式使用量」を置き換え。",
+  "changelog.0_5_0_2": "計測：モデルのワンクリック取得（別途保存）とレート制限回避の低速モード。",
+  "changelog.0_5_0_3": "プロバイダーページで組み込みプロバイダーを非表示にしUIを簡素化。",
   // Subagents
   "subagents.summary": "{0} エージェント · {1} チェーン",

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

@@ -124,7 +124,21 @@ const zhCN: Record<string, string> = {
   "official_usage.no_result": "暂未获取额度数据",
   "official_usage.no_result_desc": "填写官方用量接口和 API Key，保存后会立即测试查询并显示额度。",
   "app.subtitle": "配置管理器",
-  "app.version": "pi-switch v0.1.0",
+  "app.version": "pi-switch v0.7.0",
+  "changelog.button": "更新日志",
+  "changelog.title": "版本更新说明",
+  "changelog.0_7_0_1": "新增右下角浮动「使用说明」按钮，弹窗含项目总览与各板块使用指引。",
+  "changelog.0_7_0_2": "新增「加入 Telegram 交流群」入口（侧边栏 + 使用说明弹窗）。",
+  "changelog.0_7_0_3": "新增本「版本更新说明」弹窗。",
+  "changelog.0_6_2_1": "子代理：支持在面板里直接编辑自定义代理的模型和思考级别。",
+  "changelog.0_6_1_1": "修复：一键优化改用异步进程，不再导致开发服务器卡顿和页面自动刷新。",
+  "changelog.0_6_0_1": "记忆：新增「一键优化记忆」，一次整合三个记忆文件。",
+  "changelog.0_6_0_2": "记忆：新增自动写入记忆所用模型的配置，及容量上限与超限策略设置。",
+  "changelog.0_6_0_3": "记忆：新增各记忆文件的容量进度条与优化实时进度。",
+  "changelog.0_6_0_4": "设置：移除 GitHub Copilot 配置板块。",
+  "changelog.0_5_0_1": "新增「模型测速」模块，替代原「官方用量查询」。",
+  "changelog.0_5_0_2": "测速支持一键获取模型（独立本地存储）与慢速模式防限流。",
+  "changelog.0_5_0_3": "提供商页隐藏内置供应商，精简界面。",
   // Subagents
   "subagents.summary": "{0} 个代理 · {1} 个流水线",

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

@@ -123,7 +123,21 @@ const zhTW: Record<string, string> = {
   "official_usage.no_result": "尚未取得額度資料",
   "official_usage.no_result_desc": "填寫官方用量介面與 API Key，儲存後會立即測試查詢並顯示額度。",
   "app.subtitle": "設定管理器",
-  "app.version": "pi-switch v0.1.0",
+  "app.version": "pi-switch v0.7.0",
+  "changelog.button": "更新日誌",
+  "changelog.title": "版本更新說明",
+  "changelog.0_7_0_1": "新增右下角浮動「使用說明」按鈕，彈窗含專案總覽與各板塊使用指引。",
+  "changelog.0_7_0_2": "新增「加入 Telegram 交流群」入口（側邊欄 + 使用說明彈窗）。",
+  "changelog.0_7_0_3": "新增本「版本更新說明」彈窗。",
+  "changelog.0_6_2_1": "子代理：支援在面板裡直接編輯自訂代理的模型和思考級別。",
+  "changelog.0_6_1_1": "修復：一鍵優化改用非同步進程，不再導致開發伺服器卡頓和頁面自動刷新。",
+  "changelog.0_6_0_1": "記憶：新增「一鍵優化記憶」，一次整合三個記憶檔。",
+  "changelog.0_6_0_2": "記憶：新增自動寫入記憶所用模型的設定，及容量上限與超限策略設置。",
+  "changelog.0_6_0_3": "記憶：新增各記憶檔的容量進度條與優化即時進度。",
+  "changelog.0_6_0_4": "設定：移除 GitHub Copilot 設定板塊。",
+  "changelog.0_5_0_1": "新增「模型測速」模組，替代原「官方用量查詢」。",
+  "changelog.0_5_0_2": "測速支援一鍵獲取模型（獨立本地儲存）與慢速模式防限流。",
+  "changelog.0_5_0_3": "提供商頁隱藏內建供應商，精簡介面。",
   // Subagents
   "subagents.summary": "{0} 個代理 · {1} 個流水線",