Mahault commited on
Commit
9561ab7
·
1 Parent(s): ff9dc3b

Remove LLM status badge from frontend

Browse files

Users don't need to see internal LLM connection state.

src/mindsphere/frontend/app.js CHANGED
@@ -1123,34 +1123,8 @@ document.getElementById('safety-btn')?.addEventListener('click', () => {
1123
  });
1124
  });
1125
 
1126
- // =============================================================================
1127
- // LLM STATUS CHECK
1128
- // =============================================================================
1129
-
1130
- async function checkLLMStatus() {
1131
- const badge = document.getElementById('llm-status');
1132
- try {
1133
- const resp = await fetch('/api/status');
1134
- const data = await resp.json();
1135
- if (data.llm_available) {
1136
- badge.textContent = 'LLM: Connected';
1137
- badge.className = 'llm-badge connected';
1138
- badge.title = 'Mistral API key loaded — natural conversation mode';
1139
- } else {
1140
- badge.textContent = 'LLM: Template mode';
1141
- badge.className = 'llm-badge template';
1142
- badge.title = 'No API key — using template responses. Add MISTRAL_API_KEY for natural conversation.';
1143
- }
1144
- } catch {
1145
- badge.textContent = 'LLM: Offline';
1146
- badge.className = 'llm-badge template';
1147
- badge.title = 'Could not check LLM status';
1148
- }
1149
- }
1150
-
1151
  // =============================================================================
1152
  // INIT
1153
  // =============================================================================
1154
 
1155
- checkLLMStatus();
1156
  startSession();
 
1123
  });
1124
  });
1125
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1126
  // =============================================================================
1127
  // INIT
1128
  // =============================================================================
1129
 
 
1130
  startSession();
src/mindsphere/frontend/index.html CHANGED
@@ -16,7 +16,7 @@
16
  <span id="phase-label">Starting...</span>
17
  <div id="progress-bar"><div id="progress-fill"></div></div>
18
  </div>
19
- <div id="llm-status" class="llm-badge loading" title="Checking LLM status...">LLM: checking...</div>
20
  <div id="empathy-dial">
21
  <label for="empathy-slider">Empathy: </label>
22
  <input type="range" id="empathy-slider" min="0" max="100" value="50">
 
16
  <span id="phase-label">Starting...</span>
17
  <div id="progress-bar"><div id="progress-fill"></div></div>
18
  </div>
19
+
20
  <div id="empathy-dial">
21
  <label for="empathy-slider">Empathy: </label>
22
  <input type="range" id="empathy-slider" min="0" max="100" value="50">
src/mindsphere/frontend/style.css CHANGED
@@ -78,29 +78,7 @@ body {
78
  transition: width 0.3s ease;
79
  }
80
 
81
- /* LLM status badge */
82
- .llm-badge {
83
- font-size: 11px;
84
- padding: 4px 10px;
85
- border-radius: 12px;
86
- font-weight: 500;
87
- letter-spacing: 0.3px;
88
- }
89
-
90
- .llm-badge.loading {
91
- background: rgba(161, 161, 170, 0.15);
92
- color: var(--text-secondary);
93
- }
94
 
95
- .llm-badge.connected {
96
- background: rgba(34, 197, 94, 0.15);
97
- color: var(--accent-green);
98
- }
99
-
100
- .llm-badge.template {
101
- background: rgba(245, 158, 11, 0.15);
102
- color: var(--accent-amber);
103
- }
104
 
105
  #empathy-dial {
106
  display: flex;
 
78
  transition: width 0.3s ease;
79
  }
80
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
 
 
 
 
 
 
 
 
 
 
82
 
83
  #empathy-dial {
84
  display: flex;