Files
openchamber/packages/ui/src/lib/sessionBtwMetadata.ts
T
Jay GuptaandBohdan Triapitsyn 46426e8495 feat(chat): /btw — side questions in a temporary forked session (#2796)
* feat(chat): /btw command — side questions in a temporary forked session

/btw <question> forks the current session (full context inheritance) and
opens a compact peek panel docked above the composer. The composer itself
becomes the btw input while the panel is open: sends route to the fork,
the placeholder and a mode chip reflect the target, and the stop button
aborts the fork's turn. Closing the panel (or the chip's ✕) destroys the
fork, leaving the main conversation untouched.

The panel shows only the fork's own tail (messages at/after the fork
creation time) and live permission/question cards scoped to the fork.

- chat/btw/BtwPanel: peek sheet (desktop + mobile), fork-tail view,
  auto-close on disappearance, Esc to close
- lib/btw: startBtwSession (fork + rename + routed send), closeBtwPanel
  (close = destroy), filterBtwTailMessages
- ChatInput: btw-mode send routing via SendMessageOptions.sessionId,
  btw-aware activity (stop/abort), placeholder + mode chip
- useSessionActivity: exported for per-session activity reads
- i18n: btw keys across all 11 locales

* fix(chat): keep btw sends isolated

* refactor(chat): rework /btw into a metadata-scoped peek panel

- Link the active btw fork through the parent session's metadata
  (openchamber.btwSessionID) so the panel exists only in the session that
  invoked /btw, follows parent navigation, and survives reloads; the fork
  carries a kind:'btw' marker with its originalSessionID.
- Replace the wall-clock history boundary with the id of the newest cloned
  message (server-generated ascending ids), stored in fork metadata.
- Derive panel identity in useBtwPanelState; useBtwStore shrinks to
  transient per-parent UI state (collapsed/creating/destroying).
- Panel UX: dropdown-style glass surface, chat ScrollShadow, single
  title+chevron collapse toggle, muted header controls, promote action
  (keep as a full session and navigate to it), Esc collapses instead of
  destroying, reserved Working indicator row, streaming auto-follow via
  ResizeObserver keyed on content readiness.
- Add a 'peek' chat surface mode that suppresses per-message controls and
  turn footers inside the panel; user bubbles keep a small gap below.
- Hide btw forks from the sidebar, session switcher, and command palette
  until promoted; mark the fork before inserting it into local stores.
- Delete/archive lifecycle: removing the fork unlinks the parent; removing
  the parent also removes its temporary fork.
- patchSessionMetadata now mirrors updated sessions into live stores.
- Localize new strings across all 12 dictionaries; add unit tests for
  metadata helpers, the btw flow, and the UI store.

* fix(chat): clamp the btw panel below the app header when the keyboard is open

Reuse useMobileAutocompleteMaxHeight (the composer autocomplete precedent)
on the panel's scroll body, reserving the panel header and bottom spacer
height, so the sheet adapts to the visual viewport instead of riding under
the app header on mobile.

* fix(lint): drop unused destructured bindings in sessionBtwMetadata

CI eslint has no underscore ignore pattern; strip metadata keys with typed
copies and delete instead of discard-destructuring.

---------

Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>
2026-08-23 00:40:06 +03:00

121 lines
4.7 KiB
TypeScript

import type { Session } from '@opencode-ai/sdk/v2';
import { getSessionMetadata, type SessionMetadataRecord } from '@/lib/sessionReviewMetadata';
/**
* Session-metadata contract for the `/btw` flow, mirroring the review-session
* link in `sessionReviewMetadata`:
*
* - The parent (the session `/btw` was typed into) carries
* `openchamber.btwSessionID` pointing at its active btw fork. The panel is
* derived from this link, so it appears only in the parent session and
* survives reloads.
* - The fork itself is marked `openchamber.kind = 'btw'` with
* `originalSessionID` (its parent) and `btwBoundaryMessageID` — the id of
* the last message cloned from the parent. Messages with a greater id are
* the fork's own tail and are what the panel renders. Message ids are
* server-generated ascending identifiers, so the boundary is a plain string
* comparison and immune to client clock skew.
*/
type BtwMetadata = {
kind?: string;
originalSessionID?: string;
btwSessionID?: string;
btwBoundaryMessageID?: string;
};
const getOpenChamberMetadata = (metadata: SessionMetadataRecord): BtwMetadata => {
const value = metadata.openchamber;
if (!value || typeof value !== 'object' || Array.isArray(value)) return {};
// SAFETY: session metadata is persisted, externally writable data; this is
// its parsing boundary. `BtwMetadata` only declares optional fields and
// every reader re-validates the field it consumes in `nonEmpty`.
return value as BtwMetadata;
};
const nonEmpty = (value: string | undefined): string | null =>
typeof value === 'string' && value.trim().length > 0 ? value : null;
/** The parent's link to its active btw fork, or null. */
export const getBtwSessionID = (session: Session | null | undefined): string | null =>
nonEmpty(getOpenChamberMetadata(getSessionMetadata(session)).btwSessionID);
export const isBtwSession = (session: Session | null | undefined): boolean =>
getOpenChamberMetadata(getSessionMetadata(session)).kind === 'btw'
&& Boolean(getBtwOriginalSessionID(session));
/** The fork's back-pointer to the session `/btw` was typed into. */
export const getBtwOriginalSessionID = (session: Session | null | undefined): string | null => {
const openchamber = getOpenChamberMetadata(getSessionMetadata(session));
return openchamber.kind === 'btw' ? nonEmpty(openchamber.originalSessionID) : null;
};
/**
* The id of the last message the fork inherited from the parent. `null` means
* the fork inherited nothing (empty parent) and every message is its own.
*/
export const getBtwBoundaryMessageID = (session: Session | null | undefined): string | null => {
const openchamber = getOpenChamberMetadata(getSessionMetadata(session));
return openchamber.kind === 'btw' ? nonEmpty(openchamber.btwBoundaryMessageID) : null;
};
export const withBtwSessionLink = (
metadata: SessionMetadataRecord,
btwSessionID: string,
): SessionMetadataRecord => ({
...metadata,
openchamber: {
...getOpenChamberMetadata(metadata),
btwSessionID,
},
});
/**
* Mark the fork as a btw session. The fork clones the parent's metadata
* wholesale (including review links or a stale `btwSessionID`), so the
* inherited `openchamber` object is replaced, not merged.
*/
export const withBtwSessionMarker = (
metadata: SessionMetadataRecord,
originalSessionID: string,
boundaryMessageID: string | null,
): SessionMetadataRecord => {
const openchamber: BtwMetadata = { kind: 'btw', originalSessionID };
if (boundaryMessageID) openchamber.btwBoundaryMessageID = boundaryMessageID;
return { ...metadata, openchamber };
};
/** Remove the btw marker so a promoted fork becomes a plain session. */
export const withoutBtwSessionMarker = (metadata: SessionMetadataRecord): SessionMetadataRecord => {
const openchamber = getOpenChamberMetadata(metadata);
if (openchamber.kind !== 'btw') return metadata;
const rest: BtwMetadata = { ...openchamber };
delete rest.kind;
delete rest.originalSessionID;
delete rest.btwBoundaryMessageID;
const next: SessionMetadataRecord = { ...metadata };
if (Object.keys(rest).length > 0) {
next.openchamber = rest;
} else {
delete next.openchamber;
}
return next;
};
/** Unlink the parent, but only if it still points at this fork. */
export const withoutBtwSessionLink = (
metadata: SessionMetadataRecord,
btwSessionID: string,
): SessionMetadataRecord => {
const openchamber = getOpenChamberMetadata(metadata);
if (openchamber.btwSessionID !== btwSessionID) return metadata;
const rest: BtwMetadata = { ...openchamber };
delete rest.btwSessionID;
const next: SessionMetadataRecord = { ...metadata };
if (Object.keys(rest).length > 0) {
next.openchamber = rest;
} else {
delete next.openchamber;
}
return next;
};