Skip to content

Biosecurity lander: expandable "Who this course is for" personas - #2838

Merged
Chris-Strahle merged 1 commit into
masterfrom
biosecurity-who-is-this-for-personas
Jul 31, 2026
Merged

Biosecurity lander: expandable "Who this course is for" personas#2838
Chris-Strahle merged 1 commit into
masterfrom
biosecurity-who-is-this-for-personas

Conversation

@Chris-Strahle

Copy link
Copy Markdown
Contributor

What

Swaps the biosecurity course lander's "Who this course is for" section from the three static audience cards (whoIsThisFor) to five expandable persona panels (personas) — the same accordion pattern already used on the technical AI safety lander.

The five profiles:

  1. Computer scientists & AI researchers (PiCpu)
  2. Builders & serial entrepreneurs (PiWrench)
  3. Scientists & domain experts (PiFlask)
  4. Policy professionals (PiScales)
  5. High-potential people, any field (PiRocketLaunch)
  • All panels collapsed by default (defaultExpandedIndex: -1).
  • Footer: "Don't fit these perfectly? Apply anyway."
  • Accent colour from BIOSECURITY_COLORS.iconBackground (#316761).

How

  • One file changed: apps/website/src/components/lander/course-content/BioSecurityContent.tsx.
  • Reuses the existing, in-production PersonasSection component — no component/logic/style changes.
  • CourseLander already prefers personas over whoIsThisFor, so no wiring changes needed.
  • Removed the now-unused PiBriefcase / PiCompass imports; added PiCpu / PiScales / PiWrench.

Notes for reviewers

  • Persona copy provided by the biosecurity team; treat wording as reviewed content.
  • No dedicated biosecurity snapshot test exists, so nothing to regenerate.

🤖 Generated with Claude Code

…sonas

Replace the three static audience cards on the biosecurity course lander with
five expandable persona panels, reusing the PersonasSection component already
used by the technical AI safety lander. All panels collapsed by default.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@Will-Howard
Will-Howard temporarily deployed to biosecurity-who-is-this-for-personas - bluedot-preview PR #2838 July 31, 2026 22:26 — with Render Destroyed
@Will-Howard
Will-Howard temporarily deployed to biosecurity-who-is-this-for-personas - bluedot-storybook-preview PR #2838 July 31, 2026 22:27 — with Render Destroyed
@coderabbitai

coderabbitai Bot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

The Biosecurity course content now uses a personas configuration instead of whoIsThisFor. It defines five audience profiles with icons, titles, summaries, and descriptions. The configuration also includes a title, accent colour, default expanded index, and footer text. The icon imports now use PiCpu, PiScales, and PiWrench.

Possibly related PRs

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly identifies the biosecurity lander change and the expandable persona section.
Description check ✅ Passed The description clearly explains the change, implementation, personas, defaults, colours, footer text, and testing considerations.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch biosecurity-who-is-this-for-personas

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@greptile-apps

greptile-apps Bot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Greptile Summary

Updates the biosecurity course lander’s audience section.

  • Replaces three static audience cards with five expandable persona panels.
  • Starts all persona panels collapsed and adds the new footer copy.
  • Updates the Phosphor icon imports for the new personas.

Confidence Score: 5/5

The PR appears safe to merge with no blocking or non-blocking issues identified.

The persona data satisfies the existing section contract, the all-collapsed state is supported, and the new icon exports are compatible with the installed dependency.

Important Files Changed

Filename Overview
apps/website/src/components/lander/course-content/BioSecurityContent.tsx The new persona configuration matches the existing component contract and established lander pattern, with no actionable defects identified.

Reviews (1): Last reviewed commit: "Biosecurity lander: switch "Who this cou..." | Re-trigger Greptile

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@apps/website/src/components/lander/course-content/BioSecurityContent.tsx`:
- Line 76: Update the audience title in BioSecurityContent to use the complete
wording “High-potential people from any field,” preserving the existing title
field and surrounding content.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: ba5c7a92-f664-4e9a-b9da-6c23e85fd49d

📥 Commits

Reviewing files that changed from the base of the PR and between db45633 and 0411a13.

📒 Files selected for processing (1)
  • apps/website/src/components/lander/course-content/BioSecurityContent.tsx

boldText: 'Entrepreneurs',
description: 'who want to build new pandemic defences.',
icon: PiRocketLaunch,
title: 'High-potential people, any field',

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

📐 Maintainability & Code Quality | 🟡 Minor | ⚡ Quick win

Use the complete audience label.

The title is grammatically incomplete. Use High-potential people from any field so the persona scope is clear.

Proposed copy fix
-        title: 'High-potential people, any field',
+        title: 'High-potential people from any field',
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
title: 'High-potential people, any field',
title: 'High-potential people from any field',
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@apps/website/src/components/lander/course-content/BioSecurityContent.tsx` at
line 76, Update the audience title in BioSecurityContent to use the complete
wording “High-potential people from any field,” preserving the existing title
field and surrounding content.

@Chris-Strahle
Chris-Strahle merged commit 57862a0 into master Jul 31, 2026
10 checks passed
@Chris-Strahle
Chris-Strahle deleted the biosecurity-who-is-this-for-personas branch July 31, 2026 23:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants