Add MIT license, Ctrl+ full alphabet, nav polish, download buttons

- MIT license
- Ctrl+ group: all A-Z keys instead of curated list
- Persistent nav keys below input: added Backspace
- Removed Nav from drill-in groups (now always visible)
- Download button on all file viewers (code editor, image)
- Mobile tab bar reordered: Files | Terminal | Browser (matches desktop)
- Terminal tabs moved to footer position
- Placeholder: "Type anything..."

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: davindicode

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 davindicode
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

app/components/MobileTabBar.tsx

@@ -2,20 +2,20 @@ import { useUiStore, type TabId } from "~/stores/uiStore";
 
 const tabs: { id: TabId; label: string; icon: React.ReactNode }[] = [
   {
-    id: "terminal",
-    label: "Terminal",
+    id: "files",
+    label: "Files",
     icon: (
       <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
       </svg>
     ),
   },
   {
-    id: "files",
-    label: "Files",
+    id: "terminal",
+    label: "Terminal",
     icon: (
       <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" />
+        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
       </svg>
     ),
   },

app/components/files/CodeEditor.tsx

@@ -235,6 +235,13 @@ export default function CodeEditor({ path, content, onSave, onClose }: CodeEdito
               </button>
             </div>
           )}
+          <a
+            href={`/api/files/download?path=${encodeURIComponent(path)}`}
+            download
+            className="px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded text-xs transition-colors"
+          >
+            Download
+          </a>
           {dirty && <span className="text-xs text-yellow-500">Unsaved</span>}
           <button
             onClick={handleSave}

app/components/files/ImageViewer.tsx

@@ -8,12 +8,21 @@ export default function ImageViewer({ path, onClose }: ImageViewerProps) {
     <div className="flex flex-col h-full">
       <div className="flex items-center justify-between px-3 py-2 bg-[#16162a] border-b border-gray-700 shrink-0">
         <span className="text-sm text-gray-300 truncate">{path}</span>
-        <button
-          onClick={onClose}
-          className="px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded text-xs transition-colors"
-        >
-          Close
-        </button>
+        <div className="flex items-center gap-2 shrink-0">
+          <a
+            href={`/api/files/download?path=${encodeURIComponent(path)}`}
+            download
+            className="px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded text-xs transition-colors"
+          >
+            Download
+          </a>
+          <button
+            onClick={onClose}
+            className="px-3 py-1 bg-gray-700 hover:bg-gray-600 text-white rounded text-xs transition-colors"
+          >
+            Close
+          </button>
+        </div>
       </div>
       <div className="flex-1 flex items-center justify-center overflow-auto p-4 bg-[#0d0d1a]">
         <img

app/components/terminal/InputBox.tsx

@@ -13,35 +13,30 @@ interface QuickKeyGroup {
   keys: QuickKey[];
 }
 
+// Always-visible nav keys below the text input
+const NAV_KEYS: QuickKey[] = [
+  { label: "Tab", key: "\t", title: "Autocomplete" },
+  { label: "Enter", key: "\r", title: "Enter / Confirm" },
+  { label: "Bksp", key: "\x7f", title: "Backspace" },
+  { label: "Esc", key: "\x1b", title: "Escape" },
+  { label: "Up", key: "\x1b[A", title: "Previous command" },
+  { label: "Down", key: "\x1b[B", title: "Next command" },
+  { label: "Left", key: "\x1b[D", title: "Cursor left" },
+  { label: "Right", key: "\x1b[C", title: "Cursor right" },
+  { label: "y", key: "y", title: "Yes" },
+  { label: "n", key: "n", title: "No" },
+  { label: "q", key: "q", title: "Quit (htop/less)" },
+];
+
 const GROUPS: QuickKeyGroup[] = [
   {
-    label: "Ctrl",
-    title: "Control combos",
-    keys: [
-      { label: "Ctrl+C", key: "\x03", title: "Interrupt" },
-      { label: "Ctrl+D", key: "\x04", title: "EOF / Exit" },
-      { label: "Ctrl+Z", key: "\x1a", title: "Suspend" },
-      { label: "Ctrl+L", key: "\x0c", title: "Clear screen" },
-      { label: "Ctrl+A", key: "\x01", title: "Home" },
-      { label: "Ctrl+E", key: "\x05", title: "End" },
-      { label: "Ctrl+R", key: "\x12", title: "Reverse search" },
-    ],
-  },
-  {
-    label: "Nav",
-    title: "Navigation keys",
-    keys: [
-      { label: "Enter", key: "\r", title: "Enter / Confirm" },
-      { label: "Tab", key: "\t", title: "Autocomplete" },
-      { label: "Esc", key: "\x1b", title: "Escape" },
-      { label: "Up", key: "\x1b[A", title: "Previous command" },
-      { label: "Down", key: "\x1b[B", title: "Next command" },
-      { label: "Left", key: "\x1b[D", title: "Cursor left" },
-      { label: "Right", key: "\x1b[C", title: "Cursor right" },
-      { label: "q", key: "q", title: "Quit (htop/less)" },
-      { label: "y", key: "y", title: "Yes" },
-      { label: "n", key: "n", title: "No" },
-    ],
+    label: "Ctrl+",
+    title: "Ctrl + key combos",
+    keys: "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").map((ch) => ({
+      label: ch,
+      key: String.fromCharCode(ch.charCodeAt(0) - 64), // Ctrl+A = 0x01, Ctrl+Z = 0x1A
+      title: `Ctrl+${ch}`,
+    })),
   },
   {
     label: "nano",
@@ -204,7 +199,7 @@ export default function InputBox() {
           value={text}
           onChange={(e) => setText(e.target.value)}
           onKeyDown={handleKeyDown}
-          placeholder="Type a command..."
+          placeholder="Type anything..."
           rows={1}
           className="flex-1 bg-[#1a1a2e] text-white border border-gray-600 rounded-lg px-3 py-2 text-sm resize-none focus:outline-none focus:ring-1 focus:ring-blue-500"
         />
@@ -216,6 +211,22 @@ export default function InputBox() {
           Send
         </button>
       </div>
+      {/* Persistent nav keys */}
+      <div className="border-t border-gray-700/50 overflow-x-auto scrollbar-none" style={{ minWidth: 0 }}>
+        <div className="flex items-center gap-1 px-2 py-1 w-max">
+          {NAV_KEYS.map((qk) => (
+            <button
+              key={qk.label}
+              onClick={() => handleQuickKey(qk.key)}
+              disabled={!activeSessionId}
+              title={qk.title}
+              className="px-2 py-0.5 text-[11px] bg-[#1a1a2e] text-gray-400 hover:text-white hover:bg-[#2a2a4a] disabled:text-gray-600 rounded border border-gray-700 whitespace-nowrap transition-colors shrink-0"
+            >
+              {qk.label}
+            </button>
+          ))}
+        </div>
+      </div>
     </div>
   );
 }