بخش های ناقص رو کامل کن .پوسته ای که ساختی خیلی نمایشیه و اتوترین و فاین تیون رو انجام بده چت از این استفاده کن برای بخش چت https://huggingface.co/deepseek-ai/DeepSeek-V3.1 - Follow Up Deployment

index.html

@@ -171,13 +171,24 @@
                                 <div class="mb-4">
                                     <label class="block text-sm font-medium mb-2 en">Describe your app requirements:</label>
                                     <label class="block text-sm font-medium mb-2 fa hidden rtl persian-font">نیازمندی‌های برنامه خود را شرح دهید:</label>
-                                    <textarea class="w-full h-32 p-3 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700" placeholder="Type here..."></textarea>
+                                    <textarea id="chatInput" class="w-full h-32 p-3 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700" placeholder="Type here..."></textarea>
                                 </div>
                                 <div class="flex justify-end space-x-3">
-                                    <button class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg en">Clear</button>
-                                    <button class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg fa hidden rtl persian-font">پاک کردن</button>
-                                    <button class="px-4 py-2 bg-blue-500 text-white rounded-lg en">Generate Code</button>
-                                    <button class="px-4 py-2 bg-blue-500 text-white rounded-lg fa hidden rtl persian-font">تولید کد</button>
+                                    <button onclick="clearChat()" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg en">Clear</button>
+                                    <button onclick="clearChat()" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg fa hidden rtl persian-font">پاک کردن</button>
+                                    <button onclick="generateWithDeepSeek()" class="px-4 py-2 bg-blue-500 text-white rounded-lg en">Generate Code</button>
+                                    <button onclick="generateWithDeepSeek()" class="px-4 py-2 bg-blue-500 text-white rounded-lg fa hidden rtl persian-font">تولید کد</button>
+                                </div>
+                                <div id="chatResponse" class="mt-4 hidden">
+                                    <div class="p-4 bg-gray-50 dark:bg-gray-800 rounded-lg">
+                                        <div class="flex items-center space-x-2 mb-2">
+                                            <div class="w-6 h-6 bg-blue-500 rounded-full flex items-center justify-center">
+                                                <i data-feather="cpu" class="text-white w-3 h-3"></i>
+                                            </div>
+                                            <span class="font-medium">DeepSeek-V3</span>
+                                        </div>
+                                        <div id="responseContent" class="text-sm"></div>
+                                    </div>
                                 </div>
                             </div>
                             <div>
@@ -198,11 +209,11 @@ class AppBuilder:
     def generate_code(self, prompt):
         return self.model(prompt, max_length=200)</code></pre>
                                 </div>
-                                <div class="flex justify-end space-x-3">
-                                    <button class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg en">Refine</button>
-                                    <button class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg fa hidden rtl persian-font">بهینه‌سازی</button>
-                                    <button class="px-4 py-2 bg-green-500 text-white rounded-lg en">Save to Termux</button>
-                                    <button class="px-4 py-2 bg-green-500 text-white rounded-lg fa hidden rtl persian-font">ذخیره در ترمکس</button>
+                                <div class="flex justify-end space-x-3 mt-4">
+                                    <button onclick="refineCode()" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg en">Refine</button>
+                                    <button onclick="refineCode()" class="px-4 py-2 bg-gray-200 dark:bg-gray-700 rounded-lg fa hidden rtl persian-font">بهینه‌سازی</button>
+                                    <button onclick="saveToTermux()" class="px-4 py-2 bg-green-500 text-white rounded-lg en">Save to Termux</button>
+                                    <button onclick="saveToTermux()" class="px-4 py-2 bg-green-500 text-white rounded-lg fa hidden rtl persian-font">ذخیره در ترمکس</button>
                                 </div>
                             </div>
                         </div>

prompts.txt

@@ -49,4 +49,5 @@ I want you to build a Hugging Face Space called **DeepSite-Termux-App-Builder**
 
 ---
 
-📌 In summary: Build a Hugging Face Space that works as a **Deepsite-powered App Builder for Termux + Android**, bilingual, graph-powered (D3), error self-healing, fully connected to HF models, with professional UI and update system.
+📌 In summary: Build a Hugging Face Space that works as a **Deepsite-powered App Builder for Termux + Android**, bilingual, graph-powered (D3), error self-healing, fully connected to HF models, with professional UI and update system.
+ بخش های ناقص رو کامل کن .پوسته ای که ساختی خیلی نمایشیه و اتوترین و فاین تیون رو انجام بده چت از این استفاده کن برای بخش چت https://huggingface.co/deepseek-ai/DeepSeek-V3.1