setShowActivity(false)} />}
```
Remove the `activeSessionId &&` condition around the header toggle so it is available in the landing view. Change the panel root in `ModelActivityPanel.tsx` from `w-[30vw] max-w-[30vw]` to `w-2/5 shrink-0`; the panel and conversation widths then exactly fill the shell. Finally, wrap the existing right-session-rail `aside` in `!showActivity && (...)` so it is unmounted while the activity panel is open.
- [ ] **Step 4: Run the focused shell suite**
Run: `npx vitest run src/shell/AppShell.new-session.test.tsx`
Expected: PASS, including composer focus and provisional session creation tests.
- [ ] **Step 5: Commit the layout task**
```bash
git add frontend/src/shell/AppShell.tsx frontend/src/shell/ModelActivityPanel.tsx frontend/src/shell/AppShell.new-session.test.tsx
git commit -m "feat(frontend): use full width for open model activity"
```
### Task 3: Make composer highlighting explicit and input-driven
**Files:**
- Modify: `frontend/src/shell/SteerInput.tsx:10-26,112-121`
- Modify: `frontend/src/shell/AppShell.tsx:34-45,242-267,344-354`
- Modify: `frontend/src/shell/SteerInput.test.tsx:1-74`
- Modify: `frontend/src/shell/AppShell.new-session.test.tsx:28-44`
**Interfaces:**
- Consumes: `AppShell` local `awaitingQuestion: boolean` and `pendingWidget?.widget` from Zustand.
- Produces: optional `SteerInput` prop `awaitingInput?: boolean`; its textarea has `data-awaiting-input="true"` and `thot-awaiting-input` exactly when that prop is true.
- [ ] **Step 1: Write the failing component tests**
Add these tests to `SteerInput.test.tsx`:
```tsx
test("keeps the composer white by default", () => {
render();
expect(screen.getByRole("textbox", { name: /new question/i })).not.toHaveAttribute("data-awaiting-input");
expect(screen.getByRole("textbox", { name: /new question/i })).not.toHaveClass("thot-awaiting-input");
});
test("marks the composer as awaiting input only when requested", () => {
render();
expect(screen.getByRole("textbox", { name: /new question/i })).toHaveAttribute("data-awaiting-input", "true");
expect(screen.getByRole("textbox", { name: /new question/i })).toHaveClass("thot-awaiting-input");
});
```
Extend the existing New-session focus test with:
```tsx
expect(composer).toHaveAttribute("data-awaiting-input", "true");
expect(composer).toHaveClass("thot-awaiting-input");
```
- [ ] **Step 2: Run the focused tests to verify they fail**
Run: `npx vitest run src/shell/SteerInput.test.tsx src/shell/AppShell.new-session.test.tsx -t "composer|New session starts"`
Expected: FAIL because a landing composer currently always has `data-awaiting-input="true"` and `SteerInput` has no `awaitingInput` prop.
- [ ] **Step 3: Add the explicit question-entry state and prop**
Add `awaitingInput?: boolean` to `SteerInput` props and replace the textarea attributes/classes with:
```tsx
data-awaiting-input={awaitingInput ? "true" : undefined}
className={[
"max-h-40 flex-1 resize-none rounded-lg bg-card px-1 py-1 text-sm leading-relaxed outline-none placeholder:text-muted-foreground",
awaitingInput && "thot-awaiting-input",
].filter(Boolean).join(" ")}
```
In `AppShell`, initialize `const [awaitingQuestion, setAwaitingQuestion] = useState(false)`. Set it to true in `startNewSession`; set it to false in `beginSessionCreation`, `finishSessionCreation`, `stopSession`, `doResume`, and the `session_exit` effect. Keep it true on `failSessionCreation` so the retained question remains visibly ready to retry. Pass the prop to the composer:
```tsx
awaitingInput={awaitingQuestion || pendingWidget?.widget === "freetext"}
```
Do not change `FreetextWidget.tsx` or `ReservedControls.tsx`: their rendered textareas already accurately signal a required user response.
- [ ] **Step 4: Run focused input and shell tests**
Run: `npx vitest run src/shell/SteerInput.test.tsx src/shell/AppShell.new-session.test.tsx`
Expected: PASS. The initial landing composer and active-session steering input are white; New session and a pending freetext gate are green.
- [ ] **Step 5: Commit the composer-state task**
```bash
git add frontend/src/shell/AppShell.tsx frontend/src/shell/SteerInput.tsx frontend/src/shell/SteerInput.test.tsx frontend/src/shell/AppShell.new-session.test.tsx
git commit -m "fix(frontend): highlight composer only when input is needed"
```
### Task 4: Verify the integrated frontend change
**Files:**
- Modify only if verification exposes a TypeScript or test issue in the files listed above.
**Interfaces:**
- Consumes: the completed shell, activity-panel, and composer contracts from Tasks 1–3.
- Produces: validated frontend behavior with no API or persistence changes.
- [ ] **Step 1: Run the entire frontend test suite**
Run: `npx vitest run`
Expected: PASS with no failed test files.
- [ ] **Step 2: Run the frontend typecheck**
Run: `npx tsc -b`
Expected: exit code 0 and no TypeScript diagnostics.
- [ ] **Step 3: Inspect the final working-tree diff**
Run: `git diff --check && git status --short`
Expected: no whitespace errors. Confirm that only the planned frontend files and this plan/spec are present among this task's changes; preserve all unrelated pre-existing modifications.
- [ ] **Step 4: Commit verification-only follow-up, if needed**
If Steps 1–3 required a corrective code or test change, stage only that correction and commit it with:
```bash
git add
git commit -m "test(frontend): verify activity layout and composer states"
```
If no corrective change was required, do not create an empty commit.