Halo

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_169":170,"_171":172},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_105":86,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":58,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",73,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","halo.html","latestPath","fileId","de566346-8986-11f1-925e-1607ee4eb77e","name","fileType","content","\n\n\n\n\nHalo\n\n\n\n\n

\n\n \n

Waking up

Halo

Press anywhere to enter

\n\n \n

\n\n

Good evening, Marty

Steady

\n \n

\n \n \n \n

\n\n

\n\n \n

Window

Understand where you are in a session — estimated phase, remaining effectiveness, and what kind of work tends to fit the moment. Estimates only, not medical guidance.

\n\n

\n No active session. Log a dose to start tracking.\n

\n\n \n\n

Statistics

\n\n

Session archive

\n\n

\n \n \n

\n\n

Reset

Breathing and grounding. A place to come back to center — no streaks, no guilt.

Coming soon.

\n\n

Rhythm

Your day at a glance — current time, phase, upcoming transitions, and gentle nudges you configure yourself.

Coming soon.

\n\n

Water

One-tap logging with bottle presets.

Coming soon.

\n\n

Studio

Soundscapes and creative utilities.

\n\n

Soundscapes

\n \n\n

Tools

BPM counter, delay & reverb calculators, key finder — coming soon.

\n\n

Notes

Capture without ceremony.

Coming soon.

\n\n

Settings

Theme

\n\n

Film grain

\n\n

Voice

\n\n

Feedback

Tell me what feels wrong and I'll read it on the next pass. Type it or hold the mic.

\n \n

\n \n \n

\n\n \n

Halo

\n \n \n

\n\n \n

Let's steady together

Follow the orb. In as it grows, hold, and out as it settles. No count, no pressure — just a few rounds.

\n \n

\n\n

\n\n \n

\n \n

\n\n\n\n\n","\n\n\n\n\nHalo\n\n\n\n\n

\n\n \n

Waking up

Halo

Press anywhere to enter

\n\n \n

\n\n

Good evening, Marty

Steady

\n \n

\n \n \n \n

\n\n

\n\n \n

Window

Understand where you are in a session — estimated phase, remaining effectiveness, and what kind of work tends to fit the moment. Estimates only, not medical guidance.

\n\n

\n No active session. Log a dose to start tracking.\n

\n\n \n\n

Statistics

\n\n

Session archive

\n\n

\n \n \n

\n\n

Reset

Breathing and grounding. A place to come back to center — no streaks, no guilt.

Coming soon.

\n\n

Rhythm

Your day at a glance — current time, phase, upcoming transitions, and gentle nudges you configure yourself.

Coming soon.

\n\n

Water

One-tap logging with bottle presets.

Coming soon.

\n\n

Studio

Soundscapes and creative utilities.

\n\n

Soundscapes

\n \n\n

Tools

BPM counter, delay & reverb calculators, key finder — coming soon.

\n\n

Notes

Capture without ceremony.

Coming soon.

\n\n

Settings

Theme

\n\n

Film grain

\n\n

Voice

\n\n

Feedback

Tell me what feels wrong and I'll read it on the next pass. Type it or hold the mic.

\n \n

\n \n \n

\n\n \n

Halo

\n \n \n

\n\n \n

Let's steady together

Follow the orb. In as it grows, hold, and out as it settles. No count, no pressure — just a few rounds.

\n \n

\n\n

\n\n \n

\n \n

\n\n\n\n\n","createdAt",["D",1785306207998],"branchVersion","branchId","e8a8f97a-4958-4bb7-ab39-c676dda89fab","id","1b2da2fa-fa88-4ec0-9d93-8896a1bd2a03","halo",["D",1785125649677],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Halo — Marty's calm creative OS (Window, Pulse, Soundscapes)","imageUrl","11b2c25a-2b6b-4cce-90bf-5568c7d243bc","pinnedFileId","34002f54-8994-11f1-a524-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f0037-2db9-75e9-9a3f-9a3e6579958c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_104":100},"org",{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",178,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","martykhan","handle","displayName","Marty Khan","avatar","https://lh3.googleusercontent.com/a/ACg8ocLFh_0HnpcOWl9rNJRZP7AMZldccvaQb7AnjFUMrZYop8gpDW_P=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":165,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":166,"_80":167,"_82":168,"_84":25},"tree",[156,157],"files",[156,157],"counts",{"_144":62,"_145":146,"_147":62,"_148":149,"_150":151},"contents",[127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":140,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_133":25,"_37":141,"_13":142,"_33":20,"_34":36,"_24":25,"_138":-5,"_27":143},{"_42":129,"_32":130,"_30":56,"_131":-5,"_40":41,"_39":132,"_133":58,"_37":134,"_13":135,"_33":136,"_34":137,"_24":25,"_138":-5,"_27":139},"56045491-38ec-4de9-9890-6f03de5da058","main.tsx","parentId",72,"latest",["D",1785306082864],3,"http","/* ============================================================================\n HALO — Marty's calm creative OS\n Desktop-first personal command center for focus, creativity, and wellness.\n Not a productivity app; an immersive, breathing world.\n\n ARCHITECTURE (two files, deliberately)\n ---------------------------------------------------------------------------\n main.tsx — this file. HTTP entrypoint. Serves halo.html and proxies\n ElevenLabs text-to-speech server-side (/api/speak, /api/voices).\n ELEVENLABS_API_KEY lives in this val's env — never touches the\n client. Missing key -> 503 -> client falls back to browser speech.\n halo.html — the entire SPA: CSS theme tokens, canvas orb render, Saturn-ring\n portal navigation, Window engine, soundscapes, command center,\n settings, central clock, Reset/Steady overlay.\n\n State persists to localStorage under `haloState` (load()/save()). Geometry\n is computed once per resize in measure(); the orb and ring share a single\n requestAnimationFrame loop (frame() -> layoutNodes() + draw()).\n\n THIS ITERATION — what changed (all in halo.html unless noted)\n ---------------------------------------------------------------------------\n - Central clock (new). Theme-aware, numerals glow via --accent, updates on\n the minute boundary. Tap opens Reset/Steady.\n Code: .clock styles, tickClock()/startClock(), wired in boot().\n - Reset / Steady overlay (new). The persistent Steady button, the clock,\n and the ring's \"Reset\" portal now open a real grounding overlay (breathing\n orb + positive-phase cues) instead of a \"Coming soon\" stub. Respects\n prefers-reduced-motion (static message instead of animation). Closes on\n button or Escape.\n Code: #steady markup + styles, openSteady()/closeSteady(), Escape handler\n in controls().\n - Named theme stubs (new, additive). Alongside the five existing themes\n (Moonlight/Night Drive/Deep Space/Warm Evening/Minimal): Default (XP-hill/\n blue-sky), Retro, Cartoon Outline, Film, Flat. Token-only CSS blocks, no\n heavy assets. Cartoon/Flat add structural hooks (crisp borders / no blur).\n Code: [data-theme] blocks, THEMES array.\n - Film grain default (extended). Grain already existed (4 levels incl. Off).\n A theme may now declare grainDefault: Film -> 'med', Flat -> 'off'.\n Applied only when the user actively picks the theme — never overrides a\n saved choice on boot.\n Code: setTheme(id, userInitiated).\n - Reduced-motion (tightened). Added the emblem voice wave and clock glow/\n pulse to the prefers-reduced-motion block; Steady orb is static under it.\n\n HOW TO ADD A NEW THEME\n ---------------------------------------------------------------------------\n 1. Add a token block: [data-theme=\"yourid\"] { --bg:#...; --accent: r,g,b;\n --core: r,g,b; } (--accent/--core are RGB triples, no rgb() wrapper —\n they feed CSS rgba(var(--accent), a) and the canvas via accent()/core().)\n 2. Register it in THEMES: { id:'yourid', name:'Your Name' }.\n Optional: grainDefault: 'off'|'low'|'med'|'high'.\n 3. Optional structural hooks: [data-theme=\"yourid\"] .node { ... } (see\n Cartoon/Flat) for non-color differences like borders or blur removal.\n 4. Optional canvas-orb differences: branch on the active theme inside\n draw() using AC/CO (already theme-derived).\n The Settings theme row is generated from THEMES — no extra wiring needed.\n\n HOW TO ADD A NEW PORTAL\n ---------------------------------------------------------------------------\n 1. Add to PORTALS: { id:'yourid', name:'Label', sub:'Short tagline' }.\n 2. Add an icon SVG string under ICONS keyed by the same id.\n 3. Add markup:

...

with a\n .portal-bar (back button -> goHome()) and a .portal-body.\n 4. If setup is needed on open, hook it in goPortal(id) (see how 'window'\n calls renderWindow()).\n Ring node, caption, and dot indicator are generated from PORTALS in\n buildRing() — no layout code to touch.\n\n LANGUAGE\n ---------------------------------------------------------------------------\n The Window engine uses positive-phase language throughout (WIN_PHASES):\n Coming on / Building / Peak / Tapering / Late window / Session ended —\n never failure or pressure framing. The Steady overlay follows the same\n principle. Window is estimation-only and explicitly not medical guidance.\n============================================================================ */\n\nconst HTML_URL = \"https://esm.town/v/martykhan/halo/halo.html\";\n\n/* Halo voice — ElevenLabs proxy.\n Set the ELEVENLABS_API_KEY env var on this val to activate.\n Falls back gracefully: returns 503 and the client uses browser speech. */\nconst ELEVEN_URL = \"https://api.elevenlabs.io/v1/text-to-speech\";\n\nasync function speak(req: Request): Promise {\n const key = Deno.env.get(\"ELEVENLABS_API_KEY\");\n if (!key) {\n return new Response(JSON.stringify({ error: \"no_key\" }), {\n status: 503,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n let body: { text?: string; voiceId?: string };\n try {\n body = await req.json();\n } catch {\n return new Response(JSON.stringify({ error: \"bad_json\" }), { status: 400 });\n }\n\n const text = (body.text || \"\").trim().slice(0, 600);\n if (!text) {\n return new Response(JSON.stringify({ error: \"empty\" }), { status: 400 });\n }\n // default: \"Rachel\" — calm, neutral. Overridden by the client's saved choice.\n const voiceId = body.voiceId || \"21m00Tcm4TlvDq8ikWAM\";\n\n try {\n const r = await fetch(`${ELEVEN_URL}/${voiceId}`, {\n method: \"POST\",\n headers: {\n \"xi-api-key\": key,\n \"Content-Type\": \"application/json\",\n \"Accept\": \"audio/mpeg\",\n },\n body: JSON.stringify({\n text,\n model_id: \"eleven_turbo_v2_5\",\n voice_settings: { stability: 0.45, similarity_boost: 0.75 },\n }),\n });\n\n if (!r.ok) {\n return new Response(JSON.stringify({ error: \"upstream\", status: r.status }), {\n status: 502,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(r.body, {\n headers: {\n \"Content-Type\": \"audio/mpeg\",\n \"Cache-Control\": \"no-store\",\n },\n });\n } catch {\n return new Response(JSON.stringify({ error: \"fetch_failed\" }), { status: 502 });\n }\n}\n\n/* Voice roster for the picker. */\nasync function voices(): Promise {\n const key = Deno.env.get(\"ELEVENLABS_API_KEY\");\n if (!key) {\n return new Response(JSON.stringify({ voices: [], configured: false }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n try {\n const r = await fetch(\"https://api.elevenlabs.io/v1/voices\", {\n headers: { \"xi-api-key\": key },\n });\n if (!r.ok) throw new Error(\"upstream\");\n const data = await r.json();\n const list = (data.voices || []).map((v: any) => ({\n id: v.voice_id,\n name: v.name,\n }));\n return new Response(JSON.stringify({ voices: list, configured: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch {\n return new Response(JSON.stringify({ voices: [], configured: false }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n}\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api/speak\" && req.method === \"POST\") return speak(req);\n if (url.pathname === \"/api/voices\") return voices();\n\n const res = await fetch(HTML_URL);\n const html = await res.text();\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n","label",[130],"7e2a49ce-47db-42da-98be-2ca452b33e4c",["D",1785306207998],68,[28],"pulls","branches",1,"forks","envVars",{"_152":154,"_155":62},"connections",{"_152":62,"_153":62},"count","unfilledCount",2,"emptyCount",{"_42":140,"_32":28,"_30":31,"_131":-5,"_40":41,"_39":14,"_133":25,"_37":162,"_13":142,"_33":20,"_34":36,"_24":25,"_138":-5,"_159":163,"_27":164},{"_42":129,"_32":130,"_30":56,"_131":-5,"_40":41,"_39":132,"_133":58,"_37":158,"_13":135,"_33":136,"_34":137,"_24":25,"_138":-5,"_159":160,"_27":161},["D",1785306082864],"children",[],[130],["D",1785306207998],[],[28],["D",1785125649677],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":54,"_101":102,"_103":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":202,"_203":204,"_205":206,"_207":25,"_208":25,"_209":25,"_210":58,"_211":-5,"_212":-7,"_213":-7,"_214":62,"_215":25,"_216":25,"_217":-5,"_218":25,"_219":25,"_220":25,"_221":-5},"ENV",{"_173":174,"_175":176,"_177":86,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Diff · v73