[luv-332] feat: restyle dashboard for befailproof.ai theme; drop light mode (#332)

* [luv-332] feat: restyle dashboard for befailproof.ai theme; drop light mode

Swap the dashboard palette from deep-navy + sky-blue to near-black + electric
cyan (#0a0a0a / #06b6d4) with a sharper 0.5rem radius, wire Geist Mono via
next/font/google, paint a faint cyan radial vignette behind the canvas, and
turn the loading splash into a terminal-prompt with a blinking caret. The
navbar drops the Exosphere icon + "Failproof AI" text combo for the failproof
wordmark from the CDN. Light mode is removed entirely — ThemeContext,
ThemeProvider, ThemeToggle, Logo (theme-branching), the localStorage-keyed
pre-paint script, the .light CSS block, and the obsolete public/exospheresmall*
assets all go. Also fixes the entry-highlight keyframe (which referenced
hsl(var(--primary)/0.15) against a hex variable, so the row-click highlight
never actually painted) using color-mix(in oklch, …).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] docs: drop dashboard 'Theme' section after removing light mode

The "## Theme" section in docs/dashboard.mdx described a runtime light/dark
toggle that no longer exists. Drop it rather than rewriting to "the dashboard
is dark" — that line adds no information for the reader.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] docs: fold dashboard.mdx cleanup note into changelog entry

Keep the restyle as a single coherent changelog entry rather than splitting
across "feature" and "docs" lines, since the docs deletion is downstream of
the same code change.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] docs: stamp PR number in changelog entry

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] fix: address CodeRabbit review on PR #332

- app/layout.tsx: drop the inline <script> (used to set the dark class) and
  inline <style> (loading-screen CSS). The dark class is now rendered
  statically via className={`${geistMono.variable} dark`} so no inline JS is
  required, and the loading-screen placeholder is removed entirely — with no
  theme indeterminacy there's no FOUC to mask. Cleaner CSP posture, fewer
  ast-grep warnings on dangerouslySetInnerHTML.
- app/globals.css: also drop the now-unused #__loading and body > * unhide
  rules and the caret-blink keyframe; add the empty line before
  `position: relative;` in the body block to satisfy the
  declaration-empty-line-before stylelint rule.
- CHANGELOG.md: tighten the Unreleased entry from a long narrative paragraph
  to a single dense paragraph (~half the prior length). The CodeRabbit
  guideline of "single line" is honored in spirit but not literally — every
  existing entry under Unreleased / 0.0.10-beta.x is multi-paragraph prose,
  so a true one-liner here would diverge from house style.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] docs: shorten changelog entry to one line per project rule

Per the CHANGELOG.md format rule documented in CLAUDE.md ("Each entry should
be a single line: a short description followed by the PR number") and
reiterated in CodeRabbit's review on PR #332. The detailed prose now lives
only in the PR description.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* [luv-332] feat: re-palette dashboard to brand colors (black/pink/green)

Replace the cyan-on-near-black scheme from the prior commits with the actual
failproofai brand: black-dominant canvas (#09090b — matches the dark logo
SVG's text fill), pink primary #e4587d (from docs/docs.json's colors.light),
green accent (#4ade80 / #16a34a / #18e299 — the leaf gradient stops in
docs/logo/dark.svg). The faint top-of-page wash is now pink instead of
cyan, focus rings + active states + the entry-highlight keyframe pick up
the new --primary automatically through the existing @theme inline tokens.

Also swap the navbar wordmark from the CDN PNG to the local SVG copy at
public/wordmark.svg (sourced from docs/logo/dark.svg) — sharper at any
size, includes the green leaf, and removes the external-host dependency.

New CSS variables --success / --success-deep / --success-glow expose the
green leaf gradient stops as theme tokens for status indicators.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

* Revert "[luv-332] feat: re-palette dashboard to brand colors (black/pink/green)"

This reverts commit 99cef7f.

* [luv-332] feat: switch primary accent from cyan to brand pink #e4587d

---------

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>

Author: NiveditJain

CHANGELOG.md

@@ -3,6 +3,7 @@
 ## Unreleased
 
 ### Features
+- Restyle dashboard to match the failproofai brand (near-black canvas, pink primary `#e4587d`, Geist Mono, wordmark navbar) and drop light mode entirely (#332).
 - `scripts/launch.ts`: redesign the dashboard-startup ASCII banner to mirror the hosted PNG wordmark — hand-crafted chunky pixel-block lowercase "failproof ai" compressed with Unicode 2x2 quadrant block characters (▖▗▘▙▚▛▜▝▞▟ + ▀ ▄ █ ▌ ▐) and horizontally scaled 4:3 so the full wordmark fits in ~75 cols × ~10 rows (clean on any standard ≥80-col terminal), with a plain-text fallback for narrower windows. Also drops the "Using default .claude projects path: …" log line at startup — it printed unconditionally on every dashboard launch and added no signal (#322).
 - Remove the undocumented `--projects-path <path>` / `-p <path>` CLI flag from `scripts/parse-script-args.ts` and the corresponding plumbing in `scripts/launch.ts` (custom-path branch + log line + spawn-env override). Custom Claude project folders can still be pointed at via the `CLAUDE_PROJECTS_PATH` environment variable, which `lib/paths.ts:getClaudeProjectsPath` already honors. `docs/cli/dashboard.mdx` updated to reflect the env-var-only path; tests in `__tests__/scripts/parse-script-args.test.ts` trimmed to drop the 6 cases that exercised the removed flag (#322).
 

__tests__/components/button.test.tsx

@@ -25,7 +25,7 @@ describe("Button", () => {
     render(<Button variant="outline">Outline</Button>);
     const btn = screen.getByText("Outline");
     expect(btn.className).toContain("border");
-    expect(btn.className).toContain("bg-background");
+    expect(btn.className).toContain("bg-transparent");
   });
 
   it("applies correct classes for icon size", () => {

__tests__/components/theme-context.test.tsx

@@ -1,14 +1,9 @@
 import React from "react";
 import { render, type RenderOptions } from "@testing-library/react";
-import { ThemeProvider } from "@/contexts/ThemeContext";
 import { AutoRefreshProvider } from "@/contexts/AutoRefreshContext";
 
 function Providers({ children }: { children: React.ReactNode }) {
-  return (
-    <ThemeProvider>
-      <AutoRefreshProvider>{children}</AutoRefreshProvider>
-    </ThemeProvider>
-  );
+  return <AutoRefreshProvider>{children}</AutoRefreshProvider>;
 }
 
 export function renderWithProviders(

__tests__/components/theme-toggle.test.tsx

@@ -11,7 +11,7 @@ export function CliBadge({ cli }: { cli: ProjectCli }) {
   const classes = getCliBadgeClasses(cli);
   return (
     <span
-      className={`inline-flex items-center rounded px-1.5 py-0.5 text-[0.6rem] font-medium border ${classes}`}
+      className={`inline-flex items-center rounded px-1.5 py-0.5 text-[0.6rem] font-mono font-medium uppercase tracking-wider border ${classes}`}
       title={`Agent CLI: ${label}`}
     >
       {label}