style(workspace): align browsing with the approved concept (#219)

* style(workspace): align approved shell and visual fixtures

* test(workflows): preserve evidence across browser projects

* style(workspace): match approved image browsing geometry

* style(workspace): match natural library card layout

* fix(workspace): retain wheel motion during row correction

* fix(workspace): contain zoomed controls and image metadata (#215)

tools/vendor/frontend-coverage-baseline.json

@@ -214,5 +214,17 @@
     "branches": 80,
     "functions": 93,
     "statements": 94
+  },
+  "workspace/icons.mjs": {
+    "lines": 98,
+    "branches": 98,
+    "functions": 98,
+    "statements": 98
+  },
+  "workspace/library-layout.mjs": {
+    "lines": 98,
+    "branches": 98,
+    "functions": 98,
+    "statements": 98
   }
 }

tools/vendor/playwright.workflows.config.mjs

@@ -19,9 +19,9 @@ export default defineConfig({
         gracefulShutdown: { signal: 'SIGTERM', timeout: 5000 },
     },
     projects: [
-        { name: 'chromium', use: { browserName: 'chromium' } },
-        { name: 'firefox', use: { browserName: 'firefox' } },
-        { name: 'webkit', use: { browserName: 'webkit' } },
-        { name: 'touch', use: { ...devices['Pixel 7'], browserName: 'chromium' } },
+        { name: 'chromium', outputDir: './test-results/workflows/chromium', use: { browserName: 'chromium' } },
+        { name: 'firefox', outputDir: './test-results/workflows/firefox', use: { browserName: 'firefox' } },
+        { name: 'webkit', outputDir: './test-results/workflows/webkit', use: { browserName: 'webkit' } },
+        { name: 'touch', outputDir: './test-results/workflows/touch', use: { ...devices['Pixel 7'], browserName: 'chromium' } },
     ],
 });