VA Task Brain - Virtual Assistant Task Analyzer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_243":244,"_245":246},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_183":-5,"_20":184,"_22":185,"_186":187,"_188":189,"_26":190,"_24":191,"_192":-5,"_193":-5,"_194":53,"_195":196,"_197":45,"_198":-5,"_199":-5,"_200":201},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","aishatyy","name","VA-TASK-BRAIN","branchName","main","version","path","frontend/index.html","project",{"_33":130,"_13":14,"_46":131,"_132":-5,"_133":53,"_134":135,"_136":135,"_137":-5,"_138":-5,"_139":140,"_141":123,"_142":45,"_143":45,"_144":-5,"_145":48,"_146":147,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":153,"_154":153,"_155":156,"_157":156,"_158":156,"_159":153,"_160":153,"_161":162,"_163":164,"_165":166,"_167":53},"tree",[57,58,59,60,61],"file",{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","6d0ca716-3f4c-11f0-8ecb-76b3cceeab13","index.html","fileId","6d0ca7e8-3f4c-11f0-8ecb-76b3cceeab13","parentId","9812490d-dbd9-444b-a202-553bcbe44582","branchId","0262929a-3f4c-11f0-92c2-76b3cceeab13","branchVersion",6,"latest",true,"createdAt",["D",1748825792800],0,"fileType","content","\n\n\n \n \n VA Task Brain - Virtual Assistant Task Analyzer\n \n \n\n\n

\n \n\n

🤔 Analyzing your task and breaking it down into categories...

\n\n

\n Oops! \n

\n\n

💡 How a Virtual Assistant Can Help

\n\n

\n \n

\n\n

💭 Additional Notes

\n\n \n\n","deleted",false,"label",[56,35],"frontend",{"_33":113,"_13":114,"_36":115,"_38":-5,"_40":41,"_42":116,"_44":45,"_46":117,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":118,"_18":119},{"_33":96,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":97,"_44":45,"_46":98,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":99,"_18":100},{"_33":80,"_13":81,"_36":82,"_38":-5,"_40":41,"_42":83,"_44":45,"_46":84,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":86,"_18":87},{"_33":72,"_13":73,"_36":74,"_38":-5,"_40":41,"_42":75,"_44":45,"_46":76,"_17":48,"_49":24,"_50":77,"_52":53,"_54":-5,"_69":78,"_18":79},{"_33":62,"_13":63,"_36":64,"_38":-5,"_40":41,"_42":65,"_44":45,"_46":66,"_17":48,"_49":67,"_50":68,"_52":53,"_54":-5,"_69":70,"_18":71},"0264c2c2-3f4c-11f0-92c2-76b3cceeab13","main.tsx","0264c376-3f4c-11f0-92c2-76b3cceeab13",1,["D",1748825613864],"script","","children",[],[63],"41c32bfc-3f4c-11f0-88fd-76b3cceeab13","README.md","41c32ca6-3f4c-11f0-88fd-76b3cceeab13",2,["D",1748825720178],"# VA Task Brain\n\nA web application that helps break down work tasks into clear categories that a virtual assistant can help with.\n\n## Features\n\n- Simple text input for task descriptions\n- AI-powered task categorization\n- Friendly, helpful tone in responses\n- Clean, responsive interface\n\n## Categories\n\nThe app categorizes tasks into:\n- **Admin Support** - Data entry, file organization, document management\n- **Research** - Market research, competitor analysis, information gathering\n- **Communication** - Email management, customer service, social media\n- **Scheduling** - Calendar management, appointment setting, meeting coordination\n- **Reporting** - Data analysis, report generation, performance tracking\n- **Miscellaneous** - Other tasks that don't fit standard categories\n\n## Structure\n\n- `backend/index.ts` - Main Hono server with API endpoints\n- `frontend/index.html` - Main web interface\n- `frontend/style.css` - Custom styling\n- `shared/types.ts` - Shared TypeScript types\n\n## Usage\n\n1. Enter a description of the work you need help with\n2. Click \"Analyze Task\" \n3. Get a breakdown of how a virtual assistant can help with each category",[],[73],"43ba3478-3f4c-11f0-b762-76b3cceeab13","shared","24bc52d0-0702-430c-946e-32c50c204153",3,["D",1748825723472],"directory",[88],[81],{"_33":89,"_13":90,"_36":91,"_38":82,"_40":41,"_42":83,"_44":45,"_46":92,"_17":48,"_49":67,"_50":93,"_52":53,"_54":-5,"_69":94,"_18":95},"43ba2a82-3f4c-11f0-b762-76b3cceeab13","types.ts","43ba2b40-3f4c-11f0-b762-76b3cceeab13",["D",1748825723472],"export interface TaskCategory {\n name: string;\n description: string;\n tasks: string[];\n}\n\nexport interface TaskAnalysis {\n originalTask: string;\n summary: string;\n categories: TaskCategory[];\n additionalNotes?: string;\n}\n\nexport interface AnalyzeRequest {\n taskDescription: string;\n}",[],[81,90],"5d3b9ca2-3f4c-11f0-8c5f-76b3cceeab13",5,["D",1748825766262],[101,102],[56],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":110,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_69":111,"_18":112},{"_33":103,"_13":104,"_36":105,"_38":39,"_40":41,"_42":97,"_44":45,"_46":106,"_17":48,"_49":24,"_50":107,"_52":53,"_54":-5,"_69":108,"_18":109},"5d3b72cc-3f4c-11f0-8c5f-76b3cceeab13","style.css","5d3b73e4-3f4c-11f0-8c5f-76b3cceeab13",["D",1748825766262],"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n line-height: 1.6;\n color: #333;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n.header {\n text-align: center;\n margin-bottom: 3rem;\n color: white;\n}\n\n.header h1 {\n font-size: 2.5rem;\n margin-bottom: 0.5rem;\n font-weight: 700;\n}\n\n.header p {\n font-size: 1.1rem;\n opacity: 0.9;\n}\n\n.card {\n background: white;\n border-radius: 12px;\n padding: 2rem;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n margin-bottom: 2rem;\n}\n\n.input-section {\n margin-bottom: 2rem;\n}\n\n.input-section label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n color: #555;\n}\n\n.input-section textarea {\n width: 100%;\n padding: 1rem;\n border: 2px solid #e1e5e9;\n border-radius: 8px;\n font-size: 1rem;\n resize: vertical;\n min-height: 120px;\n transition: border-color 0.3s ease;\n}\n\n.input-section textarea:focus {\n outline: none;\n border-color: #667eea;\n}\n\n.btn {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n padding: 1rem 2rem;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n width: 100%;\n}\n\n.btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);\n}\n\n.btn:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n}\n\n.loading {\n display: none;\n text-align: center;\n padding: 2rem;\n color: #666;\n}\n\n.loading.show {\n display: block;\n}\n\n.results {\n display: none;\n}\n\n.results.show {\n display: block;\n}\n\n.summary {\n background: #f8f9fa;\n padding: 1.5rem;\n border-radius: 8px;\n margin-bottom: 2rem;\n border-left: 4px solid #667eea;\n}\n\n.summary h3 {\n color: #667eea;\n margin-bottom: 0.5rem;\n}\n\n.categories {\n display: grid;\n gap: 1.5rem;\n}\n\n.category {\n border: 1px solid #e1e5e9;\n border-radius: 8px;\n padding: 1.5rem;\n transition: box-shadow 0.3s ease;\n}\n\n.category:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n}\n\n.category h4 {\n color: #667eea;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n}\n\n.category p {\n color: #666;\n margin-bottom: 1rem;\n}\n\n.category ul {\n list-style: none;\n padding-left: 0;\n}\n\n.category li {\n padding: 0.5rem 0;\n border-bottom: 1px solid #f0f0f0;\n position: relative;\n padding-left: 1.5rem;\n}\n\n.category li:last-child {\n border-bottom: none;\n}\n\n.category li:before {\n content: \"✓\";\n position: absolute;\n left: 0;\n color: #667eea;\n font-weight: bold;\n}\n\n.additional-notes {\n background: #fff3cd;\n border: 1px solid #ffeaa7;\n border-radius: 8px;\n padding: 1rem;\n margin-top: 1.5rem;\n}\n\n.additional-notes h4 {\n color: #856404;\n margin-bottom: 0.5rem;\n}\n\n.additional-notes p {\n color: #856404;\n margin: 0;\n}\n\n.error {\n background: #f8d7da;\n border: 1px solid #f5c6cb;\n color: #721c24;\n padding: 1rem;\n border-radius: 8px;\n margin-top: 1rem;\n display: none;\n}\n\n.error.show {\n display: block;\n}\n\n@media (max-width: 768px) {\n .container {\n padding: 1rem;\n }\n \n .header h1 {\n font-size: 2rem;\n }\n \n .card {\n padding: 1.5rem;\n }\n}",[],[56,104],["D",1748825792800],[],[56,35],"4fe0d9be-3f4c-11f0-b514-76b3cceeab13","backend","062cbf5a-22f6-4440-a891-096e68f0cdca",4,["D",1748825743857],[120],[114],{"_33":121,"_13":122,"_36":123,"_38":115,"_40":41,"_42":124,"_44":45,"_46":125,"_17":83,"_49":126,"_50":127,"_52":53,"_54":-5,"_69":128,"_18":129},"87021a7a-3f4c-11f0-aeb0-76b3cceeab13","index.ts","4fe0c596-3f4c-11f0-b514-76b3cceeab13",9,["D",1748825836348],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport type { TaskAnalysis, AnalyzeRequest } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\nconst openai = new OpenAI();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API endpoint to analyze tasks\napp.post(\"/api/analyze\", async c => {\n try {\n const { taskDescription }: AnalyzeRequest = await c.req.json();\n \n if (!taskDescription || taskDescription.trim().length === 0) {\n return c.json({ error: \"Task description is required\" }, 400);\n }\n\n const prompt = `You are a helpful virtual assistant consultant. A user has described work they need help with: \"${taskDescription}\"\n\nPlease analyze this task and break it down into categories that a virtual assistant could help with. Use these specific categories:\n\n1. Admin Support - Data entry, file organization, document management, administrative tasks\n2. Research - Market research, competitor analysis, information gathering, fact-checking\n3. Communication - Email management, customer service, social media management, correspondence\n4. Scheduling - Calendar management, appointment setting, meeting coordination, travel planning\n5. Reporting - Data analysis, report generation, performance tracking, documentation\n6. Miscellaneous - Other tasks that don't fit the above categories\n\nFor each relevant category, provide:\n- A brief description of how it applies to their task\n- 2-3 specific actionable tasks a VA could do\n\nRespond in a friendly, helpful tone. If a category doesn't apply, don't include it.\n\nYou must respond with valid JSON only. No additional text before or after the JSON. Use this exact structure:\n{\n \"originalTask\": \"the original task description\",\n \"summary\": \"a friendly 1-2 sentence summary of how a VA can help\",\n \"categories\": [\n {\n \"name\": \"Category Name\",\n \"description\": \"How this category applies to their task\",\n \"tasks\": [\"Specific task 1\", \"Specific task 2\", \"Specific task 3\"]\n }\n ],\n \"additionalNotes\": \"Any additional helpful advice (optional)\"\n}`;\n\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are a helpful virtual assistant consultant who provides clear, actionable advice. Always respond with valid JSON only.\" },\n { role: \"user\", content: prompt }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 1000,\n temperature: 0.7,\n response_format: { type: \"json_object\" }\n });\n\n const responseText = completion.choices[0]?.message?.content;\n if (!responseText) {\n throw new Error(\"No response from OpenAI\");\n }\n\n // Parse the JSON response\n let analysis: TaskAnalysis;\n try {\n analysis = JSON.parse(responseText);\n } catch (parseError) {\n // If JSON parsing fails, create a fallback response\n analysis = {\n originalTask: taskDescription,\n summary: \"I can help you break down this task into manageable categories for a virtual assistant.\",\n categories: [\n {\n name: \"Miscellaneous\",\n description: \"This task requires further analysis to categorize properly.\",\n tasks: [\"Review and analyze the specific requirements\", \"Break down into smaller, actionable steps\", \"Identify the best approach for completion\"]\n }\n ],\n additionalNotes: \"For a more detailed breakdown, please provide additional context about your specific needs.\"\n };\n }\n\n return c.json(analysis);\n } catch (error) {\n console.error(\"Error analyzing task:\", error);\n return c.json({ error: \"Failed to analyze task. Please try again.\" }, 500);\n }\n});\n\nexport default app.fetch;",[],[114,122],"02622986-3f4c-11f0-92c2-76b3cceeab13",["D",1748825613851],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","edb080f0-3f4b-11f0-ad5b-814c56c8abb0","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","c73a8028-7698-4a7a-b761-3d4b98d7bbc7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_182":178},"org",{"_11":12,"_176":-5,"_177":178,"_139":140,"_179":180,"_181":53},"branch",{"_17":124,"_13":16,"_33":41,"_168":130,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":14,"_175":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4dmpmOUpkUlhrSDBFOUZXUTdmTUlsdG9CaCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":130,"_13":14,"_46":239,"_132":-5,"_133":53,"_134":135,"_136":135,"_137":-5,"_138":-5,"_139":140,"_141":123,"_142":45,"_143":45,"_144":-5,"_145":48,"_146":147,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":153,"_154":153,"_155":156,"_157":156,"_158":156,"_159":153,"_160":153,"_161":240,"_163":241,"_165":242,"_167":53},[212,214,217,219,220],"files",[212,213,214,215,216,217,218,219,220],"counts",{"_203":48,"_204":65,"_205":48,"_32":206,"_207":208},[],{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_18":202},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[56,35],"pulls","branches","forks",{"_209":48,"_211":48},"connections",{"_209":48,"_210":48},"count","unfilledCount","emptyCount",{"_33":113,"_13":114,"_36":115,"_38":-5,"_40":41,"_42":116,"_44":45,"_46":117,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":237,"_18":238},{"_33":121,"_13":122,"_36":123,"_38":115,"_40":41,"_42":124,"_44":45,"_46":125,"_17":83,"_49":126,"_50":127,"_52":53,"_54":-5,"_69":235,"_18":236},{"_33":96,"_13":56,"_36":39,"_38":-5,"_40":41,"_42":97,"_44":45,"_46":98,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":233,"_18":234},{"_33":34,"_13":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":110,"_17":48,"_49":24,"_50":51,"_52":53,"_54":-5,"_69":231,"_18":232},{"_33":103,"_13":104,"_36":105,"_38":39,"_40":41,"_42":97,"_44":45,"_46":106,"_17":48,"_49":24,"_50":107,"_52":53,"_54":-5,"_69":229,"_18":230},{"_33":80,"_13":81,"_36":82,"_38":-5,"_40":41,"_42":83,"_44":45,"_46":84,"_17":48,"_49":85,"_50":-5,"_52":53,"_54":-5,"_69":227,"_18":228},{"_33":89,"_13":90,"_36":91,"_38":82,"_40":41,"_42":83,"_44":45,"_46":92,"_17":48,"_49":67,"_50":93,"_52":53,"_54":-5,"_69":225,"_18":226},{"_33":72,"_13":73,"_36":74,"_38":-5,"_40":41,"_42":75,"_44":45,"_46":76,"_17":48,"_49":24,"_50":77,"_52":53,"_54":-5,"_69":223,"_18":224},{"_33":62,"_13":63,"_36":64,"_38":-5,"_40":41,"_42":65,"_44":45,"_46":66,"_17":48,"_49":67,"_50":68,"_52":53,"_54":-5,"_69":221,"_18":222},[],[63],[],[73],[],[81,90],[218],[81],[],[56,104],[],[56,35],[215,216],[56],[],[114,122],[213],[114],["D",1748825613851],{"_11":12,"_182":178},{"_11":12,"_176":-5,"_177":178,"_139":140,"_179":180,"_181":53},{"_17":124,"_13":16,"_33":41,"_168":130,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":14,"_175":12},"ctx",{"_161":-5,"_199":276,"_277":278,"_279":280,"_281":53,"_282":53,"_283":53,"_284":45,"_285":-5,"_286":-7,"_287":-7,"_288":48,"_289":53,"_290":53,"_291":-5,"_292":53,"_293":53,"_294":53,"_295":-5},"ENV",{"_247":248,"_249":250,"_251":16,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

🧠 VA Task Brain

💡 How a Virtual Assistant Can Help

💭 Additional Notes