Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
99 changes: 97 additions & 2 deletions css/components.css
Original file line number Diff line number Diff line change
Expand Up @@ -587,6 +587,10 @@ select {
display: flex;
flex-direction: column;
gap: var(--space-md);
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-lg);
}

.rig-card {
Expand Down Expand Up @@ -777,6 +781,9 @@ select {

/* === Crew Card === */
.crew-list {
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-lg);
}

Expand Down Expand Up @@ -1032,6 +1039,18 @@ select {
text-overflow: ellipsis;
}

.mail-subject-row {
display: flex;
align-items: center;
gap: var(--space-sm);
justify-content: space-between;
margin-bottom: var(--space-xxs);
}

.mail-subject-row .mail-subject {
margin-bottom: 0;
}

/* === Mail Filters === */
.mail-filters {
padding: var(--space-md);
Expand Down Expand Up @@ -1097,6 +1116,54 @@ select {
border-top: 1px solid var(--border-default);
}

.mail-summary {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
margin-bottom: var(--space-md);
}

.mail-summary-chip,
.mail-signal-chip {
display: inline-flex;
align-items: center;
gap: var(--space-xxs);
padding: 4px 10px;
border-radius: var(--radius-full);
font-size: var(--text-xs);
font-weight: 600;
}

.mail-summary-chip .material-icons,
.mail-signal-chip .material-icons {
font-size: 14px;
}

.mail-summary-chip.total {
background: var(--bg-secondary);
border: 1px solid var(--border-default);
color: var(--text-secondary);
}

.mail-summary-chip.action,
.mail-summary-chip.critical,
.mail-signal-chip.tone-critical {
background: rgba(239, 68, 68, 0.12);
color: #ef4444;
}

.mail-summary-chip.warning,
.mail-signal-chip.tone-warning {
background: rgba(245, 158, 11, 0.12);
color: #f59e0b;
}

.mail-summary-chip.info,
.mail-signal-chip.tone-info {
background: rgba(59, 130, 246, 0.12);
color: #3b82f6;
}

.legend-item {
display: inline-flex;
align-items: center;
Expand Down Expand Up @@ -1138,6 +1205,18 @@ select {
border-left: 3px solid var(--from-color, var(--border-default));
}

.mail-item.feed-mail.tone-critical {
border-left-color: #ef4444;
}

.mail-item.feed-mail.tone-warning {
border-left-color: #f59e0b;
}

.mail-item.feed-mail.tone-info {
border-left-color: #3b82f6;
}

.mail-item .mail-status {
display: flex;
align-items: center;
Expand Down Expand Up @@ -3848,6 +3927,8 @@ select {
display: flex;
flex-direction: column;
gap: var(--space-md);
flex: 1;
min-height: 0;
padding: var(--space-lg);
overflow-y: auto;
}
Expand Down Expand Up @@ -4503,6 +4584,9 @@ select {
display: flex;
flex-direction: column;
gap: var(--space-sm);
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-md);
}

Expand Down Expand Up @@ -4677,6 +4761,10 @@ select {
width: 100%;
}

.non-github-state .empty-state-actions {
margin-top: var(--space-md);
}

.pr-list .loading-state .loading-spinner {
width: 48px;
height: 48px;
Expand Down Expand Up @@ -4775,6 +4863,10 @@ select {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: var(--space-md);
flex: 1;
min-height: 0;
overflow-y: auto;
align-content: start;
padding: var(--space-md);
}

Expand Down Expand Up @@ -5032,6 +5124,9 @@ select {
display: flex;
flex-direction: column;
gap: var(--space-sm);
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-md);
}

Expand Down Expand Up @@ -5424,7 +5519,7 @@ select {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
overflow-y: auto;
min-height: 0; /* Allow flex shrinking */
}

Expand Down Expand Up @@ -5773,7 +5868,7 @@ select {
padding: var(--space-lg);
flex: 1;
min-height: 0;
overflow: hidden;
overflow-y: auto;
}

/* Loading Skeleton */
Expand Down
11 changes: 11 additions & 0 deletions css/layout.css
Original file line number Diff line number Diff line change
Expand Up @@ -444,6 +444,7 @@ body {
display: flex;
flex: 1;
overflow: hidden;
min-height: 0;
}

/* === Sidebar === */
Expand All @@ -455,6 +456,8 @@ body {
display: flex;
flex-direction: column;
transition: width var(--transition-base), min-width var(--transition-base);
min-height: 0;
overflow: hidden;
}

.sidebar.collapsed {
Expand All @@ -481,6 +484,7 @@ body {

.agent-tree {
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-sm);
}
Expand All @@ -492,13 +496,15 @@ body {
flex-direction: column;
overflow: hidden;
background: var(--bg-primary);
min-height: 0;
}

.view {
display: none;
flex-direction: column;
flex: 1;
overflow: hidden;
min-height: 0;
}

.view.active {
Expand All @@ -511,6 +517,7 @@ body {
justify-content: space-between;
padding: var(--space-md) var(--space-lg);
border-bottom: 1px solid var(--border-muted);
flex-shrink: 0;
}

.view-header h1 {
Expand Down Expand Up @@ -547,6 +554,8 @@ body {
border-left: 1px solid var(--border-default);
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
}

.feed-header {
Expand All @@ -567,6 +576,7 @@ body {

.feed-list {
flex: 1;
min-height: 0;
overflow-y: auto;
padding: var(--space-sm);
}
Expand All @@ -582,6 +592,7 @@ body {
border-top: 1px solid var(--border-default);
font-size: var(--text-xs);
color: var(--text-secondary);
flex-shrink: 0;
}

.status-left,
Expand Down
20 changes: 10 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
<span class="material-icons">groups</span>
<span class="nav-label">Agents</span>
</button>
<button class="nav-tab" data-view="rigs" data-tooltip="Git projects with their agents and GitHub integration.">
<button class="nav-tab" data-view="rigs" data-tooltip="Connected repositories and local workspaces with their agents.">
<span class="material-icons">folder_special</span>
<span class="nav-label">Rigs</span>
</button>
Expand All @@ -96,11 +96,11 @@
Formulas
</button>
<div class="nav-dropdown-divider"></div>
<button class="nav-dropdown-item" data-view="prs" data-tooltip="GitHub Pull Requests across all connected repositories.">
<button class="nav-dropdown-item" data-view="prs" data-tooltip="Pull requests when a review backend is configured.">
<span class="material-icons">merge_type</span>
Pull Requests
</button>
<button class="nav-dropdown-item" data-view="issues" data-tooltip="GitHub Issues across connected repositories.">
<button class="nav-dropdown-item" data-view="issues" data-tooltip="Issues when an external tracker is configured.">
<span class="material-icons">bug_report</span>
Issues
</button>
Expand Down Expand Up @@ -205,13 +205,13 @@ <h1 id="convoy-view-title">Active Convoys</h1>
<div class="view-header">
<h1 id="work-view-title">All Work</h1>
<div class="view-filters">
<button class="btn btn-sm btn-ghost" id="work-filter-all" title="All beads">
<button class="btn btn-sm btn-secondary filter-active" id="work-filter-all" title="All beads">
<span class="material-icons">list</span> All
</button>
<button class="btn btn-sm btn-ghost" id="work-filter-open" title="Open tasks">
<span class="material-icons">pending</span> Open
</button>
<button class="btn btn-sm btn-secondary filter-active" id="work-filter-closed" title="Completed tasks">
<button class="btn btn-sm btn-ghost" id="work-filter-closed" title="Completed tasks">
<span class="material-icons">check_circle</span> Completed
</button>
</div>
Expand Down Expand Up @@ -320,10 +320,10 @@ <h1>Formulas</h1>
</div>
</div>

<!-- GitHub Issues View -->
<!-- Issues View -->
<div class="view" id="view-issues">
<div class="view-header">
<h1>GitHub Issues</h1>
<h1>Issues</h1>
<div class="view-actions">
<div class="filter-group">
<button class="issue-state-tab active" data-state="open">Open</button>
Expand All @@ -343,14 +343,14 @@ <h1>GitHub Issues</h1>
<!-- Mail View -->
<div class="view" id="view-mail">
<div class="view-header">
<h1 id="mail-view-title">My Inbox</h1>
<h1 id="mail-view-title">All Mail</h1>
<div class="view-actions">
<div class="filter-group">
<button class="btn btn-secondary filter-active" id="mail-filter-mine">
<button class="btn btn-ghost" id="mail-filter-mine">
<span class="material-icons">inbox</span>
My Inbox
</button>
<button class="btn btn-ghost" id="mail-filter-all">
<button class="btn btn-secondary filter-active" id="mail-filter-all">
<span class="material-icons">forum</span>
All Mail
</button>
Expand Down
Loading