localization updates, terminal errors, etc

app/[lang]/docs/docs-client.tsx

@@ -13,20 +13,26 @@ import {
   Loader2,
 } from "lucide-react";
 import { pb } from "@/lib/pb";
+import { Dictionary } from "@/lib/IDict";
 
-// --- МОДЕЛЬ ДАННЫХ POCKETBASE ---
 interface PBDocument {
   id: string;
   title: string;
   category: "Core" | "Security" | "Network" | "Legal";
   status: "Encrypted" | "Public" | "Internal" | "Dynamic";
   content: string;
-  created: string; // Системное поле PocketBase
+  created: string;
 }
 
 const CATEGORIES = ["All", "Core", "Security", "Network", "Legal"];
 
-export function DocsClient({ lang }: { lang: string }) {
+export function DocsClient({
+  dict,
+  lang,
+}: {
+  dict: Dictionary["docs"];
+  lang: string;
+}) {
   const [docs, setDocs] = useState<PBDocument[]>([]);
   const [loading, setLoading] = useState(true);
   const [search, setSearch] = useState("");
@@ -37,7 +43,6 @@ export function DocsClient({ lang }: { lang: string }) {
     async function fetchDocs() {
       try {
         setLoading(true);
-        // Обращаемся к documents_ru или documents_en
         const records = await pb
           .collection(`documents_${lang}`)
           .getFullList<PBDocument>({
@@ -80,9 +85,7 @@ export function DocsClient({ lang }: { lang: string }) {
   const formatDate = (dateStr: string) => dateStr.split(" ")[0];
 
   return (
-    // Добавлен overflow-x-hidden для защиты от горизонтального скролла на мобилках
     <div className="min-h-screen pt-24 md:pt-32 pb-24 px-4 sm:px-6 container mx-auto max-w-6xl relative font-mono overflow-x-hidden md:overflow-x-visible">
-      {/* Исправлено свечение: теперь max-w-full, чтобы не распирать экран */}
       <div className="absolute top-1/4 left-1/2 -translate-x-1/2 w-full max-w-[800px] h-[300px] md:h-[500px] bg-primary/10 md:bg-primary/5 blur-[100px] md:blur-[150px] rounded-full pointer-events-none -z-10" />
 
       <AnimatePresence mode="wait">
@@ -96,7 +99,7 @@ export function DocsClient({ lang }: { lang: string }) {
           >
             <Loader2 className="w-8 h-8 animate-spin mb-4" />
             <p className="text-xs uppercase tracking-[0.3em] animate-pulse text-center">
-              Establishing_secure_link...
+              {dict.establishing}
             </p>
           </motion.div>
         ) : !selectedDoc ? (
@@ -107,15 +110,14 @@ export function DocsClient({ lang }: { lang: string }) {
             exit={{ opacity: 0, y: -20, filter: "blur(10px)" }}
             transition={{ duration: 0.3 }}
           >
-            {/* Заголовок и поиск: центрирование на мобильных (items-center text-center) */}
             <div className="mb-10 md:mb-12 flex flex-col md:flex-row gap-6 items-center md:items-end justify-between text-center md:text-left">
               <div>
                 <h1 className="text-3xl md:text-4xl font-bold tracking-tight text-foreground flex items-center justify-center md:justify-start gap-3">
                   <div className="w-3 h-3 bg-primary animate-pulse shadow-[0_0_10px_rgba(0,240,255,0.8)]" />
-                  DATA_VAULT
+                  {dict.vaultTitle}
                 </h1>
                 <p className="text-muted-foreground mt-2 text-xs md:text-sm uppercase tracking-widest">
-                  System logs & documentation // V4.2
+                  {dict.vaultSubtitle}
                 </p>
               </div>
 
@@ -123,7 +125,7 @@ export function DocsClient({ lang }: { lang: string }) {
                 <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-muted-foreground group-focus-within:text-primary transition-colors" />
                 <input
                   type="text"
-                  placeholder="root@nrxp:~# grep -i ..."
+                  placeholder={dict.searchPlaceholder}
                   value={search}
                   onChange={(e) => setSearch(e.target.value)}
                   className="w-full bg-card/50 backdrop-blur-md border border-border/50 rounded-xl py-3 pl-12 pr-4 text-sm text-foreground focus:outline-none focus:border-primary/50 focus:shadow-[0_0_15px_rgba(0,240,255,0.15)] transition-all placeholder:text-muted-foreground/50"
@@ -131,7 +133,6 @@ export function DocsClient({ lang }: { lang: string }) {
               </div>
             </div>
 
-            {/* Фильтры: центрирование на мобильных (justify-center) */}
             <div className="flex flex-wrap justify-center md:justify-start gap-2 mb-8">
               {CATEGORIES.map((cat) => (
                 <button
@@ -148,7 +149,6 @@ export function DocsClient({ lang }: { lang: string }) {
               ))}
             </div>
 
-            {/* Сетка документов */}
             <motion.div
               layout
               className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
@@ -195,12 +195,11 @@ export function DocsClient({ lang }: { lang: string }) {
             {filteredDocs.length === 0 && (
               <div className="text-center py-20 text-muted-foreground">
                 <TerminalSquare className="w-12 h-12 mx-auto mb-4 opacity-20" />
-                <p>0 records found for query {`"${search}"`}</p>
+                <p>{dict.empty}</p>
               </div>
             )}
           </motion.div>
         ) : (
-          // --- РЕЖИМ ЧТЕНИЯ ---
           <motion.div
             key="reader"
             initial={{ opacity: 0, scale: 0.95, y: 20 }}
@@ -208,17 +207,15 @@ export function DocsClient({ lang }: { lang: string }) {
             exit={{ opacity: 0, scale: 0.95, y: -20 }}
             className="w-full max-w-4xl mx-auto"
           >
-            {/* Кнопка "Назад": центрируем на мобилках */}
             <button
               onClick={() => setSelectedDoc(null)}
               className="mb-6 md:mb-8 flex items-center justify-center md:justify-start gap-2 w-full md:w-auto text-muted-foreground hover:text-primary transition-colors text-sm font-bold uppercase tracking-wider group"
             >
               <ChevronLeft className="w-5 h-5 group-hover:-translate-x-1 transition-transform" />
-              Close Session
+              {dict.closeSession}
             </button>
 
             <div className="bg-card/40 backdrop-blur-2xl border border-border/50 rounded-2xl md:rounded-3xl overflow-hidden shadow-2xl">
-              {/* Шапка терминала: перенос на новую строку на мобильных */}
               <div className="bg-background/80 border-b border-border/50 px-4 md:px-6 py-3 md:py-4 flex flex-col sm:flex-row items-center gap-3 sm:justify-between text-center sm:text-left">
                 <div className="flex items-center gap-3 md:gap-4">
                   <div className="hidden sm:flex gap-2">
@@ -236,16 +233,15 @@ export function DocsClient({ lang }: { lang: string }) {
                 </div>
               </div>
 
-              {/* Тело документа: уменьшены отступы для телефона (p-5 вместо p-8) */}
               <div className="p-5 sm:p-8 md:p-12 relative">
                 <h2 className="text-xl md:text-3xl font-bold text-foreground mb-6 md:mb-8 pb-4 md:pb-6 border-b border-border/30">
                   {selectedDoc.title}
                 </h2>
                 <div className="text-muted-foreground leading-relaxed whitespace-pre-wrap text-sm md:text-base">
-                  {selectedDoc.content || "NO_CONTENT_FOUND"}
+                  {selectedDoc.content || dict.noContent}
                 </div>
                 <div className="mt-8 flex items-center gap-2 text-primary text-xs md:text-sm">
-                  <span>EOF</span>
+                  <span>{dict.eof}</span>
                   <div className="w-2 h-4 bg-primary animate-pulse" />
                 </div>
               </div>

app/[lang]/docs/page.tsx

@@ -9,6 +9,5 @@ export default async function DocsPage({
   const { lang } = await params;
   const dict = await getDictionary(lang);
 
-  // Передаем весь словарь или нужную часть, плюс текущий язык
-  return <DocsClient lang={lang} />;
+  return <DocsClient dict={dict.docs} lang={lang} />;
 }