Render Markdown, add ask_human context, simplify inbox responses, group inbox by task

web/style.css

@@ -481,11 +481,101 @@ textarea {
   text-align: center;
 }
 
-.msg .text {
-  white-space: pre-wrap;
+.md {
   word-break: break-word;
 }
 
+.md > :first-child {
+  margin-top: 0;
+}
+
+.md > :last-child {
+  margin-bottom: 0;
+}
+
+.md p,
+.md ul,
+.md ol,
+.md blockquote,
+.md pre,
+.md .md-table {
+  margin: 0 0 8px;
+}
+
+.md ul,
+.md ol {
+  padding-left: 22px;
+}
+
+.md li > ul,
+.md li > ol {
+  margin: 2px 0;
+}
+
+.md h3,
+.md h4,
+.md h5,
+.md h6 {
+  margin: 12px 0 4px;
+  font-size: 14px;
+}
+
+.md h3 {
+  font-size: 15px;
+}
+
+.md blockquote {
+  border-left: 3px solid var(--border);
+  padding-left: 10px;
+  color: var(--muted);
+}
+
+.md hr {
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 10px 0;
+}
+
+.md code {
+  background: var(--surface);
+  border-radius: 4px;
+  padding: 0 4px;
+}
+
+.md pre.md-code {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 6px 8px;
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.md pre.md-code code {
+  background: none;
+  padding: 0;
+}
+
+.md .md-table {
+  overflow-x: auto;
+}
+
+.md table {
+  border-collapse: collapse;
+}
+
+.md th,
+.md td {
+  border: 1px solid var(--border);
+  padding: 3px 8px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.md th {
+  background: var(--surface);
+}
+
 .msg.user {
   align-self: flex-end;
   max-width: 85%;
@@ -518,7 +608,6 @@ textarea {
 }
 
 .thinking .text {
-  white-space: pre-wrap;
   color: var(--muted);
   padding: 6px 0;
 }
@@ -682,17 +771,42 @@ textarea {
   color: var(--danger);
 }
 
-.card-task {
+.task-group {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.task-group + .task-group {
+  margin-top: 8px;
+}
+
+.task-group h3 {
+  margin: 0;
+  font-size: 13px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
+.task-group.blocked h3 a {
+  color: var(--danger);
+}
+
+.context {
+  margin: 10px 0;
+}
+
 .question {
   font-weight: 700;
   margin: 10px 0 4px;
 }
 
+.ack {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .why {
   color: var(--muted);
   margin: 0 0 8px;