\n \n \n \n\n",[121,112],"946ddbde2d2517ce329845949b0f748f2ef353b80b52fac4eccb9855233a88c5","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[121,112],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/favicon.svg",{"_32":141,"_13":134,"_82":142,"_84":124,"_85":33,"_86":143,"_88":26,"_34":144,"_40":90,"_91":117,"_93":145,"_66":48,"_95":-5,"_96":-7,"_75":146,"_98":147},{"_32":133,"_13":134,"_82":135,"_84":114,"_85":58,"_86":136,"_88":26,"_34":137,"_40":90,"_91":117,"_93":138,"_66":48,"_95":-5,"_96":-7,"_75":139,"_98":140},"8cebb2e7-eb4d-4913-867f-0b8ec68f4be8","favicon.svg","019f7e60-2dd7-75e7-b119-c36ee5db5727",10,["D",1784531775092],"\n\n",[121,134],"ce5d397bf863c3008a355bed411e2f2f5cbcd14c33402d312577a69fa413ff42","82a730d4-3261-11f0-aa46-569c3dd06744","6f196b86-3261-11f0-9a3d-569c3dd06744",45,["D",1747405483360],"\n",[121,134],"1b9cfa9bc87dc0db12471f908bb8438c469ac9b2a59379157b627909cb30fc53","frontend/components/App.tsx",{"_32":161,"_13":152,"_82":162,"_84":163,"_85":33,"_86":164,"_88":26,"_34":165,"_40":166,"_91":156,"_93":167,"_66":48,"_95":-5,"_96":-7,"_75":168,"_98":169},{"_32":151,"_13":152,"_82":153,"_84":154,"_85":58,"_86":20,"_88":26,"_34":155,"_40":90,"_91":156,"_93":157,"_66":48,"_95":-5,"_96":-7,"_75":158,"_98":159},"ac6c9d6d-7fdf-475a-ab3f-55f61bd31c19","App.tsx","019f7e60-2dd7-75e7-b119-b7db726ea8d6","019f7e60-2dd7-75e7-b119-bcbad14af9fa",["D",1784531775093],"script","/** @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",[121,160,152],"1cf486ec3eebb76ee8ac091ce176eba12401431bbbe7e664cce84bb93fadfdf5","components","5d7e5e30-3996-11f1-bbdd-42b51c65c3df","6e585892-f52b-11ef-a8e1-569c3dd06744","69ed66bc-f52b-11ef-9dac-569c3dd06744",75,["D",1776345339930],5,"/** @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",[121,160,152],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":179,"_13":170,"_82":180,"_84":-5,"_85":33,"_86":60,"_88":48,"_34":181,"_40":182,"_91":117,"_93":183,"_66":48,"_95":-5,"_96":-7,"_75":184,"_98":185},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":175,"_40":90,"_91":117,"_93":176,"_66":48,"_95":-5,"_96":-7,"_75":177,"_98":178},"db2f1d4f-00a7-4373-a92f-4e3f0a59b741","019f7e60-2dd7-75e7-b119-d2fc9419ab75",["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",[170],"aef0f86f07298111dc3119308c34f861436da52c5624f8aa01cc65d733c2095b","b9c749c0-59e1-11f1-bb5f-ee650bb23af1","a50c3760-f53e-11ef-bd6d-569c3dd06744",["D",1779896144390],31,"# 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",[170],"aaa4f5cc8e5bd01528335cdd2066e164bf95353ce2fe37c616b3e6406f49331e",{"_75":187,"_77":188,"_79":-7},"frontend/components/Counter.tsx",{"_32":189,"_13":190,"_82":191,"_84":163,"_85":33,"_86":192,"_88":26,"_34":193,"_40":194,"_91":156,"_93":195,"_66":48,"_95":-5,"_96":-7,"_75":196,"_98":197},"57a8cc52-3996-11f1-8db6-42b51c65c3df","Counter.tsx","57a8cd2e-3996-11f1-8db6-42b51c65c3df",73,["D",1776345330366],0,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[121,160,190],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_75":249,"_77":-7,"_79":250},{"_75":239,"_77":-7,"_79":240},{"_75":230,"_77":-7,"_79":231},{"_75":215,"_77":-7,"_79":225},{"_75":216,"_77":-7,"_79":217},{"_75":204,"_77":-7,"_79":205},"lib/db.ts",{"_32":206,"_13":207,"_82":208,"_84":209,"_85":58,"_86":210,"_88":26,"_34":211,"_40":194,"_91":156,"_93":212,"_66":48,"_95":-5,"_96":-7,"_75":213,"_98":214},"3301c9c2-a395-4c26-8433-92cca6a4ff72","db.ts","d81ddb98-840a-11f1-9844-1607ee4eb77e","47aa3ae0-6146-45be-a49c-b19b6488ceca",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",[215,207],"edfb4e603e53998385c0a96a5dfa7916e99cdca804fadf24bdf239d5906785ce","lib","lib/analyze.ts",{"_32":218,"_13":219,"_82":220,"_84":209,"_85":58,"_86":22,"_88":26,"_34":221,"_40":194,"_91":156,"_93":222,"_66":48,"_95":-5,"_96":-7,"_75":223,"_98":224},"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",[215,219],"2e024936bfc33770e60ad90853d4e1866367efc615f18151ca9340b00984437e",{"_32":226,"_13":215,"_82":209,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":227,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_96":-7,"_75":229,"_98":-5},"a403028b-b30e-433d-be5c-ab52767c08f2",["D",1784531716519],"directory",[215],"frontend/components/TranscriptInput.tsx",{"_32":232,"_13":233,"_82":234,"_84":154,"_85":58,"_86":166,"_88":26,"_34":235,"_40":194,"_91":156,"_93":236,"_66":48,"_95":-5,"_96":-7,"_75":237,"_98":238},"a92d9ea5-976b-4e46-a18c-60d32304e790","TranscriptInput.tsx","c240b25a-840a-11f1-b6c7-1607ee4eb77e",["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",[121,160,233],"a0e7768c7ba12f12d3e8708b864cd19b2af389f5d2cbc569d86002ee5f037166","frontend/components/HistoryList.tsx",{"_32":241,"_13":242,"_82":243,"_84":154,"_85":58,"_86":244,"_88":26,"_34":245,"_40":194,"_91":156,"_93":246,"_66":48,"_95":-5,"_96":-7,"_75":247,"_98":248},"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",[121,160,242],"84b4e19f01f0ebe8e1d04e5769e9e141423feceb4998972effeb557f38a26137","frontend/components/AnalysisView.tsx",{"_32":251,"_13":252,"_82":253,"_84":154,"_85":58,"_86":254,"_88":26,"_34":255,"_40":194,"_91":156,"_93":256,"_66":48,"_95":-5,"_96":-7,"_75":257,"_98":258},"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",[121,160,252],"2fd625d54eabb3a0838ffe3741f725120d3a9efdf519ec181c04f8eb477550f0",["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=1789534799&sig=2fe932419d898cd124d0961cab25a5a9c3bd76c8b30cb3b9e71257c7b34e60a2","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,"_302":298},"org",{"_11":12,"_295":296,"_297":298,"_266":267,"_299":300,"_301":48},"branch","displayName","Rodrigo Weilg","avatar","","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":59,"_13":14,"_34":403,"_46":-5,"_260":48,"_49":50,"_261":50,"_262":263,"_264":265,"_266":267,"_268":83,"_269":26,"_270":-5,"_271":-5,"_272":194,"_53":273,"_274":275,"_276":277,"_278":404,"_280":-5,"_281":282,"_283":282,"_284":285,"_286":285,"_287":285,"_288":282,"_289":282,"_290":405,"_292":406,"_294":407,"_47":48},"tree",[353,362,365,366],"files",[353,354,355,356,357,358,359,360,361,362,363,364,365,366],"counts",{"_343":194,"_344":90,"_345":194,"_346":347,"_348":349},"contents",[330,331,332,333],"upstreamProject",{"_32":39,"_13":56,"_262":327,"_264":265,"_49":50,"_290":328},"upstreamBranch",{"_32":33,"_34":325,"_36":326,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":52,"_302":329},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789534799&sig=94d49ad984a50880ef894a3794e08842e7b9b626be771ff48da114d7d9a149ed",{"_32":340,"_13":121,"_82":114,"_84":-5,"_85":58,"_86":90,"_88":26,"_34":341,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_75":342},{"_32":226,"_13":215,"_82":209,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":338,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_75":339},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":336,"_40":90,"_91":117,"_93":176,"_66":48,"_95":-5,"_75":337},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":87,"_88":26,"_34":334,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_75":335},["D",1784531753554],[76],["D",1784531796578],[170],["D",1784531716519],[215],"75ee154c-7f37-44e0-be90-45029efbb882",["D",1784531660162],[121],"pulls","branches","forks","envVars",{"_350":194,"_352":194},"connections",{"_350":194,"_351":194},"count","unfilledCount","emptyCount",{"_32":340,"_13":121,"_82":114,"_84":-5,"_85":58,"_86":90,"_88":26,"_34":400,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_96":401,"_75":402},{"_32":396,"_13":160,"_82":154,"_84":114,"_85":58,"_86":90,"_88":26,"_34":397,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_96":398,"_75":399},{"_32":251,"_13":252,"_82":253,"_84":154,"_85":58,"_86":254,"_88":26,"_34":255,"_40":194,"_91":156,"_93":256,"_66":48,"_95":-5,"_96":394,"_75":395},{"_32":151,"_13":152,"_82":153,"_84":154,"_85":58,"_86":20,"_88":26,"_34":155,"_40":90,"_91":156,"_93":157,"_66":48,"_95":-5,"_96":392,"_75":393},{"_32":241,"_13":242,"_82":243,"_84":154,"_85":58,"_86":244,"_88":26,"_34":245,"_40":194,"_91":156,"_93":246,"_66":48,"_95":-5,"_96":390,"_75":391},{"_32":232,"_13":233,"_82":234,"_84":154,"_85":58,"_86":166,"_88":26,"_34":235,"_40":194,"_91":156,"_93":236,"_66":48,"_95":-5,"_96":388,"_75":389},{"_32":133,"_13":134,"_82":135,"_84":114,"_85":58,"_86":136,"_88":26,"_34":137,"_40":90,"_91":117,"_93":138,"_66":48,"_95":-5,"_96":386,"_75":387},{"_32":111,"_13":112,"_82":113,"_84":114,"_85":58,"_86":115,"_88":26,"_34":116,"_40":90,"_91":117,"_93":118,"_66":48,"_95":-5,"_96":384,"_75":385},{"_32":377,"_13":378,"_82":379,"_84":114,"_85":58,"_86":90,"_88":26,"_34":380,"_40":194,"_91":156,"_93":381,"_66":48,"_95":-5,"_96":382,"_75":383},{"_32":226,"_13":215,"_82":209,"_84":-5,"_85":58,"_86":22,"_88":26,"_34":227,"_40":194,"_91":228,"_93":-5,"_66":48,"_95":-5,"_96":375,"_75":376},{"_32":218,"_13":219,"_82":220,"_84":209,"_85":58,"_86":22,"_88":26,"_34":221,"_40":194,"_91":156,"_93":222,"_66":48,"_95":-5,"_96":373,"_75":374},{"_32":206,"_13":207,"_82":208,"_84":209,"_85":58,"_86":210,"_88":26,"_34":211,"_40":194,"_91":156,"_93":212,"_66":48,"_95":-5,"_96":371,"_75":372},{"_32":173,"_13":170,"_82":174,"_84":-5,"_85":58,"_86":57,"_88":26,"_34":175,"_40":90,"_91":117,"_93":176,"_66":48,"_95":-5,"_96":369,"_75":370},{"_32":81,"_13":76,"_82":83,"_84":-5,"_85":58,"_86":87,"_88":26,"_34":89,"_40":90,"_91":92,"_93":94,"_66":48,"_95":-5,"_96":367,"_75":368},[],[76],[],[170],[],[215,207],[],[215,219],[363,364],[215],"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();",[],[121,378],[],[121,112],[],[121,134],[],[121,160,233],[],[121,160,242],[],[121,160,152],[],[121,160,252],"a29901ca-e72a-4b3c-85bf-5cba0a60f9bf",["D",1784531660162],[355,356,357,358],[121,160],["D",1784531660162],[354,359,360,361],[121],["D",1784531660162],["D",1789479081816],{"_11":12,"_302":298},{"_11":12,"_295":296,"_297":298,"_266":267,"_299":300,"_301":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_290":-5,"_322":441,"_442":443,"_444":445,"_446":48,"_447":48,"_448":48,"_449":26,"_450":-5,"_451":-7,"_452":-7,"_453":194,"_454":48,"_455":48,"_456":-5,"_457":48,"_458":48,"_459":48,"_460":-5},"ENV",{"_412":413,"_414":415,"_416":16,"_417":418,"_419":420,"_421":422,"_423":424,"_425":426,"_427":428,"_429":430,"_431":432,"_433":434,"_435":436,"_437":438,"_439":440},"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"]

Compare

Mergerodrigoweilg/mainintotemplates/main

README.md+33-41

frontend/components/App.tsx+114-6

frontend/favicon.svg+3-3

frontend/index.html+3-3

Hindex.ts+53-5

frontend/components/AnalysisView.tsx+149-0

frontend/components/HistoryList.tsx+88-0

frontend/components/TranscriptInput.tsx+97-0

lib

lib/analyze.ts+87-0

lib/db.ts+89-0

frontend/components/Counter.tsx+0-18