Polish AI Labs mobile layout

frontend/README.md

@@ -6,6 +6,8 @@ The workbench now uses a task-based shell instead of a single long panel stack.
 
 Data and Map workspaces include mobile-density CSS for file inputs, dataset action buttons, map toolbar controls, range sliders and empty-map quick actions so narrow screens avoid accidental viewport overflow.
 
+AI Labs uses the same mobile-density baseline for Detection and Segmentation model cards, run forms, QA/result summaries and scroll-safe result tables. This keeps long model ids, tile paths and artifact paths from widening the workbench on phones.
+
 ## Scope implemented
 - API client layer (`src/services/api`)
 - Project and area list/create flows

frontend/src/styles/app.css

@@ -867,6 +867,12 @@ section th {
   background: #f8fbf9;
 }
 
+.table-scroll th,
+.table-scroll td {
+  max-width: 18rem;
+  overflow-wrap: anywhere;
+}
+
 .workbench-inspector .job-result,
 .workbench-inspector pre {
   max-height: 16rem;
@@ -1155,6 +1161,11 @@ button.entity-card {
   margin: 0.25rem 0 0;
 }
 
+.model-card strong {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
 .model-card-ready {
   border-color: rgba(21, 128, 61, 0.24);
 }
@@ -1233,10 +1244,12 @@ button.entity-card {
 }
 
 .result-summary-card p {
+  min-width: 0;
   margin: 0;
   color: #23423b;
   font-size: 0.86rem;
   line-height: 1.35;
+  overflow-wrap: anywhere;
 }
 
 .quality-summary-grid {
@@ -1756,6 +1769,25 @@ button.entity-card {
   margin-top: 0.85rem;
 }
 
+.workspace-grid-ai .workspace-panel {
+  min-width: 0;
+}
+
+.lab-block label {
+  min-width: 0;
+}
+
+.lab-block input,
+.lab-block select {
+  width: 100%;
+  min-width: 0;
+}
+
+.lab-block .primary-action {
+  width: fit-content;
+  max-width: 100%;
+}
+
 .lab-form-grid {
   grid-template-columns: repeat(3, minmax(0, 1fr));
   align-items: end;
@@ -2063,6 +2095,25 @@ button.entity-card {
     grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr));
   }
 
+  .result-summary-card {
+    grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
+  }
+
+  .workspace-grid-ai .model-list,
+  .workspace-grid-ai .lab-block {
+    gap: 0.55rem;
+  }
+
+  .workspace-grid-ai .model-card,
+  .workspace-grid-ai .lab-block,
+  .workspace-grid-ai .result-summary-card {
+    padding: 0.68rem;
+  }
+
+  .workspace-grid-ai .table-scroll table {
+    min-width: 36rem;
+  }
+
   .dataset-action-button,
   .map-empty-action-grid button {
     min-height: 3rem;