Hero demo: backspace the example out and rest on the hint

dist/index.html

@@ -3310,8 +3310,8 @@
         .send.is-busy .send-spin { animation: none; opacity: 0.6; }
       }
     </style>
-    <script type="module" crossorigin src="/assets/index-DPiU8cHm.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BQUorxWE.css">
+    <script type="module" crossorigin src="/assets/index-D2LZqiXQ.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DbG5mQ4q.css">
   </head>
   <body>
   <div class="shell-frame"><div class="shell-stage" id="shell-stage">
@@ -3351,7 +3351,7 @@ <h1 class="headline reveal">FlutterFlow custom code.<br><span class="headline-su
         <div class="composer" id="composer">
           <label class="sr-only" for="pipeline-input">Describe the widget or action you need</label>
           <div class="ghost" aria-hidden="true"><span class="typed"></span><span class="suggest"></span></div>
-          <textarea id="pipeline-input" class="field" rows="3" spellcheck="false" aria-describedby="suggest-status" placeholder="Describe the widget or action you need">A circular progress gauge with a gradient stroke</textarea>
+          <textarea id="pipeline-input" class="field" rows="3" spellcheck="false" aria-describedby="suggest-status" placeholder="Describe the widget or action you need" data-demo-prompt="A circular progress gauge with a gradient stroke"></textarea>
           <span id="suggest-status" class="sr-only" aria-live="polite"></span>
           <button class="tab-hint" type="button" id="tab-hint" tabindex="-1" hidden=""><kbd aria-hidden="true">Tab</kbd><span class="tab-hint-label">to accept</span></button>
           <div class="tools">

e2e/smoke.spec.js

@@ -10,7 +10,6 @@ import {
 } from "./fixtures/apiFixtures.js";
 
 const COMPOSER_PLACEHOLDER = /Describe the widget or action you need/i;
-const COMPOSER_DEFAULT_PROMPT = "A circular progress gauge with a gradient stroke";
 
 /**
  * Baseline smoke test for the redesigned hero landing and composer state.
@@ -43,8 +42,8 @@ test.describe("Redesigned hero landing and composer", () => {
   });
 
   test("shows the hero landing and the composer", async ({ page }) => {
-    // Reduced motion presents the completed example immediately; normal
-    // motion is verified against the source's 5200ms hold + 73ms characters.
+    // Reduced motion lands the hero demo's end state immediately; the motion
+    // itself is verified in the STU-445 composer suite.
     await page.emulateMedia({ reducedMotion: "reduce" });
     await applyDefaultRoutes(page, {
       [ENDPOINTS.identity]: guestIdentity(),
@@ -59,15 +58,14 @@ test.describe("Redesigned hero landing and composer", () => {
     await expect(heading).toBeVisible();
     await expect(heading).toContainText("FlutterFlow custom code.");
 
-    // Composer is present with its shipped example prompt. The hero demo
-    // types it in on load, so wait for the demo's end state rather than
-    // polling the prefix.
+    // Composer is present, empty on its hint: the hero demo's example is
+    // illustration only and never stays in the field.
     const composer = page.locator("#pipeline-input");
     await expect(composer).toBeVisible();
     await expect(page.locator("#composer")).not.toHaveClass(/is-demo-typing/, {
       timeout: 15000,
     });
-    await expect(composer).toHaveValue(COMPOSER_DEFAULT_PROMPT);
+    await expect(composer).toHaveValue("");
     await expect(composer).toHaveAttribute(
       "placeholder",
       COMPOSER_PLACEHOLDER,