Dashboard: Session message counts, workspace path, Agent persona

wwwroot/css/dashboard.css

@@ -4,6 +4,7 @@
 
 .dashboard section {
   margin-bottom: calc(var(--s4) * 2);
+  width: 100%;
 }
 
 .section-header {
@@ -80,7 +81,39 @@
   flex-shrink: 0;
 }
 
-.card.placeholder {
+#newAgentCard,
+#newSessionCard {
+  margin-top: var(--s4);
+}
+
+#newAgentCard .card,
+#newSessionCard .card {
   align-items: center;
   justify-content: center;
 }
+
+.card-meta {
+  display: flex;
+  flex-direction: column;
+  gap: var(--s1);
+  margin-top: var(--s1);
+}
+
+.card-meta:empty {
+  display: none;
+}
+
+.card-meta-item {
+  opacity: var(--semi-transparent);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.card-workspace {
+  font-family: monospace;
+}
+
+.card-persona {
+  font-style: italic;
+}