Elevate Customs — Space Analyzer

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_198":199,"_200":201},"routes/_app.x.$handle.$name",{"_97":96,"_32":46,"_106":87,"_27":101,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":59,"_123":-5,"_124":-5,"_125":126},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",35,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","api/analyze.ts","latestPath","fileId","1a30ab1e-53af-11f1-a5eb-ee650bb23af1","name","analyze.ts","fileType","http","content","const imageContent: any[] = [];\n\n// Primary image\nimageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: mediaType, data: imageBase64 },\n});\n\n// Additional images\nconst additionalImages = req_body.additionalImages || [];\nfor (const img of additionalImages.slice(0, 5)) {\n imageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: \"image/jpeg\", data: img },\n });\n}\n\nconst imageCount = imageContent.length;\nimageContent.push({\n type: \"text\",\n text: `${userMessage} Note: ${imageCount} image${\n imageCount > 1 ? \"s have\" : \" has\"\n } been provided showing ${\n imageCount > 1 ? \"multiple angles\" : \"one angle\"\n } of the space.`,\n});","import Anthropic from \"npm:@anthropic-ai/sdk\";\n\nasync function sendLeadEmail(\n clientName: string,\n clientEmail: string,\n clientPhone: string,\n categories: string,\n preferences: string,\n apiKey: string,\n) {\n try {\n await fetch(\"https://api.brevo.com/v3/smtp/email\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"api-key\": apiKey,\n },\n body: JSON.stringify({\n sender: {\n name: \"Elevate Customs Space Analyzer\",\n email: \"info@elevatecustoms.com\",\n },\n to: [{ email: \"info@elevatecustoms.com\", name: \"Elevate Customs\" }],\n replyTo: { email: clientEmail, name: clientName },\n subject: `New Design Consultation — ${clientName}`,\n htmlContent: `\n

New Design Consultation

Submitted via Space Analyzer

\n \n \n \n \n \n \n

Name	${clientName}
Email	${clientEmail}
Phone	${\n clientPhone \|\| \"Not provided\"\n }
Categories	${categories}
Preferences	${preferences}

\n Reply to ${\n clientName.split(\" \")[0]\n }\n

Elevate Customs — Design Intelligence Platform

`,\n }),\n });\n } catch (e) {\n console.error(\"Email send failed:\", e);\n }\n}\n\nexport async function analyzeRoom(req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n try {\n const { imageBase64, mediaType } = await req.json();\n const client = new Anthropic({ apiKey: Deno.env.get(\"ANTHROPIC_API_KEY\") });\n const response = await client.messages.create({\n model: \"claude-sonnet-4-5\",\n max_tokens: 1000,\n system:\n `You are a luxury interior design consultant analyzing a room photo to prepare a measurement guide. Return ONLY valid JSON with no preamble or markdown. Analyze the room shape and identify key architectural features. Return this exact structure: {\"roomShape\":\"one of: rectangular, L-shaped, open-plan, irregular, or describe briefly\",\"estimatedProportions\":\"brief description\",\"featuresDetected\":[\"list of detected features like TV wall, fireplace, sliding doors, columns, bar area etc\"],\"wallMeasurements\":[{\"id\":\"A\",\"description\":\"Wall description\",\"hint\":\"Measurement hint\"},{\"id\":\"B\",\"description\":\"Second wall\",\"hint\":\"Hint\"}],\"designerNote\":\"One warm sentence describing the space potential.\"} Only include walls that are relevant and visible. Maximum 5 walls. Minimum 2 walls.`,\n messages: [{\n role: \"user\",\n content: [\n {\n type: \"image\",\n source: {\n type: \"base64\",\n media_type: mediaType,\n data: imageBase64,\n },\n },\n {\n type: \"text\",\n text:\n \"Analyze this room shape and return the measurement guide JSON.\",\n },\n ],\n }],\n });\n const text = response.content.map((b: any) => b.text || \"\").join(\"\");\n return new Response(text, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n } catch (err: any) {\n return new Response(JSON.stringify({ error: err.message }), {\n status: 500,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n }\n}\n\nexport async function analyze(req: Request): Promise {\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n if (req.method !== \"POST\") {\n return new Response(JSON.stringify({ error: \"POST required\" }), {\n status: 405,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n try {\n const {\n imageBase64,\n mediaType,\n dimText,\n catText,\n prefText,\n clientName,\n clientEmail,\n clientPhone,\n additionalImages,\n } = await req.json();\n\n if (!imageBase64 || !mediaType) {\n return new Response(\n JSON.stringify({ error: \"imageBase64 and mediaType required\" }),\n { status: 400, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n\n const client = new Anthropic({ apiKey: Deno.env.get(\"ANTHROPIC_API_KEY\") });\n const firstName = clientName ? clientName.split(\" \")[0] : \"there\";\n const totalImages = 1 + (additionalImages || []).length;\n\n const systemPrompt = [\n `You are a world-class luxury interior designer and gaming room specialist working exclusively with Elevate Customs. You are personally consulting for ${\n clientName || \"this client\"\n }. Address them by first name (${firstName}) throughout.`,\n `You have been provided ${totalImages} image${\n totalImages > 1 ? \"s\" : \"\"\n } of the space${\n totalImages > 1\n ? \" from multiple angles — analyze all of them together for a complete understanding of the room\"\n : \"\"\n }.`,\n \"CRITICAL PLACEMENT RULES: Study every inch of all photos before suggesting any placement. Identify and LIST every door, sliding door, barn door, bi-fold door, walkway, staircase, and opening. NEVER place any table within the clearance zone of any door. A barn door wall is NOT a viable placement wall. A TV wall with NO door is ideal for shuffleboards. A wall with ANY door is off limits for table placement.\",\n \"EXACT TABLE SPECIFICATIONS:\",\n \"POOL TABLES: 60 inch clearance on ALL four sides. Sizes: 7ft=91x52in, 8ft=101x57in, 8.5ft=108x60in, 9ft=113x63in. Add 120 inches to both table dimensions for minimum room size.\",\n \"SHUFFLEBOARD: 24 inch clearance on SHORT ends only. Long sides against wall fine. Sizes: 9ft=108x32in, 12ft=144x32in, 14ft=168x32in, 16ft=192x32in, 18ft=216x32in, 22ft=264x32in.\",\n \"POKER: Max 104x44x30in. NEVER exceed regulation. Custom smaller only. 36 inch clearance all around for 9 players plus dealer.\",\n \"BLACKJACK: Max 88x46x30in. NEVER exceed regulation. Custom smaller only. 36 inch clearance all around. Dining or bar height.\",\n \"ROULETTE: Max 98x50x30in. NEVER exceed regulation. Custom smaller only. 24 inch clearance all around.\",\n \"CRAPS: Max 117x60x42in. NEVER exceed regulation. Custom smaller only. 24 inch clearance all around.\",\n \"AIR HOCKEY: Residential 93x48x32in, Commercial 93x48x34in. 36 inch clearance on SHORT ends only. Long sides against wall fine.\",\n \"FOOSBALL: 62x31x36in. 48 inch clearance on both LONG sides where rods stick out. Short ends against wall fine. Ideally floats in room.\",\n \"DOME HOCKEY: 54x36x54in. 36 inch clearance on SHORT ends only. Long sides against wall fine.\",\n \"TABLE TENNIS: 108x60x30in. 48 inch clearance on SHORT ends. 24 inch clearance on LONG sides. Cannot go fully against any wall.\",\n \"DIMENSION HANDLING: If exact dimensions provided use them precisely. If approximate use as estimates. If no dimensions provided make intelligent visual estimates and note this.\",\n \"QUANTITY: Single = one best category only. Few = 2-3 categories. Full = all that fit.\",\n \"STYLE: For every recommended category provide exactly 3 options each with a DIFFERENT finish. Top pick = best match. Option 2 = darker alternative. Option 3 = lighter or warmer alternative.\",\n \"Only use these collection names: Ambrosia, Baluster, Beso, Bridge, Don, Draco, Divo, Elite, Enzo, Kors, Louve, Luge, Mantis, Maze, Pyramid, Rumba, Sid, Stilt, Trestle, Trinity, Temple, The Surgeon, Vogue, Vero, Zenith.\",\n \"Available finishes: Black, Walnut, White Oak, Teak, Curly Maple, White, Stainless Steel, Brass.\",\n \"Write in the warm confident voice of a luxury designer personally addressing this client by first name. Reference actual details visible in the photos.\",\n `Return ONLY this exact JSON: {\"styleName\":\"2-4 word design identity\",\"styleDescription\":\"3 sentences describing the space and gaming vision addressing the client by first name.\",\"dimensionNote\":\"One sentence noting whether dimensions were exact approximate or visually estimated.\",\"components\":[{\"label\":\"Architecture\",\"value\":\"...\"},{\"label\":\"Flooring\",\"value\":\"...\"},{\"label\":\"Lighting\",\"value\":\"...\"},{\"label\":\"Furniture\",\"value\":\"...\"},{\"label\":\"Palette\",\"value\":\"...\"}],\"palette\":[{\"name\":\"tone\",\"hex\":\"#xxxxxx\"},{\"name\":\"tone\",\"hex\":\"#xxxxxx\"},{\"name\":\"tone\",\"hex\":\"#xxxxxx\"}],\"layoutSummary\":\"2-3 sentences addressing client by first name describing layout vision referencing actual architectural features and avoiding all doors.\",\"layoutItems\":[\"One placement note per category with exact recommended size.\"],\"categories\":[{\"category\":\"Pool Table\",\"size\":\"9ft\",\"placement\":\"Specific placement avoiding all doors.\",\"options\":[{\"rank\":1,\"name\":\"Vogue Pool Table\",\"collection\":\"Vogue\",\"finish\":\"White Oak\",\"reason\":\"Why this suits this specific space.\",\"match\":96},{\"rank\":2,\"name\":\"Zenith Pool Table\",\"collection\":\"Zenith\",\"finish\":\"Black\",\"reason\":\"Darker dramatic alternative.\",\"match\":91},{\"rank\":3,\"name\":\"Elite Pool Table\",\"collection\":\"Elite\",\"finish\":\"Walnut\",\"reason\":\"Warm wood alternative.\",\"match\":86}]}]}`,\n ].join(\" \");\n\n const userMessage = [\n dimText ||\n \"No dimensions provided — use visual estimation from the photos.\",\n catText || \"No category preferences provided.\",\n prefText || \"No quantity preference provided.\",\n `Client name: ${clientName || \"Not provided\"}.`,\n \"Analyze this space using exact specifications. Return only the JSON.\",\n ].join(\" \");\n\n // Build image content array with all provided images\n const imageContent: any[] = [];\n imageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: mediaType, data: imageBase64 },\n });\n for (const img of (additionalImages || []).slice(0, 5)) {\n imageContent.push({\n type: \"image\",\n source: { type: \"base64\", media_type: \"image/jpeg\", data: img },\n });\n }\n imageContent.push({\n type: \"text\",\n text: `${userMessage} Note: ${totalImages} image${\n totalImages > 1 ? \"s have\" : \" has\"\n } been provided showing ${\n totalImages > 1 ? \"multiple angles\" : \"one angle\"\n } of this space.`,\n });\n\n const response = await client.messages.create({\n model: \"claude-sonnet-4-5\",\n max_tokens: 4000,\n system: systemPrompt,\n messages: [{ role: \"user\", content: imageContent }],\n });\n\n const text = response.content.map((b: any) => b.text || \"\").join(\"\");\n\n const brevoKey = Deno.env.get(\"BREVO_API_KEY\") || \"\";\n if (brevoKey && clientEmail) {\n await sendLeadEmail(\n clientName || \"Unknown\",\n clientEmail,\n clientPhone || \"\",\n catText || \"\",\n prefText || \"\",\n brevoKey,\n );\n }\n\n return new Response(text, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n } catch (err: any) {\n return new Response(JSON.stringify({ error: err.message }), {\n status: 500,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Content-Type\": \"application/json\",\n },\n });\n }\n}","createdAt",["D",1779252127949],"branchVersion","branchId","1285ff04-53af-11f1-9dbf-ee650bb23af1","id","12854438-53af-11f1-9dbf-ee650bb23af1","elevate-customs-analyzer",["D",1779214682029],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI interior design analyzer for luxury gaming furniture","imageUrl","7ac15670-146c-46ac-9bab-685adcce22bb","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e4175-025a-724f-89d5-e41a64199eaf","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"isOwned",130,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","lorrainespektor","handle","displayName","Lorraine Spektor","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_44":45,"_32":46,"_39":194,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":195,"_81":196,"_83":197,"_85":25},"tree",[165,167,169],"files",[165,166,167,168,169],"counts",{"_154":63,"_155":151,"_156":63,"_157":158,"_159":160},"contents",[127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":148,"_32":149,"_30":150,"_133":-5,"_42":43,"_41":151,"_135":59,"_39":152,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":153},{"_44":141,"_32":142,"_30":143,"_133":-5,"_42":43,"_41":144,"_135":59,"_39":145,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_27":147},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":25,"_39":136,"_13":137,"_34":35,"_36":138,"_24":25,"_139":-5,"_27":140},"39ce498a-5400-11f1-a5d6-ee650bb23af1","index.ts","1e6c2582-53af-11f1-9feb-ee650bb23af1","parentId",30,"latest",["D",1779249537138],4,"import { analyze, analyzeRoom } from \"./api/analyze.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"POST\" && url.pathname === \"/api/analyze\") {\n return analyze(req);\n }\n\n if (req.method === \"POST\" && url.pathname === \"/api/analyze-room\") {\n return analyzeRoom(req);\n }\n\n const html = await fetch(new URL(\"./frontend/index.html\", import.meta.url));\n const text = await html.text();\n return new Response(text, { headers: { \"Content-Type\": \"text/html\" } });\n}","label",[131],"3ac2bd68-53af-11f1-9feb-ee650bb23af1","frontend","4fd8f69a-232b-402f-afef-89e78d58e5c4",3,["D",1779214749499],"directory",[142],"1a30e2d2-53af-11f1-a5eb-ee650bb23af1","api","c0d95425-f84f-40ee-a6b4-4060aa835231",1,["D",1779214694884],[149],"pulls","branches","forks","envVars",{"_161":163,"_164":63},"connections",{"_161":63,"_162":63},"count","unfilledCount",2,"emptyCount",{"_44":148,"_32":149,"_30":150,"_133":-5,"_42":43,"_41":151,"_135":59,"_39":191,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_171":192,"_27":193},{"_44":186,"_32":33,"_30":31,"_133":150,"_42":43,"_41":14,"_135":25,"_39":187,"_13":188,"_34":35,"_36":38,"_24":25,"_139":-5,"_171":189,"_27":190},{"_44":141,"_32":142,"_30":143,"_133":-5,"_42":43,"_41":144,"_135":59,"_39":183,"_13":63,"_34":146,"_36":-5,"_24":25,"_139":-5,"_171":184,"_27":185},{"_44":174,"_32":175,"_30":176,"_133":143,"_42":43,"_41":177,"_135":25,"_39":178,"_13":179,"_34":20,"_36":180,"_24":25,"_139":-5,"_171":181,"_27":182},{"_44":130,"_32":131,"_30":132,"_133":-5,"_42":43,"_41":134,"_135":25,"_39":170,"_13":137,"_34":35,"_36":138,"_24":25,"_139":-5,"_171":172,"_27":173},["D",1779249537138],"children",[],[131],"23e5cefa-5404-11f1-a63c-ee650bb23af1","index.html","3ac27614-53af-11f1-9feb-ee650bb23af1",33,["D",1779251218395],11,"\n\n\n\n\nElevate Customs — Space Analyzer\n\n\n\n\n\n\n\n

Design Intelligence

Your space, interpreted.

A luxury design consultation for your gaming environment

\n\n

\n\n \n

You

Photo

Dimensions

Games

Preferences

\n Tell us about yourself\n

Your personal design consultation begins here. We'll address you by name throughout your experience.

\n \n \n

\n \n

\n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n \n \n\n

\n\n\n\n\n\n",[],[142,175],["D",1779214749499],[168],[142],"4209fb16-5406-11f1-8708-ee650bb23af1",["D",1779252127949],17,[],[149,33],["D",1779214694884],[166],[149],["D",1779214682029],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":46,"_95":96},"ctx",{"_79":-5,"_124":231,"_232":233,"_234":235,"_236":25,"_237":25,"_238":25,"_239":59,"_240":-5,"_241":-7,"_242":-7,"_243":63,"_244":25,"_245":25,"_246":-5,"_247":25,"_248":25,"_249":25,"_250":-5},"ENV",{"_202":203,"_204":205,"_206":87,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v35