feat: splash two-line layout, upload progress bar, iOS camera permission

- Splash screen: "IM." / "codes" two-line layout (web animation + iOS static image)
- Fix "codes" typeOut animation width (2.8em → 3.4em) so "s" isn't clipped
- Upload: XHR-based progress bar with percentage display
- iOS: add NSCameraUsageDescription + NSPhotoLibraryUsageDescription
- SubSessionBar: shorten "Sub-sessions" → "Subs"

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

Author: IM.codes

web/index.html

@@ -48,16 +48,21 @@
         50% { opacity: 0.7; }
       }
 
-      /* Logo container */
+      /* Logo container — two-line layout */
       .splash-logo {
         position: relative; z-index: 2;
-        display: flex; align-items: baseline; gap: 0;
-        font-size: clamp(42px, 10vw, 72px);
+        display: flex; flex-direction: column; align-items: center; gap: 0;
         font-weight: 700;
         letter-spacing: -0.02em;
         line-height: 1;
       }
 
+      /* Top line: "IM." */
+      .splash-top {
+        display: flex; align-items: baseline;
+        font-size: clamp(56px, 14vw, 96px);
+      }
+
       /* "IM" — glitch decode */
       .splash-im {
         color: #e0f0ff;
@@ -76,13 +81,16 @@
         animation: dotAppear 0.15s ease-out 0.7s both;
       }
 
-      /* "codes" — type out */
+      /* Bottom line: "codes" — type out */
       .splash-codes {
+        display: inline-block;
+        font-size: clamp(40px, 10vw, 68px);
         color: #94a3b8;
         overflow: hidden;
         white-space: nowrap;
         width: 0;
         animation: typeOut 0.5s steps(5, end) 0.85s forwards;
+        margin-top: 4px;
       }
 
       /* Subtitle */
@@ -130,7 +138,7 @@
 
       @keyframes typeOut {
         0% { width: 0; }
-        100% { width: 2.8em; }
+        100% { width: 3.4em; }
       }
 
       @keyframes fadeUp {
@@ -153,7 +161,8 @@
     <div id="splash">
       <div class="splash-scan"></div>
       <div class="splash-logo">
-        <span class="splash-im">IM</span><span class="splash-dot">.</span><span class="splash-codes">codes</span>
+        <div class="splash-top"><span class="splash-im">IM</span><span class="splash-dot">.</span></div>
+        <span class="splash-codes">codes</span>
       </div>
       <div class="splash-sub">initializing</div>
       <div class="splash-beam"></div>

web/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png

@@ -51,6 +51,10 @@
 	<string>IM.codes uses speech recognition to convert your voice to text commands.</string>
 	<key>NSMicrophoneUsageDescription</key>
 	<string>IM.codes needs microphone access for voice input.</string>
+	<key>NSCameraUsageDescription</key>
+	<string>IM.codes needs camera access to take photos for upload.</string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>IM.codes needs photo library access to select files for upload.</string>
 	<key>CFBundleURLTypes</key>
 	<array>
 		<dict>

web/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png

@@ -381,19 +381,43 @@ export interface AttachmentRefResponse {
 export async function uploadFile(
   serverId: string,
   file: File,
+  onProgress?: (pct: number) => void,
 ): Promise<{ ok: boolean; attachment: AttachmentRefResponse }> {
   const form = new FormData();
   form.append('file', file);
-  // Use rawFetch to avoid Content-Type override (browser sets multipart boundary)
-  const res = await rawFetch(`/api/server/${serverId}/upload`, {
-    method: 'POST',
-    body: form,
+
+  // Use XHR for upload progress reporting
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.open('POST', `${_baseUrl}/api/server/${serverId}/upload`);
+
+    // Auth headers (same as rawFetch)
+    if (_apiKey) {
+      xhr.setRequestHeader('Authorization', `Bearer ${_apiKey}`);
+    } else {
+      xhr.withCredentials = true;
+      const csrf = document.cookie.match(/csrf_token=([^;]+)/)?.[1];
+      if (csrf) xhr.setRequestHeader('X-CSRF-Token', csrf);
+    }
+
+    xhr.upload.onprogress = (e) => {
+      if (e.lengthComputable && onProgress) {
+        onProgress(Math.round((e.loaded / e.total) * 100));
+      }
+    };
+
+    xhr.onload = () => {
+      if (xhr.status >= 200 && xhr.status < 300) {
+        try { resolve(JSON.parse(xhr.responseText)); }
+        catch { reject(new ApiError(xhr.status, 'Invalid JSON response')); }
+      } else {
+        reject(new ApiError(xhr.status, xhr.responseText));
+      }
+    };
+
+    xhr.onerror = () => reject(new ApiError(0, 'Network error'));
+    xhr.send(form);
   });
-  if (!res.ok) {
-    const body = await res.text().catch(() => '');
-    throw new ApiError(res.status, body);
-  }
-  return res.json() as Promise<{ ok: boolean; attachment: AttachmentRefResponse }>;
 }
 
 export async function downloadAttachment(serverId: string, attachmentId: string): Promise<void> {

web/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png

@@ -115,6 +115,7 @@ export function SessionControls({ ws, activeSession, inputRef, onAfterAction, on
   // File upload state
   const fileInputRef = useRef<HTMLInputElement>(null);
   const [uploading, setUploading] = useState(false);
+  const [uploadProgress, setUploadProgress] = useState(0);
   const [uploadError, setUploadError] = useState<string | null>(null);
 
   // Keep external inputRef in sync so parent can call .focus()
@@ -309,11 +310,12 @@ export function SessionControls({ ws, activeSession, inputRef, onAfterAction, on
   const handleFileUpload = useCallback(async (files: FileList | null) => {
     if (!files || files.length === 0 || !serverId) return;
     setUploading(true);
+    setUploadProgress(0);
     setUploadError(null);
     const paths: string[] = [];
     for (const file of Array.from(files)) {
       try {
-        const result = await uploadFile(serverId, file);
+        const result = await uploadFile(serverId, file, (pct) => setUploadProgress(pct));
         if (result.attachment?.daemonPath) {
           paths.push('@' + result.attachment.daemonPath + ' ');
         }
@@ -504,6 +506,16 @@ export function SessionControls({ ws, activeSession, inputRef, onAfterAction, on
         )}
       </div>}
 
+      {/* Upload progress bar */}
+      {uploading && (
+        <div style={{ margin: '0 8px 4px', height: 18, display: 'flex', alignItems: 'center', gap: 8 }}>
+          <div style={{ flex: 1, height: 4, background: 'rgba(255,255,255,0.1)', borderRadius: 2, overflow: 'hidden' }}>
+            <div style={{ width: `${uploadProgress}%`, height: '100%', background: '#3b82f6', borderRadius: 2, transition: 'width 0.2s ease' }} />
+          </div>
+          <span style={{ fontSize: 11, color: '#94a3b8', minWidth: 32 }}>{uploadProgress}%</span>
+        </div>
+      )}
+
       {/* Upload error banner */}
       {uploadError && (
         <div style={{ padding: '4px 12px', fontSize: 12, color: '#ef4444', background: 'rgba(239,68,68,0.1)', borderRadius: 4, margin: '0 8px 4px' }}>

web/ios/App/App/Info.plist

@@ -200,7 +200,7 @@ export function SubSessionBar({ subSessions, openIds, onOpen, onNew, onNewDiscus
             >
               ⚙
             </button>
-            <span class="subcard-toolbar-label">Sub-sessions ({subSessions.length})</span>
+            <span class="subcard-toolbar-label">Subs ({subSessions.length})</span>
             {stats && (
               <span class="daemon-stats-inline" title={`${stats.daemonVersion ? `Daemon ${stats.daemonVersion} | ` : ''}Load: ${stats.load1} / ${stats.load5} / ${stats.load15} | Uptime: ${formatUptime(stats.uptime)}`}>
                 {stats.daemonVersion && (