fluidcad 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluidcad",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Parametric CAD modeling library using javascript",
   "author": "Marwan Aouida <contact@marwan.dev>",
   "homepage": "https://fluidcad.io",
@@ -58,8 +58,7 @@
     "chokidar": "^5.0.0",
     "color-name": "^2.1.0",
     "express": "^5.2.1",
-    "occjs-fluidcad": "^3.0.0",
-    "occjs-wrapper": "npm:occjs-fluidcad@3.0.0",
+    "occjs-wrapper": "../occjs-fluidcad",
     "stacktrace-parser": "^0.1.11",
     "tree-sitter-wasms": "^0.1.13",
     "tsx": "^4.21.0",

package/server/dist/fluidcad-server.d.ts

@@ -10,10 +10,12 @@ export declare class FluidCadServer {
     private previousScenes;
     private renderingCache;
     private currentFileName;
+    private currentFilePath;
     init(workspacePath: string): Promise<void>;
     processFile(filePath: string, ignoreCache?: boolean): Promise<SceneRenderedData | null>;
     updateLiveCode(fileName: string, code: string): Promise<SceneRenderedData | null>;
     rollbackFromUI(index: number): Promise<SceneRenderedData | null>;
+    recomputeCurrentFile(): Promise<SceneRenderedData | null>;
     rollback(fileName: string, index: number): Promise<SceneRenderedData | null>;
     importFile(workspacePath: string, fileName: string, data: string): Promise<void>;
     getShapeProperties(shapeId: string): any;

package/server/dist/fluidcad-server.js

@@ -9,6 +9,7 @@ export class FluidCadServer {
     previousScenes = new Map();
     renderingCache = new Map();
     currentFileName = '';
+    currentFilePath = '';
     async init(workspacePath) {
         await this.viteManager.init(workspacePath);
         const initFilePath = normalizePath(join(workspacePath, 'init.js'));
@@ -24,6 +25,7 @@ export class FluidCadServer {
         filePath = normalizePath(filePath);
         const normalizedFileName = filePath.replace('virtual:live-render:', '');
         this.currentFileName = normalizedFileName;
+        this.currentFilePath = filePath;
         if (!ignoreCache) {
             const fromCache = this.renderingCache.get(normalizedFileName);
             if (fromCache) {
@@ -88,6 +90,14 @@ export class FluidCadServer {
     async rollbackFromUI(index) {
         return this.rollback(this.currentFileName, index);
     }
+    async recomputeCurrentFile() {
+        if (!this.currentFilePath) {
+            return null;
+        }
+        this.previousScenes.delete(this.currentFileName);
+        this.renderingCache.delete(this.currentFileName);
+        return this.processFile(this.currentFilePath, true);
+    }
     async rollback(fileName, index) {
         if (!this.sceneManager) {
             return null;

package/server/dist/routes/actions.js

@@ -67,6 +67,26 @@ export function createActionsRouter(fluidCadServer, sendToExtension, broadcastTo
         });
         res.json({ success: true });
     });
+    router.post('/recompute', async (_req, res) => {
+        const data = await fluidCadServer.recomputeCurrentFile();
+        if (!data) {
+            res.status(404).json({ error: 'No active scene' });
+            return;
+        }
+        sendToExtension({
+            type: 'scene-rendered',
+            absPath: data.absPath,
+            result: data.result,
+            rollbackStop: data.rollbackStop,
+        });
+        broadcastToUI({
+            type: 'scene-rendered',
+            result: data.result,
+            absPath: data.absPath,
+            breakpointHit: data.breakpointHit,
+        });
+        res.json({ success: true });
+    });
     router.post('/clear-breakpoints', (_req, res) => {
         sendToExtension({ type: 'clear-breakpoints' });
         res.json({ success: true });

package/server/dist/vite-manager.js

@@ -103,7 +103,13 @@ export class ViteManager {
         this.buffers.set(id, code);
     }
     async loadModule(filePath) {
-        return this.server.ssrLoadModule(filePath);
+        const mod = await this.server.ssrLoadModule(filePath);
+        for (const value of Object.values(mod)) {
+            if (typeof value === 'function') {
+                await value();
+            }
+        }
+        return mod;
     }
     invalidateModule() {
         for (const [id, mod] of this.server.moduleGraph.idToModuleMap) {

package/ui/dist/assets/{index-B1LkrBga.js → index-CqP_mgZk.js}

@@ -4657,10 +4657,10 @@ void main() {
       <span class="text-sm font-medium text-base-content/70">History</span>
       <span data-ref="history-total" class="text-xs text-base-content/40 tabular-nums hidden"></span>
       <button data-ref="history-dots" class="ml-auto btn btn-ghost btn-square btn-xs text-base-content/40 hover:text-base-content/70 shrink-0">${bm}</button>
-    `,this.panel.appendChild(l),this.historyTotalLabel=l.querySelector(`[data-ref="history-total"]`);let u=l.querySelector(`[data-ref="history-dots"]`);u.addEventListener(`click`,e=>{e.stopPropagation(),this.showHistoryDropdown(u)}),this.timelineBody=document.createElement(`div`),this.timelineBody.className=`py-1 overflow-y-auto min-h-0 flex-[2]`,this.panel.appendChild(this.timelineBody);let d=document.createElement(`div`);d.className=_m,d.innerHTML=`
+    `,this.panel.appendChild(l),this.historyTotalLabel=l.querySelector(`[data-ref="history-total"]`);let u=l.querySelector(`[data-ref="history-dots"]`);u.addEventListener(`click`,e=>{e.stopPropagation(),this.showHistoryDropdown(u)}),this.timelineBody=document.createElement(`div`),this.timelineBody.className=`py-1 overflow-y-auto min-h-0`,this.panel.appendChild(this.timelineBody);let d=document.createElement(`div`);d.className=_m,d.innerHTML=`
       <span class="flex items-center justify-center w-5 h-5 opacity-50 transition-transform rotate-90">${vm}</span>
       <span class="text-sm font-medium text-base-content/70">Shapes</span>
-    `,this.panel.appendChild(d),this.shapesBody=document.createElement(`div`),this.shapesBody.className=`py-1 overflow-y-auto min-h-[120px] flex-1`,this.panel.appendChild(this.shapesBody),l.addEventListener(`click`,()=>{this.timelineExpanded=!this.timelineExpanded,this.timelineBody.classList.toggle(`hidden`,!this.timelineExpanded),l.querySelector(`[data-ref="chevron"]`).classList.toggle(`rotate-90`,this.timelineExpanded)}),d.addEventListener(`click`,()=>{this.shapesExpanded=!this.shapesExpanded,this.shapesBody.classList.toggle(`hidden`,!this.shapesExpanded),d.querySelector(`span`).classList.toggle(`rotate-90`,this.shapesExpanded)})}update(e,t,n){if(this.sceneObjects=e,this.rollbackStop=t,n){let e=n.split(`/`).pop()||n;this.fileLabel.textContent=e}this.loaded||(this.loaded=!0,this.panel.classList.remove(`hidden`)),this.renderTimeline(!0),this.renderShapes(),this.updateHistoryTotal()}updateHistoryTotal(){if(!this.showBuildTimings){this.historyTotalLabel.classList.add(`hidden`);return}let e=0,t=!1;for(let n of this.sceneObjects)n.parentId||n.fromCache||n.buildDurationMs==null||(e+=n.buildDurationMs,t=!0);if(!t){this.historyTotalLabel.classList.add(`hidden`);return}this.historyTotalLabel.textContent=`· ${Sm(e)}`,this.historyTotalLabel.classList.remove(`hidden`)}renderTimeline(e=!1){let t=this.sceneObjects,n=this.rollbackStop,r=new Set;for(let e of t)e.uniqueType!==`lazy-select`&&e.parentId&&r.add(e.parentId);let i=``;for(let e=0;e<t.length;e++){let a=t[e];if(a.parentId||a.uniqueType===`lazy-select`)continue;let o=a.id!=null&&r.has(a.id),s=a.id!=null&&this.collapsedIds.has(a.id);if(i+=this.renderTimelineItem(a,e,n,!1,o,s),o&&!s)for(let e=0;e<t.length;e++)t[e].uniqueType!==`lazy-select`&&t[e].parentId===a.id&&(i+=this.renderTimelineItem(t[e],e,n,!0,!1,!1))}if(this.timelineBody.innerHTML=i,this.timelineBody.querySelectorAll(`[data-index]`).forEach(e=>{e.addEventListener(`click`,t=>{if(t.target.closest(`[data-toggle]`))return;let n=parseInt(e.dataset.index,10);this.rollbackTo(n),this.gotoSource(this.sceneObjects[n])}),e.addEventListener(`dblclick`,t=>{if(t.target.closest(`[data-toggle]`))return;let n=parseInt(e.dataset.index,10);this.addBreakpointAfter(n),this.gotoSource(this.sceneObjects[n])})}),this.timelineBody.querySelectorAll(`[data-toggle]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation();let n=e.dataset.toggle;this.collapsedIds.has(n)?this.collapsedIds.delete(n):this.collapsedIds.add(n),this.renderTimeline()})}),e){let e=this.timelineBody.querySelector(`[data-current="true"]`);e&&e.scrollIntoView({block:`nearest`})}}renderTimelineItem(e,t,n,r,i,a){let o=t===n,s=t>n,c=e.visible===!1,l=e.hasError===!0,u=e.name?e.name.charAt(0).toUpperCase()+e.name.slice(1):e.type||`Unknown`,d=e.type===`part`?`/icons/box.png`:`/icons/${gm(e.uniqueType,e.type)}.png`,f=`flex items-center gap-1 px-3 py-1.5 cursor-pointer hover:bg-base-content/[0.06] text-sm`;r&&(f+=` pl-7`),o?f+=` border-l-2 border-primary bg-primary/10 text-primary`:l?f+=` text-error`:s||c?f+=` text-base-content/60`:f+=` text-base-content/80`;let p=c?`w-4 h-4 object-contain grayscale opacity-60`:`w-4 h-4 object-contain`,m=``;if(i){let t=a?``:`rotate-90`;m=`<span data-toggle="${e.id}" class="flex items-center justify-center w-5 h-5 opacity-50 hover:opacity-100 transition-transform ${t}">
+    `,this.panel.appendChild(d),this.shapesBody=document.createElement(`div`),this.shapesBody.className=`py-1 overflow-y-auto min-h-[33vh] flex-1`,this.panel.appendChild(this.shapesBody),l.addEventListener(`click`,()=>{this.timelineExpanded=!this.timelineExpanded,this.timelineBody.classList.toggle(`hidden`,!this.timelineExpanded),l.querySelector(`[data-ref="chevron"]`).classList.toggle(`rotate-90`,this.timelineExpanded)}),d.addEventListener(`click`,()=>{this.shapesExpanded=!this.shapesExpanded,this.shapesBody.classList.toggle(`hidden`,!this.shapesExpanded),d.querySelector(`span`).classList.toggle(`rotate-90`,this.shapesExpanded)})}update(e,t,n){if(this.sceneObjects=e,this.rollbackStop=t,n){let e=n.split(`/`).pop()||n;this.fileLabel.textContent=e}this.loaded||(this.loaded=!0,this.panel.classList.remove(`hidden`)),this.renderTimeline(!0),this.renderShapes(),this.updateHistoryTotal()}updateHistoryTotal(){if(!this.showBuildTimings){this.historyTotalLabel.classList.add(`hidden`);return}let e=0,t=!1;for(let n of this.sceneObjects)n.parentId||n.fromCache||n.buildDurationMs==null||(e+=n.buildDurationMs,t=!0);if(!t){this.historyTotalLabel.classList.add(`hidden`);return}this.historyTotalLabel.textContent=`· ${Sm(e)}`,this.historyTotalLabel.classList.remove(`hidden`)}renderTimeline(e=!1){let t=this.sceneObjects,n=this.rollbackStop,r=new Set;for(let e of t)e.uniqueType!==`lazy-select`&&e.parentId&&r.add(e.parentId);let i=``;for(let e=0;e<t.length;e++){let a=t[e];if(a.parentId||a.uniqueType===`lazy-select`)continue;let o=a.id!=null&&r.has(a.id),s=a.id!=null&&this.collapsedIds.has(a.id);if(i+=this.renderTimelineItem(a,e,n,!1,o,s),o&&!s)for(let e=0;e<t.length;e++)t[e].uniqueType!==`lazy-select`&&t[e].parentId===a.id&&(i+=this.renderTimelineItem(t[e],e,n,!0,!1,!1))}if(this.timelineBody.innerHTML=i,this.timelineBody.querySelectorAll(`[data-index]`).forEach(e=>{e.addEventListener(`click`,t=>{if(t.target.closest(`[data-toggle]`))return;let n=parseInt(e.dataset.index,10);this.rollbackTo(n),this.gotoSource(this.sceneObjects[n])}),e.addEventListener(`dblclick`,t=>{if(t.target.closest(`[data-toggle]`))return;let n=parseInt(e.dataset.index,10);this.addBreakpointAfter(n),this.gotoSource(this.sceneObjects[n])})}),this.timelineBody.querySelectorAll(`[data-toggle]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation();let n=e.dataset.toggle;this.collapsedIds.has(n)?this.collapsedIds.delete(n):this.collapsedIds.add(n),this.renderTimeline()})}),e){let e=this.timelineBody.querySelector(`[data-current="true"]`);e&&e.scrollIntoView({block:`nearest`})}}renderTimelineItem(e,t,n,r,i,a){let o=t===n,s=t>n,c=e.visible===!1,l=e.hasError===!0,u=e.name?e.name.charAt(0).toUpperCase()+e.name.slice(1):e.type||`Unknown`,d=e.type===`part`?`/icons/box.png`:`/icons/${gm(e.uniqueType,e.type)}.png`,f=`flex items-center gap-1 px-3 py-1.5 cursor-pointer hover:bg-base-content/[0.06] text-sm`;r&&(f+=` pl-7`),o?f+=` border-l-2 border-primary bg-primary/10 text-primary`:l?f+=` text-error`:s||c?f+=` text-base-content/60`:f+=` text-base-content/80`;let p=c?`w-4 h-4 object-contain grayscale opacity-60`:`w-4 h-4 object-contain`,m=``;if(i){let t=a?``:`rotate-90`;m=`<span data-toggle="${e.id}" class="flex items-center justify-center w-5 h-5 opacity-50 hover:opacity-100 transition-transform ${t}">
         ${vm}
       </span>`}else m=`<span class="w-4"></span>`;let h=this.showBuildTimings&&!e.fromCache&&e.buildDurationMs!=null,g=h?`<span class="ml-auto shrink-0 text-xs text-base-content/40 tabular-nums">${Sm(e.buildDurationMs)}</span>`:``,_=h?`shrink-0 text-base-content/40 [&>svg]:w-4 [&>svg]:h-4`:`ml-auto shrink-0 text-base-content/40 [&>svg]:w-4 [&>svg]:h-4`,v=e.fromCache?`<span class="${_}">${Lp}</span>`:`<span class="${_}">${Rp}</span>`;return`
       <div class="${f}" data-index="${t}" data-container="${e.isContainer??!1}" data-current="${o}">
@@ -4670,7 +4670,7 @@ void main() {
         ${g}
         ${v}
       </div>
-    `}async rollbackTo(e){try{await fetch(`/api/rollback`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({index:e})})}catch(e){console.error(`Rollback failed:`,e)}}async addBreakpointAfter(e){let t=this.sceneObjects[e];if(!(!t||!t.sourceLocation))try{await fetch(`/api/add-breakpoint`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:t.sourceLocation})})}catch(e){console.error(`Add breakpoint failed:`,e)}}async gotoSource(e){if(!(!e||!e.sourceLocation))try{await fetch(`/api/code/goto-source`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e.sourceLocation)})}catch(e){console.error(`Goto source failed:`,e)}}renderShapes(){let e=new Map;for(let t of this.sceneObjects)for(let n of t.sceneShapes){if(n.isMetaShape)continue;let t=n.shapeType||`unknown`;e.has(t)||e.set(t,[]),e.get(t).push({shapeId:n.shapeId||``,shapeType:t})}let t=``;for(let[n,r]of e){let e=n.charAt(0).toUpperCase()+n.slice(1),i=this.collapsedShapeGroups.has(n);if(t+=`
+    `}async recomputeScene(){try{await fetch(`/api/recompute`,{method:`POST`,headers:{"Content-Type":`application/json`}})}catch(e){console.error(`Recompute failed:`,e)}}async rollbackTo(e){try{await fetch(`/api/rollback`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({index:e})})}catch(e){console.error(`Rollback failed:`,e)}}async addBreakpointAfter(e){let t=this.sceneObjects[e];if(!(!t||!t.sourceLocation))try{await fetch(`/api/add-breakpoint`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:t.sourceLocation})})}catch(e){console.error(`Add breakpoint failed:`,e)}}async gotoSource(e){if(!(!e||!e.sourceLocation))try{await fetch(`/api/code/goto-source`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e.sourceLocation)})}catch(e){console.error(`Goto source failed:`,e)}}renderShapes(){let e=new Map;for(let t of this.sceneObjects)for(let n of t.sceneShapes){if(n.isMetaShape)continue;let t=n.shapeType||`unknown`;e.has(t)||e.set(t,[]),e.get(t).push({shapeId:n.shapeId||``,shapeType:t})}let t=``;for(let[n,r]of e){let e=n.charAt(0).toUpperCase()+n.slice(1),i=this.collapsedShapeGroups.has(n);if(t+=`
         <div class="flex items-center gap-1 px-3 py-1.5 cursor-pointer hover:bg-base-content/[0.06] text-sm text-base-content/70 font-medium" data-shape-group="${n}">
           <span class="flex items-center justify-center w-5 h-5 opacity-50 hover:opacity-100 transition-transform ${i?``:`rotate-90`}">
             ${vm}
@@ -4687,12 +4687,16 @@ void main() {
             </div>
           `}}this.shapesBody.innerHTML=t,this.shapesBody.querySelectorAll(`[data-shape-group]`).forEach(e=>{e.addEventListener(`click`,()=>{let t=e.dataset.shapeGroup;this.collapsedShapeGroups.has(t)?this.collapsedShapeGroups.delete(t):this.collapsedShapeGroups.add(t),this.renderShapes()})}),this.shapesBody.querySelectorAll(`[data-shape-id]`).forEach(e=>{e.addEventListener(`click`,t=>{if(t.target.closest(`[data-dots]`)||t.target.closest(`[data-eye]`))return;let n=e.dataset.shapeId;t.ctrlKey||t.metaKey?this.selectedShapeIds.has(n)?this.selectedShapeIds.delete(n):this.selectedShapeIds.add(n):(this.selectedShapeIds.clear(),this.selectedShapeIds.add(n)),this.renderShapes(),n&&this.onHighlightShape(n)})}),this.shapesBody.querySelectorAll(`[data-dots]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation();let n=e.dataset.dots;this.showShapeDropdown(e,n)})}),this.shapesBody.querySelectorAll(`[data-eye]`).forEach(e=>{e.addEventListener(`click`,t=>{t.stopPropagation();let n=e.dataset.eye,r=this.isShapeHidden(n);this.onToggleShapeVisibility(n,r),this.renderShapes()})})}setShowBuildTimings(e){this.showBuildTimings!==e&&(this.showBuildTimings=e,this.applyPanelWidth(),this.updateHistoryTotal(),this.loaded&&this.renderTimeline())}applyPanelWidth(){this.panel.classList.toggle(`w-[220px]`,!this.showBuildTimings),this.panel.classList.toggle(`w-[270px]`,this.showBuildTimings)}showHistoryDropdown(e){this.closeDropdown();let t=document.createElement(`div`);t.className=`absolute z-[200] panel-bg border border-base-content/10 rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.4)]`;let n=e.getBoundingClientRect(),r=this.panel.getBoundingClientRect();t.style.top=`${n.bottom-r.top+2}px`,t.style.right=`${r.right-n.right}px`,t.innerHTML=`
       <ul class="menu menu-xs p-1 min-w-[180px]">
+        <li><button data-action="recompute" class="flex items-center gap-2">
+          <span class="flex items-center justify-center w-4 h-4 shrink-0 [&>svg]:size-3.5">${Rp}</span>
+          <span>Recompute scene</span>
+        </button></li>
         <li><button data-action="toggle-timings" class="flex items-center gap-2">
-          ${this.showBuildTimings?`<span class="text-primary shrink-0">${xm}</span>`:`<span class="w-3 shrink-0"></span>`}
+          ${this.showBuildTimings?`<span class="flex items-center justify-center w-4 h-4 shrink-0 text-primary [&>svg]:size-3">${xm}</span>`:`<span class="w-4 h-4 shrink-0"></span>`}
           <span>Show execution time</span>
         </button></li>
       </ul>
-    `,this.panel.appendChild(t),this.activeDropdown=t,t.querySelector(`[data-action="toggle-timings"]`).addEventListener(`click`,()=>{let e=!this.showBuildTimings;this.showBuildTimings=e,this.applyPanelWidth(),this.updateHistoryTotal(),dp(`showBuildTimings`,e),this.closeDropdown(),this.renderTimeline()});let i=n=>{!t.contains(n.target)&&!e.contains(n.target)&&this.closeDropdown()};setTimeout(()=>document.addEventListener(`click`,i),0),this.dropdownCleanup=()=>document.removeEventListener(`click`,i)}showShapeDropdown(e,t){this.closeDropdown();let n=document.createElement(`div`);n.className=`absolute z-[200] panel-bg border border-base-content/10 rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.4)]`;let r=e.getBoundingClientRect(),i=this.panel.getBoundingClientRect();n.style.top=`${r.bottom-i.top+2}px`,n.style.left=`${r.left-i.left}px`,n.innerHTML=`
+    `,this.panel.appendChild(t),this.activeDropdown=t,t.querySelector(`[data-action="toggle-timings"]`).addEventListener(`click`,()=>{let e=!this.showBuildTimings;this.showBuildTimings=e,this.applyPanelWidth(),this.updateHistoryTotal(),dp(`showBuildTimings`,e),this.closeDropdown(),this.renderTimeline()}),t.querySelector(`[data-action="recompute"]`).addEventListener(`click`,()=>{this.closeDropdown(),this.recomputeScene()});let i=n=>{!t.contains(n.target)&&!e.contains(n.target)&&this.closeDropdown()};setTimeout(()=>document.addEventListener(`click`,i),0),this.dropdownCleanup=()=>document.removeEventListener(`click`,i)}showShapeDropdown(e,t){this.closeDropdown();let n=document.createElement(`div`);n.className=`absolute z-[200] panel-bg border border-base-content/10 rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.4)]`;let r=e.getBoundingClientRect(),i=this.panel.getBoundingClientRect();n.style.top=`${r.bottom-i.top+2}px`,n.style.left=`${r.left-i.left}px`,n.innerHTML=`
       <ul class="menu menu-xs p-1 min-w-[140px]">
         <li><button data-action="export">Export</button></li>
         <li><button data-action="set-transparency">Set Transparency</button></li>
@@ -4838,23 +4842,30 @@ void main() {
     <span class="loading loading-spinner loading-sm"></span>
     <span class="loading-text">Loading FluidCAD...</span>
   </div>
-`,yh.appendChild(xh);var Sh=xh.querySelector(`.loading-text`);function Ch(e){Sh.textContent=e,xh.classList.remove(`hidden`)}function wh(){xh.classList.add(`hidden`)}var $=new im(`fluidcad-viewer`);Pd(()=>$.rebuildSceneMesh());var Th=new dm(yh),Eh=new mm(yh),Dh=new km(yh,$.sceneContext),Oh=new Am(yh,()=>{Uh===`picking-active`&&Zh()}),kh=new Cm(yh,e=>$.highlightShape(e),e=>Dh.show(e),(e,t)=>$.setShapeVisibility(e,t),e=>$.isShapeHidden(e),(e,t)=>$.setShapeTransparency(e,t),e=>$.getShapeTransparency(e));Th.setOpenHandler(()=>{$.clearHighlight(),Eh.hide()}),Th.setCentroidHandler(e=>{e?$.showCentroid(e):$.clearCentroid()}),$.setSelectionHandler((e,t)=>{e?Th.isOpen?$.highlightShape(e):t?.type===`face`?$.highlightFace(e,t.index):t?.type===`edge`?$.highlightEdge(e,t.index):$.clearHighlight():$.clearHighlight(),Th.setSelectedShape(e),e!==null&&t!==null?t.type===`face`?Eh.showForFace(e,t.index):Eh.showForEdge(e,t.index):Eh.hide()});var Ah=document.createElement(`div`);Ah.id=`fluidcad-trim-indicator`,Ah.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-none hidden`,Ah.innerHTML=`
+`,yh.appendChild(xh);var Sh=xh.querySelector(`.loading-text`);function Ch(e){Sh.textContent=e,xh.classList.remove(`hidden`)}function wh(){xh.classList.add(`hidden`)}var $=new im(`fluidcad-viewer`);Pd(()=>$.rebuildSceneMesh());var Th=new dm(yh),Eh=new mm(yh),Dh=new km(yh,$.sceneContext),Oh=new Am(yh,()=>{Zh===`picking-active`&&ag(),Mh===`picking-active`&&Bh()}),kh=new Cm(yh,e=>$.highlightShape(e),e=>Dh.show(e),(e,t)=>$.setShapeVisibility(e,t),e=>$.isShapeHidden(e),(e,t)=>$.setShapeTransparency(e,t),e=>$.getShapeTransparency(e));Th.setOpenHandler(()=>{$.clearHighlight(),Eh.hide()}),Th.setCentroidHandler(e=>{e?$.showCentroid(e):$.clearCentroid()}),$.setSelectionHandler((e,t)=>{e?Th.isOpen?$.highlightShape(e):t?.type===`face`?$.highlightFace(e,t.index):t?.type===`edge`?$.highlightEdge(e,t.index):$.clearHighlight():$.clearHighlight(),Th.setSelectedShape(e),e!==null&&t!==null?t.type===`face`?Eh.showForFace(e,t.index):Eh.showForEdge(e,t.index):Eh.hide()});var Ah=document.createElement(`div`);Ah.id=`fluidcad-trim-pick-trigger`,Ah.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,Ah.innerHTML=`
+  <button class="flex items-center gap-3 panel-bg border border-base-content/10 rounded-lg px-6 py-3 text-base-content/70 text-sm leading-none select-none cursor-pointer hover:border-base-content/20 transition-colors">
+    <span class="[&>svg]:size-5">${Pp}</span>
+    <span>Interactive Trimming</span>
+  </button>
+`,yh.appendChild(Ah);var jh=document.createElement(`div`);jh.id=`fluidcad-trim-pick-active`,jh.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,jh.innerHTML=`
   <div class="flex items-center gap-3 panel-bg border border-base-content/10 rounded-lg px-6 py-3 text-base-content/70 text-sm leading-none select-none">
     <span class="[&>svg]:size-5">${Pp}</span>
     <span>Trimming Mode</span>
+    <div class="h-4 w-px bg-base-content/10"></div>
+    <button class="text-base-content/60 hover:text-base-content transition-colors cursor-pointer" id="exit-trim-pick">Exit</button>
   </div>
-`,yh.appendChild(Ah);var jh=null,Mh=null;function Nh(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}if(!t||t.type!==`sketch`||!t.id)return!1;for(let n=e.length-1;n>=0;n--)if(e[n].parentId===t.id)return e[n].type===`trim2d`;return!1}function Ph(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}let n=t?.type===`sketch`?t:null;if(!n||!n.id||!n.object?.plane){Fh();return}let r=null;for(let t=e.length-1;t>=0;t--)if(e[t].parentId===n.id){r=e[t];break}if(!r||r.type!==`trim2d`||!r.sourceLocation){Fh();return}let i=r.sourceLocation.line;if(jh&&Mh===i){jh.updateEdges(e,n.id);return}Fh();let a=n.object.plane,o=r.sourceLocation,s=_h.fromSceneObjects(e,n.id,a);jh=new Mm($.sceneContext,a,s,e,n.id,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:o})})},e=>{$.clearHighlight(),Bh(),e&&($.highlightShape(e.shapeId),zh(e.endpoints))}),Mh=i,jh.activate(),Ah.classList.remove(`hidden`)}function Fh(){jh&&(jh.deactivate(),jh=null,Mh=null),Bh(),Ah.classList.add(`hidden`)}var Ih=16762232,Lh=1e-4,Rh=[];function zh(e){Bh(),e.length!==0&&($.sceneContext.scene.traverse(t=>{if(!t.userData.isVertexDot)return;let n=t.children[0];if(!n||!n.isMesh)return;let r=t.position;for(let t of e){let e=r.x-t[0],i=r.y-t[1],a=r.z-t[2];if(e*e+i*i+a*a<Lh){let e=n.material,t=e.clone();t.color.setHex(Ih),n.material=t,Rh.push({mesh:n,originalMaterial:e});break}}}),$.sceneContext.requestRender())}function Bh(){for(let{mesh:e,originalMaterial:t}of Rh)e.material.dispose(),e.material=t;Rh.length>0&&(Rh.length=0,$.sceneContext.requestRender())}var Vh=document.createElement(`div`);Vh.id=`fluidcad-region-pick-trigger`,Vh.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,Vh.innerHTML=`
+`,yh.appendChild(jh);var Mh=`idle`,Nh=null,Ph=null,Fh=null,Ih=null;function Lh(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}if(!t||t.type!==`sketch`||!t.id||!t.object?.plane)return{hasTrigger:!1};let n=null;for(let r=e.length-1;r>=0;r--)if(e[r].parentId===t.id){n=e[r];break}let r=n;return!r||r.type!==`trim2d`||r.object?.trigger!==`trim-picking`||!r.sourceLocation?{hasTrigger:!1}:{hasTrigger:!0,trimObj:n,sketchObj:t}}function Rh(e,t){Vh();let n=e.sketchObj.object.plane,r=e.trimObj.sourceLocation,i=e.sketchObj.id,a=_h.fromSceneObjects(t,i,n);Fh=new Mm($.sceneContext,n,a,t,i,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:r})})},e=>{$.clearHighlight(),Jh(),e&&($.highlightShape(e.shapeId),qh(e.endpoints))}),Ih=r.line,Fh.activate()}function zh(){if(Nh){if(!Nh.trimObj.object?.picking){fetch(`/api/add-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:Nh.trimObj.sourceLocation})}),Mh=`picking-active`,Ah.classList.add(`hidden`),jh.classList.remove(`hidden`),$.isTrimming=!0;return}Ph&&Rh(Nh,Ph),Mh=`picking-active`,Ah.classList.add(`hidden`),jh.classList.remove(`hidden`),$.isTrimming=!0}}function Bh(){Vh(),$.isTrimming=!1;let e=Nh?.trimObj,t=e?.object?.picking,n=e?.object?.pickPoints;t&&(!n||n.length===0)&&e?.sourceLocation&&fetch(`/api/remove-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:e.sourceLocation})}),Nh?(Mh=`icon-visible`,jh.classList.add(`hidden`),Ah.classList.remove(`hidden`)):(Mh=`idle`,jh.classList.add(`hidden`),Ah.classList.add(`hidden`))}function Vh(){Fh&&(Fh.deactivate(),Fh=null,Ih=null),Jh()}function Hh(){Vh(),Mh=`idle`,Ah.classList.add(`hidden`),jh.classList.add(`hidden`),Nh=null,Ph=null,$.isTrimming=!1}function Uh(e){let t=Lh(e);if(!t.hasTrigger){Hh();return}Nh={trimObj:t.trimObj,sketchObj:t.sketchObj},Ph=e;let n=t.trimObj.object?.picking;if(Mh===`picking-active`){if(n){let n=Nh.trimObj.sourceLocation.line;if(Fh&&Ih===n){Fh.updateEdges(e,t.sketchObj.id);return}Rh(Nh,e)}return}Mh=`icon-visible`,Ah.classList.remove(`hidden`),jh.classList.add(`hidden`)}Ah.querySelector(`button`).addEventListener(`click`,()=>{zh()}),jh.querySelector(`#exit-trim-pick`).addEventListener(`click`,()=>{Bh()});var Wh=16762232,Gh=1e-4,Kh=[];function qh(e){Jh(),e.length!==0&&($.sceneContext.scene.traverse(t=>{if(!t.userData.isVertexDot)return;let n=t.children[0];if(!n||!n.isMesh)return;let r=t.position;for(let t of e){let e=r.x-t[0],i=r.y-t[1],a=r.z-t[2];if(e*e+i*i+a*a<Gh){let e=n.material,t=e.clone();t.color.setHex(Wh),n.material=t,Kh.push({mesh:n,originalMaterial:e});break}}}),$.sceneContext.requestRender())}function Jh(){for(let{mesh:e,originalMaterial:t}of Kh)e.material.dispose(),e.material=t;Kh.length>0&&(Kh.length=0,$.sceneContext.requestRender())}var Yh=document.createElement(`div`);Yh.id=`fluidcad-region-pick-trigger`,Yh.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,Yh.innerHTML=`
   <button class="flex items-center gap-3 panel-bg border border-base-content/10 rounded-lg px-6 py-3 text-base-content/70 text-sm leading-none select-none cursor-pointer hover:border-base-content/20 transition-colors">
     <span class="[&>svg]:size-5">${zp}</span>
     <span>Pick Regions</span>
   </button>
-`,yh.appendChild(Vh);var Hh=document.createElement(`div`);Hh.id=`fluidcad-region-pick-active`,Hh.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,Hh.innerHTML=`
+`,yh.appendChild(Yh);var Xh=document.createElement(`div`);Xh.id=`fluidcad-region-pick-active`,Xh.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,Xh.innerHTML=`
   <div class="flex items-center gap-3 panel-bg border border-base-content/10 rounded-lg px-6 py-3 text-base-content/70 text-sm leading-none select-none">
     <span>Region Picking Mode</span>
     <div class="h-4 w-px bg-base-content/10"></div>
     <button class="text-base-content/60 hover:text-base-content transition-colors cursor-pointer" id="exit-region-pick">Exit</button>
   </div>
-`,yh.appendChild(Hh);var Uh=`idle`,Wh=null,Gh=null,Kh=null,qh=[`extrude`,`cut`,`cut-symmetric`,`revolve`,`sweep`];function Jh(e){let t=[`plane`,`axis`],n;for(let r=e.length-1;r>=0;r--){let i=e[r];if(!i.parentId&&!t.includes(i.type)){n=i;break}}if(!n)return{hasTrigger:!1};let r=n;if(!qh.includes(r.type)||r.object?.trigger!==`region-picking`||r.object?.thin)return{hasTrigger:!1};let i=e.indexOf(n),a;for(let t=i-1;t>=0;t--)if(e[t].type===`sketch`&&e[t].parentId===r.parentId){a=e[t];break}return{hasTrigger:!0,extrudeObj:n,sketchObj:a}}function Yh(e){Qh();let t=e.extrudeObj.object?.pickPlane??e.sketchObj.object.plane,n=e.extrudeObj.sourceLocation;Gh=new Rm($.sceneContext,t,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:n})})},e=>{fetch(`/api/set-pick-points`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({points:e,sourceLocation:n})})},e=>{}),Kh=n.line,Gh.activate()}function Xh(){if(Wh){if(!Wh.extrudeObj.object?.picking){fetch(`/api/add-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:Wh.extrudeObj.sourceLocation})}),Uh=`picking-active`,Vh.classList.add(`hidden`),Hh.classList.remove(`hidden`),$.isRegionPicking=!0,$.toggleSketchMode(!1);return}Yh(Wh),Uh=`picking-active`,Vh.classList.add(`hidden`),Hh.classList.remove(`hidden`),$.isRegionPicking=!0,$.toggleSketchMode(!1),$.rebuildSceneMesh()}}function Zh(){Qh(),$.isRegionPicking=!1,$.toggleSketchMode(!0),$.rebuildSceneMesh();let e=Wh?.extrudeObj,t=e?.object?.picking,n=e?.object?.pickPoints;t&&(!n||n.length===0)&&e?.sourceLocation&&fetch(`/api/remove-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:e.sourceLocation})}),Wh?(Uh=`icon-visible`,Hh.classList.add(`hidden`),Vh.classList.remove(`hidden`)):(Uh=`idle`,Hh.classList.add(`hidden`),Vh.classList.add(`hidden`))}function Qh(){Gh&&(Gh.deactivate(),Gh=null,Kh=null)}function $h(){Qh(),Uh=`idle`,Vh.classList.add(`hidden`),Hh.classList.add(`hidden`),Wh=null,$.isRegionPicking=!1,$.toggleSketchMode(!0)}function eg(e){let t=Jh(e),n=t.extrudeObj?.object?.pickPlane||t.sketchObj?.object?.plane;if(!t.hasTrigger||!t.extrudeObj?.sourceLocation||!n){$h();return}Wh={extrudeObj:t.extrudeObj,sketchObj:t.sketchObj};let r=t.extrudeObj.object?.picking;if(Uh===`picking-active`){if(r){let e=Wh.extrudeObj.sourceLocation.line;if(Gh&&Kh===e)return;Yh(Wh)}return}Uh=`icon-visible`,Vh.classList.remove(`hidden`),Hh.classList.add(`hidden`)}Vh.querySelector(`button`).addEventListener(`click`,()=>{Xh()}),Hh.querySelector(`#exit-region-pick`).addEventListener(`click`,()=>{Zh()});var tg=document.createElement(`div`);tg.id=`fluidcad-bezier-indicator`,tg.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,tg.innerHTML=`
+`,yh.appendChild(Xh);var Zh=`idle`,Qh=null,$h=null,eg=null,tg=[`extrude`,`cut`,`cut-symmetric`,`revolve`,`sweep`];function ng(e){let t=[`plane`,`axis`],n;for(let r=e.length-1;r>=0;r--){let i=e[r];if(!i.parentId&&!t.includes(i.type)){n=i;break}}if(!n)return{hasTrigger:!1};let r=n;if(!tg.includes(r.type)||r.object?.trigger!==`region-picking`||r.object?.thin)return{hasTrigger:!1};let i=e.indexOf(n),a;for(let t=i-1;t>=0;t--)if(e[t].type===`sketch`&&e[t].parentId===r.parentId){a=e[t];break}return{hasTrigger:!0,extrudeObj:n,sketchObj:a}}function rg(e){og();let t=e.extrudeObj.object?.pickPlane??e.sketchObj.object.plane,n=e.extrudeObj.sourceLocation;$h=new Rm($.sceneContext,t,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:n})})},e=>{fetch(`/api/set-pick-points`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({points:e,sourceLocation:n})})},e=>{}),eg=n.line,$h.activate()}function ig(){if(Qh){if(!Qh.extrudeObj.object?.picking){fetch(`/api/add-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:Qh.extrudeObj.sourceLocation})}),Zh=`picking-active`,Yh.classList.add(`hidden`),Xh.classList.remove(`hidden`),$.isRegionPicking=!0,$.toggleSketchMode(!1);return}rg(Qh),Zh=`picking-active`,Yh.classList.add(`hidden`),Xh.classList.remove(`hidden`),$.isRegionPicking=!0,$.toggleSketchMode(!1),$.rebuildSceneMesh()}}function ag(){og(),$.isRegionPicking=!1,$.toggleSketchMode(!0),$.rebuildSceneMesh();let e=Qh?.extrudeObj,t=e?.object?.picking,n=e?.object?.pickPoints;t&&(!n||n.length===0)&&e?.sourceLocation&&fetch(`/api/remove-pick`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({sourceLocation:e.sourceLocation})}),Qh?(Zh=`icon-visible`,Xh.classList.add(`hidden`),Yh.classList.remove(`hidden`)):(Zh=`idle`,Xh.classList.add(`hidden`),Yh.classList.add(`hidden`))}function og(){$h&&($h.deactivate(),$h=null,eg=null)}function sg(){og(),Zh=`idle`,Yh.classList.add(`hidden`),Xh.classList.add(`hidden`),Qh=null,$.isRegionPicking=!1,$.toggleSketchMode(!0)}function cg(e){let t=ng(e),n=t.extrudeObj?.object?.pickPlane||t.sketchObj?.object?.plane;if(!t.hasTrigger||!t.extrudeObj?.sourceLocation||!n){sg();return}Qh={extrudeObj:t.extrudeObj,sketchObj:t.sketchObj};let r=t.extrudeObj.object?.picking;if(Zh===`picking-active`){if(r){let e=Qh.extrudeObj.sourceLocation.line;if($h&&eg===e)return;rg(Qh)}return}Zh=`icon-visible`,Yh.classList.remove(`hidden`),Xh.classList.add(`hidden`)}Yh.querySelector(`button`).addEventListener(`click`,()=>{ig()}),Xh.querySelector(`#exit-region-pick`).addEventListener(`click`,()=>{ag()});var lg=document.createElement(`div`);lg.id=`fluidcad-bezier-indicator`,lg.className=`absolute top-4 left-1/2 -translate-x-1/2 z-[999] pointer-events-auto hidden`,lg.innerHTML=`
   <div class="flex items-center gap-3 panel-bg border border-base-content/10 rounded-lg px-6 py-3 text-base-content/70 text-sm leading-none select-none">
     <span>Bezier Drawing Mode</span>
     <div class="h-4 w-px bg-base-content/10"></div>
@@ -4867,15 +4878,15 @@ void main() {
       <span class="text-xs">Grid</span>
     </label>
   </div>
-`,yh.appendChild(tg),tg.querySelector(`[data-snap="vertex"]`).addEventListener(`change`,e=>{ng&&(ng.snapController.snapToVertices=e.target.checked)}),tg.querySelector(`[data-snap="grid"]`).addEventListener(`change`,e=>{ng&&(ng.snapController.snapToGrid=e.target.checked)});var ng=null,rg=null;function ig(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}if(!t||t.type!==`sketch`||!t.id)return!1;for(let n=e.length-1;n>=0;n--)if(e[n].parentId===t.id)return e[n].type===`bezier`;return!1}function ag(e,t){for(let n=e.length-1;n>=0;n--){let r=e[n];if(r.parentId===t&&r.type===`bezier`){let e=r.object?.startPoint,t=r.object?.resolvedPoints;return e?[e,...t||[]]:[]}}return[]}function og(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}let n=t?.type===`sketch`?t:null;if(!n||!n.id||!n.object?.plane){sg();return}let r=null;for(let t=e.length-1;t>=0;t--)if(e[t].parentId===n.id){r=e[t];break}if(!r||r.type!==`bezier`||!r.sourceLocation){sg();return}let i=r.sourceLocation.line,a=n.object.plane,o=ag(e,n.id),s=_h.fromSceneObjects(e,n.id,a);if(ng&&rg===i){ng.updateExistingPoles(o),ng.snapController.updateSnapManager(s);return}sg();let c=r.sourceLocation,l=new vh(s,a),u=tg.querySelector(`[data-snap="vertex"]`),d=tg.querySelector(`[data-snap="grid"]`);u&&(l.snapToVertices=u.checked),d&&(l.snapToGrid=d.checked),ng=new dh($.sceneContext,a,l,o,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:c})})},e=>{fetch(`/api/set-pick-points`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({points:e,sourceLocation:c})})}),rg=i,ng.activate(),tg.classList.remove(`hidden`)}function sg(){ng&&(ng.deactivate(),ng=null,rg=null),tg.classList.add(`hidden`)}var cg=document.createElement(`div`);cg.className=`absolute bottom-6 left-6 z-[100]`,cg.innerHTML=`
+`,yh.appendChild(lg),lg.querySelector(`[data-snap="vertex"]`).addEventListener(`change`,e=>{ug&&(ug.snapController.snapToVertices=e.target.checked)}),lg.querySelector(`[data-snap="grid"]`).addEventListener(`change`,e=>{ug&&(ug.snapController.snapToGrid=e.target.checked)});var ug=null,dg=null;function fg(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}if(!t||t.type!==`sketch`||!t.id)return!1;for(let n=e.length-1;n>=0;n--)if(e[n].parentId===t.id)return e[n].type===`bezier`;return!1}function pg(e,t){for(let n=e.length-1;n>=0;n--){let r=e[n];if(r.parentId===t&&r.type===`bezier`){let e=r.object?.startPoint,t=r.object?.resolvedPoints;return e?[e,...t||[]]:[]}}return[]}function mg(e){let t=null;for(let n=e.length-1;n>=0;n--)if(bh(e[n],e)){t=e[n];break}let n=t?.type===`sketch`?t:null;if(!n||!n.id||!n.object?.plane){hg();return}let r=null;for(let t=e.length-1;t>=0;t--)if(e[t].parentId===n.id){r=e[t];break}if(!r||r.type!==`bezier`||!r.sourceLocation){hg();return}let i=r.sourceLocation.line,a=n.object.plane,o=pg(e,n.id),s=_h.fromSceneObjects(e,n.id,a);if(ug&&dg===i){ug.updateExistingPoles(o),ug.snapController.updateSnapManager(s);return}hg();let c=r.sourceLocation,l=new vh(s,a),u=lg.querySelector(`[data-snap="vertex"]`),d=lg.querySelector(`[data-snap="grid"]`);u&&(l.snapToVertices=u.checked),d&&(l.snapToGrid=d.checked),ug=new dh($.sceneContext,a,l,o,e=>{fetch(`/api/insert-point`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({point:e,sourceLocation:c})})},e=>{fetch(`/api/set-pick-points`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({points:e,sourceLocation:c})})}),dg=i,ug.activate(),lg.classList.remove(`hidden`)}function hg(){ug&&(ug.deactivate(),ug=null,dg=null),lg.classList.add(`hidden`)}var gg=document.createElement(`div`);gg.className=`absolute bottom-6 left-6 z-[100]`,gg.innerHTML=`
   <button class="btn btn-ghost btn-square btn-sm text-base-content/60" title="Import File">
     <span class="[&>svg]:size-5">${Fp}</span>
   </button>
-`,yh.appendChild(cg);var lg=document.createElement(`div`);lg.className=`absolute bottom-16 left-6 z-[100] panel-bg border border-base-content/10 rounded-lg px-4 py-3 text-sm text-base-content/80 hidden`,yh.appendChild(lg);var ug=null;function dg(e,t){t?(lg.innerHTML=`
+`,yh.appendChild(gg);var _g=document.createElement(`div`);_g.className=`absolute bottom-16 left-6 z-[100] panel-bg border border-base-content/10 rounded-lg px-4 py-3 text-sm text-base-content/80 hidden`,yh.appendChild(_g);var vg=null;function yg(e,t){t?(_g.innerHTML=`
       <div class="flex items-center gap-2">
         <span>${e} <code class="bg-base-content/10 px-1.5 py-0.5 rounded text-base-content/90">${t}</code></span>
         <button class="btn btn-ghost btn-square btn-xs text-base-content/60 import-toast-copy" title="Copy">
           <span class="[&>svg]:size-3.5">${Ip}</span>
         </button>
       </div>
-    `,lg.querySelector(`.import-toast-copy`).addEventListener(`click`,()=>{navigator.clipboard.writeText(t);let e=lg.querySelector(`.import-toast-copy`);e.setAttribute(`title`,`Copied!`),setTimeout(()=>e.setAttribute(`title`,`Copy`),1500)})):lg.textContent=e,lg.classList.remove(`hidden`),ug&&clearTimeout(ug),ug=setTimeout(()=>{lg.classList.add(`hidden`),ug=null},6e3)}var fg=document.createElement(`input`);fg.type=`file`,fg.accept=`.step,.stp`,fg.style.display=`none`,yh.appendChild(fg),cg.querySelector(`button`).addEventListener(`click`,()=>{fg.click()}),fg.addEventListener(`change`,async()=>{let e=fg.files?.[0];if(e){fg.value=``,Ch(`Importing file...`);try{let t=await e.arrayBuffer(),n=new Uint8Array(t),r=``;for(let e=0;e<n.length;e++)r+=String.fromCharCode(n[e]);let i=btoa(r),a=await fetch(`/api/import-file`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({fileName:e.name,data:i})}),o=await a.json();!a.ok||!o.success?dg(`Import failed: ${o.error||`Unknown error`}`):dg(`Imported! Use:`,`load('${o.fileName}')`)}catch{dg(`Import failed: network error`)}finally{wh()}}});async function pg(e,t,n){try{let r=await(await Tm($.sceneContext,n)).arrayBuffer(),i=new Uint8Array(r),a=``;for(let e=0;e<i.length;e++)a+=String.fromCharCode(i[e]);e.send(JSON.stringify({type:`screenshot-result`,requestId:t,success:!0,data:btoa(a)}))}catch(n){e.send(JSON.stringify({type:`screenshot-result`,requestId:t,success:!1,error:n.message||String(n)}))}}function mg(){let e=`ws://${window.location.host}`,t=new WebSocket(e);t.addEventListener(`message`,e=>{let n=JSON.parse(e.data);switch(n.type){case`init-complete`:Ch(`Loading model...`);break;case`processing-file`:Ch(`Loading model...`);break;case`scene-rendered`:{wh();let e=n.rollbackStop!=null&&n.rollbackStop<n.result.length-1;$.isTrimming=!e&&Nh(n.result),$.isBezierDrawing=!e&&ig(n.result),$.updateView(n.result,e),n.absPath&&$.setFileName(n.absPath),e?(Fh(),$h(),sg()):(Ph(n.result),eg(n.result),og(n.result)),kh.update(n.result,n.rollbackStop??n.result.length-1,n.absPath),n.breakpointHit!==void 0&&Oh.setActive(n.breakpointHit);break}case`highlight-shape`:$.highlightShape(n.shapeId),Th.setSelectedShape(n.shapeId);break;case`clear-highlight`:$.clearHighlight(),Th.setSelectedShape(null),Eh.hide();break;case`show-shape-properties`:$.clearHighlight(),Eh.hide(),Th.show(n.shapeId);break;case`take-screenshot`:pg(t,n.requestId,n.options);break}}),t.addEventListener(`close`,()=>{setTimeout(mg,1e3)})}mg();
+    `,_g.querySelector(`.import-toast-copy`).addEventListener(`click`,()=>{navigator.clipboard.writeText(t);let e=_g.querySelector(`.import-toast-copy`);e.setAttribute(`title`,`Copied!`),setTimeout(()=>e.setAttribute(`title`,`Copy`),1500)})):_g.textContent=e,_g.classList.remove(`hidden`),vg&&clearTimeout(vg),vg=setTimeout(()=>{_g.classList.add(`hidden`),vg=null},6e3)}var bg=document.createElement(`input`);bg.type=`file`,bg.accept=`.step,.stp`,bg.style.display=`none`,yh.appendChild(bg),gg.querySelector(`button`).addEventListener(`click`,()=>{bg.click()}),bg.addEventListener(`change`,async()=>{let e=bg.files?.[0];if(e){bg.value=``,Ch(`Importing file...`);try{let t=await e.arrayBuffer(),n=new Uint8Array(t),r=``;for(let e=0;e<n.length;e++)r+=String.fromCharCode(n[e]);let i=btoa(r),a=await fetch(`/api/import-file`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({fileName:e.name,data:i})}),o=await a.json();!a.ok||!o.success?yg(`Import failed: ${o.error||`Unknown error`}`):yg(`Imported! Use:`,`load('${o.fileName}')`)}catch{yg(`Import failed: network error`)}finally{wh()}}});async function xg(e,t,n){try{let r=await(await Tm($.sceneContext,n)).arrayBuffer(),i=new Uint8Array(r),a=``;for(let e=0;e<i.length;e++)a+=String.fromCharCode(i[e]);e.send(JSON.stringify({type:`screenshot-result`,requestId:t,success:!0,data:btoa(a)}))}catch(n){e.send(JSON.stringify({type:`screenshot-result`,requestId:t,success:!1,error:n.message||String(n)}))}}function Sg(){let e=`ws://${window.location.host}`,t=new WebSocket(e);t.addEventListener(`message`,e=>{let n=JSON.parse(e.data);switch(n.type){case`init-complete`:Ch(`Loading model...`);break;case`processing-file`:Ch(`Loading model...`);break;case`scene-rendered`:{wh();let e=n.rollbackStop!=null&&n.rollbackStop<n.result.length-1;$.isTrimming=!e&&Mh===`picking-active`,$.isBezierDrawing=!e&&fg(n.result),$.updateView(n.result,e),n.absPath&&$.setFileName(n.absPath),e?(Hh(),sg(),hg()):(Uh(n.result),cg(n.result),mg(n.result)),kh.update(n.result,n.rollbackStop??n.result.length-1,n.absPath),n.breakpointHit!==void 0&&Oh.setActive(n.breakpointHit);break}case`highlight-shape`:$.highlightShape(n.shapeId),Th.setSelectedShape(n.shapeId);break;case`clear-highlight`:$.clearHighlight(),Th.setSelectedShape(null),Eh.hide();break;case`show-shape-properties`:$.clearHighlight(),Eh.hide(),Th.show(n.shapeId);break;case`take-screenshot`:xg(t,n.requestId,n.options);break}}),t.addEventListener(`close`,()=>{setTimeout(Sg,1e3)})}Sg();