@@ -55,7 +55,7 @@
5555/* Grow, shrink, and use 0 base for proper scrolling */
5656overflow-y: auto;
5757overflow-x: hidden;
58-padding: 0 6px 6px;
58+padding: 0 clamp(6px, 1vw, 12px) 6px;
5959margin: 0 0 0 0;
6060min-height: 0;
6161/* Allow shrinking for flex scroll behavior */
602602display: flex;
603603align-items: center;
604604justify-content: space-between;
605+gap: 8px;
605606padding: 6px 10px;
606607border-top: 1px solid color-mix(in srgb, var(--border) 50%, transparent);
607608}
10371038}
1038103910391040.chat-controls__session {
1040-min-width: 140px;
1041-max-width: 300px;
1041+min-width: 0;
1042+max-width: none;
1043+}
1044+1045+.chat-controls__agent {
1046+min-width: 0;
1047+max-width: none;
10421048}
1043104910441050.chat-controls__session-row {
1045-display: flex;
1051+display: grid;
1052+grid-template-columns:
1053+minmax(116px, 5fr) minmax(132px, 7fr) minmax(132px, 5fr)
1054+minmax(128px, 4fr);
1055+grid-template-areas: "agent session model thinking";
10461056align-items: center;
1047-gap: 12px;
1048-flex-wrap: wrap;
1057+gap: 8px;
1058+width: 100%;
1059+min-width: 0;
1060+}
1061+1062+.chat-controls__session-row--single-agent {
1063+grid-template-columns: minmax(132px, 7fr) minmax(132px, 5fr) minmax(128px, 4fr);
1064+grid-template-areas: "session model thinking";
1065+}
1066+1067+.chat-controls__session-picker {
1068+grid-area: session;
1069+}
1070+1071+.chat-controls__agent {
1072+grid-area: agent;
10491073}
1050107410511075.chat-controls__model {
1052-min-width: 170px;
1053-max-width: 320px;
1076+grid-area: model;
1077+min-width: 0;
1078+max-width: none;
1079+}
1080+1081+.chat-controls__thinking-select {
1082+grid-area: thinking;
1083+min-width: 0;
1084+max-width: none;
10541085}
1055108610561087.chat-controls__thinking {
@@ -1075,13 +1106,25 @@
10751106.chat-controls__session select {
10761107padding: 6px 10px;
10771108font-size: 13px;
1078-max-width: 300px;
1109+width: 100%;
1110+max-width: none;
10791111overflow: hidden;
10801112text-overflow: ellipsis;
10811113}
108211141115+.chat-controls__agent select {
1116+width: 100%;
1117+max-width: none;
1118+}
1119+10831120.chat-controls__model select {
1084-max-width: 320px;
1121+width: 100%;
1122+max-width: none;
1123+}
1124+1125+.chat-controls__thinking-select select {
1126+width: 100%;
1127+max-width: none;
10851128}
1086112910871130.chat-controls__thinking {
@@ -1105,12 +1148,24 @@
11051148border-color: rgba(16, 24, 40, 0.15);
11061149}
110711501151+@media (max-width: 1535px) {
1152+ .chat-controls__thinking-select {
1153+min-width: 0;
1154+max-width: none;
1155+ }
1156+}
1157+11081158@media (max-width: 768px) {
11091159 .chat-controls__session {
11101160min-width: 120px;
11111161max-width: none;
11121162 }
111311631164+ .chat-controls__agent {
1165+min-width: 120px;
1166+max-width: none;
1167+ }
1168+11141169 .chat-controls__model {
11151170min-width: 140px;
11161171max-width: none;
@@ -1123,6 +1178,22 @@
11231178 .chat-compose__field textarea {
11241179min-height: 64px;
11251180 }
1181+1182+ .agent-chat__input-btn,
1183+ .agent-chat__toolbar .btn--ghost,
1184+ .chat-send-btn {
1185+width: 44px;
1186+min-width: 44px;
1187+height: 44px;
1188+ }
1189+1190+ .agent-chat__suggestions {
1191+grid-template-columns: minmax(0, 1fr);
1192+ }
1193+1194+ .agent-chat__suggestion {
1195+min-height: 44px;
1196+ }
11261197}
1127119811281199@media (max-width: 640px) {
11611232 .chat-controls__model {
11621233min-width: 150px;
11631234 }
1235+1236+ .chat-bubble.has-copy {
1237+padding-top: 34px;
1238+padding-right: 12px;
1239+ }
11641240}
1165124111661242/* Chat loading skeleton */
@@ -1177,7 +1253,9 @@
11771253justify-content: center;
11781254text-align: center;
11791255gap: 12px;
1180-padding: 48px 24px;
1256+width: min(100%, 560px);
1257+margin: auto;
1258+padding: clamp(28px, 6vh, 56px) 24px;
11811259flex: 1;
11821260min-height: 0;
11831261}
12661344}
1267134512681346.agent-chat__suggestions {
1269-display: flex;
1270-flex-wrap: wrap;
1347+display: grid;
1348+grid-template-columns: repeat(2, minmax(0, 1fr));
12711349gap: 8px;
1272-justify-content: center;
1273-max-width: 480px;
1350+width: min(100%, 480px);
12741351margin-top: 8px;
12751352}
1276135312771354.agent-chat__suggestion {
1355+min-height: 40px;
12781356font-size: 13px;
12791357padding: 8px 16px;
1280-border-radius: var(--radius-full);
1358+border-radius: var(--radius-md);
12811359border: 1px solid var(--border);
12821360background: var(--panel);
12831361color: var(--foreground);
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。