π File detail
components/TeammateViewHeader.tsx
π§© .tsxπ 82 linesπΎ 7,415 bytesπ text
β Back to All Filesπ― Use case
This file lives under βcomponents/β, which covers shared React UI pieces. On the API surface it exposes TeammateViewHeader β mainly types, interfaces, or factory objects. Dependencies touch React UI. It composes internal code from ink, state, utils, design-system, and OffscreenFreeze (relative imports).
Generated from folder role, exports, dependency roots, and inline comments β not hand-reviewed for every path.
π§ Inline summary
import { c as _c } from "react/compiler-runtime"; import * as React from 'react'; import { Box, Text } from '../ink.js'; import { useAppState } from '../state/AppState.js'; import { getViewedTeammateTask } from '../state/selectors.js';
π€ Exports (heuristic)
TeammateViewHeader
π External import roots
Package roots from from "β¦" (relative paths omitted).
react
π₯οΈ Source preview
import { c as _c } from "react/compiler-runtime";
import * as React from 'react';
import { Box, Text } from '../ink.js';
import { useAppState } from '../state/AppState.js';
import { getViewedTeammateTask } from '../state/selectors.js';
import { toInkColor } from '../utils/ink.js';
import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js';
import { OffscreenFreeze } from './OffscreenFreeze.js';
/**
* Header shown when viewing a teammate's transcript.
* Displays teammate name (colored), task description, and exit hint.
*/
export function TeammateViewHeader() {
const $ = _c(14);
const viewedTeammate = useAppState(_temp);
if (!viewedTeammate) {
return null;
}
let t0;
if ($[0] !== viewedTeammate.identity.color) {
t0 = toInkColor(viewedTeammate.identity.color);
$[0] = viewedTeammate.identity.color;
$[1] = t0;
} else {
t0 = $[1];
}
const nameColor = t0;
let t1;
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
t1 = <Text>Viewing </Text>;
$[2] = t1;
} else {
t1 = $[2];
}
let t2;
if ($[3] !== nameColor || $[4] !== viewedTeammate.identity.agentName) {
t2 = <Text color={nameColor} bold={true}>@{viewedTeammate.identity.agentName}</Text>;
$[3] = nameColor;
$[4] = viewedTeammate.identity.agentName;
$[5] = t2;
} else {
t2 = $[5];
}
let t3;
if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
t3 = <Text dimColor={true}>{" \xB7 "}<KeyboardShortcutHint shortcut="esc" action="return" /></Text>;
$[6] = t3;
} else {
t3 = $[6];
}
let t4;
if ($[7] !== t2) {
t4 = <Box>{t1}{t2}{t3}</Box>;
$[7] = t2;
$[8] = t4;
} else {
t4 = $[8];
}
let t5;
if ($[9] !== viewedTeammate.prompt) {
t5 = <Text dimColor={true}>{viewedTeammate.prompt}</Text>;
$[9] = viewedTeammate.prompt;
$[10] = t5;
} else {
t5 = $[10];
}
let t6;
if ($[11] !== t4 || $[12] !== t5) {
t6 = <OffscreenFreeze><Box flexDirection="column" marginBottom={1}>{t4}{t5}</Box></OffscreenFreeze>;
$[11] = t4;
$[12] = t5;
$[13] = t6;
} else {
t6 = $[13];
}
return t6;
}
function _temp(s) {
return getViewedTeammateTask(s);
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIkJveCIsIlRleHQiLCJ1c2VBcHBTdGF0ZSIsImdldFZpZXdlZFRlYW1tYXRlVGFzayIsInRvSW5rQ29sb3IiLCJLZXlib2FyZFNob3J0Y3V0SGludCIsIk9mZnNjcmVlbkZyZWV6ZSIsIlRlYW1tYXRlVmlld0hlYWRlciIsIiQiLCJfYyIsInZpZXdlZFRlYW1tYXRlIiwiX3RlbXAiLCJ0MCIsImlkZW50aXR5IiwiY29sb3IiLCJuYW1lQ29sb3IiLCJ0MSIsIlN5bWJvbCIsImZvciIsInQyIiwiYWdlbnROYW1lIiwidDMiLCJ0NCIsInQ1IiwicHJvbXB0IiwidDYiLCJzIl0sInNvdXJjZXMiOlsiVGVhbW1hdGVWaWV3SGVhZGVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJveCwgVGV4dCB9IGZyb20gJy4uL2luay5qcydcbmltcG9ydCB7IHVzZUFwcFN0YXRlIH0gZnJvbSAnLi4vc3RhdGUvQXBwU3RhdGUuanMnXG5pbXBvcnQgeyBnZXRWaWV3ZWRUZWFtbWF0ZVRhc2sgfSBmcm9tICcuLi9zdGF0ZS9zZWxlY3RvcnMuanMnXG5pbXBvcnQgeyB0b0lua0NvbG9yIH0gZnJvbSAnLi4vdXRpbHMvaW5rLmpzJ1xuaW1wb3J0IHsgS2V5Ym9hcmRTaG9ydGN1dEhpbnQgfSBmcm9tICcuL2Rlc2lnbi1zeXN0ZW0vS2V5Ym9hcmRTaG9ydGN1dEhpbnQuanMnXG5pbXBvcnQgeyBPZmZzY3JlZW5GcmVlemUgfSBmcm9tICcuL09mZnNjcmVlbkZyZWV6ZS5qcydcblxuLyoqXG4gKiBIZWFkZXIgc2hvd24gd2hlbiB2aWV3aW5nIGEgdGVhbW1hdGUncyB0cmFuc2NyaXB0LlxuICogRGlzcGxheXMgdGVhbW1hdGUgbmFtZSAoY29sb3JlZCksIHRhc2sgZGVzY3JpcHRpb24sIGFuZCBleGl0IGhpbnQuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBUZWFtbWF0ZVZpZXdIZWFkZXIoKTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgY29uc3Qgdmlld2VkVGVhbW1hdGUgPSB1c2VBcHBTdGF0ZShzID0+IGdldFZpZXdlZFRlYW1tYXRlVGFzayhzKSlcblxuICBpZiAoIXZpZXdlZFRlYW1tYXRlKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IG5hbWVDb2xvciA9IHRvSW5rQ29sb3Iodmlld2VkVGVhbW1hdGUuaWRlbnRpdHkuY29sb3IpXG5cbiAgcmV0dXJuIChcbiAgICA8T2Zmc2NyZWVuRnJlZXplPlxuICAgICAgPEJveCBmbGV4RGlyZWN0aW9uPVwiY29sdW1uXCIgbWFyZ2luQm90dG9tPXsxfT5cbiAgICAgICAgPEJveD5cbiAgICAgICAgICA8VGV4dD5WaWV3aW5nIDwvVGV4dD5cbiAgICAgICAgICA8VGV4dCBjb2xvcj17bmFtZUNvbG9yfSBib2xkPlxuICAgICAgICAgICAgQHt2aWV3ZWRUZWFtbWF0ZS5pZGVudGl0eS5hZ2VudE5hbWV9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIDxUZXh0IGRpbUNvbG9yPlxuICAgICAgICAgICAgeycgwrcgJ31cbiAgICAgICAgICAgIDxLZXlib2FyZFNob3J0Y3V0SGludCBzaG9ydGN1dD1cImVzY1wiIGFjdGlvbj1cInJldHVyblwiIC8+XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAgPFRleHQgZGltQ29sb3I+e3ZpZXdlZFRlYW1tYXRlLnByb21wdH08L1RleHQ+XG4gICAgICA8L0JveD5cbiAgICA8L09mZnNjcmVlbkZyZWV6ZT5cbiAgKVxufVxuIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQyxHQUFHLEVBQUVDLElBQUksUUFBUSxXQUFXO0FBQ3JDLFNBQVNDLFdBQVcsUUFBUSxzQkFBc0I7QUFDbEQsU0FBU0MscUJBQXFCLFFBQVEsdUJBQXVCO0FBQzdELFNBQVNDLFVBQVUsUUFBUSxpQkFBaUI7QUFDNUMsU0FBU0Msb0JBQW9C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