52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
"use client";
|
|
import { useI18n } from "@/components/i18n";
|
|
|
|
|
|
import type { CompactionDetails } from "@/src/core";
|
|
|
|
/** What one divider carries: the marker's full model-facing content (the
|
|
* [SESSION HISTORY COMPACTED] header + the summary) and its details.
|
|
* The content is deliberately UNRENDERED (owner, release polish
|
|
* 2026-10-06): the compaction summary is model-facing plumbing — anyone
|
|
* who wants to inspect it reads their provider logs. The dividers mark
|
|
* WHERE the cut landed and how big it was; nothing opens. */
|
|
export interface CompactionDividerData {
|
|
content: string;
|
|
details: CompactionDetails;
|
|
}
|
|
|
|
/** The moment divider (owner round 14): minimal centered small text where
|
|
* the user currently is — the retrying-message register (SystemLine's
|
|
* exact classes), NO horizontal rule. The transcript's quiet note that
|
|
* history was just summarized; the cut divider below carries the seam.
|
|
* Inert since release polish 2026-10-06 — plain text, no affordance. */
|
|
export function CompactionMomentDivider({ data: _data }: { data: CompactionDividerData }) {
|
|
const { t } = useI18n();
|
|
return (
|
|
<div className="flex w-full items-center justify-center py-1">
|
|
<span data-testid="compaction-divider" className="px-1.5 text-xs text-muted-foreground/70">
|
|
{t("Context compacted")}</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
/** The cut divider (owner round 14): the LONGER divider at the actual
|
|
* compaction cut — the seam where verbatim history ends and the kept
|
|
* recent tail begins. Phase-divider's geometry (dotted rules + centered
|
|
* chip) so it reads as a transcript boundary, not a message. Inert
|
|
* since release polish 2026-10-06 — the token count stays, the summary
|
|
* is inspectable only in provider logs. */
|
|
export function CompactionCutDivider({ data }: { data: CompactionDividerData }) {
|
|
const { t } = useI18n();
|
|
const kTok = data.details.tokensBefore > 0 ? t(" · {v0}k tok", { v0: Math.round(data.details.tokensBefore / 1000) }) : "";
|
|
return (
|
|
<div data-testid="compaction-cut-divider" className="my-4 flex w-full items-center gap-3">
|
|
<span className="h-0 flex-1 border-t-2 border-dotted border-border/50" aria-hidden />
|
|
<span className="rounded-full border border-border/80 px-2.5 py-0.5 text-xs font-medium uppercase tracking-wide text-muted-foreground">
|
|
{t("History compacted")}{kTok}
|
|
</span>
|
|
<span className="h-0 flex-1 border-t-2 border-dotted border-border/50" aria-hidden />
|
|
</div>
|
|
);
|
|
}
|