openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 9.5 kB
CSS
.session-progress-card{--session-progress-neutral:var(--muted);--session-progress-marker-size:14px;min-width:0;color:var(--text)}.session-progress-card--composer{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--accent-subtle) 42%, var(--panel-strong));animation:fade-in .2s var(--ease-out);flex:100%;overflow:hidden}.session-progress-card--board{padding:var(--space-3)}.session-progress-card__heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--muted);font-size:var(--control-ui-text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:650;display:flex}.session-progress-card__heading-actions{align-items:center;gap:var(--space-2);display:inline-flex}.session-progress-card__summary{min-width:0;color:var(--text);cursor:var(--cursor-action);-webkit-user-select:none;user-select:none;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:7px;padding:7px 9px;list-style:none;display:grid}.session-progress-card__summary::-webkit-details-marker{display:none}.session-progress-card__chevron{width:14px;height:14px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.session-progress-card__chevron svg{width:14px;height:14px}.session-progress-card__summary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:-2px}.session-progress-card__current-marker,.session-progress-card__step-marker{width:var(--session-progress-marker-size);height:var(--session-progress-marker-size);flex:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;line-height:0;display:inline-flex}.session-progress-card__current-marker svg,.session-progress-card__step-marker svg{width:var(--session-progress-marker-size);height:var(--session-progress-marker-size);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin:0}.session-progress-card--composer .session-progress-card__step-marker{height:1lh;font-size:inherit;line-height:inherit}.session-progress-card__current-marker>.session-run-spinner,.session-progress-card__step-marker>.session-run-spinner{width:var(--session-progress-marker-size);height:var(--session-progress-marker-size);border-color:color-mix(in srgb, var(--session-progress-neutral) 28%, transparent);border-top-color:var(--session-progress-neutral)}.session-progress-card__current{min-width:0;font-size:var(--control-ui-text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}.session-progress-card__summary-controls{align-items:center;gap:2px;display:inline-flex}.session-progress-card__refresh{width:var(--chat-stack-trailing-control-size,24px);height:var(--chat-stack-trailing-control-size,24px);color:var(--muted);border-radius:var(--radius-sm);touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.session-progress-card__refresh:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent)}}.session-progress-card__refresh:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.session-progress-card__refresh svg{width:14px;height:14px}.session-progress-card__refresh[data-state=pending] svg{animation:1.2s linear infinite btn-spinner-spin}.session-progress-card__refresh[data-state=updated]{color:var(--ok)}.session-progress-card__refresh:is([data-state=failed],[data-state=timeout]){color:var(--warn)}.session-progress-card__refresh-status{color:var(--muted);font-size:var(--control-ui-text-xs);overflow-wrap:anywhere;grid-column:1/-1;font-weight:400;line-height:1.4}.session-progress-card__refresh-status:is([data-state=failed],[data-state=timeout]){color:var(--warn)}.session-progress-card__refresh-status:is([data-state=pending],[data-state=updated]){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.session-progress-card__refresh[data-state=pending] svg{animation:none}}.session-progress-card__dismiss,.session-progress-card__clear-saved{width:22px;min-width:22px;height:22px;min-height:22px}.session-progress-card--composer .session-progress-card__body{border-top:1px solid color-mix(in srgb, var(--accent) 16%, var(--border));padding:7px 9px 8px}.session-progress-card__markdown.sidebar-markdown{font-size:var(--control-ui-text-sm);overflow-wrap:anywhere;line-height:1.5}.session-progress-card__markdown>:first-child{margin-top:0}.session-progress-card__markdown>:last-child{margin-bottom:0}.session-progress-card__markdown+.session-progress-card__steps{margin-top:var(--space-3)}.session-progress-card__markdown progress{width:100%;margin-top:var(--space-2);accent-color:var(--accent);display:block}.session-progress-card__markdown progress::-webkit-progress-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg)}.session-progress-card__markdown progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-lg)}.session-progress-card__markdown progress::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-lg)}.session-progress-card__steps{row-gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.session-progress-card__step{grid-template-columns:var(--session-progress-marker-size) minmax(0, 1fr);align-items:start;gap:var(--space-2);color:var(--muted);font-size:var(--control-ui-text-sm);line-height:1.4;display:grid}.session-progress-card__step--completed .session-progress-card__step-marker{color:var(--ok)}.session-progress-card__step--completed .session-progress-card__step-text{color:color-mix(in srgb, var(--muted) 82%, transparent)}.session-progress-card__step--in_progress{color:var(--text);font-weight:500}.session-progress-card__current-marker,.session-progress-card__step--in_progress .session-progress-card__step-marker,.session-progress-card__step--pending .session-progress-card__step-marker,.session-progress-card__step--paused .session-progress-card__step-marker{color:var(--session-progress-neutral)}@media (prefers-reduced-motion:reduce){.session-progress-card--composer{transition:none;animation:none}}.plugin-session-summary{min-width:0;color:var(--text);gap:20px;font-size:.8rem;line-height:1.5;display:grid}.plugin-session-summary__progress{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-muted)}.plugin-session-summary__history{gap:18px;display:grid}.plugin-session-summary__history>h3{color:var(--text);margin:0;font-size:.75rem;font-weight:600}.plugin-session-summary__message{gap:7px;min-width:0;display:grid}.plugin-session-summary__message-header{align-items:center;gap:8px;min-width:0;display:flex}.plugin-session-summary__avatar,.plugin-session-summary__avatar .chat-author-avatar,.plugin-session-summary__avatar openclaw-agent-avatar{border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;overflow:hidden}.plugin-session-summary__avatar .chat-author-avatar__image,.plugin-session-summary__avatar .chat-author-avatar__initials{border-radius:inherit;object-fit:cover;width:100%;height:100%}.plugin-session-summary__avatar .chat-author-avatar__initials{background:var(--bg-hover);color:var(--text);justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex}.plugin-session-summary__avatar .chat-author-avatar__fallback,.plugin-session-summary__avatar .chat-author-avatar.is-fallback .chat-author-avatar__image{display:none}.plugin-session-summary__avatar .chat-author-avatar.is-fallback .chat-author-avatar__fallback{display:inline-flex}.plugin-session-summary__unknown{color:var(--muted);display:inline-flex}.plugin-session-summary__unknown svg{width:15px;height:15px}.plugin-session-summary__role{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:600;overflow:hidden}.plugin-session-summary__message-header time{color:var(--muted);white-space:nowrap;flex:none;font-size:.68rem}.plugin-session-summary__message .sidebar-markdown{overflow-wrap:anywhere;min-width:0;margin-inline-start:32px;font-size:.78rem;line-height:1.55}.plugin-session-summary__message .sidebar-markdown :is(h1,h2,h3,h4,h5,h6){margin:12px 0 6px;font-size:.84rem;line-height:1.4}.plugin-session-summary__message .sidebar-markdown :is(p,ul,ol,blockquote,pre){margin:0 0 8px}.plugin-session-summary__message .sidebar-markdown>:last-child{margin-bottom:0}.plugin-session-summary__message .sidebar-markdown pre{max-width:100%;font-size:.72rem;overflow-x:auto}.plugin-session-summary>.btn{justify-self:start}.plugin-session-summary__progress .session-progress-card--board{padding:0}.plugin-session-summary__progress .session-progress-card__heading{color:var(--text);letter-spacing:normal;text-transform:none;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:12px;font-size:.75rem;font-weight:600}.plugin-session-summary__progress .session-progress-card__heading-actions{color:var(--muted);font-size:.68rem;font-weight:400}.plugin-session-summary__progress .session-progress-card__body{gap:12px;display:grid}.plugin-session-summary__progress .session-progress-card__markdown+.session-progress-card__steps{margin-top:0}.plugin-session-summary__progress .session-progress-card__step{font-size:.78rem;line-height:1.5}.plugin-session-summary__progress .session-progress-card__step-marker{margin-top:2px}