\n \n \n \n\n",[],[253,255],"8cebb2e7-eb4d-4913-867f-0b8ec68f4be8","favicon.svg","019f7e60-2dd7-75e7-b119-c36ee5db5727",10,["D",1784531775092],"\n\n",[],[253,263],"a92d9ea5-976b-4e46-a18c-60d32304e790","TranscriptInput.tsx","c240b25a-840a-11f1-b6c7-1607ee4eb77e","019f7e60-2dd7-75e7-b119-bcbad14af9fa",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",[],[253,279,271],"components","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",[],[253,279,281],"ac6c9d6d-7fdf-475a-ab3f-55f61bd31c19","App.tsx","019f7e60-2dd7-75e7-b119-b7db726ea8d6",11,["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",[],[253,279,289],"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",[],[253,279,297],"a29901ca-e72a-4b3c-85bf-5cba0a60f9bf",["D",1784531660162],[208,209,210,211],[253,279],"75ee154c-7f37-44e0-be90-45029efbb882",["D",1784531660162],[207,212,213,214],[253],["D",1784531660162],["D",1789566041074],{"_11":12,"_143":72},{"_11":12,"_138":139,"_71":72,"_31":70,"_140":141,"_142":30},{"_40":125,"_13":16,"_34":37,"_126":86,"_127":128,"_129":130,"_131":91,"_132":133,"_134":135,"_136":14,"_137":12},"ctx",{"_54":-5,"_164":350,"_351":352,"_353":354,"_355":30,"_356":30,"_357":30,"_358":24,"_359":-5,"_360":-7,"_361":-7,"_362":26,"_363":30,"_364":30,"_365":-5,"_366":30,"_367":30,"_368":30,"_369":-5},"ENV",{"_321":322,"_323":324,"_325":16,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · lib