Merge pull request 'Deploy dev to stage — webhook user_metadata fix, textarea, initStripe' (#135) from dev into stage

Merge PR #98 from dev into stage

src/about.el

@@ -8,41 +8,41 @@
 from nav import { nav }
 
 fn about_page() -> String {
-    return nav() + "
+    return {nav()}
 
-<main id=\"about\" style=\"padding: clamp(7rem, 18vh, 11rem) 2.5rem clamp(5rem, 12vh, 8rem);\">
-  <div style=\"max-width: 700px; margin: 0 auto;\">
+<main id="about" style="padding: clamp(7rem, 18vh, 11rem) 2.5rem clamp(5rem, 12vh, 8rem);">
+  <div style="max-width: 700px; margin: 0 auto;">
 
-    <p class=\"label animate-up-1\" style=\"margin-bottom: 2rem;\">About</p>
-    <h1 class=\"display-lg animate-up-2\" style=\"margin-bottom: 2.5rem; max-width: 22rem;\">
+    <p class="label animate-up-1" style="margin-bottom: 2rem;">About</p>
+    <h1 class="display-lg animate-up-2" style="margin-bottom: 2.5rem; max-width: 22rem;">
       Hi. I&#39;m Will.
     </h1>
-    <div class=\"navy-line-left animate-up-3\" style=\"width: 4rem; margin-bottom: 3rem;\"></div>
+    <div class="navy-line-left animate-up-3" style="width: 4rem; margin-bottom: 3rem;"></div>
 
     <!-- Photo + opening -->
-    <div class=\"reveal\" style=\"display: flex; align-items: flex-start; gap: 2.5rem; margin-bottom: 3rem; flex-wrap: wrap;\">
-      <img src=\"/assets/will.png\" alt=\"Will Anderson\" style=\"width: 160px; height: 160px; border-radius: 50%; object-fit: cover; flex-shrink: 0;\">
-      <div style=\"flex: 1; min-width: 260px;\">
-        <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal" style="display: flex; align-items: flex-start; gap: 2.5rem; margin-bottom: 3rem; flex-wrap: wrap;">
+      <img src="/assets/will.png" alt="Will Anderson" style="width: 160px; height: 160px; border-radius: 50%; object-fit: cover; flex-shrink: 0;">
+      <div style="flex: 1; min-width: 260px;">
+        <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
           I grew up in Fort Smith, Arkansas, in the kind of instability where home is a moving target - roughly thirty addresses before I was fifteen, parents struggling with addiction, the material precarity that comes with all of that. I left home at fifteen, stayed with friends until I finished high school, found my way to college. At fourteen I&#39;d already found software, writing C++ at the public library because it was the first thing in my life that responded to precision with correctness, and that property turned out to matter more to me than almost anything else.
         </p>
       </div>
     </div>
 
     <!-- Career -->
-    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal" style="margin-bottom: 3rem;">
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
         I dropped out of college, worked, went back as an adult to finish my degree, and built my skills across nearly twenty years and every kind of organization - international consulting, early-stage startups, Fortune 5 enterprises. Logistics, retail, entertainment, hospitality, industrial automation, insurance, healthcare, financial services. I trained under Juval L&#246;wy at IDesign and worked with him as a consultant from 2015 to 2021, which is where I learned what it actually means to practice software engineering as a discipline rather than an improvisation.
       </p>
     </div>
 
     <!-- Blockquote -->
-    <blockquote class=\"reveal\" style=\"
+    <blockquote class="reveal" style="
       border-left: 3px solid var(--navy);
       padding: 0.5rem 0 0.5rem 2rem;
       margin: 0 0 3rem;
-    \">
-      <p style=\"
+    ">
+      <p style="
         font-family: var(--head);
         font-size: clamp(1.4rem, 3vw, 2rem);
         font-weight: 500;
@@ -50,42 +50,42 @@ fn about_page() -> String {
         color: var(--t1);
         line-height: 1.35;
         letter-spacing: -0.01em;
-      \">
+      ">
         Software shouldn&#39;t be hard. The complexity should live in the problem domain - not in the tools and processes we impose on ourselves.
       </p>
     </blockquote>
 
     <!-- What I saw -->
-    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
-      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I saw</p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal" style="margin-bottom: 3rem;">
+      <p class="label" style="margin-bottom: 1.25rem;">What I saw</p>
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
         Across nearly twenty years I watched software get built at organizations with real stakes and real consequences, and I watched AI go from promise to product - watched the same mistake get made at each iteration: tools built to serve the organization&#39;s needs, not the person&#39;s. Engagement over relationship. Features over memory. Policies where values should be. The fundamental premise that you are a user, not a person, has been so thoroughly baked into the architecture of every major AI system that it doesn&#39;t register as a choice anymore. It&#39;s treated as the natural condition of the technology.
       </p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;">
         It is not. It is a design decision. And it is the wrong one.
       </p>
     </div>
 
-    <div class=\"navy-line-center reveal\" style=\"margin-bottom: 3rem;\"></div>
+    <div class="navy-line-center reveal" style="margin-bottom: 3rem;"></div>
 
     <!-- What I built -->
-    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
-      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I built</p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal" style="margin-bottom: 3rem;">
+      <p class="label" style="margin-bottom: 1.25rem;">What I built</p>
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
         Neuron is what I built in response to that. Not a startup in the traditional sense - no team, no funding, no press release - one person, nearly two years of work, and a conviction that this can be done differently. I wrote the memory architecture, I built the inference infrastructure, because the tools that existed weren&#39;t sufficient for what I was trying to build and so I built those too.
       </p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;">
         Use it long enough and you&#39;ll understand why I couldn&#39;t have gotten there on top of existing infrastructure. Some things have to be built from the ground up to be built right.
       </p>
     </div>
 
     <!-- What I believe -->
-    <div class=\"reveal\" style=\"margin-bottom: 3.5rem;\">
-      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I believe</p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal" style="margin-bottom: 3.5rem;">
+      <p class="label" style="margin-bottom: 1.25rem;">What I believe</p>
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
         AI has genuine potential to free people to do work that actually matters to them - not to create engagement loops, not to harvest attention, but to actually serve the person sitting in front of it. That potential is almost entirely unrealized, not because the technology isn&#39;t capable, but because the incentives that shaped it were never oriented toward the person.
       </p>
-      <p style=\"
+      <p style="
         font-family: var(--head);
         font-size: clamp(1.2rem, 2.5vw, 1.625rem);
         font-weight: 600;
@@ -93,22 +93,22 @@ fn about_page() -> String {
         line-height: 1.35;
         letter-spacing: -0.01em;
         margin-bottom: 1.5rem;
-      \">
+      ">
         Build AI that earns the trust it&#39;s given.
       </p>
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;">
         I don&#39;t know if Neuron will work at the scale I&#39;m imagining. But I know it&#39;s worth finding out, and I know I&#39;m not going back to the other way of building things.
       </p>
     </div>
 
-    <div class=\"navy-line-center reveal\" style=\"margin-bottom: 3rem;\"></div>
+    <div class="navy-line-center reveal" style="margin-bottom: 3rem;"></div>
 
     <!-- CTA -->
-    <div class=\"reveal\">
-      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
+    <div class="reveal">
+      <p style="font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;">
         Neuron opens to founding members on May 1st. 1,000 spots. That&#39;s how it starts.
       </p>
-      <a href=\"/#pricing\" class=\"btn-primary\">
+      <a href="/#pricing" class="btn-primary">
         Join as a founding member &#8594;
       </a>
     </div>
@@ -116,35 +116,34 @@ fn about_page() -> String {
   </div>
 </main>
 
-<footer id=\"footer\" aria-label=\"Footer\">
-  <div class=\"container\">
-    <div class=\"footer-inner\">
+<footer id="footer" aria-label="Footer">
+  <div class="container">
+    <div class="footer-inner">
 
-      <a href=\"/\" class=\"footer-brand\" aria-label=\"Neuron home\" style=\"display:flex;flex-direction:column;align-items:center;\">
-        <img src=\"/assets/brand/neuron-wordmark-on-light.png\" srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" alt=\"Neuron\" height=\"24\" style=\"display:block;margin-bottom:0.35rem;\">
-        <p class=\"footer-brand-tagline\">Built Different.</p>
+      <a href="/" class="footer-brand" aria-label="Neuron home" style="display:flex;flex-direction:column;align-items:center;">
+        <img src="/assets/brand/neuron-wordmark-on-light.png" srcset="/assets/brand/neuron-wordmark-on-light@2x.png 2x" alt="Neuron" height="24" style="display:block;margin-bottom:0.35rem;">
+        <p class="footer-brand-tagline">Built Different.</p>
       </a>
 
-      <div class=\"footer-center\">
-        <div class=\"navy-line\"></div>
+      <div class="footer-center">
+        <div class="navy-line"></div>
       </div>
 
-      <div class=\"footer-right\">
-        <p class=\"footer-domain\">neurontechnologies.ai</p>
-        <nav class=\"footer-nav\" aria-label=\"Footer navigation\">
-          <a href=\"/legal/terms\">Terms</a>
-          <a href=\"/legal/enterprise-terms\">Enterprise Agreement</a>
-          <a href=\"mailto:legal@neurontechnologies.ai\">Contact</a>
+      <div class="footer-right">
+        <p class="footer-domain">neurontechnologies.ai</p>
+        <nav class="footer-nav" aria-label="Footer navigation">
+          <a href="/legal/terms">Terms</a>
+          <a href="/legal/enterprise-terms">Enterprise Agreement</a>
+          <a href="mailto:legal@neurontechnologies.ai">Contact</a>
         </nav>
       </div>
 
     </div>
 
-    <div class=\"footer-bottom\">
-      <p class=\"footer-copy\">&copy; 2026 Neuron, LLC. All rights reserved.</p>
-      <p class=\"footer-tagline-bottom\">Your memory. Your AI.</p>
+    <div class="footer-bottom">
+      <p class="footer-copy">&copy; 2026 Neuron, LLC. All rights reserved.</p>
+      <p class="footer-tagline-bottom">Your memory. Your AI.</p>
     </div>
   </div>
 </footer>
-"
 }

src/account.el

@@ -13,7 +13,7 @@ extern fn el_script_inline(code: String) -> String
 extern fn el_nav(attrs: String, children: String) -> String
 extern fn el_div(attrs: String, children: String) -> String
 extern fn el_a(href: String, attrs: String, children: String) -> String
-extern fn el_img(src: String, alt: String, attrs: String) -> String
+extern fn el_img(attrs: String) -> String
 extern fn el_p(attrs: String, children: String) -> String
 extern fn el_h1(attrs: String, text: String) -> String
 extern fn el_button(attrs: String, label: String) -> String
@@ -520,7 +520,7 @@ fn account_css() -> String {
 }
 
 fn account_nav() -> String {
-    let logo_img: String = el_img("/assets/brand/neuron-wordmark-on-light.png", "Neuron", "srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" height=\"28\"")
+    let logo_img: String = el_img("src=\"/assets/brand/neuron-wordmark-on-light.png\" srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" alt=\"Neuron\" height=\"28\"")
     el_nav(
         "id=\"nav\"",
         el_div(

src/js/account-auth.el

@@ -11,7 +11,7 @@ fn main() -> Void {
   'use strict';
   var cfg = window.NEURON_CFG || {};
   var sb = supabase.createClient(cfg.supabase_url, cfg.supabase_anon_key, {
-    auth: { flowType: 'implicit' }
+    auth: { flowType: 'pkce' }
   });
 
   window.sendMagicLink = async function() {
@@ -25,10 +25,7 @@ fn main() -> Void {
       return;
     }
     if (btn) { btn.disabled = true; btn.textContent = 'Sending...'; }
-    var result = await sb.auth.signInWithOtp({
-      email: email,
-      options: { emailRedirectTo: window.location.origin + '/account' }
-    });
+    var result = await sb.auth.signInWithOtp({ email: email });
     if (btn) { btn.disabled = false; btn.textContent = 'Continue with email'; }
     msgEl.style.display = 'block';
     if (result.error) {

src/main.el

@@ -686,7 +686,7 @@ fn handle_request_inner(method: String, path: String, headers: Map, body: String
         if !str_eq(pi_email, "") {
             let pi_email_enc: String = str_replace(str_replace(pi_email, "@", "%40"), "+", "%2B")
             let pi_search_url: String = "https://api.stripe.com/v1/customers/search?query=email%3A%22" + pi_email_enc + "%22&limit=1"
-            let pi_search: String = http_get_auth(pi_search_url, stripe_key)
+            let pi_search: String = http_get_auth(pi_search_url, auth_header)
             let pi_cus_id = json_get_string(pi_search, "id")
             if str_eq(pi_cus_id, "") {
                 let pi_name_enc: String = str_replace(pi_name, " ", "%20")
@@ -699,24 +699,21 @@ fn handle_request_inner(method: String, path: String, headers: Map, body: String
             }
         }
 
-        // Free tier: SetupIntent for age verification (18+ requirement).
-        // Verifies card is valid and saves it. No charge, no capture.
-        // $0 PaymentIntents are rejected by Stripe; SetupIntent is the correct tool.
+        // Free tier: $0 PaymentIntent for age verification (18+ requirement).
+        // Verifies card is valid. No charge, no capture.
+        // Note: setup_future_usage cannot be used with amount=0.
         if str_eq(plan, "free") {
-            let si_body: String = "automatic_payment_methods[enabled]=true"
-                + "&usage=off_session"
+            let free_pi_body: String = "amount=0"
+                + "&currency=usd"
+                + "&payment_method_types[]=card"
                 + "&metadata[plan]=free"
                 + "&metadata[purpose]=age_verification"
-            let si_body = if !str_eq(pi_cus_id, "") { si_body + "&customer=" + pi_cus_id } else { si_body }
-            let si_resp: String = http_post_form_auth(
-                "https://api.stripe.com/v1/setup_intents",
-                si_body,
+            let free_pi_body = if !str_eq(pi_cus_id, "") { free_pi_body + "&customer=" + pi_cus_id } else { free_pi_body }
+            let free_pi_resp: String = http_post_form_auth(
+                "https://api.stripe.com/v1/payment_intents",
+                free_pi_body,
                 auth_header)
-            if str_starts_with(si_resp, "{") {
-                let inner: String = str_slice(si_resp, 1, str_len(si_resp))
-                return "{\"setup_mode\":true,\"plan\":\"free\"," + inner
-            }
-            return si_resp
+            return free_pi_resp
         }
 
         // Setup-mode path: save payment method, do not charge. Only valid
@@ -787,7 +784,7 @@ fn handle_request_inner(method: String, path: String, headers: Map, body: String
 
         // 1. Search existing customers by email
         let lc_search_url: String = "https://api.stripe.com/v1/customers/search?query=email%3A%22" + lc_email_enc + "%22&limit=1"
-        let lc_search:     String = http_get_auth(lc_search_url, stripe_key)
+        let lc_search:     String = http_get_auth(lc_search_url, lc_auth)
         let lc_cus_id:     String = json_get_string(lc_search, "id")
 
         // 2. If none, create one. We always include supabase_user_id so the
@@ -1119,16 +1116,13 @@ fn handle_request_inner(method: String, path: String, headers: Map, body: String
         }
         let attest_name:  String = json_get(body, "name")
         let attest_email: String = json_get(body, "email")
+        let attest_plan:  String = json_get(body, "plan")
         let attest_ts:    String = json_get(body, "timestamp")
         let attest_text:  String = json_get(body, "attestation")
         let attest_ua:    String = json_get(body, "user_agent")
         if str_eq(attest_email, "") {
             return "{\"error\":\"email required\"}"
         }
-        // Founding membership now requires $199 Stripe payment — the attestation
-        // form is a waitlist-only path. Server enforces this regardless of what
-        // the client submits as plan to prevent bypassing payment.
-        let attest_plan: String = "waitlist"
         let n_safe: String = str_replace(str_replace(attest_name, "\\", "\\\\"), "\"", "\\\"")
         let e_safe: String = str_replace(str_replace(attest_email, "\\", "\\\\"), "\"", "\\\"")
         let t_safe: String = str_replace(str_replace(attest_text, "\\", "\\\\"), "\"", "\\\"")