Implement the following plan:

Plan: Add TOC Sidebar to Prose by Default

Current State

• Prose — simple centered article wrapper, no TOC. Used by: blog posts, design page, terminology, syllabus fallback.
• ProseWithToc — flex layout with TOC sidebar + ViewAsStudentWrapper + optional sidebarContent. Used by: syllabus, meetings.

Approach

Add toc and sidebarContent props to Prose. When toc is enabled (the default), Prose renders the flex layout with a TableOfContents sidebar. Refactor ProseWithToc to compose Prose and pass its course-specific sidebar extras.

Step 1: Modify Prose component

File: apps/web/components/prose.tsx

• Add toc?: boolean prop (default true)
• Add sidebarContent?: React.ReactNode prop for extra sidebar items below the TOC
• When toc={true}: flex layout with <article> + <aside> containing TableOfContents + optional sidebarContent
• When toc={false}: current simple centered layout (no aside)

Step 2: Simplify ProseWithToc

File: apps/web/components/prose-with-toc.tsx

Refactor to compose Prose, passing ViewAsStudentWrapper and any extra sidebarContent through:

export function ProseWithToc({ children, className, sidebarContent }) {
  return (
    <Prose
      className={className}
      sidebarContent={
        <>
          <div className="border-border mt-4 border-t pt-4">
            <ViewAsStudentWrapper />
          </div>
          {sidebarContent && (
            <div className="border-border mt-4 border-t pt-4">{sidebarContent}</div>
          )}
        </>
      }
    >
      {children}
    </Prose>
  );
}

Step 3: Add toc={false} to fallback/placeholder pages

Pages with minimal content (no h2/h3 headings) should opt out:

• apps/web/app/[semester]/syllabus/page.tsx — catch fallback uses <Prose toc={false}>
• apps/web/app/[semester]/terminology/page.tsx — catch fallback uses <Prose toc={false}>

All other Prose consumers (blog posts, design page, terminology main) get TOC automatically with no changes.

Files Modified

1. apps/web/components/prose.tsx
2. apps/web/components/prose-with-toc.tsx
3. apps/web/app/[semester]/syllabus/page.tsx — toc={false} on fallback only
4. apps/web/app/[semester]/terminology/page.tsx — toc={false} on fallback only

Verification

1. Blog post TOC: curl -sk https://[local-hostname]/blog/2026-01-21-claude-coinstructor | grep -i "table-of-contents"
2. Design page TOC: curl -sk https://[local-hostname]/design/assessments | grep -i "table-of-contents"
3. Syllabus still has TOC + ViewAsStudentWrapper: visit /spring2026/syllabus
4. TypeScript: bunx turbo tsc --filter=@repo/web

If you need specific details from before exiting plan mode (like exact code snippets, error messages, or content you generated), read the full transcript at: ~/.claude/projects/-Users-challen-www-usingandunderstanding-ai/df14212e-895a-4baa-8a2c-dd1464698f36.jsonl

It would be nice to have a /blog link in the blog sidebar to return to the index.

Your task

First, run git status, git diff, and git log --oneline -10 to understand the current state.

Then add and commit all modified files with a descriptive message. Break the changes into multiple commits if appropriate. If there are untracked files, ask if they should be added or added to the appropriate .gitignore file. The user may also want to take over at this point, so provide an abort option as well. Always check changes for unnecessary debugging statements or logging that might have been accidentally included. Prompt the user if you find any, and offer to remove each one by one. Do not use interactive git staging (git add -p) as it does not work.

Wait, no, please add those! Sorry.

Is the Turing Test assessment available to non-logged-in users?

Good, I think that's right. OK! Next, I'd like to think about allowing logins from non-Illinois users. This would require a new login provider and flow. Does Better Auth support email-based login using a one-time token? If so we could try that using the outbound server that's already configured.