b66c762f5d
Standalone per-card browser model/security/view modules for HUX-01..10 plus node+pytest suites that read the hux.v1 contract schemas directly. Reconciled drift found on integration: the activity model now accepts all 32 hux.event.v1 kinds (delegation.*, memory.suppressed, memory.retrieval_removed, budget.exhausted, side_effect.*), the autonomy model carries the external_side_effect capability, and the foundation boundary test now asserts the shipped static HUX surface exists on disk and that images never bake activated HUX_FLAGS. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01BvMSXH8VH2tMWXanb8SJdf
86 lines
1.9 KiB
CSS
86 lines
1.9 KiB
CSS
/* HUX-01 is opt-in. These scoped styles do not alter the existing WebUI. */
|
|
|
|
.hux-activity {
|
|
border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
|
|
border-radius: 0.75rem;
|
|
background: color-mix(in srgb, Canvas 94%, #12394a 6%);
|
|
color: CanvasText;
|
|
padding: 0.875rem;
|
|
}
|
|
|
|
.hux-activity-chat {
|
|
max-height: 24rem;
|
|
overflow: auto;
|
|
}
|
|
|
|
.hux-activity-row {
|
|
display: flex;
|
|
gap: 0.625rem;
|
|
border-radius: 0.5rem;
|
|
padding: 0.5rem;
|
|
}
|
|
|
|
.hux-activity-row:hover,
|
|
.hux-activity-row:focus-within {
|
|
background: color-mix(in srgb, currentColor 5%, transparent);
|
|
}
|
|
|
|
.hux-activity-marker {
|
|
display: grid;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
flex: 0 0 auto;
|
|
place-items: center;
|
|
border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
|
|
border-radius: 9999px;
|
|
}
|
|
|
|
.hux-tone-active .hux-activity-marker {
|
|
color: #39c6df;
|
|
}
|
|
.hux-tone-success .hux-activity-marker {
|
|
color: #4ade80;
|
|
}
|
|
.hux-tone-warning .hux-activity-marker {
|
|
color: #f59e0b;
|
|
}
|
|
|
|
.hux-evidence-chip {
|
|
border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
|
|
border-radius: 9999px;
|
|
padding: 0.125rem 0.375rem;
|
|
font-size: 0.625rem;
|
|
color: color-mix(in srgb, currentColor 65%, transparent);
|
|
}
|
|
|
|
.hux-activity-warning,
|
|
.hux-cancellation-receipt {
|
|
margin-top: 0.625rem;
|
|
border-radius: 0.5rem;
|
|
background: color-mix(in srgb, #f59e0b 10%, transparent);
|
|
padding: 0.5rem;
|
|
font-size: 0.6875rem;
|
|
}
|
|
|
|
.hux-activity-more {
|
|
margin-top: 0.625rem;
|
|
min-height: 2rem;
|
|
border-radius: 0.375rem;
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: 0.6875rem;
|
|
color: color-mix(in srgb, currentColor 70%, transparent);
|
|
}
|
|
|
|
.hux-activity-more:hover,
|
|
.hux-activity-more:focus-visible {
|
|
background: color-mix(in srgb, currentColor 7%, transparent);
|
|
outline: 2px solid color-mix(in srgb, #39c6df 65%, transparent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.hux-activity * {
|
|
animation: none !important;
|
|
}
|
|
}
|