@rubytech/create-maxy 0.3.3 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubytech/create-maxy",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Install Maxy — your personal AI assistant",
   "bin": {
     "create-maxy": "./dist/index.js"

package/payload/maxy/app/admin/page.tsx

@@ -145,7 +145,7 @@ export default function AdminPage() {
     return (
       <div className="chat-page admin-page">
         <header className="chat-header">
-          <img src="/maxy-black.png" alt="Maxy" className="chat-logo" />
+          <img src="/brand/maxy-black.png" alt="Maxy" className="chat-logo" />
           <h1 className="chat-tagline">Maxy</h1>
           <p className="chat-intro">Convenience as standard.</p>
         </header>
@@ -176,7 +176,7 @@ export default function AdminPage() {
   return (
     <div className="chat-page admin-page">
       <header className="chat-header">
-        <img src="/maxy-black.png" alt="Maxy" className="chat-logo" />
+        <img src="/brand/maxy-black.png" alt="Maxy" className="chat-logo" />
         <h1 className="chat-tagline">Maxy</h1>
         <p className="chat-intro">Convenience as standard.</p>
       </header>

package/payload/maxy/app/bot/page.tsx

@@ -103,7 +103,7 @@ export default function ProductPage() {
       {/* Hero */}
       <div className="hero-section">
         <div className="hero">
-          <img src="/maxy-black.png" alt="Maxy" className="hero-logo" />
+          <img src="/brand/maxy-black.png" alt="Maxy" className="hero-logo" />
           <h1 className="hero-tagline">No Stress. Quiet Life.</h1>
           <p className="hero-description">
             Maxy is a personal AI assistant that lives in your home.
@@ -119,7 +119,7 @@ export default function ProductPage() {
           </div>
         </div>
         <div className="hero-image">
-          <img src="/maxy-family.png" alt="A family interacting with Maxy" />
+          <img src="/marketing/maxy-family.png" alt="A family interacting with Maxy" />
         </div>
       </div>
 
@@ -165,7 +165,7 @@ export default function ProductPage() {
         <h2 className="section-heading">Before and after Maxy.</h2>
         <div className="before-after-layout">
           <div className="section-image">
-            <img src="/maxy-woman.png" alt="A woman relaxing at home with Maxy" />
+            <img src="/marketing/maxy-woman.png" alt="A woman relaxing at home with Maxy" />
           </div>
           <div className="scenarios">
             <div className="scenario">
@@ -209,7 +209,7 @@ export default function ProductPage() {
         <div className="hardware-options">
           <div className="hardware-card">
             <div className="hardware-image">
-              <img src="/maxy-pi.png" alt="Maxy Pi device" />
+              <img src="/marketing/maxy-pi.png" alt="Maxy Pi device" />
             </div>
             <h3>Maxy Pi</h3>
             <p className="hardware-price">From &pound;125</p>
@@ -222,7 +222,7 @@ export default function ProductPage() {
           </div>
           <div className="hardware-card featured">
             <div className="hardware-image">
-              <img src="/maxy-girl.png" alt="A girl chatting with Maxy Mini" />
+              <img src="/marketing/maxy-girl.png" alt="A girl chatting with Maxy Mini" />
             </div>
             <h3>Maxy Mini</h3>
             <p className="hardware-price">

package/payload/maxy/app/og/page.tsx

@@ -40,7 +40,7 @@ export default async function OGImage({
         }}
       >
         <div style={{ width: '50%', position: 'relative', flexShrink: 0 }}>
-          <Image src="/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
+          <Image src="/marketing/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
         </div>
         <div
           style={{
@@ -52,7 +52,7 @@ export default async function OGImage({
             padding: '32px 120px',
           }}
         >
-          <Image src="/maxy-black.png" alt="Maxy" width={80} height={80} style={{ objectFit: 'contain' }} />
+          <Image src="/brand/maxy-black.png" alt="Maxy" width={80} height={80} style={{ objectFit: 'contain' }} />
           <h1
             style={{
               fontFamily: "'Cormorant', Georgia, serif",
@@ -90,7 +90,7 @@ export default async function OGImage({
         }}
       >
         <div style={{ position: 'relative', width: '100%', height: '60%', flexShrink: 0 }}>
-          <Image src="/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
+          <Image src="/marketing/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
         </div>
         <div
           style={{
@@ -102,7 +102,7 @@ export default async function OGImage({
             padding: '40px 60px',
           }}
         >
-          <Image src="/maxy-black.png" alt="Maxy" width={64} height={64} style={{ objectFit: 'contain', marginBottom: 20 }} />
+          <Image src="/brand/maxy-black.png" alt="Maxy" width={64} height={64} style={{ objectFit: 'contain', marginBottom: 20 }} />
           <h1
             style={{
               fontFamily: "'Cormorant', Georgia, serif",
@@ -151,7 +151,7 @@ export default async function OGImage({
         }}
       >
         <div style={{ position: 'relative', width: '100%', height: '55%', flexShrink: 0 }}>
-          <Image src="/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
+          <Image src="/marketing/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
         </div>
         <div
           style={{
@@ -163,7 +163,7 @@ export default async function OGImage({
             padding: '32px 60px',
           }}
         >
-          <Image src="/maxy-black.png" alt="Maxy" width={72} height={72} style={{ objectFit: 'contain', marginBottom: 20 }} />
+          <Image src="/brand/maxy-black.png" alt="Maxy" width={72} height={72} style={{ objectFit: 'contain', marginBottom: 20 }} />
           <h1
             style={{
               fontFamily: "'Cormorant', Georgia, serif",
@@ -210,7 +210,7 @@ export default async function OGImage({
       }}
     >
       <div style={{ position: 'relative', width: '45%', flexShrink: 0 }}>
-        <Image src="/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
+        <Image src="/marketing/maxy-family.png" alt="" fill style={{ objectFit: 'cover' }} />
       </div>
       <div
         style={{
@@ -221,7 +221,7 @@ export default async function OGImage({
           padding: '40px 48px',
         }}
       >
-        <Image src="/maxy-black.png" alt="Maxy" width={64} height={64} style={{ objectFit: 'contain', marginBottom: 20 }} />
+        <Image src="/brand/maxy-black.png" alt="Maxy" width={64} height={64} style={{ objectFit: 'contain', marginBottom: 20 }} />
         <h1
           style={{
             fontFamily: "'Cormorant', Georgia, serif",

package/payload/maxy/app/page.tsx

@@ -1,176 +1,132 @@
 'use client'
 
-import { useState, useRef, useEffect, useCallback, FormEvent } from 'react'
+import { useState, useRef, useEffect, FormEvent } from 'react'
+import { ActivityEvent, type AdminEvent } from './admin/components/ActivityEvent'
 
 interface Message {
-  role: 'maxy' | 'visitor'
-  content: string
+  role: 'admin' | 'maxy'
+  content?: string
+  events?: AdminEvent[]
 }
 
-const suggestions = [
-  'What is Maxy and how is it different from just using ChatGPT?',
-  'What do I need to buy and how much will it all cost me each month?',
-  'How do I actually set it up and talk to it — at home and when I\u2019m out?',
-  'Is my family\u2019s data private, and can you see what we\u2019re talking about?',
-  'What can Maxy actually do for me day-to-day?',
-]
-
-/** Generate a random session ID (Taskmaster prepends its own anon- prefix). */
-function generateSessionId(): string {
-  return crypto.randomUUID()
-}
-
-export default function ChatPage() {
+export default function AdminPage() {
+  const [authenticated, setAuthenticated] = useState(false)
+  const [pin, setPin] = useState('')
+  const [pinError, setPinError] = useState('')
+  const [sessionKey, setSessionKey] = useState<string | null>(null)
   const [messages, setMessages] = useState<Message[]>([])
-  const [remainingSuggestions, setRemainingSuggestions] = useState(suggestions)
   const [input, setInput] = useState('')
   const [isStreaming, setIsStreaming] = useState(false)
   const messagesEndRef = useRef<HTMLDivElement>(null)
   const inputRef = useRef<HTMLInputElement>(null)
-  const nudgeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
-  const sessionKeyRef = useRef<string | null>(null)
-  const sessionPendingRef = useRef<Promise<string | null> | null>(null)
+  const pinInputRef = useRef<HTMLInputElement>(null)
 
-  // Scroll to bottom when messages change
   useEffect(() => {
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
   }, [messages])
 
-  // Nudge timer — if no input after 15s, show gentle prompt
   useEffect(() => {
-    nudgeTimerRef.current = setTimeout(() => {
-      setMessages(prev => {
-        if (prev.length > 0) return prev // user already started chatting
-        return [{ role: 'maxy', content: 'No wrong answers. Just tell me what\'s on your mind.' }]
-      })
-    }, 15000)
-    return () => {
-      if (nudgeTimerRef.current) clearTimeout(nudgeTimerRef.current)
-    }
-  }, []) // eslint-disable-line react-hooks/exhaustive-deps
-
-  // Focus input on mount
-  useEffect(() => {
-    inputRef.current?.focus()
-  }, [])
+    if (authenticated) inputRef.current?.focus()
+    else pinInputRef.current?.focus()
+  }, [authenticated])
 
-  /** Ensure we have a Taskmaster session, creating one if needed. */
-  const ensureSession = useCallback(async (): Promise<string | null> => {
-    if (sessionKeyRef.current) return sessionKeyRef.current
+  async function handlePinSubmit(e: FormEvent) {
+    e.preventDefault()
+    setPinError('')
 
-    // Deduplicate concurrent calls
-    if (sessionPendingRef.current) return sessionPendingRef.current
+    try {
+      const res = await fetch('/api/admin/session', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ pin }),
+      })
 
-    const promise = (async () => {
-      try {
-        const res = await fetch('/api/session', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ session_id: generateSessionId() }),
-        })
-        if (!res.ok) return null
-        const data = await res.json()
-        sessionKeyRef.current = data.session_key
-        return data.session_key as string
-      } catch {
-        return null
-      } finally {
-        sessionPendingRef.current = null
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({}))
+        setPinError(data.error || 'Invalid PIN')
+        return
       }
-    })()
 
-    sessionPendingRef.current = promise
-    return promise
-  }, [])
-
-  async function sendMessage(text: string) {
-    if (!text || isStreaming) return
-
-    // Clear nudge timer
-    if (nudgeTimerRef.current) {
-      clearTimeout(nudgeTimerRef.current)
-      nudgeTimerRef.current = null
+      const data = await res.json()
+      setSessionKey(data.session_key)
+      setAuthenticated(true)
+    } catch {
+      setPinError('Could not connect.')
     }
+  }
 
-    // Remove this suggestion if it was from the list
-    setRemainingSuggestions(prev => prev.filter(s => s !== text))
+  async function sendMessage(text: string) {
+    if (!text || isStreaming || !sessionKey) return
 
-    // Add visitor message
-    const visitorMessage: Message = { role: 'visitor', content: text }
-    const updatedMessages = [...messages, visitorMessage]
-    setMessages(updatedMessages)
+    const adminMessage: Message = { role: 'admin', content: text }
+    const currentLength = messages.length
+    setMessages(prev => [...prev, adminMessage])
     setInput('')
     setIsStreaming(true)
 
-    // Add placeholder for Maxy's response
-    const placeholderIndex = updatedMessages.length
-    setMessages(prev => [...prev, { role: 'maxy', content: '' }])
+    const maxyMessage: Message = { role: 'maxy', events: [] }
+    setMessages(prev => [...prev, maxyMessage])
+    const messageIndex = currentLength + 1
 
     try {
-      // Ensure we have a session before sending
-      const sessionKey = await ensureSession()
-      if (!sessionKey) {
-        throw new Error('session')
-      }
-
-      const res = await fetch('/api/chat', {
+      const res = await fetch('/api/admin/chat', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ message: text, session_key: sessionKey }),
       })
 
-      if (!res.ok) {
-        const errorData = await res.json().catch(() => ({}))
-        throw new Error(errorData.error || 'Something went wrong')
-      }
+      if (!res.ok) throw new Error('Chat request failed')
 
       const reader = res.body?.getReader()
-      const decoder = new TextDecoder()
-
       if (!reader) throw new Error('No response stream')
 
-      let accumulated = ''
-      let sseBuffer = ''
+      const decoder = new TextDecoder()
+      let buffer = ''
 
       while (true) {
         const { done, value } = await reader.read()
         if (done) break
 
-        sseBuffer += decoder.decode(value, { stream: true })
-        const parts = sseBuffer.split('\n')
-        sseBuffer = parts.pop()! // keep incomplete trailing segment
+        buffer += decoder.decode(value, { stream: true })
+        const parts = buffer.split('\n')
+        buffer = parts.pop()!
 
         for (const line of parts) {
           if (!line.startsWith('data: ')) continue
-          const data = line.slice(6)
-          if (data === '[DONE]') continue
+          const payload = line.slice(6)
+          if (payload === '[DONE]') continue
+
+          let parsed: { type: string; [key: string]: unknown }
+          try {
+            parsed = JSON.parse(payload)
+          } catch {
+            continue
+          }
 
-          let parsed
-          try { parsed = JSON.parse(data) } catch { continue }
+          if (parsed.type === 'done' || parsed.type === 'session_init') continue
 
-          if (parsed.error) throw new Error(parsed.error)
-          if (parsed.text) {
-            accumulated += parsed.text
-            setMessages(prev => {
-              const updated = [...prev]
-              updated[placeholderIndex] = {
-                role: 'maxy',
-                content: accumulated,
+          const event = parsed as AdminEvent
+
+          setMessages(prev => {
+            const updated = [...prev]
+            const msg = updated[messageIndex]
+            if (msg && msg.role === 'maxy') {
+              updated[messageIndex] = {
+                ...msg,
+                events: [...(msg.events ?? []), event],
               }
-              return updated
-            })
-          }
+            }
+            return updated
+          })
         }
       }
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : 'Something went wrong'
       setMessages(prev => {
         const updated = [...prev]
-        updated[placeholderIndex] = {
+        updated[messageIndex] = {
           role: 'maxy',
-          content: errorMessage === 'session'
-            ? "I'm having trouble connecting right now. Try refreshing the page."
-            : "Sorry, I hit a snag. Try again in a moment.",
+          events: [{ type: 'text', content: `Error: ${errorMessage}` }],
         }
         return updated
       })
@@ -185,56 +141,67 @@ export default function ChatPage() {
     sendMessage(input.trim())
   }
 
+  if (!authenticated) {
+    return (
+      <div className="chat-page admin-page">
+        <header className="chat-header">
+          <img src="/brand/maxy-black.png" alt="Maxy" className="chat-logo" />
+          <h1 className="chat-tagline">Maxy</h1>
+          <p className="chat-intro">Convenience as standard.</p>
+        </header>
+        <div className="admin-pin-form">
+          <form onSubmit={handlePinSubmit}>
+            <input
+              ref={pinInputRef}
+              type="password"
+              value={pin}
+              onChange={e => setPin(e.target.value)}
+              placeholder="Enter PIN"
+              className="chat-input"
+              autoFocus
+            />
+            <button type="submit" className="chat-send" disabled={!pin}>
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                <line x1="5" y1="12" x2="19" y2="12" />
+                <polyline points="12 5 19 12 12 19" />
+              </svg>
+            </button>
+          </form>
+          {pinError && <p className="admin-pin-error">{pinError}</p>}
+        </div>
+      </div>
+    )
+  }
+
   return (
-    <div className="chat-page">
+    <div className="chat-page admin-page">
       <header className="chat-header">
-        <img src="/maxy-black.png" alt="Maxy" className="chat-logo" />
-        <h1 className="chat-tagline">No Stress. Quiet Life.</h1>
-        <p className="chat-intro">
-          Hey, I{'\u2019'}m Maxy. I{'\u2019'}m a personal AI that handles the
-          stuff you don{'\u2019'}t want to think about. I{'\u2019'}m not a product
-          yet{'\u2009'}{'\u2014'}{'\u2009'}I{'\u2019'}m learning what stresses people
-          most so I can be built right. Tell me what{'\u2019'}s on your mind.
-          No advice, no judgment, just a conversation.
-        </p>
-        <div className="chat-trust">
-          <span className="chat-trust-item">Anonymous</span>
-          <span className="chat-trust-sep">{'\u00B7'}</span>
-          <span className="chat-trust-item">Private</span>
-          <span className="chat-trust-sep">{'\u00B7'}</span>
-          <span className="chat-trust-item">No sign-up</span>
-          <span className="chat-trust-sep">{'\u00B7'}</span>
-          <span className="chat-trust-item">Free</span>
-        </div>
+        <img src="/brand/maxy-black.png" alt="Maxy" className="chat-logo" />
+        <h1 className="chat-tagline">Maxy</h1>
+        <p className="chat-intro">Convenience as standard.</p>
       </header>
 
       <div className="chat-messages">
         {messages.map((msg, i) => (
-          <div key={i} className={`message ${msg.role}`}>
-            <div className="bubble">
-              {msg.content || (
-                <span className="typing-indicator">
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                  <span className="typing-dot" />
-                </span>
-              )}
-            </div>
+          <div key={i} className={`message ${msg.role === 'admin' ? 'visitor' : 'maxy'}`}>
+            {msg.role === 'admin' ? (
+              <div className="bubble">{msg.content}</div>
+            ) : (
+              <div className="admin-activity">
+                {msg.events?.map((event, j) => (
+                  <ActivityEvent key={j} event={event} />
+                ))}
+                {isStreaming && i === messages.length - 1 && (
+                  <span className="typing-indicator">
+                    <span className="typing-dot" />
+                    <span className="typing-dot" />
+                    <span className="typing-dot" />
+                  </span>
+                )}
+              </div>
+            )}
           </div>
         ))}
-        {!isStreaming && remainingSuggestions.length > 0 && (
-          <div className="chat-suggestions">
-            {remainingSuggestions.map(s => (
-              <button
-                key={s}
-                className="chat-suggestion"
-                onClick={() => sendMessage(s)}
-              >
-                {s}
-              </button>
-            ))}
-          </div>
-        )}
         <div ref={messagesEndRef} />
       </div>
 
@@ -246,7 +213,7 @@ export default function ChatPage() {
             type="text"
             value={input}
             onChange={e => setInput(e.target.value)}
-            placeholder="Tell me what you need taking care of in your life!"
+            placeholder="Tell Maxy what you need..."
             disabled={isStreaming}
             aria-label="Type your message"
           />
@@ -263,10 +230,6 @@ export default function ChatPage() {
           </button>
         </form>
       </div>
-
-      <footer className="chat-footer">
-        <a href="https://maxy.bot">maxy.bot {'\u2197'}</a>
-      </footer>
     </div>
   )
 }

package/payload/maxy/app/public/page.tsx

@@ -0,0 +1,266 @@
+'use client'
+
+import { useState, useRef, useEffect, useCallback, FormEvent } from 'react'
+
+interface Message {
+  role: 'maxy' | 'visitor'
+  content: string
+}
+
+const suggestions: string[] = []
+
+/** Generate a random session ID (Taskmaster prepends its own anon- prefix). */
+function generateSessionId(): string {
+  return crypto.randomUUID()
+}
+
+export default function ChatPage() {
+  const [messages, setMessages] = useState<Message[]>([])
+  const [remainingSuggestions, setRemainingSuggestions] = useState(suggestions)
+  const [input, setInput] = useState('')
+  const [isStreaming, setIsStreaming] = useState(false)
+  const messagesEndRef = useRef<HTMLDivElement>(null)
+  const inputRef = useRef<HTMLInputElement>(null)
+  const nudgeTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
+  const sessionKeyRef = useRef<string | null>(null)
+  const sessionPendingRef = useRef<Promise<string | null> | null>(null)
+
+  // Scroll to bottom when messages change
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }, [messages])
+
+  // Nudge timer — if no input after 15s, show gentle prompt
+  useEffect(() => {
+    nudgeTimerRef.current = setTimeout(() => {
+      setMessages(prev => {
+        if (prev.length > 0) return prev // user already started chatting
+        return [{ role: 'maxy', content: 'No wrong answers. Just tell me what\'s on your mind.' }]
+      })
+    }, 15000)
+    return () => {
+      if (nudgeTimerRef.current) clearTimeout(nudgeTimerRef.current)
+    }
+  }, []) // eslint-disable-line react-hooks/exhaustive-deps
+
+  // Focus input on mount
+  useEffect(() => {
+    inputRef.current?.focus()
+  }, [])
+
+  /** Ensure we have a Taskmaster session, creating one if needed. */
+  const ensureSession = useCallback(async (): Promise<string | null> => {
+    if (sessionKeyRef.current) return sessionKeyRef.current
+
+    // Deduplicate concurrent calls
+    if (sessionPendingRef.current) return sessionPendingRef.current
+
+    const promise = (async () => {
+      try {
+        const res = await fetch('/api/session', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ session_id: generateSessionId() }),
+        })
+        if (!res.ok) return null
+        const data = await res.json()
+        sessionKeyRef.current = data.session_key
+        return data.session_key as string
+      } catch {
+        return null
+      } finally {
+        sessionPendingRef.current = null
+      }
+    })()
+
+    sessionPendingRef.current = promise
+    return promise
+  }, [])
+
+  async function sendMessage(text: string) {
+    if (!text || isStreaming) return
+
+    // Clear nudge timer
+    if (nudgeTimerRef.current) {
+      clearTimeout(nudgeTimerRef.current)
+      nudgeTimerRef.current = null
+    }
+
+    // Remove this suggestion if it was from the list
+    setRemainingSuggestions(prev => prev.filter(s => s !== text))
+
+    // Add visitor message
+    const visitorMessage: Message = { role: 'visitor', content: text }
+    const updatedMessages = [...messages, visitorMessage]
+    setMessages(updatedMessages)
+    setInput('')
+    setIsStreaming(true)
+
+    // Add placeholder for Maxy's response
+    const placeholderIndex = updatedMessages.length
+    setMessages(prev => [...prev, { role: 'maxy', content: '' }])
+
+    try {
+      // Ensure we have a session before sending
+      const sessionKey = await ensureSession()
+      if (!sessionKey) {
+        throw new Error('session')
+      }
+
+      const res = await fetch('/api/chat', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: text, session_key: sessionKey }),
+      })
+
+      if (!res.ok) {
+        const errorData = await res.json().catch(() => ({}))
+        throw new Error(errorData.error || 'Something went wrong')
+      }
+
+      const reader = res.body?.getReader()
+      const decoder = new TextDecoder()
+
+      if (!reader) throw new Error('No response stream')
+
+      let accumulated = ''
+      let sseBuffer = ''
+
+      while (true) {
+        const { done, value } = await reader.read()
+        if (done) break
+
+        sseBuffer += decoder.decode(value, { stream: true })
+        const parts = sseBuffer.split('\n')
+        sseBuffer = parts.pop()! // keep incomplete trailing segment
+
+        for (const line of parts) {
+          if (!line.startsWith('data: ')) continue
+          const data = line.slice(6)
+          if (data === '[DONE]') continue
+
+          let parsed
+          try { parsed = JSON.parse(data) } catch { continue }
+
+          if (parsed.error) throw new Error(parsed.error)
+          if (parsed.text) {
+            accumulated += parsed.text
+            setMessages(prev => {
+              const updated = [...prev]
+              updated[placeholderIndex] = {
+                role: 'maxy',
+                content: accumulated,
+              }
+              return updated
+            })
+          }
+        }
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : 'Something went wrong'
+      setMessages(prev => {
+        const updated = [...prev]
+        updated[placeholderIndex] = {
+          role: 'maxy',
+          content: errorMessage === 'session'
+            ? "I'm having trouble connecting right now. Try refreshing the page."
+            : "Sorry, I hit a snag. Try again in a moment.",
+        }
+        return updated
+      })
+    } finally {
+      setIsStreaming(false)
+      inputRef.current?.focus()
+    }
+  }
+
+  function handleSubmit(e: FormEvent) {
+    e.preventDefault()
+    sendMessage(input.trim())
+  }
+
+  return (
+    <div className="chat-page">
+      <header className="chat-header">
+        <img src="/brand/maxy-black.png" alt="Maxy" className="chat-logo" />
+        <h1 className="chat-tagline">No Stress. Quiet Life.</h1>
+        <p className="chat-intro">
+          Hey, I{'\u2019'}m Maxy. I{'\u2019'}m a personal AI that handles the
+          stuff you don{'\u2019'}t want to think about. I{'\u2019'}m not a product
+          yet{'\u2009'}{'\u2014'}{'\u2009'}I{'\u2019'}m learning what stresses people
+          most so I can be built right. Tell me what{'\u2019'}s on your mind.
+          No advice, no judgment, just a conversation.
+        </p>
+        <div className="chat-trust">
+          <span className="chat-trust-item">Anonymous</span>
+          <span className="chat-trust-sep">{'\u00B7'}</span>
+          <span className="chat-trust-item">Private</span>
+          <span className="chat-trust-sep">{'\u00B7'}</span>
+          <span className="chat-trust-item">No sign-up</span>
+          <span className="chat-trust-sep">{'\u00B7'}</span>
+          <span className="chat-trust-item">Free</span>
+        </div>
+      </header>
+
+      <div className="chat-messages">
+        {messages.map((msg, i) => (
+          <div key={i} className={`message ${msg.role}`}>
+            <div className="bubble">
+              {msg.content || (
+                <span className="typing-indicator">
+                  <span className="typing-dot" />
+                  <span className="typing-dot" />
+                  <span className="typing-dot" />
+                </span>
+              )}
+            </div>
+          </div>
+        ))}
+        {!isStreaming && remainingSuggestions.length > 0 && (
+          <div className="chat-suggestions">
+            {remainingSuggestions.map(s => (
+              <button
+                key={s}
+                className="chat-suggestion"
+                onClick={() => sendMessage(s)}
+              >
+                {s}
+              </button>
+            ))}
+          </div>
+        )}
+        <div ref={messagesEndRef} />
+      </div>
+
+      <div className="chat-input-area">
+        <form className="chat-form" onSubmit={handleSubmit}>
+          <input
+            ref={inputRef}
+            className="chat-input"
+            type="text"
+            value={input}
+            onChange={e => setInput(e.target.value)}
+            placeholder="Tell me what you need taking care of in your life!"
+            disabled={isStreaming}
+            aria-label="Type your message"
+          />
+          <button
+            className="chat-send"
+            type="submit"
+            disabled={isStreaming || !input.trim()}
+            aria-label="Send message"
+          >
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+              <line x1="5" y1="12" x2="19" y2="12" />
+              <polyline points="12 5 19 12 12 19" />
+            </svg>
+          </button>
+        </form>
+      </div>
+
+      <footer className="chat-footer">
+        <a href="https://maxy.bot">maxy.bot {'\u2197'}</a>
+      </footer>
+    </div>
+  )
+}

package/payload/maxy/proxy.ts

@@ -1,42 +1,20 @@
 import { NextRequest, NextResponse } from 'next/server'
 
-function isLocalAccess(host: string): boolean {
-  return host.includes('.local') ||
-    host.includes('localhost') ||
-    host.includes('127.0.0.1') ||
-    host.includes('192.168.') ||
-    host.includes('10.') ||
-    host.startsWith('172.')
-}
-
 export function proxy(request: NextRequest) {
   const host = request.headers.get('host') || ''
   const { pathname } = request.nextUrl
 
-  // Local network access (maxy.local:19200, 192.168.x.x, etc.) → admin interface
-  // On the local network, the user IS the admin. No public chat on local.
-  if (isLocalAccess(host) && pathname === '/') {
-    return NextResponse.rewrite(new URL('/admin', request.url))
-  }
-
-  // Allow admin API from local network and admin.maxy.bot
-  if (pathname.startsWith('/api/admin/')) {
-    if (!isLocalAccess(host) && !host.includes('admin.maxy.bot')) {
-      return new NextResponse(JSON.stringify({ error: 'Admin API not available on this domain' }), {
-        status: 403,
-        headers: { 'Content-Type': 'application/json' },
-      })
-    }
-  }
-
-  // public.maxy.bot → serve public chat
-  if (host.includes('public.maxy.bot')) {
-    return NextResponse.next()
+  // public.maxy.bot → serve public chat (not admin)
+  if (host.includes('public.maxy.bot') && pathname === '/') {
+    return NextResponse.rewrite(new URL('/public', request.url))
   }
 
-  // admin.maxy.bot → serve admin page
-  if (host.includes('admin.maxy.bot') && pathname === '/') {
-    return NextResponse.rewrite(new URL('/admin', request.url))
+  // Block admin API from public subdomain
+  if (host.includes('public.maxy.bot') && pathname.startsWith('/api/admin/')) {
+    return new NextResponse(JSON.stringify({ error: 'Not available' }), {
+      status: 403,
+      headers: { 'Content-Type': 'application/json' },
+    })
   }
 
   // getmaxy.com → serve landing page
@@ -45,7 +23,7 @@ export function proxy(request: NextRequest) {
   }
 
   // maxy.bot (bare) → redirect to public.maxy.bot
-  if ((host === 'maxy.bot' || host === 'www.maxy.bot') && !host.includes('public.') && !host.includes('admin.')) {
+  if (host === 'maxy.bot' || host === 'www.maxy.bot') {
     return NextResponse.redirect(`https://public.maxy.bot${pathname}`, 301)
   }
 
@@ -54,6 +32,7 @@ export function proxy(request: NextRequest) {
     return NextResponse.redirect(`https://public.maxy.bot${pathname}`, 301)
   }
 
+  // Everything else (local access, admin.maxy.bot) → root page (admin)
   return NextResponse.next()
 }