Add a per-user lead agent and make the right pane task-focused

web/style.css

@@ -208,17 +208,6 @@ textarea {
   flex: 1;
 }
 
-.inbox-count {
-  background: transparent;
-}
-
-.inbox-count.urgent {
-  background: var(--danger-tint);
-  border-color: transparent;
-  color: var(--danger);
-  font-weight: 700;
-}
-
 .connection {
   width: 8px;
   height: 8px;
@@ -282,7 +271,6 @@ textarea {
 }
 
 .pane-tabs button,
-.scope-tabs button,
 .range-tabs button,
 .modes button {
   border: none;
@@ -297,14 +285,12 @@ textarea {
 }
 
 .pane-tabs button:hover:not(:disabled),
-.scope-tabs button:hover:not(:disabled),
 .range-tabs button:hover:not(:disabled),
 .modes button:hover:not(:disabled) {
   color: var(--text);
 }
 
 .pane-tabs button.active,
-.scope-tabs button.active,
 .range-tabs button.active,
 .modes button.active {
   color: var(--text);
@@ -323,11 +309,6 @@ textarea {
   flex-direction: column;
 }
 
-.tasks-view {
-  overflow-y: auto;
-  padding: 8px 16px 16px;
-}
-
 .todo-view {
   overflow-y: auto;
   padding: 8px 16px 16px;
@@ -1198,17 +1179,6 @@ pre.file-text .line::before {
   padding: 6px 16px 16px;
 }
 
-.scope-tabs {
-  display: flex;
-  gap: 4px;
-  padding: 4px 12px 0;
-}
-
-.scope-tabs button {
-  padding: 6px 8px 4px;
-  font-size: 12px;
-}
-
 .range-tabs {
   display: flex;
   gap: 4px;
@@ -1260,28 +1230,6 @@ pre.file-text .line::before {
   color: var(--danger);
 }
 
-.task-group {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.task-group + .task-group {
-  margin-top: 8px;
-}
-
-.task-group h3 {
-  margin: 0;
-  font-size: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.task-group.blocked h3 a {
-  color: var(--danger);
-}
-
 .context {
   margin: 10px 0;
 }
@@ -1456,6 +1404,45 @@ pre.file-text .line::before {
   background: rgb(0 0 0 / 0.35);
 }
 
+.modal.panel {
+  width: min(860px, 92vw);
+  height: min(80vh, 900px);
+  padding: 0;
+  overflow: hidden;
+}
+
+.modal.panel[open] {
+  display: flex;
+  flex-direction: column;
+}
+
+.panel-head {
+  display: flex;
+  align-items: center;
+  padding: 8px 12px 8px 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.panel-head h2 {
+  flex: 1;
+  margin: 0;
+  font-size: 14px;
+}
+
+.panel-close {
+  border-color: transparent;
+  background: transparent;
+  font-size: 16px;
+  line-height: 1;
+}
+
+.panel-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
 .modal-text {
   margin: 0 0 16px;
   white-space: pre-wrap;
@@ -1529,6 +1516,8 @@ button.danger-primary {
 }
 
 .settings-view {
+  flex: 1;
+  min-height: 0;
   overflow-y: auto;
   padding: 8px 16px 16px;
 }
@@ -1575,19 +1564,19 @@ button.danger-primary {
   background: transparent;
 }
 
-.admin-view {
+.status-view {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
   padding: 8px 16px 16px;
 }
 
-.admin-section h2 {
+.status-section h2 {
   font-size: 13px;
   margin: 16px 0 8px;
 }
 
-.admin-section h3 {
+.status-section h3 {
   font-size: 12px;
   color: var(--muted);
   margin: 12px 0 4px;