@spexcode/transcript-ui 0.7.0-next.6 → 0.7.0-next.7

package/dist/TranscriptView.d.ts

@@ -8,6 +8,9 @@ export declare function TurnBody({ turn, openIds, onToggle, live, fold }: {
     live: boolean;
     fold?: boolean;
 } & Disclosure): import("react").JSX.Element;
+export declare function QuotedTurn({ turn }: {
+    turn: AnyTurn;
+}): import("react").JSX.Element;
 export declare function WorkSegmentView({ segment, openIds, onToggle, live }: {
     segment: Work;
     live: boolean;

package/dist/TranscriptView.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useTranscriptUi } from './context.js';
 import { Caret } from './icons.js';
 import { Quote } from './Quote.js';
+import { parseEnvelope } from './envelope.js';
 import { segments } from './segments.js';
 import { ToolRun } from './ToolLine.js';
 import { useDisclosure } from './useDisclosure.js';
@@ -11,6 +12,12 @@ export function TurnBody({ turn, openIds, onToggle, live, fold = true }) {
     const { renderText } = useTranscriptUi();
     return _jsxs("div", { className: "tx-say", children: [turn.text && _jsx("div", { className: "tx-say-text", children: renderText(turn.text) }), _jsx(ToolRun, { tools: turn.tools, openIds: openIds, onToggle: onToggle, live: live, fold: fold })] });
 }
+// a quoted turn is read through the envelope rows: the sender it names, the body it carried
+export function QuotedTurn({ turn }) {
+    const { envelopes } = useTranscriptUi();
+    const envelope = parseEnvelope(turn.text || '', envelopes);
+    return _jsx(Quote, { who: envelope.who, ts: envelope.at ?? turn.at, text: envelope.body, className: "tx-quote-nested" });
+}
 export function WorkSegmentView({ segment, openIds, onToggle, live }) {
     const { labels, vocabulary } = useTranscriptUi();
     const id = `seg:${segment.work[0]?.id || segment.answer?.id}`;
@@ -25,7 +32,7 @@ export function WorkSegmentView({ segment, openIds, onToggle, live }) {
 }
 export function SegmentView({ segment, ...rest }) {
     if (segment.kind === 'quote')
-        return _jsx(Quote, { ts: segment.turn.at, text: segment.turn.text || '', className: "tx-quote-nested" });
+        return _jsx(QuotedTurn, { turn: segment.turn });
     return _jsx(WorkSegmentView, { segment: segment, ...rest });
 }
 // THE TURNS, in the grammar: quotes where the host wants them, work segments folded behind their answers

package/dist/context.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import { type Vocabulary } from './vocabulary.js';
 import type { FoldPolicy, UserTurnPolicy } from './segments.js';
+import { type EnvelopeParser } from './envelope.js';
 export type ToolOutputResult = {
     ok: true;
     output: string | null;
@@ -30,6 +31,7 @@ export type TranscriptUiOptions = Readonly<{
     loadToolOutput: ((toolId: string) => Promise<ToolOutputResult>) | null;
     labels: Labels;
     vocabulary: Vocabulary;
+    envelopes: readonly EnvelopeParser[];
     fold: FoldPolicy;
     runMin: number;
     userTurns: UserTurnPolicy;

package/dist/context.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import { defaultVocabulary } from './vocabulary.js';
+import { defaultEnvelopes } from './envelope.js';
 export const defaultLabels = {
     loading: 'loading…',
     running: 'running',
@@ -23,6 +24,7 @@ export const defaultOptions = {
     loadToolOutput: null,
     labels: defaultLabels,
     vocabulary: defaultVocabulary,
+    envelopes: defaultEnvelopes,
     fold: 'segments',
     runMin: 3,
     userTurns: 'boundary',

package/dist/envelope.d.ts

@@ -0,0 +1,10 @@
+export type Envelope = Readonly<{
+    who: string | null;
+    id?: string | null;
+    at?: number | null;
+    body: string;
+}>;
+export type EnvelopeParser = (text: string) => Envelope | null;
+export declare const spexEnvelope: EnvelopeParser;
+export declare const defaultEnvelopes: readonly EnvelopeParser[];
+export declare function parseEnvelope(text: string, parsers?: readonly EnvelopeParser[]): Envelope;

package/dist/envelope.js

@@ -0,0 +1,18 @@
+// `— from session "label" (id) on machine m. To reply: spex session send [--ssh addr] id "<your reply>"`
+const SPEX_FOOTER = /\n*— from session (?:"(.*?)" \(([^\s)]+)\)|(\S+))(?: on machine \S+)?\. To reply: spex session send (?:--ssh \S+ )?\S+ "<your reply>"\s*$/;
+export const spexEnvelope = (text) => {
+    const m = SPEX_FOOTER.exec(text || '');
+    if (!m)
+        return null;
+    const id = m[2] || m[3] || null;
+    return { who: m[1] || id, id, body: text.slice(0, m.index) };
+};
+export const defaultEnvelopes = [spexEnvelope];
+export function parseEnvelope(text, parsers = defaultEnvelopes) {
+    for (const parse of parsers) {
+        const envelope = parse(text);
+        if (envelope)
+            return envelope;
+    }
+    return { who: null, body: text };
+}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './vocabulary.js';
+export * from './envelope.js';
 export * from './segments.js';
 export * from './context.js';
 export * from './icons.js';

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './vocabulary.js';
+export * from './envelope.js';
 export * from './segments.js';
 export * from './context.js';
 export * from './icons.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spexcode/transcript-ui",
-  "version": "0.7.0-next.6",
+  "version": "0.7.0-next.7",
   "type": "module",
   "description": "React components that draw a normalized agent transcript — the person quoted, the agent as the page, a tool call as a sentence, the work folded behind its answer — with the fold, the prose renderer, the tool vocabulary, the labels and the design tokens all tunable.",
   "files": [
@@ -24,7 +24,7 @@
     "test": "npm run build && tsx --test src/*.test.tsx"
   },
   "dependencies": {
-    "@spexcode/transcript": "0.7.0-next.6"
+    "@spexcode/transcript": "0.7.0-next.7"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0"