NeuroSync

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_335":336,"_337":338},"routes/_app.x.$handle.$name",{"_98":97,"_32":46,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":124,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",55,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/routes/tts.ts","latestPath","fileId","568eb44a-1e6f-11f1-8d5a-42dde27851f2","name","tts.ts","fileType","script","content","/**\n * Proxy to Groq Orpheus TTS API — keeps API key server-side.\n * POST /api/tts { text: string, voice?: string }\n * Returns audio/wav stream with reverb applied via Web Audio on client.\n *\n * Model: canopylabs/orpheus-v1-english\n * Voices: troy, hannah, austin, leo, aria, nova, stella, vale\n */\nexport async function handleTTS(req: Request): Promise {\n if (req.method !== \"POST\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n const GROQ_API_KEY = Deno.env.get(\"GROQ_API\");\n if (!GROQ_API_KEY) {\n return new Response(JSON.stringify({ error: \"GROQ_API not configured\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n let body: any;\n try {\n body = await req.json();\n } catch {\n return new Response(JSON.stringify({ error: \"Invalid JSON\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const { text, voice = \"leo\" } = body;\n\n if (!text?.trim()) {\n return new Response(JSON.stringify({ error: \"text required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const groqRes = await fetch(\"https://api.groq.com/openai/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${GROQ_API_KEY}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"canopylabs/orpheus-v1-english\",\n input: text,\n voice,\n response_format: \"wav\",\n }),\n });\n\n if (!groqRes.ok) {\n const err = await groqRes.text();\n console.error(\"Groq TTS error:\", groqRes.status, err);\n return new Response(JSON.stringify({ error: err }), {\n status: groqRes.status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(groqRes.body, {\n headers: {\n \"Content-Type\": \"audio/wav\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n}\n","/**\n * Proxy to Groq Orpheus TTS API — keeps API key server-side.\n * POST /api/tts { text: string, voice?: string }\n * Returns audio/wav stream with reverb applied via Web Audio on client.\n *\n * Model: canopylabs/orpheus-v1-english\n * Voices: autumn, diana, hannah, austin, daniel, troy\n */\nconst VALID_VOICES = new Set([\"autumn\", \"diana\", \"hannah\", \"austin\", \"daniel\", \"troy\"]);\n\nexport async function handleTTS(req: Request): Promise {\n if (req.method !== \"POST\") {\n return new Response(\"Method Not Allowed\", { status: 405 });\n }\n\n const GROQ_API_KEY = Deno.env.get(\"GROQ_API\");\n if (!GROQ_API_KEY) {\n return new Response(JSON.stringify({ error: \"GROQ_API not configured\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n let body: any;\n try {\n body = await req.json();\n } catch {\n return new Response(JSON.stringify({ error: \"Invalid JSON\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const { text, voice: rawVoice = \"troy\" } = body;\n const voice = VALID_VOICES.has(rawVoice) ? rawVoice : \"troy\";\n\n if (!text?.trim()) {\n return new Response(JSON.stringify({ error: \"text required\" }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n const groqRes = await fetch(\"https://api.groq.com/openai/v1/audio/speech\", {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${GROQ_API_KEY}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"canopylabs/orpheus-v1-english\",\n input: text,\n voice,\n response_format: \"wav\",\n }),\n });\n\n if (!groqRes.ok) {\n const err = await groqRes.text();\n console.error(\"Groq TTS error:\", groqRes.status, err);\n return new Response(JSON.stringify({ error: err }), {\n status: groqRes.status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(groqRes.body, {\n headers: {\n \"Content-Type\": \"audio/wav\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n}\n","createdAt",["D",1773361430125],"branchVersion","branchId","c1c20a2e-1e6e-11f1-9536-42dde27851f2","id","c1c13afe-1e6e-11f1-9536-42dde27851f2","brain",["D",1773359647109],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","ade6ff6e-2082-407d-ac14-f95835477319","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","ac07f7d9-2f7b-4820-84f1-ee64e6f1c40c","tursoName","c1c13afe1e6e11f1953642dde27851f2","tursoHostname","c1c13afe1e6e11f1953642dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789440639557],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"isOwned",83,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","all","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvbE1ScGJrMUNLT2dTVzRrVFVid0U5UUpTeCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":330,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":331,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":332,"_82":333,"_84":334,"_86":25},"tree",[176,183,194,195],"files",[176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195],"counts",{"_165":61,"_166":167,"_168":61,"_169":170,"_171":172},"contents",[129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":159,"_32":160,"_30":161,"_136":-5,"_42":43,"_41":162,"_138":124,"_39":163,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_27":164},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":124,"_39":156,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_27":158},{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":124,"_39":149,"_13":61,"_34":20,"_36":150,"_24":25,"_143":-5,"_27":151},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":139,"_13":140,"_34":141,"_36":142,"_24":25,"_143":46,"_27":144},"70c5a1a6-1e70-11f1-8169-42dde27851f2","main.ts","c1c5a18e-1e6e-11f1-9536-42dde27851f2","parentId",30,"latest",["D",1773360370222],5,"http","/**\n * NEUROSYNC — Main HTTP entry point\n * Routes:\n * /api/* → backend API handlers\n * /* → React SPA (HTML shell)\n */\nimport { handleAPI } from \"./backend/index.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // --- API Routes ---\n if (url.pathname.startsWith(\"/api/\")) {\n const res = await handleAPI(req);\n if (res) return res;\n return new Response(JSON.stringify({ error: \"Not Found\" }), {\n status: 404,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // --- Frontend SPA Shell ---\n // esm.town serves val .tsx files as JS modules with correct MIME type.\n // An importmap is required so that bare specifiers like \"react/jsx-runtime\"\n // (injected by the TSX→JS transform) resolve correctly in the browser.\n const ESM = \"https://esm.town/v/all/brain\";\n\n const html = `\n\n\n \n \n NeuroSync\n \n \n \n \n\n\n

\n \n\n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n","label",[134],"e881aa1c-1e72-11f1-b7a2-42dde27851f2",".vtignore","e881aada-1e72-11f1-b7a2-42dde27851f2",54,["D",1773361430101],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[146],"418662be-1e6f-11f1-8d5a-42dde27851f2","frontend","4186635e-1e6f-11f1-8d5a-42dde27851f2",4,["D",1773359861456],"directory",[153],"403a68f6-1e6f-11f1-8481-42dde27851f2","backend","403a69c8-1e6f-11f1-8481-42dde27851f2",2,["D",1773359859285],[160],"pulls","branches",1,"forks","envVars",{"_173":167,"_175":61},"connections",{"_173":61,"_174":61},"count","unfilledCount","emptyCount",{"_44":159,"_32":160,"_30":161,"_136":-5,"_42":43,"_41":162,"_138":124,"_39":327,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_197":328,"_27":329},{"_44":322,"_32":305,"_30":301,"_136":161,"_42":43,"_41":323,"_138":124,"_39":324,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_197":325,"_27":326},{"_44":314,"_32":315,"_30":316,"_136":301,"_42":43,"_41":317,"_138":124,"_39":318,"_13":61,"_34":35,"_36":319,"_24":25,"_143":-5,"_197":320,"_27":321},{"_44":306,"_32":307,"_30":308,"_136":301,"_42":43,"_41":309,"_138":124,"_39":310,"_13":61,"_34":35,"_36":311,"_24":25,"_143":-5,"_197":312,"_27":313},{"_44":300,"_32":33,"_30":31,"_136":301,"_42":43,"_41":14,"_138":124,"_39":302,"_13":162,"_34":35,"_36":38,"_24":25,"_143":-5,"_197":303,"_27":304},{"_44":292,"_32":293,"_30":294,"_136":161,"_42":43,"_41":295,"_138":124,"_39":296,"_13":61,"_34":35,"_36":297,"_24":25,"_143":-5,"_197":298,"_27":299},{"_44":284,"_32":285,"_30":286,"_136":161,"_42":43,"_41":287,"_138":124,"_39":288,"_13":61,"_34":35,"_36":289,"_24":25,"_143":-5,"_197":290,"_27":291},{"_44":152,"_32":153,"_30":154,"_136":-5,"_42":43,"_41":155,"_138":124,"_39":281,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_197":282,"_27":283},{"_44":277,"_32":220,"_30":214,"_136":154,"_42":43,"_41":140,"_138":124,"_39":278,"_13":61,"_34":157,"_36":-5,"_24":25,"_143":-5,"_197":279,"_27":280},{"_44":269,"_32":270,"_30":271,"_136":214,"_42":43,"_41":272,"_138":25,"_39":273,"_13":155,"_34":35,"_36":274,"_24":25,"_143":-5,"_197":275,"_27":276},{"_44":261,"_32":262,"_30":263,"_136":214,"_42":43,"_41":264,"_138":124,"_39":265,"_13":155,"_34":35,"_36":266,"_24":25,"_143":-5,"_197":267,"_27":268},{"_44":253,"_32":254,"_30":255,"_136":214,"_42":43,"_41":256,"_138":124,"_39":257,"_13":61,"_34":35,"_36":258,"_24":25,"_143":-5,"_197":259,"_27":260},{"_44":245,"_32":246,"_30":247,"_136":214,"_42":43,"_41":248,"_138":25,"_39":249,"_13":155,"_34":35,"_36":250,"_24":25,"_143":-5,"_197":251,"_27":252},{"_44":237,"_32":238,"_30":239,"_136":214,"_42":43,"_41":240,"_138":124,"_39":241,"_13":155,"_34":35,"_36":242,"_24":25,"_143":-5,"_197":243,"_27":244},{"_44":229,"_32":230,"_30":231,"_136":214,"_42":43,"_41":232,"_138":25,"_39":233,"_13":155,"_34":35,"_36":234,"_24":25,"_143":-5,"_197":235,"_27":236},{"_44":221,"_32":222,"_30":223,"_136":214,"_42":43,"_41":224,"_138":25,"_39":225,"_13":155,"_34":35,"_36":226,"_24":25,"_143":-5,"_197":227,"_27":228},{"_44":211,"_32":212,"_30":213,"_136":214,"_42":43,"_41":215,"_138":124,"_39":216,"_13":61,"_34":35,"_36":217,"_24":25,"_143":-5,"_197":218,"_27":219},{"_44":203,"_32":204,"_30":205,"_136":154,"_42":43,"_41":206,"_138":25,"_39":207,"_13":155,"_34":35,"_36":208,"_24":25,"_143":-5,"_197":209,"_27":210},{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":124,"_39":200,"_13":61,"_34":20,"_36":150,"_24":25,"_143":-5,"_197":201,"_27":202},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":196,"_13":140,"_34":141,"_36":142,"_24":25,"_143":46,"_197":198,"_27":199},["D",1773360370222],"children",[],[134],["D",1773361430101],[],[146],"71c6325e-1e71-11f1-b4fd-42dde27851f2","App.tsx","da8512bc-1e6f-11f1-b19f-42dde27851f2",46,["D",1773360801404],"import React, { useState, useRef, useEffect, useCallback, useReducer } from \"react\";\nimport { BinauralTab } from \"https://esm.town/v/all/brain/frontend/components/BinauralTab.tsx\";\nimport { OceanPulseTab } from \"https://esm.town/v/all/brain/frontend/components/OceanPulseTab.tsx\";\nimport { TimelineTab } from \"https://esm.town/v/all/brain/frontend/components/TimelineTab.tsx\";\nimport { TTSWisdomTab } from \"https://esm.town/v/all/brain/frontend/components/TTSWisdomTab.tsx\";\nimport { ClockTab } from \"https://esm.town/v/all/brain/frontend/components/ClockTab.tsx\";\nimport { Icons } from \"https://esm.town/v/all/brain/frontend/components/Icons.tsx\";\nimport { Waveform } from \"https://esm.town/v/all/brain/frontend/components/Waveform.tsx\";\n\ntype Tab = \"timeline\" | \"ocean\" | \"wisdom\" | \"clock\" | \"binaural\";\n\n// ── MASTER SESSION STATE ────────────────────────────────────────────────────\nexport interface SessionState {\n playing: boolean;\n // binaural\n binauralOn: boolean;\n baseFreq: number;\n beatFreq: number;\n // ocean\n oceanOn: boolean;\n breathRate: number;\n // clock\n clockOn: boolean;\n tickSpeed: number;\n polySpeed: number;\n // wisdom\n wisdomOn: boolean;\n wisdomIntervalMin: number;\n wisdomVoice: string;\n // active timeline segment info\n activeSegment: { label: string; brainwave: string; color: string } | null;\n}\n\nconst defaultSession: SessionState = {\n playing: false,\n binauralOn: true,\n baseFreq: 200,\n beatFreq: 10,\n oceanOn: false,\n breathRate: 6,\n clockOn: false,\n tickSpeed: 1000,\n polySpeed: 33,\n wisdomOn: false,\n wisdomIntervalMin: 10,\n wisdomVoice: \"leo\",\n activeSegment: null,\n};\n\nexport default function App() {\n const [tab, setTab] = useState(\"timeline\");\n const [session, setSession] = useState(defaultSession);\n\n // Audio engine refs — shared across all tabs\n const audioCtxRef = useRef(null);\n // Binaural\n const leftOscRef = useRef(null);\n const rightOscRef = useRef(null);\n const binauralGainRef = useRef(null);\n // Ocean\n const oceanNoiseRef = useRef(null);\n const oceanLfoRef = useRef(null);\n const oceanGainRef = useRef(null);\n // Clock\n const clockTimerRef = useRef | null>(null);\n const nextTickRef = useRef(0);\n const nextPolyRef = useRef(0);\n // Master analyser for waveform\n const analyserRef = useRef(null);\n const masterGainRef = useRef(null);\n // Wisdom timer\n const wisdomTimerRef = useRef | null>(null);\n const audioElRef = useRef(null);\n\n const getCtx = useCallback(() => {\n if (!audioCtxRef.current) {\n const Ctx = window.AudioContext || (window as any).webkitAudioContext;\n audioCtxRef.current = new Ctx();\n }\n const ctx = audioCtxRef.current;\n if (ctx.state === \"suspended\") ctx.resume();\n\n // Setup master chain once\n if (!analyserRef.current) {\n const analyser = ctx.createAnalyser();\n analyser.fftSize = 2048;\n const master = ctx.createGain();\n master.gain.value = 1;\n master.connect(analyser);\n analyser.connect(ctx.destination);\n analyserRef.current = analyser;\n masterGainRef.current = master;\n }\n return ctx;\n }, []);\n\n // ── START BINAURAL ────────────────────────────────────────────────────────\n const startBinaural = useCallback((ctx: AudioContext, s: SessionState) => {\n if (leftOscRef.current) { leftOscRef.current.stop(); leftOscRef.current.disconnect(); }\n if (rightOscRef.current) { rightOscRef.current.stop(); rightOscRef.current.disconnect(); }\n\n const left = ctx.createOscillator();\n const right = ctx.createOscillator();\n const lp = ctx.createStereoPanner(); lp.pan.value = -1;\n const rp = ctx.createStereoPanner(); rp.pan.value = 1;\n const gain = ctx.createGain();\n gain.gain.setValueAtTime(0, ctx.currentTime);\n gain.gain.linearRampToValueAtTime(0.45, ctx.currentTime + 1.5);\n\n left.connect(lp); right.connect(rp);\n lp.connect(gain); rp.connect(gain);\n gain.connect(masterGainRef.current!);\n\n left.frequency.value = s.baseFreq;\n right.frequency.value = s.baseFreq + s.beatFreq;\n left.start(); right.start();\n leftOscRef.current = left;\n rightOscRef.current = right;\n binauralGainRef.current = gain;\n }, []);\n\n const stopBinaural = useCallback(() => {\n leftOscRef.current?.stop(); leftOscRef.current?.disconnect();\n rightOscRef.current?.stop(); rightOscRef.current?.disconnect();\n leftOscRef.current = null; rightOscRef.current = null;\n }, []);\n\n // ── START OCEAN ───────────────────────────────────────────────────────────\n function makeBrown(ctx: AudioContext) {\n const size = ctx.sampleRate * 4;\n const buf = ctx.createBuffer(1, size, ctx.sampleRate);\n const out = buf.getChannelData(0);\n let last = 0;\n for (let i = 0; i < size; i++) {\n const w = Math.random() * 2 - 1;\n out[i] = (last + 0.02 * w) / 1.02; last = out[i]; out[i] *= 3.5;\n }\n return buf;\n }\n\n const startOcean = useCallback((ctx: AudioContext, s: SessionState) => {\n if (oceanNoiseRef.current) { oceanNoiseRef.current.stop(); oceanNoiseRef.current.disconnect(); }\n if (oceanLfoRef.current) { oceanLfoRef.current.stop(); oceanLfoRef.current.disconnect(); }\n\n const master = ctx.createGain(); master.gain.value = 0.55;\n master.connect(masterGainRef.current!);\n\n const waveGain = ctx.createGain(); waveGain.gain.value = 0.5;\n waveGain.connect(master);\n\n const lfo = ctx.createOscillator(); lfo.type = \"sine\";\n lfo.frequency.value = s.breathRate / 60;\n const lfoG = ctx.createGain(); lfoG.gain.value = 0.5;\n lfo.connect(lfoG); lfoG.connect(waveGain.gain); lfo.start();\n\n const noise = ctx.createBufferSource();\n noise.buffer = makeBrown(ctx); noise.loop = true;\n noise.connect(waveGain); noise.start();\n\n oceanNoiseRef.current = noise;\n oceanLfoRef.current = lfo;\n oceanGainRef.current = master;\n }, []);\n\n const stopOcean = useCallback(() => {\n oceanNoiseRef.current?.stop(); oceanNoiseRef.current?.disconnect();\n oceanLfoRef.current?.stop(); oceanLfoRef.current?.disconnect();\n oceanGainRef.current?.disconnect();\n oceanNoiseRef.current = null; oceanLfoRef.current = null;\n }, []);\n\n // ── CLOCK SCHEDULER ───────────────────────────────────────────────────────\n const scheduleClockRef = useRef<(() => void) | null>(null);\n const sessionRef = useRef(session);\n sessionRef.current = session;\n\n const scheduleClock = useCallback(() => {\n const ctx = audioCtxRef.current;\n if (!ctx || !masterGainRef.current) return;\n const s = sessionRef.current;\n const ahead = 0.1;\n\n while (nextTickRef.current < ctx.currentTime + ahead) {\n const t = nextTickRef.current;\n const osc = ctx.createOscillator(); const g = ctx.createGain();\n osc.connect(g); g.connect(masterGainRef.current);\n osc.type = \"sine\"; osc.frequency.setValueAtTime(900, t); osc.frequency.exponentialRampToValueAtTime(0.01, t + 0.06);\n g.gain.setValueAtTime(0.35, t); g.gain.exponentialRampToValueAtTime(0.001, t + 0.06);\n osc.start(t); osc.stop(t + 0.07);\n nextTickRef.current += s.tickSpeed / 1000;\n }\n while (nextPolyRef.current < ctx.currentTime + ahead) {\n const t = nextPolyRef.current;\n const osc = ctx.createOscillator(); const g = ctx.createGain();\n osc.connect(g); g.connect(masterGainRef.current);\n osc.type = \"triangle\"; osc.frequency.setValueAtTime(260, t); osc.frequency.linearRampToValueAtTime(80, t + 0.4);\n g.gain.setValueAtTime(0.5, t); g.gain.exponentialRampToValueAtTime(0.001, t + 0.4);\n osc.start(t); osc.stop(t + 0.4);\n nextPolyRef.current += s.polySpeed;\n }\n clockTimerRef.current = setTimeout(scheduleClock, 25);\n }, []);\n\n scheduleClockRef.current = scheduleClock;\n\n const startClock = useCallback((ctx: AudioContext) => {\n if (clockTimerRef.current) clearTimeout(clockTimerRef.current);\n nextTickRef.current = ctx.currentTime + 0.05;\n nextPolyRef.current = ctx.currentTime + 0.05;\n scheduleClock();\n }, [scheduleClock]);\n\n const stopClock = useCallback(() => {\n if (clockTimerRef.current) clearTimeout(clockTimerRef.current);\n clockTimerRef.current = null;\n }, []);\n\n // ── WISDOM SPEAKER ────────────────────────────────────────────────────────\n const speakWisdom = useCallback(async (quotes: any[], voice: string) => {\n const enabled = quotes.filter((q: any) => q.enabled);\n if (!enabled.length) return;\n const q = enabled[Math.floor(Math.random() * enabled.length)];\n\n try {\n const r = await fetch(\"/api/tts\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: `${q.text}${q.author ? ` — ${q.author}` : \"\"}`, voice }),\n });\n if (!r.ok) return;\n const blob = await r.blob();\n const url = URL.createObjectURL(blob);\n\n // Apply reverb via Web Audio\n const ctx = getCtx();\n const arrayBuf = await blob.arrayBuffer();\n const decoded = await ctx.decodeAudioData(arrayBuf);\n const src = ctx.createBufferSource();\n src.buffer = decoded;\n\n // Convolver for reverb\n const convolver = ctx.createConvolver();\n const reverbLen = ctx.sampleRate * 2.5;\n const reverbBuf = ctx.createBuffer(2, reverbLen, ctx.sampleRate);\n for (let ch = 0; ch < 2; ch++) {\n const d = reverbBuf.getChannelData(ch);\n for (let i = 0; i < reverbLen; i++) d[i] = (Math.random() * 2 - 1) * Math.pow(1 - i / reverbLen, 2);\n }\n convolver.buffer = reverbBuf;\n\n const dryGain = ctx.createGain(); dryGain.gain.value = 0.7;\n const wetGain = ctx.createGain(); wetGain.gain.value = 0.35;\n\n src.connect(dryGain); dryGain.connect(masterGainRef.current!);\n src.connect(convolver); convolver.connect(wetGain); wetGain.connect(masterGainRef.current!);\n src.start();\n } catch (e) { console.error(\"TTS error\", e); }\n }, [getCtx]);\n\n // ── MASTER PLAY / STOP ────────────────────────────────────────────────────\n const masterPlay = useCallback(async () => {\n const ctx = getCtx();\n const s = sessionRef.current;\n\n if (s.binauralOn) startBinaural(ctx, s);\n if (s.oceanOn) startOcean(ctx, s);\n if (s.clockOn) startClock(ctx);\n\n if (s.wisdomOn) {\n try {\n const r = await fetch(\"/api/quotes\");\n const quotes = await r.json();\n speakWisdom(quotes, s.wisdomVoice);\n wisdomTimerRef.current = setInterval(async () => {\n const r2 = await fetch(\"/api/quotes\");\n const q2 = await r2.json();\n speakWisdom(q2, sessionRef.current.wisdomVoice);\n }, s.wisdomIntervalMin * 60 * 1000);\n } catch (e) { console.error(\"Wisdom fetch error\", e); }\n }\n\n setSession(prev => ({ ...prev, playing: true }));\n }, [getCtx, startBinaural, startOcean, startClock, speakWisdom]);\n\n const masterStop = useCallback(() => {\n stopBinaural();\n stopOcean();\n stopClock();\n if (wisdomTimerRef.current) clearInterval(wisdomTimerRef.current);\n audioElRef.current?.pause();\n setSession(prev => ({ ...prev, playing: false }));\n }, [stopBinaural, stopOcean, stopClock]);\n\n const toggleMaster = useCallback(() => {\n if (session.playing) masterStop();\n else masterPlay();\n }, [session.playing, masterPlay, masterStop]);\n\n // Update binaural in real-time when params change while playing\n useEffect(() => {\n if (session.playing && session.binauralOn && leftOscRef.current && rightOscRef.current && audioCtxRef.current) {\n const ctx = audioCtxRef.current;\n leftOscRef.current.frequency.setTargetAtTime(session.baseFreq, ctx.currentTime, 0.1);\n rightOscRef.current.frequency.setTargetAtTime(session.baseFreq + session.beatFreq, ctx.currentTime, 0.1);\n }\n }, [session.baseFreq, session.beatFreq]);\n\n // Update ocean LFO in real-time\n useEffect(() => {\n if (session.playing && session.oceanOn && oceanLfoRef.current && audioCtxRef.current) {\n oceanLfoRef.current.frequency.setTargetAtTime(session.breathRate / 60, audioCtxRef.current.currentTime, 0.5);\n }\n }, [session.breathRate]);\n\n // Restart clock if speed changes while playing\n useEffect(() => {\n if (session.playing && session.clockOn && audioCtxRef.current) {\n stopClock();\n startClock(audioCtxRef.current);\n }\n }, [session.tickSpeed, session.polySpeed]);\n\n useEffect(() => () => { masterStop(); }, []);\n\n const NAV: { id: Tab; label: string; accent: string; icon: keyof typeof Icons }[] = [\n { id: \"timeline\", label: \"FLOW\", accent: \"var(--accent-violet)\", icon: \"Timeline\" },\n { id: \"binaural\", label: \"BEATS\", accent: \"var(--accent-blue)\", icon: \"Waves\" },\n { id: \"ocean\", label: \"OCEAN\", accent: \"var(--accent-cyan)\", icon: \"Ocean\" },\n { id: \"wisdom\", label: \"WISDOM\", accent: \"var(--accent-amber)\", icon: \"Quote\" },\n { id: \"clock\", label: \"CLOCK\", accent: \"var(--accent-green)\", icon: \"Clock\" },\n ];\n\n const activeAccent = NAV.find(n => n.id === tab)?.accent ?? \"var(--accent-blue)\";\n\n return (\n

\n \n\n

\n {/* ── HEADER ── */}\n

\n \n NEUROSYNC\n \n\n {/* Module pills */}\n

\n {[\n { key:\"binauralOn\", label:\"BEATS\", color:\"var(--accent-blue)\" },\n { key:\"oceanOn\", label:\"OCEAN\", color:\"var(--accent-cyan)\" },\n { key:\"clockOn\", label:\"CLOCK\", color:\"var(--accent-green)\" },\n { key:\"wisdomOn\", label:\"VOICE\", color:\"var(--accent-amber)\" },\n ].map(({ key, label, color }) => {\n const on = session[key as keyof SessionState] as boolean;\n return (\n \n );\n })}\n

\n\n {/* Master play */}\n \n {session.playing\n ? \n : \n }\n \n

\n\n {/* ── WAVEFORM ── */}\n \n\n {/* ── ACTIVE SEGMENT BADGE ── */}\n {session.activeSegment && session.playing && (\n

\n \n {session.activeSegment.label.toUpperCase()} · {session.activeSegment.brainwave.toUpperCase()}\n \n

\n )}\n\n {/* ── MAIN CONTENT ── */}\n

\n {tab === \"timeline\" && }\n {tab === \"binaural\" && }\n {tab === \"ocean\" && }\n {tab === \"wisdom\" && }\n {tab === \"clock\" && }\n

\n\n {/* ── NAV ── */}\n \n

\n );\n}\n",[],[153,204],"7a253c06-1e71-11f1-a3e4-42dde27851f2","Waveform.tsx","7a253cf6-1e71-11f1-a3e4-42dde27851f2","42baf596-1e6f-11f1-9ea7-42dde27851f2",47,["D",1773360815448],"import React, { useRef, useEffect } from \"react\";\n\ninterface Props {\n analyser: AnalyserNode | null;\n playing: boolean;\n accent: string;\n}\n\nexport function Waveform({ analyser, playing, accent }: Props) {\n const canvasRef = useRef(null);\n const rafRef = useRef(0);\n\n useEffect(() => {\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\")!;\n\n // Resolve CSS variable to a real color\n const resolveColor = (v: string) => {\n if (v.startsWith(\"var(\")) {\n const name = v.slice(4, -1).trim();\n return getComputedStyle(document.documentElement).getPropertyValue(name).trim() || \"#58a6ff\";\n }\n return v;\n };\n\n const draw = () => {\n rafRef.current = requestAnimationFrame(draw);\n const W = canvas.width;\n const H = canvas.height;\n\n ctx.clearRect(0, 0, W, H);\n ctx.fillStyle = \"#161b22\";\n ctx.fillRect(0, 0, W, H);\n\n if (!analyser || !playing) {\n // Flat idle line\n ctx.strokeStyle = \"rgba(255,255,255,0.06)\";\n ctx.lineWidth = 1;\n ctx.beginPath();\n ctx.moveTo(0, H / 2);\n ctx.lineTo(W, H / 2);\n ctx.stroke();\n return;\n }\n\n const bufLen = analyser.fftSize;\n const data = new Float32Array(bufLen);\n analyser.getFloatTimeDomainData(data);\n\n const color = resolveColor(accent);\n\n // Glow pass\n ctx.shadowBlur = 10;\n ctx.shadowColor = color;\n ctx.strokeStyle = color;\n ctx.lineWidth = 1.5;\n ctx.globalAlpha = 0.9;\n ctx.beginPath();\n\n const step = W / bufLen;\n for (let i = 0; i < bufLen; i++) {\n const x = i * step;\n const y = (1 - (data[i] * 0.85 + 1) / 2) * H;\n i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);\n }\n ctx.stroke();\n\n // Second softer pass\n ctx.shadowBlur = 0;\n ctx.globalAlpha = 0.25;\n ctx.lineWidth = 3;\n ctx.stroke();\n\n ctx.globalAlpha = 1;\n };\n\n draw();\n return () => { cancelAnimationFrame(rafRef.current); };\n }, [analyser, playing, accent]);\n\n return (\n \n );\n}\n",[],[153,220,212],"components","dd3ce37a-1e71-11f1-bb87-42dde27851f2","TimelineTab.tsx","ac2af6c0-1e6f-11f1-8d5a-42dde27851f2",52,["D",1773360981690],"import React, { useState, useEffect, useRef } from \"react\";\nimport { Icons } from \"https://esm.town/v/all/brain/frontend/components/Icons.tsx\";\n\nconst WAVE_COLORS: Record = {\n delta:\"var(--accent-violet)\", theta:\"var(--accent-blue)\",\n alpha:\"var(--accent-cyan)\", beta:\"var(--accent-green)\", high_beta:\"var(--accent-amber)\",\n};\nconst WAVE_HZ: Record = {\n delta:{start:2,end:4}, theta:{start:5,end:7},\n alpha:{start:9,end:11}, beta:{start:15,end:20}, high_beta:{start:25,end:30},\n};\nconst WAVE_LABELS: Record = {\n delta:\"δ DELTA\", theta:\"θ THETA\", alpha:\"α ALPHA\", beta:\"β BETA\", high_beta:\"β HIGH\",\n};\n\ninterface Segment { id:string; label:string; brainwave:string; durationMin:number; baseFreq:number; }\ninterface Timeline { id?:number; name:string; segments:Segment[]; }\nfunction uid() { return Math.random().toString(36).slice(2); }\n\ninterface Props {\n session: any;\n setSession: (fn:(p:any)=>any)=>void;\n masterPlaying: boolean;\n masterPlay: ()=>void;\n masterStop: ()=>void;\n}\n\nexport function TimelineTab({ session, setSession, masterPlaying, masterPlay, masterStop }: Props) {\n const [timelines, setTimelines] = useState([]);\n const [current, setCurrent] = useState({ name:\"New Session\", segments:[] });\n const [saving, setSaving] = useState(false);\n const [activeSegIdx, setActiveSegIdx] = useState(-1);\n const timerRef = useRef|null>(null);\n\n async function load() { const r = await fetch(\"/api/timeline\"); setTimelines(await r.json()); }\n async function save() {\n setSaving(true);\n const method = current.id ? \"PUT\" : \"POST\";\n const url = current.id ? `/api/timeline/${current.id}` : \"/api/timeline\";\n const r = await fetch(url, { method, headers:{\"Content-Type\":\"application/json\"}, body:JSON.stringify(current) });\n const data = await r.json(); setCurrent(data); await load(); setSaving(false);\n }\n async function deleteTl(id:number) {\n await fetch(`/api/timeline/${id}`,{method:\"DELETE\"}); await load();\n if (current.id===id) setCurrent({name:\"New Session\",segments:[]});\n }\n useEffect(()=>{load();},[]);\n\n function addSeg() {\n const seg:Segment={id:uid(),label:\"Focus\",brainwave:\"beta\",durationMin:5,baseFreq:200};\n setCurrent(p=>({...p,segments:[...p.segments,seg]}));\n }\n function updSeg(id:string,patch:Partial) {\n setCurrent(p=>({...p,segments:p.segments.map(s=>s.id===id?{...s,...patch}:s)}));\n }\n function delSeg(id:string) { setCurrent(p=>({...p,segments:p.segments.filter(s=>s.id!==id)})); }\n\n // Drive master session from current timeline segment\n function runTimelineSegment(idx:number) {\n if (idx>=current.segments.length) { masterStop(); setActiveSegIdx(-1); return; }\n const seg = current.segments[idx];\n const hz = WAVE_HZ[seg.brainwave] ?? {start:10,end:10};\n const col = WAVE_COLORS[seg.brainwave] ?? \"var(--accent-blue)\";\n\n setActiveSegIdx(idx);\n setSession((p:any) => ({\n ...p,\n binauralOn: true,\n baseFreq: seg.baseFreq,\n beatFreq: hz.start,\n activeSegment: { label:seg.label, brainwave:seg.brainwave, color:col },\n }));\n\n timerRef.current = setTimeout(() => runTimelineSegment(idx+1), seg.durationMin * 60 * 1000);\n }\n\n function startTimeline() {\n if (!current.segments.length) return;\n masterPlay();\n setTimeout(() => runTimelineSegment(0), 100);\n }\n\n function stopTimeline() {\n masterStop();\n if (timerRef.current) clearTimeout(timerRef.current);\n setActiveSegIdx(-1);\n setSession((p:any) => ({ ...p, activeSegment: null }));\n }\n\n const totalMin = current.segments.reduce((s,g)=>s+g.durationMin,0);\n\n return (\n

Session Flow

TIMELINE · MASTER SESSION BUILDER

\n\n {/* Timeline bar */}\n {current.segments.length > 0 && (\n

\n {current.segments.map((seg,i) => {\n const w = totalMin>0 ? (seg.durationMin/totalMin)*100 : 100/current.segments.length;\n const col = WAVE_COLORS[seg.brainwave]??\"var(--text-dim)\";\n const isActive = masterPlaying && i===activeSegIdx;\n return (\n

\n {w>12 && seg.label.slice(0,6)}\n {isActive &&

}\n

\n );\n })}\n

\n )}\n\n {/* Controls row */}\n

\n setCurrent(p=>({...p,name:e.target.value}))}\n style={{ flex:1, fontWeight:700, fontSize:11 }}/>\n \n {current.segments.length > 0 && (\n \n )}\n

\n\n {/* Module toggles — quick inline controls */}\n

ACTIVE MODULES

\n {[\n { key:\"binauralOn\", label:\"BEATS\", color:\"var(--accent-blue)\" },\n { key:\"oceanOn\", label:\"OCEAN\", color:\"var(--accent-cyan)\" },\n { key:\"clockOn\", label:\"CLOCK\", color:\"var(--accent-green)\" },\n { key:\"wisdomOn\", label:\"WISDOM\", color:\"var(--accent-amber)\" },\n ].map(({key,label,color}) => {\n const on = session[key as keyof typeof session] as boolean;\n return (\n \n );\n })}\n

\n\n {/* Segments */}\n

\n {current.segments.map((seg,i) => {\n const col = WAVE_COLORS[seg.brainwave]??\"var(--text-dim)\";\n const isActive = masterPlaying && i===activeSegIdx;\n return (\n

\n updSeg(seg.id,{label:e.target.value})}\n style={{ flex:1,fontSize:11,fontWeight:700,background:\"transparent\",border:\"none\",borderBottom:\"1px solid var(--border2)\",color:\"var(--text-bright)\",paddingBottom:2,outline:\"none\",fontFamily:\"inherit\" }}/>\n \n

BRAINWAVE

\n \n

MIN

\n updSeg(seg.id,{durationMin:Number(e.target.value)})}/>\n

\n updSeg(seg.id,{baseFreq:Number(e.target.value)})}/>\n

\n );\n })}\n

\n\n \n\n {timelines.length > 0 && (\n

SAVED SESSIONS

\n {timelines.map(tl=>(\n

\n \n \n

\n ))}\n

\n )}\n\n

\n TOTAL {totalMin}min\n {totalMin>0 && · {current.segments.length} SEGMENTS}\n

\n );\n}\n",[],[153,220,222],"be5c02a6-1e71-11f1-bb87-42dde27851f2","TTSWisdomTab.tsx","c5330ea0-1e6f-11f1-8481-42dde27851f2",51,["D",1773360929879],"import React, { useState, useEffect, useRef } from \"react\";\nimport { Icons } from \"https://esm.town/v/all/brain/frontend/components/Icons.tsx\";\n\ninterface Quote { id: number; text: string; author: string; enabled: number; }\n\nconst VOICES = [\n { value:\"leo\", label:\"LEO\" },\n { value:\"hannah\", label:\"HANNAH\" },\n { value:\"austin\", label:\"AUSTIN\" },\n { value:\"aria\", label:\"ARIA\" },\n { value:\"nova\", label:\"NOVA\" },\n { value:\"stella\", label:\"STELLA\" },\n];\n\ninterface Props { session: any; setSession: (fn:(p:any)=>any)=>void; speakWisdom: (quotes:any[], voice:string)=>void; }\n\nexport function TTSWisdomTab({ session, setSession, speakWisdom }: Props) {\n const [quotes, setQuotes] = useState([]);\n const [loading, setLoading] = useState(true);\n const [editingId, setEditingId] = useState(null);\n const [draft, setDraft] = useState({ text:\"\", author:\"\" });\n const [adding, setAdding] = useState(false);\n const [newQ, setNewQ] = useState({ text:\"\", author:\"\" });\n const [ttsStatus, setTtsStatus] = useState<\"idle\"|\"loading\"|\"playing\"|\"error\">(\"idle\");\n const [currentQuote, setCurrentQuote] = useState(null);\n const audioRef = useRef(null);\n\n async function loadQuotes() { setLoading(true); const r = await fetch(\"/api/quotes\"); setQuotes(await r.json()); setLoading(false); }\n useEffect(() => { loadQuotes(); }, []);\n\n async function addQuote() {\n if (!newQ.text.trim()) return;\n await fetch(\"/api/quotes\", { method:\"POST\", headers:{\"Content-Type\":\"application/json\"}, body:JSON.stringify(newQ) });\n setNewQ({text:\"\",author:\"\"}); setAdding(false); loadQuotes();\n }\n async function toggleEnabled(q: Quote) {\n await fetch(`/api/quotes/${q.id}`, { method:\"PATCH\", headers:{\"Content-Type\":\"application/json\"}, body:JSON.stringify({enabled:!q.enabled}) });\n loadQuotes();\n }\n async function saveEdit(id: number) {\n await fetch(`/api/quotes/${id}`, { method:\"PATCH\", headers:{\"Content-Type\":\"application/json\"}, body:JSON.stringify(draft) });\n setEditingId(null); loadQuotes();\n }\n async function deleteQuote(id: number) {\n await fetch(`/api/quotes/${id}`, { method:\"DELETE\" });\n loadQuotes();\n }\n\n // Local speak (with reverb via Web Audio)\n async function speakOne(q: Quote) {\n setCurrentQuote(q); setTtsStatus(\"loading\");\n try {\n const r = await fetch(\"/api/tts\", {\n method:\"POST\", headers:{\"Content-Type\":\"application/json\"},\n body:JSON.stringify({ text:`${q.text}${q.author?` — ${q.author}`:\"\"}`, voice:session.wisdomVoice }),\n });\n if (!r.ok) { const e = await r.json(); throw new Error(e.error||\"TTS failed\"); }\n\n const arrayBuf = await r.arrayBuffer();\n const Ctx = window.AudioContext || (window as any).webkitAudioContext;\n const ctx = new Ctx();\n const decoded = await ctx.decodeAudioData(arrayBuf.slice(0));\n const src = ctx.createBufferSource();\n src.buffer = decoded;\n\n // Reverb\n const convolver = ctx.createConvolver();\n const rl = ctx.sampleRate * 2;\n const rb = ctx.createBuffer(2, rl, ctx.sampleRate);\n for (let ch=0;ch<2;ch++){const d=rb.getChannelData(ch);for(let i=0;i { setTtsStatus(\"idle\"); ctx.close(); };\n src.start();\n setTtsStatus(\"playing\");\n } catch(e: any) { console.error(\"TTS:\", e); setTtsStatus(\"error\"); }\n }\n\n return (\n

TTS Wisdom

GROQ ORPHEUS · PHILOSOPHICAL QUOTES

\n\n

\n \n speaks during master session\n

\n\n {/* Current quote display */}\n

\n {currentQuote ? (\n <>\n

\"{currentQuote.text}\"

\n {currentQuote.author &&

— {currentQuote.author}

}\n

\n {ttsStatus===\"playing\"&&\"▶ SPEAKING\"}{ttsStatus===\"loading\"&&\"⟳ GENERATING…\"}{ttsStatus===\"error\"&&\"✕ TTS ERROR\"}{ttsStatus===\"idle\"&&\"\"}\n

\n \n ) : (\n

PRESS SPEAK ONE TO PREVIEW

\n )}\n

\n\n {/* Voice grid */}\n

VOICE — ORPHEUS V1

\n {VOICES.map(v => (\n \n ))}\n

\n\n

\n INTERVAL\n {session.wisdomIntervalMin}min\n

\n setSession((p:any)=>({...p,wisdomIntervalMin:Number(e.target.value)}))}\n className=\"slider-thumb\"/>\n

\n\n {/* Speak one button */}\n \n\n {/* Quote library */}\n

\n QUOTE LIBRARY {quotes.filter(q=>q.enabled).length}/{quotes.length}\n \n

\n\n {adding && (\n

setNewQ(p=>({...p,text:e.target.value}))} style={{ resize:\"none\" }}/>\n          <input placeholder=\"Author\" value={newQ.author} onChange={e=>setNewQ(p=>({...p,author:e.target.value}))}/>\n          <div style={{ display:\"flex\", gap:6 }}>\n            <button onClick={addQuote} className=\"card-sm\" style={{ flex:1, cursor:\"pointer\", color:\"var(--accent-amber)\", fontSize:10, fontWeight:700 }}>SAVE</button>\n            <button onClick={()=>setAdding(false)} className=\"card-sm\" style={{ flex:1, cursor:\"pointer\", color:\"var(--text-dim)\", fontSize:10, fontWeight:700 }}>CANCEL</button>\n          </div>\n        </div>\n      )}\n\n      {loading ? (\n        <div style={{ fontSize:9, color:\"var(--text-dim)\", textAlign:\"center\", padding:16 }}>LOADING…</div>\n      ) : (\n        <div style={{ display:\"flex\", flexDirection:\"column\", gap:5 }}>\n          {quotes.map(q => (\n            <div key={q.id} className=\"card\" style={{ opacity:q.enabled?1:0.4, borderColor:q.enabled?\"var(--border2)\":\"var(--border)\", padding:12 }}>\n              {editingId===q.id ? (\n                <div style={{ display:\"flex\", flexDirection:\"column\", gap:6 }}>\n                  <textarea rows={3} value={draft.text} onChange={e=>setDraft(p=>({...p,text:e.target.value}))} style={{ resize:\"none\" }}/>\n                  <input value={draft.author} onChange={e=>setDraft(p=>({...p,author:e.target.value}))} placeholder=\"Author\"/>\n                  <div style={{ display:\"flex\", gap:8 }}>\n                    <button onClick={()=>saveEdit(q.id)} style={{ background:\"none\",border:\"none\",color:\"var(--accent-amber)\",fontFamily:\"inherit\",fontSize:10,fontWeight:700,cursor:\"pointer\" }}>SAVE</button>\n                    <button onClick={()=>setEditingId(null)} style={{ background:\"none\",border:\"none\",color:\"var(--text-dim)\",fontFamily:\"inherit\",fontSize:10,cursor:\"pointer\" }}>CANCEL</button>\n                  </div>\n                </div>\n              ) : (\n                <div style={{ display:\"flex\", gap:8, alignItems:\"flex-start\" }}>\n                  <div style={{ flex:1 }}>\n                    <div style={{ fontSize:10, color:\"var(--text)\", lineHeight:1.6, fontStyle:\"italic\" }}>\"{q.text}\"</div>\n                    {q.author && <div style={{ fontSize:9, color:\"var(--accent-amber)\", marginTop:3, letterSpacing:\"0.06em\" }}>— {q.author}</div>}\n                  </div>\n                  <div style={{ display:\"flex\", flexDirection:\"column\", gap:3, flexShrink:0 }}>\n                    <button onClick={()=>speakOne(q)} style={{ background:\"none\",border:\"none\",color:\"var(--text-dim)\",cursor:\"pointer\",padding:2 }}><Icons.Speaker /></button>\n                    <button onClick={()=>{setEditingId(q.id);setDraft({text:q.text,author:q.author});}} style={{ background:\"none\",border:\"none\",color:\"var(--text-dim)\",cursor:\"pointer\",padding:2 }}><Icons.Edit /></button>\n                    <button onClick={()=>toggleEnabled(q)} style={{ background:\"none\",border:\"none\",fontFamily:\"inherit\",fontSize:8,fontWeight:700,cursor:\"pointer\",color:q.enabled?\"var(--accent-green)\":\"var(--text-dim)\",letterSpacing:\"0.06em\",padding:2 }}>{q.enabled?\"ON\":\"OFF\"}</button>\n                    <button onClick={()=>deleteQuote(q.id)} style={{ background:\"none\",border:\"none\",color:\"var(--text-dim)\",cursor:\"pointer\",padding:2 }}><Icons.Trash /></button>\n                  </div>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n",[],[153,220,230],"96b06fb2-1e71-11f1-ada8-42dde27851f2","OceanPulseTab.tsx","93de9b62-1e6f-11f1-821a-42dde27851f2",49,["D",1773360863269],"import React from \"react\";\n\ninterface Props { session: any; setSession: (fn: (p:any)=>any) => void; }\n\nexport function OceanPulseTab({ session, setSession }: Props) {\n  const bars = 20;\n  const dur = (60 / session.breathRate).toFixed(1);\n\n  return (\n    <div style={{ display:\"flex\", flexDirection:\"column\", gap:14 }}>\n      <div>\n        <div className=\"section-title\">Ocean Pulse</div>\n        <div className=\"section-sub\">BREATH-SYNCED AMPLITUDE MOD</div>\n      </div>\n\n      <div style={{ display:\"flex\", alignItems:\"center\", gap:8 }}>\n        <button onClick={() => setSession((p:any) => ({ ...p, oceanOn: !p.oceanOn }))}\n          style={{ background:\"none\", border:`1px solid ${session.oceanOn ? \"var(--accent-cyan)\" : \"var(--border2)\"}`, borderRadius:20, padding:\"4px 12px\", fontFamily:\"inherit\", fontSize:9, fontWeight:700, letterSpacing:\"0.08em\", color:session.oceanOn?\"var(--accent-cyan)\":\"var(--text-dim)\", cursor:\"pointer\" }}>\n          {session.oceanOn ? \"● ON\" : \"○ OFF\"}\n        </button>\n        <span style={{ fontSize:9, color:\"var(--text-dim)\" }}>layered with master play</span>\n      </div>\n\n      {/* Wave viz */}\n      <div className=\"card\" style={{ height:72, display:\"flex\", alignItems:\"flex-end\", justifyContent:\"center\", gap:2, padding:\"10px 14px\", overflow:\"hidden\" }}>\n        {Array.from({ length: bars }).map((_, i) => (\n          <div key={i} style={{\n            flex:1, borderRadius:2, minWidth:3,\n            background: session.oceanOn ? \"var(--accent-cyan)\" : \"var(--bg3)\",\n            opacity: session.oceanOn ? 0.7 : 0.2,\n            animation: session.oceanOn ? `oceanBar ${60/session.breathRate}s ease-in-out ${(i/bars)*(60/session.breathRate)}s infinite` : \"none\",\n            height: session.oceanOn ? undefined : 3,\n          }}/>\n        ))}\n        <style>{`@keyframes oceanBar{0%,100%{height:3px;opacity:.25}50%{height:50px;opacity:.85}}`}</style>\n      </div>\n\n      <div className=\"card\" style={{ display:\"flex\", flexDirection:\"column\", gap:16 }}>\n        <Slider label=\"BREATH RATE\" value={session.breathRate} min={2} max={12} accent=\"var(--accent-cyan)\"\n          onChange={(v:number) => setSession((p:any)=>({...p,breathRate:v}))} unit=\"bpm\"/>\n      </div>\n\n      <div style={{ fontSize:9, color:\"var(--text-dim)\", textAlign:\"center\", letterSpacing:\"0.06em\", lineHeight:1.8 }}>\n        WAVE PERIOD <span style={{ color:\"var(--accent-cyan)\" }}>{dur}s</span> · INHALE ↑ EXHALE ↓<br/>\n        <span style={{ opacity:0.5 }}>Brown noise amplitude-modulated at breath rate</span>\n      </div>\n    </div>\n  );\n}\n\nfunction Slider({ label, value, min, max, onChange, unit, accent }: any) {\n  const pct = ((value-min)/(max-min))*100;\n  return (\n    <div>\n      <div className=\"label-row\">\n        <span className=\"label-key\">{label}</span>\n        <span className=\"label-val\" style={{ color:accent }}>{value}<span style={{fontSize:8,marginLeft:2,opacity:0.6}}>{unit}</span></span>\n      </div>\n      <div className=\"slider-wrap\">\n        <div className=\"slider-track\"/>\n        <div className=\"slider-fill\" style={{ width:`${pct}%`, background:accent }}/>\n        <input type=\"range\" min={min} max={max} value={value} onChange={e=>onChange(Number(e.target.value))} className=\"slider-thumb\"/>\n      </div>\n    </div>\n  );\n}\n",[],[153,220,238],"e30fcb0a-1e71-11f1-a954-42dde27851f2","NeumorphicSlider.tsx","701ac822-1e6f-11f1-a8bc-42dde27851f2",53,["D",1773360991463],"import React from \"react\";\n\ninterface Props {\n  label: string;\n  value: number;\n  min: number;\n  max: number;\n  onChange: (v: number) => void;\n  unit?: string;\n  step?: number;\n  accent?: string;\n}\n\nexport function NeumorphicSlider({ label, value, min, max, onChange, unit = \"\", step = 1, accent }: Props) {\n  const pct = ((value - min) / (max - min)) * 100;\n  const color = accent || \"var(--accent-blue)\";\n\n  return (\n    <div>\n      <div className=\"label-row\">\n        <span className=\"label-key\">{label}</span>\n        <span className=\"label-val\" style={{ color }}>\n          {value}<span style={{ fontSize: 8, marginLeft: 2, opacity: 0.6 }}>{unit}</span>\n        </span>\n      </div>\n      <div className=\"slider-wrap\">\n        <div className=\"slider-track\" />\n        <div className=\"slider-fill\" style={{\n          width: `${pct}%`,\n          background: `linear-gradient(to right, color-mix(in srgb, ${color} 50%, transparent), ${color})`,\n        }} />\n        <input\n          type=\"range\" min={min} max={max} step={step} value={value}\n          onChange={(e) => onChange(Number(e.target.value))}\n          className=\"slider-thumb\"\n        />\n      </div>\n    </div>\n  );\n}\n",[],[153,220,246],"6bed99aa-1e6f-11f1-a8bc-42dde27851f2","Icons.tsx","6bed9a5e-1e6f-11f1-a8bc-42dde27851f2",11,["D",1773359932602],"export const Icons = {\n  Waves: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M2 12h4l2-9 5 18 4-9h5\"/>\n    </svg>\n  ),\n  Clock: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <circle cx=\"12\" cy=\"12\" r=\"10\"/><polyline points=\"12 6 12 12 16 14\"/>\n    </svg>\n  ),\n  Play: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polygon points=\"5 3 19 12 5 21 5 3\"/>\n    </svg>\n  ),\n  Square: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"/>\n    </svg>\n  ),\n  Sliders: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"4\" y1=\"21\" x2=\"4\" y2=\"14\"/><line x1=\"4\" y1=\"10\" x2=\"4\" y2=\"3\"/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"12\"/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"3\"/><line x1=\"20\" y1=\"21\" x2=\"20\" y2=\"16\"/><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"3\"/><line x1=\"1\" y1=\"14\" x2=\"7\" y2=\"14\"/><line x1=\"9\" y1=\"8\" x2=\"15\" y2=\"8\"/><line x1=\"17\" y1=\"16\" x2=\"23\" y2=\"16\"/>\n    </svg>\n  ),\n  Ocean: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M2 18c1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2 1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2\"/>\n      <path d=\"M2 12c1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2 1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2\"/>\n      <path d=\"M2 6c1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2 1.4-1.4 3-2 4.5-2 1.5 0 3.1.6 4.5 2\"/>\n    </svg>\n  ),\n  Timeline: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n      <circle cx=\"7\" cy=\"12\" r=\"2\" fill=\"currentColor\"/>\n      <circle cx=\"13\" cy=\"12\" r=\"2\" fill=\"currentColor\"/>\n      <circle cx=\"19\" cy=\"12\" r=\"2\" fill=\"currentColor\"/>\n      <line x1=\"7\" y1=\"8\" x2=\"7\" y2=\"10\"/>\n      <line x1=\"13\" y1=\"8\" x2=\"13\" y2=\"10\"/>\n      <line x1=\"19\" y1=\"8\" x2=\"19\" y2=\"10\"/>\n    </svg>\n  ),\n  Quote: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"/>\n      <path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"/>\n    </svg>\n  ),\n  Trash: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"3 6 5 6 21 6\"/><path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\"/>\n      <path d=\"M10 11v6\"/><path d=\"M14 11v6\"/>\n    </svg>\n  ),\n  Plus: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n    </svg>\n  ),\n  Edit: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"/>\n      <path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"/>\n    </svg>\n  ),\n  Save: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <path d=\"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z\"/><polyline points=\"17 21 17 13 7 13 7 21\"/><polyline points=\"7 3 7 8 15 8\"/>\n    </svg>\n  ),\n  Speaker: () => (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"/>\n      <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"/>\n      <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"/>\n    </svg>\n  ),\n};\n",[],[153,220,254],"a07cba8c-1e71-11f1-ada8-42dde27851f2","ClockTab.tsx","ce4e0364-1e6f-11f1-813d-42dde27851f2",50,["D",1773360879767],"import React from \"react\";\n\ninterface Props { session: any; setSession: (fn: (p:any)=>any) => void; }\n\nexport function ClockTab({ session, setSession }: Props) {\n  const bpm = Math.round(60000 / session.tickSpeed);\n\n  return (\n    <div style={{ display:\"flex\", flexDirection:\"column\", gap:14 }}>\n      <div>\n        <div className=\"section-title\">Polyrhythms</div>\n        <div className=\"section-sub\">GENERATIVE TIMING ENGINE</div>\n      </div>\n\n      <div style={{ display:\"flex\", alignItems:\"center\", gap:8 }}>\n        <button onClick={() => setSession((p:any) => ({ ...p, clockOn: !p.clockOn }))}\n          style={{ background:\"none\", border:`1px solid ${session.clockOn ? \"var(--accent-green)\" : \"var(--border2)\"}`, borderRadius:20, padding:\"4px 12px\", fontFamily:\"inherit\", fontSize:9, fontWeight:700, letterSpacing:\"0.08em\", color:session.clockOn?\"var(--accent-green)\":\"var(--text-dim)\", cursor:\"pointer\" }}>\n          {session.clockOn ? \"● ON\" : \"○ OFF\"}\n        </button>\n        <span style={{ fontSize:9, color:\"var(--text-dim)\" }}>layered with master play</span>\n      </div>\n\n      {/* BPM display */}\n      <div style={{ textAlign:\"center\", padding:\"16px 0\" }}>\n        <div style={{ fontSize:52, fontWeight:700, color: session.clockOn ? \"var(--accent-green)\" : \"var(--text-dim)\", letterSpacing:\"-0.03em\", lineHeight:1 }}>\n          {bpm}\n        </div>\n        <div style={{ fontSize:9, color:\"var(--text-dim)\", letterSpacing:\"0.12em\", marginTop:4 }}>BPM</div>\n      </div>\n\n      <div className=\"card\" style={{ display:\"flex\", flexDirection:\"column\", gap:16 }}>\n        <Slider label=\"TICK SPEED\" value={session.tickSpeed} min={100} max={3000} accent=\"var(--accent-green)\"\n          onChange={(v:number) => setSession((p:any)=>({...p,tickSpeed:v}))} unit=\"ms\"/>\n        <Slider label=\"POLY CYCLE\" value={session.polySpeed} min={1} max={120} accent=\"var(--accent-green)\"\n          onChange={(v:number) => setSession((p:any)=>({...p,polySpeed:v}))} unit=\"s\"/>\n      </div>\n\n      {/* Rhythm grid visualization */}\n      <div className=\"card\" style={{ display:\"flex\", flexWrap:\"wrap\", gap:4, padding:12 }}>\n        {Array.from({length: 16}).map((_,i) => (\n          <div key={i} style={{\n            flex:\"1 1 10%\", aspectRatio:\"1\", borderRadius:3, minWidth:16,\n            background: i===0 ? \"var(--accent-green)\" : i%4===0 ? \"var(--bg3)\" : \"var(--bg)\",\n            border:`1px solid ${i%4===0?\"var(--border2)\":\"var(--border)\"}`,\n            opacity: session.clockOn ? 1 : 0.3,\n            transition:\"all 0.2s\",\n          }}/>\n        ))}\n      </div>\n\n      <div style={{ fontSize:9, color:\"var(--text-dim)\", textAlign:\"center\", letterSpacing:\"0.06em\", lineHeight:1.8 }}>\n        TICK <span style={{ color:\"var(--accent-green)\" }}>{session.tickSpeed}ms</span>\n         ·  POLY <span style={{ color:\"var(--accent-green)\" }}>{session.polySpeed}s</span>\n      </div>\n    </div>\n  );\n}\n\nfunction Slider({ label, value, min, max, onChange, unit, accent }: any) {\n  const pct = ((value-min)/(max-min))*100;\n  return (\n    <div>\n      <div className=\"label-row\">\n        <span className=\"label-key\">{label}</span>\n        <span className=\"label-val\" style={{ color:accent }}>{value}<span style={{fontSize:8,marginLeft:2,opacity:0.6}}>{unit}</span></span>\n      </div>\n      <div className=\"slider-wrap\">\n        <div className=\"slider-track\"/>\n        <div className=\"slider-fill\" style={{ width:`${pct}%`, background:accent }}/>\n        <input type=\"range\" min={min} max={max} value={value} onChange={e=>onChange(Number(e.target.value))} className=\"slider-thumb\"/>\n      </div>\n    </div>\n  );\n}\n",[],[153,220,262],"8be9a03a-1e71-11f1-b7d5-42dde27851f2","BinauralTab.tsx","85f31190-1e6f-11f1-8d5a-42dde27851f2",48,["D",1773360845235],"import React from \"react\";\nimport { NeumorphicSlider } from \"https://esm.town/v/all/brain/frontend/components/NeumorphicSlider.tsx\";\n\nconst PRESETS = {\n  custom:     { name:\"CUSTOM\",   wave:\"—\",      baseFreq:200, beatFreq:10,  noise:\"none\"  as const, desc:null },\n  focus:      { name:\"FOCUS\",    wave:\"β MID\",  baseFreq:250, beatFreq:16,  noise:\"pink\"  as const, desc:\"Mid-Beta 16Hz — active attention.\" },\n  energy:     { name:\"ENERGY\",   wave:\"β HIGH\", baseFreq:200, beatFreq:25,  noise:\"none\"  as const, desc:\"High-Beta 25Hz — peak alertness.\" },\n  creativity: { name:\"CREATE\",   wave:\"θ\",      baseFreq:300, beatFreq:7,   noise:\"brown\" as const, desc:\"Theta 7Hz — open monitoring.\" },\n  meditation: { name:\"MEDITATE\", wave:\"θ LOW\",  baseFreq:150, beatFreq:5,   noise:\"none\"  as const, desc:\"Low Theta 5Hz — deep relaxation.\" },\n  sleep:      { name:\"SLEEP\",    wave:\"δ\",      baseFreq:100, beatFreq:2,   noise:\"brown\" as const, desc:\"Delta 2Hz — induce sleep.\" },\n} as const;\ntype PresetKey = keyof typeof PRESETS;\n\nconst ACCENT: Record<PresetKey, string> = {\n  custom:\"var(--text-dim)\", focus:\"var(--accent-blue)\", energy:\"var(--accent-amber)\",\n  creativity:\"var(--accent-violet)\", meditation:\"var(--accent-cyan)\", sleep:\"var(--accent-rose)\",\n};\n\ninterface Props { session: any; setSession: (fn: (p:any)=>any) => void; }\n\nexport function BinauralTab({ session, setSession }: Props) {\n  const [preset, setPreset] = React.useState<PresetKey>(\"custom\");\n\n  const applyPreset = (key: PresetKey) => {\n    setPreset(key);\n    if (key !== \"custom\") {\n      const p = PRESETS[key];\n      setSession((prev: any) => ({ ...prev, baseFreq: p.baseFreq, beatFreq: p.beatFreq }));\n    }\n  };\n\n  const acc = ACCENT[preset];\n  const pct = (v: number, min: number, max: number) => ((v-min)/(max-min))*100;\n\n  return (\n    <div style={{ display:\"flex\", flexDirection:\"column\", gap:14 }}>\n      <div>\n        <div className=\"section-title\">Binaural Beats</div>\n        <div className=\"section-sub\">ENTRAINMENT ENGINE · USE HEADPHONES</div>\n      </div>\n\n      {/* Module on/off */}\n      <div style={{ display:\"flex\", alignItems:\"center\", gap:8 }}>\n        <button onClick={() => setSession((p:any) => ({ ...p, binauralOn: !p.binauralOn }))}\n          style={{ background:\"none\", border:`1px solid ${session.binauralOn ? \"var(--accent-blue)\" : \"var(--border2)\"}`, borderRadius:20, padding:\"4px 12px\", fontFamily:\"inherit\", fontSize:9, fontWeight:700, letterSpacing:\"0.08em\", color:session.binauralOn?\"var(--accent-blue)\":\"var(--text-dim)\", cursor:\"pointer\" }}>\n          {session.binauralOn ? \"● ON\" : \"○ OFF\"}\n        </button>\n        <span style={{ fontSize:9, color:\"var(--text-dim)\" }}>module {session.binauralOn ? \"active\" : \"disabled\"} — toggle master play in header</span>\n      </div>\n\n      {/* Preset grid */}\n      <div className=\"preset-grid\">\n        {(Object.entries(PRESETS) as [PresetKey, any][]).map(([key, p]) => {\n          const a = ACCENT[key];\n          const active = preset === key;\n          return (\n            <button key={key} onClick={() => applyPreset(key)} className={`preset-btn${active?\" active\":\"\"}`}\n              style={{ borderColor: active ? a : undefined, color: active ? a : undefined }}>\n              <span className=\"preset-name\">{p.name}</span>\n              <span className=\"preset-hz\">{key===\"custom\" ? `${session.baseFreq}Hz` : `${p.baseFreq}Hz`}</span>\n              <span className=\"preset-wave\">{p.wave}</span>\n            </button>\n          );\n        })}\n      </div>\n\n      {preset !== \"custom\" && PRESETS[preset].desc && (\n        <div style={{ fontSize:10, color:acc, letterSpacing:\"0.04em\", lineHeight:1.5, padding:\"7px 11px\", background:\"var(--bg2)\", border:`1px solid color-mix(in srgb,${acc} 30%,transparent)`, borderRadius:8 }}>\n          {PRESETS[preset].desc}\n        </div>\n      )}\n\n      <div className=\"card\" style={{ display:\"flex\", flexDirection:\"column\", gap:16 }}>\n        <Slider label=\"BASE FREQ\" value={session.baseFreq} min={80} max={500} accent={acc}\n          onChange={v => { setPreset(\"custom\"); setSession((p:any)=>({...p,baseFreq:v})); }} unit=\"Hz\" />\n        <Slider label=\"BEAT FREQ\" value={session.beatFreq} min={1} max={40} accent={acc}\n          onChange={v => { setPreset(\"custom\"); setSession((p:any)=>({...p,beatFreq:v})); }} unit=\"Hz\" />\n      </div>\n\n      <div style={{ fontSize:9, color:\"var(--text-dim)\", letterSpacing:\"0.06em\", textAlign:\"center\", lineHeight:1.8 }}>\n        <span style={{ color:\"var(--accent-blue)\" }}>{session.baseFreq}Hz</span> L  / {\" \"}\n        <span style={{ color:acc }}>{session.baseFreq + session.beatFreq}Hz</span> R\n      </div>\n    </div>\n  );\n}\n\nfunction Slider({ label, value, min, max, onChange, unit, accent }: any) {\n  const pct = ((value-min)/(max-min))*100;\n  return (\n    <div>\n      <div className=\"label-row\">\n        <span className=\"label-key\">{label}</span>\n        <span className=\"label-val\" style={{ color:accent }}>{value}<span style={{fontSize:8,marginLeft:2,opacity:0.6}}>{unit}</span></span>\n      </div>\n      <div className=\"slider-wrap\">\n        <div className=\"slider-track\"/>\n        <div className=\"slider-fill\" style={{ width:`${pct}%`, background:`linear-gradient(to right,color-mix(in srgb,${accent} 50%,transparent),${accent})` }}/>\n        <input type=\"range\" min={min} max={max} value={value} onChange={e=>onChange(Number(e.target.value))} className=\"slider-thumb\"/>\n      </div>\n    </div>\n  );\n}\n",[],[153,220,270],"42baf4d8-1e6f-11f1-9ea7-42dde27851f2",["D",1773359863484],[185,186,187,188,189,190,191,192],[153,220],["D",1773359861456],[184,193],[153],"5ab3c178-1e6f-11f1-a07b-42dde27851f2","index.ts","5ab3c24a-1e6f-11f1-a07b-42dde27851f2",10,["D",1773359903648],"import { handleQuotes } from \"./routes/quotes.ts\";\nimport { handleTimeline } from \"./routes/timeline.ts\";\nimport { handleTTS } from \"./routes/tts.ts\";\n\nexport async function handleAPI(req: Request): Promise<Response | null> {\n  const url = new URL(req.url);\n  const path = url.pathname;\n\n  // CORS preflight\n  if (req.method === \"OPTIONS\") {\n    return new Response(null, { headers: corsHeaders() });\n  }\n\n  let res: Response | null = null;\n\n  if (path.startsWith(\"/api/quotes\")) {\n    res = await handleQuotes(req);\n  } else if (path.startsWith(\"/api/timeline\")) {\n    res = await handleTimeline(req);\n  } else if (path === \"/api/tts\") {\n    res = await handleTTS(req);\n  }\n\n  if (res) {\n    // Attach CORS headers to all API responses\n    const headers = new Headers(res.headers);\n    for (const [k, v] of Object.entries(corsHeaders())) {\n      headers.set(k, v);\n    }\n    return new Response(res.body, { status: res.status, headers });\n  }\n\n  return null;\n}\n\nfunction corsHeaders(): Record<string, string> {\n  return {\n    \"Access-Control-Allow-Origin\": \"*\",\n    \"Access-Control-Allow-Methods\": \"GET, POST, PUT, PATCH, DELETE, OPTIONS\",\n    \"Access-Control-Allow-Headers\": \"Content-Type, Authorization\",\n  };\n}\n",[],[160,285],"4870641c-1e6f-11f1-a07b-42dde27851f2","db.ts","4870650c-1e6f-11f1-a07b-42dde27851f2",6,["D",1773359873062],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport async function initDB() {\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS quotes (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      text TEXT NOT NULL,\n      author TEXT NOT NULL DEFAULT '',\n      enabled INTEGER NOT NULL DEFAULT 1,\n      created_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )\n  `);\n\n  await sqlite.execute(`\n    CREATE TABLE IF NOT EXISTS timelines (\n      id INTEGER PRIMARY KEY AUTOINCREMENT,\n      name TEXT NOT NULL,\n      segments TEXT NOT NULL DEFAULT '[]',\n      created_at TEXT NOT NULL DEFAULT (datetime('now')),\n      updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n    )\n  `);\n\n  // Seed default quotes if empty\n  const existing = await sqlite.execute(`SELECT COUNT(*) as count FROM quotes`);\n  const count = (existing.rows[0] as any).count;\n  if (count === 0) {\n    const defaults = [\n      [\"The present moment always will have been.\", \"Stoic Axiom\"],\n      [\"Be still and know.\", \"Psalm 46:10\"],\n      [\"Wherever you are, be all there.\", \"Jim Elliot\"],\n      [\"The quieter you become, the more you can hear.\", \"Ram Dass\"],\n      [\"Respond; do not react. Listen; do not wait to speak.\", \"Rumi\"],\n      [\"In the middle of difficulty lies opportunity.\", \"Albert Einstein\"],\n      [\"What you seek is seeking you.\", \"Rumi\"],\n      [\"Do not go where the path may lead, go instead where there is no path.\", \"Emerson\"],\n    ];\n    for (const [text, author] of defaults) {\n      await sqlite.execute({\n        sql: `INSERT INTO quotes (text, author) VALUES (?, ?)`,\n        args: [text, author],\n      });\n    }\n  }\n}\n\nexport { sqlite };\n",[],[160,293],"e88653c8-1e72-11f1-9eb7-42dde27851f2","41751932-1e6f-11f1-9ea7-42dde27851f2",["D",1773361430125],[],[160,305,33],"routes","52d1bf46-1e6f-11f1-a07b-42dde27851f2","timeline.ts","52d1c018-1e6f-11f1-a07b-42dde27851f2",8,["D",1773359890477],"import { initDB, sqlite } from \"../db.ts\";\n\nexport async function handleTimeline(req: Request): Promise<Response> {\n  await initDB();\n  const url = new URL(req.url);\n  const method = req.method;\n  const idMatch = url.pathname.match(/\\/api\\/timeline\\/(\\d+)$/);\n\n  // GET /api/timeline — list all\n  if (method === \"GET\" && !idMatch) {\n    const rows = await sqlite.execute(`SELECT * FROM timelines ORDER BY updated_at DESC`);\n    return json(rows.rows.map(r => ({ ...r, segments: JSON.parse((r as any).segments) })));\n  }\n\n  // GET /api/timeline/:id\n  if (method === \"GET\" && idMatch) {\n    const id = Number(idMatch[1]);\n    const rows = await sqlite.execute({ sql: `SELECT * FROM timelines WHERE id = ?`, args: [id] });\n    if (!rows.rows.length) return json({ error: \"not found\" }, 404);\n    const r = rows.rows[0] as any;\n    return json({ ...r, segments: JSON.parse(r.segments) });\n  }\n\n  // POST /api/timeline — create\n  if (method === \"POST\") {\n    const body = await req.json();\n    const { name = \"New Session\", segments = [] } = body;\n    const result = await sqlite.execute({\n      sql: `INSERT INTO timelines (name, segments, updated_at) VALUES (?, ?, datetime('now')) RETURNING *`,\n      args: [name, JSON.stringify(segments)],\n    });\n    const r = result.rows[0] as any;\n    return json({ ...r, segments: JSON.parse(r.segments) }, 201);\n  }\n\n  // PUT /api/timeline/:id — full replace\n  if (method === \"PUT\" && idMatch) {\n    const id = Number(idMatch[1]);\n    const body = await req.json();\n    const { name, segments } = body;\n    const result = await sqlite.execute({\n      sql: `UPDATE timelines SET name = ?, segments = ?, updated_at = datetime('now') WHERE id = ? RETURNING *`,\n      args: [name, JSON.stringify(segments), id],\n    });\n    if (!result.rows.length) return json({ error: \"not found\" }, 404);\n    const r = result.rows[0] as any;\n    return json({ ...r, segments: JSON.parse(r.segments) });\n  }\n\n  // DELETE /api/timeline/:id\n  if (method === \"DELETE\" && idMatch) {\n    const id = Number(idMatch[1]);\n    await sqlite.execute({ sql: `DELETE FROM timelines WHERE id = ?`, args: [id] });\n    return json({ ok: true });\n  }\n\n  return json({ error: \"not found\" }, 404);\n}\n\nfunction json(data: any, status = 200): Response {\n  return new Response(JSON.stringify(data), {\n    status,\n    headers: { \"Content-Type\": \"application/json\" },\n  });\n}\n",[],[160,305,307],"4ce2a6d6-1e6f-11f1-8481-42dde27851f2","quotes.ts","4ce2a79e-1e6f-11f1-8481-42dde27851f2",7,["D",1773359880521],"import { initDB, sqlite } from \"../db.ts\";\n\nexport async function handleQuotes(req: Request): Promise<Response> {\n  await initDB();\n  const url = new URL(req.url);\n  const method = req.method;\n\n  // GET /api/quotes — list all\n  if (method === \"GET\") {\n    const rows = await sqlite.execute(`SELECT * FROM quotes ORDER BY id ASC`);\n    return json(rows.rows);\n  }\n\n  // POST /api/quotes — create\n  if (method === \"POST\") {\n    const body = await req.json();\n    const { text, author = \"\" } = body;\n    if (!text?.trim()) return json({ error: \"text required\" }, 400);\n    const result = await sqlite.execute({\n      sql: `INSERT INTO quotes (text, author) VALUES (?, ?) RETURNING *`,\n      args: [text.trim(), author.trim()],\n    });\n    return json(result.rows[0], 201);\n  }\n\n  // PATCH /api/quotes/:id — update\n  const idMatch = url.pathname.match(/\\/api\\/quotes\\/(\\d+)$/);\n  if (method === \"PATCH\" && idMatch) {\n    const id = Number(idMatch[1]);\n    const body = await req.json();\n    const fields: string[] = [];\n    const args: any[] = [];\n    if (body.text !== undefined) { fields.push(\"text = ?\"); args.push(body.text); }\n    if (body.author !== undefined) { fields.push(\"author = ?\"); args.push(body.author); }\n    if (body.enabled !== undefined) { fields.push(\"enabled = ?\"); args.push(body.enabled ? 1 : 0); }\n    if (!fields.length) return json({ error: \"no fields\" }, 400);\n    args.push(id);\n    const result = await sqlite.execute({\n      sql: `UPDATE quotes SET ${fields.join(\", \")} WHERE id = ? RETURNING *`,\n      args,\n    });\n    return json(result.rows[0]);\n  }\n\n  // DELETE /api/quotes/:id\n  if (method === \"DELETE\" && idMatch) {\n    const id = Number(idMatch[1]);\n    await sqlite.execute({ sql: `DELETE FROM quotes WHERE id = ?`, args: [id] });\n    return json({ ok: true });\n  }\n\n  return json({ error: \"not found\" }, 404);\n}\n\nfunction json(data: any, status = 200): Response {\n  return new Response(JSON.stringify(data), {\n    status,\n    headers: { \"Content-Type\": \"application/json\" },\n  });\n}\n",[],[160,305,315],"41751860-1e6f-11f1-9ea7-42dde27851f2",3,["D",1773359861327],[178,179,180],[160,305],["D",1773359859285],[177,181,182],[160],["D",1773359647109],["D",1789440639557],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":87,"_32":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"ctx",{"_80":-5,"_126":368,"_369":370,"_371":372,"_373":25,"_374":25,"_375":25,"_376":124,"_377":-5,"_378":-7,"_379":-7,"_380":61,"_381":25,"_382":25,"_383":-5,"_384":25,"_385":25,"_386":25,"_387":-5},"ENV",{"_339":340,"_341":342,"_343":88,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v55