npm - @raingor/pi-web-switch - Versions diffs - 0.4.4 → 0.6.0 - Mend

@raingor/pi-web-switch 0.4.4 → 0.6.0

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 (10) hide show

package/dist/index.html +2 -2
package/package.json +1 -1
package/server/pi-reader.ts +262 -0
package/src/components/sessions/MemoryPage.tsx +292 -10
package/src/components/settings/SettingsPage.tsx +0 -72
package/src/lib/translations/en.ts +25 -0
package/src/lib/translations/ja.ts +25 -0
package/src/lib/translations/zh-CN.ts +25 -0
package/src/lib/translations/zh-TW.ts +25 -0
package/vite.config.ts +34 -0

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-H-GOgQ3d.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/main-CpBGy80y.css">
+    <script type="module" crossorigin src="./assets/main-CqkZxauO.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/main-DiEs78Xc.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.4.4",
+  "version": "0.6.0",
   "type": "module",
   "main": "dist/index.html",
   "description": "Web UI for pi coding agent — live configuration management, session browser, and memory viewer",

package/server/pi-reader.ts CHANGED Viewed

@@ -1633,6 +1633,268 @@ export function readSessionPreview(filePath: string, limit = 20): { messages: Se
 const MEMORY_FILENAMES = ["MEMORY.md", "USER.md", "failures.md"];
+// ─── Hermes Memory Config (auto-write model + optimize) ──
+// The pi-hermes-memory extension reads ~/.pi/agent/hermes-memory-config.json
+// to decide which model performs automatic memory writes and consolidation
+// (`llmModelOverride`, `llmThinkingOverride`) and how long a consolidation run
+// may take (`consolidationTimeoutMs`). We read/merge-write just those keys so
+// unrelated fields the extension may add later are preserved.
+const HERMES_MEMORY_CONFIG_PATH = join(PI_DIR, "hermes-memory-config.json");
+const HERMES_EXTENSION_ENTRY = join(
+  PI_DIR, "npm", "node_modules", "pi-hermes-memory", "src", "index.ts"
+);
+const THINKING_LEVELS = ["off", "minimal", "low", "medium", "high", "xhigh"] as const;
+type ThinkingLevel = (typeof THINKING_LEVELS)[number];
+const OVERFLOW_STRATEGIES = ["auto-consolidate", "reject", "fifo-evict"] as const;
+type OverflowStrategy = (typeof OVERFLOW_STRATEGIES)[number];
+// Mirror pi-hermes-memory's own defaults (src/constants.ts) so the panel shows
+// the same effective limits the extension enforces when the keys are unset.
+const DEFAULT_MEMORY_CHAR_LIMIT = 5000;
+const DEFAULT_USER_CHAR_LIMIT = 5000;
+export interface HermesMemoryConfig {
+  llmModelOverride?: string;
+  llmThinkingOverride?: ThinkingLevel;
+  consolidationTimeoutMs?: number;
+  memoryCharLimit?: number;
+  userCharLimit?: number;
+  memoryOverflowStrategy?: OverflowStrategy;
+}
+export function readHermesMemoryConfig(): HermesMemoryConfig {
+  try {
+    if (!existsSync(HERMES_MEMORY_CONFIG_PATH)) return {};
+    const parsed = JSON.parse(readFileSync(HERMES_MEMORY_CONFIG_PATH, "utf-8")) as Record<string, unknown>;
+    const out: HermesMemoryConfig = {};
+    if (typeof parsed.llmModelOverride === "string" && parsed.llmModelOverride.trim()) {
+      out.llmModelOverride = parsed.llmModelOverride.trim();
+    }
+    if (typeof parsed.llmThinkingOverride === "string" && (THINKING_LEVELS as readonly string[]).includes(parsed.llmThinkingOverride)) {
+      out.llmThinkingOverride = parsed.llmThinkingOverride as ThinkingLevel;
+    }
+    if (typeof parsed.consolidationTimeoutMs === "number" && Number.isFinite(parsed.consolidationTimeoutMs)) {
+      out.consolidationTimeoutMs = parsed.consolidationTimeoutMs;
+    }
+    if (typeof parsed.memoryCharLimit === "number" && Number.isFinite(parsed.memoryCharLimit) && parsed.memoryCharLimit > 0) {
+      out.memoryCharLimit = parsed.memoryCharLimit;
+    }
+    if (typeof parsed.userCharLimit === "number" && Number.isFinite(parsed.userCharLimit) && parsed.userCharLimit > 0) {
+      out.userCharLimit = parsed.userCharLimit;
+    }
+    if (typeof parsed.memoryOverflowStrategy === "string" && (OVERFLOW_STRATEGIES as readonly string[]).includes(parsed.memoryOverflowStrategy)) {
+      out.memoryOverflowStrategy = parsed.memoryOverflowStrategy as OverflowStrategy;
+    }
+    return out;
+  } catch {
+    return {};
+  }
+}
+/** Merge-write the auto-write model settings, preserving any other keys. */
+export function writeHermesMemoryConfig(patch: HermesMemoryConfig): boolean {
+  try {
+    let existing: Record<string, unknown> = {};
+    if (existsSync(HERMES_MEMORY_CONFIG_PATH)) {
+      try {
+        existing = JSON.parse(readFileSync(HERMES_MEMORY_CONFIG_PATH, "utf-8")) as Record<string, unknown>;
+      } catch {
+        existing = {};
+      }
+    }
+    // Empty string clears the override so the extension falls back to defaults.
+    if (patch.llmModelOverride !== undefined) {
+      const v = patch.llmModelOverride.trim();
+      if (v) existing.llmModelOverride = v;
+      else delete existing.llmModelOverride;
+    }
+    if (patch.llmThinkingOverride !== undefined) {
+      if ((THINKING_LEVELS as readonly string[]).includes(patch.llmThinkingOverride)) {
+        existing.llmThinkingOverride = patch.llmThinkingOverride;
+      }
+    }
+    if (patch.consolidationTimeoutMs !== undefined && Number.isFinite(patch.consolidationTimeoutMs)) {
+      existing.consolidationTimeoutMs = patch.consolidationTimeoutMs;
+    }
+    if (patch.memoryCharLimit !== undefined && Number.isFinite(patch.memoryCharLimit) && patch.memoryCharLimit > 0) {
+      existing.memoryCharLimit = patch.memoryCharLimit;
+    }
+    if (patch.userCharLimit !== undefined && Number.isFinite(patch.userCharLimit) && patch.userCharLimit > 0) {
+      existing.userCharLimit = patch.userCharLimit;
+    }
+    if (patch.memoryOverflowStrategy !== undefined && (OVERFLOW_STRATEGIES as readonly string[]).includes(patch.memoryOverflowStrategy)) {
+      existing.memoryOverflowStrategy = patch.memoryOverflowStrategy;
+    }
+    writeFileSync(HERMES_MEMORY_CONFIG_PATH, JSON.stringify(existing, null, 2), "utf-8");
+    return true;
+  } catch {
+    return false;
+  }
+}
+/**
+ * Lightweight capacity snapshot for the memory page. Reports per-target usage
+ * against the effective char limits the extension enforces (failure gets 2x the
+ * memory limit). The extension measures capacity in CHARACTERS, not bytes, so
+ * we read each file and use its character length — byte size (statSync) would
+ * over-count ~3x for CJK text and show false "over limit" bars.
+ */
+export function readMemoryStatus(): {
+  targets: { filename: string; target: "memory" | "user" | "failure"; chars: number; limit: number }[];
+} {
+  const cfg = readHermesMemoryConfig();
+  const memLimit = cfg.memoryCharLimit ?? DEFAULT_MEMORY_CHAR_LIMIT;
+  const userLimit = cfg.userCharLimit ?? DEFAULT_USER_CHAR_LIMIT;
+  const map: { filename: string; target: "memory" | "user" | "failure"; limit: number }[] = [
+    { filename: "MEMORY.md", target: "memory", limit: memLimit },
+    { filename: "USER.md", target: "user", limit: userLimit },
+    { filename: "failures.md", target: "failure", limit: memLimit * 2 },
+  ];
+  return {
+    targets: map.map(({ filename, target, limit }) => {
+      const p = join(HERMES_DIR, filename);
+      let chars = 0;
+      try {
+        chars = existsSync(p) ? readFileSync(p, "utf-8").length : 0;
+      } catch {
+        chars = 0;
+      }
+      return { filename, target, chars, limit };
+    }),
+  };
+}
+/** Resolve a usable `pi` binary: PI_BINARY env → PATH → known install dirs. */
+function resolvePiBin(): string | null {
+  const home = homedir();
+  const candidates = [
+    process.env.PI_BINARY,
+    "pi",
+    `${home}/.npm-global/bin/pi`,
+    `${home}/.local/share/pnpm/pi`,
+  ].filter(Boolean) as string[];
+  for (const bin of candidates) {
+    try {
+      const out = spawnSync(bin, ["--version"], { encoding: "utf8", timeout: 15000 });
+      if (out.status === 0 && out.stdout.trim()) return bin;
+    } catch {
+      // try next
+    }
+  }
+  // Fall back to `which pi`
+  try {
+    const which = spawnSync("which", ["pi"], { encoding: "utf8", timeout: 5000 });
+    if (which.status === 0 && which.stdout.trim()) return which.stdout.trim();
+  } catch {
+    // ignore
+  }
+  return null;
+}
+function memoryFileSizes(): Record<string, number> {
+  const sizes: Record<string, number> = {};
+  for (const name of MEMORY_FILENAMES) {
+    const p = join(HERMES_DIR, name);
+    try {
+      sizes[name] = existsSync(p) ? statSync(p).size : 0;
+    } catch {
+      sizes[name] = 0;
+    }
+  }
+  return sizes;
+}
+export interface OptimizeMemoryResult {
+  success: boolean;
+  before: Record<string, number>;
+  after: Record<string, number>;
+  freedBytes: number;
+  message?: string;
+}
+/**
+ * One-click memory optimization. Runs pi's `/memory-consolidate` command in a
+ * headless child process with the pi-hermes-memory extension loaded, using the
+ * configured auto-write model override. Reports the byte delta across the three
+ * memory files. Long-running (the command spawns an LLM turn), so the caller
+ * should surface a spinner.
+ */
+export async function optimizeMemory(): Promise<OptimizeMemoryResult> {
+  const before = memoryFileSizes();
+  const bin = resolvePiBin();
+  if (!bin) {
+    return { success: false, before, after: before, freedBytes: 0, message: "pi binary not found" };
+  }
+  if (!existsSync(HERMES_EXTENSION_ENTRY)) {
+    return { success: false, before, after: before, freedBytes: 0, message: "pi-hermes-memory extension not found" };
+  }
+  const cfg = readHermesMemoryConfig();
+  const args = ["-p", "--no-session", "-e", HERMES_EXTENSION_ENTRY];
+  if (cfg.llmModelOverride) args.push("--model", cfg.llmModelOverride);
+  args.push("--thinking", cfg.llmThinkingOverride ?? "off");
+  // Compute per-target capacity so the prompt can name the over-limit targets
+  // explicitly. Weak/free models are conservative and skip merging when told
+  // only "merge duplicates"; giving them a concrete goal ("USER is at 105%,
+  // get it under the limit") is what actually makes them shrink memory.
+  const status = readMemoryStatus();
+  const capacityLines = status.targets.map((tg) => {
+    const pct = tg.limit > 0 ? Math.round((tg.chars / tg.limit) * 100) : 0;
+    const over = tg.chars > tg.limit;
+    return `- target "${tg.target}" (${tg.filename}): ${tg.chars}/${tg.limit} chars (${pct}%)${over ? " — OVER LIMIT, must shrink below the limit" : ""}`;
+  });
+  const overTargets = status.targets.filter((tg) => tg.chars > tg.limit).map((tg) => `"${tg.target}"`);
+  // Direct consolidation prompt rather than the /memory-consolidate slash
+  // command: the slash command spawns a *nested* child pi process per target
+  // (memory/user/failure/project), which routinely runs for 10+ minutes.
+  // Driving the memory tools directly in this single child is far faster.
+  args.push(
+    [
+      "Consolidate my long-term memory to reduce redundancy WITHOUT losing important facts.",
+      "Current capacity per target:",
+      ...capacityLines,
+      overTargets.length > 0
+        ? `The following targets are OVER their limit and MUST be reduced below it: ${overTargets.join(", ")}. This is the primary goal — you must actually remove or merge entries so each over-limit target ends up under its char limit.`
+        : "No target is over its limit; still merge any obvious duplicates and drop clearly stale entries.",
+      "For EACH target: call memory_search (with an empty or broad query) to list its current entries, then use memory_remove to drop outdated/superseded/duplicate entries and memory_replace/memory_add to merge related entries into fewer, more concise ones.",
+      "Always preserve user preferences and explicit corrections (highest priority). Prefer merging several similar entries into one tight entry over deleting unique facts.",
+      "Do not stop until every over-limit target is under its limit. When finished, reply with a one-line summary of what changed per target.",
+    ].join("\n")
+  );
+  const timeoutMs = cfg.consolidationTimeoutMs && cfg.consolidationTimeoutMs > 0
+    ? cfg.consolidationTimeoutMs
+    : 600000;
+  try {
+    const out = spawnSync(bin, args, {
+      encoding: "utf8",
+      timeout: timeoutMs,
+      maxBuffer: 1024 * 1024 * 8,
+    });
+    const after = memoryFileSizes();
+    const freedBytes = Object.values(before).reduce((a, b) => a + b, 0)
+      - Object.values(after).reduce((a, b) => a + b, 0);
+    if (out.error) {
+      const killed = (out.error as NodeJS.ErrnoException).code === "ETIMEDOUT";
+      return {
+        success: false,
+        before,
+        after,
+        freedBytes,
+        message: killed ? `consolidation timed out after ${Math.round(timeoutMs / 1000)}s` : String(out.error.message),
+      };
+    }
+    return { success: out.status === 0, before, after, freedBytes, message: out.status === 0 ? undefined : `exit ${out.status}` };
+  } catch (e) {
+    const after = memoryFileSizes();
+    return { success: false, before, after, freedBytes: 0, message: e instanceof Error ? e.message : String(e) };
+  }
+}
 /** Strip the trailing `<!-- created=..., last=... -->` marker from a § section. */
 function sectionText(section: string): string {
   return section.replace(/<!--\s*created\s*=[^>]*-->\s*$/, "").trim();

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

@@ -16,6 +16,8 @@ import {
   Trash2,
   ChevronDown,
   ChevronRight,
+  Sparkles,
+  Settings2,
 } from "lucide-react";
 interface MemoryFile {
@@ -370,7 +372,7 @@ function MemoryFileSection({
 export function MemoryPage() {
   const { t } = useTranslation();
-  const { initialized } = useConfigStore();
+  const { initialized, allModels } = useConfigStore();
   const [files, setFiles] = useState<MemoryFile[]>([]);
   const [loading, setLoading] = useState(true);
   const [refreshing, setRefreshing] = useState(false);
@@ -379,6 +381,28 @@ export function MemoryPage() {
   const [deleteTarget, setDeleteTarget] = useState<{ filename: string; entry: MemoryEntry } | null>(null);
   const [deleting, setDeleting] = useState(false);
+  // One-click optimize (memory consolidation)
+  const [optimizing, setOptimizing] = useState(false);
+  const [optimizeMsg, setOptimizeMsg] = useState<{ ok: boolean; text: string } | null>(null);
+  const [optimizeElapsed, setOptimizeElapsed] = useState(0);
+  // Auto-write memory model config
+  const [showConfig, setShowConfig] = useState(false);
+  const [cfg, setCfg] = useState<{ llmModelOverride: string; llmThinkingOverride: string; consolidationTimeoutMs: number; memoryCharLimit: number; userCharLimit: number; memoryOverflowStrategy: string }>(
+    { llmModelOverride: "", llmThinkingOverride: "off", consolidationTimeoutMs: 600000, memoryCharLimit: 5000, userCharLimit: 5000, memoryOverflowStrategy: "auto-consolidate" }
+  );
+  const [cfgSaving, setCfgSaving] = useState(false);
+  const [cfgMsg, setCfgMsg] = useState<{ ok: boolean; text: string } | null>(null);
+  // Capacity status (per-target chars vs limit) for progress bars
+  const [status, setStatus] = useState<{ filename: string; target: string; chars: number; limit: number }[]>([]);
+  const loadStatus = useCallback(() => {
+    fetch("/api/pi/memory/status")
+      .then((r) => r.json())
+      .then((s: { targets?: { filename: string; target: string; chars: number; limit: number }[] }) => setStatus(s.targets ?? []))
+      .catch(() => {});
+  }, []);
   const loadAll = useCallback(() => {
     if (!initialized) return;
     setRefreshing(true);
@@ -396,6 +420,86 @@ export function MemoryPage() {
   }, [initialized]);
   useEffect(() => { loadAll(); }, [loadAll]);
+  useEffect(() => { loadStatus(); }, [loadStatus]);
+  // Load the hermes auto-write model config once.
+  useEffect(() => {
+    fetch("/api/pi/memory/config")
+      .then((r) => r.json())
+      .then((c: { llmModelOverride?: string; llmThinkingOverride?: string; consolidationTimeoutMs?: number; memoryCharLimit?: number; userCharLimit?: number; memoryOverflowStrategy?: string }) =>
+        setCfg({
+          llmModelOverride: c.llmModelOverride ?? "",
+          llmThinkingOverride: c.llmThinkingOverride ?? "off",
+          consolidationTimeoutMs: c.consolidationTimeoutMs ?? 600000,
+          memoryCharLimit: c.memoryCharLimit ?? 5000,
+          userCharLimit: c.userCharLimit ?? 5000,
+          memoryOverflowStrategy: c.memoryOverflowStrategy ?? "auto-consolidate",
+        })
+      )
+      .catch(() => {});
+  }, []);
+  const formatBytes = (n: number) => {
+    const abs = Math.abs(n);
+    if (abs >= 1024) return `${(n / 1024).toFixed(1)} KB`;
+    return `${n} B`;
+  };
+  const handleOptimize = async () => {
+    setOptimizing(true);
+    setOptimizeMsg(null);
+    setOptimizeElapsed(0);
+    // While the consolidation child runs, poll capacity + elapsed so the user
+    // sees the bars move and a running timer instead of a frozen spinner.
+    const startedAt = Date.now();
+    const timer = window.setInterval(() => {
+      setOptimizeElapsed(Math.round((Date.now() - startedAt) / 1000));
+      loadStatus();
+    }, 2000);
+    try {
+      const res = await fetch("/api/pi/memory/optimize", { method: "POST" });
+      const result = (await res.json()) as { success: boolean; freedBytes?: number; message?: string };
+      if (result.success) {
+        const freed = result.freedBytes ?? 0;
+        setOptimizeMsg({ ok: true, text: freed > 0 ? t("memory.optimize_done", formatBytes(freed)) : t("memory.optimize_none") });
+        loadAll();
+        loadStatus();
+      } else {
+        setOptimizeMsg({ ok: false, text: t("memory.optimize_failed", result.message ?? "") });
+      }
+    } catch (e) {
+      setOptimizeMsg({ ok: false, text: t("memory.optimize_failed", e instanceof Error ? e.message : "") });
+    } finally {
+      window.clearInterval(timer);
+      setOptimizing(false);
+    }
+  };
+  const handleSaveConfig = async () => {
+    setCfgSaving(true);
+    setCfgMsg(null);
+    try {
+      const res = await fetch("/api/pi/memory/config", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          llmModelOverride: cfg.llmModelOverride.trim(),
+          llmThinkingOverride: cfg.llmThinkingOverride,
+          consolidationTimeoutMs: cfg.consolidationTimeoutMs,
+          memoryCharLimit: cfg.memoryCharLimit,
+          userCharLimit: cfg.userCharLimit,
+          memoryOverflowStrategy: cfg.memoryOverflowStrategy,
+        }),
+      });
+      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();
+    } catch {
+      setCfgMsg({ ok: false, text: t("memory.config_save_failed") });
+    } finally {
+      setCfgSaving(false);
+    }
+  };
   const handleDelete = async () => {
     if (!deleteTarget) return;
@@ -472,17 +576,78 @@ export function MemoryPage() {
             {t("memory.summary", String(totalEntries), String(parsed.length))}
           </p>
         </div>
-        <button
-          onClick={loadAll}
-          className="flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors"
-          style={{ borderColor: "var(--card-border)", color: "var(--muted-text)", backgroundColor: "var(--card-bg)" }}
-          title={t("memory.refresh")}
-        >
-          <RefreshCw className={refreshing ? "h-3.5 w-3.5 animate-spin" : "h-3.5 w-3.5"} />
-          {t("memory.refresh")}
-        </button>
+        <div className="flex items-center gap-2">
+          <button
+            onClick={handleOptimize}
+            disabled={optimizing || parsed.length === 0}
+            className="flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors disabled:opacity-50"
+            style={{ borderColor: "var(--card-border)", color: "var(--muted-text)", backgroundColor: "var(--card-bg)" }}
+            title={t("memory.optimize_hint")}
+          >
+            <Sparkles className={optimizing ? "h-3.5 w-3.5 animate-pulse" : "h-3.5 w-3.5"} />
+            {optimizing ? t("memory.optimizing") : t("memory.optimize")}
+          </button>
+          <button
+            onClick={() => { setCfgMsg(null); setShowConfig(true); }}
+            className="flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors"
+            style={{ borderColor: "var(--card-border)", color: "var(--muted-text)", backgroundColor: "var(--card-bg)" }}
+            title={t("memory.config")}
+          >
+            <Settings2 className="h-3.5 w-3.5" />
+            {t("memory.config")}
+          </button>
+          <button
+            onClick={loadAll}
+            className="flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-xs font-medium transition-colors"
+            style={{ borderColor: "var(--card-border)", color: "var(--muted-text)", backgroundColor: "var(--card-bg)" }}
+            title={t("memory.refresh")}
+          >
+            <RefreshCw className={refreshing ? "h-3.5 w-3.5 animate-spin" : "h-3.5 w-3.5"} />
+            {t("memory.refresh")}
+          </button>
+        </div>
       </div>
+      {(optimizing || optimizeMsg || status.length > 0) && (
+        <div className="tech-panel space-y-3 rounded-xl border px-4 py-3" style={{ borderColor: "var(--card-border)", backgroundColor: "var(--card-bg)" }}>
+          {/* Per-target capacity bars */}
+          <div className="space-y-2">
+            {status.map((s) => {
+              const pct = s.limit > 0 ? Math.min(100, Math.round((s.chars / s.limit) * 100)) : 0;
+              const over = s.chars > s.limit;
+              const barColor = over ? "#ef4444" : pct > 80 ? "#f59e0b" : "#10b981";
+              const label = FILE_LABEL_KEYS[s.filename] ? t(FILE_LABEL_KEYS[s.filename]!) : s.filename;
+              return (
+                <div key={s.filename}>
+                  <div className="mb-1 flex items-center justify-between text-[11px]" style={{ color: "var(--muted-text)" }}>
+                    <span>{label} <span style={{ color: "var(--subtle-text)" }}>· {s.filename}</span></span>
+                    <span style={{ color: over ? "#ef4444" : "var(--muted-text)" }}>
+                      {s.chars} / {s.limit} ({pct}%)
+                    </span>
+                  </div>
+                  <div className="h-2 w-full overflow-hidden rounded-full" style={{ backgroundColor: "var(--page-bg)" }}>
+                    <div className="h-full rounded-full transition-all duration-500" style={{ width: `${pct}%`, backgroundColor: barColor }} />
+                  </div>
+                </div>
+              );
+            })}
+          </div>
+          {/* Optimize progress / result line */}
+          {optimizing && (
+            <div className="flex items-center gap-2 text-xs" style={{ color: "var(--muted-text)" }}>
+              <div className="h-3.5 w-3.5 animate-spin rounded-full border-2 border-gray-500 border-t-transparent" />
+              <span>{t("memory.optimizing")} · {optimizeElapsed}s</span>
+            </div>
+          )}
+          {!optimizing && optimizeMsg && (
+            <div className="text-xs" style={{ color: optimizeMsg.ok ? "#10b981" : "#ef4444" }}>
+              {optimizeMsg.text}
+            </div>
+          )}
+        </div>
+      )}
       {parsed.length === 0 ? (
         <div className="memory-empty-state">
           <div className="memory-empty-radar"><Brain className="h-7 w-7" /></div>
@@ -548,6 +713,123 @@ export function MemoryPage() {
         </>
       )}
+      {/* Auto-write memory model config */}
+      <Modal
+        open={showConfig}
+        onClose={() => !cfgSaving && setShowConfig(false)}
+        title={t("memory.config_title")}
+        size="md"
+      >
+        <div className="space-y-4">
+          <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"
+              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>
+              ))}
+            </datalist>
+          </div>
+          <div className="flex gap-3">
+            <div className="flex-1">
+              <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_thinking")}</label>
+              <select
+                value={cfg.llmThinkingOverride}
+                onChange={(e) => setCfg({ ...cfg, llmThinkingOverride: e.target.value })}
+                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)" }}
+              >
+                {["off", "minimal", "low", "medium", "high", "xhigh"].map((lvl) => (
+                  <option key={lvl} value={lvl}>{lvl}</option>
+                ))}
+              </select>
+            </div>
+            <div className="flex-1">
+              <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_timeout")}</label>
+              <input
+                type="number"
+                min={60}
+                value={Math.round(cfg.consolidationTimeoutMs / 1000)}
+                onChange={(e) => setCfg({ ...cfg, consolidationTimeoutMs: Math.max(60, Number(e.target.value) || 0) * 1000 })}
+                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)" }}
+              />
+            </div>
+          </div>
+          {/* Capacity limits */}
+          <div className="flex gap-3">
+            <div className="flex-1">
+              <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_mem_limit")}</label>
+              <input
+                type="number"
+                min={1000}
+                step={500}
+                value={cfg.memoryCharLimit}
+                onChange={(e) => setCfg({ ...cfg, memoryCharLimit: Math.max(1000, Number(e.target.value) || 0) })}
+                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)" }}
+              />
+              <p className="mt-1 text-[10px]" style={{ color: "var(--subtle-text)" }}>{t("memory.config_mem_limit_hint", String(cfg.memoryCharLimit * 2))}</p>
+            </div>
+            <div className="flex-1">
+              <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_user_limit")}</label>
+              <input
+                type="number"
+                min={1000}
+                step={500}
+                value={cfg.userCharLimit}
+                onChange={(e) => setCfg({ ...cfg, userCharLimit: Math.max(1000, Number(e.target.value) || 0) })}
+                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)" }}
+              />
+            </div>
+          </div>
+          <div>
+            <label className="mb-1 block text-xs" style={{ color: "var(--muted-text)" }}>{t("memory.config_overflow")}</label>
+            <select
+              value={cfg.memoryOverflowStrategy}
+              onChange={(e) => setCfg({ ...cfg, memoryOverflowStrategy: e.target.value })}
+              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)" }}
+            >
+              <option value="auto-consolidate">{t("memory.config_overflow_auto")}</option>
+              <option value="reject">{t("memory.config_overflow_reject")}</option>
+              <option value="fifo-evict">{t("memory.config_overflow_fifo")}</option>
+            </select>
+          </div>
+          <div className="flex items-center justify-end gap-3">
+            {cfgMsg && (
+              <span className="text-xs" style={{ color: cfgMsg.ok ? "#10b981" : "#ef4444" }}>{cfgMsg.text}</span>
+            )}
+            <button
+              onClick={() => setShowConfig(false)}
+              disabled={cfgSaving}
+              className="rounded-lg border px-4 py-2 text-sm"
+              style={{ borderColor: "var(--card-border)", color: "var(--muted-text)" }}
+            >
+              {t("memory.config_cancel")}
+            </button>
+            <button
+              onClick={handleSaveConfig}
+              disabled={cfgSaving}
+              className="rounded-lg px-4 py-2 text-sm font-medium text-white disabled:opacity-50"
+              style={{ backgroundColor: "#2563eb" }}
+            >
+              {cfgSaving ? t("memory.config_saving") : t("memory.config_save")}
+            </button>
+          </div>
+        </div>
+      </Modal>
       {/* Delete entry confirm */}
       <Modal
         open={deleteTarget !== null}

package/src/components/settings/SettingsPage.tsx CHANGED Viewed

@@ -27,7 +27,6 @@ import {
   CloudDownload,
   RefreshCw,
   ZoomIn,
-  KeyRound,
 } from "lucide-react";
 type SettingsTab = "appearance" | "models" | "advanced";
@@ -117,37 +116,6 @@ 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);
@@ -600,46 +568,6 @@ 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/lib/translations/en.ts CHANGED Viewed

@@ -365,6 +365,31 @@ const en: Record<string, string> = {
   "memory.channels": "Memory Channels",
   "memory.knowledge_synced": "Knowledge Base // Synced",
   "memory.files_indexed_detail": "{0} files · {1} memories",
+  "memory.optimize": "Optimize Memory",
+  "memory.optimizing": "Optimizing…",
+  "memory.optimize_done": "Optimized · freed {0}",
+  "memory.optimize_none": "Optimized · nothing to trim",
+  "memory.optimize_failed": "Optimize failed: {0}",
+  "memory.optimize_hint": "Runs pi's memory consolidation to merge duplicates and drop stale entries",
+  "memory.config": "Memory Model",
+  "memory.config_title": "Model for automatic memory writes",
+  "memory.config_desc": "Automatic memory writes and consolidation run on this model (blank = default)",
+  "memory.config_model": "Model",
+  "memory.config_model_default": "(default / unset)",
+  "memory.config_thinking": "Thinking level",
+  "memory.config_timeout": "Consolidation timeout (s)",
+  "memory.config_save": "Save",
+  "memory.config_saving": "Saving…",
+  "memory.config_saved": "Saved",
+  "memory.config_save_failed": "Save failed",
+  "memory.config_cancel": "Cancel",
+  "memory.config_mem_limit": "Project memory limit (chars)",
+  "memory.config_mem_limit_hint": "Failure records get 2x: {0}",
+  "memory.config_user_limit": "User profile limit (chars)",
+  "memory.config_overflow": "Overflow strategy",
+  "memory.config_overflow_auto": "Auto-consolidate (recommended)",
+  "memory.config_overflow_reject": "Reject writes",
+  "memory.config_overflow_fifo": "Evict oldest",
   "common.today": "Today",
   "common.yesterday": "Yesterday",

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

@@ -358,6 +358,31 @@ const ja: Record<string, string> = {
   "memory.channels": "メモリーチャンネル",
   "memory.knowledge_synced": "ナレッジベース // 同期済み",
   "memory.files_indexed_detail": "{0} ファイル · {1} メモリー",
+  "memory.optimize": "メモリを最適化",
+  "memory.optimizing": "最適化中…",
+  "memory.optimize_done": "最適化完了 · {0} 解放",
+  "memory.optimize_none": "最適化完了 · 整理不要",
+  "memory.optimize_failed": "最適化失敗：{0}",
+  "memory.optimize_hint": "pi のメモリ統合を実行し、重複の統合と古い項目の削除を行います",
+  "memory.config": "メモリモデル設定",
+  "memory.config_title": "自動メモリ書き込みに使うモデル",
+  "memory.config_desc": "自動メモリ書き込みと統合はこのモデルで実行されます（空欄なら既定）",
+  "memory.config_model": "モデル",
+  "memory.config_model_default": "（既定 / 未指定）",
+  "memory.config_thinking": "思考レベル",
+  "memory.config_timeout": "統合タイムアウト（秒）",
+  "memory.config_save": "保存",
+  "memory.config_saving": "保存中…",
+  "memory.config_saved": "保存しました",
+  "memory.config_save_failed": "保存に失敗",
+  "memory.config_cancel": "キャンセル",
+  "memory.config_mem_limit": "プロジェクト記憶上限（文字）",
+  "memory.config_mem_limit_hint": "障害記録は2倍：{0}",
+  "memory.config_user_limit": "ユーザープロファイル上限（文字）",
+  "memory.config_overflow": "上限超過時の戦略",
+  "memory.config_overflow_auto": "自動統合（推奨）",
+  "memory.config_overflow_reject": "書き込み拒否",
+  "memory.config_overflow_fifo": "最古を削除",
   "common.today": "今日",
   "common.yesterday": "昨日",

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

@@ -358,6 +358,31 @@ const zhCN: Record<string, string> = {
   "memory.channels": "记忆频道",
   "memory.knowledge_synced": "知识库 // 已同步",
   "memory.files_indexed_detail": "{0} 个文件 · {1} 条记忆",
+  "memory.optimize": "一键优化记忆",
+  "memory.optimizing": "优化中…",
+  "memory.optimize_done": "优化完成 · 释放 {0}",
+  "memory.optimize_none": "优化完成 · 无需精简",
+  "memory.optimize_failed": "优化失败：{0}",
+  "memory.optimize_hint": "调用 pi 的记忆整合，合并重复条目、清理过时记忆",
+  "memory.config": "记忆模型配置",
+  "memory.config_title": "自动写入记忆所用模型",
+  "memory.config_desc": "自动记忆写入与整合由该模型执行（留空则用默认）",
+  "memory.config_model": "模型",
+  "memory.config_model_default": "（默认 / 不指定）",
+  "memory.config_thinking": "思考等级",
+  "memory.config_timeout": "整合超时（秒）",
+  "memory.config_save": "保存",
+  "memory.config_saving": "保存中…",
+  "memory.config_saved": "已保存",
+  "memory.config_save_failed": "保存失败",
+  "memory.config_cancel": "取消",
+  "memory.config_mem_limit": "项目记忆上限（字符）",
+  "memory.config_mem_limit_hint": "故障记录上限为其 2 倍：{0}",
+  "memory.config_user_limit": "用户画像上限（字符）",
+  "memory.config_overflow": "超限策略",
+  "memory.config_overflow_auto": "自动整合（推荐）",
+  "memory.config_overflow_reject": "拒绝写入",
+  "memory.config_overflow_fifo": "淘汰最旧",
   "common.today": "今天",
   "common.yesterday": "昨天",

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

@@ -357,6 +357,31 @@ const zhTW: Record<string, string> = {
   "memory.channels": "記憶頻道",
   "memory.knowledge_synced": "知識庫 // 已同步",
   "memory.files_indexed_detail": "{0} 個檔案 · {1} 條記憶",
+  "memory.optimize": "一鍵優化記憶",
+  "memory.optimizing": "優化中…",
+  "memory.optimize_done": "優化完成 · 釋放 {0}",
+  "memory.optimize_none": "優化完成 · 無需精簡",
+  "memory.optimize_failed": "優化失敗：{0}",
+  "memory.optimize_hint": "呼叫 pi 的記憶整合，合併重複條目、清理過時記憶",
+  "memory.config": "記憶模型設定",
+  "memory.config_title": "自動寫入記憶所用模型",
+  "memory.config_desc": "自動記憶寫入與整合由該模型執行（留空則用預設）",
+  "memory.config_model": "模型",
+  "memory.config_model_default": "（預設 / 不指定）",
+  "memory.config_thinking": "思考等級",
+  "memory.config_timeout": "整合逾時（秒）",
+  "memory.config_save": "儲存",
+  "memory.config_saving": "儲存中…",
+  "memory.config_saved": "已儲存",
+  "memory.config_save_failed": "儲存失敗",
+  "memory.config_cancel": "取消",
+  "memory.config_mem_limit": "專案記憶上限（字元）",
+  "memory.config_mem_limit_hint": "故障記錄上限為其 2 倍：{0}",
+  "memory.config_user_limit": "使用者畫像上限（字元）",
+  "memory.config_overflow": "超限策略",
+  "memory.config_overflow_auto": "自動整合（推薦）",
+  "memory.config_overflow_reject": "拒絕寫入",
+  "memory.config_overflow_fifo": "淘汰最舊",
   "common.today": "今天",
   "common.yesterday": "昨天",

package/vite.config.ts CHANGED Viewed

@@ -148,6 +148,40 @@ function piApiPlugin(): Plugin {
           res.setHeader("Content-Type", "application/json");
           res.end(JSON.stringify(data));
         },
+        "GET /api/pi/memory/config"(_, res) {
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify(pi.readHermesMemoryConfig() ?? {}));
+        },
+        "GET /api/pi/memory/status"(_, res) {
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify(pi.readMemoryStatus()));
+        },
+        "POST /api/pi/memory/config"(req, res) {
+          let body = "";
+          req.on("data", (chunk: string) => (body += chunk));
+          req.on("end", () => {
+            try {
+              const patch = JSON.parse(body);
+              const ok = pi.writeHermesMemoryConfig(patch);
+              res.setHeader("Content-Type", "application/json");
+              res.end(JSON.stringify({ success: ok }));
+            } catch {
+              res.statusCode = 400;
+              res.setHeader("Content-Type", "application/json");
+              res.end(JSON.stringify({ success: false, error: "Invalid request body" }));
+            }
+          });
+        },
+        "POST /api/pi/memory/optimize"(_, res) {
+          pi.optimizeMemory().then((result: unknown) => {
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify(result));
+          }).catch((error: unknown) => {
+            res.statusCode = 500;
+            res.setHeader("Content-Type", "application/json");
+            res.end(JSON.stringify({ success: false, error: error instanceof Error ? error.message : "Optimize failed" }));
+          });
+        },
         "POST /api/pi/memory/delete-entry"(req, res) {
           let body = "";
           req.on("data", (chunk: string) => (body += chunk));