useEffect(() => {
 let cancelled = false;
 (async () => {
 const credentials = await getCredentials();
 const promptDeferredValue = window.sessionStorage.getItem(PROVIDER_SETUP_PROMPT_DEFERRED_KEY);
 if (!cancelled && shouldShowProviderSetupPrompt(credentials, promptDeferredValue)) {
 setProviderPromptOpen(true);
 }
 })();
 return () => {
 cancelled = true;
 };
}, []);
useEffect(() => {
 const acknowledgedValue = window.localStorage.getItem(HOTKEY_MODE_MIGRATION_ACK_KEY);
 const deferredValue = window.sessionStorage.getItem(HOTKEY_MODE_MIGRATION_DEFERRED_KEY);
 if (shouldShowHotkeyModeMigrationPrompt(acknowledgedValue, deferredValue)) {
 setHotkeyModePromptOpen(true);
 }
}, []);

// History.tsx — 接 Tauri 后端 list_history / delete_history_entry / clear_history。
// 真实数据来自 ~/Library/Application Support/OpenLess/history.json。
import { useCallback, useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { Icon } from '../components/Icon';
import { detectOS } from '../components/WindowChrome';
import { formatComboLabel } from '../lib/hotkey';
import { clearHistory, deleteHistoryEntry, listHistory, readAudioRecording } from '../lib/ipc';
import type { DictationSession, PolishMode } from '../lib/types';
import { useHotkeySettings } from '../state/HotkeySettingsContext';
import { Btn, Card, PageHeader, Pill } from './_atoms';
function useFilters(): Array<{ id: 'all' | PolishMode; label: string }> {
 const { t } = useTranslation();
 return [
 { id: 'all', label: t('history.filterAll') },
 { id: 'raw', label: t('style.modes.raw.name') },
 { id: 'light', label: t('style.modes.light.name') },
 { id: 'structured', label: t('style.modes.structured.name') },
 { id: 'formal', label: t('style.modes.formal.name') },
 ];
}
function useModeLabel(): Record<PolishMode, string> {
 const { t } = useTranslation();
 return {
 raw: t('style.modes.raw.name'),
 light: t('style.modes.light.name'),
 structured: t('style.modes.structured.name'),
 formal: t('style.modes.formal.name'),
 };
}
export function History() {
 const { t } = useTranslation();
 const os = detectOS();
 const FILTERS = useFilters();
 const MODE_LABEL = useModeLabel();
 const [filter, setFilter] = useState<'all' | PolishMode>('all');
 const [items, setItems] = useState<DictationSession[]>([]);
 const [selectedId, setSelectedId] = useState<string | null>(null);
 const [loading, setLoading] = useState(true);
 const [loadError, setLoadError] = useState<string | null>(null);
 const [actionError, setActionError] = useState<string | null>(null);
 const [justCopied, setJustCopied] = useState(false);