Add model selection and local RAG

styles.css

@@ -34,7 +34,9 @@ body {
 }
 
 .new-chat,
-.history-item {
+.history-item,
+.secondary,
+.select {
   width: 100%;
   min-height: 42px;
   border: 1px solid #3a3a3a;
@@ -47,8 +49,43 @@ body {
   cursor: pointer;
 }
 
+.select {
+  appearance: none;
+  background: var(--sidebar-soft);
+}
+
+.secondary {
+  text-align: center;
+  background: var(--sidebar-soft);
+}
+
+.secondary:disabled {
+  cursor: wait;
+  opacity: 0.6;
+}
+
+.control-label,
+.toggle,
+.rag-status,
+.message-meta {
+  color: #b8b8b8;
+  font-size: 12px;
+}
+
+.toggle {
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.rag-status {
+  padding: 0 4px 8px;
+}
+
 .history {
   flex: 1;
+  overflow: auto;
 }
 
 .history-item.active {
@@ -125,6 +162,12 @@ body {
   overflow-wrap: anywhere;
 }
 
+.message-meta {
+  display: inline-block;
+  margin-top: 8px;
+  color: var(--muted);
+}
+
 .composer {
   position: fixed;
   left: 260px;