fix: move session picker to composer

web/src/styles.css

@@ -2175,13 +2175,13 @@ input.leaf-rename:focus {
 
 .structured-config {
   position: relative;
-  flex: 0 1 300px;
+  flex: 0 1 210px;
   min-width: 0;
 }
 
 .structured-config-trigger {
   width: 100%;
-  height: 26px;
+  height: var(--control-h);
   display: flex;
   align-items: center;
   gap: var(--sp-2);
@@ -2231,7 +2231,7 @@ input.leaf-rename:focus {
 .structured-config-menu {
   position: absolute;
   z-index: 20;
-  top: calc(100% + var(--sp-2));
+  bottom: calc(100% + var(--sp-2));
   right: 0;
   width: min(320px, 86vw);
   padding: var(--sp-2);
@@ -2286,6 +2286,20 @@ input.leaf-rename:focus {
   display: flex;
 }
 
+.attach.structured,
+.attach.structured .attach-title,
+.structured-input {
+  font-family: var(--font-sans);
+}
+
+.st-row-agent code,
+.st-tool-text,
+.st-tool-detail pre,
+.st-diff,
+.st-approval-path {
+  font-family: var(--font-mono);
+}
+
 .structured-main {
   min-width: 0;
   min-height: 0;
@@ -2788,10 +2802,19 @@ input.leaf-rename:focus {
   border-radius: var(--r-2);
   background: var(--bg);
   color: var(--ink);
-  font-family: var(--font-mono);
   font-size: var(--fs-13);
 }
 
+@media (max-width: 520px) {
+  .structured-config {
+    flex-basis: 132px;
+  }
+
+  .structured-config-menu {
+    right: calc(-1 * (var(--control-h) + var(--sp-3)));
+  }
+}
+
 .structured-command-menu {
   position: absolute;
   z-index: var(--z-sticky);