[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_941":942,"_943":944},"routes/_app.x.$handle.$name",{"_104":103,"_32":46,"_112":91,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":-5,"_125":-5,"_126":25,"_127":128,"_129":60,"_130":-5,"_131":-5,"_132":133},"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":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",516,"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","src/frontend/hooks/useOnboarding.ts","latestPath","fileId","a1d725fa-1950-11f1-8c26-42dde27851f2","name","useOnboarding.ts","fileType","script","content","import { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { getAuthUser } from \"../utils/auth.ts\";\nimport { fetchGlobalAggregate } from \"../utils/history-api.ts\";\nimport { getOwnerToken } from \"../utils/passphrase.ts\";\n\ninterface MilestoneData {\n completedAt: string;\n tipDismissed: boolean;\n}\n\ntype OnboardingData = Record;\n\nexport interface UseOnboardingReturn {\n isLoaded: boolean;\n has: (milestone: string) => boolean;\n complete: (milestone: string) => void;\n isTipVisible: (milestone: string) => boolean;\n dismissTip: (milestone: string) => void;\n}\n\nfunction getEndpoints() {\n const authUser = getAuthUser();\n if (authUser) {\n return { get: \"/api/me/onboarding\", put: \"/api/me/onboarding\" };\n }\n const ownerToken = getOwnerToken();\n return {\n get: `/api/onboarding/${ownerToken}`,\n put: `/api/onboarding/${ownerToken}`,\n };\n}\n\nexport function useOnboarding(): UseOnboardingReturn {\n const [data, setData] = useState({});\n const [isLoaded, setIsLoaded] = useState(false);\n const saveTimeoutRef = useRef(null);\n const dataRef = useRef(data);\n dataRef.current = data;\n\n // Load on mount\n useEffect(() => {\n const endpoints = getEndpoints();\n fetch(endpoints.get)\n .then((r) => r.json())\n .then((body) => {\n const loaded = (body.data ?? {}) as OnboardingData;\n setData(loaded);\n dataRef.current = loaded;\n })\n .catch(() => {})\n .finally(() => setIsLoaded(true));\n }, []);\n\n // Migrate anon → auth on mount\n useEffect(() => {\n const authUser = getAuthUser();\n if (!authUser) return;\n const ownerToken = getOwnerToken();\n const mergedKey = `onboarding_merged_${authUser.id}_${ownerToken}`;\n if (localStorage.getItem(mergedKey)) return;\n fetch(\"/api/me/onboarding/merge\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ ownerToken }),\n })\n .then((r) => {\n if (r.ok) localStorage.setItem(mergedKey, \"1\");\n })\n .catch(() => {});\n }, []);\n\n const persist = useCallback((newData: OnboardingData) => {\n if (saveTimeoutRef.current !== null) {\n clearTimeout(saveTimeoutRef.current);\n }\n saveTimeoutRef.current = setTimeout(() => {\n const endpoints = getEndpoints();\n fetch(endpoints.put, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ data: newData }),\n }).catch(() => {});\n saveTimeoutRef.current = null;\n }, 300) as unknown as number;\n }, []);\n\n const has = useCallback(\n (milestone: string) => !!data[milestone]?.completedAt,\n [data],\n );\n\n const complete = useCallback(\n (milestone: string) => {\n if (dataRef.current[milestone]?.completedAt) return;\n const newData: OnboardingData = {\n ...dataRef.current,\n [milestone]: {\n completedAt: new Date().toISOString(),\n tipDismissed: false,\n },\n };\n setData(newData);\n dataRef.current = newData;\n persist(newData);\n },\n [persist],\n );\n\n const isTipVisible = useCallback(\n (milestone: string) => {\n const m = data[milestone];\n return !!m?.completedAt && !m.tipDismissed;\n },\n [data],\n );\n\n const dismissTip = useCallback(\n (milestone: string) => {\n const m = dataRef.current[milestone];\n if (!m) return;\n const newData: OnboardingData = {\n ...dataRef.current,\n [milestone]: { ...m, tipDismissed: true },\n };\n setData(newData);\n dataRef.current = newData;\n persist(newData);\n },\n [persist],\n );\n\n return { isLoaded, has, complete, isTipVisible, dismissTip };\n}\n","import { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { getAuthUser } from \"../utils/auth.ts\";\nimport { fetchGlobalAggregate } from \"../utils/history-api.ts\";\nimport { getOwnerToken } from \"../utils/passphrase.ts\";\n\ninterface MilestoneData {\n completedAt: string;\n tipDismissed: boolean;\n}\n\ntype OnboardingData = Record;\n\nexport interface UseOnboardingReturn {\n isLoaded: boolean;\n has: (milestone: string) => boolean;\n complete: (milestone: string) => void;\n isTipVisible: (milestone: string) => boolean;\n dismissTip: (milestone: string) => void;\n}\n\nfunction getEndpoints() {\n const authUser = getAuthUser();\n if (authUser) {\n return { get: \"/api/me/onboarding\", put: \"/api/me/onboarding\" };\n }\n const ownerToken = getOwnerToken();\n return {\n get: `/api/onboarding/${ownerToken}`,\n put: `/api/onboarding/${ownerToken}`,\n };\n}\n\nexport function useOnboarding(): UseOnboardingReturn {\n const [data, setData] = useState({});\n const [isLoaded, setIsLoaded] = useState(false);\n const saveTimeoutRef = useRef(null);\n const dataRef = useRef(data);\n dataRef.current = data;\n\n // Load on mount\n useEffect(() => {\n (async () => {\n try {\n const endpoints = getEndpoints();\n const r = await fetch(endpoints.get);\n const body = await r.json();\n const loaded = (body.data ?? {}) as OnboardingData;\n\n // Backfill for users who predate onboarding\n if (Object.keys(loaded).length === 0) {\n const agg = await fetchGlobalAggregate();\n if (agg.totalSessions > 0) {\n const now = new Date().toISOString();\n const backfilled: OnboardingData = Object.fromEntries(\n [\"started_timer\", \"seen_stats\", \"seen_break_fraction\", \"seen_reset_session\"]\n .map((m) => [m, { completedAt: now, tipDismissed: true }]),\n );\n setData(backfilled);\n dataRef.current = backfilled;\n persist(backfilled);\n return;\n }\n }\n\n setData(loaded);\n dataRef.current = loaded;\n } catch {\n // ignore\n } finally {\n setIsLoaded(true);\n }\n })();\n }, []);\n\n // Migrate anon → auth on mount\n useEffect(() => {\n const authUser = getAuthUser();\n if (!authUser) return;\n const ownerToken = getOwnerToken();\n const mergedKey = `onboarding_merged_${authUser.id}_${ownerToken}`;\n if (localStorage.getItem(mergedKey)) return;\n fetch(\"/api/me/onboarding/merge\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ ownerToken }),\n })\n .then((r) => {\n if (r.ok) localStorage.setItem(mergedKey, \"1\");\n })\n .catch(() => {});\n }, []);\n\n const persist = useCallback((newData: OnboardingData) => {\n if (saveTimeoutRef.current !== null) {\n clearTimeout(saveTimeoutRef.current);\n }\n saveTimeoutRef.current = setTimeout(() => {\n const endpoints = getEndpoints();\n fetch(endpoints.put, {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ data: newData }),\n }).catch(() => {});\n saveTimeoutRef.current = null;\n }, 300) as unknown as number;\n }, []);\n\n const has = useCallback(\n (milestone: string) => !!data[milestone]?.completedAt,\n [data],\n );\n\n const complete = useCallback(\n (milestone: string) => {\n if (dataRef.current[milestone]?.completedAt) return;\n const newData: OnboardingData = {\n ...dataRef.current,\n [milestone]: {\n completedAt: new Date().toISOString(),\n tipDismissed: false,\n },\n };\n setData(newData);\n dataRef.current = newData;\n persist(newData);\n },\n [persist],\n );\n\n const isTipVisible = useCallback(\n (milestone: string) => {\n const m = data[milestone];\n return !!m?.completedAt && !m.tipDismissed;\n },\n [data],\n );\n\n const dismissTip = useCallback(\n (milestone: string) => {\n const m = dataRef.current[milestone];\n if (!m) return;\n const newData: OnboardingData = {\n ...dataRef.current,\n [milestone]: { ...m, tipDismissed: true },\n };\n setData(newData);\n dataRef.current = newData;\n persist(newData);\n },\n [persist],\n );\n\n return { isLoaded, has, complete, isTipVisible, dismissTip };\n}\n","createdAt",["D",1772814297780],"branchVersion","branchId","2568f8fa-1099-11f1-8a6a-42dde27851f2","id","2564eb70-1099-11f1-8a6a-42dde27851f2","thirdTimer",["D",1771838536808],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","This version stores some data, so you can restart the app!","imageUrl","019bfe98-75fd-713b-83d5-edcffcda6af5","pinnedFileId","019c89ce-7cc0-75ad-bf76-e12eeaf4e6b3","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019bfe98-75fd-713b-83d5-f27288110d30","tursoName","2564eb70109911f18a6a42dde27851f2","tursoHostname","2564eb70109911f18a6a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789533091345],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_104":103,"_111":107},"org",{"_104":103,"_105":-5,"_106":107,"_18":56,"_108":109,"_110":25},"branch",{"_13":90,"_32":91,"_44":43,"_92":45,"_93":-5,"_94":-5,"_95":96,"_97":98,"_99":100,"_101":46,"_102":103},"isOwned",758,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","private","forkedProjectId","d56cf5fe-7fe8-11f0-a138-0224a6c84d84","forkedProjectOrgId","7018ec7d-7a8e-4e8f-93d1-ab6a7334ca50","projectName","userHandle","ozanatgreenpt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzM4cGlWZXRaZkpPd3gzTU9Qb1ZJY3V6a2tVZyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":936,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":937,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":938,"_85":939,"_87":940,"_89":25},"tree",[233,235,238,242,316,317,318,319,320,321,322,323],"files",[233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323],"counts",{"_223":64,"_224":150,"_225":64,"_226":227,"_228":229},"contents",[134,135,136,137,138,139,140,141,142,143,144,145],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":217,"_32":218,"_30":219,"_149":-5,"_42":43,"_41":220,"_151":60,"_39":221,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_27":222},{"_44":212,"_32":213,"_30":214,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":215,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_27":216},{"_44":206,"_32":207,"_30":208,"_149":-5,"_42":43,"_41":209,"_151":60,"_39":210,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_27":211},{"_44":200,"_32":201,"_30":202,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":203,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_27":205},{"_44":195,"_32":196,"_30":197,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":198,"_13":64,"_34":20,"_36":187,"_24":25,"_154":-5,"_27":199},{"_44":189,"_32":190,"_30":191,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":192,"_13":64,"_34":20,"_36":193,"_24":25,"_154":-5,"_27":194},{"_44":182,"_32":183,"_30":184,"_149":-5,"_42":43,"_41":185,"_151":25,"_39":186,"_13":150,"_34":20,"_36":187,"_24":25,"_154":-5,"_27":188},{"_44":174,"_32":175,"_30":176,"_149":-5,"_42":43,"_41":177,"_151":60,"_39":178,"_13":179,"_34":20,"_36":180,"_24":25,"_154":-5,"_27":181},{"_44":168,"_32":169,"_30":170,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":171,"_13":64,"_34":20,"_36":172,"_24":25,"_154":-5,"_27":173},{"_44":162,"_32":163,"_30":164,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":165,"_13":64,"_34":20,"_36":166,"_24":25,"_154":-5,"_27":167},{"_44":156,"_32":157,"_30":158,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":159,"_13":64,"_34":20,"_36":160,"_24":25,"_154":-5,"_27":161},{"_44":146,"_32":147,"_30":148,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":152,"_13":64,"_34":20,"_36":153,"_24":25,"_154":-5,"_27":155},"256fb172-1099-11f1-8a6a-42dde27851f2","knowledge.md","019c89ce-7cc0-75ad-bf77-6f9393c49117","parentId",1,"latest",["D",1771838536808],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n#### Batching operations\n\n```ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nconst charge = 10;\n\nexport const batchSqlite = await sqlite.batch([\n `create table if not exists accounts(person_id text unique, balance integer)`,\n {\n sql: `update accounts set balance = balance - :charge where person_id = 'Bob'`,\n args: { charge },\n },\n {\n sql: `update accounts set balance = balance + :charge where person_id = 'Alice'`,\n args: { charge },\n },\n]);\n```\n\n### OpenAI\n\nDo not use val.town std library, import from https://esm.town/v/cricks_unmixed4u/openai-client/main.tsx\n\nTypeScript interface for interacting with OpenAI's chat models, with optional global rate limiting, and uses Val Town's SQLite for persistent rate limit tracking.\n\nKey Components\n\nMessage Type: Defines the structure for chat messages (role and content).\nChatOpenAI(model: string): Factory function returning an object with an invoke(messages) method. This method sends an array of messages to the specified OpenAI chat model and returns the assistant's response.\nGlobalRateLimitedChatOpenAI(model: string, requestsPerSecond: number): Decorator for ChatOpenAI that enforces a global rate limit (requests per second) using a persistent SQLite table.\nGlobalRateLimiter: Class that implements the rate limiting logic. It checks the number of requests in the current time window and throws an error if the limit is exceeded. It uses a table (global_rate_limit_1) in Val Town's SQLite.\nensureGlobalRateLimitTableExists: Ensures the rate limit tracking table exists in the database at startup.\nUsage\nUse ChatOpenAI(model) for direct, unlimited access to OpenAI chat completions.\nUse GlobalRateLimitedChatOpenAI(model, requestsPerSecond) to enforce a global rate limit on chat completions, suitable for shared or public-facing endpoints.\nVal Town/Platform Notes\nUses Val Town’s standard SQLite API for persistent storage.\nDesigned for server-side use (no browser-specific code).\nNo secrets are hardcoded; OpenAI API keys are managed by the OpenAI SDK/environment.\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n### AI/LLM Agent implementations\n\nImplement AI agent functionalities using LangGraph. To support multi-turn conversations, persist the graph state using Turso (Val Town’s SQLite).\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { LangGraph } from \"https://esm.sh/langgraph\";\nimport { v4 as uuid } from \"https://esm.sh/uuid\";\n\n// DB initialization:\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS sessions (\n id TEXT PRIMARY KEY,\n state TEXT NOT NULL\n );\n`);\n\n// Persist & retrieve graph state\nasync function loadState(sessionId: string) {\n const rows = await sqlite.execute(\"SELECT state FROM sessions WHERE id = ?\", [sessionId]);\n return rows.length ? JSON.parse(rows[0].state) : null;\n}\n\nasync function saveState(sessionId: string, state: any) {\n const stateJson = JSON.stringify(state);\n await sqlite.execute(\"INSERT OR REPLACE INTO sessions(id, state) VALUES (?, ?)\", [sessionId, stateJson]);\n}\n\n// Define your graph\nconst createGraph = () =>\n new LangGraph()\n .addNode(\"start\", async input => ({ next: \"reply\", data: input }))\n .addNode(\"reply\", async ({ data }) => ({ next: null, data: `Echo: ${data}` }))\n .setEntryPoint(\"start\");\n\n// Entry point\nexport default async function (req: Request) {\n const { sessionId = uuid(), message } = await req.json();\n const graph = createGraph();\n\n const priorState = await loadState(sessionId);\n const result = await graph.invoke(message, priorState || undefined);\n\n await saveState(sessionId, result.state);\n return Response.json({ reply: result.data, sessionId });\n}\n```\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n# Implementation plan\n\n## COMPLETE - Step 1 - Goal: Persist app-state \n\nCurrently, refreshing the window, or closing and reopening causes data loss.\nPersist application state so that this doesn't happen\n\n## COMPLETE - Step 2 - Goal: persist app-state per user\n\nAssign a uniqueId to each user that opens the page. Store this. It should have date information so the next day it gets reset automatically.\n\n","label",[147],"256fa93e-1099-11f1-8a6a-42dde27851f2","deno.json","019c89ce-7cc0-75ad-bf77-6919a60048a7",["D",1771838536808],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\"dom\", \"dom.iterable\", \"dom.asynciterable\", \"deno.ns\", \"deno.unstable\"]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[157],"256f999e-1099-11f1-8a6a-42dde27851f2","biome.json","019c89ce-7cc0-75ad-bf77-647d6e3814a0",["D",1771838536808],"{\n \"$schema\": \"https://biomejs.dev/schemas/1.9.4/schema.json\",\n \"vcs\": {\n \"enabled\": false,\n \"clientKind\": \"git\",\n \"useIgnoreFile\": false\n },\n \"files\": {\n \"ignoreUnknown\": false,\n \"ignore\": []\n },\n \"formatter\": {\n \"enabled\": true,\n \"indentStyle\": \"space\",\n \"lineEnding\": \"lf\",\n \"indentWidth\": 2,\n \"lineWidth\": 90\n },\n \"organizeImports\": {\n \"enabled\": true\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true\n }\n },\n \"javascript\": {\n \"formatter\": {\n \"quoteStyle\": \"double\"\n }\n }\n}\n",[163],"256f202c-1099-11f1-8a6a-42dde27851f2","article.md","019c89ce-7cc0-75ad-bf77-6216ddce600a",["D",1771838536808],"# Third Time: a better way to work\n\nHOW CAN you be more productive? Instead of half-working all day, it’s better to work in focused stints, with breaks in between to recover.\n\nThere are various ways to do this, but here's my new technique, called **Third Time**. The gist of it is:\n\n- **Work for as long or as short as you like**, until you want or need to break; then\n- **Break for up to one-third of the time** you’ve just worked.\n\nSo after 15 minutes of dealing with emails, you could stop for up to 5 minutes. After an hour-long meeting, you can take a good 20-minute break. And if a task bores you after 3 minutes, you can even break then — but only for 1 minute! Breaks reward you for working, but proper breaks have to be earned.\n\n\n\nThis kind of pattern is natural; [research](https://link.springer.com/chapter/10.1007/978-1-4842-4221-6_9) confirms that people tend to take longer breaks after working for longer. (One-third is just a recommendation; you can use other break fractions if you prefer.)\n\nThird Time has many advantages over other techniques such as [Pomodoro](https://www.lesswrong.com/posts/FDCJ2BfAT9qJGrpFa/what-s-wrong-with-pomodoro) (which I’ll discuss later), but the key one is flexibility. It adapts to your attention span, energy, and schedule, as well as to other people and events. And Third Time isn’t just for your day-job — it suits anything that needs focus or effort, such as studying, practicing an instrument, personal admin, writing, or fitness training.\n\n## Using Third Time\n\nHere’s an example of the basic procedure:\n\n1. Note the time, or start a stopwatch\n2. **Work** for as long or short as you like, until you want or need to break\n3. Suppose you worked for 45 minutes. This earns you 45 ÷ 3 = 15 minutes off; so set an alarm for 15 minutes\n4. **Break** until the alarm goes off\n5. Go back to step 1.\n\n### Breaks\n\nYou needn’t take the full break. Maybe you have a tight deadline, an important customer calls, you’re keen to resume work, or only have a short gap before a meeting. Whatever the reason, **if you end a break (say) 5 minutes early, add 5 minutes to your next break**. You don’t lose the remaining time, it’s just postponed:\n\n\n\nYou can shorten and postpone breaks like this, but don’t let them overrun. Break time must be earned by working; it’s like a debit card, not a credit card. So always set an alarm for the end of a break, and resume work as soon as it goes off (don’t snooze it!)\n\n**Take breaks whenever you like**. Surprisingly, _you’ll still end up doing the same amount of work!_ For example: instead of working for 45 minutes plus a 15-minute break, suppose you do just three minutes’ work plus a one-minute break, and repeat that over and over again. You’ll still be working three-quarters of the time; so in an hour, you’d still get 45 minutes’ work done.\n\nThat said, it’s annoying to end a break after just one minute, and keep switching back and forth. So even with tedious tasks, you’ll soon find yourself working longer — and perhaps even enjoying it — to earn a decent break.\n\nWhile breaking too often is counterproductive, so is breaking too seldom, such as when immersed in an interesting project. Notice when you start to flag, and give yourself a break, to restore focus and avoid burnout.\n\n**Take proper breaks**.Don’t think, talk or read about work. Instead, get up, walk around, drink water, go outside, chillax. (There’ll be more about how to work & break properly in Part 2 of this article.)\n\nThough it’s best to choose when to work and break yourself, nothing changes if others are in charge. Suppose your boss fixes an hour-long meeting for you, then a five-minute gap, followed by a video call. The meeting earns you a 20-minute break; you can only take five minutes of it, but just add the remaining 15 minutes to your next break. (And if you really can’t take a full break then, carry the leftover time forward again, and so on.)\n\n### Interruptions\n\nSimilarly, nothing special happens if you get a work-related interruption, e.g. your boss calls you while you’re hard at it. The call is still work, so the clock keeps ticking. Either deal with the interruption, or postpone it (e.g. send to voicemail) and resume what you were doing.\n\n\n\n**Personal interruptions are different**. Suppose you’re working from home, and the doorbell rings: **this isn’t work, so** **a break starts then**. Once the interruption is over, figure out when you stopped work, and hence when this break should end (by dividing by 3 as usual). Then either take the rest of the break, or resume work (saving the remaining break time for later). If you’ve already overrun the end of the break, start work immediately.\n\n### Meal breaks & big breaks\n\nMost people stop work for lunch, some for dinner. With Third Time, you can divide the day into two or three separate sessions — morning, afternoon, maybe evening — to allow for proper meal breaks between.\n\nIf you only take a short time off for lunch, a normal break may suffice for it. For instance, an hour-long meeting just before lunch earns you a 20-minute break — enough to eat at your desk, anyway. Or you could save up more eating time by shortening earlier breaks. If you have lunch in a normal break like this, meals need no special treatment, and your whole workday is a single session.\n\nBut if a normal break won’t do, you can take a **big** **break**. This meansa meal break that **lasts as long as you like** — longer than you’ve earned from previous work. The only constraint is that you must decide at the start of the break when to resume work, then set an alarm, and obey it as usual. This stops you getting lazy.\n\nIf you work into the evening, you can extend dinner in the same way: when a normal break isn’t long enough, you can take a big break, provided you set an alarm first. But only take big breaks for lunch and dinner.\n\nBreak minutes you’ve earned are used up by a big break, so **you can’t carry them over** **to the afternoon/evening**. Each session starts with a clean slate. (Hence you don’t need to time the work stint just before the meal.) Similarly, you can’t carry unused breaks over from one day to the next.\n\nSometimes you’ll have a personal task, e.g. going out to buy something, that’s too long to do in a normal break. If possible, do it in a big break, or before/after work. Try to avoid taking unofficial breaks for errands or anything else, lest you allow more and more exceptions to the system, and relapse into chaos.\n\n### Other fractions\n\nWhat matters is not the _absolute_ length of work and breaks, but their length _relative to each other_. Not enough breaks per hour worked, and you burn out; too many, and you don’t get enough things done.\n\n[Fitness training](https://www.hprc-online.org/physical-fitness/training-performance/optimize-your-workouts-proper-workrest-ratios) and other [physical activities](https://link.springer.com/chapter/10.1007/978-3-319-70217-9_6) follow the same principle. For instance, with high-intensity interval training (HIIT) you might rest for half of the time you work: between 20-second sprints, you’d rest for 10 seconds; after a 2-minute dash, rest for 1 minute.\n\nThird Time recommends breaking for one-third of your work time (a similar proportion to the [Pomodoro and DeskTime](https://www.lesswrong.com/posts/FDCJ2BfAT9qJGrpFa/what-s-wrong-with-pomodoro) techniques). If this sounds lax, a [survey](https://www.vouchercloud.com/resources/office-worker-productivity) showed Britons spend less than half their time in the office actually working! So, with Third Time, you’ll accomplish much more than many people — particularly if you keep your work highly focussed, with no distractions.\n\nBut instead of one-third, you can use whatever fraction you like, such as:\n\n- **1/2**: 40 mins work + 20 mins breaks per hour. Working 2/3 of the time. Lazy\n- **1/3**: 45 mins work + 15 mins breaks per hour. Working 3/4 of the time. Standard\n- **1/4**: 48 mins work + 12 mins breaks per hour. Working 4/5 of the time. Industrious\n- **1/5**: 50 mins work + 10 mins breaks per hour. Working 5/6 of the time. Hard\n- **1/6**: 51½ mins work + 8½ mins breaks per hour. Working 6/7 of the time. Grinding\n\nIf you take a big break, you could shrink your other breaks by using a smaller fraction. For instance, neuroscientist Dr Daniel Levitin [suggests](https://qz.com/740607/the-biggest-productivity-myth-is-that-rigid-rules-like-the-pomodoro-technique-are-for-everyone/) working 90-minute stints with 15-minute breaks, plus a long lunch. A fraction of 15 ÷ 90 = 1/6 will achieve this.\n\nShould a deadline or crisis strike, so you need to get a lot done fast, don’t abandon Third Time — just switch to a smaller fraction. Or save up breaks and use them later. Conversely, if you’re tired, or there’s not much to do, you could try a bigger fraction to get more breaks.\n\nDifferent break fractions also suit different activities, from the gym to piano practice.\n\nThe other fractions, above right, let you calculate how much work you’ve done, or will do, without needing a timesheet or schedule. For example, Third Time’s default of 1/3 makes you work 3/4 of the time, so in an eight-hour day you’d complete six hours’ work — regardless of how your meetings, appointments, and interruptions pan out. (To calculate how long you worked if you took a big break, or didn’t use all your breaks, see footnote.[\\[1\\]](https://www.lesswrong.com/posts/RWu8eZqbwgB9zaerh/third-time-a-better-way-to-work#fny901itl0678))\n\n## Advantages of Third Time\n\nVarious time management techniques involve working for fixed time periods. The most popular one, named Pomodoro after a tomato-shaped timer, alternates 25-minute work stints with 5-minute breaks (or occasionally longer).\n\n\n\nWhile there are benefits to this kind of pattern, there are big problems too, which I discuss in a [separate post](https://www.lesswrong.com/posts/FDCJ2BfAT9qJGrpFa/what-s-wrong-with-pomodoro). In a nutshell, 25-minute stints may be far from optimal. Indeed, any fixed time period is unnatural and mechanical; thoughtful, creative work doesn’t watch clocks. And it's hard to work with other people this way, as their meetings, calls and interruptions won’t fit in with your timeslots. Nor will crises and deadlines. Basically, techniques like Pomodoro are too rigid.\n\nThis is because they insist on regulating your work. Third Time’s key insight is that this is unnecessary — you can guarantee how much work you’ll do, just by limiting breaks. This gives you complete freedom in how to divide up your day.\n\n\n\nPeople work best with loose constraints, somewhere between total freedom and total restriction. Total freedom is anarchy — the life of the lazy, the workaholic, and the procrastinator. Total restriction is tyranny — ruled by a despotic tomato, and forced to work like a robot.\n\nThird Time applies a light touch, keeping you in the happy, creative zone between these extremes. Its flexibility is its big advantage over other systems:\n\n- **Break whenever you want** or need to, to suit your attention span, energy, schedule, and the task at hand\n- You **get the same amount of work done**, however often you break!\n- Third Time accommodates **meetings, appointments, calls, interruptions, meals, and personal tasks**\n- Unlike Pomodoro, it's **not just for working alone**, so you can **use it all day**\n- When on a roll, you **don’t get interrupted by alarms** for the end of fixed time stints\n- **Save up unused break time** for later\n- Choose a **break fraction to suit you**, or even vary it with the situation\n- With tedious work, ploughing on **rewards you** with a longer break — an incentive to keep going\n- With a **deadline or crisis**, you can take quick, occasional breaks, or none at all. Third Time automatically makes up the shortfall once the storm has passed.\n\nIf you like Pomodoro or other methods (e.g. the pressure of their short-term deadlines), you can still use them with Third Time to get the best of both worlds, as it doesn’t forbid fixed work stints. I’ll explain more in Part 2 of this article. In fact, Third Time is really a general form of time management technique that encompasses the others, and solves their flaws.\n\nOther benefits of Third Time include:\n\n- Encourages **focussed work** and **proper breaks**, rather than inefficient half-working (more in Part 2)\n- Ensures you **don’t underwork or overwork**\n- Easy to **calculate how many hours’ work** you’ve done or will do, without a timesheet or schedule\n- You can even **knock off work early** every day (see Part 2)\n- It’s not just for work — use Third Time for **study, sport & fitness training, personal admin, hobbies, etc.** — anything that needs prolonged focus or effort.\n\n## Summary\n\nLastly, here in one place are all the steps for using Third Time:\n\n1. Note the time, or start a stopwatch\n2. **Work** until you want or need to break\n3. Divide how long you’ve just worked by 3 (or use your chosen fraction), and add any minutes left over from previous breaks\n4. Set an alarm for that long\n5. **Break** until the alarm goes off, or you decide to resume work\n6. If you resume early, note how much time was left, to add to your next break\n7. Go back to step 1.\n\nAdditional rules:\n\n- If you have to stop work for a **non-work-related interruption**, start a break immediately.\n- You can (optionally) take a **big break** for lunch and/or dinner, lasting as long as you like. Set an alarm at the start for when you’ll resume work. A big break uses up any saved break minutes, so you can’t carry them over to the afternoon/evening.\n- **Avoid taking other unearned breaks** if possible — so try to do personal tasks during normal or big breaks, or before/after your work day.\n\n(Third Time would also work well in a smartphone/web app, or smart speaker skill. Anyone want to create one?)",[169],"9120a5ac-10a8-11f1-9621-42dde27851f2","README.md","019c89ce-7cc0-75ad-bf77-5ffc88b7dc3a",44,["D",1771845160030],3,"# Third Time - Productivity Timer\n\nA minimalist web app implementing the \"Third Time\" productivity method.\n\n## The Method\n\n- **Work** for as long or short as you like, until you want or need to break\n- **Break** for up to one-third of the time you've just worked\n- Save unused break time for later\n- Handle interruptions and big breaks (meals)\n\n## Features\n\n- Flexible work/break timing\n- Break time banking system\n- Interruption handling\n- Big break support for meals\n- Clean, distraction-free interface with flat design\n- Consistent rounded corners throughout the UI\n- Customizable break fractions (1/2, 1/3, 1/4, 1/5, 1/6)\n- **Group timers**: share a passphrase to see each other's timer status anonymously\n\n## Usage\n\n1. Click \"Start Working\" to begin a work session\n2. Click \"Take Break\" when you want to stop working\n3. The app calculates your earned break time (work time ÷ 3)\n4. Take your break and click \"Resume Work\" when ready\n5. Any unused break time is saved for later\n\n## Group Timers\n\nEnter a shared passphrase in the footer to join a group. Members see each other's timer mode (Working / Breaking / Idle) and elapsed time — no names or IDs are shared. Group state is polled every 10 seconds.\n\n## Project Structure\n\n```\nsrc/\n├── backend/\n│ ├── index.ts # Hono API server + static files\n│ └── database/\n│ ├── migrations.ts # SQLite schema migrations\n│ └── queries.ts # DB query functions\n├── frontend/\n│ ├── components/ # React components\n│ │ ├── GroupTimerCard.tsx # Group member timer card\n│ │ └── Footer.tsx # Footer with group passphrase UI\n│ ├── favicon.http.tsx # Favicon\n│ ├── index.html # Main app interface\n│ ├── index.tsx # React app entry point\n│ ├── style.css # Styling\n│ └── utils/ # Utility functions\n│ ├── timer-actions.ts # Timer actions\n│ ├── state-persistence.ts # Backend state sync\n│ ├── passphrase.ts # Passphrase localStorage helper\n│ ├── group-api.ts # Group members API fetch\n│ └── user-id.ts # Daily user ID generation\n└── shared/\n ├── types.ts # Shared TypeScript types\n └── utils.tsx # Shared utility functions\n```\n",[175],"b851f328-10a4-11f1-8b37-42dde27851f2","AGENTS.md","3f8bd73e-1099-11f1-99e6-42dde27851f2",19,["D",1771843507801],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[183],"256f0db2-1099-11f1-8a6a-42dde27851f2",".vtignore","019c89ce-7cc0-75ad-bf77-5982c011874c",["D",1771838536808],".git\n.vscode\n.DS_Store\nnode_modules\nvendor",[190],"256ebc5e-1099-11f1-8a6a-42dde27851f2",".cursorrules","019c89ce-7cc0-75ad-bf77-56197bb5f070",["D",1771838536808],[196],"256eb952-1099-11f1-8a6a-42dde27851f2","src","019c89ce-7cc0-75ad-bf77-53e53c457105",["D",1771838536808],"directory",[201],"633562ee-1185-11f1-b387-42dde27851f2","docs","633563a2-1185-11f1-b387-42dde27851f2",127,["D",1771940001785],[207],"256d8190-1099-11f1-8a6a-42dde27851f2",".cursor","019c89ce-7cc0-75ad-bf76-de6159eeef16",["D",1771838536808],[213],"5f83aef4-130f-11f1-82a8-42dde27851f2",".claude","5f83afbc-130f-11f1-82a8-42dde27851f2",241,["D",1772109217300],[218],"pulls","branches","forks","envVars",{"_230":150,"_232":64},"connections",{"_230":64,"_231":64},"count","unfilledCount","emptyCount",{"_44":217,"_32":218,"_30":219,"_149":-5,"_42":43,"_41":220,"_151":60,"_39":933,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":934,"_27":935},{"_44":926,"_32":927,"_30":928,"_149":219,"_42":43,"_41":393,"_151":25,"_39":929,"_13":506,"_34":20,"_36":930,"_24":25,"_154":-5,"_325":931,"_27":932},{"_44":212,"_32":213,"_30":214,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":923,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":924,"_27":925},{"_44":919,"_32":918,"_30":913,"_149":214,"_42":43,"_41":150,"_151":60,"_39":920,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":921,"_27":922},{"_44":910,"_32":911,"_30":912,"_149":913,"_42":43,"_41":150,"_151":60,"_39":914,"_13":64,"_34":20,"_36":915,"_24":25,"_154":-5,"_325":916,"_27":917},{"_44":206,"_32":207,"_30":208,"_149":-5,"_42":43,"_41":209,"_151":60,"_39":907,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":908,"_27":909},{"_44":900,"_32":901,"_30":902,"_149":208,"_42":43,"_41":552,"_151":60,"_39":903,"_13":355,"_34":20,"_36":904,"_24":25,"_154":-5,"_325":905,"_27":906},{"_44":893,"_32":894,"_30":895,"_149":208,"_42":43,"_41":812,"_151":60,"_39":896,"_13":179,"_34":20,"_36":897,"_24":25,"_154":-5,"_325":898,"_27":899},{"_44":886,"_32":887,"_30":888,"_149":208,"_42":43,"_41":434,"_151":60,"_39":889,"_13":179,"_34":20,"_36":890,"_24":25,"_154":-5,"_325":891,"_27":892},{"_44":200,"_32":201,"_30":202,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":883,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":884,"_27":885},{"_44":879,"_32":757,"_30":751,"_149":202,"_42":43,"_41":150,"_151":60,"_39":880,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":881,"_27":882},{"_44":874,"_32":851,"_30":846,"_149":751,"_42":43,"_41":875,"_151":60,"_39":876,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":877,"_27":878},{"_44":866,"_32":867,"_30":868,"_149":846,"_42":43,"_41":521,"_151":60,"_39":869,"_13":579,"_34":870,"_36":871,"_24":25,"_154":-5,"_325":872,"_27":873},{"_44":859,"_32":860,"_30":861,"_149":846,"_42":43,"_41":521,"_151":60,"_39":862,"_13":179,"_34":35,"_36":863,"_24":25,"_154":-5,"_325":864,"_27":865},{"_44":852,"_32":853,"_30":854,"_149":846,"_42":43,"_41":372,"_151":60,"_39":855,"_13":150,"_34":35,"_36":856,"_24":25,"_154":-5,"_325":857,"_27":858},{"_44":843,"_32":844,"_30":845,"_149":846,"_42":43,"_41":372,"_151":60,"_39":847,"_13":150,"_34":35,"_36":848,"_24":25,"_154":-5,"_325":849,"_27":850},{"_44":839,"_32":787,"_30":781,"_149":751,"_42":43,"_41":179,"_151":60,"_39":840,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":841,"_27":842},{"_44":831,"_32":832,"_30":833,"_149":781,"_42":43,"_41":468,"_151":60,"_39":834,"_13":835,"_34":35,"_36":836,"_24":25,"_154":-5,"_325":837,"_27":838},{"_44":824,"_32":825,"_30":826,"_149":781,"_42":43,"_41":521,"_151":60,"_39":827,"_13":179,"_34":35,"_36":828,"_24":25,"_154":-5,"_325":829,"_27":830},{"_44":817,"_32":818,"_30":819,"_149":781,"_42":43,"_41":521,"_151":60,"_39":820,"_13":179,"_34":35,"_36":821,"_24":25,"_154":-5,"_325":822,"_27":823},{"_44":809,"_32":810,"_30":811,"_149":781,"_42":43,"_41":812,"_151":60,"_39":813,"_13":355,"_34":35,"_36":814,"_24":25,"_154":-5,"_325":815,"_27":816},{"_44":802,"_32":803,"_30":804,"_149":781,"_42":43,"_41":552,"_151":25,"_39":805,"_13":185,"_34":35,"_36":806,"_24":25,"_154":-5,"_325":807,"_27":808},{"_44":795,"_32":796,"_30":797,"_149":781,"_42":43,"_41":552,"_151":60,"_39":798,"_13":150,"_34":35,"_36":799,"_24":25,"_154":-5,"_325":800,"_27":801},{"_44":788,"_32":789,"_30":790,"_149":781,"_42":43,"_41":402,"_151":60,"_39":791,"_13":150,"_34":35,"_36":792,"_24":25,"_154":-5,"_325":793,"_27":794},{"_44":778,"_32":779,"_30":780,"_149":781,"_42":43,"_41":468,"_151":25,"_39":782,"_13":783,"_34":35,"_36":784,"_24":25,"_154":-5,"_325":785,"_27":786},{"_44":773,"_32":765,"_30":760,"_149":751,"_42":43,"_41":774,"_151":60,"_39":775,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":776,"_27":777},{"_44":766,"_32":767,"_30":768,"_149":760,"_42":43,"_41":636,"_151":25,"_39":769,"_13":395,"_34":35,"_36":770,"_24":25,"_154":-5,"_325":771,"_27":772},{"_44":758,"_32":519,"_30":759,"_149":760,"_42":43,"_41":521,"_151":60,"_39":761,"_13":179,"_34":35,"_36":762,"_24":25,"_154":-5,"_325":763,"_27":764},{"_44":750,"_32":686,"_30":58,"_149":751,"_42":43,"_41":552,"_151":25,"_39":752,"_13":753,"_34":427,"_36":754,"_24":25,"_154":-5,"_325":755,"_27":756},{"_44":746,"_32":389,"_30":384,"_149":202,"_42":43,"_41":150,"_151":60,"_39":747,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":748,"_27":749},{"_44":742,"_32":558,"_30":551,"_149":384,"_42":43,"_41":150,"_151":60,"_39":743,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":744,"_27":745},{"_44":737,"_32":694,"_30":688,"_149":551,"_42":43,"_41":738,"_151":60,"_39":739,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":740,"_27":741},{"_44":730,"_32":731,"_30":732,"_149":688,"_42":43,"_41":689,"_151":60,"_39":733,"_13":150,"_34":35,"_36":734,"_24":25,"_154":-5,"_325":735,"_27":736},{"_44":723,"_32":724,"_30":725,"_149":688,"_42":43,"_41":689,"_151":25,"_39":726,"_13":150,"_34":35,"_36":727,"_24":25,"_154":-5,"_325":728,"_27":729},{"_44":716,"_32":717,"_30":718,"_149":688,"_42":43,"_41":689,"_151":60,"_39":719,"_13":150,"_34":35,"_36":720,"_24":25,"_154":-5,"_325":721,"_27":722},{"_44":709,"_32":710,"_30":711,"_149":688,"_42":43,"_41":689,"_151":60,"_39":712,"_13":150,"_34":35,"_36":713,"_24":25,"_154":-5,"_325":714,"_27":715},{"_44":702,"_32":703,"_30":704,"_149":688,"_42":43,"_41":689,"_151":60,"_39":705,"_13":150,"_34":35,"_36":706,"_24":25,"_154":-5,"_325":707,"_27":708},{"_44":695,"_32":696,"_30":697,"_149":688,"_42":43,"_41":689,"_151":25,"_39":698,"_13":150,"_34":35,"_36":699,"_24":25,"_154":-5,"_325":700,"_27":701},{"_44":685,"_32":686,"_30":687,"_149":688,"_42":43,"_41":689,"_151":60,"_39":690,"_13":150,"_34":35,"_36":691,"_24":25,"_154":-5,"_325":692,"_27":693},{"_44":677,"_32":678,"_30":679,"_149":551,"_42":43,"_41":552,"_151":25,"_39":680,"_13":681,"_34":35,"_36":682,"_24":25,"_154":-5,"_325":683,"_27":684},{"_44":670,"_32":671,"_30":672,"_149":551,"_42":43,"_41":434,"_151":25,"_39":673,"_13":461,"_34":35,"_36":674,"_24":25,"_154":-5,"_325":675,"_27":676},{"_44":663,"_32":664,"_30":665,"_149":551,"_42":43,"_41":552,"_151":25,"_39":666,"_13":355,"_34":35,"_36":667,"_24":25,"_154":-5,"_325":668,"_27":669},{"_44":656,"_32":657,"_30":658,"_149":551,"_42":43,"_41":150,"_151":60,"_39":659,"_13":64,"_34":35,"_36":660,"_24":25,"_154":-5,"_325":661,"_27":662},{"_44":649,"_32":650,"_30":651,"_149":551,"_42":43,"_41":150,"_151":25,"_39":652,"_13":64,"_34":35,"_36":653,"_24":25,"_154":-5,"_325":654,"_27":655},{"_44":641,"_32":642,"_30":643,"_149":551,"_42":43,"_41":552,"_151":25,"_39":644,"_13":645,"_34":35,"_36":646,"_24":25,"_154":-5,"_325":647,"_27":648},{"_44":633,"_32":634,"_30":635,"_149":551,"_42":43,"_41":636,"_151":25,"_39":637,"_13":395,"_34":35,"_36":638,"_24":25,"_154":-5,"_325":639,"_27":640},{"_44":626,"_32":627,"_30":628,"_149":551,"_42":43,"_41":552,"_151":60,"_39":629,"_13":498,"_34":35,"_36":630,"_24":25,"_154":-5,"_325":631,"_27":632},{"_44":618,"_32":619,"_30":620,"_149":551,"_42":43,"_41":402,"_151":25,"_39":621,"_13":622,"_34":35,"_36":623,"_24":25,"_154":-5,"_325":624,"_27":625},{"_44":611,"_32":612,"_30":613,"_149":551,"_42":43,"_41":150,"_151":60,"_39":614,"_13":64,"_34":35,"_36":615,"_24":25,"_154":-5,"_325":616,"_27":617},{"_44":604,"_32":605,"_30":606,"_149":551,"_42":43,"_41":150,"_151":60,"_39":607,"_13":64,"_34":35,"_36":608,"_24":25,"_154":-5,"_325":609,"_27":610},{"_44":597,"_32":598,"_30":599,"_149":551,"_42":43,"_41":372,"_151":60,"_39":600,"_13":150,"_34":35,"_36":601,"_24":25,"_154":-5,"_325":602,"_27":603},{"_44":590,"_32":591,"_30":592,"_149":551,"_42":43,"_41":150,"_151":60,"_39":593,"_13":64,"_34":35,"_36":594,"_24":25,"_154":-5,"_325":595,"_27":596},{"_44":583,"_32":584,"_30":585,"_149":551,"_42":43,"_41":552,"_151":60,"_39":586,"_13":150,"_34":35,"_36":587,"_24":25,"_154":-5,"_325":588,"_27":589},{"_44":575,"_32":576,"_30":577,"_149":551,"_42":43,"_41":552,"_151":60,"_39":578,"_13":579,"_34":35,"_36":580,"_24":25,"_154":-5,"_325":581,"_27":582},{"_44":568,"_32":569,"_30":570,"_149":551,"_42":43,"_41":150,"_151":60,"_39":571,"_13":64,"_34":35,"_36":572,"_24":25,"_154":-5,"_325":573,"_27":574},{"_44":559,"_32":560,"_30":561,"_149":551,"_42":43,"_41":562,"_151":25,"_39":563,"_13":564,"_34":35,"_36":565,"_24":25,"_154":-5,"_325":566,"_27":567},{"_44":548,"_32":549,"_30":550,"_149":551,"_42":43,"_41":552,"_151":25,"_39":553,"_13":554,"_34":35,"_36":555,"_24":25,"_154":-5,"_325":556,"_27":557},{"_44":543,"_32":535,"_30":531,"_149":384,"_42":43,"_41":544,"_151":60,"_39":545,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":546,"_27":547},{"_44":536,"_32":537,"_30":538,"_149":531,"_42":43,"_41":393,"_151":60,"_39":539,"_13":355,"_34":35,"_36":540,"_24":25,"_154":-5,"_325":541,"_27":542},{"_44":530,"_32":33,"_30":31,"_149":531,"_42":43,"_41":14,"_151":25,"_39":532,"_13":179,"_34":35,"_36":38,"_24":25,"_154":-5,"_325":533,"_27":534},{"_44":526,"_32":456,"_30":451,"_149":384,"_42":43,"_41":150,"_151":60,"_39":527,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":528,"_27":529},{"_44":518,"_32":519,"_30":520,"_149":451,"_42":43,"_41":521,"_151":60,"_39":522,"_13":179,"_34":35,"_36":523,"_24":25,"_154":-5,"_325":524,"_27":525},{"_44":510,"_32":511,"_30":512,"_149":451,"_42":43,"_41":468,"_151":25,"_39":513,"_13":514,"_34":35,"_36":515,"_24":25,"_154":-5,"_325":516,"_27":517},{"_44":502,"_32":503,"_30":504,"_149":451,"_42":43,"_41":468,"_151":60,"_39":505,"_13":506,"_34":35,"_36":507,"_24":25,"_154":-5,"_325":508,"_27":509},{"_44":494,"_32":495,"_30":496,"_149":451,"_42":43,"_41":402,"_151":25,"_39":497,"_13":498,"_34":35,"_36":499,"_24":25,"_154":-5,"_325":500,"_27":501},{"_44":487,"_32":488,"_30":489,"_149":451,"_42":43,"_41":393,"_151":25,"_39":490,"_13":395,"_34":35,"_36":491,"_24":25,"_154":-5,"_325":492,"_27":493},{"_44":480,"_32":481,"_30":482,"_149":451,"_42":43,"_41":402,"_151":60,"_39":483,"_13":150,"_34":35,"_36":484,"_24":25,"_154":-5,"_325":485,"_27":486},{"_44":473,"_32":474,"_30":475,"_149":451,"_42":43,"_41":353,"_151":60,"_39":476,"_13":150,"_34":35,"_36":477,"_24":25,"_154":-5,"_325":478,"_27":479},{"_44":465,"_32":466,"_30":467,"_149":451,"_42":43,"_41":468,"_151":25,"_39":469,"_13":185,"_34":35,"_36":470,"_24":25,"_154":-5,"_325":471,"_27":472},{"_44":457,"_32":458,"_30":459,"_149":451,"_42":43,"_41":353,"_151":60,"_39":460,"_13":461,"_34":35,"_36":462,"_24":25,"_154":-5,"_325":463,"_27":464},{"_44":448,"_32":449,"_30":450,"_149":451,"_42":43,"_41":150,"_151":60,"_39":452,"_13":64,"_34":35,"_36":453,"_24":25,"_154":-5,"_325":454,"_27":455},{"_44":440,"_32":441,"_30":442,"_149":384,"_42":43,"_41":443,"_151":60,"_39":444,"_13":150,"_34":20,"_36":445,"_24":25,"_154":-5,"_325":446,"_27":447},{"_44":431,"_32":432,"_30":433,"_149":384,"_42":43,"_41":434,"_151":25,"_39":435,"_13":436,"_34":35,"_36":437,"_24":25,"_154":-5,"_325":438,"_27":439},{"_44":423,"_32":424,"_30":425,"_149":384,"_42":43,"_41":150,"_151":60,"_39":426,"_13":64,"_34":427,"_36":428,"_24":25,"_154":-5,"_325":429,"_27":430},{"_44":416,"_32":417,"_30":418,"_149":384,"_42":43,"_41":150,"_151":25,"_39":419,"_13":64,"_34":20,"_36":420,"_24":25,"_154":-5,"_325":421,"_27":422},{"_44":407,"_32":408,"_30":409,"_149":384,"_42":43,"_41":410,"_151":25,"_39":411,"_13":412,"_34":35,"_36":413,"_24":25,"_154":-5,"_325":414,"_27":415},{"_44":399,"_32":400,"_30":401,"_149":384,"_42":43,"_41":402,"_151":60,"_39":403,"_13":150,"_34":20,"_36":404,"_24":25,"_154":-5,"_325":405,"_27":406},{"_44":390,"_32":391,"_30":392,"_149":384,"_42":43,"_41":393,"_151":25,"_39":394,"_13":395,"_34":35,"_36":396,"_24":25,"_154":-5,"_325":397,"_27":398},{"_44":381,"_32":382,"_30":383,"_149":384,"_42":43,"_41":150,"_151":60,"_39":385,"_13":64,"_34":20,"_36":386,"_24":25,"_154":-5,"_325":387,"_27":388},{"_44":377,"_32":359,"_30":352,"_149":202,"_42":43,"_41":150,"_151":60,"_39":378,"_13":64,"_34":204,"_36":-5,"_24":25,"_154":-5,"_325":379,"_27":380},{"_44":369,"_32":370,"_30":371,"_149":352,"_42":43,"_41":372,"_151":60,"_39":373,"_13":150,"_34":35,"_36":374,"_24":25,"_154":-5,"_325":375,"_27":376},{"_44":360,"_32":361,"_30":362,"_149":352,"_42":43,"_41":363,"_151":25,"_39":364,"_13":365,"_34":35,"_36":366,"_24":25,"_154":-5,"_325":367,"_27":368},{"_44":349,"_32":350,"_30":351,"_149":352,"_42":43,"_41":353,"_151":60,"_39":354,"_13":355,"_34":35,"_36":356,"_24":25,"_154":-5,"_325":357,"_27":358},{"_44":195,"_32":196,"_30":197,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":346,"_13":64,"_34":20,"_36":187,"_24":25,"_154":-5,"_325":347,"_27":348},{"_44":189,"_32":190,"_30":191,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":343,"_13":64,"_34":20,"_36":193,"_24":25,"_154":-5,"_325":344,"_27":345},{"_44":182,"_32":183,"_30":184,"_149":-5,"_42":43,"_41":185,"_151":25,"_39":340,"_13":150,"_34":20,"_36":187,"_24":25,"_154":-5,"_325":341,"_27":342},{"_44":174,"_32":175,"_30":176,"_149":-5,"_42":43,"_41":177,"_151":60,"_39":337,"_13":179,"_34":20,"_36":180,"_24":25,"_154":-5,"_325":338,"_27":339},{"_44":168,"_32":169,"_30":170,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":334,"_13":64,"_34":20,"_36":172,"_24":25,"_154":-5,"_325":335,"_27":336},{"_44":162,"_32":163,"_30":164,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":331,"_13":64,"_34":20,"_36":166,"_24":25,"_154":-5,"_325":332,"_27":333},{"_44":156,"_32":157,"_30":158,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":328,"_13":64,"_34":20,"_36":160,"_24":25,"_154":-5,"_325":329,"_27":330},{"_44":146,"_32":147,"_30":148,"_149":-5,"_42":43,"_41":150,"_151":60,"_39":324,"_13":64,"_34":20,"_36":153,"_24":25,"_154":-5,"_325":326,"_27":327},["D",1771838536808],"children",[],[147],["D",1771838536808],[],[157],["D",1771838536808],[],[163],["D",1771838536808],[],[169],["D",1771845160030],[],[175],["D",1771843507801],[],[183],["D",1771838536808],[],[190],["D",1771838536808],[],[196],"078655ca-11a8-11f1-9bac-42dde27851f2","utils.ts","019c89ce-7cc0-75ad-bf77-4b76e64f68d6","019c89ce-7cc0-75ad-bf77-4c6578e2b551",150,["D",1771954880337],2,"/**\n * Formats seconds into a time string (HH:MM:SS or MM:SS)\n * @param {number} seconds - The number of seconds to format\n * @returns {string} Formatted time string\n */\nexport function formatTime(seconds: number): string {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor((seconds % 3600) / 60);\n const secs = seconds % 60;\n\n if (hours > 0) {\n return `${hours}:${minutes.toString().padStart(2, \"0\")}:${secs\n .toString()\n .padStart(2, \"0\")}`;\n }\n return `${minutes.toString()}:${secs.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Formats minutes into a human-readable duration string\n * @param {number} minutes - The number of minutes to format\n * @returns {string} Formatted duration string (e.g., \"30s\", \"5m\", \"2h 30m\")\n */\nexport function formatMinutes(minutes: number): string {\n if (minutes < 1) return `${Math.round(minutes * 60)}s`;\n if (minutes < 60) return `${Math.round(minutes)}m`;\n const hours = Math.floor(minutes / 60);\n const mins = Math.round(minutes % 60);\n return `${hours}h ${mins}m`;\n}\n\nexport function relativeDate(dateStr: string): string {\n const date = new Date(dateStr);\n const now = new Date();\n const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n const target = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n const diffDays = Math.round((today.getTime() - target.getTime()) / (1000 * 60 * 60 * 24));\n\n if (diffDays === 0) return \"today\";\n if (diffDays === 1) return \"yesterday\";\n return date.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n}\n",[],[201,359,350],"shared","c907018e-1803-11f1-b40d-42dde27851f2","types.ts","019c89ce-7cc0-75ad-bf77-47820114ade7",377,["D",1772653996160],14,"export interface TimerState {\n mode: \"idle\" | \"working\" | \"breaking\";\n workStartTime: number | null;\n breakStartTime: number | null;\n savedBreakMinutes: number;\n breakFraction: number;\n totalWorkTime: number;\n totalBreakTime: number;\n sessionStartedAt: number | null;\n}\n\nexport interface SessionStats {\n workTime: number;\n breakTime: number;\n efficiency: number;\n}\n\nexport type BreakFraction = {\n value: number;\n label: string;\n description: string;\n};\n\nexport interface GroupMemberState {\n mode: \"idle\" | \"working\" | \"breaking\";\n workStartTime: number | null;\n breakStartTime: number | null;\n displayName: string | null;\n sessionIntent: string | null;\n breakFraction: number;\n}\n\nexport type TimerEventType =\n | \"work_started\"\n | \"break_started\"\n | \"work_resumed\"\n | \"interruption\"\n | \"big_break_started\"\n | \"session_reset\"\n | \"break_fraction_changed\"\n | \"intent_set\"\n | \"intent_cleared\";\n\nexport interface TimerEvent {\n eventType: TimerEventType;\n timestamp: number;\n metadata?: Record;\n}\n\nexport interface TimerEventLog extends TimerEvent {\n id: number;\n userId: string;\n displayName: string;\n}\n\nexport type NotificationTypes = \"success\" | \"info\" | \"warning\" | \"default\";\n\nexport interface IntentSummary {\n intent: string;\n sessionCount: number;\n totalWorkTime: number;\n avgSessionLength: number;\n daysWorked: number;\n lastWorked: string;\n}\n\nexport interface PeriodSummary {\n period: string;\n totalWorkTime: number;\n totalBreakTime: number;\n sessionCount: number;\n}\n\nexport interface SessionRecord {\n id: number;\n intent: string | null;\n workTime: number; // minutes\n breakTime: number; // minutes\n startedAt: string; // ISO string\n endedAt: string; // ISO string\n breakFraction: number;\n}\n\nexport interface SessionPage {\n sessions: SessionRecord[];\n nextCursor: string | null; // started_at of last item, null if no more pages\n}\n\nexport interface GlobalAggregate {\n totalSessions: number;\n totalWorkTime: number; // minutes\n totalBreakTime: number; // minutes\n avgSessionLength: number; // minutes\n distinctIntents: number;\n firstSessionDate: string | null;\n}\n",[],[201,359,361],"e38787b2-1318-11f1-bf72-42dde27851f2","auth-types.ts","5ffcc51e-130f-11f1-83d1-42dde27851f2",258,["D",1772113304240],"export interface StudioKareUser {\n id: string;\n email: string;\n createdAt: string;\n}\n\nexport interface StudioKareSession {\n id: string;\n userId: string;\n expiresAt: Date;\n}\n",[],[201,359,370],"256eb75e-1099-11f1-8a6a-42dde27851f2",["D",1771838536808],[313,314,315],[201,359],"256e9ae4-1099-11f1-8a6a-42dde27851f2","style.css","019c89ce-7cc0-75ad-bf77-3cdeea301751","019c89ce-7cc0-75ad-bf77-4040dc281a06",["D",1771838536808],"/* Custom styles for Third Time app */\n\n.pulse-work {\n animation: pulse-green 2s infinite;\n}\n\n.pulse-break {\n animation: pulse-blue 2s infinite;\n}\n\n.notification {\n animation: slideIn 0.3s ease-out;\n}\n\n.slide-out {\n animation: slideOut 0.3s ease-in forwards;\n}\n\n@keyframes pulse-green {\n 0%,\n 100% {\n background-color: rgba(34, 197, 94, 0.1);\n }\n 50% {\n background-color: rgba(34, 197, 94, 0.2);\n }\n}\n\n@keyframes pulse-blue {\n 0%,\n 100% {\n background-color: rgba(59, 130, 246, 0.1);\n }\n 50% {\n background-color: rgba(59, 130, 246, 0.2);\n }\n}\n\n@keyframes slideIn {\n from {\n transform: translateX(100%);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n\n@keyframes slideOut {\n from {\n transform: translateX(0);\n opacity: 1;\n }\n to {\n transform: translateX(100%);\n opacity: 0;\n }\n}\n",[],[201,389,382],"frontend","f2af5fd8-1973-11f1-bfd4-42dde27851f2","settings.tsx","cad84936-187c-11f1-a83c-42dde27851f2",511,["D",1772812120816],15,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Container, Input, Label } from \"./components/ui/index.ts\";\nimport { getAuthUser } from \"./utils/auth.ts\";\nimport {\n getBeeminderGoalSlug,\n getBeeminderMinutesPerUnit,\n getBeeminderToken,\n getTogglApiToken,\n getTogglWorkspaceId,\n setBeeminderGoalSlug,\n setBeeminderMinutesPerUnit,\n setBeeminderToken,\n setTogglApiToken,\n setTogglWorkspaceId,\n} from \"./utils/passphrase.ts\";\nimport { getPreferences, setPreferences } from \"./utils/settings-api.ts\";\nimport { setFocusModeConfig } from \"./utils/passphrase.ts\";\nimport yaml from \"https://esm.sh/js-yaml@4.1.0\";\n\n// --- Break Fraction Presets ---\n\nconst BREAK_FRACTIONS = [\n { value: 1 / 2, label: \"1/2\", description: \"Lazy (67% work time)\" },\n { value: 1 / 3, label: \"1/3\", description: \"Standard (75% work time)\" },\n { value: 1 / 4, label: \"1/4\", description: \"Industrious (80% work time)\" },\n { value: 1 / 5, label: \"1/5\", description: \"Hard (83% work time)\" },\n { value: 1 / 6, label: \"1/6\", description: \"Grinding (86% work time)\" },\n];\n\n// --- Account Section ---\n\nfunction AccountSection(\n { authUser }: { authUser: ReturnType },\n) {\n if (!authUser) {\n return (\n

Account

\n You are not logged in. Settings are saved to the server for\n authenticated users.{\" \"}\n \n Go back to the app\n {\" \"}\n to log in.\n

\n );\n }\n\n return (\n

Account

\n Logged in as {authUser.email}\n

\n );\n}\n\n// --- Timer Section ---\n\nfunction TimerSection(\n { authUser }: { authUser: ReturnType },\n) {\n const [currentFraction, setCurrentFraction] = useState(null);\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n\n useEffect(() => {\n if (!authUser) {\n setLoading(false);\n return;\n }\n fetch(\"/api/me/state\")\n .then((r) => r.ok ? r.json() : null)\n .then((state) => {\n if (state?.breakFraction != null) {\n setCurrentFraction(state.breakFraction);\n }\n })\n .catch(() => {})\n .finally(() => setLoading(false));\n }, [authUser]);\n\n const handleChange = async (fraction: number) => {\n if (!authUser) return;\n setSaving(true);\n try {\n // Load current state, update break fraction, save back\n const resp = await fetch(\"/api/me/state\");\n const state = resp.ok ? await resp.json() : null;\n if (state) {\n await fetch(\"/api/me/state\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n state: { ...state, breakFraction: fraction },\n }),\n });\n }\n setCurrentFraction(fraction);\n } catch {\n // silently fail\n }\n setSaving(false);\n };\n\n return (\n

Timer

\n {!authUser && (\n

\n Log in to change timer settings from here.\n

\n )}\n Break Fraction\n {loading ?

: (\n <>\n

\n {BREAK_FRACTIONS.map((f) => (\n handleChange(f.value)}\n disabled={!authUser || saving}\n title={f.description}\n class={`px-3 py-1.5 text-sm border rounded font-semibold transition-colors disabled:opacity-50 ${\n currentFraction === f.value\n ? \"bg-blue-300 border-blue-400 hover:bg-blue-400\"\n : \"bg-gray-100 border-gray-300 hover:bg-gray-200\"\n }`}\n >\n {f.label}\n \n ))}\n

\n {currentFraction != null && (\n

\n Current:{\" \"}\n {BREAK_FRACTIONS.find((f) => f.value === currentFraction)\n ?.description ?? `1/${Math.round(1 / currentFraction)}`}\n

\n )}\n \n )}\n

\n );\n}\n\n// --- Beeminder Section ---\n\nfunction BeeminderSection(\n { authUser }: { authUser: ReturnType },\n) {\n const [token, setToken] = useState(\"\");\n const [goalSlug, setGoalSlug] = useState(\"\");\n const [minutesPerUnit, setMinutesPerUnit] = useState(\"15\");\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [feedback, setFeedback] = useState<\n { type: \"success\" | \"error\"; message: string } | null\n >(null);\n\n useEffect(() => {\n if (!authUser) {\n setLoading(false);\n return;\n }\n getPreferences()\n .then(async (prefs) => {\n const hasServerPrefs =\n !!(prefs.beeminder_token || prefs.beeminder_goal_slug);\n if (hasServerPrefs) {\n setToken(prefs.beeminder_token || \"\");\n setGoalSlug(prefs.beeminder_goal_slug || \"\");\n setMinutesPerUnit(prefs.beeminder_minutes_per_unit || \"15\");\n return;\n }\n // Migrate localStorage values to the server for existing users\n // who configured Beeminder via the Timeline UI before the Settings page existed\n const localToken = getBeeminderToken() || \"\";\n const localGoalSlug = getBeeminderGoalSlug() || \"\";\n const localMinutes = String(getBeeminderMinutesPerUnit());\n setToken(localToken);\n setGoalSlug(localGoalSlug);\n setMinutesPerUnit(localMinutes);\n if (localToken || localGoalSlug) {\n await setPreferences({\n beeminder_token: localToken,\n beeminder_goal_slug: localGoalSlug,\n beeminder_minutes_per_unit: localMinutes,\n }).catch(() => {});\n }\n })\n .catch(() => {\n // Server unreachable — show localStorage values\n setToken(getBeeminderToken() || \"\");\n setGoalSlug(getBeeminderGoalSlug() || \"\");\n setMinutesPerUnit(String(getBeeminderMinutesPerUnit()));\n })\n .finally(() => setLoading(false));\n }, [authUser]);\n\n const handleSave = async () => {\n if (!authUser) return;\n setSaving(true);\n setFeedback(null);\n try {\n await setPreferences({\n beeminder_token: token,\n beeminder_goal_slug: goalSlug,\n beeminder_minutes_per_unit: minutesPerUnit,\n });\n // Sync to localStorage so Timeline UI stays consistent\n setBeeminderToken(token || null);\n setBeeminderGoalSlug(goalSlug || null);\n setBeeminderMinutesPerUnit(Number(minutesPerUnit) || 15);\n setFeedback({ type: \"success\", message: \"Saved\" });\n } catch {\n setFeedback({ type: \"error\", message: \"Failed to save\" });\n }\n setSaving(false);\n };\n\n return (\n

Integrations — Beeminder

\n {!authUser && (\n

\n )}\n {loading\n ?

\n : (\n

\n Auth Token\n \n

\n Goal Slug\n \n

\n Minutes per Unit\n \n

\n \n {saving ? \"Saving...\" : \"Save\"}\n \n {feedback && (\n \n {feedback.message}\n \n )}\n

\n )}\n

\n );\n}\n\n// --- Toggl Section ---\n\nfunction TogglSection(\n { authUser }: { authUser: ReturnType },\n) {\n const [token, setToken] = useState(\"\");\n const [workspaceId, setWorkspaceId] = useState(\"\");\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [fetching, setFetching] = useState(false);\n const [feedback, setFeedback] = useState<\n { type: \"success\" | \"error\"; message: string } | null\n >(null);\n\n useEffect(() => {\n if (!authUser) {\n setLoading(false);\n return;\n }\n getPreferences()\n .then(async (prefs) => {\n const hasServerPrefs =\n !!(prefs.toggl_api_token || prefs.toggl_workspace_id);\n if (hasServerPrefs) {\n setToken(prefs.toggl_api_token || \"\");\n setWorkspaceId(prefs.toggl_workspace_id || \"\");\n return;\n }\n // Migrate localStorage values to the server\n const localToken = getTogglApiToken() || \"\";\n const localWorkspace = getTogglWorkspaceId() || \"\";\n setToken(localToken);\n setWorkspaceId(localWorkspace);\n if (localToken || localWorkspace) {\n await setPreferences({\n toggl_api_token: localToken,\n toggl_workspace_id: localWorkspace,\n }).catch(() => {});\n }\n })\n .catch(() => {\n setToken(getTogglApiToken() || \"\");\n setWorkspaceId(getTogglWorkspaceId() || \"\");\n })\n .finally(() => setLoading(false));\n }, [authUser]);\n\n const handleFetchWorkspace = async () => {\n if (!token) return;\n setFetching(true);\n setFeedback(null);\n try {\n const resp = await fetch(\"/api/integrations/toggl/workspace\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ token }),\n });\n if (!resp.ok) {\n setFeedback({ type: \"error\", message: \"Failed to fetch workspace\" });\n } else {\n const data = await resp.json();\n setWorkspaceId(String(data.workspaceId));\n setFeedback({ type: \"success\", message: \"Workspace fetched\" });\n }\n } catch {\n setFeedback({ type: \"error\", message: \"Network error\" });\n }\n setFetching(false);\n };\n\n const handleSave = async () => {\n if (!authUser) return;\n setSaving(true);\n setFeedback(null);\n try {\n await setPreferences({\n toggl_api_token: token,\n toggl_workspace_id: workspaceId,\n });\n setTogglApiToken(token || null);\n setTogglWorkspaceId(workspaceId || null);\n setFeedback({ type: \"success\", message: \"Saved\" });\n } catch {\n setFeedback({ type: \"error\", message: \"Failed to save\" });\n }\n setSaving(false);\n };\n\n return (\n

\n Integrations — Toggl Track [BETA]\n

\n Send completed work sessions to Toggl from the History timeline.\n

\n {!authUser && (\n

\n Log in to configure Toggl Track.\n

\n )}\n {loading\n ?

\n : (\n

\n API Token\n \n

\n Find your token at{\" \"}\n \n track.toggl.com/profile\n \n

\n Workspace ID\n

\n \n \n {fetching ? \"...\" : \"Fetch\"}\n \n

\n \n {saving ? \"Saving...\" : \"Save\"}\n \n {feedback && (\n \n {feedback.message}\n \n )}\n

\n )}\n

\n );\n}\n\n// --- Focus Mode Section ---\n\nconst DEFAULT_FOCUS_YAML = `sections:\n header: false\n stats: true\n breakFraction: false\n resetSession: false\n history: false\n helpText: false\n footer: false\n`;\n\nfunction FocusModeSection(\n { authUser }: { authUser: ReturnType },\n) {\n const [yamlText, setYamlText] = useState(DEFAULT_FOCUS_YAML);\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [feedback, setFeedback] = useState<\n { type: \"success\" | \"error\"; message: string } | null\n >(null);\n\n useEffect(() => {\n if (!authUser) {\n setLoading(false);\n return;\n }\n getPreferences()\n .then((prefs) => {\n if (prefs.focus_mode_config) {\n setYamlText(prefs.focus_mode_config);\n }\n })\n .catch(() => {})\n .finally(() => setLoading(false));\n }, [authUser]);\n\n const handleSave = async () => {\n if (!authUser) return;\n setFeedback(null);\n\n // Validate YAML\n try {\n const parsed = yaml.load(yamlText);\n if (!parsed || typeof parsed !== \"object\" || !(parsed as Record).sections) {\n setFeedback({ type: \"error\", message: \"YAML must have a 'sections' key\" });\n return;\n }\n } catch (e) {\n setFeedback({ type: \"error\", message: `Invalid YAML: ${(e as Error).message}` });\n return;\n }\n\n setSaving(true);\n try {\n await setPreferences({ focus_mode_config: yamlText });\n // Sync to localStorage so the main app picks it up\n setFocusModeConfig(yamlText);\n setFeedback({ type: \"success\", message: \"Saved\" });\n } catch {\n setFeedback({ type: \"error\", message: \"Failed to save\" });\n }\n setSaving(false);\n };\n\n return (\n

Focus Mode

\n Configure which UI sections are visible when focus mode is enabled.\n Toggle focus mode on/off from the main timer page.\n

\n {!authUser && (\n

\n )}\n {loading\n ?

\n : (\n

\n YAML Configuration\n setYamlText((e.target as HTMLTextAreaElement).value)}\n disabled={!authUser}\n rows={10}\n class=\"w-full mt-1 px-3 py-2 text-sm font-mono border border-gray-300 rounded bg-white disabled:opacity-50 disabled:bg-gray-50\"\n spellcheck={false}\n />\n

\n \n {saving ? \"Saving...\" : \"Save\"}\n \n {feedback && (\n \n {feedback.message}\n \n )}\n

\n )}\n

\n );\n}\n\n// --- Settings Page ---\n\nfunction SettingsPage() {\n const [authUser] = useState(() => getAuthUser());\n\n return (\n \n

Settings

\n \n ← Back to app\n \n

\n \n \n \n \n \n

\n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[201,389,391],"c27f97c4-193c-11f1-b392-42dde27851f2","settings.html","cad4787e-187c-11f1-8458-42dde27851f2",411,["D",1772788417660],"\n\n \n \n \n \n\n Third Timer — Settings\n \n\n \n \n \n\n \n \n \n\n \n \n\n \n

\n \n \n\n",[],[201,389,400],"395786f2-1976-11f1-bb87-42dde27851f2","index.tsx","019c89ce-7cc0-75ad-bf77-39fcb9b489bf",513,["D",1772813098394],69,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { TimerState } from \"../shared/types.ts\";\nimport { BreakFractionSettings } from \"./components/BreakFractionSettings.tsx\";\nimport { OnboardingTip } from \"./components/OnboardingTip.tsx\";\nimport { Button } from \"./components/Button.tsx\";\nimport { Footer } from \"./components/Footer.tsx\";\nimport { HelpText } from \"./components/HelpText.tsx\";\nimport { Notification } from \"./components/Notification.tsx\";\nimport { TimerContainer } from \"./components/TimerContainer.tsx\";\nimport { HistoryView } from \"./components/HistoryView.tsx\";\nimport { Container } from \"./components/ui/index.ts\";\nimport * as TimerActions from \"./utils/timer-actions.ts\";\nimport { archiveSession } from \"./utils/history-api.ts\";\nimport { useOnboarding } from \"./hooks/useOnboarding.ts\";\nimport { useFocusMode } from \"./hooks/useFocusMode.ts\";\nimport { addPassphrase, getOwnerToken, getSessionIntent } from \"./utils/passphrase.ts\";\nimport { logEvent, initEventFlushing } from \"./utils/event-log.ts\";\nimport { loadState, saveState, debouncedSaveState } from \"./utils/state-persistence.ts\";\nimport { isUserIdValidForToday } from \"./utils/user-id.ts\";\nimport { getAuthUser, linkAccount } from \"./utils/auth.ts\";\nimport { getPreferences } from \"./utils/settings-api.ts\";\nimport { setBeeminderToken, setBeeminderGoalSlug, setBeeminderMinutesPerUnit, setTogglApiToken, setTogglWorkspaceId } from \"./utils/passphrase.ts\";\n\nfunction App() {\n const [state, setState] = useState(() => {\n return {\n mode: \"idle\",\n workStartTime: null,\n breakStartTime: null,\n savedBreakMinutes: 0,\n breakFraction: 1 / 3,\n totalWorkTime: 0,\n totalBreakTime: 0,\n sessionStartedAt: null,\n };\n });\n\n const [authUser] = useState(() => getAuthUser());\n const onboarding = useOnboarding();\n const focusMode = useFocusMode();\n\n const [isLoading, setIsLoading] = useState(true);\n\n // Auto-link ownerToken when authenticated\n useEffect(() => {\n if (!authUser) return;\n const ownerToken = getOwnerToken();\n const linkedKey = `studiokare_linked_${authUser.id}_${ownerToken}`;\n if (!localStorage.getItem(linkedKey)) {\n linkAccount(ownerToken).then((ok) => {\n if (ok) localStorage.setItem(linkedKey, \"1\");\n });\n }\n }, [authUser]);\n\n // Hydrate Beeminder preferences from server for authenticated users\n useEffect(() => {\n if (!authUser) return;\n getPreferences().then((prefs) => {\n if (prefs.beeminder_token) setBeeminderToken(prefs.beeminder_token);\n if (prefs.beeminder_goal_slug) setBeeminderGoalSlug(prefs.beeminder_goal_slug);\n if (prefs.beeminder_minutes_per_unit) setBeeminderMinutesPerUnit(Number(prefs.beeminder_minutes_per_unit));\n if (prefs.toggl_api_token) setTogglApiToken(prefs.toggl_api_token);\n if (prefs.toggl_workspace_id) setTogglWorkspaceId(prefs.toggl_workspace_id);\n }).catch(() => {}); // non-fatal\n }, [authUser]);\n\n // Hydrate group memberships from server for authenticated users\n useEffect(() => {\n if (!authUser) return;\n fetch(\"/api/me/groups\")\n .then((r) => r.json())\n .then((data) => {\n const groups: string[] = data.groups ?? [];\n for (const g of groups) {\n addPassphrase(g);\n }\n })\n .catch(() => {}); // non-fatal\n }, [authUser]);\n\n // Load state on app initialization, archive stale sessions from previous days\n useEffect(() => {\n const initializeState = async () => {\n try {\n // Check for day rollover: if stored user_id is from a previous day,\n // archive that stale session before the new user_id is generated\n const storedUserId = localStorage.getItem(\"timer_user_id\");\n if (storedUserId && !isUserIdValidForToday(storedUserId)) {\n // Load the stale state using the old user_id directly\n try {\n const resp = await fetch(`/api/state/${storedUserId}`);\n if (resp.ok) {\n const staleState = await resp.json();\n if (staleState && (staleState.totalWorkTime > 0 || staleState.mode === \"working\")) {\n // Intent from localStorage is the best we have for day-rollover\n const intent = getSessionIntent();\n // Include in-progress work/break so we don't lose the last block\n let workTime = staleState.totalWorkTime;\n let breakTime = staleState.totalBreakTime;\n const now = Date.now();\n if (staleState.mode === \"working\" && staleState.workStartTime) {\n workTime += (now - staleState.workStartTime) / 1000 / 60;\n }\n if (staleState.mode === \"breaking\" && staleState.breakStartTime) {\n breakTime += Math.min(\n (now - staleState.breakStartTime) / 1000 / 60,\n staleState.savedBreakMinutes,\n );\n }\n await archiveSession({\n intent,\n workTime,\n breakTime,\n breakFraction: staleState.breakFraction,\n sessionStartedAt: staleState.sessionStartedAt ?? null,\n });\n }\n }\n } catch {\n // Non-critical: skip archival if fetch fails\n }\n // Clear the stale user_id so getUserId() generates a fresh one\n localStorage.removeItem(\"timer_user_id\");\n }\n\n const savedState = await loadState();\n\n // If authenticated but no auth state exists yet, adopt today's anonymous session\n if (authUser && !savedState) {\n const anonUserId = localStorage.getItem(\"timer_user_id\");\n if (anonUserId) {\n // anonUserId is always today's here — stale ones were removed above\n try {\n const anonResp = await fetch(`/api/state/${anonUserId}`);\n if (anonResp.ok) {\n const anonState: TimerState | null = await anonResp.json();\n if (anonState && (anonState.totalWorkTime > 0 || anonState.mode === \"working\" || anonState.mode === \"breaking\")) {\n await saveState(anonState);\n localStorage.removeItem(\"timer_user_id\");\n setState(anonState);\n return;\n }\n }\n } catch {\n // Non-critical: skip adoption if fetch fails\n }\n }\n }\n\n if (savedState) {\n setState(savedState);\n }\n } catch (error) {\n console.warn(\"Failed to load initial state:\", error);\n } finally {\n setIsLoading(false);\n }\n };\n\n initializeState();\n }, []);\n\n // Save state whenever it changes (with debouncing)\n useEffect(() => {\n if (!isLoading) {\n debouncedSaveState(state);\n }\n }, [state, isLoading]);\n\n const [notification, setNotification] = useState<{\n message: string;\n type: \"success\" | \"info\" | \"warning\";\n } | null>(null);\n\n const showNotification = useCallback(\n (message: string, type: \"success\" | \"info\" | \"warning\" = \"info\") => {\n setNotification({ message, type });\n },\n [],\n );\n\n // Show notification and clean up URL if redirected back after email change\n useEffect(() => {\n const params = new URLSearchParams(window.location.search);\n if (params.has(\"email_changed\")) {\n showNotification(\"Email address updated successfully\", \"success\");\n const url = new URL(window.location.href);\n url.searchParams.delete(\"email_changed\");\n window.history.replaceState({}, \"\", url.toString());\n }\n }, []);\n\n const [showHistory, setShowHistory] = useState(false);\n const [historyVersion, setHistoryVersion] = useState(0);\n\n const resetSession = useCallback(async () => {\n // Capture intent from localStorage BEFORE resetting anything\n const intent = getSessionIntent();\n\n // Calculate final work/break including any in-progress segment\n let finalWorkTime = state.totalWorkTime;\n let finalBreakTime = state.totalBreakTime;\n const now = Date.now();\n if (state.mode === \"working\" && state.workStartTime) {\n finalWorkTime += (now - state.workStartTime) / 1000 / 60;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n const breakDuration = (now - state.breakStartTime) / 1000 / 60;\n finalBreakTime += Math.min(breakDuration, state.savedBreakMinutes);\n }\n\n logEvent(\"session_reset\", { totalWorkTime: finalWorkTime, totalBreakTime: finalBreakTime });\n\n if (finalWorkTime > 0) {\n const ok = await archiveSession({\n intent,\n workTime: finalWorkTime,\n breakTime: finalBreakTime,\n breakFraction: state.breakFraction,\n sessionStartedAt: state.sessionStartedAt,\n });\n if (ok) {\n setHistoryVersion((v) => v + 1);\n }\n }\n\n const result = TimerActions.resetSession(state);\n setState(result.newState);\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, showNotification]);\n\n const handleBreakFractionChange = useCallback((fraction: number) => {\n setState((prev) => {\n logEvent(\"break_fraction_changed\", { oldValue: prev.breakFraction, newValue: fraction });\n return {\n ...prev,\n breakFraction: fraction,\n };\n });\n }, []);\n\n if (isLoading) {\n return (\n \n

Third Timer

\n \n );\n }\n\n return (\n \n {notification && (\n setNotification(null)}\n />\n )}\n {focusMode.isVisible(\"header\") && (\n

Third Timer

Work flexibly, break proportionally

\n )}\n

\n \n {focusMode.enabled ? \"Focus ON\" : \"Focus\"}\n \n

\n \n {(onboarding.isTipVisible(\"seen_break_fraction\") || focusMode.isVisible(\"breakFraction\")) && onboarding.has(\"started_timer\") && (state.mode !== \"idle\" || state.totalWorkTime > 0) && (\n <>\n \n {onboarding.isTipVisible(\"seen_break_fraction\") && (\n

\n { onboarding.dismissTip(\"seen_break_fraction\"); onboarding.complete(\"seen_reset_session\"); }}>\n

The break fraction controls how much break you earn per work time — e.g. 1/3 means 20 minutes of work earns ~7 minutes of break.

\n \n

\n )}\n \n )}\n

\n {(onboarding.isTipVisible(\"seen_reset_session\") || focusMode.isVisible(\"resetSession\")) && (state.mode !== \"idle\" || state.totalWorkTime > 0) && (\n <>\n \n {onboarding.isTipVisible(\"seen_reset_session\") && (\n

\n onboarding.dismissTip(\"seen_reset_session\")}>\n

Use Reset Session to end your current session and start fresh. Your session will be saved to history.

\n \n

\n )}\n \n )}\n {focusMode.isVisible(\"history\") && (\n

\n setShowHistory((v) => !v)}\n className=\"text-sm text-gray-500 hover:text-gray-700 underline\"\n >\n {showHistory ? \"Hide History\" : \"View History\"}\n \n

\n )}\n

\n {focusMode.isVisible(\"history\") && showHistory && }\n {focusMode.isVisible(\"helpText\") && }\n {focusMode.isVisible(\"footer\") &&

}\n \n );\n}\n\ninitEventFlushing();\n\nconst rootElement = document.getElementById(\"root\");\nif (!rootElement) {\n throw new Error(\"Root element not found\");\n}\nconst root = createRoot(rootElement);\nroot.render();\n",[],[201,389,408],"256e6ab0-1099-11f1-8a6a-42dde27851f2","index.html","019c89ce-7cc0-75ad-bf77-3721df6ded05",["D",1771838536808],"\n\n \n \n \n \n\n Third Timer\n\n \n \n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n\n \n

\n \n \n\n",[],[201,389,417],"256e5c46-1099-11f1-8a6a-42dde27851f2","favicon.http.tsx","019c89ce-7cc0-75ad-bf77-33c78807ae0e",["D",1771838536808],"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nexport default function () {\n const svg = renderToString(\n \n \n Clock\n \n ,\n );\n\n return new Response(svg, {\n headers: {\n \"Content-Type\": \"image/svg+xml\",\n },\n });\n}\n",[],[201,389,424],"8175848a-158d-11f1-b354-42dde27851f2","admin.tsx","c3207044-122b-11f1-a374-42dde27851f2",369,["D",1772383293147],31,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Container, Input, Label, Table, Tabs } from \"./components/ui/index.ts\";\nimport type { Column } from \"./components/ui/index.ts\";\n\n// --- Helpers ---\n\nfunction getToken(): string | null {\n return localStorage.getItem(\"admin_token\");\n}\n\nfunction setToken(token: string) {\n localStorage.setItem(\"admin_token\", token);\n}\n\nfunction clearToken() {\n localStorage.removeItem(\"admin_token\");\n}\n\nasync function adminFetch(path: string, options: RequestInit = {}) {\n const token = getToken();\n const headers = new Headers(options.headers);\n if (token) headers.set(\"Authorization\", `Bearer ${token}`);\n const res = await fetch(`/api/admin${path}`, { ...options, headers });\n if (res.status === 401) {\n clearToken();\n window.location.reload();\n throw new Error(\"Unauthorized\");\n }\n return res;\n}\n\nfunction formatMinutes(mins: number): string {\n if (mins < 1) return `${Math.round(mins * 60)}s`;\n if (mins < 60) return `${mins.toFixed(1)}m`;\n return `${(mins / 60).toFixed(1)}h`;\n}\n\nfunction formatTimestamp(ts: number | string | null): string {\n if (ts == null) return \"—\";\n const d = typeof ts === \"number\" ? new Date(ts) : new Date(ts);\n return d.toLocaleString();\n}\n\n// --- Login Form ---\n\nfunction LoginForm({ onLogin }: { onLogin: () => void }) {\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n const handleSubmit = async (e: Event) => {\n e.preventDefault();\n setLoading(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/admin/login\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ password }),\n });\n if (!res.ok) {\n const data = await res.json();\n setError(data.error || \"Login failed\");\n return;\n }\n const { token } = await res.json();\n setToken(token);\n onLogin();\n } catch {\n setError(\"Network error\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

\n );\n}\n\n// --- Sessions Tab ---\n\nfunction SessionsTab() {\n const [sessions, setSessions] = useState([]);\n const [loading, setLoading] = useState(true);\n const [checked, setChecked] = useState([]);\n\n const load = useCallback(async () => {\n setLoading(true);\n const res = await adminFetch(\"/sessions\");\n const data = await res.json();\n setSessions(data.sessions);\n setChecked([]);\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const toggleCheck = (id: string) => {\n setChecked((prev) =>\n prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]\n );\n };\n\n const handleMerge = async () => {\n if (checked.length < 2) return;\n const [winnerId, ...loserIds] = checked;\n const confirmed = confirm(\n `Merge ${loserIds.length} session(s) into ${winnerId}? The first-checked session is the winner. The others will be removed.`\n );\n if (!confirmed) return;\n await adminFetch(\"/sessions/merge\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ winnerId, loserIds }),\n });\n load();\n };\n\n const handleStop = async (userId: string) => {\n if (!confirm(`Stop session for ${userId}? This resets to idle but keeps the row.`)) return;\n await adminFetch(`/sessions/${encodeURIComponent(userId)}/stop`, { method: \"POST\" });\n load();\n };\n\n const handleDelete = async (userId: string) => {\n if (!confirm(`Delete session for ${userId}?`)) return;\n await adminFetch(`/sessions/${encodeURIComponent(userId)}`, { method: \"DELETE\" });\n setSessions((prev) => prev.filter((s) => s.userId !== userId));\n };\n\n const columns: Column[] = [\n {\n key: \"_check\",\n header: \"\",\n render: (s) => (\n toggleCheck(s.userId)}\n />\n ),\n },\n { key: \"userId\", header: \"User ID\", render: (s) => {s.userId} },\n { key: \"displayName\", header: \"Name\", render: (s) => {s.displayName || \"—\"} },\n { key: \"mode\", header: \"Mode\" },\n { key: \"sessionIntent\", header: \"Intent\", render: (s) => s.sessionIntent || \"—\" },\n { key: \"passphrase\", header: \"Passphrase\", render: (s) => {s.passphrase || \"—\"} },\n { key: \"workStartTime\", header: \"Work Start\", render: (s) => {formatTimestamp(s.workStartTime)} },\n { key: \"sessionStartedAt\", header: \"Session Start\", render: (s) => {formatTimestamp(s.sessionStartedAt)} },\n {\n key: \"_actions\", header: \"\", render: (s) => (\n \n {s.mode !== \"idle\" && (\n \n )}\n \n \n ),\n },\n ];\n\n return (\n

\n {checked.length >= 2 && (\n

\n \n Merge sessions\n \n \n First checked is the winner; rest will be merged into it.\n \n

\n )}\n s.userId}\n loading={loading}\n emptyMessage=\"No sessions.\"\n />\n

\n );\n}\n\n// --- Groups Tab ---\n\nfunction GroupsTab() {\n const [groups, setGroups] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const load = useCallback(async () => {\n setLoading(true);\n const res = await adminFetch(\"/groups\");\n const data = await res.json();\n setGroups(data.groups);\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const handleDissolve = async (passphrase: string) => {\n if (!confirm(`Dissolve group \"${passphrase}\"? Members will be ungrouped.`)) return;\n await adminFetch(`/groups/${encodeURIComponent(passphrase)}`, { method: \"DELETE\" });\n setGroups((prev) => prev.filter((g) => g.passphrase !== passphrase));\n };\n\n const columns: Column[] = [\n { key: \"passphrase\", header: \"Passphrase\", render: (g) => {g.passphrase} },\n { key: \"memberCount\", header: \"Members\" },\n { key: \"members\", header: \"Member Names\", render: (g) => {g.members} },\n {\n key: \"_actions\", header: \"\", render: (g) => (\n \n ),\n },\n ];\n\n return (\n g.passphrase}\n loading={loading}\n emptyMessage=\"No groups.\"\n />\n );\n}\n\n// --- History Tab ---\n\nfunction HistoryTab() {\n const [history, setHistory] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const load = useCallback(async () => {\n setLoading(true);\n const res = await adminFetch(\"/history\");\n const data = await res.json();\n setHistory(data.history);\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const handleDelete = async (id: number) => {\n if (!confirm(\"Delete this history entry?\")) return;\n await adminFetch(`/history/${id}`, { method: \"DELETE\" });\n setHistory((prev) => prev.filter((h) => h.id !== id));\n };\n\n const columns: Column[] = [\n { key: \"id\", header: \"ID\", render: (h) => {h.id} },\n { key: \"intent\", header: \"Intent\", render: (h) => h.intent || \"—\" },\n { key: \"workTime\", header: \"Work\", render: (h) => formatMinutes(h.workTime) },\n { key: \"breakTime\", header: \"Break\", render: (h) => formatMinutes(h.breakTime) },\n { key: \"startedAt\", header: \"Started\", render: (h) => {formatTimestamp(h.startedAt)} },\n { key: \"endedAt\", header: \"Ended\", render: (h) => {formatTimestamp(h.endedAt)} },\n {\n key: \"_actions\", header: \"\", render: (h) => (\n \n ),\n },\n ];\n\n return (\n h.id}\n loading={loading}\n emptyMessage=\"No history.\"\n />\n );\n}\n\n// --- Users Tab ---\n\nfunction UsersTab() {\n const [users, setUsers] = useState([]);\n const [loading, setLoading] = useState(true);\n const [checked, setChecked] = useState([]);\n\n const load = useCallback(async () => {\n setLoading(true);\n const res = await adminFetch(\"/users\");\n const data = await res.json();\n setUsers(data.users);\n setChecked([]);\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const toggleCheck = (id: string) => {\n setChecked((prev) =>\n prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]\n );\n };\n\n const handleMerge = async () => {\n if (checked.length !== 2) return;\n const [winnerId, loserId] = checked;\n const winner = users.find((u) => u.id === winnerId);\n const loser = users.find((u) => u.id === loserId);\n if (!winner || !loser) return;\n const confirmed = confirm(\n `Merge ${loser.email} into ${winner.email}? The first-checked user is the winner and keeps their account. The other's history will be re-attributed and their account deleted.`\n );\n if (!confirmed) return;\n await adminFetch(\"/users/merge\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ winnerId, loserId }),\n });\n load();\n };\n\n const columns: Column[] = [\n {\n key: \"_check\",\n header: \"\",\n render: (u) => (\n toggleCheck(u.id)}\n disabled={checked.length === 2 && !checked.includes(u.id)}\n />\n ),\n },\n { key: \"email\", header: \"Email\", render: (u) => {u.email} },\n { key: \"createdAt\", header: \"Created\", render: (u) => {formatTimestamp(u.createdAt)} },\n { key: \"tokenCount\", header: \"Owner Tokens\", render: (u) => {u.tokenCount} },\n ];\n\n return (\n

\n {checked.length === 2 && (\n

\n \n Merge selected\n \n \n First checked is the winner; second checked will be deleted.\n \n

\n )}\n u.id}\n loading={loading}\n emptyMessage=\"No users.\"\n />\n

\n );\n}\n\n// --- Event Log Tab ---\n\nfunction EventLogTab() {\n const [events, setEvents] = useState([]);\n const [loading, setLoading] = useState(true);\n\n const load = useCallback(async () => {\n setLoading(true);\n const res = await adminFetch(\"/events\");\n const data = await res.json();\n setEvents(data.events);\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const handleDelete = async (id: number) => {\n if (!confirm(\"Delete this event?\")) return;\n await adminFetch(`/events/${id}`, { method: \"DELETE\" });\n setEvents((prev) => prev.filter((e) => e.id !== id));\n };\n\n const eventLabels: Record = {\n work_started: \"Started working\",\n break_started: \"Took a break\",\n work_resumed: \"Resumed working\",\n interruption: \"Interrupted\",\n big_break_started: \"Big break\",\n session_reset: \"Session reset\",\n break_fraction_changed: \"Fraction changed\",\n intent_set: \"Set intent\",\n intent_cleared: \"Cleared intent\",\n };\n\n const columns: Column[] = [\n { key: \"id\", header: \"ID\", render: (e) => {e.id} },\n { key: \"displayName\", header: \"User\", render: (e) => {e.displayName || e.userId.slice(0, 12)} },\n { key: \"eventType\", header: \"Event\", render: (e) => {eventLabels[e.eventType] ?? e.eventType} },\n { key: \"timestamp\", header: \"Time\", render: (e) => {formatTimestamp(e.timestamp)} },\n { key: \"metadata\", header: \"Metadata\", render: (e) => {e.metadata || \"—\"} },\n { key: \"passphrase\", header: \"Group\", render: (e) => {e.passphrase || \"—\"} },\n {\n key: \"_actions\", header: \"\", render: (e) => (\n \n ),\n },\n ];\n\n return (\n e.id}\n loading={loading}\n emptyMessage=\"No events.\"\n />\n );\n}\n\n// --- Settings Tab ---\n\nconst PRESETS: Record }> = {\n test: {\n label: \"Test values\",\n description: \"Low thresholds & fast decay — staleness triggers within seconds\",\n values: {\n wBreaks: \"0.6\", wTime: \"0.4\", tauBreaks: \"1.0\", tauTime: \"2.0\",\n showThresholdWorking: \"0.3\", showThresholdBreaking: \"0.1\", prominentThreshold: \"0.2\",\n },\n },\n realistic: {\n label: \"Realistic values\",\n description: \"Production defaults — staleness builds over ~90 min / 2 breaks\",\n values: {\n wBreaks: \"0.6\", wTime: \"0.4\", tauBreaks: \"2.0\", tauTime: \"90.0\",\n showThresholdWorking: \"0.8\", showThresholdBreaking: \"0.3\", prominentThreshold: \"0.6\",\n },\n },\n};\n\nconst STALENESS_FIELDS = [\n { key: \"wBreaks\", label: \"Weight: breaks (wBreaks)\", default: \"0.6\", group: \"Computation\", help: \"How much break count contributes to staleness (0–1). Higher = breaks matter more.\" },\n { key: \"wTime\", label: \"Weight: time (wTime)\", default: \"0.4\", group: \"Computation\", help: \"How much elapsed time contributes to staleness (0–1). Should sum to 1 with wBreaks.\" },\n { key: \"tauBreaks\", label: \"Tau: breaks (tauBreaks)\", default: \"2.0\", group: \"Computation\", help: \"Break count decay constant. Lower = staleness rises faster per break.\" },\n { key: \"tauTime\", label: \"Tau: time in minutes (tauTime)\", default: \"90.0\", group: \"Computation\", help: \"Time decay constant in minutes. Lower = staleness rises faster over time.\" },\n { key: \"showThresholdWorking\", label: \"Show threshold (working)\", default: \"0.8\", group: \"Display\", help: \"Minimum staleness to show the hint while working.\" },\n { key: \"showThresholdBreaking\", label: \"Show threshold (breaking)\", default: \"0.3\", group: \"Display\", help: \"Minimum staleness to show the hint while on a break.\" },\n { key: \"prominentThreshold\", label: \"Prominent threshold\", default: \"0.6\", group: \"Display\", help: \"Staleness level at which the hint becomes visually prominent (yellow) during breaks.\" },\n] as const;\n\nfunction SettingsTab() {\n const [values, setValues] = useState>({});\n const [saved, setSaved] = useState>({});\n const [loading, setLoading] = useState(true);\n const [saving, setSaving] = useState(false);\n const [feedback, setFeedback] = useState<{ type: \"success\" | \"error\"; message: string } | null>(null);\n\n const load = useCallback(async () => {\n setLoading(true);\n try {\n const res = await adminFetch(\"/config\");\n const data = await res.json();\n setValues(data.config || {});\n setSaved(data.config || {});\n } catch {\n setFeedback({ type: \"error\", message: \"Failed to load config\" });\n }\n setLoading(false);\n }, []);\n\n useEffect(() => { load(); }, [load]);\n\n const handleSave = async () => {\n setSaving(true);\n setFeedback(null);\n try {\n const changed = STALENESS_FIELDS.filter((f) => {\n const current = values[f.key] ?? \"\";\n const prev = saved[f.key] ?? \"\";\n return current !== prev;\n });\n for (const field of changed) {\n await adminFetch(\"/config\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ key: field.key, value: values[field.key] }),\n });\n }\n setSaved({ ...values });\n setFeedback({ type: \"success\", message: `Saved ${changed.length} change${changed.length !== 1 ? \"s\" : \"\"}.` });\n } catch {\n setFeedback({ type: \"error\", message: \"Failed to save config\" });\n }\n setSaving(false);\n };\n\n if (loading) return

;\n\n const groups = [...new Set(STALENESS_FIELDS.map((f) => f.group))];\n\n const hasChanges = STALENESS_FIELDS.some((f) => (values[f.key] ?? \"\") !== (saved[f.key] ?? \"\"));\n\n const applyPreset = (presetKey: string) => {\n setValues((prev) => ({ ...prev, ...PRESETS[presetKey].values }));\n };\n\n return (\n

\n Staleness measures how likely it is that a user's stated intent has gone stale.\n It combines break count and elapsed time via{\" \"}\n staleness = wBreaks * (1 − e^{−breaks/tauBreaks}) + wTime * (1 − e^{−minutes/tauTime}).\n When staleness crosses a display threshold, the app shows a \"still working on …?\" hint.\n

\n\n

Presets

\n {Object.entries(PRESETS).map(([key, preset]) => (\n applyPreset(key)}\n title={preset.description}\n class=\"px-3 py-1.5 text-sm border border-gray-300 rounded hover:bg-gray-50\"\n >\n {preset.label}\n \n ))}\n

\n\n {groups.map((group) => (\n

{group}

\n {STALENESS_FIELDS.filter((f) => f.group === group).map((field) => (\n

\n {field.label}\n setValues((prev) => ({ ...prev, [field.key]: v }))}\n size=\"sm\"\n className=\"w-full\"\n />\n

\n ))}\n

\n ))}\n\n

\n \n {saving ? \"Saving...\" : \"Save\"}\n \n {feedback && (\n \n {feedback.message}\n \n )}\n

\n );\n}\n\n// --- Admin Dashboard ---\n\nfunction AdminDashboard() {\n const [tab, setTab] = useState<\"sessions\" | \"groups\" | \"history\" | \"events\" | \"settings\" | \"users\">(\"sessions\");\n\n const handleLogout = async () => {\n try { await adminFetch(\"/logout\", { method: \"POST\" }); } catch {}\n clearToken();\n window.location.reload();\n };\n\n const tabs = [\n { id: \"sessions\" as const, label: \"Sessions\" },\n { id: \"groups\" as const, label: \"Groups\" },\n { id: \"history\" as const, label: \"History\" },\n { id: \"events\" as const, label: \"Event Log\" },\n { id: \"settings\" as const, label: \"Settings\" },\n { id: \"users\" as const, label: \"Users\" },\n ];\n\n return (\n \n

Admin Dashboard

\n \n

\n\n setTab(id as typeof tab)}\n variant=\"underline\"\n className=\"mb-4\"\n />\n\n

\n {tab === \"sessions\" && }\n {tab === \"groups\" && }\n {tab === \"history\" && }\n {tab === \"events\" && }\n {tab === \"settings\" && }\n {tab === \"users\" && }\n

\n \n );\n}\n\n// --- App Root ---\n\nfunction App() {\n const [authenticated, setAuthenticated] = useState(!!getToken());\n\n if (!authenticated) {\n return setAuthenticated(true)} />;\n }\n\n return ;\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[201,389,432],"fde7e004-1230-11f1-afa1-42dde27851f2","admin.html","a8d9535e-122b-11f1-9848-42dde27851f2",163,["D",1772013705254],"\n\n \n \n \n \n\n Third Timer — Admin\n \n\n \n \n \n\n \n \n \n\n \n \n\n \n

\n \n \n\n",[],[201,389,441],"256e4fb2-1099-11f1-8a6a-42dde27851f2","user-id.ts","019c89ce-7cc0-75ad-bf77-28e69c6e8610","019c89ce-7cc0-75ad-bf77-2f11c56a08ee",["D",1771838536808],"/**\n * Generates a unique user ID that resets daily based on current date\n * Format: YYYY-MM-DD_randomString\n */\nexport function generateDailyUserId(): string {\n const today = new Date().toISOString().split('T')[0]; // YYYY-MM-DD\n const randomString = Math.random().toString(36).substring(2, 15);\n return `${today}_${randomString}`;\n}\n\n/**\n * Gets or creates a user ID, ensuring it's valid for today\n */\nexport function getUserId(): string {\n const today = new Date().toISOString().split('T')[0];\n const storedUserId = localStorage.getItem('timer_user_id');\n \n // Check if stored user ID exists and is from today\n if (storedUserId && storedUserId.startsWith(today)) {\n return storedUserId;\n }\n \n // Generate new user ID for today\n const newUserId = generateDailyUserId();\n localStorage.setItem('timer_user_id', newUserId);\n return newUserId;\n}\n\n/**\n * Extracts the date from a user ID\n */\nexport function getDateFromUserId(userId: string): string | null {\n const parts = userId.split('_');\n return parts[0] || null;\n}\n\n/**\n * Checks if a user ID is valid for today\n */\nexport function isUserIdValidForToday(userId: string): boolean {\n const today = new Date().toISOString().split('T')[0];\n return userId.startsWith(today);\n}",[],[201,389,456,449],"utils","07862ea6-11a8-11f1-9bac-42dde27851f2","timer-actions.ts","019c89ce-7cc0-75ad-bf77-24760418581b",["D",1771954880337],5,"import type { TimerState } from \"../../shared/types.ts\";\nimport { formatMinutes } from \"../../shared/utils.ts\";\n\nexport interface TimerActionResult {\n newState: TimerState;\n notification?: {\n message: string;\n type: \"success\" | \"info\" | \"warning\";\n };\n currentTime?: number;\n}\n\n/**\n * Starts a new work session by transitioning the timer to working mode.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult containing the new state with work mode activated,\n * a success notification, and the current timestamp\n */\nexport function startWork(currentState: TimerState): TimerActionResult {\n const now = Date.now();\n\n return {\n newState: {\n ...currentState,\n mode: \"working\",\n workStartTime: now,\n breakStartTime: null,\n sessionStartedAt: currentState.sessionStartedAt ?? now,\n },\n notification: {\n message: \"Work session started! Focus time!\",\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Transitions from work mode to break mode, calculating earned break time based on work duration.\n * Break time is calculated using the break fraction multiplied by the work duration.\n *\n * @param currentState - The current timer state (must be in working mode with workStartTime set)\n * @returns A TimerActionResult with break mode activated and calculated available break time,\n * or unchanged state if not currently working\n */\nexport function takeBreak(currentState: TimerState): TimerActionResult {\n if (!currentState.workStartTime) {\n return { newState: currentState };\n }\n\n const now = Date.now();\n const workDuration = (now - currentState.workStartTime) / 1000 / 60; // minutes\n const earnedBreakTime = workDuration * currentState.breakFraction;\n const totalAvailableBreak = currentState.savedBreakMinutes + earnedBreakTime;\n\n return {\n newState: {\n ...currentState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: totalAvailableBreak,\n totalWorkTime: currentState.totalWorkTime + workDuration,\n },\n notification: {\n message: `Break earned! You have ${formatMinutes(totalAvailableBreak)} available`,\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Resumes work from a break, calculating consumed break time and preserving any unused break time.\n * If break time remains unused, it's saved for later use.\n *\n * @param currentState - The current timer state (should be in breaking mode with breakStartTime set)\n * @returns A TimerActionResult with work mode activated, updated break time tracking,\n * and notification about remaining break time\n */\nexport function resumeWork(currentState: TimerState): TimerActionResult {\n if (!currentState.breakStartTime) {\n return { newState: currentState, currentTime: Date.now() };\n }\n\n const now = Date.now();\n const breakDuration = (now - currentState.breakStartTime) / 1000 / 60; // minutes\n const remainingBreakTime = Math.max(0, currentState.savedBreakMinutes - breakDuration);\n\n const notifications = [];\n if (remainingBreakTime > 0) {\n notifications.push(`${formatMinutes(remainingBreakTime)} break time saved for later`);\n }\n notifications.push(\"Back to work! Stay focused\");\n\n return {\n newState: {\n ...currentState,\n mode: \"working\",\n workStartTime: now,\n breakStartTime: null,\n savedBreakMinutes: remainingBreakTime,\n totalBreakTime:\n currentState.totalBreakTime +\n Math.min(breakDuration, currentState.savedBreakMinutes),\n sessionStartedAt: currentState.sessionStartedAt ?? now,\n },\n notification: {\n message: notifications.join(\" \"),\n type: \"success\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Handles interruptions during work sessions by automatically transitioning to break mode.\n * Calculates earned break time based on work completed before interruption.\n *\n * @param currentState - The current timer state (must be in working mode to have effect)\n * @returns A TimerActionResult with break mode activated if work was interrupted,\n * or unchanged state if not currently working\n */\nexport function handleInterruption(currentState: TimerState): TimerActionResult {\n if (!(currentState.mode === \"working\" && currentState.workStartTime)) {\n return { newState: currentState };\n }\n\n const now = Date.now();\n const workDuration = (now - currentState.workStartTime) / 1000 / 60;\n const earnedBreakTime = workDuration * currentState.breakFraction;\n\n return {\n newState: {\n ...currentState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: currentState.savedBreakMinutes + earnedBreakTime,\n totalWorkTime: currentState.totalWorkTime + workDuration,\n },\n notification: {\n message: \"Interruption break started automatically\",\n type: \"warning\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Initiates a big break (meal time) that consumes all accumulated break time.\n * If currently working, the work session is ended and time is added to total work time.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult with break mode activated and all saved break time consumed\n */\nexport function takeBigBreak(currentState: TimerState): TimerActionResult {\n const now = Date.now();\n const newState = { ...currentState };\n\n if (currentState.mode === \"working\" && currentState.workStartTime) {\n const workDuration = (now - currentState.workStartTime) / 1000 / 60;\n newState.totalWorkTime = currentState.totalWorkTime + workDuration;\n }\n\n return {\n newState: {\n ...newState,\n mode: \"breaking\",\n breakStartTime: now,\n workStartTime: null,\n savedBreakMinutes: 0, // Big breaks consume all saved time\n },\n notification: {\n message: \"Big break started (meal time)\",\n type: \"info\",\n },\n currentTime: now,\n };\n}\n\n/**\n * Resets the timer session to its initial idle state, clearing all time tracking.\n * Preserves the break fraction setting but resets all other timing data.\n *\n * @param currentState - The current timer state\n * @returns A TimerActionResult with the timer reset to idle state and all timing data cleared\n */\nexport function resetSession(currentState: TimerState): TimerActionResult {\n return {\n newState: {\n mode: \"idle\",\n workStartTime: null,\n breakStartTime: null,\n savedBreakMinutes: 0,\n breakFraction: currentState.breakFraction, // preserve break fraction\n totalWorkTime: 0,\n totalBreakTime: 0,\n sessionStartedAt: null,\n },\n notification: {\n message: \"Session reset\",\n type: \"info\",\n },\n };\n}\n",[],[201,389,456,458],"21e1a82c-193f-11f1-bed5-42dde27851f2","state-persistence.ts","019c89ce-7cc0-75ad-bf77-22444d8461f3",442,["D",1772789436488],"import type { TimerState } from \"../../shared/types.ts\";\nimport { getDisplayName, getOwnerToken, getSessionIntent } from \"./passphrase.ts\";\nimport { getUserId } from \"./user-id.ts\";\nimport { getAuthUser } from \"./auth.ts\";\n\n/**\n * Loads the timer state from the backend for the current user.\n * Authenticated users use /api/me/state; anonymous users use /api/state/{userId}.\n */\nexport async function loadState(): Promise {\n try {\n const authUser = getAuthUser();\n const url = authUser ? `/api/me/state` : `/api/state/${getUserId()}`;\n const response = await fetch(url);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const state = await response.json();\n return state;\n } catch (error) {\n console.warn(\"Failed to load state:\", error);\n return null;\n }\n}\n\n/**\n * Saves the timer state to the backend for the current user.\n * Authenticated users use /api/me/state; anonymous users use /api/state/{userId}.\n */\nexport async function saveState(state: TimerState): Promise {\n try {\n const authUser = getAuthUser();\n const url = authUser ? `/api/me/state` : `/api/state/${getUserId()}`;\n const response = await fetch(url, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ state, displayName: getDisplayName(), sessionIntent: getSessionIntent(), ownerToken: getOwnerToken() }),\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n return true;\n } catch (error) {\n console.warn(\"Failed to save state:\", error);\n return false;\n }\n}\n\n/**\n * Debounced save function to avoid excessive API calls\n */\nlet saveTimeout: number | null = null;\n\nexport function debouncedSaveState(state: TimerState, delay: number = 500): void {\n if (saveTimeout !== null) {\n clearTimeout(saveTimeout);\n }\n\n saveTimeout = setTimeout(() => {\n saveState(state);\n saveTimeout = null;\n }, delay);\n}",[],[201,389,456,466],"0786cb9a-11a8-11f1-9bac-42dde27851f2","staleness.ts","e11d5a28-1193-11f1-b4a0-42dde27851f2",["D",1771954880337],"export interface StalenessParams {\n wBreaks?: number; // default 0.6\n wTime?: number; // default 0.4\n tauBreaks?: number; // default 2.0\n tauTime?: number; // default 90.0\n}\n\nexport function computeStaleness(\n breakCount: number,\n sessionMinutes: number,\n params?: StalenessParams,\n): number {\n const w_b = params?.wBreaks ?? 0.6;\n const w_t = params?.wTime ?? 0.4;\n const tau_b = params?.tauBreaks ?? 2.0;\n const tau_t = params?.tauTime ?? 90.0;\n\n const breakFactor = 1 - Math.exp(-breakCount / tau_b);\n const timeFactor = 1 - Math.exp(-sessionMinutes / tau_t);\n\n return w_b * breakFactor + w_t * timeFactor;\n}\n",[],[201,389,456,474],"c27fe31e-193c-11f1-b392-42dde27851f2","settings-api.ts","cb027d3c-187c-11f1-a51f-42dde27851f2",["D",1772788417660],"export async function getPreferences(): Promise> {\n const res = await fetch(\"/api/me/preferences\");\n if (!res.ok) throw new Error(\"Failed to fetch preferences\");\n return res.json();\n}\n\nexport async function setPreferences(prefs: Record): Promise {\n const res = await fetch(\"/api/me/preferences\", {\n method: \"PUT\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(prefs),\n });\n if (!res.ok) throw new Error(\"Failed to save preferences\");\n}\n",[],[201,389,456,481],"f2afc3d8-1973-11f1-bfd4-42dde27851f2","passphrase.ts","29991810-10a3-11f1-add3-42dde27851f2",["D",1772812120816],"const OWNER_TOKEN_KEY = \"timer_owner_token\";\nconst PASSPHRASE_KEY = \"timer_passphrase\";\nconst DISPLAY_NAME_KEY = \"timer_display_name\";\n\nexport function getOwnerToken(): string {\n let token = localStorage.getItem(OWNER_TOKEN_KEY);\n if (!token) {\n token = crypto.randomUUID();\n localStorage.setItem(OWNER_TOKEN_KEY, token);\n }\n return token;\n}\n\nconst PASSPHRASES_KEY = \"timer_passphrases\";\n\nexport function getPassphrases(): string[] {\n const stored = localStorage.getItem(PASSPHRASES_KEY);\n if (stored) return JSON.parse(stored);\n // Migrate from old single key\n const old = localStorage.getItem(PASSPHRASE_KEY);\n if (old) {\n const arr = [old];\n localStorage.setItem(PASSPHRASES_KEY, JSON.stringify(arr));\n localStorage.removeItem(PASSPHRASE_KEY);\n return arr;\n }\n return [];\n}\n\nexport function addPassphrase(passphrase: string): void {\n const current = getPassphrases();\n if (!current.includes(passphrase)) {\n current.push(passphrase);\n localStorage.setItem(PASSPHRASES_KEY, JSON.stringify(current));\n }\n}\n\nexport function removePassphrase(passphrase: string): void {\n const current = getPassphrases().filter(p => p !== passphrase);\n localStorage.setItem(PASSPHRASES_KEY, JSON.stringify(current));\n}\n\n/** @deprecated Use getPassphrases() instead. Returns first passphrase or null for backward compat. */\nexport function getPassphrase(): string | null {\n const all = getPassphrases();\n return all.length > 0 ? all[0] : null;\n}\n\n/** @deprecated Use addPassphrase/removePassphrase instead. */\nexport function setPassphrase(value: string | null): void {\n if (value) {\n addPassphrase(value);\n } else {\n // Clear all passphrases (legacy behavior)\n localStorage.setItem(PASSPHRASES_KEY, JSON.stringify([]));\n localStorage.removeItem(PASSPHRASE_KEY);\n }\n}\n\nexport function getDisplayName(): string | null {\n return localStorage.getItem(DISPLAY_NAME_KEY);\n}\n\nexport function setDisplayName(value: string | null): void {\n if (value) {\n localStorage.setItem(DISPLAY_NAME_KEY, value);\n } else {\n localStorage.removeItem(DISPLAY_NAME_KEY);\n }\n}\n\nconst SESSION_INTENT_KEY = \"timer_session_intent\";\nconst BREAKS_SINCE_INTENT_KEY = \"timer_breaks_since_intent\";\n\nexport function getSessionIntent(): string | null {\n return localStorage.getItem(SESSION_INTENT_KEY);\n}\n\nexport function setSessionIntent(value: string | null): void {\n if (value) {\n localStorage.setItem(SESSION_INTENT_KEY, value);\n } else {\n localStorage.removeItem(SESSION_INTENT_KEY);\n }\n setBreaksSinceIntent(0);\n}\n\nexport function getBreaksSinceIntent(): number {\n const val = localStorage.getItem(BREAKS_SINCE_INTENT_KEY);\n return val ? parseInt(val, 10) : 0;\n}\n\nexport function setBreaksSinceIntent(n: number): void {\n localStorage.setItem(BREAKS_SINCE_INTENT_KEY, String(n));\n}\n\nexport function incrementBreaksSinceIntent(): void {\n setBreaksSinceIntent(getBreaksSinceIntent() + 1);\n}\n\nconst BEEMINDER_TOKEN_KEY = \"beeminder_token\";\nconst BEEMINDER_GOAL_SLUG_KEY = \"beeminder_goal_slug\";\nconst BEEMINDER_MINUTES_PER_UNIT_KEY = \"beeminder_minutes_per_unit\";\n\nexport function getBeeminderToken(): string | null {\n return localStorage.getItem(BEEMINDER_TOKEN_KEY);\n}\n\nexport function setBeeminderToken(value: string | null): void {\n if (value) {\n localStorage.setItem(BEEMINDER_TOKEN_KEY, value);\n } else {\n localStorage.removeItem(BEEMINDER_TOKEN_KEY);\n }\n}\n\nexport function getBeeminderGoalSlug(): string | null {\n return localStorage.getItem(BEEMINDER_GOAL_SLUG_KEY);\n}\n\nexport function setBeeminderGoalSlug(value: string | null): void {\n if (value) {\n localStorage.setItem(BEEMINDER_GOAL_SLUG_KEY, value);\n } else {\n localStorage.removeItem(BEEMINDER_GOAL_SLUG_KEY);\n }\n}\n\nexport function getBeeminderMinutesPerUnit(): number {\n const val = localStorage.getItem(BEEMINDER_MINUTES_PER_UNIT_KEY);\n return val ? parseFloat(val) : 15;\n}\n\nexport function setBeeminderMinutesPerUnit(value: number): void {\n localStorage.setItem(BEEMINDER_MINUTES_PER_UNIT_KEY, String(value));\n}\n\nconst TOGGL_API_TOKEN_KEY = \"toggl_api_token\";\nconst TOGGL_WORKSPACE_ID_KEY = \"toggl_workspace_id\";\n\nexport function getTogglApiToken(): string | null {\n return localStorage.getItem(TOGGL_API_TOKEN_KEY);\n}\n\nexport function setTogglApiToken(value: string | null): void {\n if (value) {\n localStorage.setItem(TOGGL_API_TOKEN_KEY, value);\n } else {\n localStorage.removeItem(TOGGL_API_TOKEN_KEY);\n }\n}\n\nexport function getTogglWorkspaceId(): string | null {\n return localStorage.getItem(TOGGL_WORKSPACE_ID_KEY);\n}\n\nexport function setTogglWorkspaceId(value: string | null): void {\n if (value) {\n localStorage.setItem(TOGGL_WORKSPACE_ID_KEY, value);\n } else {\n localStorage.removeItem(TOGGL_WORKSPACE_ID_KEY);\n }\n}\n\nconst FOCUS_MODE_ENABLED_KEY = \"focus_mode_enabled\";\nconst FOCUS_MODE_CONFIG_KEY = \"focus_mode_config\";\n\nexport function getFocusModeEnabled(): boolean {\n return localStorage.getItem(FOCUS_MODE_ENABLED_KEY) === \"true\";\n}\n\nexport function setFocusModeEnabled(v: boolean): void {\n localStorage.setItem(FOCUS_MODE_ENABLED_KEY, String(v));\n}\n\nexport function getFocusModeConfig(): string | null {\n return localStorage.getItem(FOCUS_MODE_CONFIG_KEY);\n}\n\nexport function setFocusModeConfig(v: string | null): void {\n if (v) {\n localStorage.setItem(FOCUS_MODE_CONFIG_KEY, v);\n } else {\n localStorage.removeItem(FOCUS_MODE_CONFIG_KEY);\n }\n}\n",[],[201,389,456,488],"c27f62f4-193c-11f1-b392-42dde27851f2","history-api.ts","ffd69586-10be-11f1-8e98-42dde27851f2",["D",1772788417660],9,"import type { GlobalAggregate, IntentSummary, PeriodSummary, SessionPage } from \"../../shared/types.ts\";\nimport { getOwnerToken } from \"./passphrase.ts\";\n\nexport async function archiveSession(opts: {\n intent: string | null;\n workTime: number;\n breakTime: number;\n breakFraction: number;\n sessionStartedAt: number | null;\n}): Promise {\n if (opts.workTime <= 0) return false;\n\n const ownerToken = getOwnerToken();\n const now = new Date().toISOString();\n const startedAt = opts.sessionStartedAt\n ? new Date(opts.sessionStartedAt).toISOString()\n : now;\n\n const payload = {\n ownerToken,\n intent: opts.intent,\n workTime: opts.workTime,\n breakTime: opts.breakTime,\n startedAt,\n endedAt: now,\n breakFraction: opts.breakFraction,\n };\n\n try {\n const response = await fetch(\"/api/history\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n if (!response.ok) {\n const body = await response.text();\n console.error(\"archiveSession failed:\", response.status, body);\n return false;\n }\n return true;\n } catch (error) {\n console.error(\"archiveSession network error:\", error);\n return false;\n }\n}\n\nexport async function fetchIntentSuggestions(): Promise {\n try {\n const ownerToken = getOwnerToken();\n const response = await fetch(`/api/intents?ownerToken=${encodeURIComponent(ownerToken)}`);\n if (!response.ok) return [];\n const data = await response.json();\n return data.intents ?? [];\n } catch {\n return [];\n }\n}\n\nexport async function fetchHistoryByIntent(): Promise {\n try {\n const ownerToken = getOwnerToken();\n const response = await fetch(`/api/history/by-intent?ownerToken=${encodeURIComponent(ownerToken)}`);\n if (!response.ok) return [];\n const json = await response.json();\n return json.data ?? [];\n } catch {\n return [];\n }\n}\n\nexport async function fetchSessionTimeline(limit = 20, cursor?: string): Promise {\n try {\n const ownerToken = getOwnerToken();\n let url = `/api/history/timeline?ownerToken=${encodeURIComponent(ownerToken)}&limit=${limit}`;\n if (cursor) url += `&cursor=${encodeURIComponent(cursor)}`;\n const response = await fetch(url);\n if (!response.ok) return { sessions: [], nextCursor: null };\n return await response.json();\n } catch {\n return { sessions: [], nextCursor: null };\n }\n}\n\nexport async function fetchGlobalAggregate(): Promise {\n const empty: GlobalAggregate = { totalSessions: 0, totalWorkTime: 0, totalBreakTime: 0, avgSessionLength: 0, distinctIntents: 0, firstSessionDate: null };\n try {\n const ownerToken = getOwnerToken();\n const response = await fetch(`/api/history/aggregate?ownerToken=${encodeURIComponent(ownerToken)}`);\n if (!response.ok) return empty;\n const json = await response.json();\n return json.data ?? empty;\n } catch {\n return empty;\n }\n}\n\nexport async function sendBeeminderDatapoint(opts: {\n token: string;\n goalSlug: string;\n value: number;\n comment?: string;\n timestamp?: number;\n requestid?: string;\n}): Promise {\n try {\n const response = await fetch(\"/api/integrations/beeminder/datapoint\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(opts),\n });\n if (!response.ok) {\n const body = await response.text();\n console.error(\"sendBeeminderDatapoint failed:\", response.status, body);\n return false;\n }\n return true;\n } catch (error) {\n console.error(\"sendBeeminderDatapoint network error:\", error);\n return false;\n }\n}\n\nexport async function sendTogglTimeEntry(opts: {\n token: string;\n workspaceId: string;\n description: string;\n start: string;\n duration: number;\n}): Promise {\n try {\n const response = await fetch(\"/api/integrations/toggl/time-entry\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(opts),\n });\n if (!response.ok) {\n const body = await response.text();\n console.error(\"sendTogglTimeEntry failed:\", response.status, body);\n return false;\n }\n return true;\n } catch (error) {\n console.error(\"sendTogglTimeEntry network error:\", error);\n return false;\n }\n}\n\nexport async function fetchHistorySummary(period: \"daily\" | \"weekly\"): Promise {\n try {\n const ownerToken = getOwnerToken();\n const response = await fetch(`/api/history/summary?ownerToken=${encodeURIComponent(ownerToken)}&period=${period}`);\n if (!response.ok) return [];\n const json = await response.json();\n return json.data ?? [];\n } catch {\n return [];\n }\n}\n",[],[201,389,456,495],"21e187b6-193f-11f1-bed5-42dde27851f2","group-api.ts","392db0ce-10a3-11f1-8e4c-42dde27851f2",["D",1772789436488],7,"import type { GroupMemberState, TimerEventLog } from \"../../shared/types.ts\";\nimport { getAuthUser } from \"./auth.ts\";\nimport { getUserId } from \"./user-id.ts\";\nimport { addPassphrase, removePassphrase } from \"./passphrase.ts\";\n\nexport async function fetchGroupMembers(passphrase: string, excludeUserId?: string): Promise<{ members: GroupMemberState[]; recentEvents: TimerEventLog[] }> {\n const id = excludeUserId ?? getUserId();\n const response = await fetch(`/api/group/${encodeURIComponent(passphrase)}?excludeUserId=${encodeURIComponent(id)}`);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n return { members: data.members, recentEvents: data.recentEvents ?? [] };\n}\n\nexport async function joinGroup(passphrase: string): Promise {\n try {\n const authUser = getAuthUser();\n const url = authUser\n ? `/api/me/groups/${encodeURIComponent(passphrase)}/join`\n : `/api/groups/${encodeURIComponent(passphrase)}/join`;\n const body: Record = {};\n if (!authUser) body.userId = getUserId();\n const response = await fetch(url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n if (!response.ok) return false;\n addPassphrase(passphrase);\n return true;\n } catch {\n return false;\n }\n}\n\nexport async function leaveGroup(passphrase: string): Promise {\n try {\n const authUser = getAuthUser();\n const url = authUser\n ? `/api/me/groups/${encodeURIComponent(passphrase)}/leave`\n : `/api/groups/${encodeURIComponent(passphrase)}/leave`;\n const body: Record = {};\n if (!authUser) body.userId = getUserId();\n const response = await fetch(url, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n if (!response.ok) return false;\n removePassphrase(passphrase);\n return true;\n } catch {\n return false;\n }\n}\n",[],[201,389,456,503],"21e179c4-193f-11f1-bed5-42dde27851f2","event-log.ts","3aa91d22-1575-11f1-a9e8-42dde27851f2",["D",1772789436488],8,"import type { TimerEvent, TimerEventLog, TimerEventType } from \"../../shared/types.ts\";\nimport { getAuthUser } from \"./auth.ts\";\nimport { getUserId } from \"./user-id.ts\";\n\nconst eventQueue: TimerEvent[] = [];\nlet flushTimer: number | null = null;\nconst FLUSH_INTERVAL_MS = 3_000;\n\nexport function logEvent(eventType: TimerEventType, metadata?: Record): void {\n eventQueue.push({\n eventType,\n timestamp: Date.now(),\n metadata,\n });\n scheduleFlush();\n}\n\nfunction scheduleFlush(): void {\n if (flushTimer !== null) return;\n flushTimer = setTimeout(() => {\n flushTimer = null;\n flushEvents();\n }, FLUSH_INTERVAL_MS);\n}\n\nfunction drainQueue(): TimerEvent[] {\n return eventQueue.splice(0, eventQueue.length);\n}\n\nfunction getFlushUrl(): string {\n return getAuthUser() ? \"/api/me/events\" : \"/api/events\";\n}\n\nfunction buildPayload(events: TimerEvent[]): Record {\n const base: Record = { events, passphrase: null };\n if (!getAuthUser()) {\n base.userId = getUserId();\n }\n return base;\n}\n\nasync function flushEvents(): Promise {\n const events = drainQueue();\n if (events.length === 0) return;\n\n try {\n const response = await fetch(getFlushUrl(), {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(buildPayload(events)),\n });\n if (!response.ok) {\n eventQueue.unshift(...events);\n scheduleFlush();\n }\n } catch {\n eventQueue.unshift(...events);\n scheduleFlush();\n }\n}\n\nfunction flushEventsViaBeacon(): void {\n const events = drainQueue();\n if (events.length === 0) return;\n\n const blob = new Blob([JSON.stringify(buildPayload(events))], { type: \"application/json\" });\n const ok = navigator.sendBeacon(getFlushUrl(), blob);\n if (!ok) {\n eventQueue.unshift(...events);\n }\n}\n\nexport function initEventFlushing(): void {\n window.addEventListener(\"beforeunload\", () => {\n if (flushTimer !== null) {\n clearTimeout(flushTimer);\n flushTimer = null;\n }\n flushEventsViaBeacon();\n });\n\n document.addEventListener(\"visibilitychange\", () => {\n if (document.visibilityState === \"hidden\") {\n if (flushTimer !== null) {\n clearTimeout(flushTimer);\n flushTimer = null;\n }\n flushEventsViaBeacon();\n }\n });\n}\n\nexport async function fetchMyEvents(): Promise {\n try {\n const authUser = getAuthUser();\n const url = authUser ? `/api/me/events` : `/api/state/${getUserId()}/events`;\n const response = await fetch(url);\n if (!response.ok) return [];\n const data = await response.json();\n return data.events ?? [];\n } catch {\n return [];\n }\n}\n",[],[201,389,456,511],"718aa128-1339-11f1-ae00-42dde27851f2","auth.ts","5fc249de-130f-11f1-abd2-42dde27851f2",269,["D",1772127286387],"import type { StudioKareUser } from \"../../shared/auth-types.ts\";\n\ndeclare global {\n interface Window {\n __STUDIOKARE_USER__?: StudioKareUser | null;\n }\n}\n\nexport function getAuthUser(): StudioKareUser | null {\n return window.__STUDIOKARE_USER__ ?? null;\n}\n\nexport async function requestMagicLink(\n email: string,\n): Promise<{ success: boolean; error?: string }> {\n try {\n const response = await fetch(\"/auth/magic-link\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ email }),\n });\n if (!response.ok) {\n const data = await response.json();\n return { success: false, error: data.error || \"Failed to send magic link\" };\n }\n return { success: true };\n } catch {\n return { success: false, error: \"Network error\" };\n }\n}\n\nexport async function logout(): Promise {\n await fetch(\"/auth/logout\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n });\n window.location.reload();\n}\n\nexport async function requestEmailChange(\n newEmail: string,\n): Promise<{ success: boolean; error?: string }> {\n try {\n const response = await fetch(\"/auth/change-email\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ email: newEmail }),\n });\n if (!response.ok) {\n const data = await response.json();\n return { success: false, error: data.error || \"Failed to send confirmation\" };\n }\n return { success: true };\n } catch {\n return { success: false, error: \"Network error\" };\n }\n}\n\nexport async function linkAccount(ownerToken: string): Promise {\n try {\n const response = await fetch(\"/auth/link-account\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ ownerToken }),\n });\n return response.ok;\n } catch {\n return false;\n }\n}\n",[],[201,389,456,519],"256e5a48-1099-11f1-8a6a-42dde27851f2",["D",1771838536808],[294,295,296,297,298,299,300,301,302,303],[201,389,456],"044fbcb0-1979-11f1-9eae-42dde27851f2","a1bbf2e4-1950-11f1-919c-42dde27851f2",["D",1772814297780],[],[201,389,535,33],"hooks","f2afe0de-1973-11f1-bfd4-42dde27851f2","useFocusMode.ts","0885874e-196d-11f1-ac2e-42dde27851f2",["D",1772812120816],"import { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport yaml from \"https://esm.sh/js-yaml@4.1.0\";\nimport {\n getFocusModeEnabled,\n setFocusModeEnabled,\n getFocusModeConfig,\n setFocusModeConfig,\n} from \"../utils/passphrase.ts\";\nimport { getPreferences } from \"../utils/settings-api.ts\";\nimport { getAuthUser } from \"../utils/auth.ts\";\n\ninterface FocusModeConfig {\n sections: Record;\n}\n\nexport interface UseFocusModeReturn {\n enabled: boolean;\n toggle: () => void;\n isVisible: (section: string) => boolean;\n rawYaml: string;\n}\n\nconst DEFAULT_CONFIG: FocusModeConfig = {\n sections: {\n header: false,\n stats: true,\n breakFraction: false,\n resetSession: false,\n history: false,\n helpText: false,\n footer: false,\n },\n};\n\nexport const DEFAULT_YAML = `sections:\n header: false\n stats: true\n breakFraction: false\n resetSession: false\n history: false\n helpText: false\n footer: false\n`;\n\nfunction parseConfig(raw: string): FocusModeConfig | null {\n try {\n const parsed = yaml.load(raw) as FocusModeConfig;\n if (parsed && typeof parsed === \"object\" && parsed.sections && typeof parsed.sections === \"object\") {\n return parsed;\n }\n return null;\n } catch {\n return null;\n }\n}\n\nexport function useFocusMode(): UseFocusModeReturn {\n const [enabled, setEnabled] = useState(() => getFocusModeEnabled());\n const [rawYaml, setRawYaml] = useState(DEFAULT_YAML);\n const [config, setConfig] = useState(DEFAULT_CONFIG);\n\n // Load config from preferences (auth) or localStorage (anon)\n useEffect(() => {\n const authUser = getAuthUser();\n if (authUser) {\n getPreferences()\n .then((prefs) => {\n const yamlStr = prefs.focus_mode_config;\n if (yamlStr) {\n setRawYaml(yamlStr);\n const parsed = parseConfig(yamlStr);\n if (parsed) setConfig(parsed);\n // Sync to localStorage for immediate reads\n setFocusModeConfig(yamlStr);\n }\n })\n .catch(() => {\n // Fall back to localStorage\n const local = getFocusModeConfig();\n if (local) {\n setRawYaml(local);\n const parsed = parseConfig(local);\n if (parsed) setConfig(parsed);\n }\n });\n } else {\n const local = getFocusModeConfig();\n if (local) {\n setRawYaml(local);\n const parsed = parseConfig(local);\n if (parsed) setConfig(parsed);\n }\n }\n }, []);\n\n // Listen for localStorage changes (e.g., settings page saves)\n useEffect(() => {\n const handler = (e: StorageEvent) => {\n if (e.key === \"focus_mode_config\" && e.newValue) {\n setRawYaml(e.newValue);\n const parsed = parseConfig(e.newValue);\n if (parsed) setConfig(parsed);\n }\n if (e.key === \"focus_mode_enabled\") {\n setEnabled(e.newValue === \"true\");\n }\n };\n globalThis.addEventListener(\"storage\", handler);\n return () => globalThis.removeEventListener(\"storage\", handler);\n }, []);\n\n const toggle = useCallback(() => {\n setEnabled((prev) => {\n const next = !prev;\n setFocusModeEnabled(next);\n return next;\n });\n }, []);\n\n const isVisible = useCallback(\n (section: string): boolean => {\n if (!enabled) return true;\n return config.sections[section] !== false;\n },\n [enabled, config],\n );\n\n return { enabled, toggle, isVisible, rawYaml };\n}\n",[],[201,389,535,537],"a1bbf1f4-1950-11f1-919c-42dde27851f2",458,["D",1772796952665],[291,292],[201,389,535],"e3395d44-196c-11f1-adc4-42dde27851f2","TimerDisplay.tsx","019c89ce-7cc0-75ad-bf77-19716f207ec1","019c89ce-7cc0-75ad-bf77-1d75d56a7b1b",494,["D",1772809088429],20,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { TimerState } from \"../../shared/types.ts\";\nimport { getSessionIntent } from \"../utils/passphrase.ts\";\nimport { ActionButtons } from \"./ActionButtons.tsx\";\nimport { Card } from \"./Card.tsx\";\nimport type { UseOnboardingReturn } from \"../hooks/useOnboarding.ts\";\n\ninterface TimerDisplayProps {\n state: TimerState;\n currentSessionTime: number;\n savedBreakMinutes: number;\n formatTime: (seconds: number) => string;\n formatMinutes: (minutes: number) => string;\n onStartWork: () => void;\n onTakeBreak: () => void;\n onResumeWork: () => void;\n onInterruption: () => void;\n onBigBreak: () => void;\n intentValue: string;\n onIntentChange: (value: string) => void;\n intentAutoFocus: boolean;\n onClearIntent: () => void;\n onSubmitWorkingIntent: () => void;\n onboarding: UseOnboardingReturn;\n}\n\nexport function TimerDisplay({\n state,\n currentSessionTime,\n savedBreakMinutes,\n formatTime,\n formatMinutes,\n onStartWork,\n onTakeBreak,\n onResumeWork,\n onInterruption,\n onBigBreak,\n intentValue,\n onIntentChange,\n intentAutoFocus,\n onClearIntent,\n onSubmitWorkingIntent,\n onboarding,\n}: TimerDisplayProps) {\n const stateClasses = {\n working: \"bg-green-100 pulse-work\",\n breaking: \"bg-blue-100 pulse-break\",\n idle: \"bg-gray-100\",\n };\n\n return (\n \n

\n {formatTime(currentSessionTime)}\n

\n {state.mode === \"idle\" && \"Ready to start\"}\n {state.mode === \"working\" && \"Working\"}\n {state.mode === \"breaking\" && \"Breaking\"}\n

\n {state.mode !== \"idle\" && getSessionIntent() && (\n

\n {getSessionIntent()}\n \n \n \n

\n )}\n {(state.mode === \"idle\" || !getSessionIntent()) &&

}\n

\n\n {savedBreakMinutes > 0 && (\n

\n \n Saved break time: {formatMinutes(savedBreakMinutes)}\n \n

\n )}\n\n \n \n );\n}\n",[],[201,389,558,549],"components","fff373a0-1978-11f1-b00d-42dde27851f2","TimerContainer.tsx","019c89ce-7cc0-75ad-bf77-14a0273c0c81",514,["D",1772814290598],59,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\nimport { formatTime, formatMinutes } from \"../../shared/utils.ts\";\nimport type { SessionStats, TimerState } from \"../../shared/types.ts\";\nimport { logEvent } from \"../utils/event-log.ts\";\nimport { setSessionIntent, setBreaksSinceIntent, incrementBreaksSinceIntent, getSessionIntent } from \"../utils/passphrase.ts\";\nimport { saveState } from \"../utils/state-persistence.ts\";\nimport { archiveSession } from \"../utils/history-api.ts\";\n\n// Component imports\nimport { SessionStatsDisplay } from \"./SessionStats.tsx\";\nimport { TimerDisplay } from \"./TimerDisplay.tsx\";\nimport { OnboardingTip } from \"./OnboardingTip.tsx\";\nimport type { UseOnboardingReturn } from \"../hooks/useOnboarding.ts\";\n\n// Timer action utilities\nimport * as TimerActions from \"../utils/timer-actions.ts\";\n\ninterface TimerContainerProps {\n state: TimerState;\n setState: React.Dispatch>;\n showNotification: (message: string, type?: \"success\" | \"info\" | \"warning\") => void;\n onboarding: UseOnboardingReturn;\n isVisible?: (section: string) => boolean;\n}\n\nexport const TimerContainer = React.memo(function TimerContainer({\n state,\n setState,\n showNotification,\n onboarding,\n isVisible = () => true,\n}: TimerContainerProps) {\n const [currentTime, setCurrentTime] = useState(Date.now());\n const [intentValue, setIntentValue] = useState(\"\");\n const [intentAutoFocus, setIntentAutoFocus] = useState(false);\n\n useEffect(() => {\n if (state.mode === \"idle\") {\n return;\n }\n\n const interval = setInterval(() => setCurrentTime(Date.now()), 1000);\n return () => clearInterval(interval);\n }, [state.mode]);\n\n const startWork = useCallback(() => {\n setSessionIntent(intentValue.trim() || null);\n setBreaksSinceIntent(0);\n setIntentAutoFocus(false);\n setIntentValue(\"\");\n onboarding.complete(\"started_timer\");\n logEvent(\"work_started\");\n if (intentValue.trim()) {\n logEvent(\"intent_set\", { intent: intentValue.trim() });\n }\n const result = TimerActions.startWork(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification, intentValue, onboarding]);\n\n const takeBreak = useCallback(() => {\n incrementBreaksSinceIntent();\n logEvent(\"break_started\");\n const result = TimerActions.takeBreak(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const resumeWork = useCallback(() => {\n logEvent(\"work_resumed\");\n const result = TimerActions.resumeWork(state);\n setState(result.newState);\n if (result.currentTime) {\n setCurrentTime(result.currentTime);\n }\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const handleInterruption = useCallback(() => {\n logEvent(\"interruption\");\n // Archive current session (intent survives — staleness model handles relevance)\n if (state.sessionStartedAt) {\n const now = Date.now();\n let workTime = state.totalWorkTime;\n if (state.workStartTime) {\n workTime += (now - state.workStartTime) / 1000 / 60;\n }\n archiveSession({\n intent: getSessionIntent(),\n workTime,\n breakTime: state.totalBreakTime,\n breakFraction: state.breakFraction,\n sessionStartedAt: state.sessionStartedAt,\n });\n }\n\n const result = TimerActions.handleInterruption(state);\n setState({\n ...result.newState,\n sessionStartedAt: null,\n totalWorkTime: 0,\n totalBreakTime: 0,\n });\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const takeBigBreak = useCallback(() => {\n logEvent(\"big_break_started\");\n // Archive current session (intent survives — staleness model handles relevance)\n if (state.sessionStartedAt) {\n const now = Date.now();\n let workTime = state.totalWorkTime;\n if (state.mode === \"working\" && state.workStartTime) {\n workTime += (now - state.workStartTime) / 1000 / 60;\n }\n archiveSession({\n intent: getSessionIntent(),\n workTime,\n breakTime: state.totalBreakTime,\n breakFraction: state.breakFraction,\n sessionStartedAt: state.sessionStartedAt,\n });\n }\n\n const result = TimerActions.takeBigBreak(state);\n setState({\n ...result.newState,\n sessionStartedAt: null,\n totalWorkTime: 0,\n totalBreakTime: 0,\n });\n if (result.notification) {\n showNotification(result.notification.message, result.notification.type);\n }\n }, [state, setState, showNotification]);\n\n const handleClearIntent = useCallback(() => {\n if (state.sessionStartedAt && state.totalWorkTime > 0) {\n const now = Date.now();\n let breakTime = state.totalBreakTime;\n if (state.breakStartTime) {\n breakTime += Math.min(\n (now - state.breakStartTime) / 1000 / 60,\n state.savedBreakMinutes,\n );\n }\n archiveSession({\n intent: getSessionIntent(),\n workTime: state.totalWorkTime,\n breakTime,\n breakFraction: state.breakFraction,\n sessionStartedAt: state.sessionStartedAt,\n });\n\n const breakConsumed = state.breakStartTime\n ? Math.min((now - state.breakStartTime) / 1000 / 60, state.savedBreakMinutes)\n : 0;\n setState(prev => ({\n ...prev,\n sessionStartedAt: null,\n totalWorkTime: 0,\n totalBreakTime: 0,\n breakStartTime: now,\n savedBreakMinutes: Math.max(0, prev.savedBreakMinutes - breakConsumed),\n }));\n }\n\n logEvent(\"intent_cleared\", { intent: getSessionIntent() });\n setSessionIntent(null);\n setBreaksSinceIntent(0);\n setIntentAutoFocus(true);\n }, [state, setState]);\n\n const handleSubmitWorkingIntent = useCallback(() => {\n const trimmed = intentValue.trim();\n if (trimmed) {\n setSessionIntent(trimmed);\n setBreaksSinceIntent(0);\n logEvent(\"intent_set\", { intent: trimmed });\n saveState(state);\n }\n setIntentAutoFocus(false);\n setIntentValue(\"\");\n }, [intentValue, state]);\n\n const effectiveSavedBreakMinutes = useMemo(() => {\n if (state.mode === \"working\" && state.workStartTime) {\n const workMinutes = (currentTime - state.workStartTime) / 1000 / 60;\n return state.savedBreakMinutes + workMinutes * state.breakFraction;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n const breakMinutes = (currentTime - state.breakStartTime) / 1000 / 60;\n return Math.max(0, state.savedBreakMinutes - breakMinutes);\n }\n return state.savedBreakMinutes;\n }, [state.mode, state.workStartTime, state.breakStartTime, state.savedBreakMinutes, state.breakFraction, currentTime]);\n\n const currentSessionTime = useMemo(() => {\n if (state.mode === \"working\" && state.workStartTime) {\n return Math.max(0, Math.floor((currentTime - state.workStartTime) / 1000));\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n return Math.max(0, Math.floor((currentTime - state.breakStartTime) / 1000));\n }\n return 0;\n }, [state.mode, state.workStartTime, state.breakStartTime, currentTime]);\n\n // Calculate session stats - memoized to prevent unnecessary recalculations\n const stats = useMemo((): SessionStats => {\n let workTime = state.totalWorkTime;\n let breakTime = state.totalBreakTime;\n\n if (state.mode === \"working\" && state.workStartTime) {\n workTime += (currentTime - state.workStartTime) / 1000 / 60;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n const currentBreakTime = (currentTime - state.breakStartTime) / 1000 / 60;\n breakTime += Math.min(currentBreakTime, state.savedBreakMinutes);\n }\n\n const totalTime = workTime + breakTime;\n const efficiency = totalTime > 0 ? (workTime / totalTime) * 100 : 0;\n\n return { workTime, breakTime, efficiency };\n }, [\n state.totalWorkTime,\n state.totalBreakTime,\n state.mode,\n state.workStartTime,\n state.breakStartTime,\n state.savedBreakMinutes,\n currentTime,\n ]);\n\n // Auto-complete \"seen_stats\" when session stats first become visible\n useEffect(() => {\n if (\n onboarding.has(\"started_timer\") &&\n !onboarding.isTipVisible(\"started_timer\") &&\n (stats.workTime > 0 || stats.breakTime > 0) &&\n !onboarding.has(\"seen_stats\")\n ) {\n onboarding.complete(\"seen_stats\");\n }\n }, [onboarding, stats.workTime, stats.breakTime]);\n\n return (\n <>\n \n\n {(onboarding.isTipVisible(\"seen_stats\") || isVisible(\"stats\")) && onboarding.has(\"started_timer\") && !onboarding.isTipVisible(\"started_timer\") && (stats.workTime > 0 || stats.breakTime > 0) && (\n \n {onboarding.isTipVisible(\"seen_stats\") && (\n {\n onboarding.dismissTip(\"seen_stats\");\n onboarding.complete(\"seen_break_fraction\");\n }}>\n

Work Time and Break Time track your session.

Efficiency shows the percentage of time spent working.

\n \n )}\n \n )}\n \n );\n});\n",[],[201,389,558,560],"256de234-1099-11f1-8a6a-42dde27851f2","StatsGrid.tsx","019c89ce-7cc0-75ad-bf77-11949735b21d",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface StatItem {\n value: string | number;\n label: string;\n color?: \"green\" | \"blue\" | \"purple\" | \"gray\";\n}\n\ninterface StatsGridProps {\n stats: StatItem[];\n columns?: number;\n}\n\nexport function StatsGrid({ stats, columns = 3 }: StatsGridProps) {\n const colorClasses = {\n green: \"text-green-500\",\n blue: \"text-blue-500\",\n purple: \"text-purple-500\",\n gray: \"text-gray-500\",\n };\n\n const gridCols = {\n 1: \"grid-cols-1\",\n 2: \"grid-cols-2\",\n 3: \"grid-cols-3\",\n 4: \"grid-cols-4\",\n 5: \"grid-cols-5\",\n };\n\n return (\n \n {stats.map((stat, index) => (\n

\n {stat.value}\n

{stat.label}

\n ))}\n

\n );\n}\n",[],[201,389,558,569],"e3392c84-196c-11f1-adc4-42dde27851f2","SessionStats.tsx","019c89ce-7cc0-75ad-bf77-0c6db472da7e",["D",1772809088429],4,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { SessionStats } from \"../../shared/types.ts\";\nimport { Card, CardHeader } from \"./Card.tsx\";\nimport { StatsGrid } from \"./StatsGrid.tsx\";\n\ninterface SessionStatsProps {\n stats: SessionStats;\n formatMinutes: (minutes: number) => string;\n children?: React.ReactNode;\n}\n\nexport function SessionStatsDisplay({ stats, formatMinutes, children }: SessionStatsProps) {\n const statsData = [\n {\n value: formatMinutes(stats.workTime),\n label: \"Work Time\",\n color: \"green\" as const,\n },\n {\n value: formatMinutes(stats.breakTime),\n label: \"Break Time\",\n color: \"blue\" as const,\n },\n {\n value: `${Math.round(stats.efficiency)}%`,\n label: \"Efficiency\",\n color: \"purple\" as const,\n },\n ];\n\n return (\n \n Session Stats\n \n {children &&

{children}

}\n \n );\n}\n",[],[201,389,558,576],"e33a118a-196c-11f1-adc4-42dde27851f2","OnboardingTip.tsx","a5017a28-1950-11f1-a5df-42dde27851f2",["D",1772809088429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { ReactNode } from \"https://esm.sh/react@18.2.0\";\n\ninterface OnboardingTipProps {\n onDismiss: () => void;\n children: ReactNode;\n}\n\nexport function OnboardingTip({ onDismiss, children }: OnboardingTipProps) {\n return (\n

{children}

\n \n Got it\n \n

\n );\n}\n",[],[201,389,558,584],"256dd0dc-1099-11f1-8a6a-42dde27851f2","Notification.tsx","019c89ce-7cc0-75ad-bf77-094686d3266b",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport { getAsset, type NotificationTypes } from \"./Icons.tsx\";\n\ninterface NotificationProps {\n message: string;\n type: NotificationTypes;\n onClose: () => void;\n}\n\nexport function Notification({ message, type, onClose }: NotificationProps) {\n const [isClosing, setIsClosing] = useState(false);\n const notificationRef = useRef(null);\n\n const handleClose = () => {\n setIsClosing(true);\n setTimeout(() => {\n onClose();\n }, 300);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n handleClose();\n }\n };\n\n useEffect(() => {\n const timer = setTimeout(handleClose, 3000);\n\n return () => clearTimeout(timer);\n }, []);\n\n const icon = getAsset(type);\n\n const notificationColors = {\n success: \"bg-[#ecfdf3] border border-[#bffcd9] text-[#008a2e]\",\n info: \"bg-[#f0f8ff] border border-[#dde7fd] text-[#0973dc]\",\n warning: \"bg-[#fffcf0] border border-[#fbeeb1] text-[#dc7609]\",\n };\n\n return (\n \n

\n {icon}\n {message}\n

\n \n );\n}\n",[],[201,389,558,591],"e38773b2-1318-11f1-bf72-42dde27851f2","LoginForm.tsx","5fcc5e74-130f-11f1-b135-42dde27851f2",["D",1772113304240],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { requestMagicLink } from \"../utils/auth.ts\";\nimport { Input } from \"./ui/index.ts\";\n\nexport function LoginForm({ onClose }: { onClose?: () => void }) {\n const [email, setEmail] = useState(\"\");\n const [status, setStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\"idle\");\n const [errorMessage, setErrorMessage] = useState(\"\");\n\n const handleSubmit = async (e?: React.FormEvent) => {\n e?.preventDefault();\n if (!email.trim()) return;\n\n setStatus(\"sending\");\n const result = await requestMagicLink(email.trim());\n\n if (result.success) {\n setStatus(\"sent\");\n } else {\n setStatus(\"error\");\n setErrorMessage(result.error || \"Something went wrong\");\n }\n };\n\n if (status === \"sent\") {\n return (\n

Check your email

\n We sent a login link to {email}\n

\n {onClose && (\n \n Close\n \n )}\n

\n );\n }\n\n return (\n

\n e.key === \"Enter\" && handleSubmit()}\n placeholder=\"Email address\"\n size=\"sm\"\n className=\"text-xs w-44\"\n />\n \n {status === \"sending\" ? \"Sending...\" : \"Log in\"}\n \n {status === \"error\" && {errorMessage}}\n \n );\n}\n",[],[201,389,558,598],"256dcc90-1099-11f1-8a6a-42dde27851f2","Link.tsx","019c89ce-7cc0-75ad-bf77-07754f2a97c7",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nexport const Link = ({\n children,\n href,\n className = \"\",\n}: {\n children: React.ReactNode;\n href: string;\n className?: string;\n}) => (\n \n {children}\n \n);\n",[],[201,389,558,605],"256dc2e0-1099-11f1-8a6a-42dde27851f2","Icons.tsx","019c89ce-7cc0-75ad-bf77-0211d67636b3",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport type { NotificationTypes } from \"../../shared/types.ts\";\n\nconst Icon = ({\n children,\n title,\n className,\n}: {\n children: React.ReactNode;\n title: string;\n className?: string;\n}) => (\n \n {title}\n {children}\n \n);\n\nexport const getAsset = (type: NotificationTypes): JSX.Element | null => {\n switch (type) {\n case \"success\":\n return SuccessIcon;\n\n case \"info\":\n return InfoIcon;\n\n case \"warning\":\n return WarningIcon;\n\n default:\n return null;\n }\n};\n\nconst SuccessIcon = (\n \n \n \n \n);\n\nconst WarningIcon = (\n \n \n \n \n \n);\n\nconst InfoIcon = (\n \n \n \n \n \n);\n",[],[201,389,558,612],"c27ee7fc-193c-11f1-b392-42dde27851f2","HistoryView.tsx","3a7560c8-10bf-11f1-9b30-42dde27851f2",["D",1772788417660],17,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GlobalAggregate, IntentSummary, PeriodSummary, SessionRecord } from \"../../shared/types.ts\";\nimport { formatMinutes, relativeDate } from \"../../shared/utils.ts\";\nimport { fetchGlobalAggregate, fetchHistoryByIntent, fetchHistorySummary, fetchSessionTimeline, sendBeeminderDatapoint, sendTogglTimeEntry } from \"../utils/history-api.ts\";\nimport { getBeeminderGoalSlug, getBeeminderMinutesPerUnit, getBeeminderToken, setBeeminderGoalSlug, setBeeminderMinutesPerUnit, setBeeminderToken, getTogglApiToken, setTogglApiToken, getTogglWorkspaceId, setTogglWorkspaceId } from \"../utils/passphrase.ts\";\nimport { Card, CardHeader } from \"./Card.tsx\";\nimport { Tabs } from \"./ui/index.ts\";\n\ntype Tab = \"summary\" | \"by-intent\" | \"timeline\";\n\nexport function HistoryView({ refreshKey = 0 }: { refreshKey?: number }) {\n const [tab, setTab] = useState(\"summary\");\n const [intents, setIntents] = useState([]);\n const [dailySummary, setDailySummary] = useState([]);\n const [weeklySummary, setWeeklySummary] = useState([]);\n const [aggregate, setAggregate] = useState(null);\n const [timelineSessions, setTimelineSessions] = useState([]);\n const [timelineCursor, setTimelineCursor] = useState(null);\n const [loadingMore, setLoadingMore] = useState(false);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n setLoading(true);\n if (tab === \"summary\") {\n Promise.all([\n fetchHistorySummary(\"daily\"),\n fetchHistorySummary(\"weekly\"),\n fetchGlobalAggregate(),\n ]).then(([daily, weekly, agg]) => {\n setDailySummary(daily);\n setWeeklySummary(weekly);\n setAggregate(agg);\n setLoading(false);\n });\n } else if (tab === \"by-intent\") {\n fetchHistoryByIntent().then((data) => {\n setIntents(data);\n setLoading(false);\n });\n } else {\n setTimelineSessions([]);\n setTimelineCursor(null);\n fetchSessionTimeline().then((page) => {\n setTimelineSessions(page.sessions);\n setTimelineCursor(page.nextCursor);\n setLoading(false);\n });\n }\n }, [tab, refreshKey]);\n\n const loadMore = () => {\n if (!timelineCursor || loadingMore) return;\n setLoadingMore(true);\n fetchSessionTimeline(20, timelineCursor).then((page) => {\n setTimelineSessions((prev) => [...prev, ...page.sessions]);\n setTimelineCursor(page.nextCursor);\n setLoadingMore(false);\n });\n };\n\n return (\n \n History\n setTab(id as Tab)}\n variant=\"pill\"\n className=\"mb-4\"\n />\n {loading ? (\n

\n ) : tab === \"summary\" ? (\n \n ) : tab === \"by-intent\" ? (\n \n ) : (\n \n )}\n \n );\n}\n\nfunction AggregateHeader({ aggregate }: { aggregate: GlobalAggregate }) {\n if (aggregate.totalSessions === 0) return null;\n return (\n

{formatMinutes(aggregate.totalWorkTime)}

Total Work

{aggregate.totalSessions}

Sessions

{formatMinutes(aggregate.avgSessionLength)}

Avg Session

\n );\n}\n\nfunction SummaryTab({ daily, weekly, aggregate }: { daily: PeriodSummary[]; weekly: PeriodSummary[]; aggregate: GlobalAggregate | null }) {\n if (daily.length === 0 && weekly.length === 0) {\n return

No history yet. Complete a session to start tracking.

;\n }\n\n return (\n

\n {aggregate && }\n {daily.length > 0 && (\n

Daily

\n {daily.map((d) => (\n \n ))}\n

\n )}\n {weekly.length > 0 && (\n

Weekly

\n {weekly.map((w) => (\n \n ))}\n

\n )}\n

\n );\n}\n\nfunction PeriodRow({ summary }: { summary: PeriodSummary }) {\n const totalTime = summary.totalWorkTime + summary.totalBreakTime;\n const efficiency = totalTime > 0 ? Math.round((summary.totalWorkTime / totalTime) * 100) : 0;\n\n return (\n

\n {summary.period}\n \n {formatMinutes(summary.totalWorkTime)} work · {summary.sessionCount} session{summary.sessionCount !== 1 ? \"s\" : \"\"} · {efficiency}% eff\n \n

\n );\n}\n\nfunction IntentTab({ intents }: { intents: IntentSummary[] }) {\n if (intents.length === 0) {\n return

No history yet. Complete a session to start tracking.

;\n }\n\n return (\n

\n {intents.map((item) => (\n

\n {item.intent}\n \n {\" \"}— {item.sessionCount} session{item.sessionCount !== 1 ? \"s\" : \"\"} over {item.daysWorked} day{item.daysWorked !== 1 ? \"s\" : \"\"}\n \n

\n Total: {formatMinutes(item.totalWorkTime)} · Avg session: {formatMinutes(item.avgSessionLength)} · Last worked: {relativeDate(item.lastWorked)}\n

\n ))}\n

\n );\n}\n\nfunction BeeminderSettings() {\n const [editing, setEditing] = useState(false);\n const [token, setToken] = useState(getBeeminderToken() ?? \"\");\n const [goalSlug, setGoalSlug] = useState(getBeeminderGoalSlug() ?? \"\");\n const [minutesPerUnit, setMinutes] = useState(String(getBeeminderMinutesPerUnit()));\n\n const configured = !!getBeeminderToken() && !!getBeeminderGoalSlug();\n\n const save = () => {\n setBeeminderToken(token || null);\n setBeeminderGoalSlug(goalSlug || null);\n const parsed = parseFloat(minutesPerUnit);\n setBeeminderMinutesPerUnit(parsed > 0 ? parsed : 15);\n setEditing(false);\n };\n\n if (configured && !editing) {\n return (\n

\n Beeminder: connected to {getBeeminderGoalSlug()}\n \n

\n );\n }\n\n return (\n

Beeminder

\n \n Token\n setToken(e.target.value)}\n className=\"block w-full text-xs border border-gray-200 rounded px-2 py-1 mt-0.5\"\n placeholder=\"auth token\"\n />\n \n \n Goal slug\n setGoalSlug(e.target.value)}\n className=\"block w-full text-xs border border-gray-200 rounded px-2 py-1 mt-0.5\"\n placeholder=\"my-goal\"\n />\n \n \n Min/unit\n setMinutes(e.target.value)}\n className=\"block w-full text-xs border border-gray-200 rounded px-2 py-1 mt-0.5\"\n placeholder=\"15\"\n />\n \n \n {configured && (\n \n )}\n

Minutes of work per +1 datapoint (default 15)

\n );\n}\n\nfunction TogglSettings() {\n const [editing, setEditing] = useState(false);\n const [token, setToken] = useState(getTogglApiToken() ?? \"\");\n const [workspaceId, setWorkspaceId] = useState(getTogglWorkspaceId() ?? \"\");\n\n const configured = !!getTogglApiToken() && !!getTogglWorkspaceId();\n\n const save = () => {\n setTogglApiToken(token || null);\n setTogglWorkspaceId(workspaceId || null);\n setEditing(false);\n };\n\n if (configured && !editing) {\n return (\n

\n Toggl Track: connected (workspace {getTogglWorkspaceId()})\n \n

\n );\n }\n\n return (\n

Toggl Track

\n \n API Token\n setToken(e.target.value)}\n className=\"block w-full text-xs border border-gray-200 rounded px-2 py-1 mt-0.5\"\n placeholder=\"API token\"\n />\n \n \n Workspace ID\n setWorkspaceId(e.target.value)}\n className=\"block w-full text-xs border border-gray-200 rounded px-2 py-1 mt-0.5\"\n placeholder=\"1234567\"\n />\n \n \n {configured && (\n \n )}\n

\n );\n}\n\nfunction TimelineTab({ sessions, hasMore, loadingMore, onLoadMore }: {\n sessions: SessionRecord[];\n hasMore: boolean;\n loadingMore: boolean;\n onLoadMore: () => void;\n}) {\n const beeminderConfigured = !!getBeeminderToken() && !!getBeeminderGoalSlug();\n const togglConfigured = !!getTogglApiToken() && !!getTogglWorkspaceId();\n\n if (sessions.length === 0) {\n return (\n

\n \n \n

No sessions yet. Complete a session to start tracking.

\n );\n }\n\n return (\n

\n \n \n

\n {sessions.map((s) => (\n \n ))}\n {hasMore && (\n \n {loadingMore ? \"Loading...\" : \"Load more\"}\n \n )}\n

\n );\n}\n\nfunction SessionRow({ session, beeminderConfigured, togglConfigured }: { session: SessionRecord; beeminderConfigured: boolean; togglConfigured: boolean }) {\n const [sendStatus, setSendStatus] = useState<\"idle\" | \"sending\" | \"success\" | \"error\">(\"idle\");\n const [togglSendStatus, setTogglSendStatus] = useState<\"idle\" | \"sending\" | \"success\" | \"error\">(\"idle\");\n const date = new Date(session.startedAt);\n const dateStr = date.toLocaleDateString(\"en-US\", { month: \"short\", day: \"numeric\" });\n const timeStr = date.toLocaleTimeString(\"en-US\", { hour: \"numeric\", minute: \"2-digit\" });\n\n const handleSend = async () => {\n setSendStatus(\"sending\");\n const token = getBeeminderToken()!;\n const goalSlug = getBeeminderGoalSlug()!;\n const minutesPerUnit = getBeeminderMinutesPerUnit();\n const value = session.workTime / minutesPerUnit;\n const comment = session.intent || \"thirdTimer session\";\n const timestamp = Math.floor(new Date(session.startedAt).getTime() / 1000);\n const requestid = `thirdtimer-${session.id}`;\n\n const ok = await sendBeeminderDatapoint({ token, goalSlug, value, comment, timestamp, requestid });\n setSendStatus(ok ? \"success\" : \"error\");\n };\n\n const handleTogglSend = async () => {\n setTogglSendStatus(\"sending\");\n const token = getTogglApiToken()!;\n const workspaceId = getTogglWorkspaceId()!;\n const description = session.intent || \"thirdTimer session\";\n const start = session.startedAt;\n const duration = Math.round(session.workTime * 60);\n\n const ok = await sendTogglTimeEntry({ token, workspaceId, description, start, duration });\n setTogglSendStatus(ok ? \"success\" : \"error\");\n };\n\n return (\n

\n {dateStr} {timeStr}\n {session.intent && (\n \n {session.intent}\n \n )}\n

\n {formatMinutes(session.workTime)}\n {beeminderConfigured && (\n \n {sendStatus === \"idle\" && \"\\u2192 BM\"}\n {sendStatus === \"sending\" && \"...\"}\n {sendStatus === \"success\" && \"\\u2713\"}\n {sendStatus === \"error\" && \"\\u2717\"}\n \n )}\n {togglConfigured && (\n \n {togglSendStatus === \"idle\" && \"\\u2192 TG\"}\n {togglSendStatus === \"sending\" && \"...\"}\n {togglSendStatus === \"success\" && \"\\u2713\"}\n {togglSendStatus === \"error\" && \"\\u2717\"}\n \n )}\n

\n );\n}\n",[],[201,389,558,619],"e3391ef6-196c-11f1-adc4-42dde27851f2","HelpText.tsx","019c89ce-7cc0-75ad-bf76-ffbcf9916b0c",["D",1772809088429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Card } from \"./Card.tsx\";\nimport { Link } from \"./Link.tsx\";\n\nconst ListItem = ({ children }: { children: React.ReactNode }) => (\n

{children}

\n);\n\nconst HELP_SEEN_KEY = \"thirdtimer_help_seen\";\n\nexport const HelpText = React.memo(function HelpText() {\n const [open, setOpen] = useState(() => !localStorage.getItem(HELP_SEEN_KEY));\n\n const toggle = () => {\n const next = !open;\n setOpen(next);\n if (next === false) {\n localStorage.setItem(HELP_SEEN_KEY, \"1\");\n }\n };\n\n return (\n \n \n {open ? \"▼\" : \"▶\"} How it works\n \n {open && (\n <>\n

Work for any duration you choose

Earn break time equal to work time / fraction

Unused break time is saved for later

Use \"Interruption\" for non-work interruptions

Use \"Big Break\" for meals (consumes saved time)

\n See{\" \"}\n \n this LessWrong article\n {\" \"}\n for more info!\n

Intentions

Set what you're working on when you start — the app will nudge you when the intent goes stale

Interruptions and big breaks clear your intent so you can refocus

Your intent is visible to group members and saved in session history

\n \n )}\n \n );\n});\n",[],[201,389,558,627],"07f9ebfc-1577-11f1-931e-42dde27851f2","GroupTimerCard.tsx","3e5a5b74-10a3-11f1-8027-42dde27851f2",332,["D",1772373640400],"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroupMemberState } from \"../../shared/types.ts\";\nimport { Badge } from \"./ui/index.ts\";\n\nfunction formatElapsed(startTime: number | null): string {\n if (!startTime) return \"00:00\";\n const elapsed = Math.max(0, Math.floor((Date.now() - startTime) / 1000));\n const h = Math.floor(elapsed / 3600);\n const m = Math.floor((elapsed % 3600) / 60);\n const s = elapsed % 60;\n if (h > 0) {\n return `${h}:${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n }\n return `${String(m).padStart(2, \"0\")}:${String(s).padStart(2, \"0\")}`;\n}\n\nconst modeConfig = {\n working: { label: \"Working\", dotColor: \"green\" as const, bg: \"bg-green-50 border-green-200\" },\n breaking: { label: \"Breaking\", dotColor: \"blue\" as const, bg: \"bg-blue-50 border-blue-200\" },\n idle: { label: \"Idle\", dotColor: \"gray\" as const, bg: \"bg-gray-50 border-gray-200\" },\n};\n\nfunction formatFraction(value: number): string {\n const denominators = [2, 3, 4, 5, 6, 8, 10];\n for (const d of denominators) {\n const n = Math.round(value * d);\n if (Math.abs(n / d - value) < 0.01) return `${n}/${d}`;\n }\n return `${Math.round(value * 100)}%`;\n}\n\nexport function GroupTimerCard({ member, isSelf }: { member: GroupMemberState; isSelf?: boolean }) {\n const [, setTick] = useState(0);\n const config = modeConfig[member.mode];\n\n useEffect(() => {\n if (member.mode === \"idle\") return;\n const id = setInterval(() => setTick((t) => t + 1), 1000);\n return () => clearInterval(id);\n }, [member.mode]);\n\n const startTime = member.mode === \"working\" ? member.workStartTime : member.breakStartTime;\n\n return (\n

\n {member.displayName && (\n

{member.displayName}

\n )}\n {isSelf && (\n

that's you ❤️

\n )}\n

\n \n {config.label}\n {member.breakFraction != null && (\n {formatFraction(member.breakFraction)}\n )}\n

\n {member.mode === \"idle\" ? \"--:--\" : formatElapsed(startTime)}\n

\n {member.sessionIntent && member.mode !== \"idle\" && (\n

{member.sessionIntent}

\n )}\n

\n );\n}\n",[],[201,389,558,634],"e338eabc-196c-11f1-adc4-42dde27851f2","Footer.tsx","019c89ce-7cc0-75ad-bf76-f96855969dae",["D",1772809088429],66,"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nimport React, { useCallback, useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\nimport type { GroupMemberState, TimerEventLog, TimerState } from \"../../shared/types.ts\";\nimport type { StudioKareUser } from \"../../shared/auth-types.ts\";\nimport { fetchMyEvents } from \"../utils/event-log.ts\";\nimport { fetchGroupMembers, joinGroup, leaveGroup } from \"../utils/group-api.ts\";\nimport { getDisplayName, getPassphrases, getSessionIntent, setDisplayName } from \"../utils/passphrase.ts\";\nimport { logout, requestEmailChange } from \"../utils/auth.ts\";\nimport { ActivityFeed } from \"./ActivityFeed.tsx\";\nimport { GroupTimerCard } from \"./GroupTimerCard.tsx\";\nimport { LoginForm } from \"./LoginForm.tsx\";\nimport { Link } from \"./Link.tsx\";\nimport { Input } from \"./ui/index.ts\";\n\n\ninterface FooterProps {\n timerState: TimerState;\n authUser?: StudioKareUser | null;\n}\n\nexport const Footer = function Footer({ timerState, authUser }: FooterProps) {\n const [showLogin, setShowLogin] = useState(false);\n const [showChangeEmail, setShowChangeEmail] = useState(false);\n const [changeEmailValue, setChangeEmailValue] = useState(\"\");\n const [changeEmailStatus, setChangeEmailStatus] = useState<\"idle\" | \"sending\" | \"sent\" | \"error\">(\"idle\");\n const [changeEmailError, setChangeEmailError] = useState(\"\");\n const [activeCount, setActiveCount] = useState(null);\n const [passphrases, setPassphrases] = useState(() => getPassphrases());\n const [inputValue, setInputValue] = useState(\"\");\n const [nameInputValue, setNameInputValue] = useState(\"\");\n const [membersByGroup, setMembersByGroup] = useState>({});\n const [eventsByGroup, setEventsByGroup] = useState>({});\n const [groupMessages, setGroupMessages] = useState>({});\n const [personalEvents, setPersonalEvents] = useState([]);\n const [maxGroups, setMaxGroups] = useState(3);\n const personalIntervalRef = useRef(null);\n const prevCountsRef = useRef>({});\n\n // Fetch max_groups config on mount\n useEffect(() => {\n fetch(\"/api/config\")\n .then((r) => r.json())\n .then((config) => {\n if (config.max_groups) setMaxGroups(parseInt(config.max_groups, 10));\n })\n .catch(() => {});\n }, []);\n\n useEffect(() => {\n const fetchCount = () => {\n fetch(\"/api/active-count\")\n .then((r) => r.json())\n .then((data) => setActiveCount(data.count))\n .catch(() => {});\n };\n\n fetchCount();\n const interval = setInterval(fetchCount, 30_000);\n return () => clearInterval(interval);\n }, []);\n\n // Poll all joined groups\n useEffect(() => {\n if (passphrases.length === 0) {\n setMembersByGroup({});\n setEventsByGroup({});\n return;\n }\n\n const poll = () => {\n Promise.all(\n passphrases.map((p) =>\n fetchGroupMembers(p, authUser?.id ?? undefined)\n .then((r) => ({ passphrase: p, ...r }))\n .catch(() => ({ passphrase: p, members: [] as GroupMemberState[], recentEvents: [] as TimerEventLog[] }))\n )\n ).then((results) => {\n const newMembers: Record = {};\n const newEvents: Record = {};\n for (const r of results) {\n newMembers[r.passphrase] = r.members;\n newEvents[r.passphrase] = r.recentEvents;\n\n const prev = prevCountsRef.current[r.passphrase];\n const curr = r.members.length;\n if (prev !== undefined && curr !== prev) {\n const msg = curr > prev ? \"Someone joined the group\" : \"Someone left the group\";\n setGroupMessages((gm) => ({ ...gm, [r.passphrase]: msg }));\n setTimeout(() => {\n setGroupMessages((gm) => ({ ...gm, [r.passphrase]: null }));\n }, 3000);\n }\n prevCountsRef.current[r.passphrase] = curr;\n }\n setMembersByGroup(newMembers);\n setEventsByGroup(newEvents);\n });\n };\n\n poll();\n const interval = setInterval(poll, 10_000);\n return () => clearInterval(interval);\n }, [passphrases, authUser?.id]);\n\n // Personal events when not in any group\n useEffect(() => {\n if (passphrases.length > 0) {\n setPersonalEvents([]);\n if (personalIntervalRef.current) clearInterval(personalIntervalRef.current);\n return;\n }\n\n const poll = () => { fetchMyEvents().then(setPersonalEvents).catch(() => {}); };\n poll();\n personalIntervalRef.current = setInterval(poll, 10_000);\n return () => {\n if (personalIntervalRef.current) clearInterval(personalIntervalRef.current);\n };\n }, [passphrases.length]);\n\n const handleJoin = async () => {\n const trimmed = inputValue.trim();\n if (!trimmed) return;\n if (passphrases.length >= maxGroups) return;\n if (passphrases.includes(trimmed)) return;\n const trimmedName = nameInputValue.trim();\n setDisplayName(trimmedName || null);\n const ok = await joinGroup(trimmed);\n if (ok) {\n setPassphrases(getPassphrases());\n setInputValue(\"\");\n setNameInputValue(\"\");\n }\n };\n\n const handleLeave = async (passphrase: string) => {\n const ok = await leaveGroup(passphrase);\n if (ok) {\n setPassphrases(getPassphrases());\n // Clean up state for this group\n setMembersByGroup((prev) => {\n const next = { ...prev };\n delete next[passphrase];\n return next;\n });\n setEventsByGroup((prev) => {\n const next = { ...prev };\n delete next[passphrase];\n return next;\n });\n delete prevCountsRef.current[passphrase];\n }\n };\n\n const showJoinForm = passphrases.length < maxGroups;\n\n return (\n \n );\n};\n",[],[201,389,558,642],"256dad82-1099-11f1-8a6a-42dde27851f2","Card.tsx","019c89ce-7cc0-75ad-bf76-f4d9299dcac7",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface CardProps {\n children: React.ReactNode;\n className?: string;\n}\n\nexport function CardHeader({ children, className = \"\" }: CardProps) {\n return

{children}

;\n}\n\nexport function Card({ children, className = \"\" }: CardProps) {\n return (\n \n {children}\n \n );\n}\n",[],[201,389,558,650],"256da3e6-1099-11f1-8a6a-42dde27851f2","Button.tsx","019c89ce-7cc0-75ad-bf76-f3c2d8a3d6dc",["D",1771838536808],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface ButtonProps {\n children: React.ReactNode;\n onClick: () => void;\n variant?:\n | \"primary\"\n | \"secondary\"\n | \"info\"\n | \"warning\"\n | \"purple\"\n | \"danger\"\n | \"neutral\";\n size?: \"sm\" | \"md\" | \"lg\";\n className?: string;\n type?: \"button\" | \"submit\" | \"reset\";\n title?: string;\n disabled?: boolean;\n}\n\nexport function Button({\n children,\n onClick,\n variant = \"primary\",\n size = \"md\",\n className = \"\",\n type = \"button\",\n title,\n disabled = false,\n}: ButtonProps) {\n const baseClasses =\n \"border-2 border-black text-black font-semibold rounded-lg transition-colors\";\n\n const variantClasses = {\n primary: \"bg-green(300 hover:400)\",\n secondary: \"bg-gray(100 hover:200)\",\n info: \"bg-blue(300 hover:400)\",\n warning: \"bg-yellow(300 hover:400)\",\n purple: \"bg-purple(300 hover:400)\",\n danger: \"bg-red(300 hover:400)\",\n neutral: \"\",\n };\n\n const sizeClasses = {\n sm: \"py-2 px-4 text-sm\",\n md: \"py-3 px-6\",\n lg: \"py-3 px-6 text-lg\",\n };\n\n return (\n \n {children}\n \n );\n}\n",[],[201,389,558,657],"e338e09e-196c-11f1-adc4-42dde27851f2","BreakFractionSettings.tsx","019c89ce-7cc0-75ad-bf76-eccd34567de2",["D",1772809088429],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { BreakFraction } from \"../../shared/types.ts\";\nimport { Card, CardHeader } from \"./Card.tsx\";\nimport { Button } from \"./Button.tsx\";\n\nconst BREAK_FRACTIONS: BreakFraction[] = [\n { value: 1 / 2, label: \"1/2\", description: \"Relaxed (67% work time)\" },\n { value: 1 / 3, label: \"1/3\", description: \"Balanced (75% work time)\" },\n { value: 1 / 4, label: \"1/4\", description: \"Focused (80% work time)\" },\n { value: 1 / 5, label: \"1/5\", description: \"Intense (83% work time)\" },\n { value: 1 / 6, label: \"1/6\", description: \"Marathon (86% work time)\" },\n];\n\ninterface BreakFractionSettingsProps {\n currentBreakFraction: number;\n onBreakFractionChange: (fraction: number) => void;\n}\n\nexport const BreakFractionSettings = React.memo(function BreakFractionSettings({\n currentBreakFraction,\n onBreakFractionChange,\n}: BreakFractionSettingsProps) {\n return (\n \n Break Fraction\n

\n {BREAK_FRACTIONS.map((fraction) => (\n onBreakFractionChange(fraction.value)}\n variant=\"neutral\"\n size=\"sm\"\n className={\n currentBreakFraction === fraction.value\n ? \"bg-blue(300 hover:400)\"\n : \"bg-gray(200 hover:300)\"\n }\n title={fraction.description}\n >\n {fraction.label}\n \n ))}\n

\n Current:{\" \"}\n {BREAK_FRACTIONS.find((f) => f.value === currentBreakFraction)?.description}\n

\n \n );\n});\n",[],[201,389,558,664],"81771ebc-158d-11f1-b354-42dde27851f2","ActivityFeed.tsx","6ee8c998-1575-11f1-8c8d-42dde27851f2",["D",1772383293147],"/** @jsxImportSource https://esm.sh/react@18.2.0?dev */\n\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { TimerEventLog } from \"../../shared/types.ts\";\n\nconst eventLabels: Record = {\n work_started: \"started working\",\n break_started: \"took a break\",\n work_resumed: \"resumed working\",\n interruption: \"was interrupted\",\n big_break_started: \"took a big break\",\n session_reset: \"reset their session\",\n break_fraction_changed: \"changed break fraction\",\n intent_set: \"set an intent\",\n intent_cleared: \"cleared their intent\",\n};\n\nfunction formatRelativeTime(timestamp: number): string {\n const seconds = Math.floor((Date.now() - timestamp) / 1000);\n if (seconds < 60) return \"just now\";\n const minutes = Math.floor(seconds / 60);\n if (minutes < 60) return `${minutes}m ago`;\n const hours = Math.floor(minutes / 60);\n if (hours < 24) return `${hours}h ago`;\n return `${Math.floor(hours / 24)}d ago`;\n}\n\nexport function ActivityFeed({ events }: { events: TimerEventLog[] }) {\n if (events.length === 0) return null;\n\n const displayEvents = events.slice(0, 10);\n\n return (\n

Recent activity

\n {displayEvents.map((event) => (\n

\n {event.displayName}\n {eventLabels[event.eventType] ?? event.eventType}\n {formatRelativeTime(event.timestamp)}\n

\n ))}\n

\n );\n}\n",[],[201,389,558,671],"e338b380-196c-11f1-adc4-42dde27851f2","ActionButtons.tsx","019c89ce-7cc0-75ad-bf76-ea563e7fe49d",["D",1772809088429],38,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { TimerState } from \"../../shared/types.ts\";\nimport { Button } from \"./Button.tsx\";\nimport { Input } from \"./ui/index.ts\";\nimport { getSessionIntent, getBreaksSinceIntent } from \"../utils/passphrase.ts\";\nimport { fetchIntentSuggestions } from \"../utils/history-api.ts\";\nimport { computeStaleness } from \"../utils/staleness.ts\";\nimport type { StalenessParams } from \"../utils/staleness.ts\";\nimport { OnboardingTip } from \"./OnboardingTip.tsx\";\nimport type { UseOnboardingReturn } from \"../hooks/useOnboarding.ts\";\n\ninterface StalenessConfig {\n params: StalenessParams;\n showThresholdWorking: number;\n showThresholdBreaking: number;\n prominentThreshold: number;\n}\n\nconst DEFAULT_CONFIG: StalenessConfig = {\n params: {},\n showThresholdWorking: 0.8,\n showThresholdBreaking: 0.3,\n prominentThreshold: 0.6,\n};\n\nfunction useStalenessConfig(): StalenessConfig {\n const [config, setConfig] = useState(DEFAULT_CONFIG);\n\n useEffect(() => {\n fetch(\"/api/config\")\n .then((r) => r.json())\n .then((data: Record) => {\n setConfig({\n params: {\n wBreaks: data.wBreaks ? Number(data.wBreaks) : undefined,\n wTime: data.wTime ? Number(data.wTime) : undefined,\n tauBreaks: data.tauBreaks ? Number(data.tauBreaks) : undefined,\n tauTime: data.tauTime ? Number(data.tauTime) : undefined,\n },\n showThresholdWorking: data.showThresholdWorking ? Number(data.showThresholdWorking) : DEFAULT_CONFIG.showThresholdWorking,\n showThresholdBreaking: data.showThresholdBreaking ? Number(data.showThresholdBreaking) : DEFAULT_CONFIG.showThresholdBreaking,\n prominentThreshold: data.prominentThreshold ? Number(data.prominentThreshold) : DEFAULT_CONFIG.prominentThreshold,\n });\n })\n .catch(() => {});\n }, []);\n\n return config;\n}\n\ninterface ActionButtonsProps {\n state: TimerState;\n onStartWork: () => void;\n onTakeBreak: () => void;\n onResumeWork: () => void;\n onInterruption: () => void;\n onBigBreak: () => void;\n intentValue: string;\n onIntentChange: (value: string) => void;\n intentAutoFocus: boolean;\n onClearIntent: () => void;\n onSubmitWorkingIntent: () => void;\n onboarding: UseOnboardingReturn;\n}\n\nexport function ActionButtons({\n state,\n onStartWork,\n onTakeBreak,\n onResumeWork,\n onInterruption,\n onBigBreak,\n intentValue,\n onIntentChange,\n intentAutoFocus,\n onClearIntent,\n onSubmitWorkingIntent,\n onboarding,\n}: ActionButtonsProps) {\n const [hintDismissed, setHintDismissed] = useState(false);\n const [dismissedAtStaleness, setDismissedAtStaleness] = useState(null);\n const [intentSuggestions, setIntentSuggestions] = useState([]);\n const stalenessConfig = useStalenessConfig();\n\n // Fetch intent suggestions when idle\n useEffect(() => {\n if (state.mode === \"idle\") {\n fetchIntentSuggestions().then(setIntentSuggestions);\n }\n }, [state.mode]);\n\n return (\n

\n {state.mode === \"idle\" && (\n <>\n \n {intentSuggestions.length > 0 && (\n \n {intentSuggestions.map((s) => (\n \n )}\n {!onboarding.has(\"started_timer\") && (\n

\n Start your first work session — you'll earn break time as you go.\n

\n )}\n \n Start Working\n \n \n )}\n\n {state.mode === \"working\" && (\n

\n {!getSessionIntent() && (\n

\n { if (e.key === \"Enter\") onSubmitWorkingIntent(); }}\n placeholder=\"What are you working on now?\"\n size=\"sm\"\n className=\"flex-1\"\n autoFocus={intentAutoFocus}\n />\n \n Set\n \n

\n )}\n { setHintDismissed(true); setDismissedAtStaleness(staleness); }}\n onClear={() => { onClearIntent(); setHintDismissed(true); setDismissedAtStaleness(null); }}\n sessionStartedAt={state.sessionStartedAt}\n mode=\"working\"\n config={stalenessConfig}\n />\n \n Take Break\n \n {onboarding.has(\"started_timer\") && (\n <>\n {onboarding.isTipVisible(\"started_timer\") && (\n onboarding.dismissTip(\"started_timer\")}>\n

Interruption pauses your session for non-work interruptions — your saved break time is preserved.

Big Break is for longer breaks like meals — it consumes your saved break time.

\n \n )}\n

\n \n Interruption\n \n \n Big Break\n \n

\n \n )}\n

\n )}\n\n {state.mode === \"breaking\" && (\n <>\n { setHintDismissed(true); setDismissedAtStaleness(staleness); }}\n onClear={() => { onClearIntent(); setHintDismissed(true); setDismissedAtStaleness(null); }}\n sessionStartedAt={state.sessionStartedAt}\n mode=\"breaking\"\n config={stalenessConfig}\n />\n \n Resume Work\n \n \n )}\n

\n );\n}\n\nfunction StalenessHint({\n dismissed,\n dismissedAtStaleness,\n onDismiss,\n onClear,\n sessionStartedAt,\n mode,\n config,\n}: {\n dismissed: boolean;\n dismissedAtStaleness: number | null;\n onDismiss: (staleness: number) => void;\n onClear: () => void;\n sessionStartedAt: number | null;\n mode: string;\n config: StalenessConfig;\n}) {\n const intent = getSessionIntent();\n const breaks = getBreaksSinceIntent();\n const sessionMinutes = sessionStartedAt\n ? (Date.now() - sessionStartedAt) / 60000\n : 0;\n const staleness = computeStaleness(breaks, sessionMinutes, config.params);\n\n console.log(\"[StalenessHint]\", { mode, intent, breaks, sessionMinutes: sessionMinutes.toFixed(1), staleness: staleness.toFixed(3), dismissed, dismissedAtStaleness });\n\n if (!intent) return null;\n\n // Thresholds per mode\n const showThreshold = mode === \"working\" ? config.showThresholdWorking : config.showThresholdBreaking;\n\n if (staleness < showThreshold) return null;\n\n // Re-show if staleness has crossed into a higher threshold band since dismiss\n const thresholds = [config.showThresholdBreaking, config.prominentThreshold, config.showThresholdWorking].sort((a, b) => a - b);\n const currentBand = thresholds.filter((t) => staleness >= t).length;\n const dismissedBand = dismissedAtStaleness !== null\n ? thresholds.filter((t) => dismissedAtStaleness >= t).length\n : 0;\n\n if (dismissed && currentBand <= dismissedBand) return null;\n\n // During work mode, always subtle\n const isProminent = mode === \"breaking\" && staleness >= config.prominentThreshold;\n\n return (\n \n

\n Still working on{\" \"}\n \"{intent}\"?\n

\n onDismiss(staleness)}\n className={`px-2 py-1 rounded ${\n isProminent\n ? \"text-xs text-gray-600 hover:bg-yellow-200\"\n : \"text-xs text-gray-400 hover:bg-gray-100\"\n }`}\n >\n Dismiss\n \n \n Clear\n \n

\n \n );\n}\n",[],[201,389,558,678],"2fc93a86-1246-11f1-92ab-42dde27851f2","index.ts","428e8c04-1244-11f1-8e8b-42dde27851f2","3349d118-1244-11f1-aa6e-42dde27851f2",240,["D",1772022808365],"export { Input } from \"./Input.tsx\";\nexport { Table } from \"./Table.tsx\";\nexport type { Column } from \"./Table.tsx\";\nexport { Tabs } from \"./Tabs.tsx\";\nexport { Label } from \"./Label.tsx\";\nexport { Container } from \"./Container.tsx\";\nexport { Badge } from \"./Badge.tsx\";\n",[],[201,389,558,694,686],"ui","2fc95c78-1246-11f1-92ab-42dde27851f2","Tabs.tsx","3d0be088-1244-11f1-a865-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface Tab {\n id: string;\n label: string;\n}\n\ninterface TabsProps {\n tabs: Tab[];\n activeTab: string;\n onTabChange: (id: string) => void;\n variant?: \"underline\" | \"pill\";\n className?: string;\n}\n\nexport function Tabs({\n tabs,\n activeTab,\n onTabChange,\n variant = \"underline\",\n className = \"\",\n}: TabsProps) {\n if (variant === \"pill\") {\n return (\n

\n {tabs.map((t) => (\n onTabChange(t.id)}\n className={`px-3 py-1 text-sm rounded ${\n activeTab === t.id\n ? \"bg-gray-800 text-white\"\n : \"bg-gray-100 text-gray-600 hover:bg-gray-200\"\n }`}\n >\n {t.label}\n \n ))}\n

\n );\n }\n\n return (\n

\n {tabs.map((t) => (\n onTabChange(t.id)}\n className={`px-4 py-2 text-sm font-medium border-b-2 -mb-px ${\n activeTab === t.id\n ? \"border-blue-600 text-blue-600\"\n : \"border-transparent text-gray-500 hover:text-gray-700\"\n }`}\n >\n {t.label}\n \n ))}\n

\n );\n}\n",[],[201,389,558,694,696],"2fc95246-1246-11f1-92ab-42dde27851f2","Table.tsx","3af5fd42-1244-11f1-b51c-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport interface Column {\n key: string;\n header: string;\n render?: (row: T) => React.ReactNode;\n className?: string;\n}\n\ninterface TableProps {\n columns: Column[];\n data: T[];\n rowKey: (row: T) => string | number;\n emptyMessage?: string;\n loading?: boolean;\n loadingMessage?: string;\n}\n\nexport function Table({\n columns,\n data,\n rowKey,\n emptyMessage = \"No data.\",\n loading = false,\n loadingMessage = \"Loading...\",\n}: TableProps) {\n if (loading) return

{loadingMessage}

;\n if (data.length === 0) return

{emptyMessage}

;\n\n return (\n

\n \n \n \n {columns.map((col) => (\n \n ))}\n \n \n \n {data.map((row) => (\n \n {columns.map((col) => (\n \n ))}\n \n ))}\n \n

\n {col.header}\n
\n {col.render ? col.render(row) : (row as any)[col.key]}\n

\n );\n}\n",[],[201,389,558,694,703],"2fc946f2-1246-11f1-92ab-42dde27851f2","Label.tsx","3e24bc6a-1244-11f1-a53e-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface LabelProps {\n children: React.ReactNode;\n htmlFor?: string;\n hint?: string;\n className?: string;\n}\n\nexport function Label({ children, htmlFor, hint, className = \"\" }: LabelProps) {\n return (\n <>\n \n {children}\n \n {hint &&

{hint}

}\n \n );\n}\n",[],[201,389,558,694,710],"2fc93f36-1246-11f1-92ab-42dde27851f2","Input.tsx","36c6f668-1244-11f1-af7a-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface InputProps {\n type?: \"text\" | \"password\" | \"number\";\n value: string;\n onChange: (value: string) => void;\n onKeyDown?: (e: React.KeyboardEvent) => void;\n placeholder?: string;\n size?: \"sm\" | \"md\";\n autoFocus?: boolean;\n step?: string;\n list?: string;\n className?: string;\n disabled?: boolean;\n}\n\nconst sizeClasses = {\n sm: \"py-1 px-2 text-sm\",\n md: \"py-2 px-3\",\n};\n\nexport function Input({\n type = \"text\",\n value,\n onChange,\n onKeyDown,\n placeholder,\n size = \"md\",\n autoFocus,\n step,\n list,\n className = \"\",\n disabled,\n}: InputProps) {\n const baseClasses =\n \"border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\";\n\n return (\n onChange(e.target.value)}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n className={`${baseClasses} ${sizeClasses[size]} ${className}`}\n autoFocus={autoFocus}\n step={step}\n list={list}\n disabled={disabled}\n />\n );\n}\n",[],[201,389,558,694,717],"2fc93338-1246-11f1-92ab-42dde27851f2","Container.tsx","3f2bba0a-1244-11f1-a53e-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface ContainerProps {\n children: React.ReactNode;\n size?: \"md\" | \"lg\";\n className?: string;\n}\n\nconst sizeClasses = {\n md: \"max-w-2xl mx-auto p-6\",\n lg: \"max-w-5xl mx-auto p-4\",\n};\n\nexport function Container({ children, size = \"md\", className = \"\" }: ContainerProps) {\n return (\n

\n {children}\n

\n );\n}\n",[],[201,389,558,694,724],"2fc92924-1246-11f1-92ab-42dde27851f2","Badge.tsx","41b6eeca-1244-11f1-a865-42dde27851f2",["D",1772022808365],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype BadgeColor = \"green\" | \"blue\" | \"gray\" | \"red\" | \"yellow\" | \"purple\";\n\ninterface BadgeProps {\n children?: React.ReactNode;\n color?: BadgeColor;\n variant?: \"dot\" | \"label\";\n className?: string;\n}\n\nconst dotColorClasses: Record = {\n green: \"bg-green-500\",\n blue: \"bg-blue-500\",\n gray: \"bg-gray-400\",\n red: \"bg-red-500\",\n yellow: \"bg-yellow-500\",\n purple: \"bg-purple-500\",\n};\n\nconst labelColorClasses: Record = {\n green: \"bg-green-100 text-green-700\",\n blue: \"bg-blue-100 text-blue-700\",\n gray: \"bg-gray-100 text-gray-700\",\n red: \"bg-red-100 text-red-700\",\n yellow: \"bg-yellow-100 text-yellow-700\",\n purple: \"bg-purple-100 text-purple-700\",\n};\n\nexport function Badge({\n children,\n color = \"gray\",\n variant = \"dot\",\n className = \"\",\n}: BadgeProps) {\n if (variant === \"dot\") {\n return (\n \n );\n }\n\n return (\n \n {children}\n \n );\n}\n",[],[201,389,558,694,731],"3349d028-1244-11f1-aa6e-42dde27851f2",216,["D",1772021955264],[265,266,267,268,269,270,271],[201,389,558,694],"256e14de-1099-11f1-8a6a-42dde27851f2",["D",1771838536808],[264,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289],[201,389,558],"256ea32c-1099-11f1-8a6a-42dde27851f2",["D",1771838536808],[263,290,293,304,305,306,307,308,309,310,311],[201,389],"e3385c14-196c-11f1-adc4-42dde27851f2","019c89ce-7cc0-75ad-bf76-e603b4711b3e",["D",1772809088429],51,"import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport favicon from \"../frontend/favicon.http.tsx\";\nimport type { TimerEvent, TimerState } from \"../shared/types.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { runAuthMigrations } from \"./database/auth-migrations.ts\";\nimport { addGroupMembership, getActiveTimerCount, getDistinctIntents, getGlobalAggregate, getGroupEvents, getGroupStates, getHistoryByIntent, getHistorySummary, getUserGroupMemberships, getSessionTimeline, getState, getUserEvents, removeGroupMembership, saveEvents, saveSessionHistory, saveState } from \"./database/queries.ts\";\nimport { getOwnerTokensForUser } from \"./database/auth-queries.ts\";\nimport { getConfig } from \"./database/config-queries.ts\";\nimport { getUserPreferences, setUserPreferences } from \"./database/preferences-queries.ts\";\nimport { getOnboarding, saveOnboarding, mergeOnboarding } from \"./database/onboarding-queries.ts\";\nimport adminApp from \"./routes/admin.ts\";\nimport authApp from \"./routes/auth.ts\";\nimport { authMiddleware } from \"./auth/middleware.ts\";\n\nawait runMigrations();\nawait runAuthMigrations();\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, _c) => {\n throw err;\n});\n\n// Auth middleware — sets c.get(\"user\") for all routes (null if anonymous)\napp.use(\"*\", authMiddleware);\n\n// Auth routes\napp.route(\"/auth\", authApp);\n\n// API endpoints for per-user state persistence\napp.get(\"/api/state/:userId\", async (c) => {\n try {\n const userId = c.req.param('userId');\n if (!userId) {\n return c.json({ error: \"User ID required\" }, 400);\n }\n\n const state = await getState(userId);\n return c.json(state || null);\n } catch (error) {\n // If no state exists yet, return null\n return c.json(null);\n }\n});\n\napp.post(\"/api/state/:userId\", async (c) => {\n try {\n const userId = c.req.param('userId');\n if (!userId) {\n return c.json({ error: \"User ID required\" }, 400);\n }\n\n const body = await c.req.json();\n const state: TimerState = body.state ?? body;\n const displayName: string | null = body.displayName ?? null;\n const sessionIntent: string | null = body.sessionIntent ?? null;\n const ownerToken: string | null = body.ownerToken ?? null;\n await saveState(userId, state, displayName, sessionIntent);\n\n // Upsert session history if there's an active session\n // Include in-progress work/break segment so closing mid-block doesn't lose time\n if (ownerToken && state.sessionStartedAt != null) {\n let workTime = state.totalWorkTime;\n let breakTime = state.totalBreakTime;\n const now = Date.now();\n if (state.mode === \"working\" && state.workStartTime) {\n workTime += (now - state.workStartTime) / 1000 / 60;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n breakTime += Math.min(\n (now - state.breakStartTime) / 1000 / 60,\n state.savedBreakMinutes,\n );\n }\n if (workTime > 0) {\n await saveSessionHistory({\n ownerToken,\n intent: sessionIntent,\n workTime,\n breakTime,\n startedAt: new Date(state.sessionStartedAt).toISOString(),\n endedAt: new Date().toISOString(),\n breakFraction: state.breakFraction,\n });\n }\n }\n\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: \"Failed to save state\" }, 500);\n }\n});\n\n// Authenticated-user state routes (keyed by auth account ID, not device user_id)\napp.get(\"/api/me/state\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n try {\n const state = await getState(user.id);\n return c.json(state || null);\n } catch {\n return c.json(null);\n }\n});\n\napp.post(\"/api/me/state\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n try {\n const body = await c.req.json();\n const state: TimerState = body.state ?? body;\n const displayName: string | null = body.displayName ?? null;\n const sessionIntent: string | null = body.sessionIntent ?? null;\n const ownerToken: string | null = body.ownerToken ?? null;\n await saveState(user.id, state, displayName, sessionIntent);\n\n if (ownerToken && state.sessionStartedAt != null) {\n let workTime = state.totalWorkTime;\n let breakTime = state.totalBreakTime;\n const now = Date.now();\n if (state.mode === \"working\" && state.workStartTime) {\n workTime += (now - state.workStartTime) / 1000 / 60;\n }\n if (state.mode === \"breaking\" && state.breakStartTime) {\n breakTime += Math.min(\n (now - state.breakStartTime) / 1000 / 60,\n state.savedBreakMinutes,\n );\n }\n if (workTime > 0) {\n await saveSessionHistory({\n ownerToken,\n intent: sessionIntent,\n workTime,\n breakTime,\n startedAt: new Date(state.sessionStartedAt).toISOString(),\n endedAt: new Date().toISOString(),\n breakFraction: state.breakFraction,\n });\n }\n }\n\n return c.json({ success: true });\n } catch {\n return c.json({ error: \"Failed to save state\" }, 500);\n }\n});\n\n// Dedicated event persistence endpoints (decoupled from state saves)\napp.post(\"/api/events\", async (c) => {\n const body = await c.req.json();\n const userId: string | undefined = body.userId;\n if (!userId) return c.json({ error: \"userId required\" }, 400);\n const events: TimerEvent[] = body.events ?? [];\n const passphrase: string | null = body.passphrase ?? null;\n if (events.length > 0) {\n await saveEvents(userId, events, passphrase);\n }\n return c.json({ success: true });\n});\n\napp.post(\"/api/me/events\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const body = await c.req.json();\n const events: TimerEvent[] = body.events ?? [];\n const passphrase: string | null = body.passphrase ?? null;\n if (events.length > 0) {\n await saveEvents(user.id, events, passphrase);\n }\n return c.json({ success: true });\n});\n\napp.get(\"/api/state/:userId/events\", async (c) => {\n try {\n const userId = c.req.param(\"userId\");\n if (!userId) return c.json({ error: \"User ID required\" }, 400);\n const events = await getUserEvents(userId);\n return c.json({ events });\n } catch {\n return c.json({ events: [] });\n }\n});\n\napp.get(\"/api/me/events\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n try {\n const events = await getUserEvents(user.id);\n return c.json({ events });\n } catch {\n return c.json({ events: [] });\n }\n});\n\napp.get(\"/api/group/:passphrase\", async (c) => {\n const passphrase = c.req.param(\"passphrase\");\n const excludeUserId = c.req.query(\"excludeUserId\") ?? \"\";\n const [members, recentEvents] = await Promise.all([\n getGroupStates(passphrase, excludeUserId),\n getGroupEvents(passphrase),\n ]);\n return c.json({ members, recentEvents });\n});\n\n// Group join/leave endpoints (anonymous)\napp.post(\"/api/groups/:passphrase/join\", async (c) => {\n const passphrase = c.req.param(\"passphrase\");\n const body = await c.req.json();\n const userId: string | undefined = body.userId;\n if (!userId) return c.json({ error: \"userId required\" }, 400);\n const config = await getConfig();\n const maxGroups = parseInt(config.max_groups ?? \"3\", 10);\n const currentGroups = await getUserGroupMemberships(userId);\n if (currentGroups.length >= maxGroups) {\n return c.json({ error: \"Maximum group limit reached\" }, 400);\n }\n await addGroupMembership(userId, passphrase);\n return c.json({ success: true });\n});\n\napp.post(\"/api/groups/:passphrase/leave\", async (c) => {\n const passphrase = c.req.param(\"passphrase\");\n const body = await c.req.json();\n const userId: string | undefined = body.userId;\n if (!userId) return c.json({ error: \"userId required\" }, 400);\n await removeGroupMembership(userId, passphrase);\n return c.json({ success: true });\n});\n\n// Group join/leave endpoints (authenticated)\napp.post(\"/api/me/groups/:passphrase/join\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const passphrase = c.req.param(\"passphrase\");\n const config = await getConfig();\n const maxGroups = parseInt(config.max_groups ?? \"3\", 10);\n const currentGroups = await getUserGroupMemberships(user.id);\n if (currentGroups.length >= maxGroups) {\n return c.json({ error: \"Maximum group limit reached\" }, 400);\n }\n await addGroupMembership(user.id, passphrase);\n return c.json({ success: true });\n});\n\napp.post(\"/api/me/groups/:passphrase/leave\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const passphrase = c.req.param(\"passphrase\");\n await removeGroupMembership(user.id, passphrase);\n return c.json({ success: true });\n});\n\napp.get(\"/api/me/groups\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const groups = await getUserGroupMemberships(user.id);\n return c.json({ groups });\n});\n\napp.get(\"/api/active-count\", async (c) => {\n const count = await getActiveTimerCount();\n return c.json({ count });\n});\n\napp.post(\"/api/history\", async (c) => {\n try {\n const body = await c.req.json();\n const { ownerToken, intent, workTime, breakTime, startedAt, endedAt, breakFraction } = body;\n if (!ownerToken || workTime == null || breakTime == null || !startedAt || !endedAt || breakFraction == null) {\n return c.json({ error: \"Missing required fields\", received: { ownerToken: !!ownerToken, workTime, breakTime, startedAt: !!startedAt, endedAt: !!endedAt, breakFraction } }, 400);\n }\n await saveSessionHistory({ ownerToken, intent: intent ?? null, workTime, breakTime, startedAt, endedAt, breakFraction });\n return c.json({ success: true });\n } catch (error) {\n console.error(\"POST /api/history error:\", error);\n return c.json({ error: \"Failed to save history\", detail: String(error) }, 500);\n }\n});\n\n// For authenticated users, aggregate history across all linked owner tokens.\n// The query param ownerToken is always included (handles the race window before auto-link fires).\nasync function resolveOwnerTokens(c: any): Promise {\n const user = c.get(\"user\");\n const queryToken: string | undefined = c.req.query(\"ownerToken\");\n if (user) {\n const tokens = await getOwnerTokensForUser(user.id);\n if (queryToken && !tokens.includes(queryToken)) tokens.push(queryToken);\n return tokens;\n }\n if (!queryToken) return null;\n return [queryToken];\n}\n\napp.get(\"/api/intents\", async (c) => {\n const ownerTokens = await resolveOwnerTokens(c);\n if (!ownerTokens) return c.json({ error: \"ownerToken required\" }, 400);\n const intents = await getDistinctIntents(ownerTokens);\n return c.json({ intents });\n});\n\napp.get(\"/api/history/by-intent\", async (c) => {\n const ownerTokens = await resolveOwnerTokens(c);\n if (!ownerTokens) return c.json({ error: \"ownerToken required\" }, 400);\n const data = await getHistoryByIntent(ownerTokens);\n return c.json({ data });\n});\n\napp.get(\"/api/history/timeline\", async (c) => {\n const ownerTokens = await resolveOwnerTokens(c);\n if (!ownerTokens) return c.json({ error: \"ownerToken required\" }, 400);\n const limit = parseInt(c.req.query(\"limit\") ?? \"20\", 10);\n const cursor = c.req.query(\"cursor\") || undefined;\n const data = await getSessionTimeline(ownerTokens, limit, cursor);\n return c.json(data);\n});\n\napp.get(\"/api/history/aggregate\", async (c) => {\n const ownerTokens = await resolveOwnerTokens(c);\n if (!ownerTokens) return c.json({ error: \"ownerToken required\" }, 400);\n const data = await getGlobalAggregate(ownerTokens);\n return c.json({ data });\n});\n\napp.get(\"/api/history/summary\", async (c) => {\n const ownerTokens = await resolveOwnerTokens(c);\n const period = c.req.query(\"period\") as \"daily\" | \"weekly\" | undefined;\n if (!ownerTokens) return c.json({ error: \"ownerToken required\" }, 400);\n const data = await getHistorySummary(ownerTokens, period === \"weekly\" ? \"weekly\" : \"daily\");\n return c.json({ data });\n});\n\n// User preferences\napp.get(\"/api/me/preferences\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const prefs = await getUserPreferences(user.id);\n return c.json(prefs);\n});\n\napp.put(\"/api/me/preferences\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const body = await c.req.json();\n await setUserPreferences(user.id, body);\n return c.json({ success: true });\n});\n\n// Onboarding (authenticated)\napp.get(\"/api/me/onboarding\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const data = await getOnboarding(user.id);\n return c.json({ data });\n});\n\napp.put(\"/api/me/onboarding\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const body = await c.req.json();\n await saveOnboarding(user.id, body.data ?? {});\n return c.json({ success: true });\n});\n\n// Onboarding (anonymous, keyed by ownerToken)\napp.get(\"/api/onboarding/:ownerToken\", async (c) => {\n const ownerToken = c.req.param(\"ownerToken\");\n const data = await getOnboarding(ownerToken);\n return c.json({ data });\n});\n\napp.put(\"/api/onboarding/:ownerToken\", async (c) => {\n const ownerToken = c.req.param(\"ownerToken\");\n const body = await c.req.json();\n await saveOnboarding(ownerToken, body.data ?? {});\n return c.json({ success: true });\n});\n\n// Onboarding migration (merge anon → auth)\napp.post(\"/api/me/onboarding/merge\", async (c) => {\n const user = c.get(\"user\");\n if (!user) return c.json({ error: \"Unauthorized\" }, 401);\n const body = await c.req.json();\n const ownerToken: string | undefined = body.ownerToken;\n if (!ownerToken) return c.json({ error: \"ownerToken required\" }, 400);\n await mergeOnboarding(ownerToken, user.id);\n return c.json({ success: true });\n});\n\n// Beeminder integration proxy\napp.post(\"/api/integrations/beeminder/datapoint\", async (c) => {\n try {\n const { token, goalSlug, value, comment, timestamp, requestid } = await c.req.json();\n if (!token || !goalSlug || value == null) {\n return c.json({ error: \"token, goalSlug, and value are required\" }, 400);\n }\n const { addBeeminderDatapoint } = await import(\n \"https://esm.town/v/cricks_unmixed4u/beeminder-api@15-main/main.tsx\"\n );\n const datapoint: Record = { value };\n if (comment) datapoint.comment = comment;\n if (timestamp) datapoint.timestamp = timestamp;\n if (requestid) datapoint.requestid = requestid;\n await addBeeminderDatapoint(datapoint, token, goalSlug);\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Beeminder proxy error:\", error);\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Toggl Track integration proxy\napp.post(\"/api/integrations/toggl/time-entry\", async (c) => {\n try {\n const { token, workspaceId, description, start, duration } = await c.req.json();\n if (!token || !workspaceId || !start || duration == null) {\n return c.json({ error: \"token, workspaceId, start, and duration are required\" }, 400);\n }\n const auth = btoa(`${token}:api_token`);\n const resp = await fetch(\n `https://api.track.toggl.com/api/v9/workspaces/${workspaceId}/time_entries`,\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Basic ${auth}`,\n },\n body: JSON.stringify({\n workspace_id: Number(workspaceId),\n start,\n duration,\n description: description || \"thirdTimer session\",\n created_with: \"thirdTimer\",\n }),\n },\n );\n if (!resp.ok) {\n const body = await resp.text();\n console.error(\"Toggl time-entry proxy error:\", resp.status, body);\n return c.json({ error: \"Toggl API error\", detail: body }, 502);\n }\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Toggl time-entry proxy error:\", error);\n return c.json({ error: String(error) }, 500);\n }\n});\n\napp.post(\"/api/integrations/toggl/workspace\", async (c) => {\n try {\n const { token } = await c.req.json();\n if (!token) {\n return c.json({ error: \"token is required\" }, 400);\n }\n const auth = btoa(`${token}:api_token`);\n const resp = await fetch(\"https://api.track.toggl.com/api/v9/me\", {\n headers: { Authorization: `Basic ${auth}` },\n });\n if (!resp.ok) {\n const body = await resp.text();\n console.error(\"Toggl workspace proxy error:\", resp.status, body);\n return c.json({ error: \"Toggl API error\", detail: body }, 502);\n }\n const data = await resp.json();\n return c.json({ workspaceId: data.default_workspace_id });\n } catch (error) {\n console.error(\"Toggl workspace proxy error:\", error);\n return c.json({ error: String(error) }, 500);\n }\n});\n\n// Public config endpoint (no auth) — frontend fetches staleness params\napp.get(\"/api/config\", async (c) => {\n const config = await getConfig();\n return c.json(config);\n});\n\n// Admin API\napp.route(\"/api/admin\", adminApp);\n\n// Serve admin page\napp.get(\"/admin\", async (c) => {\n const html = await readFile(\"/src/frontend/admin.html\", import.meta.url);\n return c.html(html);\n});\n\n// Serve settings page — inject auth user for frontend hydration\napp.get(\"/settings\", async (c) => {\n let html = await readFile(\"/src/frontend/settings.html\", import.meta.url);\n const user = c.get(\"user\") || null;\n const userScript = ``;\n html = html.replace(\"\", `${userScript}`);\n return c.html(html);\n});\n\n// Serve static files\napp.get(\"/src/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/src/shared/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// Serve the main app — inject auth user for frontend hydration\napp.get(\"/\", async (c) => {\n let html = await readFile(\"/src/frontend/index.html\", import.meta.url);\n const user = c.get(\"user\") || null;\n const userScript = ``;\n html = html.replace(\"\", `${userScript}`);\n return c.html(html);\n});\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\napp.get(\"/favicon.svg\", (c) => {\n return favicon();\n});\nexport default app.fetch;\n",[],[201,757,686],"backend","718a3594-1339-11f1-ae00-42dde27851f2","5ff70822-130f-11f1-8090-42dde27851f2","8f310ef6-122b-11f1-a6e8-42dde27851f2",["D",1772127286387],"import { Hono } from \"npm:hono\";\nimport { createMagicLinkToken, verifyMagicLinkToken, createEmailChangeToken, verifyEmailChangeToken } from \"../auth/magic-link.ts\";\nimport { createUserSession, invalidateSession } from \"../auth/session.ts\";\nimport { buildSessionCookie, clearSessionCookie } from \"../auth/middleware.ts\";\nimport { getUserByEmail, linkOwnerToken } from \"../database/auth-queries.ts\";\nimport { emailService } from \"../auth/email.ts\";\n\nconst authApp = new Hono();\n\n// CSRF protection for POST routes: require JSON content type\nauthApp.use(\"/*\", async (c, next) => {\n if (c.req.method === \"POST\") {\n const contentType = c.req.header(\"Content-Type\");\n if (!contentType?.includes(\"application/json\")) {\n return c.json({ error: \"Content-Type must be application/json\" }, 400);\n }\n }\n return next();\n});\n\n// POST /magic-link — request a magic link\nauthApp.post(\"/magic-link\", async (c) => {\n const { email } = await c.req.json();\n\n if (!email || typeof email !== \"string\") {\n return c.json({ error: \"Email is required\" }, 400);\n }\n\n const trimmedEmail = email.trim().toLowerCase();\n if (!trimmedEmail.includes(\"@\")) {\n return c.json({ error: \"Invalid email\" }, 400);\n }\n\n const { token } = await createMagicLinkToken(trimmedEmail);\n\n const url = new URL(c.req.url);\n const magicLinkUrl = `${url.origin}/auth/magic-link/${token}`;\n\n await emailService.sendMagicLink(trimmedEmail, magicLinkUrl);\n\n return c.json({ success: true });\n});\n\n// GET /magic-link/:token — verify and authenticate\nauthApp.get(\"/magic-link/:token\", async (c) => {\n const token = c.req.param(\"token\");\n const result = await verifyMagicLinkToken(token);\n\n if (!result) {\n return c.html(\n `\n

Invalid or expired link

This magic link has expired or has already been used.

\n Go back to Third Timer\n `,\n 400,\n );\n }\n\n const { token: sessionToken } = await createUserSession(result.userId);\n const cookie = buildSessionCookie(sessionToken);\n\n return new Response(null, {\n status: 302,\n headers: {\n Location: \"/\",\n \"Set-Cookie\": cookie,\n },\n });\n});\n\n// POST /logout\nauthApp.post(\"/logout\", async (c) => {\n const sessionToken = c.get(\"sessionToken\");\n\n if (sessionToken) {\n await invalidateSession(sessionToken);\n }\n\n clearSessionCookie(c);\n return c.json({ success: true });\n});\n\n// POST /link-account — link an ownerToken to the authenticated user\nauthApp.post(\"/link-account\", async (c) => {\n const user = c.get(\"user\");\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const { ownerToken } = await c.req.json();\n if (!ownerToken || typeof ownerToken !== \"string\") {\n return c.json({ error: \"ownerToken is required\" }, 400);\n }\n\n await linkOwnerToken(ownerToken, user.id);\n return c.json({ success: true });\n});\n\n// POST /change-email — authenticated; sends a confirmation link to the new address\nauthApp.post(\"/change-email\", async (c) => {\n const user = c.get(\"user\");\n if (!user) {\n return c.json({ error: \"Not authenticated\" }, 401);\n }\n\n const { email } = await c.req.json();\n if (!email || typeof email !== \"string\") {\n return c.json({ error: \"Email is required\" }, 400);\n }\n\n const newEmail = email.trim().toLowerCase();\n if (!newEmail.includes(\"@\")) {\n return c.json({ error: \"Invalid email\" }, 400);\n }\n\n if (newEmail === user.email) {\n return c.json({ error: \"That is already your email address\" }, 400);\n }\n\n const existing = await getUserByEmail(newEmail);\n if (existing) {\n return c.json({ error: \"That email is already in use\" }, 400);\n }\n\n const { token } = await createEmailChangeToken(user.id, newEmail);\n const url = new URL(c.req.url);\n const changeUrl = `${url.origin}/auth/change-email/${token}`;\n\n await emailService.sendChangeEmailLink(newEmail, changeUrl);\n\n return c.json({ success: true });\n});\n\n// GET /change-email/:token — verify and update email\nauthApp.get(\"/change-email/:token\", async (c) => {\n const token = c.req.param(\"token\");\n const result = await verifyEmailChangeToken(token);\n\n if (!result) {\n return c.html(\n `\n

Invalid or expired link

This email change link has expired or has already been used.

\n Go back to Third Timer\n `,\n 400,\n );\n }\n\n return new Response(null, {\n status: 302,\n headers: { Location: \"/?email_changed=1\" },\n });\n});\n\n// GET /me — return current user or null\nauthApp.get(\"/me\", async (c) => {\n const user = c.get(\"user\");\n return c.json({ user: user || null });\n});\n\nexport default authApp;\n",[],[201,757,765,519],"routes","07f94274-1577-11f1-931e-42dde27851f2","admin.ts","982e4eec-122b-11f1-abaa-42dde27851f2",["D",1772373640400],"import { Hono } from \"npm:hono\";\nimport {\n clearGroupPassphrase,\n deleteEventLog,\n deleteSessionHistory,\n deleteTimerState,\n getAllEventLogs,\n getAllGroups,\n getAllSessionHistory,\n getAllTimerStates,\n getAllUsers,\n mergeSessions,\n mergeUsers,\n stopTimerSession,\n} from \"../database/admin-queries.ts\";\nimport { getConfig, setConfig } from \"../database/config-queries.ts\";\n\nconst adminApp = new Hono();\n\n// Compute HMAC-SHA256(key, message) and return hex string\nasync function computeHmac(key: string, message: string): Promise {\n const encoder = new TextEncoder();\n const cryptoKey = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(key),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n const sig = await crypto.subtle.sign(\"HMAC\", cryptoKey, encoder.encode(message));\n return Array.from(new Uint8Array(sig))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n}\n\n// Timing-safe comparison of two strings via constant-time byte XOR\nasync function timingSafeEqual(a: string, b: string): Promise {\n const encoder = new TextEncoder();\n const [bufA, bufB] = [encoder.encode(a), encoder.encode(b)];\n if (bufA.length !== bufB.length) return false;\n let result = 0;\n for (let i = 0; i < bufA.length; i++) {\n result |= bufA[i] ^ bufB[i];\n }\n return result === 0;\n}\n\n// Auth middleware — skip /login\nadminApp.use(\"/*\", async (c, next) => {\n if (c.req.path.endsWith(\"/login\")) return next();\n\n const adminPassword = Deno.env.get(\"ADMIN_PASSWORD\");\n if (!adminPassword) {\n return c.json({ error: \"Admin not configured\" }, 500);\n }\n\n const auth = c.req.header(\"Authorization\");\n if (!auth?.startsWith(\"Bearer \")) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n\n const token = auth.slice(7);\n const expectedToken = await computeHmac(adminPassword, \"thirdtimer-admin\");\n const valid = await timingSafeEqual(token, expectedToken);\n if (!valid) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n return next();\n});\n\n// POST /login — validate password, return HMAC token\nadminApp.post(\"/login\", async (c) => {\n const { password } = await c.req.json();\n const adminPassword = Deno.env.get(\"ADMIN_PASSWORD\");\n\n if (!adminPassword) {\n return c.json({ error: \"Admin not configured\" }, 500);\n }\n\n const valid = await timingSafeEqual(password ?? \"\", adminPassword);\n if (!valid) {\n return c.json({ error: \"Invalid password\" }, 401);\n }\n\n const token = await computeHmac(adminPassword, \"thirdtimer-admin\");\n return c.json({ token });\n});\n\n// POST /logout — no-op on backend; client clears stored token\nadminApp.post(\"/logout\", async (c) => {\n return c.json({ success: true });\n});\n\n// GET /sessions — all thirdtime_timer_states\nadminApp.get(\"/sessions\", async (c) => {\n const sessions = await getAllTimerStates();\n return c.json({ sessions });\n});\n\n// DELETE /sessions/:userId — delete one timer_state\nadminApp.delete(\"/sessions/:userId\", async (c) => {\n const userId = c.req.param(\"userId\");\n await deleteTimerState(userId);\n return c.json({ success: true });\n});\n\n// POST /sessions/:userId/stop — reset session to idle\nadminApp.post(\"/sessions/:userId/stop\", async (c) => {\n const userId = c.req.param(\"userId\");\n await stopTimerSession(userId);\n return c.json({ success: true });\n});\n\n// POST /sessions/merge — merge multiple sessions into one\nadminApp.post(\"/sessions/merge\", async (c) => {\n const { winnerId, loserIds } = await c.req.json();\n if (!winnerId || !Array.isArray(loserIds) || loserIds.length === 0) {\n return c.json({ error: \"winnerId and non-empty loserIds array required\" }, 400);\n }\n if (loserIds.includes(winnerId)) {\n return c.json({ error: \"winnerId must not be in loserIds\" }, 400);\n }\n const sessions = await getAllTimerStates();\n const sessionIds = new Set(sessions.map((s) => s.userId));\n const allIds = [winnerId, ...loserIds];\n const missing = allIds.filter((id) => !sessionIds.has(id));\n if (missing.length > 0) {\n return c.json({ error: `Session(s) not found: ${missing.join(\", \")}` }, 404);\n }\n await mergeSessions(winnerId, loserIds);\n return c.json({ success: true });\n});\n\n// GET /groups — distinct passphrases with member counts\nadminApp.get(\"/groups\", async (c) => {\n const groups = await getAllGroups();\n return c.json({ groups });\n});\n\n// DELETE /groups/:passphrase — set passphrase=NULL for all members\nadminApp.delete(\"/groups/:passphrase\", async (c) => {\n const passphrase = c.req.param(\"passphrase\");\n await clearGroupPassphrase(passphrase);\n return c.json({ success: true });\n});\n\n// GET /history — recent thirdtime_session_history\nadminApp.get(\"/history\", async (c) => {\n const history = await getAllSessionHistory(100);\n return c.json({ history });\n});\n\n// DELETE /history/:id — delete one history row\nadminApp.delete(\"/history/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"), 10);\n await deleteSessionHistory(id);\n return c.json({ success: true });\n});\n\n// GET /users — all registered users with token counts\nadminApp.get(\"/users\", async (c) => {\n const users = await getAllUsers();\n return c.json({ users });\n});\n\n// POST /users/merge — merge loser into winner\nadminApp.post(\"/users/merge\", async (c) => {\n const { winnerId, loserId } = await c.req.json();\n if (!winnerId || !loserId) {\n return c.json({ error: \"winnerId and loserId required\" }, 400);\n }\n if (winnerId === loserId) {\n return c.json({ error: \"winnerId and loserId must be different\" }, 400);\n }\n const users = await getAllUsers();\n const winnerExists = users.some((u) => u.id === winnerId);\n const loserExists = users.some((u) => u.id === loserId);\n if (!winnerExists || !loserExists) {\n return c.json({ error: \"One or both user IDs not found\" }, 404);\n }\n await mergeUsers(winnerId, loserId);\n return c.json({ success: true });\n});\n\n// GET /events — recent event log entries\nadminApp.get(\"/events\", async (c) => {\n const events = await getAllEventLogs(200);\n return c.json({ events });\n});\n\n// DELETE /events/:id — delete one event log entry\nadminApp.delete(\"/events/:id\", async (c) => {\n const id = parseInt(c.req.param(\"id\"), 10);\n await deleteEventLog(id);\n return c.json({ success: true });\n});\n\n// GET /config — all app config\nadminApp.get(\"/config\", async (c) => {\n const config = await getConfig();\n return c.json({ config });\n});\n\n// PUT /config — upsert a single config key\nadminApp.put(\"/config\", async (c) => {\n const { key, value } = await c.req.json();\n if (!key || value == null) {\n return c.json({ error: \"key and value required\" }, 400);\n }\n await setConfig(key, String(value));\n return c.json({ success: true });\n});\n\nexport default adminApp;\n",[],[201,757,765,767],"8f310d70-122b-11f1-a6e8-42dde27851f2",152,["D",1772011372036],[259,260],[201,757,765],"21e08afa-193f-11f1-bed5-42dde27851f2","queries.ts","b376bd66-109a-11f1-8e90-42dde27851f2","aa5128d4-109a-11f1-929b-42dde27851f2",["D",1772789436488],33,"import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport type { GlobalAggregate, GroupMemberState, SessionRecord, TimerEvent, TimerEventLog, TimerState } from \"../../shared/types.ts\";\n\nconst ADJECTIVES = [\n \"bold\", \"calm\", \"cool\", \"eager\", \"fair\", \"fond\", \"glad\", \"keen\",\n \"kind\", \"mild\", \"neat\", \"safe\", \"warm\", \"wise\", \"able\", \"brave\",\n \"busy\", \"cozy\", \"deft\", \"fast\", \"firm\", \"free\", \"good\", \"happy\",\n];\nconst NOUNS = [\n \"kare\", \"curie\", \"darwin\", \"euler\", \"fermi\", \"gauss\", \"hopper\",\n \"knuth\", \"lamar\", \"morse\", \"nobel\", \"planck\", \"turing\", \"yonath\",\n \"agnesi\", \"bohr\", \"dirac\", \"faraday\", \"hertz\", \"kepler\", \"lovelace\",\n \"mendel\", \"noether\", \"pascal\",\n];\n\nfunction generatePseudonym(userId: string): string {\n let hash = 0;\n for (let i = 0; i < userId.length; i++) {\n hash = ((hash << 5) - hash + userId.charCodeAt(i)) | 0;\n }\n const h = Math.abs(hash);\n return `${ADJECTIVES[h % ADJECTIVES.length]}-${NOUNS[(h >>> 8) % NOUNS.length]}`;\n}\n\nexport async function getState(userId: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [userId],\n });\n\n if (result.rows.length === 0) return null;\n\n const row = result.rows[0];\n const cols = result.columns;\n const col = (name: string) => row[cols.indexOf(name)];\n\n return {\n mode: col(\"mode\") as TimerState[\"mode\"],\n workStartTime: col(\"work_start_time\") as number | null,\n breakStartTime: col(\"break_start_time\") as number | null,\n savedBreakMinutes: col(\"saved_break_minutes\") as number,\n breakFraction: col(\"break_fraction\") as number,\n totalWorkTime: col(\"total_work_time\") as number,\n totalBreakTime: col(\"total_break_time\") as number,\n sessionStartedAt: col(\"session_started_at\") as number | null,\n };\n}\n\nexport async function saveState(userId: string, state: TimerState, displayName: string | null = null, sessionIntent: string | null = null): Promise {\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO thirdtime_timer_states\n (user_id, mode, work_start_time, break_start_time, saved_break_minutes, break_fraction, total_work_time, total_break_time, passphrase, display_name, session_intent, session_started_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, NULL, ?, ?, ?)`,\n args: [\n userId,\n state.mode,\n state.workStartTime,\n state.breakStartTime,\n state.savedBreakMinutes,\n state.breakFraction,\n state.totalWorkTime,\n state.totalBreakTime,\n displayName,\n sessionIntent,\n state.sessionStartedAt,\n ],\n });\n}\n\nexport async function addGroupMembership(userId: string, passphrase: string): Promise {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO thirdtime_group_memberships (user_id, passphrase) VALUES (?, ?)`,\n args: [userId, passphrase],\n });\n}\n\nexport async function removeGroupMembership(userId: string, passphrase: string): Promise {\n await sqlite.execute({\n sql: `DELETE FROM thirdtime_group_memberships WHERE user_id = ? AND passphrase = ?`,\n args: [userId, passphrase],\n });\n}\n\nexport async function getUserGroupMemberships(userId: string): Promise {\n const result = await sqlite.execute({\n sql: `SELECT passphrase FROM thirdtime_group_memberships WHERE user_id = ?`,\n args: [userId],\n });\n return result.rows.map((row) => row[0] as string);\n}\n\nexport async function getGroupMemberCount(passphrase: string): Promise {\n const result = await sqlite.execute({\n sql: `SELECT COUNT(*) as count FROM thirdtime_group_memberships WHERE passphrase = ?`,\n args: [passphrase],\n });\n return result.rows[0][0] as number;\n}\n\nexport async function getGroupStates(passphrase: string, excludeUserId: string): Promise {\n const result = await sqlite.execute({\n sql: `SELECT t.user_id, t.mode, t.work_start_time, t.break_start_time,\n t.display_name, t.session_intent, t.break_fraction\n FROM thirdtime_timer_states t\n JOIN thirdtime_group_memberships m ON t.user_id = m.user_id\n WHERE m.passphrase = ? AND t.user_id != ?`,\n args: [passphrase, excludeUserId],\n });\n\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n const displayName = col(\"display_name\") as string | null;\n return {\n mode: col(\"mode\") as GroupMemberState[\"mode\"],\n workStartTime: col(\"work_start_time\") as number | null,\n breakStartTime: col(\"break_start_time\") as number | null,\n displayName: displayName || generatePseudonym(col(\"user_id\") as string),\n sessionIntent: col(\"session_intent\") as string | null,\n breakFraction: (col(\"break_fraction\") as number) ?? 0.333,\n };\n });\n}\n\nexport async function getActiveTimerCount(): Promise {\n const oneDayAgo = Date.now() - 24 * 60 * 60 * 1000;\n const result = await sqlite.execute({\n sql: \"SELECT COUNT(*) as count FROM thirdtime_timer_states WHERE work_start_time IS NOT NULL AND work_start_time > ?\",\n args: [oneDayAgo],\n });\n return result.rows[0][0] as number;\n}\n\nexport async function saveSessionHistory(record: {\n ownerToken: string;\n intent: string | null;\n workTime: number;\n breakTime: number;\n startedAt: string;\n endedAt: string;\n breakFraction: number;\n}): Promise {\n await sqlite.execute({\n sql: `INSERT INTO thirdtime_session_history (owner_token, intent, work_time, break_time, started_at, ended_at, break_fraction)\n VALUES (?, ?, ?, ?, ?, ?, ?)\n ON CONFLICT(owner_token, started_at) DO UPDATE SET\n intent = COALESCE(excluded.intent, thirdtime_session_history.intent),\n work_time = excluded.work_time,\n break_time = excluded.break_time,\n ended_at = excluded.ended_at,\n break_fraction = excluded.break_fraction`,\n args: [\n record.ownerToken,\n record.intent,\n record.workTime,\n record.breakTime,\n record.startedAt,\n record.endedAt,\n record.breakFraction,\n ],\n });\n}\n\nexport async function getDistinctIntents(ownerTokens: string[]): Promise {\n if (ownerTokens.length === 0) return [];\n const placeholders = ownerTokens.map(() => \"?\").join(\", \");\n const result = await sqlite.execute({\n sql: `SELECT intent FROM thirdtime_session_history WHERE owner_token IN (${placeholders}) AND intent IS NOT NULL AND intent != '' GROUP BY intent ORDER BY MAX(ended_at) DESC`,\n args: ownerTokens,\n });\n return result.rows.map((row) => row[0] as string);\n}\n\nexport async function getHistoryByIntent(ownerTokens: string[]): Promise> {\n if (ownerTokens.length === 0) return [];\n const placeholders = ownerTokens.map(() => \"?\").join(\", \");\n const result = await sqlite.execute({\n sql: `SELECT\n COALESCE(intent, '(no intent)') as intent,\n COUNT(*) as session_count,\n SUM(work_time) as total_work_time,\n AVG(work_time) as avg_session_length,\n COUNT(DISTINCT DATE(ended_at)) as days_worked,\n MAX(ended_at) as last_worked\n FROM thirdtime_session_history\n WHERE owner_token IN (${placeholders})\n GROUP BY COALESCE(intent, '(no intent)')\n ORDER BY MAX(ended_at) DESC`,\n args: ownerTokens,\n });\n\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n intent: col(\"intent\") as string,\n sessionCount: col(\"session_count\") as number,\n totalWorkTime: col(\"total_work_time\") as number,\n avgSessionLength: col(\"avg_session_length\") as number,\n daysWorked: col(\"days_worked\") as number,\n lastWorked: col(\"last_worked\") as string,\n };\n });\n}\n\nexport async function getHistorySummary(ownerTokens: string[], period: \"daily\" | \"weekly\"): Promise> {\n if (ownerTokens.length === 0) return [];\n const placeholders = ownerTokens.map(() => \"?\").join(\", \");\n const groupExpr = period === \"daily\"\n ? \"DATE(ended_at)\"\n : \"strftime('%Y-W%W', ended_at)\";\n\n const result = await sqlite.execute({\n sql: `SELECT\n ${groupExpr} as period,\n SUM(work_time) as total_work_time,\n SUM(break_time) as total_break_time,\n COUNT(*) as session_count\n FROM thirdtime_session_history\n WHERE owner_token IN (${placeholders})\n GROUP BY ${groupExpr}\n ORDER BY period DESC\n LIMIT 30`,\n args: ownerTokens,\n });\n\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n period: col(\"period\") as string,\n totalWorkTime: col(\"total_work_time\") as number,\n totalBreakTime: col(\"total_break_time\") as number,\n sessionCount: col(\"session_count\") as number,\n };\n });\n}\n\nexport async function getSessionTimeline(ownerTokens: string[], limit = 20, cursor?: string): Promise<{ sessions: SessionRecord[]; nextCursor: string | null }> {\n if (ownerTokens.length === 0) return { sessions: [], nextCursor: null };\n const placeholders = ownerTokens.map(() => \"?\").join(\", \");\n const args: (string | number)[] = [...ownerTokens];\n let cursorClause = \"\";\n if (cursor) {\n cursorClause = \"AND started_at < ?\";\n args.push(cursor);\n }\n args.push(limit + 1);\n\n const result = await sqlite.execute({\n sql: `SELECT id, intent, work_time, break_time, started_at, ended_at, break_fraction\n FROM thirdtime_session_history\n WHERE owner_token IN (${placeholders}) ${cursorClause}\n ORDER BY started_at DESC\n LIMIT ?`,\n args,\n });\n\n const cols = result.columns;\n const rows = result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as number,\n intent: col(\"intent\") as string | null,\n workTime: col(\"work_time\") as number,\n breakTime: col(\"break_time\") as number,\n startedAt: col(\"started_at\") as string,\n endedAt: col(\"ended_at\") as string,\n breakFraction: col(\"break_fraction\") as number,\n };\n });\n\n if (rows.length > limit) {\n const last = rows.pop()!;\n return { sessions: rows, nextCursor: last.startedAt };\n }\n return { sessions: rows, nextCursor: null };\n}\n\nexport async function getGlobalAggregate(ownerTokens: string[]): Promise {\n if (ownerTokens.length === 0) {\n return { totalSessions: 0, totalWorkTime: 0, totalBreakTime: 0, avgSessionLength: 0, distinctIntents: 0, firstSessionDate: null };\n }\n const placeholders = ownerTokens.map(() => \"?\").join(\", \");\n const result = await sqlite.execute({\n sql: `SELECT\n COUNT(*) as total_sessions,\n COALESCE(SUM(work_time), 0) as total_work_time,\n COALESCE(SUM(break_time), 0) as total_break_time,\n COALESCE(AVG(work_time), 0) as avg_session_length,\n COUNT(DISTINCT CASE WHEN intent IS NOT NULL AND intent != '' THEN intent END) as distinct_intents,\n MIN(started_at) as first_session_date\n FROM thirdtime_session_history\n WHERE owner_token IN (${placeholders})`,\n args: ownerTokens,\n });\n\n const cols = result.columns;\n const row = result.rows[0];\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n totalSessions: col(\"total_sessions\") as number,\n totalWorkTime: col(\"total_work_time\") as number,\n totalBreakTime: col(\"total_break_time\") as number,\n avgSessionLength: col(\"avg_session_length\") as number,\n distinctIntents: col(\"distinct_intents\") as number,\n firstSessionDate: col(\"first_session_date\") as string | null,\n };\n}\n\nexport async function saveEvents(userId: string, events: TimerEvent[], passphrase: string | null): Promise {\n for (const event of events) {\n await sqlite.execute({\n sql: `INSERT INTO thirdtime_event_log (user_id, event_type, timestamp, metadata, passphrase) VALUES (?, ?, ?, ?, ?)`,\n args: [\n userId,\n event.eventType,\n event.timestamp,\n event.metadata ? JSON.stringify(event.metadata) : null,\n passphrase,\n ],\n });\n }\n}\n\nexport async function getUserEvents(userId: string, limit = 20): Promise {\n const result = await sqlite.execute({\n sql: `SELECT e.id, e.user_id, e.event_type, e.timestamp, e.metadata,\n t.display_name\n FROM thirdtime_event_log e\n LEFT JOIN thirdtime_timer_states t ON e.user_id = t.user_id\n WHERE e.user_id = ?\n ORDER BY e.timestamp DESC\n LIMIT ?`,\n args: [userId, limit],\n });\n\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n const displayName = col(\"display_name\") as string | null;\n const metadataStr = col(\"metadata\") as string | null;\n return {\n id: col(\"id\") as number,\n userId: col(\"user_id\") as string,\n eventType: col(\"event_type\") as TimerEventLog[\"eventType\"],\n timestamp: col(\"timestamp\") as number,\n metadata: metadataStr ? JSON.parse(metadataStr) : undefined,\n displayName: displayName || generatePseudonym(col(\"user_id\") as string),\n };\n });\n}\n\nexport async function getGroupEvents(passphrase: string, limit = 20): Promise {\n const result = await sqlite.execute({\n sql: `SELECT DISTINCT e.id, e.user_id, e.event_type, e.timestamp, e.metadata,\n t.display_name\n FROM thirdtime_event_log e\n JOIN thirdtime_group_memberships m ON e.user_id = m.user_id\n LEFT JOIN thirdtime_timer_states t ON e.user_id = t.user_id\n WHERE m.passphrase = ?\n ORDER BY e.timestamp DESC\n LIMIT ?`,\n args: [passphrase, limit],\n });\n\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n const displayName = col(\"display_name\") as string | null;\n const metadataStr = col(\"metadata\") as string | null;\n return {\n id: col(\"id\") as number,\n userId: col(\"user_id\") as string,\n eventType: col(\"event_type\") as TimerEventLog[\"eventType\"],\n timestamp: col(\"timestamp\") as number,\n metadata: metadataStr ? JSON.parse(metadataStr) : undefined,\n displayName: displayName || generatePseudonym(col(\"user_id\") as string),\n };\n });\n}\n",[],[201,757,787,779],"database","c27f9008-193c-11f1-b392-42dde27851f2","preferences-queries.ts","caf65ab6-187c-11f1-9f61-42dde27851f2",["D",1772788417660],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function getUserPreferences(userId: string): Promise> {\n const result = await sqlite.execute({\n sql: \"SELECT key, value FROM studiokare_user_preferences WHERE user_id = ?\",\n args: [userId],\n });\n const prefs: Record = {};\n const cols = result.columns;\n for (const row of result.rows) {\n const key = row[cols.indexOf(\"key\")] as string;\n const value = row[cols.indexOf(\"value\")] as string;\n prefs[key] = value;\n }\n return prefs;\n}\n\nexport async function setUserPreferences(userId: string, prefs: Record): Promise {\n for (const [key, value] of Object.entries(prefs)) {\n await sqlite.execute({\n sql: `INSERT INTO studiokare_user_preferences (user_id, key, value, updated_at)\n VALUES (?, ?, ?, datetime('now'))\n ON CONFLICT(user_id, key) DO UPDATE SET value = excluded.value, updated_at = excluded.updated_at`,\n args: [userId, key, value],\n });\n }\n}\n",[],[201,757,787,789],"e33a06e0-196c-11f1-adc4-42dde27851f2","onboarding-queries.ts","89c9a4e2-1950-11f1-bfbc-42dde27851f2",["D",1772809088429],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function getOnboarding(identifier: string): Promise> {\n const result = await sqlite.execute({\n sql: \"SELECT data FROM thirdtime_onboarding WHERE identifier = ?\",\n args: [identifier],\n });\n if (result.rows.length === 0) return {};\n const raw = result.rows[0][result.columns.indexOf(\"data\")] as string;\n try {\n return JSON.parse(raw);\n } catch {\n return {};\n }\n}\n\nexport async function saveOnboarding(identifier: string, data: Record): Promise {\n await sqlite.execute({\n sql: `INSERT INTO thirdtime_onboarding (identifier, data, updated_at)\n VALUES (?, ?, datetime('now'))\n ON CONFLICT(identifier) DO UPDATE SET data = excluded.data, updated_at = excluded.updated_at`,\n args: [identifier, JSON.stringify(data)],\n });\n}\n\nexport async function mergeOnboarding(fromIdentifier: string, toIdentifier: string): Promise {\n const [fromData, toData] = await Promise.all([\n getOnboarding(fromIdentifier),\n getOnboarding(toIdentifier),\n ]);\n // Merge: keep existing toData entries, add any from fromData that don't exist yet\n const merged = { ...fromData, ...toData };\n if (Object.keys(merged).length > 0) {\n await saveOnboarding(toIdentifier, merged);\n }\n // Clean up the old record\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_onboarding WHERE identifier = ?\",\n args: [fromIdentifier],\n });\n}\n",[],[201,757,787,796],"e33838a6-196c-11f1-adc4-42dde27851f2","migrations.ts","acb834a0-109a-11f1-83ec-42dde27851f2",["D",1772809088429],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function runMigrations() {\n // 1. Create thirdtime_timer_states with all columns\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_timer_states (\n user_id TEXT PRIMARY KEY,\n mode TEXT NOT NULL DEFAULT 'idle',\n work_start_time INTEGER,\n break_start_time INTEGER,\n saved_break_minutes REAL NOT NULL DEFAULT 0,\n break_fraction REAL NOT NULL DEFAULT 0.333,\n total_work_time REAL NOT NULL DEFAULT 0,\n total_break_time REAL NOT NULL DEFAULT 0,\n passphrase TEXT DEFAULT NULL,\n display_name TEXT DEFAULT NULL,\n session_intent TEXT DEFAULT NULL,\n session_started_at INTEGER DEFAULT NULL\n )\n `);\n\n // 2. Create thirdtime_session_history\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_session_history (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n owner_token TEXT NOT NULL,\n intent TEXT,\n work_time REAL NOT NULL,\n break_time REAL NOT NULL,\n started_at TEXT NOT NULL,\n ended_at TEXT NOT NULL,\n break_fraction REAL NOT NULL\n )\n `);\n\n // 3. Create thirdtime_app_config\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_app_config (\n key TEXT PRIMARY KEY,\n value TEXT NOT NULL\n )\n `);\n\n // 4. Create indexes on new tables\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_thirdtime_session_history_owner ON thirdtime_session_history(owner_token, ended_at DESC)`);\n } catch (_) {\n // Index already exists\n }\n\n try {\n await sqlite.execute(`CREATE UNIQUE INDEX IF NOT EXISTS idx_thirdtime_session_history_session ON thirdtime_session_history(owner_token, started_at)`);\n } catch (_) {\n // Index already exists\n }\n\n // 5. Create thirdtime_event_log\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_event_log (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id TEXT NOT NULL,\n event_type TEXT NOT NULL,\n timestamp INTEGER NOT NULL,\n metadata TEXT,\n passphrase TEXT\n )\n `);\n\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_thirdtime_event_log_user ON thirdtime_event_log(user_id, timestamp DESC)`);\n } catch (_) {\n // Index already exists\n }\n\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_thirdtime_event_log_group ON thirdtime_event_log(passphrase, timestamp DESC)`);\n } catch (_) {\n // Index already exists\n }\n\n // 6. Create studiokare_user_preferences\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS studiokare_user_preferences (\n user_id TEXT NOT NULL,\n key TEXT NOT NULL,\n value TEXT NOT NULL,\n updated_at TEXT DEFAULT (datetime('now')),\n PRIMARY KEY (user_id, key)\n )\n `);\n\n // 7. Create thirdtime_group_memberships junction table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_group_memberships (\n user_id TEXT NOT NULL,\n passphrase TEXT NOT NULL,\n joined_at TEXT DEFAULT (datetime('now')),\n PRIMARY KEY (user_id, passphrase)\n )\n `);\n\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_group_memberships_passphrase ON thirdtime_group_memberships(passphrase)`);\n } catch (_) {\n // Index already exists\n }\n\n // Migrate existing passphrase data to junction table\n await sqlite.execute(`\n INSERT OR IGNORE INTO thirdtime_group_memberships (user_id, passphrase)\n SELECT user_id, passphrase FROM thirdtime_timer_states\n WHERE passphrase IS NOT NULL\n `);\n\n // Default max_groups config\n await sqlite.execute(`\n INSERT OR IGNORE INTO thirdtime_app_config (key, value) VALUES ('max_groups', '3')\n `);\n\n // 8. Create thirdtime_onboarding\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS thirdtime_onboarding (\n identifier TEXT PRIMARY KEY,\n data TEXT NOT NULL DEFAULT '{}',\n updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n\n // 9. One-time migration: copy data from old tables to new tables, then drop old tables\n try {\n await sqlite.execute(\"SELECT 1 FROM timer_states LIMIT 1\");\n\n // Old tables exist — migrate data\n await sqlite.execute(`INSERT OR IGNORE INTO thirdtime_timer_states SELECT * FROM timer_states`);\n await sqlite.execute(`INSERT OR IGNORE INTO thirdtime_session_history SELECT * FROM session_history`);\n\n try {\n await sqlite.execute(`INSERT OR IGNORE INTO thirdtime_app_config SELECT * FROM app_config`);\n } catch (_) {\n // app_config may not have had data\n }\n\n // Drop old indexes\n try { await sqlite.execute(`DROP INDEX IF EXISTS idx_session_history_owner`); } catch (_) { /* */ }\n try { await sqlite.execute(`DROP INDEX IF EXISTS idx_session_history_session`); } catch (_) { /* */ }\n\n // Drop old tables\n await sqlite.execute(`DROP TABLE IF EXISTS timer_states`);\n await sqlite.execute(`DROP TABLE IF EXISTS session_history`);\n await sqlite.execute(`DROP TABLE IF EXISTS app_config`);\n } catch (_) {\n // Old timer_states table doesn't exist — already migrated, nothing to do\n }\n}\n",[],[201,757,787,803],"d5d965d6-1241-11f1-b99b-42dde27851f2","config-queries.ts","749582c2-1238-11f1-a0c3-42dde27851f2",215,["D",1772020939478],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function getConfig(): Promise> {\n const result = await sqlite.execute(\"SELECT key, value FROM thirdtime_app_config\");\n const cols = result.columns;\n const config: Record = {};\n for (const row of result.rows) {\n const key = row[cols.indexOf(\"key\")] as string;\n const value = row[cols.indexOf(\"value\")] as string;\n config[key] = value;\n }\n return config;\n}\n\nexport async function setConfig(key: string, value: string): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO thirdtime_app_config (key, value) VALUES (?, ?) ON CONFLICT(key) DO UPDATE SET value = excluded.value\",\n args: [key, value],\n });\n}\n",[],[201,757,787,810],"7189c672-1339-11f1-ae00-42dde27851f2","auth-queries.ts","5fbedc86-130f-11f1-88b1-42dde27851f2",["D",1772127286387],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport type { StudioKareSession, StudioKareUser } from \"../../shared/auth-types.ts\";\n\n// ---- Users ----\n\nexport async function getUserByEmail(email: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT id, email, created_at FROM studiokare_users WHERE email = ?\",\n args: [email],\n });\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n const cols = result.columns;\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as string,\n email: col(\"email\") as string,\n createdAt: col(\"created_at\") as string,\n };\n}\n\nexport async function getUserById(id: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT id, email, created_at FROM studiokare_users WHERE id = ?\",\n args: [id],\n });\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n const cols = result.columns;\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as string,\n email: col(\"email\") as string,\n createdAt: col(\"created_at\") as string,\n };\n}\n\nexport async function createUser(id: string, email: string): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO studiokare_users (id, email) VALUES (?, ?)\",\n args: [id, email],\n });\n return { id, email, createdAt: new Date().toISOString() };\n}\n\n// ---- Sessions ----\n\nexport async function createSessionRecord(sessionId: string, userId: string, expiresAt: Date): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO studiokare_sessions (id, user_id, expires_at) VALUES (?, ?, ?)\",\n args: [sessionId, userId, expiresAt.toISOString()],\n });\n}\n\nexport async function getSessionRecord(\n sessionId: string,\n): Promise<{ session: StudioKareSession; user: StudioKareUser } | null> {\n const result = await sqlite.execute({\n sql: `SELECT s.id, s.user_id, s.expires_at, u.email, u.created_at\n FROM studiokare_sessions s\n JOIN studiokare_users u ON s.user_id = u.id\n WHERE s.id = ?`,\n args: [sessionId],\n });\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n const cols = result.columns;\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n session: {\n id: col(\"id\") as string,\n userId: col(\"user_id\") as string,\n expiresAt: new Date(col(\"expires_at\") as string),\n },\n user: {\n id: col(\"user_id\") as string,\n email: col(\"email\") as string,\n createdAt: col(\"created_at\") as string,\n },\n };\n}\n\nexport async function updateSessionExpiry(sessionId: string, expiresAt: Date): Promise {\n await sqlite.execute({\n sql: \"UPDATE studiokare_sessions SET expires_at = ? WHERE id = ?\",\n args: [expiresAt.toISOString(), sessionId],\n });\n}\n\nexport async function deleteSessionRecord(sessionId: string): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM studiokare_sessions WHERE id = ?\",\n args: [sessionId],\n });\n}\n\n// ---- Magic Links ----\n\nexport async function createMagicLinkRecord(id: string, email: string, expiresAt: Date, userId?: string): Promise {\n await sqlite.execute({\n sql: \"INSERT INTO studiokare_magic_links (id, email, expires_at, user_id) VALUES (?, ?, ?, ?)\",\n args: [id, email, expiresAt.toISOString(), userId ?? null],\n });\n}\n\nexport async function getMagicLinkRecord(id: string): Promise<{ email: string; expiresAt: Date; userId: string | null } | null> {\n const result = await sqlite.execute({\n sql: \"SELECT email, expires_at, user_id FROM studiokare_magic_links WHERE id = ?\",\n args: [id],\n });\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n const cols = result.columns;\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n email: col(\"email\") as string,\n expiresAt: new Date(col(\"expires_at\") as string),\n userId: col(\"user_id\") as string | null,\n };\n}\n\nexport async function updateUserEmail(userId: string, newEmail: string): Promise {\n await sqlite.execute({\n sql: \"UPDATE studiokare_users SET email = ? WHERE id = ?\",\n args: [newEmail, userId],\n });\n}\n\nexport async function deleteMagicLinkRecord(id: string): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM studiokare_magic_links WHERE id = ?\",\n args: [id],\n });\n}\n\n// ---- Owner Token Linking ----\n\nexport async function linkOwnerToken(ownerToken: string, userId: string): Promise {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO studiokare_owner_tokens (owner_token, user_id) VALUES (?, ?)\",\n args: [ownerToken, userId],\n });\n}\n\nexport async function getOwnerTokensForUser(userId: string): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT owner_token FROM studiokare_owner_tokens WHERE user_id = ?\",\n args: [userId],\n });\n return result.rows.map((row) => row[0] as string);\n}\n",[],[201,757,787,818],"7189bcb8-1339-11f1-ae00-42dde27851f2","auth-migrations.ts","5fd80f76-130f-11f1-83d1-42dde27851f2",["D",1772127286387],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nexport async function runAuthMigrations() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS studiokare_users (\n id TEXT PRIMARY KEY,\n email TEXT NOT NULL UNIQUE,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS studiokare_sessions (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL REFERENCES studiokare_users(id),\n expires_at TEXT NOT NULL\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS studiokare_magic_links (\n id TEXT PRIMARY KEY,\n email TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n expires_at TEXT NOT NULL\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS studiokare_owner_tokens (\n owner_token TEXT PRIMARY KEY,\n user_id TEXT NOT NULL REFERENCES studiokare_users(id),\n linked_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n\n // Add user_id to magic_links for email-change tokens (nullable; null = login token)\n try {\n await sqlite.execute(`ALTER TABLE studiokare_magic_links ADD COLUMN user_id TEXT REFERENCES studiokare_users(id)`);\n } catch (_) {}\n\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_studiokare_sessions_user ON studiokare_sessions(user_id)`);\n } catch (_) {}\n\n try {\n await sqlite.execute(`CREATE INDEX IF NOT EXISTS idx_studiokare_owner_tokens_user ON studiokare_owner_tokens(user_id)`);\n } catch (_) {}\n}\n",[],[201,757,787,825],"21bfe232-193f-11f1-bed5-42dde27851f2","admin-queries.ts","8a556f30-122b-11f1-9b3a-42dde27851f2",["D",1772789436488],22,"import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { saveSessionHistory } from \"./queries.ts\";\nimport { getUserById } from \"./auth-queries.ts\";\n\nexport async function getAllTimerStates() {\n const result = await sqlite.execute(\"SELECT * FROM thirdtime_timer_states\");\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n userId: col(\"user_id\") as string,\n mode: col(\"mode\") as string,\n workStartTime: col(\"work_start_time\") as number | null,\n breakStartTime: col(\"break_start_time\") as number | null,\n savedBreakMinutes: col(\"saved_break_minutes\") as number,\n breakFraction: col(\"break_fraction\") as number,\n totalWorkTime: col(\"total_work_time\") as number,\n totalBreakTime: col(\"total_break_time\") as number,\n passphrase: col(\"passphrase\") as string | null,\n displayName: col(\"display_name\") as string | null,\n sessionIntent: col(\"session_intent\") as string | null,\n sessionStartedAt: col(\"session_started_at\") as number | null,\n };\n });\n}\n\nexport async function deleteTimerState(userId: string): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_group_memberships WHERE user_id = ?\",\n args: [userId],\n });\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [userId],\n });\n}\n\nexport async function getAllGroups() {\n const result = await sqlite.execute(\n `SELECT m.passphrase, COUNT(*) as member_count,\n GROUP_CONCAT(COALESCE(t.display_name, m.user_id)) as members\n FROM thirdtime_group_memberships m\n LEFT JOIN thirdtime_timer_states t ON m.user_id = t.user_id\n GROUP BY m.passphrase`\n );\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n passphrase: col(\"passphrase\") as string,\n memberCount: col(\"member_count\") as number,\n members: col(\"members\") as string,\n };\n });\n}\n\nexport async function clearGroupPassphrase(passphrase: string): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_group_memberships WHERE passphrase = ?\",\n args: [passphrase],\n });\n}\n\nexport async function getAllSessionHistory(limit = 100) {\n const result = await sqlite.execute({\n sql: \"SELECT * FROM thirdtime_session_history ORDER BY ended_at DESC LIMIT ?\",\n args: [limit],\n });\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as number,\n ownerToken: col(\"owner_token\") as string,\n intent: col(\"intent\") as string | null,\n workTime: col(\"work_time\") as number,\n breakTime: col(\"break_time\") as number,\n startedAt: col(\"started_at\") as string,\n endedAt: col(\"ended_at\") as string,\n breakFraction: col(\"break_fraction\") as number,\n };\n });\n}\n\nexport async function deleteSessionHistory(id: number): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_session_history WHERE id = ?\",\n args: [id],\n });\n}\n\nexport async function getAllUsers() {\n const result = await sqlite.execute(\n `SELECT u.id, u.email, u.created_at,\n COUNT(ot.owner_token) AS token_count\n FROM studiokare_users u\n LEFT JOIN studiokare_owner_tokens ot ON ot.user_id = u.id\n GROUP BY u.id\n ORDER BY u.created_at DESC`\n );\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as string,\n email: col(\"email\") as string,\n createdAt: col(\"created_at\") as string,\n tokenCount: col(\"token_count\") as number,\n };\n });\n}\n\nexport async function mergeUsers(winnerId: string, loserId: string): Promise {\n // Re-link all loser's owner tokens to winner\n await sqlite.execute({\n sql: \"UPDATE studiokare_owner_tokens SET user_id = ? WHERE user_id = ?\",\n args: [winnerId, loserId],\n });\n\n // Re-link loser's login sessions to winner (keeps their browsers logged in)\n await sqlite.execute({\n sql: \"UPDATE studiokare_sessions SET user_id = ? WHERE user_id = ?\",\n args: [winnerId, loserId],\n });\n\n // Clean up magic links\n await sqlite.execute({\n sql: \"DELETE FROM studiokare_magic_links WHERE user_id = ?\",\n args: [loserId],\n });\n\n // Snapshot loser's in-progress session (if any) before discarding state\n const loserState = await sqlite.execute({\n sql: \"SELECT * FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [loserId],\n });\n if (loserState.rows.length > 0) {\n const cols = loserState.columns;\n const col = (name: string) => loserState.rows[0][cols.indexOf(name)];\n const sessionStartedAt = col(\"session_started_at\") as number | null;\n if (sessionStartedAt != null) {\n let workTime = (col(\"total_work_time\") as number) || 0;\n let breakTime = (col(\"total_break_time\") as number) || 0;\n const now = Date.now();\n const mode = col(\"mode\") as string;\n if (mode === \"working\" && col(\"work_start_time\")) {\n workTime += (now - (col(\"work_start_time\") as number)) / 1000 / 60;\n }\n if (mode === \"breaking\" && col(\"break_start_time\")) {\n breakTime += Math.min(\n (now - (col(\"break_start_time\") as number)) / 1000 / 60,\n (col(\"saved_break_minutes\") as number) || 0,\n );\n }\n if (workTime > 0) {\n // Pick one of the loser's tokens (already re-linked to winner by this point)\n const tokenResult = await sqlite.execute({\n sql: \"SELECT owner_token FROM studiokare_owner_tokens WHERE user_id = ? LIMIT 1\",\n args: [winnerId],\n });\n if (tokenResult.rows.length > 0) {\n const ownerToken = tokenResult.rows[0][0] as string;\n await saveSessionHistory({\n ownerToken,\n intent: col(\"session_intent\") as string | null,\n workTime,\n breakTime,\n startedAt: new Date(sessionStartedAt).toISOString(),\n endedAt: new Date().toISOString(),\n breakFraction: (col(\"break_fraction\") as number) || 0.333,\n });\n }\n }\n }\n }\n\n // Merge group memberships: transfer loser's groups to winner\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO thirdtime_group_memberships (user_id, passphrase)\n SELECT ?, passphrase FROM thirdtime_group_memberships WHERE user_id = ?`,\n args: [winnerId, loserId],\n });\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_group_memberships WHERE user_id = ?\",\n args: [loserId],\n });\n\n // Check if winner already has a timer state row\n const winnerState = await sqlite.execute({\n sql: \"SELECT user_id FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [winnerId],\n });\n\n if (winnerState.rows.length === 0) {\n // Move loser's timer state to winner\n await sqlite.execute({\n sql: \"UPDATE thirdtime_timer_states SET user_id = ? WHERE user_id = ?\",\n args: [winnerId, loserId],\n });\n } else {\n // Delete loser's timer state\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [loserId],\n });\n }\n\n // Delete magic links by loser's email (catches login tokens with user_id = NULL)\n const loserUser = await sqlite.execute({\n sql: \"SELECT email FROM studiokare_users WHERE id = ?\",\n args: [loserId],\n });\n if (loserUser.rows.length > 0) {\n const loserEmail = loserUser.rows[0][0] as string;\n await sqlite.execute({\n sql: \"DELETE FROM studiokare_magic_links WHERE email = ?\",\n args: [loserEmail],\n });\n }\n\n // Remove the loser account\n await sqlite.execute({\n sql: \"DELETE FROM studiokare_users WHERE id = ?\",\n args: [loserId],\n });\n}\n\nexport async function getAllEventLogs(limit = 100) {\n const result = await sqlite.execute({\n sql: `SELECT e.id, e.user_id, e.event_type, e.timestamp, e.metadata, e.passphrase,\n t.display_name\n FROM thirdtime_event_log e\n LEFT JOIN thirdtime_timer_states t ON e.user_id = t.user_id\n ORDER BY e.timestamp DESC\n LIMIT ?`,\n args: [limit],\n });\n const cols = result.columns;\n return result.rows.map((row) => {\n const col = (name: string) => row[cols.indexOf(name)];\n return {\n id: col(\"id\") as number,\n userId: col(\"user_id\") as string,\n eventType: col(\"event_type\") as string,\n timestamp: col(\"timestamp\") as number,\n metadata: col(\"metadata\") as string | null,\n passphrase: col(\"passphrase\") as string | null,\n displayName: col(\"display_name\") as string | null,\n };\n });\n}\n\nexport async function deleteEventLog(id: number): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_event_log WHERE id = ?\",\n args: [id],\n });\n}\n\nexport async function stopTimerSession(userId: string): Promise {\n await sqlite.execute({\n sql: `UPDATE thirdtime_timer_states SET\n mode = 'idle',\n work_start_time = NULL,\n break_start_time = NULL,\n saved_break_minutes = 0,\n total_work_time = 0,\n total_break_time = 0,\n session_intent = NULL,\n session_started_at = NULL\n WHERE user_id = ?`,\n args: [userId],\n });\n}\n\nexport async function mergeSessions(winnerId: string, loserIds: string[]): Promise {\n for (const loserId of loserIds) {\n const winnerUser = await getUserById(winnerId);\n const loserUser = await getUserById(loserId);\n\n if (winnerUser && loserUser) {\n // Both are authenticated users — full merge\n await mergeUsers(winnerId, loserId);\n } else {\n // At least one is anonymous — handle timer state only\n const loserState = await sqlite.execute({\n sql: \"SELECT * FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [loserId],\n });\n\n if (loserState.rows.length > 0) {\n const cols = loserState.columns;\n const col = (name: string) => loserState.rows[0][cols.indexOf(name)];\n const sessionStartedAt = col(\"session_started_at\") as number | null;\n\n // Snapshot loser's in-progress session to history (best effort)\n if (sessionStartedAt != null) {\n let workTime = (col(\"total_work_time\") as number) || 0;\n let breakTime = (col(\"total_break_time\") as number) || 0;\n const now = Date.now();\n const mode = col(\"mode\") as string;\n if (mode === \"working\" && col(\"work_start_time\")) {\n workTime += (now - (col(\"work_start_time\") as number)) / 1000 / 60;\n }\n if (mode === \"breaking\" && col(\"break_start_time\")) {\n breakTime += Math.min(\n (now - (col(\"break_start_time\") as number)) / 1000 / 60,\n (col(\"saved_break_minutes\") as number) || 0,\n );\n }\n if (workTime > 0) {\n const tokenResult = await sqlite.execute({\n sql: \"SELECT owner_token FROM studiokare_owner_tokens WHERE user_id = ? LIMIT 1\",\n args: [winnerId],\n });\n if (tokenResult.rows.length > 0) {\n const ownerToken = tokenResult.rows[0][0] as string;\n await saveSessionHistory({\n ownerToken,\n intent: col(\"session_intent\") as string | null,\n workTime,\n breakTime,\n startedAt: new Date(sessionStartedAt).toISOString(),\n endedAt: new Date().toISOString(),\n breakFraction: (col(\"break_fraction\") as number) || 0.333,\n });\n }\n }\n }\n\n // Merge group memberships\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO thirdtime_group_memberships (user_id, passphrase)\n SELECT ?, passphrase FROM thirdtime_group_memberships WHERE user_id = ?`,\n args: [winnerId, loserId],\n });\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_group_memberships WHERE user_id = ?\",\n args: [loserId],\n });\n\n // Move or delete loser's timer state\n const winnerState = await sqlite.execute({\n sql: \"SELECT user_id FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [winnerId],\n });\n\n if (winnerState.rows.length === 0) {\n await sqlite.execute({\n sql: \"UPDATE thirdtime_timer_states SET user_id = ? WHERE user_id = ?\",\n args: [winnerId, loserId],\n });\n } else {\n await sqlite.execute({\n sql: \"DELETE FROM thirdtime_timer_states WHERE user_id = ?\",\n args: [loserId],\n });\n }\n }\n }\n }\n}\n",[],[201,757,787,832],"aa51276c-109a-11f1-929b-42dde27851f2",["D",1771839189355],[250,251,252,253,254,255,256,257],[201,757,787],"e38736a4-1318-11f1-bf72-42dde27851f2","session.ts","5feaed1c-130f-11f1-b6da-42dde27851f2","5fa1a7d8-130f-11f1-bd18-42dde27851f2",["D",1772113304240],"import {\n createSessionRecord,\n deleteSessionRecord,\n getSessionRecord,\n updateSessionExpiry,\n} from \"../database/auth-queries.ts\";\nimport type { StudioKareSession, StudioKareUser } from \"../../shared/auth-types.ts\";\n\nconst SESSION_LIFETIME_MS = 30 * 24 * 60 * 60 * 1000; // 30 days\nconst SESSION_ROTATION_MS = 15 * 24 * 60 * 60 * 1000; // 15 days\n\nfunction bytesToHex(bytes: Uint8Array): string {\n return Array.from(bytes)\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n}\n\nexport function generateToken(): string {\n const bytes = new Uint8Array(32);\n crypto.getRandomValues(bytes);\n return bytesToHex(bytes);\n}\n\nexport async function hashToken(token: string): Promise {\n const encoder = new TextEncoder();\n const hash = await crypto.subtle.digest(\"SHA-256\", encoder.encode(token));\n return bytesToHex(new Uint8Array(hash));\n}\n\nexport function generateId(): string {\n const bytes = new Uint8Array(16);\n crypto.getRandomValues(bytes);\n return bytesToHex(bytes);\n}\n\nexport async function createUserSession(\n userId: string,\n): Promise<{ token: string; session: StudioKareSession }> {\n const token = generateToken();\n const sessionId = await hashToken(token);\n const expiresAt = new Date(Date.now() + SESSION_LIFETIME_MS);\n\n await createSessionRecord(sessionId, userId, expiresAt);\n\n return {\n token,\n session: { id: sessionId, userId, expiresAt },\n };\n}\n\nexport interface ValidateResult {\n session: StudioKareSession;\n user: StudioKareUser;\n rotated: boolean;\n}\n\nexport async function validateSession(token: string): Promise {\n const sessionId = await hashToken(token);\n const result = await getSessionRecord(sessionId);\n\n if (!result) return null;\n\n const { session, user } = result;\n const now = new Date();\n\n if (session.expiresAt <= now) {\n await deleteSessionRecord(sessionId);\n return null;\n }\n\n // Rotate if past the halfway point\n const timeRemaining = session.expiresAt.getTime() - now.getTime();\n if (timeRemaining < SESSION_ROTATION_MS) {\n const newExpiresAt = new Date(Date.now() + SESSION_LIFETIME_MS);\n await updateSessionExpiry(sessionId, newExpiresAt);\n session.expiresAt = newExpiresAt;\n return { session, user, rotated: true };\n }\n\n return { session, user, rotated: false };\n}\n\nexport async function invalidateSession(token: string): Promise {\n const sessionId = await hashToken(token);\n await deleteSessionRecord(sessionId);\n}\n",[],[201,757,851,844],"auth","e3872f2e-1318-11f1-bf72-42dde27851f2","middleware.ts","5fddd852-130f-11f1-b6da-42dde27851f2",["D",1772113304240],"import { createMiddleware } from \"npm:hono/factory\";\nimport { getCookie, setCookie, deleteCookie } from \"npm:hono/cookie\";\nimport { validateSession } from \"./session.ts\";\n\nconst COOKIE_NAME = \"studiokare_session\";\nconst THIRTY_DAYS_SECONDS = 30 * 24 * 60 * 60;\n\nexport const authMiddleware = createMiddleware(async (c, next) => {\n const token = getCookie(c, COOKIE_NAME);\n\n if (!token) {\n c.set(\"user\", null);\n c.set(\"sessionToken\", null);\n return next();\n }\n\n const result = await validateSession(token);\n\n if (!result) {\n deleteCookie(c, COOKIE_NAME, { path: \"/\" });\n c.set(\"user\", null);\n c.set(\"sessionToken\", null);\n return next();\n }\n\n c.set(\"user\", result.user);\n c.set(\"sessionToken\", token);\n\n if (result.rotated) {\n setCookie(c, COOKIE_NAME, token, {\n path: \"/\",\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n maxAge: THIRTY_DAYS_SECONDS,\n });\n }\n\n return next();\n});\n\nexport function buildSessionCookie(token: string): string {\n return `${COOKIE_NAME}=${token}; Path=/; HttpOnly; Secure; SameSite=Lax; Max-Age=${THIRTY_DAYS_SECONDS}`;\n}\n\nexport function clearSessionCookie(c: any): void {\n deleteCookie(c, COOKIE_NAME, { path: \"/\" });\n}\n\nexport { COOKIE_NAME };\n",[],[201,757,851,853],"7189ae3a-1339-11f1-ae00-42dde27851f2","magic-link.ts","6011d71a-130f-11f1-b220-42dde27851f2",["D",1772127286387],"import {\n createMagicLinkRecord,\n createUser,\n deleteMagicLinkRecord,\n getMagicLinkRecord,\n getUserByEmail,\n updateUserEmail,\n} from \"../database/auth-queries.ts\";\nimport { generateId, generateToken, hashToken } from \"./session.ts\";\n\nconst MAGIC_LINK_TTL_MS = 15 * 60 * 1000; // 15 minutes\n\nexport interface MagicLinkResult {\n token: string;\n email: string;\n}\n\nexport async function createMagicLinkToken(email: string): Promise {\n const token = generateToken();\n const hashedId = await hashToken(token);\n const expiresAt = new Date(Date.now() + MAGIC_LINK_TTL_MS);\n\n await createMagicLinkRecord(hashedId, email, expiresAt);\n\n return { token, email };\n}\n\nexport interface VerifyMagicLinkResult {\n userId: string;\n email: string;\n isNewUser: boolean;\n}\n\nexport async function createEmailChangeToken(userId: string, newEmail: string): Promise<{ token: string }> {\n const token = generateToken();\n const hashedId = await hashToken(token);\n const expiresAt = new Date(Date.now() + MAGIC_LINK_TTL_MS);\n await createMagicLinkRecord(hashedId, newEmail, expiresAt, userId);\n return { token };\n}\n\nexport interface VerifyEmailChangeResult {\n userId: string;\n newEmail: string;\n}\n\nexport async function verifyEmailChangeToken(token: string): Promise {\n const hashedId = await hashToken(token);\n const link = await getMagicLinkRecord(hashedId);\n\n if (!link) return null;\n // Reject login tokens used on the email-change route\n if (link.userId === null) return null;\n\n // Delete immediately (single-use)\n await deleteMagicLinkRecord(hashedId);\n\n // Check expiry\n if (link.expiresAt <= new Date()) return null;\n\n await updateUserEmail(link.userId, link.email);\n return { userId: link.userId, newEmail: link.email };\n}\n\nexport async function verifyMagicLinkToken(token: string): Promise {\n const hashedId = await hashToken(token);\n const link = await getMagicLinkRecord(hashedId);\n\n if (!link) return null;\n // Reject email-change tokens used on the login route\n if (link.userId !== null) return null;\n\n // Delete immediately (single-use)\n await deleteMagicLinkRecord(hashedId);\n\n // Check expiry\n if (link.expiresAt <= new Date()) return null;\n\n // Find or create user\n const existingUser = await getUserByEmail(link.email);\n if (existingUser) {\n return { userId: existingUser.id, email: existingUser.email, isNewUser: false };\n }\n\n const userId = generateId();\n await createUser(userId, link.email);\n return { userId, email: link.email, isNewUser: true };\n}\n",[],[201,757,851,860],"7189912a-1339-11f1-ae00-42dde27851f2","email.ts","5fe54880-130f-11f1-83d1-42dde27851f2",["D",1772127286387],"email","export interface EmailService {\n sendMagicLink(email: string, magicLinkUrl: string): Promise;\n sendChangeEmailLink(newEmail: string, changeUrl: string): Promise;\n}\n\nexport class ConsoleEmailService implements EmailService {\n async sendMagicLink(email: string, magicLinkUrl: string): Promise {\n console.log(`\\n========================================`);\n console.log(`Magic link for ${email}:`);\n console.log(magicLinkUrl);\n console.log(`========================================\\n`);\n }\n\n async sendChangeEmailLink(newEmail: string, changeUrl: string): Promise {\n console.log(`\\n========================================`);\n console.log(`Email change link for ${newEmail}:`);\n console.log(changeUrl);\n console.log(`========================================\\n`);\n }\n}\n\nexport class ScalewayEmailService implements EmailService {\n private readonly apiUrl: string;\n private readonly apiKey: string;\n private readonly projectId: string;\n private readonly from: { email: string; name?: string };\n\n constructor() {\n const region = Deno.env.get(\"SCW_REGION\")!;\n const baseUrl = Deno.env.get(\"SCW_API_URL\")!;\n this.apiUrl = `${baseUrl}/regions/${region}`;\n this.apiKey = Deno.env.get(\"SCW_SECRET_KEY\")!;\n this.projectId = Deno.env.get(\"SCW_PROJECT_ID\")!;\n this.from = {\n email: Deno.env.get(\"SCW_FROM_EMAIL\")!,\n name: Deno.env.get(\"SCW_FROM_NAME\"),\n };\n }\n\n async sendMagicLink(email: string, magicLinkUrl: string): Promise {\n const body = {\n from: this.from,\n to: [{ email }],\n project_id: this.projectId,\n subject: \"Your Third Timer login link\",\n text: `Click this link to log in to Third Timer:\\n\\n${magicLinkUrl}\\n\\nThis link expires in 15 minutes and can only be used once.`,\n html: `

Click the link below to log in to Third Timer:

This link expires in 15 minutes and can only be used once.

`,\n };\n await this._send(body);\n }\n\n async sendChangeEmailLink(newEmail: string, changeUrl: string): Promise {\n const body = {\n from: this.from,\n to: [{ email: newEmail }],\n project_id: this.projectId,\n subject: \"Confirm your new Third Timer email address\",\n text: `Click this link to confirm your new email address:\\n\\n${changeUrl}\\n\\nThis link expires in 15 minutes and can only be used once. If you did not request this change, you can ignore this email.`,\n html: `

Click the link below to confirm your new email address for Third Timer:

Confirm new email address

This link expires in 15 minutes and can only be used once. If you did not request this change, you can ignore this email.

`,\n };\n await this._send(body);\n }\n\n private async _send(body: object): Promise {\n\n const response = await fetch(`${this.apiUrl}/emails`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"X-Auth-Token\": this.apiKey,\n },\n body: JSON.stringify(body),\n });\n\n if (!response.ok) {\n const errorData = await response.json().catch(() => ({}));\n console.warn(\"Scaleway Transactional Email returned error\", errorData);\n throw new Error(`Failed to send magic link email: HTTP ${response.status}`);\n }\n }\n}\n\nconst scalewayConfigured = Deno.env.get(\"SCW_SECRET_KEY\") && Deno.env.get(\"SCW_PROJECT_ID\");\nexport const emailService: EmailService = scalewayConfigured\n ? new ScalewayEmailService()\n : new ConsoleEmailService();\n",[],[201,757,851,867],"5fa1a72e-130f-11f1-bd18-42dde27851f2",242,["D",1772109217496],[245,246,247,248],[201,757,851],"256d8ef6-1099-11f1-8a6a-42dde27851f2",["D",1771838536808],[244,249,258,261],[201,757],["D",1771838536808],[243,262,312],[201],"8174b686-158d-11f1-b354-42dde27851f2","timer-state-and-intents.md","7939f00a-1185-11f1-afe3-42dde27851f2",["D",1772383293147],"# Timer State & Intents\n\nDeveloper reference for the `TimerState` shape, state transitions, and session intent lifecycle.\n\n## TimerState shape\n\nDefined in `src/shared/types.ts`:\n\n| Field | Type | Description |\n|-------|------|-------------|\n| `mode` | `\"idle\" \\| \"working\" \\| \"breaking\"` | Current timer mode |\n| `workStartTime` | `number \\| null` | Epoch ms when the current work block began; `null` when not working |\n| `breakStartTime` | `number \\| null` | Epoch ms when the current break block began; `null` when not breaking |\n| `savedBreakMinutes` | `number` | Accumulated unused break time (minutes). Grows when work ends, shrinks when break time is consumed |\n| `breakFraction` | `number` | Ratio of break-to-work (default `1/3`). Persists across resets |\n| `totalWorkTime` | `number` | Cumulative work minutes finalized at mode transitions |\n| `totalBreakTime` | `number` | Cumulative break minutes finalized at mode transitions |\n| `sessionStartedAt` | `number \\| null` | Epoch ms when the session first started (set on the first `startWork` from idle); used as the upsert key for session history |\n\n## State transitions\n\nAll transition functions live in `src/frontend/utils/timer-actions.ts`. Each returns a `TimerActionResult` containing the new state and an optional notification.\n\n| Action | Valid from | Mode after | Key field changes |\n|--------|-----------|------------|-------------------|\n| `startWork` | idle, breaking | working | `workStartTime = now`, `breakStartTime = null`, `sessionStartedAt = now` (only if was idle) |\n| `takeBreak` | working | breaking | Earned break = `workDuration * breakFraction`; `savedBreakMinutes += earned`; `totalWorkTime += workDuration`; `breakStartTime = now`; `workStartTime = null` |\n| `resumeWork` | breaking | working | Consumed break = `min(breakDuration, savedBreakMinutes)`; `totalBreakTime += consumed`; `savedBreakMinutes -= breakDuration` (floored at 0); `workStartTime = now`; `breakStartTime = null` |\n| `handleInterruption` | working | breaking | Same accumulation as `takeBreak` (earned break added to `savedBreakMinutes`, `totalWorkTime` updated). Represents an unplanned break |\n| `takeBigBreak` | working, breaking | breaking | If was working: `totalWorkTime += workDuration`. `savedBreakMinutes = 0` (all saved break consumed); `breakStartTime = now`; `workStartTime = null` |\n| `resetSession` | any | idle | All timing fields zeroed: `workStartTime = null`, `breakStartTime = null`, `savedBreakMinutes = 0`, `totalWorkTime = 0`, `totalBreakTime = 0`, `sessionStartedAt = null`. `breakFraction` is preserved |\n\n## Time accumulation rule\n\n`totalWorkTime` and `totalBreakTime` only grow at mode transitions (when an action function is called). They never grow continuously.\n\nWhile the timer is running, the **in-progress block** (time since `workStartTime` or `breakStartTime`) is not reflected in `totalWorkTime`/`totalBreakTime` within the state object. UI components and session-history writers compute this on the fly:\n\n```\ncurrentWorkTime = totalWorkTime + (now - workStartTime) / 60000 // if mode === \"working\"\ncurrentBreakTime = totalBreakTime + min((now - breakStartTime) / 60000, savedBreakMinutes) // if mode === \"breaking\"\n```\n\nThe break cap (`min(..., savedBreakMinutes)`) ensures break time only counts up to the amount that was earned.\n\nThis pattern appears in three places:\n- `TimerContainer` stats calculation (`src/frontend/components/TimerContainer.tsx`, `stats` useMemo)\n- Backend live upsert (`src/backend/index.ts`, `POST /api/state`)\n- Frontend reset/rollover (`src/frontend/index.tsx`, `resetSession` and day-rollover `useEffect`)\n\n## Intent lifecycle\n\nA **session intent** is a short user-entered string describing what they plan to work on. It is stored in localStorage, not in `TimerState`.\n\n### Storage\n\n- **Key:** `timer_session_intent` in localStorage\n- **Counter:** `timer_breaks_since_intent` tracks how many breaks have occurred since the intent was set\n- **Functions:** `getSessionIntent`, `setSessionIntent`, `getBreaksSinceIntent`, `setBreaksSinceIntent`, `incrementBreaksSinceIntent` in `src/frontend/utils/passphrase.ts`\n\n### Intent changes per user action\n\n| User action | Effect on intent | `breaksSinceIntent` |\n|-------------|-----------------|---------------------|\n| `startWork` | Set to input value (or removed if blank) | Reset to 0 |\n| `takeBreak` | Unchanged | Incremented by 1 |\n| `resumeWork` | Unchanged | Unchanged |\n| `handleInterruption` | Cleared (`null`) | Reset to 0 |\n| `takeBigBreak` | Cleared (`null`) | Reset to 0 |\n| Clear intent button | Cleared (`null`) | Reset to 0 |\n| Submit intent while working | Set to input value | Reset to 0 |\n| `resetSession` | Not explicitly cleared | Not explicitly reset |\n\nAfter `handleInterruption` and `takeBigBreak`, the intent input auto-focuses so the user can set a new intent before resuming work.\n\nThe intent is **not** explicitly cleared on `resetSession` or day rollover. It persists in localStorage until the next `startWork` overwrites it or the user clears it manually. In practice, every new work session begins with `startWork`, which always writes the intent.\n\n### Intent in session history\n\nWhen session history is written (via `POST /api/state` or `POST /api/history`), the current `sessionIntent` from localStorage is included. This means the history record reflects whatever intent was active at write time, not necessarily the intent that was set at session start.\n\n## Event persistence\n\nTimer events (`work_started`, `intent_set`, `break_started`, etc.) are persisted independently from timer state. They flow through a dedicated pipeline that is decoupled from state saves.\n\n### Architecture\n\n```\nlogEvent() → in-memory eventQueue[]\n ↓\n auto-flush (3 s timer) OR beforeunload / visibilitychange\n ↓ ↓\n fetch POST navigator.sendBeacon\n ↓ ↓\n POST /api/events (anonymous) or POST /api/me/events (authenticated)\n ↓\n saveEvents() → thirdtime_event_log table\n```\n\n### Flush triggers\n\n| Trigger | Mechanism | Notes |\n|---------|-----------|-------|\n| Timer (3 s) | `setTimeout` scheduled on first `logEvent()` after the queue was empty | Resets after each flush |\n| Tab hidden | `visibilitychange` → `sendBeacon` | Catches mobile tab switches and desktop alt-tabs |\n| Page unload | `beforeunload` → `sendBeacon` | Last-chance flush before the page is destroyed |\n| Flush failure | Re-queues events and schedules a new 3 s timer | Retries automatically |\n\n### Lifecycle\n\n1. `initEventFlushing()` is called once at app startup (before React renders). It registers `beforeunload` and `visibilitychange` listeners.\n2. Each `logEvent()` call pushes an event onto the in-memory queue and schedules a flush timer if one isn't already running.\n3. When the timer fires (or a visibility/unload event occurs), all queued events are drained and sent to the backend in a single POST.\n4. If the POST fails (network error or non-200 response), events are re-queued and a new flush is scheduled.\n5. `sendBeacon` is used for unload/visibility flushes because it survives page teardown. If `sendBeacon` returns `false` (browser rejected), events are re-queued (though the page may be closing).\n\n### Backend endpoints\n\n| Endpoint | Auth | Body fields |\n|----------|------|-------------|\n| `POST /api/events` | Anonymous | `userId`, `events`, `passphrase` |\n| `POST /api/me/events` | Authenticated | `events`, `passphrase` |\n\nBoth delegate to `saveEvents()` in `src/backend/database/queries.ts`, which inserts each event into `thirdtime_event_log`.\n\n### Design rationale\n\nPreviously, events piggybacked on state saves — they were bundled into the `POST /api/state` body and flushed whenever `debouncedSaveState` fired. This coupling caused several problems:\n\n- **Lost events on tab close:** The 500 ms debounce meant events could be lost if the user closed the tab before the save fired.\n- **Delayed intent events:** Actions that didn't change `TimerState` (e.g., clearing an intent with no active session) never triggered a state save, so their events sat in the queue indefinitely.\n- **Stale context:** The `sessionIntent` sent alongside events reflected the value at flush time, not at event time.\n\nThe decoupled model gives events their own persistence path with shorter flush intervals, unload safety via `sendBeacon`, and automatic retries.\n\n## Key source files\n\n- `src/frontend/utils/event-log.ts` — event queue, auto-flush timer, `sendBeacon` handlers, `initEventFlushing()`\n\n- `src/shared/types.ts` — `TimerState`, `SessionStats`, `GroupMemberState`, `TimerEvent` type definitions\n- `src/frontend/utils/timer-actions.ts` — all state transition functions\n- `src/frontend/components/TimerContainer.tsx` — wires actions to UI, computes live stats\n- `src/frontend/utils/passphrase.ts` — intent and `breaksSinceIntent` localStorage helpers\n- `src/frontend/utils/state-persistence.ts` — `loadState`, `saveState`, `debouncedSaveState` (state only, no events)\n- `src/backend/database/queries.ts` — `saveEvents`, `getUserEvents`, `getGroupEvents`\n",[],[207,887],"d5d82e8c-1241-11f1-b99b-42dde27851f2","session-history.md","8dce40f2-1185-11f1-baf8-42dde27851f2",["D",1772020939478],"# Session History\n\nDeveloper reference for how session history is written and calculated.\n\n## Overview\n\nSession history records completed (or in-progress) work sessions so users can review past activity grouped by intent or time period.\n\n### Table schema\n\nDefined in `src/backend/database/migrations.ts`:\n\n```sql\nCREATE TABLE thirdtime_session_history (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n owner_token TEXT NOT NULL,\n intent TEXT, -- nullable; the user's session intent string\n work_time REAL NOT NULL, -- total work minutes\n break_time REAL NOT NULL, -- total break minutes\n started_at TEXT NOT NULL, -- ISO-8601 timestamp\n ended_at TEXT NOT NULL, -- ISO-8601 timestamp\n break_fraction REAL NOT NULL -- the break fraction setting at write time\n);\n```\n\n### Upsert key\n\n```sql\nUNIQUE INDEX idx_thirdtime_session_history_session ON thirdtime_session_history(owner_token, started_at)\n```\n\n`(owner_token, started_at)` uniquely identifies a session. The `started_at` value comes from `TimerState.sessionStartedAt` (set once on the first `startWork` from idle). Because `sessionStartedAt` is stable for the lifetime of a session, repeated writes update the same row via `ON CONFLICT ... DO UPDATE`.\n\n### Indexes\n\n- `idx_thirdtime_session_history_owner(owner_token, ended_at DESC)` — supports queries that list a user's history in reverse chronological order.\n\n## Three write paths\n\nSession history is written from three different code paths. All three now include in-progress time (the current work or break block that hasn't been finalized into `totalWorkTime`/`totalBreakTime` yet).\n\n### 1. Live upsert (backend)\n\n**Trigger:** Every `POST /api/state/:userId` call — i.e., every debounced state save while the timer is running.\n\n**Location:** `src/backend/index.ts`, inside the `POST /api/state` handler.\n\n**How times are calculated:**\n```\nworkTime = state.totalWorkTime + (now - state.workStartTime) / 60000 // if working\nbreakTime = state.totalBreakTime + min((now - state.breakStartTime) / 60000, state.savedBreakMinutes) // if breaking\n```\n\n**Conditions:**\n- Only writes if `ownerToken` is present and `state.sessionStartedAt != null`\n- Only writes if `workTime > 0`\n\n**Data flow:**\n```\nFrontend state change\n → debouncedSaveState() [state-persistence.ts]\n → POST /api/state/:userId [state-persistence.ts → backend]\n → saveSessionHistory() [backend/index.ts → queries.ts]\n → UPSERT thirdtime_session_history [queries.ts]\n```\n\n### 2. Reset session (frontend)\n\n**Trigger:** User clicks \"Reset Session\".\n\n**Location:** `src/frontend/index.tsx`, `resetSession` callback.\n\n**How times are calculated:**\n```\nfinalWorkTime = state.totalWorkTime + (now - state.workStartTime) / 60000 // if working\nfinalBreakTime = state.totalBreakTime + min((now - state.breakStartTime) / 60000, state.savedBreakMinutes) // if breaking\n```\n\nThe intent is captured from `getSessionIntent()` **before** the state is reset.\n\n**Conditions:**\n- Only writes if `finalWorkTime > 0`\n\n**Data flow:**\n```\nUser clicks \"Reset Session\"\n → resetSession() [index.tsx]\n → archiveSession() [history-api.ts]\n → POST /api/history [history-api.ts → backend]\n → saveSessionHistory() [backend/index.ts → queries.ts]\n → UPSERT thirdtime_session_history [queries.ts]\n → TimerActions.resetSession() [timer-actions.ts → state zeroed]\n```\n\n### 3. Day rollover (frontend)\n\n**Trigger:** App initializes and detects that the stored `timer_user_id` is from a previous day.\n\n**Location:** `src/frontend/index.tsx`, initialization `useEffect`.\n\n**How times are calculated:**\n\nThe stale state is fetched from the backend using the old `user_id`. Then:\n```\nworkTime = staleState.totalWorkTime + (now - staleState.workStartTime) / 60000 // if was working\nbreakTime = staleState.totalBreakTime + min((now - staleState.breakStartTime) / 60000, staleState.savedBreakMinutes) // if was breaking\n```\n\nThe intent is read from localStorage (`getSessionIntent()`), which still holds the value from the previous day.\n\n**Conditions:**\n- Only triggers if the stored user ID fails `isUserIdValidForToday()`\n- Only writes if `staleState.totalWorkTime > 0` or `staleState.mode === \"working\"`\n\n**Data flow:**\n```\nApp mounts\n → useEffect checks timer_user_id age [index.tsx]\n → GET /api/state/:oldUserId [fetch → backend]\n → archiveSession() [history-api.ts]\n → POST /api/history [history-api.ts → backend]\n → saveSessionHistory() [backend/index.ts → queries.ts]\n → UPSERT thirdtime_session_history [queries.ts]\n → localStorage.removeItem(\"timer_user_id\") [index.tsx — forces new ID]\n → loadState() with fresh user_id [state-persistence.ts]\n```\n\n## In-progress time inclusion\n\nAll three write paths use the same pattern to include the current in-progress block:\n\n```typescript\nlet workTime = state.totalWorkTime;\nlet breakTime = state.totalBreakTime;\nconst now = Date.now();\n\nif (state.mode === \"working\" && state.workStartTime) {\n workTime += (now - state.workStartTime) / 1000 / 60;\n}\nif (state.mode === \"breaking\" && state.breakStartTime) {\n breakTime += Math.min(\n (now - state.breakStartTime) / 1000 / 60,\n state.savedBreakMinutes,\n );\n}\n```\n\nThe break cap (`min(elapsed, savedBreakMinutes)`) ensures that break time beyond the earned allowance is not counted.\n\nThis pattern exists because `totalWorkTime` and `totalBreakTime` in `TimerState` only update at mode transitions. Without this addition, closing the browser mid-work or mid-break would lose the current block.\n\n## Data flow diagram\n\n```\n ┌──────────────────────┐\n │ Frontend (browser) │\n └───────┬──────┬────────┘\n │ │\n ┌─────────────────────┘ └──────────────────────┐\n │ │\n State changes Reset / Day rollover\n (every ~500ms) │\n │ │\n ▼ ▼\n POST /api/state/:userId POST /api/history\n {state, ownerToken, {ownerToken, intent,\n sessionIntent, ...} workTime, breakTime,\n │ startedAt, endedAt,\n │ breakFraction}\n ▼ │\n ┌────────────────────┐ │\n │ Backend (Hono) │◄───────────────────────────────────────┘\n │ │\n │ Computes in- │ (live upsert only; reset/rollover\n │ progress time │ compute on the frontend)\n │ │\n └────────┬───────────┘\n │\n ▼\n saveSessionHistory()\n │\n ▼\n ┌────────────────────┐\n │ SQLite │\n │ thirdtime_session_history │\n │ UPSERT on │\n │ (owner_token, │\n │ started_at) │\n └────────────────────┘\n```\n\n## Key source files\n\n- `src/backend/database/migrations.ts` — `thirdtime_session_history` table and index creation\n- `src/backend/database/queries.ts` — `saveSessionHistory`, `getHistoryByIntent`, `getHistorySummary`\n- `src/backend/index.ts` — `POST /api/state` (live upsert), `POST /api/history` (explicit archive)\n- `src/frontend/index.tsx` — `resetSession` callback, day-rollover `useEffect`\n- `src/frontend/utils/history-api.ts` — `archiveSession` (frontend → `POST /api/history`)\n- `src/frontend/utils/state-persistence.ts` — `debouncedSaveState` (frontend → `POST /api/state`)\n",[],[207,894],"e339eb1a-196c-11f1-adc4-42dde27851f2","new-user-review.md","d83970c2-194a-11f1-bc3a-42dde27851f2",["D",1772809088429],"# New User Experience Review — Third Timer\n\n## What a new user sees (top to bottom)\n\n1. **\"Third Timer\"** heading + tagline *\"Work flexibly, break proportionally\"*\n2. **Timer card**: `00:00:00` on gray, \"Ready to start\", intent input, \"Start Working\" button\n3. **Session Stats**: Work Time 0m, Break Time 0m, Efficiency 0%\n4. **Break Fraction**: 5 buttons (1/2–1/6) with labels like \"Lazy\", \"Standard\", \"Grinding\"\n5. **Reset Session** (red danger button)\n6. **\"View History\"** link\n7. **\"How it works\"** — collapsed\n8. **Footer**: Group passphrase inputs, Log in link, credits, active count\n\n---\n\n## Issues (by severity)\n\n### The core concept is hidden\n\nThe \"How it works\" section is **collapsed by default**. A first-time visitor sees a timer with zero explanation of the \"third time\" technique. The tagline \"break proportionally\" is cryptic without context. The single most important piece of information for a new user — *what this app does and why* — requires discovering and clicking a collapsed section.\n\n**Suggestion**: Show the help text expanded on first visit (use localStorage flag to collapse on return visits), or add a brief 1-sentence explainer above the timer card.\n\n### Break Fraction is shown too early and without context\n\nThe Break Fraction card appears immediately, before the user has any understanding of what break fractions are. The preset labels (\"Lazy\", \"Standard\", \"Grinding\") are mildly judgmental — a new user seeing \"Lazy\" might not feel great about picking 1/2, and \"Grinding\" implies unhealthy overwork.\n\n**Suggestion**: Hide this card until the user has completed at least one work cycle, or move it below the help text. Consider softer labels (e.g., \"Relaxed\", \"Balanced\", \"Focused\", \"Intense\", \"Marathon\").\n\n### Session Stats showing zeros is noise\n\nDisplaying Work Time: 0m, Break Time: 0m, Efficiency: 0% on first load adds visual clutter without value.\n\n**Suggestion**: Hide the stats card until there's at least one non-zero value (i.e., user has started working).\n\n### Reset Session button is visible with nothing to reset\n\nA red danger button on a fresh session is confusing. It creates unnecessary cognitive load.\n\n**Suggestion**: Hide it when in idle mode with no accumulated work/break time.\n\n### Group section lacks any context\n\nThe footer has group passphrase and name inputs with no explanation of what groups are or why you'd join one. A new user can't tell if this is required, optional, or what it does.\n\n**Suggestion**: Add a brief label like \"Work alongside others\" or hide the group inputs behind a toggle/link (e.g., \"Join a group session\").\n\n### \"Interruption\" and \"Big Break\" need brief explanations\n\nWhen working, two secondary buttons appear without context. A new user won't know the difference between \"Take Break\", \"Interruption\", and \"Big Break\" — especially that Interruption preserves break time while Big Break consumes it.\n\n**Suggestion**: Add tooltip/title text (already present on break fraction buttons) or tiny descriptions beneath the buttons on first use.\n\n### Stale copy in HelpText\n\n\"New 🎉 — Intentions\" is time-sensitive. It will feel wrong once the feature is no longer new.\n\n**Suggestion**: Remove \"New 🎉\" and just use \"Intentions\" as the section header.\n\n### Developer-facing footer text\n\n\"Third Time is built on Val Town\" is meaningless to end users.\n\n**Suggestion**: Remove or rephrase (e.g., just keep the Studio Kare attribution).\n\n---\n\n## Changes implemented\n\n| # | Change | Files |\n|---|--------|-------|\n| 1 | Auto-expand \"How it works\" on first visit (localStorage flag) | `HelpText.tsx` |\n| 2 | Hide Session Stats when all values are zero | `TimerContainer.tsx` |\n| 3 | Hide Reset Session in idle with no work time | `index.tsx` |\n| 4 | Hide Break Fraction until first work cycle starts | `index.tsx` |\n| 5 | Add \"Work alongside others\" context to group join section | `Footer.tsx` |\n| 6 | Add title attributes to Interruption/Big Break buttons | `ActionButtons.tsx` |\n| 7 | Remove \"New 🎉\" from HelpText | `HelpText.tsx` |\n| 8 | Clean up footer attribution text (removed Val Town line) | `Footer.tsx` |\n| 9 | Soften break fraction labels (Relaxed/Balanced/Focused/Intense/Marathon) | `BreakFractionSettings.tsx` |\n| 10 | Add onboarding tip for Reset Session button (chained from break fraction tip) | `index.tsx` |\n\n## Verification\n\n- Load the app with a fresh browser profile (cleared localStorage)\n- Confirm \"How it works\" is expanded\n- Confirm Stats/Reset/Break Fraction are hidden when appropriate\n- Work through one full cycle (start → take break → resume) and confirm elements appear\n- Check that returning visits have collapsed help text\n",[],[207,901],["D",1771940001785],[239,240,241],[207],"256d13b8-1099-11f1-8a6a-42dde27851f2","valtown.mdc","019c89ce-7cbf-7688-88cd-0f3d5161e9aa","019c89ce-7cc0-75ad-bf76-da2db0203b6a",["D",1771838536808],"---\ndescription: \nglobs: \nalwaysApply: true\n---\nYou are an advanced assistant that helps programmers code on Val Town.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({\n subject: \"Hi\",\n text: \"Hi\",\n html: \"

Hi

Hi

Account

Account

Timer

Integrations — Beeminder

\n Integrations — Toggl Track [BETA]\n

Focus Mode

Settings

Third Timer

Third Timer

Admin Login

Presets

{group}

Admin Dashboard

Daily

Weekly

Intentions

Invalid or expired link

Invalid or expired link

Hi

Diff · v516