diff --git a/README.md b/README.md
index 0c1d28c..e24b3cb 100644
--- a/README.md
+++ b/README.md
@@ -11,5 +11,7 @@ Our experimental design involves two phases: one for artists and another for the
 
 We plan to continue this research in a second part through a longitudinal field study.
 
+Developer documentation for the creator dataset is in [`src/pages/artist/README.md`](src/pages/artist/README.md).
+
 1. Kwan, L. Y. -Y., Leung, A. K. -y., & Liou, S. (2018). Culture, creativity, and innovation. Journal of Cross-Cultural Psychology, 49(2), 165–170. https://doi.org/10.1177/0022022117753306s
 2. Elisondo, R. (2016). Creativity is Always a Social Process. Creativity. Theories – Research - Applications, 3(2), 2016. 194-210. https://doi.org/10.1515/ctra-2016-0013
diff --git a/server/api/routes/firebaseAPI.ts b/server/api/routes/firebaseAPI.ts
index 5fbc4aa..ef672d7 100644
--- a/server/api/routes/firebaseAPI.ts
+++ b/server/api/routes/firebaseAPI.ts
@@ -8,12 +8,224 @@ const ARTIST_SURVEY_COLLECTION = "artistSurvey";
 const POEM_COLLECTION = "poem";
 const INCOMPLETE_SESSION_COLLECTION = "artistIncompleteSession";
 const ASSIGNMENT_COLLECTION = "artistAssignment";
+const AUDIENCE_COLLECTION = "audience";
+const AUDIENCE_SURVEY_COLLECTION = "audienceSurvey";
+const AUDIENCE_INCOMPLETE_SESSION_COLLECTION = "audienceIncompleteSession";
+const AUDIENCE_PASSAGE_POOL_VERSION = "creator-passages-2026-08-05-v1";
+const AUDIENCE_PASSAGE_ID_LIST = [
+  "1",
+  "2",
+  "3",
+  "4",
+  "5",
+  "nyt-1",
+  "nyt-2",
+  "nyt-3",
+  "nyt-4",
+] as const;
+const AUDIENCE_PASSAGE_IDS = new Set<string>(AUDIENCE_PASSAGE_ID_LIST);
+
+interface AudienceCandidate {
+  id: string;
+  condition: "LLM" | "NO_AI";
+  passageId: string;
+  passage: {
+    id: string;
+    text: string;
+    title: string;
+    author: string;
+    publication?: string;
+  };
+  selectedWordIndexes: number[];
+  statement: string;
+}
+
+const shuffle = <T>(items: T[]): T[] => {
+  const copy = [...items];
+  for (let index = copy.length - 1; index > 0; index -= 1) {
+    const otherIndex = Math.floor(Math.random() * (index + 1));
+    [copy[index], copy[otherIndex]] = [copy[otherIndex], copy[index]];
+  }
+  return copy;
+};
+
+const asRecord = (value: unknown): Record<string, unknown> | undefined =>
+  typeof value === "object" && value !== null
+    ? (value as Record<string, unknown>)
+    : undefined;
+
+const getStatement = (surveyData: Record<string, unknown> | undefined) => {
+  const nestedSurveyResponse = asRecord(surveyData?.surveyResponse);
+  const postAnswers =
+    asRecord(surveyData?.postSurveyAnswers) ??
+    asRecord(surveyData?.postAnswers) ??
+    asRecord(nestedSurveyResponse?.postAnswers);
+  const statement =
+    postAnswers?.final_intended_meaning ?? postAnswers?.q14 ?? null;
+  return typeof statement === "string" && statement.trim()
+    ? statement.trim()
+    : null;
+};
+
+const WORD_PATTERN = /[\p{L}\p{N}']+/gu;
+const FIRST_PERSON_PATTERN = /\b(i|me|my|mine|we|us|our|ours)\b/i;
+const POSITIVE_WORDS = new Set([
+  "hope",
+  "joy",
+  "love",
+  "happy",
+  "peace",
+  "beauty",
+  "relief",
+  "wonder",
+]);
+const NEGATIVE_WORDS = new Set([
+  "fear",
+  "sad",
+  "grief",
+  "anger",
+  "loss",
+  "pain",
+  "anxiety",
+  "despair",
+]);
+const GENERIC_STATEMENT_WORDS = new Set([
+  "about",
+  "captures",
+  "creator",
+  "expresses",
+  "explores",
+  "feeling",
+  "feelings",
+  "poem",
+  "reflects",
+  "sense",
+  "something",
+  "theme",
+]);
+
+const tokenize = (text: string) =>
+  (text.toLowerCase().match(WORD_PATTERN) ?? []).filter(
+    (token) => token.length > 2,
+  );
+
+const statementFeatures = (statement: string, poemText: string) => {
+  const statementTokens = tokenize(statement);
+  const poemTokens = new Set(tokenize(poemText));
+  const overlap = statementTokens.filter((token) => poemTokens.has(token)).length;
+  const positive = statementTokens.filter((token) => POSITIVE_WORDS.has(token)).length;
+  const negative = statementTokens.filter((token) => NEGATIVE_WORDS.has(token)).length;
+  const specificTokenShare = statementTokens.length
+    ? statementTokens.filter((token) => !GENERIC_STATEMENT_WORDS.has(token))
+        .length / statementTokens.length
+    : 0;
+  return {
+    wordCount: statementTokens.length,
+    overlap,
+    personal: FIRST_PERSON_PATTERN.test(statement),
+    valence: Math.sign(positive - negative),
+    specificTokenShare,
+  };
+};
+
+const decoyMatchScore = (
+  trueStatement: string,
+  decoyStatement: string,
+  poemText: string,
+) => {
+  const target = statementFeatures(trueStatement, poemText);
+  const decoy = statementFeatures(decoyStatement, poemText);
+  return (
+    Math.abs(target.wordCount - decoy.wordCount) +
+    Math.abs(target.overlap - decoy.overlap) * 3 +
+    (target.personal === decoy.personal ? 0 : 5) +
+    (target.valence === decoy.valence ? 0 : 4) +
+    Math.abs(target.specificTokenShare - decoy.specificTokenShare) * 5
+  );
+};
+
+const loadAudienceCandidates = async (): Promise<AudienceCandidate[]> => {
+  const artistSnapshot = await db
+    .collection(ARTIST_COLLECTION)
+    .where("condition", "in", ["LLM", "NO_AI"])
+    .get();
+
+  const candidates = await Promise.all(
+    artistSnapshot.docs.map(async (artistDoc) => {
+      const artistData = artistDoc.data();
+      const condition = artistData.condition as "LLM" | "NO_AI";
+      const passagePoolVersion = artistData.assignment?.passagePoolVersion;
+      const poemRef = artistData.poem;
+      const surveyRef = artistData.surveyResponse;
+      if (
+        passagePoolVersion !== AUDIENCE_PASSAGE_POOL_VERSION ||
+        !poemRef ||
+        !surveyRef
+      ) {
+        return null;
+      }
+
+      const [poemDoc, surveyDoc] = await Promise.all([
+        poemRef.get(),
+        surveyRef.get(),
+      ]);
+      if (!poemDoc.exists || !surveyDoc.exists) return null;
+
+      const poemData = poemDoc.data();
+      const passageId = String(
+        poemData?.taskPassageId ?? poemData?.passageId ?? "",
+      );
+      const passage = poemData?.passage;
+      const statement = getStatement(surveyDoc.data());
+      const selectedWordIndexes =
+        poemData?.selectedWordIndexes ?? poemData?.text;
+
+      if (
+        !AUDIENCE_PASSAGE_IDS.has(passageId) ||
+        !passage?.text ||
+        !passage?.title ||
+        !passage?.author ||
+        !statement ||
+        !Array.isArray(selectedWordIndexes)
+      ) {
+        return null;
+      }
+
+      return {
+        id: poemDoc.id,
+        condition,
+        passageId,
+        passage,
+        selectedWordIndexes: selectedWordIndexes.filter(Number.isInteger),
+        statement,
+      } satisfies AudienceCandidate;
+    }),
+  );
+
+  return candidates.filter(
+    (candidate): candidate is AudienceCandidate => candidate !== null,
+  );
+};
 
 router.post("/artist-assignment", async (req, res) => {
   try {
-    const { sessionId, passageId, prolificPid } = req.body;
-    if (!sessionId || !passageId) {
-      return res.status(400).json({ error: "Missing sessionId or passageId" });
+    const {
+      sessionId,
+      passageId,
+      tutorialPassageId,
+      passagePoolVersion,
+      prolificPid,
+    } = req.body;
+    if (
+      !sessionId ||
+      !passageId ||
+      !tutorialPassageId ||
+      !passagePoolVersion
+    ) {
+      return res.status(400).json({
+        error:
+          "Missing sessionId, passageId, tutorialPassageId, or passagePoolVersion",
+      });
     }
 
     const assignmentRef = db.collection(ASSIGNMENT_COLLECTION).doc(sessionId);
@@ -21,8 +233,40 @@ router.post("/artist-assignment", async (req, res) => {
       const existingAssignment = await transaction.get(assignmentRef);
       if (existingAssignment.exists) {
         const existing = existingAssignment.data()!;
+        const taskPassageId = String(
+          existing.taskPassageId ?? existing.passageId,
+        );
+        const resolvedTutorialPassageId = String(
+          existing.tutorialPassageId ??
+            (tutorialPassageId === taskPassageId
+              ? passageId
+              : tutorialPassageId),
+        );
+        const resolvedPassagePoolVersion = String(
+          existing.passagePoolVersion ?? "legacy-creator-passages",
+        );
+
+        if (
+          !existing.taskPassageId ||
+          !existing.tutorialPassageId ||
+          !existing.passagePoolVersion
+        ) {
+          transaction.set(
+            assignmentRef,
+            {
+              taskPassageId,
+              tutorialPassageId: resolvedTutorialPassageId,
+              passagePoolVersion: resolvedPassagePoolVersion,
+            },
+            { merge: true },
+          );
+        }
+
         return {
-          passageId: existing.passageId as string,
+          passageId: taskPassageId,
+          taskPassageId,
+          tutorialPassageId: resolvedTutorialPassageId,
+          passagePoolVersion: resolvedPassagePoolVersion,
           condition: existing.condition as "LLM" | "NO_AI",
           strategy: existing.strategy as string,
         };
@@ -36,12 +280,22 @@ router.post("/artist-assignment", async (req, res) => {
         sessionId,
         prolificPid: prolificPid || null,
         passageId: String(passageId),
+        taskPassageId: String(passageId),
+        tutorialPassageId: String(tutorialPassageId),
+        passagePoolVersion: String(passagePoolVersion),
         condition,
         strategy,
         assignedAt: FieldValue.serverTimestamp(),
       });
 
-      return { passageId: String(passageId), condition, strategy };
+      return {
+        passageId: String(passageId),
+        taskPassageId: String(passageId),
+        tutorialPassageId: String(tutorialPassageId),
+        passagePoolVersion: String(passagePoolVersion),
+        condition,
+        strategy,
+      };
     });
 
     res.json(assignment);
@@ -77,7 +331,11 @@ router.post("/autosave", async (req, res) => {
       ? statusMap[data.data.timeStamps.length] || "started"
       : "started";
 
-    const ref = db.collection(INCOMPLETE_SESSION_COLLECTION).doc(sessionId);
+    const incompleteCollection =
+      data.role === "audience"
+        ? AUDIENCE_INCOMPLETE_SESSION_COLLECTION
+        : INCOMPLETE_SESSION_COLLECTION;
+    const ref = db.collection(incompleteCollection).doc(sessionId);
     const payload = {
       sessionId,
       role: data.role,
@@ -153,6 +411,167 @@ router.post("/commit-session", async (req, res) => {
   }
 });
 
+router.post("/audience-assignment", async (_req, res) => {
+  try {
+    const candidates = await loadAudienceCandidates();
+    const candidatesByPassage = new Map<string, AudienceCandidate[]>();
+    candidates.forEach((candidate) => {
+      const passageCandidates = candidatesByPassage.get(candidate.passageId) ?? [];
+      passageCandidates.push(candidate);
+      candidatesByPassage.set(candidate.passageId, passageCandidates);
+    });
+
+    const eligiblePassages = shuffle(
+      [...candidatesByPassage.entries()].filter(([, passageCandidates]) => {
+        const llmCount = passageCandidates.filter(
+          (candidate) => candidate.condition === "LLM",
+        ).length;
+        const noAiCount = passageCandidates.filter(
+          (candidate) => candidate.condition === "NO_AI",
+        ).length;
+        return llmCount >= 2 && noAiCount >= 2 && passageCandidates.length >= 7;
+      }),
+    );
+
+    if (eligiblePassages.length === 0) {
+      return res.status(409).json({
+        code: "INSUFFICIENT_AUDIENCE_POOL",
+        error:
+          "No current source passage has four balanced focal poems and three same-source decoys",
+      });
+    }
+
+    const [passageId, passageCandidates] = eligiblePassages[0];
+    const tutorialPassageId = shuffle(
+      AUDIENCE_PASSAGE_ID_LIST.filter(
+        (candidatePassageId) => candidatePassageId !== passageId,
+      ),
+    )[0];
+    const focalCandidates = shuffle([
+      ...shuffle(
+        passageCandidates.filter((candidate) => candidate.condition === "LLM"),
+      ).slice(0, 2),
+      ...shuffle(
+        passageCandidates.filter((candidate) => candidate.condition === "NO_AI"),
+      ).slice(0, 2),
+    ]);
+    const focalIds = new Set(focalCandidates.map((candidate) => candidate.id));
+    const decoyCandidates = passageCandidates.filter(
+      (candidate) => !focalIds.has(candidate.id),
+    );
+
+    const statementTrials = focalCandidates.map((focal) => {
+      const poemText = focal.selectedWordIndexes
+        .map((index) => focal.passage.text.split(" ")[index])
+        .filter(Boolean)
+        .join(" ");
+      const decoys = [...decoyCandidates]
+        .sort(
+          (left, right) =>
+            decoyMatchScore(focal.statement, left.statement, poemText) -
+            decoyMatchScore(focal.statement, right.statement, poemText),
+        )
+        .slice(0, 3);
+
+      return {
+        poemId: focal.id,
+        options: shuffle([
+          { id: focal.id, statement: focal.statement },
+          ...decoys.map((decoy) => ({
+            id: decoy.id,
+            statement: decoy.statement,
+          })),
+        ]),
+      };
+    });
+
+    const assignmentId = db.collection(AUDIENCE_COLLECTION).doc().id;
+    res.json({
+      id: assignmentId,
+      passageId,
+      tutorialPassageId,
+      taskPassageId: passageId,
+      passagePoolVersion: AUDIENCE_PASSAGE_POOL_VERSION,
+      poems: focalCandidates.map((candidate) => ({
+        id: candidate.id,
+        passageId: candidate.passageId,
+        passage: candidate.passage,
+        selectedWordIndexes: candidate.selectedWordIndexes,
+      })),
+      statementTrials,
+    });
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: "Failed to create audience assignment" });
+  }
+});
+
+router.post("/commit-audience-session", async (req, res) => {
+  try {
+    const { audienceData, sessionId, prolific } = req.body;
+    if (!audienceData || !sessionId) {
+      return res
+        .status(400)
+        .json({ error: "Missing audienceData or sessionId" });
+    }
+
+    const assignment = audienceData.assignment;
+    if (
+      !assignment?.id ||
+      !Array.isArray(assignment.poems) ||
+      assignment.poems.length !== 4 ||
+      assignment.passagePoolVersion !== AUDIENCE_PASSAGE_POOL_VERSION ||
+      assignment.passageId !== assignment.taskPassageId ||
+      assignment.tutorialPassageId === assignment.taskPassageId ||
+      !AUDIENCE_PASSAGE_IDS.has(assignment.tutorialPassageId) ||
+      !AUDIENCE_PASSAGE_IDS.has(assignment.taskPassageId)
+    ) {
+      return res.status(400).json({ error: "Invalid audience assignment" });
+    }
+
+    const batch = db.batch();
+    const audienceRef = db.collection(AUDIENCE_COLLECTION).doc(assignment.id);
+    const surveyRef = db.collection(AUDIENCE_SURVEY_COLLECTION).doc();
+    const incompleteRef = db
+      .collection(AUDIENCE_INCOMPLETE_SESSION_COLLECTION)
+      .doc(sessionId);
+    const assignmentSummary = {
+      id: assignment.id,
+      passageId: assignment.passageId,
+      tutorialPassageId: assignment.tutorialPassageId,
+      taskPassageId: assignment.taskPassageId,
+      passagePoolVersion: assignment.passagePoolVersion,
+      poemIds: assignment.poems.map((poem: { id: string }) => poem.id),
+      statementTrials: assignment.statementTrials.map(
+        (trial: { poemId: string; options: Array<{ id: string }> }) => ({
+          poemId: trial.poemId,
+          optionIds: trial.options.map((option) => option.id),
+        }),
+      ),
+    };
+    const audienceRecord: Record<string, unknown> = {
+      assignment: assignmentSummary,
+      surveyResponse: surveyRef,
+      timestamps: audienceData.timeStamps ?? [],
+      completedAt: FieldValue.serverTimestamp(),
+    };
+    if (prolific) audienceRecord.prolific = prolific;
+
+    batch.set(audienceRef, audienceRecord);
+    batch.set(surveyRef, {
+      audienceId: audienceRef.id,
+      ...audienceData.surveyResponse,
+    });
+    batch.delete(incompleteRef);
+    await batch.commit();
+
+    res.json({ success: true, audienceId: audienceRef.id });
+  } catch (error) {
+    console.error(error);
+    res.status(500).json({ error: "Audience batch commit failed" });
+  }
+});
+
 router.get("/participant-condition", async (req, res) => {
   try {
     const { prolificPid } = req.query;
diff --git a/src/App.tsx b/src/App.tsx
index 6b7793c..1fe7a64 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -17,15 +17,14 @@ import usePreventRefresh from "./components/shared/preventRefresh";
 import usePreventBack from "./components/shared/preventBackBttn";
 import { nanoid } from "nanoid";
 
-// import AudienceInstructions from "./pages/audience/instructions/Instructions";
-// ================= AUDIENCE PAGES =================
-// import ChooseYourCharacter from "./pages/ChooseYourCharacter";
-// import AudiencePreSurvey from "./pages/audience/PreSurvey";
-// import AudienceTransitionStep1 from "./pages/audience/step1/TransitionStep1";
-// import AudienceStep1 from "./pages/audience/step1/Step1";
-// import AudienceStep2 from "./pages/audience/step2/Step2";
-// import AudienceTransitionStep2 from "./pages/audience/step2/TransitionStep2";
-// import AudiencePostSurvey from "./pages/audience/PostSurvey";
+import AudienceCaptcha from "./pages/audience/AudienceCaptcha";
+import AudienceInstructions from "./pages/audience/instructions/Instructions";
+import AudiencePoems from "./pages/audience/step2/Step2";
+import StatementMatch from "./pages/audience/StatementMatch";
+import Creativity from "./pages/audience/Creativity";
+import AIDetection from "./pages/audience/AIDetection";
+import AudiencePostSurvey from "./pages/audience/PostSurvey";
+import AudienceThankYou from "./pages/audience/ThankYou";
 import LLMInstruction from "./pages/artist/instructions/llmInstructions";
 import ArtistTutorial from "./pages/artist/tutorial/Tutorial";
 import { useState, createContext, useEffect, useRef } from "react";
@@ -108,7 +107,7 @@ function App() {
   }, []);
 
   const enqueueAutosave = (data: UserData | null) => {
-    if (!data || !sessionId) return;
+    if (!data || !sessionId || isTestMode) return;
 
     if (saveTimerRef.current) window.clearTimeout(saveTimerRef.current);
     saveTimerRef.current = window.setTimeout(async () => {
@@ -140,7 +139,7 @@ function App() {
   const addRoleSpecificData = (
     updates: Partial<Artist> | Partial<Audience>,
   ) => {
-    setUserData((prev: any) => {
+    setUserData((prev) => {
       if (!prev || !prev.data) {
         throw new Error(
           "Tried to update data when userData is null or incomplete.",
@@ -155,14 +154,14 @@ function App() {
         },
       };
       enqueueAutosave(next as UserData);
-      return next;
+      return next as UserData;
     });
   };
 
   const addPreSurvey = (
     updates: Partial<ArtistSurvey> | Partial<AudienceSurvey>,
   ) => {
-    setUserData((prev: any) => {
+    setUserData((prev) => {
       if (!prev || !prev.data) {
         throw new Error("Tried to update pre-survey when userData is null.");
       }
@@ -185,14 +184,14 @@ function App() {
         },
       };
       enqueueAutosave(next as UserData);
-      return next;
+      return next as UserData;
     });
   };
 
   const addPostSurvey = (
     updates: Partial<ArtistSurvey> | Partial<AudienceSurvey>,
   ) => {
-    setUserData((prev: any) => {
+    setUserData((prev) => {
       if (!prev || !prev.data) {
         throw new Error("Tried to update post-survey when userData is null.");
       }
@@ -215,7 +214,7 @@ function App() {
         },
       };
       enqueueAutosave(next as UserData);
-      return next;
+      return next as UserData;
     });
   };
 
@@ -263,7 +262,9 @@ function App() {
           <Toaster />
           <Router>
             <Routes>
-              <Route path="/" element={<Captcha />} />
+              <Route path="/" element={<AudienceCaptcha />} />
+              <Route path="/audience" element={<AudienceCaptcha />} />
+              <Route path="/artist" element={<Captcha />} />
               <Route path="/consent" element={<ConsentForm />} />
               <Route path="/poem-viewer" element={<PoemViewer />} />
               {userData && (
@@ -296,43 +297,35 @@ function App() {
                     element={<LLMInstruction />}
                   />
                   <Route path="/artist/thank-you" element={<ThankYou />} />
+                  <Route
+                    path="/audience/instructions"
+                    element={<AudienceInstructions />}
+                  />
+                  <Route path="/audience/poems" element={<AudiencePoems />} />
+                  <Route
+                    path="/audience/statements"
+                    element={<StatementMatch />}
+                  />
+                  <Route
+                    path="/audience/creativity"
+                    element={<Creativity />}
+                  />
+                  <Route
+                    path="/audience/ai-detection"
+                    element={<AIDetection />}
+                  />
+                  <Route
+                    path="/audience/post-survey"
+                    element={<AudiencePostSurvey />}
+                  />
+                  <Route
+                    path="/audience/thank-you"
+                    element={<AudienceThankYou />}
+                  />
                 </>
               )}
 
               <Route path="/*" element={<UserError />} />
-              {/* 
-              AUDIENCE ROUTES
-              <Route
-                path="/audience/step-1"
-                element={<AudienceTransitionStep1 />}
-              />
-              <Route path="/audience/read" element={<AudienceStep1 />} />
-              <Route
-                path="/audience/step-2"
-                element={<AudienceTransitionStep2 />}
-              />
-               <Route
-                path="/audience/poem-surveys"
-                element={<AudienceStep2 />}
-              />
-
-
-               <Route
-                path="/audience/pre-survey"
-                element={<AudiencePreSurvey />}
-              />
-
-              <Route
-                path="/audience/instructions"
-                element={<AudienceInstructions />}
-              />
-
-              <Route
-                path="/audience/post-survey"
-                element={<AudiencePostSurvey />}
-              /> */}
-
-              {/* <Route path="/choice" element={<ChooseYourCharacter />} /> */}
             </Routes>
           </Router>
         </div>
diff --git a/src/components/audience/AudiencePoem.tsx b/src/components/audience/AudiencePoem.tsx
new file mode 100644
index 0000000..d1bdf9f
--- /dev/null
+++ b/src/components/audience/AudiencePoem.tsx
@@ -0,0 +1,39 @@
+import type { AudiencePoem as AudiencePoemData } from "../../types";
+
+interface Props {
+  poem: AudiencePoemData;
+  label?: string;
+}
+
+const AudiencePoem = ({ poem, label }: Props) => {
+  const selectedIndexes = new Set(poem.selectedWordIndexes);
+  const words = poem.passage.text.split(" ");
+
+  return (
+    <figure
+      className="w-full rounded-xl border border-light-grey-2 bg-white p-5 shadow-sm sm:p-6"
+      onCopy={(event) => event.preventDefault()}
+    >
+      {label ? <figcaption className="mb-4 text-h3">{label}</figcaption> : null}
+      <div className="flex w-full select-none flex-wrap leading-relaxed">
+        {words.map((word, index) => {
+          const selected = selectedIndexes.has(index);
+          return (
+            <span
+              key={index}
+              className={`font-serif text-sm tracking-[0] antialiased [font-optical-sizing:none] [font-variation-settings:'opsz'_0] [text-rendering:geometricPrecision] sm:text-base ${
+                selected
+                  ? "bg-white text-black"
+                  : "bg-dark-grey text-transparent"
+              }`}
+            >
+              {word + "\u00A0"}
+            </span>
+          );
+        })}
+      </div>
+    </figure>
+  );
+};
+
+export default AudiencePoem;
diff --git a/src/components/chatbot/Chatbot.tsx b/src/components/chatbot/Chatbot.tsx
index dc36fd5..5895ffe 100644
--- a/src/components/chatbot/Chatbot.tsx
+++ b/src/components/chatbot/Chatbot.tsx
@@ -10,18 +10,21 @@ import { FiSend } from "react-icons/fi";
 import { Button, Textarea } from "@chakra-ui/react";
 import { nanoid } from "nanoid";
 import type {
-  ChatOpening,
+  ChatAvailability,
+  ChatInputActivity,
+  ChatInputSource as ChatInputSourceType,
   LlmRequestLog,
   Message,
   Stage,
 } from "../../types";
-import { Role } from "../../types";
+import { ChatInputSource, MessageKind, Role } from "../../types";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { DataContext } from "../../App";
 import {
   createAssistantMessage,
   IDLE_NUDGE_MESSAGES,
+  STAGE_OPENING_MESSAGES,
 } from "../../consts/chatMessages";
 
 interface ChatTabProps {
@@ -31,12 +34,14 @@ interface ChatTabProps {
   selectedWordIndexes?: number[];
   passage: string;
   chatReady?: boolean;
-  onChatOpened?: (opening: ChatOpening) => void;
+  initialInputActivity?: ChatInputActivity;
+  onChatAvailable?: (availability: ChatAvailability) => void;
+  onInputActivityUpdate?: (activity: ChatInputActivity) => void;
   onRequestUpdate?: (request: LlmRequestLog) => void;
 }
 
 export const BLACKOUT_ASSISTANT_PROMPT_VERSION =
-  "blackout-assistant-2026-08-04-v1";
+  "blackout-assistant-2026-08-05-v2";
 
 /**
  * Keep the locator-excerpt convention identical across both stages so users
@@ -50,9 +55,10 @@ Blackout poetry: the poet starts with an existing passage and creates a poem by
 
 Grounding:
 - Work only with the passage provided below. Never reference or substitute any other text.
-- When you point to a specific passage word, show it in a short excerpt containing two or three nearby passage words in total when available. Bold only the word you are pointing to. The unbolded words are only a locator to help the user find it; they are not part of the suggestion.
+- When you point to a specific passage word, show it in a short excerpt containing two or three nearby passage words in total when available. Bold only the word you are pointing to and italicize every surrounding locator word. For example: “*nights are* **clear**” or “*sharp,* **glittering** *sunshine*”. The italicized words are only locators to help the user find the bolded word; they are not part of the suggestion.
 - Quote passage words exactly as written, keep multiple suggested words in passage order, and point to at most five words in a single response.
 - Use bold only for passage words you are pointing to, never for general emphasis.
+- Use italics only for the surrounding locator words in these excerpts, never for general emphasis.
 - Never suggest a word that does not appear in the passage.
 
 Style and behavior:
@@ -161,7 +167,9 @@ export default function ChatTab({
   stage,
   passage,
   chatReady = true,
-  onChatOpened,
+  initialInputActivity,
+  onChatAvailable,
+  onInputActivityUpdate,
   onRequestUpdate,
 }: ChatTabProps) {
   const context = useContext(DataContext);
@@ -171,7 +179,18 @@ export default function ChatTab({
   const chatContainerRef = useRef<HTMLDivElement>(null);
   const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const stageStartMessageCountRef = useRef(messages.length);
-  const hasLoggedOpeningRef = useRef(false);
+  const hasLoggedAvailabilityRef = useRef(false);
+  const inputRef = useRef("");
+  const hasDraftRef = useRef(false);
+  const inputActivityRef = useRef<ChatInputActivity>(
+    initialInputActivity ?? {
+      stage,
+      focusCount: 0,
+      draftStartCount: 0,
+      abandonedDraftCount: 0,
+      hasUnsentDraft: false,
+    },
+  );
 
   const [isLLMLoading, setIsLLMLoading] = useState(false);
   const [input, setInput] = useState("");
@@ -205,10 +224,29 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
   }, [passage, selectedWordIndexes, stage]);
 
   useEffect(() => {
-    if (!chatReady || hasLoggedOpeningRef.current) return;
-    hasLoggedOpeningRef.current = true;
-    onChatOpened?.({ stage, timestamp: new Date() });
-  }, [chatReady, onChatOpened, stage]);
+    if (!chatReady || hasLoggedAvailabilityRef.current) return;
+    hasLoggedAvailabilityRef.current = true;
+
+    const availableAt = new Date();
+    setMessages((previousMessages) => {
+      const alreadyHasOpening = previousMessages.some(
+        (message) =>
+          message.stage === stage &&
+          message.kind === MessageKind.STAGE_OPENING,
+      );
+      return alreadyHasOpening
+        ? previousMessages
+        : [
+            ...previousMessages,
+            createAssistantMessage(
+              STAGE_OPENING_MESSAGES[stage],
+              stage,
+              MessageKind.STAGE_OPENING,
+            ),
+          ];
+    });
+    onChatAvailable?.({ stage, availableAt });
+  }, [chatReady, onChatAvailable, setMessages, stage]);
 
   useEffect(() => {
     const element = chatContainerRef.current;
@@ -226,7 +264,11 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
     timeoutRef.current = setTimeout(() => {
       setMessages((previousMessages) => [
         ...previousMessages,
-        createAssistantMessage(IDLE_NUDGE_MESSAGES[stage]),
+        createAssistantMessage(
+          IDLE_NUDGE_MESSAGES[stage],
+          stage,
+          MessageKind.IDLE_NUDGE,
+        ),
       ]);
       setHasShownIdleNudge(true);
     }, 40000);
@@ -245,8 +287,66 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
     stage,
   ]);
 
-  const sendMessage = async (messageContent?: string) => {
-    const content = messageContent || input;
+  const publishInputActivity = (activity: ChatInputActivity) => {
+    inputActivityRef.current = activity;
+    onInputActivityUpdate?.(activity);
+  };
+
+  const handleInputFocus = () => {
+    const activity = inputActivityRef.current;
+    publishInputActivity({
+      ...activity,
+      firstFocusedAt: activity.firstFocusedAt ?? new Date(),
+      focusCount: activity.focusCount + 1,
+    });
+  };
+
+  const handleInputChange = (value: string) => {
+    const hadDraft = hasDraftRef.current;
+    const hasDraft = Boolean(value.trim());
+    inputRef.current = value;
+    hasDraftRef.current = hasDraft;
+    setInput(value);
+
+    if (!hadDraft && hasDraft) {
+      const activity = inputActivityRef.current;
+      publishInputActivity({
+        ...activity,
+        firstTypedAt: activity.firstTypedAt ?? new Date(),
+        draftStartCount: activity.draftStartCount + 1,
+        hasUnsentDraft: true,
+      });
+    } else if (hadDraft && !hasDraft) {
+      const activity = inputActivityRef.current;
+      publishInputActivity({
+        ...activity,
+        abandonedDraftCount: activity.abandonedDraftCount + 1,
+        hasUnsentDraft: false,
+      });
+    }
+  };
+
+  const markDraftSubmittedOrReplaced = (
+    inputSource: ChatInputSourceType,
+  ) => {
+    if (!hasDraftRef.current) return;
+
+    hasDraftRef.current = false;
+    const activity = inputActivityRef.current;
+    publishInputActivity({
+      ...activity,
+      abandonedDraftCount:
+        activity.abandonedDraftCount +
+        (inputSource === ChatInputSource.SUGGESTION ? 1 : 0),
+      hasUnsentDraft: false,
+    });
+  };
+
+  const sendMessage = async (
+    messageContent?: string,
+    inputSource: ChatInputSourceType = ChatInputSource.TYPED,
+  ) => {
+    const content = messageContent ?? inputRef.current;
     if (!content.trim() || isLLMLoading) return;
 
     if (timeoutRef.current) {
@@ -259,6 +359,9 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
       role: Role.ARTIST,
       content,
       timestamp: new Date(),
+      stage,
+      kind: MessageKind.USER_MESSAGE,
+      inputSource,
     };
     const requestId = nanoid();
     let requestLog: LlmRequestLog = {
@@ -268,6 +371,7 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
       userMessageContent: content,
       requestedAt: new Date(),
       status: "STARTED",
+      inputSource,
       systemPrompt: systemMessage.content,
       promptVersion: BLACKOUT_ASSISTANT_PROMPT_VERSION,
     };
@@ -281,6 +385,8 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
     setMarkdownOutput("");
     setSendError(null);
     setMessages((prev) => [...prev, artistMessage]);
+    markDraftSubmittedOrReplaced(inputSource);
+    inputRef.current = "";
     setInput("");
     setIsLLMLoading(true);
 
@@ -320,6 +426,8 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
         role: Role.LLM,
         content: fullText,
         timestamp: new Date(),
+        stage,
+        kind: MessageKind.LLM_RESPONSE,
       };
       requestLog = {
         ...requestLog,
@@ -347,9 +455,15 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
       setMessages((previousMessages) =>
         previousMessages.filter((message) => message.id !== artistMessage.id),
       );
-      setInput((currentInput) =>
-        currentInput.trim() ? currentInput : content,
-      );
+      if (!inputRef.current.trim()) {
+        inputRef.current = content;
+        hasDraftRef.current = true;
+        setInput(content);
+        publishInputActivity({
+          ...inputActivityRef.current,
+          hasUnsentDraft: true,
+        });
+      }
     } finally {
       setIsLLMLoading(false);
     }
@@ -363,7 +477,7 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
   };
 
   const handlePromptSelection = (prompt: string) => {
-    sendMessage(prompt);
+    sendMessage(prompt, ChatInputSource.SUGGESTION);
   };
 
   return (
@@ -447,7 +561,8 @@ CURRENT SELECTED WORDS (in passage order): ${selectedWords || "none yet"}`,
           >
             <Textarea
               value={input}
-              onChange={(e) => setInput(e.target.value)}
+              onFocus={handleInputFocus}
+              onChange={(e) => handleInputChange(e.target.value)}
               onKeyDown={handleKeyDown}
               placeholder="Type a message..."
               className="text-main bg-white flex-1 px-3 py-2 border rounded-md focus:outline-none focus:ring-2 focus:ring-grey"
diff --git a/src/components/shared/pages/multiPage.tsx b/src/components/shared/pages/multiPage.tsx
index 8678f89..6da1f50 100644
--- a/src/components/shared/pages/multiPage.tsx
+++ b/src/components/shared/pages/multiPage.tsx
@@ -2,7 +2,8 @@ import { useState, useRef, useEffect, useCallback } from "react";
 import { Textarea, Button } from "@chakra-ui/react";
 import ChatTab from "../../chatbot/Chatbot";
 import type {
-  ChatOpening,
+  ChatAvailability,
+  ChatInputActivity,
   LlmRequestLog,
   Message,
   Stage,
@@ -29,7 +30,9 @@ interface PageTemplateProps {
   setNotes: React.Dispatch<React.SetStateAction<string>>;
   passage: string;
   selectedWordIndexes?: number[];
-  onChatOpened?: (opening: ChatOpening) => void;
+  initialInputActivity?: ChatInputActivity;
+  onChatAvailable?: (availability: ChatAvailability) => void;
+  onInputActivityUpdate?: (activity: ChatInputActivity) => void;
   onRequestUpdate?: (request: LlmRequestLog) => void;
 }
 
@@ -55,7 +58,9 @@ function MultiPageTemplate({
   setNotes,
   selectedWordIndexes,
   passage,
-  onChatOpened,
+  initialInputActivity,
+  onChatAvailable,
+  onInputActivityUpdate,
   onRequestUpdate,
 }: PageTemplateProps) {
   const [leftWidth, setLeftWidth] = useState(70); // %
@@ -299,7 +304,9 @@ function MultiPageTemplate({
                 passage={passage}
                 selectedWordIndexes={selectedWordIndexes}
                 chatReady={chatReady}
-                onChatOpened={onChatOpened}
+                initialInputActivity={initialInputActivity}
+                onChatAvailable={onChatAvailable}
+                onInputActivityUpdate={onInputActivityUpdate}
                 onRequestUpdate={onRequestUpdate}
               />
             </div>
diff --git a/src/components/survey/questionRenderer.tsx b/src/components/survey/questionRenderer.tsx
index c3037f9..b25f6bf 100644
--- a/src/components/survey/questionRenderer.tsx
+++ b/src/components/survey/questionRenderer.tsx
@@ -7,6 +7,7 @@ import TopXRanking from "./questions/topX";
 import CircularMultipleChoice from "./questions/circularMultipleChoice";
 import Range from "./questions/range";
 import EmotionWheel from "./questions/emotionWheel";
+import IosCloseness from "./questions/iosCloseness";
 
 interface Props {
   question: Question;
@@ -64,6 +65,14 @@ const QuestionRenderer: React.FC<Props> = ({ question, value, onChange }) => {
           onChange={onChange}
         />
       );
+    case "iosCloseness":
+      return (
+        <IosCloseness
+          question={question}
+          value={typeof value === "number" ? value : undefined}
+          onChange={onChange}
+        />
+      );
     case "topXRanking":
       return (
         <TopXRanking
diff --git a/src/components/survey/questions/emotionWheel.tsx b/src/components/survey/questions/emotionWheel.tsx
index 8679456..42c41bf 100644
--- a/src/components/survey/questions/emotionWheel.tsx
+++ b/src/components/survey/questions/emotionWheel.tsx
@@ -26,8 +26,8 @@ const EmotionWheel = ({ question, value, onChange }: Props) => {
       </legend>
 
       <p className="text-sub">
-        Choose one circle. Intensity increases from 1 near the centre to 5 at
-        the outside.
+        {question.intensityPrompt ??
+          "Choose one circle. Intensity increases from 1 near the centre to 5 at the outside."}
       </p>
 
       <div className="mx-auto w-[min(100%,35rem)] px-1 sm:px-4">
diff --git a/src/components/survey/questions/iosCloseness.tsx b/src/components/survey/questions/iosCloseness.tsx
new file mode 100644
index 0000000..874d838
--- /dev/null
+++ b/src/components/survey/questions/iosCloseness.tsx
@@ -0,0 +1,96 @@
+import type { IosClosenessQuestion } from "../../../types";
+
+interface Props {
+  question: IosClosenessQuestion;
+  value: number | undefined;
+  onChange: (id: string, value: number) => void;
+}
+
+const CENTRE_OFFSETS = [27, 23, 19, 15, 11, 7, 3];
+const CIRCLE_RADIUS = 22;
+const VIEWBOX_CENTRE = 56;
+
+const IosCloseness = ({ question, value, onChange }: Props) => (
+  <fieldset className="mb-8 w-full space-y-4">
+    <legend className="text-main">
+      {question.question}
+      {question.required ? <span className="text-red-700">*</span> : null}
+    </legend>
+
+    <div
+      className="grid grid-cols-2 gap-3 sm:grid-cols-4"
+      role="radiogroup"
+      aria-label={question.question}
+    >
+      {CENTRE_OFFSETS.map((centreOffset, index) => {
+        const optionValue = index + 1;
+        const selected = value === optionValue;
+        const labelShift = Math.max(0, 14 - centreOffset);
+        const leftCentre = VIEWBOX_CENTRE - centreOffset;
+        const rightCentre = VIEWBOX_CENTRE + centreOffset;
+
+        return (
+          <button
+            key={optionValue}
+            type="button"
+            role="radio"
+            aria-checked={selected}
+            aria-label={`Connection ${optionValue} of 7`}
+            onClick={() => onChange(question.id, optionValue)}
+            className={`rounded-lg border px-2 py-3 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-dark-grey ${
+              selected
+                ? "border-dark-grey bg-light-grey-4"
+                : "border-light-grey-2 bg-white hover:border-grey"
+            }`}
+          >
+            <svg
+              viewBox="0 0 112 64"
+              className="mx-auto block w-full max-w-28 text-dark-grey"
+              aria-hidden="true"
+            >
+              <circle
+                cx={leftCentre}
+                cy="30"
+                r={CIRCLE_RADIUS}
+                fill="white"
+                stroke="currentColor"
+              />
+              <circle
+                cx={rightCentre}
+                cy="30"
+                r={CIRCLE_RADIUS}
+                fill="#f2f2f2"
+                fillOpacity="0.88"
+                stroke="currentColor"
+              />
+              <text
+                x={leftCentre - labelShift}
+                y="33"
+                textAnchor="middle"
+                className="fill-current text-[8px]"
+              >
+                {question.labels.self}
+              </text>
+              <text
+                x={rightCentre + labelShift}
+                y="33"
+                textAnchor="middle"
+                className="fill-current text-[8px]"
+              >
+                {question.labels.other}
+              </text>
+            </svg>
+            <span className="text-sub">{optionValue}</span>
+          </button>
+        );
+      })}
+    </div>
+
+    <div className="flex justify-between text-xs text-grey">
+      <span>Not connected</span>
+      <span>Very connected</span>
+    </div>
+  </fieldset>
+);
+
+export default IosCloseness;
diff --git a/src/components/survey/questions/range.tsx b/src/components/survey/questions/range.tsx
index d832833..23759b2 100644
--- a/src/components/survey/questions/range.tsx
+++ b/src/components/survey/questions/range.tsx
@@ -12,13 +12,13 @@ const Range: React.FC<Props> = ({ question, value, onChange }) => {
   return (
     <div className="mb-6 w-full flex flex-col">
       <span className="text-main mb-4">
-        {question.question.replace("____", `${value ?? "____"}`)}
+        {question.question}
         {question.required && <span className="text-red-700">*</span>}
       </span>
 
       <div className="w-full flex flex-col items-center">
         <Slider.Root
-          value={[value || 50]}
+          value={[value ?? 50]}
           min={0}
           max={100}
           step={1}
@@ -41,6 +41,10 @@ const Range: React.FC<Props> = ({ question, value, onChange }) => {
           </Slider.Control>
         </Slider.Root>
 
+        <span className="mt-2 text-sm font-medium text-dark-grey" aria-live="polite">
+          {value === undefined ? "Choose a value" : `${value}%`}
+        </span>
+
         <div className="flex justify-between w-full mt-2">
           <span className="text-sub font-light text-sm">
             {question.labels.min}
diff --git a/src/components/survey/survey.tsx b/src/components/survey/survey.tsx
index 5c0501e..237ab84 100644
--- a/src/components/survey/survey.tsx
+++ b/src/components/survey/survey.tsx
@@ -1,5 +1,9 @@
 import React, { useState } from "react";
-import type { SurveyDefinition, SurveyAnswers } from "../../types";
+import type {
+  AnswerValue,
+  SurveyDefinition,
+  SurveyAnswers,
+} from "../../types";
 import QuestionRenderer from "./questionRenderer";
 import { Progress, Button } from "@chakra-ui/react";
 import { useRef } from "react";
@@ -22,7 +26,7 @@ const Survey: React.FC<Props> = ({ survey, onSubmit }) => {
 
   const section = survey.sections[currentSection];
 
-  const updateAnswer = (questionId: string, value: any) => {
+  const updateAnswer = (questionId: string, value: AnswerValue) => {
     setAnswers((prev) => ({ ...prev, [questionId]: value }));
   };
 
@@ -45,9 +49,18 @@ const Survey: React.FC<Props> = ({ survey, onSubmit }) => {
           return typeof answer === "number";
 
         case "range":
-          console.log(answer);
           return typeof answer === "number";
 
+        case "emotionWheel":
+          return (
+            typeof answer === "object" &&
+            answer !== null &&
+            !Array.isArray(answer)
+          );
+
+        case "iosCloseness":
+          return typeof answer === "number" && answer >= 1 && answer <= 7;
+
         case "circularChoice":
           return answer !== "" && answer !== null && answer !== undefined;
 
diff --git a/src/components/survey/surveyScroll.tsx b/src/components/survey/surveyScroll.tsx
index d2ec14b..a6f5e82 100644
--- a/src/components/survey/surveyScroll.tsx
+++ b/src/components/survey/surveyScroll.tsx
@@ -14,12 +14,16 @@ interface Props {
   survey: SurveyDefinition;
   onSubmit: (answers: SurveyAnswers) => void;
   isSubmitting?: boolean;
+  buttonText?: string;
+  noProgressBar?: boolean;
 }
 
 const SurveyScroll: React.FC<Props> = ({
   survey,
   onSubmit,
   isSubmitting = false,
+  buttonText = "Submit",
+  noProgressBar = false,
 }) => {
   const [answers, setAnswers] = useState<SurveyAnswers>({});
   const submitCalledRef = useRef(false);
@@ -55,7 +59,7 @@ const SurveyScroll: React.FC<Props> = ({
       case "likertScale":
         return typeof answer === "number";
       case "range":
-        return answer;
+        return typeof answer === "number";
       case "circularChoice":
         return answer;
       case "emotionWheel":
@@ -68,6 +72,8 @@ const SurveyScroll: React.FC<Props> = ({
           answer.intensity >= 0 &&
           answer.intensity <= 5
         );
+      case "iosCloseness":
+        return typeof answer === "number" && answer >= 1 && answer <= 7;
       case "topXRanking":
         return (
           Array.isArray(answer) &&
@@ -112,7 +118,7 @@ const SurveyScroll: React.FC<Props> = ({
   return (
     <div className="h-full w-full flex flex-col py-4">
       {/* Progress Bar */}
-      <div className="w-full">
+      {!noProgressBar ? <div className="w-full">
         <Progress.Root
           value={progress}
           className="flex flex-row mb-6 items-center space-x-2"
@@ -124,7 +130,7 @@ const SurveyScroll: React.FC<Props> = ({
             {progress}%
           </Progress.ValueText>
         </Progress.Root>
-      </div>
+      </div> : null}
 
       {/* Sections */}
       <div className="w-full h-100vh space-y-10 overflow-y-scroll">
@@ -158,7 +164,7 @@ const SurveyScroll: React.FC<Props> = ({
             disabled={!isSurveyComplete || isSubmitting}
             onClick={handleSubmit}
           >
-            {isSubmitting ? "Submitting…" : "Submit"}
+            {isSubmitting ? "Submitting…" : buttonText}
           </Button>
         </div>
       </div>
diff --git a/src/consts/audienceTestAssignment.ts b/src/consts/audienceTestAssignment.ts
new file mode 100644
index 0000000..6cd4207
--- /dev/null
+++ b/src/consts/audienceTestAssignment.ts
@@ -0,0 +1,58 @@
+import type { AudienceAssignment, AudiencePoem } from "../types";
+import {
+  CREATOR_PASSAGE_POOL_VERSION,
+  sampleDistinctPassages,
+} from "./passages";
+
+const TEST_SELECTIONS = [
+  [0, 1, 4, 8, 12, 18, 24],
+  [2, 5, 6, 11, 15, 20, 28],
+  [3, 7, 9, 13, 17, 23, 31],
+  [1, 10, 14, 19, 22, 27, 34],
+];
+
+const TEST_STATEMENTS = [
+  "The poem reflects the tension between anticipation and the unknown.",
+  "The poem is about finding moments of beauty inside an unsettled world.",
+  "The poem explores how a place can hold memories that feel alive.",
+  "The poem expresses a quiet desire to move beyond fear and begin again.",
+  "The poem considers how change can arrive before we are ready for it.",
+  "The poem is about noticing small signs of hope in an ordinary landscape.",
+  "The poem captures the feeling of being pulled between stillness and motion.",
+];
+
+const rotate = <T,>(items: T[], offset: number) => [
+  ...items.slice(offset),
+  ...items.slice(0, offset),
+];
+
+export const createAudienceTestAssignment = (): AudienceAssignment => {
+  const { tutorialPassage, taskPassage } = sampleDistinctPassages();
+  const wordCount = taskPassage.text.split(" ").length;
+  const poems: AudiencePoem[] = TEST_SELECTIONS.map((selection, index) => ({
+    id: `test-poem-${index + 1}`,
+    passageId: taskPassage.id,
+    passage: taskPassage,
+    selectedWordIndexes: selection.filter((wordIndex) => wordIndex < wordCount),
+  }));
+
+  return {
+    id: "audience-test-assignment",
+    passageId: taskPassage.id,
+    tutorialPassageId: tutorialPassage.id,
+    taskPassageId: taskPassage.id,
+    passagePoolVersion: CREATOR_PASSAGE_POOL_VERSION,
+    poems,
+    statementTrials: poems.map((poem, index) => {
+      const decoyIndexes = [4, 5, 6];
+      const options = [
+        { id: poem.id, statement: TEST_STATEMENTS[index] },
+        ...decoyIndexes.map((statementIndex) => ({
+          id: `test-decoy-${statementIndex}`,
+          statement: TEST_STATEMENTS[statementIndex],
+        })),
+      ];
+      return { poemId: poem.id, options: rotate(options, index % 4) };
+    }),
+  };
+};
diff --git a/src/consts/audienceTutorialExamples.ts b/src/consts/audienceTutorialExamples.ts
new file mode 100644
index 0000000..b175e26
--- /dev/null
+++ b/src/consts/audienceTutorialExamples.ts
@@ -0,0 +1,94 @@
+import type { AudiencePoem, Passage } from "../types";
+
+const TUTORIAL_VISIBLE_WORDS: Record<string, string[]> = {
+  "1": [
+    "expectation",
+    "monsoon",
+    "breaks",
+    "glittering",
+    "sunshine",
+    "countryside",
+    "green",
+  ],
+  "2": ["trying", "winning", "best", "trying", "failing"],
+  "3": ["wind", "strange", "wild", "clear", "scented", "sweetness"],
+  "4": ["not", "expecting", "holiday", "one", "second", "perfect"],
+  "5": [
+    "solitude",
+    "emotions",
+    "magnificent",
+    "passions",
+    "possessed",
+    "totally",
+  ],
+  "nyt-1": [
+    "blast",
+    "horn",
+    "screech",
+    "tires",
+    "sickening",
+    "thud",
+    "quick",
+    "succession",
+  ],
+  "nyt-2": ["people", "getting", "more", "brave", "embracing", "it"],
+  "nyt-3": ["childhood", "shape", "adult", "preferences"],
+  "nyt-4": ["model", "super", "name", "recognition", "Kate", "Upton", "qualifies"],
+};
+
+const normalizeWord = (word: string) =>
+  word.toLocaleLowerCase().replace(/[^\p{L}\p{N}]/gu, "");
+
+export const createAudienceTutorialPoem = (
+  passage: Passage,
+): AudiencePoem => {
+  const targetWords = TUTORIAL_VISIBLE_WORDS[passage.id];
+  if (!targetWords) {
+    throw new Error(`No audience tutorial example exists for ${passage.id}`);
+  }
+
+  const passageWords = passage.text.split(" ");
+  let searchFrom = 0;
+  const selectedWordIndexes = targetWords.map((targetWord) => {
+    const normalizedTarget = normalizeWord(targetWord);
+    const relativeIndex = passageWords
+      .slice(searchFrom)
+      .findIndex((word) => normalizeWord(word) === normalizedTarget);
+
+    if (relativeIndex < 0) {
+      throw new Error(
+        `Tutorial word "${targetWord}" was not found in passage ${passage.id}`,
+      );
+    }
+
+    const absoluteIndex = searchFrom + relativeIndex;
+    searchFrom = absoluteIndex + 1;
+    return absoluteIndex;
+  });
+
+  const excerptStart = Math.max(0, selectedWordIndexes[0] - 4);
+  const excerptEnd = Math.min(
+    passageWords.length,
+    selectedWordIndexes[selectedWordIndexes.length - 1] + 5,
+  );
+
+  return {
+    id: `tutorial-${passage.id}`,
+    passageId: passage.id,
+    passage: {
+      ...passage,
+      text: passageWords.slice(excerptStart, excerptEnd).join(" "),
+    },
+    selectedWordIndexes: selectedWordIndexes.map(
+      (wordIndex) => wordIndex - excerptStart,
+    ),
+  };
+};
+
+export const getAudiencePoemText = (poem: AudiencePoem) => {
+  const passageWords = poem.passage.text.split(" ");
+  return poem.selectedWordIndexes
+    .map((wordIndex) => passageWords[wordIndex])
+    .filter(Boolean)
+    .join(" ");
+};
diff --git a/src/consts/chatMessages.ts b/src/consts/chatMessages.ts
index 3f4058d..24fbbd0 100644
--- a/src/consts/chatMessages.ts
+++ b/src/consts/chatMessages.ts
@@ -1,5 +1,5 @@
 import { nanoid } from "nanoid";
-import type { Message, Stage } from "../types";
+import type { Message, MessageKind, Stage } from "../types";
 import { Role } from "../types";
 
 export const STAGE_OPENING_MESSAGES: Record<Stage, string> = {
@@ -16,9 +16,15 @@ export const IDLE_NUDGE_MESSAGES: Record<Stage, string> = {
     "If you're stuck, tell me the feeling you're going for, or ask me to point out a few usable words.",
 };
 
-export const createAssistantMessage = (content: string): Message => ({
+export const createAssistantMessage = (
+  content: string,
+  stage: Stage,
+  kind: MessageKind,
+): Message => ({
   id: nanoid(),
   role: Role.LLM,
   content,
   timestamp: new Date(),
+  stage,
+  kind,
 });
diff --git a/src/consts/dataLogging.ts b/src/consts/dataLogging.ts
new file mode 100644
index 0000000..88ea2c5
--- /dev/null
+++ b/src/consts/dataLogging.ts
@@ -0,0 +1 @@
+export const ARTIST_DATA_LOGGING_VERSION = "artist-data-2026-08-05-v2";
diff --git a/src/consts/passages.tsx b/src/consts/passages.tsx
index 2d7cd6c..ebdcb03 100644
--- a/src/consts/passages.tsx
+++ b/src/consts/passages.tsx
@@ -1,46 +1,87 @@
 import type { Passage } from "../types";
 
+export const CREATOR_PASSAGE_POOL_VERSION =
+  "creator-passages-2026-08-05-v1";
+
 export const Passages: Passage[] = [
-  // {
-  //   id: "1",
-  //   text: `The wind swept in soft big breaths down from the moor and was strange with a wild clear scented sweetness. Colin kept lifting his thin chest to draw it in, and his big eyes looked as if it were they which were listening - listening, instead of his ears. "There are so many sounds of singing and humming and calling out," he said. "What is that scent the puffs of wind bring?" "It's gorse on th' moor that's openin' out" answered Dickon. "Eh! th' bees are at it wonderful to-day." Not a human creature was to be caught sight of in the paths they took. In fact every gardener or gardener's lad had been witched away. But they wound in and out among the shrubbery and out and round the fountain beds, following their carefully planned route for the mere mysterious pleasure of it. But when at last they turned into the Long Walk by the ivied walls the excited sense of an approaching thrill made them, for some curious reason they could not have explained, begin to speak in whispers. "This is it" breathed Mary. "This is where I used to walk up and down and wonder and wonder".`,
-  //   author: "Frances Hodson Burnett",
-  //   title: "The Secret Garden",
-  // },
-  // {
-  //   id: "2",
-  //   text: "Two days later they arrived on the Common. The doctors had arranged to have Sylvia in the cottage, and had got permission from a farmer for the girls to camp in the field of a farm nearby. They had fixed that they should come every day for their middle-day meal at the cottage, for which Pauline was to pay a pound a week. For breakfast, tea, and supper they were to cook and cater for themselves. Perhaps it was because they were not expecting a holiday at all, or perhaps because it was Pauline’s holiday which she had paid for, but there was not one second which they did not find perfect. They took turns to cook, and it was lovely waking in the mornings to hear the cows mooing, and the cocks crowing, and to turn over and prod the day’s cook to get up and deal with breakfast. The palliasses stuffed with straw they found gloriously comfortable, and it was the height of luxury to lie on them sniffing the first smoke of the fire through the open flap of the tent before jumping up to race down to the stream in a bathing dress for a wash before breakfast. ",
-  //   author: "Noel Streatfeild",
-  //   title: "Ballet Shoes",
-  // },
-  // {
-  //   id: "3",
-  //   text: "The food varied a lot with who was cooking and catering. Eggs were the easiest things for breakfast, because they bought them from the farm; but for supper they had all sorts of things — sausages when Petrova was in charge, and two courses at least from Pauline. When Posy was catering, a great deal of cake got into the menu. The weather was not too good, but the farmer lent them a large barn for wet days, in which they practised every morning, wet or shine, as they had, of course, their ballet shoes with them; here, when it rained, they played a new and glorious kind of hide-and-seek. It consisted in the hiders burying themselves in the straw, which the nervous seeker had to prod. If the hider could grab any part of the seeker, she won; but if the seeker could see a movement in the hay, and lay a hand on the place, and say ‘One of you is here’, then she won. The game was such a thrilling one that when it was wet Sylvia and the two doctors usually came and played too.",
-  //   author: "Noel Streatfeild",
-  //   title: "Ballet Shoes",
-  // },
+  {
+    id: "3",
+    text: "The wind swept in soft big breaths down from the moor and was strange with a wild clear scented sweetness. Colin kept lifting his thin chest to draw it in, and his big eyes looked as if it were they which were listening - listening, instead of his ears. \"There are so many sounds of singing and humming and calling out,\" he said. \"What is that scent the puffs of wind bring?\" \"It's gorse on th' moor that's openin' out\" answered Dickon. \"Eh! th' bees are at it wonderful to-day.\" Not a human creature was to be caught sight of in the paths they took. In fact every gardener or gardener's lad had been witched away. But they wound in and out among the shrubbery and out and round the fountain beds, following their carefully planned route for the mere mysterious pleasure of it. But when at last they turned into the Long Walk by the ivied walls the excited sense of an approaching thrill made them, for some curious reason they could not have explained, begin to speak in whispers.",
+    author: "Frances Hodson Burnett",
+    title: "The Secret Garden",
+  },
+  {
+    id: "4",
+    text: "Two days later they arrived on the Common. The doctors had arranged to have Sylvia in the cottage, and had got permission from a farmer for the girls to camp in the field of a farm nearby. They had fixed that they should come every day for their middle-day meal at the cottage, for which Pauline was to pay a pound a week. For breakfast, tea, and supper they were to cook and cater for themselves. Perhaps it was because they were not expecting a holiday at all, or perhaps because it was Pauline’s holiday which she had paid for, but there was not one second which they did not find perfect. They took turns to cook, and it was lovely waking in the mornings to hear the cows mooing, and the cocks crowing, and to turn over and prod the day’s cook to get up and deal with breakfast.",
+    author: "Noel Streatfeild",
+    title: "Ballet Shoes",
+  },
   {
     id: "2",
-    text: `"Look at that arch of pale green sky over those houses and picture to yourself what it must look like over the purply-dark beech-woods back of Avonlea." "What are you going to wear for commencement, Jane?" asked Ruby practically. Jane and Josie both answered at once and the chatter drifted into a side eddy of fashions. But Anne, with her elbows on the window sill, her soft cheek laid against her clasped hands, and her eyes filled with visions, looked out unheedingly across city roof and spire to that glorious dome of sunset sky and wove her dreams of a possible future from the golden tissue of youth's own optimism.`,
+    text: "\"Next to trying and winning, the best thing is trying and failing. Girls, don't talk about exams! Look at that arch of pale green sky over those houses and picture to yourself what it must look like over the purply-dark beech-woods back of Avonlea.\" \"What are you going to wear for commencement, Jane?\" asked Ruby practically. Jane and Josie both answered at once and the chatter drifted into a side eddy of fashions. But Anne, with her elbows on the window sill, her soft cheek laid against her clasped hands, and her eyes filled with visions, looked out unheedingly across city roof and spire to that glorious dome of sunset sky and wove her dreams of a possible future from the golden tissue of youth's own optimism. All the Beyond was hers with its possibilities lurking rosily in the oncoming years — each year a rose of promise to be woven into an immortal chaplet.",
     author: "Lucy Maud Montgomery",
     title: "Anne of Green Gables",
   },
-  // {
-  //   id: "5",
-  //   text: `A woman who was so hard on herself and others could be sweet and smiling with Clara and at times, by extension, with Blanca. Only with Clara did she allow herself the luxury of giving in to her overwhelming desire to serve and be loved; with her, however slyly, she was able to express the secret, most delicate yearnings of her soul. e long years of solitude and unhappiness had distilled her emotions and purified her feelings down to a few terrible, magnificent passions, which possessed her totally. She had no gift for small perturbations, mean-spirited resentments, concealed envies, works of charity, faded endearments, ordinary friendly politeness, or day-to-day acts of kindness. She was one of those people who are born for the greatness of a single love, for exaggerated hatred, for apocalyptic vengeance, and for the most sublime forms of heroism, but she was unable to shape her fate to the dimensions of her amorous vocation, so it was lived out as something flat and gray trapped between her mother’s sickroom walls, wretched tenements, and the tortured confessions with which this large, opulent, hot-blooded woman—made for maternity, abundance, action, and ardor—was consuming herself.`,
-  //   author: "Isabel Allende",
-  //   title: "The House of Spirits",
-  // },
   {
     id: "1",
-    text: `The nights are clear, but suffused with sloth and sullen expectation. But by early June the southwest monsoon breaks and there are three months of wind and water with short spells of sharp, glittering sunshine that thrilled children snatch to play with. The countryside turns an immodest green. Boundaries blur as tapioca fences take root and bloom. Brick walls turn moss green. Pepper vines snake up electric poles. Wild creepers burst through laterite banks and spill across flooded roads. Boats ply in the bazaars. And small fish appear in the puddles that fill the PWD potholes on the highways. It was raining when Rahel came back to Ayemenem. Slanting silver ropes slammed into loose earth, plowing it up like gunfire. The old house on the hill wore its steep, gabled roof pulled over its ears like a low hat. The walls, streaked with moss, had grown soft, and bulged a little with dampness that seeped up from the ground. The wild, overgrown garden was full of the whisper and scurry of small lives. In the undergrowth a rat snake rubbed itself against a glistening stone. Hopeful yellow bullfrogs cruised the scummy pond for mates. A drenched mongoose flashed across the leaf-strewn driveway.`,
+    text: "The nights are clear, but suffused with sloth and sullen expectation. But by early June the southwest monsoon breaks and there are three months of wind and water with short spells of sharp, glittering sunshine that thrilled children snatch to play with. The countryside turns an immodest green. Boundaries blur as tapioca fences take root and bloom. Brick walls turn moss green. Pepper vines snake up electric poles. Wild creepers burst through laterite banks and spill across flooded roads. Boats ply in the bazaars. And small fish appear in the puddles that fill the PWD potholes on the highways. It was raining when Rahel came back to Ayemenem. Slanting silver ropes slammed into loose earth, plowing it up like gunfire. The old house on the hill wore its steep, gabled roof pulled over its ears like a low hat. The walls, streaked with moss, had grown soft, and bulged a little with dampness that seeped up from the ground.",
     author: "Arundhati Roy",
     title: "The God of Small Things",
   },
-  // {
-  //   id: "7",
-  //   text: `The house itself looked empty. The doors and windows were locked. The front verandah bare. Unfurnished. But the skyblue Plymouth with chrome tailfins was still parked outside, and inside, Baby Kochamma was still alive. She was Rahel’s baby grandaunt, her grandfather’s younger sister. Her name was really Navomi, Navomi Ipe, but everybody called her Baby. She became Baby Kochamma when she was old enough to be an aunt. Rahel hadn’t come to see her, though. Neither niece nor baby grandaunt labored under any illusions on that account. Rahel had come to see her brother, Estha. They were two-egg twins. “Dizygotic” doctors called them. Born from separate but simultaneously fertilized eggs. Estha—Esthappen was the older by eighteen minutes. They never did look much like each other, Estha and Rahel, and even when they were thin-armed children, flat-chested, wormridden and Elvis Presley-puffed, there was none of the usual “Who is who?” and “Which is which?” from oversmiling relatives or the Syrian Orthodox bishops who frequently visited the Ayemenem House for donations. The confusion lay in a deeper, more secret place.`,
-  //   author: "Arundhati Roy",
-  //   title: "The God of Small Things",
-  // },
+  {
+    id: "5",
+    text: "Only with Clara did she allow herself the luxury of giving in to her overwhelming desire to serve and be loved; with her, however slyly, she was able to express the secret, most delicate yearnings of her soul. The long years of solitude and unhappiness had distilled her emotions and purified her feelings down to a few terrible, magnificent passions, which possessed her totally. She had no gift for small perturbations, mean-spirited resentments, concealed envies, works of charity, faded endearments, ordinary friendly politeness, or day-to-day acts of kindness. She was one of those people who are born for the greatness of a single love, for exaggerated hatred, for apocalyptic vengeance, and for the most sublime forms of heroism, but she was unable to shape her fate to the dimensions of her amorous vocation, so it was lived out as something flat and gray trapped between her mother’s sickroom walls, wretched tenements, and the tortured confessions with which this large, opulent, hot-blooded woman—made for maternity, abundance, action, and ardor—was consuming herself.",
+    author: "Isabel Allende",
+    title: "The House of Spirits",
+  },
+  {
+    id: "nyt-1",
+    text: "Zooming through a Stockholm intersection on his bicycle one morning, 18-year-old Max Tegmark never saw the truck that hit him. The blast of a horn, the screech of tires and a sickening thud followed in quick succession, extinguishing a young life filled with promise. It never happened, of course. As the adult Dr. Tegmark, now 46, relates in the opening pages of this provocative new book, young Max swerved at the last instant and continued on to school — and an academic career that eventually took him to the faculty of M.I.T. and the top ranks of the world’s cosmologists. But wait: That fatal accident did happen, Dr. Tegmark writes. Yes, he came through unscathed that day, but he was also killed, and he was severely injured, and slightly injured. He endured every possible outcome, happy and unhappy, that can befall a bicyclist who encounters a speeding truck.",
+    author: "Amir Alexander",
+    title: "If It's Possible, It Happened",
+    publication: "The New York Times",
+  },
+  {
+    id: "nyt-2",
+    text: "Thermal, Calif. — “People are getting more brave, which I love, just embracing it,” said Kelson Berkus, 30, a marketing executive in Los Angeles, nodding approvingly as he surveyed the Lacoste party, clad in aqua giraffe print swim trunks (source: “probably Fred Segal”). A few steps away, Ryan Greeley, 28, a former model who works in retail in Long Beach, Calif., stepped out of the pool and pulled what appeared to be a large piece of cheesecloth (it was actually vintage, from Buffalo Exchange) close to his chest. “I call it a shawl, but that’s just because it’s a cardigan that’s mesh,” Mr. Greeley said. It was the first weekend of the Coachella Valley Music and Arts Festival, and around him, hundreds of young men milled about, clad in sleeveless shirts and short shorts, hoisting up vodka sodas enthusiastically (“Let’s do this, bro!”), reliving the previous night’s excesses (“Ugh, the ceiling was spinning”) and puffing up their pecs as they strutted around the private estate here.",
+    author: "Sheila Marikar",
+    title: "At Coachella, It's A Guy Thing",
+    publication: "The New York Times",
+  },
+  {
+    id: "nyt-3",
+    text: "How do events from our childhood shape our adult preferences? I recently studied this question using a classic American example: baseball. I tested how a team’s performance at every age of our childhood affects which team we root for as adults. From Facebook’s publicly available advertising platform, I downloaded data on how many fans every baseball team has, broken out by gender and age. (Facebook estimates whether someone is a fan of a team based on both “likes” and posts.) This data is not perfect, but it does correlate pretty well with previous polling. According to Facebook, the most popular teams are the Yankees, Red Sox, Mets, Cardinals and Braves; there are 1.65 Yankees fans for every Mets fan. Facebook data can reveal patterns that polls generally do not have large enough sample sizes to detect. For example, Facebook tells us that among men, the ratio of Yankees fans to Mets fans fluctuates enormously depending on when those men were born.",
+    author: "Seth Stephens-Davidowitz",
+    title: "They Hook You When You're Young",
+    publication: "The New York Times",
+  },
+  {
+    id: "nyt-4",
+    text: "By what metric are we to determine whether a model is “super”? If it is name recognition, Forbes list position, magazines covered, campaigns fronted or some algorithm of them all, Kate Upton probably qualifies. In 2013 Ms. Upton, a 21-year-old from Melbourne, Fla., was named model of the year and appeared on the cover of the Sports Illustrated swimsuit issue for the second straight year. This year she was demoted to the inside cover, pictured wearing a bikini in zero gravity. As a model she floats off the page, but she’s also a performer, with videos of her dancing going crash the Internet viral. So, all aboard the Hollywood starship express. In “The Other Woman,” due Friday, Ms. Upton will appear alongside Cameron Diaz and Leslie Mann. It is Ms. Upton’s third and by far most substantial screen credit. In her debut, the surprisingly pleasant “Tower Heist,” she played a mistress in what was by definition no more than a cameo.",
+    author: "Christopher Wallace",
+    title: "Yet Another Pretty Face",
+    publication: "The New York Times",
+  },
 ];
+
+export interface PassagePair {
+  tutorialPassage: Passage;
+  taskPassage: Passage;
+}
+
+export const sampleDistinctPassages = (
+  random: () => number = Math.random,
+): PassagePair => {
+  if (Passages.length < 2) {
+    throw new Error("At least two passages are required for assignment");
+  }
+
+  const tutorialIndex = Math.floor(random() * Passages.length);
+  const taskOffset = Math.floor(random() * (Passages.length - 1));
+  const taskIndex = taskOffset >= tutorialIndex ? taskOffset + 1 : taskOffset;
+
+  return {
+    tutorialPassage: Passages[tutorialIndex],
+    taskPassage: Passages[taskIndex],
+  };
+};
diff --git a/src/consts/surveyQuestions.tsx b/src/consts/surveyQuestions.tsx
index f5abac4..6d9d773 100644
--- a/src/consts/surveyQuestions.tsx
+++ b/src/consts/surveyQuestions.tsx
@@ -104,7 +104,7 @@ export const ArtistPreSurveyQuestions: SurveyDefinition = {
 };
 
 export const ArtistPostSurveyQuestions: SurveyDefinition = {
-  id: "artist-post-survey-v2",
+  id: "artist-post-survey-v3",
   title: "Creator post-task survey",
   sections: [
     {
@@ -260,25 +260,6 @@ export const ArtistPostSurveyQuestions: SurveyDefinition = {
         },
       ],
     },
-    {
-      id: "llm-attribution",
-      title: "AI contribution",
-      conditions: ["LLM"],
-      questions: [
-        {
-          id: "llm_contribution_attribution",
-          type: "multipleChoice",
-          question: "During the blackout-poem process, I felt that…",
-          options: [
-            "I was creating the poem and AI was assisting me.",
-            "AI was creating the poem and I was assisting it.",
-            "AI and I contributed approximately equally.",
-            "I did not use the AI tool.",
-          ],
-          required: true,
-        },
-      ],
-    },
     {
       id: "outside-tools",
       title: "Outside tools",
@@ -357,3 +338,172 @@ export const ArtistPostSurveyQuestions: SurveyDefinition = {
     },
   ],
 };
+
+const agreement7 = [
+  { label: "1 · Strongly disagree", value: 1 },
+  { label: "2", value: 2 },
+  { label: "3", value: 3 },
+  { label: "4 · Neither agree nor disagree", value: 4 },
+  { label: "5", value: 5 },
+  { label: "6", value: 6 },
+  { label: "7 · Strongly agree", value: 7 },
+];
+
+const audienceLiking7 = [
+  { label: "1 · Not at all", value: 1 },
+  { label: "2", value: 2 },
+  { label: "3", value: 3 },
+  { label: "4", value: 4 },
+  { label: "5", value: 5 },
+  { label: "6", value: 6 },
+  { label: "7 · Very much", value: 7 },
+];
+
+export const AudiencePoemQuestions: SurveyDefinition = {
+  id: "audience-poem-reception-v1",
+  title: "Your response to this poem",
+  sections: [
+    {
+      id: "interpretation",
+      title: "Your interpretation",
+      questions: [
+        {
+          id: "open_interpretation",
+          type: "openEnded",
+          question:
+            "In one or two sentences, what do you think this poem is expressing or about?",
+          placeholder: "Share your interpretation in one or two sentences...",
+          softWordTarget: { min: 8, max: 60 },
+          required: true,
+        },
+      ],
+    },
+    {
+      id: "felt-emotion",
+      title: "What you felt",
+      questions: [
+        {
+          id: "felt_emotion",
+          type: "emotionWheel",
+          question:
+            "Which emotion, if any, did you feel most strongly while reading this poem?",
+          options: [...GENEVA_EMOTION_FAMILIES],
+          intensityLevels: 5,
+          includeNoEmotion: true,
+          required: true,
+        },
+      ],
+    },
+    {
+      id: "communicated-emotion",
+      title: "What the creator communicated",
+      questions: [
+        {
+          id: "perceived_emotion",
+          type: "emotionWheel",
+          question:
+            "Which emotion, if any, do you think the creator most wanted this poem to convey?",
+          intensityPrompt:
+            "How strongly did the poem convey this emotion? Choose an intensity from 1 near the centre to 5 at the outside.",
+          options: [...GENEVA_EMOTION_FAMILIES],
+          intensityLevels: 5,
+          includeNoEmotion: true,
+          required: true,
+        },
+      ],
+    },
+    {
+      id: "understanding-and-connection",
+      title: "Understanding and connection",
+      questions: [
+        {
+          id: "subjective_understanding",
+          type: "likertScale",
+          question:
+            "I felt that I understood what the creator wanted this poem to express.",
+          options: agreement7,
+          required: true,
+        },
+        {
+          id: "creator_connection",
+          type: "iosCloseness",
+          question:
+            "Select the pair of circles that best represents how connected you felt to the person who created this poem while reading it.",
+          labels: { self: "You", other: "Creator" },
+          required: true,
+        },
+      ],
+    },
+    {
+      id: "evaluation",
+      title: "Your overall response",
+      questions: [
+        {
+          id: "liking",
+          type: "likertScale",
+          question: "How much did you like this poem?",
+          options: audienceLiking7,
+          required: true,
+        },
+        {
+          id: "continued_interest",
+          type: "likertScale",
+          question:
+            "I would be interested in reading another poem by this creator.",
+          options: agreement7,
+          required: true,
+        },
+      ],
+    },
+  ],
+};
+
+export const AudiencePostSurveyQuestions: SurveyDefinition = {
+  id: "audience-background-v1",
+  title: "About you",
+  sections: [
+    {
+      id: "ai-background",
+      title: "Your experience with AI",
+      questions: [
+        {
+          id: "creative_writing_ai_frequency",
+          type: "likertScale",
+          question:
+            "How often do you use generative AI for creative writing?",
+          options: frequency5,
+          required: true,
+        },
+        {
+          id: "ai_attitude",
+          type: "multipleChoice",
+          question:
+            "Increased use of AI computer programs in creative tasks makes you feel:",
+          options: [
+            "Equally concerned and excited",
+            "More concerned than excited",
+            "More excited than concerned",
+          ],
+          required: true,
+        },
+        {
+          id: "optional_comments",
+          type: "openEnded",
+          question: "Is there anything else you would like to share with us?",
+          placeholder: "Optional comments...",
+          required: false,
+        },
+      ],
+    },
+  ],
+};
+
+export const AUDIENCE_CREATIVITY_OPTIONS = [
+  { label: "1 · Not at all creative", value: 1 },
+  { label: "2", value: 2 },
+  { label: "3", value: 3 },
+  { label: "4", value: 4 },
+  { label: "5", value: 5 },
+  { label: "6", value: 6 },
+  { label: "7 · Extremely creative", value: 7 },
+];
diff --git a/src/pages/Captcha.tsx b/src/pages/Captcha.tsx
index 2fe4257..e7dd7f7 100644
--- a/src/pages/Captcha.tsx
+++ b/src/pages/Captcha.tsx
@@ -6,7 +6,13 @@ import { toaster } from "../components/ui/toaster";
 import { DataContext } from "../App";
 import { ArtistCondition } from "../types";
 import type { ArtistAssignment, Poem } from "../types";
-import { Passages } from "../consts/passages";
+import { ARTIST_DATA_LOGGING_VERSION } from "../consts/dataLogging";
+import {
+  CREATOR_PASSAGE_POOL_VERSION,
+  Passages,
+  sampleDistinctPassages,
+  type PassagePair,
+} from "../consts/passages";
 import type { ChangeEvent, KeyboardEvent } from "react";
 
 const TEST_CAPTCHA = "TEST";
@@ -84,6 +90,7 @@ const Captcha = () => {
   const makePoem = (passageId = "1"): Poem => {
     const passage = Passages.find((p) => p.id === passageId) ?? Passages[0];
     return {
+      loggingSchemaVersion: ARTIST_DATA_LOGGING_VERSION,
       passageId: passage.id,
       passage,
       text: [],
@@ -93,22 +100,31 @@ const Captcha = () => {
       writeNotes: "",
       poemSnapshot: [],
       taskTiming: { phases: {} },
-      llmUsage: { chatOpenings: [], requests: [] },
+      llmUsage: {
+        chatAvailability: [],
+        inputActivity: [],
+        requests: [],
+      },
     };
   };
 
   const startArtist = (
     condition: ArtistCondition,
-    passageId = "1",
+    passages: PassagePair = sampleDistinctPassages(),
     strategy: ArtistAssignment["strategy"] = "TEST_OVERRIDE",
+    passagePoolVersion = CREATOR_PASSAGE_POOL_VERSION,
   ) => {
+    const { tutorialPassage, taskPassage } = passages;
     addUserData({ role: "artist" });
     addRoleSpecificData({
       condition,
-      poem: makePoem(passageId),
+      poem: makePoem(taskPassage.id),
       assignment: {
         strategy,
-        passageId,
+        passageId: taskPassage.id,
+        tutorialPassageId: tutorialPassage.id,
+        taskPassageId: taskPassage.id,
+        passagePoolVersion,
         condition,
         assignedAt: new Date(),
       },
@@ -144,14 +160,15 @@ const Captcha = () => {
 
       setIsAssigning(true);
       try {
-        const proposedPassage =
-          Passages[Math.floor(Math.random() * Passages.length)];
+        const proposedPassages = sampleDistinctPassages();
         const response = await fetch("/api/firebase/artist-assignment", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
             sessionId,
-            passageId: proposedPassage.id,
+            passageId: proposedPassages.taskPassage.id,
+            tutorialPassageId: proposedPassages.tutorialPassage.id,
+            passagePoolVersion: CREATOR_PASSAGE_POOL_VERSION,
             prolificPid: prolific?.prolificPid ?? null,
           }),
         });
@@ -160,14 +177,27 @@ const Captcha = () => {
         }
         const assignment = (await response.json()) as {
           passageId: string;
+          tutorialPassageId: string;
+          taskPassageId: string;
+          passagePoolVersion: string;
           condition: ArtistCondition;
           strategy: ArtistAssignment["strategy"];
         };
         const hasValidStrategy =
           assignment.strategy === "INDEPENDENT_RANDOM_1_TO_1" ||
           assignment.strategy === "PASSAGE_STRATIFIED_1_TO_1";
+        const tutorialPassage = Passages.find(
+          (passage) => passage.id === assignment.tutorialPassageId,
+        );
+        const taskPassage = Passages.find(
+          (passage) => passage.id === assignment.taskPassageId,
+        );
         if (
-          !Passages.some((passage) => passage.id === assignment.passageId) ||
+          !tutorialPassage ||
+          !taskPassage ||
+          tutorialPassage.id === taskPassage.id ||
+          assignment.passageId !== taskPassage.id ||
+          !assignment.passagePoolVersion ||
           !Object.values(ArtistCondition).includes(assignment.condition) ||
           !hasValidStrategy
         ) {
@@ -176,8 +206,9 @@ const Captcha = () => {
 
         startArtist(
           assignment.condition,
-          assignment.passageId,
+          { tutorialPassage, taskPassage },
           assignment.strategy,
+          assignment.passagePoolVersion,
         );
         navigate("/consent");
       } catch (error) {
diff --git a/src/pages/ConsentForm.tsx b/src/pages/ConsentForm.tsx
index 2f3a837..3e1d35b 100644
--- a/src/pages/ConsentForm.tsx
+++ b/src/pages/ConsentForm.tsx
@@ -21,7 +21,11 @@ const ConsentForm = () => {
       addRoleSpecificData({
         timeStamps: [...(userData?.data?.timeStamps ?? []), new Date()],
       });
-      navigate("/artist/pre-survey");
+      navigate(
+        userData?.role === "audience"
+          ? "/audience/instructions"
+          : "/artist/pre-survey",
+      );
     } else {
       toaster.create({
         description: "Please give your consent to proceed",
@@ -48,11 +52,12 @@ const ConsentForm = () => {
           </p>
           {/* Try not to make it scary  */}
           <p className="text-main mb-2">
-            As a participant, you will be asked to write a (blackout) poem. You
-            will also be asked to provide some demographic information and
-            general thoughts on this survey. By taking part, you will help us
-            better understand how we can guide responsible AI development and
-            usage in creative contexts.
+            As a participant, you will be asked to {userData?.role === "audience"
+              ? "read and respond to several blackout poems"
+              : "write a blackout poem"}. You will also be asked to provide
+            some background information and general thoughts. By taking part,
+            you will help us better understand how we can guide responsible AI
+            development and usage in creative contexts.
           </p>
           <p className="text-main mb-2">
             There are no potential risks or preparatory requirements for
diff --git a/src/pages/artist/PostSurvey.tsx b/src/pages/artist/PostSurvey.tsx
index b073ca5..40dd637 100644
--- a/src/pages/artist/PostSurvey.tsx
+++ b/src/pages/artist/PostSurvey.tsx
@@ -47,7 +47,11 @@ const ArtistPostSurvey = () => {
     };
 
     const poemData = {
+      loggingSchemaVersion: poem.loggingSchemaVersion,
       passageId: poem.passageId,
+      tutorialPassageId: artistData.assignment?.tutorialPassageId,
+      taskPassageId:
+        artistData.assignment?.taskPassageId ?? poem.passageId,
       passage: poem.passage,
       text: poem.text,
       selectedWordIndexes: poem.text,
@@ -161,7 +165,7 @@ const ArtistPostSurvey = () => {
     sections: ArtistPostSurveyQuestions.sections.filter(
       (section) =>
         !section.conditions || // no conditions → always include
-        section.conditions.includes(userData?.data.condition),
+        section.conditions.includes((userData?.data as Artist).condition),
     ),
   };
 
diff --git a/src/pages/artist/README.md b/src/pages/artist/README.md
new file mode 100644
index 0000000..107453d
--- /dev/null
+++ b/src/pages/artist/README.md
@@ -0,0 +1,205 @@
+# Artist-side data logging
+
+This document is the source of truth for data collected during the artist/creator flow. The current schema version is `artist-data-2026-08-05-v2`, stored as `poem.loggingSchemaVersion` and copied to the final `poem` document.
+
+## Storage flow
+
+1. The client initializes an `Artist` record and an empty `Poem` after assignment.
+2. Page transitions append to `artistData.timeStamps`. The SPARK and WRITE pages additionally store structured `taskTiming` records.
+3. SPARK and WRITE interaction data is accumulated in React refs so high-frequency interaction logging does not cause UI rerenders. It is copied into the poem when that stage completes.
+4. `addRoleSpecificData` updates the in-memory record and schedules a 500 ms autosave to `artistIncompleteSession/{sessionId}`.
+5. Post-survey submission commits one atomic batch containing linked `artist`, `artistSurvey`, and `poem` documents, then deletes the incomplete-session document.
+
+Consequently, the final dataset contains complete stage data for submitted sessions. If someone closes the page before a stage completes, interactions that occurred during that unfinished stage may not be present in the last autosave. `sessionStorage.userDataSnapshot` is only a best-effort local backup on unload; it is not part of the analysis dataset.
+
+All JavaScript `Date` values become ISO date strings when sent as JSON. Analysis code should parse them as timestamps.
+
+## Final Firestore records
+
+### `artist`
+
+| Field | Meaning |
+| --- | --- |
+| `condition` | `LLM` or `NO_AI`. |
+| `assignment` | Condition strategy, task/tutorial passage IDs, passage-pool version, and assignment time. |
+| `surveyResponse` | Reference to the corresponding `artistSurvey` document. |
+| `poem` | Reference to the corresponding `poem` document. |
+| `timestamps` | General route/progress timestamps retained for compatibility. Prefer `poem.taskTiming` for phase-duration analysis. |
+| `prolific` | Prolific identifiers when the session originated on Prolific. |
+
+### `artistSurvey`
+
+Stores the exact pre- and post-survey definitions alongside `preSurveyAnswers` and `postSurveyAnswers`. Keeping the definitions makes each response interpretable if question wording or scales change later.
+
+### `poem`
+
+| Field | Meaning |
+| --- | --- |
+| `loggingSchemaVersion` | Artist logging schema used by the record. |
+| `passageId`, `taskPassageId` | Passage used for the measured poem task. |
+| `tutorialPassageId` | Passage sampled for the tutorial. |
+| `passage` | Full task passage and attribution metadata. |
+| `text`, `selectedWordIndexes` | Final selected zero-based word indexes. These are duplicate names retained for compatibility. |
+| `finalPoem` | Final selected words joined in passage order. |
+| `snapshot`, `editHistory` | Full word-selection event history. These are duplicate names retained for compatibility. |
+| `sparkNotes`, `writeNotes` | Notes at the end of each phase. |
+| `sparkConversation` | Chat transcript as of the end of SPARK. |
+| `writeConversation` | Running chat transcript as of the end of WRITE; it includes earlier SPARK messages. Use message IDs to deduplicate if combining both arrays. |
+| `taskTiming` | SPARK, WRITE, and total task timestamps/durations. |
+| `llmUsage` | Availability, input activity, and request-level logs described below. |
+| `derivedMetrics` | Analysis-ready measures calculated at final submission. |
+| `random` | Server-generated random value used for random ordering/sampling. |
+
+## Poem editing log
+
+Each entry in `snapshot`/`editHistory` contains:
+
+| Field | Values and meaning |
+| --- | --- |
+| `action` | `ADD` or `REMOVE`. |
+| `index` | Zero-based index of the affected passage word. |
+| `timestamp` | Client event time. |
+| `source` | `DIRECT`, `UNDO`, or `REDO`. |
+
+The final `text` indexes are the authoritative final state. The event history is used for process measures such as additions, removals, reversals, undo/redo use, and time to first/final edit.
+
+## Chat transcript
+
+Every new message has the following provenance fields in addition to `id`, `role`, `content`, and `timestamp`:
+
+| Field | Values and meaning |
+| --- | --- |
+| `stage` | `SPARK` or `WRITE`. |
+| `kind` | `USER_MESSAGE`, `LLM_RESPONSE`, `STAGE_OPENING`, or `IDLE_NUDGE`. |
+| `inputSource` | Present on user messages: `TYPED` or `SUGGESTION`. |
+
+`STAGE_OPENING` is added when the instructions close and the chat becomes usable. It is no longer created while the instructions are still covering the page. `IDLE_NUDGE` is added after 40 seconds without a user message in that stage. These messages are generated locally and do not create LLM API requests.
+
+The explicit `kind` and `stage` fields are authoritative for determining whether the SPARK/WRITE opening or idle-nudge message was shown. Do not identify automated messages by matching their text; copy can change between deployments.
+
+## `llmUsage`
+
+### `chatAvailability`
+
+One record per reached LLM-enabled stage:
+
+```ts
+{
+  stage: "SPARK" | "WRITE";
+  availableAt: Date;
+}
+```
+
+This replaces the misleading `chatOpenings` name. It means the always-visible chat panel became usable after the instructions closed; it does not mean the participant clicked or opened the panel.
+
+### `inputActivity`
+
+One privacy-preserving aggregate per stage:
+
+| Field | Meaning |
+| --- | --- |
+| `stage` | `SPARK` or `WRITE`. |
+| `firstFocusedAt` | First time the participant focused the chat textarea. Missing if never focused. |
+| `focusCount` | Number of textarea focus events. This can include keyboard tabbing and should not alone be treated as substantive engagement. |
+| `firstTypedAt` | First transition from blank/whitespace-only input to nonblank input. Missing if no nonblank draft was started. |
+| `draftStartCount` | Number of blank-to-nonblank draft starts. Sending a typed message resets the draft, so later typing begins another draft. |
+| `abandonedDraftCount` | Drafts cleared without typed submission. This includes replacing an existing typed draft by clicking a suggested prompt. |
+| `hasUnsentDraft` | Whether nonblank text remained in the textarea at the last stage save. In a completed stage, this means the stage ended with an unsent draft. |
+
+No keystroke stream and no unsent/deleted draft text is stored. Submitted message text remains available in the transcript and request log.
+
+### `requests`
+
+One record per attempted LLM request. The same `id` is updated as the request moves through its lifecycle.
+
+| Field | Meaning |
+| --- | --- |
+| `id`, `userMessageId`, `assistantMessageId` | IDs linking request and transcript messages. `assistantMessageId` exists only after success. |
+| `stage` | Stage in which the request was made. |
+| `inputSource` | `TYPED` or `SUGGESTION`. This is recorded even when the request fails. |
+| `userMessageContent` | Submitted content only; never an abandoned draft. |
+| `requestedAt`, `completedAt`, `failedAt` | Request lifecycle timestamps. |
+| `status` | `STARTED`, `COMPLETED`, or `FAILED`. |
+| `systemPrompt`, `promptVersion` | Exact prompt and version used for reproducibility. |
+| `model`, `modelVersion`, `generationParameters` | Server-returned generation metadata when available. |
+| `error` | Failure text when the request fails. |
+
+Failed optimistic user messages are removed from the displayed transcript and restored to the textarea for retry, while the failed request remains in `llmUsage.requests`.
+
+## Derived metrics
+
+`deriveArtistMetrics` creates the following fields at final submission.
+
+### Poem process and timing
+
+| Metric | Definition |
+| --- | --- |
+| `selectedWordCount` | Number of unique final selected indexes. |
+| `additionCount`, `removalCount` | Counts of `ADD` and `REMOVE` edit events. |
+| `reversalCount` | Number of times the same word's action changes between consecutive actions on that word. |
+| `undoCount`, `redoCount` | Edit events generated by undo/redo. |
+| `totalEditingActivity` | Total edit-event count. |
+| `timeToFirstSelectionMs` | WRITE start to first `ADD`; otherwise `null`. |
+| `timeToFinalEditMs` | WRITE start to last edit; otherwise `null`. |
+| `totalTaskTimeMs`, `sparkTimeMs`, `writeTimeMs` | Stored phase durations; otherwise `null`. |
+
+### LLM use
+
+| Metric | Definition |
+| --- | --- |
+| `llmUptake` | At least one completed LLM request. |
+| `llmTurnCount` | Completed request count. |
+| `llmAttemptCount` | All request attempts, including failures. |
+| `llmTypedAttemptCount` | Attempts submitted from typed input. |
+| `llmSuggestionAttemptCount` | Attempts submitted by clicking a suggested prompt. |
+| `chatAvailableStageCount` | Number of stages in which chat became usable. It is exposure, not engagement. |
+
+### Chat engagement and automated messages
+
+The following fields exist separately with `spark` and `write` prefixes:
+
+| Suffix | Definition |
+| --- | --- |
+| `ChatAvailable` | Chat became usable in that stage. |
+| `ChatFocusCount` | Textarea focus count. |
+| `ChatEverTyped` | A nonblank draft was started. |
+| `ChatDraftStartCount` | Blank-to-nonblank draft starts. |
+| `ChatAbandonedDraftCount` | Drafts cleared or replaced without typed submission. |
+| `ChatEndedWithUnsentDraft` | Stage ended with a nonblank unsent draft. |
+| `TimeFromChatAvailableToFirstFocusMs` | Availability to first focus; `null` if either timestamp is absent. |
+| `TimeFromChatAvailableToFirstTypingMs` | Availability to first nonblank input; `null` if either timestamp is absent. |
+| `StageOpeningShown` | Transcript contains that stage's typed `STAGE_OPENING` message. |
+| `IdleNudgeShown` | Transcript contains that stage's typed `IDLE_NUDGE` message. |
+
+The aggregate fields `chatFocusCount`, `chatDraftStartCount`, and `chatAbandonedDraftCount` sum SPARK and WRITE.
+
+For the `NO_AI` condition, current-schema chat measures are false or zero because chat is not available. Analyses of chat behavior should ordinarily be restricted to the `LLM` condition.
+
+## Versioning and legacy data
+
+Records should be grouped or filtered using `loggingSchemaVersion` before comparing logging-dependent metrics.
+
+- Current records use `artist-data-2026-08-05-v2`.
+- Older `chatOpenings` records are read as `chatAvailability` so the exposure timestamp remains usable.
+- Older messages do not have `stage`/`kind`, and older requests do not have `inputSource`. The new provenance, input-activity, and automated-message derived metrics are therefore emitted as `null` for records without the current schema version; `null` means unmeasured, not zero.
+
+## Analysis guidance
+
+- Use `ChatEverTyped`, request counts, and message provenance as the primary engagement measures. Treat focus counts as weaker evidence because focus can occur without intentional use.
+- Use `llmAttemptCount` when studying attempted reliance and `llmTurnCount` when studying completed exchanges.
+- Use `inputSource` to separate participant-authored requests from interface-suggested requests.
+- Use `IdleNudgeShown` when estimating effects of the nudge; it is post-treatment and depends on 40 seconds of no submitted user message.
+- Use `passagePoolVersion`, task passage ID, and condition in all passage- or condition-sensitive analyses.
+- Deduplicate combined transcript arrays by `message.id`, because `writeConversation` already carries the SPARK history forward.
+
+## Implementation map
+
+- Types and schema: `src/types.ts`
+- Schema-version constant: `src/consts/dataLogging.ts`
+- Automated message creation: `src/consts/chatMessages.ts`
+- Chat collection logic: `src/components/chatbot/Chatbot.tsx`
+- SPARK/WRITE stage aggregation: `src/pages/artist/step1/Step1.tsx` and `src/pages/artist/step2/Step2.tsx`
+- Final export: `src/pages/artist/PostSurvey.tsx`
+- Derived measures: `src/utils/artistMetrics.ts`
+- Legacy `chatOpenings` conversion: `src/utils/llmUsage.ts`
+- Firestore autosave/commit: `src/App.tsx` and `server/api/routes/firebaseAPI.ts`
diff --git a/src/pages/artist/instructions/Instructions.tsx b/src/pages/artist/instructions/Instructions.tsx
index 3f2152d..638976e 100644
--- a/src/pages/artist/instructions/Instructions.tsx
+++ b/src/pages/artist/instructions/Instructions.tsx
@@ -38,6 +38,8 @@ const ArtistInstructions = () => {
           existing passage of text.
         </p>
 
+        <p className="text-main font-semibold">Your final poem will be read by others.</p>
+
         <Image
           alt="Blackout Example"
           src={BlackoutExample}
diff --git a/src/pages/artist/step1/Step1.tsx b/src/pages/artist/step1/Step1.tsx
index 6b3e3cd..6eca517 100644
--- a/src/pages/artist/step1/Step1.tsx
+++ b/src/pages/artist/step1/Step1.tsx
@@ -3,16 +3,19 @@ import { useEffect, useRef, useState, useCallback } from "react";
 import MultiPageTemplate from "../../../components/shared/pages/multiPage";
 import { ArtistCondition } from "../../../types";
 import { Stage } from "../../../types";
-import type { ChatOpening, LlmRequestLog, Message, Poem } from "../../../types";
+import type {
+  ChatAvailability,
+  ChatInputActivity,
+  LlmRequestLog,
+  Message,
+  Poem,
+} from "../../../types";
 import { useContext } from "react";
 import { DataContext } from "../../../App";
 import type { Artist, Passage } from "../../../types";
 import { Button } from "@chakra-ui/react";
 import StarIcon from "../../../assets/star.svg";
-import {
-  createAssistantMessage,
-  STAGE_OPENING_MESSAGES,
-} from "../../../consts/chatMessages";
+import { getChatAvailability } from "../../../utils/llmUsage";
 
 const ArtistStep1 = () => {
   const navigate = useNavigate();
@@ -30,18 +33,19 @@ const ArtistStep1 = () => {
   const artistData = userData?.data as Artist;
   const existingPoem = artistData?.poem;
   const passage = existingPoem?.passage as Passage;
-  const userType = userData?.data.condition as ArtistCondition;
+  const userType = artistData.condition as ArtistCondition;
   const isLLM = userType === "LLM";
   const llmRequestsRef = useRef<LlmRequestLog[]>(
     existingPoem?.llmUsage?.requests ?? [],
   );
-  const chatOpeningsRef = useRef<ChatOpening[]>(
-    existingPoem?.llmUsage?.chatOpenings ?? [],
+  const chatAvailabilityRef = useRef<ChatAvailability[]>(
+    getChatAvailability(existingPoem?.llmUsage),
   );
-
-  const [sparkMessages, setSparkMessages] = useState<Message[]>(() =>
-    isLLM ? [createAssistantMessage(STAGE_OPENING_MESSAGES[Stage.SPARK])] : [],
+  const inputActivityRef = useRef<ChatInputActivity[]>(
+    existingPoem?.llmUsage?.inputActivity ?? [],
   );
+
+  const [sparkMessages, setSparkMessages] = useState<Message[]>([]);
   const [sparkNotes, setSparkNotes] = useState<string>("");
 
   // 0 = brainstorm instructions (all users), 1 = LLM assistant info (LLM only), done
@@ -49,13 +53,27 @@ const ArtistStep1 = () => {
   const totalPopups = isLLM ? 2 : 1;
   const showingPopup = popupStep < totalPopups;
 
-  const handleChatOpened = useCallback((opening: ChatOpening) => {
-    const alreadyLogged = chatOpeningsRef.current.some(
-      (item) => item.stage === opening.stage,
+  const handleChatAvailable = useCallback((availability: ChatAvailability) => {
+    const alreadyLogged = chatAvailabilityRef.current.some(
+      (item) => item.stage === availability.stage,
     );
-    if (!alreadyLogged) chatOpeningsRef.current.push(opening);
+    if (!alreadyLogged) chatAvailabilityRef.current.push(availability);
   }, []);
 
+  const handleInputActivityUpdate = useCallback(
+    (activity: ChatInputActivity) => {
+      const existingIndex = inputActivityRef.current.findIndex(
+        (item) => item.stage === activity.stage,
+      );
+      if (existingIndex >= 0) {
+        inputActivityRef.current[existingIndex] = activity;
+      } else {
+        inputActivityRef.current.push(activity);
+      }
+    },
+    [],
+  );
+
   const handleRequestUpdate = useCallback((request: LlmRequestLog) => {
     const existingIndex = llmRequestsRef.current.findIndex(
       (item) => item.id === request.id,
@@ -87,7 +105,8 @@ const ArtistStep1 = () => {
         },
       },
       llmUsage: {
-        chatOpenings: chatOpeningsRef.current,
+        chatAvailability: chatAvailabilityRef.current,
+        inputActivity: inputActivityRef.current,
         requests: llmRequestsRef.current,
       },
     };
@@ -175,7 +194,13 @@ const ArtistStep1 = () => {
         setMessages={setSparkMessages}
         notes={sparkNotes}
         setNotes={setSparkNotes}
-        onChatOpened={isLLM ? handleChatOpened : undefined}
+        initialInputActivity={inputActivityRef.current.find(
+          (activity) => activity.stage === Stage.SPARK,
+        )}
+        onChatAvailable={isLLM ? handleChatAvailable : undefined}
+        onInputActivityUpdate={
+          isLLM ? handleInputActivityUpdate : undefined
+        }
         onRequestUpdate={isLLM ? handleRequestUpdate : undefined}
       >
         <div
@@ -195,7 +220,11 @@ const ArtistStep1 = () => {
 
             <p className="text-xs text-grey text-left pt-2">
               <span className="italic">{'"' + passage.title + '"'}</span>
-              <span>{", " + passage.author}</span>
+              <span>
+                {", " +
+                  passage.author +
+                  (passage.publication ? `, ${passage.publication}` : "")}
+              </span>
             </p>
           </div>
         </div>
diff --git a/src/pages/artist/step1/TransitionStep1.tsx b/src/pages/artist/step1/TransitionStep1.tsx
index f1bdaf1..0bc2eb2 100644
--- a/src/pages/artist/step1/TransitionStep1.tsx
+++ b/src/pages/artist/step1/TransitionStep1.tsx
@@ -16,7 +16,8 @@ const ArtistTransitionStep1 = () => {
   }
 
   const { userData, addRoleSpecificData } = context;
-  const condition = userData?.data.condition;
+  const condition =
+    userData?.role === "artist" ? userData.data.condition : undefined;
 
   const handleSubmit = () => {
     addRoleSpecificData({
diff --git a/src/pages/artist/step2/Step2.tsx b/src/pages/artist/step2/Step2.tsx
index 4da710e..ba65fe3 100644
--- a/src/pages/artist/step2/Step2.tsx
+++ b/src/pages/artist/step2/Step2.tsx
@@ -5,7 +5,8 @@ import BlackoutPoetry from "../../../components/blackout/Blackout";
 import type {
   Artist,
   ArtistCondition,
-  ChatOpening,
+  ChatAvailability,
+  ChatInputActivity,
   LlmRequestLog,
   Message,
   PoemSnapshot,
@@ -14,10 +15,7 @@ import { useContext } from "react";
 import { DataContext } from "../../../App";
 import { Stage } from "../../../types";
 import { Button } from "@chakra-ui/react";
-import {
-  createAssistantMessage,
-  STAGE_OPENING_MESSAGES,
-} from "../../../consts/chatMessages";
+import { getChatAvailability } from "../../../utils/llmUsage";
 
 const ArtistStep2 = () => {
   const navigate = useNavigate();
@@ -30,7 +28,7 @@ const ArtistStep2 = () => {
 
   const artistData = userData?.data as Artist;
   const artistPoem = artistData?.poem;
-  const userType = userData?.data.condition as ArtistCondition;
+  const userType = artistData.condition as ArtistCondition;
 
   const writeMessagesRef = useRef<Message[]>([]);
   const selectedWordIndexesRef = useRef<number[]>([]);
@@ -40,31 +38,43 @@ const ArtistStep2 = () => {
   const llmRequestsRef = useRef<LlmRequestLog[]>(
     artistPoem?.llmUsage?.requests ?? [],
   );
-  const chatOpeningsRef = useRef<ChatOpening[]>(
-    artistPoem?.llmUsage?.chatOpenings ?? [],
+  const chatAvailabilityRef = useRef<ChatAvailability[]>(
+    getChatAvailability(artistPoem?.llmUsage),
+  );
+  const inputActivityRef = useRef<ChatInputActivity[]>(
+    artistPoem?.llmUsage?.inputActivity ?? [],
   );
   const [writeNotes, setWriteNotes] = useState(
     artistData?.poem?.sparkNotes || "",
   );
-  const [writeMessages, setWriteMessages] = useState<Message[]>(() =>
-    userType === "LLM"
-      ? [
-          ...(artistPoem?.sparkConversation ?? []),
-          createAssistantMessage(STAGE_OPENING_MESSAGES[Stage.WRITE]),
-        ]
-      : [...(artistPoem?.sparkConversation ?? [])],
-  );
+  const [writeMessages, setWriteMessages] = useState<Message[]>(() => [
+    ...(artistPoem?.sparkConversation ?? []),
+  ]);
   const [selectedWordIndexes, setSelectedWordIndexes] = useState<number[]>([]);
   const [poemSnapshots, setPoemSnapshots] = useState<PoemSnapshot[]>([]);
   const [showPopup, setShowPopup] = useState(true);
 
-  const handleChatOpened = useCallback((opening: ChatOpening) => {
-    const alreadyLogged = chatOpeningsRef.current.some(
-      (item) => item.stage === opening.stage,
+  const handleChatAvailable = useCallback((availability: ChatAvailability) => {
+    const alreadyLogged = chatAvailabilityRef.current.some(
+      (item) => item.stage === availability.stage,
     );
-    if (!alreadyLogged) chatOpeningsRef.current.push(opening);
+    if (!alreadyLogged) chatAvailabilityRef.current.push(availability);
   }, []);
 
+  const handleInputActivityUpdate = useCallback(
+    (activity: ChatInputActivity) => {
+      const existingIndex = inputActivityRef.current.findIndex(
+        (item) => item.stage === activity.stage,
+      );
+      if (existingIndex >= 0) {
+        inputActivityRef.current[existingIndex] = activity;
+      } else {
+        inputActivityRef.current.push(activity);
+      }
+    },
+    [],
+  );
+
   const handleRequestUpdate = useCallback((request: LlmRequestLog) => {
     const existingIndex = llmRequestsRef.current.findIndex(
       (item) => item.id === request.id,
@@ -101,7 +111,8 @@ const ArtistStep2 = () => {
         },
       },
       llmUsage: {
-        chatOpenings: chatOpeningsRef.current,
+        chatAvailability: chatAvailabilityRef.current,
+        inputActivity: inputActivityRef.current,
         requests: llmRequestsRef.current,
       },
     };
@@ -170,7 +181,15 @@ const ArtistStep2 = () => {
         notes={writeNotes}
         setNotes={setWriteNotes}
         selectedWordIndexes={selectedWordIndexes}
-        onChatOpened={userType === "LLM" ? handleChatOpened : undefined}
+        initialInputActivity={inputActivityRef.current.find(
+          (activity) => activity.stage === Stage.WRITE,
+        )}
+        onChatAvailable={
+          userType === "LLM" ? handleChatAvailable : undefined
+        }
+        onInputActivityUpdate={
+          userType === "LLM" ? handleInputActivityUpdate : undefined
+        }
         onRequestUpdate={userType === "LLM" ? handleRequestUpdate : undefined}
       >
         <div className="h-max w-full flex flex-col justify-between">
diff --git a/src/pages/artist/tutorial/Tutorial.tsx b/src/pages/artist/tutorial/Tutorial.tsx
index 4580eba..f91e6b4 100644
--- a/src/pages/artist/tutorial/Tutorial.tsx
+++ b/src/pages/artist/tutorial/Tutorial.tsx
@@ -4,7 +4,7 @@ import { DataContext } from "../../../App";
 import FullPageTemplate from "../../../components/shared/pages/fullScrollPage";
 import BlackoutPoetry from "../../../components/blackout/Blackout";
 import { Button } from "@chakra-ui/react";
-import type { PoemSnapshot } from "../../../types";
+import type { Artist, PoemSnapshot } from "../../../types";
 import { Passages } from "../../../consts/passages";
 
 const STEPS = [
@@ -33,8 +33,14 @@ const ArtistTutorial = () => {
     throw new Error("Component must be used within a DataContext.Provider");
   }
   const { userData, addRoleSpecificData } = context;
+  const artistData = userData?.data as Artist;
+  const passage = Passages.find(
+    (candidate) => candidate.id === artistData.assignment?.tutorialPassageId,
+  );
 
-  const passage = Passages.find((p) => p.id === "2")!;
+  if (!passage) {
+    throw new Error("Tutorial passage assignment is missing or invalid");
+  }
 
   const [selectedWordIndexes, setSelectedWordIndexes] = useState<number[]>([]);
   const [, setPoemSnapshots] = useState<PoemSnapshot[]>([]);
@@ -54,7 +60,7 @@ const ArtistTutorial = () => {
     }
 
     prevCountRef.current = count;
-  }, [selectedWordIndexes]);
+  }, [selectedWordIndexes, step]);
 
   const handleContinue = () => {
     addRoleSpecificData({
@@ -102,7 +108,11 @@ const ArtistTutorial = () => {
 
         <p className="text-xs text-grey">
           <span className="italic">{'"' + passage.title + '"'}</span>
-          <span>{", " + passage.author}</span>
+          <span>
+            {", " +
+              passage.author +
+              (passage.publication ? `, ${passage.publication}` : "")}
+          </span>
         </p>
 
         {/* Continue — only shown on final step */}
diff --git a/src/pages/audience/AIDetection.tsx b/src/pages/audience/AIDetection.tsx
new file mode 100644
index 0000000..bb07343
--- /dev/null
+++ b/src/pages/audience/AIDetection.tsx
@@ -0,0 +1,105 @@
+import { Button, Slider } from "@chakra-ui/react";
+import { useContext, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { DataContext } from "../../App";
+import AudiencePoem from "../../components/audience/AudiencePoem";
+import FullPageTemplate from "../../components/shared/pages/fullScrollPage";
+import { toaster } from "../../components/ui/toaster";
+import type { Audience } from "../../types";
+
+const AIDetection = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+  const { userData, addRoleSpecificData } = context;
+  const navigate = useNavigate();
+  const audienceData = userData?.data as Audience;
+  const poems = audienceData.assignment.poems;
+  const [poemIndex, setPoemIndex] = useState(0);
+  const [rating, setRating] = useState<number | null>(null);
+  const poem = poems[poemIndex];
+
+  const handleNext = () => {
+    if (rating === null) {
+      toaster.create({
+        description: "Please move the slider to record your estimate.",
+        type: "error",
+        duration: 5000,
+      });
+      return;
+    }
+
+    const isLastPoem = poemIndex === poems.length - 1;
+    addRoleSpecificData({
+      surveyResponse: {
+        ...audienceData.surveyResponse,
+        aiLikelihoodRatings: [
+          ...audienceData.surveyResponse.aiLikelihoodRatings,
+          { poemId: poem.id, rating },
+        ],
+      },
+      ...(isLastPoem
+        ? { timeStamps: [...audienceData.timeStamps, new Date()] }
+        : {}),
+    });
+
+    if (isLastPoem) {
+      navigate("/audience/post-survey");
+    } else {
+      setPoemIndex((current) => current + 1);
+      setRating(null);
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+
+  return (
+    <FullPageTemplate
+      title={`AI assistance estimate (${poemIndex + 1} of ${poems.length})`}
+      description="For each poem, give your own estimate. There may be any number of poems whose creator had access to AI assistance."
+    >
+      <div className="mx-auto grid w-full max-w-5xl gap-8 py-4 lg:grid-cols-2 lg:items-start">
+        <AudiencePoem poem={poem} label={`Poem ${poemIndex + 1}`} />
+        <section className="space-y-6 rounded-xl border border-light-grey-2 bg-white p-6">
+          <h2 className="text-main">
+            How likely is it that the creator had access to AI assistance while
+            making this poem?*
+          </h2>
+          <Slider.Root
+            value={[rating ?? 50]}
+            min={0}
+            max={100}
+            step={1}
+            onValueChange={({ value }) => setRating(value[0] ?? null)}
+            className="w-full"
+          >
+            <Slider.Label className="sr-only">AI assistance likelihood</Slider.Label>
+            <Slider.Control className="h-6 w-full">
+              <Slider.Track className="bg-white border border-light-grey-3">
+                <Slider.Range className="bg-grey" />
+              </Slider.Track>
+              <Slider.Thumb
+                index={0}
+                className="flex h-4 w-4 items-center justify-center rounded-full bg-grey"
+              >
+                <Slider.HiddenInput />
+              </Slider.Thumb>
+            </Slider.Control>
+          </Slider.Root>
+          <div className="flex justify-between gap-4 text-xs text-grey">
+            <span>0 · Definitely did not have AI assistance</span>
+            <span className="text-right">100 · Definitely had AI assistance</span>
+          </div>
+          <p className="text-center text-h2" aria-live="polite">
+            {rating === null ? "Move the slider to answer" : `${rating}%`}
+          </p>
+          <Button className="btn-primary" onClick={handleNext}>
+            {poemIndex === poems.length - 1 ? "Continue" : "Next poem"}
+          </Button>
+        </section>
+      </div>
+    </FullPageTemplate>
+  );
+};
+
+export default AIDetection;
diff --git a/src/pages/audience/AudienceCaptcha.tsx b/src/pages/audience/AudienceCaptcha.tsx
new file mode 100644
index 0000000..def1386
--- /dev/null
+++ b/src/pages/audience/AudienceCaptcha.tsx
@@ -0,0 +1,195 @@
+import { Button, Input } from "@chakra-ui/react";
+import { useContext, useEffect, useRef, useState } from "react";
+import type { ChangeEvent, KeyboardEvent } from "react";
+import { useNavigate } from "react-router-dom";
+import { DataContext } from "../../App";
+import HalfPageTemplate from "../../components/shared/pages/halfPage";
+import { toaster } from "../../components/ui/toaster";
+import { createAudienceTestAssignment } from "../../consts/audienceTestAssignment";
+import {
+  CREATOR_PASSAGE_POOL_VERSION,
+  Passages,
+} from "../../consts/passages";
+import type { AudienceAssignment } from "../../types";
+
+const TEST_CAPTCHA = "AUDIENCE_TEST";
+const INSUFFICIENT_AUDIENCE_POOL = "INSUFFICIENT_AUDIENCE_POOL";
+const AUDIENCE_PASSAGE_IDS = new Set(Passages.map((passage) => passage.id));
+
+const AudienceCaptcha = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+
+  const { addUserData, setIsTestMode } = context;
+  const navigate = useNavigate();
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [captchaMessage, setCaptchaMessage] = useState("");
+  const [inputCaptcha, setInputCaptcha] = useState("");
+  const [isAssigning, setIsAssigning] = useState(false);
+
+  const generateCaptcha = () => {
+    const characters =
+      "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+    let nextCaptcha = "";
+    for (let index = 0; index < 4; index += 1) {
+      nextCaptcha += characters.charAt(
+        Math.floor(Math.random() * characters.length),
+      );
+    }
+    setCaptchaMessage(nextCaptcha);
+  };
+
+  useEffect(() => generateCaptcha(), []);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    const drawingContext = canvas?.getContext("2d");
+    if (!canvas || !drawingContext) return;
+
+    drawingContext.clearRect(0, 0, canvas.width, canvas.height);
+    drawingContext.font = "30px Roboto";
+    drawingContext.fillStyle = "black";
+    drawingContext.fillText(captchaMessage, 8, 30);
+    drawingContext.beginPath();
+    drawingContext.moveTo(0, 25);
+    drawingContext.lineTo(80, 25);
+    drawingContext.moveTo(0, 20);
+    drawingContext.lineTo(80, 15);
+    drawingContext.lineWidth = 1.5;
+    drawingContext.strokeStyle = "black";
+    drawingContext.stroke();
+  }, [captchaMessage]);
+
+  const startAudience = (assignment: AudienceAssignment) => {
+    addUserData({
+      role: "audience",
+      data: {
+        assignment,
+        surveyResponse: {
+          id: "audience-survey-v1",
+          poemAnswers: [],
+          statementMatches: [],
+          creativityRatings: [],
+          aiLikelihoodRatings: [],
+          postAnswers: {},
+        },
+        timeStamps: [new Date()],
+      },
+    });
+    navigate("/consent");
+  };
+
+  const startAudiencePreview = (description: string) => {
+    setIsTestMode(true);
+    toaster.create({
+      description,
+      type: "info",
+      duration: 8000,
+    });
+    startAudience(createAudienceTestAssignment());
+  };
+
+  const handleSubmit = async () => {
+    if (isAssigning) return;
+
+    if (inputCaptcha === TEST_CAPTCHA) {
+      startAudiencePreview(
+        "Audience preview started with dummy poems. Preview responses will not be saved.",
+      );
+      return;
+    }
+
+    if (inputCaptcha !== captchaMessage) {
+      toaster.create({
+        description: "Captcha does not match! Try again.",
+        type: "error",
+        duration: 5000,
+      });
+      generateCaptcha();
+      setInputCaptcha("");
+      return;
+    }
+
+    setIsAssigning(true);
+    try {
+      const response = await fetch("/api/firebase/audience-assignment", {
+        method: "POST",
+      });
+      if (!response.ok) {
+        const errorBody: unknown = await response.json().catch(() => null);
+        if (
+          response.status === 409 &&
+          typeof errorBody === "object" &&
+          errorBody !== null &&
+          "code" in errorBody &&
+          errorBody.code === INSUFFICIENT_AUDIENCE_POOL
+        ) {
+          startAudiencePreview(
+            "Not enough completed artist responses are available yet, so this preview is using dummy poems. Preview responses will not be saved.",
+          );
+          return;
+        }
+        throw new Error(`Assignment failed with status ${response.status}`);
+      }
+      const assignment = (await response.json()) as AudienceAssignment;
+      if (
+        assignment.poems.length !== 4 ||
+        assignment.statementTrials.length !== 4 ||
+        assignment.passagePoolVersion !== CREATOR_PASSAGE_POOL_VERSION ||
+        assignment.passageId !== assignment.taskPassageId ||
+        assignment.tutorialPassageId === assignment.taskPassageId ||
+        !AUDIENCE_PASSAGE_IDS.has(assignment.tutorialPassageId) ||
+        !AUDIENCE_PASSAGE_IDS.has(assignment.taskPassageId) ||
+        assignment.poems.some(
+          (poem) => poem.passageId !== assignment.taskPassageId,
+        )
+      ) {
+        throw new Error("Audience assignment response was invalid");
+      }
+      startAudience(assignment);
+    } catch (error) {
+      console.error("Audience assignment failed", error);
+      toaster.create({
+        description:
+          "We could not prepare the poems for this session. Please try again.",
+        type: "error",
+        duration: 5000,
+      });
+      setIsAssigning(false);
+    }
+  };
+
+  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
+    if (event.key === "Enter") void handleSubmit();
+  };
+
+  return (
+    <HalfPageTemplate left background="bg1">
+      <div className="flex h-full w-full flex-col justify-center space-y-4 p-1">
+        <p className="text-h1">Enter Captcha</p>
+        <canvas ref={canvasRef} height="40" width="90" />
+        <Input
+          className="w-full px-2 outline outline-1 outline-light-grey-2 focus:outline-2 focus:outline-grey md:w-48"
+          value={inputCaptcha}
+          onChange={(event: ChangeEvent<HTMLInputElement>) =>
+            setInputCaptcha(event.target.value)
+          }
+          onKeyDown={handleKeyDown}
+          disabled={isAssigning}
+          placeholder="Type code here"
+        />
+        <Button
+          className="btn-primary"
+          onClick={() => void handleSubmit()}
+          disabled={isAssigning}
+        >
+          {isAssigning ? "Preparing poems…" : "Continue"}
+        </Button>
+      </div>
+    </HalfPageTemplate>
+  );
+};
+
+export default AudienceCaptcha;
diff --git a/src/pages/audience/Creativity.tsx b/src/pages/audience/Creativity.tsx
new file mode 100644
index 0000000..34655d2
--- /dev/null
+++ b/src/pages/audience/Creativity.tsx
@@ -0,0 +1,113 @@
+import { Button, RadioGroup } from "@chakra-ui/react";
+import { useContext, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { DataContext } from "../../App";
+import AudiencePoem from "../../components/audience/AudiencePoem";
+import FullPageTemplate from "../../components/shared/pages/fullScrollPage";
+import { toaster } from "../../components/ui/toaster";
+import { AUDIENCE_CREATIVITY_OPTIONS } from "../../consts/surveyQuestions";
+import type { Audience } from "../../types";
+
+const Creativity = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+  const { userData, addRoleSpecificData } = context;
+  const navigate = useNavigate();
+  const audienceData = userData?.data as Audience;
+  const poems = audienceData.assignment.poems;
+  const [poemIndex, setPoemIndex] = useState(0);
+  const [rating, setRating] = useState<number | null>(null);
+  const poem = poems[poemIndex];
+  const passage = poem.passage;
+
+  const handleNext = () => {
+    if (rating === null) {
+      toaster.create({
+        description: "Please select a creativity rating to continue.",
+        type: "error",
+        duration: 5000,
+      });
+      return;
+    }
+
+    const isLastPoem = poemIndex === poems.length - 1;
+    addRoleSpecificData({
+      surveyResponse: {
+        ...audienceData.surveyResponse,
+        creativityRatings: [
+          ...audienceData.surveyResponse.creativityRatings,
+          { poemId: poem.id, rating },
+        ],
+      },
+      ...(isLastPoem
+        ? { timeStamps: [...audienceData.timeStamps, new Date()] }
+        : {}),
+    });
+
+    if (isLastPoem) {
+      navigate("/audience/ai-detection");
+    } else {
+      setPoemIndex((current) => current + 1);
+      setRating(null);
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+
+  return (
+    <FullPageTemplate
+      title={`Source reveal and creativity (${poemIndex + 1} of ${poems.length})`}
+      description="Now that the earlier questions are complete, you can see the source passage used to create this poem."
+    >
+      <div className="mx-auto flex w-full max-w-6xl flex-col gap-6 py-4">
+        <div className="grid gap-6 lg:grid-cols-2 lg:items-start">
+          <AudiencePoem poem={poem} label={`Poem ${poemIndex + 1}`} />
+          <article className="rounded-xl border border-light-grey-2 bg-white p-5 sm:p-6">
+            <h2 className="mb-3 text-h3">Source text</h2>
+            <p className="font-serif text-sm leading-relaxed text-dark-grey sm:text-base">
+              {passage.text}
+            </p>
+            <p className="mt-4 text-xs text-grey">
+              <span className="italic">“{passage.title}”</span>, {passage.author}
+              {passage.publication ? `, ${passage.publication}` : ""}
+            </p>
+          </article>
+        </div>
+
+        <fieldset className="space-y-4 rounded-xl border border-light-grey-2 bg-white p-6">
+          <legend className="px-1 text-main">
+            Considering the source text and the constraints of blackout poetry,
+            how creative do you find this poem?*
+          </legend>
+          <RadioGroup.Root
+            value={rating?.toString() ?? ""}
+            onValueChange={({ value }) =>
+              setRating(value ? Number.parseInt(value, 10) : null)
+            }
+            className="grid gap-3 md:grid-cols-7"
+          >
+            {AUDIENCE_CREATIVITY_OPTIONS.map((option) => (
+              <RadioGroup.Item
+                key={option.value}
+                value={option.value.toString()}
+                className="flex cursor-pointer items-center gap-2 rounded-lg border border-light-grey-2 p-3 md:flex-col md:text-center"
+              >
+                <RadioGroup.ItemHiddenInput />
+                <RadioGroup.ItemIndicator className="h-4 w-4 shrink-0 rounded-full border border-light-grey-1" />
+                <RadioGroup.ItemText className="text-sub">
+                  {option.label}
+                </RadioGroup.ItemText>
+              </RadioGroup.Item>
+            ))}
+          </RadioGroup.Root>
+          <Button className="btn-primary" onClick={handleNext}>
+            {poemIndex === poems.length - 1 ? "Continue" : "Next poem"}
+          </Button>
+        </fieldset>
+      </div>
+    </FullPageTemplate>
+  );
+};
+
+export default Creativity;
diff --git a/src/pages/audience/PostSurvey.tsx b/src/pages/audience/PostSurvey.tsx
index eb90b8e..77a141b 100644
--- a/src/pages/audience/PostSurvey.tsx
+++ b/src/pages/audience/PostSurvey.tsx
@@ -1,105 +1,104 @@
-import { useState } from "react";
-import { Box, VStack, RadioGroup, Text, Textarea } from "@chakra-ui/react";
+import { useContext, useRef, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import PageTemplate from "../../components/shared/pages/page";
+import { DataContext } from "../../App";
+import FullPageTemplate from "../../components/shared/pages/fullScrollPage";
+import SurveyScroll from "../../components/survey/surveyScroll";
 import { toaster } from "../../components/ui/toaster";
-type QuestionType = "multiple" | "text";
-
-interface SurveyQuestion {
-  id: string;
-  question: string;
-  type: QuestionType;
-  options?: string[]; // For multiple choice
-  scale?: number; // For scale questions (e.g., 7-point scale)
-}
-
-const survey: SurveyQuestion[] = [
-  {
-    id: "q2",
-    question: "How are you feeling?",
-    type: "multiple",
-    options: ["Option A", "Option B", "Option C"],
-  },
-  { id: "q3", question: "Any additional feedback?", type: "text" },
-];
+import { AudiencePostSurveyQuestions } from "../../consts/surveyQuestions";
+import type { Audience, SurveyAnswers } from "../../types";
 
 const AudiencePostSurvey = () => {
-  const [answers, setAnswers] = useState<Record<string, string>>({});
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+  const {
+    userData,
+    addPostSurvey,
+    sessionId,
+    prolific,
+    disableRefreshGuard,
+    isTestMode,
+  } = context;
   const navigate = useNavigate();
+  const submitInFlightRef = useRef(false);
+  const [isSubmitting, setIsSubmitting] = useState(false);
 
-  const handleAnswer = (id: string, answer: string) => {
-    setAnswers((prev) => ({
-      ...prev,
-      [id]: answer,
-    }));
-  };
+  const handleSubmit = async (answers: SurveyAnswers) => {
+    if (submitInFlightRef.current || !userData) return;
+    submitInFlightRef.current = true;
+    setIsSubmitting(true);
 
-  const allQuestionsAnswered = () => {
-    return survey.every((q) => (answers[q.id] || "").trim() !== "");
-  };
+    const audienceData = userData.data as Audience;
+    const completedAudienceData: Audience = {
+      ...audienceData,
+      timeStamps: [...audienceData.timeStamps, new Date()],
+      surveyResponse: {
+        ...audienceData.surveyResponse,
+        postSurvey: AudiencePostSurveyQuestions,
+        postAnswers: answers,
+      },
+    };
 
-  const handleSubmit = () => {
-    if (!allQuestionsAnswered()) {
+    if (isTestMode) {
+      addPostSurvey({
+        postSurvey: AudiencePostSurveyQuestions,
+        postAnswers: answers,
+      });
+      navigate("/audience/thank-you");
+      return;
+    }
+
+    try {
+      const response = await fetch("/api/firebase/commit-audience-session", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          audienceData: completedAudienceData,
+          sessionId,
+          prolific,
+        }),
+      });
+      if (!response.ok) {
+        throw new Error(`Audience submission failed with status ${response.status}`);
+      }
+
+      if (prolific) {
+        disableRefreshGuard();
+        window.location.replace(
+          "https://app.prolific.com/submissions/complete?cc=CEX432JK",
+        );
+      } else {
+        navigate("/audience/thank-you");
+      }
+    } catch (error) {
+      console.error("Audience submission failed", error);
       toaster.create({
-        description: "Please answer all required (*) questions to continue.",
+        description:
+          "There was an error submitting your responses. Please try again.",
         type: "error",
         duration: 5000,
       });
-      return;
+    } finally {
+      submitInFlightRef.current = false;
+      setIsSubmitting(false);
     }
-
-    console.log("Survey answers:", answers);
-    navigate("/thank-you");
   };
 
   return (
-    <PageTemplate
-      title="Post-survey"
-      description="Please fill out the following survey before we wrap things up!"
-      background="bg3"
-      nextButton={{ text: "Submit", action: handleSubmit }}
+    <FullPageTemplate
+      title="A few final questions"
+      description="These background questions appear last so they do not influence your responses to the poems."
     >
-      <Box className="py-4 w-full h-full">
-        <VStack align="stretch" className="space-y-4">
-          {survey.map((q) => (
-            <Box key={q.id}>
-              <Text className="text-main" mb={2}>
-                {q.question}
-              </Text>
-              {q.type === "multiple" && (
-                <RadioGroup.Root
-                  onValueChange={({ value }) => {
-                    handleAnswer(q.id, value || "");
-                  }}
-                >
-                  <div className="flex flex-col md:flex-row gap-4">
-                    {q.options!.map((option: string) => (
-                      <RadioGroup.Item key={option} value={option}>
-                        <RadioGroup.ItemHiddenInput />
-                        <RadioGroup.ItemIndicator className="border border-light-grey-1 focus:border-grey focus:border-2" />
-                        <RadioGroup.ItemText className="text-sub">
-                          {option}
-                        </RadioGroup.ItemText>
-                      </RadioGroup.Item>
-                    ))}
-                  </div>
-                </RadioGroup.Root>
-              )}
-
-              {q.type === "text" && (
-                <Textarea
-                  placeholder="Your answer..."
-                  className="border border-light-grey-1 p-2 text-base focus:border-grey h-24"
-                  value={answers[q.id] || ""}
-                  onChange={(e) => handleAnswer(q.id, e.target.value)}
-                  size="sm"
-                />
-              )}
-            </Box>
-          ))}
-        </VStack>
-      </Box>
-    </PageTemplate>
+      <div className="mx-auto w-full max-w-3xl py-4">
+        <SurveyScroll
+          survey={AudiencePostSurveyQuestions}
+          onSubmit={(answers) => void handleSubmit(answers)}
+          isSubmitting={isSubmitting}
+          buttonText="Submit responses"
+        />
+      </div>
+    </FullPageTemplate>
   );
 };
 
diff --git a/src/pages/audience/StatementMatch.tsx b/src/pages/audience/StatementMatch.tsx
new file mode 100644
index 0000000..e07adc4
--- /dev/null
+++ b/src/pages/audience/StatementMatch.tsx
@@ -0,0 +1,103 @@
+import { Button, RadioGroup } from "@chakra-ui/react";
+import { useContext, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { DataContext } from "../../App";
+import AudiencePoem from "../../components/audience/AudiencePoem";
+import FullPageTemplate from "../../components/shared/pages/fullScrollPage";
+import { toaster } from "../../components/ui/toaster";
+import type { Audience } from "../../types";
+
+const StatementMatch = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+  const { userData, addRoleSpecificData } = context;
+  const navigate = useNavigate();
+  const audienceData = userData?.data as Audience;
+  const [trialIndex, setTrialIndex] = useState(0);
+  const [selectedStatementId, setSelectedStatementId] = useState("");
+  const trial = audienceData.assignment.statementTrials[trialIndex];
+  const poem = audienceData.assignment.poems.find(
+    (candidate) => candidate.id === trial.poemId,
+  );
+
+  if (!poem) throw new Error("Statement trial poem was not found");
+
+  const handleNext = () => {
+    if (!selectedStatementId) {
+      toaster.create({
+        description: "Please select one statement to continue.",
+        type: "error",
+        duration: 5000,
+      });
+      return;
+    }
+
+    const isLastTrial = trialIndex === audienceData.assignment.statementTrials.length - 1;
+    addRoleSpecificData({
+      surveyResponse: {
+        ...audienceData.surveyResponse,
+        statementMatches: [
+          ...audienceData.surveyResponse.statementMatches,
+          {
+            poemId: poem.id,
+            selectedStatementId,
+            isCorrect: selectedStatementId === poem.id,
+          },
+        ],
+      },
+      ...(isLastTrial
+        ? { timeStamps: [...audienceData.timeStamps, new Date()] }
+        : {}),
+    });
+
+    if (isLastTrial) {
+      navigate("/audience/creativity");
+    } else {
+      setTrialIndex((current) => current + 1);
+      setSelectedStatementId("");
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+
+  return (
+    <FullPageTemplate
+      title={`Match the creator statement (${trialIndex + 1} of ${audienceData.assignment.statementTrials.length})`}
+      description="Which statement best describes what the creator of this poem wanted it to express?"
+    >
+      <div className="mx-auto grid w-full max-w-6xl gap-8 py-4 lg:grid-cols-2 lg:items-start">
+        <AudiencePoem poem={poem} label={`Poem ${trialIndex + 1}`} />
+        <div className="space-y-6 rounded-xl border border-light-grey-2 bg-white p-6">
+          <RadioGroup.Root
+            value={selectedStatementId}
+            onValueChange={({ value }) => setSelectedStatementId(value ?? "")}
+            className="space-y-4"
+            aria-label="Creator statement options"
+          >
+            {trial.options.map((option) => (
+              <RadioGroup.Item
+                key={option.id}
+                value={option.id}
+                className="flex cursor-pointer items-start gap-3 rounded-lg border border-light-grey-2 p-4 hover:border-grey"
+              >
+                <RadioGroup.ItemHiddenInput />
+                <RadioGroup.ItemIndicator className="mt-1 h-4 w-4 shrink-0 rounded-full border border-light-grey-1" />
+                <RadioGroup.ItemText className="text-main">
+                  {option.statement}
+                </RadioGroup.ItemText>
+              </RadioGroup.Item>
+            ))}
+          </RadioGroup.Root>
+          <Button className="btn-primary" onClick={handleNext}>
+            {trialIndex < audienceData.assignment.statementTrials.length - 1
+              ? "Next poem"
+              : "Reveal source text"}
+          </Button>
+        </div>
+      </div>
+    </FullPageTemplate>
+  );
+};
+
+export default StatementMatch;
diff --git a/src/pages/audience/ThankYou.tsx b/src/pages/audience/ThankYou.tsx
new file mode 100644
index 0000000..aa05bed
--- /dev/null
+++ b/src/pages/audience/ThankYou.tsx
@@ -0,0 +1,31 @@
+import { useContext } from "react";
+import { DataContext } from "../../App";
+import FullPageTemplate from "../../components/shared/pages/fullScrollPage";
+
+const AudienceThankYou = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+
+  const { isTestMode } = context;
+
+  return (
+    <FullPageTemplate background="bg4">
+      <div className="grid min-h-[70vh] place-items-center">
+        <div className="max-w-2xl text-center">
+          <h1 className="mb-3 text-h1-dark">
+            {isTestMode ? "Preview complete" : "Thank you!"}
+          </h1>
+          <p className="text-main-dark">
+            {isTestMode
+              ? "This preview used dummy poems. No responses were saved."
+              : "Your responses have been recorded. We are grateful for your time and thoughtful attention to the poems."}
+          </p>
+        </div>
+      </div>
+    </FullPageTemplate>
+  );
+};
+
+export default AudienceThankYou;
diff --git a/src/pages/audience/instructions/Instructions.tsx b/src/pages/audience/instructions/Instructions.tsx
index 7ceca75..9df3b84 100644
--- a/src/pages/audience/instructions/Instructions.tsx
+++ b/src/pages/audience/instructions/Instructions.tsx
@@ -1,63 +1,81 @@
-// import { useState, useEffect, useRef } from 'react';
-// import { useNavigate } from 'react-router-dom';
-// import HalfPageTemplate from '../components/shared/pages/halfPage';
-// import { Button, Input } from '@chakra-ui/react';
-import { Icon } from "@chakra-ui/react";
-import PageTemplate from "../../../components/shared/pages/page";
+import { useContext } from "react";
 import { useNavigate } from "react-router-dom";
-import { MdOutlineAccessTime } from "react-icons/md";
+import { DataContext } from "../../../App";
+import AudiencePoem from "../../../components/audience/AudiencePoem";
+import FullPageTemplate from "../../../components/shared/pages/fullScrollPage";
+import {
+  createAudienceTutorialPoem,
+  getAudiencePoemText,
+} from "../../../consts/audienceTutorialExamples";
+import { Passages } from "../../../consts/passages";
 
 const AudienceInstructions = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
+  const { userData, addRoleSpecificData } = context;
   const navigate = useNavigate();
+  const audienceData = userData?.role === "audience" ? userData.data : null;
+  const tutorialPassage = Passages.find(
+    (passage) => passage.id === audienceData?.assignment.tutorialPassageId,
+  );
+
+  if (!tutorialPassage) {
+    throw new Error("Audience tutorial passage is missing or invalid");
+  }
+
+  const examplePoem = createAudienceTutorialPoem(tutorialPassage);
+  const visiblePoemText = getAudiencePoemText(examplePoem).replace(
+    /[.!?]+$/,
+    "",
+  );
 
   const handleSubmit = () => {
-    navigate("/audience/step-1");
+    addRoleSpecificData({
+      timeStamps: [...(userData?.data.timeStamps ?? []), new Date()],
+    });
+    navigate("/audience/poems");
   };
 
   return (
-    <PageTemplate
-      title="Your Task"
-      background="bg2"
-      nextButton={{ text: "Next", action: handleSubmit }}
+    <FullPageTemplate
+      title="Your task"
+      description="You will read four blackout poems made by creators in an earlier study and share your honest response to each one."
+      nextButton={{ text: "Begin", action: handleSubmit }}
     >
-      <div className="w-full h-full flex-col space-y-6">
-        <p className="text-main mb-2">
-          The goal of this experiment is for you to read{" "}
-          <strong>three blackout poems</strong>.
+      <div className="mx-auto flex w-full max-w-3xl flex-col gap-6 py-4">
+        <section className="space-y-3">
+          <h2 className="text-h2">What is blackout poetry?</h2>
+          <p className="text-main">
+            A creator starts with an existing passage and selects some words,
+            keeping them in their original order. The remaining words are
+            blacked out. Read only the words that remain visible.
+          </p>
+          <AudiencePoem poem={examplePoem} label="Short example" />
+          <p className="text-sub">
+            The visible poem reads: “{visiblePoemText}.” This example uses a
+            randomly selected source from the same nine-text bank. Its source
+            is different from the one used for the four study poems.
+          </p>
+        </section>
+
+        <section className="rounded-xl border border-light-grey-2 p-5">
+          <h2 className="mb-3 text-h2">What you will do</h2>
+          <ol className="list-decimal space-y-2 pl-5 text-main">
+            <li>Read each poem and answer questions about its meaning and your response.</li>
+            <li>Choose which creator statement best matches each poem.</li>
+            <li>See the source text and rate the poem’s creativity.</li>
+            <li>Finally, estimate whether AI assistance may have been available.</li>
+          </ol>
+        </section>
+
+        <p className="text-sub">
+          Please do not take screenshots, copy text, or consult outside tools.
+          Do not refresh the page or use the browser’s back and forward buttons.
         </p>
-        <div>
-          <p className="text-main mb-2">The task involves two steps:</p>
-          <ul className="list-disc mb-4 pl-6 space-y-4">
-            <li className="text-main">
-              <strong>Step 1: Reading</strong>
-              <div className="flex flex-row items-center space-x-2">
-                <Icon className="w-4 h-4 fill-grey">
-                  <MdOutlineAccessTime />
-                </Icon>
-                <p className="text-main text-grey">4 minutes</p>
-              </div>
-              <p className="text-main">
-                You will be given the three pieces. This is a time for you to
-                read through all the works and form your initial thoughts.
-              </p>
-            </li>
-            <li className="text-main">
-              <strong>Step 2: Share your thoughts</strong>
-              <div className="flex flex-row items-center space-x-2">
-                <Icon className="w-4 h-4 fill-grey">
-                  <MdOutlineAccessTime />
-                </Icon>
-                <p className="text-main text-grey"> ~4 minutes per poem </p>
-              </div>
-              <p className="text-main">
-                For each poem, you will fill out a quick survey letting us know
-                what you think of the work.
-              </p>
-            </li>
-          </ul>
-        </div>
       </div>
-    </PageTemplate>
+    </FullPageTemplate>
   );
 };
 
diff --git a/src/pages/audience/step2/Step2.tsx b/src/pages/audience/step2/Step2.tsx
index f6c4694..2fabb73 100644
--- a/src/pages/audience/step2/Step2.tsx
+++ b/src/pages/audience/step2/Step2.tsx
@@ -1,198 +1,68 @@
-import { useState } from "react";
-import { RadioGroup, Text, Textarea } from "@chakra-ui/react";
+import { useContext, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import PageTemplate from "../../../components/shared/pages/page";
-import { toaster } from "../../../components/ui/toaster";
+import { DataContext } from "../../../App";
+import AudiencePoem from "../../../components/audience/AudiencePoem";
+import FullPageTemplate from "../../../components/shared/pages/fullScrollPage";
+import SurveyScroll from "../../../components/survey/surveyScroll";
+import { AudiencePoemQuestions } from "../../../consts/surveyQuestions";
+import type { Audience, SurveyAnswers } from "../../../types";
 
-type QuestionType = "multiple" | "text";
+const AudiencePoems = () => {
+  const context = useContext(DataContext);
+  if (!context) {
+    throw new Error("Component must be used within a DataContext.Provider");
+  }
 
-interface SurveyQuestion {
-  id: string;
-  question: string;
-  type: QuestionType;
-  options?: string[];
-}
-
-const blackoutPoems = [
-  {
-    id: 1,
-    passage: "The wind whispers over hollow bones and buried wishes",
-    selectedIndexes: [1, 2, 4, 5],
-  },
-  {
-    id: 2,
-    passage: "Beneath shadows, the moon remembers names we forget",
-    selectedIndexes: [0, 3, 5, 6],
-  },
-  {
-    id: 3,
-    passage: "The silence stretched until it became a song of stars",
-    selectedIndexes: [1, 2, 5, 7],
-  },
-];
-
-const survey: SurveyQuestion[] = [
-  {
-    id: "q1",
-    question: "What emotions does this poem evoke for you?",
-    type: "text",
-  },
-  {
-    id: "q2",
-    question: "What features do you use the most?",
-    type: "multiple",
-    options: ["Feature A", "Feature B", "Feature C"],
-  },
-  {
-    id: "q3",
-    question: "Any additional feedback?",
-    type: "text",
-  },
-  {
-    id: "q4",
-    question: "Any additional feedback?",
-    type: "text",
-  },
-];
-
-const renderBlackout = (passage: string, selectedIndexes: number[]) => {
-  const words = passage.split(" ");
-  return (
-    <div className="cursor-pointer bg-white text-main w-full text-base flex flex-col space-y-2">
-      <div className="flex flex-wrap leading-relaxed">
-        {words.map((word, i) => {
-          const isVisible = selectedIndexes.includes(i);
-          return (
-            <span
-              key={i}
-              className={
-                `cursor-pointer transition px-1 duration-200 text-main ` +
-                (isVisible ? "" : "bg-dark-grey")
-              }
-            >
-              {word + ` `}
-            </span>
-          );
-        })}
-      </div>
-    </div>
-  );
-};
-
-const AudienceStep2 = () => {
-  const [poemIndex, setPoemIndex] = useState(0);
-  const [answers, setAnswers] = useState<
-    Record<number, Record<string, string>>
-  >({});
+  const { userData, addRoleSpecificData } = context;
   const navigate = useNavigate();
+  const [poemIndex, setPoemIndex] = useState(0);
+  const audienceData = userData?.data as Audience;
+  const poems = audienceData.assignment.poems;
+  const currentPoem = poems[poemIndex];
 
-  const handleAnswer = (questionId: string, value: string) => {
-    setAnswers((prev) => ({
-      ...prev,
-      [poemIndex]: {
-        ...prev[poemIndex],
-        [questionId]: value,
+  const handleSubmit = (answers: SurveyAnswers) => {
+    const isLastPoem = poemIndex === poems.length - 1;
+    addRoleSpecificData({
+      surveyResponse: {
+        ...audienceData.surveyResponse,
+        poemSurvey: AudiencePoemQuestions,
+        poemAnswers: [
+          ...audienceData.surveyResponse.poemAnswers,
+          { poemId: currentPoem.id, ...answers },
+        ],
       },
-    }));
-  };
-
-  const allQuestionsAnswered = () => {
-    return survey.every(
-      (q) => (answers[poemIndex]?.[q.id] || "").trim() !== ""
-    );
-  };
+      ...(isLastPoem
+        ? { timeStamps: [...audienceData.timeStamps, new Date()] }
+        : {}),
+    });
 
-  const handleNext = () => {
-    if (!allQuestionsAnswered()) {
-      toaster.create({
-        description: "Please answer all required (*) questions to continue.",
-        type: "error",
-        duration: 5000,
-      });
-      return;
-    }
-    if (poemIndex < blackoutPoems.length - 1) {
-      setPoemIndex(poemIndex + 1);
+    if (isLastPoem) {
+      navigate("/audience/statements");
     } else {
-      console.log("Survey results:", answers);
-      navigate("/audience/post-survey");
+      setPoemIndex((current) => current + 1);
+      window.scrollTo({ top: 0, behavior: "smooth" });
     }
   };
 
-  const currentPoem = blackoutPoems[poemIndex];
-
   return (
-    <PageTemplate
-      title={"Part 2: Share your thoughts"}
-      background="bg3"
-      description={
-        "For each poem, you will fill out a quick survey letting us know what you think of the work. Once you answer for one poem, you cannot return to it."
-      }
-      duration={720}
-      nextButton={{
-        text: poemIndex === blackoutPoems.length - 1 ? "Finish" : "Next Poem",
-        action: handleNext,
-      }}
+    <FullPageTemplate
+      title={`Read poem ${poemIndex + 1} of ${poems.length}`}
+      description="Take your time with the poem, then answer the questions in order. You will not see its source text yet."
     >
-      <div className="py-6 w-full flex flex-col md:flex-row h-max md:h-full">
-        <div className="w-full md:w-1/2 h-full">
-          <div className="text-h1 text-lg mb-4">
-            Poem {poemIndex + 1} of {blackoutPoems.length}
-          </div>
-
-          {renderBlackout(currentPoem.passage, currentPoem.selectedIndexes)}
-        </div>
-
-        <div className="w-full md:w-1/2 h-full overflow-auto">
-          <div className="flex flex-col space-y-4 mt-8">
-            {survey.map((q) => (
-              <div key={q.id}>
-                <Text className="text-main mb-2">{q.question}</Text>
-                {q.type === "multiple" && (
-                  <RadioGroup.Root
-                    value={answers[poemIndex]?.[q.id] || ""}
-                    onValueChange={({ value }) => {
-                      handleAnswer(q.id, value || "");
-                    }}
-                  >
-                    <div className="flex flex-col md:flex-row gap-4">
-                      {q.options!.map((option: string) => (
-                        <RadioGroup.Item key={option} value={option}>
-                          <RadioGroup.ItemHiddenInput />
-                          <RadioGroup.ItemIndicator className="border border-light-grey-1 focus:border-grey focus:border-2" />
-                          <RadioGroup.ItemText className="text-sub">
-                            {option}
-                          </RadioGroup.ItemText>
-                        </RadioGroup.Item>
-                      ))}
-                    </div>
-                  </RadioGroup.Root>
-                )}
-                {q.type === "text" && (
-                  <Textarea
-                    placeholder="Your answer..."
-                    className="border border-light-grey-1 p-2 text-base focus:border-grey h-24"
-                    value={answers[poemIndex]?.[q.id] || ""}
-                    onChange={(e) => handleAnswer(q.id, e.target.value)}
-                    size="sm"
-                  />
-                )}
-              </div>
-            ))}
-          </div>
-
-          {/* <Button
-          mt={8}
-          className='btn-primary'
-          onClick={handleNext}
-          disabled={!allQuestionsAnswered()}
-        >
-          {poemIndex === blackoutPoems.length - 1 ? 'Finish' : 'Next Poem'}
-        </Button> */}
+      <div className="mx-auto grid w-full max-w-6xl gap-8 py-4 lg:grid-cols-[minmax(20rem,0.9fr)_minmax(30rem,1.1fr)] lg:items-start">
+        <div className="lg:sticky lg:top-4">
+          <AudiencePoem poem={currentPoem} label={`Poem ${poemIndex + 1}`} />
         </div>
+        <SurveyScroll
+          key={currentPoem.id}
+          survey={AudiencePoemQuestions}
+          onSubmit={handleSubmit}
+          buttonText={poemIndex === poems.length - 1 ? "Continue" : "Next poem"}
+          noProgressBar
+        />
       </div>
-    </PageTemplate>
+    </FullPageTemplate>
   );
 };
 
-export default AudienceStep2;
+export default AudiencePoems;
diff --git a/src/types.ts b/src/types.ts
index 37dbcdd..f233ec3 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -13,6 +13,9 @@ export interface ArtistAssignment {
     | "PASSAGE_STRATIFIED_1_TO_1"
     | "TEST_OVERRIDE";
   passageId: string;
+  tutorialPassageId: string;
+  taskPassageId: string;
+  passagePoolVersion: string;
   condition: ArtistCondition;
   assignedAt: Date;
 }
@@ -32,6 +35,7 @@ export interface ArtistSurvey {
 // }
 
 export interface Poem {
+  loggingSchemaVersion: string;
   passageId: string; // passageId in Passage.id
   passage: Passage;
   text: number[]; // this array holds the indexes of each word chosen from the passage
@@ -49,6 +53,9 @@ export interface Message {
   role: Role;
   content: string;
   timestamp: Date;
+  stage: Stage;
+  kind: MessageKind;
+  inputSource?: ChatInputSource;
 }
 
 export interface PhaseTiming {
@@ -67,11 +74,41 @@ export interface TaskTiming {
   };
 }
 
-export interface ChatOpening {
+export interface ChatAvailability {
+  stage: Stage;
+  availableAt: Date;
+}
+
+export interface LegacyChatOpening {
   stage: Stage;
   timestamp: Date;
 }
 
+export interface ChatInputActivity {
+  stage: Stage;
+  firstFocusedAt?: Date;
+  focusCount: number;
+  firstTypedAt?: Date;
+  draftStartCount: number;
+  abandonedDraftCount: number;
+  hasUnsentDraft: boolean;
+}
+
+export const ChatInputSource = {
+  TYPED: "TYPED",
+  SUGGESTION: "SUGGESTION",
+} as const;
+export type ChatInputSource =
+  (typeof ChatInputSource)[keyof typeof ChatInputSource];
+
+export const MessageKind = {
+  USER_MESSAGE: "USER_MESSAGE",
+  LLM_RESPONSE: "LLM_RESPONSE",
+  STAGE_OPENING: "STAGE_OPENING",
+  IDLE_NUDGE: "IDLE_NUDGE",
+} as const;
+export type MessageKind = (typeof MessageKind)[keyof typeof MessageKind];
+
 export interface LlmRequestLog {
   id: string;
   stage: Stage;
@@ -82,6 +119,7 @@ export interface LlmRequestLog {
   completedAt?: Date;
   failedAt?: Date;
   status: "STARTED" | "COMPLETED" | "FAILED";
+  inputSource: ChatInputSource;
   systemPrompt: string;
   promptVersion: string;
   model?: string;
@@ -91,8 +129,11 @@ export interface LlmRequestLog {
 }
 
 export interface LlmUsage {
-  chatOpenings: ChatOpening[];
+  chatAvailability: ChatAvailability[];
+  inputActivity: ChatInputActivity[];
   requests: LlmRequestLog[];
+  /** @deprecated Kept only so older saved records remain readable. */
+  chatOpenings?: LegacyChatOpening[];
 }
 
 export interface Passage {
@@ -100,6 +141,7 @@ export interface Passage {
   text: string;
   title: string;
   author: string;
+  publication?: string;
 }
 
 export const Stage = {
@@ -122,40 +164,66 @@ export const Role = {
 export type Role = (typeof Role)[keyof typeof Role];
 
 // AUDIENCE TYPES
-export interface Audience {
-  condition: AudienceCondition;
-  surveyResponse: AudienceSurvey;
-  poemFeedback: PoemFeedback;
-  timeStamps: Date[];
+export interface AudiencePoem {
+  id: string;
+  passageId: string;
+  passage: Passage;
+  selectedWordIndexes: number[];
 }
 
-// TODO: Exact survey questions tbd
-export interface AudienceSurvey {
+export interface StatementOption {
   id: string;
-  preSurvey: SurveyDefinition;
-  preAnswers: SurveyAnswers;
-  postSurvey: SurveyDefinition;
-  postAnswers: SurveyAnswers;
+  statement: string;
 }
 
-// TODO: Exact poem feedback fields tbd
-export interface PoemFeedback {
+export interface StatementTrial {
+  poemId: string;
+  options: StatementOption[];
+}
+
+export interface AudienceAssignment {
   id: string;
+  passageId: string;
+  tutorialPassageId: string;
+  taskPassageId: string;
+  passagePoolVersion: string;
+  poems: AudiencePoem[];
+  statementTrials: StatementTrial[];
+}
+
+export interface AudiencePoemAnswers extends SurveyAnswers {
+  poemId: string;
+}
+
+export interface StatementMatch {
+  poemId: string;
+  selectedStatementId: string;
+  isCorrect: boolean;
+}
+
+export interface AudienceRating {
   poemId: string;
   rating: number;
 }
 
-export interface Passage {
+export interface AudienceSurvey {
   id: string;
-  text: string;
+  preSurvey?: SurveyDefinition;
+  preAnswers?: SurveyAnswers;
+  poemSurvey?: SurveyDefinition;
+  poemAnswers: AudiencePoemAnswers[];
+  statementMatches: StatementMatch[];
+  creativityRatings: AudienceRating[];
+  aiLikelihoodRatings: AudienceRating[];
+  postSurvey?: SurveyDefinition;
+  postAnswers: SurveyAnswers;
 }
 
-export const AudienceCondition = {
-  NO_KNOWLEDGE: "NO_KNOWLEDGE",
-  FULL_TRANSPARENCY: "FULL_TRANSPARENCY",
-} as const;
-export type AudienceCondition =
-  (typeof AudienceCondition)[keyof typeof AudienceCondition];
+export interface Audience {
+  assignment: AudienceAssignment;
+  surveyResponse: AudienceSurvey;
+  timeStamps: Date[];
+}
 
 export type QuestionType =
   | "multipleChoice"
@@ -163,6 +231,7 @@ export type QuestionType =
   | "likertScale"
   | "circularChoice"
   | "emotionWheel"
+  | "iosCloseness"
   | "range"
   | "topXRanking";
 
@@ -220,6 +289,7 @@ export interface EmotionWheelQuestion extends BaseQuestion {
   options: string[];
   intensityLevels: 5;
   includeNoEmotion: true;
+  intensityPrompt?: string;
 }
 
 export interface EmotionWheelAnswer {
@@ -227,12 +297,21 @@ export interface EmotionWheelAnswer {
   intensity: 0 | 1 | 2 | 3 | 4 | 5;
 }
 
+export interface IosClosenessQuestion extends BaseQuestion {
+  type: "iosCloseness";
+  labels: {
+    self: string;
+    other: string;
+  };
+}
+
 export type Question =
   | MultipleChoiceQuestion
   | OpenEndedQuestion
   | LikertScaleQuestion
   | CircularMultipleChoiceQuestion
   | EmotionWheelQuestion
+  | IosClosenessQuestion
   | RangeQuestion
   | TopXRankingQuestion;
 
@@ -244,7 +323,7 @@ export interface Section {
   questions: Question[];
 }
 
-export type Condition = ArtistCondition | AudienceCondition | undefined;
+export type Condition = ArtistCondition | undefined;
 
 export interface SurveyDefinition {
   id: string;
diff --git a/src/utils/artistMetrics.ts b/src/utils/artistMetrics.ts
index 92ba416..957c7a0 100644
--- a/src/utils/artistMetrics.ts
+++ b/src/utils/artistMetrics.ts
@@ -1,8 +1,64 @@
-import type { Poem } from "../types";
+import type { ChatInputActivity, Message, Poem, Stage } from "../types";
+import { ChatInputSource, MessageKind, Stage as StageValue } from "../types";
+import { ARTIST_DATA_LOGGING_VERSION } from "../consts/dataLogging";
+import { getChatAvailability } from "./llmUsage";
 
 const toMillis = (value: Date | string | undefined) =>
   value ? new Date(value).getTime() : undefined;
 
+const elapsedMs = (
+  start: Date | string | undefined,
+  end: Date | string | undefined,
+) => {
+  const startMs = toMillis(start);
+  const endMs = toMillis(end);
+  return startMs !== undefined && endMs !== undefined
+    ? Math.max(0, endMs - startMs)
+    : null;
+};
+
+const getUniqueConversationMessages = (poem: Poem) => {
+  const messagesById = new Map<string, Message>();
+  [...(poem.sparkConversation ?? []), ...(poem.writeConversation ?? [])].forEach(
+    (message) => messagesById.set(message.id, message),
+  );
+  return [...messagesById.values()];
+};
+
+const getStageChatMetrics = (
+  stage: Stage,
+  chatAvailability: ReturnType<typeof getChatAvailability>,
+  inputActivity: ChatInputActivity[],
+  messages: Message[],
+) => {
+  const availability = chatAvailability.find((item) => item.stage === stage);
+  const activity = inputActivity.find((item) => item.stage === stage);
+  const stageMessages = messages.filter((message) => message.stage === stage);
+
+  return {
+    chatAvailable: Boolean(availability),
+    chatFocusCount: activity?.focusCount ?? 0,
+    chatEverTyped: Boolean(activity?.firstTypedAt),
+    chatDraftStartCount: activity?.draftStartCount ?? 0,
+    chatAbandonedDraftCount: activity?.abandonedDraftCount ?? 0,
+    chatEndedWithUnsentDraft: activity?.hasUnsentDraft ?? false,
+    timeFromChatAvailableToFirstFocusMs: elapsedMs(
+      availability?.availableAt,
+      activity?.firstFocusedAt,
+    ),
+    timeFromChatAvailableToFirstTypingMs: elapsedMs(
+      availability?.availableAt,
+      activity?.firstTypedAt,
+    ),
+    stageOpeningShown: stageMessages.some(
+      (message) => message.kind === MessageKind.STAGE_OPENING,
+    ),
+    idleNudgeShown: stageMessages.some(
+      (message) => message.kind === MessageKind.IDLE_NUDGE,
+    ),
+  };
+};
+
 export const getFinalPoemText = (poem: Poem) => {
   const words = poem.passage.text.split(" ");
   return [...new Set(poem.text)]
@@ -28,6 +84,24 @@ export const deriveArtistMetrics = (poem: Poem) => {
   const completedRequests = (poem.llmUsage?.requests ?? []).filter(
     (request) => request.status === "COMPLETED",
   );
+  const requests = poem.llmUsage?.requests ?? [];
+  const hasDetailedChatLogging =
+    poem.loggingSchemaVersion === ARTIST_DATA_LOGGING_VERSION;
+  const chatAvailability = getChatAvailability(poem.llmUsage);
+  const inputActivity = poem.llmUsage?.inputActivity ?? [];
+  const conversationMessages = getUniqueConversationMessages(poem);
+  const sparkChat = getStageChatMetrics(
+    StageValue.SPARK,
+    chatAvailability,
+    inputActivity,
+    conversationMessages,
+  );
+  const writeChat = getStageChatMetrics(
+    StageValue.WRITE,
+    chatAvailability,
+    inputActivity,
+    conversationMessages,
+  );
 
   return {
     selectedWordCount: new Set(poem.text).size,
@@ -54,7 +128,85 @@ export const deriveArtistMetrics = (poem: Poem) => {
     writeTimeMs: poem.taskTiming?.phases?.write?.durationMs ?? null,
     llmUptake: completedRequests.length > 0,
     llmTurnCount: completedRequests.length,
-    llmAttemptCount: poem.llmUsage?.requests?.length ?? 0,
-    chatOpeningCount: poem.llmUsage?.chatOpenings?.length ?? 0,
+    llmAttemptCount: requests.length,
+    llmTypedAttemptCount: hasDetailedChatLogging
+      ? requests.filter(
+          (request) => request.inputSource === ChatInputSource.TYPED,
+        ).length
+      : null,
+    llmSuggestionAttemptCount: hasDetailedChatLogging
+      ? requests.filter(
+          (request) => request.inputSource === ChatInputSource.SUGGESTION,
+        ).length
+      : null,
+    chatAvailableStageCount: new Set(
+      chatAvailability.map((availability) => availability.stage),
+    ).size,
+    chatFocusCount: hasDetailedChatLogging
+      ? sparkChat.chatFocusCount + writeChat.chatFocusCount
+      : null,
+    chatDraftStartCount: hasDetailedChatLogging
+      ? sparkChat.chatDraftStartCount + writeChat.chatDraftStartCount
+      : null,
+    chatAbandonedDraftCount: hasDetailedChatLogging
+      ? sparkChat.chatAbandonedDraftCount +
+        writeChat.chatAbandonedDraftCount
+      : null,
+    sparkChatAvailable: sparkChat.chatAvailable,
+    sparkChatFocusCount: hasDetailedChatLogging
+      ? sparkChat.chatFocusCount
+      : null,
+    sparkChatEverTyped: hasDetailedChatLogging
+      ? sparkChat.chatEverTyped
+      : null,
+    sparkChatDraftStartCount: hasDetailedChatLogging
+      ? sparkChat.chatDraftStartCount
+      : null,
+    sparkChatAbandonedDraftCount: hasDetailedChatLogging
+      ? sparkChat.chatAbandonedDraftCount
+      : null,
+    sparkChatEndedWithUnsentDraft: hasDetailedChatLogging
+      ? sparkChat.chatEndedWithUnsentDraft
+      : null,
+    sparkTimeFromChatAvailableToFirstFocusMs: hasDetailedChatLogging
+      ? sparkChat.timeFromChatAvailableToFirstFocusMs
+      : null,
+    sparkTimeFromChatAvailableToFirstTypingMs: hasDetailedChatLogging
+      ? sparkChat.timeFromChatAvailableToFirstTypingMs
+      : null,
+    sparkStageOpeningShown: hasDetailedChatLogging
+      ? sparkChat.stageOpeningShown
+      : null,
+    sparkIdleNudgeShown: hasDetailedChatLogging
+      ? sparkChat.idleNudgeShown
+      : null,
+    writeChatAvailable: writeChat.chatAvailable,
+    writeChatFocusCount: hasDetailedChatLogging
+      ? writeChat.chatFocusCount
+      : null,
+    writeChatEverTyped: hasDetailedChatLogging
+      ? writeChat.chatEverTyped
+      : null,
+    writeChatDraftStartCount: hasDetailedChatLogging
+      ? writeChat.chatDraftStartCount
+      : null,
+    writeChatAbandonedDraftCount: hasDetailedChatLogging
+      ? writeChat.chatAbandonedDraftCount
+      : null,
+    writeChatEndedWithUnsentDraft: hasDetailedChatLogging
+      ? writeChat.chatEndedWithUnsentDraft
+      : null,
+    writeTimeFromChatAvailableToFirstFocusMs: hasDetailedChatLogging
+      ? writeChat.timeFromChatAvailableToFirstFocusMs
+      : null,
+    writeTimeFromChatAvailableToFirstTypingMs: hasDetailedChatLogging
+      ? writeChat.timeFromChatAvailableToFirstTypingMs
+      : null,
+    writeStageOpeningShown: hasDetailedChatLogging
+      ? writeChat.stageOpeningShown
+      : null,
+    writeIdleNudgeShown: hasDetailedChatLogging
+      ? writeChat.idleNudgeShown
+      : null,
   };
 };
diff --git a/src/utils/llmUsage.ts b/src/utils/llmUsage.ts
new file mode 100644
index 0000000..239e29e
--- /dev/null
+++ b/src/utils/llmUsage.ts
@@ -0,0 +1,12 @@
+import type { ChatAvailability, LlmUsage } from "../types";
+
+export const getChatAvailability = (
+  llmUsage: LlmUsage | undefined,
+): ChatAvailability[] => {
+  if (llmUsage?.chatAvailability) return llmUsage.chatAvailability;
+
+  return (llmUsage?.chatOpenings ?? []).map((opening) => ({
+    stage: opening.stage,
+    availableAt: opening.timestamp,
+  }));
+};