@nextclaw/ui 0.12.10 → 0.12.12

package/src/components/config/desktop-update-config.tsx

@@ -1,271 +0,0 @@
-import { useEffect } from 'react';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Label } from '@/components/ui/label';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
-import { Switch } from '@/components/ui/switch';
-import { PageHeader, PageLayout } from '@/components/layout/page-layout';
-import { desktopUpdateManager } from '@/desktop/managers/desktop-update.manager';
-import type { DesktopReleaseChannel } from '@/desktop/desktop-update.types';
-import { useDesktopUpdateStore } from '@/desktop/stores/desktop-update.store';
-import { formatDateTime, t } from '@/lib/i18n';
-import { cn } from '@/lib/utils';
-import { Download, ExternalLink, RefreshCw, RotateCw } from 'lucide-react';
-
-function formatVersion(value: string | null): string {
-  return value?.trim() || '-';
-}
-
-function formatLastCheckedAt(value: string | null): string {
-  return value ? formatDateTime(value) : '-';
-}
-
-function getChannelLabel(channel: DesktopReleaseChannel): string {
-  return channel === 'beta' ? t('desktopUpdatesChannelBeta') : t('desktopUpdatesChannelStable');
-}
-
-function getStatusLabel(status: string): string {
-  if (status === 'checking') {
-    return t('desktopUpdatesStatusChecking');
-  }
-  if (status === 'update-available') {
-    return t('desktopUpdatesStatusAvailable');
-  }
-  if (status === 'downloading') {
-    return t('desktopUpdatesStatusDownloading');
-  }
-  if (status === 'downloaded') {
-    return t('desktopUpdatesStatusDownloaded');
-  }
-  if (status === 'up-to-date') {
-    return t('desktopUpdatesStatusUpToDate');
-  }
-  if (status === 'failed') {
-    return t('desktopUpdatesStatusFailed');
-  }
-  return t('desktopUpdatesStatusIdle');
-}
-
-function getStatusTone(status: string): string {
-  if (status === 'downloaded') {
-    return 'bg-emerald-50 text-emerald-700 ring-emerald-100';
-  }
-  if (status === 'update-available' || status === 'downloading' || status === 'checking') {
-    return 'bg-amber-50 text-amber-700 ring-amber-100';
-  }
-  if (status === 'failed') {
-    return 'bg-red-50 text-red-700 ring-red-100';
-  }
-  return 'bg-gray-100 text-gray-700 ring-gray-200';
-}
-
-export function DesktopUpdateConfig() {
-  const { supported, initialized, busyAction, snapshot } = useDesktopUpdateStore();
-
-  useEffect(() => {
-    void desktopUpdateManager.start();
-    return () => {
-      desktopUpdateManager.stop();
-    };
-  }, []);
-
-  if (!initialized) {
-    return <div className="p-8 text-gray-400">{t('loading')}</div>;
-  }
-
-  if (!supported || !snapshot) {
-    return (
-      <PageLayout className="space-y-6">
-        <PageHeader
-          title={t('desktopUpdatesPageTitle')}
-          description={t('desktopUpdatesPageDescription')}
-        />
-        <Card>
-          <CardHeader>
-            <CardTitle>{t('desktopUpdatesDesktopOnlyTitle')}</CardTitle>
-            <CardDescription>{t('desktopUpdatesDesktopOnlyDescription')}</CardDescription>
-          </CardHeader>
-          <CardContent>
-            <p className="text-sm text-gray-500">{t('desktopUpdatesDesktopOnlyFutureHint')}</p>
-          </CardContent>
-        </Card>
-      </PageLayout>
-    );
-  }
-
-  const isChecking = busyAction === 'checking';
-  const isDownloading = busyAction === 'downloading';
-  const isApplying = busyAction === 'applying';
-  const isSavingPreferences = busyAction === 'saving-preferences';
-  const isSwitchingChannel = busyAction === 'switching-channel';
-  const canDownload = snapshot.status === 'update-available' && !isDownloading && !isApplying;
-  const canApply = snapshot.status === 'downloaded' && !isApplying;
-
-  return (
-    <PageLayout className="space-y-6">
-      <PageHeader
-        title={t('desktopUpdatesPageTitle')}
-        description={t('desktopUpdatesPageDescription')}
-        actions={(
-          <Button
-            variant="outline"
-            onClick={() => void desktopUpdateManager.checkForUpdates()}
-            disabled={isChecking || isDownloading || isApplying}
-          >
-            <RefreshCw className={cn('mr-2 h-4 w-4', isChecking && 'animate-spin')} />
-            {t('desktopUpdatesCheckNow')}
-          </Button>
-        )}
-      />
-
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('desktopUpdatesOverviewTitle')}</CardTitle>
-          <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>
-            <span className={cn('inline-flex rounded-full px-3 py-1 text-xs font-medium ring-1', getStatusTone(snapshot.status))}>
-              {getStatusLabel(snapshot.status)}
-            </span>
-          </div>
-
-          <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-5">
-            <div className="rounded-xl border border-gray-200 bg-gray-50/60 p-4">
-              <p className="text-xs font-medium uppercase tracking-[0.08em] text-gray-500">{t('desktopUpdatesLauncherVersion')}</p>
-              <p className="mt-2 text-base font-semibold text-gray-900">{formatVersion(snapshot.launcherVersion)}</p>
-            </div>
-            <div className="rounded-xl border border-gray-200 bg-gray-50/60 p-4">
-              <p className="text-xs font-medium uppercase tracking-[0.08em] text-gray-500">{t('desktopUpdatesCurrentBundleVersion')}</p>
-              <p className="mt-2 text-base font-semibold text-gray-900">{formatVersion(snapshot.currentVersion)}</p>
-            </div>
-            <div className="rounded-xl border border-gray-200 bg-gray-50/60 p-4">
-              <p className="text-xs font-medium uppercase tracking-[0.08em] text-gray-500">{t('desktopUpdatesAvailableVersion')}</p>
-              <p className="mt-2 text-base font-semibold text-gray-900">{formatVersion(snapshot.availableVersion)}</p>
-            </div>
-            <div className="rounded-xl border border-gray-200 bg-gray-50/60 p-4">
-              <p className="text-xs font-medium uppercase tracking-[0.08em] text-gray-500">{t('desktopUpdatesLastCheckedAt')}</p>
-              <p className="mt-2 text-base font-semibold text-gray-900">{formatLastCheckedAt(snapshot.lastCheckedAt)}</p>
-            </div>
-            <div className="rounded-xl border border-gray-200 bg-gray-50/60 p-4">
-              <p className="text-xs font-medium uppercase tracking-[0.08em] text-gray-500">{t('desktopUpdatesCurrentChannel')}</p>
-              <p className="mt-2 text-base font-semibold text-gray-900">{getChannelLabel(snapshot.channel)}</p>
-            </div>
-          </div>
-
-          {snapshot.channel === 'beta' ? (
-            <div className="rounded-2xl border border-amber-200 bg-amber-50/70 p-4">
-              <p className="text-sm font-semibold text-amber-800">{t('desktopUpdatesBetaBadgeTitle')}</p>
-              <p className="mt-1 text-sm text-amber-700">{t('desktopUpdatesBetaBadgeDescription')}</p>
-            </div>
-          ) : null}
-
-          {snapshot.downloadedVersion ? (
-            <div className="rounded-2xl border border-emerald-200 bg-emerald-50/70 p-4">
-              <p className="text-sm font-semibold text-emerald-800">{t('desktopUpdatesDownloadedBannerTitle')}</p>
-              <p className="mt-1 text-sm text-emerald-700">
-                {t('desktopUpdatesDownloadedBannerDescription').replace('{version}', snapshot.downloadedVersion)}
-              </p>
-            </div>
-          ) : null}
-
-          {snapshot.errorMessage ? (
-            <div className="rounded-2xl border border-red-200 bg-red-50/70 p-4 text-sm text-red-700">
-              {snapshot.errorMessage}
-            </div>
-          ) : null}
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('desktopUpdatesPreferencesTitle')}</CardTitle>
-          <CardDescription>{t('desktopUpdatesPreferencesDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-5">
-          <div className="rounded-xl border border-gray-200 p-4">
-            <div className="space-y-3">
-              <div className="space-y-1">
-                <Label>{t('desktopUpdatesReleaseChannel')}</Label>
-                <p className="text-sm text-gray-500">{t('desktopUpdatesReleaseChannelHelp')}</p>
-              </div>
-              <Select
-                value={snapshot.channel}
-                disabled={isSwitchingChannel || isChecking || isDownloading || isApplying}
-                onValueChange={(value) => void desktopUpdateManager.updateChannel(value as DesktopReleaseChannel)}
-              >
-                <SelectTrigger className="w-full max-w-sm">
-                  <SelectValue placeholder={t('desktopUpdatesReleaseChannel')} />
-                </SelectTrigger>
-                <SelectContent>
-                  <SelectItem value="stable">{t('desktopUpdatesChannelStable')}</SelectItem>
-                  <SelectItem value="beta">{t('desktopUpdatesChannelBeta')}</SelectItem>
-                </SelectContent>
-              </Select>
-              <p className="text-sm text-gray-500">{t('desktopUpdatesReleaseChannelDowngradeHint')}</p>
-            </div>
-          </div>
-
-          <div className="flex items-start justify-between gap-4 rounded-xl border border-gray-200 p-4">
-            <div className="space-y-1">
-              <Label>{t('desktopUpdatesAutomaticChecks')}</Label>
-              <p className="text-sm text-gray-500">{t('desktopUpdatesAutomaticChecksHelp')}</p>
-            </div>
-            <Switch
-              checked={snapshot.preferences.automaticChecks}
-              disabled={isSavingPreferences || isSwitchingChannel}
-              onCheckedChange={(checked) => void desktopUpdateManager.updatePreferences({ automaticChecks: checked })}
-            />
-          </div>
-
-          <div className="flex items-start justify-between gap-4 rounded-xl border border-gray-200 p-4">
-            <div className="space-y-1">
-              <Label>{t('desktopUpdatesAutoDownload')}</Label>
-              <p className="text-sm text-gray-500">{t('desktopUpdatesAutoDownloadHelp')}</p>
-            </div>
-            <Switch
-              checked={snapshot.preferences.autoDownload}
-              disabled={isSavingPreferences || isSwitchingChannel}
-              onCheckedChange={(checked) => void desktopUpdateManager.updatePreferences({ autoDownload: checked })}
-            />
-          </div>
-        </CardContent>
-      </Card>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('desktopUpdatesActionsTitle')}</CardTitle>
-          <CardDescription>{t('desktopUpdatesActionsDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="flex flex-wrap items-center gap-3">
-          <Button
-            variant="outline"
-            onClick={() => void desktopUpdateManager.checkForUpdates()}
-            disabled={isChecking || isDownloading || isApplying}
-          >
-            <RefreshCw className={cn('mr-2 h-4 w-4', isChecking && 'animate-spin')} />
-            {t('desktopUpdatesCheckNow')}
-          </Button>
-
-          <Button onClick={() => void desktopUpdateManager.downloadUpdate()} disabled={!canDownload}>
-            <Download className={cn('mr-2 h-4 w-4', isDownloading && 'animate-bounce')} />
-            {t('desktopUpdatesDownloadNow')}
-          </Button>
-
-          <Button variant="secondary" onClick={() => void desktopUpdateManager.applyDownloadedUpdate()} disabled={!canApply}>
-            <RotateCw className={cn('mr-2 h-4 w-4', isApplying && 'animate-spin')} />
-            {t('desktopUpdatesApplyNow')}
-          </Button>
-
-          {snapshot.releaseNotesUrl ? (
-            <Button variant="ghost" onClick={() => window.open(snapshot.releaseNotesUrl ?? '', '_blank', 'noopener,noreferrer')}>
-              <ExternalLink className="mr-2 h-4 w-4" />
-              {t('desktopUpdatesReleaseNotes')}
-            </Button>
-          ) : null}
-        </CardContent>
-      </Card>
-    </PageLayout>
-  );
-}

package/src/components/config/runtime-config-agent.utils.ts

@@ -1,96 +0,0 @@
-import type { AgentBindingView, AgentProfileView } from '@/api/types';
-
-export function createEmptyRuntimeAgent(): AgentProfileView {
-  return {
-    id: '',
-    default: false,
-    workspace: '',
-    model: '',
-    runtime: '',
-    contextTokens: undefined,
-    maxToolIterations: undefined
-  };
-}
-
-export function createEmptyRuntimeBinding(): AgentBindingView {
-  return {
-    agentId: '',
-    match: {
-      channel: '',
-      accountId: ''
-    }
-  };
-}
-
-export function hydrateRuntimeAgent(agent: AgentProfileView): AgentProfileView {
-  return {
-    id: agent.id ?? '',
-    default: Boolean(agent.default),
-    displayName: agent.displayName ?? '',
-    description: agent.description ?? '',
-    avatar: agent.avatar ?? '',
-    workspace: agent.workspace ?? '',
-    model: agent.model ?? '',
-    runtime: agent.runtime ?? agent.engine ?? '',
-    contextTokens: agent.contextTokens,
-    maxToolIterations: agent.maxToolIterations
-  };
-}
-
-export function hydrateRuntimeBinding(binding: AgentBindingView): AgentBindingView {
-  return {
-    agentId: binding.agentId ?? '',
-    match: {
-      channel: binding.match?.channel ?? '',
-      accountId: binding.match?.accountId ?? '',
-      peer: binding.match?.peer
-        ? {
-            kind: binding.match.peer.kind,
-            id: binding.match.peer.id
-          }
-        : undefined
-    }
-  };
-}
-
-export function parseOptionalInt(value: string): number | undefined {
-  const trimmed = value.trim();
-  if (!trimmed) {
-    return undefined;
-  }
-  const parsed = Number.parseInt(trimmed, 10);
-  return Number.isFinite(parsed) ? parsed : undefined;
-}
-
-export function toPersistedRuntimeAgent(agent: AgentProfileView): AgentProfileView {
-  const normalized: AgentProfileView = { id: agent.id.trim() };
-  if (agent.default) {
-    normalized.default = true;
-  }
-  if (agent.displayName?.trim()) {
-    normalized.displayName = agent.displayName.trim();
-  }
-  if (agent.description?.trim()) {
-    normalized.description = agent.description.trim();
-  }
-  if (agent.avatar?.trim()) {
-    normalized.avatar = agent.avatar.trim();
-  }
-  if (agent.workspace?.trim()) {
-    normalized.workspace = agent.workspace.trim();
-  }
-  if (agent.model?.trim()) {
-    normalized.model = agent.model.trim();
-  }
-  const runtime = agent.runtime?.trim() ?? agent.engine?.trim();
-  if (runtime) {
-    normalized.engine = runtime;
-  }
-  if (typeof agent.contextTokens === 'number') {
-    normalized.contextTokens = Math.max(1000, agent.contextTokens);
-  }
-  if (typeof agent.maxToolIterations === 'number') {
-    normalized.maxToolIterations = agent.maxToolIterations;
-  }
-  return normalized;
-}

package/src/components/config/runtime-control-card.test.tsx

@@ -1,311 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { render, screen, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import type { ReactNode } from 'react';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { toast } from 'sonner';
-import { RuntimeControlCard } from '@/components/config/runtime-control-card';
-import { setLanguage } from '@/lib/i18n';
-
-const mocks = vi.hoisted(() => ({
-  useRuntimeControl: vi.fn(),
-  useRuntimeServiceAction: vi.fn(),
-  waitForRecovery: vi.fn(),
-  restartApp: vi.fn(),
-}));
-
-vi.mock('sonner', () => ({
-  toast: {
-    success: vi.fn(),
-    error: vi.fn(),
-  },
-}));
-
-vi.mock('@/hooks/use-runtime-control', () => ({
-  useRuntimeControl: (...args: unknown[]) => mocks.useRuntimeControl(...args),
-  useRuntimeServiceAction: (...args: unknown[]) => mocks.useRuntimeServiceAction(...args),
-}));
-
-vi.mock('@/runtime-control/runtime-control.manager', () => ({
-  runtimeControlManager: {
-    waitForRecovery: (...args: unknown[]) => mocks.waitForRecovery(...args),
-    restartApp: (...args: unknown[]) => mocks.restartApp(...args),
-  },
-}));
-
-function createWrapper(queryClient: QueryClient) {
-  return function Wrapper({ children }: { children: ReactNode }) {
-    return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
-  };
-}
-
-describe('RuntimeControlCard', () => {
-  beforeEach(() => {
-    setLanguage('zh');
-    vi.clearAllMocks();
-    mocks.useRuntimeControl.mockReturnValue({
-      data: {
-        environment: 'managed-local-service',
-        lifecycle: 'healthy',
-        serviceState: 'running',
-        message: 'runtime healthy',
-        pendingRestart: null,
-        canStartService: {
-          available: false,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect',
-          reasonIfUnavailable: '当前页面已经由运行中的本地服务托管。'
-        },
-        canRestartService: {
-          available: true,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect',
-        },
-        canStopService: {
-          available: true,
-          requiresConfirmation: true,
-          impact: 'brief-ui-disconnect',
-        },
-        canRestartApp: {
-          available: false,
-          requiresConfirmation: true,
-          impact: 'full-app-relaunch',
-          reasonIfUnavailable: 'desktop only',
-        },
-        managementHint: 'This page is served by the running local service.'
-      },
-      isError: false,
-      error: null,
-    });
-    mocks.useRuntimeServiceAction.mockReturnValue({
-      mutateAsync: vi.fn().mockResolvedValue({
-        accepted: true,
-        action: 'restart-service',
-        lifecycle: 'restarting-service',
-        message: 'Restart scheduled. This page may disconnect for a few seconds.',
-      }),
-      isPending: false,
-    });
-    mocks.waitForRecovery.mockResolvedValue({
-      environment: 'managed-local-service',
-      lifecycle: 'healthy',
-      serviceState: 'running',
-      message: 'runtime healthy',
-      pendingRestart: null,
-      canStartService: {
-        available: false,
-        requiresConfirmation: false,
-        impact: 'brief-ui-disconnect',
-        reasonIfUnavailable: '当前页面已经由运行中的本地服务托管。'
-      },
-      canRestartService: {
-        available: true,
-        requiresConfirmation: false,
-        impact: 'brief-ui-disconnect',
-      },
-      canStopService: {
-        available: true,
-        requiresConfirmation: true,
-        impact: 'brief-ui-disconnect',
-      },
-      canRestartApp: {
-        available: false,
-        requiresConfirmation: true,
-        impact: 'full-app-relaunch',
-        reasonIfUnavailable: 'desktop only',
-      },
-      managementHint: 'This page is served by the running local service.'
-    });
-    mocks.restartApp.mockResolvedValue({
-      accepted: true,
-      action: 'restart-app',
-      lifecycle: 'restarting-app',
-      message: 'NextClaw app restart scheduled.',
-    });
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('renders service management actions from the current capability view', () => {
-    const queryClient = new QueryClient();
-
-    render(<RuntimeControlCard />, {
-      wrapper: createWrapper(queryClient),
-    });
-
-    const startButton = screen.getByRole('button', { name: '启动服务' }) as HTMLButtonElement;
-    const restartAppButton = screen.getByRole('button', { name: '重启应用' }) as HTMLButtonElement;
-    expect(screen.getByText('服务管理')).toBeTruthy();
-    expect(screen.getByText('服务运行中')).toBeTruthy();
-    expect(screen.getByRole('button', { name: '重启服务' })).toBeTruthy();
-    expect(screen.getByRole('button', { name: '停止服务' })).toBeTruthy();
-    expect(startButton.disabled).toBe(true);
-    expect(restartAppButton.disabled).toBe(true);
-    expect(screen.getByText('desktop only')).toBeTruthy();
-  });
-
-  it('runs the restart service flow and waits for recovery', async () => {
-    const queryClient = new QueryClient();
-    const user = userEvent.setup();
-    const invalidateQueriesSpy = vi.spyOn(queryClient, 'invalidateQueries');
-    const mutateAsync = vi.fn().mockResolvedValue({
-      accepted: true,
-      action: 'restart-service',
-      lifecycle: 'restarting-service',
-      message: 'Restart scheduled. This page may disconnect for a few seconds.',
-    });
-    mocks.useRuntimeServiceAction.mockReturnValue({
-      mutateAsync,
-      isPending: false,
-    });
-
-    render(<RuntimeControlCard />, {
-      wrapper: createWrapper(queryClient),
-    });
-
-    await user.click(screen.getByRole('button', { name: '重启服务' }));
-
-    await waitFor(() => {
-      expect(mutateAsync).toHaveBeenCalledWith('restart-service');
-      expect(mocks.waitForRecovery).toHaveBeenCalledTimes(1);
-    });
-    expect(toast.success).toHaveBeenCalledWith('Restart scheduled. This page may disconnect for a few seconds.');
-    expect(invalidateQueriesSpy).toHaveBeenCalledWith({ queryKey: ['runtime-control'] });
-  });
-
-  it('runs the stop service flow after confirmation', async () => {
-    const queryClient = new QueryClient();
-    const user = userEvent.setup();
-    const mutateAsync = vi.fn().mockResolvedValue({
-      accepted: true,
-      action: 'stop-service',
-      lifecycle: 'stopping-service',
-      message: 'Stop scheduled. This page will disconnect shortly.',
-    });
-    mocks.useRuntimeServiceAction.mockReturnValue({
-      mutateAsync,
-      isPending: false,
-    });
-    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true);
-
-    render(<RuntimeControlCard />, {
-      wrapper: createWrapper(queryClient),
-    });
-
-    await user.click(screen.getByRole('button', { name: '停止服务' }));
-
-    await waitFor(() => {
-      expect(confirmSpy).toHaveBeenCalledTimes(1);
-      expect(mutateAsync).toHaveBeenCalledWith('stop-service');
-    });
-    expect(mocks.waitForRecovery).not.toHaveBeenCalled();
-    expect(toast.success).toHaveBeenCalledWith('Stop scheduled. This page will disconnect shortly.');
-  });
-
-  it('runs the desktop restart app flow after confirmation', async () => {
-    const queryClient = new QueryClient();
-    const user = userEvent.setup();
-
-    mocks.useRuntimeControl.mockReturnValue({
-      data: {
-        environment: 'desktop-embedded',
-        lifecycle: 'healthy',
-        serviceState: 'running',
-        message: 'runtime healthy',
-        pendingRestart: null,
-        canStartService: {
-          available: false,
-          requiresConfirmation: false,
-          impact: 'none',
-        },
-        canRestartService: {
-          available: true,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect',
-        },
-        canStopService: {
-          available: false,
-          requiresConfirmation: true,
-          impact: 'brief-ui-disconnect',
-        },
-        canRestartApp: {
-          available: true,
-          requiresConfirmation: true,
-          impact: 'full-app-relaunch',
-        },
-        managementHint: 'desktop launcher hint'
-      },
-      isError: false,
-      error: null,
-    });
-
-    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(true);
-
-    render(<RuntimeControlCard />, {
-      wrapper: createWrapper(queryClient),
-    });
-
-    await user.click(screen.getByRole('button', { name: '重启应用' }));
-
-    await waitFor(() => {
-      expect(confirmSpy).toHaveBeenCalledTimes(1);
-      expect(mocks.restartApp).toHaveBeenCalledTimes(1);
-    });
-    expect(toast.success).toHaveBeenCalledWith('NextClaw app restart scheduled.');
-  });
-
-  it('shows a pending restart notice instead of auto-applying hidden restarts', () => {
-    const queryClient = new QueryClient();
-
-    mocks.useRuntimeControl.mockReturnValue({
-      data: {
-        environment: 'managed-local-service',
-        lifecycle: 'healthy',
-        serviceState: 'running',
-        message: 'Saved changes are waiting for a manual restart.',
-        pendingRestart: {
-          changedPaths: ['plugins', 'ui'],
-          message: 'Saved changes are waiting for a manual restart.',
-          reasons: ['config reload requires restart: plugins, ui'],
-          requestedAt: '2026-04-17T10:00:00.000Z'
-        },
-        canStartService: {
-          available: false,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect',
-          reasonIfUnavailable: '当前页面已经由运行中的本地服务托管。'
-        },
-        canRestartService: {
-          available: true,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect',
-        },
-        canStopService: {
-          available: true,
-          requiresConfirmation: true,
-          impact: 'brief-ui-disconnect',
-        },
-        canRestartApp: {
-          available: false,
-          requiresConfirmation: true,
-          impact: 'full-app-relaunch',
-          reasonIfUnavailable: 'desktop only',
-        },
-        managementHint: 'This page is served by the running local service.'
-      },
-      isError: false,
-      error: null,
-    });
-
-    render(<RuntimeControlCard />, {
-      wrapper: createWrapper(queryClient),
-    });
-
-    expect(screen.getByText('待重启')).toBeTruthy();
-    expect(screen.getByText('这次改动已经保存，但系统不会自动重启。请在你方便的时候手动重启，重启完成后该提示会自动清空。')).toBeTruthy();
-    expect(screen.getByText('plugins')).toBeTruthy();
-    expect(screen.getByText('ui')).toBeTruthy();
-  });
-});