agent-tempo 1.0.1

package/dist/tui/components/ActivityLog.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Activity log — shows recent Maestro events (player joins, leaves, status changes).
+ */
+import React from 'react';
+import type { MaestroEvent } from '../../types';
+export interface ActivityLogProps {
+    events: MaestroEvent[];
+    maxVisible?: number;
+}
+export declare function ActivityLog({ events, maxVisible }: ActivityLogProps): React.FunctionComponentElement<{
+    flexDirection: string;
+}> | React.CElement<{
+    flexDirection: string;
+}, React.Component<{
+    flexDirection: string;
+}, any, any>>;

package/dist/tui/components/ActivityLog.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityLog = ActivityLog;
+/**
+ * Activity log — shows recent Maestro events (player joins, leaves, status changes).
+ */
+const react_1 = __importDefault(require("react"));
+const ink_context_1 = require("../ink-context");
+const format_1 = require("../utils/format");
+const platform_1 = require("../utils/platform");
+function ActivityLog({ events, maxVisible = 15 }) {
+    const { Box, Text } = (0, ink_context_1.useInk)();
+    const icons = (0, platform_1.statusIcons)();
+    const visible = events.slice(-maxVisible);
+    if (visible.length === 0) {
+        return react_1.default.createElement(Box, { flexDirection: 'column' }, react_1.default.createElement(Text, { dimColor: true }, 'No events yet'));
+    }
+    return react_1.default.createElement(Box, { flexDirection: 'column' }, ...visible.map((e, i) => {
+        const time = (0, format_1.formatTime)(e.timestamp);
+        const typeLabel = (0, format_1.formatEventType)(e.type);
+        const icon = e.type === 'player_joined' ? icons.check
+            : e.type === 'player_left' ? icons.cross
+                : icons.arrow;
+        const color = e.type === 'player_joined' ? 'green'
+            : e.type === 'player_left' ? 'red'
+                : e.type === 'status_changed' ? 'yellow'
+                    : 'white';
+        const detail = e.newValue
+            ? ` ${icons.arrow} ${e.newValue}`
+            : '';
+        return react_1.default.createElement(Box, { key: `${e.timestamp}-${i}` }, react_1.default.createElement(Text, { dimColor: true }, `[${time}] `), react_1.default.createElement(Text, { color }, `${icon} `), react_1.default.createElement(Text, { bold: true }, e.playerId), react_1.default.createElement(Text, { dimColor: true }, ` ${typeLabel}`), react_1.default.createElement(Text, null, detail));
+    }));
+}

package/dist/tui/components/ChatView.d.ts

@@ -0,0 +1,35 @@
+/**
+ * ChatView — header for a conversation with a specific player.
+ * Messages are rendered via <Static> in App.tsx, not here.
+ * This component only shows context (player name, part, branch, counts).
+ *
+ * PR-F cross-host indicator (design §16, brief §8 answer 3 — Option 3):
+ *   - Local session (targetHost === localHost) → omit host entirely (no noise).
+ *   - Remote session → prepend `{host} · ` to the existing status line in
+ *     `THEME.accent` (amber).
+ * Zero new Yoga nodes: the host prefix goes into the same `<Text>` children
+ * tree as an additional string + nested accent-colored `<Text>` (which is a
+ * virtual text node, not a Box).
+ */
+import React from 'react';
+export interface ChatMessage {
+    direction: 'received' | 'sent';
+    from: string;
+    text: string;
+    timestamp: string;
+}
+export interface ChatViewProps {
+    targetPlayer: string;
+    targetPart?: string;
+    targetBranch?: string;
+    targetStatus?: string;
+    /** The session's home hostname (PR-A metadata). Compare vs `localHost` to decide cross-host rendering. */
+    targetHost?: string;
+    /** The local TUI process's hostname. */
+    localHost?: string;
+    isConductor?: boolean;
+    receivedCount: number;
+    sentCount: number;
+    messages: ChatMessage[];
+}
+export declare function ChatView({ targetPlayer, targetPart, targetBranch, targetHost, localHost, isConductor, receivedCount, sentCount, }: ChatViewProps): React.CElement<{}, React.Component<{}, any, any>>;

package/dist/tui/components/ChatView.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatView = ChatView;
+/**
+ * ChatView — header for a conversation with a specific player.
+ * Messages are rendered via <Static> in App.tsx, not here.
+ * This component only shows context (player name, part, branch, counts).
+ *
+ * PR-F cross-host indicator (design §16, brief §8 answer 3 — Option 3):
+ *   - Local session (targetHost === localHost) → omit host entirely (no noise).
+ *   - Remote session → prepend `{host} · ` to the existing status line in
+ *     `THEME.accent` (amber).
+ * Zero new Yoga nodes: the host prefix goes into the same `<Text>` children
+ * tree as an additional string + nested accent-colored `<Text>` (which is a
+ * virtual text node, not a Box).
+ */
+const react_1 = __importDefault(require("react"));
+const ink_context_1 = require("../ink-context");
+const theme_1 = require("../utils/theme");
+function ChatView({ targetPlayer, targetPart, targetBranch, targetHost, localHost, isConductor, receivedCount, sentCount, }) {
+    const { Text } = (0, ink_context_1.useInk)();
+    const icon = isConductor ? '\u2605 ' : '';
+    const label = isConductor ? 'Conductor' : 'Conversation with';
+    // §8 answer 3 — remote host only; local omits entirely.
+    const showRemoteHost = Boolean(targetHost && localHost && targetHost !== localHost);
+    const children = [];
+    children.push(react_1.default.createElement(Text, { key: 'h1', bold: true, color: theme_1.THEME.accent }, `  ${icon}${label} ${targetPlayer}`));
+    if (targetPart) {
+        children.push('\n');
+        children.push(react_1.default.createElement(Text, { key: 'h2', color: theme_1.THEME.dim }, `  Part: ${targetPart}`));
+    }
+    children.push('\n');
+    // Status line — prepend amber {host} · for remote sessions only.
+    // Zero new Yoga nodes: composed inline as nested <Text> within h3.
+    const h3Children = [];
+    h3Children.push('  ');
+    if (showRemoteHost) {
+        h3Children.push(react_1.default.createElement(Text, { key: 'host', color: theme_1.THEME.accent }, targetHost));
+        h3Children.push(' \u00B7 ');
+    }
+    if (targetBranch) {
+        h3Children.push(`Branch: ${targetBranch} \u00B7 `);
+    }
+    h3Children.push(`${receivedCount} received, ${sentCount} sent`);
+    children.push(react_1.default.createElement(Text, { key: 'h3', color: theme_1.THEME.dim }, ...h3Children));
+    children.push('\n');
+    children.push(react_1.default.createElement(Text, { key: 'h4', color: theme_1.THEME.border }, '  ' + '\u2500'.repeat(55)));
+    children.push('\n');
+    children.push(react_1.default.createElement(Text, { key: 'h5', color: theme_1.THEME.dim }, '  Messages appear above \u2191 (scroll up in terminal)'));
+    return react_1.default.createElement(Text, null, ...children);
+}

package/dist/tui/components/CommandOverlay.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CommandOverlay — generic dismissible overlay for data-display commands.
+ *
+ * Renders a title and pre-formatted text content. Used by /gates, /stages,
+ * /worktree list, /recall, and /search instead of static scrollback.
+ *
+ * Performance: Single <Text> root with nested virtual-text children.
+ * Zero Yoga <Box> nodes.
+ */
+import React from 'react';
+export interface CommandOverlayProps {
+    title: string;
+    content: string;
+}
+export declare function CommandOverlay({ title, content }: CommandOverlayProps): React.CElement<{}, React.Component<{}, any, any>>;

package/dist/tui/components/CommandOverlay.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandOverlay = CommandOverlay;
+/**
+ * CommandOverlay — generic dismissible overlay for data-display commands.
+ *
+ * Renders a title and pre-formatted text content. Used by /gates, /stages,
+ * /worktree list, /recall, and /search instead of static scrollback.
+ *
+ * Performance: Single <Text> root with nested virtual-text children.
+ * Zero Yoga <Box> nodes.
+ */
+const react_1 = __importDefault(require("react"));
+const ink_context_1 = require("../ink-context");
+const theme_1 = require("../utils/theme");
+function CommandOverlay({ title, content }) {
+    const { Text } = (0, ink_context_1.useInk)();
+    const children = [];
+    children.push(react_1.default.createElement(Text, { key: 'h', bold: true, color: theme_1.THEME.accent }, `  ${title}`));
+    children.push('\n\n');
+    // Render each line of pre-formatted content as dimmed text
+    const lines = content.split('\n');
+    for (let i = 0; i < lines.length; i++) {
+        if (i > 0)
+            children.push('\n');
+        children.push(react_1.default.createElement(Text, { key: `l-${i}`, color: theme_1.THEME.text }, `  ${lines[i]}`));
+    }
+    children.push('\n\n');
+    children.push(react_1.default.createElement(Text, { key: 'hint', color: theme_1.THEME.dim }, '  Esc to dismiss'));
+    return react_1.default.createElement(Text, null, ...children);
+}

package/dist/tui/components/CommandPalette.d.ts

@@ -0,0 +1,21 @@
+/**
+ * CommandPalette — dropdown overlay showing filtered slash commands.
+ * Renders as a SINGLE Text element (1 Yoga node) with newlines for rows.
+ */
+import React from 'react';
+export interface PaletteCommand {
+    name: string;
+    usage: string;
+    description: string;
+}
+export interface CommandPaletteProps {
+    commands: PaletteCommand[];
+    selectedIndex: number;
+    /** Prefix character for display (default: "/"). Use "@" for player palette. */
+    prefix?: string;
+}
+export declare function CommandPalette({ commands, selectedIndex, prefix }: CommandPaletteProps): React.CElement<{}, React.Component<{}, any, any>> | React.CElement<{
+    color: string;
+}, React.Component<{
+    color: string;
+}, any, any>>;

package/dist/tui/components/CommandPalette.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandPalette = CommandPalette;
+/**
+ * CommandPalette — dropdown overlay showing filtered slash commands.
+ * Renders as a SINGLE Text element (1 Yoga node) with newlines for rows.
+ */
+const react_1 = __importDefault(require("react"));
+const ink_context_1 = require("../ink-context");
+const theme_1 = require("../utils/theme");
+const MAX_VISIBLE = 6;
+function CommandPalette({ commands, selectedIndex, prefix = '/' }) {
+    const { Text } = (0, ink_context_1.useInk)();
+    if (commands.length === 0) {
+        return react_1.default.createElement(Text, { color: theme_1.THEME.dim }, '    No matching commands');
+    }
+    // Window the visible commands around the selected index
+    let startIdx = 0;
+    if (commands.length > MAX_VISIBLE) {
+        startIdx = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE / 2), commands.length - MAX_VISIBLE));
+    }
+    const visible = commands.slice(startIdx, startIdx + MAX_VISIBLE);
+    const lines = [];
+    // Scroll-up indicator
+    if (startIdx > 0) {
+        lines.push(`    \u2191 ${startIdx} more above`);
+    }
+    // Visible rows (plain text — color via outer Text)
+    for (let i = 0; i < visible.length; i++) {
+        const cmd = visible[i];
+        const actualIdx = startIdx + i;
+        const isSelected = actualIdx === selectedIndex;
+        const indicator = isSelected ? '\u25B8 ' : '  ';
+        lines.push(`  ${indicator}/${cmd.name}  ${cmd.description}`);
+    }
+    // Scroll-down indicator
+    const hasBelow = startIdx + MAX_VISIBLE < commands.length;
+    if (hasBelow) {
+        lines.push(`    \u2193 ${commands.length - startIdx - MAX_VISIBLE} more below`);
+    }
+    // Single Text element with newlines — all one Yoga node
+    // Use nested Text for selected item highlighting
+    const children = [];
+    let lineIdx = 0;
+    if (startIdx > 0) {
+        children.push(react_1.default.createElement(Text, { key: 'above', color: theme_1.THEME.dim }, lines[lineIdx]));
+        children.push('\n');
+        lineIdx++;
+    }
+    for (let i = 0; i < visible.length; i++) {
+        const cmd = visible[i];
+        const actualIdx = startIdx + i;
+        const isSelected = actualIdx === selectedIndex;
+        const indicator = isSelected ? '\u25B8 ' : '  ';
+        if (i > 0)
+            children.push('\n');
+        children.push(react_1.default.createElement(react_1.default.Fragment, { key: cmd.name }, react_1.default.createElement(Text, { color: isSelected ? theme_1.THEME.accent : theme_1.THEME.dim }, `  ${indicator}`), react_1.default.createElement(Text, { color: isSelected ? theme_1.THEME.accent : theme_1.THEME.success, bold: isSelected }, `${prefix}${cmd.name}`), react_1.default.createElement(Text, { color: theme_1.THEME.muted }, `  ${cmd.description}`)));
+    }
+    if (hasBelow) {
+        children.push('\n');
+        children.push(react_1.default.createElement(Text, { key: 'below', color: theme_1.THEME.dim }, `    \u2193 ${commands.length - startIdx - MAX_VISIBLE} more below`));
+    }
+    return react_1.default.createElement(Text, null, ...children);
+}

package/dist/tui/components/ConductorChat.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Conductor chat panel — shows command/report history from the conductor.
+ */
+import React from 'react';
+import type { HistoryEntry } from '../../types';
+export interface ConductorChatProps {
+    history: HistoryEntry[];
+    maxVisible?: number;
+}
+export declare function ConductorChat({ history, maxVisible }: ConductorChatProps): React.FunctionComponentElement<{
+    flexDirection: string;
+}> | React.CElement<{
+    flexDirection: string;
+}, React.Component<{
+    flexDirection: string;
+}, any, any>>;

package/dist/tui/components/ConductorChat.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConductorChat = ConductorChat;
+/**
+ * Conductor chat panel — shows command/report history from the conductor.
+ */
+const react_1 = __importDefault(require("react"));
+const ink_context_1 = require("../ink-context");
+const format_1 = require("../utils/format");
+function ConductorChat({ history, maxVisible = 20 }) {
+    const { Box, Text } = (0, ink_context_1.useInk)();
+    const visible = history.slice(-maxVisible);
+    if (visible.length === 0) {
+        return react_1.default.createElement(Box, { flexDirection: 'column' }, react_1.default.createElement(Text, { dimColor: true }, 'No conductor activity yet'));
+    }
+    return react_1.default.createElement(Box, { flexDirection: 'column' }, ...visible.map((entry, i) => {
+        const time = (0, format_1.formatTime)(entry.timestamp);
+        const isCommand = entry.type === 'command';
+        const data = entry.data;
+        if (isCommand) {
+            return react_1.default.createElement(Box, { key: `${entry.timestamp}-${i}` }, react_1.default.createElement(Text, { dimColor: true }, `[${time}] `), react_1.default.createElement(Text, { color: 'cyan' }, `${data.source}: `), react_1.default.createElement(Text, null, data.text));
+        }
+        // Report
+        const reportColor = data.type === 'blocker' ? 'red'
+            : data.type === 'question' ? 'yellow'
+                : 'green';
+        return react_1.default.createElement(Box, { key: `${entry.timestamp}-${i}` }, react_1.default.createElement(Text, { dimColor: true }, `[${time}] `), react_1.default.createElement(Text, { color: reportColor }, `[${data.type}] `), react_1.default.createElement(Text, { bold: true }, `${data.playerId}: `), react_1.default.createElement(Text, null, data.text));
+    }));
+}

package/dist/tui/components/ConversationStream.d.ts

@@ -0,0 +1,114 @@
+/**
+ * ConversationStream — live message area showing ensemble conversation.
+ *
+ * Merges server conversation with local echo (optimistic sent messages),
+ * formats messages with header/body layout and word-wrap, and renders
+ * the most recent that fit in the viewport.
+ *
+ * Performance: Single <Text> root with nested virtual-text children.
+ * Zero Yoga <Box> nodes.
+ */
+import React from 'react';
+export interface ConversationMessage {
+    id: string;
+    from: string;
+    to: string;
+    text: string;
+    timestamp: string;
+    direction: 'in' | 'out';
+    /** Message role from ensemble chat feed. */
+    role?: 'maestro-out' | 'maestro-in' | 'conductor-out' | 'conductor-in';
+    /** True for conductor↔player traffic (rendered dimmed). */
+    thirdParty?: boolean;
+    /**
+     * #357: Mirrors `EnsembleChatMessage.broadcastId`. When set, consecutive
+     * messages sharing the same id collapse into a single rendered row with
+     * a `📡 broadcast → N players` badge. `undefined` for direct cues.
+     */
+    broadcastId?: string;
+}
+export interface SentMessage {
+    to: string;
+    text: string;
+    timestamp: string;
+    /** #357: Mirrors `Message.broadcastId` on the sender side. */
+    broadcastId?: string;
+}
+export interface ConversationStreamProps {
+    conversation: ConversationMessage[];
+    sentMessages: SentMessage[];
+    contentHeight: number;
+    /** Ref to store overflow data for parent to commit to Static scrollback. */
+    overflowRef: React.MutableRefObject<{
+        formatted: Array<{
+            sender: string;
+            time: string;
+            body: string;
+            direction: 'in' | 'out';
+            thirdParty?: boolean;
+            routeLabel?: string;
+        }>;
+        startIdx: number;
+    } | null>;
+    /**
+     * #360: playerId of the conductor in the active ensemble (derived from
+     * `state.players.find(p => p.isConductor)`). Used to suppress the
+     * `→ @<to>` recipient prefix on outbound messages addressed to the
+     * conductor — those route through the implicit "send to conductor"
+     * path and the prefix would be visually noisy. `undefined` when no
+     * conductor is in the ensemble.
+     */
+    conductorPlayerId?: string;
+}
+export interface FormattedMsg {
+    sender: string;
+    time: string;
+    body: string;
+    direction: 'in' | 'out';
+    role?: string;
+    thirdParty?: boolean;
+    /** For conductor traffic: show routing (from → to). */
+    routeLabel?: string;
+    /**
+     * #360: For directed `maestro-out` messages where the recipient is
+     * NOT the conductor — prepend `→ @<recipientLabel>` to the rendered
+     * body so the user can see who they actually messaged. Empty for
+     * inbound, conductor-bound, or third-party messages.
+     *
+     * Mutually exclusive with `broadcastBadge` — when a row represents a
+     * folded broadcast group, the badge enumerates recipients and the
+     * single-recipient prefix would duplicate that information.
+     */
+    recipientLabel?: string;
+    /**
+     * #357: When set, this `FormattedMsg` represents a folded group of
+     * consecutive messages sharing the same `broadcastId`. The renderer
+     * surfaces a `📡 broadcast → <count> players` segment in front of
+     * the body in place of the `→ @<to>` recipient prefix. The first
+     * `recipients.length` names are listed (cap = 3 + "+N more").
+     */
+    broadcastBadge?: {
+        count: number;
+        recipients: string[];
+    };
+    /**
+     * Pre-rendered first-line prefix string (broadcast badge or directed
+     * `→ @<to> `). Computed once in `buildFormattedMessages` so the line
+     * estimator and the renderer share the exact same value without each
+     * having to call `broadcastBadgeText` independently.
+     */
+    firstLinePrefix?: string;
+}
+/**
+ * Pure projection: merge server conversation with local-echo sent
+ * messages, sort by timestamp, fold broadcast fan-out groups, and
+ * format each entry into the render-ready `FormattedMsg` shape.
+ * Exported so tests can assert on `recipientLabel` / `broadcastBadge`
+ * / `routeLabel` derivation without mounting Ink.
+ *
+ * `conductorPlayerId` is the active ensemble's conductor id. Used to
+ * suppress the `recipientLabel` on conductor-bound `maestro-out` rows
+ * so the `\u2192 @<conductor>` prefix doesn't dominate every message.
+ */
+export declare function buildFormattedMessages(conversation: ConversationMessage[], sentMessages: SentMessage[], conductorPlayerId?: string): FormattedMsg[];
+export declare function ConversationStream({ conversation, sentMessages, contentHeight, overflowRef, conductorPlayerId }: ConversationStreamProps): React.CElement<{}, React.Component<{}, any, any>>;