feat(quick-pane): polish compact chat controls

ui/src/quick-pane/quick-pane.css

@@ -46,6 +46,13 @@ body {
   align-items: center;
 }
 
+.quick-pane-drag-strip {
+  height: 8px;
+  flex: 0 0 8px;
+  cursor: move;
+  touch-action: none;
+}
+
 .quick-pane-toolbar {
   flex: 0 0 auto;
   justify-content: space-between;
@@ -195,16 +202,19 @@ body {
   flex: 1 1 auto;
   flex-direction: column;
   gap: 9px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden;
   padding: 2px 3px 8px;
   scroll-behavior: smooth;
 }
 
 .quick-pane-transcript {
   display: flex;
+  min-height: 0;
+  flex: 1 1 auto;
   flex-direction: column;
   gap: 9px;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 
 .quick-pane-user-row {
@@ -266,6 +276,25 @@ body {
   margin-bottom: 0;
 }
 
+.quick-pane-assistant-footer {
+  margin-top: 8px;
+  border-top: 1px solid #484848;
+  padding-top: 6px;
+}
+
+.quick-pane-assistant-footer button {
+  padding: 0;
+  color: #ffc170;
+  background: transparent;
+  font-size: 11px;
+  font-weight: 650;
+}
+
+.quick-pane-assistant-footer button:hover {
+  color: #fff0d8;
+  background: transparent;
+}
+
 .quick-pane-assistant-message p,
 .quick-pane-assistant-message ul,
 .quick-pane-assistant-message ol,
@@ -450,7 +479,7 @@ body {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding: 11px 50px 29px 11px;
+  padding: 11px 150px 29px 11px;
   resize: none;
   border: 1px solid #55514c;
   border-radius: 8px;
@@ -465,6 +494,22 @@ body {
   background: #272727;
 }
 
+.quick-pane-composer-actions {
+  position: absolute;
+  right: 50px;
+  bottom: 9px;
+  display: flex;
+  gap: 4px;
+}
+
+.quick-pane-action {
+  min-height: 30px;
+  padding: 4px 7px !important;
+  color: #e6e3df !important;
+  background: #45413c !important;
+  font-size: 10px !important;
+}
+
 .quick-pane-send {
   position: absolute;
   right: 8px;