feat(n7web): enhance control workflows and status feedback

This commit is contained in:
Miayui
2026-09-16 12:52:07 +08:00
parent 84a3cd73bb
commit 0e4328f548
45 changed files with 7317 additions and 1001 deletions
+79 -12
View File
@@ -289,29 +289,96 @@
/* Delivery states use the same semantic feedback language in the sidebar and
in the compact assistant command card. */
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-delivery:is(
[data-delivery-state="blocked"],
[data-delivery-state="failed"]
) {
.v2-can-command-list
li[data-can-channel]
.v2-can-command-delivery[data-delivery-state="failed"] {
color: var(--destructive);
background: color-mix(in oklch, var(--destructive) 10%, var(--card));
border-color: color-mix(in oklch, var(--destructive) 28%, var(--border));
}
.assistant-dispatched-controls-list > li:is(
[data-delivery-state="blocked"],
[data-delivery-state="failed"]
) {
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-list
li[data-can-channel]
.v2-can-command-delivery[data-delivery-state="blocked"] {
color: var(--status-warning-foreground);
background: var(--status-warning-soft);
border-color: color-mix(in oklch, var(--status-warning) 38%, var(--border));
}
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-list
li[data-can-channel]
.v2-can-command-delivery[data-delivery-state="aborted"] {
color: var(--muted-foreground);
background: var(--muted);
border-color: var(--border);
}
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-list
li[data-can-channel]
.v2-can-command-delivery-detail {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 6px;
margin: 1px 0 2px;
padding: 5px 7px;
color: var(--muted-foreground);
background: color-mix(in oklch, var(--muted) 62%, transparent);
border-left: 2px solid var(--border);
border-radius: var(--ui-radius-control-inner);
font-size: 9px;
line-height: 1.45;
white-space: normal;
}
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-list
li[data-delivery-state="failed"]
.v2-can-command-delivery-detail {
color: var(--status-error-foreground);
border-left-color: var(--destructive);
}
.console-v2.v2-passive-display.v2-interactive-sync
.v2-can-command-list
li[data-delivery-state="blocked"]
.v2-can-command-delivery-detail {
color: var(--status-warning-foreground);
border-left-color: var(--status-warning);
}
.assistant-dispatched-controls-list > li[data-delivery-state="failed"] {
background: color-mix(in oklch, var(--destructive) 4%, var(--card));
}
.assistant-dispatched-controls-list > li:is(
[data-delivery-state="blocked"],
[data-delivery-state="failed"]
) .assistant-dispatched-control-icon {
.assistant-dispatched-controls-list
> li[data-delivery-state="failed"]
.assistant-dispatched-control-icon {
color: var(--destructive);
}
.assistant-dispatched-controls-list > li[data-delivery-state="blocked"] {
background: var(--status-warning-soft);
}
.assistant-dispatched-controls-list
> li[data-delivery-state="blocked"]
.assistant-dispatched-control-icon {
color: var(--status-warning-foreground);
}
.assistant-dispatched-controls-list > li[data-delivery-state="aborted"] {
background: color-mix(in oklch, var(--muted) 68%, transparent);
}
.assistant-dispatched-controls-list
> li[data-delivery-state="aborted"]
.assistant-dispatched-control-icon {
color: var(--muted-foreground);
}
.console-v2 :is(
#v2PanelControlDock > .v2-panel-control-button,
.v2-mode-rail .mode-rail-actions > button,