74e588415b
pages/agents held the roster page, the terminal page and every component under them. It keeps the two pages; the components move to src/agent, by concern: roster (card, wanted menu, actions), detail (panel body, dialog, inference, linked accounts, link menu) and terminal (preview, input, subagents, stream hooks, favicon), with the shared row type and icon at the top. Moves and import rewrites only.
37 lines
871 B
CSS
37 lines
871 B
CSS
/* <AgentCard> content layout — the clickable/selectable container
|
|
itself is `Card`'s (`ui/card/`); this is just the name/badges/
|
|
message arrangement inside one. */
|
|
.ui-agent-card-line1 {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.6em;
|
|
}
|
|
.ui-agent-card-name {
|
|
font-weight: 600;
|
|
}
|
|
/* Pushes the wanted-state control to the row's trailing edge regardless
|
|
of how wide the status badge next to it ends up. */
|
|
.ui-agent-card-wanted {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.4em;
|
|
margin-left: auto;
|
|
}
|
|
.ui-agent-card-message {
|
|
color: var(--muted);
|
|
white-space: normal;
|
|
word-break: break-word;
|
|
}
|
|
/* Icon (`AgentIcon`) beside the name/message. */
|
|
.ui-agent-card-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0.7em;
|
|
}
|
|
.ui-agent-card-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.35em;
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|