mirror of
https://github.com/murashit/codex-panel.git
synced 2026-07-22 06:57:10 +00:00
182 lines
4.5 KiB
CSS
182 lines
4.5 KiB
CSS
.codex-panel__status-message {
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
margin-bottom: var(--codex-panel-section-gap);
|
|
padding-left: var(--codex-panel-message-indent);
|
|
border: 0;
|
|
border-left: var(--codex-panel-rail);
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.codex-panel__status-message .codex-panel__message-role {
|
|
font-size: var(--codex-panel-secondary-label-size);
|
|
font-weight: var(--codex-panel-secondary-label-weight);
|
|
}
|
|
|
|
.codex-panel__status-message--warning {
|
|
border-left-color: var(--codex-panel-color-warning);
|
|
}
|
|
|
|
.codex-panel__status-message--warning > .codex-panel__message-role {
|
|
color: var(--codex-panel-color-warning);
|
|
}
|
|
|
|
.codex-panel__detail-item {
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
margin-bottom: var(--codex-panel-section-gap);
|
|
padding-left: var(--codex-panel-message-indent);
|
|
border: 0;
|
|
border-left: var(--codex-panel-rail);
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.codex-panel__detail-item .codex-panel__message-role {
|
|
font-size: var(--codex-panel-secondary-label-size);
|
|
font-weight: var(--codex-panel-secondary-label-weight);
|
|
}
|
|
|
|
.codex-panel__execution--running {
|
|
border-left-color: var(--codex-panel-color-accent);
|
|
}
|
|
|
|
.codex-panel__execution--completed {
|
|
border-left-color: var(--codex-panel-color-success);
|
|
}
|
|
|
|
.codex-panel__execution--failed {
|
|
border-left-color: var(--codex-panel-color-danger);
|
|
}
|
|
|
|
.codex-panel__detail-header {
|
|
display: flex;
|
|
align-items: center;
|
|
min-width: 0;
|
|
color: var(--text-muted);
|
|
cursor: default;
|
|
}
|
|
|
|
.codex-panel__detail--plain .codex-panel__detail-header {
|
|
cursor: text;
|
|
}
|
|
|
|
.codex-panel__detail-disclosure > .codex-panel__detail-header:hover,
|
|
.codex-panel__detail-disclosure > .codex-panel__detail-header:hover .codex-panel__message-role {
|
|
color: var(--nav-item-color-hover, var(--text-normal));
|
|
}
|
|
|
|
.codex-panel__detail-header .codex-panel__message-role {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.codex-panel__output,
|
|
.codex-panel-diff-file {
|
|
margin-top: var(--codex-panel-section-gap);
|
|
}
|
|
|
|
.codex-panel__detail > .codex-panel__output,
|
|
.codex-panel__detail > .codex-panel-diff-file,
|
|
.codex-panel__detail > .codex-panel__meta-grid,
|
|
.codex-panel__detail-disclosure > .codex-panel__output,
|
|
.codex-panel__detail-disclosure > .codex-panel-diff-file,
|
|
.codex-panel__detail-disclosure > .codex-panel__meta-grid {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.codex-panel__detail-disclosure {
|
|
cursor: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.codex-panel__stream-summary {
|
|
white-space: pre-wrap;
|
|
overflow-wrap: anywhere;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
cursor: text;
|
|
user-select: text;
|
|
}
|
|
|
|
.codex-panel__detail > .codex-panel__stream-summary {
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
margin-top: var(--codex-panel-panel-gap);
|
|
overflow: hidden;
|
|
line-height: var(--line-height-tight);
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.codex-panel__detail.is-open > .codex-panel__stream-summary {
|
|
display: none;
|
|
}
|
|
|
|
.codex-panel__task-list,
|
|
.codex-panel__agent-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--codex-panel-panel-gap);
|
|
margin: var(--codex-panel-control-gap) 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.codex-panel__task-step,
|
|
.codex-panel__agent-row {
|
|
display: grid;
|
|
grid-template-columns: max-content minmax(0, 1fr);
|
|
gap: var(--codex-panel-item-gap);
|
|
min-width: 0;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.codex-panel__task-marker,
|
|
.codex-panel__agent-thread {
|
|
color: var(--text-faint);
|
|
font-family: var(--font-monospace);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.codex-panel__task-step--completed .codex-panel__task-text {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.codex-panel__task-step--inProgress .codex-panel__task-marker,
|
|
.codex-panel__task-step--inProgress .codex-panel__task-text {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.codex-panel__agent-status {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.codex-panel__agent-list--summary {
|
|
margin-top: var(--codex-panel-panel-gap);
|
|
}
|
|
|
|
.codex-panel__agent-row--more .codex-panel__agent-status {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.codex-panel__output-title {
|
|
line-height: var(--line-height-tight);
|
|
}
|
|
|
|
.codex-panel__output pre {
|
|
max-height: var(--codex-panel-size-output-max-height);
|
|
margin: var(--codex-panel-item-gap) 0 0;
|
|
padding: var(--codex-panel-section-gap);
|
|
overflow: auto;
|
|
border-radius: var(--codex-panel-code-radius);
|
|
background: var(--codex-panel-code-surface);
|
|
color: var(--code-normal, var(--codex-panel-text-muted));
|
|
font-family: var(--font-monospace);
|
|
font-size: var(--font-smaller);
|
|
cursor: text;
|
|
user-select: text;
|
|
white-space: pre-wrap;
|
|
}
|