Skip to content

Rework agents RFS page layout#251

Merged
mirhamasala merged 4 commits intomainfrom
mm/rework-agents-rfs-page
Mar 2, 2026
Merged

Rework agents RFS page layout#251
mirhamasala merged 4 commits intomainfrom
mm/rework-agents-rfs-page

Conversation

@mirhamasala
Copy link
Collaborator

@mirhamasala mirhamasala commented Feb 25, 2026

📝 Description

Reworks the layout of the individual agents RFS (/agents/[slug]) page to better match the intended design.

  • Type: Refactor

🛠️ Key Changes

  • Render the RFS-N identifier as a Badge component above the article content, sourced from frontmatter id
  • Remove the redundant RFS-N: prefix from the h1 title in all 7 open-requests markdown files
  • Move "Submit a proposal" button inside the <article> element, directly after the markdown content
  • Extract "A Note on FOC's Storage Model" and "SDK Maturity & Builder Expectations" into a dedicated PageSection backgroundVariant="gray"
  • Replace the "Key Links" prose list with a dark PageSection featuring a "Start building with the FOC stack" CTA section with buttons for FOC Storage MCP and Synapse SDK

📌 To-Do Before Merging

  • Visual review of all RFS pages

🧪 How to Test

  • Setup: npm run dev
  • Steps to Test:
    1. Navigate to any /agents/[slug] page (e.g. /agents/rfs-7)
    2. Verify "Submit a proposal" button appears directly below the article content
    3. Verify gray section renders "A Note on FOC's Storage Model" and "SDK Maturity & Builder Expectations"
    4. Verify dark section renders "Start building with the FOC stack" with FOC Storage MCP and Synapse SDK buttons
  • Expected Results: Three distinct sections — light article, gray notes, dark CTA

📸 Screenshots

BEFORE

CleanShot 2026-02-25 at 11 09 31@2x CleanShot 2026-02-25 at 11 10 54@2x

AFTER

CleanShot 2026-02-25 at 11 09 45@2x CleanShot 2026-02-25 at 11 10 18@2x

- Move submit proposal button inside the article element
- Extract storage model and SDK notes into a dedicated gray PageSection
- Replace Key Links prose list with a dark PageSection featuring "Start
  building with the FOC stack" title and CTA buttons for FOC Storage MCP
  and Synapse SDK

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Feb 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
filecoin-cloud Ready Ready Preview, Comment Feb 25, 2026 11:08am

Request Review

@FilOzzy FilOzzy added this to FOC Feb 25, 2026
@github-project-automation github-project-automation bot moved this to 📌 Triage in FOC Feb 25, 2026
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
mirhamasala and others added 2 commits February 25, 2026 11:07
The RFS-N badge is now rendered separately via the Badge component,
so the h1 in each file no longer needs the redundant prefix.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Renders the RFS-N badge above the markdown content using the Badge
component, sourced from frontmatter id.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR refactors the individual agent RFS (/agents/[slug]) page layout to improve visual hierarchy and user experience. The changes separate content into three distinct sections with different visual treatments, making it clearer for users to understand the RFS proposal, important technical notes, and available resources.

Changes:

  • Reorganized page layout into three distinct PageSection components with different background variants (light, gray, dark)
  • Added Badge component to display RFS identifier separately from the markdown heading
  • Removed redundant "RFS-X:" prefix from all markdown file H1 headings (RFS-1 through RFS-7)

Reviewed changes

Copilot reviewed 8 out of 8 changed files in this pull request and generated no comments.

Show a summary per file
File Description
src/app/agents/[slug]/page.tsx Restructured page layout with Badge component, moved SubmitProposalButton into article element, extracted SDK notes to gray section, and added dark CTA section with resource buttons
src/app/agents/data/open-requests/rfs-1.md Removed "RFS-1:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-2.md Removed "RFS-2:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-3.md Removed "RFS-3:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-4.md Removed "RFS-4:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-5.md Removed "RFS-5:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-6.md Removed "RFS-6:" prefix from H1 heading
src/app/agents/data/open-requests/rfs-7.md Removed "RFS-7:" prefix from H1 heading

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Collaborator

@barbaraperic barbaraperic left a comment

Choose a reason for hiding this comment

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

Looks good to me ⭐️

@github-project-automation github-project-automation bot moved this from 📌 Triage to ✔️ Approved by reviewer in FOC Feb 25, 2026
@mirhamasala mirhamasala merged commit fd45b8a into main Mar 2, 2026
10 checks passed
@mirhamasala mirhamasala deleted the mm/rework-agents-rfs-page branch March 2, 2026 13:25
@github-project-automation github-project-automation bot moved this from ✔️ Approved by reviewer to 🎉 Done in FOC Mar 2, 2026
@github-actions github-actions bot added size/M and removed size/M labels Mar 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: 🎉 Done

Development

Successfully merging this pull request may close these issues.

3 participants