fix: logs Message column collapsing on narrow viewports + cross-platform dev:mock

.gitignore

@@ -42,3 +42,6 @@ crates/client-web/dist/
 
 # dev temp files
 .dev/
+
+# git worktrees
+.worktrees/

crates/client-web/.env.mock

@@ -0,0 +1,4 @@
+# Activated automatically by `npm run dev:mock`, which runs `vite --mode mock`.
+# Vite loads `.env.[mode]` files, so this file turns on the in-browser mock API
+# without needing any OS-specific env-var syntax in package.json scripts.
+VITE_USE_MOCK_API=true

crates/client-web/package.json

@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:mock": "set VITE_USE_MOCK_API=true&& vite",
+    "dev:mock": "vite --mode mock",
+    "dev:mock:win": "set VITE_USE_MOCK_API=true&& vite",
     "build": "vite build",
     "preview": "vite preview",
     "check": "tsc --noEmit"

crates/client-web/src/app/dashboardView.ts

@@ -269,7 +269,7 @@ export function renderLogViewer(): string {
                   <th>Level</th>
                   <th>Module</th>
                   <th>Source</th>
-                  <th>Message</th>
+                  <th class="log-message-col">Message</th>
                 </tr>
               </thead>
               <tbody>${logEntries.map((entry) => {
@@ -285,7 +285,7 @@ export function renderLogViewer(): string {
                   <td><span class="tag ${levelTagClass}">${escapeHtml(entry.level)}</span></td>
                   <td>${escapeHtml(entry.module)}</td>
                   <td class="muted">${escapeHtml(entry.source_file_path)}${typeof entry.line_number === 'number' ? `:${entry.line_number}` : ''}</td>
-                  <td><pre class="log-entry-message">${escapeHtml(entry.message)}</pre></td>
+                  <td class="log-message-col"><pre class="log-entry-message">${escapeHtml(entry.message)}</pre></td>
                 </tr>
               `;
               }).join('')}</tbody>

crates/client-web/src/style.css

@@ -2123,6 +2123,15 @@ legend {
   font-size: 0.84rem;
 }
 
+/* The Message column keeps a fixed minimum width in characters regardless of
+   available viewport space. Since the table sits inside a horizontally
+   scrollable .table-shell, this never clips it; it just guarantees the column
+   is always wide enough to read instead of getting crushed by auto-layout. */
+.log-entries-table .log-message-col {
+  min-width: 70ch;
+  width: 70ch;
+}
+
 .log-filter-row {
   align-items: end;
 }