\n \n \n \n\n",[],[152,169],"ecfda0a3-6b59-4c95-a760-16dae247d012","favicon.svg","019f468b-b4f0-7369-b149-cf47cce5f1ec",["D",1783594988490],"\n",[],[152,177],"81e05fa2-23f4-4b4a-9286-7bf0cef33dd1","components","019f468b-b4f0-7369-b149-cbac2c950bf8",["D",1783594988490],[189,190],[152,184],{"_36":199,"_13":200,"_65":201,"_67":185,"_69":70,"_71":32,"_73":74,"_38":202,"_17":34,"_77":78,"_79":203,"_81":51,"_82":-5,"_115":204,"_18":205},{"_36":191,"_13":192,"_65":193,"_67":185,"_69":70,"_71":194,"_73":74,"_38":195,"_17":96,"_77":78,"_79":196,"_81":51,"_82":-5,"_115":197,"_18":198},"4373f0ed-0d9b-43c6-8f6e-df96d144d8c2","Settings.tsx","afe65998-7b8b-11f1-b37f-1607ee4eb77e",16,["D",1783597530688],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Chat {\n id: string;\n name: string;\n}\n\ninterface Mapping {\n chat_id: string;\n chat_name: string | null;\n project_name: string;\n updated_at: string;\n}\n\nfunction apiHeaders(): Record {\n const h: Record = { \"Content-Type\": \"application/json\" };\n const pass = localStorage.getItem(\"board_passphrase\");\n if (pass) h[\"Authorization\"] = `Bearer ${pass}`;\n return h;\n}\n\nexport function Settings({ onClose }: { onClose: () => void }) {\n const [chats, setChats] = useState([]);\n const [mappings, setMappings] = useState([]);\n const [drafts, setDrafts] = useState>({});\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [saving, setSaving] = useState(null);\n\n async function load() {\n setLoading(true);\n setError(null);\n try {\n const [chatsRes, mapsRes] = await Promise.all([\n fetch(\"/api/chats\", { headers: apiHeaders() }),\n fetch(\"/api/project-mappings\", { headers: apiHeaders() }),\n ]);\n const chatsData = await chatsRes.json();\n const mapsData = await mapsRes.json();\n if (chatsData.error) {\n setError(`Couldn't load WhatsApp chats: ${chatsData.error}`);\n }\n setChats(chatsData.chats ?? []);\n setMappings(mapsData.mappings ?? []);\n } catch (e) {\n setError(String(e));\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n load();\n }, []);\n\n const mappingByChat = new Map(mappings.map((m) => [m.chat_id, m]));\n\n async function saveMapping(chatId: string, chatName: string | null) {\n const value = (drafts[chatId] ?? mappingByChat.get(chatId)?.project_name ?? \"\").trim();\n if (!value) return;\n setSaving(chatId);\n try {\n await fetch(`/api/project-mappings/${encodeURIComponent(chatId)}`, {\n method: \"PUT\",\n headers: apiHeaders(),\n body: JSON.stringify({ project_name: value, chat_name: chatName }),\n });\n await load();\n } finally {\n setSaving(null);\n }\n }\n\n async function removeMapping(chatId: string) {\n setSaving(chatId);\n try {\n await fetch(`/api/project-mappings/${encodeURIComponent(chatId)}`, {\n method: \"DELETE\",\n headers: apiHeaders(),\n });\n await load();\n } finally {\n setSaving(null);\n }\n }\n\n // Union of chats fetched live from Unipile + any mapping whose chat isn't in that list\n const rows = [...chats];\n for (const m of mappings) {\n if (!rows.find((c) => c.id === m.chat_id)) {\n rows.push({ id: m.chat_id, name: m.chat_name ?? m.chat_id });\n }\n }\n\n return (\n

⚙️ Client → Project Mapping

\n \n

\n Assign each WhatsApp chat/client to a project name. New todos synced from that chat will be\n tagged with the project automatically.\n

\n\n {error &&

{error}

}\n\n {loading\n ?

Loading…

\n : rows.length === 0\n ?

No WhatsApp chats found yet.

\n : (\n

\n {rows.map((chat) => {\n const mapping = mappingByChat.get(chat.id);\n const draft = drafts[chat.id] ?? mapping?.project_name ?? \"\";\n return (\n

{chat.name}

{chat.id}

\n \n setDrafts((d) => ({ ...d, [chat.id]: (e.target as HTMLInputElement).value }))}\n class=\"w-40 border border-gray-300 rounded-md px-2 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n saveMapping(chat.id, chat.name)}\n disabled={saving === chat.id || !draft.trim()}\n class=\"text-xs bg-blue-500 hover:bg-blue-600 disabled:opacity-40 text-white rounded-md px-3 py-1.5\"\n >\n Save\n \n {mapping && (\n removeMapping(chat.id)}\n disabled={saving === chat.id}\n class=\"text-xs text-gray-400 hover:text-red-500 px-1\"\n title=\"Remove mapping\"\n >\n ✕\n \n )}\n

\n );\n })}\n

\n )}\n

\n );\n}\n",[],[152,184,192],"1a6aef42-d118-4860-bdcf-c6356d5fb4b2","App.tsx","019f468b-b4f0-7369-b149-c3f2f6f7a406",["D",1783597562274],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport { Settings } from \"./Settings.tsx\";\n\ninterface Todo {\n id: number;\n message_id: string;\n chat_id: string | null;\n chat_name: string | null;\n sender_id: string | null;\n text: string | null;\n summary: string | null;\n project: string | null;\n priority: string | null;\n due_date: string | null;\n status: string;\n message_timestamp: string | null;\n created_at: string;\n}\n\nconst COLUMNS = [\n { key: \"inbox\", label: \"📥 Inbox\", color: \"bg-gray-100\", border: \"border-gray-300\" },\n { key: \"todo\", label: \"📋 To Do\", color: \"bg-blue-50\", border: \"border-blue-300\" },\n { key: \"doing\", label: \"🔄 In Progress\", color: \"bg-amber-50\", border: \"border-amber-300\" },\n { key: \"done\", label: \"✅ Done\", color: \"bg-green-50\", border: \"border-green-300\" },\n];\n\nconst PRIORITY_STYLE: Record = {\n high: \"bg-red-100 text-red-700\",\n medium: \"bg-amber-100 text-amber-700\",\n low: \"bg-gray-100 text-gray-500\",\n};\n\nfunction getAuthHeader(): string | null {\n return localStorage.getItem(\"board_passphrase\");\n}\n\nfunction apiHeaders(): Record {\n const h: Record = { \"Content-Type\": \"application/json\" };\n const pass = getAuthHeader();\n if (pass) h[\"Authorization\"] = `Bearer ${pass}`;\n return h;\n}\n\nfunction timeAgo(ts: string | null): string {\n if (!ts) return \"\";\n const d = new Date(ts);\n const diff = Date.now() - d.getTime();\n const hrs = Math.floor(diff / 3600000);\n if (hrs < 1) return \"just now\";\n if (hrs < 24) return `${hrs}h ago`;\n const days = Math.floor(hrs / 24);\n return `${days}d ago`;\n}\n\nfunction Card({ todo, onMove, onDelete }: {\n todo: Todo;\n onMove: (id: number, dir: -1 | 1) => void;\n onDelete: (id: number) => void;\n}) {\n const idx = COLUMNS.findIndex((c) => c.key === todo.status);\n return (\n

\n {todo.project && (\n \n 📁 {todo.project}\n \n )}\n {todo.priority && (\n \n {todo.priority}\n \n )}\n {todo.due_date && (\n \n 📅 {todo.due_date}\n \n )}\n

{todo.text}

\n {todo.summary &&

{todo.summary}

}\n

\n {todo.chat_name && 💬 {todo.chat_name}}\n {\" \"}\n {timeAgo(todo.message_timestamp)}\n

\n onMove(todo.id, -1)}\n disabled={idx <= 0}\n class=\"text-gray-400 hover:text-gray-700 disabled:opacity-20 disabled:cursor-not-allowed text-sm px-1\"\n title=\"Move left\"\n >\n ←\n \n onMove(todo.id, 1)}\n disabled={idx >= COLUMNS.length - 1}\n class=\"text-gray-400 hover:text-gray-700 disabled:opacity-20 disabled:cursor-not-allowed text-sm px-1\"\n title=\"Move right\"\n >\n →\n \n onDelete(todo.id)}\n class=\"text-gray-300 hover:text-red-500 text-sm px-1 ml-1\"\n title=\"Delete\"\n >\n ✕\n \n

\n );\n}\n\nexport function App() {\n const [todos, setTodos] = useState([]);\n const [loading, setLoading] = useState(true);\n const [authed, setAuthed] = useState(() => !!getAuthHeader());\n const [passInput, setPassInput] = useState(\"\");\n const [authError, setAuthError] = useState(false);\n const [showSettings, setShowSettings] = useState(false);\n const [projectFilter, setProjectFilter] = useState(\"all\");\n\n const fetchTodos = useCallback(async () => {\n try {\n const res = await fetch(\"/api/todos\", { headers: apiHeaders() });\n if (res.status === 401) {\n setAuthed(false);\n return;\n }\n const data = await res.json();\n setTodos(data.todos ?? []);\n } catch (e) {\n console.error(\"Failed to fetch todos:\", e);\n } finally {\n setLoading(false);\n }\n }, []);\n\n useEffect(() => {\n if (authed) fetchTodos();\n }, [authed, fetchTodos]);\n\n // Auto-refresh every 60s\n useEffect(() => {\n if (!authed) return;\n const t = setInterval(fetchTodos, 60000);\n return () => clearInterval(t);\n }, [authed, fetchTodos]);\n\n async function handleLogin() {\n localStorage.setItem(\"board_passphrase\", passInput);\n const res = await fetch(\"/api/todos\", { headers: apiHeaders() });\n if (res.status === 401) {\n localStorage.removeItem(\"board_passphrase\");\n setAuthError(true);\n return;\n }\n setAuthed(true);\n setAuthError(false);\n }\n\n async function handleMove(id: number, dir: -1 | 1) {\n const todo = todos.find((t) => t.id === id);\n if (!todo) return;\n const idx = COLUMNS.findIndex((c) => c.key === todo.status);\n const next = COLUMNS[idx + dir];\n if (!next) return;\n // Optimistic update\n setTodos((prev) => prev.map((t) => t.id === id ? { ...t, status: next.key } : t));\n await fetch(`/api/todos/${id}`, {\n method: \"PATCH\",\n headers: apiHeaders(),\n body: JSON.stringify({ status: next.key }),\n });\n }\n\n async function handleDelete(id: number) {\n setTodos((prev) => prev.filter((t) => t.id !== id));\n await fetch(`/api/todos/${id}`, {\n method: \"DELETE\",\n headers: apiHeaders(),\n });\n }\n\n const projects = useMemo(() => {\n const set = new Set();\n for (const t of todos) if (t.project) set.add(t.project);\n return [...set].sort();\n }, [todos]);\n\n const visibleTodos = useMemo(() => {\n if (projectFilter === \"all\") return todos;\n if (projectFilter === \"__unassigned__\") return todos.filter((t) => !t.project);\n return todos.filter((t) => t.project === projectFilter);\n }, [todos, projectFilter]);\n\n if (!authed) {\n return (\n

🔐 WhatsApp Kanban

Enter your passphrase to access the board

\n setPassInput((e.target as HTMLInputElement).value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleLogin()}\n placeholder=\"Passphrase\"\n class=\"w-full border border-gray-300 rounded-lg px-4 py-2 mb-2 focus:outline-none focus:ring-2 focus:ring-blue-400\"\n />\n {authError &&

Wrong passphrase

}\n \n Enter\n \n

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

WhatsApp Kanban

\n setProjectFilter((e.target as HTMLSelectElement).value)}\n class=\"text-sm border border-gray-300 rounded-lg px-2 py-1 bg-white\"\n >\n \n \n {projects.map((p) => )}\n \n {visibleTodos.length} cards\n { setLoading(true); fetchTodos(); }}\n class=\"text-sm text-blue-500 hover:text-blue-700\"\n >\n ↻ Refresh\n \n setShowSettings(true)}\n class=\"text-sm text-gray-500 hover:text-gray-800\"\n >\n ⚙️ Settings\n \n

\n\n {loading ? (\n

Loading…

\n ) : (\n

\n {COLUMNS.map((col) => {\n const colTodos = visibleTodos.filter((t) => t.status === col.key);\n return (\n

{col.label}

\n {colTodos.length}\n

\n {colTodos.length === 0 ? (\n

No cards

\n ) : (\n colTodos.map((todo) => (\n \n ))\n )}\n

\n );\n })}\n

\n )}\n\n

\n View source\n {\" · \"}\n Auto-refreshes every 60s · Syncs from WhatsApp every 6h · Todos extracted by gpt-oss-120b (Cerebras)\n

\n\n {showSettings && { setShowSettings(false); fetchTodos(); }} />}\n

\n );\n}\n",[],[152,184,200],"b692b696-2b15-441d-a326-d712abe74fe4",["D",1783594988490],"legacyEnvVars","httpPrivacy","description","WhatsApp messages to kanban board via Unipile API","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","userId","0910d18e-3719-43e3-9e3f-2f3a7688390c","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f447f-11d2-72d3-9ef7-3fd5b5a0910e","tursoName","b692b6962b15441da326d712abe74fe4","tursoHostname","b692b6962b15441da326d712abe74fe4-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_255":251},"org",{"_11":12,"_248":249,"_250":251,"_214":215,"_252":253,"_254":51},"branch",{"_17":131,"_13":16,"_36":70,"_42":206,"_45":37,"_46":244,"_245":53,"_246":43,"_247":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Adam","avatar","https://lh3.googleusercontent.com/a/ACg8ocKezdd7dJ4xoybqc1M7fdCby5p64ImbU5Jg7JpmalJ4ktU1Bw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":206,"_13":14,"_38":341,"_49":-5,"_208":51,"_52":53,"_209":53,"_210":211,"_212":213,"_214":215,"_216":120,"_217":74,"_218":-5,"_219":-5,"_220":96,"_56":221,"_222":223,"_224":225,"_226":342,"_228":-5,"_229":230,"_231":230,"_232":233,"_234":233,"_235":233,"_236":230,"_237":230,"_238":343,"_240":344,"_242":345,"_50":51},[299,306,310,311,312],"files",[299,300,301,302,303,304,305,306,307,308,309,310,311,312],"counts",{"_289":96,"_290":76,"_291":96,"_35":292,"_293":294},[283,284,285],{"_36":99,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":100,"_17":96,"_77":101,"_79":-5,"_81":51,"_82":-5,"_18":282},"upstreamProject",{"_36":43,"_13":59,"_210":279,"_212":213,"_52":53,"_238":280},"upstreamBranch",{"_36":37,"_38":277,"_40":278,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":55,"_255":281},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",[19],{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":95,"_17":96,"_77":78,"_79":97,"_81":51,"_82":-5,"_18":288},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":88,"_17":76,"_77":78,"_79":89,"_81":51,"_82":-5,"_18":287},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":286},[19,64],[19,85],[19,92],"pulls","branches","forks",{"_295":297,"_298":96},"connections",{"_295":96,"_296":96},"count","unfilledCount",5,"emptyCount",{"_36":151,"_13":152,"_65":153,"_67":-5,"_69":70,"_71":76,"_73":74,"_38":154,"_17":96,"_77":101,"_79":-5,"_81":51,"_82":-5,"_115":339,"_18":340},{"_36":183,"_13":184,"_65":185,"_67":153,"_69":70,"_71":76,"_73":74,"_38":186,"_17":96,"_77":101,"_79":-5,"_81":51,"_82":-5,"_115":337,"_18":338},{"_36":199,"_13":200,"_65":201,"_67":185,"_69":70,"_71":32,"_73":74,"_38":202,"_17":34,"_77":78,"_79":203,"_81":51,"_82":-5,"_115":335,"_18":336},{"_36":191,"_13":192,"_65":193,"_67":185,"_69":70,"_71":194,"_73":74,"_38":195,"_17":96,"_77":78,"_79":196,"_81":51,"_82":-5,"_115":333,"_18":334},{"_36":176,"_13":177,"_65":178,"_67":153,"_69":70,"_71":76,"_73":74,"_38":179,"_17":96,"_77":24,"_79":180,"_81":51,"_82":-5,"_115":331,"_18":332},{"_36":168,"_13":169,"_65":170,"_67":153,"_69":70,"_71":171,"_73":74,"_38":172,"_17":76,"_77":24,"_79":173,"_81":51,"_82":-5,"_115":329,"_18":330},{"_36":161,"_13":162,"_65":163,"_67":153,"_69":70,"_71":76,"_73":74,"_38":164,"_17":96,"_77":78,"_79":165,"_81":51,"_82":-5,"_115":327,"_18":328},{"_36":99,"_13":19,"_65":68,"_67":-5,"_69":70,"_71":34,"_73":74,"_38":136,"_17":96,"_77":101,"_79":-5,"_81":51,"_82":-5,"_115":325,"_18":326},{"_36":91,"_13":92,"_65":93,"_67":68,"_69":70,"_71":94,"_73":74,"_38":148,"_17":96,"_77":78,"_79":97,"_81":51,"_82":-5,"_115":323,"_18":324},{"_36":84,"_13":85,"_65":86,"_67":68,"_69":70,"_71":87,"_73":74,"_38":145,"_17":76,"_77":78,"_79":89,"_81":51,"_82":-5,"_115":321,"_18":322},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":142,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_115":319,"_18":320},{"_36":128,"_13":129,"_65":130,"_67":-5,"_69":70,"_71":131,"_73":74,"_38":132,"_17":34,"_77":24,"_79":133,"_81":51,"_82":-5,"_115":317,"_18":318},{"_36":118,"_13":119,"_65":120,"_67":-5,"_69":70,"_71":121,"_73":74,"_38":122,"_17":123,"_77":124,"_79":125,"_81":51,"_82":-5,"_115":315,"_18":316},{"_36":108,"_13":109,"_65":110,"_67":-5,"_69":70,"_71":111,"_73":74,"_38":112,"_17":76,"_77":113,"_79":114,"_81":51,"_82":-5,"_115":313,"_18":314},[],[109],[],[119],[],[129],[],[19,64],[],[19,85],[],[19,92],[307,308,309],[19],[],[152,162],[],[152,169],[],[152,177],[],[152,184,192],[],[152,184,200],[301,302],[152,184],[300,303,304,305],[152],["D",1783594988490],["D",1789525245864],{"_11":12,"_255":251},{"_11":12,"_248":249,"_250":251,"_214":215,"_252":253,"_254":51},{"_17":131,"_13":16,"_36":70,"_42":206,"_45":37,"_46":244,"_245":53,"_246":43,"_247":57,"_58":14,"_54":12},"ctx",{"_238":-5,"_274":379,"_380":381,"_382":383,"_384":51,"_385":51,"_386":51,"_387":74,"_388":-5,"_389":-7,"_390":-7,"_391":96,"_392":51,"_393":51,"_394":-5,"_395":51,"_396":51,"_397":51,"_398":-5},"ENV",{"_350":351,"_352":353,"_354":16,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]