diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..e8ecd4a --- /dev/null +++ b/.env.example @@ -0,0 +1,12 @@ +VITE_SUPABASE_URL=https://tmlrveloeirxsankeqrs.supabase.co +VITE_SUPABASE_PUBLISHABLE_KEY=replace_with_supabase_publishable_key +VITE_CHAT_FUNCTION_URL=https://tmlrveloeirxsankeqrs.supabase.co/functions/v1/jarvis-chat + +# Server-side only — set in Supabase Edge Function Secrets, never in VITE_ variables: +# GEMINI_API_KEY= +# GITHUB_TOKEN= +# CLOUDFLARE_API_TOKEN= +# CLOUDFLARE_ACCOUNT_ID= +# TAVILY_API_KEY= +# APP_ORIGIN= +# JARVIS_GATEWAY_URL=https://.workers.dev diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index ed0d31e..610c072 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -1,13 +1,11 @@ -name: Production build and browser smoke tests - +name: JARVIS X build and tests on: push: - branches: [main] + branches: [main, jarvis-x-foundation] pull_request: branches: [main] - jobs: - build-and-test: + verify: runs-on: ubuntu-latest steps: - uses: actions/checkout@v4 @@ -15,6 +13,6 @@ jobs: with: node-version: 22 - run: npm install - - run: npx playwright install --with-deps chromium + - run: npm test + - run: node --check cloudflare/worker.js - run: npm run build - - run: npm run test:e2e diff --git a/.github/workflows/deploy-cloudflare.yml b/.github/workflows/deploy-cloudflare.yml new file mode 100644 index 0000000..44ea259 --- /dev/null +++ b/.github/workflows/deploy-cloudflare.yml @@ -0,0 +1,77 @@ +name: Deploy generated project to Cloudflare Pages +on: + workflow_dispatch: + inputs: + project_name: + description: Cloudflare Pages project name + required: true + type: string + branch: + description: Source repository branch + required: true + default: main + type: string + repository: + description: owner/repository to build and deploy + required: true + type: string +jobs: + build: + runs-on: ubuntu-latest + permissions: + contents: read + steps: + - uses: actions/checkout@v4 + with: + repository: ${{ inputs.repository }} + ref: ${{ inputs.branch }} + token: ${{ secrets.GITHUB_TOKEN_JARVIS }} + persist-credentials: false + - uses: actions/setup-node@v4 + with: + node-version: 22 + - name: Install dependencies without lifecycle scripts + run: npm install --ignore-scripts --no-audit --no-fund + - name: Run project tests when available + run: npm test --if-present + - name: Build project + env: + VITE_SUPABASE_URL: ${{ secrets.VITE_SUPABASE_URL }} + VITE_SUPABASE_PUBLISHABLE_KEY: ${{ secrets.VITE_SUPABASE_PUBLISHABLE_KEY }} + VITE_CHAT_FUNCTION_URL: ${{ secrets.VITE_CHAT_FUNCTION_URL }} + run: npm run build + - uses: actions/upload-artifact@v4 + with: + name: jarvis-pages-dist + path: dist/ + if-no-files-found: error + retention-days: 1 + deploy: + needs: build + runs-on: ubuntu-latest + permissions: + contents: read + steps: + - uses: actions/download-artifact@v4 + with: + name: jarvis-pages-dist + path: dist + - uses: actions/setup-node@v4 + with: + node-version: 22 + - name: Install Wrangler + run: npm install --global wrangler + - name: Create Pages project if needed + env: + CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }} + CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }} + PROJECT_NAME: ${{ inputs.project_name }} + BRANCH: ${{ inputs.branch }} + run: wrangler pages project create "$PROJECT_NAME" --production-branch "$BRANCH" || true + - name: Deploy static build + env: + CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }} + CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }} + PROJECT_NAME: ${{ inputs.project_name }} + BRANCH: ${{ inputs.branch }} + run: wrangler pages deploy dist --project-name "$PROJECT_NAME" --branch "$BRANCH" diff --git a/.github/workflows/deploy-worker.yml b/.github/workflows/deploy-worker.yml new file mode 100644 index 0000000..2a171d1 --- /dev/null +++ b/.github/workflows/deploy-worker.yml @@ -0,0 +1,39 @@ +name: Deploy JARVIS X gateway Worker +on: + workflow_dispatch: +jobs: + deploy-worker: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v4 + with: + ref: jarvis-x-foundation + - uses: actions/setup-node@v4 + with: + node-version: 22 + - name: Install Wrangler + run: npm install --global wrangler + - name: Configure Worker secrets + env: + CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }} + CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }} + SUPABASE_URL: ${{ secrets.SUPABASE_URL }} + SUPABASE_PUBLISHABLE_KEY: ${{ secrets.SUPABASE_PUBLISHABLE_KEY }} + JARVIS_OWNER_EMAILS: ${{ secrets.JARVIS_OWNER_EMAILS }} + APP_ORIGIN: ${{ secrets.APP_ORIGIN }} + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN_JARVIS }} + GITHUB_OWNER: ${{ secrets.GITHUB_OWNER }} + GITHUB_REPO: ${{ secrets.GITHUB_REPO }} + CLOUDFLARE_PAGES_READY: 'true' + run: | + set -euo pipefail + for key in SUPABASE_URL SUPABASE_PUBLISHABLE_KEY JARVIS_OWNER_EMAILS APP_ORIGIN GITHUB_TOKEN GITHUB_OWNER GITHUB_REPO CLOUDFLARE_PAGES_READY; do + value="${!key}" + if [ -z "$value" ]; then echo "Missing required secret: $key"; exit 1; fi + printf '%s' "$value" | wrangler secret put "$key" --config cloudflare/wrangler.toml + done + - name: Deploy Worker + env: + CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }} + CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }} + run: wrangler deploy --config cloudflare/wrangler.toml diff --git a/README-JARVIS-X.md b/README-JARVIS-X.md new file mode 100644 index 0000000..63a020d --- /dev/null +++ b/README-JARVIS-X.md @@ -0,0 +1,31 @@ +# JARVIS X + +A light, premium personal AI workspace built with Vite and Supabase. The visual system uses pearl, ivory, warm stone and champagne accents; no dark theme or neon gradients. + +## Current foundation +- Responsive web app/PWA shell and Google OAuth entry point. +- Supabase Auth, persistent chat history, projects, memory, tasks, approvals, agent runs and audit log. +- Supabase Edge Functions: `jarvis-chat` and `jarvis-agent`. +- Provider status screen and secret-name checklist. +- Cloudflare Worker gateway starter and Wrangler deployment config. +- Risky actions are designed around explicit approvals; credentials remain server-side. + +## Local setup +1. `npm install` +2. Copy `.env.example` to `.env.local` and set the Supabase URL and publishable key. +3. In Supabase Auth, enable Google and configure the OAuth redirect URLs for the app domain. +4. Add `GEMINI_API_KEY` to Supabase Edge Function secrets. +5. Run `npm run dev`; validate with `npm run build`. + +## Supabase Edge Function secrets +Required for AI chat: `GEMINI_API_KEY`. + +Optional integrations: `GITHUB_TOKEN`, `CLOUDFLARE_API_TOKEN`, `CLOUDFLARE_ACCOUNT_ID`, `SEARCH_API_KEY`, `IMAGE_PROVIDER_API_KEY`, `TTS_API_KEY`, `EMAIL_PROVIDER_API_KEY`. + +Supabase URL and publishable key are public client configuration values. Never place service-role keys, OAuth client secrets, or provider tokens in frontend variables or source control. + +## Cloudflare +Set `APP_ORIGIN` and provider credentials as Worker secrets/vars. Deploy using Wrangler only after configuring the Cloudflare account and reviewing the deployment target. + +## Current limitations +External GitHub actions, real web search, image generation, file parsing, background scheduling and production Cloudflare deployments still require their provider adapters, credentials, tests and explicit authorization. The presence of a settings entry does not mean an integration is active. diff --git a/README.md b/README.md index e42efa3..4c22415 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,47 @@ -# NEON HORIZON +# JARVIS X — Personal Intelligence -A browser-based 3D night-drive prototype built with Three.js, Vite and cannon-es. +A light-first personal AI workspace with a pearl, ivory and champagne visual system. The canonical app is the Vite project at the repository root. -## Requirements -- Node.js 22 or newer -- npm +## Implemented in this branch +- Responsive chat UI and installable PWA shell. +- Google OAuth flow with a database-backed email allowlist. +- Supabase conversation history, model selection, search and custom instructions. +- Optional automatic memory extraction (off until enabled in Settings). +- Private file library; image, PDF and plain-text/CSV/JSON analysis. +- Gemini image generation and natural text-to-speech. +- Browser speech input with language preference. +- Tavily web research with source links. +- Projects, memories, tasks, agent runs and approval queue. +- Agent planning for generated starter projects, approval-gated GitHub repository creation and Cloudflare Pages deployment. +- Supabase RLS, private Storage policies and JWT-verified Edge Functions. + +See [the feature matrix](docs/FEATURE-MATRIX.md) for limitations and features not yet at full ChatGPT parity. ## Local development -```bash -npm install -npm run dev -``` - -## Production build -```bash -npm run build -npm run preview -``` - -The production site is generated in dist/. - -## Deployment -- Vercel: Framework preset Vite, build command `npm run build`, output directory `dist`. -- Netlify: build command `npm run build`, publish directory `dist`. - -## Controls -- A / D or Left / Right: steer -- W / Up: accelerate -- S / Down: brake -- Space / Shift: nitro -- Escape: pause -- Touch: drag left/right to steer; on-screen pedals on touch devices - -## Notes -The vehicle simulation uses a rigid chassis and raycast suspension. It is not a soft-body deformation simulator and does not claim BeamNG.drive parity. Third-party model and texture assets should only be added after their licenses are checked. +1. Copy `.env.example` to `.env`. +2. Set `VITE_SUPABASE_URL` and `VITE_SUPABASE_PUBLISHABLE_KEY`. +3. Run `npm install`, then `npm run dev`. +4. Run `npm test` and `npm run build`. + +## Supabase setup +- Project ref: `tmlrveloeirxsankeqrs` (Driver saathi; Plivex is not used). +- Migrations: `supabase/migrations`. +- Edge Functions: `jarvis-chat`, `jarvis-agent`, `jarvis-research`, `jarvis-image`, `jarvis-tts`. +- Configure Google OAuth under Supabase Auth → Providers and set allowed redirect URLs. +- Add approved Gmail addresses to `public.jarvis_allowed_users` using the SQL example in [Provider setup](docs/PROVIDER-SETUP.md). The allowlist is empty by default. +- Keep all server-side keys in the correct provider's secrets store. + +## Credentials by location +- Supabase Edge Function Secrets: `GEMINI_API_KEY`, `TAVILY_API_KEY`, `JARVIS_GATEWAY_URL`, and optional `APP_ORIGIN`. +- GitHub Actions Secrets: `GITHUB_TOKEN_JARVIS`, `GITHUB_OWNER`, `GITHUB_REPO`, `CLOUDFLARE_API_TOKEN`, `CLOUDFLARE_ACCOUNT_ID`, `SUPABASE_URL`, `SUPABASE_PUBLISHABLE_KEY`, `JARVIS_OWNER_EMAILS`, `APP_ORIGIN`, and the `VITE_*` frontend build variables. +- Google OAuth: configure the Client ID and Client Secret in Supabase Auth provider settings. +- Never use a Supabase service-role or secret key in a `VITE_*` variable or browser code. + +## Safety model +- User data is isolated with RLS and an email allowlist. +- Repository creation and deployment require explicit approval. +- The gateway verifies the signed-in user and the approved action payload before performing side effects. +- Provider keys are never stored in Git history or chat. + +## Current status +This is a working foundation in the `jarvis-x-foundation` branch with CI passing. Provider credentials, OAuth configuration, end-to-end tests and Cloudflare deployment are still required before the live app can be used. This project does not claim full ChatGPT feature parity yet. diff --git a/cloudflare/worker.js b/cloudflare/worker.js new file mode 100644 index 0000000..4120dfb --- /dev/null +++ b/cloudflare/worker.js @@ -0,0 +1,99 @@ +const json=(data,status=200,headers={})=>new Response(JSON.stringify(data),{status,headers:{"content-type":"application/json; charset=utf-8","cache-control":"no-store",...headers}}); +const cors=(env,origin)=>origin&&origin===env.APP_ORIGIN?{"access-control-allow-origin":origin,"access-control-allow-methods":"GET,POST,OPTIONS","access-control-allow-headers":"authorization,content-type","vary":"Origin"}:{}; +async function authenticate(request,env){ + const token=(request.headers.get("authorization")||"").replace(/^Bearer\s+/i,""); + if(!token)throw new Error("Sign in required."); + if(!env.SUPABASE_URL||!env.SUPABASE_PUBLISHABLE_KEY)throw new Error("Supabase gateway settings are missing."); + const response=await fetch(env.SUPABASE_URL+"/auth/v1/user",{headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+token}}); + if(!response.ok)throw new Error("Your JARVIS X session is invalid."); + const user=await response.json(); + const allowed=(env.JARVIS_OWNER_EMAILS||"").split(",").map(x=>x.trim().toLowerCase()).filter(Boolean); + if(!user.email||!allowed.includes(user.email.toLowerCase()))throw new Error("This workspace is not authorised for this account."); + return {user,token}; +} +async function approval(env,auth,id,expectedAction){ + if(!id)throw new Error("An approved action ID is required."); + const url=new URL(env.SUPABASE_URL+"/rest/v1/jarvis_approvals"); + url.searchParams.set("id","eq."+id);url.searchParams.set("user_id","eq."+auth.user.id);url.searchParams.set("status","eq.approved");url.searchParams.set("select","id,action,payload"); + const response=await fetch(url,{headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+auth.token}}); + if(!response.ok)throw new Error("Could not verify the approval record."); + const rows=await response.json();const row=rows[0]; + if(!row||row.action!==expectedAction)throw new Error("No matching approved action was found."); + return row; +} +async function audit(env,auth,action,target,details){ + await fetch(env.SUPABASE_URL+"/rest/v1/jarvis_audit_logs",{method:"POST",headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+auth.token,"content-type":"application/json",prefer:"return=minimal"},body:JSON.stringify({user_id:auth.user.id,action,target,details})}); +} +export default { + async fetch(request,env){ + const origin=request.headers.get("origin")||""; + const headers=cors(env,origin); + if(request.method==="OPTIONS")return new Response(null,{status:204,headers}); + const url=new URL(request.url); + if(url.pathname==="/health"&&request.method==="GET")return json({service:"jarvis-x-gateway",status:"ready"},200,headers); + try{ + const auth=await authenticate(request,env); + if(url.pathname==="/capabilities"&&request.method==="GET"){ + return json({providers:{gemini:Boolean(env.GEMINI_API_KEY),github:Boolean(env.GITHUB_TOKEN),cloudflare:Boolean(env.GITHUB_TOKEN&&env.GITHUB_OWNER&&env.GITHUB_REPO&&env.CLOUDFLARE_PAGES_READY==="true"),supabase:Boolean(env.SUPABASE_URL&&env.SUPABASE_PUBLISHABLE_KEY)}},200,headers); + } + if(url.pathname==="/api/github/repositories"&&request.method==="POST"){ + const body=await request.json(); + const approved=await approval(env,auth,body.approvalId,"github.create_repository"); + const approvedPayload=approved.payload||{}; + const approvedName=String(approvedPayload.name||"").trim().toLowerCase().replace(/[^a-z0-9._-]/g,"-").slice(0,80); + const files=Array.isArray(approvedPayload.files)?approvedPayload.files:[]; + if(!approvedName)return json({error:"The approved request does not include a repository name."},400,headers); + if(!files.length||files.length>30)return json({error:"The approved request must include 1–30 generated project files."},400,headers); + let totalBytes=0; + for(const file of files){ + if(typeof file.path!=="string"||!file.path||file.path.startsWith("/")||file.path.includes("\\")||file.path.split("/").includes("..")||file.path.startsWith(".github/workflows/")||file.path===".npmrc"||typeof file.content!=="string")return json({error:"A generated file path or content is invalid."},400,headers); + totalBytes+=new TextEncoder().encode(file.content).length; + } + if(totalBytes>300000)return json({error:"Generated project files exceed the 300 KB initial commit limit."},413,headers); + if(!env.GITHUB_TOKEN)return json({error:"GitHub token is not configured."},503,headers); + const response=await fetch("https://api.github.com/user/repos",{method:"POST",headers:{authorization:"Bearer "+env.GITHUB_TOKEN,accept:"application/vnd.github+json","content-type":"application/json","x-github-api-version":"2022-11-28","user-agent":"JARVIS-X"},body:JSON.stringify({name:approvedName,description:String(approvedPayload.description||"Created by JARVIS X").slice(0,300),private:approvedPayload.private!==false,auto_init:false})}); + const result=await response.json();if(!response.ok)return json({error:result.message||"GitHub repository creation failed."},response.status,headers); + const apiHeaders={authorization:"Bearer "+env.GITHUB_TOKEN,accept:"application/vnd.github+json","content-type":"application/json","x-github-api-version":"2022-11-28","user-agent":"JARVIS-X"}; + const treeResponse=await fetch("https://api.github.com/repos/"+result.full_name+"/git/trees",{method:"POST",headers:apiHeaders,body:JSON.stringify({tree:files.map(file=>({path:file.path,mode:"100644",type:"blob",content:file.content}))})}); + const tree=await treeResponse.json();if(!treeResponse.ok)return json({error:"Repository created, but initial file tree failed: "+(tree.message||"GitHub error"),repository:result.html_url},502,headers); + const commitResponse=await fetch("https://api.github.com/repos/"+result.full_name+"/git/commits",{method:"POST",headers:apiHeaders,body:JSON.stringify({message:"Initial project generated by JARVIS X",tree:tree.sha})}); + const commit=await commitResponse.json();if(!commitResponse.ok)return json({error:"Repository created, but initial commit failed: "+(commit.message||"GitHub error"),repository:result.html_url},502,headers); + const refResponse=await fetch("https://api.github.com/repos/"+result.full_name+"/git/refs",{method:"POST",headers:apiHeaders,body:JSON.stringify({ref:"refs/heads/main",sha:commit.sha})}); + const refResult=await refResponse.json();if(!refResponse.ok)return json({error:"Repository created, but main branch creation failed: "+(refResult.message||"GitHub error"),repository:result.html_url},502,headers); + let projectId=null; + const projectResponse=await fetch(env.SUPABASE_URL+"/rest/v1/jarvis_projects",{method:"POST",headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+auth.token,"content-type":"application/json",prefer:"return=representation"},body:JSON.stringify({user_id:auth.user.id,name:approvedName,description:String(approvedPayload.description||"Created by JARVIS X"),project_type:"app",status:"active",repository_url:result.html_url,metadata:{generated_by:"jarvis-x",commit:commit.sha,branch:"main",files_count:files.length}})}); + if(projectResponse.ok){const rows=await projectResponse.json();projectId=rows[0]?.id||null;} + await audit(env,auth,"github.repository_created",result.full_name,{url:result.html_url,private:result.private,fileCount:files.length,commit:commit.sha,projectId}); + return json({success:true,projectId,repository:{name:result.full_name,url:result.html_url,private:result.private,defaultBranch:"main",fileCount:files.length,commit:commit.sha}},201,headers); + } + if(url.pathname==="/api/deploy/cloudflare"&&request.method==="POST"){ + const body=await request.json(); + const approved=await approval(env,auth,body.approvalId,"cloudflare.deploy_pages"); + const projectName=String(approved.payload?.projectName||"").toLowerCase().replace(/[^a-z0-9-]/g,"-").slice(0,58); + const repository=String(approved.payload?.repository||""); + if(!projectName||!repository.startsWith((env.GITHUB_OWNER||"")+"/"))return json({error:"The approved request must include a valid Pages project name and repository owned by this GitHub account."},400,headers); + if(!env.GITHUB_TOKEN||!env.GITHUB_OWNER||!env.GITHUB_REPO)return json({error:"GitHub workflow dispatch integration is not configured."},503,headers); + const ref=String(approved.payload?.branch||"main"); + const endpoint="https://api.github.com/repos/"+env.GITHUB_OWNER+"/"+env.GITHUB_REPO+"/actions/workflows/deploy-cloudflare.yml/dispatches"; + const response=await fetch(endpoint,{method:"POST",headers:{authorization:"Bearer "+env.GITHUB_TOKEN,accept:"application/vnd.github+json","content-type":"application/json","x-github-api-version":"2022-11-28","user-agent":"JARVIS-X"},body:JSON.stringify({ref:"jarvis-x-foundation",inputs:{project_name:projectName,branch:ref,repository}})}); + if(!response.ok){const result=await response.json();return json({error:result.message||"Could not start Cloudflare deployment."},response.status,headers);} + const deploymentUrl="https://"+projectName+".pages.dev"; + const projectQuery=new URL(env.SUPABASE_URL+"/rest/v1/jarvis_projects"); + projectQuery.searchParams.set("user_id","eq."+auth.user.id); + projectQuery.searchParams.set("repository_url","eq.https://github.com/"+repository); + projectQuery.searchParams.set("select","id,metadata"); + const projectLookup=await fetch(projectQuery,{headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+auth.token}}); + if(projectLookup.ok){ + const rows=await projectLookup.json(); + if(rows[0]){ + const metadata={...(rows[0].metadata||{}),deployment_status:"queued",cloudflare_project:projectName}; + await fetch(env.SUPABASE_URL+"/rest/v1/jarvis_projects?id=eq."+rows[0].id,{method:"PATCH",headers:{apikey:env.SUPABASE_PUBLISHABLE_KEY,authorization:"Bearer "+auth.token,"content-type":"application/json",prefer:"return=minimal"},body:JSON.stringify({deployment_url:deploymentUrl,metadata,updated_at:new Date().toISOString()})}); + } + } + await audit(env,auth,"cloudflare.deployment_requested",projectName,{ref,repository,deploymentUrl}); + return json({success:true,status:"queued",message:"Cloudflare deployment workflow started.",projectName,deploymentUrl,repository,branch:ref,workflow:"deploy-cloudflare.yml"},202,headers); + } + return json({error:"Route not found."},404,headers); + }catch(error){return json({error:error instanceof Error?error.message:"Gateway error."},401,headers);} + } +}; diff --git a/cloudflare/wrangler.toml b/cloudflare/wrangler.toml new file mode 100644 index 0000000..dc5e622 --- /dev/null +++ b/cloudflare/wrangler.toml @@ -0,0 +1,4 @@ +name = "jarvis-x-gateway" +main = "worker.js" +compatibility_date = "2026-11-07" +workers_dev = true diff --git a/docs/FEATURE-MATRIX.md b/docs/FEATURE-MATRIX.md new file mode 100644 index 0000000..c3cf78a --- /dev/null +++ b/docs/FEATURE-MATRIX.md @@ -0,0 +1,46 @@ +# JARVIS X feature status + +JARVIS X is being built as a light-first personal AI workspace. This file separates working code paths from provider-dependent and future work. + +## Implemented in the current branch +- Responsive pearl/ivory/champagne chat interface and PWA shell. +- Google OAuth sign-in flow with a database-backed email allowlist. +- Supabase chat history, model selection, conversation search and custom instructions. +- Optional automatic memory extraction for non-sensitive preferences and project details; the user must enable it in Settings. +- Private file storage and library. +- Chat analysis for images, PDFs and plain-text/CSV/JSON files (15 MB total per request); Word/Excel file content extraction is not yet implemented. +- Gemini image generation and natural text-to-speech endpoints. +- Browser speech input, with language selection. +- Tavily web search with Gemini summaries and source links. +- Projects, memories, tasks, agent run history and approval queue. +- Agent planning that can prepare a new private GitHub repository with generated starter source files. +- Approval-gated Cloudflare Pages deployment workflow and a Cloudflare Worker gateway. +- Supabase Row Level Security on user data and private storage; all deployed Edge Functions verify JWTs. + +## Requires provider configuration before live use +- Gemini API key for chat, image generation, agent planning and natural speech. +- Tavily API key for web research. +- Google OAuth client configured in Supabase Auth. +- GitHub token and Cloudflare API token/account ID for repository creation and deployment. +- Approved Gmail addresses in the database allowlist and Worker allowlist. +- Frontend Supabase URL and publishable key in the Cloudflare Pages build secrets. + +## Not yet at full ChatGPT parity +- Live, interruptible real-time voice conversations. +- Gmail inbox access, drafting and sending. +- General-purpose GitHub issue/PR management and editing arbitrary existing repositories. +- Full DOCX/XLSX extraction, video understanding/generation and long-form audio transcription. +- A secure interactive code execution/data-analysis sandbox. +- Background scheduling and unattended task execution. +- Broad third-party integrations and automatic tool selection across every provider. + +## Execution policy +- Read-only operations may run when the connected account grants access. +- Repository creation and deployment require explicit approval. +- The gateway verifies the signed-in user and checks the approved action payload before performing side effects. +- Provider keys remain in server-side secrets; never place them in browser variables, database rows, logs or Git history. +- A provider marked needs setup must never be represented as connected. +- Actions are recorded in the audit log. + +## Configuration guide +See [Provider setup](PROVIDER-SETUP.md) and [.env.example](../.env.example). A key being present does not imply that OAuth consent, API permissions, billing or provider-side configuration is complete. diff --git a/docs/PROVIDER-SETUP.md b/docs/PROVIDER-SETUP.md new file mode 100644 index 0000000..e160456 --- /dev/null +++ b/docs/PROVIDER-SETUP.md @@ -0,0 +1,53 @@ +# JARVIS X provider setup + +Do not paste secrets into the chat, source code, issue comments or frontend environment variables. + +## Frontend host variables +- VITE_SUPABASE_URL — project URL. +- VITE_SUPABASE_PUBLISHABLE_KEY — publishable key only. Never use the secret/service-role key in VITE_ variables. +- VITE_CHAT_FUNCTION_URL — jarvis-chat function URL. + +## Supabase Edge Function Secrets +Add these under Supabase Dashboard → Edge Functions → Secrets: +- GEMINI_API_KEY — required for chat and agent planning. +- TAVILY_API_KEY — Tavily web search key used by the Research workspace. +- Image generation uses GEMINI_API_KEY with Gemini 3.1 Flash Image; the image model may require billing or model access in the Google AI project. +- APP_ORIGIN — exact deployed frontend origin for CORS, e.g. https://app.example.com. +- JARVIS_GATEWAY_URL — deployed Cloudflare Worker gateway URL used by the agent after approval. + +## Frontend build variables +Add these as GitHub Actions secrets for the Cloudflare Pages build: VITE_SUPABASE_URL, VITE_SUPABASE_PUBLISHABLE_KEY, and VITE_CHAT_FUNCTION_URL. These are injected at build time; the publishable key is designed for browser use, but never use a Supabase service-role or secret key in a VITE_ variable. + +## Cloudflare Worker and GitHub Actions secrets +The Worker deployment workflow reads these GitHub repository Actions secrets: CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID, SUPABASE_URL, SUPABASE_PUBLISHABLE_KEY, JARVIS_OWNER_EMAILS, APP_ORIGIN, GITHUB_TOKEN_JARVIS, GITHUB_OWNER, and GITHUB_REPO. Set GITHUB_OWNER=pycgamingstudio-sys and GITHUB_REPO=Game for the gateway workflow host. The Worker only accepts users whose verified email is listed in JARVIS_OWNER_EMAILS (comma-separated). The Pages deployment workflow also requires CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID, GITHUB_TOKEN_JARVIS for private source checkout, and the three VITE_ frontend build variables above. Give the GitHub token only the permissions required to create repositories, write repository contents, read metadata, and dispatch Actions. A GitHub App is preferred where possible; verify repository-creation support before enabling it. The Cloudflare token should be scoped to Pages: Edit and Workers Scripts: Edit on the intended account. + +## Dashboard configuration (not Edge Function secrets) +- Supabase Auth → Providers → Google: configure OAuth Client ID and Client Secret. +- Google Cloud Console: add the Supabase OAuth callback URL to authorized redirect URIs. +- Supabase project URL and publishable key are frontend build-time environment variables. +- Enable the Data API for the app and verify the public schema is exposed if the frontend uses supabase-js table queries. The SQL migrations grant only authenticated access and enable owner-scoped RLS on each application table. +- Enable leaked-password protection in Supabase Auth security settings (the current Supabase security advisor flags this as disabled). +- Configure allowed redirect URLs for local development and the deployed app. + +## Private account allowlist +The database starts with no allowed emails, so no Google account can access JARVIS data until you add your approved accounts. In Supabase SQL Editor, run this after replacing the examples with your own Gmail addresses: + +```sql +insert into public.jarvis_allowed_users(email) values + ('primary@gmail.com'), + ('second-account@gmail.com') +on conflict (email) do update set enabled = true; +``` + +Add the same comma-separated addresses to the GitHub Actions secret JARVIS_OWNER_EMAILS. The app checks the database allowlist at sign-in, and the Cloudflare gateway separately checks JARVIS_OWNER_EMAILS before GitHub or deployment actions. + +## OAuth permissions +Start with Google sign-in only. Gmail access must be separately consented and should request read-only scopes first. Draft/send permissions must be added only when those features are implemented and must always use an explicit send approval. + +## Before going live +1. Confirm every provider key is stored server-side. +2. Test a signed-in user's access and confirm another account cannot read or modify their rows or files. +3. Test chat and agent planning with the real provider key. +4. Test provider permissions with a restricted GitHub repository and a non-production Cloudflare Pages project. +5. Review Supabase Security and Performance Advisors. +6. Configure rate limits, usage alerts and provider spend limits. diff --git a/index.html b/index.html index f303eeb..207e951 100644 --- a/index.html +++ b/index.html @@ -3,56 +3,56 @@ - - - NEON HORIZON — Night Drive - + + + JARVIS X — Personal Intelligence - + + -
-
-
-
- ◈NEON HORIZONNIGHT DRIVE SIMULATOR -
-
-
-
-

THE CITY NEVER SLEEPS

-

OWN THE
NIGHT.

-

One road. Endless neon. Take the wheel.

- - -

OBSIDIAN // ACTIVE FINISH

+ + +
+ - - + \ No newline at end of file diff --git a/jarvis-mark.svg b/jarvis-mark.svg new file mode 100644 index 0000000..102fc71 --- /dev/null +++ b/jarvis-mark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/jarvis-x/.env.example b/jarvis-x/.env.example new file mode 100644 index 0000000..76d0e88 --- /dev/null +++ b/jarvis-x/.env.example @@ -0,0 +1,6 @@ +VITE_SUPABASE_URL=https://YOUR_PROJECT_REF.supabase.co +VITE_SUPABASE_PUBLISHABLE_KEY=sb_publishable_REPLACE_ME +VITE_APP_NAME=JARVIS X + +# Never put Gemini, GitHub, Cloudflare, or Supabase secret/service-role keys in VITE_ variables. +# Provider secrets belong in Supabase Edge Function secrets. diff --git a/jarvis-x/.github/workflows/build.yml b/jarvis-x/.github/workflows/build.yml new file mode 100644 index 0000000..96c1828 --- /dev/null +++ b/jarvis-x/.github/workflows/build.yml @@ -0,0 +1,21 @@ +name: JARVIS X build +on: + push: + paths: ['jarvis-x/**'] + pull_request: + paths: ['jarvis-x/**'] +jobs: + build: + runs-on: ubuntu-latest + defaults: + run: + working-directory: jarvis-x + steps: + - uses: actions/checkout@v4 + - uses: actions/setup-node@v4 + with: + node-version: 22 + cache: npm + cache-dependency-path: jarvis-x/package-lock.json + - run: npm install + - run: npm run build diff --git a/jarvis-x/PROVIDERS.md b/jarvis-x/PROVIDERS.md new file mode 100644 index 0000000..ccccccf --- /dev/null +++ b/jarvis-x/PROVIDERS.md @@ -0,0 +1,30 @@ +# Provider setup checklist + +Configure secrets only in the relevant provider dashboard; do not commit them. + +## Supabase +- Frontend build variables: `VITE_SUPABASE_URL`, `VITE_SUPABASE_PUBLISHABLE_KEY`. +- Edge Function secrets: `GEMINI_API_KEY`, `APP_ORIGIN`. +- Enable Google provider in Supabase Auth and add the app's deployed URL to redirect URLs. +- Confirm all `jarvis_*` tables have RLS enabled and policies restrict rows to `auth.uid() = user_id`. + +## GitHub agent +- `GITHUB_TOKEN` with minimum required repository permissions. Prefer GitHub App installation tokens over a broad personal access token. +- Create repository, branch, commit, pull request and deployment actions as separate tools. Require approval before writes, deletion, visibility changes or repository creation. + +## Cloudflare agent +- `CLOUDFLARE_API_TOKEN` scoped to Pages projects/deployments and `CLOUDFLARE_ACCOUNT_ID`. +- Add a project-specific Pages deploy action; do not grant account-wide administrator permissions. + +## Additional providers +- `SEARCH_API_KEY` for web research. +- `IMAGE_PROVIDER_API_KEY` for image generation. +- `TTS_API_KEY` for premium speech. Browser speech input/output currently uses native Web Speech APIs where available. +- Optional email provider credentials only if email tools are enabled. + +## Safety policy +- Never expose provider secrets to the browser. +- Validate user JWT on every Edge Function request. +- Apply per-user rate limits and usage budgets before enabling public access. +- Require explicit approval for external side effects (GitHub writes, deployments, email sending, destructive DB actions, billing). +- Audit every agent run, approval and tool execution. diff --git a/jarvis-x/README.md b/jarvis-x/README.md new file mode 100644 index 0000000..15d35d0 --- /dev/null +++ b/jarvis-x/README.md @@ -0,0 +1,25 @@ +# JARVIS X + +A light, premium personal AI workspace for web, Android-friendly PWA use, and desktop. + +## Stack +- React + Vite +- Supabase Auth, Postgres, Storage and Edge Functions +- Gemini provider called server-side only +- Pluggable provider adapters for GitHub, Cloudflare, search, image and speech services + +## Local setup +1. Copy `.env.example` to `.env.local`. +2. Add your Supabase project URL and publishable key. +3. `npm install` +4. `npm run dev` +5. `npm run build` + +## Security +Do not put Gemini/GitHub/Cloudflare secrets in browser environment variables. Add them as Supabase Edge Function secrets. Keep RLS enabled. Destructive GitHub, database, deployment, email and billing actions must require explicit approval and be audit logged. + +## Current integration status +The UI works in demo mode without credentials. Supabase sign-in and persistence activate after configuration. AI replies activate when the `jarvis-chat` Edge Function has `GEMINI_API_KEY` configured. Agent capabilities report missing provider keys instead of pretending an integration is connected. + +## Deploy +Build output is `dist/`. Deploy to Cloudflare Pages with build command `npm run build`, root directory `jarvis-x`, output directory `dist`. Configure the two `VITE_` variables in the Pages project. Edge Function secrets are configured separately in Supabase. diff --git a/jarvis-x/index.html b/jarvis-x/index.html new file mode 100644 index 0000000..b254479 --- /dev/null +++ b/jarvis-x/index.html @@ -0,0 +1,15 @@ + + + + + + + + + JARVIS X — Personal AI + + + + +
+ diff --git a/jarvis-x/package.json b/jarvis-x/package.json new file mode 100644 index 0000000..061587a --- /dev/null +++ b/jarvis-x/package.json @@ -0,0 +1,20 @@ +{ + "name": "jarvis-x", + "private": true, + "version": "0.1.0", + "type": "module", + "scripts": { + "dev": "vite --host 0.0.0.0", + "build": "vite build", + "preview": "vite preview --host 0.0.0.0" + }, + "dependencies": { + "@supabase/supabase-js": "2.57.0", + "lucide-react": "0.468.0", + "react": "19.1.1", + "react-dom": "19.1.1" + }, + "devDependencies": { + "vite": "6.4.1" + } +} diff --git a/jarvis-x/public/manifest.webmanifest b/jarvis-x/public/manifest.webmanifest new file mode 100644 index 0000000..9016677 --- /dev/null +++ b/jarvis-x/public/manifest.webmanifest @@ -0,0 +1,10 @@ +{ + "name": "JARVIS X — Personal AI", + "short_name": "JARVIS X", + "description": "Your personal AI workspace", + "start_url": "/", + "display": "standalone", + "background_color": "#f7f5f0", + "theme_color": "#f7f5f0", + "icons": [] +} diff --git a/jarvis-x/public/robots.txt b/jarvis-x/public/robots.txt new file mode 100644 index 0000000..eb05362 --- /dev/null +++ b/jarvis-x/public/robots.txt @@ -0,0 +1,2 @@ +User-agent: * +Disallow: diff --git a/jarvis-x/src/App.jsx b/jarvis-x/src/App.jsx new file mode 100644 index 0000000..2a2368c --- /dev/null +++ b/jarvis-x/src/App.jsx @@ -0,0 +1,187 @@ +import { useEffect, useMemo, useRef, useState } from 'react'; +import { supabase, isSupabaseConfigured } from './lib/supabase'; +import { + Activity, Archive, ArrowDown, ArrowUp, AudioLines, Bot, Check, ChevronDown, CircleHelp, + Command, FileText, FolderKanban, Globe2, ImagePlus, Menu, Mic, MoreHorizontal, + Paperclip, Plus, Search, Settings2, ShieldCheck, Sparkles, SquarePen, Sun, WandSparkles, + X, PanelLeftClose, LogIn, LogOut, Brain, Code2, Rocket, SlidersHorizontal +} from 'lucide-react'; + +const MODELS = [ + { id: 'gemini-2.5-flash', label: 'JARVIS Fast', detail: 'Quick everyday work' }, + { id: 'gemini-2.5-pro', label: 'JARVIS Pro', detail: 'Deeper reasoning' } +]; +const starterPrompts = [ + { icon: , title: 'Build something', text: 'Help me plan and build a complete web app.' }, + { icon: , title: 'Research a topic', text: 'Research a topic thoroughly and cite reliable sources.' }, + { icon: , title: 'Work with files', text: 'Help me understand and summarize a document.' }, + { icon: , title: 'Create an action plan', text: 'Turn my goal into a practical step-by-step plan.' } +]; + +function App() { + const [session, setSession] = useState(null); + const [authReady, setAuthReady] = useState(!isSupabaseConfigured); + const [chats, setChats] = useState([]); + const [activeId, setActiveId] = useState(null); + const [messages, setMessages] = useState([]); + const [draft, setDraft] = useState(''); + const [model, setModel] = useState(MODELS[0].id); + const [modelMenu, setModelMenu] = useState(false); + const [sidebar, setSidebar] = useState(true); + const [view, setView] = useState('chat'); + const [settingsTab, setSettingsTab] = useState('providers'); + const [busy, setBusy] = useState(false); + const [notice, setNotice] = useState(''); + const [files, setFiles] = useState([]); + const [capabilities, setCapabilities] = useState([]); + const [listening, setListening] = useState(false); + const [searchTerm, setSearchTerm] = useState(''); + const inputRef = useRef(null); + const fileRef = useRef(null); + const bottomRef = useRef(null); + const currentModel = MODELS.find(m => m.id === model) || MODELS[0]; + + useEffect(() => { + if (!supabase) return; + supabase.auth.getSession().then(({ data }) => { setSession(data.session); setAuthReady(true); }); + const { data: listener } = supabase.auth.onAuthStateChange((_event, next) => setSession(next)); + return () => listener.subscription.unsubscribe(); + }, []); + + useEffect(() => { bottomRef.current?.scrollIntoView({ behavior: 'smooth' }); }, [messages, busy]); + + useEffect(() => { + if (!session || !supabase) { setChats([]); return; } + loadChats(); + loadCapabilities(); + }, [session]); + + async function loadChats() { + const { data, error } = await supabase.from('jarvis_conversations').select('*').order('updated_at', { ascending: false }).limit(80); + if (!error && data) setChats(data); + } + async function loadCapabilities() { + const { data, error } = await supabase.functions.invoke('jarvis-agent', { body: { task: 'capabilities' } }); + if (!error && data?.providers) setCapabilities(data.providers); + } + async function signIn() { + if (!supabase) { setNotice('Add Supabase URL and publishable key to enable secure sign-in.'); return; } + const { error } = await supabase.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: window.location.origin } }); + if (error) setNotice(error.message); + } + async function signOut() { if (supabase) await supabase.auth.signOut(); setMessages([]); setActiveId(null); } + function newChat() { setActiveId(null); setMessages([]); setDraft(''); setView('chat'); inputRef.current?.focus(); } + + async function openChat(chat) { + setActiveId(chat.id); setModel(chat.model || MODELS[0].id); setView('chat'); + if (!supabase || !session) return; + const { data } = await supabase.from('jarvis_messages').select('*').eq('conversation_id', chat.id).order('created_at'); + setMessages((data || []).map(m => ({ id:m.id, role:m.role, content:m.content, attachments:m.attachments || [] }))); + } + + async function persistConversation(firstText) { + if (!supabase || !session) return null; + const { data, error } = await supabase.from('jarvis_conversations').insert({ user_id:session.user.id, title:firstText.slice(0,58) || 'New chat', model }).select().single(); + if (error) { setNotice(error.message); return null; } + setActiveId(data.id); setChats(prev => [data, ...prev]); return data.id; + } + async function persistMessage(conversationId, message) { + if (!supabase || !session || !conversationId) return; + const { error } = await supabase.from('jarvis_messages').insert({ conversation_id:conversationId, user_id:session.user.id, role:message.role, content:message.content, attachments:message.attachments || [], model }); + if (error) setNotice(error.message); + await supabase.from('jarvis_conversations').update({ updated_at:new Date().toISOString(), model }).eq('id',conversationId); + } + + async function sendMessage(text = draft) { + const prompt = text.trim(); + if (!prompt || busy) return; + setDraft(''); setFiles([]); setBusy(true); setNotice(''); + const userMsg = { id:crypto.randomUUID(), role:'user', content:prompt, attachments:files.map(f => ({ name:f.name, type:f.type, size:f.size })) }; + const next = [...messages, userMsg]; setMessages(next); + let conversationId = activeId; + if (!conversationId && session) conversationId = await persistConversation(prompt); + if (conversationId) await persistMessage(conversationId, userMsg); + if (!isSupabaseConfigured || !session) { + setMessages(prev => [...prev, { id:crypto.randomUUID(), role:'assistant', content:'Your workspace is ready in preview mode. Connect Supabase and sign in to enable private chat history, then add the Gemini API key to activate live AI responses.' }]); + setBusy(false); return; + } + const { data, error } = await supabase.functions.invoke('jarvis-chat', { body: { model, messages: next.map(m => ({ role:m.role, content:m.content })) } }); + const answer = error ? (error.message || 'The AI service is not available yet.') : (data?.reply || data?.error || 'No response received.'); + const assistantMsg = { id:crypto.randomUUID(), role:'assistant', content:answer }; + setMessages(prev => [...prev, assistantMsg]); + if (conversationId) await persistMessage(conversationId, assistantMsg); + setBusy(false); loadChats(); + } + + function attachFiles(event) { + const selected = Array.from(event.target.files || []); + setFiles(prev => [...prev, ...selected].slice(0,5)); + event.target.value = ''; + } + function voiceInput() { + const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; + if (!SpeechRecognition) { setNotice('Voice typing is not supported in this browser. Try Chrome.'); return; } + const recognition = new SpeechRecognition(); recognition.lang = 'hi-IN'; recognition.interimResults = true; + recognition.onstart = () => setListening(true); + recognition.onend = () => setListening(false); + recognition.onresult = e => setDraft(Array.from(e.results).map(r => r[0].transcript).join(' ')); + recognition.start(); + } + function speak(text) { + if (!('speechSynthesis' in window)) return; + window.speechSynthesis.cancel(); + const utterance = new SpeechSynthesisUtterance(text); utterance.lang = 'hi-IN'; window.speechSynthesis.speak(utterance); + } + const filteredChats = useMemo(() => chats.filter(c => (c.title || '').toLowerCase().includes(searchTerm.toLowerCase())), [chats, searchTerm]); + + return
+ {sidebar && } +
+
+
{!sidebar && }
{modelMenu &&
{MODELS.map(m=>)}
}
+
Private workspace{session?:}
+
+ + {view==='chat' &&
+ {messages.length===0 ?
+
+
YOUR PERSONAL INTELLIGENCE
+

Good to see you.
What shall we create?

+

A thoughtful space for ideas, research, creation and getting things done.

+
{starterPrompts.map(p=>)}
+
:
{messages.map(m=>
{m.role==='assistant'?:{session?.user?.email?.[0]?.toUpperCase()||'Y'}}
{m.role==='assistant'?'JARVIS X':'You'}
{m.content}
{m.attachments?.length>0&&
{m.attachments.map(a=>{a.name})}
}{m.role==='assistant'&&}
)}{busy&&
JARVIS is thinking
}
} + {notice&&
{notice}
} +
+ {files.length>0&&
{files.map((f,i)=>{f.name})}
} +
${lastPlan?`
${esc(lastPlan.summary||'Execution plan')}
    ${(lastPlan.steps||[]).map(step=>`
  1. ${esc(step.title)}${esc(step.description||'')}${step.requiresApproval?' · Approval required':''}
    2. `).join('')}
`:''}
Recent agent runs
${w.runs.map(run=>`
${esc(run.goal)}${esc(run.status)} · ${new Date(run.created_at).toLocaleString()}
${esc(run.status)}
`).join('')||'
No agent runs yet.
'}
Recent tasks
${w.tasks.map(t=>`
${esc(t.title)}${esc(t.description||'')}
${esc(t.status)}
`).join('')||'
No agent tasks yet.
'}
Capability roadmap
${CAPABILITY_GROUPS.map(g=>`

${esc(g.title)}

${g.items.map(i=>`

◇ ${esc(i)}

`).join('')}
`).join('')}
`; + $('#run-agent').onclick=async()=>{const goal=$('#agent-goal').value.trim();if(!goal)return toast('Describe the task first.');try{const result=await invokeAgent(supabase,'run_agent',{goal});lastPlan=result;toast(result.message||'Plan created');render(view);}catch(e){toast(e.message);}}; + }else if(view==='memory'){ + area.innerHTML=`

PERSONAL CONTEXT

Memory

Information available across conversations.

${w.memories.map(m=>`
${esc(m.content)}${esc(m.category)} · ${new Date(m.created_at).toLocaleDateString()}
`).join('')||'
No saved memories yet.
'}
`; + $('#add-memory').onclick=async()=>{const content=prompt('What should JARVIS X remember?');if(!content?.trim())return;const {error}=await supabase.from('jarvis_memories').insert({user_id:getUser().id,content:content.trim(),category:'general'});if(error)return toast(error.message);toast('Memory saved');render(view);}; + area.querySelectorAll('[data-delete-memory]').forEach(b=>b.onclick=async()=>{const {error}=await supabase.from('jarvis_memories').delete().eq('id',b.dataset.deleteMemory);if(error)return toast(error.message);render(view);}); + }else if(view==='activity'){ + area.innerHTML=`

CONTROL CENTRE

Activity & approvals

Review actions before the agent performs them.

Pending approvals
${w.approvals.map(a=>`
${esc(a.action)}${esc(a.status)} · ${new Date(a.created_at).toLocaleString()} · ${esc(Array.isArray(a.payload?.files)?a.payload.files.map(file=>file.path).join(', '):JSON.stringify(a.payload||{}))}
${a.status==='approved'?``:``}
`).join('')||'
Nothing is waiting for approval.
'}
Recent tasks
${w.tasks.map(t=>`
${esc(t.title)}${esc(t.description||'')}
${esc(t.status)}
`).join('')||'
Agent activity will appear here.
'}
`; + area.querySelectorAll('[data-decision]').forEach(b=>b.onclick=async()=>{try{const result=await invokeAgent(supabase,'decide_approval',{approvalId:b.dataset.id,decision:b.dataset.decision});const url=result.execution?.repository?.url||result.execution?.deploymentUrl;toast(url?(result.execution?.status==='queued'?`Deployment queued: ${url}`:`Repository created: ${url}`):(result.message||'Approval updated.'));render(view);}catch(e){toast(e.message);}}); + area.querySelectorAll('[data-execute]').forEach(b=>b.onclick=async()=>{try{const result=await invokeAgent(supabase,'execute_approved',{approvalId:b.dataset.execute});const url=result.execution?.repository?.url||result.execution?.deploymentUrl;toast(url?(result.execution?.status==='queued'?`Deployment queued: ${url}`:`Repository created: ${url}`):(result.execution?.message||'Execution submitted.'));render(view);}catch(e){toast(e.message);}}); + } + } + async function renderSearch(){ + area.innerHTML=`

YOUR CONVERSATION ARCHIVE

Search chats

Find a previous conversation by words or phrases.

`; + const run=async()=>{ + const query=$('#chat-search-query').value.trim();if(query.length<2)return toast('Enter at least two characters.'); + const button=$('#run-chat-search');button.disabled=true;button.textContent='Searching…'; + try{ + const {data,error}=await supabase.from('jarvis_messages').select('id,conversation_id,content,created_at').ilike('content','%'+query+'%').order('created_at',{ascending:false}).limit(30); + if(error)throw error; + $('#chat-search-results').innerHTML=(data||[]).map(item=>``).join('')||'
No matching messages found.
'; + $('#chat-search-results').querySelectorAll('[data-conversation]').forEach(b=>b.onclick=()=>{window.dispatchEvent(new CustomEvent('jarvis:navigate',{detail:'chat'}));window.dispatchEvent(new CustomEvent('jarvis:open-conversation',{detail:b.dataset.conversation}));}); + }catch(e){toast(e.message);} + finally{button.disabled=false;button.textContent='Search history ↗';} + }; + $('#run-chat-search').onclick=run; + $('#chat-search-query').addEventListener('keydown',e=>{if(e.key==='Enter')run();}); + } + async function renderFiles(){ + const user=getUser(); + const {data,error}=await supabase.from('jarvis_files').select('*').eq('user_id',user.id).order('created_at',{ascending:false}).limit(100); + if(error){toast(error.message);return;} + area.innerHTML=`

PRIVATE STORAGE

Files

Your uploaded documents and generated images, stored privately.

${(data||[]).map(file=>`
▧
${esc(file.file_name)}${esc(file.mime_type||'File')} · ${Math.round((file.size_bytes||0)/1024)} KB · ${new Date(file.created_at).toLocaleDateString()}
`).join('')||'
No files yet. Upload a document in chat or generate an image.
'}
`; + area.querySelectorAll('[data-open-file]').forEach(button=>button.onclick=async()=>{const file=data.find(item=>item.id===button.dataset.openFile);if(!file?.storage_path)return;const {data:signed,error:signedError}=await supabase.storage.from('jarvis-private').createSignedUrl(file.storage_path,3600);if(signedError)return toast(signedError.message);window.open(signed.signedUrl,'_blank','noopener');}); + area.querySelectorAll('[data-delete-file]').forEach(button=>button.onclick=async()=>{const file=data.find(item=>item.id===button.dataset.deleteFile);if(!file)return;const {error:storageError}=await supabase.storage.from('jarvis-private').remove([file.storage_path]);if(storageError)return toast(storageError.message);const {error:rowError}=await supabase.from('jarvis_files').delete().eq('id',file.id);if(rowError)return toast(rowError.message);toast('File deleted');renderFiles();}); + } + async function renderSettings(){ + const user=getUser();let prefs=null; + const {data,error}=await supabase.from('jarvis_preferences').select('*').eq('user_id',user.id).maybeSingle(); + if(error){toast(error.message);return;}prefs=data||{}; + area.innerHTML=`

YOUR PERSONAL WORKSPACE

Settings

Set how JARVIS X communicates and works with you.

AppearancePearl · Ivory · Champagne — light theme only
`; + $('#pref-language').value=prefs.preferred_language||'auto'; + $('#pref-model').value=prefs.selected_model||'gemini-3.8-flash'; + $('#pref-instructions').value=prefs.custom_instructions||''; + $('#pref-voice').checked=prefs.settings?.voice_output!==false;$('#pref-memory').checked=prefs.settings?.memory_enabled===true;$('#pref-voice-name').value=prefs.settings?.voice_name||'Kore'; + $('#save-preferences').onclick=async()=>{ + const selectedModel=$('#pref-model').value; + const {error:saveError}=await supabase.from('jarvis_preferences').upsert({user_id:user.id,preferred_language:$('#pref-language').value,selected_model:selectedModel,custom_instructions:$('#pref-instructions').value.trim(),settings:{voice_output:$('#pref-voice').checked,voice_name:$('#pref-voice-name').value,memory_enabled:$('#pref-memory').checked},updated_at:new Date().toISOString()}); + if(saveError)return toast(saveError.message); + const modelSelect=$('#model-select');if(modelSelect){modelSelect.value=selectedModel;modelSelect.dispatchEvent(new Event('change'));} + window.dispatchEvent(new CustomEvent('jarvis:preferences-updated',{detail:{preferred_language:$('#pref-language').value,selected_model,voice_name:$('#pref-voice-name').value,voice_output:$('#pref-voice').checked}}));toast('Preferences saved.'); + }; + } + async function renderImageStudio(){ + area.innerHTML=`

CREATIVE STUDIO

Image studio

Create images from a prompt and keep them in your private workspace.

Image generation uses your Gemini API key. Provider billing or model access may be required.
`; + $('#generate-image').onclick=async()=>{ + const prompt=$('#image-prompt').value.trim();if(!prompt)return toast('Describe the image first.'); + const button=$('#generate-image');button.disabled=true;button.textContent='Creating image…'; + try{ + const {data,error}=await supabase.functions.invoke('jarvis-image',{body:{prompt,aspectRatio:$('#image-ratio').value}}); + if(error)throw new Error(error.message||'Image generation failed.'); + if(data?.error)throw new Error(data.error); + $('#image-result').innerHTML=`
${esc(data.fileName||'Generated image')}
${esc(data.fileName||'Generated image')}Saved privately · ${Math.round((data.size||0)/1024)} KBOpen image ↗
`; + }catch(e){toast(e.message);} + finally{button.disabled=false;button.textContent='Generate image ↗';} + }; + } + async function renderResearch(){ + area.innerHTML=`

LIVE WEB KNOWLEDGE

Research

Search the web, compare sources and get a cited summary.

`; + $('#run-research').onclick=async()=>{ + const query=$('#research-query').value.trim();if(!query)return toast('Enter a research question.'); + const button=$('#run-research');button.disabled=true;button.textContent='Researching…'; + try{ + const {data,error}=await supabase.functions.invoke('jarvis-research',{body:{query}}); + if(error)throw new Error(error.message||'Research request failed.'); + if(data?.error)throw new Error(data.error); + const result=$('#research-result'); + const sources=(data.sources||[]).map(source=>{ + const url=/^https?:\/\//i.test(source.url)?source.url:'#'; + return `[${source.number}]
${esc(source.title)}${esc(source.url)}
↗`; + }).join(''); + result.innerHTML=`
RESEARCH SUMMARY
${esc(data.summary||'No summary returned.').replace(/\n/g,'
')}
SOURCES (${(data.sources||[]).length})
${sources||'
No sources returned.
'}
`; + }catch(e){toast(e.message);} + finally{button.disabled=false;button.textContent='Research with sources ↗';} + }; + } + async function renderIntegrations(){ + let providers=[];try{const result=await invokeAgent(supabase,'capabilities');providers=result.providers||[];}catch(e){toast(e.message);} + area.innerHTML=`

CONNECT YOUR SERVICES

Integrations

Provider credentials belong in secure server-side secrets, never in browser code or chat.

${INTEGRATIONS.map(item=>{const ready=providers.find(p=>p.id===item.id)?.configured||false;return `
${item.id==='github'?'⌘':item.id==='cloudflare'?'☁':item.id==='gemini'?'✳':'◇'}${ready?'Configured':item.setup?'Dashboard setup':'Needs setup'}

${esc(item.name)}

${esc(item.category)}

${item.capabilities.map(esc).join(' · ')}

${item.setup||item.instructions?`
${esc(item.setup||item.instructions)}
`:''}
${item.secrets.map(k=>`${esc(k)}`).join('')}
`}).join('')}
Where do API keys go?

Each provider has its own secure location: Supabase Edge Function Secrets, GitHub Actions Secrets, frontend public configuration, or OAuth provider settings. Follow the instructions shown on each card. Never put private tokens in browser code or chat.

Open Edge Function secrets ↗
`; + } + document.querySelectorAll('[data-view]').forEach(b=>b.addEventListener('click',()=>activate(b.dataset.view))); + $('.settings-button')?.addEventListener('click',()=>activate('settings')); + window.addEventListener('jarvis:navigate',e=>activate(e.detail)); +} diff --git a/src/main.js b/src/main.js index 02918d4..d2e0c1c 100644 --- a/src/main.js +++ b/src/main.js @@ -1,341 +1,214 @@ -import * as THREE from 'three'; -import * as CANNON from 'cannon-es'; -import { EffectComposer } from 'three/addons/postprocessing/EffectComposer.js'; -import { RenderPass } from 'three/addons/postprocessing/RenderPass.js'; -import { UnrealBloomPass } from 'three/addons/postprocessing/UnrealBloomPass.js'; -import { OutputPass } from 'three/addons/postprocessing/OutputPass.js'; +import { createClient } from '@supabase/supabase-js'; +import { initializeWorkspace } from './lib/workspace.js'; -const $ = (id) => document.getElementById(id); -const ui = { - menu:$('main-menu'),hud:$('hud'),pause:$('pause-screen'),over:$('game-over-screen'), - speed:$('speed-value'),distance:$('distance-value'),score:$('score-value'), - nitro:$('nitro-fill'),nitroValue:$('nitro-value'),toast:$('toast'), - loading:$('loading-screen'),loadProgress:$('load-progress'),loadLabel:$('load-label'), - quality:$('quality-select'),garageNote:$('garage-note') +const CONFIG = { + supabaseUrl: import.meta.env.VITE_SUPABASE_URL || '', + supabaseKey: import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY || '', + chatFunction: import.meta.env.VITE_CHAT_FUNCTION_URL || '' }; -const clamp=(v,a,b)=>Math.max(a,Math.min(b,v)); -const rand=(a,b)=>a+Math.random()*(b-a); -const choose=(a)=>a[Math.floor(Math.random()*a.length)]; -const isTouch=matchMedia('(pointer:coarse)').matches; -const lanes=[-4.4,0,4.4]; -const state={mode:'loading',elapsed:0,distance:0,score:0,nitro:100,lane:1,steer:0,accelerate:false,brake:false,boost:false,finish:0,garage:0,spawn:0,nextSpawn:100}; -let scene,camera,renderer,composer,bloom,clock,world,vehicle,chassis,carRoot,keyLight; -let roadSegments=[],buildings=[],traffic=[],wheelMeshes=[],headlights=[]; -let roadTexture,roadMaterial,quality='ultra',lastHud=0; -const mats={}; +const configured = Boolean(CONFIG.supabaseUrl && CONFIG.supabaseKey); +const supabase = configured ? createClient(CONFIG.supabaseUrl, CONFIG.supabaseKey, { + auth: { persistSession: true, autoRefreshToken: true, detectSessionInUrl: true } +}) : null; -function material(color,roughness=.5,metalness=.2,extra={}) { - const key=[color,roughness,metalness,JSON.stringify(extra)].join(':'); - if(!mats[key]) mats[key]=new THREE.MeshStandardMaterial({color,roughness,metalness,...extra}); - return mats[key]; -} -function addBox(parent,w,h,d,mat,x=0,y=0,z=0,cast=true) { - const mesh=new THREE.Mesh(new THREE.BoxGeometry(w,h,d),mat); - mesh.position.set(x,y,z);mesh.castShadow=cast;mesh.receiveShadow=true;parent.add(mesh);return mesh; -} -function glow(parent,color,intensity,distance,position) { - const light=new THREE.PointLight(color,intensity,distance,2);light.position.set(...position);parent.add(light);return light; -} -function makeRoadTexture(){ - const canvas=document.createElement('canvas');canvas.width=512;canvas.height=512; - const ctx=canvas.getContext('2d');ctx.fillStyle='#171a22';ctx.fillRect(0,0,512,512); - const pixels=ctx.createImageData(512,512); - for(let i=0;i.5?'rgba(180,205,225,.055)':'rgba(0,0,0,.13)';ctx.fillRect(Math.random()*512,Math.random()*512,rand(.5,3),rand(.5,2));} - const tex=new THREE.CanvasTexture(canvas);tex.wrapS=tex.wrapT=THREE.RepeatWrapping;tex.repeat.set(2,14);tex.colorSpace=THREE.SRGBColorSpace;tex.anisotropy=renderer.capabilities.getMaxAnisotropy();return tex; -} -function makeCar(){ - carRoot=new THREE.Group(); - const paint=new THREE.MeshPhysicalMaterial({color:0x101a27,metalness:.92,roughness:.18,clearcoat:1,clearcoatRoughness:.08}); - const carbon=material(0x080b11,.28,.86); - const glass=new THREE.MeshPhysicalMaterial({color:0x071521,metalness:.72,roughness:.07,clearcoat:1,transparent:true,opacity:.92}); - const rubber=material(0x050609,.86,.08); - const rim=new THREE.MeshStandardMaterial({color:0x9baab8,metalness:1,roughness:.2}); - const cyan=new THREE.MeshBasicMaterial({color:0x70f7ff}); - const red=new THREE.MeshBasicMaterial({color:0xff174c}); - addBox(carRoot,2.15,.52,4.5,paint,0,.65,0); - const hood=addBox(carRoot,2.02,.2,1.55,paint,0,.96,-1.35);hood.rotation.x=-.035; - const cabin=addBox(carRoot,1.58,.68,1.85,glass,0,1.25,.12);cabin.rotation.x=-.08; - addBox(carRoot,1.5,.12,1.25,paint,0,1.62,.05); - addBox(carRoot,2.02,.15,.7,paint,0,.72,1.92); - addBox(carRoot,2.18,.1,.2,carbon,0,.38,2.16); - addBox(carRoot,1.85,.1,.16,carbon,0,1.19,2.13); - for(const s of [-1,1]){ - addBox(carRoot,.13,.22,3.3,carbon,s*1.05,.43,.05); - const intake=addBox(carRoot,.06,.26,.5,carbon,s*1.05,.66,.58);intake.rotation.z=s*.12; - addBox(carRoot,.78,.055,.08,cyan,s*.57,.88,-2.15,false); - addBox(carRoot,.62,.06,.08,red,s*.53,.84,2.23,false); - for(const z of [-1.45,1.45]){ - const wheel=new THREE.Group();wheel.position.set(s*1.05,.45,z);carRoot.add(wheel); - const tyre=new THREE.Mesh(new THREE.CylinderGeometry(.43,.43,.3,24),rubber);tyre.rotation.z=Math.PI/2;wheel.add(tyre); - const disc=new THREE.Mesh(new THREE.CylinderGeometry(.28,.28,.31,20),rim);disc.rotation.z=Math.PI/2;wheel.add(disc); - const hub=new THREE.Mesh(new THREE.CylinderGeometry(.105,.105,.32,16),material(0x17212c,.24,.95));hub.rotation.z=Math.PI/2;wheel.add(hub); - for(let k=0;k<10;k++){const spoke=addBox(wheel,.035,.045,.46,rim,0,0,0,false);spoke.rotation.x=k*Math.PI/5;} - wheelMeshes.push(wheel); - } +const $ = (selector) => document.querySelector(selector); +const state = { user: null, conversations: [], activeId: null, messages: [], model: 'gemini-3.8-flash', language:'auto', voice:'Kore', voiceOutput:true, busy: false, files: [] }; + +function escapeHtml(value = '') { + return String(value).replace(/[&<>"']/g, char => ({'&':'&','<':'<','>':'>','"':'"',"'":'''}[char])); +} +function initials(user) { + const name = user?.user_metadata?.full_name || user?.email || 'J'; + return name.split(/[ @._-]/).filter(Boolean).slice(0,2).map(x => x[0].toUpperCase()).join(''); +} +function toast(message) { + const el = $('#toast'); el.textContent = message; el.classList.add('show'); + setTimeout(() => el.classList.remove('show'), 2600); +} +function setAuthView() { + $('#auth-screen').hidden = Boolean(state.user); + $('#app-shell').hidden = !state.user; + if (state.user) { + $('#profile-avatar').textContent = initials(state.user); + $('#profile-name').textContent = state.user.user_metadata?.full_name || state.user.email; + $('#profile-email').textContent = state.user.email || ''; } - const under=glow(carRoot,0x00dfff,2.4,8,[0,.16,0]); - const headL=glow(carRoot,0xa9f8ff,2.1,32,[-.55,.75,-2.2]); - const headR=glow(carRoot,0xa9f8ff,2.1,32,[.55,.75,-2.2]); - headlights.push(headL,headR); - return carRoot; } -function buildCity(){ - const towerMat=[0x101724,0x171523,0x101e28,0x1c1a2a].map(c=>material(c,.65,.55)); - const windowMats=[0x18d9f4,0xffb85c,0xff398f,0x24384b].map(c=>new THREE.MeshBasicMaterial({color:c})); - const windowGeometry=new THREE.BoxGeometry(.65,.82,.035); - const dummy=new THREE.Object3D(); - for(let side of [-1,1]){ - for(let i=0;i<22;i++){ - const h=rand(25,95),w=rand(7,14),d=rand(8,16); - const g=new THREE.Group();g.position.set(side*rand(16,26),0,-i*28-rand(0,20)); - addBox(g,w,h,d,choose(towerMat),0,h/2,0); - addBox(g,.1,h,.12,new THREE.MeshBasicMaterial({color:choose([0x19eaff,0xff3e9e,0x8cff70])}),side===-1?w/2+.04:-w/2-.04,h/2,-d/2-.08,false); - const windows=[]; - const rows=Math.min(12,Math.floor(h/7)),cols=Math.min(5,Math.floor(w/2.4)); - for(let row=0;row{dummy.position.set(p[0],p[1],p[2]);dummy.updateMatrix();windowMesh.setMatrixAt(index,dummy.matrix);}); - windowMesh.instanceMatrix.needsUpdate=true;g.add(windowMesh); - } - addBox(g,w*.42,.15,d*.4,material(0x293246,.5,.65),0,h+.08,0,false); - const beacon=new THREE.Mesh(new THREE.SphereGeometry(.13,8,8),new THREE.MeshBasicMaterial({color:0xff315c}));beacon.position.y=h+.28;g.add(beacon); - scene.add(g);buildings.push(g); - } +function renderConversations() { + $('#history-list').innerHTML = state.conversations.map(item => ` + `).join('') || '

Your conversations will appear here.

'; + $('#history-list').querySelectorAll('[data-id]').forEach(button => button.addEventListener('click', () => openConversation(button.dataset.id))); +} +function renderMessages() { + const area = $('#messages'); + if (!state.messages.length) { + area.innerHTML = `
+
✳
+

YOUR PERSONAL INTELLIGENCE

+

What can I help
you with today?

+

Ideas, answers, research and creation — all in one place.

+
+ + + + +
+
`; + area.querySelectorAll('[data-prompt]').forEach(button => button.addEventListener('click', () => { $('#composer-input').value = button.dataset.prompt; sendMessage(); })); + return; } -} -function makeRoad(){ - roadTexture=makeRoadTexture(); - roadMaterial=new THREE.MeshPhysicalMaterial({map:roadTexture,color:0x858b99,roughness:.38,metalness:.2,clearcoat:.75,clearcoatRoughness:.24}); - for(let i=0;i<6;i++){ - const g=new THREE.Group();g.position.z=-i*100; - const road=new THREE.Mesh(new THREE.BoxGeometry(18,.2,100),roadMaterial);road.position.y=-.12;road.receiveShadow=true;g.add(road); - for(const s of [-1,1]){ - addBox(g,.35,.55,100,material(0x151923,.55,.65),s*9.1,.12,0); - addBox(g,.12,.12,100,new THREE.MeshBasicMaterial({color:0xff288f}),s*8.94,.5,0,false); + area.innerHTML = state.messages.map(message => ` +
+
${message.role === 'user' ? escapeHtml(initials(state.user)) : '✳'}
+
${message.role === 'user' ? 'You' : 'Jarvis X'}
+
${escapeHtml(message.content).replace(/\n/g,'
')}
+ ${message.attachments?.length ? `
${message.attachments.map(file=>`▧ ${escapeHtml(file.fileName||file.name||'Attachment')}`).join('')}
` : ''} + ${message.role === 'assistant' ? '
' : ''}
+
`).join(''); + area.querySelectorAll('.copy-message').forEach((button,index) => button.addEventListener('click', () => { + const msg = state.messages.filter(m => m.role === 'assistant')[index]; navigator.clipboard?.writeText(msg?.content || ''); toast('Copied to clipboard'); + })); + area.querySelectorAll('.speak-message').forEach((button,index) => button.addEventListener('click', async() => { + const msg = state.messages.filter(m => m.role === 'assistant')[index]; + if (!msg?.content) return; + button.disabled=true; + try { + if(!state.voiceOutput)throw new Error('Use browser voice'); + const {data,error}=await supabase.functions.invoke('jarvis-tts',{body:{text:msg.content,voice:state.voice}}); + if(error)throw new Error(error.message||'Speech generation failed.'); + if(data?.error)throw new Error(data.error); + const audio=new Audio(data.audioUrl);await audio.play(); + } catch(error) { + if ('speechSynthesis' in window) { + window.speechSynthesis.cancel(); + const utterance=new SpeechSynthesisUtterance(msg.content);utterance.lang=navigator.language||'hi-IN';utterance.rate=1;window.speechSynthesis.speak(utterance); + } else toast(error.message); + } finally {button.disabled=false;} + })); + area.scrollTop = area.scrollHeight; +} +async function loadConversations() { + const { data, error } = await supabase.from('jarvis_conversations').select('*').eq('archived', false).order('updated_at', {ascending:false}).limit(80); + if (error) return toast(error.message); + state.conversations = data || []; renderConversations(); + if (!state.activeId && state.conversations[0]) await openConversation(state.conversations[0].id); + else if (!state.activeId) renderMessages(); +} +async function newConversation() { + const { data, error } = await supabase.from('jarvis_conversations').insert({user_id:state.user.id,title:'New chat',model:state.model}).select().single(); + if (error) { toast(error.message); return false; } + state.conversations.unshift(data); state.activeId = data.id; state.messages = []; renderConversations(); renderMessages(); $('#composer-input').focus(); closeSidebar(); return true; +} +async function openConversation(id) { + state.activeId = id; renderConversations(); + const { data, error } = await supabase.from('jarvis_messages').select('*').eq('conversation_id',id).order('created_at',{ascending:true}); + if (error) return toast(error.message); + state.messages = (data || []).map(m => ({role:m.role,content:m.content,id:m.id,attachments:m.attachments||[]})); + renderMessages(); closeSidebar(); +} +async function uploadAttachments() { + const files=state.files; + const totalBytes=files.reduce((sum,file)=>sum+file.size,0); + if(totalBytes>15*1024*1024)throw new Error('Keep all attachments in one message under 15 MB total.'); + const uploaded=[]; + try{ + for(const file of files){ + if(file.size>15*1024*1024)throw new Error(file.name+' exceeds the 15 MB limit.'); + const safeName=file.name.replace(/[^a-zA-Z0-9._-]/g,'_'); + const storagePath=`${state.user.id}/${crypto.randomUUID()}-${safeName}`; + const {error:uploadError}=await supabase.storage.from('jarvis-private').upload(storagePath,file,{contentType:file.type||'application/octet-stream',upsert:false}); + if(uploadError)throw uploadError; + const {data,error}=await supabase.from('jarvis_files').insert({user_id:state.user.id,conversation_id:state.activeId,file_name:file.name,mime_type:file.type,size_bytes:file.size,storage_path:storagePath}).select().single(); + if(error){await supabase.storage.from('jarvis-private').remove([storagePath]);throw error;} + uploaded.push({id:data.id,fileName:file.name,mimeType:file.type,storagePath,size:file.size}); } - for(let z=-48;z<50;z+=10)for(const x of [-3,3])addBox(g,.055,.025,4,new THREE.MeshBasicMaterial({color:0x39eaff}),x,.005,z,false); - for(let z=-45;z<50;z+=15)for(const s of [-1,1])addBox(g,.13,.07,.6,new THREE.MeshBasicMaterial({color:0xff3b9d}),s*8.65,.04,z,false); - scene.add(g);roadSegments.push(g); + state.files=[];$('#file-input').value='';$('#attachment-note').hidden=true;$('#attachment-note').textContent=''; + return uploaded; + }catch(error){ + for(const item of uploaded){await supabase.storage.from('jarvis-private').remove([item.storagePath]);await supabase.from('jarvis_files').delete().eq('id',item.id);} + throw error; } - const ground=new THREE.Mesh(new THREE.PlaneGeometry(2000,2000),material(0x070a13,.9,.05));ground.rotation.x=-Math.PI/2;ground.position.y=-.3;ground.position.z=-300;ground.receiveShadow=true;scene.add(ground); } -function setupPhysics(){ - world=new CANNON.World({gravity:new CANNON.Vec3(0,-9.82,0)}); - world.broadphase=new CANNON.SAPBroadphase(world);world.allowSleep=true; - world.defaultContactMaterial.friction=.42;world.defaultContactMaterial.restitution=.02; - const ground=new CANNON.Body({mass:0,material:new CANNON.Material('road')}); - ground.addShape(new CANNON.Plane());ground.quaternion.setFromEuler(-Math.PI/2,0,0);world.addBody(ground); - for(const s of [-1,1]){ - const barrier=new CANNON.Body({mass:0});barrier.addShape(new CANNON.Box(new CANNON.Vec3(.25,1,600)));barrier.position.set(s*9.7,.5,-260);world.addBody(barrier); - } - chassis=new CANNON.Body({mass:1380,linearDamping:.08,angularDamping:.38,allowSleep:false}); - chassis.addShape(new CANNON.Box(new CANNON.Vec3(1.02,.36,2.12))); - chassis.position.set(0,1.1,3);chassis.updateMassProperties();world.addBody(chassis); - vehicle=new CANNON.RaycastVehicle({chassisBody:chassis,indexRightAxis:0,indexUpAxis:1,indexForwardAxis:2}); - const wheelOptions={ - radius:.43,directionLocal:new CANNON.Vec3(0,-1,0),axleLocal:new CANNON.Vec3(-1,0,0), - suspensionStiffness:34,suspensionRestLength:.58,frictionSlip:4.2, - dampingRelaxation:2.4,dampingCompression:4.6,maxSuspensionForce:100000, - rollInfluence:.08,customSlidingRotationalSpeed:-30,useCustomSlidingRotationalSpeed:true - }; - for(const x of [-.83,.83])for(const z of [-1.38,1.38]){ - vehicle.addWheel({...wheelOptions, chassisConnectionPointLocal:new CANNON.Vec3(x,-.12,z)}); - } - vehicle.addToWorld(world); - chassis.addEventListener('collide',e=>{ - if(e.body?.userData?.traffic && state.mode==='playing')endRun(); +async function sendMessage() { + const input=$('#composer-input'),typed=input.value.trim(); + if((!typed&&!state.files.length)||state.busy)return; + if(!state.activeId&&!await newConversation())return; + state.busy=true;$('#send-button').disabled=true;input.value='';resizeComposer(); + let attachments=[]; + try{attachments=await uploadAttachments();} + catch(error){toast('File upload failed: '+error.message);state.busy=false;$('#send-button').disabled=false;return;} + const content=typed||'Please analyse the attached file(s).'; + state.messages.push({role:'user',content,attachments});renderMessages(); + const {error:saveError}=await supabase.from('jarvis_messages').insert({conversation_id:state.activeId,user_id:state.user.id,role:'user',content,attachments}); + if(saveError)toast('Message could not be saved: '+saveError.message); + const typing=document.createElement('div');typing.className='typing-indicator';typing.innerHTML='';$('#messages').append(typing); + try{ + const {data:result,error:invokeError}=await supabase.functions.invoke('jarvis-chat',{body:{conversationId:state.activeId,model:state.model,messages:state.messages.slice(-30).map(({role,content,attachments})=>({role,content,attachments:attachments||[]}))}}); + if(invokeError)throw new Error(invokeError.message||'The assistant could not respond.'); + if(result?.error)throw new Error(result.error); + const answer=result?.reply||'I could not generate a response.'; + state.messages.push({role:'assistant',content:answer});typing.remove();renderMessages(); + await supabase.from('jarvis_messages').insert({conversation_id:state.activeId,user_id:state.user.id,role:'assistant',content:answer,model:state.model}); + const current=state.conversations.find(c=>c.id===state.activeId); + if(current?.title==='New chat'){current.title=content.slice(0,48);await supabase.from('jarvis_conversations').update({title:current.title,updated_at:new Date().toISOString()}).eq('id',state.activeId);renderConversations();} + else await supabase.from('jarvis_conversations').update({updated_at:new Date().toISOString()}).eq('id',state.activeId); + }catch(error){typing.remove();state.messages.push({role:'assistant',content:`I’m ready, but the AI connection needs setup. ${error.message}`});renderMessages();} + finally{state.busy=false;$('#send-button').disabled=false;input.focus();} +} +function resizeComposer() { + const input=$('#composer-input'); input.style.height='auto'; input.style.height=Math.min(input.scrollHeight,180)+'px'; +} +function closeSidebar(){ $('#sidebar').classList.remove('open'); $('#sidebar-backdrop').classList.remove('visible'); } +function setupUI() { + $('#new-chat').addEventListener('click',newConversation); + window.addEventListener('jarvis:open-conversation',event=>openConversation(event.detail)); + window.addEventListener('jarvis:preferences-updated',event=>{state.language=event.detail?.preferred_language||state.language;state.model=event.detail?.selected_model||state.model;state.voice=event.detail?.voice_name||state.voice;state.voiceOutput=event.detail?.voice_output??state.voiceOutput;$('#model-select').value=state.model;}); + $('#send-button').addEventListener('click',sendMessage); + $('#composer-input').addEventListener('input',resizeComposer); + $('#composer-input').addEventListener('keydown',e=>{if(e.key==='Enter'&&!e.shiftKey){e.preventDefault();sendMessage();}}); + $('#model-select').addEventListener('change',async e=>{state.model=e.target.value;if(state.user)await supabase.from('jarvis_preferences').upsert({user_id:state.user.id,selected_model:state.model,updated_at:new Date().toISOString()});}); + $('#signout-button').addEventListener('click',()=>supabase.auth.signOut()); + $('#menu-button').addEventListener('click',()=>{ $('#sidebar').classList.add('open'); $('#sidebar-backdrop').classList.add('visible');}); + $('#sidebar-backdrop').addEventListener('click',closeSidebar); + $('#attach-button').addEventListener('click',()=>$('#file-input').click()); + $('#file-input').addEventListener('change',e=>{ + const files=[...e.target.files]; if(!files.length)return; + state.files=files; $('#attachment-note').textContent=files.map(f=>f.name).join(' · '); $('#attachment-note').hidden=false; + toast('File selected. It will upload privately when you send the message.'); }); -} -function setupScene(){ - scene=new THREE.Scene();scene.background=new THREE.Color(0x050711);scene.fog=new THREE.FogExp2(0x0c0c20,.0048); - camera=new THREE.PerspectiveCamera(62,innerWidth/innerHeight,.1,900);camera.position.set(0,5.2,12); - renderer=new THREE.WebGLRenderer({antialias:!isTouch,alpha:false,powerPreference:'high-performance'}); - renderer.outputColorSpace=THREE.SRGBColorSpace;renderer.toneMapping=THREE.ACESFilmicToneMapping;renderer.toneMappingExposure=1.18; - renderer.shadowMap.enabled=true;renderer.shadowMap.type=THREE.PCFSoftShadowMap; - $('canvas-container').appendChild(renderer.domElement); - scene.add(new THREE.HemisphereLight(0x7772b0,0x090b14,1.1)); - keyLight=new THREE.DirectionalLight(0xb6d2ff,2.1);keyLight.position.set(-35,55,-45);keyLight.castShadow=true;keyLight.shadow.mapSize.set(2048,2048);keyLight.shadow.camera.left=-35;keyLight.shadow.camera.right=35;keyLight.shadow.camera.top=45;keyLight.shadow.camera.bottom=-25;keyLight.shadow.bias=-.0002;scene.add(keyLight); - const blue=glow(scene,0x322cff,2.2,150,[-25,14,-90]);const pink=glow(scene,0xff258c,2.1,140,[26,10,-140]); - const starGeo=new THREE.BufferGeometry(),stars=[]; - for(let i=0;i<900;i++)stars.push(rand(-320,320),rand(20,150),rand(-650,80)); - starGeo.setAttribute('position',new THREE.Float32BufferAttribute(stars,3)); - scene.add(new THREE.Points(starGeo,new THREE.PointsMaterial({color:0xaacfff,size:.75,transparent:true,opacity:.8}))); - makeRoad();buildCity();carRoot=makeCar();scene.add(carRoot); - setupPhysics(); - composer=new EffectComposer(renderer);composer.addPass(new RenderPass(scene,camera)); - bloom=new UnrealBloomPass(new THREE.Vector2(innerWidth,innerHeight),.78,.55,.78);composer.addPass(bloom);composer.addPass(new OutputPass()); - applyQuality(ui.quality.value); - clock=new THREE.Clock(); - addEventListener('resize',resize,{passive:true}); -} -function applyQuality(value){ - quality=value; - const config={ - ultra:{ratio:2,bloom:.9,shadows:2048,exposure:1.18}, - high:{ratio:1.65,bloom:.68,shadows:1536,exposure:1.15}, - balanced:{ratio:1.25,bloom:.48,shadows:1024,exposure:1.1}, - performance:{ratio:1,bloom:.25,shadows:512,exposure:1.05} - }[value]||{ratio:1.25,bloom:.48,shadows:1024,exposure:1.1}; - renderer.setPixelRatio(Math.min(devicePixelRatio,config.ratio));renderer.setSize(innerWidth,innerHeight); - composer.setSize(innerWidth,innerHeight);bloom.strength=config.bloom;renderer.toneMappingExposure=config.exposure; - renderer.shadowMap.enabled=value!=='performance'; - if(keyLight){keyLight.shadow.mapSize.set(config.shadows,config.shadows);if(keyLight.shadow.map)keyLight.shadow.map.dispose();keyLight.shadow.needsUpdate=true;} - renderer.shadowMap.needsUpdate=true; - $('quality-select').value=value; -} -function resize(){ - if(!renderer)return;camera.aspect=innerWidth/innerHeight;camera.updateProjectionMatrix(); - renderer.setPixelRatio(Math.min(devicePixelRatio,({ultra:2,high:1.65,balanced:1.25,performance:1}[quality]||1.25))); - renderer.setSize(innerWidth,innerHeight);composer.setSize(innerWidth,innerHeight); -} -function setScreen(el,on){el.classList.toggle('active',on);el.classList.toggle('hidden',!on);} -function toast(text){ui.toast.textContent=text;ui.toast.classList.add('show');clearTimeout(toast.timer);toast.timer=setTimeout(()=>ui.toast.classList.remove('show'),1600);} -function resetRun(){ - state.distance=0;state.score=0;state.nitro=100;state.lane=1;state.steer=0;state.spawn=0;state.nextSpawn=95; - chassis.position.set(0,1.1,3);chassis.quaternion.set(0,0,0,1);chassis.velocity.set(0,0,0);chassis.angularVelocity.set(0,0,0);chassis.force.set(0,0,0);chassis.torque.set(0,0,0); - traffic.forEach(t=>{world.removeBody(t.body);scene.remove(t.mesh);});traffic=[]; - roadSegments.forEach((g,i)=>g.position.z=-i*100); - buildings.forEach((b,i)=>b.position.z=-Math.floor(i/2)*28-(i%2)*14); - vehicle.wheelInfos.forEach(w=>{w.engineForce=0;w.brake=0;w.steering=0;}); - syncCar();updateHud(); -} -function syncCar(){ - carRoot.position.set(chassis.position.x,chassis.position.y-.45,chassis.position.z); - carRoot.quaternion.set(chassis.quaternion.x,chassis.quaternion.y,chassis.quaternion.z,chassis.quaternion.w); - for(let i=0;i<4;i++){ - vehicle.updateWheelTransform(i);const t=vehicle.wheelInfos[i].worldTransform; - wheelMeshes[i].position.set(t.position.x-chassis.position.x,t.position.y-(chassis.position.y-.45),t.position.z-chassis.position.z); - wheelMeshes[i].quaternion.set(t.quaternion.x,t.quaternion.y,t.quaternion.z,t.quaternion.w); - } -} -function startRun(){ - resetRun();state.mode='playing';setScreen(ui.menu,false);setScreen(ui.pause,false);setScreen(ui.over,false);ui.hud.classList.remove('hidden');toast('SYSTEM ONLINE // DRIVE SAFE'); -} -function endRun(){ - if(state.mode!=='playing')return;state.mode='over';ui.hud.classList.add('hidden'); - $('final-distance').textContent=Math.floor(state.distance)+' M';$('final-score').textContent=state.score.toLocaleString('en-IN'); - setScreen(ui.over,true); -} -function pauseRun(){if(state.mode!=='playing')return;state.mode='paused';setScreen(ui.pause,true);} -function resumeRun(){if(state.mode!=='paused')return;state.mode='playing';setScreen(ui.pause,false);clock.getDelta();} -function goMenu(){state.mode='menu';ui.hud.classList.add('hidden');setScreen(ui.pause,false);setScreen(ui.over,false);setScreen(ui.menu,true);} -function spawnTraffic(){ - const lane=Math.floor(Math.random()*3),z=-205; - const body=new CANNON.Body({mass:170,shape:new CANNON.Box(new CANNON.Vec3(.9,.48,1.75)),linearDamping:.08}); - body.position.set(lanes[lane],.56,z);body.userData.traffic=true;body.velocity.set(0,0,rand(13,22));world.addBody(body); - const mesh=new THREE.Group();const paint=material(choose([0x17202c,0x20202c,0x182b36,0x2a1b2a]),.28,.75); - addBox(mesh,1.8,.75,3.5,paint,0,.5,0);addBox(mesh,1.2,.45,1.35,material(0x08131d,.12,.85),0,.95,-.1); - addBox(mesh,.5,.08,.06,new THREE.MeshBasicMaterial({color:0xff284f}),-.52,.55,1.78,false);addBox(mesh,.5,.08,.06,new THREE.MeshBasicMaterial({color:0xff284f}),.52,.55,1.78,false); - scene.add(mesh);traffic.push({body,mesh}); -} -function updateTraffic(dt,move){ - for(let i=traffic.length-1;i>=0;i--){ - const t=traffic[i];t.body.position.z+=move; - t.mesh.position.set(t.body.position.x,t.body.position.y,t.body.position.z); - t.mesh.quaternion.set(t.body.quaternion.x,t.body.quaternion.y,t.body.quaternion.z,t.body.quaternion.w); - if(t.body.position.z>24){world.removeBody(t.body);scene.remove(t.mesh);traffic.splice(i,1);state.score+=200;state.nitro=clamp(state.nitro+5,0,100);} - } - state.spawn+=move; - if(state.spawn>state.nextSpawn){spawnTraffic();state.nextSpawn=state.spawn+rand(100,155);} -} -function updateDriving(dt){ - const left=keys.has('ArrowLeft')||keys.has('KeyA'),right=keys.has('ArrowRight')||keys.has('KeyD'); - const accelerate=keys.has('ArrowUp')||keys.has('KeyW')||state.accelerate; - const braking=keys.has('ArrowDown')||keys.has('KeyS')||state.brake; - const nitro=(keys.has('Space')||keys.has('ShiftLeft')||keys.has('ShiftRight')||state.boost)&&state.nitro>0&&!braking; - const steer=(right?1:0)-(left?1:0); - const maxSteer=.42;const steering=steer*maxSteer; - vehicle.setSteeringValue(steering,0);vehicle.setSteeringValue(steering,2); - const speed=chassis.velocity.length(); - const force=accelerate||speed<3?(nitro?4600:3250):0; - vehicle.applyEngineForce(force,1);vehicle.applyEngineForce(force,3); - if(force>0)chassis.applyForce(new CANNON.Vec3(0,0,-force),chassis.position); - for(let i=0;i<4;i++)vehicle.setBrake(braking?420:0,i); - const longitudinal=-chassis.velocity.z; - if(braking&&Math.abs(longitudinal)>.05){const brakeForce=Math.min(9000,Math.abs(longitudinal)*1800);chassis.applyForce(new CANNON.Vec3(0,0,Math.sign(longitudinal)*brakeForce),chassis.position);} - if(nitro)state.nitro=clamp(state.nitro-dt*24,0,100);else state.nitro=clamp(state.nitro+dt*6,0,100); - if(!accelerate&&!braking&&speed>1){vehicle.applyEngineForce(-Math.min(900,speed*18),1);vehicle.applyEngineForce(-Math.min(900,speed*18),3);} - const drag=Math.min(18000,speed*speed*2.2);chassis.applyForce(new CANNON.Vec3(0,0,drag),chassis.position); - world.step(1/60,dt,4); - if(-chassis.velocity.z>88)chassis.velocity.z=-88; - const forwardSpeed=Math.max(0,-chassis.velocity.z); - state.distance+=forwardSpeed*dt; - state.score+=Math.floor(forwardSpeed*dt*.6); - // Keep the car within the playable carriageway without teleporting it. - if(Math.abs(chassis.position.x)>8.3){chassis.applyForce(new CANNON.Vec3(-chassis.position.x*1100,0,0),chassis.position);} - if(chassis.position.y<-.4||Math.abs(chassis.position.x)>13||forwardSpeed<0.1&&state.distance>10)endRun(); - const move=forwardSpeed*dt; - roadSegments.forEach(g=>{g.position.z+=move;if(g.position.z>100)g.position.z-=600;}); - buildings.forEach(g=>{g.position.z+=move;if(g.position.z>55){g.position.z-=616;g.position.x=(g.position.x<0?-1:1)*rand(16,27);}}); - updateTraffic(dt,move); - syncCar(); - const target=new THREE.Vector3(chassis.position.x*.45,3.8,chassis.position.z+10.5); - camera.position.lerp(target,1-Math.exp(-dt*3.2)); - camera.lookAt(chassis.position.x*.35,1.05,chassis.position.z-8); - const targetFov=nitro?70:62;camera.fov+=(targetFov-camera.fov)*(1-Math.exp(-dt*3));camera.updateProjectionMatrix(); - if(performance.now()-lastHud>90){updateHud();lastHud=performance.now();} -} -function updateHud(){ - const kmh=Math.round(chassis?Math.max(0,-chassis.velocity.z)*3.6:0); - ui.speed.textContent=String(kmh).padStart(3,'0'); - ui.distance.innerHTML=Math.floor(state.distance).toString().padStart(5,'0')+' M'; - ui.score.textContent='SCORE '+state.score.toString().padStart(6,'0'); - ui.nitro.style.width=state.nitro+'%';ui.nitroValue.textContent=Math.round(state.nitro)+'%'; -} -const keys=new Set(); -addEventListener('keydown',e=>{ - if(['ArrowLeft','ArrowRight','ArrowUp','ArrowDown','Space'].includes(e.code))e.preventDefault(); - keys.add(e.code);if(e.code==='Escape'){if(state.mode==='playing')pauseRun();else if(state.mode==='paused')resumeRun();} -}); -addEventListener('keyup',e=>keys.delete(e.code)); -function bindHold(id,key){const el=$(id);el.addEventListener('pointerdown',e=>{e.preventDefault();state[key]=true;el.setPointerCapture(e.pointerId);});['pointerup','pointercancel','lostpointercapture'].forEach(ev=>el.addEventListener(ev,()=>state[key]=false));} -bindHold('brake-button','brake');bindHold('boost-button','boost'); -let touchX=null; -rendererTouchSetup(); -function rendererTouchSetup(){ - const canvas=$('canvas-container'); - canvas.addEventListener('pointerdown',e=>{if(e.pointerType==='touch')touchX=e.clientX;}); - canvas.addEventListener('pointermove',e=>{if(e.pointerType==='touch'&&touchX!==null){const dx=e.clientX-touchX;if(Math.abs(dx)>24){if(dx>0)keys.add('ArrowRight');else keys.add('ArrowLeft');touchX=e.clientX;}}}); - ['pointerup','pointercancel'].forEach(ev=>canvas.addEventListener(ev,()=>{touchX=null;keys.delete('ArrowLeft');keys.delete('ArrowRight');})); -} -$('start-button').addEventListener('click',startRun); -$('garage-button').addEventListener('click',()=>{ - state.garage=(state.garage+1)%3; - const finishes=[0x101a27,0x29102d,0x8c9aa8],names=['OBSIDIAN','VIOLET CHROME','ICE TITANIUM']; - carRoot.traverse(o=>{if(o.isMesh&&o.material?.isMeshPhysicalMaterial&&o.material.clearcoat>0)o.material.color.setHex(finishes[state.garage]);}); - ui.garageNote.textContent=names[state.garage]+' // SELECTED'; -}); -$('pause-button').addEventListener('click',pauseRun); -$('resume-button').addEventListener('click',resumeRun); -$('quit-button').addEventListener('click',goMenu); -$('play-again-button').addEventListener('click',startRun); -$('menu-button').addEventListener('click',goMenu); -ui.quality.addEventListener('change',()=>applyQuality(ui.quality.value)); -document.addEventListener('visibilitychange',()=>{if(document.hidden&&state.mode==='playing')pauseRun();}); -function animate(){ - requestAnimationFrame(animate);const dt=Math.min(clock.getDelta(),.04);state.elapsed+=dt; - if(state.mode==='playing')updateDriving(dt); - else if(state.mode==='menu'){ - carRoot.position.y=Math.sin(state.elapsed*1.5)*.035;carRoot.rotation.y=Math.sin(state.elapsed*.28)*.045; - camera.position.x=Math.sin(state.elapsed*.18)*.6;camera.lookAt(0,1,-8); + $('#voice-button').addEventListener('click',()=>{ + const SpeechRecognition=window.SpeechRecognition||window.webkitSpeechRecognition; + if(!SpeechRecognition)return toast('Voice input is not supported in this browser.'); + const recognition=new SpeechRecognition(); recognition.lang=state.language==='hi'?'hi-IN':state.language==='en'?'en-IN':state.language==='hinglish'?'hi-IN':(navigator.language||'en-IN'); recognition.interimResults=false; + recognition.onresult=e=>{ $('#composer-input').value += ( $('#composer-input').value ? ' ' : '')+e.results[0][0].transcript; resizeComposer(); }; + recognition.onerror=()=>toast('Voice input could not start.'); recognition.start(); + }); + $('#auth-google').addEventListener('click',async()=>{ + if(!configured)return toast('Supabase project configuration is missing.'); + const {error}=await supabase.auth.signInWithOAuth({provider:'google',options:{redirectTo:window.location.origin}}); + if(error)toast(error.message); + }); + $('#theme-note').textContent='Pearl · Champagne · Ivory'; + initializeWorkspace({supabase,getUser:()=>state.user,toast,onChat:renderMessages}); +} +async function loadPreferences(){ + if(!state.user)return; + const {data}=await supabase.from('jarvis_preferences').select('selected_model,preferred_language,settings').eq('user_id',state.user.id).maybeSingle(); + if(data?.selected_model){state.model=data.selected_model;$('#model-select').value=state.model;}if(data?.preferred_language)state.language=data.preferred_language;if(data?.settings?.voice_name)state.voice=data.settings.voice_name;if(data?.settings?.voice_output!==undefined)state.voiceOutput=data.settings.voice_output; +} +async function start() { + setupUI(); + if(!configured){$('#auth-screen').hidden=false;$('#setup-warning').hidden=false;return;} + const {data:{session}}=await supabase.auth.getSession(); state.user=session?.user||null; + if(state.user){ + const {data:allowed,error:allowError}=await supabase.rpc('is_jarvis_allowed_user'); + if(allowError||allowed!==true){await supabase.auth.signOut();state.user=null;setAuthView();toast('This Google account is not on the JARVIS X access list.');return;} } - composer.render(); -} -function boot(){ - try{ - setupScene(); - let progress=0;const timer=setInterval(()=>{ - progress=Math.min(100,progress+rand(13,22));ui.loadProgress.style.width=progress+'%'; - ui.loadLabel.textContent=progress<60?'INITIALIZING WORLD':'PREPARING VEHICLE PHYSICS'; - if(progress>=100){clearInterval(timer);ui.loading.style.opacity='0';setTimeout(()=>ui.loading.remove(),500);state.mode='menu';animate();} - },75); - }catch(error){console.error(error);ui.loadLabel.textContent='GRAPHICS INITIALIZATION FAILED';} + setAuthView(); + supabase.auth.onAuthStateChange((_event,session)=>{if(!session){state.user=null;setAuthView();}}); + if(state.user) { await loadPreferences(); await loadConversations(); } } -boot(); +start(); diff --git a/style.css b/style.css index c2a3f5c..462ee0e 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,28 @@ -:root{font-family:'Rajdhani',sans-serif;color:#eef7ff;background:#05060b;font-synthesis:none;--cyan:#55f4ff;--pink:#ff3ca6;--panel:rgba(5,9,19,.76)} -*{box-sizing:border-box}html,body,#game-root{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}body{background:#05060b}button,select{font:inherit}#game-root{position:relative;isolation:isolate}#canvas-container{position:absolute;inset:0;z-index:-2}#canvas-container canvas{display:block;width:100%;height:100%;outline:0}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 24%,#02030b33 64%,#02030be8 125%);box-shadow:inset 0 0 180px #000} -.topbar{position:absolute;top:0;left:0;right:0;padding:24px 4.5vw;display:flex;justify-content:space-between;align-items:center;z-index:5;background:linear-gradient(#02040bc9,transparent)}.brand{display:flex;gap:12px;align-items:center;color:#f3fbff;text-decoration:none;font:800 13px Orbitron,sans-serif;letter-spacing:.14em}.brand b{color:var(--cyan)}.brand small{display:block;margin-top:5px;color:#8294aa;font:600 8px Orbitron,sans-serif;letter-spacing:.2em}.brand-symbol{font-size:28px;color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.top-actions{display:flex;align-items:center;gap:10px}.quality-label{font:600 9px Orbitron,sans-serif;letter-spacing:.12em;color:#9aacc0}.top-actions select{background:#07101dcc;color:var(--cyan);border:1px solid #42eaff70;padding:9px 12px;font:600 9px Orbitron,sans-serif;letter-spacing:.1em;outline:none} -.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.screen.hidden,.hud.hidden{display:none}#main-menu{align-items:center;justify-content:flex-start;padding:100px 9vw 55px;background:linear-gradient(90deg,#03050bd9 0%,#03050b7a 38%,transparent 78%)}.menu-copy{max-width:560px}.eyebrow{font:700 10px Orbitron,sans-serif;letter-spacing:.28em;color:var(--cyan)}h1{font:900 clamp(54px,8vw,112px)/.91 Orbitron,sans-serif;letter-spacing:-.07em;margin:18px 0;text-shadow:0 10px 45px #000}h1 span{color:var(--cyan);text-shadow:0 0 35px #00dfff7a}.tagline{font-size:19px;letter-spacing:.05em;color:#b7c5d5;margin:22px 0 30px}.action{width:min(300px,78vw);min-height:52px;margin:7px 0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,6% 100%,0 75%);font:700 10px Orbitron,sans-serif;letter-spacing:.16em;transition:transform .18s,filter .18s}.action:hover{transform:translateX(6px);filter:brightness(1.3)}.primary{background:linear-gradient(105deg,#0b687b,#102c49);border:1px solid var(--cyan);color:white;box-shadow:0 0 24px #00dfff26}.primary span{font-size:20px;color:var(--cyan)}.secondary{background:#090b17c9;border:1px solid #ff3ca67a;color:#ffc4e3}.micro-note{font:600 9px Orbitron,sans-serif;letter-spacing:.12em;color:#8291a5;margin:10px 0}.menu-bottom{position:absolute;bottom:24px;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#73849a;font:600 8px Orbitron,sans-serif;letter-spacing:.15em} -.hud{position:absolute;inset:0;padding:100px 28px 25px;pointer-events:none}.metric{position:absolute;top:104px;left:28px;padding:12px 15px;background:var(--panel);border-left:2px solid var(--cyan);backdrop-filter:blur(12px);min-width:150px}.metric small{display:block;font:600 9px Orbitron,sans-serif;letter-spacing:.16em;color:#9aadc2}.metric strong{font:800 30px Orbitron,sans-serif;display:block;margin-top:4px}.metric em{font:600 10px Orbitron,sans-serif;color:var(--cyan);font-style:normal}.metric.distance{left:auto;right:28px;text-align:right;border-left:0;border-right:2px solid var(--pink)}.metric.distance strong{font-size:24px}.metric.distance em{color:var(--pink)}.metric.distance small:last-child{margin-top:6px;font-size:8px}.pause-button{position:absolute;top:190px;right:28px;pointer-events:auto;width:42px;height:42px;border:1px solid #8ca0b8;background:#06101bd9;color:var(--cyan);font-size:18px;cursor:pointer}.drive-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(350px,70vw);text-align:center}.nitro-head{display:flex;justify-content:space-between;font:700 9px Orbitron,sans-serif;letter-spacing:.16em;color:#a9bdd1}.nitro-head b{color:var(--cyan)}.nitro-bar{height:7px;border:1px solid #4b6b82;background:#06101b;margin:8px 0}.nitro-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#157bff,var(--cyan));box-shadow:0 0 16px var(--cyan)}.desktop-help{font:600 8px Orbitron,sans-serif;letter-spacing:.08em;color:#90a2b7}.mobile-controls{display:none}.modal{background:#02040b9c;backdrop-filter:blur(9px)}.panel{width:min(390px,90vw);padding:34px 28px;background:#050a17ed;border:1px solid #47eaff77;box-shadow:0 0 60px #00dfff24;text-align:center}.panel h2{font:900 42px Orbitron,sans-serif;margin:12px 0 25px}.panel .action{width:100%}.results{padding:15px;border-block:1px solid #ffffff20;margin:15px 0}.results small{display:block;font:600 9px Orbitron,sans-serif;letter-spacing:.16em;color:#8fa2b7}.results strong{display:block;font:800 28px Orbitron,sans-serif;color:var(--cyan);margin:5px 0 15px}.results strong:last-child{margin-bottom:0}#loading-screen{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#17102b,#05060b 68%);transition:opacity .45s}.loader-mark{font-size:38px;color:var(--cyan);text-shadow:0 0 25px var(--cyan)}#loading-screen h2{font:800 25px Orbitron,sans-serif;letter-spacing:.08em}#loading-screen h2 b{color:var(--cyan)}#loading-screen p,#loading-screen small{font:600 9px Orbitron,sans-serif;letter-spacing:.2em;color:#8797ad}.load-track{width:min(300px,70vw);height:3px;background:#263041;margin:20px}.load-track i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}#toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%,10px);opacity:0;padding:10px 16px;background:#06111beF;border:1px solid var(--cyan);color:var(--cyan);font:700 9px Orbitron,sans-serif;letter-spacing:.1em;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)} -@media(max-width:720px){.topbar{padding:16px 16px}.brand{font-size:10px}.brand-symbol{font-size:22px}.brand small{font-size:7px}.quality-label{display:none}.top-actions select{font-size:8px;padding:8px}#main-menu{padding:90px 7vw 55px;background:linear-gradient(90deg,#03050bdc,#03050b88 65%,#03050b33)}.menu-copy{max-width:90vw}h1{font-size:clamp(48px,13vw,76px)}.tagline{font-size:16px}.menu-bottom{left:16px;right:16px;font-size:7px}.hud{padding:80px 12px 15px}.metric{top:82px;left:12px;min-width:112px;padding:8px 10px}.metric strong{font-size:22px}.metric.distance{right:12px}.metric.distance strong{font-size:18px}.pause-button{top:148px;right:12px;width:36px;height:36px}.drive-bottom{bottom:115px;width:58vw}.desktop-help{display:none}.mobile-controls{display:block}.pedal{position:absolute;bottom:18px;left:14px;width:31vw;height:74px;pointer-events:auto;background:#06121dbb;border:1px solid #ff3ca677;color:#ffc4e3;font:700 10px Orbitron,sans-serif;letter-spacing:.12em;touch-action:none}.pedal.boost{left:auto;right:14px;border-color:#4aefff;color:var(--cyan)}.panel{padding:28px 20px}.panel h2{font-size:34px}} -@media(orientation:landscape) and (max-height:520px){.topbar{padding:10px 18px}#main-menu{padding-top:55px}h1{font-size:clamp(40px,9vh,65px)}.tagline{margin:10px 0 15px}.action{min-height:40px;margin:4px 0}.menu-bottom{bottom:8px}.metric{top:65px}.drive-bottom{bottom:8px}.pedal{height:58px;bottom:8px}.pause-button{top:112px}} +:root{font-family:'DM Sans',sans-serif;color:#34332f;background:#f7f5ef;font-synthesis:none;--ink:#34332f;--muted:#89877f;--line:#e8e4da;--paper:#fbfaf6;--pearl:#f2efe7;--gold:#ad9160;--gold-dark:#8d754c;--gold-soft:#eee5d4;--white:#fffefa;--shadow:0 18px 50px #766c5510} +*{box-sizing:border-box}html,body,#app-shell{margin:0;width:100%;height:100%;min-height:100%;}body{background:#f7f5ef}button,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important} +.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 50% 38%,#fffefa 0%,#f7f4ed 66%)}.auth-card{width:min(460px,100%);padding:58px 54px 42px;text-align:center;background:#fffefa;border:1px solid #ebe6dc;border-radius:24px;box-shadow:0 28px 90px #5e50320c}.brand-mark{width:56px;height:56px;margin:0 auto 24px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f2ead9,#e6dac1);color:#987a4e;font-size:28px;box-shadow:inset 0 1px #fff}.eyebrow,.welcome-kicker{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--gold-dark)}.auth-card h1,.welcome h1{font:600 clamp(36px,5vw,50px)/1.12 'Playfair Display',serif;letter-spacing:-.04em;margin:18px 0;color:#3b3933}.auth-card h1 em,.welcome h1 em{font-weight:500;color:#a1875d}.auth-copy{color:#858178;font-size:14px;line-height:1.8;margin:18px 0 30px}.google-button{width:100%;height:52px;border:1px solid #e3ded3;border-radius:12px;background:#fffefa;color:#45423b;font-weight:600;box-shadow:0 4px 14px #51482c0a}.google-button:hover{background:#f9f6ef}.google-g{font-weight:700;color:#4285f4;margin-right:12px}.auth-foot{display:block;margin-top:34px;color:#aaa59a;font-size:9px;letter-spacing:.16em}.setup-warning{font-size:12px;color:#9c5c48}.auth-side-note{position:fixed;bottom:25px;color:#aaa397;font:italic 15px 'Playfair Display',serif} +.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--paper)}.sidebar{width:278px;flex:0 0 278px;background:#f4f1e9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 16px 14px;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#393831;font-weight:700;font-size:14px;letter-spacing:.08em;padding:0 8px 26px}.brand b{color:var(--gold-dark)}.brand small{display:block;margin-top:4px;color:#9a9589;font-size:8px;letter-spacing:.18em;font-weight:600}.brand-mark.small{width:35px;height:35px;margin:0;border-radius:12px;font-size:19px}.new-chat{height:44px;border:1px solid #e4ddcf;background:#fffdf8;border-radius:11px;color:#514c40;text-align:left;padding:0 13px;font-size:13px;font-weight:600;box-shadow:0 3px 10px #6b5d3c08}.new-chat>span{color:var(--gold-dark);font-size:18px;margin-right:8px}.new-chat kbd{float:right;color:#aaa397;font-size:10px;border:1px solid #ebe6dc;padding:3px 5px;border-radius:5px}.primary-nav{display:grid;gap:4px;margin:20px 0 25px}.nav-item{height:39px;text-align:left;border:0;background:transparent;border-radius:8px;color:#777367;font-size:12px;padding:0 12px}.nav-item span{display:inline-block;width:25px;color:#a28a62;font-size:16px}.nav-item.selected{background:#eae4d8;color:#544a39;font-weight:600}.history-heading{padding:0 11px 10px;color:#a39d90;font-size:9px;font-weight:700;letter-spacing:.18em}.history-list{overflow:auto;flex:1}.history-item{display:flex;align-items:center;gap:9px;width:100%;height:37px;padding:0 10px;border:0;border-radius:8px;background:transparent;text-align:left;color:#777367;font-size:12px}.history-item:hover,.history-item.active{background:#ebe6dc;color:#4d493f}.history-icon{color:#a79a7e}.history-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.history-more{opacity:0}.history-item:hover .history-more{opacity:1}.empty-history{padding:8px 11px;color:#a7a195;font-size:11px;line-height:1.6}.sidebar-bottom{border-top:1px solid #e5e0d6;padding-top:13px}.plan-card{display:flex;align-items:center;gap:10px;background:#ebe5d9;border-radius:10px;padding:11px;margin-bottom:13px}.plan-icon{color:#a18453;font-size:19px}.plan-card b,.plan-card small{display:block}.plan-card b{font-size:11px;color:#554d3f}.plan-card small{font-size:10px;color:#928979;margin-top:3px}.plan-dot{width:6px;height:6px;background:#9caa83;border-radius:50%;margin-left:auto}.profile-row{display:flex;align-items:center;gap:9px;padding:4px 2px}.avatar,.message-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8dfce;color:#806b49;font-size:11px;font-weight:700}.profile-meta{flex:1;min-width:0}.profile-meta b,.profile-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta b{font-size:11px;color:#514e46}.profile-meta small{font-size:9px;color:#999388;margin-top:3px}.icon-button{border:0;background:transparent;color:#888274;border-radius:8px;width:34px;height:34px}.icon-button:hover{background:#ece7dd;color:#5e5544}.main-panel{display:flex;flex-direction:column;flex:1;min-width:0;height:100%;position:relative}.topbar{height:64px;flex:0 0 64px;border-bottom:1px solid #eeeae1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fffefa}.breadcrumb{font-size:11px;color:#9a9589}.breadcrumb span{padding:0 8px;color:#c8c1b4}.breadcrumb b{color:#5c584e;font-weight:600}.topbar-right{display:flex;align-items:center;gap:12px}.theme-note{font-size:9px;color:#aaa18f;letter-spacing:.06em}.topbar select{border:1px solid #e8e2d6;background:#fffefa;border-radius:8px;padding:8px 10px;color:#716958;font-size:10px;outline:none}.settings-button{border:1px solid #eee9df}.menu-toggle{display:none} +.messages{flex:1;overflow-y:auto;padding:35px 24px 20px;scroll-behavior:smooth}.welcome{max-width:720px;margin:7vh auto 30px;text-align:center}.welcome-mark{width:52px;height:52px;margin:0 auto 20px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,#f1eadc,#e8deca);color:#a1875b;font-size:27px}.welcome-kicker{margin-bottom:15px}.welcome h1{font-size:clamp(38px,5vw,56px);margin:0 0 15px}.welcome-sub{color:#918c81;font-size:13px;margin:0 0 35px}.prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:560px;margin:auto;text-align:left}.prompt-card{border:1px solid #eae5db;background:#fffefa;border-radius:13px;padding:15px 16px;min-height:82px;text-align:left;box-shadow:0 4px 16px #766c5507}.prompt-card:hover{border-color:#cbbb9e;transform:translateY(-1px)}.prompt-card span{float:right;color:#aa9164;font-size:17px}.prompt-card b,.prompt-card small{display:block}.prompt-card b{font-size:11px;color:#5b574e}.prompt-card small{font-size:10px;color:#a19b90;margin-top:6px}.message{max-width:800px;margin:0 auto 26px;display:flex;gap:13px;align-items:flex-start}.message-avatar{flex:0 0 31px}.from-ai .message-avatar{background:#eee7d9;color:#9b8053;font-size:16px}.from-user .message-avatar{background:#e4e1d8;color:#777164}.message-body{flex:1;min-width:0;padding-top:2px}.message-author{font-size:11px;font-weight:700;color:#625e54;margin-bottom:7px}.message-content{font-size:13px;line-height:1.8;color:#4c4942;overflow-wrap:anywhere}.from-user .message-content{background:#f0ede5;border:1px solid #eae5db;border-radius:13px;padding:11px 14px;display:inline-block;max-width:100%}.message-tools{margin-top:8px}.copy-message{border:0;background:transparent;color:#a19a8c;font-size:10px;padding:4px 0}.typing-indicator{display:flex;gap:5px;margin:0 auto 18px;max-width:800px;padding-left:45px}.typing-indicator span{width:6px;height:6px;background:#b39b72;border-radius:50%;animation:pulse 1s infinite alternate}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}} +.composer-wrap{padding:12px 24px 15px;background:linear-gradient(transparent,#fffefa 25%)}.composer-shell{max-width:820px;margin:auto;background:#fffefa;border:1px solid #e5dfd3;border-radius:17px;box-shadow:0 8px 30px #65583b0c;padding:12px 13px 9px}.composer-shell:focus-within{border-color:#cabb9f;box-shadow:0 8px 30px #65583b10}.composer-shell textarea{width:100%;border:0;outline:0;resize:none;background:transparent;color:#45423b;font-size:13px;line-height:1.6;max-height:180px;min-height:27px;padding:3px 4px}.composer-shell textarea::placeholder{color:#aaa498}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-left,.composer-right{display:flex;align-items:center;gap:9px}.tool-button{border:0;background:transparent;color:#898274;font-size:11px;padding:6px 5px}.tool-button:hover{color:#8b7148}.tool-button:first-letter{font-size:16px}.composer-hint{font-size:9px;color:#b0aa9e}.send-button{width:33px;height:33px;border:0;border-radius:10px;background:#a88e61;color:white;font-size:21px;line-height:1}.send-button:hover{background:#90764e}.send-button:disabled{opacity:.5}.attachment-note{font-size:10px;color:#8e7955;padding:3px 4px 8px}.disclaimer{text-align:center;color:#aaa498;font-size:9px;margin:9px 0 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:9px;background:#4c473c;color:#fffefa;font-size:11px;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.sidebar-backdrop{display:none} +@media(max-width:800px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .25s;box-shadow:12px 0 40px #30291910}.sidebar.open{transform:translateX(0)}.sidebar-backdrop.visible{display:block;position:fixed;inset:0;background:#4a44372b;z-index:4}.menu-toggle{display:inline-grid;place-items:center}.topbar{padding:0 13px;gap:9px}.breadcrumb{flex:1}.theme-note{display:none}.topbar-right{gap:6px}.messages{padding:25px 15px 15px}.welcome{margin:5vh auto 25px}.welcome h1{font-size:39px}.welcome-sub{font-size:12px}.prompt-grid{gap:8px}.prompt-card{padding:12px;min-height:76px}.composer-wrap{padding:8px 10px 12px}.composer-hint{display:none}.tool-button span{display:none}.auth-card{padding:43px 25px 34px}.auth-side-note{display:none}} +@media(max-width:380px){.topbar select{max-width:125px}.prompt-grid{grid-template-columns:1fr}.welcome{margin-top:3vh}} + +/* Workspace, agent and integrations */ +.page-view{max-width:1040px;margin:0 auto;padding:18px 8px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 28px}.page-heading h2{font:600 39px/1.1 'Playfair Display',serif;color:#3b3933;margin:7px 0}.page-heading p:not(.welcome-kicker){color:#918b80;font-size:12px;line-height:1.7;margin:0}.gold-button{border:1px solid #a88e61;border-radius:10px;background:linear-gradient(135deg,#b69c70,#987b4e);color:#fffefa;padding:11px 15px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 5px 14px #8b75451c}.gold-button:hover{filter:brightness(.97);transform:translateY(-1px)}.gold-button.compact{padding:8px 11px}.workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}.workspace-card,.capability-card,.integration-card,.empty-card,.notice-card{background:#fffefa;border:1px solid #eae5db;border-radius:14px;padding:17px;box-shadow:0 5px 18px #766c5506}.workspace-card h3,.integration-card h3,.capability-card h3{font:600 17px 'Playfair Display',serif;color:#4b473e;margin:11px 0 7px}.workspace-card p,.integration-card p{font-size:11px;color:#8d877b;line-height:1.7;min-height:35px}.workspace-card small,.integration-card small{font-size:9px;color:#a39b8d;letter-spacing:.04em}.workspace-card a,.notice-card a{display:inline-block;margin:10px 12px 0 0;color:#987b4e;text-decoration:none;font-size:10px}.card-symbol{color:#a58a5c;font-size:22px}.empty-card{color:#9b9589;font-size:12px;line-height:1.7;grid-column:1/-1}.agent-launch{display:flex;align-items:center;gap:18px;padding:22px;background:linear-gradient(120deg,#f2ede3,#fffefa);border:1px solid #e7dfd1;border-radius:17px;margin-bottom:26px}.agent-orb{width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:grid;place-items:center;background:#e9dfcb;color:#9b7d4e;font-size:26px}.agent-input{flex:1;display:flex;flex-direction:column;gap:10px}.agent-input textarea{width:100%;border:1px solid #e9e2d6;border-radius:10px;background:#fffefa;padding:12px;color:#504b41;font:12px/1.6 'DM Sans',sans-serif;resize:vertical;outline:0}.agent-input textarea:focus{border-color:#c6b28f}.agent-input .gold-button{align-self:flex-end}.section-title{font-size:10px;letter-spacing:.15em;color:#9d9587;font-weight:700;margin:25px 0 12px;text-transform:uppercase}.workspace-list{display:grid;gap:9px}.list-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid #ebe6dc;background:#fffefa;border-radius:11px}.list-card b,.list-card small{display:block}.list-card b{font-size:12px;color:#565147}.list-card small{font-size:10px;color:#a19a8e;margin-top:5px;line-height:1.5}.status-pill{display:inline-block;padding:5px 8px;border-radius:20px;background:#f1eee7;color:#948b7b;font-size:9px;white-space:nowrap}.status-pill.ready{background:#edf1e7;color:#77875f}.approval-actions{display:flex;gap:7px;align-items:center}.text-button{border:0;background:transparent;color:#9a7d51;font-size:10px;padding:8px}.capability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.capability-card p{font-size:10px;color:#8c867a;margin:8px 0}.capability-card p:first-letter{color:#a58a5c}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.integration-card{min-width:0}.integration-top{display:flex;align-items:center;justify-content:space-between}.integration-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0e9dc;color:#967a4d;font-size:20px}.integration-card h3{margin-bottom:3px}.integration-card p{min-height:48px}.secret-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.secret-list code{font:9px ui-monospace,monospace;padding:5px 7px;border-radius:6px;background:#f4f1e9;color:#83765d;overflow-wrap:anywhere}.notice-card{margin-top:18px;background:#f7f4ed}.notice-card b{font-size:12px;color:#5b5549}.notice-card p{font-size:11px;line-height:1.7;color:#8c8579}.notice-card a{font-weight:700}.primary-nav{max-height:240px;overflow-y:auto}.nav-item.selected{box-shadow:inset 2px 0 #a88e61}.message-tools{display:flex;gap:12px}.message-tools button{border:0;background:transparent;color:#a09889;font-size:10px;padding:4px 0}.message-tools button:hover{color:#8b7148} +@media(max-width:800px){.page-view{padding:8px 2px 40px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h2{font-size:34px}.agent-launch{align-items:flex-start;padding:15px;gap:11px}.agent-orb{width:40px;height:40px;flex-basis:40px}.agent-input .gold-button{align-self:stretch}.list-card{align-items:flex-start}.approval-actions{flex-shrink:0}.integration-grid{grid-template-columns:1fr}.workspace-grid,.capability-grid{grid-template-columns:1fr}} + +.message-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.message-attachments span{border:1px solid #e8e1d5;background:#f5f1e8;border-radius:7px;padding:5px 8px;color:#88785c;font-size:9px;max-width:100%;overflow-wrap:anywhere} + +.plan-card{margin:0 0 24px;padding:17px 19px;background:#f6f1e7;border:1px solid #e8deca;border-radius:13px}.plan-card>b{display:block;color:#62543b;font:600 17px 'Playfair Display',serif}.plan-card ol{padding-left:20px;margin:12px 0 0}.plan-card li{padding:5px 0;color:#8e7a56;font-size:11px}.plan-card li strong{color:#5e584c}.plan-card li small{display:block;margin-top:4px;color:#969083;font-size:10px} + +.research-launch{display:flex;flex-direction:column;gap:11px;padding:17px;background:#f4f0e7;border:1px solid #e8e0d1;border-radius:15px;margin-bottom:25px}.research-launch textarea{width:100%;border:1px solid #e8e1d5;border-radius:10px;background:#fffefa;padding:13px;color:#514c42;font:12px/1.6 'DM Sans',sans-serif;resize:vertical;outline:0}.research-launch textarea:focus{border-color:#c6b28f}.research-launch .gold-button{align-self:flex-end}.research-answer{background:#fffefa;border:1px solid #e9e3d8;border-radius:14px;padding:18px 20px;margin-bottom:20px}.research-copy{font-size:12px;line-height:1.9;color:#514d45;overflow-wrap:anywhere}.source-list{display:grid;gap:8px}.source-card{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#fffefa;border:1px solid #ebe5da;border-radius:10px;text-decoration:none;color:#5b564c}.source-card>span:first-child{color:#a58a5c;font-size:11px;font-weight:700}.source-card>span:last-child{margin-left:auto;color:#a58a5c}.source-card div{min-width:0;flex:1}.source-card b,.source-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-card b{font-size:11px}.source-card small{margin-top:4px;color:#a19a8e;font-size:9px}.source-card:hover{border-color:#cbbb9e;background:#fffdf8} +@media(max-width:800px){.research-launch .gold-button{align-self:stretch}.research-answer{padding:14px}} + +.image-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-controls label{font-size:10px;color:#8d8578}.image-controls select{margin-left:8px;border:1px solid #e5ded2;border-radius:8px;background:#fffefa;padding:8px 10px;color:#6f6657;font:11px 'DM Sans',sans-serif}.image-note{color:#a49c8f;font-size:9px;line-height:1.6}.generated-image-card{max-width:700px;background:#fffefa;border:1px solid #e9e3d8;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px #766c5509}.generated-image-card img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;background:#f3efe7}.generated-image-card>div{display:flex;align-items:center;gap:12px;padding:12px 15px}.generated-image-card b{font-size:11px;color:#5a554a}.generated-image-card small{font-size:9px;color:#a39b8d;flex:1}.generated-image-card a{font-size:10px;color:#987b4e;text-decoration:none} +@media(max-width:800px){.image-controls{align-items:flex-start;flex-direction:column}.image-controls .gold-button{width:100%}.generated-image-card>div{flex-wrap:wrap}} + +.settings-panel{max-width:720px;padding:22px;background:#fffefa;border:1px solid #e9e3d8;border-radius:15px;box-shadow:0 6px 22px #766c5508}.settings-field{display:flex;flex-direction:column;gap:8px;margin-bottom:19px}.settings-field>span,.settings-theme b{font-size:11px;font-weight:700;color:#625b4e}.settings-field select,.settings-field textarea{width:100%;border:1px solid #e8e1d5;border-radius:9px;background:#fffefa;padding:11px 12px;color:#514b41;font:12px 'DM Sans',sans-serif;outline:0}.settings-field textarea{line-height:1.7;resize:vertical}.settings-field select:focus,.settings-field textarea:focus{border-color:#c6b28f}.settings-field small{font-size:9px;color:#a29b8f;line-height:1.6}.settings-check{display:flex;align-items:center;gap:9px;color:#756e62;font-size:11px;margin:5px 0 20px}.settings-check input{accent-color:#a88e61}.settings-theme{display:flex;flex-direction:column;gap:6px;padding:13px 0 18px;border-top:1px solid #eee9e1}.settings-theme span{font-size:10px;color:#a39b8d} + +.research-launch input{width:100%;border:1px solid #e8e1d5;border-radius:10px;background:#fffefa;padding:13px;color:#514c42;font:12px 'DM Sans',sans-serif;outline:0}.research-launch input:focus{border-color:#c6b28f}.search-result{display:flex;flex-direction:column;gap:6px;width:100%;padding:13px 15px;border:1px solid #ebe5da;border-radius:10px;background:#fffefa;text-align:left}.search-result b{font-size:11px;line-height:1.6;color:#565147;font-weight:500}.search-result small{font-size:9px;color:#a39b8d}.search-result:hover{border-color:#cbbb9e;background:#fffdf8} + +.file-info{display:flex;align-items:center;gap:11px;min-width:0}.file-info>div{min-width:0}.file-info b{overflow-wrap:anywhere}.file-symbol{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;background:#f0e9dc;color:#967a4d}.file-actions{display:flex;gap:4px;flex-shrink:0} diff --git a/supabase/functions/jarvis-agent/index.ts b/supabase/functions/jarvis-agent/index.ts new file mode 100644 index 0000000..ae08074 --- /dev/null +++ b/supabase/functions/jarvis-agent/index.ts @@ -0,0 +1,122 @@ +import "jsr:@supabase/functions-js/edge-runtime.d.ts"; +import { createClient } from "https://esm.sh/@supabase/supabase-js@2.119.0"; +const cors={"Access-Control-Allow-Origin":Deno.env.get("APP_ORIGIN")||"*","Access-Control-Allow-Headers":"authorization, x-client-info, apikey, content-type","Access-Control-Allow-Methods":"POST, OPTIONS","Content-Type":"application/json"}; +const json=(body:unknown,status=200)=>new Response(JSON.stringify(body),{status,headers:cors}); +const required:Record={gemini:["GEMINI_API_KEY"],github:["GITHUB_TOKEN"],cloudflare:["CLOUDFLARE_API_TOKEN","CLOUDFLARE_ACCOUNT_ID"],search:["TAVILY_API_KEY"],image:["GEMINI_API_KEY"],speech:["GEMINI_API_KEY"]}; +const configured=(provider:string)=>(required[provider]||[]).every(key=>Boolean(Deno.env.get(key))); +async function gatewayProviders(auth:string):Promise> { + const gateway=Deno.env.get("JARVIS_GATEWAY_URL"); + if(!gateway)return {}; + try{ + const base=gateway.endsWith("/")?gateway.slice(0,-1):gateway; + const response=await fetch(base+"/capabilities",{headers:{Authorization:auth}}); + if(!response.ok)return {}; + const result=await response.json(); + return result.providers||{}; + }catch{return {};} +} + +Deno.serve(async(req:Request)=>{ + if(req.method==="OPTIONS")return new Response("ok",{headers:cors}); + if(req.method!=="POST")return json({error:"Method not allowed"},405); + const auth=req.headers.get("Authorization")||"";if(!auth.startsWith("Bearer "))return json({error:"Sign in required"},401); + const key=Deno.env.get("SUPABASE_ANON_KEY")||Deno.env.get("SUPABASE_PUBLISHABLE_KEY")||""; + if(!key)return json({error:"Supabase publishable key is missing from function environment."},503); + const supabase=createClient(Deno.env.get("SUPABASE_URL")!,key,{global:{headers:{Authorization:auth}}}); + const {data:{user},error:authError}=await supabase.auth.getUser();if(authError||!user)return json({error:"Invalid session"},401); + try{ + const body=await req.json(),task=String(body.task||""),p=body.payload&&typeof body.payload==="object"?body.payload:{}; + if(task==="capabilities"){ + const gateway=await gatewayProviders(auth); + const providers=Object.keys(required).map(id=>{ + if(id==="github")return {id,configured:Boolean(gateway.github),requiredSecrets:["GITHUB_TOKEN_JARVIS","GITHUB_OWNER","GITHUB_REPO"]}; + if(id==="cloudflare")return {id,configured:Boolean(gateway.cloudflare),requiredSecrets:["CLOUDFLARE_API_TOKEN","CLOUDFLARE_ACCOUNT_ID","JARVIS_GATEWAY_URL"]}; + return {id,configured:configured(id),requiredSecrets:required[id]}; + }); + return json({providers}); + } + if(task==="create_project"){ + const name=String(p.name||"").trim().slice(0,100);if(!name)return json({error:"Project name is required."},400); + const {data,error}=await supabase.from("jarvis_projects").insert({user_id:user.id,name,description:String(p.description||"").slice(0,2000),project_type:String(p.projectType||"general").slice(0,40)}).select().single(); + if(error)return json({error:error.message},400);await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"project.created",target:data.id,details:{name}});return json({project:data}); + } + if(task==="create_task"){ + const title=String(p.title||"").trim().slice(0,180);if(!title)return json({error:"Task title is required."},400); + const {data,error}=await supabase.from("jarvis_tasks").insert({user_id:user.id,title,description:String(p.description||"").slice(0,4000),status:"queued"}).select().single(); + if(error)return json({error:error.message},400);await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"task.queued",target:data.id,details:{title}});return json({task:data}); + } + if(task==="request_approval"){ + const action=String(p.action||"").trim().slice(0,120);if(!action)return json({error:"Action is required."},400); + const {data,error}=await supabase.from("jarvis_approvals").insert({user_id:user.id,action,payload:p.details&&typeof p.details==="object"?p.details:{},status:"pending"}).select().single(); + if(error)return json({error:error.message},400);await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"approval.requested",target:data.id,details:{action}});return json({approval:data,message:"Approval request created. Nothing has been executed yet."}); + } + if(task==="decide_approval"){ + const id=String(p.approvalId||""),decision=p.decision==="approved"?"approved":p.decision==="rejected"?"rejected":""; + if(!id||!decision)return json({error:"Approval ID and valid decision are required."},400); + const {data,error}=await supabase.from("jarvis_approvals").update({status:decision,decided_at:new Date().toISOString()}).eq("id",id).eq("user_id",user.id).eq("status","pending").select().single(); + if(error||!data)return json({error:error?.message||"Pending approval not found."},404); + await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"approval."+decision,target:id,details:{approved_action:data.action}}); + if(decision==="approved" && ["github.create_repository","cloudflare.deploy_pages"].includes(data.action)){ + const gateway=Deno.env.get("JARVIS_GATEWAY_URL"); + if(!gateway)return json({approval:data,execution:{status:"waiting_for_gateway"},message:"Approved. Add JARVIS_GATEWAY_URL to Supabase Edge Function Secrets to enable execution."}); + const route=data.action==="github.create_repository"?"/api/github/repositories":"/api/deploy/cloudflare"; + const payload=data.action==="github.create_repository"?{...data.payload,approvalId:id}:{projectName:data.payload?.projectName,ref:data.payload?.ref,approvalId:id}; + const executionResponse=await fetch((gateway.endsWith("/")?gateway.slice(0,-1):gateway)+route,{method:"POST",headers:{"Authorization":auth,"Content-Type":"application/json"},body:JSON.stringify(payload)}); + const execution=await executionResponse.json(); + await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"approval.execution_attempted",target:id,status:executionResponse.ok?"success":"failed",details:execution}); + return json({approval:data,execution,message:executionResponse.ok?"Approved action submitted to the connected provider.":"Approval saved, but provider execution failed."},executionResponse.ok?200:502); + } + return json({approval:data,message:decision==="approved"?"Approved. No external execution was associated with this action.":"Rejected. No action was executed."}); + } + if(task==="execute_approved"){ + const approvalId=String(p.approvalId||"");if(!approvalId)return json({error:"Approval ID is required."},400); + const {data:approved,error:approvalError}=await supabase.from("jarvis_approvals").select("*").eq("id",approvalId).eq("user_id",user.id).eq("status","approved").single(); + if(approvalError||!approved)return json({error:"Approved action not found."},404); + if(!["github.create_repository","cloudflare.deploy_pages"].includes(approved.action))return json({error:"No executor is registered for this approved action yet."},400); + const gateway=Deno.env.get("JARVIS_GATEWAY_URL");if(!gateway)return json({error:"Add JARVIS_GATEWAY_URL to Supabase Edge Function Secrets before executing."},503); + const base=gateway.endsWith("/")?gateway.slice(0,-1):gateway; + const route=approved.action==="github.create_repository"?"/api/github/repositories":"/api/deploy/cloudflare"; + const requestBody=approved.action==="github.create_repository"?{...approved.payload,approvalId}:{approvalId}; + const response=await fetch(base+route,{method:"POST",headers:{"Authorization":auth,"Content-Type":"application/json"},body:JSON.stringify(requestBody)}); + const execution=await response.json(); + await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"approval.execution_attempted",target:approvalId,status:response.ok?"success":"failed",details:execution}); + return json({approval:approved,execution},response.ok?200:502); + } + if(task==="run_agent"){ + const goal=String(p.goal||"").trim().slice(0,4000);if(!goal)return json({error:"Describe what you want the agent to do."},400); + if(!configured("gemini"))return json({error:"AI planning requires the Gemini API key.",missingProviders:["gemini"]},503); + const gateway=await gatewayProviders(auth); + const available=Object.keys(required).filter(id=>!["github","cloudflare"].includes(id)&&configured(id)); + if(gateway.github)available.push("github"); + if(gateway.cloudflare)available.push("cloudflare"); + const planResponse=await fetch("https://generativelanguage.googleapis.com/v1beta/models/gemini-3.8-flash:generateContent",{ + method:"POST",headers:{"Content-Type":"application/json","x-goog-api-key":Deno.env.get("GEMINI_API_KEY")!}, + body:JSON.stringify({ + systemInstruction:{parts:[{text:"You are JARVIS X autonomous project planner. Convert the user goal into a practical ordered execution plan. Never claim to have executed anything. For a request to build a website or app, include a github create_repository step requiring approval, with parameters {name,description,private:true,files:[{path,content}]} containing 3–8 complete, working source files for a minimal responsive Vite web app; include package.json, index.html, src/main.js and style.css where appropriate. Use relative paths only and keep total generated source under 250 KB. If deployment is requested, include a cloudflare deploy_pages step requiring approval with parameters {projectName,repository,branch}. The repository value must be the full name pycgamingstudio-sys/, and branch should be main. For non-code requests do not invent repository actions. Return JSON only with shape {summary:string,steps:[{title:string,description:string,provider:string|null,requiresApproval:boolean,kind:string,parameters:object}]}"}]}, + contents:[{role:"user",parts:[{text:"Goal: "+goal+"\nConnected providers: "+available.join(", ")+"\nAvailable integrations can still require additional OAuth scopes, project access, billing or configuration. Plan safely."}]}], + generationConfig:{responseMimeType:"application/json",maxOutputTokens:12000} + }) + }); + const planResult=await planResponse.json(); + if(!planResponse.ok)return json({error:planResult.error?.message||"AI planner request failed."},502); + const planText=planResult.candidates?.[0]?.content?.parts?.map((part:any)=>part.text||"").join("")||""; + let plan:any;try{plan=JSON.parse(planText);}catch{return json({error:"AI planner returned invalid structured output."},502);} + if(!Array.isArray(plan.steps)||!plan.summary)return json({error:"AI planner returned an incomplete plan."},502); + const {data:run,error}=await supabase.from("jarvis_agent_runs").insert({user_id:user.id,goal,status:"waiting_approval",plan:plan.steps,result:{summary:plan.summary,model:"gemini-2.5-flash"}}).select().single(); + if(error)return json({error:error.message},400); + const approvals:any[]=[]; + for(const step of plan.steps){ + let action=""; + if(step.requiresApproval && step.provider==="github" && step.kind==="create_repository")action="github.create_repository"; + if(step.requiresApproval && step.provider==="cloudflare" && step.kind==="deploy_pages")action="cloudflare.deploy_pages"; + if(action){ + const {data:approval,error:approvalError}=await supabase.from("jarvis_approvals").insert({user_id:user.id,action,payload:step.parameters&&typeof step.parameters==="object"?step.parameters:{},status:"pending"}).select().single(); + if(!approvalError&&approval)approvals.push({id:approval.id,action,step:step.title,payload:approval.payload}); + } + } + await supabase.from("jarvis_audit_logs").insert({user_id:user.id,run_id:run.id,action:"agent.plan_created",details:{goal,availableProviders:available,approvalCount:approvals.length}}); + return json({run,summary:plan.summary,steps:plan.steps,approvals,availableProviders:available,message:"AI execution plan created. External actions are waiting for your approval."}); + } + return json({error:"Unknown agent task.",supported:["capabilities","create_project","create_task","request_approval","decide_approval","run_agent"]},400); + }catch(error){return json({error:error instanceof Error?error.message:"Unexpected agent error"},500);} +}); diff --git a/supabase/functions/jarvis-chat/index.ts b/supabase/functions/jarvis-chat/index.ts new file mode 100644 index 0000000..3d97b9c --- /dev/null +++ b/supabase/functions/jarvis-chat/index.ts @@ -0,0 +1,110 @@ +import "jsr:@supabase/functions-js/edge-runtime.d.ts"; +import { createClient } from "https://esm.sh/@supabase/supabase-js@2.119.0"; + +const cors = { + "Access-Control-Allow-Origin": Deno.env.get("APP_ORIGIN") || "*", + "Access-Control-Allow-Headers": "authorization, x-client-info, apikey, content-type", + "Access-Control-Allow-Methods": "POST, OPTIONS", + "Content-Type": "application/json" +}; +const reply = (body: unknown, status = 200) => new Response(JSON.stringify(body), { status, headers: cors }); + + +function toBase64(bytes: Uint8Array): string { + let binary = ""; + for (let offset = 0; offset < bytes.length; offset += 0x8000) { + binary += String.fromCharCode(...bytes.subarray(offset, Math.min(offset + 0x8000, bytes.length))); + } + return btoa(binary); +} +async function attachmentPart(supabase: any, userId: string, attachment: any): Promise<{part:any,size:number}> { + const path = String(attachment.storagePath || ""); + const fileName = String(attachment.fileName || "attachment").slice(0,160); + const mimeType = String(attachment.mimeType || "application/octet-stream").toLowerCase(); + if (!path.startsWith(userId + "/")) throw new Error("Attachment access denied."); + const { data: signed, error } = await supabase.storage.from("jarvis-private").createSignedUrl(path, 120); + if (error || !signed?.signedUrl) throw new Error("Could not access attachment " + fileName); + const response = await fetch(signed.signedUrl); + if (!response.ok) throw new Error("Could not download attachment " + fileName); + const bytes = new Uint8Array(await response.arrayBuffer()); + if (bytes.byteLength > 15 * 1024 * 1024) throw new Error(fileName + " is too large for AI analysis (15 MB max)."); + if (mimeType.startsWith("image/") || mimeType === "application/pdf") { + return { part:{ inlineData: { mimeType, data: toBase64(bytes) } }, size:bytes.byteLength }; + } + if (mimeType.startsWith("text/") || ["application/json","text/csv"].includes(mimeType) || /\.(txt|md|csv|json)$/i.test(fileName)) { + if (bytes.byteLength > 2 * 1024 * 1024) throw new Error(fileName + " is too large for text extraction (2 MB max)."); + const text = new TextDecoder().decode(bytes); + return { part:{text: "\n\n[Attached file: " + fileName + "]\n" + text.slice(0, 100000)}, size:bytes.byteLength }; + } + return { part:{text: "\n\n[Attached file: " + fileName + " — uploaded securely, but this file format is not yet supported for content extraction.]"}, size:bytes.byteLength }; +} + +Deno.serve(async (req: Request) => { + if (req.method === "OPTIONS") return new Response("ok", { headers: cors }); + if (req.method !== "POST") return reply({ error: "Method not allowed" }, 405); + + const authHeader = req.headers.get("Authorization") || ""; + if (!authHeader.startsWith("Bearer ")) return reply({ error: "Sign in required" }, 401); + const supabaseUrl = Deno.env.get("SUPABASE_URL")!; + const anonKey = Deno.env.get("SUPABASE_ANON_KEY") || Deno.env.get("SUPABASE_PUBLISHABLE_KEY") || ""; + const supabase = createClient(supabaseUrl, anonKey, { global: { headers: { Authorization: authHeader } } }); + const { data: { user }, error: authError } = await supabase.auth.getUser(); + if (authError || !user) return reply({ error: "Invalid session" }, 401); + + const apiKey = Deno.env.get("GEMINI_API_KEY"); + if (!apiKey) return reply({ error: "Gemini API key is not configured on the server yet." }, 503); + try { + const body = await req.json(); + const model = ["gemini-3.8-flash", "gemini-3.7-flash"].includes(body.model) ? body.model : "gemini-3.8-flash"; + const messages = Array.isArray(body.messages) ? body.messages.slice(-30) : []; + if (!messages.length || messages.some((m: any) => !["user", "assistant"].includes(m.role) || typeof m.content !== "string")) { + return reply({ error: "Invalid message history" }, 400); + } + const contents: any[] = []; + let attachmentBytesTotal=0; + for (const message of messages) { + const parts: any[] = [{ text: message.content.slice(0, 20000) }]; + if (message.role === "user" && Array.isArray(message.attachments)) { + for (const attachment of message.attachments.slice(0, 4)) { + const prepared=await attachmentPart(supabase,user.id,attachment); + attachmentBytesTotal+=prepared.size; + if(attachmentBytesTotal>15*1024*1024)throw new Error('The total attachment size for this conversation request exceeds 15 MB.'); + parts.push(prepared.part); + } + } + contents.push({ role: message.role === "assistant" ? "model" : "user", parts }); + } + const {data:preferences}=await supabase.from("jarvis_preferences").select("preferred_language,custom_instructions,settings").eq("user_id",user.id).maybeSingle(); + const languageInstruction=preferences?.preferred_language==="hi"?" Reply in Hindi.":preferences?.preferred_language==="en"?" Reply in English.":preferences?.preferred_language==="hinglish"?" Reply naturally in Hinglish (Hindi mixed with English).":" Reply in the user's language."; + const customInstructions=String(preferences?.custom_instructions||"").slice(0,3000); + const systemText="You are JARVIS X, a capable, warm, accurate personal AI assistant. Be honest about limitations and never claim to have performed actions you did not perform."+languageInstruction+(customInstructions?"\n\nUser's personal instructions (follow unless unsafe or conflicting with higher-priority rules):\n"+customInstructions:""); + const upstream = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${model}:generateContent`, { + method: "POST", headers: { "Content-Type": "application/json", "x-goog-api-key": apiKey }, + body: JSON.stringify({ contents, systemInstruction: { parts: [{ text: systemText }] }, generationConfig: { maxOutputTokens: 4096 } }) + }); + const result = await upstream.json(); + if (!upstream.ok) return reply({ error: result.error?.message || "AI provider request failed" }, upstream.status); + const text = result.candidates?.[0]?.content?.parts?.map((p: any) => p.text || "").join("") || ""; + let memoriesSaved=0; + const latestUser=[...messages].reverse().find((message:any)=>message.role==="user"); + if(preferences?.settings?.memory_enabled===true && latestUser?.content){ + try{ + const memoryResponse=await fetch(`https://generativelanguage.googleapis.com/v1beta/models/gemini-3.8-flash:generateContent`,{method:"POST",headers:{"Content-Type":"application/json","x-goog-api-key":apiKey},body:JSON.stringify({systemInstruction:{parts:[{text:"Extract only explicit, useful long-term preferences, project context or recurring workflow facts the user directly stated. Never infer. Never save sensitive personal data, health details, passwords, API keys, financial account data, government IDs, religion, politics, sexuality or other highly sensitive information. Return JSON only as an array of at most 3 objects with keys content and category. Categories: preference, project, workflow, general. If nothing qualifies, return []."}]},contents:[{role:"user",parts:[{text:latestUser.content.slice(0,6000)}]}],generationConfig:{responseMimeType:"application/json",maxOutputTokens:1200}})}); + const memoryResult=await memoryResponse.json(); + if(memoryResponse.ok){ + const memoryText=memoryResult.candidates?.[0]?.content?.parts?.map((part:any)=>part.text||"").join("")||"[]"; + const extracted=JSON.parse(memoryText); + if(Array.isArray(extracted)){ + const {data:existing}=await supabase.from("jarvis_memories").select("content").eq("user_id",user.id).order("created_at",{ascending:false}).limit(60); + const known=new Set((existing||[]).map((item:any)=>String(item.content).toLowerCase())); + const inserts=extracted.slice(0,3).filter((item:any)=>typeof item.content==="string"&&item.content.trim().length>0&&item.content.length<=500&&!known.has(item.content.trim().toLowerCase())).map((item:any)=>({user_id:user.id,content:item.content.trim(),category:["preference","project","workflow","general"].includes(item.category)?item.category:"general",source:"auto"})); + if(inserts.length){const {error:memoryError}=await supabase.from("jarvis_memories").insert(inserts);if(!memoryError)memoriesSaved=inserts.length;} + } + } + }catch{/* Memory extraction is optional and must never block the chat reply. */} + } + return reply({ reply: text, memoriesSaved }); + } catch (error) { + return reply({ error: error instanceof Error ? error.message : "Unexpected server error" }, 500); + } +}); \ No newline at end of file diff --git a/supabase/functions/jarvis-image/index.ts b/supabase/functions/jarvis-image/index.ts new file mode 100644 index 0000000..72c8396 --- /dev/null +++ b/supabase/functions/jarvis-image/index.ts @@ -0,0 +1,39 @@ +import "jsr:@supabase/functions-js/edge-runtime.d.ts"; +import { createClient } from "https://esm.sh/@supabase/supabase-js@2.119.0"; +const cors={"Access-Control-Allow-Origin":Deno.env.get("APP_ORIGIN")||"*","Access-Control-Allow-Headers":"authorization, x-client-info, apikey, content-type","Access-Control-Allow-Methods":"POST, OPTIONS","Content-Type":"application/json"}; +const json=(body:unknown,status=200)=>new Response(JSON.stringify(body),{status,headers:cors}); +Deno.serve(async(req:Request)=>{ + if(req.method==="OPTIONS")return new Response("ok",{headers:cors}); + if(req.method!=="POST")return json({error:"Method not allowed"},405); + const auth=req.headers.get("Authorization")||"";if(!auth.startsWith("Bearer "))return json({error:"Sign in required."},401); + const key=Deno.env.get("SUPABASE_ANON_KEY")||Deno.env.get("SUPABASE_PUBLISHABLE_KEY")||""; + if(!key)return json({error:"Supabase publishable key is missing."},503); + const supabase=createClient(Deno.env.get("SUPABASE_URL")!,key,{global:{headers:{Authorization:auth}}}); + const {data:{user},error:authError}=await supabase.auth.getUser();if(authError||!user)return json({error:"Invalid session."},401); + const apiKey=Deno.env.get("GEMINI_API_KEY");if(!apiKey)return json({error:"GEMINI_API_KEY is not configured."},503); + try{ + const body=await req.json(),prompt=String(body.prompt||"").trim().slice(0,4000); + if(!prompt)return json({error:"Describe the image you want to create."},400); + const allowed=["1:1","3:2","2:3","3:4","4:3","4:5","5:4","9:16","16:9","21:9"]; + const aspectRatio=allowed.includes(body.aspectRatio)?body.aspectRatio:"1:1"; + const response=await fetch("https://generativelanguage.googleapis.com/v1beta/models/gemini-3.1-flash-image:generateContent",{method:"POST",headers:{"x-goog-api-key":apiKey,"Content-Type":"application/json"},body:JSON.stringify({contents:[{parts:[{text:prompt}]}],generationConfig:{responseFormat:{image:{aspectRatio}}}})}); + const result=await response.json();if(!response.ok)return json({error:result.error?.message||"Image generation failed."},502); + const parts=result.candidates?.[0]?.content?.parts||[]; + const imagePart=parts.find((part:any)=>part.inlineData?.data&&String(part.inlineData.mimeType||"").startsWith("image/")); + if(!imagePart)return json({error:"The image model returned no image. Try a clearer prompt."},502); + const binary=atob(imagePart.inlineData.data),bytes=new Uint8Array(binary.length); + for(let i=0;inew Response(JSON.stringify(body),{status,headers:cors}); +Deno.serve(async(req:Request)=>{ + if(req.method==="OPTIONS")return new Response("ok",{headers:cors}); + if(req.method!=="POST")return json({error:"Method not allowed"},405); + const auth=req.headers.get("Authorization")||""; + if(!auth.startsWith("Bearer "))return json({error:"Sign in required."},401); + const supabaseKey=Deno.env.get("SUPABASE_ANON_KEY")||Deno.env.get("SUPABASE_PUBLISHABLE_KEY")||""; + if(!supabaseKey)return json({error:"Supabase publishable key is missing."},503); + const supabase=createClient(Deno.env.get("SUPABASE_URL")!,supabaseKey,{global:{headers:{Authorization:auth}}}); + const {data:{user},error:authError}=await supabase.auth.getUser(); + if(authError||!user)return json({error:"Invalid session."},401); + const tavilyKey=Deno.env.get("TAVILY_API_KEY"),geminiKey=Deno.env.get("GEMINI_API_KEY"); + if(!tavilyKey)return json({error:"TAVILY_API_KEY is not configured."},503); + if(!geminiKey)return json({error:"GEMINI_API_KEY is not configured."},503); + try{ + const body=await req.json(),query=String(body.query||"").trim().slice(0,400); + if(!query)return json({error:"Enter a research question."},400); + const searchResponse=await fetch("https://api.tavily.com/search",{method:"POST",headers:{"Authorization":"Bearer "+tavilyKey,"Content-Type":"application/json"},body:JSON.stringify({query,max_results:8,search_depth:"basic",topic:"general",include_answer:false,include_raw_content:false})}); + const search=await searchResponse.json(); + if(!searchResponse.ok)return json({error:search.message||"Web search provider request failed."},502); + const sources=(search.results||[]).slice(0,8).map((item:any,index:number)=>({number:index+1,title:String(item.title||"Source").slice(0,250),url:String(item.url||""),snippet:String(item.content||"").slice(0,5000),score:item.score||null})); + if(!sources.length)return json({query,summary:"No useful sources were found for this query.",sources:[]}); + const sourceText=sources.map(source=>"["+source.number+"] "+source.title+"\nURL: "+source.url+"\nContent: "+source.snippet).join("\n\n"); + const answerResponse=await fetch("https://generativelanguage.googleapis.com/v1beta/models/gemini-3.8-flash:generateContent",{method:"POST",headers:{"Content-Type":"application/json","x-goog-api-key":geminiKey},body:JSON.stringify({systemInstruction:{parts:[{text:"You are JARVIS X Research. Answer the user's question using only the supplied web search sources. Cite factual claims with numbered references like [1] that match the source list. Clearly distinguish facts from uncertainty, mention when sources disagree, and never invent citations or facts. Respond in the user's language."}]},contents:[{role:"user",parts:[{text:"Research question: "+query+"\n\nSources:\n"+sourceText}]}],generationConfig:{maxOutputTokens:5000}})}); + const answer=await answerResponse.json(); + if(!answerResponse.ok)return json({error:answer.error?.message||"Research synthesis failed."},502); + const summary=answer.candidates?.[0]?.content?.parts?.map((p:any)=>p.text||"").join("")||"The research model returned no summary."; + await supabase.from("jarvis_audit_logs").insert({user_id:user.id,action:"research.completed",target:query,details:{sourceCount:sources.length,provider:"tavily"}}); + return json({query,summary,sources:sources.map(({number,title,url,score})=>({number,title,url,score})),provider:"tavily"}); + }catch(error){return json({error:error instanceof Error?error.message:"Unexpected research error."},500);} +}); diff --git a/supabase/functions/jarvis-tts/index.ts b/supabase/functions/jarvis-tts/index.ts new file mode 100644 index 0000000..184f430 --- /dev/null +++ b/supabase/functions/jarvis-tts/index.ts @@ -0,0 +1,36 @@ +import "jsr:@supabase/functions-js/edge-runtime.d.ts"; +import { createClient } from "https://esm.sh/@supabase/supabase-js@2.119.0"; +const cors={"Access-Control-Allow-Origin":Deno.env.get("APP_ORIGIN")||"*","Access-Control-Allow-Headers":"authorization, x-client-info, apikey, content-type","Access-Control-Allow-Methods":"POST, OPTIONS","Content-Type":"application/json"}; +const json=(body:unknown,status=200)=>new Response(JSON.stringify(body),{status,headers:cors}); +Deno.serve(async(req:Request)=>{ + if(req.method==="OPTIONS")return new Response("ok",{headers:cors}); + if(req.method!=="POST")return json({error:"Method not allowed"},405); + const auth=req.headers.get("Authorization")||"";if(!auth.startsWith("Bearer "))return json({error:"Sign in required."},401); + const key=Deno.env.get("SUPABASE_ANON_KEY")||Deno.env.get("SUPABASE_PUBLISHABLE_KEY")||""; + if(!key)return json({error:"Supabase publishable key is missing."},503); + const supabase=createClient(Deno.env.get("SUPABASE_URL")!,key,{global:{headers:{Authorization:auth}}}); + const {data:{user},error:authError}=await supabase.auth.getUser();if(authError||!user)return json({error:"Invalid session."},401); + const apiKey=Deno.env.get("GEMINI_API_KEY");if(!apiKey)return json({error:"GEMINI_API_KEY is not configured."},503); + try{ + const body=await req.json(),text=String(body.text||"").trim().slice(0,4000); + if(!text)return json({error:"Text to speak is required."},400); + const voice=["Kore","Puck","Charon","Fenrir","Aoede","Leda"].includes(body.voice)?body.voice:"Kore"; + const response=await fetch("https://generativelanguage.googleapis.com/v1beta/interactions",{method:"POST",headers:{"x-goog-api-key":apiKey,"Content-Type":"application/json"},body:JSON.stringify({model:"gemini-3.8-flash-tts",input:"[clear, warm, natural conversational delivery] "+text,response_format:{type:"audio"},generation_config:{speech_config:[{voice}]}})}); + const result=await response.json();if(!response.ok)return json({error:result.error?.message||"Speech generation failed."},502); + const audioData=result.output_audio?.data;if(!audioData)return json({error:"The speech model returned no audio."},502); + const binary=atob(audioData),pcm=new Uint8Array(binary.length);for(let i=0;i{for(let i=0;i>'email',''))); +grant select on public.jarvis_allowed_users to authenticated; +create or replace function public.is_jarvis_allowed_user() returns boolean language sql stable security invoker set search_path = '' as $ + select exists(select 1 from public.jarvis_allowed_users allowed where lower(allowed.email)=lower(coalesce(auth.jwt()->>'email','')) and allowed.enabled=true); +$$; +revoke all on function public.is_jarvis_allowed_user() from public, anon; +grant execute on function public.is_jarvis_allowed_user() to authenticated; + +drop policy if exists "jarvis conversations own" on public.jarvis_conversations; +create policy "jarvis conversations own" on public.jarvis_conversations for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis messages own" on public.jarvis_messages; +create policy "jarvis messages own" on public.jarvis_messages for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis memories own" on public.jarvis_memories; +create policy "jarvis memories own" on public.jarvis_memories for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis preferences own" on public.jarvis_preferences; +create policy "jarvis preferences own" on public.jarvis_preferences for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis files own" on public.jarvis_files; +create policy "jarvis files own" on public.jarvis_files for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis tasks own" on public.jarvis_tasks; +create policy "jarvis tasks own" on public.jarvis_tasks for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis approvals own" on public.jarvis_approvals; +create policy "jarvis approvals own" on public.jarvis_approvals for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis projects own" on public.jarvis_projects; +create policy "jarvis projects own" on public.jarvis_projects for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis agent runs own" on public.jarvis_agent_runs; +create policy "jarvis agent runs own" on public.jarvis_agent_runs for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis audit logs own" on public.jarvis_audit_logs; +create policy "jarvis audit logs own" on public.jarvis_audit_logs for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis connector status own" on public.jarvis_connector_status; +create policy "jarvis connector status own" on public.jarvis_connector_status for all to authenticated using ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())) with check ((select auth.uid())=user_id and (select public.is_jarvis_allowed_user())); + +drop policy if exists "jarvis private files own read" on storage.objects; +create policy "jarvis private files own read" on storage.objects for select to authenticated using(bucket_id='jarvis-private' and (storage.foldername(name))[1]=(select auth.uid())::text and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis private files own insert" on storage.objects; +create policy "jarvis private files own insert" on storage.objects for insert to authenticated with check(bucket_id='jarvis-private' and (storage.foldername(name))[1]=(select auth.uid())::text and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis private files own update" on storage.objects; +create policy "jarvis private files own update" on storage.objects for update to authenticated using(bucket_id='jarvis-private' and (storage.foldername(name))[1]=(select auth.uid())::text and (select public.is_jarvis_allowed_user())) with check(bucket_id='jarvis-private' and (storage.foldername(name))[1]=(select auth.uid())::text and (select public.is_jarvis_allowed_user())); +drop policy if exists "jarvis private files own delete" on storage.objects; +create policy "jarvis private files own delete" on storage.objects for delete to authenticated using(bucket_id='jarvis-private' and (storage.foldername(name))[1]=(select auth.uid())::text and (select public.is_jarvis_allowed_user())); diff --git a/tests/integrations.test.js b/tests/integrations.test.js new file mode 100644 index 0000000..a079efe --- /dev/null +++ b/tests/integrations.test.js @@ -0,0 +1,22 @@ +import test from 'node:test'; +import assert from 'node:assert/strict'; +import { INTEGRATIONS, CAPABILITY_GROUPS, integrationStatus } from '../src/lib/integrations.js'; +import { FEATURE_FLAGS, PROVIDER_REQUIRED_FLAGS } from '../src/lib/feature-flags.js'; + +test('provider registry contains unique ids and named server secrets',()=>{ + const ids=INTEGRATIONS.map(x=>x.id); + assert.equal(new Set(ids).size,ids.length); + for(const provider of INTEGRATIONS){assert.ok(provider.name);assert.ok(provider.setup || provider.secrets.length);assert.ok(provider.capabilities.length);} +}); +test('providers are never marked configured without all required keys',()=>{ + for(const provider of INTEGRATIONS)assert.equal(integrationStatus(provider.id,{}),provider.setup?'manual_setup':'needs_setup'); + assert.equal(integrationStatus('github',{GITHUB_TOKEN_JARVIS:'present',GITHUB_OWNER:'owner',GITHUB_REPO:'repo'}),'configured'); + assert.equal(integrationStatus('cloudflare',{CLOUDFLARE_API_TOKEN:'present'}),'needs_setup'); +}); +test('capability roadmap covers the expected major product areas',()=>{ + for(const id of ['chat','research','creation','developer','agent','voice'])assert.ok(CAPABILITY_GROUPS.some(group=>group.id===id)); +}); +test('provider-dependent features default to disabled until keys exist',()=>{ + for(const key of ['imageGeneration','webResearch','githubActions','cloudflareDeployments','voiceOutput'])assert.equal(FEATURE_FLAGS[key],false); + assert.ok(PROVIDER_REQUIRED_FLAGS.githubActions.includes('GITHUB_TOKEN')); +}); diff --git a/tests/smoke.test.js b/tests/smoke.test.js new file mode 100644 index 0000000..1df9445 --- /dev/null +++ b/tests/smoke.test.js @@ -0,0 +1,26 @@ +import test from "node:test"; +import assert from "node:assert/strict"; +import { readFile } from "node:fs/promises"; + +test("JARVIS X shell contains the required workspace views", async () => { + const html = await readFile(new URL("../index.html", import.meta.url), "utf8"); + for (const id of ["messages", "composer-input", "sidebar", "model-select", "file-input", "voice-button"]) { + assert.match(html, new RegExp('id="' + id + '"')); + } +}); + +test("JARVIS X is configured as a light-first PWA", async () => { + const html = await readFile(new URL("../index.html", import.meta.url), "utf8"); + const manifest = await readFile(new URL("../public/manifest.webmanifest", import.meta.url), "utf8"); + assert.match(html, /theme-color" content="#f7f4ed"/); + assert.match(manifest, /"display": "standalone"/); + assert.doesNotMatch(html, /prefers-color-scheme:\s*dark/); +}); +test("gateway restricts access and verifies approvals before side effects", async () => { + const worker = await readFile(new URL("../cloudflare/worker.js", import.meta.url), "utf8"); + assert.match(worker, /JARVIS_OWNER_EMAILS/); + assert.match(worker, /jarvis_approvals/); + assert.match(worker, /approvedPayload\.files/); + assert.match(worker, /github\.create_repository/); + assert.match(worker, /cloudflare\.deploy_pages/); +}); diff --git a/wrangler.toml b/wrangler.toml new file mode 100644 index 0000000..03f55f0 --- /dev/null +++ b/wrangler.toml @@ -0,0 +1,3 @@ +name = "jarvis-x" +compatibility_date = "2026-11-07" +pages_build_output_dir = "./dist"