@vibefield/rosetta-room 0.0.0-stage → 0.1.0

package/dist/components/transcript/AuthoredMessage.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import type { CanonicalText } from "@vibefield/rosetta-protocol";
+import type { AttachmentFact } from "../../lib/transcript/index.js";
+import type { AttachmentOpener } from "./attachment-gallery.js";
+/** One reading of text and images, shared by prompts, replies and full messages. */
+export declare function AuthoredMessage({ text, recordedText, attachments, messageKey, role, onReceipt, onOpenAttachment, preview, renderText, imagesOutside, title, matched }: {
+    readonly text: string | null;
+    readonly recordedText?: CanonicalText | null;
+    readonly attachments: readonly AttachmentFact[];
+    readonly messageKey: string;
+    readonly role: "user" | "agent";
+    readonly onReceipt: (text: string) => void;
+    readonly onOpenAttachment: AttachmentOpener;
+    readonly preview?: boolean;
+    readonly imagesOutside?: boolean;
+    readonly title?: string;
+    readonly matched?: boolean;
+    readonly renderText?: (content: ReactNode) => ReactNode;
+}): import("react").JSX.Element;

package/dist/components/transcript/AuthoredMessage.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { ActivityImagesContext, Attachments, useAttachmentActions } from "./Attachments.js";
+import { MessagePreview } from "./MessagePreview.js";
+import { Prose } from "./Prose.js";
+/** One reading of text and images, shared by prompts, replies and full messages. */
+export function AuthoredMessage({ text, recordedText, attachments, messageKey, role, onReceipt, onOpenAttachment, preview = true, renderText, imagesOutside = false, title, matched }) {
+    const actions = useAttachmentActions(onOpenAttachment, onReceipt, attachments);
+    const gathered = useContext(ActivityImagesContext);
+    const shared = imagesOutside ? gathered : null;
+    const open = (fact, row) => shared && fact.kind === "image" ? shared(fact) : actions.open(fact, row);
+    const prose = { text: text ?? "", imageAttachments: attachments, onOpenAttachment: open, onReceipt };
+    const content = (text !== null || recordedText?.type === "member") ? (preview
+        ? _jsx(MessagePreview, { ...prose, messageKey: messageKey, role: role, recordedText: recordedText, title: title, matched: matched })
+        : _jsx(Prose, { ...prose })) : null;
+    return _jsxs(_Fragment, { children: [renderText ? renderText(content) : content, _jsx(Attachments, { facts: shared ? attachments.filter(fact => fact.kind !== "image") : attachments, onOpenAttachment: open, reveal: actions.reveal })] });
+}

package/dist/components/transcript/Compaction.d.ts

@@ -0,0 +1,9 @@
+import type { CanonicalText } from "@vibefield/rosetta-protocol";
+export declare function Compaction({ text, domId, timelineId, hit, forceOpen, onReceipt, }: {
+    readonly text: CanonicalText;
+    readonly domId: string;
+    readonly timelineId: string;
+    readonly hit: boolean;
+    readonly forceOpen: boolean;
+    readonly onReceipt: (message: string) => void;
+}): import("react").JSX.Element;

package/dist/components/transcript/Compaction.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// §03 G — generated continuation context belongs to the system marker.
+import { useEffect, useState } from "react";
+import { useReadingSession, useRoom } from "../../room-context.js";
+import { MessagePreview } from "./MessagePreview.js";
+import { LineChevron } from "./glyphs.js";
+import { useRowDisclosure } from "./disclosure-state.js";
+/** Loaded only on disclosure. Oversized summaries are content-addressed;
+ * their preview must never be presented or copied as the complete recap. */
+function SummaryBody({ canonical, messageKey, matched, onReceipt, }) {
+    const [loaded, setLoaded] = useState(null);
+    const [attempt, setAttempt] = useState(0);
+    const { sessions } = useRoom();
+    const readingSession = useReadingSession();
+    useEffect(() => {
+        if (canonical.type === "inline")
+            return;
+        const controller = new AbortController();
+        setLoaded(null);
+        const read = readingSession === null
+            ? Promise.reject(new Error("No session is open to read the stored summary"))
+            : sessions.run(readingSession, (client) => client.readTextAsset(canonical.asset, controller.signal));
+        void read.then((text) => {
+            if (!controller.signal.aborted)
+                setLoaded({ text, error: null });
+        }, (error) => {
+            if (controller.signal.aborted)
+                return;
+            setLoaded({
+                text: null,
+                error: error instanceof Error ? error.message : "The stored summary is unavailable",
+            });
+        });
+        return () => controller.abort();
+    }, [canonical, attempt, sessions, readingSession]);
+    const text = canonical.type === "inline" ? canonical.text : loaded?.text ?? null;
+    return (_jsxs("div", { className: "tr-compaction__body", children: [_jsxs("div", { className: "tr-compaction__byline", children: [_jsx("span", { children: "Agent-generated context for continuing this session." }), text !== null && (_jsx("button", { type: "button", onClick: () => {
+                            navigator.clipboard.writeText(text)
+                                .then(() => onReceipt("Copied summary"))
+                                .catch(() => onReceipt("The clipboard refused it"));
+                        }, children: "copy summary" }))] }), text !== null ? (_jsx("div", { className: "tr-prose ah-syntax", children: _jsx(MessagePreview, { messageKey: messageKey, role: "agent", title: "Compaction summary", matched: matched, text: text, onReceipt: onReceipt }) })) : loaded?.error ? (_jsxs("p", { className: "tr-compaction__status", role: "status", children: ["Could not load the full summary. ", loaded.error, " ", _jsx("button", { type: "button", onClick: () => setAttempt(attempt + 1), children: "Retry" })] })) : (_jsx("p", { className: "tr-compaction__status", role: "status", children: "Loading full summary\u2026" }))] }));
+}
+export function Compaction({ text, domId, timelineId, hit, forceOpen, onReceipt, }) {
+    const [open, setOpen] = useRowDisclosure(domId, forceOpen || hit);
+    useEffect(() => {
+        if (forceOpen || hit)
+            setOpen(true);
+    }, [forceOpen, hit]);
+    return (_jsxs("details", { className: "tr-compaction", id: domId, "data-timeline-id": timelineId, "data-hit": hit || undefined, open: open, onToggle: (event) => setOpen(event.currentTarget.open), children: [_jsx("summary", { className: "tr-mark", children: _jsxs("span", { className: "tr-compaction__label", children: [_jsx("span", { className: "chev", children: _jsx(LineChevron, {}) }), "Context compacted", _jsx("span", { className: "tr-compaction__hint", children: "\u00B7 summary" })] }) }), open && (_jsx(SummaryBody, { canonical: text, messageKey: domId, matched: hit, onReceipt: onReceipt }, text.type === "member" ? text.asset.digest : "inline"))] }));
+}

package/dist/components/transcript/DayPill.d.ts

@@ -0,0 +1,38 @@
+import type { MouseEvent, ReactNode } from "react";
+import type { DayEntry, Sitting as SittingModel } from "../../lib/transcript/index.js";
+export interface PillText {
+    readonly lead: string;
+    readonly after: string | null;
+}
+/**
+ * `Mon 31 Aug` for a day cut, `Tue 1 Sep · 00:02` + `after 44m` when a pause
+ * crossed a day, `12:31` + `after 12h 18m` within one. Null when the sitting
+ * is neither — a session that lives on one day with no pause draws no pill at
+ * all, because the column head's range already says when it was.
+ */
+export declare function pillText(sitting: SittingModel): PillText | null;
+export interface DayPillProps {
+    readonly sitting: SittingModel;
+    readonly onPress: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export declare function DayPill({ sitting, onPress }: DayPillProps): import("react").JSX.Element | null;
+export declare function Sitting({ sitting, children, }: {
+    readonly sitting: SittingModel;
+    readonly children: ReactNode;
+}): import("react").JSX.Element;
+export interface DayMenuProps {
+    readonly days: readonly DayEntry[];
+    readonly currentDayKey: string | null;
+    /** Pixels from the frame's top — set from the pressed pill's own rect. */
+    readonly top: number;
+    readonly onJump: (day: DayEntry) => void;
+    readonly onDismiss: () => void;
+}
+export declare function DayMenu({ days, currentDayKey, top, onJump, onDismiss }: DayMenuProps): import("react").JSX.Element;
+/**
+ * Stamp `data-stuck` on whichever pill is currently pinned to the top edge.
+ * The record does this from the scroll handler rather than an
+ * IntersectionObserver because the question is "is this element AT the edge",
+ * which a rect comparison answers exactly and a threshold only approximates.
+ */
+export declare function markStuckPills(scroller: HTMLElement | null): void;

package/dist/components/transcript/DayPill.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { clockShort, duration } from "../../lib/format.js";
+import { useReaderMode } from "./reader-context.js";
+/**
+ * `Mon 31 Aug` for a day cut, `Tue 1 Sep · 00:02` + `after 44m` when a pause
+ * crossed a day, `12:31` + `after 12h 18m` within one. Null when the sitting
+ * is neither — a session that lives on one day with no pause draws no pill at
+ * all, because the column head's range already says when it was.
+ */
+export function pillText(sitting) {
+    const after = sitting.pauseMs === null ? null : `after ${duration(0, sitting.pauseMs)}`;
+    const day = sitting.dayLabel;
+    const resumed = sitting.resumedAt === null ? null : clockShort(sitting.resumedAt);
+    if (sitting.dayChanged && day !== null) {
+        return { lead: resumed === null ? day : `${day} · ${resumed}`, after };
+    }
+    if (resumed !== null)
+        return { lead: resumed, after };
+    return null;
+}
+export function DayPill({ sitting, onPress }) {
+    // In the reader the day is a label: it opens no menu.
+    const reading = useReaderMode();
+    const text = pillText(sitting);
+    if (text === null)
+        return null;
+    return (_jsx("div", { className: sitting.isFirst ? "tr-day tr-day--first" : "tr-day", "data-stuck": "false", "data-day-key": sitting.dayKey ?? undefined, children: reading ? (_jsxs("span", { className: "tr-day__pill", children: [text.lead, text.after !== null && _jsx("span", { className: "after", children: text.after })] })) : (_jsxs("button", { type: "button", className: "tr-day__pill", title: "Jump to a day", "aria-haspopup": "menu", onClick: onPress, children: [text.lead, text.after !== null && _jsx("span", { className: "after", children: text.after })] })) }));
+}
+export function Sitting({ sitting, children, }) {
+    return (_jsx("section", { className: "tr-sitting", "data-sitting-key": sitting.key, children: children }));
+}
+export function DayMenu({ days, currentDayKey, top, onJump, onDismiss }) {
+    useEffect(() => {
+        const onKey = (event) => {
+            if (event.key === "Escape")
+                onDismiss();
+        };
+        window.addEventListener("keydown", onKey);
+        return () => window.removeEventListener("keydown", onKey);
+    }, [onDismiss]);
+    return (_jsx("div", { className: "tr-daymenu", role: "menu", style: { top }, children: days.map((day) => (_jsxs("button", { type: "button", role: "menuitem", "aria-current": day.dayKey === currentDayKey ? "true" : undefined, onClick: () => onJump(day), children: [day.dayLabel, _jsxs("span", { children: [day.sittingCount, " ", day.sittingCount === 1 ? "sitting" : "sittings"] })] }, day.dayKey))) }));
+}
+/**
+ * Stamp `data-stuck` on whichever pill is currently pinned to the top edge.
+ * The record does this from the scroll handler rather than an
+ * IntersectionObserver because the question is "is this element AT the edge",
+ * which a rect comparison answers exactly and a threshold only approximates.
+ */
+export function markStuckPills(scroller) {
+    if (scroller === null)
+        return;
+    // The sticky edge is the SCROLLPORT's padding box plus the pill's declared
+    // inset. Read both from CSS so the stamp follows the layout instead of
+    // keeping a second, slightly different copy of its geometry here.
+    const padding = Number.parseFloat(getComputedStyle(scroller).paddingTop) || 0;
+    const edge = scroller.getBoundingClientRect().top + padding;
+    const scrolled = scroller.scrollTop > 0;
+    for (const day of scroller.querySelectorAll(".tr-day")) {
+        const rect = day.getBoundingClientRect();
+        const inset = Number.parseFloat(getComputedStyle(day).top) || 0;
+        const top = edge + inset;
+        // Pinned means AT the edge and still in view: a pill whose section has
+        // ended is being pushed out, and a pushed-out pill is not chrome.
+        const stuck = scrolled && rect.top - top <= 1 && rect.bottom > edge;
+        day.setAttribute("data-stuck", stuck ? "true" : "false");
+    }
+}

package/dist/components/transcript/Document.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+import type { SessionRow } from "@vibefield/rosetta-protocol";
+import type { AttachmentFact, PathFact } from "../../lib/transcript/index.js";
+import type { TimelineFeed } from "../../lib/hooks.js";
+import type { TimelineLayout } from "../../lib/transcript/use-transcript-tail.js";
+import type { TranscriptModel } from "./document-model.js";
+import type { ThreadFocus, ThreadIndex } from "./thread-index.js";
+export interface TranscriptDocumentProps {
+    readonly session: SessionRow;
+    readonly model: TranscriptModel;
+    readonly feed: TimelineFeed;
+    /** The cold backfill is running: a streaming session is being INDEXED by the
+     * daemon, not run by an agent — the watermark must not claim life. */
+    readonly duringBackfill: boolean;
+    readonly index: ThreadIndex;
+    readonly focus: ThreadFocus | null;
+    readonly highlightedTimelineId: string | null;
+    readonly onFocusConsumed: () => void;
+    readonly onReceipt: (text: string) => void;
+    readonly onOpenAttachment: (fact: AttachmentFact, row?: readonly AttachmentFact[]) => void;
+    readonly onOpenPath: (path: PathFact) => void;
+    readonly getRuntimeKind: (runtimeId: string) => string;
+    readonly homeDirectory: string | null;
+    /** The day list only exists where a menu can be drawn: the root column. */
+    readonly onPillPress: ((element: HTMLElement, dayKey: string | null) => void) | null;
+    /** The head of the document (§08), mounted above the first sitting. */
+    readonly head?: ReactNode;
+    readonly nested?: boolean;
+    /** Root scroll surface observes the actual rendered team chronology. */
+    readonly onTimelineLayout?: (layout: TimelineLayout) => void;
+}
+export declare function TranscriptDocument({ session, model: baseModel, feed, duringBackfill, index, focus, highlightedTimelineId: parentHighlightedTimelineId, onFocusConsumed, onReceipt, onOpenAttachment, onOpenPath, getRuntimeKind, homeDirectory, onPillPress, head, nested, onTimelineLayout, }: TranscriptDocumentProps): import("react").JSX.Element;