\n \n \n \n\n",[],[98,149],"8cebb2e7-eb4d-4913-867f-0b8ec68f4be8","favicon.svg","019f7e60-2dd7-75e7-b119-c36ee5db5727",10,["D",1784531775092],"\n\n",[],[98,157],"a29901ca-e72a-4b3c-85bf-5cba0a60f9bf","components","019f7e60-2dd7-75e7-b119-bcbad14af9fa",["D",1784531660162],[170,171,172,173],[98,165],{"_35":197,"_13":198,"_65":199,"_67":166,"_68":69,"_70":200,"_72":73,"_37":201,"_17":94,"_76":123,"_78":202,"_80":50,"_81":-5,"_107":203,"_18":204},{"_35":190,"_13":191,"_65":192,"_67":166,"_68":69,"_70":31,"_72":73,"_37":193,"_17":75,"_76":123,"_78":194,"_80":50,"_81":-5,"_107":195,"_18":196},{"_35":182,"_13":183,"_65":184,"_67":166,"_68":69,"_70":185,"_72":73,"_37":186,"_17":94,"_76":123,"_78":187,"_80":50,"_81":-5,"_107":188,"_18":189},{"_35":174,"_13":175,"_65":176,"_67":166,"_68":69,"_70":177,"_72":73,"_37":178,"_17":94,"_76":123,"_78":179,"_80":50,"_81":-5,"_107":180,"_18":181},"a92d9ea5-976b-4e46-a18c-60d32304e790","TranscriptInput.tsx","c240b25a-840a-11f1-b6c7-1607ee4eb77e",5,["D",1784531716530],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface TranscriptInputProps {\n onSubmitted: (id: number) => void;\n}\n\nexport function TranscriptInput({ onSubmitted }: TranscriptInputProps) {\n const [title, setTitle] = useState(\"\");\n const [transcript, setTranscript] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n if (!transcript.trim()) {\n setError(\"Please paste a transcript to analyze\");\n return;\n }\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(\"/api/analyze\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n title: title.trim() || \"Untitled Meeting\",\n transcript: transcript.trim(),\n }),\n });\n if (!res.ok) {\n const err = await res.json();\n throw new Error(err.error || \"Failed to analyze transcript\");\n }\n const data = await res.json();\n setTitle(\"\");\n setTranscript(\"\");\n onSubmitted(data.id);\n } catch (err) {\n setError(err.message);\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n \n Meeting Title\n \n setTitle(e.currentTarget.value)}\n placeholder=\"e.g. Weekly Product Sync — July 15\"\n class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none\"\n />\n

\n \n Transcript\n \n setTranscript(e.currentTarget.value)}\n placeholder=\"Paste your Granola transcript here...\"\n rows={12}\n class=\"w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent outline-none font-mono text-sm resize-y\"\n />\n

\n {transcript.length.toLocaleString()} characters\n

\n {error && (\n

\n {error}\n

\n )}\n \n {loading ? (\n \n ⏳ Analyzing transcript...\n \n ) : (\n \"✨ Analyze Transcript\"\n )}\n \n \n

\n );\n}\n",[],[98,165,175],"dc26433e-b3f7-4191-be47-70fea07ab2be","HistoryList.tsx","c2280020-840a-11f1-960f-1607ee4eb77e",4,["D",1784531716532],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Analysis } from \"../../lib/db.ts\";\n\ninterface HistoryListProps {\n analyses: Analysis[];\n loading: boolean;\n onSelect: (id: number) => void;\n onNew: () => void;\n}\n\nexport function HistoryList({ analyses, loading, onSelect, onNew }: HistoryListProps) {\n if (loading) {\n return (\n

⏳

Loading analyses...

\n );\n }\n\n if (analyses.length === 0) {\n return (\n

📋

No analyses yet

Paste your first Granola transcript to get started

\n \n + New Analysis\n \n

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

\n {analyses.map((a) => {\n const date = new Date(a.created_at + \"Z\").toLocaleDateString(undefined, {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n const topicCount = a.analysis.topics?.length || 0;\n const actionCount = a.analysis.action_items?.length || 0;\n\n return (\n onSelect(a.id)}\n class=\"w-full text-left bg-white rounded-xl shadow-sm border border-gray-100 p-5 hover:shadow-md hover:border-indigo-200 transition-all cursor-pointer\"\n >\n

{a.title}

{a.analysis.summary}

\n {date}\n 📂 {topicCount} topics\n ✅ {actionCount} action items\n {a.analysis.participants?.length > 0 && (\n 👤 {a.analysis.participants.length} participants\n )}\n

\n {a.analysis.topics?.slice(0, 4).map((t, i) => (\n \n {t.name}\n \n ))}\n {topicCount > 4 && (\n +{topicCount - 4}\n )}\n

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

\n );\n}\n",[],[98,165,183],"ac6c9d6d-7fdf-475a-ab3f-55f61bd31c19","App.tsx","019f7e60-2dd7-75e7-b119-b7db726ea8d6",["D",1784531775093],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { TranscriptInput } from \"./TranscriptInput.tsx\";\nimport { AnalysisView } from \"./AnalysisView.tsx\";\nimport { HistoryList } from \"./HistoryList.tsx\";\nimport type { Analysis } from \"../../lib/db.ts\";\n\ntype View = \"new\" | \"history\" | \"detail\";\n\nexport function App() {\n const [view, setView] = useState(\"new\");\n const [analyses, setAnalyses] = useState([]);\n const [listLoading, setListLoading] = useState(false);\n const [currentAnalysis, setCurrentAnalysis] = useState(null);\n const [detailLoading, setDetailLoading] = useState(false);\n\n const fetchAnalyses = useCallback(async () => {\n setListLoading(true);\n try {\n const res = await fetch(\"/api/analyses\");\n if (res.ok) {\n const data = await res.json();\n setAnalyses(data);\n }\n } catch (err) {\n console.error(\"Failed to fetch analyses:\", err);\n } finally {\n setListLoading(false);\n }\n }, []);\n\n const fetchAnalysis = useCallback(async (id: number) => {\n setDetailLoading(true);\n try {\n const res = await fetch(`/api/analyses/${id}`);\n if (res.ok) {\n const data = await res.json();\n setCurrentAnalysis(data);\n }\n } catch (err) {\n console.error(\"Failed to fetch analysis:\", err);\n } finally {\n setDetailLoading(false);\n }\n }, []);\n\n useEffect(() => {\n if (view === \"history\") {\n fetchAnalyses();\n }\n }, [view, fetchAnalyses]);\n\n function handleSubmitted(id: number) {\n fetchAnalyses();\n fetchAnalysis(id);\n setView(\"detail\");\n }\n\n function handleSelect(id: number) {\n fetchAnalysis(id);\n setView(\"detail\");\n }\n\n async function handleDelete(id: number) {\n await fetch(`/api/analyses/${id}`, { method: \"DELETE\" });\n setCurrentAnalysis(null);\n fetchAnalyses();\n setView(\"history\");\n }\n\n const navButton = (target: View, label: string, icon: string) => (\n setView(target)}\n class={`px-4 py-2 rounded-lg font-medium text-sm transition-colors cursor-pointer ${\n view === target || (target === \"history\" && view === \"detail\")\n ? \"bg-indigo-600 text-white\"\n : \"text-gray-600 hover:bg-gray-200\"\n }`}\n >\n {icon} {label}\n \n );\n\n return (\n

\n {/* Header */}\n

\n 🥜 Granola Analyzer\n

\n \n

\n\n {/* Content */}\n {view === \"new\" && }\n {view === \"history\" && (\n setView(\"new\")}\n />\n )}\n {view === \"detail\" && (\n setView(\"history\")}\n onDelete={handleDelete}\n />\n )}\n\n {/* Footer */}\n

\n View source\n

\n );\n}\n",[],[98,165,191],"c52cc1cd-e091-4258-8609-1147fde2dd5f","AnalysisView.tsx","c2139496-840a-11f1-88f0-1607ee4eb77e",3,["D",1784531716526],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Analysis } from \"../../lib/db.ts\";\n\ninterface AnalysisViewProps {\n analysis: Analysis | null;\n loading: boolean;\n onBack: () => void;\n onDelete: (id: number) => void;\n}\n\nconst sentimentConfig: Record = {\n positive: { emoji: \"😊\", color: \"bg-green-100 text-green-700\" },\n neutral: { emoji: \"😐\", color: \"bg-gray-100 text-gray-600\" },\n negative: { emoji: \"😟\", color: \"bg-red-100 text-red-700\" },\n mixed: { emoji: \"🤔\", color: \"bg-amber-100 text-amber-700\" },\n};\n\nconst priorityConfig: Record = {\n high: \"bg-red-100 text-red-700 border-red-200\",\n medium: \"bg-amber-100 text-amber-700 border-amber-200\",\n low: \"bg-blue-100 text-blue-700 border-blue-200\",\n};\n\nexport function AnalysisView({ analysis, loading, onBack, onDelete }: AnalysisViewProps) {\n if (loading) {\n return (\n

⏳

Loading analysis...

\n );\n }\n\n if (!analysis) {\n return (\n

Analysis not found.

\n \n

\n );\n }\n\n const { analysis: result, title, created_at, id } = analysis;\n const date = new Date(created_at + \"Z\").toLocaleString();\n\n return (\n

\n \n onDelete(id)}\n class=\"text-red-500 hover:text-red-700 text-sm cursor-pointer\"\n >\n 🗑 Delete\n \n

\n\n {/* Header */}\n

{title}

{date}

{result.summary}

\n {result.participants.length > 0 && (\n

\n {result.participants.map((p) => (\n \n 👤 {p}\n \n ))}\n

\n )}\n

\n\n {/* Topics */}\n

📂 Topics

\n {result.topics.map((topic, i) => {\n const sc = sentimentConfig[topic.sentiment] || sentimentConfig.neutral;\n return (\n

{topic.name}

\n \n {sc.emoji} {topic.sentiment}\n \n {topic.discussion_share}%\n

\n {/* Discussion share bar */}\n

\n \n

\n •\n {point}\n

\n );\n })}\n

\n\n {/* Action Items */}\n {result.action_items.length > 0 && (\n

✅ Action Items

\n {result.action_items.map((item, i) => (\n

\n \n {item.priority}\n \n

{item.task}

→ {item.assignee}

\n ))}\n

\n )}\n\n {/* Raw Transcript */}\n

\n 📄 View raw transcript\n

\n          {analysis.transcript}\n

\n );\n}\n",[],[98,165,198],"0bfd15ce-110d-4a1a-9e8e-55ddeef4c16f",["D",1784531660162],"legacyEnvVars","httpPrivacy","description","Analyze topics from Granola meeting transcripts with AI","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789552799&sig=b32577280eb127e4de2b63a06a7bd0de022303ec239a56e6599056e91939e4de","userId","3b0e094e-554d-47c4-a175-3eb87c8ec006","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019f7e5e-5608-772d-b194-142a3f377895","tursoName","0bfd15ce110d4a1a9e8e55ddeef4c16f","tursoHostname","0bfd15ce110d4a1a9e8e55ddeef4c16f-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789479081816],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_253":19},"org",{"_11":12,"_247":248,"_249":19,"_213":214,"_250":251,"_252":50},"branch",{"_17":86,"_13":16,"_35":69,"_41":205,"_44":36,"_45":243,"_244":52,"_245":42,"_246":56,"_57":14,"_53":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Rodrigo Weilg","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":205,"_13":14,"_37":338,"_48":-5,"_207":50,"_51":52,"_208":52,"_209":210,"_211":212,"_213":214,"_215":66,"_216":73,"_217":-5,"_218":-5,"_219":94,"_55":220,"_221":222,"_223":224,"_225":339,"_227":-5,"_228":229,"_230":229,"_231":232,"_233":232,"_234":232,"_235":229,"_236":229,"_237":340,"_239":341,"_241":342,"_49":50},[296,305,308,309],"files",[296,297,298,299,300,301,302,303,304,305,306,307,308,309],"counts",{"_287":94,"_288":75,"_289":94,"_34":290,"_291":292},[279,280,281,282],"upstreamProject",{"_35":42,"_13":58,"_209":276,"_211":212,"_51":52,"_237":277},"upstreamBranch",{"_35":36,"_37":274,"_39":275,"_13":16,"_41":42,"_17":43,"_44":-5,"_45":-5,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":54,"_253":278},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789552799&sig=d49f90d93e120483cdf15d03d3545ffc812712f79bb9ed726650e50aa3216f06",{"_35":97,"_13":98,"_65":99,"_67":-5,"_68":69,"_70":75,"_72":73,"_37":100,"_17":94,"_76":95,"_78":-5,"_80":50,"_81":-5,"_18":286},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":33,"_72":73,"_37":93,"_17":94,"_76":95,"_78":-5,"_80":50,"_81":-5,"_18":285},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":87,"_17":75,"_76":24,"_78":88,"_80":50,"_81":-5,"_18":284},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":74,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_18":283},[64],[84],[91],[98],"pulls","branches","forks",{"_293":94,"_295":94},"connections",{"_293":94,"_294":94},"count","unfilledCount","emptyCount",{"_35":97,"_13":98,"_65":99,"_67":-5,"_68":69,"_70":75,"_72":73,"_37":134,"_17":94,"_76":95,"_78":-5,"_80":50,"_81":-5,"_107":336,"_18":337},{"_35":164,"_13":165,"_65":166,"_67":99,"_68":69,"_70":75,"_72":73,"_37":167,"_17":94,"_76":95,"_78":-5,"_80":50,"_81":-5,"_107":334,"_18":335},{"_35":197,"_13":198,"_65":199,"_67":166,"_68":69,"_70":200,"_72":73,"_37":201,"_17":94,"_76":123,"_78":202,"_80":50,"_81":-5,"_107":332,"_18":333},{"_35":190,"_13":191,"_65":192,"_67":166,"_68":69,"_70":31,"_72":73,"_37":193,"_17":75,"_76":123,"_78":194,"_80":50,"_81":-5,"_107":330,"_18":331},{"_35":182,"_13":183,"_65":184,"_67":166,"_68":69,"_70":185,"_72":73,"_37":186,"_17":94,"_76":123,"_78":187,"_80":50,"_81":-5,"_107":328,"_18":329},{"_35":174,"_13":175,"_65":176,"_67":166,"_68":69,"_70":177,"_72":73,"_37":178,"_17":94,"_76":123,"_78":179,"_80":50,"_81":-5,"_107":326,"_18":327},{"_35":156,"_13":157,"_65":158,"_67":99,"_68":69,"_70":159,"_72":73,"_37":160,"_17":75,"_76":24,"_78":161,"_80":50,"_81":-5,"_107":324,"_18":325},{"_35":148,"_13":149,"_65":150,"_67":99,"_68":69,"_70":151,"_72":73,"_37":152,"_17":75,"_76":24,"_78":153,"_80":50,"_81":-5,"_107":322,"_18":323},{"_35":141,"_13":142,"_65":143,"_67":99,"_68":69,"_70":75,"_72":73,"_37":144,"_17":94,"_76":123,"_78":145,"_80":50,"_81":-5,"_107":320,"_18":321},{"_35":90,"_13":91,"_65":92,"_67":-5,"_68":69,"_70":33,"_72":73,"_37":113,"_17":94,"_76":95,"_78":-5,"_80":50,"_81":-5,"_107":318,"_18":319},{"_35":127,"_13":128,"_65":129,"_67":92,"_68":69,"_70":33,"_72":73,"_37":130,"_17":94,"_76":123,"_78":131,"_80":50,"_81":-5,"_107":316,"_18":317},{"_35":118,"_13":119,"_65":120,"_67":92,"_68":69,"_70":121,"_72":73,"_37":122,"_17":94,"_76":123,"_78":124,"_80":50,"_81":-5,"_107":314,"_18":315},{"_35":83,"_13":84,"_65":85,"_67":-5,"_68":69,"_70":86,"_72":73,"_37":110,"_17":75,"_76":24,"_78":88,"_80":50,"_81":-5,"_107":312,"_18":313},{"_35":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_37":106,"_17":75,"_76":77,"_78":79,"_80":50,"_81":-5,"_107":310,"_18":311},[],[64],[],[84],[],[91,119],[],[91,128],[306,307],[91],[],[98,142],[],[98,149],[],[98,157],[],[98,165,175],[],[98,165,183],[],[98,165,191],[],[98,165,198],[298,299,300,301],[98,165],[297,302,303,304],[98],["D",1784531660162],["D",1789479081816],{"_11":12,"_253":19},{"_11":12,"_247":248,"_249":19,"_213":214,"_250":251,"_252":50},{"_17":86,"_13":16,"_35":69,"_41":205,"_44":36,"_45":243,"_244":52,"_245":42,"_246":56,"_57":14,"_53":12},"ctx",{"_237":-5,"_271":376,"_377":378,"_379":380,"_381":50,"_382":50,"_383":50,"_384":73,"_385":-5,"_386":-7,"_387":-7,"_388":94,"_389":50,"_390":50,"_391":-5,"_392":50,"_393":50,"_394":50,"_395":-5},"ENV",{"_347":348,"_349":350,"_351":16,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375},"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"]

Code