+ )}
+ {question.context_display && (
+
+ )}
+
+ }
+ actions={
+ <>
+
+ {error && }
+
+ }
+ />
);
}
+/**
+ * Context arrives collapsed. It repeats material the operator has usually
+ * already read in the stage stream above, so it earns a line rather than a
+ * standing panel.
+ */
function ContextPanel({ text }: { text: string }) {
return (
-
-
+
+
+
Context from preceding stage
-
-
+
+ {contextPreview(text)}
+
+
+
{text}
-
+
);
}
+/** First line of the context, for the collapsed summary. */
+export function contextPreview(text: string): string {
+ let lineStart = 0;
+ while (lineStart < text.length) {
+ const newline = text.indexOf("\n", lineStart);
+ const lineEnd = newline === -1 ? text.length : newline;
+ const line = text.slice(lineStart, lineEnd).trim();
+ if (line) {
+ return line.length > 60 ? `${line.slice(0, 60).trimEnd()}…` : line;
+ }
+ if (newline === -1) break;
+ lineStart = newline + 1;
+ }
+ return "";
+}
+
function QuestionBody({
question,
submitting,
@@ -189,7 +203,7 @@ function QuestionBody({
}: {
question: ApiQuestion;
submitting: boolean;
- onSubmit: (answer: SubmitInterviewAnswer) => Promise;
+ onSubmit: (answer: SubmitInterviewAnswer) => Promise;
}) {
switch (question.question_type) {
case QuestionType.YES_NO:
@@ -215,11 +229,10 @@ function QuestionBody({
);
case QuestionType.FREEFORM:
return (
-
);
default:
@@ -232,7 +245,7 @@ function YesNoBody({
onSubmit,
}: {
submitting: boolean;
- onSubmit: (answer: SubmitInterviewAnswer) => Promise;
+ onSubmit: (answer: SubmitInterviewAnswer) => Promise;
}) {
return (