🚀 Initial commit: Rose's custom WebUI with modernization + agent attribution

static/style.css

@@ -1200,3 +1200,83 @@ body.resizing{user-select:none;cursor:col-resize;}
 .session-item.cli-session[data-source="discord"]::after { color: #5865F2; }
 .session-item.cli-session[data-source="slack"] { border-left-color: #4A154B; }
 .session-item.cli-session[data-source="slack"]::after { color: #4A154B; }
+
+/* ── Agents Panel ── */
+.agent-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 14px;
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  margin-bottom: 8px;
+  transition: border-color 0.15s, background 0.15s;
+}
+.agent-card:hover {
+  border-color: var(--accent);
+  background: rgba(255,255,255,.03);
+}
+.agent-card.selected {
+  border-color: var(--accent);
+  background: rgba(255,255,255,.05);
+}
+.agent-card-left {
+  flex-shrink: 0;
+}
+.agent-card-body {
+  flex: 1;
+  min-width: 0;
+}
+.agent-card-name {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text);
+}
+.agent-card-domain {
+  font-size: 10px;
+  color: var(--muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.agent-card-meta {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 3px;
+}
+.agent-status-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.agent-card-right {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+}
+.inbox-messages {
+  overflow-y: auto;
+  max-height: calc(100vh - 140px);
+}
+.inbox-msg {
+  padding: 8px 0;
+  border-bottom: 1px solid var(--border);
+}
+.inbox-msg:last-child {
+  border-bottom: none;
+}
+.inbox-msg-ts {
+  font-size: 9px;
+  color: var(--muted);
+  margin-bottom: 2px;
+}
+.inbox-msg-content {
+  font-size: 11px;
+  color: var(--text);
+  word-break: break-word;
+  white-space: pre-wrap;
+}