1 files changed, 57 insertions, 2 deletions

diff --git a/packages/meshbay-hub/src/meshbay_hub/static/style.css b/packages/meshbay-hub/src/meshbay_hub/static/style.css
index 20b9f8c..2cb27d0 100644
--- a/packages/meshbay-hub/src/meshbay_hub/static/style.css
+++ b/packages/meshbay-hub/src/meshbay_hub/static/style.css
@@ -989,6 +989,17 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   font-size: 0.9em;
   color: var(--text);
 }
+.settings-label input[type="number"] {
+  display: block;
+  width: 90px;
+  margin-top: 4px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--bg-base);
+  color: var(--text);
+  font-size: 0.95em;
+}
 
 .settings-value {
   font-size: 0.9em;
@@ -1887,6 +1898,19 @@ a.transfer-name {
 .presence-online  { background: var(--success); }
 .presence-offline { background: var(--error); }
 .presence-unknown { background: transparent; border-color: var(--text-dim); }
+/* The node is scanning this group's files right now (initial import, or a
+   directory just added) — a state, not a verdict, so it pulses rather than
+   sitting on a fixed color; green at rest, green again once scanning stops
+   (driven by IndexProgress.scanning, guaranteed to turn back off — see
+   daemon.py _progress_pusher and webrtc_server.py's handshake ack). */
+.presence-indexing {
+  background: var(--success);
+  animation: presence-indexing-pulse 1.6s ease-in-out infinite;
+}
+@keyframes presence-indexing-pulse {
+  0%, 100% { background: var(--success); }
+  50%      { background: #f59e0b; }
+}
 
 .sidebar-item-name {
   overflow: hidden;
@@ -2284,7 +2308,7 @@ a.transfer-name {
   align-items: center;
   justify-content: space-between;
   padding: 8px 12px;
-  background: var(--surface);
+  background: var(--bg-surface);
   border: 1px solid var(--border);
   border-radius: 8px;
   gap: 8px;
@@ -2322,7 +2346,7 @@ a.transfer-name {
   align-items: center;
   gap: 10px;
   padding: 10px 14px;
-  background: var(--surface);
+  background: var(--bg-surface);
   border: 1px solid var(--border);
   border-radius: 8px;
   font-size: 0.9em;
@@ -2337,6 +2361,37 @@ a.transfer-name {
 .wizard-step-error .wizard-step-icon { color: var(--error); }
 .wizard-step-pending { opacity: 0.5; }
 
+/* ── Indexing progress (Create Group wizard, and "add a directory" in
+   Settings) — bytes-based, not file-count-based; see the two call sites of
+   platform.watchIndexProgress. ── */
+.index-progress {
+  padding: 10px 14px;
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  font-size: 0.9em;
+}
+.index-progress-bar {
+  height: 6px;
+  border-radius: 3px;
+  background: var(--border);
+  overflow: hidden;
+  margin-bottom: 8px;
+}
+.index-progress-fill {
+  height: 100%;
+  background: var(--accent);
+  transition: width 0.3s ease;
+}
+.index-progress-label { font-weight: 600; }
+.index-progress-dir {
+  color: var(--text-dim);
+  margin-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .warning-msg {
   padding: 10px 14px;
   background: color-mix(in srgb, #f59e0b 15%, transparent);