feat(HAI-013): complete Step 1 — drop detail-prompt backdrop and scroll for markdown rendering

packages/dashboard/app/components/TaskDetailModal.tsx

@@ -117,7 +117,7 @@ export function TaskDetailModal({
           <div className="detail-section">
             <h4>PROMPT.md</h4>
             {task.prompt ? (
-              <div className="detail-prompt markdown-body">
+              <div className="markdown-body">
                 <ReactMarkdown remarkPlugins={[remarkGfm]}>
                   {task.prompt}
                 </ReactMarkdown>

packages/dashboard/app/styles.css

@@ -414,9 +414,6 @@ html, body {
 }
 
 .detail-prompt {
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
   padding: 14px;
   font-size: 13px;
   line-height: 1.6;
@@ -424,14 +421,6 @@ html, body {
   white-space: pre-wrap;
   word-break: break-word;
   color: var(--text-muted);
-  max-height: 320px;
-  overflow-y: auto;
-}
-
-.detail-prompt.markdown-body {
-  font-family: inherit;
-  white-space: normal;
-  color: var(--text);
 }
 
 /* === Markdown Prose === */

packages/dashboard/public/style.css

@@ -340,9 +340,6 @@ html, body {
 }
 
 .detail-prompt {
-  background: var(--bg);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
   padding: 14px;
   font-size: 13px;
   line-height: 1.6;
@@ -350,8 +347,6 @@ html, body {
   white-space: pre-wrap;
   word-break: break-word;
   color: var(--text-muted);
-  max-height: 320px;
-  overflow-y: auto;
 }
 
 .detail-deps { margin-top: 16px; }