\n \n \n \n\n",[],[117,134],"4e776c38-534f-11f1-8736-ee650bb23af1","favicon.svg","019e3f01-eb31-756d-9006-ef243b131488",["D",1779173550816],"\n",[],[117,142],"4e776a4e-534f-11f1-8736-ee650bb23af1","components","019e3f01-eb31-756d-9006-ea2e305243c9",["D",1779173550816],[154,155,156,157],[117,149],{"_36":181,"_13":182,"_64":183,"_66":150,"_68":69,"_70":184,"_72":73,"_38":185,"_17":102,"_76":77,"_78":186,"_80":51,"_81":-5,"_105":187,"_18":188},{"_36":173,"_13":174,"_64":175,"_66":150,"_68":69,"_70":176,"_72":73,"_38":177,"_17":75,"_76":77,"_78":178,"_80":51,"_81":-5,"_105":179,"_18":180},{"_36":165,"_13":166,"_64":167,"_66":150,"_68":69,"_70":168,"_72":73,"_38":169,"_17":102,"_76":77,"_78":170,"_80":51,"_81":-5,"_105":171,"_18":172},{"_36":158,"_13":159,"_64":160,"_66":150,"_68":69,"_70":34,"_72":73,"_38":161,"_17":75,"_76":77,"_78":162,"_80":51,"_81":-5,"_105":163,"_18":164},"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",[],[117,149,159],"97073656-5352-11f1-8969-ee650bb23af1","RequestsTab.tsx","5ffa71c6-534f-11f1-a2d2-ee650bb23af1",12,["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",[],[117,149,166],"6a1f9f8c-534f-11f1-a2d2-ee650bb23af1","ChatTab.tsx","6a1fa07c-534f-11f1-a2d2-ee650bb23af1",5,["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",[],[117,149,174],"6eb17066-534f-11f1-a2d2-ee650bb23af1","App.tsx","019e3f01-eb31-756d-9006-e36263d0de81",6,["D",1779173604969],"/** @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",[],[117,149,182],["D",1779174924545],[192,193],[19],{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":197,"_17":75,"_76":77,"_78":88,"_80":51,"_81":-5,"_105":198,"_18":199},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":194,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_105":195,"_18":196},["D",1779174932721],[],[19,63],["D",1779174924545],[],[19,84],"4e6b16e0-534f-11f1-8736-ee650bb23af1",["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",1789469441210],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_248":244},"org",{"_11":12,"_241":242,"_243":244,"_207":208,"_245":246,"_247":51},"branch",{"_17":168,"_13":16,"_36":69,"_42":200,"_45":37,"_46":237,"_238":53,"_239":43,"_240":57,"_58":14,"_54":12},88,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","Rosa Mehdili","avatar","https://lh3.googleusercontent.com/a/ACg8ocJ8XeitmhPVNCeJ8UWVE54OyNqLS99DYm_GzhyMTU_sHp_1mA=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":200,"_13":14,"_38":332,"_49":-5,"_202":51,"_52":53,"_203":53,"_204":205,"_206":-5,"_207":208,"_209":100,"_210":73,"_211":-5,"_212":-5,"_213":75,"_56":214,"_215":216,"_217":218,"_219":333,"_221":-5,"_222":223,"_224":223,"_225":226,"_227":226,"_228":226,"_229":223,"_230":223,"_231":334,"_233":335,"_235":336,"_50":51},[290,293,302,303],"files",[290,291,292,293,294,295,296,297,298,299,300,301,302,303],"counts",{"_281":75,"_282":102,"_283":75,"_35":284,"_285":286},[277,278],{"_36":90,"_68":69,"_64":67,"_13":19,"_78":-5,"_76":91,"_17":75,"_66":-5,"_38":275,"_70":86,"_81":-5,"_18":276},"upstreamProject",{"_36":43,"_13":59,"_204":205,"_206":272,"_52":53,"_231":273},"upstreamBranch",{"_36":37,"_38":270,"_40":271,"_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],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789538399&sig=d91a7ef87f90c894c3b8d0b9fb95840fd02478ac34a646812058e001671e6ecb",{"_11":55,"_248":274},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789538399&sig=ed57122c136965e1015088c1b79a18d1d4e6250d1eb81abacde1e740f48894e7",["D",1779174924545],[19],{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":87,"_17":75,"_76":77,"_78":88,"_80":51,"_81":-5,"_18":280},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":74,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_18":279},[19,63],[19,84],"pulls","branches","forks",{"_287":75,"_289":75},"connections",{"_287":75,"_288":75},"count","unfilledCount","emptyCount",{"_36":90,"_13":19,"_64":67,"_66":-5,"_68":69,"_70":86,"_72":73,"_38":189,"_17":75,"_76":91,"_78":-5,"_80":51,"_81":-5,"_105":330,"_18":331},{"_36":83,"_13":84,"_64":85,"_66":67,"_68":69,"_70":86,"_72":73,"_38":197,"_17":75,"_76":77,"_78":88,"_80":51,"_81":-5,"_105":328,"_18":329},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":194,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_105":326,"_18":327},{"_36":116,"_13":117,"_64":118,"_66":-5,"_68":69,"_70":102,"_72":73,"_38":119,"_17":75,"_76":91,"_78":-5,"_80":51,"_81":-5,"_105":324,"_18":325},{"_36":148,"_13":149,"_64":150,"_66":118,"_68":69,"_70":102,"_72":73,"_38":151,"_17":75,"_76":91,"_78":-5,"_80":51,"_81":-5,"_105":322,"_18":323},{"_36":181,"_13":182,"_64":183,"_66":150,"_68":69,"_70":184,"_72":73,"_38":185,"_17":102,"_76":77,"_78":186,"_80":51,"_81":-5,"_105":320,"_18":321},{"_36":173,"_13":174,"_64":175,"_66":150,"_68":69,"_70":176,"_72":73,"_38":177,"_17":75,"_76":77,"_78":178,"_80":51,"_81":-5,"_105":318,"_18":319},{"_36":165,"_13":166,"_64":167,"_66":150,"_68":69,"_70":168,"_72":73,"_38":169,"_17":102,"_76":77,"_78":170,"_80":51,"_81":-5,"_105":316,"_18":317},{"_36":158,"_13":159,"_64":160,"_66":150,"_68":69,"_70":34,"_72":73,"_38":161,"_17":75,"_76":77,"_78":162,"_80":51,"_81":-5,"_105":314,"_18":315},{"_36":141,"_13":142,"_64":143,"_66":118,"_68":69,"_70":102,"_72":73,"_38":144,"_17":75,"_76":24,"_78":145,"_80":51,"_81":-5,"_105":312,"_18":313},{"_36":133,"_13":134,"_64":135,"_66":118,"_68":69,"_70":136,"_72":73,"_38":137,"_17":102,"_76":24,"_78":138,"_80":51,"_81":-5,"_105":310,"_18":311},{"_36":126,"_13":127,"_64":128,"_66":118,"_68":69,"_70":102,"_72":73,"_38":129,"_17":75,"_76":77,"_78":130,"_80":51,"_81":-5,"_105":308,"_18":309},{"_36":108,"_13":109,"_64":110,"_66":-5,"_68":69,"_70":111,"_72":73,"_38":112,"_17":102,"_76":24,"_78":113,"_80":51,"_81":-5,"_105":306,"_18":307},{"_36":98,"_13":99,"_64":100,"_66":-5,"_68":69,"_70":32,"_72":73,"_38":101,"_17":102,"_76":103,"_78":104,"_80":51,"_81":-5,"_105":304,"_18":305},[],[99],[],[109],[],[117,127],[],[117,134],[],[117,142],[],[117,149,159],[],[117,149,166],[],[117,149,174],[],[117,149,182],[295,296,297,298],[117,149],[294,299,300,301],[117],[],[19,63],[],[19,84],[291,292],[19],["D",1779173550816],["D",1789469441210],{"_11":12,"_248":244},{"_11":12,"_241":242,"_243":244,"_207":208,"_245":246,"_247":51},{"_17":168,"_13":16,"_36":69,"_42":200,"_45":37,"_46":237,"_238":53,"_239":43,"_240":57,"_58":14,"_54":12},"ctx",{"_231":-5,"_267":370,"_371":372,"_373":374,"_375":51,"_376":51,"_377":51,"_378":73,"_379":-5,"_380":-7,"_381":-7,"_382":75,"_383":51,"_384":51,"_385":-5,"_386":51,"_387":51,"_388":51,"_389":-5},"ENV",{"_341":342,"_343":344,"_345":16,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369},"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"]