{#snippet meterContent()} {#if percent !== null && size !== null && tokens !== null && segments.length > 0} {@const windowShare = Math.min(1, tokens / size)}

{shortCount(tokens)} / {shortCount(size)} ({percent}%) {#if ttlBadgeText} {ttlBadgeText} {/if}

{ if (!hoveredSeg && segments.length > 0) hoveredSeg = segments[0].key; }} onmouseleave={() => (hoveredSeg = null)} > {#each segments as seg (seg.key)} {@const widthPct = activeSeg ? seg.perceptualPct : seg.perceptualPct * windowShare}

(hoveredSeg = seg.key)} >

{/each}

{#if activeSeg} {activeSeg.label} · {shortCount(activeSeg.tokens)} ({Math.round((activeSeg.tokens / tokens) * 100) || '<1'}%) {:else if untilCompactTokens !== null} {shortCount(untilCompactTokens)} until compaction {/if} {#if compactAtTokens !== null} {shortCount(compactAtTokens)} {/if}

{:else if contextLine} {contextLine} {:else} no context usage yet {/if} {/snippet} {#snippet choicePane()} {#if open} {/if} {/snippet} {#if inline}

(hoveredSeg = null)}> {@render meterContent()}

{@render choicePane()}

{#if knownEfforts.length > 0} save(shownProfile, shownModel, opt, false)} /> {/if} {#if problem && !open}

{problem}

{/if}

{:else} { now = Date.now(); hoveredPill = true; }} onmouseleave={() => { hoveredPill = false; hoveredSeg = null; }} > {#if !open && (problem || contextLine)}

0} bind:this={tipEl} style:transform={shift ? `translateX(${shift}px)` : undefined} role="tooltip" > {#if problem}

{problem}

{/if} {#if contextLine}{@render meterContent()}{/if}

{/if} {@render choicePane()} {/if}