@nextclaw/ui 0.12.10 → 0.12.12

package/src/components/config/weixin-channel-auth-section.tsx

@@ -1,305 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { toDataURL } from 'qrcode';
-import { Button } from '@/components/ui/button';
-import { formatDateTime, t } from '@/lib/i18n';
-import { cn } from '@/lib/utils';
-import { toast } from 'sonner';
-import { ExternalLink, Loader2, MessageCircleMore, QrCode } from 'lucide-react';
-import { usePollChannelAuth, useStartChannelAuth } from '@/hooks/use-channel-auth';
-import type { ChannelAuthPollResult, ChannelAuthStartResult } from '@/api/channel-auth.types';
-
-type WeixinChannelAuthSectionProps = {
-  channelConfig: Record<string, unknown>;
-  formData: Record<string, unknown>;
-  channelEnabled: boolean;
-  disabled?: boolean;
-};
-
-function resolveConnectedAccountIds(channelConfig: Record<string, unknown>): string[] {
-  const accounts = channelConfig.accounts;
-  const ids = new Set<string>();
-  if (typeof channelConfig.defaultAccountId === 'string' && channelConfig.defaultAccountId.trim()) {
-    ids.add(channelConfig.defaultAccountId.trim());
-  }
-  if (accounts && typeof accounts === 'object' && !Array.isArray(accounts)) {
-    for (const accountId of Object.keys(accounts)) {
-      const trimmed = accountId.trim();
-      if (trimmed) {
-        ids.add(trimmed);
-      }
-    }
-  }
-  return [...ids];
-}
-
-function resolveBaseUrl(formData: Record<string, unknown>, channelConfig: Record<string, unknown>): string | undefined {
-  if (typeof formData.baseUrl === 'string' && formData.baseUrl.trim()) {
-    return formData.baseUrl.trim();
-  }
-  if (typeof channelConfig.baseUrl === 'string' && channelConfig.baseUrl.trim()) {
-    return channelConfig.baseUrl.trim();
-  }
-  return undefined;
-}
-
-export function WeixinChannelAuthSection({
-  channelConfig,
-  formData,
-  channelEnabled,
-  disabled = false
-}: WeixinChannelAuthSectionProps) {
-  const queryClient = useQueryClient();
-  const startChannelAuth = useStartChannelAuth();
-  const pollChannelAuth = usePollChannelAuth();
-  const [activeSession, setActiveSession] = useState<ChannelAuthStartResult | null>(null);
-  const [authState, setAuthState] = useState<ChannelAuthPollResult | null>(null);
-  const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
-
-  const connectedAccountIds = useMemo(() => resolveConnectedAccountIds(channelConfig), [channelConfig]);
-  const primaryAccountId = connectedAccountIds[0];
-  const baseUrl = resolveBaseUrl(formData, channelConfig);
-  const hasConnectedAccount = connectedAccountIds.length > 0;
-
-  useEffect(() => {
-    if (!hasConnectedAccount) {
-      return;
-    }
-
-    setActiveSession(null);
-    setAuthState((prev) => {
-      if (prev?.status === 'authorized') {
-        return prev;
-      }
-      return {
-        channel: 'weixin',
-        status: 'authorized',
-        message: t('weixinAuthAuthorized'),
-        accountId: primaryAccountId ?? null
-      };
-    });
-  }, [hasConnectedAccount, primaryAccountId]);
-
-  useEffect(() => {
-    if (!activeSession) {
-      setQrDataUrl(null);
-      return;
-    }
-
-    let cancelled = false;
-
-    void toDataURL(activeSession.qrCodeUrl, {
-      errorCorrectionLevel: 'M',
-      margin: 1,
-      width: 480
-    })
-      .then((dataUrl: string) => {
-        if (!cancelled) {
-          setQrDataUrl(dataUrl);
-        }
-      })
-      .catch(() => {
-        if (!cancelled) {
-          setQrDataUrl(null);
-        }
-      });
-
-    return () => {
-      cancelled = true;
-    };
-  }, [activeSession]);
-
-  useEffect(() => {
-    if (!activeSession) {
-      return;
-    }
-
-    let cancelled = false;
-    let timer: ReturnType<typeof setTimeout> | null = null;
-
-    const runPoll = async () => {
-      try {
-        const result = await pollChannelAuth.mutateAsync({
-          channel: 'weixin',
-          data: { sessionId: activeSession.sessionId }
-        });
-        if (cancelled) {
-          return;
-        }
-
-        setAuthState(result);
-
-        if (result.status === 'authorized') {
-          await queryClient.invalidateQueries({ queryKey: ['config'] });
-          await queryClient.invalidateQueries({ queryKey: ['config-meta'] });
-          toast.success(result.message || t('weixinAuthAuthorized'));
-          setActiveSession(null);
-          return;
-        }
-
-        if (result.status === 'expired' || result.status === 'error') {
-          toast.error(result.message || t('weixinAuthRetryRequired'));
-          setActiveSession(null);
-          return;
-        }
-
-        timer = setTimeout(runPoll, result.nextPollMs ?? activeSession.intervalMs);
-      } catch (error) {
-        if (cancelled) {
-          return;
-        }
-        const message = error instanceof Error ? error.message : String(error);
-        toast.error(`${t('error')}: ${message}`);
-        setActiveSession(null);
-      }
-    };
-
-    timer = setTimeout(runPoll, activeSession.intervalMs);
-
-    return () => {
-      cancelled = true;
-      if (timer) {
-        clearTimeout(timer);
-      }
-    };
-  }, [activeSession, pollChannelAuth, queryClient]);
-
-  const handleStartAuth = async () => {
-    try {
-      const result = await startChannelAuth.mutateAsync({
-        channel: 'weixin',
-        data: {
-          baseUrl,
-          accountId:
-            typeof formData.defaultAccountId === 'string' && formData.defaultAccountId.trim()
-              ? formData.defaultAccountId.trim()
-              : undefined
-        }
-      });
-      setActiveSession(result);
-      setAuthState({
-        channel: 'weixin',
-        status: 'pending',
-        message: result.note,
-        nextPollMs: result.intervalMs
-      });
-    } catch (error) {
-      const message = error instanceof Error ? error.message : String(error);
-      toast.error(`${t('error')}: ${message}`);
-    }
-  };
-
-  const statusLabel = activeSession
-    ? authState?.status === 'scanned'
-      ? t('weixinAuthScanned')
-      : t('weixinAuthWaiting')
-    : hasConnectedAccount
-      ? channelEnabled
-        ? t('weixinAuthAuthorized')
-        : t('weixinAuthConnectedDisabled')
-      : t('weixinAuthNotConnected');
-
-  const connectButtonLabel = startChannelAuth.isPending
-    ? t('weixinAuthStarting')
-    : activeSession
-      ? t('weixinAuthWaiting')
-      : hasConnectedAccount
-        ? t('weixinAuthReconnect')
-        : t('weixinAuthConnect');
-
-  return (
-    <section className="rounded-2xl border border-primary/20 bg-gradient-to-br from-primary-50/70 via-white to-emerald-50/60 p-5">
-      <div className="flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between">
-        <div className="space-y-3">
-          <div className="inline-flex items-center gap-2 rounded-full bg-white/90 px-3 py-1 text-xs font-medium text-primary shadow-sm">
-            <QrCode className="h-3.5 w-3.5" />
-            {t('weixinAuthTitle')}
-          </div>
-          <div>
-            <h4 className="text-base font-semibold text-gray-900">{t('weixinAuthDescription')}</h4>
-            <p className="mt-1 text-sm text-gray-600">{t('weixinAuthHint')}</p>
-          </div>
-          <div
-            className={cn(
-              'inline-flex w-fit items-center gap-2 rounded-full px-3 py-1 text-xs font-medium',
-              activeSession
-                ? 'bg-amber-50 text-amber-700'
-                : hasConnectedAccount
-                  ? 'bg-emerald-50 text-emerald-700'
-                  : 'bg-gray-100 text-gray-600'
-            )}
-          >
-            {activeSession ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <MessageCircleMore className="h-3.5 w-3.5" />}
-            {statusLabel}
-          </div>
-          <div className="space-y-1 text-sm text-gray-600">
-            <p>{channelEnabled || !hasConnectedAccount ? t('weixinAuthCapabilityHint') : t('weixinAuthDisabledHint')}</p>
-            {primaryAccountId ? (
-              <p>
-                {t('weixinAuthPrimaryAccount')}: <span className="font-mono text-xs text-gray-900">{primaryAccountId}</span>
-              </p>
-            ) : null}
-            {connectedAccountIds.length > 1 ? (
-              <p>
-                {t('weixinAuthConnectedAccounts')}: <span className="font-mono text-xs text-gray-900">{connectedAccountIds.join(', ')}</span>
-              </p>
-            ) : null}
-            {baseUrl ? (
-              <p>
-                {t('weixinAuthBaseUrl')}: <span className="font-mono text-xs text-gray-900">{baseUrl}</span>
-              </p>
-            ) : null}
-          </div>
-          <Button
-            type="button"
-            onClick={handleStartAuth}
-            disabled={disabled || startChannelAuth.isPending || Boolean(activeSession)}
-            className="rounded-xl"
-          >
-            {connectButtonLabel}
-          </Button>
-        </div>
-
-        <div className="w-full max-w-sm rounded-2xl border border-dashed border-primary/25 bg-white/85 p-4 shadow-sm">
-          {activeSession ? (
-            <div className="space-y-3">
-              <div className="overflow-hidden rounded-2xl border border-gray-100 bg-white p-3">
-                {qrDataUrl ? (
-                  <img src={qrDataUrl} alt={t('weixinAuthQrAlt')} className="mx-auto aspect-square w-full max-w-[240px] object-contain" />
-                ) : (
-                  <div className="flex aspect-square w-full items-center justify-center rounded-xl bg-gray-50 text-gray-500">
-                    <div className="flex flex-col items-center gap-2 text-center">
-                      <Loader2 className="h-5 w-5 animate-spin" />
-                      <p className="text-xs">{t('weixinAuthStarting')}</p>
-                    </div>
-                  </div>
-                )}
-              </div>
-              <div className="space-y-1 text-xs text-gray-500">
-                <p>{authState?.message || activeSession.note || t('weixinAuthScanPrompt')}</p>
-                <p>
-                  {t('weixinAuthExpiresAt')}: {formatDateTime(activeSession.expiresAt)}
-                </p>
-              </div>
-              <a
-                href={activeSession.qrCodeUrl}
-                target="_blank"
-                rel="noreferrer"
-                className="inline-flex items-center gap-1.5 text-xs text-primary transition-colors hover:text-primary-hover"
-              >
-                <ExternalLink className="h-3.5 w-3.5" />
-                {t('weixinAuthOpenQr')}
-              </a>
-            </div>
-          ) : (
-            <div className="flex min-h-[280px] flex-col items-center justify-center rounded-2xl bg-gray-50/80 px-6 text-center">
-              <QrCode className="h-9 w-9 text-gray-300" />
-              <p className="mt-3 text-sm font-medium text-gray-700">{t('weixinAuthReadyTitle')}</p>
-              <p className="mt-1 text-xs leading-5 text-gray-500">{t('weixinAuthReadyDescription')}</p>
-            </div>
-          )}
-        </div>
-      </div>
-    </section>
-  );
-}

package/src/components/doc-browser/index.ts

@@ -1,3 +0,0 @@
-export { DocBrowser } from './DocBrowser';
-export { DocBrowserProvider, useDocBrowser, isDocsUrl } from './DocBrowserContext';
-export { useDocLinkInterceptor } from './useDocLinkInterceptor';

package/src/components/layout/AppLayout.tsx

@@ -1,82 +0,0 @@
-import { lazy, Suspense, useEffect } from "react";
-import { useLocation } from "react-router-dom";
-import { Sidebar } from "./Sidebar";
-import {
-  DocBrowserProvider,
-  useDocBrowser,
-} from "@/components/doc-browser/DocBrowserContext";
-import { useDocLinkInterceptor } from "@/components/doc-browser/useDocLinkInterceptor";
-import { useI18n } from "@/components/providers/I18nProvider";
-import { resolveUiDocumentTitle } from "@/lib/ui-document-title";
-
-const DocBrowser = lazy(async () => ({
-  default: (await import("@/components/doc-browser/DocBrowser")).DocBrowser,
-}));
-
-interface AppLayoutProps {
-  children: React.ReactNode;
-}
-
-function isMainWorkspaceRoute(pathname: string): boolean {
-  const normalized = pathname.toLowerCase();
-  return (
-    normalized === "/chat" ||
-    normalized.startsWith("/chat/") ||
-    normalized === "/skills" ||
-    normalized.startsWith("/skills/") ||
-    normalized === "/cron" ||
-    normalized.startsWith("/cron/") ||
-    normalized === "/agents" ||
-    normalized.startsWith("/agents/")
-  );
-}
-
-function AppLayoutInner({ children }: AppLayoutProps) {
-  const { isOpen, mode } = useDocBrowser();
-  useDocLinkInterceptor();
-  const { pathname } = useLocation();
-  const { language } = useI18n();
-  const isMainRoute = isMainWorkspaceRoute(pathname);
-
-  useEffect(() => {
-    document.title = resolveUiDocumentTitle(pathname);
-  }, [pathname, language]);
-
-  return (
-    <div className="h-screen flex bg-background font-sans text-foreground">
-      {!isMainRoute && <Sidebar mode="settings" />}
-      <div className="flex-1 flex min-w-0 overflow-hidden relative">
-        <div className="flex-1 flex flex-col min-w-0 overflow-hidden">
-          {isMainRoute ? (
-            <div className="flex-1 h-full overflow-hidden">{children}</div>
-          ) : (
-            <main className="flex-1 overflow-auto p-8 pb-16 custom-scrollbar">
-              <div className="mx-auto h-full max-w-6xl animate-fade-in">
-                {children}
-              </div>
-            </main>
-          )}
-        </div>
-        {/* Doc Browser: docked mode renders inline, floating mode renders as overlay */}
-        {isOpen && mode === "docked" && (
-          <Suspense fallback={null}>
-            <DocBrowser />
-          </Suspense>
-        )}
-      </div>
-      {isOpen && mode === "floating" && (
-        <Suspense fallback={null}>
-          <DocBrowser />
-        </Suspense>
-      )}
-    </div>
-  );
-}
-
-export function AppLayout({ children }: AppLayoutProps) {
-  return (
-    <DocBrowserProvider>
-      <AppLayoutInner>{children}</AppLayoutInner>
-    </DocBrowserProvider>
-  );
-}

package/src/components/layout/runtime-status-entry.test.tsx

@@ -1,157 +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 { beforeEach, describe, expect, it, vi } from 'vitest';
-import { toast } from 'sonner';
-import { RuntimeStatusEntry } from '@/components/layout/runtime-status-entry';
-import { setLanguage } from '@/lib/i18n';
-
-const mocks = vi.hoisted(() => ({
-  useRuntimeControl: vi.fn(),
-  controlService: vi.fn()
-}));
-
-vi.mock('sonner', () => ({
-  toast: {
-    success: vi.fn(),
-    error: vi.fn()
-  }
-}));
-
-vi.mock('@/hooks/use-runtime-control', () => ({
-  useRuntimeControl: (...args: unknown[]) => mocks.useRuntimeControl(...args)
-}));
-
-vi.mock('@/runtime-control/runtime-control.manager', () => ({
-  runtimeControlManager: {
-    controlService: (...args: unknown[]) => mocks.controlService(...args)
-  }
-}));
-
-function createWrapper(queryClient: QueryClient) {
-  return function Wrapper({ children }: { children: ReactNode }) {
-    return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
-  };
-}
-
-describe('RuntimeStatusEntry', () => {
-  beforeEach(() => {
-    setLanguage('zh');
-    vi.clearAllMocks();
-  });
-
-  it('shows a compact pending-restart entry with reasons and a restart action', async () => {
-    const queryClient = new QueryClient();
-    const user = userEvent.setup();
-    const invalidateQueriesSpy = vi.spyOn(queryClient, 'invalidateQueries');
-
-    mocks.useRuntimeControl.mockReturnValue({
-      data: {
-        environment: 'managed-local-service',
-        lifecycle: 'healthy',
-        serviceState: 'running',
-        message: 'runtime healthy',
-        pendingRestart: {
-          changedPaths: ['plugins', 'ui'],
-          message: 'Saved changes are waiting for a manual restart.',
-          reasons: ['config reload requires restart: plugins, ui'],
-          requestedAt: '2026-04-17T12:00:00.000Z'
-        },
-        canStartService: {
-          available: false,
-          requiresConfirmation: false,
-          impact: 'brief-ui-disconnect'
-        },
-        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'
-        }
-      },
-      isError: false,
-      error: null
-    });
-    mocks.controlService.mockResolvedValue({
-      accepted: true,
-      action: 'restart-service',
-      lifecycle: 'restarting-service',
-      message: 'Restart scheduled. This page may disconnect for a few seconds.'
-    });
-
-    render(<RuntimeStatusEntry />, {
-      wrapper: createWrapper(queryClient)
-    });
-
-    await user.click(screen.getByTestId('runtime-status-entry'));
-
-    expect(screen.getByText('待重启')).toBeTruthy();
-    expect(screen.getByText('这些改动已经保存，但不会自动重启。你可以在这里查看原因，并在方便的时候手动重启。')).toBeTruthy();
-    expect(screen.getByText('plugins 改动将在重启后生效。')).toBeTruthy();
-    expect(screen.getByText('ui 改动将在重启后生效。')).toBeTruthy();
-
-    await user.click(screen.getByRole('button', { name: '立即重启' }));
-
-    await waitFor(() => {
-      expect(mocks.controlService).toHaveBeenCalledWith('restart-service');
-    });
-    expect(toast.success).toHaveBeenCalledWith('Restart scheduled. This page may disconnect for a few seconds.');
-    expect(invalidateQueriesSpy).toHaveBeenCalledWith({ queryKey: ['runtime-control'] });
-  });
-
-  it('shows a healthy status without restart controls when no action is needed', async () => {
-    const queryClient = new QueryClient();
-    const user = userEvent.setup();
-
-    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'
-        },
-        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'
-        }
-      },
-      isError: false,
-      error: null
-    });
-
-    render(<RuntimeStatusEntry />, {
-      wrapper: createWrapper(queryClient)
-    });
-
-    await user.click(screen.getByTestId('runtime-status-entry'));
-
-    expect(screen.getByText('系统正常')).toBeTruthy();
-    expect(screen.queryByRole('button', { name: '立即重启' })).toBeNull();
-  });
-});

package/src/components/layout/runtime-status-entry.tsx

@@ -1,143 +0,0 @@
-import { useState } from 'react';
-import { useQueryClient } from '@tanstack/react-query';
-import { useRuntimeControl } from '@/hooks/use-runtime-control';
-import { runtimeControlManager } from '@/runtime-control/runtime-control.manager';
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
-import { t } from '@/lib/i18n';
-import { cn } from '@/lib/utils';
-import { toast } from 'sonner';
-
-type RuntimeStatusTone = 'healthy' | 'attention' | 'inactive';
-
-const runtimeStatusToneStyles: Record<RuntimeStatusTone, string> = {
-  healthy: 'bg-emerald-500 shadow-[0_0_0_3px_rgba(16,185,129,0.14)]',
-  attention: 'bg-amber-400 shadow-[0_0_0_3px_rgba(251,191,36,0.16)]',
-  inactive: 'bg-gray-300 shadow-[0_0_0_3px_rgba(156,163,175,0.12)]'
-};
-
-type RuntimeStatusSummary = {
-  actionLabel: string | null;
-  description: string;
-  reasonLines: string[];
-  title: string;
-  tone: RuntimeStatusTone;
-};
-
-function buildRuntimeStatusSummary(
-  view: ReturnType<typeof useRuntimeControl>['data']
-): RuntimeStatusSummary {
-  if (!view) {
-    return {
-      tone: 'inactive',
-      title: t('runtimeStatusLoadingTitle'),
-      description: t('runtimeStatusLoadingDescription'),
-      reasonLines: [],
-      actionLabel: null
-    };
-  }
-
-  if (view.pendingRestart) {
-    return {
-      tone: 'attention',
-      title: t('runtimeStatusPendingRestartTitle'),
-      description: t('runtimeStatusPendingRestartDescription'),
-      reasonLines:
-        view.pendingRestart.changedPaths.length > 0
-          ? view.pendingRestart.changedPaths.map((path) =>
-              t('runtimeStatusPendingRestartReasonItem').replace('{path}', path)
-            )
-          : [view.pendingRestart.message],
-      actionLabel: view.canRestartService.available ? t('runtimeStatusRestartAction') : null
-    };
-  }
-
-  return {
-    tone: view.lifecycle === 'healthy' ? 'healthy' : 'inactive',
-    title: t('runtimeStatusHealthyTitle'),
-    description: t('runtimeStatusHealthyDescription'),
-    reasonLines: [],
-    actionLabel: null
-  };
-}
-
-export function RuntimeStatusEntry() {
-  const queryClient = useQueryClient();
-  const runtimeControlQuery = useRuntimeControl();
-  const [isRestarting, setIsRestarting] = useState(false);
-  const runtimeView = runtimeControlQuery.data;
-  const summary = buildRuntimeStatusSummary(runtimeView);
-  const title = runtimeControlQuery.isError ? t('runtimeControlLoadFailed') : summary.title;
-  const description =
-    runtimeControlQuery.isError && runtimeControlQuery.error instanceof Error
-      ? runtimeControlQuery.error.message
-      : summary.description;
-  const canRestart = Boolean(runtimeView?.pendingRestart && runtimeView.canRestartService.available);
-
-  const handleRestart = async () => {
-    if (!canRestart) {
-      return;
-    }
-    setIsRestarting(true);
-    try {
-      const result = await runtimeControlManager.controlService('restart-service');
-      toast.success(result.message);
-      await queryClient.invalidateQueries({ queryKey: ['runtime-control'] });
-    } catch (error) {
-      const message = error instanceof Error ? error.message : t('runtimeControlActionFailed');
-      toast.error(`${t('runtimeControlActionFailed')}: ${message}`);
-    } finally {
-      setIsRestarting(false);
-    }
-  };
-
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <button
-          type="button"
-          className="inline-flex items-center justify-center rounded-full p-0.5 transition-transform hover:scale-105"
-          aria-label={title}
-          title={title}
-          data-testid="runtime-status-entry"
-        >
-          <span className={cn('h-2.5 w-2.5 rounded-full', runtimeStatusToneStyles[summary.tone])} />
-        </button>
-      </PopoverTrigger>
-      <PopoverContent
-        align="start"
-        sideOffset={10}
-        className="w-[290px] space-y-3 rounded-2xl border border-gray-200 bg-white p-4"
-      >
-        <div className="space-y-1">
-          <div className="text-sm font-semibold text-gray-900">{title}</div>
-          <p className="text-xs leading-5 text-gray-600">{description}</p>
-        </div>
-        {summary.reasonLines.length > 0 ? (
-          <div className="space-y-2">
-            {summary.reasonLines.map((reason) => (
-              <div
-                key={reason}
-                className="rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-xs leading-5 text-amber-900"
-              >
-                {reason}
-              </div>
-            ))}
-          </div>
-        ) : null}
-        {summary.actionLabel ? (
-          <div className="flex items-center justify-between border-t border-gray-100 pt-1">
-            <span className="text-[11px] text-gray-500">{t('runtimeStatusActionHint')}</span>
-            <button
-              type="button"
-              onClick={() => void handleRestart()}
-              disabled={isRestarting}
-              className="text-sm font-semibold text-sky-600 transition-colors hover:text-sky-700 disabled:text-gray-400"
-            >
-              {isRestarting ? t('runtimeStatusRestartingAction') : summary.actionLabel}
-            </button>
-          </div>
-        ) : null}
-      </PopoverContent>
-    </Popover>
-  );
-}