Dashboard: Session message counts, workspace path, Agent persona

wwwroot/css/base.css

@@ -19,6 +19,10 @@ body, input, select, button, textarea {
   color: var(--text);
 }
 
+input {
+  min-width: 0;
+}
+
 input, textarea, select {
   padding: var(--s2);
 }
@@ -55,6 +59,8 @@ button:disabled {
 }
 
 textarea {
-  height: 8em;
-  min-height: 8em;
+  height: 12em;
+  min-height: 12em;
+  max-height: 12em;
+  resize: none;
 }

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;
+}

wwwroot/css/file-explorer.css

@@ -140,7 +140,6 @@
 
 .fe-textarea {
   flex: 1;
-  resize: none;
   border: none;
   background: var(--f2-bg);
   color: var(--text);

wwwroot/css/form.css

@@ -5,6 +5,10 @@
   gap: var(--s3);
 }
 
+.form label {
+  margin-top: var(--s4);
+}
+
 .avatar-section {
   display: flex;
   align-items: center;
@@ -60,23 +64,26 @@
 
 .custom-command-item {
   display: flex;
-  gap: var(--s2);
-  align-items: start;
 }
 
 .custom-command-fields {
   flex: 1;
   display: flex;
-  flex-direction: column;
   gap: var(--s2);
 }
 
+.custom-command-fields .cmd-name {
+  flex: 2;
+}
+
+.custom-command-fields .cmd-command {
+  flex: 5;
+}
+
 .custom-command-item .remove-cmd-btn {
-  flex-shrink: 0;
+  margin-left: var(--s2);
   color: #ff6b6b;
   border-color: #ff6b6b;
-  padding: var(--s2) var(--s3);
-  align-self: center;
 }
 
 .custom-command-item .remove-cmd-btn:hover {

wwwroot/css/placeholder.css

@@ -1,4 +1,4 @@
-.placeholder {
+.settings-page .placeholder {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -6,6 +6,6 @@
   padding: calc(var(--s4) * 2);
 }
 
-.placeholder-icon {
+.settings-page .placeholder-icon {
   font-size: 4em;
 }