\n \n \n \n\n",[119,110],"837a544b1f2fb958f8ca781d7fe6f2ad0c5c8d1c4093bdfc784708d7fa60cd4a","frontend","5c059140-3996-11f1-a04c-42b51c65c3df","5404b440-f52b-11ef-99f0-569c3dd06744","a59cbf44-f528-11ef-ae42-569c3dd06744",74,["D",1776345337676],8,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[119,110],"1ea8b3da4e18d579298229ba24af91b14b14ae02565f57c996f9acaa1f8333bc","frontend/components/App.tsx",{"_32":143,"_13":133,"_81":144,"_83":145,"_84":33,"_85":146,"_86":26,"_34":147,"_40":148,"_89":138,"_91":149,"_66":48,"_93":-5,"_94":-7,"_74":150,"_96":151},{"_32":132,"_13":133,"_81":134,"_83":135,"_84":58,"_85":136,"_86":26,"_34":137,"_40":88,"_89":138,"_91":139,"_66":48,"_93":-5,"_94":-7,"_74":140,"_96":141},"6eb17066-534f-11f1-a2d2-ee650bb23af1","App.tsx","019e3f01-eb31-756d-9006-e36263d0de81","019e3f01-eb31-756d-9006-ea2e305243c9",6,["D",1779173604969],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport { Tabs } from \"./Tabs.tsx\";\nimport { RequestsTab } from \"./RequestsTab.tsx\";\nimport { ChatTab } from \"./ChatTab.tsx\";\n\nexport function App() {\n const [activeTab, setActiveTab] = useState(\"requests\");\n\n return (\n

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

📱 Workspace

Manage requests & chat with your team

\n\n {/* Tab Navigation */}\n \n\n {/* Tab Content */}\n

\n {activeTab === \"requests\" && }\n {activeTab === \"chat\" && }\n

\n\n {/* Footer */}\n

\n view source\n

\n );\n}\n",[119,142,133],"0c86038bb589ffbd605faadf11835f49cad6daa133d3683526886e0380482dcc","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",[119,142,133],"de0a7e5fc76c6fd6135aff964af1a5835e04e2758b23f3d0c7d9fabffe514df7","README.md",{"_32":161,"_13":152,"_81":162,"_83":-5,"_84":33,"_85":163,"_86":48,"_34":164,"_40":165,"_89":115,"_91":166,"_66":48,"_93":-5,"_94":-7,"_74":167,"_96":168},{"_32":155,"_13":152,"_81":156,"_83":-5,"_84":58,"_85":125,"_86":26,"_34":157,"_40":88,"_89":115,"_91":158,"_66":48,"_93":-5,"_94":-7,"_74":159,"_96":160},"768b95c8-534f-11f1-aa39-ee650bb23af1","019e3f01-eb31-756d-9006-fd8b7583e53d",["D",1779173618141],"# 📱 Requests & Chat\n\nA tab-based web app with two sections:\n\n- **📋 Requests** — View, create, and track requests with status indicators (pending/approved/rejected)\n- **💬 Chat** — Real-time-style messaging interface with auto-replies\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts (Hono)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|tab: requests| Requests[\"RequestsTab.tsx\"]\n App -->|tab: chat| Chat[\"ChatTab.tsx\"]\n App -->|navigation| Tabs[\"Tabs.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend\nfrontend/\n index.html ← HTML shell\n index.tsx ← React entrypoint\n favicon.svg ← App icon\n components/\n App.tsx ← Root layout + tab switching\n Tabs.tsx ← Tab navigation bar\n RequestsTab.tsx ← Requests list + new request form\n ChatTab.tsx ← Chat messaging interface\n```\n",[152],"6355200cf9a03fca1792cf852dd448fd7af2ef1dd2aa7d6710523da1765c0ef1","1a3cc642-3997-11f1-a3f8-42b51c65c3df","a50c3760-f53e-11ef-bd6d-569c3dd06744",87,["D",1776345656810],30,"# 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**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",[152],"8094bd638fc012f5239882eebeb86eee1944c60d49719e6e20139500b7aaf24e",{"_74":170,"_76":171,"_78":-7},"frontend/components/Counter.tsx",{"_32":172,"_13":173,"_81":174,"_83":145,"_84":33,"_85":175,"_86":26,"_34":176,"_40":177,"_89":138,"_91":178,"_66":48,"_93":-5,"_94":-7,"_74":179,"_96":180},"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",[119,142,173],"10ce4fbd7e41af337e504c3877201698031249b437d941845f0f7cdc52a79e66",{"_74":225,"_76":-7,"_78":236},{"_74":226,"_76":-7,"_78":227},{"_74":214,"_76":-7,"_78":215},{"_74":205,"_76":-7,"_78":206},{"_74":196,"_76":-7,"_78":197},{"_74":187,"_76":-7,"_78":188},"frontend/components/Tabs.tsx",{"_32":189,"_13":190,"_81":191,"_83":135,"_84":58,"_85":22,"_86":26,"_34":192,"_40":177,"_89":138,"_91":193,"_66":48,"_93":-5,"_94":-7,"_74":194,"_96":195},"55942cc2-534f-11f1-a2d2-ee650bb23af1","Tabs.tsx","55942dbc-534f-11f1-a2d2-ee650bb23af1",["D",1779173562838],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface TabsProps {\n activeTab: string;\n onTabChange: (tab: string) => void;\n}\n\nconst tabs = [\n { id: \"requests\", label: \"📋 Requests\", emoji: \"📋\" },\n { id: \"chat\", label: \"💬 Chat\", emoji: \"💬\" },\n];\n\nexport function Tabs({ activeTab, onTabChange }: TabsProps) {\n return (\n

\n {tabs.map((tab) => (\n onTabChange(tab.id)}\n class={`flex-1 py-3 px-6 text-sm font-semibold transition-all cursor-pointer\n ${\n activeTab === tab.id\n ? \"text-blue-600 border-b-2 border-blue-600 bg-blue-50/50\"\n : \"text-gray-500 hover:text-gray-700 hover:bg-gray-50\"\n }`}\n >\n {tab.label}\n \n ))}\n

\n );\n}\n",[119,142,190],"2699ee799a1df75372558e7338fd6879ef887d9f8c519606463b16326a2f842d","frontend/components/RequestsTab.tsx",{"_32":198,"_13":199,"_81":200,"_83":135,"_84":58,"_85":57,"_86":26,"_34":201,"_40":88,"_89":138,"_91":202,"_66":48,"_93":-5,"_94":-7,"_74":203,"_96":204},"97073656-5352-11f1-8969-ee650bb23af1","RequestsTab.tsx","5ffa71c6-534f-11f1-a2d2-ee650bb23af1",["D",1779174961130],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface RequestItem {\n id: number;\n title: string;\n description: string;\n status: \"pending\" | \"approved\" | \"rejected\";\n created_at: string;\n}\n\nconst statusColors: Record = {\n pending: \"bg-yellow-100 text-yellow-800\",\n approved: \"bg-green-100 text-green-800\",\n rejected: \"bg-red-100 text-red-800\",\n};\n\nconst statusEmoji: Record = {\n pending: \"⏳\",\n approved: \"✅\",\n rejected: \"❌\",\n};\n\nexport function RequestsTab() {\n const [requests, setRequests] = useState([]);\n const [loading, setLoading] = useState(true);\n const [showForm, setShowForm] = useState(false);\n const [newTitle, setNewTitle] = useState(\"\");\n const [newDesc, setNewDesc] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n\n // Load requests from the database on mount\n useEffect(() => {\n fetchRequests();\n }, []);\n\n async function fetchRequests() {\n try {\n const res = await fetch(\"/api/requests\");\n const data = await res.json();\n setRequests(data);\n } catch (err) {\n console.error(\"Failed to fetch requests:\", err);\n } finally {\n setLoading(false);\n }\n }\n\n async function handleAddRequest() {\n // Validation: prevent empty submissions\n if (!newTitle.trim()) {\n setError(\"⚠️ Sorğu başlığı boş ola bilməz! / Title cannot be empty!\");\n return;\n }\n\n setError(\"\");\n setSubmitting(true);\n\n try {\n const res = await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n title: newTitle.trim(),\n description: newDesc.trim(),\n }),\n });\n\n if (!res.ok) {\n const errData = await res.json();\n setError(errData.error || \"Failed to create request\");\n return;\n }\n\n const created = await res.json();\n setRequests([created, ...requests]);\n setNewTitle(\"\");\n setNewDesc(\"\");\n setShowForm(false);\n } catch (err) {\n setError(\"Network error. Please try again.\");\n console.error(\"Failed to create request:\", err);\n } finally {\n setSubmitting(false);\n }\n }\n\n function formatDate(dateStr: string) {\n return dateStr.split(\"T\")[0] || dateStr.split(\" \")[0] || dateStr;\n }\n\n if (loading) {\n return (\n

⏳

Loading requests...

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

\n {/* Header */}\n

Requests

\n { setShowForm(!showForm); setError(\"\"); }}\n class=\"bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {showForm ? \"Cancel\" : \"+ New Request\"}\n \n

\n\n {/* New Request Form */}\n {showForm && (\n

\n {error && (\n

\n {error}\n

\n )}\n { setNewTitle((e.target as HTMLInputElement).value); setError(\"\"); }}\n class={`w-full px-3 py-2 border rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${\n error && !newTitle.trim() ? \"border-red-400 bg-red-50\" : \"border-gray-300\"\n }`}\n />\n setNewDesc((e.target as HTMLTextAreaElement).value)}\n class=\"w-full px-3 py-2 border border-gray-300 rounded-lg text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none\"\n rows={3}\n />\n \n {submitting ? \"Submitting...\" : \"Submit Request\"}\n \n

\n )}\n\n {/* Summary */}\n

\n {([\"pending\", \"approved\", \"rejected\"] as const).map((status) => (\n

{requests.filter((r) => r.status === status).length}

{statusEmoji[status]} {status}

\n ))}\n

\n\n {/* Request List */}\n {requests.length === 0 ? (\n

📭

No requests yet. Create your first one!

\n ) : (\n

\n {requests.map((req) => (\n

{req.title}

\n {req.description && (\n

{req.description}

\n )}\n

📅 {formatDate(req.created_at)}

\n \n {statusEmoji[req.status]} {req.status}\n \n

\n ))}\n

\n )}\n

\n );\n}\n",[119,142,199],"225f558644eb1a1608f5a19db0334ce1b9eb4572930f1e30c5783b11869cd4b4","frontend/components/ChatTab.tsx",{"_32":207,"_13":208,"_81":209,"_83":135,"_84":58,"_85":148,"_86":26,"_34":210,"_40":177,"_89":138,"_91":211,"_66":48,"_93":-5,"_94":-7,"_74":212,"_96":213},"6a1f9f8c-534f-11f1-a2d2-ee650bb23af1","ChatTab.tsx","6a1fa07c-534f-11f1-a2d2-ee650bb23af1",["D",1779173597301],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useRef, useEffect } from \"https://esm.sh/react@18.2.0\";\n\ninterface ChatMessage {\n id: number;\n sender: \"user\" | \"other\";\n name: string;\n text: string;\n time: string;\n}\n\nfunction getTime() {\n return new Date().toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n}\n\nconst autoReplies = [\n \"Got it, I'll look into that! 👍\",\n \"Interesting point. Let me think about it.\",\n \"Thanks for sharing! 🙏\",\n \"Sure, I can help with that.\",\n \"Sounds good to me! ✨\",\n \"Let me get back to you on that.\",\n];\n\nexport function ChatTab() {\n const [messages, setMessages] = useState([\n { id: 1, sender: \"other\", name: \"Aysel\", text: \"Hi! How's the project going? 🚀\", time: \"10:30\" },\n { id: 2, sender: \"user\", name: \"You\", text: \"Going well! Just finished the dashboard.\", time: \"10:31\" },\n { id: 3, sender: \"other\", name: \"Aysel\", text: \"Awesome! Can you share the link?\", time: \"10:32\" },\n ]);\n const [input, setInput] = useState(\"\");\n const bottomRef = useRef(null);\n\n useEffect(() => {\n bottomRef.current?.scrollIntoView({ behavior: \"smooth\" });\n }, [messages]);\n\n function handleSend() {\n if (!input.trim()) return;\n\n const userMsg: ChatMessage = {\n id: Date.now(),\n sender: \"user\",\n name: \"You\",\n text: input,\n time: getTime(),\n };\n\n setMessages((prev) => [...prev, userMsg]);\n setInput(\"\");\n\n // Simulate auto-reply\n setTimeout(() => {\n const reply: ChatMessage = {\n id: Date.now() + 1,\n sender: \"other\",\n name: \"Aysel\",\n text: autoReplies[Math.floor(Math.random() * autoReplies.length)],\n time: getTime(),\n };\n setMessages((prev) => [...prev, reply]);\n }, 800 + Math.random() * 1200);\n }\n\n function handleKeyDown(e: KeyboardEvent) {\n if (e.key === \"Enter\" && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n }\n\n return (\n

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

Aysel

● Online

\n\n {/* Messages */}\n

\n {messages.map((msg) => (\n

\n \n

{msg.text}

\n \n {msg.time}\n

\n ))}\n

\n\n {/* Input */}\n

\n setInput((e.target as HTMLInputElement).value)}\n onKeyDown={handleKeyDown as any}\n placeholder=\"Type a message...\"\n class=\"flex-1 px-4 py-2 border border-gray-300 rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n ➤\n \n

\n \n );\n}\n",[119,142,208],"9262743a5f4aa1fe2fee3e184911c888ec0ea93058d95997d559185d201e11b8","backend/requests-api.ts",{"_32":216,"_13":217,"_81":218,"_83":219,"_84":58,"_85":220,"_86":26,"_34":221,"_40":177,"_89":138,"_91":222,"_66":48,"_93":-5,"_94":-7,"_74":223,"_96":224},"8617abc8-5352-11f1-ac0f-ee650bb23af1","requests-api.ts","8617ac90-5352-11f1-ac0f-ee650bb23af1","5a050e7b-df80-4523-a994-75efde00f637",10,["D",1779174932721],"import { Hono } from \"npm:hono\";\nimport { initDB, sqlite } from \"./db.ts\";\n\nconst api = new Hono();\n\n// Ensure DB is initialized on first request\nlet dbReady = false;\napi.use(\"*\", async (_c, next) => {\n if (!dbReady) {\n await initDB();\n dbReady = true;\n }\n await next();\n});\n\n// GET /api/requests — fetch all requests (newest first)\napi.get(\"/\", async (c) => {\n const result = await sqlite.execute(\"SELECT * FROM requests ORDER BY created_at DESC\");\n return c.json(result.rows);\n});\n\n// POST /api/requests — create a new request\napi.post(\"/\", async (c) => {\n const body = await c.req.json();\n const { title, description } = body;\n\n // Validate: title is required and must not be empty\n if (!title || typeof title !== \"string\" || !title.trim()) {\n return c.json({ error: \"Title is required and cannot be empty.\" }, 400);\n }\n\n const desc = (description && typeof description === \"string\") ? description.trim() : \"\";\n\n const result = await sqlite.execute({\n sql: \"INSERT INTO requests (title, description) VALUES (?, ?)\",\n args: [title.trim(), desc],\n });\n\n // Fetch the inserted row\n const inserted = await sqlite.execute({\n sql: \"SELECT * FROM requests WHERE id = ?\",\n args: [result.lastInsertRowid!],\n });\n\n return c.json(inserted.rows[0], 201);\n});\n\nexport default api;\n",[225,217],"8d3168b126f0981a1d19a799e7fac810e60be3812dfedc77e98464c70b4ff25c","backend","backend/db.ts",{"_32":228,"_13":229,"_81":230,"_83":219,"_84":58,"_85":231,"_86":26,"_34":232,"_40":177,"_89":138,"_91":233,"_66":48,"_93":-5,"_94":-7,"_74":234,"_96":235},"813d0a80-5352-11f1-8d9d-ee650bb23af1","db.ts","813d0b48-5352-11f1-8d9d-ee650bb23af1",9,["D",1779174924545],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Initialize the requests table\nexport async function initDB() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n description TEXT NOT NULL DEFAULT '',\n status TEXT NOT NULL DEFAULT 'pending',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n}\n\nexport { sqlite };\n",[225,229],"051a275013ee7ae90e555a6ee364bb5702365ff10a2bcc67f5b86f4c01904ea6",{"_32":237,"_13":225,"_81":219,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":238,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_94":-7,"_74":240,"_96":-5},"813d1c6e-5352-11f1-8d9d-ee650bb23af1",["D",1779174924545],"directory",[225],["D",1779173550816],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","dc70a415-98fc-4458-af03-4a0a2fcdd97f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019e3ee4-0082-71fa-8b22-d78f0174634f","tursoName","4e6b16e0534f11f18736ee650bb23af1","tursoHostname","4e6b16e0534f11f18736ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789555877593],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_283":279},"org",{"_11":12,"_276":277,"_278":279,"_247":248,"_280":281,"_282":48},"branch","displayName","Rosa Mehdili","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ8XeitmhPVNCeJ8UWVE54OyNqLS99DYm_GzhyMTU_sHp_1mA=s96-c","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":390,"_46":-5,"_242":48,"_49":50,"_243":50,"_244":245,"_246":-5,"_247":248,"_249":82,"_250":26,"_251":-5,"_252":-5,"_253":177,"_53":254,"_255":256,"_257":258,"_259":391,"_261":-5,"_262":263,"_264":263,"_265":266,"_267":266,"_268":266,"_269":263,"_270":263,"_271":392,"_273":393,"_275":394,"_47":48},"tree",[335,338,347,348],"files",[335,336,337,338,339,340,341,342,343,344,345,346,347,348],"counts",{"_325":177,"_326":88,"_327":177,"_328":329,"_330":331},"contents",[312,313,314,315],"upstreamProject",{"_32":39,"_13":56,"_244":245,"_246":309,"_49":50,"_271":310},"upstreamBranch",{"_32":33,"_34":307,"_36":308,"_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],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789577999&sig=2ab81189fced4fb576e9436da67acbaf730951eef80212e8dc3c2bf0f6be2f57",{"_11":52,"_283":311},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789577999&sig=aa7aec25480c67f41f9650e8445afc21cf1a6c5fd3969752b90fbd3f6a604c46",{"_32":237,"_13":225,"_81":219,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":323,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_74":324},{"_32":320,"_13":119,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":321,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_74":322},{"_32":155,"_13":152,"_81":156,"_83":-5,"_84":58,"_85":125,"_86":26,"_34":318,"_40":88,"_89":115,"_91":158,"_66":48,"_93":-5,"_74":319},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":20,"_86":26,"_34":316,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_74":317},["D",1779174938459],[75],["D",1779173618141],[152],"4e777c5a-534f-11f1-8736-ee650bb23af1",["D",1779173550816],[119],["D",1779174924545],[225],"pulls","branches","forks","envVars",{"_332":177,"_334":177},"connections",{"_332":177,"_333":177},"count","unfilledCount","emptyCount",{"_32":237,"_13":225,"_81":219,"_83":-5,"_84":58,"_85":231,"_86":26,"_34":238,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_94":388,"_74":389},{"_32":228,"_13":229,"_81":230,"_83":219,"_84":58,"_85":231,"_86":26,"_34":232,"_40":177,"_89":138,"_91":233,"_66":48,"_93":-5,"_94":386,"_74":387},{"_32":216,"_13":217,"_81":218,"_83":219,"_84":58,"_85":220,"_86":26,"_34":221,"_40":177,"_89":138,"_91":222,"_66":48,"_93":-5,"_94":384,"_74":385},{"_32":320,"_13":119,"_81":112,"_83":-5,"_84":58,"_85":88,"_86":26,"_34":381,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_94":382,"_74":383},{"_32":377,"_13":142,"_81":135,"_83":112,"_84":58,"_85":88,"_86":26,"_34":378,"_40":177,"_89":239,"_91":-5,"_66":48,"_93":-5,"_94":379,"_74":380},{"_32":132,"_13":133,"_81":134,"_83":135,"_84":58,"_85":136,"_86":26,"_34":137,"_40":88,"_89":138,"_91":139,"_66":48,"_93":-5,"_94":375,"_74":376},{"_32":207,"_13":208,"_81":209,"_83":135,"_84":58,"_85":148,"_86":26,"_34":210,"_40":177,"_89":138,"_91":211,"_66":48,"_93":-5,"_94":373,"_74":374},{"_32":198,"_13":199,"_81":200,"_83":135,"_84":58,"_85":57,"_86":26,"_34":201,"_40":88,"_89":138,"_91":202,"_66":48,"_93":-5,"_94":371,"_74":372},{"_32":189,"_13":190,"_81":191,"_83":135,"_84":58,"_85":22,"_86":26,"_34":192,"_40":177,"_89":138,"_91":193,"_66":48,"_93":-5,"_94":369,"_74":370},{"_32":362,"_13":363,"_81":364,"_83":112,"_84":58,"_85":88,"_86":26,"_34":365,"_40":177,"_89":115,"_91":366,"_66":48,"_93":-5,"_94":367,"_74":368},{"_32":109,"_13":110,"_81":111,"_83":112,"_84":58,"_85":113,"_86":26,"_34":114,"_40":88,"_89":115,"_91":116,"_66":48,"_93":-5,"_94":360,"_74":361},{"_32":353,"_13":354,"_81":355,"_83":112,"_84":58,"_85":88,"_86":26,"_34":356,"_40":177,"_89":138,"_91":357,"_66":48,"_93":-5,"_94":358,"_74":359},{"_32":155,"_13":152,"_81":156,"_83":-5,"_84":58,"_85":125,"_86":26,"_34":157,"_40":88,"_89":115,"_91":158,"_66":48,"_93":-5,"_94":351,"_74":352},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":58,"_85":20,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_66":48,"_93":-5,"_94":349,"_74":350},[],[75],[],[152],"4e777840-534f-11f1-8736-ee650bb23af1","index.tsx","019e3f01-eb31-756d-9006-f765cb9a811b",["D",1779173550816],"/** @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();",[],[119,354],[],[119,110],"4e776c38-534f-11f1-8736-ee650bb23af1","favicon.svg","019e3f01-eb31-756d-9006-ef243b131488",["D",1779173550816],"\n",[],[119,363],[],[119,142,190],[],[119,142,199],[],[119,142,208],[],[119,142,133],"4e776a4e-534f-11f1-8736-ee650bb23af1",["D",1779173550816],[340,341,342,343],[119,142],["D",1779173550816],[339,344,345,346],[119],[],[225,217],[],[225,229],[336,337],[225],["D",1779173550816],["D",1789555877593],{"_11":12,"_283":279},{"_11":12,"_276":277,"_278":279,"_247":248,"_280":281,"_282":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_271":-5,"_304":428,"_429":430,"_431":432,"_433":48,"_434":48,"_435":48,"_436":26,"_437":-5,"_438":-7,"_439":-7,"_440":177,"_441":48,"_442":48,"_443":-5,"_444":48,"_445":48,"_446":48,"_447":-5},"ENV",{"_399":400,"_401":402,"_403":16,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417,"_418":419,"_420":421,"_422":423,"_424":425,"_426":427},"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

Mergerosamehdili/mainintotemplates/main

README.md+16-37

frontend/components/App.tsx+26-7

frontend/index.html+3-3

Hindex.ts+3-5

backend

backend/db.ts+16-0

backend/requests-api.ts+48-0

frontend/components/ChatTab.tsx+125-0

frontend/components/RequestsTab.tsx+191-0

frontend/components/Tabs.tsx+32-0

frontend/components/Counter.tsx+0-18