Show server type in the web UI

static/index.html

@@ -30,6 +30,7 @@
       <line x1="12" y1="17" x2="12" y2="21"/>
     </svg>
     <span class="header-brand-name">local<span>-mcp</span></span>
+    <span id="server-type-badge" class="badge badge--muted header-version-badge">server</span>
     <span id="app-version-badge" class="badge badge--muted header-version-badge">v&ndash;</span>
   </div>
 

static/js/status.js

@@ -58,6 +58,7 @@ function updateHeaderLeds(serverOnline, status) {
 
 function renderStatusPanel(status) {
   const el = document.getElementById('status-panel-body');
+  const serverTypeBadge = document.getElementById('server-type-badge');
   const versionBadge = document.getElementById('app-version-badge');
   if (!el || !status) return;
 
@@ -66,8 +67,13 @@ function renderStatusPanel(status) {
     pending_count: status.queue?.pending_count ?? 0,
     consumed_count: status.queue?.consumed_count ?? 0,
   };
+  const serverType = status.server?.type || 'unknown';
   const version = status.server?.version || '–';
 
+  if (serverTypeBadge) {
+    serverTypeBadge.textContent = escapeHtml(serverType);
+  }
+
   if (versionBadge) {
     versionBadge.textContent = `v${version}`;
   }
@@ -81,6 +87,10 @@ function renderStatusPanel(status) {
       <span class="stat-label">Version</span>
       <span class="stat-value">v${escapeHtml(version)}</span>
     </div>
+    <div class="stat-row">
+      <span class="stat-label">Server Type</span>
+      <span class="stat-value">${escapeHtml(serverType)}</span>
+    </div>
     <div class="stat-row">
       <span class="stat-label">Pending</span>
       <span class="stat-value stat-value--cyan">${queue.pending_count}</span>