Spaces:
Running
Running
File size: 1,516 Bytes
d660fa9 f4542ce | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | /**
* WindowHeader — agent window header with name and color.
*
* Shows the agent's name and color dot, plus an action-type badge
* (MOVE/MISC/CONVERSATION) that is currently unused by callers.
*
* Architecture: rendered inside AgentWindow.
*
* Design: the badge branch is prepared for future use; AgentWindow passes
* only name and color today.
*/
export default function WindowHeader({ name, color, actionType }) {
const badgeColors = {
move: "#2a7de1",
misc: "#6b6b78",
conversation: "#d4a04a",
};
return (
<div style={{
display: "flex",
alignItems: "center",
gap: 8,
marginBottom: 6,
}}>
<div style={{
width: 8,
height: 8,
borderRadius: "50%",
background: color,
flexShrink: 0,
boxShadow: `0 0 6px ${color}60`,
}} />
<span style={{
fontSize: 13,
fontWeight: 500,
color: "#eeeef4",
fontFamily: "'Outfit', sans-serif",
letterSpacing: 0.2,
}}>
{name}
</span>
{actionType && (
<span style={{
fontSize: 8,
fontWeight: 600,
color: "#09090e",
background: badgeColors[actionType] || "#6b6b78",
padding: "2px 6px",
borderRadius: 2,
textTransform: "uppercase",
letterSpacing: 0.8,
marginLeft: "auto",
fontFamily: "'Space Mono', monospace",
}}>
{actionType}
</span>
)}
</div>
);
}
|