feat(ui): tag loading states, keyboard access and narrow-screen fixes

界面可用性打磨，配套 18 份文案同步新增/修订。

标签加载：useObjectTags 改为返回 { tags, status, retry }。分块 19–163KB，
移动网络下抓取要一两秒，此前一律返回 [] —— 选词区塌成空壳，读起来像
「这个分类没有标签」；失败更只有一行 console.warn。现在有加载/失败态与重试，
状态条常驻 DOM 以保证 aria-live 能被播报。已打进包里的自定义标签不再被
网络状态挡住。

无障碍：自绘焦点环替换 antd 暗色下 2.2:1 的默认环（不达 WCAG 1.4.11 的 3:1），
覆盖 Segmented / Radio.Button / summary 等它没管到的控件；顶栏图标按钮的
aria-label 从硬编码英文改为可翻译；prefers-reduced-motion 只点名本站声明过
transition 的选择器（全局压 * 会让 antd 弹层永远停在待对齐位置）。

RTL：提示词框与字数计数器锁 dir="ltr"，否则阿拉伯语下产出被 bidi 重排、
计数器显示成 "380 / 0"；复制提示改用「目标 · 文案」分隔，裸拼接在中文以外
的语言里不成句。

窄屏：主栏 18/6 改为 16/8（右栏在 992–1200 只有 ~230px），Menu 保底宽度让
折叠触发器渲染得出来，≤460px 隐藏装饰性英文小注、≤520px 隐藏导航 GitHub 图标，
文档列加 max-width 掐断长命令撑出的横向滚动。

其他：主题色 meta 跟随运行时明暗切换；en 界面不再显示与标题同义的英文小注；
Hero 标题 clamp 改用 px，与全站及 antd 底座一致。

Author: rockbenben

messages/ar.json

@@ -11,9 +11,11 @@
     "section3": "العلامات",
     "currentSelection": "محدد",
     "fallback-other": "أخرى",
-    "fallback-uncategorized": "غير مصنف",
     "tagMode-multicolor": "متعدد الألوان",
-    "tagMode-monochrome": "أحادي اللون"
+    "tagMode-monochrome": "أحادي اللون",
+    "tagsLoading": "جارٍ تحميل الوسوم…",
+    "tagsError": "تعذّر تحميل الوسوم",
+    "retry": "إعادة المحاولة"
   },
   "ResultSection": {
     "tooltip-light": "إدراج موجهات الإضاءة (إضاءة سينمائية، غروب، إلخ)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "أدخل المحتوى",
     "translateFailError": "فشلت الترجمة",
     "tooltip-randomColor": "تغيير الألوان عشوائياً",
-    "button-randomcolor": "تغيير اللون",
+    "button-randomcolor": "ألوان عشوائية",
     "prompt-translation": "الترجمة",
     "translating": "جاري الترجمة...",
     "randomColor-success": "تم استبدال {count} كلمة لون",
     "randomColor-noMatch": "لا توجد كلمات لون للاستبدال",
-    "translateLabel": "ترجم وأدرج"
+    "translateLabel": "ترجم وأدرج",
+    "placeholder-prompt": "اختر الوسوم ليُبنى تلقائيًا، أو اكتب موجّهك بنفسك",
+    "placeholder-translate": "مثال: قطة عند الغروب"
   },
   "CopyToClipboard": {
     "empty": "المحتوى فارغ، لا يوجد شيء للنسخ",
@@ -106,9 +110,19 @@
     "otherTools": "المزيد من الأدوات",
     "legendtalk": "طاولة مفكري الذكاء الاصطناعي",
     "aishort": "AI Short",
-    "tools": "صندوق أدوات الذكاء الاصطناعي"
+    "tools": "صندوق أدوات الذكاء الاصطناعي",
+    "community": "المجتمع",
+    "github": "عرض على GitHub",
+    "theme": "تبديل المظهر الفاتح أو الداكن",
+    "language": "اختيار اللغة",
+    "languageSearch": "البحث عن لغة",
+    "languageEmpty": "لا توجد لغة مطابقة",
+    "skipToPrompt": "تخطَّ إلى مربع الموجّه"
   },
   "Guide": {
     "fallbackNotice": "لم تتم ترجمة هذه الصفحة إلى لغتك بعد؛ يتم عرض النسخة الإنجليزية."
+  },
+  "Footer": {
+    "signature": "مجاني ومفتوح المصدر · بدون تسجيل · يعمل داخل متصفحك"
   }
 }

messages/bn.json

@@ -11,9 +11,11 @@
     "section3": "ট্যাগ",
     "currentSelection": "নির্বাচিত",
     "fallback-other": "অন্যান্য",
-    "fallback-uncategorized": "শ্রেণীবিহীন",
     "tagMode-multicolor": "বহুরঙা",
-    "tagMode-monochrome": "একরঙা"
+    "tagMode-monochrome": "একরঙা",
+    "tagsLoading": "ট্যাগ লোড হচ্ছে…",
+    "tagsError": "ট্যাগ লোড করা যায়নি",
+    "retry": "আবার চেষ্টা করুন"
   },
   "ResultSection": {
     "tooltip-light": "লাইটিং প্রম্পট সন্নিবেশ (ফিল্ম লাইটিং, গোধূলির আলো, ইত্যাদি)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "কন্টেন্ট লিখুন",
     "translateFailError": "অনুবাদ ব্যর্থ",
     "tooltip-randomColor": "এলোমেলো রঙ পরিবর্তন",
-    "button-randomcolor": "রঙ বদল",
+    "button-randomcolor": "এলোমেলো রঙ",
     "prompt-translation": "প্রম্পটের অনুবাদ",
     "translating": "অনুবাদ হচ্ছে...",
     "randomColor-success": "{count}টি রঙ শব্দ প্রতিস্থাপিত হয়েছে",
     "randomColor-noMatch": "প্রতিস্থাপন করার জন্য কোনো রঙ শব্দ নেই",
-    "translateLabel": "অনুবাদ করে যোগ করুন"
+    "translateLabel": "অনুবাদ করে যোগ করুন",
+    "placeholder-prompt": "ট্যাগ বেছে নিন, প্রম্পট নিজেই তৈরি হবে; বা এখানে নিজে লিখুন",
+    "placeholder-translate": "যেমন সূর্যাস্তে একটি বিড়াল"
   },
   "CopyToClipboard": {
     "empty": "কন্টেন্ট খালি, কপি করার মতো কিছুই নেই",
@@ -106,9 +110,19 @@
     "otherTools": "আরও টুল",
     "legendtalk": "AI চিন্তাবিদ গোলটেবিল",
     "aishort": "AI Short",
-    "tools": "AI টুলবক্স"
+    "tools": "AI টুলবক্স",
+    "community": "কমিউনিটি",
+    "github": "GitHub-এ দেখুন",
+    "theme": "লাইট বা ডার্ক থিম বদলান",
+    "language": "ভাষা নির্বাচন করুন",
+    "languageSearch": "ভাষা খুঁজুন",
+    "languageEmpty": "মিলে যায় এমন ভাষা নেই",
+    "skipToPrompt": "প্রম্পট বক্সে যান"
   },
   "Guide": {
     "fallbackNotice": "এই পৃষ্ঠাটি এখনও আপনার ভাষায় অনূদিত হয়নি; ইংরেজি সংস্করণ দেখানো হচ্ছে।"
+  },
+  "Footer": {
+    "signature": "ফ্রি ও ওপেন-সোর্স · লগইন লাগে না · আপনার ব্রাউজারেই চলে"
   }
 }

messages/de.json

@@ -11,9 +11,11 @@
     "section3": "Tags",
     "currentSelection": "Ausgewählt",
     "fallback-other": "Sonstiges",
-    "fallback-uncategorized": "Unkategorisiert",
     "tagMode-multicolor": "Mehrfarbig",
-    "tagMode-monochrome": "Einfarbig"
+    "tagMode-monochrome": "Einfarbig",
+    "tagsLoading": "Tags werden geladen…",
+    "tagsError": "Tags konnten nicht geladen werden",
+    "retry": "Erneut versuchen"
   },
   "ResultSection": {
     "tooltip-light": "Beleuchtungs-Prompts einfügen (Filmbeleuchtung, Dämmerung usw.)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "Inhalt eingeben",
     "translateFailError": "Übersetzung fehlgeschlagen",
     "tooltip-randomColor": "Farbwörter zufällig ersetzen",
-    "button-randomcolor": "Farbe ändern",
+    "button-randomcolor": "Farben zufällig ändern",
     "prompt-translation": "Übersetzung",
     "translating": "Wird übersetzt...",
     "randomColor-success": "{count} Farbwörter ersetzt",
     "randomColor-noMatch": "Keine Farbwörter zu ersetzen",
-    "translateLabel": "Übersetzen & einfügen"
+    "translateLabel": "Übersetzen & einfügen",
+    "placeholder-prompt": "Tags auswählen oder eigenen Prompt hier eintippen",
+    "placeholder-translate": "z. B. eine Katze im Sonnenuntergang"
   },
   "CopyToClipboard": {
     "empty": "Der Inhalt ist leer, nichts zu kopieren",
@@ -106,9 +110,19 @@
     "otherTools": "Mehr Tools",
     "legendtalk": "KI-Denkerrunde",
     "aishort": "AI Short",
-    "tools": "KI-Toolbox"
+    "tools": "KI-Toolbox",
+    "community": "Community",
+    "github": "Auf GitHub ansehen",
+    "theme": "Helles oder dunkles Design umschalten",
+    "language": "Sprache wählen",
+    "languageSearch": "Sprache suchen",
+    "languageEmpty": "Keine passende Sprache",
+    "skipToPrompt": "Zum Prompt-Feld springen"
   },
   "Guide": {
     "fallbackNotice": "Diese Seite ist noch nicht in Ihrer Sprache verfügbar; die englische Version wird angezeigt."
+  },
+  "Footer": {
+    "signature": "Kostenlos & Open Source · Ohne Login · Läuft in deinem Browser"
   }
 }

messages/en.json

@@ -11,9 +11,11 @@
     "section3": "Tags",
     "currentSelection": "Selected",
     "fallback-other": "Other",
-    "fallback-uncategorized": "Uncategorized",
     "tagMode-multicolor": "Multicolor",
-    "tagMode-monochrome": "Monochrome"
+    "tagMode-monochrome": "Monochrome",
+    "tagsLoading": "Loading tags…",
+    "tagsError": "Tags didn't load",
+    "retry": "Try again"
   },
   "ResultSection": {
     "tooltip-light": "Insert portrait lighting prompts (film lighting, twilight rays, etc.)",
@@ -33,28 +35,30 @@
     "translateEmptyError": "Please enter content",
     "translateFailError": "Translation failed",
     "tooltip-randomColor": "Randomly replace color words",
-    "button-randomcolor": "Randomize",
+    "button-randomcolor": "Randomize colors",
     "prompt-translation": "Translation",
     "translating": "Translating...",
     "randomColor-success": "Replaced {count} color word(s)",
     "randomColor-noMatch": "No color words to replace",
-    "translateLabel": "Translate & insert"
+    "translateLabel": "Translate & insert",
+    "placeholder-prompt": "Pick tags to build it, or type your own prompt",
+    "placeholder-translate": "e.g. a cat at sunset"
   },
   "CopyToClipboard": {
     "empty": "Content is empty, nothing to copy",
     "unsupported": "Your browser does not support clipboard operations, please try copying manually or use a different browser",
-    "success": "Copied successfully, you can paste it into the AI painting tool",
+    "success": "Copied — paste it into your AI image tool",
     "failure": "Copy failed, please copy manually"
   },
   "feedback": {
     "feedback1": "Feedback and Suggestions",
     "feedback2": "If you encounter any issues during use or have any suggestions and ideas, feel free to let me know! Your feedback will directly influence the development and improvement of future features, helping us create a tool that better meets everyone's needs.",
     "feedback3": "Please describe your use case or the issue you encountered in detail, or share your creative ideas. I will carefully consider each piece of feedback and make adjustments and optimizations as soon as possible.",
-    "reaction0": "Up",
+    "reaction0": "Nice",
     "reaction1": "Support",
     "reaction2": "Cool",
     "reaction3": "What?",
-    "reaction4": "Puzzle",
+    "reaction4": "Confused",
     "placeholder": "Please leave a message, no login required (enter your email to receive reply notifications)"
   },
   "Home": {
@@ -106,9 +110,19 @@
     "otherTools": "More Tools",
     "legendtalk": "AI Thinkers Roundtable",
     "aishort": "AI Short",
-    "tools": "AI Toolbox"
+    "tools": "AI Toolbox",
+    "community": "Community links",
+    "github": "View on GitHub",
+    "theme": "Toggle light or dark theme",
+    "language": "Select language",
+    "languageSearch": "Search language",
+    "languageEmpty": "No matching language",
+    "skipToPrompt": "Skip to the prompt box"
   },
   "Guide": {
     "fallbackNotice": "This page hasn’t been translated into your language yet — showing the English version."
+  },
+  "Footer": {
+    "signature": "FREE & OPEN-SOURCE · NO LOGIN · RUNS IN YOUR BROWSER"
   }
 }

messages/es.json

@@ -11,9 +11,11 @@
     "section3": "Etiquetas",
     "currentSelection": "Seleccionado",
     "fallback-other": "Otros",
-    "fallback-uncategorized": "Sin clasificar",
     "tagMode-multicolor": "Multicolor",
-    "tagMode-monochrome": "Monocromo"
+    "tagMode-monochrome": "Monocromo",
+    "tagsLoading": "Cargando etiquetas…",
+    "tagsError": "No se cargaron las etiquetas",
+    "retry": "Reintentar"
   },
   "ResultSection": {
     "tooltip-light": "Insertar prompts de iluminación (iluminación cinematográfica, rayos crepusculares, etc.)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "Escribe algún contenido",
     "translateFailError": "Traducción fallida",
     "tooltip-randomColor": "Reemplazar palabras de color aleatoriamente",
-    "button-randomcolor": "Cambiar color",
+    "button-randomcolor": "Colores aleatorios",
     "prompt-translation": "Traducción",
     "translating": "Traduciendo...",
     "randomColor-success": "Se reemplazaron {count} palabras de color",
     "randomColor-noMatch": "No hay palabras de color para reemplazar",
-    "translateLabel": "Traducir e insertar"
+    "translateLabel": "Traducir e insertar",
+    "placeholder-prompt": "Elige etiquetas para componerlo, o escribe tu propio prompt",
+    "placeholder-translate": "p. ej. un gato al atardecer"
   },
   "CopyToClipboard": {
     "empty": "El contenido está vacío, nada que copiar.",
@@ -106,9 +110,19 @@
     "otherTools": "Más herramientas",
     "legendtalk": "Mesa redonda de pensadores IA",
     "aishort": "AI Short",
-    "tools": "Caja de herramientas IA"
+    "tools": "Caja de herramientas IA",
+    "community": "Comunidad",
+    "github": "Ver en GitHub",
+    "theme": "Cambiar entre tema claro y oscuro",
+    "language": "Seleccionar idioma",
+    "languageSearch": "Buscar idioma",
+    "languageEmpty": "Ningún idioma coincide",
+    "skipToPrompt": "Saltar al cuadro de prompt"
   },
   "Guide": {
     "fallbackNotice": "Esta página aún no está traducida a tu idioma; se muestra la versión en inglés."
+  },
+  "Footer": {
+    "signature": "Gratis y de código abierto · Sin registro · Todo en tu navegador"
   }
 }

messages/fr.json

@@ -11,9 +11,11 @@
     "section3": "Tags",
     "currentSelection": "Sélectionné",
     "fallback-other": "Autres",
-    "fallback-uncategorized": "Non classé",
     "tagMode-multicolor": "Multicolore",
-    "tagMode-monochrome": "Monochrome"
+    "tagMode-monochrome": "Monochrome",
+    "tagsLoading": "Chargement des tags…",
+    "tagsError": "Les tags n'ont pas pu être chargés",
+    "retry": "Réessayer"
   },
   "ResultSection": {
     "tooltip-light": "Insérer des prompts d'éclairage (éclairage cinématique, rayons crépusculaires, etc.)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "Veuillez saisir du contenu",
     "translateFailError": "Échec de la traduction",
     "tooltip-randomColor": "Remplacer les mots de couleur aléatoirement",
-    "button-randomcolor": "Changer couleur",
+    "button-randomcolor": "Couleurs aléatoires",
     "prompt-translation": "Traduction",
     "translating": "Traduction...",
     "randomColor-success": "{count} mot(s) de couleur remplacé(s)",
     "randomColor-noMatch": "Aucun mot de couleur à remplacer",
-    "translateLabel": "Traduire et insérer"
+    "translateLabel": "Traduire et insérer",
+    "placeholder-prompt": "Choisissez des tags pour le composer, ou écrivez votre prompt",
+    "placeholder-translate": "ex. un chat au coucher du soleil"
   },
   "CopyToClipboard": {
     "empty": "Le contenu est vide, rien à copier",
@@ -106,9 +110,19 @@
     "otherTools": "Plus d'outils",
     "legendtalk": "Table ronde des penseurs IA",
     "aishort": "AI Short",
-    "tools": "Boîte à outils IA"
+    "tools": "Boîte à outils IA",
+    "community": "Communauté",
+    "github": "Voir sur GitHub",
+    "theme": "Basculer entre thème clair et sombre",
+    "language": "Choisir la langue",
+    "languageSearch": "Rechercher une langue",
+    "languageEmpty": "Aucune langue ne correspond",
+    "skipToPrompt": "Aller à la boîte de prompt"
   },
   "Guide": {
     "fallbackNotice": "Cette page n’est pas encore traduite dans votre langue ; version anglaise affichée."
+  },
+  "Footer": {
+    "signature": "Gratuit et open source · Sans compte · Tout dans votre navigateur"
   }
 }

messages/hi.json

@@ -11,9 +11,11 @@
     "section3": "टैग",
     "currentSelection": "चयनित",
     "fallback-other": "अन्य",
-    "fallback-uncategorized": "अवर्गीकृत",
     "tagMode-multicolor": "बहुरंगी",
-    "tagMode-monochrome": "एकरंगी"
+    "tagMode-monochrome": "एकरंगी",
+    "tagsLoading": "टैग लोड हो रहे हैं…",
+    "tagsError": "टैग लोड नहीं हो सके",
+    "retry": "फिर कोशिश करें"
   },
   "ResultSection": {
     "tooltip-light": "लाइटिंग प्रॉम्प्ट डालें (फिल्म लाइटिंग, संध्या, आदि)",
@@ -33,12 +35,14 @@
     "translateEmptyError": "सामग्री दर्ज करें",
     "translateFailError": "अनुवाद विफल",
     "tooltip-randomColor": "रंगों को रैंडम रूप से बदलें",
-    "button-randomcolor": "रंग बदलें",
+    "button-randomcolor": "रंग रैंडम बदलें",
     "prompt-translation": "अनुवाद",
     "translating": "अनुवाद हो रहा है...",
     "randomColor-success": "{count} रंग शब्द बदले गए",
     "randomColor-noMatch": "बदलने के लिए कोई रंग शब्द नहीं",
-    "translateLabel": "अनुवाद कर जोड़ें"
+    "translateLabel": "अनुवाद कर जोड़ें",
+    "placeholder-prompt": "टैग चुनें, प्रॉम्प्ट अपने आप बनेगा; या यहीं खुद लिखें",
+    "placeholder-translate": "उदा. सूर्यास्त में एक बिल्ली"
   },
   "CopyToClipboard": {
     "empty": "सामग्री खाली है, कॉपी करने के लिए कुछ भी नहीं है",
@@ -106,9 +110,19 @@
     "otherTools": "अधिक टूल",
     "legendtalk": "AI विचारक गोलमेज़",
     "aishort": "AI Short",
-    "tools": "AI टूलबॉक्स"
+    "tools": "AI टूलबॉक्स",
+    "community": "कम्युनिटी",
+    "github": "GitHub पर देखें",
+    "theme": "लाइट या डार्क थीम बदलें",
+    "language": "भाषा चुनें",
+    "languageSearch": "भाषा खोजें",
+    "languageEmpty": "कोई मेल खाती भाषा नहीं",
+    "skipToPrompt": "प्रॉम्प्ट बॉक्स पर जाएँ"
   },
   "Guide": {
     "fallbackNotice": "यह पृष्ठ अभी आपकी भाषा में अनुवादित नहीं है; अंग्रेज़ी संस्करण दिखाया जा रहा है।"
+  },
+  "Footer": {
+    "signature": "मुफ़्त और ओपन-सोर्स · लॉगिन नहीं · आपके ब्राउज़र में ही चलता है"
   }
 }