Wrap long lines in question option previews

packages/app/src/components/question-form-card.tsx

@@ -137,10 +137,13 @@ function QuestionOptionRow({
           ) : null}
           {option.preview ? (
             // Shown for every option at once so they can be compared before picking.
+            // Long lines wrap, as in Claude Code, since most previews are prose.
             <ScrollableCodeSurface
               tone="surface0"
               maxHeight={OPTION_PREVIEW_MAX_HEIGHT}
+              horizontal={false}
               selectable={false}
+              textStyle={styles.optionPreviewText}
               testID="question-form-option-preview"
             >
               {option.preview}
@@ -717,6 +720,10 @@ const styles = StyleSheet.create((theme) => ({
     fontSize: theme.fontSize.base,
     lineHeight: 20,
   },
+  optionPreviewText: {
+    lineHeight: 20,
+    ...(isWeb ? { whiteSpace: "pre-wrap", overflowWrap: "break-word" } : null),
+  },
   selectionControl: {
     width: 18,
     height: 18,

packages/server/src/server/agent/providers/mock-load-test-agent.ts

@@ -272,7 +272,13 @@ function parseSettledAssistantImageMarkdown(prompt: AgentPromptInput): string |
   return match?.[1] ?? null;
 }
 
-const ROLLOUT_FLAG_PREVIEW = 'if (flags.enabled("new-surface")) {\n  render(<NewSurface />);\n}';
+const ROLLOUT_FLAG_PREVIEW = [
+  "Ship it dark behind the new-surface flag, then turn it on for internal users before everyone else.",
+  "",
+  'if (flags.enabled("new-surface")) {',
+  "  render(<NewSurface />);",
+  "}",
+].join("\n");
 
 function parseMockQuestionPrompt(prompt: AgentPromptInput): MockQuestionPromptRequest | null {
   const text = promptToText(prompt);