@geminilight/mindos 0.6.38 → 0.6.40

package/_standalone/components/settings/UninstallTab.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { Trash2, AlertTriangle, CheckCircle2, Loader2, ShieldCheck } from 'lucide-react';
 import { apiFetch } from '@/lib/api';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 import { SettingCard } from './Primitives';
 
 type Phase = 'idle' | 'confirming' | 'running' | 'success' | 'error';

package/_standalone/components/settings/UpdateTab.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { Download, RefreshCw, CheckCircle2, AlertCircle, Loader2, ExternalLink, Circle, Monitor } from 'lucide-react';
 import { apiFetch, ApiError } from '@/lib/api';
-import { useLocale } from '@/lib/LocaleContext';
+import { useLocale } from '@/lib/stores/locale-store';
 
 interface MindosDesktopBridge {
   checkUpdate: () => Promise<{ available: boolean; version?: string }>;
@@ -12,7 +12,19 @@ interface MindosDesktopBridge {
   onUpdateProgress?: (cb: (progress: { percent: number }) => void) => () => void;
   onUpdateReady?: (cb: () => void) => () => void;
   onUpdateError?: (cb: (info: { message?: string }) => void) => () => void;
-  getAppInfo?: () => Promise<{ version?: string }>;
+  getAppInfo?: () => Promise<{ version?: string; mode?: string }>;
+  // Core Hot Update
+  checkCoreUpdate?: () => Promise<{
+    available: boolean; currentVersion: string; latestVersion: string;
+    urls: string[]; size: number; sha256: string;
+    minDesktopVersion: string; desktopTooOld: boolean;
+  }>;
+  downloadCoreUpdate?: (urls: string[], version: string, size: number, sha256: string) => Promise<void>;
+  cancelCoreDownload?: () => Promise<void>;
+  applyCoreUpdate?: () => Promise<{ ok: boolean; version?: string }>;
+  getCoreUpdatePending?: () => Promise<{ version: string | null }>;
+  onCoreUpdateProgress?: (cb: (progress: { percent: number; transferred: number; total: number }) => void) => () => void;
+  onCoreUpdateAvailable?: (cb: (info: { current: string; latest: string; ready?: boolean }) => void) => () => void;
 }
 
 function getDesktopBridge(): MindosDesktopBridge | null {
@@ -44,7 +56,7 @@ type UpdateState = 'idle' | 'checking' | 'updating' | 'updated' | 'error' | 'tim
 
 const CHANGELOG_URL = 'https://github.com/GeminiLight/MindOS/releases';
 const POLL_INTERVAL = 3_000;
-const POLL_TIMEOUT = 5 * 60 * 1000; // 5 minutes
+const POLL_TIMEOUT = 15 * 60 * 1000; // 15 minutes — legacy fallback build can take 10min+ on slow machines
 const UPDATE_STATE_KEY = 'mindos_update_in_progress';
 
 const STAGE_LABELS: Record<string, { en: string; zh: string }> = {
@@ -67,8 +79,262 @@ function StageIcon({ status }: { status: string }) {
   }
 }
 
-/** Desktop (Electron) update: uses electron-updater via preload IPC bridge */
-function DesktopUpdateTab() {
+/** Format bytes to human-readable */
+function formatSize(bytes: number): string {
+  if (bytes < 1024 * 1024) return `${Math.round(bytes / 1024)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+/** Desktop Core update card — downloads runtime packages, restarts services only */
+function DesktopCoreCard() {
+  const { t } = useLocale();
+  const u = t.settings.update;
+  const bridge = getDesktopBridge()!;
+
+  type CoreState = 'idle' | 'checking' | 'available' | 'downloading' | 'cancelling' | 'ready' | 'applying' | 'error' | 'desktopTooOld';
+  const [state, setState] = useState<CoreState>('idle');
+  const [currentVersion, setCurrentVersion] = useState('');
+  const [latestVersion, setLatestVersion] = useState('');
+  const [updateInfo, setUpdateInfo] = useState<{
+    urls: string[]; size: number; sha256: string;
+  } | null>(null);
+  const [progress, setProgress] = useState(0);
+  const [errorMsg, setErrorMsg] = useState('');
+  const [minDesktopVersion, setMinDesktopVersion] = useState('');
+
+  useEffect(() => {
+    // Always fetch current version first
+    const init = async () => {
+      // Get current Core version via a check call (also probes for updates)
+      try {
+        const info = await bridge.checkCoreUpdate?.();
+        if (info) setCurrentVersion(info.currentVersion);
+      } catch { /* ignore */ }
+
+      // Check for pending download (from previous session)
+      try {
+        const r = await bridge.getCoreUpdatePending?.();
+        if (r?.version) {
+          setLatestVersion(r.version);
+          setState('ready');
+          return;
+        }
+      } catch { /* ignore */ }
+
+      // Otherwise do a full remote check
+      handleCheck();
+    };
+    init();
+
+    const cleanups: Array<() => void> = [];
+    if (bridge.onCoreUpdateProgress) {
+      cleanups.push(bridge.onCoreUpdateProgress((p) => setProgress(Math.round(p.percent))));
+    }
+    if (bridge.onCoreUpdateAvailable) {
+      cleanups.push(bridge.onCoreUpdateAvailable((info) => {
+        setCurrentVersion(info.current);
+        setLatestVersion(info.latest);
+        setState(info.ready ? 'ready' : 'available');
+      }));
+    }
+    return () => cleanups.forEach((fn) => fn());
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  const handleCheck = async () => {
+    if (!bridge.checkCoreUpdate) return;
+    setState('checking');
+    setErrorMsg('');
+    try {
+      const info = await bridge.checkCoreUpdate();
+      setCurrentVersion(info.currentVersion);
+      if (info.desktopTooOld) {
+        setLatestVersion(info.latestVersion);
+        setMinDesktopVersion(info.minDesktopVersion);
+        setState('desktopTooOld');
+      } else if (info.available) {
+        setLatestVersion(info.latestVersion);
+        setUpdateInfo({ urls: info.urls, size: info.size, sha256: info.sha256 });
+        setState('available');
+      } else {
+        setState('idle');
+      }
+    } catch {
+      setState('idle'); // Silent — can't reach CDN, not an error
+    }
+  };
+
+  const handleDownload = async () => {
+    if (!bridge.downloadCoreUpdate || !updateInfo) return;
+    setState('downloading');
+    setProgress(0);
+    try {
+      await bridge.downloadCoreUpdate(updateInfo.urls, latestVersion, updateInfo.size, updateInfo.sha256);
+      setState('ready');
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      if (msg.includes('aborted')) {
+        // User cancelled — go back to available
+        setState('available');
+      } else {
+        setState('error');
+        setErrorMsg(msg || 'Download failed');
+      }
+    }
+  };
+
+  const handleCancel = () => {
+    bridge.cancelCoreDownload?.();
+    // Don't immediately go to 'available' — the download IPC will reject with 'aborted',
+    // and the catch in handleDownload will set state to 'error'. We set 'cancelling' to
+    // block re-entry, and handleDownload's catch will detect the abort and go to 'available'.
+    setState('cancelling');
+  };
+
+  const handleApply = async () => {
+    if (!bridge.applyCoreUpdate) return;
+    setState('applying');
+    try {
+      const result = await bridge.applyCoreUpdate();
+      if (result?.version) setCurrentVersion(result.version);
+      setState('idle');
+      // Page will be reloaded by main process
+    } catch (err) {
+      setState('error');
+      setErrorMsg(err instanceof Error ? err.message : 'Apply failed');
+    }
+  };
+
+  // Don't show if no Core update bridge available
+  if (!bridge.checkCoreUpdate) return null;
+
+  return (
+    <div className="rounded-xl border border-border bg-card p-4 space-y-3">
+      <div className="flex items-center justify-between">
+        <span className="text-sm font-medium text-foreground">{u?.coreTitle ?? 'MindOS Core'}</span>
+        {currentVersion && <span className="text-xs font-mono text-muted-foreground">v{currentVersion}</span>}
+      </div>
+
+      {state === 'checking' && (
+        <div className="flex items-center gap-2 text-xs text-muted-foreground">
+          <Loader2 size={13} className="animate-spin" />
+          {u?.checking ?? 'Checking for updates...'}
+        </div>
+      )}
+
+      {state === 'idle' && (
+        <div className="flex items-center gap-2 text-xs text-success">
+          <CheckCircle2 size={13} />
+          {u?.coreUpToDate ?? 'Core is up to date'}
+        </div>
+      )}
+
+      {state === 'available' && (
+        <div className="flex items-center gap-2 text-xs text-[var(--amber-text)]">
+          <Download size={13} />
+          v{latestVersion} {u?.coreAvailable ? u.coreAvailable(formatSize(updateInfo?.size ?? 0)) : `available (${formatSize(updateInfo?.size ?? 0)})`}
+        </div>
+      )}
+
+      {(state === 'downloading' || state === 'cancelling') && (
+        <div className="space-y-2">
+          <div className="flex items-center justify-between text-xs">
+            <div className="flex items-center gap-2 text-foreground">
+              <Loader2 size={13} className="animate-spin text-[var(--amber)]" />
+              {state === 'cancelling'
+                ? (u?.coreCancel ?? 'Cancelling...')
+                : <>{ u?.coreDownloading ?? 'Downloading...'} v{latestVersion}</>}
+            </div>
+            {state === 'downloading' && (
+              <button onClick={handleCancel} className="text-muted-foreground hover:text-foreground transition-colors">
+                {u?.coreCancel ?? 'Cancel'}
+              </button>
+            )}
+          </div>
+          <div className="h-1 rounded-full bg-muted overflow-hidden">
+            <div className="h-full rounded-full bg-[var(--amber)] transition-all duration-300"
+              style={{ width: `${Math.max(progress, 3)}%` }} />
+          </div>
+        </div>
+      )}
+
+      {state === 'ready' && (
+        <div className="flex items-center gap-2 text-xs text-success">
+          <CheckCircle2 size={13} />
+          v{latestVersion} {u?.coreReady ?? 'ready — restart services to apply'}
+        </div>
+      )}
+
+      {state === 'applying' && (
+        <div className="flex items-center gap-2 text-xs text-muted-foreground">
+          <Loader2 size={13} className="animate-spin text-[var(--amber)]" />
+          {u?.coreApplying ?? 'Applying update...'}
+        </div>
+      )}
+
+      {state === 'desktopTooOld' && (
+        <div className="space-y-1">
+          <div className="flex items-center gap-2 text-xs text-[var(--amber-text)]">
+            <AlertCircle size={13} />
+            {u?.coreDesktopTooOld ? u.coreDesktopTooOld(latestVersion) : `v${latestVersion} requires a newer Desktop.`}
+          </div>
+          <p className="text-2xs text-muted-foreground">
+            {u?.coreDesktopTooOldHint ?? 'Please update MindOS Desktop first.'} (Desktop ≥ v{minDesktopVersion})
+          </p>
+        </div>
+      )}
+
+      {state === 'error' && (
+        <div className="flex items-center gap-2 text-xs text-destructive">
+          <AlertCircle size={13} />
+          {errorMsg || (u?.coreError ?? 'Core update failed.')}
+        </div>
+      )}
+
+      {/* Actions */}
+      <div className="flex items-center gap-2 pt-1">
+        {(state === 'idle' || state === 'error') && (
+          <button onClick={handleCheck} disabled={state !== 'idle' && state !== 'error'}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed transition-colors">
+            <RefreshCw size={14} />
+            {u?.checkButton ?? 'Check for Updates'}
+          </button>
+        )}
+
+        {state === 'available' && (
+          <button onClick={handleDownload}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors">
+            <Download size={14} />
+            {u?.updateButton ? u.updateButton(latestVersion) : `Update to v${latestVersion}`}
+          </button>
+        )}
+
+        {state === 'ready' && (
+          <button onClick={handleApply}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors">
+            <RefreshCw size={14} />
+            {u?.coreRestartServices ?? 'Restart Services'}
+          </button>
+        )}
+
+        {state === 'error' && (
+          <button onClick={updateInfo ? handleDownload : handleCheck}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted transition-colors">
+            <RefreshCw size={14} />
+            {u?.coreRetry ?? 'Retry'}
+          </button>
+        )}
+      </div>
+
+      <p className="text-2xs text-muted-foreground/60">
+        {u?.coreHint ?? 'Core updates only restart services — no app restart needed.'}
+      </p>
+    </div>
+  );
+}
+
+/** Desktop shell update card — uses electron-updater (requires app restart) */
+function DesktopShellCard() {
   const { t } = useLocale();
   const u = t.settings.update;
   const bridge = getDesktopBridge()!;
@@ -135,119 +401,101 @@ function DesktopUpdateTab() {
   };
 
   return (
-    <div className="space-y-6">
-      <div className="rounded-xl border border-border bg-card p-4 space-y-3">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <Monitor size={14} className="text-muted-foreground" />
-            <span className="text-sm font-medium text-foreground">MindOS Desktop</span>
-          </div>
-          {appVersion && <span className="text-xs font-mono text-muted-foreground">v{appVersion}</span>}
+    <div className="rounded-xl border border-border bg-card p-4 space-y-3">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <Monitor size={14} className="text-muted-foreground" />
+          <span className="text-sm font-medium text-foreground">{u?.shellTitle ?? 'MindOS Desktop'}</span>
         </div>
+        {appVersion && <span className="text-xs font-mono text-muted-foreground">v{appVersion}</span>}
+      </div>
 
-        {state === 'checking' && (
-          <div className="flex items-center gap-2 text-xs text-muted-foreground">
-            <Loader2 size={13} className="animate-spin" />
-            {u?.checking ?? 'Checking for updates...'}
-          </div>
-        )}
-
-        {state === 'idle' && !available && (
-          <div className="flex items-center gap-2 text-xs text-success">
-            <CheckCircle2 size={13} />
-            {u?.upToDate ?? "You're up to date"}
-          </div>
-        )}
+      {state === 'checking' && (
+        <div className="flex items-center gap-2 text-xs text-muted-foreground">
+          <Loader2 size={13} className="animate-spin" />
+          {u?.checking ?? 'Checking for updates...'}
+        </div>
+      )}
 
-        {state === 'idle' && available && (
-          <div className="flex items-center gap-2 text-xs text-[var(--amber-text)]">
-            <Download size={13} />
-            {version ? `Update available: v${version}` : 'Update available'}
-          </div>
-        )}
+      {state === 'idle' && !available && (
+        <div className="flex items-center gap-2 text-xs text-success">
+          <CheckCircle2 size={13} />
+          {u?.upToDate ?? "You're up to date"}
+        </div>
+      )}
 
-        {state === 'downloading' && (
-          <div className="space-y-2">
-            <div className="flex items-center gap-2 text-xs text-foreground">
-              <Loader2 size={13} className="animate-spin text-[var(--amber)]" />
-              {u?.desktopDownloading ?? 'Downloading update...'}
-            </div>
-            <div className="h-1 rounded-full bg-muted overflow-hidden">
-              <div
-                className="h-full rounded-full bg-[var(--amber)] transition-all duration-300"
-                style={{ width: `${Math.max(progress, 3)}%` }}
-              />
-            </div>
-          </div>
-        )}
+      {state === 'idle' && available && (
+        <div className="flex items-center gap-2 text-xs text-[var(--amber-text)]">
+          <Download size={13} />
+          {version ? `Update available: v${version}` : 'Update available'}
+        </div>
+      )}
 
-        {state === 'ready' && (
-          <div className="flex items-center gap-2 text-xs text-success">
-            <CheckCircle2 size={13} />
-            {u?.desktopReady ?? 'Update downloaded. Restart to apply.'}
+      {state === 'downloading' && (
+        <div className="space-y-2">
+          <div className="flex items-center gap-2 text-xs text-foreground">
+            <Loader2 size={13} className="animate-spin text-[var(--amber)]" />
+            {u?.desktopDownloading ?? 'Downloading update...'}
           </div>
-        )}
-
-        {state === 'error' && (
-          <div className="flex items-center gap-2 text-xs text-destructive">
-            <AlertCircle size={13} />
-            {errorMsg}
+          <div className="h-1 rounded-full bg-muted overflow-hidden">
+            <div className="h-full rounded-full bg-[var(--amber)] transition-all duration-300"
+              style={{ width: `${Math.max(progress, 3)}%` }} />
           </div>
-        )}
-        {/* Actions */}
-        <div className="flex items-center gap-2 pt-1">
-          <button
-            onClick={handleCheck}
-            disabled={state === 'checking' || state === 'downloading'}
-            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
-          >
-            <RefreshCw size={14} className={state === 'checking' ? 'animate-spin' : ''} />
-            {u?.checkButton ?? 'Check for Updates'}
-          </button>
-
-          {state === 'idle' && available && (
-            <button
-              onClick={handleInstall}
-              className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors"
-            >
-              <Download size={14} />
-              {version ? `Update to v${version}` : 'Update'}
-            </button>
-          )}
+        </div>
+      )}
 
-          {state === 'ready' && (
-            <button
-              onClick={async () => {
-                try {
-                  await bridge.installUpdate();
-                } catch {
-                  setState('error');
-                  setErrorMsg(u?.error ?? 'Failed to install update. Please try again.');
-                }
-              }}
-              className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors"
-            >
-              <RefreshCw size={14} />
-              {u?.desktopRestart ?? 'Restart Now'}
-            </button>
-          )}
+      {state === 'ready' && (
+        <div className="flex items-center gap-2 text-xs text-success">
+          <CheckCircle2 size={13} />
+          {u?.desktopReady ?? 'Update downloaded. Restart to apply.'}
         </div>
+      )}
 
-        {/* Info */}
-        <div className="border-t border-border/50 pt-3 space-y-2">
-          <a
-            href={CHANGELOG_URL}
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors"
-          >
-            <ExternalLink size={12} />
-            {u?.releaseNotes ?? 'View release notes'}
-          </a>
-          <p className="text-2xs text-muted-foreground/60">
-            {u?.desktopHint ?? 'Updates are delivered through the Desktop app auto-updater.'}
-          </p>
+      {state === 'error' && (
+        <div className="flex items-center gap-2 text-xs text-destructive">
+          <AlertCircle size={13} />
+          {errorMsg}
         </div>
+      )}
+
+      {/* Actions */}
+      <div className="flex items-center gap-2 pt-1">
+        <button onClick={handleCheck} disabled={state === 'checking' || state === 'downloading'}
+          className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-muted disabled:opacity-40 disabled:cursor-not-allowed transition-colors">
+          <RefreshCw size={14} className={state === 'checking' ? 'animate-spin' : ''} />
+          {u?.checkButton ?? 'Check for Updates'}
+        </button>
+
+        {state === 'idle' && available && (
+          <button onClick={handleInstall}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors">
+            <Download size={14} />
+            {version ? `Update to v${version}` : 'Update'}
+          </button>
+        )}
+
+        {state === 'ready' && (
+          <button onClick={async () => {
+              try { await bridge.installUpdate(); }
+              catch { setState('error'); setErrorMsg(u?.error ?? 'Failed to install update.'); }
+            }}
+            className="flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg font-medium text-[var(--amber-foreground)] bg-[var(--amber)] transition-colors">
+            <RefreshCw size={14} />
+            {u?.desktopRestart ?? 'Restart Now'}
+          </button>
+        )}
+      </div>
+
+      {/* Info */}
+      <div className="border-t border-border/50 pt-3 space-y-2">
+        <a href={CHANGELOG_URL} target="_blank" rel="noopener noreferrer"
+          className="flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors">
+          <ExternalLink size={12} />
+          {u?.releaseNotes ?? 'View release notes'}
+        </a>
+        <p className="text-2xs text-muted-foreground/60">
+          {u?.desktopHint ?? 'Updates are delivered through the Desktop app auto-updater.'}
+        </p>
       </div>
     </div>
   );
@@ -256,8 +504,24 @@ function DesktopUpdateTab() {
 /** Router: Desktop uses electron-updater IPC; browser/CLI uses npm API */
 export function UpdateTab() {
   const [isDesktop, setIsDesktop] = useState(false);
-  useEffect(() => { setIsDesktop(!!getDesktopBridge()); }, []);
-  if (isDesktop) return <DesktopUpdateTab />;
+  const [isLocal, setIsLocal] = useState(true);
+  useEffect(() => {
+    const bridge = getDesktopBridge();
+    setIsDesktop(!!bridge);
+    if (bridge?.getAppInfo) {
+      bridge.getAppInfo().then((info) => {
+        if (info && 'mode' in info) setIsLocal((info as { mode?: string }).mode !== 'remote');
+      }).catch(() => {});
+    }
+  }, []);
+  if (isDesktop) {
+    return (
+      <div className="space-y-6">
+        {isLocal && <DesktopCoreCard />}
+        <DesktopShellCard />
+      </div>
+    );
+  }
   return <BrowserUpdateTab />;
 }
 

package/_standalone/components/settings/types.ts

@@ -1,5 +1,6 @@
 import type { Locale, Messages } from '@/lib/i18n';
 import type React from 'react';
+import type { ProviderId } from '@/lib/agent/providers';
 
 export interface ProviderConfig {
   apiKey: string;
@@ -8,11 +9,8 @@ export interface ProviderConfig {
 }
 
 export interface AiSettings {
-  provider: 'anthropic' | 'openai';
-  providers: {
-    anthropic?: ProviderConfig;
-    openai?: ProviderConfig;
-  };
+  provider: ProviderId;
+  providers: Partial<Record<ProviderId, ProviderConfig>>;
 }
 
 export interface AgentSettings {
@@ -115,6 +113,7 @@ export interface SkillInfo {
 /** 🟢 MINOR #7: Moved from SyncTab.tsx for consistency */
 export interface SyncStatus {
   enabled: boolean;
+  needsSetup?: boolean;
   provider?: string;
   remote?: string;
   branch?: string;