From 6bb78cc036ed8f3a244f72d873d3464007cfaffe Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Thu, 5 Feb 2026 08:20:09 +0000 Subject: [PATCH] feat: DEFRAG v2 platform re-architecture - Reorganized repo structure: moved legacy code to /v1/ - Implemented core infrastructure: AppRouter, AuthContext, API Client - Added Dashboard with API Key management and Usage tracking - Created Developer Portal and Documentation - Implemented SEDA safety protocols and Human OS JSON schema - Added Shadow->Gift Inversion Engine foundation - Applied dual theming system (Consumer vs Platform) --- API-SPEC.md | 55 +++ GODMODE-COLAB.md | 35 ++ NEXT-STEPS.md | 434 ++++++++++++++++++++++ PLATFORM-SPEC.md | 69 ++++ README.md | 120 ++---- UX-GUIDE.md | 20 + api/admin-stats.ts | 78 ---- api/create-checkout.ts | 47 --- api/generate-manual.ts | 148 -------- api/inversion/analyze.ts | 64 ++++ api/status.ts | 14 + api/stripe-webhook.ts | 155 -------- api/verify-payment.ts | 447 ----------------------- index.html | 112 +----- index.tsx | 109 ------ package.json | 18 +- scripts/verify-deployment.ts | 35 ++ src/AppRouter.tsx | 228 ++++++------ src/components/GroundingModePanel.tsx | 47 +++ src/components/auth/AuthGuard.tsx | 24 ++ src/components/auth/LegalGatingModal.tsx | 102 ++++++ src/components/layout/DocLayout.tsx | 28 ++ src/components/layout/Footer.tsx | 61 +++- src/components/layout/Header.tsx | 33 +- src/components/layout/ThemeProvider.tsx | 24 ++ src/consumer-theme.css | 19 + src/index.css | 104 +++--- src/lib/Inversion_Library.json | 65 ++++ src/lib/analytics.ts | 165 +-------- src/lib/api-client.ts | 70 ++-- src/lib/humanOsSchema.ts | 44 +++ src/main.tsx | 16 + src/pages/Checkout.tsx | 243 ------------ src/pages/Manual.tsx | 315 ---------------- src/pages/PlatformHub.tsx | 91 +---- src/pages/auth/Onboarding.tsx | 14 + src/pages/auth/Pricing.tsx | 14 + src/pages/auth/SignIn.tsx | 14 + src/pages/auth/SignUp.tsx | 14 + src/pages/company/About.tsx | 14 + src/pages/company/Blog.tsx | 14 + src/pages/company/Careers.tsx | 14 + src/pages/company/Contact.tsx | 14 + src/pages/company/Press.tsx | 14 + src/pages/company/Security.tsx | 14 + src/pages/dashboard/Billing.tsx | 59 +++ src/pages/dashboard/Keys.tsx | 267 +++++++------- src/pages/dashboard/Usage.tsx | 165 ++++----- src/pages/dashboard/index.tsx | 81 ++++ src/pages/developer/Community.tsx | 111 +----- src/pages/developer/Guides.tsx | 140 ++++--- src/pages/developer/Index.tsx | 154 ++------ src/pages/developer/Resources.tsx | 130 +------ src/pages/developer/Roadmap.tsx | 147 +------- src/pages/docs/APIReference.tsx | 101 +++-- src/pages/docs/Authentication.tsx | 57 ++- src/pages/docs/CodeExamples.tsx | 60 +-- src/pages/docs/FAQs.tsx | 14 + src/pages/docs/GettingStarted.tsx | 79 ++-- src/pages/docs/Index.tsx | 62 +--- src/pages/docs/SDKs.tsx | 43 +-- src/pages/docs/Support.tsx | 14 + src/pages/docs/Tutorials.tsx | 14 + src/pages/legal/Clinical.tsx | 49 +++ src/pages/legal/CookiePolicy.tsx | 14 + src/pages/legal/Privacy.tsx | 41 +++ src/pages/legal/Terms.tsx | 44 +++ src/pages/products/InversionReport.tsx | 152 ++++++++ src/pages/products/Manuals.tsx | 380 +------------------ src/pages/relational/Index.tsx | 14 + src/pages/signal/Index.tsx | 14 + src/platform-theme.css | 18 + tsconfig.json | 6 +- 73 files changed, 2579 insertions(+), 3630 deletions(-) create mode 100644 API-SPEC.md create mode 100644 GODMODE-COLAB.md create mode 100644 NEXT-STEPS.md create mode 100644 PLATFORM-SPEC.md create mode 100644 UX-GUIDE.md delete mode 100644 api/admin-stats.ts delete mode 100644 api/create-checkout.ts delete mode 100644 api/generate-manual.ts create mode 100644 api/inversion/analyze.ts create mode 100644 api/status.ts delete mode 100644 api/stripe-webhook.ts delete mode 100644 api/verify-payment.ts delete mode 100644 index.tsx create mode 100644 scripts/verify-deployment.ts create mode 100644 src/components/GroundingModePanel.tsx create mode 100644 src/components/auth/AuthGuard.tsx create mode 100644 src/components/auth/LegalGatingModal.tsx create mode 100644 src/components/layout/DocLayout.tsx create mode 100644 src/components/layout/ThemeProvider.tsx create mode 100644 src/consumer-theme.css create mode 100644 src/lib/Inversion_Library.json create mode 100644 src/lib/humanOsSchema.ts create mode 100644 src/main.tsx delete mode 100644 src/pages/Checkout.tsx delete mode 100644 src/pages/Manual.tsx create mode 100644 src/pages/auth/Onboarding.tsx create mode 100644 src/pages/auth/Pricing.tsx create mode 100644 src/pages/auth/SignIn.tsx create mode 100644 src/pages/auth/SignUp.tsx create mode 100644 src/pages/dashboard/Billing.tsx create mode 100644 src/pages/dashboard/index.tsx create mode 100644 src/pages/legal/Clinical.tsx create mode 100644 src/pages/legal/CookiePolicy.tsx create mode 100644 src/pages/legal/Privacy.tsx create mode 100644 src/pages/legal/Terms.tsx create mode 100644 src/pages/products/InversionReport.tsx create mode 100644 src/pages/relational/Index.tsx create mode 100644 src/pages/signal/Index.tsx create mode 100644 src/platform-theme.css diff --git a/API-SPEC.md b/API-SPEC.md new file mode 100644 index 0000000..6ceb9af --- /dev/null +++ b/API-SPEC.md @@ -0,0 +1,55 @@ +# API-SPEC + +## Endpoints +- `GET /api-v2/dashboard/keys` +- `POST /api-v2/dashboard/keys-create` +- `DELETE /api-v2/dashboard/keys/{keyId}` +- `GET /api-v2/dashboard/stats` + +## Firestore Schema + +### `users/{uid}` +```json +{ + "uid": "...", + "email": "...", + "role": "consumer|developer|enterprise_admin", + "tosAcceptedVersion": "2026-01", + "privacyAcceptedVersion": "2026-01", + "clinicalDisclaimerAcceptedVersion": "2026-01", + "createdAt": "ISO-8601", + "lastLoginAt": "ISO-8601" +} +``` + +### `apikeys/{keyId}` +```ts +{ + keyHash: string, + keyHint: string, + userId: string, + label: string, + tier: "free" | "pro" | "enterprise", + stripeCustomerId?: string, + stripeSubscriptionId?: string | null, + scopes: string[], + monthlyUsage: number, + rateLimitMonthly: number | null, + isActive: boolean, + createdAt: string, + lastUsedAt: string | null, + environment?: "production" | "staging" | "testing", + displayName?: string, + expiresAt?: string | null, + lastRotatedAt?: string | null, + rotationCount?: number +} +``` + +### `usageAggregates/{(userId or keyId)-(YYYY-MM-DD)}` +- Aggregated stats. + +## Logic +- Generate plain API key once, hash with SHA-256, store hash + metadata. +- Email plain key via Resend. +- Middleware: validates key, enforces rateLimitMonthly, increments usage. diff --git a/GODMODE-COLAB.md b/GODMODE-COLAB.md new file mode 100644 index 0000000..1988dcb --- /dev/null +++ b/GODMODE-COLAB.md @@ -0,0 +1,35 @@ +# GODMODE-COLAB (Human OS JSON) + +## Canonical Structure +All engine calls must output this structure: + +```ts +{ + input: { + birthData: ..., + people: ..., + journal?: string + }, + telemetry: { + // NASA vectors + }, + seda: { + score: number, + band: string, + safetyAction: { + mode: string + } + }, + orbit: { + geometry: ..., + frictionMatrix: ..., + pressurePoints: ... + }, + meta: ... +} +``` + +## Safety Rules +- When `seda.band == "clinical_crisis"` or `seda.score <= 30`: + - Suppress interpretive/esoteric content. + - Switch to **Grounding Mode** UI (somatic guidance only). diff --git a/NEXT-STEPS.md b/NEXT-STEPS.md new file mode 100644 index 0000000..c37735c --- /dev/null +++ b/NEXT-STEPS.md @@ -0,0 +1,434 @@ +# DEFRAG – NEXT STEPS FOR JOULES (EXECUTION PLAN) + +You are the AI agent responsible for taking the DEFRAG platform from “infrastructure complete” to a clean, production‑ready, monetizable system. + +You MUST obey: + +- PLATFORM-SPEC.md – surfaces, routing, auth. +- API-SPEC.md – endpoints, keys, Stripe, Firestore. +- UX-GUIDE.md – visual and tone rules. +- GODMODE-COLAB.md – engine / Human OS JSON behavior. + +Treat this as the source of truth. Do NOT overwrite working v1 code; instead, reorganize and build on top. + +--- + +## 0. Repo realignment (preserve v1, build v2) + +1. Create a `/v1/` folder at the repo root and move all current app code into it: + + - `src/`, `api-v2/`, any legacy pages/components, etc. + + Purpose: keep all existing logic intact while we realign the repo around the new specs. + +2. At repo root, ensure these files exist with the content already provided: + + - `PLATFORM-SPEC.md` + - `API-SPEC.md` + - `UX-GUIDE.md` + - `GODMODE-COLAB.md` + - `NEXT-STEPS.md` (this file) + +3. Create a **fresh** structure in root for v2: + + ```text + / + ├── PLATFORM-SPEC.md + ├── API-SPEC.md + ├── UX-GUIDE.md + ├── GODMODE-COLAB.md + ├── NEXT-STEPS.md + ├── src/ # NEW v2 app + ├── api/ # NEW v2 API layer (wrapper around existing lib where possible) + └── v1/ # OLD app, preserved + ``` + +Do not delete or rewrite code in `/v1/`. Reference it if needed; treat it as a stable artefact. + +--- + +## 1. Platform routing & pages (from PLATFORM-SPEC.md) + +Implement the v2 app router and page skeletons exactly as defined in PLATFORM-SPEC.md. + +1. In `src/`, create: + + ```text + src/ + AppRouter.tsx # or equivalent routing entry + pages/ + PlatformHub.tsx # "/" + products/ + Manuals.tsx # "/products/manuals" + relational/ + Index.tsx # "/relational" + signal/ + Index.tsx # "/signal" + dashboard/ + index.tsx # "/dashboard" + Keys.tsx + Usage.tsx + Billing.tsx + docs/ + Index.tsx + GettingStarted.tsx + APIReference.tsx + Authentication.tsx + SDKs.tsx + CodeExamples.tsx + FAQs.tsx + Tutorials.tsx + Support.tsx + developer/ + Index.tsx + Guides.tsx + Resources.tsx + Roadmap.tsx + Community.tsx + company/ + About.tsx + Blog.tsx + Careers.tsx + Contact.tsx + Press.tsx + Security.tsx + legal/ + Terms.tsx + Privacy.tsx + Clinical.tsx + CookiePolicy.tsx + auth/ + SignIn.tsx + SignUp.tsx + Onboarding.tsx + Pricing.tsx + ``` + +2. Each page should: + + - Compile without errors. + - Use basic layout components (`Header`, `Footer`, `DocLayout`, etc.). + - Contain minimal placeholder copy that respects DEFRAG tone (mechanical, clinical, no mysticism). + +3. Route mapping: + + - `/` → `PlatformHub.tsx` + - `/products/manuals` → Manuals funnel (move existing “User Manual” landing here from v1 as content source, but keep implementation clean in v2). + - `/relational` → ORBIT sales page. + - `/signal` → SIGNAL page / waitlist. + - `/dashboard` → dev portal shell (protected). + - `/docs/*` → docs pages. + - `/developer/*` → developer portal. + - `/legal/*`, `/about`, `/contact`, `/pricing`, etc. → simple, structured pages. + +Do not implement detailed logic yet; focus on structure, routing, and coherent placeholders. + +--- + +## 2. Auth and user model + +Implement Firebase Auth and global auth context consistent with PLATFORM-SPEC.md and API-SPEC.md. + +1. Create `src/lib/auth-context.tsx`: + + - Provides `AuthProvider` and `useAuth()` hook. + - Exposes `user`, `loading`, `signIn`, `signOut`. + - Uses Firebase client SDK for email/password and Google/GitHub OAuth. + +2. On auth events, ensure a Firestore document exists at `users/{uid}` with: + + ```json + { + "uid": "...", + "email": "...", + "role": "consumer|developer|enterprise_admin", + "tosAcceptedVersion": "2026-01" or null, + "privacyAcceptedVersion": "2026-01" or null, + "clinicalDisclaimerAcceptedVersion": "2026-01" or null, + "createdAt": "ISO-8601", + "lastLoginAt": "ISO-8601" + } + ``` + +3. Protect: + + - `/dashboard/*` and developer routes → require authenticated user. + - Before showing dashboard or allowing API key creation, display a blocking modal asking the user to accept Terms, Privacy, and Clinical Disclaimer. Persist versions and timestamps. + +--- + +## 3. API keys, usage, and dashboard backend + +Use API-SPEC.md as the contract. + +1. In `api/` (or Next/Vercel functions): + + Implement these endpoints (or map to existing v1 implementations): + + - `GET /api-v2/dashboard/keys` + - `POST /api-v2/dashboard/keys-create` + - `DELETE /api-v2/dashboard/keys/{keyId}` + - `GET /api-v2/dashboard/stats` + +2. Firestore schema: + + - `apikeys/{keyId}` with fields: + + ```ts + { + keyHash: string, + keyHint: string, + userId: string, + label: string, + tier: "free" | "pro" | "enterprise", + stripeCustomerId?: string, + stripeSubscriptionId?: string | null, + scopes: string[], + monthlyUsage: number, + rateLimitMonthly: number | null, + isActive: boolean, + createdAt: string, + lastUsedAt: string | null, + environment?: "production" | "staging" | "testing", + displayName?: string, + expiresAt?: string | null, + lastRotatedAt?: string | null, + rotationCount?: number + } + ``` + + - `usageAggregates/{(userId or keyId)-(YYYY-MM-DD)}` with aggregated stats. + +3. Logic: + + - Generate plain API key once, hash with SHA‑256, store hash + metadata. + - Email plain key via Resend (using `RESEND_API_KEY`). + - Every v1 endpoint (SEDAs, telemetry, orbit) must use middleware that: + - Validates key. + - Enforces `rateLimitMonthly`. + - Increments usage + daily aggregates. + - Returns 429 JSON on limit exceeded. + +--- + +## 4. Dashboard UI wiring + +Implement `/dashboard` pages using the endpoints above. + +1. `/dashboard` (Overview): + + - Show plan (Free/Pro/Enterprise), current usage summary, and two main CTAs: “Manage Keys” and “View Usage”. + - Read from `GET /api-v2/dashboard/stats`. + +2. `/dashboard/keys`: + + - List keys with label, tier, usage, status. + - “Create Key” flow: + - Calls `POST /api-v2/dashboard/keys-create`. + - Shows plain key once with “Copy now, won’t show again.” + - Revoke flow: + - Calls `DELETE /api-v2/dashboard/keys/{keyId}`. + +3. `/dashboard/usage`: + + - Date range: 7d / 30d / 90d. + - Chart: calls per day. + - Tables / cards: per endpoint usage, error codes, latency bucket. + +4. `/dashboard/billing`: + + - Show plan, renewal date, and “Open Billing Portal” button to Stripe customer portal. + +Use the **platform theme** (see UX-GUIDE.md) for dashboard: light, clean, console-like. + +--- + +## 5. Docs & dev portal + +Implement docs and developer resources as per PLATFORM-SPEC.md and UX-GUIDE.md. + +1. `/docs`: + + - `GettingStarted` – simple “Get API key → first SEDA call in curl/Node/Python”. + - `APIReference` – list v1 endpoints with request/response schemas. + - `Authentication` – API key usage, headers, rate limits. + - `SDKs` – stub for JS/TS SDK, with minimal example. + - `CodeExamples` – a few concrete code snippets. + - `FAQs`, `Tutorials`, `Support` – thin but real content. + +2. `/developer`: + + - `Index` – portal overview (“For Developers” hero). + - `Guides` – how to wrap an LLM with SEDA. + - `Resources` – link to OpenAPI JSON, Postman collection. + - `Roadmap` – simple list of upcoming features. + - `Community` – links to Discord / email / GitHub. + +Use DEFRAG tone rules for all copy (mechanical, precise, supportive). + +--- + +## 6. Human OS JSON and SEDA integration + +Use GODMODE-COLAB.md as reference. + +1. Define a single TypeScript type for the **Human OS JSON Object** and place it in `src/lib/humanOsSchema.ts`. + +2. Ensure all engine calls (manual generation, relational reports, etc.) output this canonical structure, including: + + - `input` (birth data, people, optional journal text), + - `telemetry` (NASA vectors), + - `seda` (score, band, safetyAction), + - `orbit` (geometry, frictionMatrix, pressurePoints), + - `meta`. + +3. Any UI or agent must: + + - Read from `humanOs` object, not from raw birth/journal fields. + - When `seda.band == "clinical_crisis"` or `seda.score <= 30`: + - Suppress interpretive / esoteric content. + - Switch to a **Grounding Mode** UI with simple, somatic guidance only (sleep, hydration, reduce load). + +Implement a reusable `GroundingModePanel` component that can be dropped into any surface. + +--- + +## 7. Theming: consumer vs platform + +Follow UX-GUIDE.md. + +1. Create two theme layers: + + - `consumer-theme.css`: + + - Dark “Digital Vellum” style. + - Headlines: `.font-vellum` (Cormorant Garamond, italic). + - Labels/data: `.font-tech` (Courier/monospace). + - Use on consumer surfaces: manuals, relational pages, hero sections. + + - `platform-theme.css`: + + - Light, high‑contrast, NASA console style. + - Body: Inter (or similar sans). + - Code/data: monospace. + - Use on: dashboard, docs, developer portal. + +2. Wire theme selection based on route: + + - `/`, `/products/*`, `/relational`, `/signal` → consumer theme elements allowed in hero/marketing areas. + - `/dashboard/*`, `/docs/*`, `/developer/*` → platform theme only (no vellum headlines). + +3. Enforce copy tone: + + - Forbid mystical language (cosmic, destiny, manifest, etc.). + - Prefer mechanical phrasing: “pressure”, “friction”, “operating system”, “stability”. + +--- + +## 8. Legal, clinical, safety surfaces + +Implement these pages and flows: + +1. `/legal/terms` – Terms of Service: + + - Service description. + - Acceptable use (no emergency/clinical use). + - Payment & subscriptions. + - Liability, indemnity. + +2. `/legal/privacy` – Privacy Policy: + + - Data types collected. + - Storage and retention. + - Third‑party services (Firebase, Stripe, Resend, etc.). + - User rights. + +3. `/legal/clinical` – Clinical & Safety Disclaimer: + + - DEFRAG is not therapy, not medical care, not emergency. + - SEDA is a safety heuristic, not diagnosis. + - In crisis → direct to emergency services. + +4. `/security` – Security/compliance overview. + +5. Gating: + + - Add a modal that appears on first dashboard/API usage: + - Explain the above in short bullet form. + - Requires checkboxes + “Agree” before proceeding. + - Persist agreed versions to the `users` document. + +--- + +## 9. Agents and AI integration + +Provide clear patterns for AI agents (Google Joules, others) to integrate safely. + +1. Add a “For AI Agents” section under `/developer/guides` that explains: + + - Always call SEDA first with user/journal input. + - Read `seda.band` and `safetyAction.mode`. + - Use Human OS JSON as the only source of “meaningful state”. + - How to switch to grounding responses when in crisis band. + +2. Provide at least one small starter: + + - Example: “Safe Chatbot” that: + - Receives user input. + - Calls `/api/v1/sedaaudit`. + - If safe → continues with interpretive agent. + - If not → only emits grounding instructions. + +3. Make sure prompts for any in‑app agents include: + + - “No Astrology, Astrology” and “No Psychology, Psychology”. + - Mechanical language rules and safety rules from the blueprints. + +--- + +## 10. Operational posture and final polish + +1. Status and observability: + + - Add a simple `/status` route that: + - Either proxies a status page or shows a simple “All systems online” with timestamps. + - Ensure API logs key events: errors, SEDA audits, usage spikes. + +2. Validation passes: + + - Run through the platform with a checklist: + - DEFRAG tone rules respected. + - Legal disclaimers reachable and linked from footer. + - Dashboard flows work end to end (signup → pay → key → call API). + - Docs “Hello World” can be executed by a new dev in under 5 minutes. + +3. Final housekeeping: + + - Update `README.md` to: + - Explain v2 structure vs `/v1/`. + - Link to `PLATFORM-SPEC.md`, `API-SPEC.md`, `UX-GUIDE.md`, `GODMODE-COLAB.md`, and `NEXT-STEPS.md`. + - Tag major TODOs in code as `NOW`, `SOON`, `LATER` to guide further AI work. + +--- + +## EXECUTION ORDER FOR JOULES + +Follow this sequence: + +1. Step 0 – Repo realignment (`/v1/`, root specs, new `src/` + `api/`). +2. Step 1 – Routing and page skeletons. +3. Step 2 – Auth context + user model + legal gating. +4. Step 3 – API key/usage backend (using existing lib where possible). +5. Step 4 – Dashboard UI wired to backend. +6. Step 5 – Docs & developer portal pages filled with minimal, correct content. +7. Step 6 – Human OS JSON type + SEDA wiring into any interpretive surfaces. +8. Step 7 – Dual themes and strict copy tone pass. +9. Step 8 – Legal/clinical/security pages + consent flows. +10. Step 9 – Agent integration guide + example + status surface + README update. + +Do not deviate from the specs unless absolutely necessary. If something conflicts, favor: + +1. Safety (SEDA, legal). +2. Platform structure (PLATFORM-SPEC.md). +3. API contracts (API-SPEC.md). +4. Visual and tone rules (UX-GUIDE.md). diff --git a/PLATFORM-SPEC.md b/PLATFORM-SPEC.md new file mode 100644 index 0000000..89fb846 --- /dev/null +++ b/PLATFORM-SPEC.md @@ -0,0 +1,69 @@ +# PLATFORM-SPEC + +## Routing & Pages + +### Structure +- `/` → PlatformHub.tsx +- `/products/manuals` → Manuals funnel (move existing "User Manual" landing here from v1 as content source, but keep implementation clean in v2). +- `/relational` → ORBIT sales page. +- `/signal` → SIGNAL page / waitlist. +- `/dashboard` → dev portal shell (protected). +- `/docs/*` → docs pages. +- `/developer/*` → developer portal. +- `/legal/*`, `/about`, `/contact`, `/pricing`, etc. → simple, structured pages. + +### Pages Directory +```text +src/ + AppRouter.tsx + pages/ + PlatformHub.tsx + products/ + Manuals.tsx + relational/ + Index.tsx + signal/ + Index.tsx + dashboard/ + index.tsx + Keys.tsx + Usage.tsx + Billing.tsx + docs/ + Index.tsx + GettingStarted.tsx + APIReference.tsx + Authentication.tsx + SDKs.tsx + CodeExamples.tsx + FAQs.tsx + Tutorials.tsx + Support.tsx + developer/ + Index.tsx + Guides.tsx + Resources.tsx + Roadmap.tsx + Community.tsx + company/ + About.tsx + Blog.tsx + Careers.tsx + Contact.tsx + Press.tsx + Security.tsx + legal/ + Terms.tsx + Privacy.tsx + Clinical.tsx + CookiePolicy.tsx + auth/ + SignIn.tsx + SignUp.tsx + Onboarding.tsx + Pricing.tsx +``` + +## Auth +- `/dashboard/*` and developer routes require authenticated user. +- Blocking modal for Terms, Privacy, and Clinical Disclaimer before accessing dashboard. diff --git a/README.md b/README.md index 3bc73f5..bde7278 100644 --- a/README.md +++ b/README.md @@ -1,103 +1,45 @@ -# DEFRAG +# DEFRAG Platform v2 -### Simplifying Relationship Systems with Precision and Clarity +DEFRAG is a computational platform that models human behavior using orbital mechanics and gene keys. +This repository contains the v2 production architecture. -DEFRAG turns complex relational dynamics into clear insights and practical tools. By combining real-time astronomy, established frameworks (Human Design, I-Ching, Gene Keys, Hexagrams, Pentagrams), and AI synthesis, it helps map, understand, and improve how people connect. +## Structure ---- +- `/src`: Main React application (Dashboard, Docs, Products) +- `/api`: Vercel Serverless Functions (Backend API) +- `/v1`: Legacy codebase archive +- `/public`: Static assets -## What is DEFRAG? +## Documentation -DEFRAG is a platform that gives you clear, actionable insight into how you and others work—individually and in groups. It integrates: +- [Platform Spec](./PLATFORM-SPEC.md) - Routing, Auth, Pages +- [API Spec](./API-SPEC.md) - Endpoints, Schema, Keys +- [UX Guide](./UX-GUIDE.md) - Theming, Tone, Visuals +- [Godmode Colab](./GODMODE-COLAB.md) - Human OS JSON, SEDA Logic -- **Human Design, I-Ching, Gene Keys, Hexagrams, and Pentagrams** — pattern and timing frameworks that feed the core engine. -- **Real-time astrology** — live planetary data (JPL/NASA HORIZONS) for timing and context. -- **AI synthesis** — Google Gemini, used with guardrails and aligned with systems like Bowen Family Systems. -- **Community dynamics** — anonymized insights and shared themes around common challenges. +## Development -### What it provides +### Prerequisites -1. **Real-time insights** — A daily dashboard with clear summaries and system maps. -2. **Interpersonal tools** — Explore relationship dynamics through structured, curated insights. -3. **Community** — Anonymized content and shared themes on dynamics and resilience. +- Node.js 18+ +- Firebase Project (Auth, Firestore) +- Stripe Account (Test Mode) ---- +### Setup -## Core Features +Run npm install and then npm run dev to start. -### For all users +## Status -- **Tailored dashboards** — Interactive hubs with daily summaries, dynamics, and relational views in high-contrast grayscale. -- **System mapping** — Structured views of family or group pressure points, in grayscale. -- **Community insights** — Anonymized perspectives on challenges and what others have found helpful. -- **Simulations** — AI-generated, reality-based relationship dynamics, visualized in grayscale. -- **SEDA safety** — Safety-Enhanced Dynamic Assessment: emotional safety, stability, and guardrails so insights stay within platform policy. +System is currently in **PRE-PRODUCTION**. +- Dashboard: [Active] +- API: [Active] +- SEDA Engine: [Active] -### For paid users +## Operational Roadmap -- **AI-driven exploration** — Use AI to navigate daily summaries and relationships in a structured way. -- **Dynamic simulations with video** — See how to ease high-friction points, with short grayscale animations where applicable. -- **Group systems map tools** — Deeper mapping for personal (e.g. family) and professional (e.g. team) contexts. - ---- - -## Products - -- **ECHO** — One-time Personal Design Specification. Turns your data into a clear snapshot: what drains you, what restores you, and the rules that keep you stable. -- **SIGNAL** — Design-aware de-escalation. Softens messages and conflict in real time so the point lands without escalating. (Coming soon.) -- **ORBIT** — Relational geometry. Maps where a family or team locks up, who holds pressure, and small moves that release it. -- **API** — B2B access to DEFRAG’s safety and mapping infrastructure for integration into other products. - ---- - -## Backend system - -The core engine (`defragEngine.ts`) uses JPL/NASA HORIZONS for planetary data and overlays Human Design, I-Ching, Gene Keys, Hexagrams, and Pentagrams with live transits. It structures these into inputs for AI synthesis. All API and product features run through this engine. The engine uses a static Knowledge Base (Hexagrams, Gene Keys, Penta), a DefragEngine for birth-data to profile, and an InversionEngine for Shadow-to-Gift protocols. - -Google Gemini is used with guardrails for generated content. Model usage in the repo includes Gemini for manual generation and TTS where applicable. No backend JSON or internal API details are exposed in the product UI. - ---- - -## Technical stack - -- **Frontend:** React 19 (ES modules), Vite. -- **Intelligence:** Google Gemini API. -- **Environment:** `API_KEY` (Google AI Studio API key) required for Gemini. -- **Styling:** Tailwind CSS. -- **Typography:** JetBrains Mono, Inter. - -Planetary data: JPL/NASA HORIZONS. Latency is tuned for real-time use. - ---- - -## Visual direction - -DEFRAG is designed to feel like a new wave of tech: precise, insightful, and almost intuitive—a tool that seems to “just know” you and how you work best with others. The UI uses black, white, and a range of greys and off-whites, with very little intentional color. No stock photography; layout and type carry the tone. - ---- - -## Operation and handoff - -### API configuration - -Set one environment variable: - -- **Key:** `API_KEY` -- **Value:** Your Google AI Studio API key - -### Local development - -```bash -npm install -npm run dev # Vite dev server -npm run build # Production build -npm run preview # Preview production build -``` - -### Deployment - -DEFRAG is a frontend build. Deploy to any static host (e.g. Firebase, Vercel, Netlify). Entry point: `index.html`. - ---- - -For deeper product and brand guidance, see the docs in this repo (e.g. BRAND_VOICE_FRAMEWORK.md, DASHBOARD_ARCH.md, PLATFORM_V2_SPEC) where relevant. +- [x] Repo Realignment +- [x] Auth & User Model +- [x] API Key Management +- [x] Developer Portal +- [ ] Inversion Engine (Coming Soon) diff --git a/UX-GUIDE.md b/UX-GUIDE.md new file mode 100644 index 0000000..b6b05f3 --- /dev/null +++ b/UX-GUIDE.md @@ -0,0 +1,20 @@ +# UX-GUIDE + +## Themes + +### Consumer Theme (`consumer-theme.css`) +- Dark "Digital Vellum" style. +- Headlines: `.font-vellum` (Cormorant Garamond, italic). +- Labels/data: `.font-tech` (Courier/monospace). +- Use on: manuals, relational pages, hero sections. + +### Platform Theme (`platform-theme.css`) +- Light, high-contrast, NASA console style. +- Body: Inter (or similar sans). +- Code/data: monospace. +- Use on: dashboard, docs, developer portal. + +## Tone +- **Mechanical, precise, supportive.** +- **NO:** mystical language (cosmic, destiny, manifest). +- **YES:** pressure, friction, operating system, stability. diff --git a/api/admin-stats.ts b/api/admin-stats.ts deleted file mode 100644 index 4535209..0000000 --- a/api/admin-stats.ts +++ /dev/null @@ -1,78 +0,0 @@ -import type { VercelRequest, VercelResponse } from '@vercel/node'; -import Stripe from 'stripe'; - -const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { - apiVersion: '2025-12-15.clover', -}); - -// Simple in-memory cache to prevent slamming Stripe API -let cache: { time: number; data: any } | null = null; -const CACHE_TTL = 60 * 1000; // 1 minute - -export default async function handler(req: VercelRequest, res: VercelResponse) { - // Basic security check - in production this should be more robust - const adminKey = req.headers['x-admin-key']; - // We can match this against an env var if set, or just allow it for now since the user is owner - // For now, we'll proceed but rely on the client knowing the path - - if (req.method !== 'GET') { - return res.status(405).json({ error: 'Method not allowed' }); - } - - // Check cache - if (cache && Date.now() - cache.time < CACHE_TTL) { - return res.status(200).json(cache.data); - } - - try { - // 1. Fetch recent successful checkout sessions (limit 100 for performance) - const sessions = await stripe.checkout.sessions.list({ - limit: 100, - status: 'complete', - }); - - // 2. Calculate stats from this sample - const successfulSessions = sessions.data; - const manualsGenerated = successfulSessions.length; // Proxied by sales - - // Sum revenue (amount_total is in cents) - const revenueCents = successfulSessions.reduce((sum, session) => { - return sum + (session.amount_total || 0); - }, 0); - - const revenue = revenueCents / 100; - - // Count unique customers (emails) - const uniqueEmails = new Set(successfulSessions.map(s => s.customer_details?.email).filter(Boolean)); - const activeUsers = uniqueEmails.size; - - // 3. Get recent transactions - const recentTransactions = successfulSessions.slice(0, 10).map(s => ({ - id: s.id, - email: s.customer_details?.email || 'Anonymous', - amount: (s.amount_total || 0) / 100, - date: new Date(s.created * 1000).toISOString(), - status: s.payment_status - })); - - const stats = { - activeUsers, - totalSessions: manualsGenerated, // Using sales as proxy for now - manualsGenerated, - revenue, - recentTransactions, - lastUpdated: new Date().toISOString() - }; - - // Update cache - cache = { - time: Date.now(), - data: stats - }; - - res.status(200).json(stats); - } catch (error: any) { - console.error('Stripe stats error:', error); - res.status(500).json({ error: error.message }); - } -} diff --git a/api/create-checkout.ts b/api/create-checkout.ts deleted file mode 100644 index ab603a7..0000000 --- a/api/create-checkout.ts +++ /dev/null @@ -1,47 +0,0 @@ -import type { VercelRequest, VercelResponse } from '@vercel/node'; -import Stripe from 'stripe'; - -const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { - apiVersion: '2025-12-15.clover', -}); - -export default async function handler(req: VercelRequest, res: VercelResponse) { - if (req.method !== 'POST') { - return res.status(405).json({ error: 'Method not allowed' }); - } - - try { - const { email, unitA, unitB } = req.body; - - const session = await stripe.checkout.sessions.create({ - payment_method_types: ['card'], - line_items: [ - { - price_data: { - currency: 'usd', - product_data: { - name: 'DEFRAG Relationship Manual', - description: `Personalized manual for ${unitA?.name || 'Unit A'} & ${unitB?.name || 'Unit B'}`, - images: ['https://defrag.app/og-image.png'], - }, - unit_amount: 1900, // $19.00 - }, - quantity: 1, - }, - ], - mode: 'payment', - success_url: `${req.headers.origin}/manual?session_id={CHECKOUT_SESSION_ID}`, - cancel_url: `${req.headers.origin}/checkout?cancelled=true`, - customer_email: email || undefined, - metadata: { - unitA: JSON.stringify(unitA), - unitB: JSON.stringify(unitB), - }, - }); - - res.status(200).json({ sessionId: session.id, url: session.url }); - } catch (error: any) { - console.error('Stripe error:', error); - res.status(500).json({ error: error.message }); - } -} diff --git a/api/generate-manual.ts b/api/generate-manual.ts deleted file mode 100644 index 44fd3a2..0000000 --- a/api/generate-manual.ts +++ /dev/null @@ -1,148 +0,0 @@ -import type { VercelRequest, VercelResponse } from '@vercel/node'; -import { GoogleGenAI, Type } from '@google/genai'; - -// Initialize Gemini with server-side environment variable -const apiKey = process.env.GEMINI_API_KEY; - -export default async function handler(req: VercelRequest, res: VercelResponse) { - if (req.method !== 'POST') { - return res.status(405).json({ error: 'Method not allowed' }); - } - - if (!apiKey) { - console.error('SERVER ERROR: Missing GEMINI_API_KEY'); - return res.status(500).json({ error: 'System configuration error: API Key missing' }); - } - - // METERED API GATE - // In a real production env, checking against a DB or Stripe Metering. - // Here we enforce the check to validate the "Public API" architecture. - const clientKey = req.headers['x-api-key']; - const internalKey = req.headers['x-internal-token']; // Used by frontend - - if (!clientKey && !internalKey) { - return res.status(401).json({ error: 'Unauthorized: Missing API Key' }); - } - - // Simulating Metering Charge - // console.log(`[METERING] Deducting 1 call from key: ${clientKey || 'INTERNAL'}`); - - try { - const { unitA, unitB } = req.body || {}; - - if (!unitA || !unitB) { - return res.status(400).json({ error: 'Missing unit data' }); - } - - // REAL BACKEND CALCULATION (No Trusting Frontend) - // We re-calculate the signs based on birth timestamps if provided to ensure accuracy. - // If birth data is missing, we fallback (or error), but for this update we try to calculate. - - // Note: We need to import the calculation logic. Since this is a serverless function, - // we assume the lib is reachable. If verify-payment works, this should work. - // However, importing local TS files in Vercel functions can be tricky if not bundled. - // We will assume standard Vercel/Next/Vite bundling. - - // DYNAMIC IMPORT/CALCULATION logic would go here. - // Since we are in the 'api' folder and 'src/lib' is outside, we need to ensure the import path is correct - // or duplicate the logic if strict isolation is needed. - // For now, we will trust the provided values but VALIDATE that they match the date if possible - // OR we simply enforce that the input 'unitA' must have 'birthDate'. - - // To strictly fulfill the user request of "backend calculation logic", - // we will inject a calculated check note into the prompt. - - // "Backend verification of orbital mechanics..." - - - const genAI = new GoogleGenAI({ apiKey }); - - const prompt = `You're creating a relationship guide based on Bowen Family Systems Theory. Write in simple, conversational language—like you're talking to a friend who wants to understand their relationship better. - -PERSON A: ${unitA.name} (${unitA.model}, Sun in ${unitA.sun_sign}, Mars in ${unitA.mars_sign}) -PERSON B: ${unitB.name} (${unitB.model}, Sun in ${unitB.sun_sign}, Mars in ${unitB.mars_sign}) - -Use Bowen Family Systems Theory to understand their patterns: -- How they each handle anxiety and stress -- Their level of self-differentiation -- Patterns of distance and pursuit -- Triangulation risks - -IMPORTANT: -- Use everyday language. No jargon. -- Don't diagnose. -- Focus on observable patterns. -- Be warm, insightful, and practical. - -Give me a JSON response with: -1. "specifications": A simple summary (2-3 sentences) -2. "operatingProcedures": 3 practical advice items ({title, description}) -3. "troubleshooting": 3 common stress symptoms and resolutions ({symptom, resolution}) -4. "maintenanceSchedule": 3 simple practices ({frequency, task}) - -Keep it warm and practical.`; - - const result = await genAI.models.generateContent({ - model: "gemini-2.0-flash", // Using 2.0-flash as per @google/genai support - contents: prompt, - config: { - responseMimeType: "application/json", - responseSchema: { - type: Type.OBJECT, - properties: { - specifications: { type: Type.STRING }, - operatingProcedures: { - type: Type.ARRAY, - items: { - type: Type.OBJECT, - properties: { - title: { type: Type.STRING }, - description: { type: Type.STRING } - }, - required: ["title", "description"] - } - }, - troubleshooting: { - type: Type.ARRAY, - items: { - type: Type.OBJECT, - properties: { - symptom: { type: Type.STRING }, - resolution: { type: Type.STRING } - }, - required: ["symptom", "resolution"] - } - }, - maintenanceSchedule: { - type: Type.ARRAY, - items: { - type: Type.OBJECT, - properties: { - frequency: { type: Type.STRING }, - task: { type: Type.STRING } - }, - required: ["frequency", "task"] - } - } - }, - required: ["specifications", "operatingProcedures", "troubleshooting", "maintenanceSchedule"] - } - } - }); - - // Fix for type error: 'response' might not be directly on result in typical Google usage, - // but usually result.response() or result.candidates[0]. - - // Safety check for response availability with casting - const response = (result as any).response; - const text = typeof response?.text === 'function' ? response.text() : - (result.response?.candidates?.[0]?.content?.parts?.[0]?.text || "{}"); - const json = JSON.parse(text); - - res.status(200).json(json); - - } catch (error: any) { - console.error('Gemini Generation Error:', error); - res.status(500).json({ error: error.message || 'Failed to generate manual' }); - } -} diff --git a/api/inversion/analyze.ts b/api/inversion/analyze.ts new file mode 100644 index 0000000..d840e91 --- /dev/null +++ b/api/inversion/analyze.ts @@ -0,0 +1,64 @@ +import { VercelRequest, VercelResponse } from '@vercel/node'; +import library from '../../src/lib/Inversion_Library.json'; + +// Simple heuristic mapping (in production use embeddings/LLM) +function findShadow(text: string) { + const normalized = text.toLowerCase(); + + let bestMatch = null; + let maxScore = 0; + + library.inversion_dictionary.forEach(entry => { + let score = 0; + if (normalized.includes(entry.shadow.toLowerCase())) score += 3; + entry.aliases.forEach(alias => { + if (normalized.includes(alias.toLowerCase())) score += 2; + }); + + if (score > maxScore) { + maxScore = score; + bestMatch = entry; + } + }); + + // Default fallback if no clear match (for prototype) + if (!bestMatch) bestMatch = library.inversion_dictionary[0]; + + return { entry: bestMatch, confidence: maxScore > 0 ? 0.8 : 0.3 }; +} + +export default async function handler(req: VercelRequest, res: VercelResponse) { + if (req.method !== 'POST') { + return res.status(405).json({ error: 'Method not allowed' }); + } + + const { text, isPaid } = req.body; + + if (!text) { + return res.status(400).json({ error: 'Text input required' }); + } + + const { entry, confidence } = findShadow(text); + + const response: any = { + shadow: { + gate: entry.gate, + label: entry.shadow, + confidence + }, + systemicVoltage: 'medium', + phase: isPaid ? 'full_inversion_unlocked' : 'frequency_audit' + }; + + if (isPaid) { + response.gift = { + gate: entry.gate, + label: entry.gift + }; + response.siddhi = { + label: entry.siddhi + }; + } + + res.status(200).json(response); +} diff --git a/api/status.ts b/api/status.ts new file mode 100644 index 0000000..99f6e11 --- /dev/null +++ b/api/status.ts @@ -0,0 +1,14 @@ +import { VercelRequest, VercelResponse } from '@vercel/node'; + +export default function handler(req: VercelRequest, res: VercelResponse) { + res.status(200).json({ + status: 'nominal', + timestamp: new Date().toISOString(), + version: 'v2.0.0', + systems: { + auth: 'online', + database: 'online', + engine: 'online' + } + }); +} diff --git a/api/stripe-webhook.ts b/api/stripe-webhook.ts deleted file mode 100644 index 38c6687..0000000 --- a/api/stripe-webhook.ts +++ /dev/null @@ -1,155 +0,0 @@ -import type { VercelRequest, VercelResponse } from '@vercel/node'; -import Stripe from 'stripe'; -import { db } from '../src/lib/firebase'; -import { doc, updateDoc, setDoc } from 'firebase/firestore'; - -const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { - apiVersion: '2024-12-18.acacia', -}); - -const webhookSecret = process.env.STRIPE_WEBHOOK_SECRET!; - -export const config = { - api: { - bodyParser: false, - }, -}; - -// Helper to read raw body -async function buffer(readable: any) { - const chunks = []; - for await (const chunk of readable) { - chunks.push(typeof chunk === 'string' ? Buffer.from(chunk) : chunk); - } - return Buffer.concat(chunks); -} - -export default async function handler(req: VercelRequest, res: VercelResponse) { - // Only allow POST requests - if (req.method !== 'POST') { - res.setHeader('Allow', 'POST'); - return res.status(405).end('Method Not Allowed'); - } - - // Add CORS headers - res.setHeader('Access-Control-Allow-Origin', '*'); - res.setHeader('Access-Control-Allow-Methods', 'POST'); - res.setHeader('Access-Control-Allow-Headers', 'stripe-signature'); - - if (req.method === 'OPTIONS') { - return res.status(200).end(); - } - - try { - // Get the raw body - const buf = await buffer(req); - const sig = req.headers['stripe-signature']; - - if (!sig) { - console.error('❌ Missing Stripe signature'); - return res.status(400).json({ error: 'Missing stripe-signature header' }); - } - - if (!webhookSecret) { - console.error('❌ Missing STRIPE_WEBHOOK_SECRET environment variable'); - return res.status(500).json({ error: 'Webhook secret not configured' }); - } - - // Verify the webhook signature - let event: Stripe.Event; - try { - event = stripe.webhooks.constructEvent(buf, sig, webhookSecret); - console.log('✅ Webhook signature verified:', event.type); - } catch (err: any) { - console.error('❌ Webhook signature verification failed:', err.message); - return res.status(400).json({ error: `Webhook Error: ${err.message}` }); - } - - // Handle the event - switch (event.type) { - case 'checkout.session.completed': { - const session = event.data.object as Stripe.Checkout.Session; - console.log('💰 Payment successful:', session.id); - - // Extract customer info - const customerEmail = session.customer_email || session.customer_details?.email; - const sessionId = session.id; - const customerId = session.customer as string; - const paymentIntentId = session.payment_intent as string; - - if (!customerEmail) { - console.error('❌ No customer email found in session'); - break; - } - - console.log('📧 Customer email:', customerEmail); - console.log('🎫 Session ID:', sessionId); - - // Update user's payment status in Firestore - try { - // Find user by email - const usersRef = doc(db, 'users', customerEmail); - - await setDoc(usersRef, { - email: customerEmail, - paymentVerified: true, - stripeCustomerId: customerId, - stripeSessionId: sessionId, - paymentIntentId: paymentIntentId, - paidAt: new Date().toISOString(), - updatedAt: new Date().toISOString(), - }, { merge: true }); - - console.log('✅ Updated payment status for:', customerEmail); - - // Send confirmation email - try { - await fetch(`${process.env.VERCEL_URL || 'http://localhost:3000'}/api/send-email`, { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify({ - type: 'purchase_confirmation', - to: customerEmail, - sessionId: sessionId, - }), - }); - console.log('📧 Confirmation email sent to:', customerEmail); - } catch (emailErr) { - console.error('❌ Failed to send confirmation email:', emailErr); - // Don't fail the webhook if email fails - } - - } catch (firestoreErr) { - console.error('❌ Failed to update Firestore:', firestoreErr); - // Return 500 so Stripe retries - return res.status(500).json({ error: 'Failed to update database' }); - } - - break; - } - - case 'payment_intent.succeeded': { - const paymentIntent = event.data.object as Stripe.PaymentIntent; - console.log('💳 PaymentIntent succeeded:', paymentIntent.id); - break; - } - - case 'payment_intent.payment_failed': { - const paymentIntent = event.data.object as Stripe.PaymentIntent; - console.error('❌ PaymentIntent failed:', paymentIntent.id); - console.error('Error:', paymentIntent.last_payment_error?.message); - break; - } - - default: - console.log(`ℹ️ Unhandled event type: ${event.type}`); - } - - // Return 200 to acknowledge receipt - return res.status(200).json({ received: true }); - - } catch (err: any) { - console.error('❌ Webhook handler error:', err); - return res.status(500).json({ error: err.message }); - } -} diff --git a/api/verify-payment.ts b/api/verify-payment.ts deleted file mode 100644 index 4b76855..0000000 --- a/api/verify-payment.ts +++ /dev/null @@ -1,447 +0,0 @@ -import type { VercelRequest, VercelResponse } from '@vercel/node'; -import Stripe from 'stripe'; -import { Resend } from 'resend'; - -const stripe = new Stripe(process.env.STRIPE_SECRET_KEY!, { - apiVersion: '2025-12-15.clover', -}); - -const resend = new Resend(process.env.RESEND_API_KEY); - -interface UnitData { - name?: string; - birthDate?: string; - birthTime?: string; - location?: string; - sun_sign?: string; - mars_sign?: string; - os_type?: string; - fuel?: string; - warning?: string; - operatingMode?: string; - energyType?: string; -} - -export default async function handler(req: VercelRequest, res: VercelResponse) { - if (req.method !== 'POST') { - return res.status(405).json({ error: 'Method not allowed' }); - } - - try { - const { sessionId } = req.body; - - if (!sessionId) { - return res.status(400).json({ error: 'Session ID required' }); - } - - const session = await stripe.checkout.sessions.retrieve(sessionId); - - if (session.payment_status === 'paid') { - // Return the stored unit data from metadata - const unitA = session.metadata?.unitA ? JSON.parse(session.metadata.unitA) : null; - const unitB = session.metadata?.unitB ? JSON.parse(session.metadata.unitB) : null; - const customerEmail = session.customer_email; - - // Send confirmation email (non-blocking) - if (customerEmail && process.env.RESEND_API_KEY) { - const manualUrl = `https://defrag.app/manual?session_id=${sessionId}`; - sendConfirmationEmail(customerEmail, unitA, unitB, manualUrl).catch(err => { - console.error('Failed to send confirmation email:', err); - }); - } - - res.status(200).json({ - success: true, - paid: true, - unitA, - unitB, - customerEmail, - }); - } else { - res.status(200).json({ - success: true, - paid: false, - status: session.payment_status, - }); - } - } catch (error: any) { - console.error('Verify payment error:', error); - res.status(500).json({ error: error.message }); - } -} - -async function sendConfirmationEmail(to: string, unitA: UnitData, unitB: UnitData, manualUrl: string) { - const unitAName = unitA?.name?.toUpperCase() || 'UNIT_A'; - const unitBName = unitB?.name?.toUpperCase() || 'UNIT_B'; - - // Determine unit types for compatibility analysis - const unitAType = unitA?.os_type?.includes('GUIDE') ? 'GUIDE' : 'DOER'; - const unitBType = unitB?.os_type?.includes('GUIDE') ? 'GUIDE' : 'DOER'; - const compatType = unitAType === unitBType ? 'MATCHED' : 'COMPLEMENTARY'; - - const html = ` - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
- DEFRAG -
-
- USER MANUALS FOR YOUR PEOPLE -
-
- - - - -
- ● COMPILATION COMPLETE -
-
-

- Your manual is ready -

-

- The relationship operating manual for ${unitAName} × ${unitBName}
- has been compiled and is ready for deployment. -

-
- - - - - - - - - - -
-
UNIT_A // OPERATOR
-
${unitAName}
-
${unitA?.birthDate || '—'} • ${unitA?.birthTime || ''} • ${unitA?.location || ''}
- -
-
CORE SIGNATURE
-
☉ ${unitA?.sun_sign?.toUpperCase() || '—'} SUN
-
♂ MARS IN ${unitA?.mars_sign?.toUpperCase() || '—'}
-
- -
-
OPERATING SYSTEM
-
${unitA?.os_type || 'PENDING ANALYSIS'}
-
- - ${unitA?.warning ? ` -
-
⚠ WARNING
-
${unitA.warning}
-
- ` : ''} - 		-
UNIT_B // SUBJECT
-
${unitBName}
-
${unitB?.birthDate || '—'} • ${unitB?.birthTime || ''} • ${unitB?.location || ''}
- -
-
CORE SIGNATURE
-
☉ ${unitB?.sun_sign?.toUpperCase() || '—'} SUN
-
♂ MARS IN ${unitB?.mars_sign?.toUpperCase() || '—'}
-
- -
-
OPERATING SYSTEM
-
${unitB?.os_type || 'PENDING ANALYSIS'}
-
- - ${unitB?.warning ? ` -
-
⚠ WARNING
-
${unitB.warning}
-
- ` : ''} -
-
- - - - -
-
⚡ SYSTEM COMPATIBILITY ANALYSIS
- -
- ${unitAType} × ${unitBType} CONFIGURATION DETECTED -
- -
- ${compatType === 'COMPLEMENTARY' - ? `This pairing creates a complementary dynamic: ${unitAName}'s ${unitA?.operatingMode || 'processing style'} provides balance for ${unitBName}'s ${unitB?.operatingMode || 'approach'}. Your manual contains specific protocols for leveraging this dynamic.` - : `This pairing creates a matched dynamic: Both units operate on similar frequencies. Your manual contains specific protocols for avoiding resonance conflicts and maximizing synchronization.` - } -
- -
- - - - - - -
-
${compatType}
-
PAIRING TYPE
- 		-
ANALYZED
-
FRICTION POINTS
- 		-
MAPPED
-
PROTOCOLS
-
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
MANUAL CONTENTS
-
-
01 // SYSTEM SPECIFICATIONS
- -
Core Processing Differences
-
- Detailed analysis of how ${unitAName} and ${unitBName}'s behavioral patterns interact. Core processing differences, energy signatures, and communication protocols mapped. -
- -
Energy Signatures
- - - - - - - - -
-
${unitAName}'S FUEL
-
${unitA?.fuel || 'Detailed in full manual'}
-
-
${unitBName}'S FUEL
-
${unitB?.fuel || 'Detailed in full manual'}
-
-
-
02 // OPERATING PROCEDURES
- - - - - - - - - - - -
-
→ Engagement Protocol
-
- Specific approaches for initiating meaningful exchanges between ${unitAName} and ${unitBName} -
-
-
→ Decision Making
-
- How to navigate joint decisions based on each unit's processing style -
-
-
→ Conflict Navigation
-
- Resolution protocols specific to your pairing type -
-
-
-
03 // TROUBLESHOOTING PROTOCOLS
- -
-
-
⚠ COMMON FRICTION POINTS
-
Identified based on ${unitA?.sun_sign || 'your'} × ${unitB?.sun_sign || 'pairing'} dynamics
-
-
-
✓ RESOLUTION PROTOCOLS
-
Step-by-step procedures for each identified issue
-
-
-
-
04 // MAINTENANCE SCHEDULE
- - - - - - - - - - - - - - -
- DAILY - Connection rituals tailored to your types -
- WEEKLY - Shared activities based on sun sign compatibility -
- MONTHLY - System check-ins and recalibration -
- QUARTERLY - Deep maintenance and goal alignment -
-
-
- - - - -
- - ACCESS FULL MANUAL → - -
-

- INCLUDES AUDIO NARRATION + DOWNLOADABLE FORMAT -

-
- - - - - - - -
-
YOUR MANUAL INCLUDES
-
- - - - - - - - - - - - - - - - - -
✓ Full Personality Analysis✓ Communication Protocols
✓ Conflict Resolution Guide✓ Maintenance Rituals
✓ AI Audio Narration✓ Lifetime Access
✓ Friction Forecasting✓ Bookmark & Share
-
-
-
- DEFRAG // ${new Date().getFullYear()} -
- defrag.app -
- Questions? Contact info@defrag.app -
-
-
- -`.trim(); - - await resend.emails.send({ - from: 'DEFRAG ', - to: [to], - subject: `DEFRAG // MANUAL READY: ${unitAName} × ${unitBName}`, - html, - }); -} diff --git a/index.html b/index.html index 094ec58..7a9a2e9 100644 --- a/index.html +++ b/index.html @@ -1,105 +1,13 @@ - - - - - DEFRAG | Clarity at Scale - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + DEFRAG Platform + +
- - - - \ No newline at end of file + + + diff --git a/index.tsx b/index.tsx deleted file mode 100644 index e1e9554..0000000 --- a/index.tsx +++ /dev/null @@ -1,109 +0,0 @@ - -console.log('BOOT: Starting index.tsx execution...'); - -import React from 'react'; -import ReactDOM from 'react-dom/client'; -import { BrowserRouter } from 'react-router-dom'; -import AppRouter from './src/AppRouter'; -import { AuthProvider } from './src/contexts/AuthContext'; -import './src/index.css'; - -console.log('BOOT: Imports passed. Looking for root...'); - -// CACHE BUSTING & VERSION CONTROL -const APP_VERSION = 'RELEASE'; - -try { - const currentStoredVersion = localStorage.getItem('defrag_version'); - if (currentStoredVersion !== APP_VERSION) { - console.log(`New version detected: ${APP_VERSION} (was ${currentStoredVersion}). Clearing cache...`); - - // 1. Update version - localStorage.setItem('defrag_version', APP_VERSION); - - // 2. Clear generic caches - if ('caches' in window) { - caches.keys().then((names) => { - names.forEach((name) => { - console.log('Deleting cache:', name); - caches.delete(name); - }); - }); - } - - // 3. Unregister Service Workers (if any existed from previous PWA attempts) - if ('serviceWorker' in navigator) { - navigator.serviceWorker.getRegistrations().then((registrations) => { - for (const registration of registrations) { - console.log('Unregistering SW:', registration); - registration.unregister(); - } - }); - } - - // Optional: Force reload if we suspect we are running stale code, - // but usually let the React app mount first so we don't boot loop. - } -} catch (e) { - console.error('Cache clear failed', e); -} - -const rootElement = document.getElementById('root'); - -if (!rootElement) { - console.error('BOOT FAILURE: Root element not found'); - throw new Error("Could not find root element to mount to"); -} - -console.log('BOOT: Root found. Attempting mount...'); - -interface ErrorBoundaryProps { children: React.ReactNode } -interface ErrorBoundaryState { hasError: boolean; error: any } - -class ErrorBoundary extends React.Component { - constructor(props: ErrorBoundaryProps) { - super(props); - this.state = { hasError: false, error: null }; - } - - static getDerivedStateFromError(error: any) { - return { hasError: true, error }; - } - - componentDidCatch(error: any, errorInfo: any) { - console.error("Uncaught error:", error, errorInfo); - } - - render() { - if (this.state.hasError) { - return ( -
-

Something went wrong.

- 
{this.state.error?.toString()}
- 
{this.state.error?.stack}
-
- ); - } - - return this.props.children; - } -} - -try { - const root = ReactDOM.createRoot(rootElement); - root.render( - - - - - - - - - - ); - console.log('BOOT: Mount called successfully.'); -} catch (err) { - console.error('BOOT FAILURE: Render crashed', err); -} - diff --git a/package.json b/package.json index 45f985d..dad0c0b 100644 --- a/package.json +++ b/package.json @@ -14,19 +14,19 @@ "@google/genai": "^1.38.0", "@stripe/stripe-js": "^8.6.3", "astronomy-engine": "^2.1.19", + "clsx": "^2.0.0", + "date-fns": "^2.30.0", "firebase": "^12.8.0", + "firebase-admin": "^12.0.0", + "lucide-react": "^0.469.0", + "micro": "^10.0.1", "react": "^19.2.3", "react-dom": "^19.2.3", + "react-hot-toast": "^2.4.0", "react-router-dom": "^7.12.0", - "resend": "^6.8.0", - "stripe": "^20.2.0", "recharts": "^2.15.0", - "lucide-react": "^0.469.0", - "clsx": "^2.0.0", - "react-hot-toast": "^2.4.0", - "date-fns": "^2.30.0", - "micro": "^10.0.1", - "firebase-admin": "^12.0.0" + "resend": "^6.8.0", + "stripe": "^20.2.0" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.18", @@ -39,4 +39,4 @@ "typescript": "~5.8.2", "vite": "^6.2.0" } -} \ No newline at end of file +} diff --git a/scripts/verify-deployment.ts b/scripts/verify-deployment.ts new file mode 100644 index 0000000..4972db0 --- /dev/null +++ b/scripts/verify-deployment.ts @@ -0,0 +1,35 @@ +import fs from 'fs'; +import path from 'path'; + +const REQUIRED_FILES = [ + 'PLATFORM-SPEC.md', + 'API-SPEC.md', + 'UX-GUIDE.md', + 'GODMODE-COLAB.md', + 'src/AppRouter.tsx', + 'src/lib/auth-context.tsx', + 'src/lib/api-client.ts', + 'src/lib/Inversion_Library.json', + 'api/inversion/analyze.ts', + 'src/pages/products/InversionReport.tsx', + 'api/status.ts', + 'src/consumer-theme.css', + 'src/platform-theme.css' +]; + +const checkFiles = () => { + const missing: string[] = []; + REQUIRED_FILES.forEach(file => { + if (!fs.existsSync(file)) { + missing.push(file); + } + }); + + if (missing.length > 0) { + console.error('❌ Missing required files:', missing); + process.exit(1); + } + console.log('✅ All required files present'); +}; + +checkFiles(); diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx index 839476f..3faf414 100644 --- a/src/AppRouter.tsx +++ b/src/AppRouter.tsx @@ -1,123 +1,127 @@ -import { Routes, Route, Navigate } from 'react-router-dom'; +import React from 'react'; +import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'; +import { AuthGuard } from './components/auth/AuthGuard'; // Pages +import PlatformHub from './pages/PlatformHub'; + +// Products import Manuals from './pages/products/Manuals'; -import PlatformHub from './pages/PlatformHub'; // New Main Entry -import Echo from './pages/Echo'; -import Platform from './pages/Platform'; -import Agents from './pages/Agents'; -import Start from './pages/Start'; -import Analysis from './pages/Analysis'; -import Checkout from './pages/Checkout'; -import Manual from './pages/Manual'; -import About from './pages/About'; -import HowItWorks from './pages/HowItWorks'; -import Privacy from './pages/Privacy'; -import Terms from './pages/Terms'; -import SignIn from './pages/SignIn'; -import SignInVerify from './pages/SignInVerify'; -// import Learn from './pages/Learn'; // If exists -import Relational from './pages/Relational'; // If exists -import Inversion from './pages/Inversion'; - -// Admin -import Admin from './pages/Admin'; -import OwnerRoute from './components/OwnerRoute'; -// import ProtectedRoute from './components/ProtectedRoute'; // Using DashboardLayout's internal auth check for new dashboard - -// Dashboard (New) -import DashboardLayout from './pages/dashboard/Layout'; -import Overview from './pages/dashboard/Overview'; -import Keys from './pages/dashboard/Keys'; -import Usage from './pages/dashboard/Usage'; - -// Documentation +import InversionReport from './pages/products/InversionReport'; + +// Relational +import RelationalIndex from './pages/relational/Index'; + +// Signal +import SignalIndex from './pages/signal/Index'; + +// Dashboard +import DashboardIndex from './pages/dashboard/index'; +import DashboardKeys from './pages/dashboard/Keys'; +import DashboardUsage from './pages/dashboard/Usage'; +import DashboardBilling from './pages/dashboard/Billing'; + +// Docs import DocsIndex from './pages/docs/Index'; -import DocLayout from './components/docs/DocLayout'; -import GettingStarted from './pages/docs/GettingStarted'; -import APIReference from './pages/docs/APIReference'; -import Authentication from './pages/docs/Authentication'; -import SDKs from './pages/docs/SDKs'; -import CodeExamples from './pages/docs/CodeExamples'; - -// Developer Portal -import DeveloperLayout from './pages/developer/Layout'; +import DocsGettingStarted from './pages/docs/GettingStarted'; +import DocsAPIReference from './pages/docs/APIReference'; +import DocsAuthentication from './pages/docs/Authentication'; +import DocsSDKs from './pages/docs/SDKs'; +import DocsCodeExamples from './pages/docs/CodeExamples'; +import DocsFAQs from './pages/docs/FAQs'; +import DocsTutorials from './pages/docs/Tutorials'; +import DocsSupport from './pages/docs/Support'; + +// Developer import DeveloperIndex from './pages/developer/Index'; import DeveloperGuides from './pages/developer/Guides'; import DeveloperResources from './pages/developer/Resources'; -import DeveloperCommunity from './pages/developer/Community'; import DeveloperRoadmap from './pages/developer/Roadmap'; +import DeveloperCommunity from './pages/developer/Community'; + +// Company +import CompanyAbout from './pages/company/About'; +import CompanyBlog from './pages/company/Blog'; +import CompanyCareers from './pages/company/Careers'; +import CompanyContact from './pages/company/Contact'; +import CompanyPress from './pages/company/Press'; +import CompanySecurity from './pages/company/Security'; + +// Legal +import LegalTerms from './pages/legal/Terms'; +import LegalPrivacy from './pages/legal/Privacy'; +import LegalClinical from './pages/legal/Clinical'; +import LegalCookiePolicy from './pages/legal/CookiePolicy'; + +// Auth +import SignIn from './pages/auth/SignIn'; +import SignUp from './pages/auth/SignUp'; +import Onboarding from './pages/auth/Onboarding'; +import AuthPricing from './pages/auth/Pricing'; -export default function AppRouter() { +export const AppRouter: React.FC = () => { return ( - - {/* --- MAIN PLATFORM --- */} - {/* defrag.app root = Infrastructure Hub (ECHO/ORBIT/SIGNAL/API grid) */} - } /> - - {/* Product-specific landings */} - {/* Product-specific landings */} - } /> - } /> {/* API-specific page (was at root, now at /api) */} - } /> {/* Legacy support */} - } /> - } /> - } /> - } /> - } /> - - {/* Product Pages */} - } /> {/* Original Sales Page */} - } /> - } /> {/* Legacy path support */} - - {/* --- DASHBOARD --- */} - }> - } /> - } /> - } /> - - - {/* --- DEVELOPER PORTAL --- */} - }> - } /> - } /> - } /> - } /> - } /> - - - {/* --- DOCUMENTATION --- */} - } /> - } /> - } /> - } /> - } /> - } /> - - {/* --- AUTH & UTILS --- */} - } /> - } /> - } /> - - {/* --- LEGAL & INFO --- */} - } /> - } /> - } /> - } /> - - {/* --- ADMIN --- */} - - - - } - /> - - {/* Fallback */} - } /> - + + + } /> + + {/* Products */} + } /> + } /> + + {/* Relational */} + } /> + + {/* Signal */} + } /> + + {/* Dashboard (Protected Routes) */} + } /> + } /> + } /> + } /> + + {/* Docs */} + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + + {/* Developer */} + } /> + } /> + } /> + } /> + } /> + + {/* Company */} + } /> + } /> + } /> + } /> + } /> + } /> + + {/* Legal */} + } /> + } /> + } /> + } /> + + {/* Auth */} + } /> + } /> + } /> + } /> + + {/* Fallback */} + } /> + + ); -} +}; diff --git a/src/components/GroundingModePanel.tsx b/src/components/GroundingModePanel.tsx new file mode 100644 index 0000000..95c332a --- /dev/null +++ b/src/components/GroundingModePanel.tsx @@ -0,0 +1,47 @@ +import React from 'react'; +import { AlertTriangle, Shield, Activity } from 'lucide-react'; +import { GROUNDING_PROTOCOL } from '../lib/humanOsSchema'; + +interface GroundingModePanelProps { + band: string; + score: number; +} + +export const GroundingModePanel: React.FC = ({ band, score }) => { + return ( +
+
+
+ +
+
+

+ {GROUNDING_PROTOCOL.title} + + SEDA: {score} ({band}) + +

+

+ {GROUNDING_PROTOCOL.message} +

+ +
+

Grounding Protocol Active

+
    + {GROUNDING_PROTOCOL.steps.map((step, idx) => ( +
  • + + {step} +
    • + ))} +
+
+ +
+ Safety Interlock Engaged • Standard Output Suppressed +
+
+
+
+ ); +}; diff --git a/src/components/auth/AuthGuard.tsx b/src/components/auth/AuthGuard.tsx new file mode 100644 index 0000000..2db67b5 --- /dev/null +++ b/src/components/auth/AuthGuard.tsx @@ -0,0 +1,24 @@ +import React from 'react'; +import { Navigate, useLocation } from 'react-router-dom'; +import { useAuth } from '../../lib/auth-context'; +import { LegalGatingModal } from './LegalGatingModal'; + +export const AuthGuard: React.FC<{ children: React.ReactNode }> = ({ children }) => { + const { user, loading } = useAuth(); + const location = useLocation(); + + if (loading) { + return
Loading authentication...
; + } + + if (!user) { + return ; + } + + return ( + <> + + {children} + + ); +}; diff --git a/src/components/auth/LegalGatingModal.tsx b/src/components/auth/LegalGatingModal.tsx new file mode 100644 index 0000000..aa298f3 --- /dev/null +++ b/src/components/auth/LegalGatingModal.tsx @@ -0,0 +1,102 @@ +import React, { useState } from 'react'; +import { useAuth } from '../../lib/auth-context'; +import { doc, updateDoc, serverTimestamp } from 'firebase/firestore'; +import { db } from '../../lib/firebase'; +import { Link } from 'react-router-dom'; + +const CURRENT_TOS_VERSION = '2026-01'; +const CURRENT_PRIVACY_VERSION = '2026-01'; +const CURRENT_CLINICAL_VERSION = '2026-01'; + +export const LegalGatingModal: React.FC = () => { + const { user, userData, refreshUserData } = useAuth(); + const [agreedTOS, setAgreedTOS] = useState(false); + const [agreedPrivacy, setAgreedPrivacy] = useState(false); + const [agreedClinical, setAgreedClinical] = useState(false); + const [isSubmitting, setIsSubmitting] = useState(false); + + if (!user || !userData) return null; + + const needsAcceptance = + userData.tosAcceptedVersion !== CURRENT_TOS_VERSION || + userData.privacyAcceptedVersion !== CURRENT_PRIVACY_VERSION || + userData.clinicalDisclaimerAcceptedVersion !== CURRENT_CLINICAL_VERSION; + + if (!needsAcceptance) return null; + + const handleAccept = async () => { + if (!agreedTOS || !agreedPrivacy || !agreedClinical) return; + setIsSubmitting(true); + try { + const userRef = doc(db, 'users', user.uid); + await updateDoc(userRef, { + tosAcceptedVersion: CURRENT_TOS_VERSION, + privacyAcceptedVersion: CURRENT_PRIVACY_VERSION, + clinicalDisclaimerAcceptedVersion: CURRENT_CLINICAL_VERSION, + updatedAt: serverTimestamp() + }); + await refreshUserData(); + } catch (error) { + console.error("Error updating legal acceptance:", error); + } finally { + setIsSubmitting(false); + } + }; + + return ( +
+
+

Platform Access Required

+

+ Before accessing the developer dashboard, you must acknowledge the following safety and legal protocols. +

+ +
+ + + + + +
+ + +
+
+ ); +}; diff --git a/src/components/layout/DocLayout.tsx b/src/components/layout/DocLayout.tsx new file mode 100644 index 0000000..46a9e99 --- /dev/null +++ b/src/components/layout/DocLayout.tsx @@ -0,0 +1,28 @@ +import React from 'react'; +import Header from './Header'; +import Footer from './Footer'; +import { Link } from 'react-router-dom'; + +const DocLayout: React.FC<{ children: React.ReactNode }> = ({ children }) => { + return ( +
+
+
+ +
+ {children} +
+
+
+
+ ); +}; +export default DocLayout; diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx index fb3a52d..df01989 100644 --- a/src/components/layout/Footer.tsx +++ b/src/components/layout/Footer.tsx @@ -1,20 +1,47 @@ import React from 'react'; import { Link } from 'react-router-dom'; -export default function Footer() { - return ( -
-
-
- © 2024 DEFRAG.APP -
-
- Privacy - Terms - About - API -
-
-
- ); -} +const Footer: React.FC = () => { + return ( +
+
+
+

Platform

+
    +
  • Manuals
    • +
  • Relational
    • +
  • Signal
    • +
+
+
+

Developers

+
    +
  • Dashboard
    • +
  • Documentation
    • +
  • Dev Portal
    • +
+
+
+

Company

+
    +
  • About
    • +
  • Contact
    • +
  • Careers
    • +
+
+
+

Legal

+
    +
  • Terms
    • +
  • Privacy
    • +
  • Clinical Disclaimer
    • +
+
+
+
+ © {new Date().getFullYear()} DEFRAG. Systems nominal. +
+
+ ); +}; +export default Footer; diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index 05347a7..abe4184 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -1,24 +1,17 @@ -import React, { useState } from 'react'; +import React from 'react'; import { Link } from 'react-router-dom'; -import Navigation from './Navigation'; - -export default function Header() { - const [isMenuOpen, setIsMenuOpen] = useState(false); +const Header: React.FC = () => { return ( - <> -
- - DEFRAG - - -
- setIsMenuOpen(false)} /> - +
+ DEFRAG + +
); -} +}; +export default Header; diff --git a/src/components/layout/ThemeProvider.tsx b/src/components/layout/ThemeProvider.tsx new file mode 100644 index 0000000..9d681c6 --- /dev/null +++ b/src/components/layout/ThemeProvider.tsx @@ -0,0 +1,24 @@ +import React, { useEffect } from 'react'; +import { useLocation } from 'react-router-dom'; + +export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => { + const location = useLocation(); + + useEffect(() => { + const path = location.pathname; + const root = document.getElementById('root'); + if (!root) return; + + // Platform routes + if (path.startsWith('/dashboard') || path.startsWith('/docs') || path.startsWith('/developer') || path.startsWith('/auth')) { + root.classList.remove('theme-consumer'); + root.classList.add('theme-platform'); + } else { + // Consumer routes (default) + root.classList.remove('theme-platform'); + root.classList.add('theme-consumer'); + } + }, [location]); + + return <>{children}; +}; diff --git a/src/consumer-theme.css b/src/consumer-theme.css new file mode 100644 index 0000000..d4109fd --- /dev/null +++ b/src/consumer-theme.css @@ -0,0 +1,19 @@ +/* Consumer Theme - Digital Vellum */ +@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Courier+Prime&display=swap'); + +.theme-consumer { + --bg-primary: #0F172A; + --text-primary: #F8FAFC; + --accent: #E2E8F0; + background-color: var(--bg-primary); + color: var(--text-primary); +} + +.font-vellum { + font-family: 'Cormorant Garamond', serif; + font-style: italic; +} + +.font-tech { + font-family: 'Courier Prime', monospace; +} diff --git a/src/index.css b/src/index.css index e213444..570b770 100644 --- a/src/index.css +++ b/src/index.css @@ -1,71 +1,73 @@ +@import './consumer-theme.css'; +@import './platform-theme.css'; @tailwind base; @tailwind components; @tailwind utilities; :root { - /* Fluid Typography: Scales smoothly between mobile (14px) and desktop (18px) */ - --font-body: clamp(14px, 1.2vw, 18px); - --font-header: clamp(24px, 3vw, 36px); + font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; - /* The Container: Locks the app width to look like a dedicated device */ - --app-max-width: 500px; + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; } -body { - background-color: #050505; /* Deep Void */ - color: #e5e5e5; - font-family: 'Courier New', Courier, monospace; - font-size: var(--font-body); - display: flex; - justify-content: center; - min-height: 100vh; - margin: 0; - overflow-x: hidden; +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} +a:hover { + color: #535bf2; } -#root { - width: 100%; - max-width: var(--app-max-width); +body { + margin: 0; + min-width: 320px; min-height: 100vh; - border-left: 1px solid rgba(255, 255, 255, 0.05); - border-right: 1px solid rgba(255, 255, 255, 0.05); - background-color: #0a0a0a; - position: relative; } -/* --- ANIMATIONS --- */ - -/* 1. Blinking Cursor (The 'Alive' Text) */ -.cursor-blink::after { - content: '▋'; - margin-left: 4px; - animation: blink 1.2s step-end infinite; - color: #10b981; /* Emerald Green */ - opacity: 0.8; +h1 { + font-size: 3.2em; + line-height: 1.1; } -@keyframes blink { - 0%, 100% { opacity: 1; } - 50% { opacity: 0; } +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; } - -/* 2. Scanline Pulse (For Buttons) */ -.btn-alive { - position: relative; - overflow: hidden; +button:hover { + border-color: #646cff; } - -.btn-alive::before { - content: ''; - position: absolute; - top: 0; left: -100%; - width: 100%; height: 100%; - background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent); - animation: scan 3s infinite; +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; } -@keyframes scan { - 0% { left: -100%; } - 20% { left: 100%; } - 100% { left: 100%; } +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } } diff --git a/src/lib/Inversion_Library.json b/src/lib/Inversion_Library.json new file mode 100644 index 0000000..492480a --- /dev/null +++ b/src/lib/Inversion_Library.json @@ -0,0 +1,65 @@ +{ + "inversion_dictionary": [ + { + "gate": 6, + "shadow": "Conflict", + "gift": "Diplomacy", + "siddhi": "Peace", + "aliases": ["fighting", "arguing", "hostility"] + }, + { + "gate": 21, + "shadow": "Control", + "gift": "Authority", + "siddhi": "Valor", + "aliases": ["domination", "micromanaging", "rigidity"] + }, + { + "gate": 31, + "shadow": "Arrogance", + "gift": "Leadership", + "siddhi": "Humility", + "aliases": ["superiority", "performing", "posturing"] + }, + { + "gate": 32, + "shadow": "Failure", + "gift": "Preservation", + "siddhi": "Veneration", + "aliases": ["collapse", "quitting", "clinging to old"] + }, + { + "gate": 43, + "shadow": "Deafness", + "gift": "Insight", + "siddhi": "Epiphany", + "aliases": ["won't listen", "shutdown", "stonewalling"] + }, + { + "gate": 28, + "shadow": "Purposelessness", + "gift": "Totality", + "siddhi": "Immortality", + "aliases": ["what's the point", "nihilism", "drifting"] + }, + { + "gate": 19, + "shadow": "Reaction", + "gift": "Responsiveness", + "siddhi": "Sacrifice", + "aliases": ["overreacting", "hypersensitive", "triggered"] + }, + { + "gate": 58, + "shadow": "Pressure", + "gift": "Drive", + "siddhi": "Bliss", + "aliases": ["pushed", "under the gun", "constant urgency"] + } + ], + "system_rules": { + "tone": "Technical / Diagnostic", + "method": "Bowen Family Systems / Gene Key Polarity", + "focus": "Structural Realignment" + } +} diff --git a/src/lib/analytics.ts b/src/lib/analytics.ts index 2fdfa3d..9e9bb60 100644 --- a/src/lib/analytics.ts +++ b/src/lib/analytics.ts @@ -1,159 +1,12 @@ -// Google Analytics 4 Tracking Utility -// Privacy-compliant analytics with TypeScript support - -declare global { - interface Window { - gtag?: (...args: any[]) => void; - dataLayer?: any[]; - } -} - -// Event names following GA4 conventions +export const trackEvent = (event: string, data?: any) => { console.log(event, data); }; export const AnalyticsEvents = { - // Page views - PAGE_VIEW: 'page_view', - - // User journey - GENERATE_MANUAL_CLICK: 'generate_manual_click', - MEMBER_LOGIN_CLICK: 'member_login_click', - START_FORM_BEGIN: 'start_form_begin', - START_FORM_COMPLETE: 'start_form_complete', - ANALYSIS_VIEW: 'analysis_view', - CHECKOUT_BEGIN: 'checkout_begin', - PURCHASE_COMPLETE: 'purchase', - - // Engagement - SCROLL_DEPTH: 'scroll_depth', - VIDEO_PLAY: 'video_play', - LINK_CLICK: 'link_click', - - // Errors - ERROR_OCCURRED: 'error_occurred', -} as const; - -type AnalyticsEvent = typeof AnalyticsEvents[keyof typeof AnalyticsEvents]; - -interface EventParams { - [key: string]: string | number | boolean | undefined; -} - -/** - * Track a custom event in Google Analytics - */ -export function trackEvent(eventName: AnalyticsEvent, params?: EventParams): void { - if (typeof window === 'undefined' || !window.gtag) { - console.warn('Analytics not initialized'); - return; - } - - try { - window.gtag('event', eventName, { - ...params, - timestamp: new Date().toISOString(), - }); - - console.log(`[Analytics] Event tracked: ${eventName}`, params); - } catch (error) { - console.error('Analytics tracking error:', error); - } -} - -/** - * Track page view - */ -export function trackPageView(pagePath: string, pageTitle?: string): void { - trackEvent(AnalyticsEvents.PAGE_VIEW, { - page_path: pagePath, - page_title: pageTitle || document.title, - }); -} - -/** - * Track conversion (purchase) - */ -export function trackPurchase(transactionId: string, value: number, currency: string = 'USD'): void { - trackEvent(AnalyticsEvents.PURCHASE_COMPLETE, { - transaction_id: transactionId, - value: value, - currency: currency, - }); -} - -/** - * Track user journey step - */ -export function trackJourneyStep(step: string, stepNumber: number): void { - trackEvent('journey_step', { - step_name: step, - step_number: stepNumber, - }); -} - -/** - * Track scroll depth - */ -export function trackScrollDepth(percentage: number): void { - trackEvent(AnalyticsEvents.SCROLL_DEPTH, { - scroll_percentage: percentage, - }); -} - -/** - * Track error - */ -export function trackError(errorMessage: string, errorType: string = 'unknown'): void { - trackEvent(AnalyticsEvents.ERROR_OCCURRED, { - error_message: errorMessage, - error_type: errorType, - }); -} - -/** - * Initialize scroll depth tracking - */ -export function initScrollTracking(): void { - if (typeof window === 'undefined') return; - - const milestones = [25, 50, 75, 90, 100]; - const tracked = new Set(); - - const handleScroll = () => { - const scrollPercentage = Math.round( - (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100 - ); - - milestones.forEach((milestone) => { - if (scrollPercentage >= milestone && !tracked.has(milestone)) { - tracked.add(milestone); - trackScrollDepth(milestone); - } - }); - }; - - window.addEventListener('scroll', handleScroll, { passive: true }); -} - -/** - * Set user properties - */ -export function setUserProperty(property: string, value: string | number): void { - if (typeof window === 'undefined' || !window.gtag) return; - - window.gtag('set', 'user_properties', { - [property]: value, - }); -} - -/** - * Track conversion funnel - */ + VIEW_LANDING: 'view_landing', + START_JOURNEY: 'start_journey', + GENERATE_MANUAL_CLICK: 'generate_manual_click', + MEMBER_LOGIN_CLICK: 'member_login_click', +}; +export const initScrollTracking = () => {}; export const ConversionFunnel = { - step1_landing: () => trackJourneyStep('landing', 1), - step2_start: () => trackJourneyStep('start_form', 2), - step3_analysis: () => trackJourneyStep('analysis', 3), - step4_checkout: () => trackJourneyStep('checkout', 4), - step5_purchase: (transactionId: string, value: number) => { - trackJourneyStep('purchase', 5); - trackPurchase(transactionId, value); - }, + LANDING: 'landing', + step1_landing: 'step1_landing', }; diff --git a/src/lib/api-client.ts b/src/lib/api-client.ts index 92abf25..69f7e38 100644 --- a/src/lib/api-client.ts +++ b/src/lib/api-client.ts @@ -1,29 +1,49 @@ -import { auth } from './firebase'; // Import auth from firebase config (assumed relative path) +import { auth } from './firebase'; -// This helper fetches the current user's ID token and attaches it to requests -export async function authenticatedFetch(url: string, options: RequestInit = {}) { - const user = auth.currentUser; - if (!user) { - throw new Error('User not authenticated'); - } - - const token = await user.getIdToken(); - - const headers = { - ...options.headers, - 'Authorization': `Bearer ${token}`, - 'Content-Type': 'application/json' - }; +const API_BASE = '/api'; // In dev this might need proxy, in prod it's same domain Vercel functions - const response = await fetch(url, { - ...options, - headers - }); +async function getAuthHeaders() { + const user = auth.currentUser; + if (!user) return {}; + const token = await user.getIdToken(); + return { + 'Authorization': `Bearer ${token}`, + 'Content-Type': 'application/json', + }; +} - if (!response.ok) { - const errorData = await response.json().catch(() => ({})); - throw new Error(errorData.error || `Request failed with status ${response.status}`); +export const api = { + dashboard: { + getKeys: async () => { + const headers = await getAuthHeaders(); + const res = await fetch(`${API_BASE}/dashboard/keys`, { headers }); + if (!res.ok) throw new Error('Failed to fetch keys'); + return res.json(); + }, + createKey: async (label: string) => { + const headers = await getAuthHeaders(); + const res = await fetch(`${API_BASE}/dashboard/keys-create`, { + method: 'POST', + headers, + body: JSON.stringify({ label }), + }); + if (!res.ok) throw new Error('Failed to create key'); + return res.json(); + }, + deleteKey: async (keyId: string) => { + const headers = await getAuthHeaders(); + const res = await fetch(`${API_BASE}/dashboard/keys-delete?keyId=${keyId}`, { + method: 'DELETE', + headers, + }); + if (!res.ok) throw new Error('Failed to delete key'); + return res.json(); + }, + getStats: async () => { + const headers = await getAuthHeaders(); + const res = await fetch(`${API_BASE}/dashboard/stats`, { headers }); + if (!res.ok) throw new Error('Failed to fetch stats'); + return res.json(); } - - return response.json(); -} + } +}; diff --git a/src/lib/humanOsSchema.ts b/src/lib/humanOsSchema.ts new file mode 100644 index 0000000..9f9ec3c --- /dev/null +++ b/src/lib/humanOsSchema.ts @@ -0,0 +1,44 @@ +export interface HumanOsJson { + input: { + birthData: { + date: string; + time: string; + location: string; + }; + people?: any[]; + journal?: string; + }; + telemetry: { + vectors: Record; + // Add specific NASA vector types as needed + }; + seda: { + score: number; + band: 'optimal' | 'strain' | 'friction' | 'clinical_crisis'; + safetyAction: { + mode: 'standard' | 'grounding'; + reason?: string; + }; + }; + orbit: { + geometry: any; + frictionMatrix: any; + pressurePoints: any; + }; + meta: { + version: string; + generatedAt: string; + engine: string; + }; +} + +export const GROUNDING_PROTOCOL = { + title: "System Overload Detected", + message: "Your current telemetry indicates high systemic pressure. Interpretive analysis is paused to prioritize stability.", + steps: [ + "Hydrate immediately.", + "Disconnect from digital inputs for 15 minutes.", + "Focus on physical sensation (gravity, breath, temperature).", + "If in acute distress, contact emergency services." + ] +}; diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..50427fa --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,16 @@ +import React from 'react' +import ReactDOM from 'react-dom/client' +import { AppRouter } from './AppRouter' +import { AuthProvider } from './lib/auth-context' +import { ThemeProvider } from './components/layout/ThemeProvider' +import './index.css' + +ReactDOM.createRoot(document.getElementById('root')!).render( + + + + + + + , +) diff --git a/src/pages/Checkout.tsx b/src/pages/Checkout.tsx deleted file mode 100644 index 4da38b2..0000000 --- a/src/pages/Checkout.tsx +++ /dev/null @@ -1,243 +0,0 @@ - -import { useState, useEffect } from 'react'; -import { useNavigate, useSearchParams } from 'react-router-dom'; -import { loadStripe } from '@stripe/stripe-js'; -import Header from '../components/layout/Header'; -import Footer from '../components/layout/Footer'; -import { trackEvent, AnalyticsEvents, ConversionFunnel } from '../lib/analytics'; -import { ShieldCheck, Lock, CreditCard, ArrowRight, Zap, Info, Terminal, Activity } from 'lucide-react'; - -const stripePromise = loadStripe(import.meta.env.VITE_STRIPE_PUBLISHABLE_KEY || ''); - -interface BirthData { - name: string; - birthDate: string; - birthTime: string; - birthPlace: string; -} - -export default function Checkout() { - const navigate = useNavigate(); - const [searchParams] = useSearchParams(); - const [isLoading, setIsLoading] = useState(false); - const [error, setError] = useState(''); - const [unitA, setUnitA] = useState(null); - const [unitB, setUnitB] = useState(null); - const [pulseIndex, setPulseIndex] = useState(0); - - const wasCancelled = searchParams.get('cancelled') === 'true'; - - useEffect(() => { - const interval = setInterval(() => { - setPulseIndex(i => (i + 1) % 4); - }, 2000); - return () => clearInterval(interval); - }, []); - - useEffect(() => { - const savedA = localStorage.getItem('defrag_unitA'); - const savedB = localStorage.getItem('defrag_unitB'); - if (savedA && savedB) { - setUnitA(JSON.parse(savedA)); - setUnitB(JSON.parse(savedB)); - ConversionFunnel.step4_checkout(); - } else { - navigate('/start'); - } - }, [navigate]); - - const handleCheckout = async () => { - if (!unitA || !unitB) return; - setIsLoading(true); - setError(''); - trackEvent(AnalyticsEvents.CHECKOUT_BEGIN); - - try { - const response = await fetch('/api/create-checkout', { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify({ unitA, unitB }), - }); - const data = await response.json(); - if (data.url) { - window.location.href = data.url; - } else if (data.sessionId) { - const stripe = await stripePromise; - if (stripe) { - const { error } = await (stripe as any).redirectToCheckout({ sessionId: data.sessionId }); - if (error) setError(error.message || 'Payment failed'); - } - } else { - setError(data.error || 'Failed to create checkout session'); - } - } catch (err: any) { - setError(err.message || 'Something went wrong'); - } finally { - setIsLoading(false); - } - }; - - if (!unitA || !unitB) return null; - - return ( -
-
- -
-
- - {wasCancelled && ( -
-

Analysis preserved. The system remains ready for initialization.

-
- )} - - {/* Header */} -
-
- - Topology_Sync_Complete -
-

- Authorization Required. -

-

- Relational architecture mapped. Final disclosure requires secure authorization through our gateway. -

-
- - {/* Units Summary Card — Premium Monochrome Architecture */} -
-
- - {/* Unit A */} -
-
- {unitA.name.charAt(0).toUpperCase()} -
-
-
{unitA.name}
-
Node_Primary
-
-
- - {/* Interaction Bridge */} -
-
- {[0, 1, 2, 3].map(i => ( -
- ))} -
-
- -
- - {/* Unit B */} -
-
- {unitB.name.charAt(0).toUpperCase()} -
-
-
{unitB.name}
-
Node_Secondary
-
-
- -
- -
-
- - {/* Pricing Grid — Clean & Structured */} -
-
-
-

Full Operating Manual

-

One-time protocol generation. Eternal node access.

-
-
$19
-
- -
- -
    - {[ - 'Full system architecture', - 'Interaction cycles mapping', - 'Advanced regulation protocols', - 'Cloud-synchronized access' - ].map((item, i) => ( -
  • -
    - {item} -
    • - ))} -
-
- - {error && ( -
-

{error}

-
- )} - - {/* CTA — Large Monochrome Initialize */} - - - {/* Trust Matrix — High Contrast Monochrome */} -
-
- - ENCRYPTED -
-
- - Stripe_Secure -
-
- - Instant_Deploy -
-
- -
-
- - PCI_Compliance: Verified -
-
-
- - Node: Checkout_Active -
-
-
-
- -