@nextclaw/ui 0.15.7 → 0.15.8

package/src/features/system-status/components/__tests__/desktop-update-config.test.tsx

@@ -145,6 +145,27 @@ describe('DesktopUpdateConfig', () => {
     expect(screen.getByText('50 B / 100 B')).toBeTruthy();
   });
 
+  it('labels a failed check separately from an update failure', () => {
+    useRuntimeUpdateStore.setState((state) => ({
+      ...state,
+      snapshot: state.snapshot
+        ? {
+            ...state.snapshot,
+            status: 'failed',
+            currentVersion: '0.24.0',
+            failureStage: 'check',
+            errorMessage: 'fetch failed: getaddrinfo ENOTFOUND updates.nextclaw.io'
+          }
+        : null
+    }));
+
+    renderDesktopUpdateConfig();
+
+    expect(screen.getByText('检查更新失败')).toBeTruthy();
+    expect(screen.getByText('0.24.0')).toBeTruthy();
+    expect(screen.getByText('fetch failed: getaddrinfo ENOTFOUND updates.nextclaw.io')).toBeTruthy();
+  });
+
   it('loads structured release notes from the docs JSON endpoint', async () => {
     const fetchMock = vi.fn(async () => new Response(JSON.stringify({
       schemaVersion: 1,

package/src/features/system-status/components/desktop-update-config.tsx

@@ -36,8 +36,8 @@ const RELEASE_NOTES_KIND_LABEL_KEYS: Record<string, string> = {
   compatibility: 'desktopUpdatesReleaseNotesCompatibility'
 };
 
-function StatusBadge({ status }: { status: string }) {
-  return <span className={cn('inline-flex rounded-full px-3 py-1 text-xs font-medium ring-1', getStatusTone(status))}>{getStatusLabel(status)}</span>;
+function StatusBadge({ snapshot }: { snapshot: UpdateSnapshot }) {
+  return <span className={cn('inline-flex rounded-full px-3 py-1 text-xs font-medium ring-1', getStatusTone(snapshot.status))}>{getStatusLabel(snapshot)}</span>;
 }
 
 function OverviewStat({ label, value }: { label: string; value: string }) {
@@ -116,8 +116,11 @@ function formatBytes(value: number): string {
 function getChannelLabel(channel: UpdateSnapshot['channel']): string {
   return channel === 'beta' ? t('desktopUpdatesChannelBeta') : t('desktopUpdatesChannelStable');
 }
-function getStatusLabel(status: string): string {
-  return t(STATUS_LABEL_KEYS[status] ?? 'desktopUpdatesStatusIdle');
+function getStatusLabel(snapshot: UpdateSnapshot): string {
+  if (snapshot.status === 'failed' && snapshot.failureStage) {
+    return t(`desktopUpdatesFailureStage.${snapshot.failureStage}`);
+  }
+  return t(STATUS_LABEL_KEYS[snapshot.status] ?? 'desktopUpdatesStatusIdle');
 }
 function getStatusTone(status: string): string {
   if (status === 'downloaded') {
@@ -256,7 +259,7 @@ export function DesktopUpdateConfig() {
           <CardDescription>{t('desktopUpdatesOverviewDescription')}</CardDescription>
         </CardHeader>
         <CardContent className="space-y-5">
-          <div className="flex flex-wrap items-center gap-3"><span className="text-sm font-medium text-gray-700">{t('desktopUpdatesStatusLabel')}</span><StatusBadge status={snapshot.status} /></div>
+          <div className="flex flex-wrap items-center gap-3"><span className="text-sm font-medium text-gray-700">{t('desktopUpdatesStatusLabel')}</span><StatusBadge snapshot={snapshot} /></div>
           <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-5">{overviewStats.map(([label, value]) => <OverviewStat key={label} label={label} value={value} />)}</div>
           {snapshot.channel === 'beta' ? (
             <div className="rounded-2xl border border-amber-200 bg-amber-50/70 p-4">

package/src/shared/components/common/__tests__/brand-header.test.tsx

@@ -1,4 +1,4 @@
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { MemoryRouter } from 'react-router-dom';
@@ -103,7 +103,7 @@ describe('BrandHeader', () => {
         availableVersion: '0.18.12',
         downloadedVersion: null,
         minimumHostVersion: null,
-        releaseNotesUrl: null,
+        releaseNotesUrl: 'https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12',
         lastCheckedAt: null,
         progress: {
           downloadedBytes: 50,
@@ -130,8 +130,17 @@ describe('BrandHeader', () => {
     expect(screen.getAllByText('v0.18.11')).toHaveLength(1);
     await user.hover(version);
     expect((await screen.findByRole('tooltip')).textContent).toBe('v0.18.11');
-    expect(screen.getByText('下载 50%')).toBeTruthy();
+    const downloadProgress = screen.getByText('下载 50%');
+    expect(downloadProgress).toBeTruthy();
     expect(screen.queryByRole('button', { name: '更新' })).toBeNull();
+    const progressReleaseNotes = screen.getByRole('button', { name: '查看 v0.18.12 更新说明' });
+    expect(progressReleaseNotes.parentElement?.className).toContain('invisible');
+    expect(progressReleaseNotes.parentElement?.className).toContain('group-hover/update-release-notes:visible');
+
+    await user.hover(downloadProgress);
+    await user.click(progressReleaseNotes);
+
+    expect(mocks.openExternalUrl).toHaveBeenCalledWith('https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12');
   });
 
   it('opens release notes from the current version tooltip when that version has docs notes', async () => {
@@ -201,15 +210,16 @@ describe('BrandHeader', () => {
     await user.click(currentVersion);
     expect(mocks.openExternalUrl).toHaveBeenCalledWith('https://docs.nextclaw.io/zh/notes/2026-07-14-nextclaw-v0-18-11');
 
-    await user.click(screen.getByRole('button', { name: '下载' }));
-    expect(mocks.downloadUpdate).toHaveBeenCalledTimes(1);
-
+    const downloadUpdate = screen.getByRole('button', { name: '下载' });
     const updateReleaseNotes = screen.getByRole('button', { name: '查看 v0.18.12 更新说明' });
-    await user.hover(updateReleaseNotes);
-    expect((await screen.findByRole('tooltip')).textContent).toBe('查看 v0.18.12 更新说明');
+    expect(updateReleaseNotes.parentElement?.className).toContain('group-hover/update-release-notes:visible');
 
+    await user.hover(downloadUpdate);
     await user.click(updateReleaseNotes);
-    expect(mocks.openExternalUrl).toHaveBeenCalledWith('https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12');
+    expect(mocks.openExternalUrl).toHaveBeenLastCalledWith('https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12');
+
+    await user.click(downloadUpdate);
+    expect(mocks.downloadUpdate).toHaveBeenCalledTimes(1);
   });
 
   it('applies the downloaded update from the version-adjacent update button', async () => {
@@ -227,7 +237,7 @@ describe('BrandHeader', () => {
         availableVersion: null,
         downloadedVersion: '0.18.12',
         minimumHostVersion: null,
-        releaseNotesUrl: null,
+        releaseNotesUrl: 'https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12',
         lastCheckedAt: null,
         progress: null,
         canAutoDownload: true,
@@ -245,7 +255,15 @@ describe('BrandHeader', () => {
 
     renderBrandHeader();
 
-    await user.click(screen.getByRole('button', { name: '更新' }));
+    const applyUpdate = screen.getByRole('button', { name: '更新' });
+    const updateReleaseNotes = screen.getByRole('button', { name: '查看 v0.18.12 更新说明' });
+    expect(updateReleaseNotes.parentElement?.className).toContain('group-focus-within/update-release-notes:visible');
+
+    fireEvent.focus(applyUpdate);
+    await user.click(updateReleaseNotes);
+    expect(mocks.openExternalUrl).toHaveBeenCalledWith('https://docs.nextclaw.io/zh/notes/2026-07-15-nextclaw-v0-18-12');
+
+    await user.click(applyUpdate);
 
     expect(mocks.applyDownloadedUpdate).toHaveBeenCalledTimes(1);
     expect(mocks.downloadUpdate).not.toHaveBeenCalled();
@@ -299,7 +317,7 @@ describe('BrandHeader', () => {
     expect(tooltip.textContent).toContain('Set NEXTCLAW_UPDATE_BUNDLE_PUBLIC_KEY');
   });
 
-  it('uses the failed update wording only for failed snapshots', async () => {
+  it('distinguishes a failed post-restart check from a failed update', async () => {
     const user = userEvent.setup();
     useRuntimeUpdateStore.setState({
       supported: true,
@@ -322,7 +340,9 @@ describe('BrandHeader', () => {
         requiresRestart: false,
         blockReason: null,
         recoveryCommand: null,
-        errorMessage: 'runtime bundle sha256 mismatch',
+        errorMessage: 'fetch failed: getaddrinfo ENOTFOUND updates.nextclaw.io',
+        failureStage: 'check',
+        diagnosticCommand: 'nextclaw logs path',
         preferences: {
           automaticChecks: true,
           autoDownload: true
@@ -330,16 +350,18 @@ describe('BrandHeader', () => {
       }
     });
 
-    renderBrandHeader();
+    renderBrandHeader({ productVersion: '0.24.0' });
 
-    const issueIcon = screen.getByLabelText('更新失败');
+    expect(screen.getByText('v0.24.0')).not.toBeNull();
+    const issueIcon = screen.getByLabelText('检查更新失败');
 
     expect(issueIcon.textContent).toBe('!');
     await user.hover(issueIcon);
 
     const tooltip = await screen.findByRole('tooltip');
-    expect(tooltip.textContent).toContain('更新失败');
-    expect(tooltip.textContent).toContain('runtime bundle sha256 mismatch');
+    expect(tooltip.textContent).toContain('检查更新失败');
+    expect(tooltip.textContent).toContain('fetch failed: getaddrinfo ENOTFOUND updates.nextclaw.io');
+    expect(tooltip.textContent).toContain('完整日志：nextclaw logs path');
     expect(screen.queryByText('更新被阻塞')).toBeNull();
   });
 });

package/src/shared/components/common/brand-header.tsx

@@ -14,7 +14,6 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/shar
 import { hostCapabilityManager } from '@/shared/lib/host-capabilities';
 import { t } from '@/shared/lib/i18n';
 import { cn } from '@/shared/lib/utils';
-import { ExternalLink } from 'lucide-react';
 
 type BrandHeaderProps = {
   className?: string;
@@ -122,19 +121,14 @@ function RuntimeUpdateInlineStatus({
   }
   const releaseNotesLink = resolveUpdateReleaseNotesLink(snapshot);
   if (snapshot.status === 'downloading') {
-    return (
-      <RuntimeUpdateInlineGroup>
-        <RuntimeUpdateInlineBadge snapshot={snapshot} />
-        {releaseNotesLink ? <RuntimeUpdateReleaseNotesButton link={releaseNotesLink} tone="amber" /> : null}
-      </RuntimeUpdateInlineGroup>
-    );
+    return <RuntimeUpdateInlineBadge snapshot={snapshot} releaseNotesLink={releaseNotesLink} />;
   }
   if (snapshot.status === 'blocked' || snapshot.status === 'failed') {
     return <RuntimeUpdateInlineBadge snapshot={snapshot} />;
   }
   if (snapshot.status === 'downloaded') {
     return (
-      <RuntimeUpdateInlineGroup>
+      <RuntimeUpdateReleaseNotesHover link={releaseNotesLink}>
         <button
           type="button"
           className="inline-flex h-5 shrink-0 items-center rounded-full bg-emerald-50 px-2 text-[11px] font-semibold leading-none text-emerald-700 ring-1 ring-emerald-100 transition-colors hover:bg-emerald-100 disabled:opacity-70"
@@ -143,13 +137,12 @@ function RuntimeUpdateInlineStatus({
         >
           {busyAction === 'applying' ? t('desktopUpdatesInlineApplying') : t('desktopUpdatesInlineReady')}
         </button>
-        {releaseNotesLink ? <RuntimeUpdateReleaseNotesButton link={releaseNotesLink} tone="emerald" /> : null}
-      </RuntimeUpdateInlineGroup>
+      </RuntimeUpdateReleaseNotesHover>
     );
   }
   if (snapshot.status === 'update-available') {
     return (
-      <RuntimeUpdateInlineGroup>
+      <RuntimeUpdateReleaseNotesHover link={releaseNotesLink}>
         <button
           type="button"
           className="inline-flex h-5 shrink-0 items-center rounded-full bg-amber-50 px-2 text-[11px] font-semibold leading-none text-amber-700 ring-1 ring-amber-100 transition-colors hover:bg-amber-100 disabled:opacity-70"
@@ -158,51 +151,50 @@ function RuntimeUpdateInlineStatus({
         >
           {busyAction === 'downloading' ? t('desktopUpdatesInlineDownloading') : t('desktopUpdatesInlineDownload')}
         </button>
-        {releaseNotesLink ? <RuntimeUpdateReleaseNotesButton link={releaseNotesLink} tone="amber" /> : null}
-      </RuntimeUpdateInlineGroup>
+      </RuntimeUpdateReleaseNotesHover>
     );
   }
   return null;
 }
 
-function RuntimeUpdateInlineGroup({ children }: { children: ReactNode }) {
-  return <span className="inline-flex shrink-0 items-center gap-1">{children}</span>;
-}
-
-function RuntimeUpdateReleaseNotesButton({
+function RuntimeUpdateReleaseNotesHover({
+  children,
   link,
-  tone,
 }: {
-  link: ReleaseNotesLink;
-  tone: 'amber' | 'emerald';
+  children: ReactNode;
+  link: ReleaseNotesLink | null;
 }) {
+  if (!link) {
+    return children;
+  }
   const label = t('desktopUpdatesUpdateReleaseNotesLabel').replace('{version}', link.versionLabel);
-  const className = cn(
-    'inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-[11px] ring-1 transition-colors focus-visible:outline-none focus-visible:ring-2',
-    tone === 'emerald'
-      ? 'bg-emerald-50 text-emerald-700 ring-emerald-100 hover:bg-emerald-100 focus-visible:ring-emerald-300'
-      : 'bg-amber-50 text-amber-700 ring-amber-100 hover:bg-amber-100 focus-visible:ring-amber-300'
-  );
   return (
-    <TooltipProvider delayDuration={250}>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            type="button"
-            aria-label={label}
-            className={className}
-            onClick={() => void hostCapabilityManager.openExternalUrl(link.url)}
-          >
-            <ExternalLink className="h-3 w-3" aria-hidden="true" />
-          </button>
-        </TooltipTrigger>
-        <TooltipContent side="bottom" className="text-xs">{label}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+    <span className="group/update-release-notes relative inline-flex shrink-0">
+      {children}
+      <span
+        data-update-release-notes-hover="true"
+        className="invisible pointer-events-none absolute left-1/2 top-full z-[var(--z-tooltip,10150)] -translate-x-1/2 pt-1 opacity-0 transition-opacity group-hover/update-release-notes:visible group-hover/update-release-notes:pointer-events-auto group-hover/update-release-notes:opacity-100 group-focus-within/update-release-notes:visible group-focus-within/update-release-notes:pointer-events-auto group-focus-within/update-release-notes:opacity-100"
+      >
+        <button
+          type="button"
+          aria-label={label}
+          className="whitespace-nowrap rounded-md border bg-popover px-3 py-1.5 text-left text-xs font-medium text-popover-foreground shadow-md outline-none transition-colors hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-gray-300"
+          onClick={() => void hostCapabilityManager.openExternalUrl(link.url)}
+        >
+          {label}
+        </button>
+      </span>
+    </span>
   );
 }
 
-function RuntimeUpdateInlineBadge({ snapshot }: { snapshot: UpdateSnapshot }) {
+function RuntimeUpdateInlineBadge({
+  snapshot,
+  releaseNotesLink,
+}: {
+  snapshot: UpdateSnapshot;
+  releaseNotesLink?: ReleaseNotesLink | null;
+}) {
   if (snapshot.status === 'blocked' || snapshot.status === 'failed') {
     return <RuntimeUpdateIssueIcon snapshot={snapshot} />;
   }
@@ -211,23 +203,28 @@ function RuntimeUpdateInlineBadge({ snapshot }: { snapshot: UpdateSnapshot }) {
     return null;
   }
   return (
-    <span
-      className="inline-flex h-5 shrink-0 items-center rounded-full bg-amber-50 px-2 text-[11px] font-semibold leading-none text-amber-700 ring-1 ring-amber-100 transition-colors hover:bg-amber-100 disabled:opacity-70"
-      title={t('updates')}
-    >
-      {label}
-    </span>
+    <RuntimeUpdateReleaseNotesHover link={releaseNotesLink ?? null}>
+      <span
+        tabIndex={releaseNotesLink ? 0 : undefined}
+        className="inline-flex h-5 shrink-0 items-center rounded-full bg-amber-50 px-2 text-[11px] font-semibold leading-none text-amber-700 ring-1 ring-amber-100 outline-none transition-colors hover:bg-amber-100 focus-visible:ring-2 focus-visible:ring-amber-300"
+      >
+        {label}
+      </span>
+    </RuntimeUpdateReleaseNotesHover>
   );
 }
 
 function RuntimeUpdateIssueIcon({ snapshot }: { snapshot: UpdateSnapshot }) {
-  const title = snapshot.status === 'failed' ? t('desktopUpdatesStatusFailed') : t('desktopUpdatesStatusBlocked');
+  const title = resolveUpdateIssueTitle(snapshot);
   const recoveryCommand = snapshot.recoveryCommand?.trim() || null;
+  const diagnosticCommand = snapshot.diagnosticCommand?.trim()
+    ? t('desktopUpdatesDiagnosticCommand').replace('{command}', snapshot.diagnosticCommand.trim())
+    : null;
   const diagnostic = snapshot.errorMessage?.trim() || snapshot.blockReason?.trim() || null;
   const rootCause = snapshot.status === 'blocked' && snapshot.blockReason
     ? t(`desktopUpdatesBlockedRootCause.${snapshot.blockReason}`)
     : null;
-  const tooltip = [title, rootCause, diagnostic, recoveryCommand].filter(Boolean).join('\n');
+  const tooltip = [title, rootCause, diagnostic, recoveryCommand, diagnosticCommand].filter(Boolean).join('\n');
   return (
     <TooltipProvider delayDuration={250}>
       <Tooltip>
@@ -247,6 +244,13 @@ function RuntimeUpdateIssueIcon({ snapshot }: { snapshot: UpdateSnapshot }) {
   );
 }
 
+function resolveUpdateIssueTitle(snapshot: UpdateSnapshot): string {
+  if (snapshot.status === 'blocked') {
+    return t('desktopUpdatesStatusBlocked');
+  }
+  return t(snapshot.failureStage ? `desktopUpdatesFailureStage.${snapshot.failureStage}` : 'desktopUpdatesStatusFailed');
+}
+
 function resolveInlineDownloadLabel(snapshot: UpdateSnapshot): string {
   const percent = snapshot.progress?.percent;
   return percent === null || percent === undefined

package/src/shared/lib/i18n/locales/en-US/chat.json

@@ -216,7 +216,7 @@
   "chatContextReferenceParent": "Up one folder",
   "chatContextReferenceParentDescription": "Browse the parent folder without closing the reference menu.",
   "chatContextReferenceParentHint": "Press Enter to open the parent folder.",
-  "chatContextReferenceCurrentDirectory": "Current folder",
+  "chatContextReferenceCurrentDirectory": "Reference current folder",
   "chatContextReferenceFileDescription": "Use this file as explicit context for the current message.",
   "chatContextReferenceDirectoryDescription": "Use this folder as a context scope for the current message.",
   "chatContextReferenceProjectRoot": "Project directory",

package/src/shared/lib/i18n/locales/en-US/desktop-update.json

@@ -37,6 +37,10 @@
   "desktopUpdatesStatusUpToDate": "Up to Date",
   "desktopUpdatesStatusBlocked": "Blocked",
   "desktopUpdatesStatusFailed": "Failed",
+  "desktopUpdatesFailureStage.check": "Update Check Failed",
+  "desktopUpdatesFailureStage.download": "Update Download Failed",
+  "desktopUpdatesFailureStage.apply": "Update Apply Failed",
+  "desktopUpdatesDiagnosticCommand": "Full logs: {command}",
   "desktopUpdatesInlineDownload": "Download",
   "desktopUpdatesInlineDownloading": "Downloading",
   "desktopUpdatesInlineDownloadingPercent": "{percent}%",

package/src/shared/lib/i18n/locales/zh-CN/chat.json

@@ -216,7 +216,7 @@
   "chatContextReferenceParent": "返回上一级",
   "chatContextReferenceParentDescription": "在不关闭引用菜单的情况下浏览上一级文件夹。",
   "chatContextReferenceParentHint": "回车打开上一级文件夹。",
-  "chatContextReferenceCurrentDirectory": "当前文件夹",
+  "chatContextReferenceCurrentDirectory": "引用当前文件夹",
   "chatContextReferenceFileDescription": "把这个文件作为本次消息的显式上下文。",
   "chatContextReferenceDirectoryDescription": "把这个目录作为本次消息的上下文范围。",
   "chatContextReferenceProjectRoot": "项目目录",

package/src/shared/lib/i18n/locales/zh-CN/desktop-update.json

@@ -37,6 +37,10 @@
   "desktopUpdatesStatusUpToDate": "已是最新",
   "desktopUpdatesStatusBlocked": "更新被阻塞",
   "desktopUpdatesStatusFailed": "更新失败",
+  "desktopUpdatesFailureStage.check": "检查更新失败",
+  "desktopUpdatesFailureStage.download": "下载更新失败",
+  "desktopUpdatesFailureStage.apply": "应用更新失败",
+  "desktopUpdatesDiagnosticCommand": "完整日志：{command}",
   "desktopUpdatesInlineDownload": "下载",
   "desktopUpdatesInlineDownloading": "下载中",
   "desktopUpdatesInlineDownloadingPercent": "下载 {percent}%",

package/dist/assets/desktop-update-config-B-q0OhxO.js

@@ -1 +0,0 @@
-import{a as e,n as t,p as n,r,u as i}from"./react-Io6Pfq8D.js";import{Et as a,Gt as o,Jt as s,Kt as c,Ot as l,Qt as u,St as d,Tt as f,Xt as p,Yt as m,Zt as h,en as g,kt as _,on as v,qt as y,wt as b}from"./api-V8m62-13.js";import{a as x,i as S,n as C,r as w,t as T}from"./select-BiOpo2kV.js";import{t as E}from"./download-CdO6NoHj.js";import{t as D}from"./external-link-C5NFoh5I.js";import{t as O}from"./refresh-cw-C6j2tjul.js";import{t as k}from"./rotate-cw-Bv2B6fAV.js";import{t as A}from"./host-capabilities-CFbAfrrA.js";var j=n(),M={checking:`desktopUpdatesStatusChecking`,"update-available":`desktopUpdatesStatusAvailable`,downloading:`desktopUpdatesStatusDownloading`,downloaded:`desktopUpdatesStatusDownloaded`,"up-to-date":`desktopUpdatesStatusUpToDate`,blocked:`desktopUpdatesStatusBlocked`,failed:`desktopUpdatesStatusFailed`},N={feature:`desktopUpdatesReleaseNotesFeature`,enhancement:`desktopUpdatesReleaseNotesEnhancement`,fix:`desktopUpdatesReleaseNotesFix`,compatibility:`desktopUpdatesReleaseNotesCompatibility`};function P({status:e}){return(0,j.jsx)(`span`,{className:i(`inline-flex rounded-full px-3 py-1 text-xs font-medium ring-1`,W(e)),children:U(e)})}function F({label:e,value:t}){return(0,j.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50/60 p-4`,children:[(0,j.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-[0.08em] text-gray-500`,children:e}),(0,j.jsx)(`p`,{className:`mt-2 text-base font-semibold text-gray-900`,children:t})]})}function I({snapshot:e}){if(e.status!==`downloading`)return null;let t=e.progress?.percent,n=t==null?r(`desktopUpdatesDownloadProgressUnknown`):r(`desktopUpdatesDownloadProgressPercent`).replace(`{percent}`,String(t)),i=B(e.progress?.downloadedBytes??0,e.progress?.totalBytes??null);return(0,j.jsxs)(`div`,{className:`rounded-2xl border border-amber-200 bg-amber-50/70 p-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,j.jsx)(`p`,{className:`text-sm font-semibold text-amber-800`,children:n}),(0,j.jsx)(`p`,{className:`text-xs font-medium text-amber-700`,children:i})]}),(0,j.jsx)(`div`,{className:`mt-3 h-2 overflow-hidden rounded-full bg-amber-100`,children:(0,j.jsx)(`div`,{className:`h-full rounded-full bg-amber-500 transition-[width]`,style:{width:`${t??0}%`}})})]})}function L({label:e,help:t,checked:n,disabled:r,onCheckedChange:i}){return(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-4 rounded-xl border border-gray-200 p-4`,children:[(0,j.jsxs)(`div`,{className:`space-y-1`,children:[(0,j.jsx)(u,{children:e}),(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:t})]}),(0,j.jsx)(d,{checked:n,disabled:r,onCheckedChange:i})]})}function R(e){return e?.trim()||`-`}function z(e){return e?t(e):`-`}function B(e,t){let n=V(e);return t&&t>0?`${n} / ${V(t)}`:n}function V(e){if(!Number.isFinite(e)||e<=0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`],n=e,r=0;for(;n>=1024&&r<t.length-1;)n/=1024,r+=1;return`${n>=10||r===0?n.toFixed(0):n.toFixed(1)} ${t[r]}`}function H(e){return r(e===`beta`?`desktopUpdatesChannelBeta`:`desktopUpdatesChannelStable`)}function U(e){return r(M[e]??`desktopUpdatesStatusIdle`)}function W(e){return e===`downloaded`?`bg-emerald-50 text-emerald-700 ring-emerald-100`:e===`update-available`||e===`downloading`||e===`checking`?`bg-amber-50 text-amber-700 ring-amber-100`:e===`failed`||e===`blocked`?`bg-red-50 text-red-700 ring-red-100`:`bg-gray-100 text-gray-700 ring-gray-200`}function G(){return e()===`zh`?`zh-CN`:`en-US`}function K(e,t){return f(e.title,t)??r(N[e.kind]??`desktopUpdatesReleaseNotesEnhancement`)}function q({snapshot:e}){let t=a(e),n=G(),i=v({queryKey:[`runtime-release-notes`,t],queryFn:async()=>await b(t??``),enabled:!!t,retry:!1,staleTime:300*1e3}),l=i.data,u=f(l?.title,n)??r(`desktopUpdatesReleaseNotesPreviewTitle`),d=f(l?.summary,n)??r(`desktopUpdatesReleaseNotesPreviewDescription`);return e.releaseNotesUrl?(0,j.jsxs)(o,{children:[(0,j.jsx)(s,{children:(0,j.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`space-y-1`,children:[(0,j.jsx)(m,{children:u}),(0,j.jsx)(y,{children:d})]}),(0,j.jsxs)(g,{variant:`ghost`,onClick:()=>void A.openExternalUrl(e.releaseNotesUrl??``),children:[(0,j.jsx)(D,{className:`mr-2 h-4 w-4`}),r(`desktopUpdatesReleaseNotes`)]})]})}),(0,j.jsxs)(c,{className:`space-y-4`,children:[i.isLoading?(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`desktopUpdatesReleaseNotesPreviewLoading`)}):null,!t||i.isError?(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`desktopUpdatesReleaseNotesPreviewUnavailable`)}):null,l?(0,j.jsx)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:l.sections.map(e=>(0,j.jsxs)(`div`,{className:`rounded-xl border border-gray-200 bg-gray-50/60 p-4`,children:[(0,j.jsx)(`p`,{className:`text-sm font-semibold text-gray-900`,children:K(e,n)}),(0,j.jsx)(`ul`,{className:`mt-3 space-y-3`,children:e.items.map((t,r)=>{let i=f(t.title,n),a=f(t.body,n);return(0,j.jsxs)(`li`,{className:`space-y-1`,children:[i?(0,j.jsx)(`p`,{className:`text-sm font-medium text-gray-800`,children:i}):null,a?(0,j.jsx)(`p`,{className:`text-sm leading-5 text-gray-600`,children:a}):null]},`${i??e.kind}-${r}`)})})]},e.kind))}):null]})]}):null}function J(){return(0,j.jsxs)(h,{className:`space-y-6`,children:[(0,j.jsx)(p,{title:r(`runtimeUpdatesPageTitle`),description:r(`runtimeUpdatesPageDescription`)}),(0,j.jsxs)(o,{children:[(0,j.jsxs)(s,{children:[(0,j.jsx)(m,{children:r(`runtimeUpdatesUnavailableTitle`)}),(0,j.jsx)(y,{children:r(`runtimeUpdatesUnavailableDescription`)})]}),(0,j.jsx)(c,{children:(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`runtimeUpdatesUnavailableHint`)})})]})]})}function Y(){let{supported:e,initialized:t,busyAction:n,snapshot:a}=_();if(!t)return(0,j.jsx)(`div`,{className:`p-8 text-gray-400`,children:r(`loading`)});if(!e||!a)return(0,j.jsx)(J,{});let d=n===`checking`,f=n===`downloading`,v=n===`applying`,b=n===`saving-preferences`,D=n===`switching-channel`,A=a.status===`update-available`&&!f&&!v,M=a.status===`downloaded`&&!v,N=[[r(`runtimeUpdatesHostVersion`),R(a.hostVersion)],[r(`desktopUpdatesCurrentBundleVersion`),R(a.currentVersion)],[r(`desktopUpdatesAvailableVersion`),R(a.availableVersion)],[r(`desktopUpdatesLastCheckedAt`),z(a.lastCheckedAt)],[r(`desktopUpdatesCurrentChannel`),H(a.channel)]];return(0,j.jsxs)(h,{className:`space-y-6`,children:[(0,j.jsx)(p,{title:r(`runtimeUpdatesPageTitle`),description:r(`runtimeUpdatesPageDescription`),actions:(0,j.jsxs)(g,{variant:`outline`,onClick:()=>void l.checkForUpdates(),disabled:d||f||v,children:[(0,j.jsx)(O,{className:i(`mr-2 h-4 w-4`,d&&`animate-spin`)}),r(`desktopUpdatesCheckNow`)]})}),(0,j.jsxs)(o,{children:[(0,j.jsxs)(s,{children:[(0,j.jsx)(m,{children:r(`desktopUpdatesOverviewTitle`)}),(0,j.jsx)(y,{children:r(`desktopUpdatesOverviewDescription`)})]}),(0,j.jsxs)(c,{className:`space-y-5`,children:[(0,j.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,j.jsx)(`span`,{className:`text-sm font-medium text-gray-700`,children:r(`desktopUpdatesStatusLabel`)}),(0,j.jsx)(P,{status:a.status})]}),(0,j.jsx)(`div`,{className:`grid gap-4 md:grid-cols-2 xl:grid-cols-5`,children:N.map(([e,t])=>(0,j.jsx)(F,{label:e,value:t},e))}),a.channel===`beta`?(0,j.jsxs)(`div`,{className:`rounded-2xl border border-amber-200 bg-amber-50/70 p-4`,children:[(0,j.jsx)(`p`,{className:`text-sm font-semibold text-amber-800`,children:r(`desktopUpdatesBetaBadgeTitle`)}),(0,j.jsx)(`p`,{className:`mt-1 text-sm text-amber-700`,children:r(`desktopUpdatesBetaBadgeDescription`)})]}):null,a.downloadedVersion?(0,j.jsxs)(`div`,{className:`rounded-2xl border border-emerald-200 bg-emerald-50/70 p-4`,children:[(0,j.jsx)(`p`,{className:`text-sm font-semibold text-emerald-800`,children:r(`desktopUpdatesDownloadedBannerTitle`)}),(0,j.jsx)(`p`,{className:`mt-1 text-sm text-emerald-700`,children:r(`runtimeUpdatesDownloadedBannerDescription`).replace(`{version}`,a.downloadedVersion)})]}):null,(0,j.jsx)(I,{snapshot:a}),a.status===`blocked`?(0,j.jsxs)(`div`,{className:`rounded-2xl border border-red-200 bg-red-50/70 p-4`,children:[(0,j.jsx)(`p`,{className:`text-sm font-semibold text-red-800`,children:r(`desktopUpdatesBlockedTitle`)}),(0,j.jsx)(`p`,{className:`mt-1 text-sm text-red-700`,children:a.errorMessage??r(`desktopUpdatesBlockedDescription`)}),a.recoveryCommand?(0,j.jsx)(`code`,{className:`mt-3 block rounded-lg bg-white/70 px-3 py-2 text-xs text-red-800`,children:a.recoveryCommand}):null]}):null,a.errorMessage&&a.status!==`blocked`?(0,j.jsx)(`div`,{className:`rounded-2xl border border-red-200 bg-red-50/70 p-4 text-sm text-red-700`,children:a.errorMessage}):null]})]}),(0,j.jsx)(q,{snapshot:a}),(0,j.jsxs)(o,{children:[(0,j.jsxs)(s,{children:[(0,j.jsx)(m,{children:r(`desktopUpdatesPreferencesTitle`)}),(0,j.jsx)(y,{children:r(`desktopUpdatesPreferencesDescription`)})]}),(0,j.jsxs)(c,{className:`space-y-5`,children:[(0,j.jsx)(`div`,{className:`rounded-xl border border-gray-200 p-4`,children:(0,j.jsxs)(`div`,{className:`space-y-3`,children:[(0,j.jsxs)(`div`,{className:`space-y-1`,children:[(0,j.jsx)(u,{children:r(`desktopUpdatesReleaseChannel`)}),(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`desktopUpdatesReleaseChannelHelp`)})]}),(0,j.jsxs)(T,{value:a.channel,disabled:D||d||f||v,onValueChange:e=>void l.updateChannel(e),children:[(0,j.jsx)(S,{className:`w-full max-w-sm`,children:(0,j.jsx)(x,{placeholder:r(`desktopUpdatesReleaseChannel`)})}),(0,j.jsxs)(C,{children:[(0,j.jsx)(w,{value:`stable`,children:r(`desktopUpdatesChannelStable`)}),(0,j.jsx)(w,{value:`beta`,children:r(`desktopUpdatesChannelBeta`)})]})]}),(0,j.jsx)(`p`,{className:`text-sm text-gray-500`,children:r(`desktopUpdatesReleaseChannelDowngradeHint`)})]})}),(0,j.jsx)(L,{label:r(`desktopUpdatesAutomaticChecks`),help:r(`desktopUpdatesAutomaticChecksHelp`),checked:a.preferences.automaticChecks,disabled:b||D,onCheckedChange:e=>void l.updatePreferences({automaticChecks:e})}),(0,j.jsx)(L,{label:r(`desktopUpdatesAutoDownload`),help:r(`desktopUpdatesAutoDownloadHelp`),checked:a.preferences.autoDownload,disabled:b||D,onCheckedChange:e=>void l.updatePreferences({autoDownload:e})})]})]}),(0,j.jsxs)(o,{children:[(0,j.jsxs)(s,{children:[(0,j.jsx)(m,{children:r(`desktopUpdatesActionsTitle`)}),(0,j.jsx)(y,{children:r(`runtimeUpdatesActionsDescription`)})]}),(0,j.jsxs)(c,{className:`flex flex-wrap items-center gap-3`,children:[(0,j.jsxs)(g,{variant:`outline`,onClick:()=>void l.checkForUpdates(),disabled:d||f||v,children:[(0,j.jsx)(O,{className:i(`mr-2 h-4 w-4`,d&&`animate-spin`)}),r(`desktopUpdatesCheckNow`)]}),(0,j.jsxs)(g,{onClick:()=>void l.downloadUpdate(),disabled:!A,children:[(0,j.jsx)(E,{className:i(`mr-2 h-4 w-4`,f&&`animate-bounce`)}),r(`desktopUpdatesDownloadNow`)]}),(0,j.jsxs)(g,{variant:`secondary`,onClick:()=>void l.applyDownloadedUpdate(),disabled:!M,children:[(0,j.jsx)(k,{className:i(`mr-2 h-4 w-4`,v&&`animate-spin`)}),r(`runtimeUpdatesApplyNow`)]})]})]})]})}export{Y as DesktopUpdateConfig};

package/dist/assets/doc-browser-Bodhf0fj2.js

@@ -1 +0,0 @@
-import{t as e}from"./doc-browser-B1FXvZm6.js";export{e as DocBrowser};