Merge pull request #3 from itk-dev/feature/fix-mock-panel-scroll

fix: resolve scroll overflow on mock panels

Author: yepzdk

docs/projects/agentic-orchestration/mocks/unified-platform.css

@@ -7,7 +7,7 @@ body {
   background: #f5f6f8;
   color: #1a1a2e;
   display: flex;
-  min-height: 100vh;
+  height: 100vh;
   overflow: hidden;
 }
 
@@ -161,6 +161,7 @@ body {
   display: flex;
   flex-direction: column;
   padding-top: 24px;
+  min-height: 0;
   overflow: hidden;
 }
 
@@ -171,6 +172,7 @@ body {
   padding: 12px 24px;
   border-bottom: 1px solid #e5e7eb;
   background: #fff;
+  flex-shrink: 0;
 }
 .topbar h2 {
   font-size: 16px;
@@ -199,13 +201,18 @@ body {
 .topbar-search:focus { border-color: #3b5bdb; }
 
 /* ── Panels ── */
+/* min-height: 0 lets the flex item shrink below its content so overflow-y scrolls */
 .panel {
   display: none;
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
   padding: 24px;
 }
-.panel.active { display: flex; flex-direction: column; min-height: 0; }
+.panel.active { display: block; }
+/* Panels that need flex to stretch children vertically (kanban board, assistant chat) */
+#panel-tasks.active,
+#panel-assistant.active { display: flex; flex-direction: column; }
 
 /* ── Buttons ── */
 .btn {
@@ -237,7 +244,6 @@ body {
   border: 1px solid #e5e7eb;
   border-radius: 10px;
   padding: 24px;
-  min-height: 400px;
 }
 
 /* Process list */