feat: stage online upgrades before verified restarts

Download updates asynchronously with persistent progress and validate matching source and build artifacts before an explicit restart. Keep upgrade workers alive across service restarts, verify the new runtime, and recover the browser with a one-time success notice. Publish immutable archive sizes and checksums for accurate download progress. Align the update dialog, hide unavailable actions during transfers, and show the sidebar notice only for active, ready or failed jobs. Constrain long account names with ellipsis while preserving avatar and collapse controls.
2026-10-18 18:33:06 +08:00 · 2026-10-17 17:14:15 +08:00
parent a1104ef47c
commit 286088a32c
22 changed files with 2698 additions and 471 deletions
@@ -0,0 +1,60 @@
+import { CloudDownloadOutlined } from '@ant-design/icons';
+import { Modal, Tooltip } from 'antd';
+import { useState } from 'react';
+import intl from 'react-intl-universal';
+import useUpgrade, { activeStatuses, phaseLabels } from '@/hooks/useUpgrade';
+import CheckUpdate from '@/pages/setting/checkUpdate';
+
+export default function UpgradeNotice({
+  collapsed,
+  systemInfo,
+}: {
+  collapsed: boolean;
+  systemInfo: any;
+}) {
+  const { job, connected } = useUpgrade();
+  const [open, setOpen] = useState(false);
+  const showNotice =
+    activeStatuses.includes(job.status) ||
+    job.status === 'ready' ||
+    job.status === 'failed';
+  if (!showNotice && !open) return null;
+  const text = !connected
+    ? intl.get('连接已断开，正在重新连接')
+    : job.status === 'failed'
+    ? intl.get('更新失败')
+    : intl.get(phaseLabels[job.phase || ''] || '检查更新');
+  const label =
+    job.phase === 'downloading' && job.percent != null
+      ? `${text} ${job.percent}%`
+      : text;
+  return (
+    <>
+      {showNotice && (
+        <Tooltip title={label} placement="right">
+          <button
+            type="button"
+            className={`upgrade-notice${
+              collapsed ? ' upgrade-notice-collapsed' : ''
+            }`}
+            onClick={() => setOpen(true)}
+            aria-label={label}
+          >
+            <CloudDownloadOutlined />
+            {!collapsed && <span>{label}</span>}
+          </button>
+        </Tooltip>
+      )}
+      <Modal
+        open={open}
+        title={intl.get('更新')}
+        footer={null}
+        onCancel={() => setOpen(false)}
+        width={650}
+        destroyOnClose
+      >
+        <CheckUpdate systemInfo={systemInfo} />
+      </Modal>
+    </>
+  );
+}