fix(quick-pane): refresh runtime model catalog

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

@@ -22,7 +22,7 @@ body {
   flex-direction: column;
   gap: 9px;
   height: 100vh;
-  overflow: hidden;
+  overflow: visible;
   padding: 10px;
   color: #e6e3df;
   font:
@@ -58,13 +58,11 @@ body {
 
 .quick-pane-primary-controls {
   flex: 1 1 auto;
-  overflow: hidden;
 }
 
 .quick-pane-header-actions {
   flex: 0 1 auto;
   justify-content: end;
-  overflow: hidden;
 }
 
 .quick-pane-field {
@@ -76,9 +74,53 @@ body {
   text-transform: uppercase;
 }
 
-.quick-pane-model {
+.quick-pane-model-selector {
   flex: 1 1 230px;
   max-width: 310px;
+  color: #bbb7b0;
+  font-weight: 750;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.quick-pane .model-trigger {
+  height: 27px;
+  border: 0;
+  padding: 5px 25px 5px 8px;
+  color: #e6e3df;
+  background-color: #353535;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.quick-pane .model-menu {
+  width: min(400px, calc(100vw - 24px));
+  max-height: min(350px, calc(100vh - 56px));
+  color: #e6e3df;
+  font-size: 11px;
+  font-weight: 500;
+  letter-spacing: normal;
+  text-transform: none;
+}
+
+.quick-pane .model-option {
+  display: grid;
+  padding: 6px 7px;
+  border: 1px solid transparent;
+  color: #f2ece4;
+  background: #35322e;
+  font-size: 11px;
+  font-weight: 500;
+}
+
+.quick-pane .model-option:hover {
+  border-color: #8c6338;
+  background: #44382d;
+}
+
+.quick-pane .model-option[aria-selected="true"] {
+  border-color: #f0a347;
+  background: #4b3420;
 }
 
 .quick-pane-thinking {