Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129[data-component="session-tab-popover-trigger"] { display: flex; width: 100%; min-width: 0;}
[data-component="session-tab-popover"] { z-index: 50; box-sizing: border-box; width: 256px; max-width: calc(100dvw - 24px); display: flex; flex-direction: column; gap: 6px; padding: 12px;
background: var(--v2-background-bg-base); border-radius: 6px; box-shadow: var(--v2-elevation-floating);
color: var(--v2-text-text-base); font-variant-numeric: tabular-nums; user-select: none; pointer-events: none;
transform-origin: var(--kb-hovercard-content-transform-origin); /* Entrance: instant (trying no animation — may revert to 120ms ease-out). */ animation: none;
&:focus-visible, &:focus-within { outline: none; }
/* Exit: instant (trying no animation — may revert to 80ms ease-out). */ &[data-closed] { animation: none; }
/* Warm streak (rapid tab hopping): appear/disappear instantly so the enter and exit animations don't repeat on every tab. */ &[data-instant], &[data-instant][data-closed] { animation: none; }
[data-slot="header"] { display: flex; flex-direction: column; gap: 6px; width: 100%; }
[data-slot="project"] { font-weight: 440; font-size: 13px; line-height: 1.5; letter-spacing: -0.04px; color: var(--v2-text-text-muted); }
[data-slot="title"] { font-weight: 530; font-size: 13px; line-height: 1.5; letter-spacing: -0.04px; color: var(--v2-text-text-base); overflow-wrap: anywhere; }
[data-slot="row"] { display: flex; width: 100%; min-width: 0; }
[data-slot="detail"] { flex: 1 0 0; min-width: 0; /* Wrap the full path onto the next line instead of clipping the end. */ overflow-wrap: anywhere; font-weight: 440; font-size: 13px; line-height: 1.5; letter-spacing: -0.04px; color: var(--v2-text-text-muted); }
[data-slot="server"] { font-weight: 440; font-size: 13px; line-height: var(--line-height-compact); letter-spacing: -0.04px; color: var(--v2-text-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}
@keyframes sessionTabPopoverIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); }}
@keyframes sessionTabPopoverOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); }}
@media (prefers-reduced-motion: reduce) { [data-component="session-tab-popover"], [data-component="session-tab-popover"][data-closed] { animation: none; }}