feat: harden boss local v1 runtime

public/styles.css

@@ -96,6 +96,10 @@ select {
   gap: 0.75rem;
 }
 
+.row.tight {
+  gap: 0.4rem;
+}
+
 .between {
   justify-content: space-between;
 }
@@ -104,6 +108,14 @@ select {
   padding: 1.5rem;
 }
 
+.hero-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
 .grid {
   display: grid;
   gap: 1rem;
@@ -119,6 +131,10 @@ select {
   margin-bottom: 1rem;
 }
 
+.hidden {
+  display: none !important;
+}
+
 .list,
 .timeline {
   display: grid;
@@ -184,6 +200,17 @@ select {
   color: var(--accent);
 }
 
+.badge.connecting,
+.badge.reconnecting,
+.badge.lagging,
+.badge.stale {
+  color: #8a6116;
+}
+
+.badge.live {
+  color: #0f7b55;
+}
+
 .badge.failed,
 .badge.cancelled,
 .badge.rejected,
@@ -226,6 +253,76 @@ select {
   color: var(--accent);
 }
 
+.hint.subtle {
+  margin-top: 0.75rem;
+  margin-bottom: 0;
+}
+
+.banner {
+  margin-top: 1rem;
+  border-radius: 16px;
+  padding: 0.85rem 1rem;
+  border: 1px solid var(--line);
+  background: rgba(31, 111, 235, 0.1);
+  color: var(--accent);
+}
+
+.banner.success {
+  background: rgba(15, 123, 85, 0.1);
+  color: #0f7b55;
+}
+
+.banner.error {
+  background: rgba(180, 35, 24, 0.1);
+  color: var(--danger);
+}
+
+.banner.warn {
+  background: rgba(138, 97, 22, 0.12);
+  color: #8a6116;
+}
+
+.onboarding {
+  display: grid;
+  gap: 1rem;
+}
+
+.checklist {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.check-item {
+  border: 1px dashed var(--line);
+  border-radius: 18px;
+  padding: 1rem;
+  background: rgba(255, 255, 255, 0.66);
+}
+
+.check-item.done {
+  border-style: solid;
+  border-color: rgba(15, 123, 85, 0.2);
+  background: rgba(15, 123, 85, 0.05);
+}
+
+.task-group {
+  display: grid;
+  gap: 0.75rem;
+}
+
+.task-group h3 {
+  margin: 0;
+  font-size: 1rem;
+}
+
+.meta-list {
+  display: grid;
+  gap: 0.35rem;
+  color: var(--muted);
+  font-size: 0.92rem;
+  margin-bottom: 0.75rem;
+}
+
 pre {
   margin: 0;
   white-space: pre-wrap;
@@ -240,4 +337,13 @@ pre {
   .grid {
     grid-template-columns: 1fr;
   }
+
+  .hero .panel-header {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .hero-actions {
+    justify-content: flex-start;
+  }
 }