tracking: remove memorystore, ux: change streaming area, more agent markdown formating.

web/styles.css

@@ -110,11 +110,16 @@ h2 {
 }
 
 .message p:last-child,
-.message ul:last-child {
+.message ul:last-child,
+.message ol:last-child,
+.message blockquote:last-child,
+.message .table-wrap:last-child,
+.message pre:last-child {
   margin-bottom: 0;
 }
 
-.message ul {
+.message ul,
+.message ol {
   margin: 0 0 10px 20px;
   padding: 0;
 }
@@ -138,6 +143,14 @@ h2 {
   line-height: 1.3;
 }
 
+.message h4,
+.message h5,
+.message h6 {
+  margin: 10px 0 7px;
+  font-size: 14px;
+  line-height: 1.3;
+}
+
 .message hr {
   height: 1px;
   margin: 12px 0;
@@ -155,6 +168,57 @@ h2 {
   font-size: 0.92em;
 }
 
+.message pre {
+  max-height: none;
+  margin: 0 0 10px;
+  white-space: pre;
+}
+
+.message pre code {
+  display: block;
+  padding: 0;
+  border: 0;
+  background: transparent;
+}
+
+.message blockquote {
+  margin: 0 0 10px;
+  padding: 8px 10px;
+  border-left: 3px solid var(--accent);
+  background: rgba(68, 194, 165, 0.08);
+  color: #d7dde4;
+}
+
+.message a {
+  color: #69d7bd;
+}
+
+.table-wrap {
+  max-width: 100%;
+  margin: 0 0 10px;
+  overflow-x: auto;
+}
+
+.message table {
+  width: 100%;
+  min-width: 420px;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+
+.message th,
+.message td {
+  padding: 8px 9px;
+  border: 1px solid var(--border);
+  vertical-align: top;
+}
+
+.message th {
+  background: #20262d;
+  color: #ffffff;
+  font-weight: 700;
+}
+
 .message.user {
   margin-left: auto;
   background: var(--panel-2);
@@ -173,13 +237,29 @@ h2 {
   border-top: 1px solid var(--border);
 }
 
-.activity {
-  min-height: 24px;
-  padding: 7px 16px 0;
-  color: rgba(151, 161, 173, 0.72);
+.message-activity {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 20px;
+  margin-bottom: 6px;
+  color: rgba(151, 161, 173, 0.82);
   font-size: 12px;
 }
 
+.message-phase {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.message-metrics {
+  color: rgba(151, 161, 173, 0.56);
+  text-align: right;
+  white-space: nowrap;
+}
+
 .working-dots {
   display: inline-flex;
   align-items: center;
@@ -381,3 +461,18 @@ pre {
     border-top: 1px solid var(--border);
   }
 }
+
+@media (max-width: 560px) {
+  .composer {
+    grid-template-columns: 1fr;
+  }
+
+  .composer button {
+    width: 100%;
+    min-height: 42px;
+  }
+
+  .message-metrics {
+    display: none;
+  }
+}