Add multilingual READMEs, new components, and update UI sections

README_ARABIC.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) هو صيغة بسيطة ومفتوحة لتوجيه وكلاء البرمجة.
+
+فكر في AGENTS.md على أنه README للوكلاء: مكان محدد ومتوقع
+لتقديم السياق والتعليمات لمساعدة وكلاء الذكاء الاصطناعي على العمل في مشروعك.
+
+فيما يلي مثال بسيط على ملف AGENTS.md:
+
+```markdown
+# Sample AGENTS.md file
+
+## نصائح بيئة التطوير
+- استخدم `pnpm dlx turbo run where <project_name>` للانتقال إلى حزمة معينة.
+- شغّل `pnpm install --filter <project_name>` حتى يتمكن Vite و ESLint و TypeScript من رؤيته.
+- لإنشاء حزمة React + Vite جديدة: `pnpm create vite@latest <project_name> -- --template react-ts`
+- تحقق من حقل name في package.json لكل حزمة—تجاوز المستوى الأعلى.
+
+## تعليمات الاختبار
+- تحقق من خطة CI في مجلد .github/workflows.
+- شغّل `pnpm turbo run test --filter <project_name>` لتشغيل جميع الفحوصات.
+- من جذر الحزمة، يمكنك فقط تشغيل `pnpm test`.
+- للتركيز على اختبار واحد: `pnpm vitest run -t "<test name>"`
+- أصلح أي أخطاء في الاختبار أو الأنواع.
+- بعد نقل الملفات أو تغيير الاستيرادات: شغّل `pnpm lint --filter <project_name>`.
+- أضف أو حدّث الاختبارات للتغييرات التي أجريتها.
+
+## تعليمات PR
+- صيغة العنوان: [<project_name>] <Title>
+- شغّل دائمًا `pnpm lint` و `pnpm test` قبل الالتزام.

README_BENGALI.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) হলো একটি সহজ, ওপেন ফর্ম্যাট যা কোডিং এজেন্টদের নির্দেশ দেওয়ার জন্য।
+
+AGENTS.md-কে এজেন্টদের জন্য README হিসেবে ভাবুন: একটি নির্দিষ্ট, পূর্বনির্ধারিত স্থান
+যেখানে আপনি প্রোজেক্টের জন্য AI কোডিং এজেন্টদের সাহায্য করার নির্দেশাবলী দিতে পারেন।
+
+নীচে AGENTS.md ফাইলের একটি সাধারণ উদাহরণ দেওয়া হলো:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment টিপস
+- `pnpm dlx turbo run where <project_name>` ব্যবহার করুন কোনো প্যাকেজে যাওয়ার জন্য।
+- `pnpm install --filter <project_name>` চালান যাতে Vite, ESLint এবং TypeScript এটি দেখতে পারে।
+- নতুন React + Vite প্যাকেজ তৈরির জন্য: `pnpm create vite@latest <project_name> -- --template react-ts`
+- প্রতিটি প্যাকেজের package.json এ name ফিল্ড চেক করুন—top-level বাদ দিন।
+
+## টেস্টিং নির্দেশনা
+- CI পরিকল্পনা .github/workflows ফোল্ডারে দেখুন।
+- `pnpm turbo run test --filter <project_name>` চালান।
+- প্যাকেজ রুট থেকে শুধু `pnpm test` চালাতে পারেন।
+- কোনো একটি টেস্টে ফোকাস করতে: `pnpm vitest run -t "<test name>"`
+- টেস্ট বা টাইপ ভুল ঠিক করুন।
+- ফাইল সরানোর বা ইমপোর্ট পরিবর্তনের পরে: `pnpm lint --filter <project_name>` চালান।
+- পরিবর্তনের জন্য টেস্ট যোগ করুন বা আপডেট করুন।
+
+## PR নির্দেশনা
+- টাইটেল ফরম্যাট: [<project_name>] <Title>
+- কমিট করার আগে সবসময় `pnpm lint` এবং `pnpm test` চালান।

README_HINDI.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) एक सरल, ओपन फॉर्मेट है जो कोडिंग एजेंट्स को मार्गदर्शन देने के लिए है।
+
+AGENTS.md को एजेंट्स के लिए README की तरह सोचें: एक विशेष, पूर्वानुमानित जगह
+जहां आप प्रोजेक्ट पर AI कोडिंग एजेंट्स को मदद करने के लिए संदर्भ और निर्देश दे सकते हैं।
+
+नीचे AGENTS.md फ़ाइल का एक न्यूनतम उदाहरण दिया गया है:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment टिप्स
+- `pnpm dlx turbo run where <project_name>` का उपयोग करें किसी पैकेज पर जाने के लिए।
+- `pnpm install --filter <project_name>` चलाएँ ताकि Vite, ESLint और TypeScript उसे देख सकें।
+- नया React + Vite पैकेज बनाने के लिए: `pnpm create vite@latest <project_name> -- --template react-ts`
+- प्रत्येक पैकेज की package.json में name फ़ील्ड जांचें—टॉप-लेवल को छोड़ दें।
+
+## टेस्टिंग निर्देश
+- CI प्लान .github/workflows फ़ोल्डर में देखें।
+- `pnpm turbo run test --filter <project_name>` चलाएँ।
+- पैकेज रूट से सिर्फ `pnpm test` भी चला सकते हैं।
+- किसी एक टेस्ट पर ध्यान देने के लिए: `pnpm vitest run -t "<test name>"`
+- किसी भी टेस्ट या टाइप त्रुटियों को ठीक करें।
+- फ़ाइलें मूव करने या इम्पोर्ट बदलने के बाद: `pnpm lint --filter <project_name>` चलाएँ।
+- अपने बदलाव के लिए टेस्ट जोड़ें या अपडेट करें।
+
+## PR निर्देश
+- टाइटल फॉर्मेट: [<project_name>] <Title>
+- कमिट करने से पहले हमेशा `pnpm lint` और `pnpm test` चलाएँ।

README_KANNADA.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) ಎಂದರೆ ಕೋಡಿಂಗ್ ಏಜೆಂಟ್‌ಗಳಿಗೆ ಮಾರ್ಗದರ್ಶನ ನೀಡಲು ಸುಲಭವಾದ, ಓಪನ್ ಫಾರ್ಮ್ಯಾಟ್.
+
+AGENTS.md ಅನ್ನು ಏಜೆಂಟ್‌ಗಳಿಗಾಗಿ README ಎಂದು ಪರಿಗಣಿಸಿ: ಒಂದು ನಿರ್ದಿಷ್ಟ, ನಿರೀಕ್ಷಿತ ಸ್ಥಳ
+ಇಲ್ಲಿ ನೀವು ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗಾಗಿ AI ಕೋಡಿಂಗ್ ಏಜೆಂಟ್‌ಗಳಿಗೆ ಸಹಾಯ ನೀಡುವ ಸೂಚನೆಗಳು ಮತ್ತು ಮಾಹಿತಿ ನೀಡಬಹುದು.
+
+ಕೆಳಗೆ AGENTS.md ಫೈಲ್‌ನ ಸಣ್ಣ ಉದಾಹರಣೆ ನೀಡಲಾಗಿದೆ:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment ಸಲಹೆಗಳು
+- ಒಂದು ಪ್ಯಾಕೇಜ್‌ಗೆ ಹೋಗಲು `pnpm dlx turbo run where <project_name>` ಬಳಸಿ.
+- Vite, ESLint ಮತ್ತು TypeScript ನೋಡಲು `pnpm install --filter <project_name>` ಓಡಿಸಿ.
+- ಹೊಸ React + Vite ಪ್ಯಾಕೇಜ್ ಸೃಷ್ಟಿಸಲು: `pnpm create vite@latest <project_name> -- --template react-ts`
+- ಪ್ರತಿ package.json ನಲ್ಲಿ name ಫೀಲ್ಡ್ ಪರಿಶೀಲಿಸಿ—top-level ಕಡೆಗೆ ನೋಡಬೇಡಿ.
+
+## ಟೆಸ್ಟಿಂಗ್ ಸೂಚನೆಗಳು
+- CI ಪ್ಲ್ಯಾನ್ ಅನ್ನು .github/workflows ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ನೋಡಿ.
+- `pnpm turbo run test --filter <project_name>` ಓಡಿಸಿ.
+- ಪ್ಯಾಕೇಜ್ ರೂಟ್‌ನಿಂದ ಕೇವಲ `pnpm test` ಓಡಿಸಬಹುದು.
+- ಒಂದು ಟೆಸ್ಟ್‌ನಲ್ಲಿ ಗಮನಹರಿಸಲು: `pnpm vitest run -t "<test name>"`
+- ಟೆಸ್ಟ್ ಅಥವಾ ಟೈಪ್ ದೋಷಗಳನ್ನು ಸರಿಪಡಿಸಿ.
+- ಫೈಲ್‌ಗಳನ್ನು ಸ್ಥಳಾಂತರಿಸಿದ ನಂತರ ಅಥವಾ ಇಂಪೋರ್ಟ್‌ಗಳನ್ನು ಬದಲಿಸಿದ ನಂತರ: `pnpm lint --filter <project_name>` ಓಡಿಸಿ.
+- ನಿಮ್ಮ ಬದಲಾವಣೆಗಳಿಗೆ ಟೆಸ್ಟ್‌ಗಳನ್ನು ಸೇರಿಸಿ ಅಥವಾ ಅಪ್ಡೇಟ್ ಮಾಡಿ.
+
+## PR ಸೂಚನೆಗಳು
+- ಶೀರ್ಷಿಕೆ ಫಾರ್ಮ್ಯಾಟ್: [<project_name>] <Title>
+- commit ಮಾಡುವ ಮೊದಲು ಎల్లೊಮ್ಮೆ `pnpm lint` ಮತ್ತು `pnpm test` ಓಡಿಸಿ.

README_MALAYALAM.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) കോഡിംഗ് ഏജന്റുകൾക്ക് മാർഗ്ഗനിർദ്ദേശം നൽകുന്ന ഒരു ലളിതമായ, ഓപ്പൺ ഫോർമാറ്റ് ആണ്.
+
+AGENTS.md-നെ ഏജന്റുകൾക്കുള്ള README എന്ന് കരുതുക: ഒരു പ്രത്യേക, മുൻകൂട്ടി പ്രവചിക്കാവുന്ന സ്ഥലം
+ഇവിടെ നിങ്ങൾ നിങ്ങളുടെ പ്രോജക്റ്റിനായി AI കോഡിംഗ് ഏജന്റുകൾക്ക് സഹായത്തിനുള്ള നിർദ്ദേശങ്ങളും വിവരങ്ങളും നൽകാം.
+
+താഴെ AGENTS.md ഫയലിന്റെ ഒരു ലളിതമായ ഉദാഹരണം:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment സൂചനകൾ
+- ഒരു പാക്കേജിലേക്ക് പോകാൻ `pnpm dlx turbo run where <project_name>` ഉപയോഗിക്കുക.
+- Vite, ESLint, TypeScript കാണാൻ `pnpm install --filter <project_name>` ഓടിക്കുക.
+- പുതിയ React + Vite പാക്കേജ് സൃഷ്ടിക്കാൻ: `pnpm create vite@latest <project_name> -- --template react-ts`
+- ഓരോ package.json ലും name ഫീൽഡ് പരിശോധിക്കുക—top-level ഒഴിവാക്കുക.
+
+## ടെസ്റ്റിംഗ് നിർദ്ദേശങ്ങൾ
+- CI പ്ലാൻ .github/workflows ഫോൾഡറിൽ കാണുക.
+- `pnpm turbo run test --filter <project_name>` ഓടിക്കുക.
+- പാക്കേജ് റൂട്ട് നിന്ന് `pnpm test` മാത്രം ഓടിക്കാം.
+- ഒരു ടെസ്റ്റിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കാൻ: `pnpm vitest run -t "<test name>"`
+- ടെസ്റ്റ് അല്ലെങ്കിൽ ടൈപ്പ് പിഴവുകൾ ശരിയാക്കുക.
+- ഫയലുകൾ മാറ്റിയ ശേഷം അല്ലെങ്കിൽ ഇമ്പോർട്ടുകൾ മാറ്റിയ ശേഷം: `pnpm lint --filter <project_name>` ഓടിക്കുക.
+- നിങ്ങളുടെ മാറ്റങ്ങൾക്ക് ടെസ്റ്റുകൾ ചേർക്കുക അല്ലെങ്കിൽ അപ്ഡേറ്റ് ചെയ്യുക.
+
+## PR നിർദ്ദേശങ്ങൾ
+- തലക്കെട്ട് ഫോർമാറ്റ്: [<project_name>] <Title>
+- commit ചെയ്യുന്നതിനുമുമ്പ് എപ്പോഴും `pnpm lint` & `pnpm test` ഓടിക്കുക.

README_PUNJABI.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) ਇੱਕ ਸਧਾਰਣ, ਓਪਨ ਫਾਰਮੈਟ ਹੈ ਜੋ ਕੋਡਿੰਗ ਏਜੈਂਟਸ ਨੂੰ ਮਾਰਗਦਰਸ਼ਨ ਦੇਣ ਲਈ ਹੈ।
+
+AGENTS.md ਨੂੰ ਏਜੈਂਟਸ ਲਈ README ਵਾਂਗ ਸੋਚੋ: ਇੱਕ ਨਿਰਧਾਰਤ, ਪੂਰਨ ਤੌਰ ਤੇ ਪੇਸ਼ਗੀ ਜਾਣਿਆ ਹੋਇਆ ਸਥਾਨ
+ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਲਈ AI ਕੋਡਿੰਗ ਏਜੈਂਟਸ ਨੂੰ ਸਹਾਇਤਾ ਦੇਣ ਲਈ ਸੰਦਰਭ ਅਤੇ ਹਦਾਇਤਾਂ ਦੇ ਸਕਦੇ ਹੋ।
+
+ਹੇਠਾਂ AGENTS.md ਫਾਇਲ ਦਾ ਇੱਕ ਲਘੁ ਉਦਾਹਰਨ ਦਿੱਤਾ ਗਿਆ ਹੈ:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment ਸੁਝਾਅ
+- ਕਿਸੇ ਪੈਕੇਜ ਤੇ ਜਾਣ ਲਈ `pnpm dlx turbo run where <project_name>` ਵਰਤੋਂ ਕਰੋ।
+- Vite, ESLint ਅਤੇ TypeScript ਨੂੰ ਵੇਖਣ ਲਈ `pnpm install --filter <project_name>` ਚਲਾਓ।
+- ਨਵਾਂ React + Vite ਪੈਕੇਜ ਬਣਾਉਣ ਲਈ: `pnpm create vite@latest <project_name> -- --template react-ts`
+- ਹਰ package.json ਵਿੱਚ name ਫੀਲਡ ਚੈੱਕ ਕਰੋ—top-level ਨੂੰ ਛੱਡੋ।
+
+## ਟੈਸਟਿੰਗ ਹਦਾਇਤਾਂ
+- CI ਯੋਜਨਾ .github/workflows ਫੋਲਡਰ ਵਿੱਚ ਵੇਖੋ।
+- `pnpm turbo run test --filter <project_name>` ਚਲਾਓ।
+- ਪੈਕੇਜ ਰੂਟ ਤੋਂ ਸਿਰਫ਼ `pnpm test` ਚਲਾਇਆ ਜਾ ਸਕਦਾ ਹੈ।
+- ਕਿਸੇ ਇੱਕ ਟੈਸਟ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਨ ਲਈ: `pnpm vitest run -t "<test name>"`
+- ਕਿਸੇ ਵੀ ਟੈਸਟ ਜਾਂ ਟਾਈਪ ਦੀਆਂ ਗਲਤੀਆਂ ਠੀਕ ਕਰੋ।
+- ਫਾਇਲਾਂ ਹਿਲਾਉਣ ਜਾਂ imports ਬਦਲਣ ਤੋਂ ਬਾਅਦ: `pnpm lint --filter <project_name>` ਚਲਾਓ।
+- ਆਪਣੇ ਬਦਲਾਵਾਂ ਲਈ ਟੈਸਟ ਸ਼ਾਮਿਲ ਕਰੋ ਜਾਂ ਅੱਪਡੇਟ ਕਰੋ।
+
+## PR ਹਦਾਇਤਾਂ
+- ਸਿਰਲੇਖ ਫਾਰਮੈਟ: [<project_name>] <Title>
+- commit ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਹਮੇਸ਼ਾ `pnpm lint` ਅਤੇ `pnpm test` ਚਲਾਓ।

README_TAMIL.md

@@ -0,0 +1,34 @@
+# AGENTS.md
+
+<p align="center">
+  <img src="https://agents.md/og.png">
+</p>
+
+[AGENTS.md](https://agents.md) என்பது குறியீட்டு ஏஜென்ட்களுக்கு வழிகாட்ட ஒரு எளிய, திறந்த வடிவம்.
+
+AGENTS.md ஐ ஏஜென்ட்களுக்கான README போலக் கருதுங்கள்: ஒரு குறிப்பிட்ட, முன்னறிந்த இடம்
+இங்கு நீங்கள் உங்கள் திட்டத்திற்கு AI குறியீட்டு ஏஜென்ட்களுக்கு உதவ வழிகாட்டி மற்றும் தகவல்களை வழங்கலாம்.
+
+கீழே AGENTS.md கோப்பின் ஒரு எளிய எடுத்துக்காட்டு கொடுக்கப்பட்டுள்ளது:
+
+```markdown
+# Sample AGENTS.md file
+
+## Dev environment குறிப்பு
+- ஒரு பாக்கேஜ் செல்வதற்கு `pnpm dlx turbo run where <project_name>` பயன்படுத்தவும்.
+- Vite, ESLint மற்றும் TypeScript பார்க்க `pnpm install --filter <project_name>` ஓட்டவும்.
+- புதிய React + Vite பாக்கேஜ் உருவாக்க: `pnpm create vite@latest <project_name> -- --template react-ts`
+- ஒவ்வொரு package.json இலும் name புலத்தை சரிபார்க்கவும்—மேல்தரத்தை தவிர்க்கவும்.
+
+## சோதனை வழிமுறைகள்
+- CI திட்டத்தை .github/workflows கோப்பகத்தில் பார்வையிடவும்.
+- `pnpm turbo run test --filter <project_name>` ஓட்டவும்.
+- package root இல் இருந்து `pnpm test` மட்டும் ஓட்டலாம்.
+- ஒரே ஒரு டெஸ்ட் மீது கவனம் செலுத்த: `pnpm vitest run -t "<test name>"`
+- டெஸ்ட் அல்லது டைப் பிழைகளை சரி செய்யவும்.
+- கோப்புகளை மாற்றிய பிறகு அல்லது இறக்குமதிகளை மாற்றிய பிறகு: `pnpm lint --filter <project_name>` ஓட்டவும்.
+- உங்கள் மாற்றங்களுக்கு டெஸ்ட்களை சேர்க்கவும் அல்லது புதுப்பிக்கவும்.
+
+## PR வழிமுறைகள்
+- தலைப்பு வடிவம்: [<project_name>] <Title>
+- commit செய்யும் முன் எப்போதும் `pnpm lint` மற்றும் `pnpm test` ஓட்டவும்.