dtp/gadget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS and style fixes for subagent display

Browse Source
This commit is contained in:
Rob Colbert 2026-05-11 21:09:17 -04:00
parent 26e568612a
commit d118497d83
2 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
gadget-code/frontend/src/components/ChatTurn.tsx
View File

@ -179,7 +179,7 @@ function SubagentDisplay({ subagent }: { subagent: NonNullable<ChatTurnBlockTool
};
return (
<div className="mt-2 ml-4 border-l-2 border-brand/30 pl-3">
<div className="ml-4 border-l-2 border-brand/20 pl-2">
<button
onClick={toggle}
className="flex items-center gap-1.5 text-xs font-mono text-text-muted hover:text-text-primary transition-colors w-full text-left"
@ -194,13 +194,13 @@ function SubagentDisplay({ subagent }: { subagent: NonNullable<ChatTurnBlockTool
</button>
{expanded && (
<div className="mt-2 space-y-2">
<div className="space-y-1">
{/* Thinking */}
{subagent.thinking && (
<div>
<div className="text-xs text-text-muted font-mono mb-1">Thinking</div>
<div
className="p-2 bg-bg-secondary rounded text-xs text-text-muted whitespace-pre-wrap font-mono"
className="p-2 bg-bg-secondary rounded text-xs text-text-muted whitespace-pre-wrap font-mono py-1"
dangerouslySetInnerHTML={{
__html: marked.parse(subagent.thinking) as string,
}}
@ -231,7 +231,7 @@ function SubagentDisplay({ subagent }: { subagent: NonNullable<ChatTurnBlockTool
<div>
<div className="text-xs text-text-muted font-mono mb-1">Response</div>
<div
className="text-xs text-text-primary gadget-markdown"
className="subagent-markdown gadget-markdown"
dangerouslySetInnerHTML={{
__html: marked.parse(subagent.response) as string,
}}

37
gadget-code/frontend/src/index.css
View File

@ -243,6 +243,43 @@ input, textarea {
font-weight: 600;
}
/* ── Subagent Markdown Styles ── */
/* Handles cascading markdown nested inside markdown blocks */
.subagent-markdown {
display: inline-block;
width: 100%;
margin: 0;
}
.subagent-markdown p {
margin-top: 0.25rem !important;
margin-bottom: 0.5rem !important;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.subagent-markdown pre {
margin-bottom: 0.5rem !important;
}
.subagent-markdown ul,
.subagent-markdown ol {
margin-bottom: 0.5rem !important;
padding-left: 1.2rem;
}
.subagent-markdown code:not(pre code) {
background: #1a1a1a;
padding: 0.15rem 0.4rem;
border-radius: 3px;
}
.subagent-markdown blockquote {
border-left-color: #2a2a2a;
background: #111111;
}
.gadget-markdown em {
color: #c4c4c4;
}