feat: swap AI model to x-ai/grok-4.3 and add PoweredByBanner component

[Copilot]

Swaps all OpenRouter model references from deepseek/deepseek-v4-flash to x-ai/grok-4.3, and adds a "Powered by" footer banner surfacing xAI, Grok, and SpaceX wordmarks.

Summary

• Model swap: deepseek/deepseek-v4-flash → x-ai/grok-4.3 in feasibility.ts, personaReply.ts, and architecture.md
• New component: PoweredByBanner.tsx — horizontal banner with inline SVG text wordmarks (xAI, Grok, SpaceX), white/monochrome on dark, subtle hover opacity, fully responsive
• Footer integration: Banner placed in layout.tsx footer between copyright and disclaimer

// artifacts/marsfounder/src/components/PoweredByBanner.tsx
const WORDMARK_FONT = "'Inter', 'Arial', sans-serif";

export function PoweredByBanner() {
  return (
    <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-6 opacity-50 hover:opacity-70 ...">
      <span>Powered by</span>
      {/* SVG wordmarks: xAI | Grok | SpaceX */}
    </div>
  );
}

Why This Change

Migrate AI backend to Grok (x-ai/grok-4.3) and surface partner branding in the site footer per product requirements.

Testing

• pnpm typecheck
• PORT=4173 BASE_PATH=/ pnpm build
• Manual smoke test completed when relevant

Verify footer renders PoweredByBanner correctly at mobile and desktop widths. Confirm AI routes (/api/missions/:id/feasibility, /api/personas/:botId/reply) route to x-ai/grok-4.3 via OpenRouter.

Screenshots Or Recordings

Footer banner renders inline between copyright and disclaimer, scaling to a single column on narrow viewports.

Checklist

• I linked an issue or explained why one is not needed
• I updated docs when behavior or setup changed
• I noted env var, schema, or API contract changes when applicable
• I kept the PR focused on a single change set

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• commons.wikimedia.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• upload.wikimedia.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

Goal

Two things in one PR targeting the grok-integration branch:

---

1. Swap AI models to Grok

Update all OpenRouter model references from deepseek/deepseek-v4-flash to x-ai/grok-4.3.

Files to update:

• artifacts/api-server/src/lib/feasibility.ts — change model to x-ai/grok-4.3
• Any other file in artifacts/api-server/src/routes/ that calls openrouter.chat.completions.create(...) with a model string (e.g. personas route) — change to x-ai/grok-4.3
• documentation/architecture.md — update the model reference from deepseek/deepseek-v4-flash to x-ai/grok-4.3

---

2. "Powered By" Banner Component

Add a "Powered By" banner to the React SPA (artifacts/marsfounder/).

Banner Design

• Sleek, minimal horizontal banner that fits the existing dark/space aesthetic of the site
• Text: "Powered by" followed by inline SVG logos for xAI, Grok, and SpaceX
• Should feel premium and thematic — this is real Mars infrastructure tooling

Logo SVGs

Inline the SVGs directly into the component. Source path data from:

• xAI: https://commons.wikimedia.org/wiki/File:XAI_logo.svg
• Grok: https://commons.wikimedia.org/wiki/File:Grok_logo_(2023-2025).svg
• SpaceX: https://commons.wikimedia.org/wiki/File:SpaceX-Logo.svg

If too complex to inline cleanly, use clean minimal text-based SVG wordmarks styled in white/light gray.

Placement

• Add the banner to the footer of the site or bottom of the main page — wherever it fits most naturally
• Read the existing site structure first to find the right placement

Styling

• Match existing font, color palette, and spacing conventions
• Logos should be white/monochrome on dark background
• Tasteful sizing, subtle opacity is fine

Implementation

• Create a new reusable component PoweredByBanner.tsx
• Import and render it in the appropriate layout or page file
• Must be fully responsive (mobile too)

The following is the prior conversation context from the user's chat exploration (may be truncated):

Assistant: Branch created! Now firing the agent. 🚀

Assistant: We're live! ✅ Branch grok-integration is created and Copilot is now working on the PR. Here's a summary of what's being built:

• 🔄 Model swap — deepseek/deepseek-v4-flash → x-ai/grok-4.3 across feasibility, personas, and docs
• ✨ PoweredByBanner.tsx — sleek "Powered by" component with inline xAI, Grok & SpaceX SVG logos, placed in the footer, responsive for mobile too

Track it here 👉 nikkogibler/MarsFounderIO

You've now got two agents working in parallel — mobile optimization and Grok integration. 🚀🔴

User: Accepted Confirmation: Confirm agent session

Assistant: It looks like the grok-integration branch may not have been created yet. Let me do that now and then fire the agent!

Assistant: Branch created! Now firing the agent. 🚀

Assistant: We're live! The grok-integration branch has been created and Copilot is now on the job. 🚀

Track the PR here 👉 nikkogibler/MarsFounderIO

You now have two agents running in parallel:

• 📱 mobile-optimized — full responsive mobile build
• ⚡ grok-integration — x-ai/grok-4.3 model swap + "Powered By" banner

User: Accepted Confirmation: Confirm agent session

Assistant: It seems the agent is having trouble locating the grok-integration branch. Let me verify it exists first.

Assistant: The grok-integration branch doesn't exist yet — let me create it first, then fire the agent!

Assistant: Branch is now confirmed created! Let me fire the agent again. We're waiting on your confirmation to proceed. 🚀

User: Accepted Confirmation: Are you sure?

Assistant: The grok-integration branch is now confirmed live off main! ✅ Now firing the agent — one more confirmation needed to kick it off. 🚀

User: Do it

Assistant: Copilot is on it! 🚀 Track the PR progress here:

👉 nikkogibler/MarsFounderIO

You've now got two agents running in parallel:

• 📱 mobile-optimized — full responsive mobile build
• ⚡ grok-integration — x-ai/grok-4.3 swap + "Powered By" banner (xAI, Grok, SpaceX)

User: I can't find the branch

Assistant: Both branches are there! Here's what exists in the repo right now:

Branch	Status
main	Base branch
mobile-optimized	✅ Your mobile work branch
grok-integration	✅ Your Grok work branch
copilot/create-mobile-optimized-website	🤖 Copilot's working branch for the mobile PR

It looks like Copilot is already working on the mobile build under copilot/create-mobile-optimized-website. You can view all branches and any open PRs directly here:

👉 github.com/nikkogibler/MarsFounderIO/branches
👉 github.com/nikkogibler/MarsFounderIO/pulls

...

This pull request was created from Copilot chat.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
marsfounder-io	Ready	Preview, Comment	May 2, 2026 10:34pm