dave/storkit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

story-kit: merge 87_story_update_agent_lozenge_colour_scheme_across_panels

Browse Source
This commit is contained in:
Dave
2026-02-23 18:23:01 +00:00
parent 4162eb1d1b
commit ac22e9a882
6 changed files with 25 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/AgentPanel.tsx
View File

@@ -59,9 +59,9 @@ function RosterBadge({
padding: "2px 8px",
borderRadius: "6px",
fontSize: "0.7em",
background: isActive ? "#58a6ff18" : "#3fb95015",
color: isActive ? "#58a6ff" : "#3fb950",
border: isActive ? "1px solid #58a6ff44" : "1px solid #3fb95040",
background: isActive ? "#3fb95018" : "#aaaaaa18",
color: isActive ? "#3fb950" : "#aaa",
border: isActive ? "1px solid #3fb95044" : "1px solid #aaaaaa44",
transition: "background 0.3s, color 0.3s, border-color 0.3s",
}}
title={
@@ -77,7 +77,7 @@ function RosterBadge({
width: "5px",
height: "5px",
borderRadius: "50%",
background: "#58a6ff",
background: "#3fb950",
animation: "pulse 1.5s infinite",
flexShrink: 0,
}}
@@ -95,23 +95,21 @@ function RosterBadge({
}}
/>
)}
<span
style={{ fontWeight: 600, color: isActive ? "#58a6ff" : "#3fb950" }}
>
<span style={{ fontWeight: 600, color: isActive ? "#3fb950" : "#aaa" }}>
{agent.name}
</span>
{agent.model && (
<span style={{ color: isActive ? "#7ab8ff" : "#5ab96a" }}>
<span style={{ color: isActive ? "#5ab96a" : "#888" }}>
{agent.model}
</span>
)}
{isActive && storyNumber && (
<span style={{ color: "#7ab8ff", marginLeft: "2px" }}>
<span style={{ color: "#5ab96a", marginLeft: "2px" }}>
#{storyNumber}
</span>
)}
{!isActive && (
<span style={{ color: "#5ab96a", fontStyle: "italic" }}>available</span>
<span style={{ color: "#888", fontStyle: "italic" }}>available</span>
)}
</span>
);