fix: align chatbox hint region style same with KGOne panel

2026-05-14 21:50:02 -07:00
parent 2bd6925f27
commit b6c0d93091
2 changed files with 81 additions and 10 deletions
@@ -85,6 +85,77 @@
  overflow-y: auto;
 }

+.chatbox-local-runtime-section {
+  padding: 10px 14px 0 14px;
+}
+
+.chatbox-local-runtime-card {
+  background-color: #252525;
+  border: 1px solid #3a3a3a;
+  border-radius: 6px;
+  margin-bottom: 12px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.chatbox-local-mode-title {
+  color: #e0e0e0;
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.chatbox-local-runtime-help,
+.chatbox-local-runtime-warning,
+.chatbox-local-runtime-error {
+  font-size: 11px;
+  line-height: 1.45;
+  margin: 0;
+}
+
+.chatbox-local-runtime-help {
+  color: #999;
+}
+
+.chatbox-local-runtime-warning {
+  color: #d0a56b;
+}
+
+.chatbox-local-runtime-error {
+  color: #d45a5a;
+  margin-bottom: 0;
+}
+
+.chatbox-progress-block {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.chatbox-progress-track {
+  width: 100%;
+  height: 8px;
+  background-color: #1d1d1d;
+  border: 1px solid #3a3a3a;
+  border-radius: 999px;
+  overflow: hidden;
+}
+
+.chatbox-progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, #5a9fd4 0%, #7cc2f1 100%);
+  transition: width 0.15s linear;
+}
+
+.chatbox-gen-hint {
+  color: #888;
+  font-size: 10px;
+  text-align: center;
+  margin-top: -4px;
+}
+
 /* Chat Messages */
 .chatbox-messages {
  flex: 1;