@nextclaw/ui 0.12.11 → 0.12.13

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

@@ -1,273 +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 { formatDateTime, t } from '@/lib/i18n';
-import { cn } from '@/lib/utils';
-import {
-  desktopUpdateManager,
-  type DesktopReleaseChannel,
-  useDesktopUpdateStore,
-} from '@/platforms/desktop';
-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-security-card.tsx

@@ -1,276 +0,0 @@
-import { useState } from 'react';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
-import { Input } from '@/components/ui/input';
-import { Label } from '@/components/ui/label';
-import { Switch } from '@/components/ui/switch';
-import {
-  useAuthStatus,
-  useLogoutAuth,
-  useSetupAuth,
-  useUpdateAuthEnabled,
-  useUpdateAuthPassword
-} from '@/hooks/use-auth';
-import { t } from '@/lib/i18n';
-import { toast } from 'sonner';
-
-const MIN_PASSWORD_LENGTH = 8;
-
-function hasValidPasswordLength(password: string): boolean {
-  return password.trim().length >= MIN_PASSWORD_LENGTH;
-}
-
-function validatePasswordConfirmation(password: string, confirmPassword: string): boolean {
-  if (password !== confirmPassword) {
-    toast.error(t('authPasswordMismatch'));
-    return false;
-  }
-  return true;
-}
-
-export function RuntimeSecurityCard() {
-  const authStatus = useAuthStatus();
-  const setupAuth = useSetupAuth();
-  const updateAuthEnabled = useUpdateAuthEnabled();
-  const updateAuthPassword = useUpdateAuthPassword();
-  const logoutAuth = useLogoutAuth();
-
-  const [setupUsername, setSetupUsername] = useState('');
-  const [setupPassword, setSetupPassword] = useState('');
-  const [setupConfirmPassword, setSetupConfirmPassword] = useState('');
-  const [nextPassword, setNextPassword] = useState('');
-  const [nextConfirmPassword, setNextConfirmPassword] = useState('');
-
-  const auth = authStatus.data;
-  const canSubmitSetup = (
-    setupUsername.trim().length > 0 &&
-    hasValidPasswordLength(setupPassword) &&
-    setupPassword === setupConfirmPassword &&
-    !setupAuth.isPending
-  );
-  const canUpdatePassword = (
-    hasValidPasswordLength(nextPassword) &&
-    nextPassword === nextConfirmPassword &&
-    !updateAuthPassword.isPending
-  );
-
-  const handleSetup = async () => {
-    if (!validatePasswordConfirmation(setupPassword, setupConfirmPassword)) {
-      return;
-    }
-    try {
-      await setupAuth.mutateAsync({
-        username: setupUsername.trim(),
-        password: setupPassword
-      });
-      setSetupPassword('');
-      setSetupConfirmPassword('');
-    } catch {
-      // handled by mutation toast
-    }
-  };
-
-  const handlePasswordUpdate = async () => {
-    if (!validatePasswordConfirmation(nextPassword, nextConfirmPassword)) {
-      return;
-    }
-    try {
-      await updateAuthPassword.mutateAsync({
-        password: nextPassword
-      });
-      setNextPassword('');
-      setNextConfirmPassword('');
-    } catch {
-      // handled by mutation toast
-    }
-  };
-
-  const handleEnabledChange = async (enabled: boolean) => {
-    try {
-      await updateAuthEnabled.mutateAsync({ enabled });
-    } catch {
-      // handled by mutation toast
-    }
-  };
-
-  const handleLogout = async () => {
-    try {
-      await logoutAuth.mutateAsync();
-    } catch {
-      // handled by mutation toast
-    }
-  };
-
-  if (authStatus.isLoading && !auth) {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('authSecurityTitle')}</CardTitle>
-          <CardDescription>{t('authSecurityDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="text-sm text-gray-500">{t('loading')}</CardContent>
-      </Card>
-    );
-  }
-
-  if (authStatus.isError || !auth) {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('authSecurityTitle')}</CardTitle>
-          <CardDescription>{t('authSecurityDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-4">
-          <p className="text-sm text-gray-500">{t('authStatusLoadFailed')}</p>
-          <Button
-            variant="outline"
-            onClick={() => {
-              void authStatus.refetch();
-            }}
-          >
-            {t('authRetryStatus')}
-          </Button>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  if (!auth.configured) {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle>{t('authSecurityTitle')}</CardTitle>
-          <CardDescription>{t('authSecurityDescription')}</CardDescription>
-        </CardHeader>
-        <CardContent className="space-y-5">
-          <div className="rounded-xl border border-dashed border-gray-200 bg-gray-50/70 p-4">
-            <p className="text-sm font-medium text-gray-900">{t('authSetupTitle')}</p>
-            <p className="mt-1 text-sm text-gray-500">{t('authSetupDescription')}</p>
-          </div>
-
-          <div className="grid gap-4 md:grid-cols-2">
-            <div className="space-y-2">
-              <Label htmlFor="auth-setup-username">{t('authUsername')}</Label>
-              <Input
-                id="auth-setup-username"
-                value={setupUsername}
-                onChange={(event) => setSetupUsername(event.target.value)}
-                placeholder={t('authUsernamePlaceholder')}
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="auth-setup-password">{t('authPassword')}</Label>
-              <Input
-                id="auth-setup-password"
-                type="password"
-                value={setupPassword}
-                onChange={(event) => setSetupPassword(event.target.value)}
-                placeholder={t('authPasswordPlaceholder')}
-              />
-            </div>
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="auth-setup-confirm">{t('authConfirmPassword')}</Label>
-            <Input
-              id="auth-setup-confirm"
-              type="password"
-              value={setupConfirmPassword}
-              onChange={(event) => setSetupConfirmPassword(event.target.value)}
-              placeholder={t('authConfirmPasswordPlaceholder')}
-            />
-            <p className="text-xs text-gray-500">{t('authPasswordMinLengthHint')}</p>
-          </div>
-
-          <Button type="button" disabled={!canSubmitSetup} onClick={() => void handleSetup()}>
-            {setupAuth.isPending ? t('authSettingUp') : t('authSetupAction')}
-          </Button>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>{t('authSecurityTitle')}</CardTitle>
-        <CardDescription>{t('authSecurityDescription')}</CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-6">
-        <div className="rounded-xl border border-gray-200 p-4">
-          <div className="flex flex-col gap-4 md:flex-row md:items-start md:justify-between">
-            <div className="space-y-1">
-              <p className="text-sm font-medium text-gray-900">{t('authStatusLabel')}</p>
-              <p className="text-sm text-gray-600">
-                {t('authStatusConfiguredUser').replace('{username}', auth.username ?? '')}
-              </p>
-              <p className="text-xs text-gray-500">{t('authUsernameFixedHelp')}</p>
-            </div>
-            <span className="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-medium text-gray-700">
-              {auth.enabled ? t('enabled') : t('disabled')}
-            </span>
-          </div>
-
-          <div className="mt-4 flex flex-col gap-4 border-t border-gray-200 pt-4 md:flex-row md:items-center md:justify-between">
-            <div className="space-y-1">
-              <p className="text-sm font-medium text-gray-900">{t('authEnableLabel')}</p>
-              <p className="text-xs text-gray-500">
-                {auth.enabled ? t('authEnableOnHelp') : t('authEnableOffHelp')}
-              </p>
-            </div>
-            <Switch
-              checked={auth.enabled}
-              disabled={updateAuthEnabled.isPending}
-              onCheckedChange={(checked) => {
-                void handleEnabledChange(checked);
-              }}
-            />
-          </div>
-        </div>
-
-        <div className="rounded-xl border border-gray-200 p-4 space-y-4">
-          <div className="space-y-1">
-            <p className="text-sm font-medium text-gray-900">{t('authPasswordSectionTitle')}</p>
-            <p className="text-xs text-gray-500">{t('authPasswordSectionDescription')}</p>
-          </div>
-
-          <div className="grid gap-4 md:grid-cols-2">
-            <div className="space-y-2">
-              <Label htmlFor="auth-password-next">{t('authPassword')}</Label>
-              <Input
-                id="auth-password-next"
-                type="password"
-                value={nextPassword}
-                onChange={(event) => setNextPassword(event.target.value)}
-                placeholder={t('authPasswordPlaceholder')}
-              />
-            </div>
-            <div className="space-y-2">
-              <Label htmlFor="auth-password-confirm">{t('authConfirmPassword')}</Label>
-              <Input
-                id="auth-password-confirm"
-                type="password"
-                value={nextConfirmPassword}
-                onChange={(event) => setNextConfirmPassword(event.target.value)}
-                placeholder={t('authConfirmPasswordPlaceholder')}
-              />
-            </div>
-          </div>
-
-          <div className="flex flex-wrap items-center gap-3">
-            <Button type="button" disabled={!canUpdatePassword} onClick={() => void handlePasswordUpdate()}>
-              {updateAuthPassword.isPending ? t('authPasswordUpdating') : t('authPasswordAction')}
-            </Button>
-            {auth.enabled && auth.authenticated ? (
-              <Button type="button" variant="outline" disabled={logoutAuth.isPending} onClick={() => void handleLogout()}>
-                {logoutAuth.isPending ? t('authLoggingOut') : t('authLogoutAction')}
-              </Button>
-            ) : null}
-          </div>
-
-          <p className="text-xs text-gray-500">{t('authSessionMemoryNotice')}</p>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}