Фолбэк на кэш при недоступности PocketBase (Pricing/FAQ)

Pricing: при полном отказе всех запросов пробует localStorage-кэш
последнего успешного ответа вместо пустого состояния, пишет туда же при
успехе. Faq: отличает "в кэше правда пусто" от "не смогли загрузить" —
раньше оба случая показывали один и тот же текст "0 protocols found",
что вводило в заблуждение при обычном сетевом сбое.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

components/sections/Pricing.tsx

@@ -63,9 +63,14 @@ export function Pricing({
   const [period, setPeriod] = useState<Period>("1y");
   const [plans, setPlans] = useState<PBPricingPlan[]>([]);
   const [loading, setLoading] = useState(!!lang);
+  // PocketBase недоступен целиком (не просто нет перевода для этого языка) —
+  // показываем последний успешно закэшированный список вместо пустой секции.
+  const [usingCache, setUsingCache] = useState(false);
 
   useEffect(() => {
     if (!lang) return;
+    const cacheKey = `netrunner_pricing_cache_${lang}`;
+
     async function fetchPlans() {
       try {
         setLoading(true);
@@ -74,6 +79,7 @@ export function Pricing({
         // `pricing_<lang>` для новых языков ещё не заведена в PocketBase.
         // Пока для них нет перевода, показываем английские тарифы, а не пустоту.
         let records: PBPricingPlan[] = [];
+        let allFailed = true;
         for (const fallbackLang of Array.from(new Set([lang, "en"]))) {
           try {
             records = await pb
@@ -82,11 +88,34 @@ export function Pricing({
                 sort: "order",
                 requestKey: null,
               });
+            allFailed = false;
             break;
           } catch (error) {
             console.error(`Ошибка загрузки тарифов (${fallbackLang}):`, error);
           }
         }
+
+        if (allFailed) {
+          try {
+            const cached = localStorage.getItem(cacheKey);
+            if (cached) {
+              records = JSON.parse(cached);
+              setUsingCache(true);
+            }
+          } catch {
+            // localStorage недоступен (приватный режим и т.п.) — просто нет кеша.
+          }
+        } else {
+          setUsingCache(false);
+          if (records.length > 0) {
+            try {
+              localStorage.setItem(cacheKey, JSON.stringify(records));
+            } catch {
+              // Диск/квота localStorage — не критично, просто не кешируем.
+            }
+          }
+        }
+
         setPlans(records);
       } finally {
         setLoading(false);
@@ -121,10 +150,16 @@ export function Pricing({
         >
           {dict.badge}
         </Badge>
-        <h2 className="text-4xl md:text-5xl font-bold tracking-tighter mb-8">
+        <h2 className="text-4xl md:text-5xl font-bold tracking-tighter mb-4">
           {dict.title}
         </h2>
 
+        {usingCache && (
+          <p className="mb-4 text-xs font-mono uppercase tracking-widest text-muted-foreground/70">
+            {dict.offlineNotice}
+          </p>
+        )}
+
         <div className="inline-flex items-center justify-center p-1.5 bg-card/50 border border-border/50 rounded-2xl backdrop-blur-sm relative">
           {periods.map((p: PeriodOption) => (
             <button