Update index.html

index.html

@@ -73,7 +73,39 @@
           </div>
         </div>
       </div>
+      <!-- Model Switcher Dropdown -->
+<div class="relative inline-block text-left">
+  <button type="button" id="model-select-btn" class="flex items-center gap-1.5 px-2.5 py-1 bg-zinc-900 border border-zinc-800 rounded-lg text-xs font-semibold text-zinc-200 hover:border-zinc-700 transition cursor-pointer">
+    <span id="current-model-display">Orki 3.0</span>
+    <svg class="w-3 h-3 text-zinc-400 pointer-events-none" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
+    </svg>
+  </button>
 
+  <div id="model-dropdown" class="absolute left-0 mt-1.5 w-48 bg-[#18181b] border border-zinc-800 rounded-xl shadow-2xl p-1 hidden z-50 space-y-1">
+    <button type="button" id="select-orki" class="w-full text-left px-2.5 py-2 rounded-lg hover:bg-zinc-800/80 transition cursor-pointer flex items-center justify-between">
+      <div>
+        <p class="text-xs font-semibold text-zinc-100">Orki 3.0</p>
+        <p class="text-[10px] text-zinc-400">Fast & Conversational</p>
+      </div>
+      <span class="text-emerald-400 text-xs font-bold">✓</span>
+    </button>
+
+    <button type="button" id="select-okafwr" class="w-full text-left px-2.5 py-2 rounded-lg hover:bg-zinc-800/80 transition cursor-pointer flex items-center justify-between">
+      <div>
+        <div class="flex items-center gap-1.5">
+          <p class="text-xs font-semibold text-amber-400">Okafwr 2.1</p>
+          <span class="text-[9px] bg-amber-500/20 text-amber-400 px-1 py-0.2 rounded font-bold">PRO</span>
+        </div>
+        <p class="text-[10px] text-zinc-400">Deep Reasoning & Long Memory</p>
+      </div>
+      <span id="okafwr-lock-icon" class="text-zinc-500 text-xs">🔒</span>
+    </button>
+  </div>
+</div>
+
+
+      
       <!-- New Chat Button -->
       <button type="button" id="new-chat-btn" class="w-full flex items-center gap-2 px-3 py-2 rounded-xl bg-zinc-800 hover:bg-zinc-700 text-zinc-200 text-xs font-medium mb-3 transition cursor-pointer">
         <svg class="w-4 h-4 text-emerald-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>