Fix chat type persistence and board flow

src/app/main/MainLayout.css

@@ -83,6 +83,14 @@
   cursor: pointer;
 }
 
+.app-header__connection-indicator--labelled {
+  justify-content: flex-start;
+  gap: 8px;
+  width: auto;
+  min-width: 124px;
+  padding: 0 12px 0 10px;
+}
+
 .app-header__connection-indicator:hover {
   background: #f3f7ff;
 }
@@ -140,6 +148,28 @@
   box-shadow: 0 6px 16px rgba(220, 38, 38, 0.22);
 }
 
+.app-header__connection-copy {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1px;
+  min-width: 0;
+  line-height: 1.1;
+}
+
+.app-header__connection-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: #182230;
+  white-space: nowrap;
+}
+
+.app-header__connection-meta {
+  font-size: 11px;
+  color: #64748b;
+  white-space: nowrap;
+}
+
 @keyframes app-header-connection-badge-pulse {
   0%,
   100% {
@@ -487,6 +517,12 @@
   width: 100%;
 }
 
+.app-main-layout:has(.chat-type-management-page) {
+  grid-template-columns: minmax(0, 1fr);
+  gap: 12px;
+  padding: 4px 12px 12px;
+}
+
 @media (max-width: 720px) {
   html,
   body,
@@ -734,6 +770,17 @@
     height: 32px;
   }
 
+  .app-header__connection-indicator--labelled {
+    min-width: 32px;
+    width: 32px;
+    padding: 0;
+    justify-content: center;
+  }
+
+  .app-header__connection-copy {
+    display: none;
+  }
+
   .app-header__runtime-summary {
     gap: 8px;
   }
@@ -764,6 +811,11 @@
     gap: 8px;
   }
 
+  .app-main-layout:has(.chat-type-management-page) {
+    padding: 0;
+    gap: 0;
+  }
+
   .app-main-window-layer {
     inset: 8px;
   }