STL Creator — A1 Mini Edition

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_1784":1785,"_1786":1787},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_108":86,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":58,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",648,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","019c3dc4-fdf2-76fa-8252-a1feed2ad2bd","name","fileType","http","content","import { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { getStyles } from \"./styles.ts\";\nimport { getLayout } from \"./layout.ts\";\nimport { getViewerScript } from \"./viewer.ts\";\nimport { digiClockEnclosureConcept } from \"./examples/digiclock/enclosureConcept.ts\";\nimport travelerSkadisAdapterConcept from \"./examples/traveler-guitar/skadisAdapterConcept.ts\";\nimport kokkoKg10RectangularSideProfile from \"./examples/traveler-guitar/kokkoKg10RectangularSideProfile.ts\";\nimport travelerKokkoCradleBridgeConcept from \"./examples/traveler-guitar/travelerKokkoCradleBridgeConcept.ts\";\nimport travelerKokkoCradleFullBasket from \"./examples/traveler-guitar/travelerKokkoCradleFullBasket.ts\";\n\ntype PresentationModel = {\n title: string;\n note: string;\n generatorBody: string;\n inUseRotationXDeg?: number;\n};\n\nconst PRESENTATION_MODELS: Record = {\n \"traveler-kokko-cradle-full\": {\n title: \"Traveler guitar → KOKKO cradle · full basket\",\n note: \"101 × 69 mm opening · 4 mm floor + walls · 10 mm rod plate · 20 mm basket and broad rear load web\",\n generatorBody: travelerKokkoCradleFullBasket.generatorBody,\n },\n \"traveler-kokko-cradle-bridge\": {\n title: \"Traveler guitar → KOKKO cradle · fused rear base\",\n note: \"one carved solid · basket behind + outboard · 101 × 69 mm opening · broad curved load path · 1.2 mm floor · relief slot preserved\",\n generatorBody: travelerKokkoCradleBridgeConcept.generatorBody,\n },\n \"kokko-kg10-side-envelope\": {\n title: \"KOKKO KG-10 · simplified sideways profile\",\n note: \"97 mm long × 65 mm high · rectangular envelope · no slope or corner radii\",\n generatorBody: kokkoKg10RectangularSideProfile.generatorBody,\n },\n \"traveler-skadis-adapter\": {\n title: \"Traveler guitar → SKÅDIS adapter · provisional\",\n note: \"60 mm outside-edge span · 54 mm centers · undersized 40 mm key pair\",\n generatorBody: travelerSkadisAdapterConcept.generatorBody,\n },\n \"digiclock-enclosure\": {\n title: \"A · face clears stable base\",\n note: \"55° face · selected diffuser 0.40 mm · internal Grove routes\",\n generatorBody: digiClockEnclosureConcept.generatorBody,\n // The generator deliberately exports a face-down print pose. Presentation\n // mode can undo that last rotation without creating a second geometry path.\n inUseRotationXDeg: -125,\n },\n \"digiclock-enclosure-a\": {\n title: \"A · face clears stable base\",\n note: \"132 mm wide · continuous shell · 0.40 mm face · left Grove routed internally\",\n generatorBody: digiClockEnclosureConcept.generatorBody,\n inUseRotationXDeg: -125,\n },\n\n};\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/cad/traveler-kokko-cradle-build123d.glb\") {\n try {\n const asset = await blob.get(\"cad/traveler-kokko-cradle-build123d.glb\");\n return new Response(asset.body, {\n headers: {\n \"Content-Type\": \"model/gltf-binary\",\n \"Cache-Control\": \"public, max-age=300\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n } catch {\n return new Response(\"CAD asset not found\", { status: 404 });\n }\n }\n\n if (url.pathname === \"/present/traveler-kokko-cradle-build123d\") {\n return new Response(build123dPresentationPage(), {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store, max-age=0\",\n },\n });\n }\n\n const presentationSlug = getPresentationSlug(url);\n if (presentationSlug) {\n const model = PRESENTATION_MODELS[presentationSlug];\n if (!model) return new Response(\"Unknown presentation model\", { status: 404 });\n return new Response(presentationPage(url, model), {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store, max-age=0\",\n },\n });\n }\n\n return new Response(page(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction getPresentationSlug(url: URL): string | null {\n for (const prefix of [\"/present/\", \"/preview/\"]) {\n if (url.pathname.startsWith(prefix)) {\n return decodeURIComponent(url.pathname.slice(prefix.length)).replace(/\\/$/, \"\");\n }\n }\n if (url.pathname === \"/present\" || url.pathname === \"/preview\") {\n return url.searchParams.get(\"model\");\n }\n return null;\n}\n\nfunction page(): string {\n return `\n\n\n \n \n STL Creator — A1 Mini Edition\n \n \n\n\n ${getLayout()}\n ${getViewerScript()}\n\n`;\n}\n\nfunction presentationPage(url: URL, model: PresentationModel): string {\n const background = colorParam(url.searchParams.get(\"background\"), \"d7c09f\");\n const accent = colorParam(url.searchParams.get(\"accent\"), \"8f2929\");\n const showLabels = url.searchParams.get(\"labels\") !== \"0\";\n const inUseRotation = url.searchParams.get(\"pose\") === \"print\"\n ? 0\n : model.inUseRotationXDeg ?? 0;\n return `\n\n\n \n \n \n ${escapeHtml(model.title)}\n \n\n\n ${showLabels ? `

${escapeHtml(model.title)}

` : \"\"}\n

\n ${showLabels ? `

${escapeHtml(model.note)}

` : \"\"}\n

Building the enclosure…

\n\n \n\n`;\n}\n\nfunction colorParam(value: string | null, fallback: string): string {\n return value && /^[0-9a-f]{6}$/i.test(value) ? value : fallback;\n}\n\nfunction escapeHtml(value: string): string {\n return value.replace(/[&<>\\\"']/g, (char) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n })[char] ?? char);\n}\n","import { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { getStyles } from \"./styles.ts\";\nimport { getLayout } from \"./layout.ts\";\nimport { getViewerScript } from \"./viewer.ts\";\nimport { digiClockEnclosureConcept } from \"./examples/digiclock/enclosureConcept.ts\";\nimport travelerSkadisAdapterConcept from \"./examples/traveler-guitar/skadisAdapterConcept.ts\";\nimport kokkoKg10RectangularSideProfile from \"./examples/traveler-guitar/kokkoKg10RectangularSideProfile.ts\";\nimport travelerKokkoCradleBridgeConcept from \"./examples/traveler-guitar/travelerKokkoCradleBridgeConcept.ts\";\nimport travelerKokkoCradleFullBasket from \"./examples/traveler-guitar/travelerKokkoCradleFullBasket.ts\";\n\ntype PresentationModel = {\n title: string;\n note: string;\n generatorBody: string;\n inUseRotationXDeg?: number;\n};\n\nconst PRESENTATION_MODELS: Record = {\n \"traveler-kokko-cradle-full\": {\n title: \"Traveler guitar → KOKKO cradle · full basket\",\n note: \"101 × 69 mm opening · 4 mm floor + walls · 10 mm rod plate · 20 mm basket and broad rear load web\",\n generatorBody: travelerKokkoCradleFullBasket.generatorBody,\n },\n \"traveler-kokko-cradle-bridge\": {\n title: \"Traveler guitar → KOKKO cradle · fused rear base\",\n note: \"one carved solid · basket behind + outboard · 101 × 69 mm opening · broad curved load path · 1.2 mm floor · relief slot preserved\",\n generatorBody: travelerKokkoCradleBridgeConcept.generatorBody,\n },\n \"kokko-kg10-side-envelope\": {\n title: \"KOKKO KG-10 · simplified sideways profile\",\n note: \"97 mm long × 65 mm high · rectangular envelope · no slope or corner radii\",\n generatorBody: kokkoKg10RectangularSideProfile.generatorBody,\n },\n \"traveler-skadis-adapter\": {\n title: \"Traveler guitar → SKÅDIS adapter · provisional\",\n note: \"60 mm outside-edge span · 54 mm centers · undersized 40 mm key pair\",\n generatorBody: travelerSkadisAdapterConcept.generatorBody,\n },\n \"digiclock-enclosure\": {\n title: \"A · face clears stable base\",\n note: \"55° face · selected diffuser 0.40 mm · internal Grove routes\",\n generatorBody: digiClockEnclosureConcept.generatorBody,\n // The generator deliberately exports a face-down print pose. Presentation\n // mode can undo that last rotation without creating a second geometry path.\n inUseRotationXDeg: -125,\n },\n \"digiclock-enclosure-a\": {\n title: \"A · face clears stable base\",\n note: \"132 mm wide · continuous shell · 0.40 mm face · left Grove routed internally\",\n generatorBody: digiClockEnclosureConcept.generatorBody,\n inUseRotationXDeg: -125,\n },\n\n};\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/cad/traveler-kokko-cradle-build123d.glb\") {\n try {\n const asset = await blob.get(\"cad/traveler-kokko-cradle-build123d.glb\");\n return new Response(asset.body, {\n headers: {\n \"Content-Type\": \"model/gltf-binary\",\n \"Cache-Control\": \"public, max-age=300\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n } catch {\n return new Response(\"CAD asset not found\", { status: 404 });\n }\n }\n\n if (url.pathname === \"/present/traveler-kokko-cradle-build123d\") {\n return new Response(build123dPresentationPage(), {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store, max-age=0\",\n },\n });\n }\n\n const presentationSlug = getPresentationSlug(url);\n if (presentationSlug) {\n const model = PRESENTATION_MODELS[presentationSlug];\n if (!model) return new Response(\"Unknown presentation model\", { status: 404 });\n return new Response(presentationPage(url, model), {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"no-store, max-age=0\",\n },\n });\n }\n\n return new Response(page(), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n\nfunction getPresentationSlug(url: URL): string | null {\n for (const prefix of [\"/present/\", \"/preview/\"]) {\n if (url.pathname.startsWith(prefix)) {\n return decodeURIComponent(url.pathname.slice(prefix.length)).replace(/\\/$/, \"\");\n }\n }\n if (url.pathname === \"/present\" || url.pathname === \"/preview\") {\n return url.searchParams.get(\"model\");\n }\n return null;\n}\n\nfunction page(): string {\n return `\n\n\n \n \n STL Creator — A1 Mini Edition\n \n \n\n\n ${getLayout()}\n ${getViewerScript()}\n\n`;\n}\n\nfunction presentationPage(url: URL, model: PresentationModel): string {\n const background = colorParam(url.searchParams.get(\"background\"), \"d7c09f\");\n const accent = colorParam(url.searchParams.get(\"accent\"), \"8f2929\");\n const showLabels = url.searchParams.get(\"labels\") !== \"0\";\n const inUseRotation = url.searchParams.get(\"pose\") === \"print\"\n ? 0\n : model.inUseRotationXDeg ?? 0;\n return `\n\n\n \n \n \n ${escapeHtml(model.title)}\n \n\n\n ${showLabels ? `

${escapeHtml(model.title)}

` : \"\"}\n

\n ${showLabels ? `

${escapeHtml(model.note)}

` : \"\"}\n

Building the enclosure…

\n\n \n\n`;\n}\n\nfunction build123dPresentationPage(): string {\n return `\n\n\n \n \n \n Traveler guitar → KOKKO cradle · build123d solid\n \n\n\n

Traveler guitar → KOKKO cradle · build123d solid

valid one-solid BREP · 101 × 69 mm opening · 4 mm floor/walls · 10 mm rod plate · 20 mm basket

Loading the CAD solid…

\n \n\n`;\n}\nfunction colorParam(value: string | null, fallback: string): string {\n return value && /^[0-9a-f]{6}$/i.test(value) ? value : fallback;\n}\n\nfunction escapeHtml(value: string): string {\n return value.replace(/[&<>\\\"']/g, (char) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n })[char] ?? char);\n}\n","createdAt",["D",1789262842241],"branchVersion","branchId","f27e7ea6-04fe-11f1-b891-42dde27851f2","id","f2781f16-04fe-11f1-b891-42dde27851f2","stl-creator",["D",1770562846100],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","3D STL creator with JSCAD CSG engine + A1 Mini build volume","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":64,"_96":45,"_97":98},"isOwned",669,"main","projectId","forkedBranchId","d0ee3366-0301-11f1-85c1-42dde27851f2","forkedBranchVersion",111,"forkedProjectPrivacy","forkedProjectId","d0edb300-0301-11f1-85c1-42dde27851f2","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789545599&sig=a8da35ef71655bebef6a4600a21351bd7f28e3bed5ff684593eef639c5d17466","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":1780,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":1781,"_80":1782,"_82":1783,"_84":25},"tree",[262,264,417,420,433,434,435,436,437,438,439,440,441,442],"files",[262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442],"counts",{"_251":62,"_252":253,"_254":209,"_255":256,"_257":258},"contents",[141,142,143,144,145,146,147,148,149,150,151,152,153,154],"upstreamProject",{"_43":94,"_32":138,"_52":139,"_54":-5,"_49":50,"_78":140},"upstreamBranch",{"_43":89,"_38":132,"_133":134,"_32":86,"_87":94,"_13":135,"_88":-5,"_90":-5,"_136":137,"_47":-5,"_84":25,"_49":50,"_97":98,"_63":64,"_96":138},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1770344176025],"updatedAt",["D",1771093027546],113,"lockfileKey","1771093145381-esm.town_v_dcm31_stl-viewer@113-main","stl-viewer","3D STL viewer with A1 Mini build volume",{"_99":98,"_107":103},{"_43":245,"_32":246,"_30":247,"_158":-5,"_41":42,"_40":248,"_160":58,"_38":249,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_27":250},{"_43":240,"_32":241,"_30":242,"_158":-5,"_41":42,"_40":209,"_160":58,"_38":243,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_27":244},{"_43":235,"_32":236,"_30":237,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":238,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_27":239},{"_43":228,"_32":229,"_30":230,"_158":-5,"_41":42,"_40":231,"_160":58,"_38":232,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_27":234},{"_43":220,"_32":221,"_30":222,"_158":-5,"_41":42,"_40":223,"_160":58,"_38":224,"_13":225,"_33":20,"_35":226,"_24":25,"_164":-5,"_27":227},{"_43":213,"_32":214,"_30":215,"_158":-5,"_41":42,"_40":216,"_160":58,"_38":217,"_13":62,"_33":20,"_35":218,"_24":25,"_164":-5,"_27":219},{"_43":206,"_32":207,"_30":208,"_158":-5,"_41":42,"_40":209,"_160":58,"_38":210,"_13":62,"_33":20,"_35":211,"_24":25,"_164":-5,"_27":212},{"_43":198,"_32":199,"_30":200,"_158":-5,"_41":42,"_40":201,"_160":25,"_38":202,"_13":203,"_33":20,"_35":204,"_24":25,"_164":-5,"_27":205},{"_43":191,"_32":192,"_30":193,"_158":-5,"_41":42,"_40":194,"_160":58,"_38":195,"_13":178,"_33":34,"_35":196,"_24":25,"_164":-5,"_27":197},{"_43":185,"_32":186,"_30":187,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":188,"_13":178,"_33":20,"_35":189,"_24":25,"_164":-5,"_27":190},{"_43":181,"_32":28,"_30":31,"_158":-5,"_41":42,"_40":14,"_160":25,"_38":182,"_13":183,"_33":34,"_35":37,"_24":25,"_164":-5,"_27":184},{"_43":173,"_32":174,"_30":175,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":177,"_13":178,"_33":20,"_35":179,"_24":25,"_164":-5,"_27":180},{"_43":166,"_32":167,"_30":168,"_158":-5,"_41":42,"_40":169,"_160":58,"_38":170,"_13":62,"_33":34,"_35":171,"_24":25,"_164":-5,"_27":172},{"_43":155,"_32":156,"_30":157,"_158":-5,"_41":42,"_40":159,"_160":58,"_38":161,"_13":162,"_33":20,"_35":163,"_24":25,"_164":-5,"_27":165},"c56b6c47-58ba-4595-b288-e627e2ec35d2","viewer.ts","019c3dc4-fdf2-76fa-8252-aa31ea2e5be4","parentId",575,"latest",["D",1789235547077],5,"/** Client-side viewer script: JSCAD modeling + Three.js rendering */\nimport { getExampleGeneratorJS, getExampleIdsJS } from \"./examples.ts\";\n\nexport function getViewerScript(): string {\n return `\n \n `;\n}\n","label",[156],"e06d95d5-7df7-487e-9de0-24eb771fcf4a","travelerHoleFitTestStl.ts","d9202d4a-aed3-11f1-b1b7-1607ee4eb77e",579,["D",1789236032917],"import * as jscad from \"npm:@jscad/modeling@2.12.2\";\nimport { serialize } from \"npm:@jscad/stl-serializer@2.1.17\";\nimport testPlate from \"./examples/traveler-guitar/holeFitTestPlate.ts\";\n\nexport default function(): Response {\n const generate = new Function(\"jscad\", testPlate.generatorBody) as\n (jscad: typeof import(\"npm:@jscad/modeling@2.12.2\")) => unknown;\n const output = generate(jscad);\n const solids = (Array.isArray(output) ? output : [output]) as any[];\n const parts = serialize({ binary: true }, ...solids) as ArrayBuffer[];\n const total = parts.reduce((sum, part) => sum + part.byteLength, 0);\n const bytes = new Uint8Array(total);\n let offset = 0;\n for (const part of parts) {\n bytes.set(new Uint8Array(part), offset);\n offset += part.byteLength;\n }\n return new Response(bytes, {\n headers: {\n \"Content-Type\": \"model/stl\",\n \"Content-Disposition\":\n 'attachment; filename=\"traveler-guitar-hole-fit-matrix.stl\"',\n \"Cache-Control\": \"no-store\",\n },\n });\n}\n",[167],"785769f8-072f-49d8-9ae6-66e3843977d8","styles.ts","019c3dc4-fdf2-76fa-8252-a52d529730e7",367,["D",1785593734484],2,"/** All CSS styles for the STL Viewer */\nexport function getStyles(): string {\n return `\n :root {\n --bg: #0a0a0f;\n --surface: #13131a;\n --surface-2: #1a1a24;\n --border: #2a2a3a;\n --text: #e8e8f0;\n --text-dim: #8888a0;\n --accent: #00d4aa;\n --accent-dim: #00d4aa33;\n --accent-2: #7c5cff;\n --warn: #ff6b4a;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'DM Sans', sans-serif;\n overflow: hidden;\n height: 100vh;\n width: 100vw;\n }\n .layout {\n display: grid;\n grid-template-columns: 300px 1fr;\n grid-template-rows: 52px 1fr;\n height: 100vh;\n }\n\n /* ── Topbar ────────────────────────── */\n .topbar {\n grid-column: 1 / -1;\n background: var(--surface);\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n padding: 0 20px;\n gap: 16px;\n z-index: 10;\n }\n .topbar h1 {\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.5px;\n color: var(--accent);\n }\n .topbar .sep { width: 1px; height: 20px; background: var(--border); }\n .topbar .badge {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n font-weight: 500;\n padding: 3px 8px;\n border-radius: 4px;\n background: var(--accent-dim);\n color: var(--accent);\n letter-spacing: 0.5px;\n }\n .topbar .right {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n /* ── Sidebar ──────────────────────── */\n .sidebar {\n background: var(--surface);\n border-right: 1px solid var(--border);\n overflow-y: auto;\n }\n .sidebar::-webkit-scrollbar { width: 4px; }\n .sidebar::-webkit-scrollbar-track { background: transparent; }\n .sidebar::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }\n .section-header {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: var(--text-dim);\n padding: 16px 16px 8px;\n }\n\n /* ── Drop Zone ────────────────────── */\n .drop-zone {\n margin: 8px 12px;\n border: 2px dashed var(--border);\n border-radius: 8px;\n padding: 20px 14px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s;\n }\n .drop-zone:hover, .drop-zone.dragover {\n border-color: var(--accent);\n background: var(--accent-dim);\n }\n .drop-zone .icon { font-size: 24px; margin-bottom: 6px; opacity: 0.6; }\n .drop-zone p { font-size: 11px; color: var(--text-dim); line-height: 1.4; }\n .drop-zone .formats {\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--accent);\n margin-top: 4px;\n }\n\n /* ── URL input ────────────────────── */\n .url-input-group {\n margin: 0 12px 12px;\n display: flex;\n gap: 6px;\n }\n .url-input-group input {\n flex: 1;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 6px;\n padding: 7px 10px;\n color: var(--text);\n font-size: 11px;\n font-family: 'JetBrains Mono', monospace;\n outline: none;\n transition: border-color 0.2s;\n }\n .url-input-group input:focus { border-color: var(--accent); }\n .url-input-group input::placeholder { color: var(--text-dim); }\n\n /* ── Buttons ──────────────────────── */\n .btn {\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n font-weight: 500;\n padding: 7px 12px;\n border-radius: 6px;\n border: 1px solid var(--border);\n background: var(--surface-2);\n color: var(--text);\n cursor: pointer;\n transition: all 0.15s;\n white-space: nowrap;\n }\n .btn:hover { background: var(--border); }\n .btn.primary {\n background: var(--accent);\n color: var(--bg);\n border-color: var(--accent);\n font-weight: 600;\n }\n .btn.primary:hover { filter: brightness(1.15); }\n\n /* ── Category folders ─────────────── */\n .folder { border-bottom: 1px solid var(--border); }\n .folder > .folder-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 11px 16px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.5px;\n color: var(--text);\n user-select: none;\n transition: background 0.15s;\n }\n .folder > .folder-summary::-webkit-details-marker { display: none; }\n .folder > .folder-summary:hover { background: var(--surface-2); }\n .folder > .folder-summary::before {\n content: '▸';\n color: var(--accent);\n font-size: 10px;\n transition: transform 0.15s;\n }\n .folder[open] > .folder-summary::before { transform: rotate(90deg); }\n .folder-title { flex: 1; }\n .folder-count {\n background: var(--accent-dim);\n color: var(--accent);\n border-radius: 10px;\n padding: 1px 7px;\n font-size: 9px;\n }\n .folder[open] { padding-bottom: 6px; }\n\n /* ── Example cards ────────────────── */\n .example-card {\n margin: 5px 12px;\n padding: 12px 14px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 8px;\n cursor: pointer;\n transition: all 0.2s;\n }\n .example-card:hover {\n border-color: var(--accent);\n background: var(--surface-2);\n }\n .example-card .name { font-weight: 600; font-size: 12px; margin-bottom: 3px; }\n .example-card .desc { font-size: 10px; color: var(--text-dim); margin-bottom: 6px; }\n .example-card .meta {\n display: flex;\n gap: 10px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--text-dim);\n }\n .example-card .meta span { display: flex; align-items: center; gap: 4px; }\n .example-card .meta .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }\n\n /* ── Model info panel ─────────────── */\n #modelInfo {\n margin: 12px;\n padding: 12px 14px;\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: 8px;\n display: none;\n }\n #modelInfo.visible { display: block; }\n #modelInfo h3 { font-size: 12px; font-weight: 600; margin-bottom: 8px; color: var(--accent); }\n .stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }\n .stat { font-family: 'JetBrains Mono', monospace; font-size: 9px; }\n .stat .label { color: var(--text-dim); margin-bottom: 1px; }\n .stat .value { color: var(--text); font-weight: 500; }\n .stat .value.warn { color: var(--warn); }\n .stat .value.ok { color: var(--accent); }\n\n /* ── Display controls ─────────────── */\n .controls-section { margin: 12px; }\n .control-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 6px 0;\n border-bottom: 1px solid var(--border);\n }\n .control-row:last-child { border-bottom: none; }\n .control-row label { font-size: 11px; color: var(--text-dim); }\n .toggle {\n width: 34px; height: 18px; border-radius: 9px;\n background: var(--border); cursor: pointer;\n position: relative; transition: background 0.2s;\n }\n .toggle.on { background: var(--accent); }\n .toggle::after {\n content: ''; position: absolute; top: 2px; left: 2px;\n width: 14px; height: 14px; border-radius: 50%;\n background: white; transition: transform 0.2s;\n }\n .toggle.on::after { transform: translateX(16px); }\n\n /* ── 3D Viewport ──────────────────── */\n .viewport { position: relative; overflow: hidden; background: var(--bg); }\n #canvas3d { width: 100%; height: 100%; display: block; }\n .viewport-overlay {\n position: absolute; bottom: 12px; left: 12px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px; color: var(--text-dim);\n pointer-events: none; opacity: 0.7;\n }\n .axis-hint { display: flex; gap: 10px; margin-top: 3px; }\n .axis-hint span { display: flex; align-items: center; gap: 3px; }\n .axis-hint .x { color: #ff4466; }\n .axis-hint .y { color: #44ff66; }\n .axis-hint .z { color: #4488ff; }\n\n /* ── Loading / Empty states ────────── */\n .loading-overlay {\n position: absolute; inset: 0; display: none;\n align-items: center; justify-content: center;\n background: var(--bg); z-index: 5;\n }\n .loading-overlay.visible { display: flex; }\n .spinner {\n width: 36px; height: 36px;\n border: 3px solid var(--border);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }\n @keyframes spin { to { transform: rotate(360deg); } }\n .empty-state {\n position: absolute; inset: 0; display: flex;\n flex-direction: column; align-items: center;\n justify-content: center; pointer-events: none;\n }\n .empty-state .cube { width: 70px; height: 70px; margin-bottom: 16px; opacity: 0.12; }\n .empty-state p { font-size: 13px; color: var(--text-dim); }\n .empty-state .sub { font-size: 11px; margin-top: 4px; color: #444; }\n\n /* ── Full-screen drop overlay ─────── */\n .fullscreen-drop {\n position: fixed; inset: 0; z-index: 100;\n background: rgba(0,212,170,0.06);\n border: 3px dashed var(--accent);\n display: none;\n align-items: center; justify-content: center;\n pointer-events: none;\n }\n .fullscreen-drop.visible { display: flex; }\n .fullscreen-drop .drop-msg {\n background: var(--surface);\n border: 1px solid var(--accent);\n border-radius: 12px;\n padding: 24px 36px;\n text-align: center;\n }\n .fullscreen-drop .drop-msg .icon { font-size: 36px; margin-bottom: 8px; }\n .fullscreen-drop .drop-msg p {\n font-family: 'JetBrains Mono', monospace;\n font-size: 13px; color: var(--accent);\n }\n\n /* ── Mobile FAB ────────────────────── */\n .mobile-fab {\n display: none;\n position: fixed;\n bottom: 24px; right: 24px;\n z-index: 50;\n width: 56px; height: 56px;\n border-radius: 50%;\n background: var(--accent);\n border: none;\n color: var(--bg);\n font-size: 24px;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0,212,170,0.35);\n transition: transform 0.2s, box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n }\n .mobile-fab:active { transform: scale(0.92); }\n .mobile-fab.has-model { bottom: 80px; }\n\n /* ── Mobile bottom sheet ───────────── */\n .bottom-sheet-backdrop {\n display: none;\n position: fixed; inset: 0;\n background: rgba(0,0,0,0.5);\n z-index: 60;\n opacity: 0;\n transition: opacity 0.25s;\n }\n .bottom-sheet-backdrop.visible { display: block; opacity: 1; }\n .bottom-sheet {\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 70;\n background: var(--surface);\n border-radius: 16px 16px 0 0;\n max-height: 75vh;\n overflow-y: auto;\n transform: translateY(100%);\n transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1);\n -webkit-overflow-scrolling: touch;\n }\n .bottom-sheet.visible { transform: translateY(0); }\n .bottom-sheet .handle-bar {\n width: 36px; height: 4px;\n background: var(--border);\n border-radius: 2px;\n margin: 10px auto 4px;\n }\n .bottom-sheet .sheet-content { padding: 8px 0 env(safe-area-inset-bottom, 16px); }\n\n /* ── Mobile toolbar ────────────────── */\n .mobile-toolbar {\n display: none;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 40;\n background: var(--surface);\n border-top: 1px solid var(--border);\n padding: 8px 12px env(safe-area-inset-bottom, 8px);\n gap: 8px;\n }\n .mobile-toolbar .btn { flex: 1; text-align: center; padding: 10px 8px; font-size: 11px; }\n\n /* ── Status bar ─────────────────────── */\n .status-bar {\n position: fixed;\n top: 52px; left: 0; right: 0;\n z-index: 9;\n background: var(--surface-2);\n border-bottom: 1px solid var(--border);\n padding: 6px 20px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 10px;\n color: var(--accent);\n text-align: center;\n }\n\n /* ── Engine badge ────────────────────── */\n .engine-badge {\n margin: 0 12px 8px;\n padding: 5px 10px;\n background: var(--accent-dim);\n border-radius: 6px;\n font-family: 'JetBrains Mono', monospace;\n font-size: 9px;\n color: var(--accent);\n text-align: center;\n }\n\n /* ── Download button ────────────────── */\n .btn-download {\n background: var(--accent) !important;\n color: var(--bg) !important;\n border-color: var(--accent) !important;\n font-weight: 600 !important;\n }\n .btn-download:hover { filter: brightness(1.15); }\n\n /* ── Disabled example cards ──────────── */\n .example-card.disabled {\n opacity: 0.5;\n pointer-events: none;\n }\n\n /* ── Mobile responsive ─────────────── */\n @media (max-width: 768px) {\n .layout {\n grid-template-columns: 1fr;\n grid-template-rows: 52px 1fr;\n }\n .sidebar { display: none; }\n .topbar .badge { display: none; }\n .topbar .right .btn { font-size: 9px; padding: 6px 8px; }\n .mobile-fab { display: flex; align-items: center; justify-content: center; }\n .mobile-toolbar { display: flex; }\n .viewport-overlay { bottom: 68px; }\n }\n `;\n}\n",[174],"28a2cdd9-01d4-434b-a2af-6b4c85b2d573",["D",1789262842241],28,[28],"45f43d3d-b656-447b-b16d-00e79294d770","layout.ts","019c3dc4-fdf2-76fa-8252-9c2548c28d3d",["D",1785593734484],"/** HTML markup for the STL Creator layout */\nimport { CATEGORIES, type Category, type Example } from \"./examples.ts\";\n\nfunction exampleCard(ex: Example): string {\n return `\n

${ex.icon} ${ex.name}

${ex.desc}

${ex.size}${ex.time}

`;\n}\n\nfunction categoryFolder(cat: Category, open: boolean): string {\n return `\n

\n ${cat.icon} ${cat.name}\n ${cat.examples.length}\n

\n ${cat.examples.map(exampleCard).join(\"\")}\n

`;\n}\n\nfunction sidebarContent(): string {\n return `\n

Load Model

📦

Drop STL file here or click to browse

.stl

\n \n

\n \n \n

Examples — Real CSG

⚙ Powered by JSCAD · union / subtract / intersect

\n ${CATEGORIES.map((c, i) => categoryFolder(c, i === 0)).join(\"\")}\n

Model Analysis

DIMENSIONS

—

FITS A1 MINI

—

TRIANGLES

—

EST. VOLUME

—

Display

Build volume

Grid floor

Wireframe

Auto-rotate

`;\n}\n\nexport function getLayout(): string {\n return `\n

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

\n \n

Load an STL or generate a model

Drag & drop, paste URL, or try a CSG example

Scroll to zoom · Drag to rotate · Shift+drag to pan

\n — X\n — Y\n — Z\n

\n\n \n

📦

Drop STL file to load

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

\n ${sidebarContent()}\n

\n\n \n `;\n}\n",[186],"1191373a-7ec9-474b-a218-da357d85c2d0","kokkoKg10CradleClearanceMatrixStl.ts","67794a00-af05-11f1-af6a-1607ee4eb77e",602,["D",1789257386440],"import * as jscad from \"npm:@jscad/modeling@2.12.2\";\nimport { serialize } from \"npm:@jscad/stl-serializer@2.1.17\";\nimport clearanceMatrix from \"./examples/traveler-guitar/kokkoKg10CradleClearanceMatrix.ts\";\n\nexport default function(): Response {\n const generate = new Function(\"jscad\", clearanceMatrix.generatorBody) as\n (jscad: typeof import(\"npm:@jscad/modeling@2.12.2\")) => unknown;\n const output = generate(jscad);\n const solids = (Array.isArray(output) ? output : [output]) as any[];\n const binaryParts = serialize({ binary: true }, ...solids) as ArrayBuffer[];\n const totalBytes = binaryParts.reduce((sum, part) => sum + part.byteLength, 0);\n const body = new Uint8Array(totalBytes);\n let offset = 0;\n for (const part of binaryParts) {\n body.set(new Uint8Array(part), offset);\n offset += part.byteLength;\n }\n return new Response(body, {\n headers: {\n \"Content-Type\": \"model/stl\",\n \"Content-Disposition\": \"attachment; filename=\\\"kokko-kg10-cradle-clearance-matrix.stl\\\"\",\n \"Cache-Control\": \"no-store\",\n },\n });\n}\n",[192],"3dad1f6e-4c2c-42a9-aaab-de83183d02d7","examples.ts","019c3dc4-fdf2-76fa-8252-9ba0ba7dead1",643,["D",1789262422235],130,"/**\n * Barrel file — re-exports all examples from individual files, grouped into\n * CATEGORIES (the \"folders\" shown in the sidebar).\n *\n * To add a new example: create examples//yourModel.ts, add one import\n * below, then drop it into the right CATEGORIES bucket.\n * To edit one: change only its file in examples/.\n * EXAMPLES (the flat list the JSCAD generator switch is built from) is derived\n * automatically from CATEGORIES — nothing else needs to change.\n */\n\nexport type { Example } from \"./examples/types.ts\";\nimport type { Example } from \"./examples/types.ts\";\n\n// ── Seal test (bokashi plunger) ──────────────────────────────────\nimport sealSizers from \"./examples/seal-test/sealSizers.ts\";\nimport sealTestCombo from \"./examples/seal-test/sealTestCombo.ts\";\nimport sealDonut from \"./examples/seal-test/sealDonut.ts\";\n\n// ── Ring-Light Tower (0.5L PET + small ring light) ───────────────\nimport towerFitTest from \"./examples/ring-light-tower/towerFitTest.ts\";\nimport towerBase from \"./examples/ring-light-tower/towerBase.ts\";\nimport towerRiser from \"./examples/ring-light-tower/towerRiser.ts\";\nimport towerCrown from \"./examples/ring-light-tower/towerCrown.ts\";\nimport towerShade from \"./examples/ring-light-tower/towerShade.ts\";\n\n// ── M5Stack DigiClock ─────────────────────────────────────────────\nimport {\n digiClockDiffuser1Layer,\n digiClockDiffuser2Layer,\n digiClockDiffuser3Layer,\n digiClockDiffuserPlate,\n} from \"./examples/digiclock/diffuserPanels.ts\";\nimport {\n digiClockEnclosureConcept,\n digiClockFitFrameProvisional,\n} from \"./examples/digiclock/enclosureConcept.ts\";\n\n// ── Traveler guitar ───────────────────────────────────────────────\nimport travelerSkadisAdapterConcept from \"./examples/traveler-guitar/skadisAdapterConcept.ts\";\nimport travelerHoleFitTestPlate from \"./examples/traveler-guitar/holeFitTestPlate.ts\";\nimport travelerReliefSlotTest from \"./examples/traveler-guitar/reliefSlotTest.ts\";\nimport kokkoKg10RectangularSideProfile from \"./examples/traveler-guitar/kokkoKg10RectangularSideProfile.ts\";\nimport kokkoKg10CradleClearanceMatrix from \"./examples/traveler-guitar/kokkoKg10CradleClearanceMatrix.ts\";\nimport travelerKokkoCradleBridgeConcept from \"./examples/traveler-guitar/travelerKokkoCradleBridgeConcept.ts\";\nimport travelerKokkoCradleFullBasket from \"./examples/traveler-guitar/travelerKokkoCradleFullBasket.ts\";\n\n// ── Everything else (existing flat files) ────────────────────────\nimport mountingPlate from \"./examples/mountingPlate.ts\";\nimport hexBox from \"./examples/hexBox.ts\";\nimport phoneStand from \"./examples/phoneStand.ts\";\nimport cableOrganizer from \"./examples/cableOrganizer.ts\";\nimport bottleSplitter from \"./examples/bottleSplitter.ts\";\nimport orangeCup from \"./examples/orangeCup.ts\";\nimport microgreensMesh from \"./examples/microgreensMesh.ts\";\nimport microgreensDonut from \"./examples/microgreensDonut.ts\";\nimport microgreensHoneycomb from \"./examples/microgreensHoneycomb.ts\";\nimport triBottlePlate from \"./examples/triBottlePlate.ts\";\nimport bottleRingTest from \"./examples/bottleRingTest.ts\";\nimport bottleSleeve15L from \"./examples/bottleSleeve15L.ts\";\nimport vaseTestHoop from \"./examples/vaseTestHoop.ts\";\nimport triBottlePlate15L from \"./examples/triBottlePlate15L.ts\";\nimport bottleSleeveVase from \"./examples/bottleSleeveVase.ts\";\nimport triSleeveVase from \"./examples/triSleeveVase.ts\";\nimport triBottlePlateRaised from \"./examples/triBottlePlateRaised.ts\";\nimport halfRingTest from \"./examples/halfRingTest.ts\";\nimport owalaSleeve from \"./examples/owalaSleeve.ts\";\nimport owalaSleeveFuzzy from \"./examples/owalaSleeveFuzzy.ts\";\nimport triBottlePlateChamfer from \"./examples/triBottlePlateChamfer.ts\";\nimport skadisLego from \"./examples/skadisLego.ts\";\nimport chamferChannelTest from \"./examples/chamferChannelTest.ts\";\nimport triBottlePlateChamfer265 from \"./examples/triBottlePlateChamfer265.ts\";\nimport penHolder from \"./examples/penHolder.ts\";\nimport bucketOpenerIterations from \"./examples/bucketOpenerIterations.ts\";\nimport bucketOpenerCurved from \"./examples/bucketOpenerCurved.ts\";\nimport bucketOpener70mm from \"./examples/bucketOpener70mm.ts\";\nimport bottleShell from \"./examples/bottleShell.ts\";\nimport calCylinders from \"./examples/calCylinders.ts\";\nimport woodGrainWallSampler from \"./examples/woodGrainWallSampler.ts\";\nimport woodGrainCurvedSampler from \"./examples/woodGrainCurvedSampler.ts\";\nimport woodGrainSvgSampler from \"./examples/woodGrainSvgSampler.ts\";\nimport bodkin from \"./examples/bodkin.ts\";\nimport tabletMold from \"./examples/tabletMold.ts\";\nimport tabletMold25 from \"./examples/tabletMold25.ts\";\nimport pco1881Pair from \"./examples/pco1881Pair.ts\";\nimport petBottleCap from \"./examples/petBottleCap.ts\";\nimport petBottleNeck from \"./examples/petBottleNeck.ts\";\nimport waterSleeveCollarV1 from \"./examples/waterSleeveCollarV1.ts\";\nimport waterSleeveMiddleV1 from \"./examples/waterSleeveMiddleV1.ts\";\nimport waterSleeveBaseV1 from \"./examples/waterSleeveBaseV1.ts\";\nimport waterSleeveMiniCollarV1 from \"./examples/waterSleeveMiniCollarV1.ts\";\nimport waterSleeveMiniMiddleV1 from \"./examples/waterSleeveMiniMiddleV1.ts\";\nimport waterSleeveMiniBaseV1 from \"./examples/waterSleeveMiniBaseV1.ts\";\nimport waterSleeveMiniV2Bottom from \"./examples/waterSleeveMiniV2Bottom.ts\";\nimport waterSleeveMiniV2Top from \"./examples/waterSleeveMiniV2Top.ts\";\nimport waterSleeveMiniV2BottomThin from \"./examples/waterSleeveMiniV2BottomThin.ts\";\nimport waterSleeveMiniV2TopThin from \"./examples/waterSleeveMiniV2TopThin.ts\";\nimport waterSleeveMiniV2BottomSlim from \"./examples/waterSleeveMiniV2BottomSlim.ts\";\nimport waterSleeveMiniV2TopSlim from \"./examples/waterSleeveMiniV2TopSlim.ts\";\nimport waterSleeveMiniV3Bottom from \"./examples/waterSleeveMiniV3Bottom.ts\";\nimport waterSleeveMiniV3Top from \"./examples/waterSleeveMiniV3Top.ts\";\nimport waterSleeveMiniV4Bottom from \"./examples/waterSleeveMiniV4Bottom.ts\";\nimport waterSleeveMiniV4Top from \"./examples/waterSleeveMiniV4Top.ts\";\nimport waterSleeveMiniV4Hanger from \"./examples/waterSleeveMiniV4Hanger.ts\";\nimport waterSleeve15V2Bottom from \"./examples/waterSleeve15V2Bottom.ts\";\nimport waterSleeve15V2BottomThin from \"./examples/waterSleeve15V2BottomThin.ts\";\nimport waterSleeve15V2Top from \"./examples/waterSleeve15V2Top.ts\";\nimport waterSleeve5LBottom from \"./examples/waterSleeve5LBottom.ts\";\nimport waterSleeve5LBottomTight from \"./examples/waterSleeve5LBottomTight.ts\";\nimport waterSleeve5LTop from \"./examples/waterSleeve5LTop.ts\";\nimport waterSleeve5LTopV9 from \"./examples/waterSleeve5LTopV9.ts\";\nimport press5LPlugTest from \"./examples/press5LPlugTest.ts\";\nimport press5LSocketTest from \"./examples/press5LSocketTest.ts\";\nimport cap5L48mm from \"./examples/cap5L48mm.ts\";\nimport cap5L48mmFlush from \"./examples/cap5L48mmFlush.ts\";\nimport cap5L48mmFlushV6 from \"./examples/cap5L48mmFlushV6.ts\";\nimport cap5L48mmFlushV6Grip from \"./examples/cap5L48mmFlushV6Grip.ts\";\nimport cap5L48mmFlushVesselInset from \"./examples/cap5L48mmFlushVesselInset.ts\";\nimport cap5L48mmFlushVesselDangle from \"./examples/cap5L48mmFlushVesselDangle.ts\";\nimport cap5L48mmThreadTest from \"./examples/cap5L48mmThreadTest.ts\";\nimport cap5L48mmThreadTestBeefy from \"./examples/cap5L48mmThreadTestBeefy.ts\";\nimport cap5L48mmThreadTestButtress from \"./examples/cap5L48mmThreadTestButtress.ts\";\nimport cap5L48mmThreadTestTripleButtress from \"./examples/cap5L48mmThreadTestTripleButtress.ts\";\nimport sleeve15Gauge from \"./examples/sleeve15Gauge.ts\";\nimport waterSleeveCollarV3 from \"./examples/waterSleeveCollarV3.ts\";\nimport waterSleeveMiddleV3 from \"./examples/waterSleeveMiddleV3.ts\";\nimport waterSleeveBaseV3 from \"./examples/waterSleeveBaseV3.ts\";\nimport waterSleeveMiddleV4 from \"./examples/waterSleeveMiddleV4.ts\";\nimport waterSleeveBaseV4 from \"./examples/waterSleeveBaseV4.ts\";\nimport pressFitTestAll4 from \"./examples/pressFitTestAll4.ts\";\nimport bokashiDrainageThird from \"./examples/bokashiDrainageThird.ts\";\nimport bokashiDrainageThird135 from \"./examples/bokashiDrainageThird135.ts\";\nimport funnel170to75 from \"./examples/funnel170to75.ts\";\nimport bokashiCollector from \"./examples/bokashiCollector.ts\";\nimport bokashiBodyCylinder from \"./examples/bokashiBodyCylinder.ts\";\nimport bokashiBodyTop from \"./examples/bokashiBodyTop.ts\";\nimport bokashiBaseCylinder from \"./examples/bokashiBaseCylinder.ts\";\nimport bokashiBottleAdaptor from \"./examples/bokashiBottleAdaptor.ts\";\nimport bokashiDrainPlug from \"./examples/bokashiDrainPlug.ts\";\nimport bokashiFitLadderTop from \"./examples/bokashiFitLadderTop.ts\";\nimport bokashiFitLadderBase from \"./examples/bokashiFitLadderBase.ts\";\nimport bokashiBaseCatcher from \"./examples/bokashiBaseCatcher.ts\";\nimport bokashiBodyTopTaper from \"./examples/bokashiBodyTopTaper.ts\";\nimport kratkyReservoirBottom from \"./examples/kratkyReservoirBottom.ts\";\nimport kratkyReservoirTop from \"./examples/kratkyReservoirTop.ts\";\nimport ledStickRingTest from \"./examples/ledStickRingTest.ts\";\nimport ledLightBase from \"./examples/ledLightBase.ts\";\nimport ledLightBaseV2 from \"./examples/ledLightBaseV2.ts\";\nimport ledLightBase15L from \"./examples/ledLightBase15L.ts\";\nimport ledLightBase15LV2 from \"./examples/ledLightBase15LV2.ts\";\nimport donutShadeV1 from \"./examples/donutShadeV1.ts\";\nimport donutShadeFlower from \"./examples/donutShadeFlower.ts\";\nimport donutShadeRibbed from \"./examples/donutShadeRibbed.ts\";\nimport donutShadeCylinder from \"./examples/donutShadeCylinder.ts\";\nimport donutShadeCylinderTest from \"./examples/donutShadeCylinderTest.ts\";\nimport donutShadeXL from \"./examples/donutShadeXL.ts\";\nimport donutShadeXLTest from \"./examples/donutShadeXLTest.ts\";\nimport cableDowelTest from \"./examples/cableDowelTest.ts\";\nimport cableDowelClipSizes from \"./examples/cableDowelClipSizes.ts\";\nimport cableDowelSlotTest from \"./examples/cableDowelSlotTest.ts\";\nimport donutShadeFitTest from \"./examples/donutShadeFitTest.ts\";\nimport lightSleeveMiniBottom from \"./examples/lightSleeveMiniBottom.ts\";\nimport lightSleeveMiniTop from \"./examples/lightSleeveMiniTop.ts\";\n\n/** A named, icon-tagged group of examples — rendered as a folder in the sidebar. */\nexport interface Category {\n name: string;\n icon: string;\n examples: Example[];\n}\n\n/**\n * Sidebar folders, top to bottom. Reorder freely; the flat EXAMPLES list (and\n * therefore the generator) is derived from this, so order here = order there.\n */\nexport const CATEGORIES: Category[] = [\n {\n name: \"Traveler Guitar\",\n icon: \"🎸\",\n examples: [travelerKokkoCradleFullBasket, travelerKokkoCradleBridgeConcept, kokkoKg10CradleClearanceMatrix, kokkoKg10RectangularSideProfile, travelerReliefSlotTest, travelerHoleFitTestPlate, travelerSkadisAdapterConcept],\n },\n {\n name: \"M5Stack DigiClock\",\n icon: \"🕒\",\n examples: [\n digiClockDiffuserPlate,\n digiClockDiffuser1Layer,\n digiClockDiffuser2Layer,\n digiClockDiffuser3Layer,\n digiClockFitFrameProvisional,\n digiClockEnclosureConcept,\n ],\n },\n {\n name: \"Ring-Light Tower (0.5L + ring light)\",\n icon: \"🏮\",\n examples: [towerFitTest, towerBase, towerRiser, towerCrown, towerShade],\n },\n {\n name: \"Seal Test — Bokashi Plunger\",\n icon: \"🔩\",\n examples: [sealSizers, sealTestCombo, sealDonut],\n },\n {\n name: \"Bokashi & Compost\",\n icon: \"🌱\",\n examples: [bokashiBodyTopTaper, bokashiBaseCatcher, bokashiFitLadderTop, bokashiFitLadderBase, bokashiBodyCylinder, bokashiBodyTop, bokashiBaseCylinder, bokashiCollector, bokashiBottleAdaptor, bokashiDrainPlug, bokashiDrainageThird, bokashiDrainageThird135, funnel170to75],\n },\n {\n name: \"Water Bottle Sleeves\",\n icon: \"💧\",\n examples: [\n waterSleeve5LTopV9, waterSleeve5LTop, waterSleeve5LBottom, waterSleeve5LBottomTight,\n waterSleeve15V2Top, waterSleeve15V2Bottom, waterSleeve15V2BottomThin,\n waterSleeveMiniV4Top, waterSleeveMiniV4Bottom, waterSleeveMiniV4Hanger,\n waterSleeveMiniV3Top, waterSleeveMiniV3Bottom,\n waterSleeveMiniV2Top, waterSleeveMiniV2Bottom,\n waterSleeveMiniV2TopThin, waterSleeveMiniV2BottomThin,\n waterSleeveMiniV2TopSlim, waterSleeveMiniV2BottomSlim,\n waterSleeveMiniCollarV1, waterSleeveMiniMiddleV1, waterSleeveMiniBaseV1,\n waterSleeveCollarV3, waterSleeveMiddleV3, waterSleeveBaseV3,\n waterSleeveMiddleV4, waterSleeveBaseV4,\n waterSleeveCollarV1, waterSleeveMiddleV1, waterSleeveBaseV1,\n sleeve15Gauge, bottleSleeve15L, bottleSleeveVase, triSleeveVase,\n owalaSleeve, owalaSleeveFuzzy, bottleShell,\n ],\n },\n {\n name: \"Caps & Threads\",\n icon: \"🧴\",\n examples: [\n cap5L48mmFlushV6, cap5L48mmFlushV6Grip, cap5L48mmFlushVesselInset, cap5L48mmFlushVesselDangle,\n cap5L48mm, cap5L48mmFlush,\n cap5L48mmThreadTest, cap5L48mmThreadTestBeefy, cap5L48mmThreadTestButtress, cap5L48mmThreadTestTripleButtress,\n petBottleCap, petBottleNeck, pco1881Pair,\n ],\n },\n {\n name: \"Calibration & Press-Fit Tests\",\n icon: \"🎯\",\n examples: [\n calCylinders, pressFitTestAll4, press5LPlugTest, press5LSocketTest,\n bottleRingTest, vaseTestHoop, halfRingTest, chamferChannelTest, ledStickRingTest,\n ],\n },\n {\n name: \"Surface & Material Tests\",\n icon: \"🪵\",\n examples: [woodGrainWallSampler, woodGrainCurvedSampler, woodGrainSvgSampler],\n },\n {\n name: \"Hydroponics & Garden\",\n icon: \"🪴\",\n examples: [\n microgreensMesh, microgreensDonut, microgreensHoneycomb,\n kratkyReservoirBottom, kratkyReservoirTop, orangeCup,\n ],\n },\n {\n name: \"LED Lights\",\n icon: \"💡\",\n examples: [cableDowelTest, cableDowelClipSizes, cableDowelSlotTest, donutShadeXLTest, donutShadeXL, donutShadeCylinderTest, donutShadeCylinder, donutShadeFitTest, donutShadeV1, donutShadeFlower, donutShadeRibbed, ledLightBaseV2, ledLightBase15LV2, ledLightBase, ledLightBase15L, lightSleeveMiniBottom, lightSleeveMiniTop],\n },\n {\n name: \"Bottle Plates & Splitters\",\n icon: \"🍶\",\n examples: [\n triBottlePlate, triBottlePlate15L, triBottlePlateRaised,\n triBottlePlateChamfer, triBottlePlateChamfer265, bottleSplitter, mountingPlate,\n ],\n },\n {\n name: \"Bucket Openers\",\n icon: \"🪣\",\n examples: [bucketOpener70mm, bucketOpenerIterations, bucketOpenerCurved],\n },\n {\n name: \"Household & Misc\",\n icon: \"📦\",\n examples: [hexBox, phoneStand, cableOrganizer, penHolder, skadisLego, tabletMold, tabletMold25, bodkin],\n },\n];\n\n/** Flat list of every example, derived from CATEGORIES (drives the generator switch). */\nexport const EXAMPLES: Example[] = CATEGORIES.flatMap((c) => c.examples);\n\n/**\n * Returns the client-side JS for the genExample(name) function,\n * built dynamically from the EXAMPLES array.\n * Each case body must return a JSCAD geom3 solid.\n * `jscad` (the full @jscad/modeling library) is in scope.\n */\nexport function getExampleGeneratorJS(): string {\n const cases = EXAMPLES.map(\n (ex) => `case '${ex.id}': {\\n${ex.generatorBody}\\n}`,\n ).join(\"\\n \");\n\n return `\n function genExample(name) {\n switch (name) {\n ${cases}\n default: return jscad.primitives.cuboid({ size: [50, 50, 50] });\n }\n }`;\n}\n\n/** Client-side JS defining EXAMPLE_IDS — the list of valid ids, for deep-linking. */\nexport function getExampleIdsJS(): string {\n return `const EXAMPLE_IDS = ${JSON.stringify(EXAMPLES.map((e) => e.id))};`;\n}\n",[199],"f2857936-04fe-11f1-b891-42dde27851f2","README.md","019c3dc4-fdf2-76fa-8252-9718cf66e8ab",1,["D",1770562846100],"# STL Viewer\n\nA web-based 3D model viewer and generator for creating printable STL files directly in your browser.\n\n## Demo Video\n\nhttps://www.val.town/x/dcm31/stl-viewer/code/README.md\n\n[Watch the demo on Loom](https://www.loom.com/share/ac0933b3cb8f4c56b32b065d75fd36af)\n\n## Features\n\n- 🎨 Generate 3D models procedurally using Three.js\n- 👁️ Interactive 3D viewer with orbit controls\n- 💾 Export models as STL files for 3D printing\n- 📦 Pre-built examples: Vase, Gear, Castle, Kratky, and Duck\n\n## Usage\n\nVisit the live viewer and select from the example gallery to view and download pre-built models.\n\n### Want to Create Your Own Models?\n\n**You'll need to remix this val first!** Click the \"Remix\" button at the top of the Val Town editor to create your own copy that you can edit.\n\n## Adding New Examples\n\nOnce you've remixed this val:\n\n1. Create a new file in `examples/yourModel.ts`\n2. Define your model following the `Example` interface\n3. Add the import and array entry in `examples.ts`\n\nThat's it! The viewer will automatically pick up your new model.",[207],"6899f2e0-4056-11f1-94cd-42b51c65c3df","PRESS-FIT-NOTES.md","6899f394-4056-11f1-94cd-42b51c65c3df",229,["D",1777087529135],"# Press-Fit Tolerance Reference (PLA, Bambu A1 Mini)\n\nEmpirical fit categories from a 4-ring trial (Apr 2026), tested against a\nfemale socket of **inner diameter ID = 70.00mm**. All values are PLA on a\nBambu Lab A1 Mini with **fuzzy skin enabled** (0.4mm distance / 0.3mm point\ndistance) on the test rings.\n\n## Tolerance ladder\n\n| Fit category | PLUG_OD | Radial clearance | Diametric clearance | Behavior |\n|----------------|---------|------------------|---------------------|----------|\n| Slide fit | 69.70 | 0.15mm | 0.30mm | Drops in, freely separates |\n| Loose fit | 69.80 | 0.10mm | 0.20mm | Seats with light pressure, can be twisted apart |\n| **Tight fit** | **69.90** | **0.05mm** | **0.10mm** | **Hand-press required, holds securely (chosen)** |\n| Semipermanent | 70.00 | 0.00mm | 0.00mm | Hammer/clamp to seat, won't separate without damage |\n\n## How to use this for other parts\n\nTolerances are **relative to the socket ID** — they're not absolute numbers.\nTo pick a PLUG_OD for a different socket:\n\n```\nPLUG_OD = SOCKET_ID − (2 × desired_radial_clearance)\n```\n\nSo for any socket dimension, the recipe is:\n\n| Target fit | Radial clearance to subtract from socket radius |\n|------------------|--------------------------------------------------|\n| Slide fit | 0.15mm |\n| Loose fit | 0.10mm |\n| **Tight fit** | **0.05mm** ← default for sleeve joints |\n| Semipermanent | 0.00mm |\n\nExample for a 50mm socket: tight fit plug = 50.00 − (2 × 0.05) = **49.90mm**.\n\n## Caveats\n\n- **Fuzzy skin matters.** Fuzzy adds dimensional bumps that slightly\n *reduce* effective fit (the bumps deform under press pressure). Without\n fuzzy skin you may need to add ~0.05mm to the plug OD, or test on a\n smooth ring first. These numbers were calibrated WITH fuzzy on.\n- **Printer matters.** A1 Mini was used. Other printers (Prusa, Ender,\n Voron) will likely need re-calibration — XY shrinkage and belt tension\n vary by machine.\n- **Material matters.** PLA only. PETG is stickier and tends to need\n ~0.05mm more clearance for a comparable feel; ABS/ASA shrink more so\n you may need less.\n- **Plug height matters.** Test rings used PLUG_H = 3mm. Taller plugs\n generate more friction along their length, so a \"tight\" plug at 3mm may\n feel \"semipermanent\" at 10mm. For deep press fits, drop one category\n (e.g., use Loose dimensions for a 10mm-deep plug to get Tight behavior).\n- **Plug wall thickness matters.** Thin plug walls (under ~1mm) flex\n inward under press pressure and feel looser than they measure. The test\n rings used a beefy 1.85mm plug wall. The shipped sleeve uses 1.4mm.\n Thinner than ~1mm = unreliable; consider thickening before re-tuning fit.\n- **Re-test if you change print settings** (line width, wall count,\n flow rate, layer height). The XY accuracy of an A1 Mini is sensitive to\n these.\n\n## Reference test ring file\n\n`examples/pressFitTestAll4.ts` — 2×2 grid of four 11mm-tall test rings\n(short version, position-coded by quadrant on the build plate). Print to\nre-calibrate any time the printer or filament changes.\n\n## Shipped values\n\nThe 0.5L mini sleeve V2 Bottom uses **Tight fit** (PLUG_OD 69.90 against\nSOCKET_ID 70.0 in the V2 Top). See `examples/waterSleeveMiniV2Bottom.ts`.\n",[214],"6a02442d-ccd2-4a58-b680-554519ba5f47","AGENTS.md","3340f4b6-a3d1-11f1-aa80-1607ee4eb77e",639,["D",1789261174670],13,"# AGENTS.md — persistent design context for dcm31/stl-creator\n\nReference data for AI agents working in this val. Keep hardware dimensions\nand hard-won calibration facts here so they survive across sessions.\n\n## Printer\n\n- Bambu Lab A1 Mini — bed 180 × 180 × 180 mm\n- Large plates print with ~99.9% slicer downscale (Charlie's habit for\n 180mm-flat superellipse parts)\n\n## Hardware objects\n\n### Donut plant light (small horizontal ring light)\n\n- Donut OD: 90 mm\n- Donut ID: 50 mm\n- Donut height: 15 mm\n- Support stick: attached at outer edge, runs full height and continues down\n (it's the pole that holds the light up)\n - Radial protrusion beyond OD: ~15 mm, but a wire runs down the BACK of the\n stick → design clearance 20 mm radial\n - Stick width: 10–15 mm (rounded profile) → design slot width ~16 mm\n- Related design: lampshade that drops over the top (keyed vase-mode shade)\n\n### Donut plant light — BIG (second ring light)\n\n- Donut OD: 160 mm\n- Donut ID: ~115 mm (measured 11.5cm-ish)\n- Donut height: 17-18 mm (design for 18)\n- Bulge: max 20 mm past OD, max 15 mm wide (looks like same equipment\n family as the small one)\n- Shade: donutShadeXL — 55 mm skirt below the light, 45°-rotated for bed fit\n (Ø163 + tab = 181.5 along the tab axis, so the tab must point diagonal)\n\n### LED stick lights\n\n- Small stick: Ø8.35 socket (ring-test confirmed) — used by ledLightBase*\n- Big stick: Ø15.5 socket (ring-test round 4) — used by ledLightBase15L*\n\n### M5Stack red four-digit clock\n\n- Hardware visually confirmed by Charlie: **M5Stack Unit DigiClock, SKU U146**.\n- Charlie's measured visible display window: approximately **50 mm wide × almost\n 20 mm tall**. Diffuser tests use 60 × 30 mm coupons, preserving the centered\n 50 × 20 mm optical area and testing 0.20 / 0.40 / 0.60 mm face thickness.\n- Optical test protocol: print every coupon **visible-face down**, evaluate the\n build-plate side, and disable ironing. Keep filament, build plate, first-layer\n height, nozzle/bed temperatures, flow, speed, and cooling identical between\n coupons and final enclosure; STL cannot encode these slicer settings.\n- Coupon result (2026-09-07): Charlie selected **level 2**, so the enclosure\n defaults to `FACE_LAYERS = 2` at 0.20 mm layers, for a **0.40 mm** translucent\n front membrane. Level 1 (0.20 mm) and level 3 (0.60 mm) remain explicit\n alternatives; do not silently change the selected default.\n- Official product page: https://docs.m5stack.com/en/unit/digi_clock\n - Published product size: 50 × 31 × 14 mm.\n - Four mounting holes/tabs; official product photo labels the slots 3 × 4 mm\n and a 32 mm horizontal mounting-center relationship.\n - Official photos show mounting ears projecting beyond the display fascia and\n Grove connectors at both short ends. **Do not** use a plain 50 × 31 mm box as\n the fit pocket or assume the published envelope fully covers projections.\n- Enclosure geometry must keep separate parameters for fascia/body, tab projection\n and width, four hole locations, Grove connector bodies, plug insertion clearance,\n and cable bend/routing space. These remain provisional until physically measured.\n- Controller: **AtomS3 Lite, SKU C124**, official envelope 24 × 24 × 9.5 mm\n (official STL measures 24 × 24 × 9.507 mm). USB-C is centered on one edge.\n Source: https://docs.m5stack.com/en/core/AtomS3%20Lite\n- Charlie selected **Concept A**: a low, squat, elongated ellipsoid / rounded\n soap-bar body whose angled display face remains separate from the broad,\n horizontal stable base. Do not continue or present the overlapping Concept B.\n- The reviewed A envelope is approximately 124 × 84 × 48 mm in use. The display\n plane remains tunable at 55° and the exported model is automatically reoriented\n so the 0.40 mm visible clock face prints flat on the build plate.\n- The active U146 Grove port is on the **left when viewed straight at the display**.\n The plug insertion, bend pocket, Atom route, and service access must remain\n inside the shell; no side opening is allowed. The passive right connector body\n must remain internally accessible.\n- Enclosure exterior finish is slicer-only: Bambu fuzzy skin thickness **0.10 mm**\n and point distance **0.10 mm**, painted only onto exposed curved exterior side\n walls. Exclude the translucent membrane/build-plate face, stable flat base,\n internal pockets/cradles, Grove connector and cable-bend reliefs, USB-C notch,\n service-opening rim, and all mating/retention surfaces. Do not apply this\n setting to the diffuser coupon plate.\n- Concept A is **not yet print-ready hardware**. The official 50 × 31 × 14 mm U146\n body envelope and 24 × 24 × 9.5 mm AtomS3 Lite envelope are represented, but\n the U146 ear projection/width/vertical centers, real left Grove plug overmold\n and bend envelope, USB-C center/overmold/insertion space, rear closure, display\n and Atom retention, assembly order, and local wall thickness around all cuts\n still require measurements or decisions. A slicer overhang/support review and\n an exported-mesh repair/manifold check are also required before print approval.\n\n### Traveler guitar → printed SKÅDIS adapter\n\n- Traveler guitar has two nominal Ø6 mm rod/hole locations.\n- Charlie measured 60 mm maximum outside-edge span across the two holes, not\n center-to-center. The current concept therefore infers 54 mm nominal centers;\n confirm with calipers before a fit print because both the diameter and span are\n approximate.\n- The SKÅDIS board plane contains the guitar rod axes and is perpendicular to the\n guitar's hole-opening plane, so the adapter is a 90° L-shaped transition.\n- Charlie's 3D-printed SKÅDIS slots run tight. Start with deliberately undersized\n test keys (current concept 4.20 × 9.20 mm) on 40 mm pitch rather than assuming\n official IKEA fit.\n- Current direct concept requires two assembly motions: approach normal to the\n board far enough to insert the hook caps, then slide about 4 mm in-plane to\n lock. Confirm the guitar/body leaves room for both motions and choose the slide\n direction before making this print-ready.\n- Current provisional board thickness is 5.0 mm. Measure the actual printed slot\n width/length, board thickness, rod OD, desired board offset, available insertion\n clearance, board/amp load, and orientation before final design.\n- If direct insert-and-slide clearance is blocked, prefer a two-piece design:\n standard SKÅDIS hooks on a board-side cleat plus a separate guitar-side\n dovetail/rail. That decouples board installation from attachment to the guitar.\n- Editable concept id: `travelerSkadisAdapterConcept`; presentation slug:\n `traveler-skadis-adapter`. It is a motion study, not print-ready hardware.\n- Hole-fit matrix printed 2026-09-12 in the active Bambu A1 Mini PLA Wood\n profile: nine 72 × 20 × 1.20 mm coupons, no brim/support, 0.20 mm layers.\n Left-edge notch count encodes centers: 1 = 53.5 mm, 2 = 54.0 mm,\n 3 = 54.5 mm. Right-edge notch count encodes bore diameter: 1 = 6.15 mm,\n 2 = 6.35 mm, 3 = 6.55 mm. Charlie selected **2 left notches / 3 right\n notches**, confirming **54.0 mm nominal centers and Ø6.55 mm bores**.\n Example id: `travelerHoleFitTestPlate`.\n- Equal-spacing plates steal the bent rods' spring/friction tension. Keep the\n fixed Ø6.55 mm bore and use the outward capsule slot from\n `travelerReliefSlotTest`: 54.0 mm inner-center position with 10.0 mm outward\n center travel (54–64 mm relationship).\n- KOKKO KG-10 cradle clearance matrix result (2026-09-12): **only the loosest\n 99 × 67 mm profile fit at all, and it still required flexing**. Treat that as\n the minimum measured envelope, not the basket size. The shallow basket study\n uses a provisional **101 × 69 mm internal opening** for non-press-fit seating.\n Its 101 mm direction runs backward and its 69 mm direction runs outboard so\n the integrated 159 × 126 mm study fits the A1 Mini bed. Do not revert to the\n 97.5 × 65.5 or 98 × 66 openings.\n- The amp holder is a **coplanar tray/basket**, not an upright side-profile ring:\n its full floor shares the rod plate's plane and shallow walls rise normal to\n that floor. Direction convention for the integrated model is **negative X =\n outboard beyond the guitar butt** and **positive Y = behind the guitar**; do\n not offset the basket forward. The low placement/fit preview is deliberately\n built as one 4 mm carved solid with a 1.20 mm basket floor, 2 mm wall width,\n and 2.8 mm of wall above the floor. Its rod plate and basket are connected by\n a broad smooth fan, not a narrow diagonal neck or overlapping separate bodies.\n Reserve the available 30 mm behind-guitar height for later curved ribs/gussets.\n Intended final load version remains approximately 10 mm at the rod plate and\n 20 mm-high basket walls, after placement and clearance are confirmed.\n\n## Presentation views\n\n- For TVs, embedded reviews, and visual approval, use the control-free route\n `/present/`; never embed the full STL Creator editor.\n- Presentation views must reuse the registered example's `generatorBody`, fill\n the viewport, auto-fit the whole part after resize, and leave the editable\n root editor route unchanged.\n- Add a model to `PRESENTATION_MODELS` in `main.ts` with its title, note,\n generator body, and optional in-use pose correction. Supported query options\n are `pose=in-use|print`, `labels=0|1`, `background=RRGGBB`, and\n `accent=RRGGBB`. The legacy `/preview/` route is an alias.\n- For the DigiClock enclosure, use\n `/present/digiclock-enclosure-a?pose=in-use` for the selected Concept A;\n print pose is only for fabrication inspection.\n\n### Bottles / sleeves (foot diameters that matter for base clearances)\n\n- 0.5L mini sleeve foot: Ø84 (waterSleeveMiniV2Bottom)\n- 1.5L sleeve foot: Ø114 (waterSleeve15V2Bottom)\n- 5L jug: superellipse a=90 n=2.67 (~180 flat / ~196 diagonal)\n",[221],"1f77afa4-4636-11f1-9542-42b51c65c3df","vase-creator","c9b45804-cc24-42a7-b676-96849237af3f",266,["D",1777733369515],"directory",[229],"f71e9c50-db54-4c92-891b-dfc9cce58a5c","skills","019fbdae-2552-7012-a355-37189bf7953e",["D",1785593734484],[236],"f28577ec-04fe-11f1-b891-42dde27851f2","examples","019c3dc4-fdf2-76fa-8252-909c6fe161f6",["D",1770562846100],[241],"47ff7747-a71e-4ba8-9816-3861e60a191d","assets","43a63b3a-4dcb-4ffb-a8cc-97968b23e1f2",473,["D",1788065537083],[246],"pulls","branches",3,"forks","envVars",{"_259":62,"_261":62},"connections",{"_259":62,"_260":62},"count","unfilledCount","emptyCount",{"_43":245,"_32":246,"_30":247,"_158":-5,"_41":42,"_40":248,"_160":58,"_38":1777,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1778,"_27":1779},{"_43":1770,"_32":1771,"_30":1772,"_158":247,"_41":42,"_40":248,"_160":58,"_38":1773,"_13":62,"_33":20,"_35":1774,"_24":25,"_164":-5,"_444":1775,"_27":1776},{"_43":240,"_32":241,"_30":242,"_158":-5,"_41":42,"_40":209,"_160":58,"_38":1767,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1768,"_27":1769},{"_43":1762,"_32":1753,"_30":1747,"_158":242,"_41":42,"_40":1763,"_160":58,"_38":1764,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1765,"_27":1766},{"_43":1754,"_32":1755,"_30":1756,"_158":1747,"_41":42,"_40":1757,"_160":58,"_38":1758,"_13":590,"_33":478,"_35":1759,"_24":25,"_164":-5,"_444":1760,"_27":1761},{"_43":1744,"_32":1745,"_30":1746,"_158":1747,"_41":42,"_40":1748,"_160":58,"_38":1749,"_13":1049,"_33":478,"_35":1750,"_24":25,"_164":-5,"_444":1751,"_27":1752},{"_43":1740,"_32":1698,"_30":1693,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1741,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1742,"_27":1743},{"_43":1734,"_32":207,"_30":1735,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1736,"_13":62,"_33":20,"_35":1737,"_24":25,"_164":-5,"_444":1738,"_27":1739},{"_43":1727,"_32":1728,"_30":1729,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1730,"_13":62,"_33":478,"_35":1731,"_24":25,"_164":-5,"_444":1732,"_27":1733},{"_43":1720,"_32":1721,"_30":1722,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1723,"_13":62,"_33":478,"_35":1724,"_24":25,"_164":-5,"_444":1725,"_27":1726},{"_43":1713,"_32":1714,"_30":1715,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1716,"_13":62,"_33":478,"_35":1717,"_24":25,"_164":-5,"_444":1718,"_27":1719},{"_43":1706,"_32":1707,"_30":1708,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1709,"_13":62,"_33":478,"_35":1710,"_24":25,"_164":-5,"_444":1711,"_27":1712},{"_43":1699,"_32":1700,"_30":1701,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1702,"_13":62,"_33":478,"_35":1703,"_24":25,"_164":-5,"_444":1704,"_27":1705},{"_43":1690,"_32":1691,"_30":1692,"_158":1693,"_41":42,"_40":176,"_160":58,"_38":1694,"_13":62,"_33":478,"_35":1695,"_24":25,"_164":-5,"_444":1696,"_27":1697},{"_43":1686,"_32":1671,"_30":1666,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1687,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1688,"_27":1689},{"_43":1679,"_32":1680,"_30":1681,"_158":1666,"_41":42,"_40":176,"_160":58,"_38":1682,"_13":62,"_33":478,"_35":1683,"_24":25,"_164":-5,"_444":1684,"_27":1685},{"_43":1672,"_32":1673,"_30":1674,"_158":1666,"_41":42,"_40":176,"_160":58,"_38":1675,"_13":62,"_33":478,"_35":1676,"_24":25,"_164":-5,"_444":1677,"_27":1678},{"_43":1663,"_32":1664,"_30":1665,"_158":1666,"_41":42,"_40":176,"_160":58,"_38":1667,"_13":62,"_33":478,"_35":1668,"_24":25,"_164":-5,"_444":1669,"_27":1670},{"_43":1658,"_32":1569,"_30":1563,"_158":242,"_41":42,"_40":1659,"_160":58,"_38":1660,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":1661,"_27":1662},{"_43":1650,"_32":1651,"_30":1652,"_158":1563,"_41":42,"_40":1653,"_160":58,"_38":1654,"_13":209,"_33":478,"_35":1655,"_24":25,"_164":-5,"_444":1656,"_27":1657},{"_43":1642,"_32":1643,"_30":1644,"_158":1563,"_41":42,"_40":1645,"_160":58,"_38":1646,"_13":178,"_33":478,"_35":1647,"_24":25,"_164":-5,"_444":1648,"_27":1649},{"_43":1634,"_32":1635,"_30":1636,"_158":1563,"_41":42,"_40":1637,"_160":58,"_38":1638,"_13":62,"_33":478,"_35":1639,"_24":25,"_164":-5,"_444":1640,"_27":1641},{"_43":1626,"_32":1627,"_30":1628,"_158":1563,"_41":42,"_40":1629,"_160":58,"_38":1630,"_13":178,"_33":478,"_35":1631,"_24":25,"_164":-5,"_444":1632,"_27":1633},{"_43":1618,"_32":1619,"_30":1620,"_158":1563,"_41":42,"_40":1621,"_160":58,"_38":1622,"_13":1091,"_33":478,"_35":1623,"_24":25,"_164":-5,"_444":1624,"_27":1625},{"_43":1610,"_32":1611,"_30":1612,"_158":1563,"_41":42,"_40":1613,"_160":58,"_38":1614,"_13":1100,"_33":478,"_35":1615,"_24":25,"_164":-5,"_444":1616,"_27":1617},{"_43":1602,"_32":1603,"_30":1604,"_158":1563,"_41":42,"_40":1605,"_160":25,"_38":1606,"_13":62,"_33":478,"_35":1607,"_24":25,"_164":-5,"_444":1608,"_27":1609},{"_43":1594,"_32":1595,"_30":1596,"_158":1563,"_41":42,"_40":1597,"_160":58,"_38":1598,"_13":209,"_33":478,"_35":1599,"_24":25,"_164":-5,"_444":1600,"_27":1601},{"_43":1586,"_32":1587,"_30":1588,"_158":1563,"_41":42,"_40":1589,"_160":58,"_38":1590,"_13":62,"_33":478,"_35":1591,"_24":25,"_164":-5,"_444":1592,"_27":1593},{"_43":1578,"_32":1579,"_30":1580,"_158":1563,"_41":42,"_40":1581,"_160":58,"_38":1582,"_13":62,"_33":478,"_35":1583,"_24":25,"_164":-5,"_444":1584,"_27":1585},{"_43":1570,"_32":1571,"_30":1572,"_158":1563,"_41":42,"_40":1573,"_160":58,"_38":1574,"_13":62,"_33":478,"_35":1575,"_24":25,"_164":-5,"_444":1576,"_27":1577},{"_43":1560,"_32":1561,"_30":1562,"_158":1563,"_41":42,"_40":1564,"_160":58,"_38":1565,"_13":695,"_33":478,"_35":1566,"_24":25,"_164":-5,"_444":1567,"_27":1568},{"_43":1552,"_32":1553,"_30":1554,"_158":242,"_41":42,"_40":1555,"_160":58,"_38":1556,"_13":590,"_33":20,"_35":1557,"_24":25,"_164":-5,"_444":1558,"_27":1559},{"_43":1544,"_32":1545,"_30":1546,"_158":242,"_41":42,"_40":1547,"_160":58,"_38":1548,"_13":1091,"_33":478,"_35":1549,"_24":25,"_164":-5,"_444":1550,"_27":1551},{"_43":1537,"_32":1538,"_30":1539,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1540,"_13":62,"_33":478,"_35":1541,"_24":25,"_164":-5,"_444":1542,"_27":1543},{"_43":1530,"_32":1531,"_30":1532,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1533,"_13":62,"_33":478,"_35":1534,"_24":25,"_164":-5,"_444":1535,"_27":1536},{"_43":1523,"_32":1524,"_30":1525,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1526,"_13":62,"_33":478,"_35":1527,"_24":25,"_164":-5,"_444":1528,"_27":1529},{"_43":1515,"_32":1516,"_30":1517,"_158":242,"_41":42,"_40":1518,"_160":58,"_38":1519,"_13":62,"_33":478,"_35":1520,"_24":25,"_164":-5,"_444":1521,"_27":1522},{"_43":1508,"_32":1509,"_30":1510,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1511,"_13":62,"_33":478,"_35":1512,"_24":25,"_164":-5,"_444":1513,"_27":1514},{"_43":1501,"_32":1502,"_30":1503,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1504,"_13":62,"_33":478,"_35":1505,"_24":25,"_164":-5,"_444":1506,"_27":1507},{"_43":1494,"_32":1495,"_30":1496,"_158":242,"_41":42,"_40":176,"_160":58,"_38":1497,"_13":62,"_33":478,"_35":1498,"_24":25,"_164":-5,"_444":1499,"_27":1500},{"_43":1486,"_32":1487,"_30":1488,"_158":242,"_41":42,"_40":1489,"_160":58,"_38":1490,"_13":62,"_33":478,"_35":1491,"_24":25,"_164":-5,"_444":1492,"_27":1493},{"_43":1478,"_32":1479,"_30":1480,"_158":242,"_41":42,"_40":1481,"_160":58,"_38":1482,"_13":62,"_33":478,"_35":1483,"_24":25,"_164":-5,"_444":1484,"_27":1485},{"_43":1470,"_32":1471,"_30":1472,"_158":242,"_41":42,"_40":1473,"_160":58,"_38":1474,"_13":253,"_33":478,"_35":1475,"_24":25,"_164":-5,"_444":1476,"_27":1477},{"_43":1462,"_32":1463,"_30":1464,"_158":242,"_41":42,"_40":1465,"_160":58,"_38":1466,"_13":62,"_33":478,"_35":1467,"_24":25,"_164":-5,"_444":1468,"_27":1469},{"_43":1455,"_32":1456,"_30":1457,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1458,"_13":62,"_33":20,"_35":1459,"_24":25,"_164":-5,"_444":1460,"_27":1461},{"_43":1447,"_32":1448,"_30":1449,"_158":242,"_41":42,"_40":1450,"_160":58,"_38":1451,"_13":209,"_33":20,"_35":1452,"_24":25,"_164":-5,"_444":1453,"_27":1454},{"_43":1439,"_32":1440,"_30":1441,"_158":242,"_41":42,"_40":1442,"_160":58,"_38":1443,"_13":209,"_33":20,"_35":1444,"_24":25,"_164":-5,"_444":1445,"_27":1446},{"_43":1432,"_32":1433,"_30":1434,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1435,"_13":62,"_33":20,"_35":1436,"_24":25,"_164":-5,"_444":1437,"_27":1438},{"_43":1424,"_32":1425,"_30":1426,"_158":242,"_41":42,"_40":1427,"_160":58,"_38":1428,"_13":62,"_33":20,"_35":1429,"_24":25,"_164":-5,"_444":1430,"_27":1431},{"_43":1417,"_32":1418,"_30":1419,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1420,"_13":62,"_33":20,"_35":1421,"_24":25,"_164":-5,"_444":1422,"_27":1423},{"_43":1409,"_32":1410,"_30":1411,"_158":242,"_41":42,"_40":1412,"_160":58,"_38":1413,"_13":62,"_33":20,"_35":1414,"_24":25,"_164":-5,"_444":1415,"_27":1416},{"_43":1402,"_32":1403,"_30":1404,"_158":242,"_41":42,"_40":910,"_160":58,"_38":1405,"_13":590,"_33":20,"_35":1406,"_24":25,"_164":-5,"_444":1407,"_27":1408},{"_43":1394,"_32":1395,"_30":1396,"_158":242,"_41":42,"_40":1397,"_160":58,"_38":1398,"_13":590,"_33":20,"_35":1399,"_24":25,"_164":-5,"_444":1400,"_27":1401},{"_43":1386,"_32":1387,"_30":1388,"_158":242,"_41":42,"_40":1389,"_160":58,"_38":1390,"_13":253,"_33":20,"_35":1391,"_24":25,"_164":-5,"_444":1392,"_27":1393},{"_43":1378,"_32":1379,"_30":1380,"_158":242,"_41":42,"_40":1381,"_160":58,"_38":1382,"_13":695,"_33":20,"_35":1383,"_24":25,"_164":-5,"_444":1384,"_27":1385},{"_43":1370,"_32":1371,"_30":1372,"_158":242,"_41":42,"_40":1373,"_160":58,"_38":1374,"_13":162,"_33":478,"_35":1375,"_24":25,"_164":-5,"_444":1376,"_27":1377},{"_43":1362,"_32":1363,"_30":1364,"_158":242,"_41":42,"_40":1365,"_160":58,"_38":1366,"_13":62,"_33":478,"_35":1367,"_24":25,"_164":-5,"_444":1368,"_27":1369},{"_43":1354,"_32":1355,"_30":1356,"_158":242,"_41":42,"_40":1357,"_160":58,"_38":1358,"_13":695,"_33":478,"_35":1359,"_24":25,"_164":-5,"_444":1360,"_27":1361},{"_43":1347,"_32":1348,"_30":1349,"_158":242,"_41":42,"_40":695,"_160":58,"_38":1350,"_13":62,"_33":20,"_35":1351,"_24":25,"_164":-5,"_444":1352,"_27":1353},{"_43":1339,"_32":1340,"_30":1341,"_158":242,"_41":42,"_40":1342,"_160":58,"_38":1343,"_13":209,"_33":20,"_35":1344,"_24":25,"_164":-5,"_444":1345,"_27":1346},{"_43":1331,"_32":1332,"_30":1333,"_158":242,"_41":42,"_40":1334,"_160":58,"_38":1335,"_13":62,"_33":478,"_35":1336,"_24":25,"_164":-5,"_444":1337,"_27":1338},{"_43":1323,"_32":1324,"_30":1325,"_158":242,"_41":42,"_40":1326,"_160":58,"_38":1327,"_13":178,"_33":478,"_35":1328,"_24":25,"_164":-5,"_444":1329,"_27":1330},{"_43":1315,"_32":1316,"_30":1317,"_158":242,"_41":42,"_40":1318,"_160":58,"_38":1319,"_13":253,"_33":478,"_35":1320,"_24":25,"_164":-5,"_444":1321,"_27":1322},{"_43":1307,"_32":1308,"_30":1309,"_158":242,"_41":42,"_40":1310,"_160":58,"_38":1311,"_13":253,"_33":478,"_35":1312,"_24":25,"_164":-5,"_444":1313,"_27":1314},{"_43":1299,"_32":1300,"_30":1301,"_158":242,"_41":42,"_40":1302,"_160":58,"_38":1303,"_13":590,"_33":478,"_35":1304,"_24":25,"_164":-5,"_444":1305,"_27":1306},{"_43":1291,"_32":1292,"_30":1293,"_158":242,"_41":42,"_40":1294,"_160":58,"_38":1295,"_13":62,"_33":478,"_35":1296,"_24":25,"_164":-5,"_444":1297,"_27":1298},{"_43":1283,"_32":1284,"_30":1285,"_158":242,"_41":42,"_40":1286,"_160":58,"_38":1287,"_13":62,"_33":478,"_35":1288,"_24":25,"_164":-5,"_444":1289,"_27":1290},{"_43":1275,"_32":1276,"_30":1277,"_158":242,"_41":42,"_40":1278,"_160":58,"_38":1279,"_13":62,"_33":478,"_35":1280,"_24":25,"_164":-5,"_444":1281,"_27":1282},{"_43":1267,"_32":1268,"_30":1269,"_158":242,"_41":42,"_40":1270,"_160":58,"_38":1271,"_13":62,"_33":478,"_35":1272,"_24":25,"_164":-5,"_444":1273,"_27":1274},{"_43":1259,"_32":1260,"_30":1261,"_158":242,"_41":42,"_40":1262,"_160":58,"_38":1263,"_13":62,"_33":478,"_35":1264,"_24":25,"_164":-5,"_444":1265,"_27":1266},{"_43":1252,"_32":1253,"_30":1254,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1255,"_13":62,"_33":20,"_35":1256,"_24":25,"_164":-5,"_444":1257,"_27":1258},{"_43":1244,"_32":1245,"_30":1246,"_158":242,"_41":42,"_40":1247,"_160":58,"_38":1248,"_13":590,"_33":20,"_35":1249,"_24":25,"_164":-5,"_444":1250,"_27":1251},{"_43":1236,"_32":1237,"_30":1238,"_158":242,"_41":42,"_40":1239,"_160":58,"_38":1240,"_13":590,"_33":478,"_35":1241,"_24":25,"_164":-5,"_444":1242,"_27":1243},{"_43":1228,"_32":1229,"_30":1230,"_158":242,"_41":42,"_40":1231,"_160":58,"_38":1232,"_13":178,"_33":478,"_35":1233,"_24":25,"_164":-5,"_444":1234,"_27":1235},{"_43":1220,"_32":1221,"_30":1222,"_158":242,"_41":42,"_40":1223,"_160":58,"_38":1224,"_13":209,"_33":478,"_35":1225,"_24":25,"_164":-5,"_444":1226,"_27":1227},{"_43":1212,"_32":1213,"_30":1214,"_158":242,"_41":42,"_40":1215,"_160":58,"_38":1216,"_13":209,"_33":478,"_35":1217,"_24":25,"_164":-5,"_444":1218,"_27":1219},{"_43":1204,"_32":1205,"_30":1206,"_158":242,"_41":42,"_40":1207,"_160":58,"_38":1208,"_13":62,"_33":478,"_35":1209,"_24":25,"_164":-5,"_444":1210,"_27":1211},{"_43":1196,"_32":1197,"_30":1198,"_158":242,"_41":42,"_40":1199,"_160":58,"_38":1200,"_13":209,"_33":478,"_35":1201,"_24":25,"_164":-5,"_444":1202,"_27":1203},{"_43":1188,"_32":1189,"_30":1190,"_158":242,"_41":42,"_40":1191,"_160":58,"_38":1192,"_13":62,"_33":478,"_35":1193,"_24":25,"_164":-5,"_444":1194,"_27":1195},{"_43":1180,"_32":1181,"_30":1182,"_158":242,"_41":42,"_40":1183,"_160":58,"_38":1184,"_13":62,"_33":478,"_35":1185,"_24":25,"_164":-5,"_444":1186,"_27":1187},{"_43":1173,"_32":1174,"_30":1175,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1176,"_13":62,"_33":20,"_35":1177,"_24":25,"_164":-5,"_444":1178,"_27":1179},{"_43":1165,"_32":1166,"_30":1167,"_158":242,"_41":42,"_40":1168,"_160":58,"_38":1169,"_13":62,"_33":478,"_35":1170,"_24":25,"_164":-5,"_444":1171,"_27":1172},{"_43":1158,"_32":1159,"_30":1160,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1161,"_13":62,"_33":20,"_35":1162,"_24":25,"_164":-5,"_444":1163,"_27":1164},{"_43":1150,"_32":1151,"_30":1152,"_158":242,"_41":42,"_40":1153,"_160":58,"_38":1154,"_13":253,"_33":20,"_35":1155,"_24":25,"_164":-5,"_444":1156,"_27":1157},{"_43":1143,"_32":1144,"_30":1145,"_158":242,"_41":42,"_40":590,"_160":58,"_38":1146,"_13":62,"_33":20,"_35":1147,"_24":25,"_164":-5,"_444":1148,"_27":1149},{"_43":1136,"_32":1137,"_30":1138,"_158":242,"_41":42,"_40":209,"_160":58,"_38":1139,"_13":62,"_33":20,"_35":1140,"_24":25,"_164":-5,"_444":1141,"_27":1142},{"_43":1128,"_32":1129,"_30":1130,"_158":242,"_41":42,"_40":1131,"_160":58,"_38":1132,"_13":62,"_33":478,"_35":1133,"_24":25,"_164":-5,"_444":1134,"_27":1135},{"_43":1120,"_32":1121,"_30":1122,"_158":242,"_41":42,"_40":1123,"_160":58,"_38":1124,"_13":62,"_33":478,"_35":1125,"_24":25,"_164":-5,"_444":1126,"_27":1127},{"_43":1112,"_32":1113,"_30":1114,"_158":242,"_41":42,"_40":1115,"_160":58,"_38":1116,"_13":590,"_33":478,"_35":1117,"_24":25,"_164":-5,"_444":1118,"_27":1119},{"_43":1104,"_32":1105,"_30":1106,"_158":242,"_41":42,"_40":1107,"_160":58,"_38":1108,"_13":590,"_33":478,"_35":1109,"_24":25,"_164":-5,"_444":1110,"_27":1111},{"_43":1095,"_32":1096,"_30":1097,"_158":242,"_41":42,"_40":1098,"_160":58,"_38":1099,"_13":1100,"_33":478,"_35":1101,"_24":25,"_164":-5,"_444":1102,"_27":1103},{"_43":1086,"_32":1087,"_30":1088,"_158":242,"_41":42,"_40":1089,"_160":58,"_38":1090,"_13":1091,"_33":478,"_35":1092,"_24":25,"_164":-5,"_444":1093,"_27":1094},{"_43":1078,"_32":1079,"_30":1080,"_158":242,"_41":42,"_40":1081,"_160":58,"_38":1082,"_13":590,"_33":478,"_35":1083,"_24":25,"_164":-5,"_444":1084,"_27":1085},{"_43":1070,"_32":1071,"_30":1072,"_158":242,"_41":42,"_40":1073,"_160":58,"_38":1074,"_13":62,"_33":478,"_35":1075,"_24":25,"_164":-5,"_444":1076,"_27":1077},{"_43":1062,"_32":1063,"_30":1064,"_158":242,"_41":42,"_40":1065,"_160":58,"_38":1066,"_13":62,"_33":478,"_35":1067,"_24":25,"_164":-5,"_444":1068,"_27":1069},{"_43":1054,"_32":1055,"_30":1056,"_158":242,"_41":42,"_40":1057,"_160":58,"_38":1058,"_13":253,"_33":20,"_35":1059,"_24":25,"_164":-5,"_444":1060,"_27":1061},{"_43":1046,"_32":1047,"_30":1048,"_158":242,"_41":42,"_40":1049,"_160":58,"_38":1050,"_13":178,"_33":20,"_35":1051,"_24":25,"_164":-5,"_444":1052,"_27":1053},{"_43":1038,"_32":1039,"_30":1040,"_158":242,"_41":42,"_40":1041,"_160":58,"_38":1042,"_13":62,"_33":20,"_35":1043,"_24":25,"_164":-5,"_444":1044,"_27":1045},{"_43":1031,"_32":1032,"_30":1033,"_158":242,"_41":42,"_40":253,"_160":58,"_38":1034,"_13":62,"_33":20,"_35":1035,"_24":25,"_164":-5,"_444":1036,"_27":1037},{"_43":1023,"_32":1024,"_30":1025,"_158":242,"_41":42,"_40":1026,"_160":58,"_38":1027,"_13":209,"_33":20,"_35":1028,"_24":25,"_164":-5,"_444":1029,"_27":1030},{"_43":1015,"_32":1016,"_30":1017,"_158":242,"_41":42,"_40":1018,"_160":58,"_38":1019,"_13":800,"_33":20,"_35":1020,"_24":25,"_164":-5,"_444":1021,"_27":1022},{"_43":1007,"_32":1008,"_30":1009,"_158":242,"_41":42,"_40":1010,"_160":58,"_38":1011,"_13":695,"_33":20,"_35":1012,"_24":25,"_164":-5,"_444":1013,"_27":1014},{"_43":999,"_32":1000,"_30":1001,"_158":242,"_41":42,"_40":1002,"_160":58,"_38":1003,"_13":62,"_33":478,"_35":1004,"_24":25,"_164":-5,"_444":1005,"_27":1006},{"_43":991,"_32":992,"_30":993,"_158":242,"_41":42,"_40":994,"_160":58,"_38":995,"_13":62,"_33":20,"_35":996,"_24":25,"_164":-5,"_444":997,"_27":998},{"_43":984,"_32":985,"_30":986,"_158":242,"_41":42,"_40":176,"_160":58,"_38":987,"_13":62,"_33":478,"_35":988,"_24":25,"_164":-5,"_444":989,"_27":990},{"_43":977,"_32":978,"_30":979,"_158":242,"_41":42,"_40":176,"_160":58,"_38":980,"_13":62,"_33":478,"_35":981,"_24":25,"_164":-5,"_444":982,"_27":983},{"_43":970,"_32":971,"_30":972,"_158":242,"_41":42,"_40":162,"_160":58,"_38":973,"_13":62,"_33":20,"_35":974,"_24":25,"_164":-5,"_444":975,"_27":976},{"_43":962,"_32":963,"_30":964,"_158":242,"_41":42,"_40":965,"_160":58,"_38":966,"_13":209,"_33":478,"_35":967,"_24":25,"_164":-5,"_444":968,"_27":969},{"_43":954,"_32":955,"_30":956,"_158":242,"_41":42,"_40":957,"_160":58,"_38":958,"_13":62,"_33":478,"_35":959,"_24":25,"_164":-5,"_444":960,"_27":961},{"_43":946,"_32":947,"_30":948,"_158":242,"_41":42,"_40":949,"_160":58,"_38":950,"_13":209,"_33":478,"_35":951,"_24":25,"_164":-5,"_444":952,"_27":953},{"_43":938,"_32":939,"_30":940,"_158":242,"_41":42,"_40":941,"_160":58,"_38":942,"_13":62,"_33":20,"_35":943,"_24":25,"_164":-5,"_444":944,"_27":945},{"_43":930,"_32":931,"_30":932,"_158":242,"_41":42,"_40":933,"_160":58,"_38":934,"_13":253,"_33":478,"_35":935,"_24":25,"_164":-5,"_444":936,"_27":937},{"_43":922,"_32":923,"_30":924,"_158":242,"_41":42,"_40":925,"_160":58,"_38":926,"_13":800,"_33":478,"_35":927,"_24":25,"_164":-5,"_444":928,"_27":929},{"_43":914,"_32":915,"_30":916,"_158":242,"_41":42,"_40":917,"_160":58,"_38":918,"_13":209,"_33":478,"_35":919,"_24":25,"_164":-5,"_444":920,"_27":921},{"_43":905,"_32":906,"_30":907,"_158":242,"_41":42,"_40":908,"_160":58,"_38":909,"_13":910,"_33":20,"_35":911,"_24":25,"_164":-5,"_444":912,"_27":913},{"_43":897,"_32":898,"_30":899,"_158":242,"_41":42,"_40":900,"_160":58,"_38":901,"_13":62,"_33":20,"_35":902,"_24":25,"_164":-5,"_444":903,"_27":904},{"_43":889,"_32":890,"_30":891,"_158":242,"_41":42,"_40":892,"_160":58,"_38":893,"_13":209,"_33":20,"_35":894,"_24":25,"_164":-5,"_444":895,"_27":896},{"_43":881,"_32":882,"_30":883,"_158":242,"_41":42,"_40":884,"_160":58,"_38":885,"_13":62,"_33":20,"_35":886,"_24":25,"_164":-5,"_444":887,"_27":888},{"_43":873,"_32":874,"_30":875,"_158":242,"_41":42,"_40":876,"_160":58,"_38":877,"_13":209,"_33":20,"_35":878,"_24":25,"_164":-5,"_444":879,"_27":880},{"_43":865,"_32":866,"_30":867,"_158":242,"_41":42,"_40":868,"_160":58,"_38":869,"_13":62,"_33":20,"_35":870,"_24":25,"_164":-5,"_444":871,"_27":872},{"_43":859,"_32":475,"_30":860,"_158":242,"_41":42,"_40":178,"_160":58,"_38":861,"_13":209,"_33":20,"_35":862,"_24":25,"_164":-5,"_444":863,"_27":864},{"_43":852,"_32":853,"_30":854,"_158":242,"_41":42,"_40":209,"_160":58,"_38":855,"_13":62,"_33":20,"_35":856,"_24":25,"_164":-5,"_444":857,"_27":858},{"_43":844,"_32":845,"_30":846,"_158":242,"_41":42,"_40":847,"_160":58,"_38":848,"_13":62,"_33":20,"_35":849,"_24":25,"_164":-5,"_444":850,"_27":851},{"_43":836,"_32":837,"_30":838,"_158":242,"_41":42,"_40":839,"_160":58,"_38":840,"_13":209,"_33":478,"_35":841,"_24":25,"_164":-5,"_444":842,"_27":843},{"_43":828,"_32":829,"_30":830,"_158":242,"_41":42,"_40":831,"_160":58,"_38":832,"_13":178,"_33":478,"_35":833,"_24":25,"_164":-5,"_444":834,"_27":835},{"_43":820,"_32":821,"_30":822,"_158":242,"_41":42,"_40":823,"_160":58,"_38":824,"_13":178,"_33":478,"_35":825,"_24":25,"_164":-5,"_444":826,"_27":827},{"_43":812,"_32":813,"_30":814,"_158":242,"_41":42,"_40":815,"_160":58,"_38":816,"_13":253,"_33":478,"_35":817,"_24":25,"_164":-5,"_444":818,"_27":819},{"_43":804,"_32":805,"_30":806,"_158":242,"_41":42,"_40":807,"_160":58,"_38":808,"_13":178,"_33":478,"_35":809,"_24":25,"_164":-5,"_444":810,"_27":811},{"_43":795,"_32":796,"_30":797,"_158":242,"_41":42,"_40":798,"_160":58,"_38":799,"_13":800,"_33":478,"_35":801,"_24":25,"_164":-5,"_444":802,"_27":803},{"_43":787,"_32":788,"_30":789,"_158":242,"_41":42,"_40":790,"_160":58,"_38":791,"_13":209,"_33":478,"_35":792,"_24":25,"_164":-5,"_444":793,"_27":794},{"_43":779,"_32":780,"_30":781,"_158":242,"_41":42,"_40":782,"_160":58,"_38":783,"_13":209,"_33":478,"_35":784,"_24":25,"_164":-5,"_444":785,"_27":786},{"_43":771,"_32":772,"_30":773,"_158":242,"_41":42,"_40":774,"_160":58,"_38":775,"_13":253,"_33":478,"_35":776,"_24":25,"_164":-5,"_444":777,"_27":778},{"_43":763,"_32":764,"_30":765,"_158":242,"_41":42,"_40":766,"_160":58,"_38":767,"_13":209,"_33":478,"_35":768,"_24":25,"_164":-5,"_444":769,"_27":770},{"_43":755,"_32":756,"_30":757,"_158":242,"_41":42,"_40":758,"_160":58,"_38":759,"_13":62,"_33":478,"_35":760,"_24":25,"_164":-5,"_444":761,"_27":762},{"_43":747,"_32":748,"_30":749,"_158":242,"_41":42,"_40":750,"_160":58,"_38":751,"_13":209,"_33":478,"_35":752,"_24":25,"_164":-5,"_444":753,"_27":754},{"_43":739,"_32":740,"_30":741,"_158":242,"_41":42,"_40":742,"_160":58,"_38":743,"_13":62,"_33":478,"_35":744,"_24":25,"_164":-5,"_444":745,"_27":746},{"_43":731,"_32":732,"_30":733,"_158":242,"_41":42,"_40":734,"_160":58,"_38":735,"_13":209,"_33":478,"_35":736,"_24":25,"_164":-5,"_444":737,"_27":738},{"_43":723,"_32":724,"_30":725,"_158":242,"_41":42,"_40":726,"_160":58,"_38":727,"_13":62,"_33":478,"_35":728,"_24":25,"_164":-5,"_444":729,"_27":730},{"_43":715,"_32":716,"_30":717,"_158":242,"_41":42,"_40":718,"_160":58,"_38":719,"_13":62,"_33":478,"_35":720,"_24":25,"_164":-5,"_444":721,"_27":722},{"_43":707,"_32":708,"_30":709,"_158":242,"_41":42,"_40":710,"_160":58,"_38":711,"_13":62,"_33":478,"_35":712,"_24":25,"_164":-5,"_444":713,"_27":714},{"_43":699,"_32":700,"_30":701,"_158":242,"_41":42,"_40":702,"_160":58,"_38":703,"_13":62,"_33":478,"_35":704,"_24":25,"_164":-5,"_444":705,"_27":706},{"_43":690,"_32":691,"_30":692,"_158":242,"_41":42,"_40":693,"_160":58,"_38":694,"_13":695,"_33":478,"_35":696,"_24":25,"_164":-5,"_444":697,"_27":698},{"_43":682,"_32":683,"_30":684,"_158":242,"_41":42,"_40":685,"_160":58,"_38":686,"_13":209,"_33":478,"_35":687,"_24":25,"_164":-5,"_444":688,"_27":689},{"_43":674,"_32":675,"_30":676,"_158":242,"_41":42,"_40":677,"_160":58,"_38":678,"_13":62,"_33":478,"_35":679,"_24":25,"_164":-5,"_444":680,"_27":681},{"_43":666,"_32":667,"_30":668,"_158":242,"_41":42,"_40":669,"_160":58,"_38":670,"_13":590,"_33":478,"_35":671,"_24":25,"_164":-5,"_444":672,"_27":673},{"_43":658,"_32":659,"_30":660,"_158":242,"_41":42,"_40":661,"_160":58,"_38":662,"_13":209,"_33":478,"_35":663,"_24":25,"_164":-5,"_444":664,"_27":665},{"_43":650,"_32":651,"_30":652,"_158":242,"_41":42,"_40":653,"_160":58,"_38":654,"_13":209,"_33":478,"_35":655,"_24":25,"_164":-5,"_444":656,"_27":657},{"_43":642,"_32":643,"_30":644,"_158":242,"_41":42,"_40":645,"_160":58,"_38":646,"_13":62,"_33":478,"_35":647,"_24":25,"_164":-5,"_444":648,"_27":649},{"_43":634,"_32":635,"_30":636,"_158":242,"_41":42,"_40":637,"_160":58,"_38":638,"_13":62,"_33":478,"_35":639,"_24":25,"_164":-5,"_444":640,"_27":641},{"_43":626,"_32":627,"_30":628,"_158":242,"_41":42,"_40":629,"_160":58,"_38":630,"_13":209,"_33":478,"_35":631,"_24":25,"_164":-5,"_444":632,"_27":633},{"_43":618,"_32":619,"_30":620,"_158":242,"_41":42,"_40":621,"_160":58,"_38":622,"_13":62,"_33":478,"_35":623,"_24":25,"_164":-5,"_444":624,"_27":625},{"_43":610,"_32":611,"_30":612,"_158":242,"_41":42,"_40":613,"_160":58,"_38":614,"_13":209,"_33":478,"_35":615,"_24":25,"_164":-5,"_444":616,"_27":617},{"_43":602,"_32":603,"_30":604,"_158":242,"_41":42,"_40":605,"_160":58,"_38":606,"_13":62,"_33":478,"_35":607,"_24":25,"_164":-5,"_444":608,"_27":609},{"_43":594,"_32":595,"_30":596,"_158":242,"_41":42,"_40":597,"_160":58,"_38":598,"_13":62,"_33":478,"_35":599,"_24":25,"_164":-5,"_444":600,"_27":601},{"_43":585,"_32":586,"_30":587,"_158":242,"_41":42,"_40":588,"_160":58,"_38":589,"_13":590,"_33":478,"_35":591,"_24":25,"_164":-5,"_444":592,"_27":593},{"_43":235,"_32":236,"_30":237,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":582,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":583,"_27":584},{"_43":578,"_32":577,"_30":572,"_158":237,"_41":42,"_40":176,"_160":58,"_38":579,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":580,"_27":581},{"_43":569,"_32":570,"_30":571,"_158":572,"_41":42,"_40":176,"_160":58,"_38":573,"_13":62,"_33":20,"_35":574,"_24":25,"_164":-5,"_444":575,"_27":576},{"_43":228,"_32":229,"_30":230,"_158":-5,"_41":42,"_40":231,"_160":58,"_38":566,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":567,"_27":568},{"_43":562,"_32":538,"_30":532,"_158":230,"_41":42,"_40":557,"_160":58,"_38":563,"_13":62,"_33":233,"_35":-5,"_24":25,"_164":-5,"_444":564,"_27":565},{"_43":555,"_32":522,"_30":556,"_158":532,"_41":42,"_40":557,"_160":58,"_38":558,"_13":62,"_33":478,"_35":559,"_24":25,"_164":-5,"_444":560,"_27":561},{"_43":547,"_32":548,"_30":549,"_158":532,"_41":42,"_40":550,"_160":58,"_38":551,"_13":62,"_33":478,"_35":552,"_24":25,"_164":-5,"_444":553,"_27":554},{"_43":539,"_32":540,"_30":541,"_158":532,"_41":42,"_40":542,"_160":58,"_38":543,"_13":62,"_33":478,"_35":544,"_24":25,"_164":-5,"_444":545,"_27":546},{"_43":529,"_32":530,"_30":531,"_158":532,"_41":42,"_40":533,"_160":58,"_38":534,"_13":62,"_33":478,"_35":535,"_24":25,"_164":-5,"_444":536,"_27":537},{"_43":521,"_32":522,"_30":523,"_158":230,"_41":42,"_40":524,"_160":58,"_38":525,"_13":62,"_33":478,"_35":526,"_24":25,"_164":-5,"_444":527,"_27":528},{"_43":513,"_32":514,"_30":515,"_158":230,"_41":42,"_40":516,"_160":58,"_38":517,"_13":62,"_33":34,"_35":518,"_24":25,"_164":-5,"_444":519,"_27":520},{"_43":505,"_32":506,"_30":507,"_158":230,"_41":42,"_40":508,"_160":58,"_38":509,"_13":62,"_33":478,"_35":510,"_24":25,"_164":-5,"_444":511,"_27":512},{"_43":497,"_32":498,"_30":499,"_158":230,"_41":42,"_40":500,"_160":58,"_38":501,"_13":62,"_33":478,"_35":502,"_24":25,"_164":-5,"_444":503,"_27":504},{"_43":489,"_32":490,"_30":491,"_158":230,"_41":42,"_40":492,"_160":58,"_38":493,"_13":62,"_33":478,"_35":494,"_24":25,"_164":-5,"_444":495,"_27":496},{"_43":482,"_32":174,"_30":483,"_158":230,"_41":42,"_40":484,"_160":58,"_38":485,"_13":62,"_33":478,"_35":486,"_24":25,"_164":-5,"_444":487,"_27":488},{"_43":474,"_32":475,"_30":476,"_158":230,"_41":42,"_40":231,"_160":58,"_38":477,"_13":62,"_33":478,"_35":479,"_24":25,"_164":-5,"_444":480,"_27":481},{"_43":220,"_32":221,"_30":222,"_158":-5,"_41":42,"_40":223,"_160":58,"_38":471,"_13":225,"_33":20,"_35":226,"_24":25,"_164":-5,"_444":472,"_27":473},{"_43":213,"_32":214,"_30":215,"_158":-5,"_41":42,"_40":216,"_160":58,"_38":468,"_13":62,"_33":20,"_35":218,"_24":25,"_164":-5,"_444":469,"_27":470},{"_43":206,"_32":207,"_30":208,"_158":-5,"_41":42,"_40":209,"_160":58,"_38":465,"_13":62,"_33":20,"_35":211,"_24":25,"_164":-5,"_444":466,"_27":467},{"_43":198,"_32":199,"_30":200,"_158":-5,"_41":42,"_40":201,"_160":25,"_38":462,"_13":203,"_33":20,"_35":204,"_24":25,"_164":-5,"_444":463,"_27":464},{"_43":191,"_32":192,"_30":193,"_158":-5,"_41":42,"_40":194,"_160":58,"_38":459,"_13":178,"_33":34,"_35":196,"_24":25,"_164":-5,"_444":460,"_27":461},{"_43":185,"_32":186,"_30":187,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":456,"_13":178,"_33":20,"_35":189,"_24":25,"_164":-5,"_444":457,"_27":458},{"_43":181,"_32":28,"_30":31,"_158":-5,"_41":42,"_40":14,"_160":25,"_38":453,"_13":183,"_33":34,"_35":37,"_24":25,"_164":-5,"_444":454,"_27":455},{"_43":173,"_32":174,"_30":175,"_158":-5,"_41":42,"_40":176,"_160":58,"_38":450,"_13":178,"_33":20,"_35":179,"_24":25,"_164":-5,"_444":451,"_27":452},{"_43":166,"_32":167,"_30":168,"_158":-5,"_41":42,"_40":169,"_160":58,"_38":447,"_13":62,"_33":34,"_35":171,"_24":25,"_164":-5,"_444":448,"_27":449},{"_43":155,"_32":156,"_30":157,"_158":-5,"_41":42,"_40":159,"_160":58,"_38":443,"_13":162,"_33":20,"_35":163,"_24":25,"_164":-5,"_444":445,"_27":446},["D",1789235547077],"children",[],[156],["D",1789236032917],[],[167],["D",1785593734484],[],[174],["D",1789262842241],[],[28],["D",1785593734484],[],[186],["D",1789257386440],[],[192],["D",1789262422235],[],[199],["D",1770562846100],[],[207],["D",1777087529135],[],[214],["D",1789261174670],[],[221],"1f7787ae-4636-11f1-9542-42b51c65c3df","types.ts","1f778880-4636-11f1-9542-42b51c65c3df",["D",1777733369515],"script","/**\n * Shared types for vase-creator.\n */\n\nexport type Pt = [number, number]; // [radius, height]\n\nexport interface Cfg {\n filename: string;\n points: Pt[];\n boreMode: \"constant\" | \"profile\" | \"none\";\n boreRadius: number;\n innerPoints: Pt[] | null;\n floorThickness: number;\n ribCount: number;\n ribDepth: number;\n ribWidth: number;\n ribSide: \"outer\" | \"inner\";\n splitMode: \"none\" | \"bottom\" | \"top\";\n wedgeOverlap: number;\n wedgeTaper: number;\n}\n\nexport interface Preset {\n name: string;\n points: Pt[];\n boreMode: \"constant\" | \"profile\" | \"none\";\n boreRadius: number;\n innerPoints: Pt[] | null;\n floorThickness: number;\n ribCount: number;\n ribDepth: number;\n ribWidth: number;\n ribSide: \"outer\" | \"inner\";\n splitMode: \"none\" | \"bottom\" | \"top\";\n wedgeOverlap: number;\n wedgeTaper: number;\n}\n",[],[229,475],"510dd55c-4636-11f1-b372-42b51c65c3df","510dd5f2-4636-11f1-b372-42b51c65c3df",270,["D",1777733452714],"/**\n * CSS for vase-creator. Returned as a string for inline injection.\n */\n\nexport function css(): string {\n return `\n:root { --bg:#0e0f12; --panel:#181a20; --border:#292c33; --text:#e6e8ee;\n --muted:#8a8f99; --accent:#5fa8ff; --warn:#ff8866; --ok:#6fdb9b; }\n* { box-sizing: border-box; }\nbody { margin:0; font:14px/1.4 system-ui,sans-serif; background:var(--bg); color:var(--text); }\n.app { display:grid; grid-template-columns:380px 1fr; height:100vh; }\n.panel { background:var(--panel); border-right:1px solid var(--border); overflow:auto; padding:16px; }\n.panel h2 { margin:0 0 12px; font-size:14px; color:var(--muted); text-transform:uppercase; letter-spacing:.05em; }\n.panel h3 { margin:16px 0 8px; font-size:13px; color:var(--accent); }\n.row { display:flex; gap:8px; align-items:center; margin:6px 0; }\n.row label { flex:0 0 110px; color:var(--muted); font-size:13px; }\n.row input { flex:1; background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:4px 8px; font:inherit; min-width:0; }\n.row input[type=number] { max-width:90px; }\nbutton { background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px 12px; font:inherit; cursor:pointer; }\nbutton:hover { background:#21242b; }\nbutton.primary { background:var(--accent); color:#001020; border-color:var(--accent); font-weight:600; }\nbutton.primary:hover { background:#4a92ec; }\nselect { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:6px; font:inherit; width:100%; }\ntextarea { background:#0e0f12; color:var(--text); border:1px solid var(--border); border-radius:4px; padding:8px; font:12px monospace; width:100%; height:120px; resize:vertical; }\n.viewer { position:relative; background:#1a1c22; }\ncanvas#preview, canvas#preview3d { position:absolute; inset:0; width:100%; height:100%; }\ncanvas#preview3d { display:none; }\n.tabs { display:flex; gap:0; border-bottom:1px solid var(--border); margin-bottom:12px; }\n.tab { padding:8px 14px; cursor:pointer; color:var(--muted); border-bottom:2px solid transparent; }\n.tab.active { color:var(--text); border-bottom-color:var(--accent); }\n.tab-pane { display:none; }\n.tab-pane.active { display:block; }\n.toolbar { position:absolute; top:12px; left:12px; right:12px; display:flex; gap:8px; z-index:10; }\n.toolbar select, .toolbar button { background:rgba(24,26,32,.85); backdrop-filter:blur(8px); }\n.help { color:var(--muted); font-size:12px; line-height:1.5; }\n.hint { color:var(--warn); font-size:12px; }\nhr { border:0; border-top:1px solid var(--border); margin:16px 0; }\ncode { background:#0e0f12; padding:1px 4px; border-radius:3px; font-size:12px; }\n`;\n}\n",[],[229,174],"45e235ce-4636-11f1-9f28-42b51c65c3df","stl.ts","45e2366e-4636-11f1-9f28-42b51c65c3df",269,["D",1777733433960],"/**\n * Server-side STL generation. Builds a triangle mesh from the profile config\n * and emits a binary STL.\n */\n\nimport type { Cfg } from \"./types.ts\";\nimport { applyRib, applyWedge, smoothInterp } from \"./geometry.ts\";\n\nconst N_RINGS = 80;\nconst N_SEGS = 96;\n\ntype V3 = [number, number, number];\n\nfunction buildOuterRings(cfg: Cfg): V3[][] {\n const outer = applyWedge(cfg.points, cfg);\n const sm = smoothInterp(outer, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"outer\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n}\n\nfunction buildInnerRings(cfg: Cfg, totalH: number): V3[][] | null {\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n const z0 = cfg.floorThickness;\n const rings: V3[][] = [];\n for (let row = 0; row < N_RINGS; row++) {\n const z = z0 + (totalH - z0) * row / (N_RINGS - 1);\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(cfg.boreRadius, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n if (cfg.boreMode === \"profile\" && cfg.innerPoints && cfg.innerPoints.length >= 2) {\n const sm = smoothInterp(cfg.innerPoints, N_RINGS);\n const rings: V3[][] = [];\n for (const [r, z] of sm) {\n const ring: V3[] = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = (i / N_SEGS) * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n rings.push(ring);\n }\n return rings;\n }\n return null;\n}\n\nfunction collectTris(cfg: Cfg, outerVerts: V3[][], innerVerts: V3[][] | null): [V3, V3, V3][] {\n const tris: [V3, V3, V3][] = [];\n // Outer wall (CCW outward)\n for (let row = 0; row < N_RINGS - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[row][i], b = outerVerts[row][j];\n const c = outerVerts[row + 1][j], d = outerVerts[row + 1][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n }\n // Inner wall (reversed for inward normals)\n if (innerVerts) {\n for (let row = 0; row < innerVerts.length - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = innerVerts[row][i], b = innerVerts[row][j];\n const c = innerVerts[row + 1][j], d = innerVerts[row + 1][i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n }\n }\n // Bottom\n if (innerVerts && cfg.floorThickness > 0) {\n const oz = outerVerts[0][0][2];\n const center: V3 = [0, 0, oz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n const iz = innerVerts[0][0][2];\n const ic: V3 = [0, 0, iz];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([ic, innerVerts[0][j], innerVerts[0][i]]);\n }\n } else if (innerVerts) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerVerts[0][i], b = outerVerts[0][j];\n const c = innerVerts[0][j], d = innerVerts[0][i];\n tris.push([a, b, c]);\n tris.push([a, c, d]);\n }\n } else {\n const center: V3 = [0, 0, outerVerts[0][0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([outerVerts[0][i], center, outerVerts[0][j]]);\n }\n }\n // Top\n if (innerVerts) {\n const lo = outerVerts[N_RINGS - 1];\n const li = innerVerts[innerVerts.length - 1];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = lo[i], b = lo[j], c = li[j], d = li[i];\n tris.push([a, c, b]);\n tris.push([a, d, c]);\n }\n } else {\n const lo = outerVerts[N_RINGS - 1];\n const center: V3 = [0, 0, lo[0][2]];\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tris.push([lo[i], lo[j], center]);\n }\n }\n return tris;\n}\n\nfunction encodeBinary(tris: [V3, V3, V3][]): Uint8Array {\n const triCount = tris.length;\n const buf = new ArrayBuffer(80 + 4 + triCount * 50);\n const view = new DataView(buf);\n view.setUint32(80, triCount, true);\n let off = 84;\n for (const [a, b, c] of tris) {\n const ux = b[0] - a[0], uy = b[1] - a[1], uz = b[2] - a[2];\n const vx = c[0] - a[0], vy = c[1] - a[1], vz = c[2] - a[2];\n let nx = uy * vz - uz * vy;\n let ny = uz * vx - ux * vz;\n let nz = ux * vy - uy * vx;\n const len = Math.hypot(nx, ny, nz) || 1;\n nx /= len; ny /= len; nz /= len;\n view.setFloat32(off, nx, true);\n view.setFloat32(off + 4, ny, true);\n view.setFloat32(off + 8, nz, true);\n view.setFloat32(off + 12, a[0], true);\n view.setFloat32(off + 16, a[1], true);\n view.setFloat32(off + 20, a[2], true);\n view.setFloat32(off + 24, b[0], true);\n view.setFloat32(off + 28, b[1], true);\n view.setFloat32(off + 32, b[2], true);\n view.setFloat32(off + 36, c[0], true);\n view.setFloat32(off + 40, c[1], true);\n view.setFloat32(off + 44, c[2], true);\n view.setUint16(off + 48, 0, true);\n off += 50;\n }\n return new Uint8Array(buf);\n}\n\nexport function generateSTL(cfg: Cfg): Uint8Array {\n const outerVerts = buildOuterRings(cfg);\n const totalH = outerVerts[outerVerts.length - 1][0][2];\n const innerVerts = buildInnerRings(cfg, totalH);\n const tris = collectTris(cfg, outerVerts, innerVerts);\n return encodeBinary(tris);\n}\n",[],[229,490],"2669b406-4636-11f1-8ede-42b51c65c3df","presets.ts","2669b4ce-4636-11f1-8ede-42b51c65c3df",267,["D",1777733381164],"/**\n * Profile presets — seeded with V2 mini PET 0.5L (golden working dimensions).\n */\n\nimport type { Preset } from \"./types.ts\";\n\nexport const PRESETS: Record = {\n v2_mini_bottom: {\n name: \"V2 mini PET 0.5L — Bottom (vase)\",\n points: [[42, 0], [40, 20], [37.5, 60], [37, 100], [37, 120]],\n boreMode: \"constant\",\n boreRadius: 33.5,\n innerPoints: null,\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"bottom\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n v2_mini_top: {\n name: \"V2 mini PET 0.5L — Top (vase)\",\n points: [[37, 0], [37, 55], [22, 95], [35, 120]],\n boreMode: \"profile\",\n boreRadius: 0,\n innerPoints: [[34, 0], [34, 55], [16, 95], [30, 120]],\n floorThickness: 0,\n ribCount: 6,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"top\",\n wedgeOverlap: 15,\n wedgeTaper: 0.5,\n },\n blank: {\n name: \"Blank\",\n points: [[20, 0], [20, 50]],\n boreMode: \"constant\",\n boreRadius: 17,\n innerPoints: null,\n floorThickness: 1.2,\n ribCount: 0,\n ribDepth: 1.5,\n ribWidth: 6,\n ribSide: \"outer\",\n splitMode: \"none\",\n wedgeOverlap: 0,\n wedgeTaper: 0,\n },\n};\n",[],[229,498],"5dd07a42-4636-11f1-9ce6-42b51c65c3df","page.ts","5dd07b14-4636-11f1-9ce6-42b51c65c3df",271,["D",1777733474120],"/**\n * HTML body markup for the vase-creator UI.\n */\n\nexport function bodyHTML(): string {\n return `\n

Vase Creator

Preset

Filename

Profile

Ribs

Joint

One point per line: radius, height. Lowest first. Catmull-Rom interpolated.

Outer profile

\n \n

Inner bore

Bore mode\n \n

Bore radius\n

\n \n

Floor thickness\n

Helical thickenings for vase-mode rigidity. Outer ribs add visual interest; inner ribs grip a bottle. Visible in both 2D and 3D preview.

Count\n

Depth (mm)\n

Width (mm)\n

Side\n \n

For two-piece vase prints. The bottom's top tapers inward; the top's bottom tapers outward. They wedge together over an overlap zone.

Mode\n \n

Overlap (mm)\n

Taper (mm)\n

0.3–0.5mm taper over 15mm typical. Tighter = stiffer fit but riskier slip-through.

\n \n \n

\n \n

\n`;\n}\n",[],[229,506],"bb37e72e-4636-11f1-a093-42b51c65c3df","main.tsx","bb37e7ec-4636-11f1-a093-42b51c65c3df",276,["D",1777733630822],"/**\n * Vase Creator — entry point.\n *\n * Profile-driven solid-of-revolution generator with helical strengthening\n * ribs, designed for spiral-vase-mode printing on Bambu A1 Mini.\n *\n * Architecture (per Val Town guide: prefer multiple files):\n * - types.ts — shared TS types\n * - presets.ts — seeded profiles (V2 mini PET 0.5L)\n * - geometry.ts — server-side smoothing, wedge, rib math\n * - stl.ts — binary STL generation\n * - styles.ts — CSS string\n * - page.ts — HTML body markup\n * - client/ — client JS chunks (geometry, profile2d, three3d, ui)\n * - main.tsx — this file: Hono routes + page assembly\n *\n * Press-fit redesign for vase mode: single-perimeter walls can't have a\n * traditional plug-and-socket joint. Each half has a gentle tapered overlap\n * region (a wedge fit). Bottom tapers IN over its top ~15mm; top tapers OUT\n * over its bottom ~15mm. Friction + ribs hold them.\n */\n\nimport { Hono } from \"npm:hono@4\";\nimport { PRESETS } from \"./presets.ts\";\nimport { generateSTL } from \"./stl.ts\";\nimport { css } from \"./styles.ts\";\nimport { bodyHTML } from \"./page.ts\";\nimport { clientGeometryJS } from \"./client/geometry.ts\";\nimport { clientProfile2dJS } from \"./client/profile2d.ts\";\nimport { clientThree3dJS } from \"./client/three3d.ts\";\nimport { clientUiJS } from \"./client/ui.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", (c) => c.html(htmlPage()));\napp.get(\"/api/presets\", (c) => c.json(PRESETS));\napp.post(\"/api/stl\", async (c) => {\n const cfg = await c.req.json();\n const stl = generateSTL(cfg);\n return new Response(stl, {\n headers: {\n \"content-type\": \"model/stl\",\n \"content-disposition\": `attachment; filename=\"${cfg.filename || \"vase\"}.stl\"`,\n },\n });\n});\n\nexport default app.fetch;\n\nfunction htmlPage(): string {\n // Concatenate client-side chunks into one inline module script.\n // Three.js is imported via esm.sh at the top.\n const clientJS = `\nimport * as THREE from \"https://esm.sh/three@0.160.0\";\n${clientGeometryJS}\n${clientProfile2dJS}\n${clientThree3dJS}\n${clientUiJS}\n`;\n\n return `\n\nVase Creator\n\n\n\n${bodyHTML()}\n\n`;\n}\n",[],[229,514],"347624c6-4636-11f1-8ec0-42b51c65c3df","geometry.ts","3476257a-4636-11f1-8ec0-42b51c65c3df",268,["D",1777733404739],"/**\n * Geometry primitives — shared between server (STL gen) and client (preview).\n *\n * - Catmull-Rom interpolation for smooth profile curves\n * - Wedge taper for two-piece vase joints\n * - Helical rib bumps for vase-mode rigidity\n */\n\nimport type { Cfg, Pt } from \"./types.ts\";\n\nexport const HELIX_PITCH = 0.02; // radians per mm of z\n\n/**\n * Catmull-Rom interpolation through control points.\n * Returns `n` evenly-spaced samples along the curve.\n */\nexport function smoothInterp(pts: Pt[], n: number): Pt[] {\n if (pts.length < 2) return [];\n if (pts.length === 2) {\n const out: Pt[] = [];\n for (let i = 0; i < n; i++) {\n const t = i / (n - 1);\n out.push([\n pts[0][0] + (pts[1][0] - pts[0][0]) * t,\n pts[0][1] + (pts[1][1] - pts[0][1]) * t,\n ]);\n }\n return out;\n }\n const out: Pt[] = [];\n const total = pts.length - 1;\n for (let i = 0; i < n; i++) {\n const t = i / (n - 1);\n const seg = Math.min(Math.floor(t * total), total - 1);\n const lt = t * total - seg;\n const p0 = pts[Math.max(seg - 1, 0)];\n const p1 = pts[seg];\n const p2 = pts[seg + 1];\n const p3 = pts[Math.min(seg + 2, pts.length - 1)];\n const tt = lt * lt, ttt = tt * lt;\n const r =\n 0.5 *\n ((2 * p1[0]) +\n (-p0[0] + p2[0]) * lt +\n (2 * p0[0] - 5 * p1[0] + 4 * p2[0] - p3[0]) * tt +\n (-p0[0] + 3 * p1[0] - 3 * p2[0] + p3[0]) * ttt);\n const z =\n 0.5 *\n ((2 * p1[1]) +\n (-p0[1] + p2[1]) * lt +\n (2 * p0[1] - 5 * p1[1] + 4 * p2[1] - p3[1]) * tt +\n (-p0[1] + 3 * p1[1] - 3 * p2[1] + p3[1]) * ttt);\n out.push([r, z]);\n }\n return out;\n}\n\n/**\n * Apply wedge taper for two-piece joints.\n * - bottom mode: tapers IN over the top `overlap` mm\n * - top mode: tapers IN at the bottom (so it widens upward to match the body)\n */\nexport function applyWedge(pts: Pt[], cfg: {\n splitMode: string;\n wedgeOverlap: number;\n wedgeTaper: number;\n}): Pt[] {\n if (cfg.splitMode === \"none\" || cfg.wedgeTaper === 0 || cfg.wedgeOverlap === 0) {\n return pts;\n }\n const h = pts[pts.length - 1][1];\n return pts.map(([r, z]) => {\n let dr = 0;\n if (cfg.splitMode === \"bottom\" && z >= h - cfg.wedgeOverlap) {\n const u = (z - (h - cfg.wedgeOverlap)) / cfg.wedgeOverlap;\n dr = -cfg.wedgeTaper * u;\n } else if (cfg.splitMode === \"top\" && z <= cfg.wedgeOverlap) {\n const u = (cfg.wedgeOverlap - z) / cfg.wedgeOverlap;\n dr = -cfg.wedgeTaper * u;\n }\n return [r + dr, z];\n });\n}\n\n/**\n * Apply rib bump for one (radius, angle, z) sample.\n * Returns the new radius (with bump if angle is in a rib zone).\n *\n * Ribs are slightly helical via HELIX_PITCH, which keeps them\n * compatible with vase-mode's continuous spiral path.\n */\nexport function applyRib(\n r: number,\n a: number,\n z: number,\n cfg: { ribCount: number; ribDepth: number; ribWidth: number; ribSide: string },\n side: \"outer\" | \"inner\",\n): number {\n if (cfg.ribCount === 0 || cfg.ribDepth === 0 || cfg.ribSide !== side) return r;\n const ribAngularWidth = Math.min(0.6, (cfg.ribWidth / Math.max(r, 0.5)) * 0.5);\n const phase = ((a + z * HELIX_PITCH) * cfg.ribCount) % (Math.PI * 2);\n const dist = Math.min(phase, Math.PI * 2 - phase);\n if (dist < ribAngularWidth) {\n const t = 1 - dist / ribAngularWidth;\n const bump = cfg.ribDepth * (Math.cos((1 - t) * Math.PI) + 1) * 0.5;\n return side === \"outer\" ? r + bump : r - bump;\n }\n return r;\n}\n",[],[229,522],"af017d9e-4636-11f1-9ef8-42b51c65c3df","ui.ts","af017eca-4636-11f1-9ef8-42b51c65c3df","19690840-632e-4dab-b57c-88fda9aa7ae3",275,["D",1777733610337],"/**\n * UI wiring — preset loading, form reading, viewer interactions, downloads.\n * Depends on geometry/profile2d/three3d chunks already being concatenated above.\n */\n\nexport const clientUiJS = `\nlet presets = {};\nlet cfg = null;\nlet cam = { rotX:-1.0, rotY:0.5, dist:250, panX:0, panY:0 };\nconst $ = id => document.getElementById(id);\n\nasync function init() {\n presets = await fetch(\"./api/presets\").then(r => r.json());\n const sel = $(\"preset\");\n for (const k in presets) {\n const o = document.createElement(\"option\");\n o.value = k; o.textContent = presets[k].name;\n sel.appendChild(o);\n }\n sel.value = \"v2_mini_bottom\";\n loadPreset(\"v2_mini_bottom\");\n sel.addEventListener(\"change\", () => loadPreset(sel.value));\n $(\"apply\").addEventListener(\"click\", apply);\n $(\"download\").addEventListener(\"click\", download);\n $(\"boreMode\").addEventListener(\"change\", () => { updateBoreUI(); apply(); });\n $(\"viewMode\").addEventListener(\"change\", switchViewMode);\n $(\"resetView\").addEventListener(\"click\", () => {\n cam = { rotX:-1.0, rotY:0.5, dist:250, panX:0, panY:0 };\n if (three) { three.cam.rotX = -0.5; three.cam.rotY = 0.4; three.cam.zoom = 1; }\n redraw();\n });\n for (const tab of document.querySelectorAll(\".tab\")) {\n tab.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab\").forEach(t => t.classList.remove(\"active\"));\n document.querySelectorAll(\".tab-pane\").forEach(p => p.classList.remove(\"active\"));\n tab.classList.add(\"active\");\n document.querySelector('.tab-pane[data-tab=\"' + tab.dataset.tab + '\"]').classList.add(\"active\");\n });\n }\n [\"points\",\"innerPoints\",\"boreRadius\",\"floorThickness\",\"ribCount\",\"ribDepth\",\"ribWidth\",\"ribSide\",\"splitMode\",\"wedgeOverlap\",\"wedgeTaper\"].forEach(id => {\n const el = $(id);\n if (el) el.addEventListener(\"change\", apply);\n });\n setupInteractions();\n apply();\n window.addEventListener(\"resize\", redraw);\n}\n\nfunction setupInteractions() {\n const c2 = $(\"preview\");\n let dragging = false, lx = 0, ly = 0;\n c2.addEventListener(\"mousedown\", e => { dragging = true; lx = e.clientX; ly = e.clientY; });\n window.addEventListener(\"mouseup\", () => dragging = false);\n window.addEventListener(\"mousemove\", e => {\n if (!dragging) return;\n const dx = e.clientX - lx, dy = e.clientY - ly;\n lx = e.clientX; ly = e.clientY;\n if ($(\"viewMode\").value === \"3d\" && three) {\n three.cam.rotY += dx * 0.01;\n three.cam.rotX += dy * 0.01;\n three.cam.rotX = Math.max(-Math.PI/2 + 0.05, Math.min(Math.PI/2 - 0.05, three.cam.rotX));\n threeUpdateCamera();\n three.renderer.render(three.scene, three.camera);\n } else {\n cam.panX += dx; cam.panY += dy;\n redraw();\n }\n });\n const wheel = e => {\n e.preventDefault();\n if ($(\"viewMode\").value === \"3d\" && three) {\n three.cam.zoom *= e.deltaY > 0 ? 1.1 : 0.9;\n three.cam.zoom = Math.max(0.2, Math.min(5, three.cam.zoom));\n threeUpdateCamera();\n three.renderer.render(three.scene, three.camera);\n } else {\n cam.dist *= e.deltaY > 0 ? 1.1 : 0.9;\n redraw();\n }\n };\n c2.addEventListener(\"wheel\", wheel, { passive:false });\n $(\"preview3d\").addEventListener(\"mousedown\", e => { dragging = true; lx = e.clientX; ly = e.clientY; });\n $(\"preview3d\").addEventListener(\"wheel\", wheel, { passive:false });\n}\n\nfunction switchViewMode() {\n const mode = $(\"viewMode\").value;\n if (mode === \"3d\") {\n $(\"preview\").style.display = \"none\";\n $(\"preview3d\").style.display = \"block\";\n if (!three) initThree();\n rebuildThreeMesh();\n sizeThree();\n three.renderer.render(three.scene, three.camera);\n } else {\n $(\"preview3d\").style.display = \"none\";\n $(\"preview\").style.display = \"block\";\n redraw();\n }\n}\n\nfunction loadPreset(key) {\n const p = presets[key];\n if (!p) return;\n $(\"filename\").value = key;\n $(\"points\").value = p.points.map(([r,z]) => r + \", \" + z).join(\"\\\\n\");\n $(\"boreMode\").value = p.boreMode;\n $(\"boreRadius\").value = p.boreRadius || 0;\n if (p.innerPoints) $(\"innerPoints\").value = p.innerPoints.map(([r,z]) => r + \", \" + z).join(\"\\\\n\");\n $(\"floorThickness\").value = p.floorThickness ?? 0;\n $(\"ribCount\").value = p.ribCount ?? 0;\n $(\"ribDepth\").value = p.ribDepth ?? 1.5;\n $(\"ribWidth\").value = p.ribWidth ?? 6;\n $(\"ribSide\").value = p.ribSide ?? \"outer\";\n $(\"splitMode\").value = p.splitMode ?? \"none\";\n $(\"wedgeOverlap\").value = p.wedgeOverlap ?? 0;\n $(\"wedgeTaper\").value = p.wedgeTaper ?? 0;\n updateBoreUI();\n apply();\n}\n\nfunction updateBoreUI() {\n const m = $(\"boreMode\").value;\n $(\"boreRadiusRow\").style.display = (m === \"constant\") ? \"\" : \"none\";\n $(\"innerPoints\").style.display = (m === \"profile\") ? \"\" : \"none\";\n}\n\nfunction readCfg() {\n const parsePts = s => s.split(\"\\\\n\").map(l => l.trim()).filter(Boolean)\n .map(l => l.split(/[,\\\\s]+/).map(parseFloat))\n .filter(p => p.length === 2 && !isNaN(p[0]) && !isNaN(p[1]));\n const points = parsePts($(\"points\").value);\n if (points.length < 2) return null;\n return {\n filename: $(\"filename\").value || \"vase\",\n points,\n boreMode: $(\"boreMode\").value,\n boreRadius: parseFloat($(\"boreRadius\").value) || 0,\n innerPoints: $(\"boreMode\").value === \"profile\" ? parsePts($(\"innerPoints\").value) : null,\n floorThickness: parseFloat($(\"floorThickness\").value) || 0,\n ribCount: parseInt($(\"ribCount\").value) || 0,\n ribDepth: parseFloat($(\"ribDepth\").value) || 0,\n ribWidth: parseFloat($(\"ribWidth\").value) || 0,\n ribSide: $(\"ribSide\").value,\n splitMode: $(\"splitMode\").value,\n wedgeOverlap: parseFloat($(\"wedgeOverlap\").value) || 0,\n wedgeTaper: parseFloat($(\"wedgeTaper\").value) || 0,\n };\n}\n\nfunction apply() {\n cfg = readCfg();\n if (!cfg) { $(\"stats\").textContent = \"Need at least 2 profile points.\"; return; }\n const h = cfg.points[cfg.points.length - 1][1];\n const rmax = Math.max(...cfg.points.map(p => p[0]));\n const ribInfo = cfg.ribCount > 0 ? \\` · \\${cfg.ribCount} \\${cfg.ribSide} ribs ×\\${cfg.ribDepth}mm\\` : \"\";\n $(\"stats\").textContent = \"Height \" + h.toFixed(1) + \"mm, max radius \" + rmax.toFixed(1) + \"mm\" + ribInfo + \".\";\n if ($(\"viewMode\").value === \"3d\" && three) {\n rebuildThreeMesh();\n three.renderer.render(three.scene, three.camera);\n } else {\n redraw();\n }\n}\n\nasync function download() {\n if (!cfg) return;\n const r = await fetch(\"./api/stl\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(cfg),\n });\n const blob = await r.blob();\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url; a.download = cfg.filename + \".stl\";\n a.click();\n URL.revokeObjectURL(url);\n}\n\nfunction redraw() {\n const c = $(\"preview\");\n const w = c.clientWidth, h = c.clientHeight;\n c.width = w * devicePixelRatio; c.height = h * devicePixelRatio;\n const ctx = c.getContext(\"2d\");\n ctx.scale(devicePixelRatio, devicePixelRatio);\n ctx.clearRect(0, 0, w, h);\n if (!cfg) return;\n drawProfile(ctx, w, h);\n}\n\ninit();\n`;\n",[],[229,538,530],"client","9847acfe-4636-11f1-876d-42b51c65c3df","three3d.ts","9847add0-4636-11f1-876d-42b51c65c3df",274,["D",1777733572210],"/**\n * Three.js shaded 3D shell preview. Lazy-initialized on first switch to 3D.\n * Mesh rebuilds on every \"Update preview\" — includes ribs.\n */\n\nexport const clientThree3dJS = `\nlet three = null;\n\nfunction initThree() {\n const canvas = document.getElementById(\"preview3d\");\n const renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: true });\n renderer.setPixelRatio(devicePixelRatio);\n renderer.setClearColor(0x1a1c22, 1);\n const scene = new THREE.Scene();\n const camera = new THREE.PerspectiveCamera(40, 1, 0.1, 2000);\n scene.add(new THREE.AmbientLight(0xffffff, 0.45));\n const key = new THREE.DirectionalLight(0xffffff, 0.85);\n key.position.set(1, 1.5, 1.2);\n scene.add(key);\n const rim = new THREE.DirectionalLight(0x5fa8ff, 0.35);\n rim.position.set(-1, 0.3, -0.5);\n scene.add(rim);\n three = {\n canvas, renderer, scene, camera, mesh: null,\n cam: { rotX: -0.5, rotY: 0.4, zoom: 1 },\n bbox: { center: new THREE.Vector3(), size: 100 },\n };\n window.addEventListener(\"resize\", () => {\n if (document.getElementById(\"viewMode\").value === \"3d\") {\n sizeThree();\n three.renderer.render(three.scene, three.camera);\n }\n });\n}\n\nfunction sizeThree() {\n const c = document.getElementById(\"preview3d\");\n const w = c.clientWidth, h = c.clientHeight;\n three.renderer.setSize(w, h, false);\n three.camera.aspect = w / h;\n three.camera.updateProjectionMatrix();\n threeUpdateCamera();\n}\n\nfunction threeUpdateCamera() {\n const { rotX, rotY, zoom } = three.cam;\n const r = three.bbox.size * 1.8 / zoom;\n const x = r * Math.cos(rotX) * Math.sin(rotY);\n const y = r * Math.sin(rotX);\n const z = r * Math.cos(rotX) * Math.cos(rotY);\n three.camera.position.set(\n three.bbox.center.x + x,\n three.bbox.center.y + y,\n three.bbox.center.z + z,\n );\n three.camera.lookAt(three.bbox.center);\n}\n\nfunction rebuildThreeMesh() {\n if (!cfg || !three) return;\n if (three.mesh) {\n three.scene.remove(three.mesh);\n three.mesh.geometry.dispose();\n three.mesh.material.dispose();\n }\n const N_RINGS = 96;\n const N_SEGS = 96;\n const outer = applyWedge(cfg.points, cfg.splitMode, cfg.wedgeOverlap, cfg.wedgeTaper);\n const outerSm = smoothInterp(outer, N_RINGS);\n const totalH = outerSm[outerSm.length - 1][1];\n\n const outerVerts = [];\n for (const [r, z] of outerSm) {\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"outer\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n outerVerts.push(ring);\n }\n let innerVerts = null;\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n innerVerts = [];\n const z0 = cfg.floorThickness;\n for (let row = 0; row < N_RINGS; row++) {\n const z = z0 + (totalH - z0) * row / (N_RINGS - 1);\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(cfg.boreRadius, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n innerVerts.push(ring);\n }\n } else if (cfg.boreMode === \"profile\" && cfg.innerPoints && cfg.innerPoints.length >= 2) {\n innerVerts = [];\n const innerSm = smoothInterp(cfg.innerPoints, N_RINGS);\n for (const [r, z] of innerSm) {\n const ring = [];\n for (let i = 0; i < N_SEGS; i++) {\n const a = i / N_SEGS * Math.PI * 2;\n const rr = applyRib(r, a, z, cfg, \"inner\");\n ring.push([rr * Math.cos(a), rr * Math.sin(a), z]);\n }\n innerVerts.push(ring);\n }\n }\n\n const positions = [];\n const indices = [];\n const pushVert = v => { const i = positions.length / 3; positions.push(v[0], v[1], v[2]); return i; };\n const tri = (a, b, c) => indices.push(a, b, c);\n const outerIdx = outerVerts.map(ring => ring.map(pushVert));\n const innerIdx = innerVerts ? innerVerts.map(ring => ring.map(pushVert)) : null;\n\n for (let row = 0; row < N_RINGS - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[row][i], b = outerIdx[row][j];\n const c = outerIdx[row+1][j], d = outerIdx[row+1][i];\n tri(a, b, c); tri(a, c, d);\n }\n }\n if (innerIdx) {\n for (let row = 0; row < innerIdx.length - 1; row++) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = innerIdx[row][i], b = innerIdx[row][j];\n const c = innerIdx[row+1][j], d = innerIdx[row+1][i];\n tri(a, c, b); tri(a, d, c);\n }\n }\n }\n if (innerVerts && cfg.floorThickness > 0) {\n const ozc = pushVert([0, 0, outerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[0][i], ozc, outerIdx[0][j]);\n }\n const izc = pushVert([0, 0, innerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(izc, innerIdx[0][j], innerIdx[0][i]);\n }\n } else if (innerVerts) {\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[0][i], b = outerIdx[0][j];\n const c = innerIdx[0][j], d = innerIdx[0][i];\n tri(a, b, c); tri(a, c, d);\n }\n } else {\n const c0 = pushVert([0, 0, outerVerts[0][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[0][i], c0, outerIdx[0][j]);\n }\n }\n if (innerIdx) {\n const lastO = N_RINGS - 1, lastI = innerIdx.length - 1;\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n const a = outerIdx[lastO][i], b = outerIdx[lastO][j];\n const c = innerIdx[lastI][j], d = innerIdx[lastI][i];\n tri(a, c, b); tri(a, d, c);\n }\n } else {\n const c0 = pushVert([0, 0, outerVerts[N_RINGS-1][0][2]]);\n for (let i = 0; i < N_SEGS; i++) {\n const j = (i + 1) % N_SEGS;\n tri(outerIdx[N_RINGS-1][i], outerIdx[N_RINGS-1][j], c0);\n }\n }\n\n const geo = new THREE.BufferGeometry();\n geo.setAttribute(\"position\", new THREE.Float32BufferAttribute(positions, 3));\n geo.setIndex(indices);\n geo.computeVertexNormals();\n geo.rotateX(-Math.PI / 2);\n const mat = new THREE.MeshStandardMaterial({\n color: 0x9ec6ff, metalness: 0.05, roughness: 0.65, side: THREE.DoubleSide,\n });\n const mesh = new THREE.Mesh(geo, mat);\n three.scene.add(mesh);\n three.mesh = mesh;\n geo.computeBoundingBox();\n const bb = geo.boundingBox;\n three.bbox.center.set((bb.min.x + bb.max.x) / 2, (bb.min.y + bb.max.y) / 2, (bb.min.z + bb.max.z) / 2);\n three.bbox.size = Math.max(bb.max.x - bb.min.x, bb.max.y - bb.min.y, bb.max.z - bb.min.z);\n threeUpdateCamera();\n}\n`;\n",[],[229,538,540],"8170e6f8-4636-11f1-afa5-42b51c65c3df","profile2d.ts","8170e7a2-4636-11f1-afa5-42b51c65c3df",273,["D",1777733533894],"/**\n * 2D profile preview drawing — also visualizes ribs as faint outline marks\n * along the profile so the user can see how rib depth affects the design\n * even before switching to 3D.\n */\n\nexport const clientProfile2dJS = `\nfunction drawProfile(ctx, w, h) {\n const outer = applyWedge(cfg.points, cfg.splitMode, cfg.wedgeOverlap, cfg.wedgeTaper);\n const sm = smoothInterp(outer, 100);\n const totalH = outer[outer.length-1][1];\n const ribOuterMax = (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"outer\") ? cfg.ribDepth : 0;\n const maxR = Math.max(...outer.map(p => p[0])) + ribOuterMax;\n const margin = 30;\n const sx = (w - 2*margin) / (maxR * 2 + 20);\n const sy = (h - 2*margin) / totalH;\n const s = Math.min(sx, sy) * 0.9;\n const cx = w/2 + cam.panX, cy = h - margin + cam.panY;\n const toScreen = (r, z) => [cx + r*s, cy - z*s];\n\n // Main outer profile (smoothed)\n ctx.strokeStyle = \"#5fa8ff\"; ctx.lineWidth = 2;\n ctx.beginPath();\n sm.forEach(([r,z], i) => { const [x,y] = toScreen(r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.beginPath();\n sm.forEach(([r,z], i) => { const [x,y] = toScreen(-r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n\n // Rib silhouette overlay — draw the OUTER PROFILE WITH RIBS at angle 0\n // (which is the maximum bump position once the helix has rotated through it)\n // by sampling at z heights and showing the bump-extruded radius.\n if (cfg.ribCount > 0 && cfg.ribDepth > 0) {\n const sideStr = cfg.ribSide;\n ctx.strokeStyle = sideStr === \"outer\" ? \"#9ec6ff\" : \"#ffaa88\";\n ctx.lineWidth = 1;\n ctx.setLineDash([3, 3]);\n // Sample at angle = 0 along z; ribs cycle through 0 due to helix\n ctx.beginPath();\n const N = 200;\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const [r, z] = sm[Math.min(Math.floor(t * (sm.length - 1)), sm.length - 1)];\n // For outer ribs: show OUTER + bump. For inner ribs: show inner profile - bump.\n if (sideStr === \"outer\") {\n const ribR = applyRib(r, 0, z, cfg, \"outer\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n }\n ctx.stroke();\n ctx.beginPath();\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const [r, z] = sm[Math.min(Math.floor(t * (sm.length - 1)), sm.length - 1)];\n if (sideStr === \"outer\") {\n const ribR = applyRib(r, 0, z, cfg, \"outer\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n }\n ctx.stroke();\n ctx.setLineDash([]);\n }\n\n // Inner bore (orange dashed)\n if (cfg.boreMode === \"constant\" && cfg.boreRadius > 0) {\n ctx.strokeStyle = \"#ff8866\"; ctx.setLineDash([4,4]);\n ctx.beginPath();\n let [x1,y1] = toScreen(cfg.boreRadius, cfg.floorThickness);\n let [x2,y2] = toScreen(cfg.boreRadius, totalH);\n ctx.moveTo(x1,y1); ctx.lineTo(x2,y2);\n [x1,y1] = toScreen(-cfg.boreRadius, cfg.floorThickness);\n [x2,y2] = toScreen(-cfg.boreRadius, totalH);\n ctx.moveTo(x1,y1); ctx.lineTo(x2,y2);\n ctx.stroke(); ctx.setLineDash([]);\n\n // Inner ribs (subtract from bore)\n if (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"inner\") {\n ctx.strokeStyle = \"#ffaa88\"; ctx.setLineDash([3, 3]);\n ctx.beginPath();\n const N = 200;\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const z = cfg.floorThickness + (totalH - cfg.floorThickness) * t;\n const ribR = applyRib(cfg.boreRadius, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.stroke();\n ctx.beginPath();\n for (let i = 0; i <= N; i++) {\n const t = i / N;\n const z = cfg.floorThickness + (totalH - cfg.floorThickness) * t;\n const ribR = applyRib(cfg.boreRadius, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n }\n ctx.stroke();\n ctx.setLineDash([]);\n }\n } else if (cfg.boreMode === \"profile\" && cfg.innerPoints) {\n const smI = smoothInterp(cfg.innerPoints, 100);\n ctx.strokeStyle = \"#ff8866\"; ctx.setLineDash([4,4]);\n ctx.beginPath();\n smI.forEach(([r,z], i) => { const [x,y] = toScreen(r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.beginPath();\n smI.forEach(([r,z], i) => { const [x,y] = toScreen(-r,z); if (i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y); });\n ctx.stroke();\n ctx.setLineDash([]);\n\n if (cfg.ribCount > 0 && cfg.ribDepth > 0 && cfg.ribSide === \"inner\") {\n ctx.strokeStyle = \"#ffaa88\"; ctx.setLineDash([3, 3]);\n ctx.beginPath();\n smI.forEach(([r, z], i) => {\n const ribR = applyRib(r, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n });\n ctx.stroke();\n ctx.beginPath();\n smI.forEach(([r, z], i) => {\n const ribR = applyRib(r, 0, z, cfg, \"inner\");\n const [x, y] = toScreen(-ribR, z);\n if (i === 0) ctx.moveTo(x, y); else ctx.lineTo(x, y);\n });\n ctx.stroke();\n ctx.setLineDash([]);\n }\n }\n\n // Control points\n ctx.fillStyle = \"#5fa8ff\";\n for (const [r, z] of outer) {\n let [x, y] = toScreen(r, z);\n ctx.beginPath(); ctx.arc(x, y, 3, 0, Math.PI*2); ctx.fill();\n [x, y] = toScreen(-r, z);\n ctx.beginPath(); ctx.arc(x, y, 3, 0, Math.PI*2); ctx.fill();\n }\n\n // Center axis\n ctx.strokeStyle = \"#292c33\"; ctx.lineWidth = 1; ctx.setLineDash([2, 4]);\n ctx.beginPath();\n let [ax1,ay1] = toScreen(0, 0); let [ax2,ay2] = toScreen(0, totalH);\n ctx.moveTo(ax1,ay1); ctx.lineTo(ax2,ay2);\n ctx.stroke(); ctx.setLineDash([]);\n\n // Wedge zone marker\n if (cfg.splitMode !== \"none\" && cfg.wedgeOverlap > 0) {\n ctx.strokeStyle = \"#ffcc44\"; ctx.lineWidth = 1; ctx.setLineDash([6,3]);\n const wz = cfg.splitMode === \"bottom\" ? totalH - cfg.wedgeOverlap : cfg.wedgeOverlap;\n ctx.beginPath();\n ctx.moveTo(margin, cy - wz*s); ctx.lineTo(w - margin, cy - wz*s);\n ctx.stroke(); ctx.setLineDash([]);\n ctx.fillStyle = \"#ffcc44\"; ctx.font = \"11px sans-serif\";\n ctx.fillText(\"wedge zone\", margin, cy - wz*s - 4);\n }\n}\n`;\n",[],[229,538,548],"6b5505e8-4636-11f1-8c67-42b51c65c3df","6b550692-4636-11f1-8c67-42b51c65c3df",272,["D",1777733496796],"/**\n * Client-side geometry — duplicated from geometry.ts because the client\n * bundle is served as one inline

Model Analysis

◆ STL CREATOR

Vase Creator

Outer profile

Inner bore

Diff · v648