feat(ui): session identification — project badges, relative time, running indicator

2026-03-08 00:11:29 +09:00
parent 808eb66849
commit db70840b7a
3 changed files with 112 additions and 18 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -259,6 +259,44 @@ body {
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 2px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: wrap;
+}
+
+.session-project {
+  display: inline-block;
+  font-size: 9px;
+  padding: 1px 6px;
+  border-radius: 8px;
+  color: #fff;
+  font-weight: 600;
+  letter-spacing: 0.3px;
+  line-height: 1.4;
+}
+
+.running-dot {
+  color: #22c55e;
+  font-size: 10px;
+  margin-right: 3px;
+  animation: pulse 1.5s ease-in-out infinite;
+}
+
+.session-card.is-running {
+  border-left: 2px solid #22c55e;
+}
+
+@keyframes pulse {
+
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.3;
+  }
 }

 .session-remove {