[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_302":303,"_304":305},"routes/_app.x.$handle.$name",{"_112":111,"_38":52,"_121":98,"_33":116,"_13":14,"_122":-5,"_11":123,"_124":125,"_126":127,"_128":129,"_130":131,"_26":-5,"_132":133,"_134":135,"_136":31,"_137":138,"_139":67,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":91,"_92":93,"_94":95,"_96":31},"version",11,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","dbc68c6c-f0a7-4582-9b6e-df037e503964","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","019f7e60-2dd7-75e7-b119-b7db726ea8d6","name","App.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { Counter } from \"./Counter.tsx\";\n\nexport function App() {\n return (\n

React + Hono Starter

\n \n

\n View source\n

\n );\n}\n","/** @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","createdAt",["D",1784531775093],"branchVersion","branchId","540e3ccd-9b20-4400-99e4-b0deb184c383","id","0bfd15ce-110d-4a1a-9e8e-55ddeef4c16f","granola-analyzer",["D",1784531660162],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Analyze topics from Granola meeting transcripts with AI","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789545599&sig=91cfcc631bd9f3dd8274549c04838d172adf2572755982193460d49bfd04bd62","3b0e094e-554d-47c4-a175-3eb87c8ec006","pinnedFileId","019f7e60-2dd7-75e7-b119-d7e14c7ea71b","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","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",{"_112":111,"_120":116},"org",{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},"branch",{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"isOwned",12,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","rodrigoweilg","handle","displayName","Rodrigo Weilg","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_50":51,"_38":52,"_45":297,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":75,"_76":77,"_78":298,"_80":-5,"_81":82,"_83":82,"_84":85,"_86":85,"_87":85,"_88":82,"_89":82,"_90":299,"_92":300,"_94":301,"_96":31},"tree",[198,207,210,211],"files",[198,199,200,201,202,203,204,205,206,207,208,209,210,211],"counts",{"_188":71,"_189":165,"_190":71,"_191":192,"_193":194},"contents",[155,156,157,158],"upstreamProject",{"_50":106,"_38":151,"_59":152,"_61":62,"_56":57,"_90":153},"upstreamBranch",{"_50":101,"_45":144,"_145":146,"_38":98,"_99":106,"_13":147,"_100":-5,"_102":-5,"_148":149,"_54":-5,"_96":31,"_56":57,"_110":150,"_72":108,"_109":151},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_112":150,"_120":154},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",{"_50":183,"_38":184,"_36":185,"_161":-5,"_48":49,"_47":165,"_163":67,"_45":186,"_13":71,"_40":181,"_42":-5,"_30":31,"_168":-5,"_33":187},{"_50":176,"_38":177,"_36":178,"_161":-5,"_48":49,"_47":179,"_163":67,"_45":180,"_13":71,"_40":181,"_42":-5,"_30":31,"_168":-5,"_33":182},{"_50":170,"_38":171,"_36":172,"_161":-5,"_48":49,"_47":165,"_163":31,"_45":173,"_13":71,"_40":26,"_42":174,"_30":31,"_168":-5,"_33":175},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":164,"_13":165,"_40":166,"_42":167,"_30":31,"_168":-5,"_33":169},"eae27074-1da3-45f3-a5c6-bcd998820493","index.ts","parentId",8,"latest",["D",1784531753554],1,"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","label",[160],"06b18e2c-eaca-48d9-9d57-92c377f982d1","README.md","019f7e60-2dd7-75e7-b119-d2fc9419ab75",["D",1784531660162],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| [`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter) | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| **[`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter)** *(you're here)* | Client-side React SPA with a Hono API backend. |\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\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| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types\n",[171],"a403028b-b30e-433d-be5c-ab52767c08f2","lib","47aa3ae0-6146-45be-a49c-b19b6488ceca",2,["D",1784531716519],"directory",[177],"75ee154c-7f37-44e0-be90-45029efbb882","frontend","019f7e60-2dd7-75e7-b119-cf1dffe11810",["D",1784531660162],[184],"pulls","branches","forks","envVars",{"_195":71,"_197":71},"connections",{"_195":71,"_196":71},"count","unfilledCount","emptyCount",{"_50":183,"_38":184,"_36":185,"_161":-5,"_48":49,"_47":165,"_163":67,"_45":294,"_13":71,"_40":181,"_42":-5,"_30":31,"_168":-5,"_213":295,"_33":296},{"_50":290,"_38":269,"_36":263,"_161":185,"_48":49,"_47":165,"_163":67,"_45":291,"_13":71,"_40":181,"_42":-5,"_30":31,"_168":-5,"_213":292,"_33":293},{"_50":282,"_38":283,"_36":284,"_161":263,"_48":49,"_47":285,"_163":67,"_45":286,"_13":71,"_40":41,"_42":287,"_30":31,"_168":-5,"_213":288,"_33":289},{"_50":278,"_38":39,"_36":37,"_161":263,"_48":49,"_47":14,"_163":67,"_45":279,"_13":165,"_40":41,"_42":44,"_30":31,"_168":-5,"_213":280,"_33":281},{"_50":270,"_38":271,"_36":272,"_161":263,"_48":49,"_47":273,"_163":67,"_45":274,"_13":71,"_40":41,"_42":275,"_30":31,"_168":-5,"_213":276,"_33":277},{"_50":260,"_38":261,"_36":262,"_161":263,"_48":49,"_47":264,"_163":67,"_45":265,"_13":71,"_40":41,"_42":266,"_30":31,"_168":-5,"_213":267,"_33":268},{"_50":252,"_38":253,"_36":254,"_161":185,"_48":49,"_47":255,"_163":67,"_45":256,"_13":165,"_40":26,"_42":257,"_30":31,"_168":-5,"_213":258,"_33":259},{"_50":244,"_38":245,"_36":246,"_161":185,"_48":49,"_47":247,"_163":67,"_45":248,"_13":165,"_40":26,"_42":249,"_30":31,"_168":-5,"_213":250,"_33":251},{"_50":237,"_38":238,"_36":239,"_161":185,"_48":49,"_47":165,"_163":67,"_45":240,"_13":71,"_40":41,"_42":241,"_30":31,"_168":-5,"_213":242,"_33":243},{"_50":176,"_38":177,"_36":178,"_161":-5,"_48":49,"_47":179,"_163":67,"_45":234,"_13":71,"_40":181,"_42":-5,"_30":31,"_168":-5,"_213":235,"_33":236},{"_50":227,"_38":228,"_36":229,"_161":178,"_48":49,"_47":179,"_163":67,"_45":230,"_13":71,"_40":41,"_42":231,"_30":31,"_168":-5,"_213":232,"_33":233},{"_50":219,"_38":220,"_36":221,"_161":178,"_48":49,"_47":222,"_163":67,"_45":223,"_13":71,"_40":41,"_42":224,"_30":31,"_168":-5,"_213":225,"_33":226},{"_50":170,"_38":171,"_36":172,"_161":-5,"_48":49,"_47":165,"_163":31,"_45":216,"_13":71,"_40":26,"_42":174,"_30":31,"_168":-5,"_213":217,"_33":218},{"_50":159,"_38":160,"_36":65,"_161":-5,"_48":49,"_47":162,"_163":67,"_45":212,"_13":165,"_40":166,"_42":167,"_30":31,"_168":-5,"_213":214,"_33":215},["D",1784531753554],"children",[],[160],["D",1784531660162],[],[171],"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",[],[177,220],"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",[],[177,228],["D",1784531716519],[208,209],[177],"888267fd-1a63-4d5a-ba02-033671d80ebd","index.tsx","019f7e60-2dd7-75e7-b119-cba05442a8a8",["D",1784531660162],"/** @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();",[],[184,238],"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",[],[184,245],"8cebb2e7-eb4d-4913-867f-0b8ec68f4be8","favicon.svg","019f7e60-2dd7-75e7-b119-c36ee5db5727",10,["D",1784531775092],"\n\n",[],[184,253],"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",[],[184,269,261],"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",[],[184,269,271],"ac6c9d6d-7fdf-475a-ab3f-55f61bd31c19",["D",1784531775093],[],[184,269,39],"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",[],[184,269,283],"a29901ca-e72a-4b3c-85bf-5cba0a60f9bf",["D",1784531660162],[200,201,202,203],[184,269],["D",1784531660162],[199,204,205,206],[184],["D",1784531660162],["D",1789479081816],{"_112":111,"_120":116},{"_112":111,"_113":114,"_115":116,"_19":63,"_117":118,"_119":31},{"_13":97,"_38":98,"_50":49,"_99":51,"_100":101,"_102":103,"_104":57,"_105":106,"_107":108,"_109":52,"_110":111},"ctx",{"_90":-5,"_141":335,"_336":337,"_338":339,"_340":31,"_341":31,"_342":31,"_343":67,"_344":-5,"_345":-7,"_346":-7,"_347":71,"_348":31,"_349":31,"_350":-5,"_351":31,"_352":31,"_353":31,"_354":-5},"ENV",{"_306":307,"_308":309,"_310":98,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334},"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"]

Diff · v11