mirror of
https://github.com/AgentSeal/codeburn.git
synced 2026-05-20 00:57:09 +00:00
6358100d3d
Period bug:
_refresh() returned early when a previous fetch was still in flight, so
clicking a new period tab while the initial load was running silently
dropped the second click. Swap the loading-guard for a generation counter:
every refresh increments a counter, and only the callback whose generation
matches the latest value applies the result. Older responses are dropped,
newer ones win.
Currency bug:
codeburn status --format menubar-json is a raw USD payload; the CLI does
not convert it. The popup was only changing the symbol prefix, not the
values. Fetch the USD->target rate from Frankfurter via Soup and apply it
in formatCost(). Rate is cached per-session so tab switches don't hit the
network; on currency change we kick off a fresh fetch (or reuse the cached
rate) and re-render with the new multiplier.
Other small fixes:
* Show a single-provider tab row (when exactly one provider is installed)
instead of hiding it, so the user still sees which agent the numbers
are for.
* Activity bar chart track is now a BoxLayout so the fill width takes
effect; previously every bar rendered as 100% because the St.Widget
track stretched its only child.
* Findings CTA no longer runs labels together ("findingssave"). Adds
8px spacing between count and savings.
271 lines
5.3 KiB
CSS
271 lines
5.3 KiB
CSS
/*
|
|
* CodeBurn GNOME Shell extension styles.
|
|
*
|
|
* Designed to match the macOS popover pixel for pixel within what St widgets
|
|
* can paint: branded header, horizontal tab rows with pill active states, hero
|
|
* typography, inline bar-chart activity rows, and a pill-styled footer.
|
|
*
|
|
* Colors inherit the shell theme by default; brand orange (#ff8c42 to #c9521d)
|
|
* is the only hardcoded palette so the design survives both Light and Dark
|
|
* system themes.
|
|
*/
|
|
|
|
/* ---- panel button ---- */
|
|
.codeburn-panel {
|
|
spacing: 4px;
|
|
}
|
|
.codeburn-flame {
|
|
font-size: 14px;
|
|
}
|
|
.codeburn-label {
|
|
font-weight: 500;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
/* ---- popup host ---- */
|
|
.codeburn-menu {
|
|
padding: 0;
|
|
}
|
|
.codeburn-host {
|
|
padding: 0;
|
|
margin: 0;
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.codeburn-host:hover,
|
|
.codeburn-host:focus,
|
|
.codeburn-host:active,
|
|
.codeburn-host:selected {
|
|
background: transparent;
|
|
}
|
|
.codeburn-root {
|
|
width: 340px;
|
|
padding: 0;
|
|
spacing: 0;
|
|
}
|
|
|
|
/* ---- brand header ---- */
|
|
.codeburn-brand-header {
|
|
padding: 14px 16px 10px 16px;
|
|
spacing: 2px;
|
|
}
|
|
.codeburn-brand-row {
|
|
spacing: 0;
|
|
}
|
|
.codeburn-brand-primary {
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
}
|
|
.codeburn-brand-accent {
|
|
font-weight: 700;
|
|
font-size: 18px;
|
|
color: #ff8c42;
|
|
}
|
|
.codeburn-brand-subhead {
|
|
font-size: 10.5px;
|
|
opacity: 0.55;
|
|
letter-spacing: 0.3px;
|
|
}
|
|
|
|
/* ---- tab rows ---- */
|
|
.codeburn-tab-row {
|
|
padding: 4px 10px 8px 10px;
|
|
spacing: 4px;
|
|
}
|
|
.codeburn-period-row {
|
|
padding-top: 0;
|
|
padding-bottom: 10px;
|
|
}
|
|
.codeburn-tab,
|
|
.codeburn-period {
|
|
padding: 5px 6px;
|
|
border-radius: 6px;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
background: transparent;
|
|
border: none;
|
|
opacity: 0.7;
|
|
transition-duration: 80ms;
|
|
}
|
|
.codeburn-tab:hover,
|
|
.codeburn-period:hover {
|
|
background: rgba(255, 140, 66, 0.08);
|
|
opacity: 1;
|
|
}
|
|
.codeburn-tab-active,
|
|
.codeburn-period-active {
|
|
background: rgba(255, 140, 66, 0.18);
|
|
color: #ff8c42;
|
|
opacity: 1;
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* ---- hero ---- */
|
|
.codeburn-hero {
|
|
padding: 4px 16px 10px 16px;
|
|
spacing: 2px;
|
|
}
|
|
.codeburn-hero-top {
|
|
spacing: 6px;
|
|
}
|
|
.codeburn-hero-dot {
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 3px;
|
|
background-color: #ff8c42;
|
|
margin-top: 7px;
|
|
}
|
|
.codeburn-hero-label {
|
|
font-size: 11px;
|
|
opacity: 0.65;
|
|
font-weight: 500;
|
|
}
|
|
.codeburn-hero-amount {
|
|
font-size: 28px;
|
|
font-weight: 700;
|
|
color: #ffd700;
|
|
}
|
|
.codeburn-hero-meta {
|
|
font-size: 11px;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
/* ---- activity section ---- */
|
|
.codeburn-activity {
|
|
padding: 6px 16px 10px 16px;
|
|
spacing: 6px;
|
|
}
|
|
.codeburn-section-title {
|
|
font-weight: 600;
|
|
font-size: 11px;
|
|
opacity: 0.6;
|
|
padding-bottom: 2px;
|
|
}
|
|
.codeburn-activity-rows {
|
|
spacing: 8px;
|
|
}
|
|
.codeburn-activity-row {
|
|
spacing: 3px;
|
|
}
|
|
.codeburn-activity-top {
|
|
spacing: 6px;
|
|
}
|
|
.codeburn-activity-name {
|
|
font-size: 11.5px;
|
|
font-weight: 500;
|
|
}
|
|
.codeburn-activity-cost {
|
|
font-size: 11.5px;
|
|
font-family: monospace;
|
|
font-weight: 600;
|
|
color: #ffd700;
|
|
}
|
|
.codeburn-activity-turns {
|
|
font-size: 10.5px;
|
|
font-family: monospace;
|
|
opacity: 0.6;
|
|
min-width: 28px;
|
|
text-align: right;
|
|
}
|
|
.codeburn-activity-oneshot {
|
|
font-size: 10.5px;
|
|
font-family: monospace;
|
|
opacity: 0.8;
|
|
color: #5bf58c;
|
|
min-width: 36px;
|
|
text-align: right;
|
|
}
|
|
.codeburn-bar-track {
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
width: 240px;
|
|
}
|
|
.codeburn-bar-fill {
|
|
height: 4px;
|
|
border-radius: 2px;
|
|
background: linear-gradient(to right, #ff8c42, #c9521d);
|
|
}
|
|
.codeburn-empty {
|
|
font-style: italic;
|
|
opacity: 0.55;
|
|
padding: 6px 0;
|
|
}
|
|
|
|
/* ---- findings CTA ---- */
|
|
.codeburn-findings {
|
|
margin: 2px 16px 10px 16px;
|
|
padding: 9px 11px;
|
|
border-radius: 8px;
|
|
background: rgba(255, 140, 66, 0.12);
|
|
border: none;
|
|
transition-duration: 120ms;
|
|
}
|
|
.codeburn-findings:hover {
|
|
background: rgba(255, 140, 66, 0.2);
|
|
}
|
|
.codeburn-findings-inner {
|
|
spacing: 8px;
|
|
}
|
|
.codeburn-findings-count {
|
|
font-size: 11.5px;
|
|
font-weight: 600;
|
|
color: #ff8c42;
|
|
x-expand: true;
|
|
}
|
|
.codeburn-findings-savings {
|
|
font-size: 11.5px;
|
|
font-weight: 500;
|
|
color: #ff8c42;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
/* ---- footer ---- */
|
|
.codeburn-footer {
|
|
padding: 10px 12px;
|
|
spacing: 6px;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
|
}
|
|
.codeburn-footer-btn {
|
|
padding: 6px 10px;
|
|
border-radius: 6px;
|
|
background: rgba(255, 255, 255, 0.05);
|
|
border: none;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
transition-duration: 80ms;
|
|
}
|
|
.codeburn-footer-btn:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
.codeburn-currency-btn {
|
|
font-family: monospace;
|
|
min-width: 62px;
|
|
}
|
|
.codeburn-footer-cta {
|
|
background: #c9521d;
|
|
color: #ffffff;
|
|
}
|
|
.codeburn-footer-cta:hover {
|
|
background: #ff8c42;
|
|
}
|
|
.codeburn-updated {
|
|
font-size: 10px;
|
|
opacity: 0.45;
|
|
padding: 0 16px 10px 16px;
|
|
}
|
|
|
|
/* ---- dark / light theme hooks ---- */
|
|
.codeburn-light .codeburn-bar-track {
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.codeburn-light .codeburn-footer-btn {
|
|
background: rgba(0, 0, 0, 0.04);
|
|
}
|
|
.codeburn-light .codeburn-footer-btn:hover {
|
|
background: rgba(0, 0, 0, 0.08);
|
|
}
|
|
.codeburn-light .codeburn-footer {
|
|
border-top-color: rgba(0, 0, 0, 0.08);
|
|
}
|