mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-06-28 07:35:27 -04:00
Cookbook model workflow fixes
This commit is contained in:
pewdiepie-archdaemon
+483
-37
@@ -2676,6 +2676,15 @@ body.bg-pattern-sparkles {
|
||||
.mode-toggle.mode-right::before {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.mode-toggle.mode-toggle-three::before {
|
||||
width: 33.3333%;
|
||||
}
|
||||
.mode-toggle.mode-toggle-three.mode-mid::before {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.mode-toggle.mode-toggle-three.mode-third::before {
|
||||
transform: translateX(200%);
|
||||
}
|
||||
#mode-agent-btn {
|
||||
border-radius: 10px 0 0 10px;
|
||||
}
|
||||
@@ -2715,6 +2724,15 @@ body.bg-pattern-sparkles {
|
||||
.mode-toggle-btn + .mode-toggle-btn {
|
||||
border-left: none;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.mode-toggle.mode-toggle-three [data-llama-mode="unified"] > span {
|
||||
font-size: 0;
|
||||
}
|
||||
.mode-toggle.mode-toggle-three [data-llama-mode="unified"] > span::after {
|
||||
content: 'Unif';
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
/* Message count badge in the chat-meta header (next to the title).
|
||||
Auto-hides when empty so a brand-new chat doesn't show "0 msgs". */
|
||||
.chat-meta-count {
|
||||
@@ -2822,10 +2840,14 @@ body.bg-pattern-sparkles {
|
||||
transform: translateX(10px) scale(0.88);
|
||||
pointer-events: none;
|
||||
}
|
||||
.model-picker-search-wrap {
|
||||
position: relative;
|
||||
min-width: 0;
|
||||
}
|
||||
.model-picker-menu input[type="text"] {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 6px 8px;
|
||||
padding: 6px 30px 6px 8px;
|
||||
font-size: 0.82em;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 4px;
|
||||
@@ -2842,6 +2864,37 @@ body.bg-pattern-sparkles {
|
||||
.model-picker-menu input[type="text"]::placeholder {
|
||||
color: color-mix(in srgb, var(--fg) 30%, transparent);
|
||||
}
|
||||
.model-picker-refresh-btn {
|
||||
appearance: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 4px;
|
||||
transform: translateY(-50%);
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
background: transparent;
|
||||
color: color-mix(in srgb, var(--fg) 54%, transparent);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.model-picker-refresh-btn:hover,
|
||||
.model-picker-refresh-btn:focus-visible {
|
||||
color: var(--fg);
|
||||
background: color-mix(in srgb, var(--fg) 8%, transparent);
|
||||
outline: none;
|
||||
}
|
||||
.model-picker-refresh-btn:disabled {
|
||||
opacity: 0.7;
|
||||
cursor: default;
|
||||
}
|
||||
.model-picker-refresh-btn.spinning svg {
|
||||
animation: model-picker-refresh-spin 0.75s linear infinite;
|
||||
}
|
||||
.model-picker-action-btn {
|
||||
appearance: none;
|
||||
display: inline-flex;
|
||||
@@ -4102,7 +4155,7 @@ body.bg-pattern-sparkles {
|
||||
.sidebar {
|
||||
position: fixed !important;
|
||||
top: 0; bottom: 0; left: 0;
|
||||
z-index: 200;
|
||||
z-index: 400;
|
||||
width: 80% !important;
|
||||
max-width: 340px;
|
||||
box-shadow: 4px 0 20px rgba(0,0,0,0.5);
|
||||
@@ -4133,7 +4186,7 @@ body.bg-pattern-sparkles {
|
||||
#sidebar-backdrop {
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
z-index: 199;
|
||||
z-index: 390;
|
||||
background: rgba(0,0,0,0.4);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
@@ -6882,7 +6935,7 @@ pre { background: var(--code-bg, var(--hl-bg, #282c34)) !important; }
|
||||
inside .chat-input-top, matching .model-picker-wrap's slot. */
|
||||
.chat-input-top > .cmp-eval-wrap {
|
||||
position: absolute;
|
||||
top: 0; right: 0;
|
||||
top: -2px; right: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
.cmp-eval-btn {
|
||||
@@ -7224,14 +7277,16 @@ pre { background: var(--code-bg, var(--hl-bg, #282c34)) !important; }
|
||||
width: 100%; order: 99; margin-top: -4px; padding-bottom: 2px; padding-left: 2px;
|
||||
}
|
||||
.pane-finish-badge {
|
||||
font-weight: 600; color: var(--red);
|
||||
font-weight: 600; color: var(--green, #50fa7b);
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
.compare-pane.winner .pane-header {
|
||||
background: color-mix(in srgb, var(--red) 12%, transparent);
|
||||
border-bottom-color: color-mix(in srgb, var(--red) 30%, var(--border));
|
||||
background: color-mix(in srgb, var(--green, #50fa7b) 12%, transparent);
|
||||
border-bottom-color: color-mix(in srgb, var(--green, #50fa7b) 30%, var(--border));
|
||||
}
|
||||
.compare-pane.winner .pane-title {
|
||||
color: var(--red);
|
||||
color: var(--green, #50fa7b);
|
||||
}
|
||||
.compare-pane.loser .pane-header {
|
||||
opacity: 0.5;
|
||||
@@ -7501,6 +7556,33 @@ pre { background: var(--code-bg, var(--hl-bg, #282c34)) !important; }
|
||||
padding: 14px 8px 10px 8px !important;
|
||||
min-height: 44px;
|
||||
}
|
||||
.compare-pane .pane-header {
|
||||
align-items: flex-start;
|
||||
row-gap: 3px;
|
||||
}
|
||||
.compare-pane .pane-title-btn {
|
||||
flex: 0 0 100%;
|
||||
width: 100%;
|
||||
order: 0;
|
||||
padding-right: 2px;
|
||||
}
|
||||
.compare-pane .pane-timer,
|
||||
.compare-pane .pane-finish-badge,
|
||||
.compare-pane .pane-actions {
|
||||
order: 1;
|
||||
}
|
||||
.compare-grid[data-cols="4"] .compare-pane .pane-timer,
|
||||
.compare-grid[data-cols="5"] .compare-pane .pane-timer,
|
||||
.compare-grid[data-cols="6"] .compare-pane .pane-timer {
|
||||
width: auto;
|
||||
order: 1;
|
||||
margin-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.compare-pane .pane-actions {
|
||||
margin-left: auto;
|
||||
}
|
||||
/* Mode tabs: icons only, centered */
|
||||
.compare-mode-tab span { display: none; }
|
||||
.compare-mode-tabs { justify-content: center; }
|
||||
@@ -18869,7 +18951,7 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
top: -6px;
|
||||
}
|
||||
#serve-bulk-bar #serve-bulk-cancel {
|
||||
top: 0 !important;
|
||||
top: -2px !important;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -19212,6 +19294,14 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
position: relative;
|
||||
top: -3px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.cookbook-section-header .cookbook-clear-btn {
|
||||
top: -3px;
|
||||
}
|
||||
.cookbook-task-check {
|
||||
top: 4px;
|
||||
}
|
||||
}
|
||||
/* "Stop all" sits just left of "Clear finished"; it carries the auto margin so
|
||||
the pair is pushed together to the right of the section title. */
|
||||
.cookbook-section-header .cookbook-stop-all-btn {
|
||||
@@ -19355,25 +19445,68 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.cookbook-saved-save {
|
||||
padding: 0 10px;
|
||||
gap: 4px;
|
||||
background: var(--red);
|
||||
color: #fff;
|
||||
border-color: var(--red);
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
border-color: var(--border);
|
||||
font-weight: 600;
|
||||
opacity: 1;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.cookbook-saved-save:hover {
|
||||
background: color-mix(in srgb, var(--red) 80%, white);
|
||||
border-color: color-mix(in srgb, var(--red) 80%, white);
|
||||
background: var(--border);
|
||||
border-color: var(--accent);
|
||||
opacity: 1;
|
||||
}
|
||||
.cookbook-saved-arrow {
|
||||
padding: 0 6px;
|
||||
background: var(--bg);
|
||||
color: var(--fg);
|
||||
border-color: var(--border);
|
||||
opacity: 1;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
border-left: none;
|
||||
}
|
||||
.cookbook-saved-menu .cookbook-saved-favorite {
|
||||
border-left: 3px solid var(--red);
|
||||
background: color-mix(in srgb, var(--red) 4%, transparent);
|
||||
}
|
||||
.cookbook-saved-fav-btn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 6px;
|
||||
background: none;
|
||||
color: var(--fg-muted);
|
||||
opacity: 0.55;
|
||||
cursor: pointer;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cookbook-saved-fav-btn:hover,
|
||||
.cookbook-saved-fav-btn.active {
|
||||
color: var(--red);
|
||||
opacity: 1;
|
||||
background: color-mix(in srgb, var(--red) 10%, transparent);
|
||||
}
|
||||
.cookbook-saved-fav-badge {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.cookbook-serve-favorite-model {
|
||||
border-left-color: var(--red) !important;
|
||||
background: color-mix(in srgb, var(--red) 4%, transparent);
|
||||
}
|
||||
.cookbook-serve-fav-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
vertical-align: 1px;
|
||||
margin-left: 5px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
.cookbook-slot-saved { background: color-mix(in srgb, var(--accent) 10%, transparent); border-color: color-mix(in srgb, var(--accent) 30%, transparent); color: var(--accent); }
|
||||
.cookbook-slot-saved:hover { background: color-mix(in srgb, var(--accent) 20%, transparent); }
|
||||
.cookbook-slot-btn.active { opacity: 1; background: var(--accent); color: #fff; border-color: var(--accent);
|
||||
@@ -19502,9 +19635,9 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
background: color-mix(in srgb, var(--green, #50fa7b) 18%, transparent);
|
||||
color: var(--green, #50fa7b);
|
||||
border: 1px solid color-mix(in srgb, var(--green, #50fa7b) 35%, transparent);
|
||||
/* Match the Install button + Installed ▾ split width so all three variants
|
||||
align in a mixed row. */
|
||||
min-width: 75.85px;
|
||||
/* Match Install + Installed ▾ so all three variants align in mixed rows. */
|
||||
width: 87.7px;
|
||||
min-width: 87.7px;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@@ -19527,9 +19660,8 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
top: -3px;
|
||||
/* Width matches the measured Installed ▾ split button (75.85px) so a row of
|
||||
mixed Install / Installed deps lines up. */
|
||||
min-width: 75.85px;
|
||||
width: 87.7px;
|
||||
min-width: 87.7px;
|
||||
padding: 0 10px;
|
||||
/* Strip the native button box so it's the same height as the sibling tags
|
||||
(Firefox renders <button> taller otherwise); height comes from .cookbook-dep-tag. */
|
||||
@@ -19574,6 +19706,8 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
opens the actions menu (Update). Replaces the old ⋮ button. */
|
||||
.cookbook-dep-installed-btn {
|
||||
padding: 0;
|
||||
width: 87.7px;
|
||||
min-width: 87.7px;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
overflow: hidden;
|
||||
@@ -19619,8 +19753,20 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
padding now (16px → 8px) per follow-up tweak, brings the title back
|
||||
over the actual Save button instead of overshooting it. */
|
||||
.hwfit-serve-row label:has(> .cookbook-serve-slots) {
|
||||
grid-column: -2 / -1;
|
||||
justify-self: end;
|
||||
text-align: right;
|
||||
padding-right: 8px;
|
||||
padding-right: 0;
|
||||
}
|
||||
.hwfit-serve-row label:has(> .cookbook-serve-slots) > span {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
left: -33px;
|
||||
}
|
||||
.hwfit-serve-preset-row {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
/* Expanded serve panel — make sure it can be scrolled past when it
|
||||
grows taller than the visible viewport. Caps panel height to viewport
|
||||
@@ -19635,6 +19781,10 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.hwfit-cached-item .hwfit-serve-panel {
|
||||
max-height: calc(100svh - 120px);
|
||||
}
|
||||
.hwfit-serve-preset-row {
|
||||
justify-content: flex-end;
|
||||
margin: -2px 0 6px;
|
||||
}
|
||||
}
|
||||
.hwfit-serve-row label {
|
||||
font-size: 10px;
|
||||
@@ -19642,6 +19792,114 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
white-space: nowrap;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
.hwfit-serve-row-core .hwfit-context-label {
|
||||
grid-column: span 2;
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
max-width: none;
|
||||
justify-self: start;
|
||||
}
|
||||
.hwfit-context-control {
|
||||
display: block;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
margin-top: 2px;
|
||||
width: 100px;
|
||||
}
|
||||
.hwfit-context-control .hwfit-sf[data-field="ctx"] {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
padding-right: 40px;
|
||||
}
|
||||
.hwfit-serve-row-core label:has(.hwfit-sf[data-field="max_seqs"]) {
|
||||
position: relative;
|
||||
left: 0;
|
||||
}
|
||||
.hwfit-serve-row-core label:has(.hwfit-sf[data-field="gpu_mem"]) {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
}
|
||||
.hwfit-serve-row-core .hwfit-gpus-label {
|
||||
position: relative;
|
||||
left: -69px;
|
||||
}
|
||||
.hwfit-context-calc-btn {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: -4px;
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
min-width: 34px;
|
||||
padding: 0;
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.hwfit-context-calc-btn .spinner-whirlpool {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.hwfit-context-calc-btn .ai-spinner-whirlpool {
|
||||
width: 12px !important;
|
||||
height: 12px !important;
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
[data-llama-mode-toggle].mode-toggle.mode-toggle-three .mode-toggle-btn > span {
|
||||
top: -6px !important;
|
||||
}
|
||||
.mode-toggle.mode-toggle-three [data-llama-mode="unified"] > span {
|
||||
font-size: 0;
|
||||
}
|
||||
.mode-toggle.mode-toggle-three [data-llama-mode="unified"] > span::after {
|
||||
content: 'Unif';
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.hwfit-serve-row-core .hwfit-context-label {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_env_preset"]),
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="extra_env"]) {
|
||||
grid-column: 1 / -1 !important;
|
||||
}
|
||||
.hwfit-context-control {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
width: auto;
|
||||
}
|
||||
.hwfit-context-control .hwfit-sf[data-field="ctx"] {
|
||||
width: 100px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
.hwfit-context-calc-btn {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
left: 2px;
|
||||
right: auto;
|
||||
flex: 0 0 34px;
|
||||
width: 34px;
|
||||
min-width: 34px;
|
||||
}
|
||||
}
|
||||
.hwfit-auto-ctx-note {
|
||||
display: block;
|
||||
margin-top: 3px;
|
||||
font-size: 9px;
|
||||
opacity: 0.6;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.hwfit-serve-row label select,
|
||||
.hwfit-serve-row label input {
|
||||
display: block;
|
||||
@@ -19917,23 +20175,66 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.hwfit-serve-extra .hwfit-sf {
|
||||
width: 100%;
|
||||
}
|
||||
.hwfit-serve-cmd-details {
|
||||
margin: 6px 0 0;
|
||||
}
|
||||
.hwfit-serve-cmd-summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
list-style: none;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
padding: 6px 10px;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 5px;
|
||||
background: color-mix(in srgb, var(--fg) 4%, transparent);
|
||||
color: var(--fg-muted);
|
||||
font-size: 10px;
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
.hwfit-serve-cmd-summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
.hwfit-serve-cmd-summary::after {
|
||||
content: '';
|
||||
margin-left: auto;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 4px solid currentColor;
|
||||
border-top: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
opacity: 0.6;
|
||||
transform: rotate(0deg);
|
||||
transition: transform 0.18s ease;
|
||||
}
|
||||
.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary::after {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.hwfit-serve-cmd-details[open] > .hwfit-serve-cmd-summary {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
.hwfit-serve-cmd {
|
||||
margin: 6px 0;
|
||||
margin: 0;
|
||||
padding: 8px 10px;
|
||||
background: color-mix(in srgb, var(--fg) 4%, transparent);
|
||||
border: 1px solid var(--border);
|
||||
border-top: none;
|
||||
border-radius: 4px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
font-family: 'Berkeley Mono', 'SF Mono', 'Fira Code', monospace;
|
||||
font-size: 10px;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
white-space: pre;
|
||||
word-break: normal;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
resize: none;
|
||||
color: var(--fg);
|
||||
line-height: 1.5;
|
||||
min-height: 36px;
|
||||
overflow: hidden;
|
||||
min-height: 112px;
|
||||
overflow: auto;
|
||||
}
|
||||
.hwfit-serve-actions {
|
||||
display: flex;
|
||||
@@ -19946,6 +20247,10 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
font-size: 11px;
|
||||
}
|
||||
.hwfit-serve-actions-spacer { flex: 1 1 auto; }
|
||||
.hwfit-serve-actions .cookbook-serve-slots {
|
||||
margin: 0;
|
||||
align-self: stretch;
|
||||
}
|
||||
.hwfit-serve-launch {
|
||||
background: var(--accent-primary, var(--red));
|
||||
color: #fff;
|
||||
@@ -20017,7 +20322,7 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
min-width: 32px;
|
||||
top: -5px;
|
||||
top: -3px;
|
||||
}
|
||||
.cookbook-task .cookbook-task-menu-btn:active {
|
||||
opacity: 1;
|
||||
@@ -20040,6 +20345,12 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.hwfit-serve-cmd-wrap {
|
||||
position: relative;
|
||||
}
|
||||
.hwfit-serve-cmd-title {
|
||||
margin: 2px 0 3px;
|
||||
font-size: 10px;
|
||||
color: var(--fg-muted);
|
||||
letter-spacing: 0.3px;
|
||||
}
|
||||
.hwfit-serve-cmd-wrap .hwfit-serve-cmd {
|
||||
/* Just enough breathing room so a cursor at line-end doesn't actually
|
||||
touch the Copy icon — text otherwise uses the full width of the box. */
|
||||
@@ -20171,6 +20482,7 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
}
|
||||
/* Status-driven left stripe via :has() — graceful fallback to neutral. */
|
||||
.cookbook-task:has(.cookbook-task-running) { border-left-color: var(--green, #50fa7b); }
|
||||
.cookbook-task:has(.cookbook-task-downloading) { border-left-color: var(--color-accent, #00aaff); }
|
||||
.cookbook-task:has(.cookbook-task-done) { border-left-color: var(--green, #50fa7b); }
|
||||
.cookbook-task:has(.cookbook-task-error) { border-left-color: var(--color-error, var(--warn, #f87171)); }
|
||||
.cookbook-task:has(.cookbook-task-queued) { border-left-color: var(--color-warning, #f0ad4e); }
|
||||
@@ -20222,6 +20534,10 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
background: color-mix(in srgb, var(--fg) 10%, transparent);
|
||||
color: var(--fg-muted);
|
||||
}
|
||||
.cookbook-task[data-type="download"][data-status="running"] .cookbook-task-type[data-type="download"] {
|
||||
background: color-mix(in srgb, var(--color-accent, #00aaff) 18%, transparent);
|
||||
color: var(--color-accent, #00aaff);
|
||||
}
|
||||
/* Finished state — overrides the per-type colors so a completed download or
|
||||
serve task shows the same green FINISHED chip. */
|
||||
.cookbook-task-type.cookbook-task-type-done {
|
||||
@@ -20390,6 +20706,7 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
line-height: 16px;
|
||||
}
|
||||
.cookbook-task-running { background: color-mix(in srgb, var(--green, #50fa7b) 20%, transparent); color: var(--green, #50fa7b); }
|
||||
.cookbook-task-downloading { background: color-mix(in srgb, var(--color-accent, #00aaff) 20%, transparent); color: var(--color-accent, #00aaff); }
|
||||
/* Stopping: same pill treatment as "running" but orange. */
|
||||
.cookbook-task-stopping { background: color-mix(in srgb, var(--orange, #ffb86c) 22%, transparent); color: var(--orange, #ffb86c); }
|
||||
.cookbook-task-done { background: color-mix(in srgb, var(--green) 15%, transparent); color: var(--green); }
|
||||
@@ -20434,6 +20751,16 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.cookbook-task-header {
|
||||
cursor: pointer;
|
||||
}
|
||||
.cookbook-task[data-type="serve"] .cookbook-task-header {
|
||||
margin: 4px 4px 0;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.cookbook-task[data-type="serve"] .cookbook-output-wrap {
|
||||
margin: 0 4px 4px;
|
||||
}
|
||||
.cookbook-task[data-type="serve"] .cookbook-output-pre {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/* Env bar — match admin-card */
|
||||
.cookbook-env-bar {
|
||||
@@ -20555,6 +20882,9 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
|
||||
/* Mobile cookbook sizing — kept in line with calendar/library modals. */
|
||||
@media (max-width: 768px) {
|
||||
.hwfit-serve-row-core .hwfit-context-label {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
/* The Speculative control (checkbox + method dropdown + token stepper)
|
||||
is too wide for a phone — the stepper ran off the right edge of the
|
||||
modal. Let the group wrap onto its own line, take full width, and
|
||||
@@ -20562,10 +20892,19 @@ body.gallery-selecting .gallery-dl-btn,
|
||||
.hwfit-spec-group {
|
||||
flex-wrap: wrap;
|
||||
flex-basis: 100%;
|
||||
column-gap: 4px;
|
||||
row-gap: 4px;
|
||||
}
|
||||
.hwfit-spec-group .hwfit-spec-method { min-width: 0; flex: 1 1 auto; }
|
||||
.hwfit-spec-group .hwfit-spec-method {
|
||||
min-width: 0;
|
||||
flex: 0 1 82px;
|
||||
max-width: 82px;
|
||||
}
|
||||
.hwfit-numstep { flex: 0 0 auto; }
|
||||
.hwfit-spec-group .hwfit-help-chip-inline {
|
||||
flex: 0 0 auto;
|
||||
margin-left: 2px !important;
|
||||
}
|
||||
.cookbook-card-title { font-size: 13px; }
|
||||
.cookbook-card-desc { font-size: 12px; }
|
||||
.cookbook-field-label { font-size: 12px; }
|
||||
@@ -22310,6 +22649,9 @@ body:not(.welcome-ready) #welcome-screen {
|
||||
transform: scaleY(0.4) translateY(8px);
|
||||
}
|
||||
}
|
||||
@keyframes model-picker-refresh-spin {
|
||||
to { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
@keyframes modal-enter {
|
||||
from {
|
||||
@@ -22401,6 +22743,25 @@ body:not(.welcome-ready) #welcome-screen {
|
||||
}
|
||||
|
||||
/* ── Tasks ── */
|
||||
#tool-tasks-btn.task-failure-pending,
|
||||
#rail-tasks.task-failure-pending {
|
||||
color: var(--red, #f87171);
|
||||
}
|
||||
#tool-tasks-btn.task-failure-pending::after,
|
||||
#rail-tasks.task-failure-pending::after {
|
||||
content: '';
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 999px;
|
||||
background: var(--red, #f87171);
|
||||
box-shadow: 0 0 7px var(--red, #f87171), 0 0 3px var(--red, #f87171);
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
#rail-tasks.task-failure-pending::after {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 8px;
|
||||
}
|
||||
.tasks-modal-content { max-width: 600px; width: min(600px, 92vw); background: var(--bg); font-size: 12px; }
|
||||
|
||||
/* Tasks tabs reuse the .memory-tab look. The Brain window's tab bar is
|
||||
@@ -22449,6 +22810,14 @@ body:not(.welcome-ready) #welcome-screen {
|
||||
title still reads in dark mode. Lightness stays adaptive. */
|
||||
color: hsl(var(--cat-hue) 60% 60%);
|
||||
}
|
||||
.task-log-failed-tag {
|
||||
color: var(--red, #f87171);
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
margin-left: -2px;
|
||||
}
|
||||
.task-log-task-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -23152,6 +23521,8 @@ input.settings-select::placeholder { color: color-mix(in srgb, var(--fg) 35%, tr
|
||||
gap: 6px;
|
||||
padding-left: 12px;
|
||||
border-left: 2px solid color-mix(in srgb, var(--fg) 12%, transparent);
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.settings-fallback-num {
|
||||
font-size: 11px;
|
||||
@@ -23159,7 +23530,24 @@ input.settings-select::placeholder { color: color-mix(in srgb, var(--fg) 35%, tr
|
||||
min-width: 14px;
|
||||
text-align: right;
|
||||
}
|
||||
.settings-fallback-row .settings-select { flex: 1; min-width: 0; }
|
||||
.settings-fallback-row .settings-select {
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
min-inline-size: 0;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.settings-fallback-row .settings-select:first-of-type {
|
||||
flex: 0 1 128px;
|
||||
width: 128px;
|
||||
max-width: 34%;
|
||||
}
|
||||
.settings-fallback-row .settings-select:nth-of-type(2) {
|
||||
flex: 1 1 0;
|
||||
width: 0;
|
||||
max-width: 100%;
|
||||
}
|
||||
/* Cookbook Serve Advanced fold — wraps the rarely-touched tuning rows
|
||||
(KV/Attention/Swap/Env for vLLM, llama.cpp batch/cache/split, VRAM
|
||||
monitor, speculative, extra args). Matches the existing .hwfit-panel-
|
||||
@@ -23240,6 +23628,40 @@ details.hwfit-serve-advanced > .hwfit-serve-row label select,
|
||||
details.hwfit-serve-advanced > .hwfit-serve-row label input {
|
||||
margin-top: 1px;
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_attn_backend"]) {
|
||||
position: relative;
|
||||
left: -83px;
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
|
||||
position: relative;
|
||||
left: -51px;
|
||||
}
|
||||
details.hwfit-serve-advanced .hwfit-sf[data-field="vllm_block_size"] {
|
||||
width: calc(100% - 6px);
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
|
||||
position: relative;
|
||||
left: -45px;
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_kv_cache_dtype"]) {
|
||||
position: relative;
|
||||
left: 2px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="vllm_block_size"]) {
|
||||
left: 1px;
|
||||
}
|
||||
details.hwfit-serve-advanced label:has(.hwfit-sf[data-field="swap"]) {
|
||||
left: -3px;
|
||||
}
|
||||
details.hwfit-serve-advanced > .hwfit-serve-checks .hwfit-sf-cb {
|
||||
flex: 1 1 100%;
|
||||
}
|
||||
}
|
||||
details.hwfit-serve-advanced .hwfit-sf[data-field="vllm_kv_cache_dtype"] {
|
||||
width: 60px;
|
||||
min-width: 60px;
|
||||
}
|
||||
details.hwfit-serve-advanced > .hwfit-serve-checks {
|
||||
gap: 4px;
|
||||
row-gap: 4px;
|
||||
@@ -23253,6 +23675,9 @@ details.hwfit-serve-advanced > .hwfit-serve-checks.hwfit-backend-sglang,
|
||||
details.hwfit-serve-advanced > .hwfit-serve-extra {
|
||||
margin-top: -8px;
|
||||
}
|
||||
details.hwfit-serve-advanced > .hwfit-serve-extra {
|
||||
margin-top: -18px;
|
||||
}
|
||||
details.hwfit-serve-advanced > .hwfit-serve-row:last-of-type,
|
||||
details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
|
||||
margin-bottom: 0;
|
||||
@@ -23260,7 +23685,6 @@ details.hwfit-serve-advanced > .hwfit-serve-checks:last-of-type {
|
||||
|
||||
.settings-fallback-remove {
|
||||
flex-shrink: 0;
|
||||
margin-right: 4px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
display: inline-flex;
|
||||
@@ -29267,8 +29691,15 @@ button .spinner-whirlpool {
|
||||
.email-reader-atts-wrap > .email-reader-atts {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.email-reader-atts-wrap.collapsed > .email-reader-atts { display: none; }
|
||||
.email-reader-atts-wrap.collapsed > .email-reader-atts,
|
||||
.email-reader-atts-wrap.collapsed > .email-reader-atts-hidden-note { display: none; }
|
||||
.email-reader-atts-wrap.collapsed .email-summary-chevron { transform: rotate(-90deg); }
|
||||
.email-reader-atts-hidden-note {
|
||||
padding: 0 14px 6px;
|
||||
font-size: 10px;
|
||||
color: var(--fg-muted);
|
||||
opacity: 0.65;
|
||||
}
|
||||
|
||||
/* Quote fold = neutral full-width band (matches attachments header). */
|
||||
.email-quote-fold {
|
||||
@@ -30428,22 +30859,27 @@ body.doc-find-active mark.doc-find-mark.current {
|
||||
attribute tooltips were slow / unreliable, so we just grow the chip. */
|
||||
max-width: 90vw;
|
||||
}
|
||||
.email-attachment-chip > span:not(.att-size) {
|
||||
.email-attachment-chip > span:not(.att-size):not(.email-attachment-open) {
|
||||
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
|
||||
flex: 1 1 auto; min-width: 0;
|
||||
}
|
||||
.email-attachment-chip:hover > span:not(.att-size) {
|
||||
.email-attachment-chip:hover > span:not(.att-size):not(.email-attachment-open) {
|
||||
overflow: visible;
|
||||
text-overflow: clip;
|
||||
}
|
||||
.email-attachment-chip .att-size { opacity: 0.5; font-size: 10px; flex-shrink: 0; }
|
||||
.email-attachment-chip-muted { opacity: 0.65; }
|
||||
.email-attachment-chip-muted:hover { opacity: 1; }
|
||||
.email-attachment-chip-related {
|
||||
border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
|
||||
}
|
||||
/* "Open in editor" launch icon — same prominent style on desktop AND mobile
|
||||
(was 24px / dim / no border on desktop, easy to miss). Accent-tinted
|
||||
background + border makes it read as a real action. */
|
||||
.email-attachment-open {
|
||||
display: inline-flex; align-items: center; gap: 4px;
|
||||
height: 22px; padding: 0 9px; border-radius: 11px;
|
||||
margin-left: 6px; flex-shrink: 0;
|
||||
height: 22px; padding: 0 9px; border-radius: 999px;
|
||||
margin-left: 6px; flex: 0 0 auto;
|
||||
font-size: 10px; font-weight: 500; letter-spacing: 0.02em;
|
||||
color: var(--accent-primary, var(--red));
|
||||
background: color-mix(in srgb, var(--accent-primary, var(--red)) 10%, transparent);
|
||||
@@ -30466,7 +30902,8 @@ body.doc-find-active mark.doc-find-mark.current {
|
||||
display: none;
|
||||
}
|
||||
.email-attachment-chip:not(:hover) .email-attachment-open {
|
||||
width: 22px;
|
||||
width: 28px;
|
||||
min-width: 28px;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
gap: 0;
|
||||
@@ -35930,6 +36367,13 @@ body.research-panel-view #research-divider { display:none; }
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
letter-spacing: -0.03em;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
.research-new-job > .doclib-desc {
|
||||
position: relative;
|
||||
top: 4px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
/* Keep the "Research" title visible on mobile (matches the Cookbook tab
|
||||
@@ -36418,6 +36862,7 @@ body.research-panel-view #research-divider { display:none; }
|
||||
}
|
||||
.research-section:not(.collapsed) > .research-section-header { border-bottom: 1px solid var(--border); }
|
||||
.research-section-header:hover { background: color-mix(in srgb, var(--fg) 4%, transparent); }
|
||||
.research-section-header:has(.research-library-hint) { padding-bottom: 4px; }
|
||||
.research-section-title { font-size: 14px; font-weight: 600; letter-spacing: -0.03em; }
|
||||
.research-section-chevron { flex-shrink: 0; opacity: 0.55; transition: transform 0.2s ease; }
|
||||
.research-section.collapsed .research-section-chevron { transform: rotate(-90deg); }
|
||||
@@ -37065,7 +37510,8 @@ body.theme-frosted .modal {
|
||||
.research-library-hint {
|
||||
/* full-width line in the header, pulled up with negative MARGIN (collapses
|
||||
the gap so it moves up without making the header taller). */
|
||||
width: 100%; flex-basis: 100%; margin: -22px 0 0; line-height: 1.2;
|
||||
width: 100%; flex-basis: 100%; margin: -26px 0 0; line-height: 1.2;
|
||||
font-size: calc(1em - 2px); opacity: 0.55;
|
||||
}
|
||||
.research-library-link {
|
||||
background: none; border: none; padding: 0; cursor: pointer;
|
||||
|
||||
Reference in New Issue
Block a user