[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_348":349,"_350":351},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_257":-5,"_20":258,"_22":259,"_260":261,"_262":263,"_26":264,"_24":265,"_266":267,"_268":269,"_270":51,"_271":272,"_273":75,"_274":-5,"_275":-5,"_276":277},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":-5,"_31":32,"_33":34,"_35":-5},"handle","rodrigoweilg","name","granola-analyzer","branchName","main","version","path","frontend","project",{"_36":207,"_13":14,"_38":208,"_49":-5,"_209":51,"_52":53,"_210":53,"_211":212,"_213":214,"_215":216,"_217":114,"_218":75,"_219":-5,"_220":-5,"_221":77,"_56":222,"_223":224,"_225":226,"_227":228,"_229":-5,"_230":231,"_232":231,"_233":234,"_235":234,"_236":234,"_237":231,"_238":231,"_239":240,"_241":242,"_243":244,"_50":51},"tree",[108,109,110,111],"file",{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":106,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":107},"contents",[60,61,62,63],"upstream",{"_36":37,"_38":39,"_40":41,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead",11,"behind",2,"envVars","id","961078ea-f528-11ef-aa68-569c3dd06744","createdAt",["D",1740674013689],"updatedAt",["D",1785420707976],"projectId","96102714-f528-11ef-aa68-569c3dd06744",91,"forkedBranchId","forkedBranchVersion","lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","deletedAt","isOwned",false,"privacy","public","userHandle","templates","orgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","react-hono-starter",{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":102,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":104},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_18":98},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":91},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":84},"888267fd-1a63-4d5a-ba02-033671d80ebd","index.tsx","fileId","019f7e60-2dd7-75e7-b119-cba05442a8a8","parentId","019f7e60-2dd7-75e7-b119-cf1dffe11810","branchId","540e3ccd-9b20-4400-99e4-b0deb184c383","branchVersion",1,"latest",true,["D",1784531660162],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();","deleted","label",[19,65],"36efdfbc-0712-4493-af39-7be042957f83","index.html","019f7e60-2dd7-75e7-b119-c54ed49063ab",7,["D",1784531753547],"\n\n \n \n \n Granola Transcript Analyzer\n \n \n \n \n

\n \n \n \n\n",[19,86],"8cebb2e7-eb4d-4913-867f-0b8ec68f4be8","favicon.svg","019f7e60-2dd7-75e7-b119-c36ee5db5727",10,["D",1784531775092],"\n\n",[19,93],"a29901ca-e72a-4b3c-85bf-5cba0a60f9bf","components","019f7e60-2dd7-75e7-b119-bcbad14af9fa",["D",1784531660162],"directory",[19,100],"75ee154c-7f37-44e0-be90-45029efbb882",["D",1784531660162],[19],{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":153,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":154,"_18":155},{"_36":130,"_13":131,"_66":132,"_68":-5,"_70":71,"_72":34,"_74":75,"_38":133,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":134,"_18":135},{"_36":122,"_13":123,"_66":124,"_68":-5,"_70":71,"_72":125,"_74":75,"_38":126,"_17":73,"_78":24,"_80":127,"_82":51,"_83":-5,"_119":128,"_18":129},{"_36":112,"_13":113,"_66":114,"_68":-5,"_70":71,"_72":115,"_74":75,"_38":116,"_17":73,"_78":117,"_80":118,"_82":51,"_83":-5,"_119":120,"_18":121},"eae27074-1da3-45f3-a5c6-bcd998820493","index.ts","019f7e60-2dd7-75e7-b119-d7e14c7ea71b",8,["D",1784531753554],"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { initDB, saveAnalysis, getAnalyses, getAnalysis, deleteAnalysis } from \"./lib/db.ts\";\nimport { analyzeTranscript } from \"./lib/analyze.ts\";\n\nconst app = new Hono();\n\n// Initialize database on startup\nawait initDB();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API: Analyze a transcript\napp.post(\"/api/analyze\", async (c) => {\n try {\n const body = await c.req.json();\n const { title, transcript } = body;\n\n if (!transcript || typeof transcript !== \"string\") {\n return c.json({ error: \"transcript is required\" }, 400);\n }\n\n const result = await analyzeTranscript(transcript);\n const id = await saveAnalysis(\n title || \"Untitled Meeting\",\n transcript,\n result,\n );\n\n return c.json({ id, analysis: result });\n } catch (err) {\n return c.json({ error: err.message }, 500);\n }\n});\n\n// API: List all analyses\napp.get(\"/api/analyses\", async (c) => {\n const analyses = await getAnalyses();\n return c.json(analyses);\n});\n\n// API: Get a single analysis\napp.get(\"/api/analyses/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n if (isNaN(id)) return c.json({ error: \"Invalid ID\" }, 400);\n\n const analysis = await getAnalysis(id);\n if (!analysis) return c.json({ error: \"Not found\" }, 404);\n\n return c.json(analysis);\n});\n\n// API: Delete an analysis\napp.delete(\"/api/analyses/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n if (isNaN(id)) return c.json({ error: \"Invalid ID\" }, 400);\n\n await deleteAnalysis(id);\n return c.json({ success: true });\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","children",[],[113],"db2f1d4f-00a7-4373-a92f-4e3f0a59b741","README.md","019f7e60-2dd7-75e7-b119-d2fc9419ab75",12,["D",1784531796578],"# 🥜 Granola Transcript Analyzer\n\nPaste your Granola meeting transcripts and get AI-powered topic analysis —\nextracted themes, key points, sentiment, discussion share, and action items.\n\n## Setup\n\n1. Add your OpenAI API key as an environment variable:\n 👉 Add OPENAI_API_KEY here: https://www.val.town/x/rodrigoweilg/granola-analyzer/environment-variables?key=OPENAI_API_KEY\n2. Open the app and paste a Granola transcript.\n3. Click **Analyze** — results are saved to SQLite and browsable in History.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| React[\"React SPA\"]\n React -->|\"POST /api/analyze\"| Analyze[\"lib/analyze.ts
(OpenAI)\"]\n React -->|\"GET /api/analyses\"| DB[\"lib/db.ts
(SQLite)\"]\n Analyze -->|stores| DB\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (API routes + serves frontend)\nlib/\n db.ts ← SQLite schema & queries\n analyze.ts ← OpenAI transcript analysis logic\nfrontend/\n index.html ← HTML shell (Twind + React)\n index.tsx ← React entrypoint\n components/\n App.tsx ← Root: navigation + view switching\n TranscriptInput.tsx ← Paste transcript form\n AnalysisView.tsx ← Display analysis results\n HistoryList.tsx ← Browse past analyses\n```\n\n## API\n\n| Method | Route | Description |\n|--------|-------|-------------|\n| POST | `/api/analyze` | Analyze a transcript (body: `{title, transcript}`) |\n| GET | `/api/analyses` | List all past analyses |\n| GET | `/api/analyses/:id` | Get a single analysis |\n| DELETE | `/api/analyses/:id` | Delete an analysis |\n\n## Environment variables\n\n| Key | Description |\n|-----|-------------|\n| `OPENAI_API_KEY` | OpenAI API key for GPT-4o-mini |\n",[],[123],"a403028b-b30e-433d-be5c-ab52767c08f2","lib","47aa3ae0-6146-45be-a49c-b19b6488ceca",["D",1784531716519],[136,137],[131],{"_36":146,"_13":147,"_66":148,"_68":132,"_70":71,"_72":34,"_74":75,"_38":149,"_17":77,"_78":79,"_80":150,"_82":51,"_83":-5,"_119":151,"_18":152},{"_36":138,"_13":139,"_66":140,"_68":132,"_70":71,"_72":141,"_74":75,"_38":142,"_17":77,"_78":79,"_80":143,"_82":51,"_83":-5,"_119":144,"_18":145},"3301c9c2-a395-4c26-8433-92cca6a4ff72","db.ts","d81ddb98-840a-11f1-9844-1607ee4eb77e",6,["D",1784531753534],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport interface Analysis {\n id: number;\n title: string;\n transcript: string;\n analysis: AnalysisResult;\n created_at: string;\n}\n\nexport interface AnalysisResult {\n summary: string;\n participants: string[];\n topics: Topic[];\n action_items: ActionItem[];\n}\n\nexport interface Topic {\n name: string;\n key_points: string[];\n sentiment: \"positive\" | \"neutral\" | \"negative\" | \"mixed\";\n discussion_share: number;\n}\n\nexport interface ActionItem {\n task: string;\n assignee: string;\n priority: \"high\" | \"medium\" | \"low\";\n}\n\nexport async function initDB() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS analyses (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n transcript TEXT NOT NULL,\n analysis TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n}\n\nexport async function saveAnalysis(\n title: string,\n transcript: string,\n analysis: AnalysisResult,\n): Promise {\n const result = await sqlite.execute({\n sql: \"INSERT INTO analyses (title, transcript, analysis) VALUES (?, ?, ?)\",\n args: [title, transcript, JSON.stringify(analysis)],\n });\n return Number(result.lastInsertRowid);\n}\n\nexport async function getAnalyses(): Promise {\n const result = await sqlite.execute(\n \"SELECT id, title, transcript, analysis, created_at FROM analyses ORDER BY created_at DESC\",\n );\n return result.rows.map((row) => ({\n id: row.id as number,\n title: row.title as string,\n transcript: row.transcript as string,\n analysis: JSON.parse(row.analysis as string),\n created_at: row.created_at as string,\n }));\n}\n\nexport async function getAnalysis(id: number): Promise {\n const result = await sqlite.execute({\n sql: \"SELECT id, title, transcript, analysis, created_at FROM analyses WHERE id = ?\",\n args: [id],\n });\n if (result.rows.length === 0) return null;\n const row = result.rows[0];\n return {\n id: row.id as number,\n title: row.title as string,\n transcript: row.transcript as string,\n analysis: JSON.parse(row.analysis as string),\n created_at: row.created_at as string,\n };\n}\n\nexport async function deleteAnalysis(id: number): Promise {\n await sqlite.execute({\n sql: \"DELETE FROM analyses WHERE id = ?\",\n args: [id],\n });\n}\n",[],[131,139],"88006a2f-28b3-4817-9df9-bfd04f0298db","analyze.ts","c20d71d8-840a-11f1-bd73-1607ee4eb77e",["D",1784531716519],"import type { AnalysisResult } from \"./db.ts\";\n\nconst SYSTEM_PROMPT = `You are an expert meeting analyst. Analyze the given meeting transcript and extract structured insights.\n\nReturn a JSON object with this exact shape:\n{\n \"summary\": \"A 2-3 sentence summary of the meeting\",\n \"participants\": [\"list of participant names mentioned\"],\n \"topics\": [\n {\n \"name\": \"Topic name (short)\",\n \"key_points\": [\"2-4 key points discussed about this topic\"],\n \"sentiment\": \"positive | neutral | negative | mixed\",\n \"discussion_share\": \"estimated percentage of meeting time spent on this topic (integer 1-100)\"\n }\n ],\n \"action_items\": [\n {\n \"task\": \"Description of the action item\",\n \"assignee\": \"Person responsible (or 'Unassigned')\",\n \"priority\": \"high | medium | low\"\n }\n ]\n}\n\nGuidelines:\n- Extract 3-7 main topics from the conversation\n- Be concise but specific in key_points\n- Identify clear action items only if they are actually discussed\n- discussion_share values across all topics should roughly sum to 100\n- If no action items were discussed, return an empty array\n- If participant names aren't clear, use speaker labels from the transcript`;\n\nexport async function analyzeTranscript(\n transcript: string,\n): Promise {\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n if (!apiKey) {\n throw new Error(\"OPENAI_API_KEY environment variable is not set\");\n }\n\n const response = await fetch(\n \"https://api.openai.com/v1/chat/completions\",\n {\n method: \"POST\",\n headers: {\n \"Authorization\": `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n model: \"gpt-4o-mini\",\n messages: [\n { role: \"system\", content: SYSTEM_PROMPT },\n { role: \"user\", content: transcript },\n ],\n response_format: { type: \"json_object\" },\n temperature: 0.3,\n }),\n },\n );\n\n if (!response.ok) {\n const error = await response.text();\n throw new Error(`OpenAI API error: ${response.status} ${error}`);\n }\n\n const data = await response.json();\n const content = data.choices?.[0]?.message?.content;\n if (!content) {\n throw new Error(\"No content returned from OpenAI\");\n }\n\n const result = JSON.parse(content) as AnalysisResult;\n\n // Validate and normalize\n if (!result.topics || !Array.isArray(result.topics)) {\n result.topics = [];\n }\n if (!result.action_items || !Array.isArray(result.action_items)) {\n result.action_items = [];\n }\n if (!result.participants || !Array.isArray(result.participants)) {\n result.participants = [];\n }\n\n return result;\n}\n",[],[131,147],["D",1784531660162],[156,157,158,159],[19],{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":169,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":170,"_18":171},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":166,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_119":167,"_18":168},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":163,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_119":164,"_18":165},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":160,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":161,"_18":162},["D",1784531660162],[],[19,65],["D",1784531753547],[],[19,86],["D",1784531775092],[],[19,93],["D",1784531660162],[172,173,174,175],[19,100],{"_36":199,"_13":200,"_66":201,"_68":101,"_70":71,"_72":202,"_74":75,"_38":203,"_17":77,"_78":79,"_80":204,"_82":51,"_83":-5,"_119":205,"_18":206},{"_36":192,"_13":193,"_66":194,"_68":101,"_70":71,"_72":32,"_74":75,"_38":195,"_17":73,"_78":79,"_80":196,"_82":51,"_83":-5,"_119":197,"_18":198},{"_36":184,"_13":185,"_66":186,"_68":101,"_70":71,"_72":187,"_74":75,"_38":188,"_17":77,"_78":79,"_80":189,"_82":51,"_83":-5,"_119":190,"_18":191},{"_36":176,"_13":177,"_66":178,"_68":101,"_70":71,"_72":179,"_74":75,"_38":180,"_17":77,"_78":79,"_80":181,"_82":51,"_83":-5,"_119":182,"_18":183},"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",[],[19,100,177],"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",[],[19,100,185],"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",[],[19,100,193],"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",[],[19,100,200],"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=1789538399&sig=d91a7ef87f90c894c3b8d0b9fb95840fd02478ac34a646812058e001671e6ecb","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,"_256":252},"org",{"_11":12,"_249":250,"_251":252,"_215":216,"_253":254,"_255":51},"branch",{"_17":125,"_13":16,"_36":71,"_42":207,"_45":37,"_46":245,"_246":53,"_247":43,"_248":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Rodrigo Weilg","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":207,"_13":14,"_38":343,"_49":-5,"_209":51,"_52":53,"_210":53,"_211":212,"_213":214,"_215":216,"_217":114,"_218":75,"_219":-5,"_220":-5,"_221":77,"_56":222,"_223":224,"_225":226,"_227":344,"_229":-5,"_230":231,"_232":231,"_233":234,"_235":234,"_236":234,"_237":231,"_238":231,"_239":345,"_241":346,"_243":347,"_50":51},[301,310,313,314],"files",[301,302,303,304,305,306,307,308,309,310,311,312,313,314],"counts",{"_292":77,"_293":73,"_294":77,"_35":295,"_296":297},[284,285,286,287],{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":106,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":283},"upstreamProject",{"_36":43,"_13":59,"_211":280,"_213":214,"_52":53,"_239":281},"upstreamBranch",{"_36":37,"_38":278,"_40":279,"_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,"_256":282},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789538399&sig=ed57122c136965e1015088c1b79a18d1d4e6250d1eb81abacde1e740f48894e7",[19],{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":102,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_18":291},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":96,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_18":290},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":89,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_18":289},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":76,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_18":288},[19,65],[19,86],[19,93],[19,100],"pulls","branches","forks",{"_298":77,"_300":77},"connections",{"_298":77,"_299":77},"count","unfilledCount","emptyCount",{"_36":105,"_13":19,"_66":69,"_68":-5,"_70":71,"_72":73,"_74":75,"_38":153,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":341,"_18":342},{"_36":99,"_13":100,"_66":101,"_68":69,"_70":71,"_72":73,"_74":75,"_38":169,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":339,"_18":340},{"_36":199,"_13":200,"_66":201,"_68":101,"_70":71,"_72":202,"_74":75,"_38":203,"_17":77,"_78":79,"_80":204,"_82":51,"_83":-5,"_119":337,"_18":338},{"_36":192,"_13":193,"_66":194,"_68":101,"_70":71,"_72":32,"_74":75,"_38":195,"_17":73,"_78":79,"_80":196,"_82":51,"_83":-5,"_119":335,"_18":336},{"_36":184,"_13":185,"_66":186,"_68":101,"_70":71,"_72":187,"_74":75,"_38":188,"_17":77,"_78":79,"_80":189,"_82":51,"_83":-5,"_119":333,"_18":334},{"_36":176,"_13":177,"_66":178,"_68":101,"_70":71,"_72":179,"_74":75,"_38":180,"_17":77,"_78":79,"_80":181,"_82":51,"_83":-5,"_119":331,"_18":332},{"_36":92,"_13":93,"_66":94,"_68":69,"_70":71,"_72":95,"_74":75,"_38":166,"_17":73,"_78":24,"_80":97,"_82":51,"_83":-5,"_119":329,"_18":330},{"_36":85,"_13":86,"_66":87,"_68":69,"_70":71,"_72":88,"_74":75,"_38":163,"_17":73,"_78":24,"_80":90,"_82":51,"_83":-5,"_119":327,"_18":328},{"_36":64,"_13":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_38":160,"_17":77,"_78":79,"_80":81,"_82":51,"_83":-5,"_119":325,"_18":326},{"_36":130,"_13":131,"_66":132,"_68":-5,"_70":71,"_72":34,"_74":75,"_38":133,"_17":77,"_78":103,"_80":-5,"_82":51,"_83":-5,"_119":323,"_18":324},{"_36":146,"_13":147,"_66":148,"_68":132,"_70":71,"_72":34,"_74":75,"_38":149,"_17":77,"_78":79,"_80":150,"_82":51,"_83":-5,"_119":321,"_18":322},{"_36":138,"_13":139,"_66":140,"_68":132,"_70":71,"_72":141,"_74":75,"_38":142,"_17":77,"_78":79,"_80":143,"_82":51,"_83":-5,"_119":319,"_18":320},{"_36":122,"_13":123,"_66":124,"_68":-5,"_70":71,"_72":125,"_74":75,"_38":126,"_17":73,"_78":24,"_80":127,"_82":51,"_83":-5,"_119":317,"_18":318},{"_36":112,"_13":113,"_66":114,"_68":-5,"_70":71,"_72":115,"_74":75,"_38":116,"_17":73,"_78":117,"_80":118,"_82":51,"_83":-5,"_119":315,"_18":316},[],[113],[],[123],[],[131,139],[],[131,147],[311,312],[131],[],[19,65],[],[19,86],[],[19,93],[],[19,100,177],[],[19,100,185],[],[19,100,193],[],[19,100,200],[303,304,305,306],[19,100],[302,307,308,309],[19],["D",1784531660162],["D",1789479081816],{"_11":12,"_256":252},{"_11":12,"_249":250,"_251":252,"_215":216,"_253":254,"_255":51},{"_17":125,"_13":16,"_36":71,"_42":207,"_45":37,"_46":245,"_246":53,"_247":43,"_248":57,"_58":14,"_54":12},"ctx",{"_239":-5,"_275":381,"_382":383,"_384":385,"_386":51,"_387":51,"_388":51,"_389":75,"_390":-5,"_391":-7,"_392":-7,"_393":77,"_394":51,"_395":51,"_396":-5,"_397":51,"_398":51,"_399":51,"_400":-5},"ENV",{"_352":353,"_354":355,"_356":16,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380},"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"]