openclaw/dist/control-ui/assets/sidebar-attention-panel-Dj3u30ct.css

Multi-channel AI gateway with extensible messaging integrations

.sidebar-issues-panel{z-index:121;width:min(390px,100vw - 16px);block-size:min(500px, calc(100dvh - max(var(--sidebar-issues-panel-top,8px), calc(8px + env(safe-area-inset-top,0px))) - max(var(--sidebar-issues-panel-bottom,8px), calc(8px + env(safe-area-inset-bottom,0px)))));overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm);animation:fade-in .14s var(--ease-out);flex-direction:column;display:flex;position:fixed;overflow:hidden}.sidebar-issues-panel__backdrop,.sidebar-issues-panel__grabber{display:none}.shell--mobile-nav .sidebar-issues-panel__backdrop{z-index:120;width:100%;height:100%;animation:fade-in .14s var(--ease-out);background:#0000006b;border:0;padding:0;display:block;position:fixed;inset:0}.shell--mobile-nav .sidebar-issues-panel{width:100%;block-size:68dvh;max-block-size:calc(100dvh - env(safe-area-inset-top,0px));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--secondary);border-width:1px 0 0;padding-block-end:env(safe-area-inset-bottom,0px);animation:.24s cubic-bezier(.32,.72,0,1) sidebar-issues-sheet-in;inset:auto 0 0!important}.shell--mobile-nav .sidebar-issues-panel__grabber{border-radius:var(--radius-full);background:var(--border-strong);flex:none;align-self:center;width:36px;height:4px;margin-block:8px 2px;display:block}@keyframes sidebar-issues-sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.shell--mobile-nav .sidebar-issues-panel,.shell--mobile-nav .sidebar-issues-panel__backdrop{animation:none}}.sidebar-issues-panel__header{background:var(--secondary);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.sidebar-issues-panel__heading{color:var(--text-strong);font-size:calc(var(--control-ui-text-sm) + 1px);align-items:center;gap:7px;margin:0;font-weight:650;line-height:1.2;display:inline-flex}.sidebar-issues-panel__heading-icon{color:var(--muted);display:inline-flex}.sidebar-issues-panel__heading-icon svg{width:16px;height:16px}.sidebar-issues-panel__header-actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.sidebar-issues-panel__dismiss-shown{min-height:28px}.sidebar-issues-panel__mobile-close{display:none}.shell--mobile-nav .sidebar-issues-panel__mobile-close{border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--text) 3%, transparent);width:36px;height:36px;transition:transform .14s var(--ease-out);place-items:center;display:inline-grid}.shell--mobile-nav .sidebar-issues-panel__mobile-close:active{transform:scale(.97)}.shell--mobile-nav .sidebar-issues-panel__dismiss{flex-basis:40px;width:40px;height:40px}.shell--mobile-nav .sidebar-issues-panel__dismiss-shown{min-height:40px}:root[data-theme-mode=dark] .sidebar-issues-panel__tabs.hub-tabs{--track-color:color-mix(in srgb, var(--border-strong) 60%, transparent)}.sidebar-issues-panel__tabs{background:var(--secondary);flex:none;display:block;overflow:hidden}.sidebar-issues-panel__tabs::part(tabs){box-sizing:border-box;flex-shrink:0;width:max-content;min-width:100%;padding-inline:8px}.shell--mobile-nav .sidebar-issues-panel__tabs::part(tabs){gap:0;padding-inline:0}.sidebar-issues-panel__tabs wa-tab.hub-tab{flex:1 0 auto}.sidebar-issues-panel__tabs wa-tab.hub-tab::part(base){justify-content:center;width:100%;padding-block:8px 11px}.sidebar-issues-panel__list-wrap{background:var(--bg-elevated);flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar-issues-panel__list{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;flex-direction:column;flex:auto;gap:0;min-height:0;padding:6px;scroll-padding-block:6px 18px;display:flex;overflow-y:auto}.sidebar-issues-panel__list>[data-attention-kind]{box-sizing:border-box;margin-inline:-6px}.sidebar-issues-panel__list>[data-attention-kind]:not(.sidebar-approval-row){padding-inline:0}.sidebar-issues-panel__list>[data-attention-kind]+[data-attention-kind]{border-block-start:3px solid var(--sidebar-issues-row-separator,var(--sidebar-bg))}.sidebar-issues-panel__list>.sidebar-issues-panel__update:has(>.sidebar-issues-panel__details[open]){--sidebar-issues-row-separator:transparent}.sidebar-issues-panel__list>.sidebar-issues-panel__update:has(>.sidebar-issues-panel__details[open])+[data-attention-kind]{--sidebar-issues-row-separator:transparent}@media (hover:hover){.sidebar-issues-panel__list>[data-attention-kind]:is(:hover,:focus-within,[open]),.sidebar-issues-panel__list>[data-attention-kind]:is(:hover,:focus-within,[open])+[data-attention-kind]{--sidebar-issues-row-separator:transparent}}.sidebar-issues-panel__list:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.sidebar-issues-panel__empty{min-height:0;color:var(--muted);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:5px;padding:24px;display:flex}.sidebar-issues-panel__empty strong{color:var(--text-strong);font-size:var(--control-ui-text-sm)}.sidebar-issues-panel__empty-icon{color:var(--muted);margin-block-end:3px;display:inline-flex}.sidebar-issues-panel__empty-icon svg{width:28px;height:28px}.sidebar-issues-panel__overflow-cue{z-index:1;pointer-events:none;height:18px;position:absolute;inset-inline:6px}.sidebar-issues-panel__overflow-cue--top{background:linear-gradient(to bottom, var(--bg-elevated), transparent);inset-block-start:0}.sidebar-issues-panel__overflow-cue--bottom{background:linear-gradient(to bottom, transparent, var(--bg-elevated));inset-block-end:0}.sidebar-issues-panel__update{display:block}.sidebar-issues-panel__mentions-note{color:var(--muted);font-size:var(--control-ui-text-xs);overflow-wrap:anywhere;flex:none;justify-items:start;gap:8px;padding:10px 12px;line-height:1.4;display:grid}footer.sidebar-issues-panel__mentions-note{border-block-start:1px solid var(--border)}.sidebar-issues-panel__update>.sidebar-issues-panel__details{margin-inline:-6px}.sidebar-issues-panel__list>[data-attention-kind]+.sidebar-issues-panel__update>.sidebar-issues-panel__details{border-block-start:3px solid var(--sidebar-issues-row-separator,var(--sidebar-bg))}.sidebar-issues-panel__details{border-radius:0;margin:0}.sidebar-issues-panel__summary{min-width:0;min-height:40px;cursor:var(--cursor-action);border-radius:0;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}.sidebar-issues-panel__summary::-webkit-details-marker{display:none}.sidebar-issues-panel__details[open]>.sidebar-issues-panel__summary{background:var(--bg-hover)}@media (hover:hover){.sidebar-issues-panel__summary:hover{background:var(--bg-hover)}}.sidebar-issues-panel__details[open]{background:var(--bg-hover)}.sidebar-issues-panel__summary:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar-issues-panel__body{color:var(--muted);font-size:var(--control-ui-text-xs);margin-inline-start:36px;padding:6px 12px 10px}.sidebar-issues-panel__facts{overflow-wrap:anywhere;gap:4px;margin:0;padding-inline-start:16px;line-height:1.35;display:grid}.sidebar-issues-panel__actions{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.sidebar-issues-panel__action{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);min-height:28px;color:var(--muted);cursor:var(--cursor-action);font:inherit;font-size:var(--control-ui-text-xs);padding:4px 8px;font-weight:600}.sidebar-issues-panel__action--primary{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent-subtle) 50%, var(--bg-elevated));color:var(--text)}@media (hover:hover){.sidebar-issues-panel__action:hover{background:var(--bg-hover);color:var(--text)}}.sidebar-issues-panel__action:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar-issues-panel__icon{border-radius:var(--radius-sm);width:28px;height:28px;color:color-mix(in srgb, var(--muted) 72%, transparent);flex:0 0 28px;place-items:center;display:inline-grid}.sidebar-issues-panel__icon svg,.sidebar-issues-panel__chevron svg{width:16px;height:16px}.sidebar-issues-panel__content{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.sidebar-issues-panel__entity,.sidebar-issues-panel__state{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-issues-panel__state-row{min-width:0;color:var(--muted);font-size:var(--control-ui-text-xs);white-space:nowrap;align-items:center;gap:6px;display:flex}.sidebar-issues-panel__meta-context,.sidebar-issues-panel__meta-time{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-issues-panel__meta-status{color:var(--muted-strong);flex:none;font-weight:600}.sidebar-issues-panel__navigation-link{min-width:0;color:inherit;flex:auto;align-items:center;gap:8px;text-decoration:none;display:flex}.sidebar-issues-panel__summary--navigation{position:relative}.sidebar-issues-panel__navigation-link:after{content:"";position:absolute;inset:0}.sidebar-issues-panel__navigation-link:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}.sidebar-issues-panel__entity{color:var(--text-strong);font-size:var(--control-ui-text-sm);font-weight:550}.sidebar-issues-panel__state{min-width:0;color:var(--muted);font-size:var(--control-ui-text-xs);flex:auto}.sidebar-issues-panel__icon--critical{color:var(--danger)}.sidebar-issues-panel__details[data-attention-kind=scopeUpgrade] .sidebar-issues-panel__icon{color:var(--warn)}.sidebar-issues-panel__dismiss{z-index:1;border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);cursor:var(--cursor-action);transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;flex:0 0 24px;place-items:center;padding:0;display:inline-grid;position:relative}.sidebar-issues-panel__dismiss svg{width:14px;height:14px}@media (hover:hover){.sidebar-issues-panel__dismiss:hover{background:var(--bg-hover);color:var(--text-strong)}}.sidebar-issues-panel__dismiss:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar-issues-panel__chevron{color:var(--muted);transition:transform var(--duration-fast) ease;flex:none;display:inline-flex}.sidebar-issues-panel__details[open]>.sidebar-issues-panel__summary .sidebar-issues-panel__chevron{transform:rotate(90deg)}.sidebar-update-issue__body{margin-inline-start:0;padding:2px 12px 8px}.sidebar-update-issue__body .sidebar-update-card{box-sizing:border-box;margin:0}.sidebar-update-card--compact-details{gap:8px;display:grid}.sidebar-update-card__compact-reason{color:var(--muted);font-size:var(--control-ui-text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-update-card__compact-actions{align-items:center;gap:6px;display:flex}.sidebar-update-card__compact-actions .sidebar-update-card__review{width:auto;min-height:28px;margin:0}.sidebar-update-card__review--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}@media (hover:hover){.sidebar-update-card__review--primary:hover{background:var(--accent-hover);color:var(--accent-foreground)}}.sidebar-mention-row__summary{align-items:flex-start}.sidebar-mention-row__avatar{flex:none;margin-block-start:2px}.sidebar-mention-row__header{align-items:baseline;gap:8px;min-width:0;display:flex}.sidebar-mention-row__header .sidebar-issues-panel__entity{flex:auto;min-width:0}.sidebar-mention-row__age{color:var(--muted);font-size:var(--control-ui-text-xs);white-space:nowrap;flex:none}.sidebar-mention-row__excerpt{color:var(--muted);font-size:var(--control-ui-text-xs);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:6px 0 0;line-height:1.4;display:-webkit-box;overflow:hidden}.sidebar-mention-row__actions{margin-block-start:8px}.sidebar-mention-row__actions a{align-items:center;text-decoration:none;display:inline-flex}.shell--mobile-nav .sidebar-mention-row__actions .sidebar-issues-panel__action{min-height:40px}.sidebar-approval-row{min-width:0;min-height:104px;transition:background var(--duration-fast) ease;border-radius:0;align-items:flex-start;gap:8px;padding:8px 12px;display:flex}.sidebar-approval-row:focus-within{background:var(--bg-hover)}@media (hover:hover){.sidebar-approval-row:hover{background:var(--bg-hover)}}.sidebar-approval-row__content{flex:auto;min-width:0}.sidebar-approval-row__header{white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.sidebar-approval-row__header .sidebar-issues-panel__entity{text-overflow:ellipsis;flex:auto;min-width:0;font-weight:600;overflow:hidden}.sidebar-approval-row__timer{color:var(--muted);font-size:var(--control-ui-text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.sidebar-approval-row__timer--urgent{color:var(--warn)}.sidebar-approval-row__command{box-sizing:border-box;border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-hover) 95%, var(--text) 5%);width:100%;max-width:100%;color:var(--text);font-size:var(--control-ui-text-xs);text-overflow:ellipsis;white-space:nowrap;align-self:flex-start;margin-block-start:7px;padding:6px 10px;line-height:1.3;overflow:hidden}.sidebar-approval-row__actions{align-items:center;gap:5px;margin-top:7px;display:flex}.sidebar-approval-row__action{min-height:28px}.sidebar-issues-panel .sidebar-approval-row .sidebar-approval-row__action.sidebar-approval-row__action--allow-once{border-color:color-mix(in srgb, var(--ok) 36%, var(--border));background:color-mix(in srgb, var(--ok) 20%, var(--bg-elevated));color:var(--ok)}@media (hover:hover){.sidebar-issues-panel .sidebar-approval-row .sidebar-approval-row__action.sidebar-approval-row__action--allow-once:hover:not(:disabled){background:color-mix(in srgb, var(--ok) 27%, var(--bg-elevated));color:var(--ok)}}.sidebar-issues-panel .sidebar-approval-row .sidebar-approval-row__action.sidebar-approval-row__action--allow-once:active:not(:disabled){background:color-mix(in srgb, var(--ok) 31%, var(--bg-elevated));color:var(--ok)}.sidebar-approval-row__action--deny{color:var(--danger)}.sidebar-approval-row__action.sidebar-approval-row__action--deny:focus-visible:not(:disabled){background:var(--danger-subtle);color:var(--danger)}@media (hover:hover){.sidebar-approval-row__action.sidebar-approval-row__action--deny:hover:not(:disabled){background:var(--danger-subtle);color:var(--danger)}}.sidebar-approval-row__open-session{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--muted);opacity:0;transition:opacity var(--duration-fast) ease, background var(--duration-fast) ease;place-items:center;margin-inline-start:auto;display:inline-grid}.sidebar-approval-row:focus-within .sidebar-approval-row__open-session{opacity:1}@media (hover:hover){.sidebar-approval-row:hover .sidebar-approval-row__open-session{opacity:1}.sidebar-approval-row__open-session:hover{background:var(--bg-hover);color:var(--text)}}.sidebar-approval-row__open-session:focus-visible{box-shadow:var(--focus-ring);outline:none}.sidebar-approval-row__open-session svg{width:15px;height:15px}.sidebar-approval-row__message{color:var(--warn);font-size:var(--control-ui-text-xs);margin:0 6px 6px;line-height:1.35}.sidebar-approval-row__message--error{color:var(--danger)}