decocms 4.491.3 → 4.493.0

package/dist/client/assets/agent-site-editor-preview-DIihiuj0.js

@@ -0,0 +1,518 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/sections-editor-DrNkE-5_.js","assets/index-Bm9FTdjr.js","assets/index-D7k-FSss.css","assets/chat-context-DJGYyGlB.js","assets/use-panel-navigate-A1obvdVI.js","assets/thread-route-mhniW_q8.js","assets/use-project-scope-BxCbtcTE.js","assets/repository-binding-D2wL-4Vr.js","assets/use-mcp-client-Dh_4AZgb.js","assets/auth-Dwu4WH32.js","assets/autosend-BaKgBZDQ.js","assets/thread-intent-DzHkd78g.js","assets/delay-CnY5UFtP.js","assets/backoff-CrEUbyZT.js","assets/watch-sse-pool-DmOqvBBq.js","assets/task-board-Bgw_xVJW.js","assets/schema-C_wSANSe.js","assets/slugify-CEUa2lfQ.js","assets/use-decopilot-events-1iPDcTcf.js","assets/use-ai-providers-BP69qr77.js","assets/use-chat-navigation-BXZpM5MQ.js","assets/location-BjlyegC2.js","assets/use-organization-settings-xcc5-6DS.js","assets/use-new-blocks-editor-nCMzaJ9Q.js","assets/runnable-block-editor-xVvcrNA2.js","assets/input-BkQDO0Ef.js","assets/usage-stats-BihPbkIg.js","assets/tool-namespace-CYa7zzrf.js","assets/form-BCYpCYIL.js","assets/label-BL2W0Pcn.js","assets/utils-CVEq3hMx.js","assets/markdown-B3PJYX-4.js","assets/use-copy-B01v9eRq.js","assets/Copy01-CdRMK9o7.js","assets/ZoomOut-BggitXDv.js","assets/use-mobile-UYmsi-dp.js","assets/tooltip-XZmQWwgB.js","assets/index-D2iZ6syL.js","assets/agent-icon-BewGjsar.js","assets/AlertCircle-B5gBB9h_.js","assets/Tool01-DQnW-zjg.js","assets/ArrowUp-CP6XCJnB.js","assets/ArrowLeft-B7455tPl.js","assets/LinkBroken01-BZFZ6N-h.js","assets/ShoppingBag01-Ci8H67G0.js","assets/Building02-BZItaEYx.js","assets/CheckCircle-C3CiaCW4.js","assets/ChevronUp-nynZHATg.js","assets/ChevronSelectorVertical-DIPs2sw-.js","assets/UserSquare-CuRnLJZ6.js","assets/CreditCard01-DVQTLvKO.js","assets/DotsVertical-3XBYz4yU.js","assets/Image01-DdBetDCI.js","assets/Globe04-DoxNod_i.js","assets/SwitchHorizontal01-BHr8jCjb.js","assets/Key01-DcSonP-G.js","assets/Link01-3BacRGrf.js","assets/Monitor01-DU19-CHk.js","assets/Sun-D1Mdg8Cq.js","assets/Play-B7i_-ibU.js","assets/Plus-XYNDZJ4s.js","assets/SearchMd-BFitEH5z.js","assets/Trash01-DZ8laRwu.js","assets/Upload01-CrRTpeMX.js","assets/User01-9bZ-cKa7.js","assets/Users01-cUGZjxDe.js","assets/XClose-DjFCAP5F.js","assets/format-time-CjIPQhCN.js","assets/differenceInSeconds-C3x8sHUj.js","assets/icon-button-sHj7Q6Fp.js","assets/file-type-icon-DzYK4NqY.js","assets/shell-layout-Ckss0QqA.js","assets/avatar-BEl6nltF.js","assets/use-clock-tick-rPXqIJP8.js","assets/command-D2QlwSrW.js","assets/index-s6P2p4h7.js","assets/integration-icon-DoYtKqdf.js","assets/project-icon-D2vCEWQy.js","assets/new-project-dialog-C-thpPQ-.js","assets/repository-import-picker-DtM7QfYh.js","assets/use-navigate-to-agent-DDZo26Jw.js","assets/repository-picker-28zwGBgK.js","assets/useInfiniteQuery-vZqvTY4f.js","assets/infiniteQueryObserver-zxl9Rj5F.js","assets/collection-search-BC0JMMNp.js","assets/use-debounced-value-D5_QO1dT.js","assets/required-auth-layout-CbgA2xIU.js","assets/use-org-sso-DWtbATGD.js","assets/shell-layout-CE2Eihra.css","assets/chat-draft-DbBgaLY_.js","assets/select-BVEgIanS.js","assets/index-BdQq_4o_.js","assets/tabs-CXsAC8nO.js","assets/use-deco-credits-DkZSWK0d.js","assets/toggle-group-5iPAspL-.js","assets/use-open-billing-url-C0JU6CzN.js","assets/index-CuOTEpMz.js","assets/checkbox-DmaIcPoL.js","assets/ai-providers-logos-DD3qZ33J.js","assets/popover-jNB4XciF.js","assets/drawer-BPz4t5dt.js","assets/input-Bvc3OT4I.js","assets/suggestion-Bso4uBRF.js","assets/use-chat-layout-state-J-94EUwt.js","assets/use-file-configs-B8mqylSR.js","assets/site-slug-DebpOoQq.js","assets/use-mcp-prompts-LJf01t7x.js","assets/use-org-fs-gQ0RuIPK.js","assets/question-004-sINsf4GQ.js","assets/use-members-DQe3FYGy.js","assets/use-org-auth-client-CPbs0OVW.js","assets/feature-paywall-CHcwEHRJ.js","assets/plan-ladder-BUDRjzbj.js","assets/add-connection-dialog-DBnkMFp9.js","assets/extract-connection-data-BTBLhbEe.js","assets/metadata-D72DunRR.js","assets/connection-BjzBHJVc.js","assets/url-slug-B-L2Z8me.js","assets/connection-card-BVD8Ppl9.js","assets/connection-slug-CITJ0kGN.js","assets/textarea-bcNEcwC6.js","assets/use-connection-DUF3XC9E.js","assets/connection-form-helpers-5EXuPZ4G.js","assets/authenticate-and-persist-oauth-BEdNWkUl.js","assets/mcp-oauth-4gmyTyah.js","assets/mcp-oauth-BTa4N28L.js","assets/collection-tabs-DeQ7zbGh.js","assets/badge-DFdotQFQ.js","assets/use-infinite-scroll-DewChEmc.js","assets/useSuspenseInfiniteQuery-DdGuWYX3.js","assets/use-task-board-events-DHjlo-9e.js","assets/input-Bwd_JSM8.css","assets/claim-phase-copy-BnoHLlrM.js","assets/sandbox-start-errors-BK_aDCyt.js","assets/pair-DXTFiJNl.js","assets/collapsible-CgZ4-XuF.js","assets/content-blocks-o63cs2vh.js","assets/mcp-app-renderer-BLT3VM-G.js","assets/types-2TlDAuAc.js","assets/omit-sandbox-map-jj4lCB2U.js","assets/sheet-D-h-caij.js","assets/use-thread-outputs-7J4Ek_Zs.js","assets/utils-DAEMarMy.js","assets/scroll-area-BT00diUA.js","assets/monaco-editor-DANiMmsL.js","assets/editor-2jNHgdUN.js","assets/calendar-CT7cVD7N.js","assets/rich-text-link-control-CE4nCWAz.js","assets/switch-DZo6rAtc.js","assets/core.esm-Cvui6jds.js","assets/sortable.esm-DCsYtWcb.js","assets/combobox-DeXU4vSR.js","assets/alert-dialog-BXEG2ySJ.js","assets/sandbox-url-D3mC8qhT.js","assets/search-input-D-uP0R3f.js","assets/asset-utils-Euq8y8zU.js","assets/sandbox-git-api-C7JbVL7R.js","assets/mustache-GMlXm0yl.js","assets/page-seo-form-gaHyPBMV.js","assets/use-section-preview-base-DbQlCGNR.js","assets/section-preview-url-7zfngvgW.js","assets/variant-matcher-override-BDRgB-Pq.js"])))=>i.map(i=>d[i]);
+import{r as x,aD as kt,aW as He,aE as Se,c as pe,b as Te,j as s,q as In,D as Un,K as zs,s as Hn,v as Vn,e as Is,h as Pt,I as Pn,B as De,w as Us,a6 as qn,aX as Hs,a2 as Qt,aY as Vs,aV as qs,l as Dt,P as Sn,y as Ws,t as jn}from"./index-Bm9FTdjr.js";import{A as Gs}from"./agent-view-guard-CoiTTfLB.js";import{F as Js}from"./feature-gate-Dhf-LwS1.js";import{a as Ys,b as St,r as Wn,l as Gn,f as Qs,w as Xs}from"./chat-context-DJGYyGlB.js";import{t as Zs}from"./ChevronUp-nynZHATg.js";import{I as Jn,R as er,S as tr,d as nr,T as sr,U as rr,V as ar,W as ir,X as En,K as or}from"./agent-icon-BewGjsar.js";import{a as lr}from"./UserSquare-CuRnLJZ6.js";import{s as cr}from"./Plus-XYNDZJ4s.js";import{P as dr,a as ur,b as mr}from"./popover-jNB4XciF.js";import{e as st,b as rt,c as Yn,f as Qn,C as Xn,a as Zn}from"./command-D2QlwSrW.js";import{c as fr,a as pr}from"./repository-binding-D2wL-4Vr.js";import{b as Xt}from"./sandbox-lifecycle-context-BKjyczlw.js";import{e as hr}from"./backoff-CrEUbyZT.js";import{f as gr}from"./thread-intent-DzHkd78g.js";import{a as es}from"./input-BkQDO0Ef.js";import{N as vr,c as br,s as at,n as Zt,d as ts,f as Be,v as ns,h as xr,u as yr,j as wr,k as kr,l as Pr,m as Sr,o as Nn}from"./claim-phase-copy-BnoHLlrM.js";import{u as jr}from"./use-mobile-UYmsi-dp.js";import{b as Kt,T as zt,a as It}from"./tooltip-XZmQWwgB.js";import{T as Ze}from"./toolbar-icon-button-CZBCq2Ko.js";import{b as Er,a as Nr,u as ss,g as Tr,c as Cr,B as Ut,P as Rr,r as Lr,R as Or,d as _r,e as en,f as rs,h as Ar,i as Br,j as $r,l as Fr,m as Mr,p as Dr,k as Kr,S as Ht}from"./runnable-block-editor-xVvcrNA2.js";import{w as bt,i as zr}from"./variant-matcher-override-BDRgB-Pq.js";import{r as Ir,w as Ur,D as Hr,b as Tn,a as Vr}from"./section-preview-url-7zfngvgW.js";import{u as qr}from"./use-fast-preview-draft-url-BRdebqFC.js";import{u as Wr,w as Cn}from"./device-hint-DZcinuip.js";import{a as Gr,c as as}from"./shell-layout-Ckss0QqA.js";import{u as is,b as Jr}from"./use-sandbox-events-CSN74_aC.js";import{u as Gt}from"./useQueries-DoURbZYb.js";import{i as Yr}from"./LinkBroken01-BZFZ6N-h.js";import{u as os}from"./blocks-preview-workspace-context-DSOKao_H.js";import{i as Qr}from"./AlertCircle-B5gBB9h_.js";import{E as tn}from"./empty-state-Zf0MeIMv.js";import{M as Xr}from"./monaco-editor-DANiMmsL.js";import{u as Zr}from"./use-new-blocks-editor-nCMzaJ9Q.js";import{a as ea}from"./utils-DAEMarMy.js";import{R as Rn,a as xt,b as Ln}from"./resizable-CGWosOTw.js";import{r as ta}from"./virtual-mcp-C54PVPPw.js";import{d as na}from"./delay-CnY5UFtP.js";import{a as Vt}from"./use-chat-layout-state-J-94EUwt.js";import{G as On}from"./repository-picker-28zwGBgK.js";import{R as sa}from"./repository-import-picker-DtM7QfYh.js";import{r as ra}from"./use-main-panel-tabs-D7q-AygO.js";import{u as aa}from"./use-task-metadata-DmWCG43J.js";import{b as ia}from"./thread-route-mhniW_q8.js";import"./use-panel-navigate-A1obvdVI.js";import"./use-project-scope-BxCbtcTE.js";import"./feature-paywall-CHcwEHRJ.js";import"./plan-ladder-BUDRjzbj.js";import"./use-decopilot-events-1iPDcTcf.js";import"./watch-sse-pool-DmOqvBBq.js";import"./task-board-Bgw_xVJW.js";import"./schema-C_wSANSe.js";import"./autosend-BaKgBZDQ.js";import"./use-mcp-client-Dh_4AZgb.js";import"./auth-Dwu4WH32.js";import"./use-ai-providers-BP69qr77.js";import"./use-chat-navigation-BXZpM5MQ.js";import"./location-BjlyegC2.js";import"./use-organization-settings-xcc5-6DS.js";import"./Tool01-DQnW-zjg.js";import"./ArrowUp-CP6XCJnB.js";import"./ArrowLeft-B7455tPl.js";import"./ShoppingBag01-Ci8H67G0.js";import"./ZoomOut-BggitXDv.js";import"./Building02-BZItaEYx.js";import"./CheckCircle-C3CiaCW4.js";import"./ChevronSelectorVertical-DIPs2sw-.js";import"./Copy01-CdRMK9o7.js";import"./CreditCard01-DVQTLvKO.js";import"./DotsVertical-3XBYz4yU.js";import"./Image01-DdBetDCI.js";import"./Globe04-DoxNod_i.js";import"./SwitchHorizontal01-BHr8jCjb.js";import"./Key01-DcSonP-G.js";import"./Link01-3BacRGrf.js";import"./Monitor01-DU19-CHk.js";import"./Sun-D1Mdg8Cq.js";import"./Play-B7i_-ibU.js";import"./SearchMd-BFitEH5z.js";import"./Trash01-DZ8laRwu.js";import"./Upload01-CrRTpeMX.js";import"./User01-9bZ-cKa7.js";import"./Users01-cUGZjxDe.js";import"./XClose-DjFCAP5F.js";import"./index-s6P2p4h7.js";import"./sandbox-start-errors-BK_aDCyt.js";import"./slugify-CEUa2lfQ.js";import"./usage-stats-BihPbkIg.js";import"./tool-namespace-CYa7zzrf.js";import"./form-BCYpCYIL.js";import"./label-BL2W0Pcn.js";import"./utils-CVEq3hMx.js";import"./markdown-B3PJYX-4.js";import"./use-copy-B01v9eRq.js";import"./format-time-CjIPQhCN.js";import"./differenceInSeconds-C3x8sHUj.js";import"./icon-button-sHj7Q6Fp.js";import"./file-type-icon-DzYK4NqY.js";import"./chat-draft-DbBgaLY_.js";import"./select-BVEgIanS.js";import"./index-BdQq_4o_.js";import"./index-D2iZ6syL.js";import"./tabs-CXsAC8nO.js";import"./use-deco-credits-DkZSWK0d.js";import"./toggle-group-5iPAspL-.js";import"./use-open-billing-url-C0JU6CzN.js";import"./index-CuOTEpMz.js";import"./checkbox-DmaIcPoL.js";import"./ai-providers-logos-DD3qZ33J.js";import"./avatar-BEl6nltF.js";import"./drawer-BPz4t5dt.js";import"./input-Bvc3OT4I.js";import"./suggestion-Bso4uBRF.js";import"./use-mcp-prompts-LJf01t7x.js";import"./use-org-fs-gQ0RuIPK.js";import"./useInfiniteQuery-vZqvTY4f.js";import"./infiniteQueryObserver-zxl9Rj5F.js";import"./question-004-sINsf4GQ.js";import"./use-members-DQe3FYGy.js";import"./use-org-auth-client-CPbs0OVW.js";import"./add-connection-dialog-DBnkMFp9.js";import"./collection-search-BC0JMMNp.js";import"./extract-connection-data-BTBLhbEe.js";import"./metadata-D72DunRR.js";import"./connection-BjzBHJVc.js";import"./url-slug-B-L2Z8me.js";import"./connection-card-BVD8Ppl9.js";import"./connection-slug-CITJ0kGN.js";import"./integration-icon-DoYtKqdf.js";import"./textarea-bcNEcwC6.js";import"./use-connection-DUF3XC9E.js";import"./connection-form-helpers-5EXuPZ4G.js";import"./authenticate-and-persist-oauth-BEdNWkUl.js";import"./mcp-oauth-4gmyTyah.js";import"./mcp-oauth-BTa4N28L.js";import"./collection-tabs-DeQ7zbGh.js";import"./badge-DFdotQFQ.js";import"./use-infinite-scroll-DewChEmc.js";import"./useSuspenseInfiniteQuery-DdGuWYX3.js";import"./use-task-board-events-DHjlo-9e.js";import"./pair-DXTFiJNl.js";import"./collapsible-CgZ4-XuF.js";import"./use-clock-tick-rPXqIJP8.js";import"./content-blocks-o63cs2vh.js";import"./mcp-app-renderer-BLT3VM-G.js";import"./types-2TlDAuAc.js";import"./omit-sandbox-map-jj4lCB2U.js";import"./sheet-D-h-caij.js";import"./use-navigate-to-agent-DDZo26Jw.js";import"./use-thread-outputs-7J4Ek_Zs.js";import"./scroll-area-BT00diUA.js";import"./calendar-CT7cVD7N.js";import"./rich-text-link-control-CE4nCWAz.js";import"./switch-DZo6rAtc.js";import"./core.esm-Cvui6jds.js";import"./sortable.esm-DCsYtWcb.js";import"./combobox-DeXU4vSR.js";import"./alert-dialog-BXEG2ySJ.js";import"./sandbox-url-D3mC8qhT.js";import"./search-input-D-uP0R3f.js";import"./use-debounced-value-D5_QO1dT.js";import"./use-file-configs-B8mqylSR.js";import"./asset-utils-Euq8y8zU.js";import"./sandbox-git-api-C7JbVL7R.js";import"./project-icon-D2vCEWQy.js";import"./new-project-dialog-C-thpPQ-.js";import"./required-auth-layout-CbgA2xIU.js";import"./use-org-sso-DWtbATGD.js";import"./editor-2jNHgdUN.js";import"./site-slug-DebpOoQq.js";import"./use-mcp-tools-p8MJKmfB.js";import"./resolve-tab-icon-BEIojUgL.js";const oa={mode:"none",iframeBase:null,showBlockingOverlay:!1,showWakingPill:!1};function la(t){const{previewState:e,progressStatus:n,fastPreviewActive:r=!1,fastPreviewReady:i=!1,codingSession:u=!1}=t,l=u?null:t.previewServerUrl;return t.localPreviewUrl?{mode:"sandbox",iframeBase:t.localPreviewUrl,showBlockingOverlay:!1,showWakingPill:!1}:e.kind==="suspended"||e.kind==="errored"?oa:r&&i&&l?{mode:"production",iframeBase:l,showBlockingOverlay:!1,showWakingPill:!1}:!r&&e.kind==="iframe"&&n!=="doing"?{mode:"sandbox",iframeBase:e.previewUrl,showBlockingOverlay:!1,showWakingPill:!1}:l?{mode:"production",iframeBase:l,showBlockingOverlay:!1,showWakingPill:!0}:{mode:"none",iframeBase:null,showBlockingOverlay:!0,showWakingPill:!1}}const ca=1e4,da=1e3,ua=3e4;function ma({iframeRef:t,src:e,active:n}){const r=x.useRef(0),i=x.useRef(null),u=x.useRef(null),l=x.useRef(e),c=x.useRef(n);l.current=e,c.current=n;const o=()=>{i.current&&clearTimeout(i.current),u.current&&clearTimeout(u.current),i.current=null,u.current=null},d=()=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{i.current=null,h()},ca)},h=()=>{if(!c.current||!l.current)return;u.current&&clearTimeout(u.current);const j=hr(ua,da,r.current,2,.5);r.current+=1,u.current=setTimeout(()=>{u.current=null;const g=t.current,E=l.current;!g||!E||!c.current||(g.src=E,d())},j)},m=()=>{r.current=0,o()},p=()=>{i.current&&(clearTimeout(i.current),i.current=null),h()};return x.useEffect(()=>{if(o(),r.current=0,!(!n||!e))return d(),o},[e,n]),{handleLoad:m,handleError:p}}const fa=kt({tag:Se(),id:Se(),classes:Se(),text:Se(),html:Se(),manifestKey:Se().nullable(),componentName:Se().nullable(),parents:Se(),url:Se(),path:Se(),viewport:kt({width:He(),height:He()}),position:kt({x:He(),y:He()})}),pa=`(function() {
+  if (window.__visualEditorActive) return;
+  window.__visualEditorActive = true;
+
+  var cursorStyle = document.createElement("style");
+  cursorStyle.textContent = "* { cursor: default !important; }";
+  document.head.appendChild(cursorStyle);
+
+  var highlight = document.createElement("div");
+  highlight.style.cssText = "position:fixed;pointer-events:none;outline:2px solid #a855f7;background:rgba(168,85,247,0.08);border-radius:2px;z-index:2147483647;display:none;";
+  document.body.appendChild(highlight);
+
+  var badge = document.createElement("div");
+  badge.style.cssText = "position:fixed;pointer-events:none;background:#a855f7;color:white;font:11px/1 monospace;padding:2px 6px;border-radius:2px;z-index:2147483647;display:none;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;";
+  document.body.appendChild(badge);
+
+  var lastTarget = null;
+  var rafPending = false;
+  var moveHandler = function(e) {
+    if (rafPending) return;
+    rafPending = true;
+    var target = e.target;
+    requestAnimationFrame(function() {
+      rafPending = false;
+      var el = target;
+      if (!el || el === highlight || el === badge) return;
+      if (el === lastTarget) return;
+      lastTarget = el;
+      var r = el.getBoundingClientRect();
+      highlight.style.display = "block";
+      highlight.style.top = r.top + "px";
+      highlight.style.left = r.left + "px";
+      highlight.style.width = r.width + "px";
+      highlight.style.height = r.height + "px";
+      var tag = el.tagName.toLowerCase();
+      var id = el.id ? "#" + el.id : "";
+      var cls = el.className && typeof el.className === "string"
+        ? "." + el.className.trim().split(/\\s+/).slice(0, 2).join(".")
+        : "";
+      badge.textContent = tag + id + cls;
+      badge.style.display = "block";
+      badge.style.top = Math.max(0, r.top - 20) + "px";
+      badge.style.left = r.left + "px";
+    });
+  };
+  document.addEventListener("mousemove", moveHandler, true);
+
+  var outHandler = function(e) {
+    if (!e.relatedTarget || e.relatedTarget === document.documentElement) {
+      highlight.style.display = "none";
+      badge.style.display = "none";
+      lastTarget = null;
+    }
+  };
+  document.addEventListener("mouseout", outHandler, true);
+
+  var clickHandler = function(e) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    var el = e.target;
+    if (!el || el === highlight || el === badge) return;
+
+    highlight.style.outline = "2px solid #a855f7";
+    highlight.style.background = "rgba(168,85,247,0.15)";
+    setTimeout(function() {
+      highlight.style.outline = "2px solid #a855f7";
+      highlight.style.background = "rgba(168,85,247,0.08)";
+    }, 400);
+
+    var tag = el.tagName.toLowerCase();
+    var id = el.id || "";
+    var classes = el.className && typeof el.className === "string" ? el.className.trim() : "";
+    var text = (el.textContent || "").trim().slice(0, 200);
+    var html = (el.outerHTML || "").slice(0, 800).replace(/\\svalue=("[^"]*"|'[^']*'|\\S+)/gi, "");
+
+    var closestSection = el.closest("section[data-manifest-key]");
+    var manifestKey = closestSection ? closestSection.getAttribute("data-manifest-key") : null;
+
+    var ancestor = el;
+    var componentName = null;
+    for (var i = 0; i < 10 && ancestor; i++) {
+      if (ancestor.dataset) componentName = ancestor.dataset.componentName || componentName;
+      ancestor = ancestor.parentElement;
+    }
+
+    var parents = [];
+    var p = el.parentElement;
+    for (var j = 0; j < 4 && p && p !== document.body; j++) {
+      var pTag = p.tagName ? p.tagName.toLowerCase() : "";
+      var pId = p.id ? "#" + p.id : "";
+      var pCls = p.className && typeof p.className === "string"
+        ? "." + p.className.trim().split(/\\s+/)[0]
+        : "";
+      parents.unshift(pTag + pId + pCls);
+      p = p.parentElement;
+    }
+
+    window.parent.postMessage({
+      type: "visual-editor::element-clicked",
+      payload: {
+        tag: tag, id: id, classes: classes, text: text, html: html,
+        manifestKey: manifestKey, componentName: componentName,
+        parents: parents.join(" > "),
+        url: window.location.href, path: window.location.pathname,
+        viewport: { width: window.innerWidth, height: window.innerHeight },
+        position: { x: Math.round(e.clientX), y: Math.round(e.clientY) }
+      }
+    }, "*");
+  };
+  document.addEventListener("click", clickHandler, true);
+
+  window.addEventListener("message", function(e) {
+    // Only Studio's own postMessage (source === this frame's parent) may drive the bridge — a nested/downstream frame's forged message can't deactivate the editor.
+    if (e.source !== window.parent) return;
+    // Parent-driven clear: the cross-origin iframe can't self-detect a frame exit.
+    if (e.data && e.data.type === "visual-editor::clear-hover") {
+      highlight.style.display = "none";
+      badge.style.display = "none";
+      lastTarget = null;
+      return;
+    }
+    if (e.data && e.data.type === "visual-editor::deactivate") {
+      highlight.remove();
+      badge.remove();
+      cursorStyle.remove();
+      document.removeEventListener("mousemove", moveHandler, true);
+      document.removeEventListener("mouseout", outHandler, true);
+      document.removeEventListener("click", clickHandler, true);
+      window.__visualEditorActive = false;
+    }
+  });
+})();`;function ha(t,e){const n=t.map(()=>null),r=[];for(let p=0;p<t.length;p++)t[p]!==null&&r.push(p);const i=r.length,u=e.length;if(!i||!u)return n;const l=(p,j)=>{const g=t[r[p]??0];return!g||!g.length?1:g.indexOf(e[j]??"")>=0?2:0},c=[],o=[];for(let p=0;p<=i;p++)c.push(new Array(u+1).fill(0)),o.push(new Array(u+1).fill(2));for(let p=1;p<=i;p++){const j=c[p-1]??[],g=c[p]??[],E=o[p]??[];for(let b=1;b<=u;b++){let w=j[b]??0,N=2;const y=g[b-1]??0;y>w&&(w=y,N=0);const v=l(p-1,b-1),k=(j[b-1]??0)+v;v>0&&k>w&&(w=k,N=1),g[b]=w,E[b]=N}}let d=0,h=i,m=u;for(;h>0&&m>0;){const p=o[h]?.[m]??2;p===1?(n[r[h-1]??0]=m-1,d++,h--,m--):p===0?m--:h--}if(d===0&&u===i)for(let p=0;p<i;p++)n[r[p]??0]=p;return n}const ga=kt({sectionIndex:He(),manifestKey:Se(),clickSeq:He()}),_n=`(function() {
+  if (window.__cmsEditorActive) return;
+  window.__cmsEditorActive = true;
+
+  // Preserve scroll across variant-override navigations and save-reloads.
+  // Selecting a variant rebuilds the iframe src (new x-deco-matchers-override)
+  // or reloads it, which would otherwise jump to the top. We persist the scroll
+  // offset to sessionStorage (survives reload, same-origin) keyed by pathname
+  // (the override only changes the query, so the key is stable), then restore it
+  // on the next load — retried for ~1s so it outlasts re-hydration and lazy
+  // sections that grow the page after load. The recency guard avoids restoring a
+  // stale offset on a genuinely fresh visit.
+  var SCROLL_KEY = "__cms_preview_scroll:" + location.pathname;
+  var saveScroll = function() {
+    try {
+      sessionStorage.setItem(SCROLL_KEY, JSON.stringify({
+        x: window.scrollX, y: window.scrollY, t: Date.now()
+      }));
+    } catch (_) {}
+  };
+  var saveScrollPending = false;
+  window.addEventListener("scroll", function() {
+    if (saveScrollPending) return;
+    saveScrollPending = true;
+    requestAnimationFrame(function() { saveScrollPending = false; saveScroll(); });
+  }, { passive: true });
+  (function restoreScroll() {
+    var raw = null;
+    try { raw = sessionStorage.getItem(SCROLL_KEY); } catch (_) {}
+    if (!raw) return;
+    var saved = null;
+    try { saved = JSON.parse(raw); } catch (_) { return; }
+    if (!saved || (Date.now() - saved.t) > 10000) return;
+    if (!saved.x && !saved.y) return;
+    var attempts = 0;
+    var apply = function() {
+      attempts++;
+      window.scrollTo(saved.x || 0, saved.y || 0);
+      if (attempts < 8) setTimeout(apply, 120);
+    };
+    apply();
+  })();
+
+  var highlight = document.createElement("div");
+  highlight.style.cssText = "position:absolute;pointer-events:none;outline:2px solid #06b6d4;background:rgba(6,182,212,0.06);border-radius:2px;z-index:2147483647;display:none;";
+  document.body.appendChild(highlight);
+
+  var badge = document.createElement("div");
+  badge.style.cssText = "position:absolute;pointer-events:none;background:#06b6d4;color:white;font:11px/1 monospace;padding:2px 6px;border-radius:2px;z-index:2147483647;display:none;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;";
+  document.body.appendChild(badge);
+
+  var isTopLevelSection = function(el) {
+    return el && el.parentElement
+      ? !el.parentElement.closest("section[data-manifest-key]")
+      : true;
+  };
+
+  // All top-level page sections in DOM order (deco renders page sections as
+  // <section data-manifest-key>; nested islands/sections carry the attribute
+  // too, hence the top-level filter). This is the full DOM run, framework
+  // sections included — getAllSections() narrows it to the editable window.
+  var topLevelSections = function() {
+    return Array.from(document.querySelectorAll("section[data-manifest-key]"))
+      .filter(isTopLevelSection);
+  };
+
+  // Acceptable DOM keys per section; [] = wildcard, null = renders nothing.
+  var sectionCandidates = [];
+
+  // Stringified from section-alignment.ts so both sides share one copy.
+  var alignSections = ${ha.toString()};
+
+  // Indexed like the decofile array; unmapped entries stay null (not clickable).
+  var computeAlignment = function(tops) {
+    var domKeys = tops.map(function(s) { return s.getAttribute("data-manifest-key"); });
+    return alignSections(sectionCandidates, domKeys).map(function(idx) {
+      return idx === null ? null : tops[idx];
+    });
+  };
+
+  // Editable sections, indexed to match the decofile array the panel uses.
+  // Recomputed from the live DOM each call (cheap, rAF-throttled) so it
+  // self-heals as client-rendered/lazy sections mount. Until the editor sends
+  // candidates, fall back to the full top-level run.
+  var getAllSections = function() {
+    var tops = topLevelSections();
+    return sectionCandidates.length ? computeAlignment(tops) : tops;
+  };
+
+  // Resolve to the OUTERMOST page-level section (clicking nested content still
+  // maps to the top-level section the panel indexes); null if it isn't in the
+  // aligned editable set (a framework section deco injected).
+  var findSection = function(el, out) {
+    var node = el;
+    var found = null;
+    while (node && node !== document.body) {
+      if (node.tagName === "SECTION" && node.hasAttribute && node.hasAttribute("data-manifest-key")) {
+        found = node;
+      }
+      node = node.parentElement;
+    }
+    if (!found) return null;
+    var sections = getAllSections();
+    if (out) out.sections = sections;
+    return sections.indexOf(found) >= 0 ? found : null;
+  };
+
+  // A Lazy wrapper's key is just the loader — show the inner section's instead.
+  var LAZY_KEYS = [
+    "website/sections/Rendering/Lazy.tsx",
+    "website/sections/Rendering/SingleDeferred.tsx"
+  ];
+  var isLazyKey = function(key) {
+    return LAZY_KEYS.some(function(s) { return key.endsWith(s); });
+  };
+  var displayKey = function(section) {
+    var key = section.getAttribute("data-manifest-key") || "section";
+    if (isLazyKey(key)) {
+      var inner = section.querySelector("section[data-manifest-key]");
+      if (inner) return inner.getAttribute("data-manifest-key") || key;
+    }
+    return key;
+  };
+
+  // Per-section metadata sent by the editor, aligned by index with
+  // getAllSections(). labels: names the DOM can't carry (a global section or a
+  // global inside async rendering); kinds: section type that drives the color.
+  var sectionLabels = [];
+  var sectionKinds = [];
+  var labelFor = function(section, sections) {
+    var idx = (sections || getAllSections()).indexOf(section);
+    if (idx >= 0 && sectionLabels[idx]) return sectionLabels[idx];
+    return displayKey(section);
+  };
+  var kindFor = function(section, sections) {
+    var idx = (sections || getAllSections()).indexOf(section);
+    return (idx >= 0 && sectionKinds[idx]) || "normal";
+  };
+
+  // Highlight palette by section kind: global = light purple, variant = green,
+  // normal = blue.
+  var COLORS = {
+    normal: { solid: "#06b6d4", bg: "rgba(6,182,212,0.06)", active: "rgba(6,182,212,0.18)" },
+    global: { solid: "#c084fc", bg: "rgba(192,132,252,0.10)", active: "rgba(192,132,252,0.22)" },
+    variant: { solid: "#22c55e", bg: "rgba(34,197,94,0.08)", active: "rgba(34,197,94,0.20)" }
+  };
+  var applyColor = function(kind) {
+    var c = COLORS[kind] || COLORS.normal;
+    highlight.style.outline = "2px solid " + c.solid;
+    highlight.style.background = c.bg;
+    badge.style.background = c.solid;
+  };
+
+  var lastSection = null;
+  var lastLabel = "";
+  var lastKind = "normal";
+  var rafPending = false;
+  // True while an in-place render fetch/swap is in flight; suppresses hover so it can't re-show the overlay right before the swap snapshots it.
+  var renderPending = false;
+
+  // Document-relative coordinates (rect + scroll) on absolutely-positioned
+  // nodes, so the browser scrolls the highlight together with the page
+  // natively — no per-frame JS repositioning, no scroll lag.
+  var positionHighlight = function(section) {
+    var r = section.getBoundingClientRect();
+    var top = r.top + window.scrollY;
+    var left = r.left + window.scrollX;
+    highlight.style.display = "block";
+    highlight.style.top = top + "px";
+    highlight.style.left = left + "px";
+    highlight.style.width = r.width + "px";
+    highlight.style.height = r.height + "px";
+    badge.textContent = lastLabel || displayKey(section);
+    badge.style.display = "block";
+    badge.style.top = Math.max(0, top - 20) + "px";
+    badge.style.left = left + "px";
+  };
+
+  var moveHandler = function(e) {
+    if (renderPending || rafPending) return;
+    rafPending = true;
+    var target = e.target;
+    requestAnimationFrame(function() {
+      rafPending = false;
+      if (renderPending) return;
+      if (!target || target === highlight || target === badge) return;
+      var out = {};
+      var section = findSection(target, out);
+      if (section === lastSection) return;
+      lastSection = section;
+      if (!section) {
+        highlight.style.display = "none";
+        badge.style.display = "none";
+        return;
+      }
+      lastLabel = labelFor(section, out.sections);
+      lastKind = kindFor(section, out.sections);
+      applyColor(lastKind);
+      positionHighlight(section);
+    });
+  };
+  document.addEventListener("mousemove", moveHandler, true);
+
+  // Window scroll is handled natively by the absolute positioning above; this
+  // only re-syncs on resize and on scrolls inside nested scroll containers
+  // (capture=true catches those), where document coordinates do shift.
+  var reposition = function() {
+    if (!lastSection || highlight.style.display === "none") return;
+    if (rafPending) return;
+    rafPending = true;
+    requestAnimationFrame(function() {
+      rafPending = false;
+      if (lastSection && highlight.style.display !== "none") positionHighlight(lastSection);
+    });
+  };
+  window.addEventListener("scroll", reposition, { capture: true, passive: true });
+  window.addEventListener("resize", reposition, { passive: true });
+
+  var outHandler = function(e) {
+    if (!e.relatedTarget || e.relatedTarget === document.documentElement) {
+      highlight.style.display = "none";
+      badge.style.display = "none";
+      lastSection = null;
+    }
+  };
+  document.addEventListener("mouseout", outHandler, true);
+
+  var clickSeq = 0;
+
+  // Blocks observes clicks to select sections in the side panel; it must not
+  // cancel the iframe page's own handlers or native control behavior.
+  var clickHandler = function(e) {
+    var target = e.target;
+    if (!target || target === highlight || target === badge) return;
+    var out = {};
+    var section = findSection(target, out);
+    if (!section) return;
+
+    var sectionIndex = out.sections.indexOf(section);
+    var manifestKey = section.getAttribute("data-manifest-key") || "";
+
+    var c = COLORS[lastKind] || COLORS.normal;
+    highlight.style.outline = "2px solid " + c.solid;
+    highlight.style.background = c.active;
+    setTimeout(function() {
+      highlight.style.background = c.bg;
+    }, 400);
+
+    clickSeq++;
+    window.parent.postMessage({
+      type: "cms-editor::section-clicked",
+      payload: { sectionIndex: sectionIndex, manifestKey: manifestKey, clickSeq: clickSeq }
+    }, "*");
+  };
+  document.addEventListener("click", clickHandler, true);
+
+  /**
+   * Navigation is disabled while editing: leaving the page would leave the
+   * panel editing the previous page's sections. Only the default action of a
+   * real navigation is cancelled, never propagation — in-page controls must
+   * keep working (#5567).
+   */
+  var isNavigatingAnchor = function(a) {
+    if (!a) return false;
+    var href = a.getAttribute("href");
+    if (!href) return false;
+    var trimmed = href.trim();
+    if (!trimmed || trimmed.charAt(0) === "#") return false;
+    if (/^javascript:/i.test(trimmed)) return false;
+    // Same document + fragment only scrolls.
+    try {
+      var url = new URL(a.href, location.href);
+      if (url.href.split("#")[0] === location.href.split("#")[0]) return false;
+    } catch (_) {}
+    return true;
+  };
+  var navBlocker = function(e) {
+    var el = e.target;
+    var a = el && el.closest ? el.closest("a") : null;
+    if (!isNavigatingAnchor(a)) return;
+    e.preventDefault();
+  };
+  document.addEventListener("click", navBlocker, true);
+
+  var submitBlocker = function(e) { e.preventDefault(); };
+  document.addEventListener("submit", submitBlocker, true);
+
+  // Fast Preview in-place render: POST merged decofile to /live/previews, swap the HTML in (document/window listeners survive; overlay nodes get re-attached).
+  var renderCtrl = null;
+  var renderQueue = Promise.resolve();
+  var TRANSITION_TAG =
+    "<style id=\\"deco-disable-transitions\\">* { transition: none !important; }</style></head>";
+  var renderInPlace = function(src, body) {
+    if (renderCtrl) renderCtrl.abort();
+    var ctrl = new AbortController();
+    renderCtrl = ctrl;
+    renderPending = true;
+    highlight.style.display = "none";
+    badge.style.display = "none";
+    window.parent.postMessage({ type: "cms-editor::render-start" }, "*");
+    renderQueue = renderQueue.then(function() {
+      return fetch(src, {
+        method: "POST",
+        body: body,
+        signal: ctrl.signal,
+        headers: { accept: "text/html", "content-type": "application/json" }
+      }).then(function(res) {
+        if (!res.ok) throw new Error("render " + res.status);
+        return res.text();
+      }).then(function(html) {
+        var swap = function() {
+          document.documentElement.innerHTML = html.replace("</head>", TRANSITION_TAG);
+          document.body.appendChild(highlight);
+          document.body.appendChild(badge);
+          // Old section is gone; hide the overlay until the next hover repositions it.
+          highlight.style.display = "none";
+          badge.style.display = "none";
+          lastSection = null;
+        };
+        var headHtml = html.slice(html.indexOf("<head>"), html.indexOf("</head>") + 7);
+        var doc = new DOMParser().parseFromString(headHtml, "text/html");
+        var sheets = Array.prototype.map.call(
+          doc.head.querySelectorAll("link[rel=\\"stylesheet\\"]"),
+          function(el) { return el.href ? fetch(el.href).catch(function() {}) : null; }
+        );
+        return Promise.all(sheets).then(function() {
+          if (typeof document.startViewTransition === "function") {
+            return document.startViewTransition(swap).finished;
+          }
+          swap();
+        });
+      }).then(function() {
+        var t = document.getElementById("deco-disable-transitions");
+        if (t) t.remove();
+        if (ctrl === renderCtrl) renderPending = false;
+        window.parent.postMessage({ type: "cms-editor::render-end" }, "*");
+      }).catch(function(err) {
+        if (ctrl === renderCtrl) renderPending = false;
+        if (err && err.name === "AbortError") return;
+        window.parent.postMessage({ type: "cms-editor::render-error" }, "*");
+      });
+    });
+  };
+
+  window.addEventListener("message", function(e) {
+    // Only Studio's own postMessage (source === this frame's parent) may drive the bridge — forged senders can't trigger the render fetch/swap.
+    if (e.source !== window.parent) return;
+    if (e.data && e.data.type === "cms-editor::render" && typeof e.data.src === "string") {
+      renderInPlace(e.data.src, e.data.body);
+      return;
+    }
+    if (e.data && e.data.type === "cms-editor::set-labels" && Array.isArray(e.data.labels)) {
+      sectionLabels = e.data.labels;
+      if (Array.isArray(e.data.kinds)) sectionKinds = e.data.kinds;
+      if (Array.isArray(e.data.keys)) sectionCandidates = e.data.keys;
+      if (lastSection) {
+        lastLabel = labelFor(lastSection);
+        lastKind = kindFor(lastSection);
+        applyColor(lastKind);
+        if (highlight.style.display !== "none") positionHighlight(lastSection);
+      }
+      return;
+    }
+    // Parent-driven clear: the cross-origin iframe can't self-detect a frame exit.
+    if (e.data && e.data.type === "cms-editor::clear-hover") {
+      highlight.style.display = "none";
+      badge.style.display = "none";
+      lastSection = null;
+      return;
+    }
+    if (e.data && e.data.type === "cms-editor::deactivate") {
+      highlight.remove();
+      badge.remove();
+      document.removeEventListener("mousemove", moveHandler, true);
+      document.removeEventListener("mouseout", outHandler, true);
+      document.removeEventListener("click", clickHandler, true);
+      // Or the page stays unnavigable after leaving Blocks mode.
+      document.removeEventListener("click", navBlocker, true);
+      document.removeEventListener("submit", submitBlocker, true);
+      window.removeEventListener("scroll", reposition, { capture: true });
+      window.removeEventListener("resize", reposition);
+      window.__cmsEditorActive = false;
+    }
+  });
+})();`;function Jt(t,e){let n=t,r=typeof n?.__resolveType=="string"?n.__resolveType:"";for(let i=0;r&&i<5;i++){const u=e[r];if(u&&typeof u=="object"&&"__resolveType"in u){const l=u.__resolveType;if(typeof l=="string"&&l&&l!==r){n=u,r=l;continue}}break}if(!r)return[];if(r.includes("flags/multivariate")){const i=Array.isArray(n.variants)?n.variants:[];if(i.length===0||i.every(c=>c?.rule?.__resolveType===vr))return null;const l=[];for(const c of i){const o=c?.value;if(o&&typeof o=="object")for(const d of Jt(o,e)??[])l.includes(d)||l.push(d)}return l}if(br(r)){const i=n.section&&typeof n.section=="object"?Jt(n.section,e):[];return i===null?null:i.length?[r,...i]:[r]}return[r]}function Ue(t){return t.replace(/[`*_]/g,"\\$&")}function va(t,e){const n=[`The user selected an element on the live preview and asked: **"${Ue(e.trim())}"**`,"","For text content changes, locate the correct source file and apply the change.","For code and CSS changes, understand which component the user is referring to and apply changes to the correct component.",""];t.manifestKey&&n.push(`**Section resolveType:** \`${Ue(t.manifestKey)}\``,"","This is a Deco resolveType, not a literal file path. The leading segment is the app name, not a directory — the actual source file lives under a sections directory whose root varies by site (commonly `sections/`, `src/sections/`, or `site/sections/`). Locate the file by searching for the trailing path (e.g. the component filename), don't assume the resolveType is a valid path on disk.","");const r=`<${t.tag}${t.classes?` class="${Ue(t.classes)}"`:""}>`;n.push(`**Clicked element:** \`${r}\``),t.parents&&n.push(`**DOM breadcrumb:** ${Ue(t.parents)} > ${t.tag}`),t.text&&n.push(`**Text content:** "${Ue(t.text)}"`),t.componentName&&n.push(`**Component name:** ${Ue(t.componentName)}`);const i=t.html.replace(/```/g,"`` `");return n.push("","**HTML snippet:**","```html",i,"```"),n.push("","Please read the source file, locate the element, and apply the requested change."),n.join(`
+`)}function ba(t,e,n=320,r=44,i=12){const{x:u,y:l}=t,{width:c,height:o}=e,d=Math.max(i,Math.min(u-n/2,c-n-i)),m=l/o>.68?Math.max(i,l-r-18):Math.min(l+18,o-r-i);return{leftPct:d/c*100,topPct:m/o*100}}function xa(t){const e=pe.c(45),{element:n,onDismiss:r}=t,[i,u]=x.useState(""),l=x.useRef(null),{sendMessage:c}=Ys(),{openSidePanel:o}=Gr(),d=Te();let h;e[0]!==n||e[1]!==i||e[2]!==r||e[3]!==o||e[4]!==c?(h=()=>{if(!i.trim())return;const $=va(n,i);o(),c({parts:[{type:"text",text:$}]}),r()},e[0]=n,e[1]=i,e[2]=r,e[3]=o,e[4]=c,e[5]=h):h=e[5];const m=h;let p;e[6]!==n.position||e[7]!==n.viewport?(p=ba(n.position,n.viewport),e[6]=n.position,e[7]=n.viewport,e[8]=p):p=e[8];const j=p,g=`${j.leftPct}%`,E=`${j.topPct}%`;let b;e[9]!==g||e[10]!==E?(b={left:g,top:E,width:"320px"},e[9]=g,e[10]=E,e[11]=b):b=e[11];let w;e[12]!==m?(w=$=>{$.preventDefault(),m()},e[12]=m,e[13]=w):w=e[13];let N;e[14]===Symbol.for("react.memo_cache_sentinel")?(N=$=>u($.target.value),e[14]=N):N=e[14];let y;e[15]!==r?(y=$=>{$.key==="Escape"&&r()},e[15]=r,e[16]=y):y=e[16];let v;e[17]!==d?(v=d("sandbox.visualEditorPrompt.inputPlaceholder"),e[17]=d,e[18]=v):v=e[18];let k;e[19]!==i||e[20]!==y||e[21]!==v?(k=s.jsx("input",{ref:l,autoFocus:!0,type:"text",value:i,onChange:N,onKeyDown:y,placeholder:v,className:"min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"}),e[19]=i,e[20]=y,e[21]=v,e[22]=k):k=e[22];let P;e[23]!==i?(P=i.trim(),e[23]=i,e[24]=P):P=e[24];const D=!P;let S;e[25]!==d?(S=d("sandbox.visualEditorPrompt.sendButton"),e[25]=d,e[26]=S):S=e[26];let V;e[27]!==d?(V=d("sandbox.visualEditorPrompt.sendButton"),e[27]=d,e[28]=V):V=e[28];let I;e[29]!==V?(I=s.jsx("title",{children:V}),e[29]=V,e[30]=I):I=e[30];let B;e[31]===Symbol.for("react.memo_cache_sentinel")?(B=s.jsx("path",{d:"M5 9V1M1 5l4-4 4 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),e[31]=B):B=e[31];let L;e[32]!==I?(L=s.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none","aria-hidden":"true",children:[I,B]}),e[32]=I,e[33]=L):L=e[33];let O;e[34]!==D||e[35]!==S||e[36]!==L?(O=s.jsx("button",{type:"submit",disabled:D,className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-lg bg-foreground text-background transition-opacity disabled:opacity-30",title:S,children:L}),e[34]=D,e[35]=S,e[36]=L,e[37]=O):O=e[37];let U;e[38]!==k||e[39]!==O||e[40]!==w?(U=s.jsxs("form",{className:"pointer-events-auto flex w-full items-center gap-1.5 rounded-xl border border-border bg-background/95 px-3 py-1.5 shadow-lg backdrop-blur",onSubmit:w,children:[k,O]}),e[38]=k,e[39]=O,e[40]=w,e[41]=U):U=e[41];let _;return e[42]!==U||e[43]!==b?(_=s.jsx("div",{className:"absolute z-30 pointer-events-none",style:b,children:U}),e[42]=U,e[43]=b,e[44]=_):_=e[44],_}const An="site-links",ya=/details?page|\bpdp\b/i,wa=/listingpage|\bplp\b/i;function ka(t,e,n){const r=new Set;for(const c of n)ya.test(c)&&r.add("product"),wa.test(c)&&r.add("category");const i=at(Zt(t)),u=i[i.length-1],l=i[i.length-2];return u?.type==="text"&&u.text==="/p"&&l?.type==="param"&&l.name===e&&r.add("product"),e==="*"&&i.some(c=>c.type==="param"&&c.name==="*")&&r.add("category"),r}const Pa=["rosa","preto","pink","black"];function yt(t,e){const n=e.trim();return n?t(n):Pa.flatMap(r=>t(r))}function Sa(t,e){const n=e.trim(),r=[];/^\d+$/.test(n)&&r.push({resolveType:t,props:{ids:[n]}});const u=n.includes("-")&&!/\s/.test(n)?n.replace(/-+/g," "):n;return r.push({resolveType:t,props:{query:u,count:10}}),r}const ls=new Set(["vtex","shopify","shopify-mcp","magento","wake","linx","linx-impulse","nuvemshop","vnda","wap","salesforce"]);function nn(t){return t.split("/")[0]??""}function ja(t){const e=new Set;for(const n of t){const r=nn(n);ls.has(r)&&e.add(r)}return e}function Ea(t,e){const n=nn(t);return!ls.has(n)||e.size===0?!0:e.has(n)}const Na=[{kind:"product",test:t=>t==="vtex/loaders/intelligentSearch/productList.ts",clientFilter:!1,buildRequests:(t,e)=>yt(n=>Sa(t,n),e),optionsFromPayload:wt},{kind:"product",test:t=>/magento\/.*products?\/list(\.tsx?)?$/i.test(t),clientFilter:!1,buildRequests:(t,e)=>yt(n=>[{resolveType:t,props:{props:{search:n,pageSize:10,currentPage:1}}}],e),optionsFromPayload:wt},{kind:"product",test:t=>/algolia\/.*products?\/(list|suggestions)(\.tsx?)?$/i.test(t),clientFilter:!1,buildRequests:(t,e)=>yt(n=>[{resolveType:t,props:{term:n,hitsPerPage:10}}],e),optionsFromPayload:wt},{kind:"product",test:t=>/products?\/list(\.tsx?)?$/i.test(t),clientFilter:!1,buildRequests:(t,e)=>yt(n=>[{resolveType:t,props:{query:n,term:n,count:10,hitsPerPage:10}}],e),optionsFromPayload:wt},{kind:"category",test:t=>t==="vtex/loaders/categories/tree.ts"||/categor(y|ies).*tree/i.test(t),clientFilter:!0,buildRequests:t=>[{resolveType:t,props:{}}],optionsFromPayload:Aa}];function Ta(t,e,n=new Set){const r=[...e],i=c=>{const o=[];for(const d of Na){if(d.kind!==c)continue;const h=r.find(m=>d.test(m)&&Ea(m,n));h&&o.push({cand:d,resolveType:h})}return o.find(d=>n.has(nn(d.resolveType)))??o[0]},u=(c,o,d)=>({kind:c.kind,id:`${c.kind}:${o}`,resolveType:o,clientFilter:c.clientFilter,isFallback:d,buildRequests:h=>c.buildRequests(o,h),optionsFromPayload:c.optionsFromPayload}),l=[];for(const c of["product","category"]){if(!t.has(c))continue;const o=i(c);o&&l.push(u(o.cand,o.resolveType,!1))}return t.size>0&&l.push(Ca(t.has("category")?"category":"product")),l}function Ca(t){return{kind:t,id:An,resolveType:An,clientFilter:!0,isFallback:!0,homepageLinks:!0,optionsFromPayload:(e,n)=>Da(e,n)}}function Me(t){return t&&typeof t=="object"&&!Array.isArray(t)?t:null}function Ra(t,e,n){const r=new Set,i=new Set,u=l=>{if(Array.isArray(l)){for(const d of l)u(d);return}const c=Me(l);if(!c)return;const o=c.__resolveType;if(typeof o=="string"){if(n(o))r.add(o);else if(o in e&&!i.has(o)){i.add(o);const d=Me(e[o])?.__resolveType;typeof d=="string"&&n(d)&&r.add(o),u(e[o])}}for(const d of Object.values(c))u(d)};return u(t),r}function cs(t){const e=new Set,n=[];for(const r of t)for(const i of r)e.has(i.value)||(e.add(i.value),n.push(i));return n}function ds(t){try{return decodeURIComponent(t)}catch{return t}}function La(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function Oa(t){const e=[];let n="^";for(const r of t)r.type==="text"?n+=La(r.text):(e.push(r.name),n+=r.name==="*"?"(.+)":"([^/]+)");return{pattern:new RegExp(`${n}$`),order:e}}function us(t,e,n){if(typeof t!="string"||!t)return null;let r;try{r=new URL(t,"https://placeholder.invalid").pathname}catch{return null}r=r.replace(/\/+$/,"");const i=at(Zt(e)),{pattern:u,order:l}=Oa(i),c=l.indexOf(n);if(c===-1)return null;const o=r.match(u);if(!o)return null;const d=o[c+1]?.replace(/^\/+|\/+$/g,"");return d?ds(d):null}function wt(t,e){const n=Me(t),r=Array.isArray(t)?t:Array.isArray(n?.products)?n.products:Array.isArray(n?.list)?n.list:[],i=[],u=new Set;for(const l of r){const c=Me(l);if(!c)continue;const o=us(c.url,e.template,e.paramName);if(!o||u.has(o))continue;u.add(o);const d=Me(c.isVariantOf),h=typeof d?.name=="string"&&d.name||typeof c.name=="string"&&c.name||o,m=Array.isArray(c.image)?Me(c.image[0]):null,p=typeof m?.url=="string"?m.url:void 0;i.push({value:o,label:h,image:p})}return i}function _a(t){if(typeof t!="string"||!t)return null;let e;try{e=new URL(t,"https://placeholder.invalid").pathname}catch{return null}const n=e.replace(/^\/+|\/+$/g,"");return n?ds(n):null}function Aa(t){const e=[],n=new Set,r=(i,u)=>{const l=Me(i);if(!l)return;const c=typeof l.name=="string"&&l.name?l.name:"",o=c?[...u,c]:u,d=_a(l.url);if(d&&!n.has(d)&&(n.add(d),e.push({value:d,label:o.join(" › ")||d})),Array.isArray(l.children))for(const h of l.children)r(h,o)};if(Array.isArray(t))for(const i of t)r(i,[]);return e}const Ba=new Set(["login","logout","signin","sign-in","signup","sign-up","register","account","myaccount","my-account","minha-conta","conta","cart","carrinho","checkout","wishlist","favoritos","favorites","orders","pedidos","help","hc","sac","atendimento","contato","contact","institucional","newsletter","customer","sales","catalogsearch","search","busca","privacy-policy-cookie-restriction-mode"]);function $a(t){return(t.split("/").filter(Boolean).pop()??t).replace(/[-_]+/g," ").replace(/\s+/g," ").trim().replace(/\b\w/g,n=>n.toUpperCase())}function Fa(t){if(typeof t!="string"||!t)return[];const e=[],n=/<a\b[^>]*?\bhref="([^"]+)"[^>]*>([\s\S]*?)<\/a>/gi;let r,i=0;for(;(r=n.exec(t))!==null&&i++<5e3;){const u=r[1]??"",l=(r[2]??"").replace(/<[^>]*>/g," ").replace(/\s+/g," ").trim();e.push({href:u,text:l})}return e}function Ma(t){if(typeof t!="string"||!t)return[];const e=[],n=new Set,r=/"@type":"Product"[\s\S]{0,600}?(?:"url"|\burl):"([^"]+)"[\s\S]{0,300}?(?:"name"|\bname):"([^"]+)"/g,i=/(?:"image"|\bimage):\s*\[\s*\{[\s\S]{0,400}?(?:"url"|\burl):"([^"]+)"/;let u,l=0;for(;(u=r.exec(t))!==null&&l++<3e3;){const c=(u[1]??"").replace(/\\\//g,"/");if(!c||n.has(c))continue;n.add(c);const o=t.slice(u.index,u.index+900).match(i)?.[1]?.replace(/\\\//g,"/");e.push({url:c,name:u[2]??"",image:o||void 0})}return e}function Da(t,e){const n=[],r=new Set,i=(u,l,c,o)=>{if(n.length>=200)return;const d=us(u,e.template,e.paramName);!d||r.has(d)||e.paramName==="*"&&/(^|\/)p$/.test(d)||c==="category"&&Ba.has(d.split("/")[0]??"")||(r.add(d),n.push({value:d,label:l&&l.length<=80?l:$a(d),kind:c,image:o}))};for(const{url:u,name:l,image:c}of Ma(t))i(u,l,"product",c);for(const{href:u,text:l}of Fa(t))u.startsWith("/")&&!u.startsWith("//")&&i(u,l,"category");return n}function et(t,e,n=50){const r=e.trim().toLowerCase();return(r?t.filter(u=>u.label.toLowerCase().includes(r)||u.value.toLowerCase().includes(r)):t).slice(0,n)}const ms=1e4;function Ka(t){return{product:{noun:t("sandbox.pathParamPickerChip.kindProductNoun"),heading:t("sandbox.pathParamPickerChip.kindProductHeading")},category:{noun:t("sandbox.pathParamPickerChip.kindCategoryNoun"),heading:t("sandbox.pathParamPickerChip.kindCategoryHeading")}}}async function za(t,{resolveType:e,props:n}){const r=await fetch(Er(t),{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({__resolveType:e,...n}),signal:AbortSignal.timeout(ms)});if(!r.ok)throw new Error(`Failed to fetch options: ${r.status}`);return r.json()}async function Bn(t,e){const n=await fetch(Nr(t,e),{signal:AbortSignal.timeout(ms)});if(!n.ok)throw new Error(`Failed to fetch page: ${n.status}`);return n.text()}async function Ia(t,e,n){const r=e.optionsFromPayload(await Bn(t,"/"),n),i=r.find(l=>l.kind==="category");if(!i)return r;const u=Be(n.template,{[n.paramName]:i.value});if(u==="/")return r;try{const l=e.optionsFromPayload(await Bn(t,u),n).filter(c=>c.kind==="product");return cs([r,l])}catch{return r}}function Ua(t,e,n){return zs.sandboxInvoke(`${t.orgSlug}/${t.virtualMcpId}/${t.branch}`,`path-param-${e.id}:${e.clientFilter?"":n}`)}async function Ha(t,e,n,r){if(e.homepageLinks)return Ia(t,e,r);const i=e.buildRequests?.(n)??[];if(i.length===0)return[];const u=await Promise.allSettled(i.map(c=>za(t,c))),l=u.filter(c=>c.status==="fulfilled").map(c=>c.value);if(l.length===0){const c=u.find(o=>o.status==="rejected");throw c?c.reason:new Error("Failed to fetch options")}return cs(l.map(c=>e.optionsFromPayload(c,r)))}function Yt(t,e,n,r,i){return{queryKey:Ua(t,e,n),queryFn:()=>Ha(t,e,n,r),enabled:i,staleTime:6e4,retry:1}}function tt(t){const e=pe.c(16),{heading:n,iconKind:r,options:i,template:u,paramName:l,keyPrefix:c,onSelect:o}=t;if(i.length===0)return null;let d;if(e[0]!==r||e[1]!==c||e[2]!==o||e[3]!==i||e[4]!==l||e[5]!==u){let m;e[7]!==r||e[8]!==c||e[9]!==o||e[10]!==l||e[11]!==u?(m=p=>s.jsxs(rt,{value:`${c}:${p.value}`,className:"gap-3 py-2",onSelect:()=>o(p.value),children:[r==="product"&&s.jsx("span",{className:"flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border bg-muted",children:p.image?s.jsx("img",{src:p.image,alt:"",referrerPolicy:"no-referrer",className:"h-full w-full object-cover"}):s.jsx(Jn,{size:14,className:"text-muted-foreground"})}),s.jsxs("span",{className:"min-w-0 flex-1",children:[s.jsx("span",{className:"block truncate text-sm",children:p.label}),s.jsx("span",{className:"block truncate text-xs text-muted-foreground",children:Be(u,{[l]:p.value})})]})]},`${c}:${p.value}`),e[7]=r,e[8]=c,e[9]=o,e[10]=l,e[11]=u,e[12]=m):m=e[12],d=i.map(m),e[0]=r,e[1]=c,e[2]=o,e[3]=i,e[4]=l,e[5]=u,e[6]=d}else d=e[6];let h;return e[13]!==n||e[14]!==d?(h=s.jsx(st,{heading:n,children:d}),e[13]=n,e[14]=d,e[15]=h):h=e[15],h}function $n(t){const e=pe.c(2),{text:n}=t;let r;return e[0]!==n?(r=s.jsx("div",{className:"px-2 py-2 text-xs text-muted-foreground",children:n}),e[0]=n,e[1]=r):r=e[1],r}function Va(t){const e=pe.c(52),{sources:n,template:r,paramName:i,value:u,sandboxRef:l,onCommit:c}=t,o=Te(),[d,h]=x.useState(!1),[m,p]=x.useState(""),[j,g]=x.useState(""),E=x.useRef(null),b=i==="*"?o("sandbox.preview.catchAllParamLabel"):`:${i}`,w=Ka(o),y=[...new Set(n.map(R=>w[R.kind].noun))].join(" or ");let v;e[0]!==o||e[1]!==y?(v=o("sandbox.pathParamPickerChip.searchPlaceholder",{options:y}),e[0]=o,e[1]=y,e[2]=v):v=e[2];const k=v,P={template:r,paramName:i};let D;e[3]!==m?(D=(R,G)=>({source:R,query:G,options:R.clientFilter?et(G.data??[],m):G.data??[]}),e[3]=m,e[4]=D):D=e[4];const S=D,V=n.filter(Za),I=n.filter(Xa),B=Gt({queries:V.map(R=>Yt(l,R,j,P,d))});let L;e[5]!==B||e[6]!==S?(L=(R,G)=>S(R,B[G]),e[5]=B,e[6]=S,e[7]=L):L=e[7];const O=V.map(L),U=O.length===0||O.every(Qa),_=Gt({queries:I.map(R=>Yt(l,R,j,P,d&&U))});let $;e[8]!==_||e[9]!==S?($=(R,G)=>S(R,_[G]),e[8]=_,e[9]=S,e[10]=$):$=e[10];const Q=I.map($),J=U?Q:O,q=J.length===1&&J[0]?.source.homepageLinks?J[0]:null,C=q&&!q.query.isLoading&&!q.query.isError?q?.query.data??[]:[],F=et(C.filter(Ya),m),K=et(C.filter(Ja),m),Z=F.length>0&&K.length>0,Y=R=>{h(R),E.current&&clearTimeout(E.current),p(R?u:""),g(R?u:"")};let he;e[11]===Symbol.for("react.memo_cache_sentinel")?(he=R=>{p(R),E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{g(R)},300)},e[11]=he):he=e[11];const ne=he,z=R=>{c(R),Y(!1)},te=ts(m),xe=Be(r,{[i]:te}),le=Un,fe=In,ye="flex h-[85svh] flex-col gap-0 overflow-hidden p-0 sm:h-[520px] sm:max-w-[560px]",ve=Ga;let re;e[12]!==b||e[13]!==o?(re=o("sandbox.pathParamPickerChip.pickValueTitle",{paramLabel:b}),e[12]=b,e[13]=o,e[14]=re):re=e[14];let ee;e[15]!==re?(ee=s.jsx(Hn,{className:"sr-only",children:s.jsx(Vn,{children:re})}),e[15]=re,e[16]=ee):ee=e[16];let ce;e[17]===Symbol.for("react.memo_cache_sentinel")?(ce=s.jsx(Jn,{size:16,className:"shrink-0 text-foreground"}),e[17]=ce):ce=e[17];let se;e[18]!==o?(se=o("sandbox.pathParamPickerChip.pickValueHeading"),e[18]=o,e[19]=se):se=e[19];let ae;e[20]!==b?(ae=s.jsx("span",{className:"rounded-sm bg-special/15 px-1 py-0.5 font-mono text-[12px] text-special",children:b}),e[20]=b,e[21]=ae):ae=e[21];let de;e[22]!==se||e[23]!==ae?(de=s.jsxs("div",{className:"flex h-12 shrink-0 items-center gap-3 border-b border-border px-4",children:[ce,s.jsxs("span",{className:"text-sm font-medium text-foreground",children:[se," ",ae]})]}),e[22]=se,e[23]=ae,e[24]=de):de=e[24];const ge=Qn,jt=!1,it="min-h-0 flex-1";let ie;e[25]!==k||e[26]!==m?(ie=s.jsx(Xn,{autoFocus:!0,placeholder:k,value:m,onValueChange:ne}),e[25]=k,e[26]=m,e[27]=ie):ie=e[27];const je=Yn,Ve="flex max-h-none min-h-0 flex-1 flex-col overflow-hidden";let Ee;e[28]!==o?(Ee=o("sandbox.pathParamPickerChip.noResults"),e[28]=o,e[29]=Ee):Ee=e[29];let we;e[30]!==Ee?(we=s.jsx(Zn,{children:Ee}),e[30]=Ee,e[31]=we):we=e[31];const qe=te&&s.jsx(st,{className:"shrink-0",children:s.jsxs(rt,{value:`__raw__:${te}`,className:"gap-3 py-2",onSelect:()=>z(te),children:[s.jsx("span",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-dashed border-border bg-muted",children:s.jsx(Yr,{size:14,className:"text-muted-foreground"})}),s.jsxs("span",{className:"min-w-0 flex-1",children:[s.jsx("span",{className:"block truncate text-sm",children:o("sandbox.pathParamPickerChip.useRawValue",{rawTerm:te,paramLabel:b})}),s.jsx("span",{className:"block truncate text-xs text-muted-foreground",children:xe})]})]})}),Ce=Z?s.jsxs("div",{className:"flex min-h-0 flex-1",children:[s.jsx("div",{className:"min-w-0 flex-1 overflow-y-auto border-r border-border",children:s.jsx(tt,{heading:w.category.heading,iconKind:"category",options:F,template:r,paramName:i,keyPrefix:`${q?.source.id}:cat`,onSelect:z})}),s.jsx("div",{className:"min-w-0 flex-1 overflow-y-auto",children:s.jsx(tt,{heading:w.product.heading,iconKind:"product",options:K,template:r,paramName:i,keyPrefix:`${q?.source.id}:prod`,onSelect:z})})]}):s.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:J.map(R=>{const{source:G,query:We,options:ot}=R,{noun:Ge}=w[G.kind];if(We.isLoading)return s.jsx($n,{text:o("sandbox.pathParamPickerChip.loading",{noun:Ge})},G.id);if(We.isError)return s.jsx($n,{text:o("sandbox.pathParamPickerChip.couldNotLoad")},G.id);if(G.homepageLinks){const Je=We.data??[];return s.jsxs(x.Fragment,{children:[s.jsx(tt,{heading:w.category.heading,iconKind:"category",options:et(Je.filter(Wa),m),template:r,paramName:i,keyPrefix:`${G.id}:cat`,onSelect:z}),s.jsx(tt,{heading:w.product.heading,iconKind:"product",options:et(Je.filter(qa),m),template:r,paramName:i,keyPrefix:`${G.id}:prod`,onSelect:z})]},G.id)}return s.jsx(tt,{heading:J.length>1?w[G.kind].heading:void 0,iconKind:G.kind,options:ot,template:r,paramName:i,keyPrefix:G.id,onSelect:z},G.id)})});let Re;e[32]!==je||e[33]!==we||e[34]!==qe||e[35]!==Ce?(Re=s.jsxs(je,{className:Ve,children:[we,qe,Ce]}),e[32]=je,e[33]=we,e[34]=qe,e[35]=Ce,e[36]=Re):Re=e[36];let Le;e[37]!==ge||e[38]!==ie||e[39]!==Re?(Le=s.jsxs(ge,{shouldFilter:jt,className:it,children:[ie,Re]}),e[37]=ge,e[38]=ie,e[39]=Re,e[40]=Le):Le=e[40];let Oe;e[41]!==fe||e[42]!==ee||e[43]!==de||e[44]!==Le||e[45]!==ve?(Oe=s.jsxs(fe,{className:ye,onClick:ve,children:[ee,de,Le]}),e[41]=fe,e[42]=ee,e[43]=de,e[44]=Le,e[45]=ve,e[46]=Oe):Oe=e[46];let W;return e[47]!==le||e[48]!==Y||e[49]!==d||e[50]!==Oe?(W=s.jsx(le,{open:d,onOpenChange:Y,children:Oe}),e[47]=le,e[48]=Y,e[49]=d,e[50]=Oe,e[51]=W):W=e[51],s.jsxs(s.Fragment,{children:[s.jsx("button",{type:"button",title:o("sandbox.pathParamPickerChip.buttonTitle",{paramLabel:b}),className:"max-w-64 shrink-0 cursor-pointer truncate rounded-lg bg-special/15 px-1 py-0.5 text-[12px] text-special hover:bg-special/25",onClick:R=>{R.stopPropagation(),Y(!0)},children:u||b}),W]})}function qa(t){return t.kind==="product"}function Wa(t){return t.kind!=="product"}function Ga(t){return t.stopPropagation()}function Ja(t){return t.kind==="product"}function Ya(t){return t.kind!=="product"}function Qa(t){return!t.query.isLoading&&(t.query.isError||t.options.length===0)}function Xa(t){return t.isFallback}function Za(t){return!t.isFallback}function ei(t){const e=pe.c(8),{sources:n,template:r,paramName:i,sandboxRef:u,onFill:l}=t;let c,o;if(e[0]!==i||e[1]!==u||e[2]!==n||e[3]!==r){const j={template:r,paramName:i},g=n.filter(ti);o=Gt,c=g.map(E=>Yt(u,E,"",j,!0)),e[0]=i,e[1]=u,e[2]=n,e[3]=r,e[4]=c,e[5]=o}else c=e[4],o=e[5];let d;e[6]!==c?(d={queries:c},e[6]=c,e[7]=d):d=e[7];const h=o(d),[m,p]=x.useState(!1);if(!m)for(const j of h){if(j.isLoading)break;const g=j.data?.[0];if(g){p(!0),queueMicrotask(()=>l(g.value));break}}return null}function ti(t){return!t.isFallback}function ni(t){const e=pe.c(31),{name:n,value:r,onCommit:i}=t,u=Te(),[l,c]=x.useState(r),[o,d]=x.useState(!1),h=x.useRef(!1);let m;e[0]!==n||e[1]!==u?(m=n==="*"?u("sandbox.preview.catchAllParamLabel"):`:${n}`,e[0]=n,e[1]=u,e[2]=m):m=e[2];const p=m,j=l||p;let g;e[3]!==j?(g=s.jsx("span",{"aria-hidden":!0,className:"invisible whitespace-pre px-1 py-0.5 text-[12px]",children:j}),e[3]=j,e[4]=g):g=e[4];let E;e[5]!==p||e[6]!==u?(E=u("sandbox.preview.valueForParam",{label:p}),e[5]=p,e[6]=u,e[7]=E):E=e[7];let b,w;e[8]===Symbol.for("react.memo_cache_sentinel")?(b=S=>c(S.target.value),w=()=>d(!0),e[8]=b,e[9]=w):(b=e[8],w=e[9]);let N;e[10]!==r?(N=S=>{S.key==="Enter"&&S.currentTarget.blur(),S.key==="Escape"&&(h.current=!0,c(r),S.currentTarget.blur())},e[10]=r,e[11]=N):N=e[11];let y;e[12]!==l||e[13]!==i||e[14]!==r?(y=()=>{if(d(!1),h.current){h.current=!1;return}const S=ts(l);c(S),S!==r&&i(S)},e[12]=l,e[13]=i,e[14]=r,e[15]=y):y=e[15];let v;e[16]!==l||e[17]!==p||e[18]!==E||e[19]!==N||e[20]!==y?(v=s.jsx("input",{type:"text",value:l,placeholder:p,title:E,spellCheck:!1,className:"absolute inset-0 rounded-sm bg-special/15 px-1 text-[12px] text-special outline-none placeholder:text-special/60 focus:bg-special/25",onClick:si,onChange:b,onFocus:w,onKeyDown:N,onBlur:y}),e[16]=l,e[17]=p,e[18]=E,e[19]=N,e[20]=y,e[21]=v):v=e[21];let k;e[22]!==g||e[23]!==v?(k=s.jsxs("span",{className:"relative inline-flex max-w-64 shrink-0 items-center overflow-hidden",children:[g,v]}),e[22]=g,e[23]=v,e[24]=k):k=e[24];let P;e[25]!==o||e[26]!==u?(P=o&&s.jsxs("span",{className:"pointer-events-none ml-1.5 flex shrink-0 items-center gap-1 whitespace-nowrap rounded-sm border border-border bg-muted px-1 py-0.5 text-[10px] text-muted-foreground",children:[s.jsx(er,{size:10}),u("sandbox.preview.enterToGo")]}),e[25]=o,e[26]=u,e[27]=P):P=e[27];let D;return e[28]!==P||e[29]!==k?(D=s.jsxs(s.Fragment,{children:[k,P]}),e[28]=P,e[29]=k,e[30]=D):D=e[30],D}function si(t){return t.stopPropagation()}function ri(t){if(t.activeGlobalSectionName)return t.activeGlobalSectionName;const e=t.iframeBase;if(!e)return t.noServerLabel;try{const n=new URL(e),r=t.resolvedPath==="/"?"":t.resolvedPath;return`${n.host}${r}`}catch{return e}}function ai(t){return t.showPreviewToolbar&&t.contentEditingEnabled}function ii(t){const e=pe.c(5);let n;e[0]!==t?(n=t??{orgSlug:"",virtualMcpId:"",branch:""},e[0]=t,e[1]=n):n=e[1];const r=ss(n);let i;return e[2]!==t||e[3]!==r?(i={mutationFn:async u=>{const{name:l,path:c,template:o}=u;if(!t?.virtualMcpId||!t.branch)throw new Error("Sandbox not ready");const d=Tr(l),h=o?{...o,name:l,path:c}:Cr(l,c);return await r.mutateAsync({blockKey:d,data:h}),{key:d,name:l,path:c}}},e[2]=t,e[3]=r,e[4]=i):i=e[4],Is(i)}function oi(t){const e=pe.c(89),{open:n,onOpenChange:r,isPending:i,error:u,templates:l,onSubmit:c}=t,o=i===void 0?!1:i,d=Te();let h;e[0]!==d?(h=d("sectionsEditor.createPageModal.defaultPageName"),e[0]=d,e[1]=h):h=e[1];const[m,p]=x.useState(h);let j;e[2]!==d?(j=d("sectionsEditor.createPageModal.defaultPagePath"),e[2]=d,e[3]=j):j=e[3];const[g,E]=x.useState(j),[b,w]=x.useState(Ut),[N,y]=x.useState(null),[v,k]=x.useState(n);n!==v&&(k(n),n&&(p(d("sectionsEditor.createPageModal.defaultPageName")),E(d("sectionsEditor.createPageModal.defaultPagePath")),w(Ut),y(null)));const P=!!l?.length;let D;e[4]!==o||e[5]!==r?(D=se=>{!se&&!o&&(y(null),r(!1))},e[4]=o,e[5]=r,e[6]=D):D=e[6];const S=D;let V;e[7]!==o||e[8]!==m||e[9]!==c||e[10]!==g||e[11]!==P||e[12]!==b?(V=async se=>{se.preventDefault();const ae=m.trim(),de=g.trim();if(!ae||!de||o)return;const ge=ns(de);if(ge){y(ge);return}y(null),await c({name:ae,path:de,templateKey:P&&b!==Ut?b:null})},e[7]=o,e[8]=m,e[9]=c,e[10]=g,e[11]=P,e[12]=b,e[13]=V):V=e[13];const I=V,B=N??u;let L;e[14]!==d?(L=d("sectionsEditor.createPageModal.title"),e[14]=d,e[15]=L):L=e[15];let O;e[16]!==L?(O=s.jsx(Hn,{children:s.jsx(Vn,{children:L})}),e[16]=L,e[17]=O):O=e[17];let U;e[18]!==d?(U=d("sectionsEditor.createPageModal.nameLabel"),e[18]=d,e[19]=U):U=e[19];let _;e[20]!==U?(_=s.jsx("label",{htmlFor:"new-page-name",className:"text-xs font-medium text-muted-foreground",children:U}),e[20]=U,e[21]=_):_=e[21];let $;e[22]===Symbol.for("react.memo_cache_sentinel")?($=se=>p(se.target.value),e[22]=$):$=e[22];let Q;e[23]!==d?(Q=d("sectionsEditor.createPageModal.namePlaceholder"),e[23]=d,e[24]=Q):Q=e[24];let J;e[25]!==o||e[26]!==m||e[27]!==Q?(J=s.jsx(Pn,{id:"new-page-name",value:m,onChange:$,placeholder:Q,autoFocus:!0,disabled:o}),e[25]=o,e[26]=m,e[27]=Q,e[28]=J):J=e[28];let q;e[29]!==J||e[30]!==_?(q=s.jsxs("div",{className:"space-y-1.5",children:[_,J]}),e[29]=J,e[30]=_,e[31]=q):q=e[31];let X;e[32]!==d?(X=d("sectionsEditor.createPageModal.pathLabel"),e[32]=d,e[33]=X):X=e[33];let C;e[34]!==X?(C=s.jsx("label",{htmlFor:"new-page-path",className:"text-xs font-medium text-muted-foreground",children:X}),e[34]=X,e[35]=C):C=e[35];let F;e[36]===Symbol.for("react.memo_cache_sentinel")?(F=se=>E(se.target.value),e[36]=F):F=e[36];let K;e[37]!==d?(K=d("sectionsEditor.createPageModal.pathPlaceholder"),e[37]=d,e[38]=K):K=e[38];let Z;e[39]!==o||e[40]!==g||e[41]!==K?(Z=s.jsx(Pn,{id:"new-page-path",value:g,onChange:F,placeholder:K,disabled:o}),e[39]=o,e[40]=g,e[41]=K,e[42]=Z):Z=e[42];let Y;e[43]!==C||e[44]!==Z?(Y=s.jsxs("div",{className:"space-y-1.5",children:[C,Z]}),e[43]=C,e[44]=Z,e[45]=Y):Y=e[45];let he;e[46]!==o||e[47]!==P||e[48]!==d||e[49]!==b||e[50]!==l?(he=P&&s.jsxs("div",{className:"space-y-1.5",children:[s.jsx("label",{htmlFor:"new-page-template",className:"text-xs font-medium text-muted-foreground",children:d("sectionsEditor.createPageModal.templateLabel")}),s.jsx(Rr,{id:"new-page-template",value:b,onChange:w,templates:l??[],disabled:o})]}),e[46]=o,e[47]=P,e[48]=d,e[49]=b,e[50]=l,e[51]=he):he=e[51];let ne;e[52]!==B?(ne=B&&s.jsx("p",{className:"text-xs text-destructive",children:B}),e[52]=B,e[53]=ne):ne=e[53];let z;e[54]!==q||e[55]!==Y||e[56]!==he||e[57]!==ne?(z=s.jsxs("div",{className:"space-y-4 py-4",children:[q,Y,he,ne]}),e[54]=q,e[55]=Y,e[56]=he,e[57]=ne,e[58]=z):z=e[58];let te;e[59]!==r?(te=()=>r(!1),e[59]=r,e[60]=te):te=e[60];let xe;e[61]!==d?(xe=d("sectionsEditor.createPageModal.cancelButton"),e[61]=d,e[62]=xe):xe=e[62];let le;e[63]!==o||e[64]!==te||e[65]!==xe?(le=s.jsx(De,{type:"button",variant:"outline",onClick:te,disabled:o,children:xe}),e[63]=o,e[64]=te,e[65]=xe,e[66]=le):le=e[66];let fe;e[67]!==o||e[68]!==m||e[69]!==g?(fe=!m.trim()||!g.trim()||o,e[67]=o,e[68]=m,e[69]=g,e[70]=fe):fe=e[70];let ye;e[71]!==o||e[72]!==d?(ye=o?s.jsxs(s.Fragment,{children:[s.jsx(Pt,{className:"size-3.5"}),d("sectionsEditor.createPageModal.creatingButton")]}):d("sectionsEditor.createPageModal.createButton"),e[71]=o,e[72]=d,e[73]=ye):ye=e[73];let ve;e[74]!==fe||e[75]!==ye?(ve=s.jsx(De,{type:"submit",disabled:fe,children:ye}),e[74]=fe,e[75]=ye,e[76]=ve):ve=e[76];let re;e[77]!==le||e[78]!==ve?(re=s.jsxs(Us,{children:[le,ve]}),e[77]=le,e[78]=ve,e[79]=re):re=e[79];let ee;e[80]!==I||e[81]!==z||e[82]!==re||e[83]!==O?(ee=s.jsx(In,{className:"sm:max-w-md",children:s.jsxs("form",{onSubmit:I,children:[O,z,re]})}),e[80]=I,e[81]=z,e[82]=re,e[83]=O,e[84]=ee):ee=e[84];let ce;return e[85]!==S||e[86]!==n||e[87]!==ee?(ce=s.jsx(Un,{open:n,onOpenChange:S,children:ee}),e[85]=S,e[86]=n,e[87]=ee,e[88]=ce):ce=e[88],ce}function li(t){const e=pe.c(29),{orgSlug:n,virtualMcpId:r,branch:i,previewUrl:u,meta:l,decofile:c,blockKey:o}=t,d=Te();let h;e[0]!==i||e[1]!==n||e[2]!==r?(h={orgSlug:n,virtualMcpId:r,branch:i},e[0]=i,e[1]=n,e[2]=r,e[3]=h):h=e[3];const m=ss(h);let p;e[4]!==m?(p=_r((k,P)=>m.mutate({blockKey:k,data:P})),e[4]=m,e[5]=p):p=e[5];const j=p;let g;e[6]!==o||e[7]!==c?(g=Lr(c,o),e[6]=o,e[7]=c,e[8]=g):g=e[8];const{resolveType:E,props:b,title:w}=g;if(!E){let k;e[9]!==d?(k=d("sandbox.preview.loaderNoLongerExists"),e[9]=d,e[10]=k):k=e[10];let P;return e[11]!==k?(P=s.jsx("div",{className:"flex h-full items-center justify-center px-6 text-center text-sm text-muted-foreground",children:k}),e[11]=k,e[12]=P):P=e[12],P}const N=`loader:${o}`;let y;e[13]!==o||e[14]!==E||e[15]!==w?(y={mode:"saved",blockKey:o,resolveType:E,title:w},e[13]=o,e[14]=E,e[15]=w,e[16]=y):y=e[16];let v;return e[17]!==i||e[18]!==c||e[19]!==l||e[20]!==n||e[21]!==u||e[22]!==b||e[23]!==m.isPending||e[24]!==j||e[25]!==N||e[26]!==y||e[27]!==r?(v=s.jsx(Or,{orgSlug:n,virtualMcpId:r,branch:i,previewUrl:u,meta:l,decofile:c,kind:"loaders",target:y,initialValue:b,isCreating:m.isPending,onCreate:ci,onSaveReferencedBlock:j,showRun:!1},N),e[17]=i,e[18]=c,e[19]=l,e[20]=n,e[21]=u,e[22]=b,e[23]=m.isPending,e[24]=j,e[25]=N,e[26]=y,e[27]=r,e[28]=v):v=e[28],v}async function ci(){}function di(t){if(t instanceof Error&&"status"in t&&typeof t.status=="number")return t.status}function Fn(t){return{status:t.status,hasData:t.data!==void 0,errorStatus:di(t.error)}}function ui(t){switch(t){case"clone-failed":case"install-failed":case"start-failed":return"terminal-error";case"idle":case"cloning":return"booting";case"checking-out":case"installing":case"starting":case"running":case"crashed":return"snapshot-readable"}}function mi(t){if(t.fastPreviewActive)return t.decofile.status==="error"&&!t.decofile.hasData||t.meta.status==="error"&&!t.meta.hasData?{kind:"error",source:"data"}:!t.decofile.hasData||!t.meta.hasData?{kind:"loading"}:t.hasEditableContent?{kind:"content"}:{kind:"empty",reason:"no-content"};const e=ui(t.lifecyclePhase);if(e==="terminal-error")return{kind:"error",source:"sandbox"};if(e==="booting")return{kind:"loading"};const n=t.decofile.status==="error"&&!t.decofile.hasData||t.meta.status==="error"&&!t.meta.hasData;return n&&t.lifecyclePhase==="checking-out"?{kind:"loading"}:[t.decofile,t.meta].some(i=>i.status==="error"&&!i.hasData&&i.errorStatus===404)?{kind:"empty",reason:"framework-missing"}:n?t.lifecyclePhase==="running"||t.lifecyclePhase==="crashed"?{kind:"error",source:"data"}:{kind:"loading"}:!t.decofile.hasData||!t.meta.hasData?{kind:"loading"}:t.hasEditableContent?{kind:"content"}:{kind:"empty",reason:"no-content"}}const fi="https://github.com/decocms/blocks";function pi(){const t=pe.c(14),e=Te();let n;t[0]===Symbol.for("react.memo_cache_sentinel")?(n=s.jsx(tr,{size:48,className:"text-muted-foreground"}),t[0]=n):n=t[0];let r;t[1]!==e?(r=e("mainPanelTabs.blocksTabStates.emptyStateTitle"),t[1]=e,t[2]=r):r=t[2];let i;t[3]!==e?(i=e("mainPanelTabs.blocksTabStates.emptyStateDescription"),t[3]=e,t[4]=i):i=t[4];let u;t[5]!==e?(u=e("mainPanelTabs.blocksTabStates.setupContentEditing"),t[5]=e,t[6]=u):u=t[6];let l;t[7]===Symbol.for("react.memo_cache_sentinel")?(l=s.jsx(qn,{size:14}),t[7]=l):l=t[7];let c;t[8]!==u?(c=s.jsx(De,{size:"sm",asChild:!0,children:s.jsxs("a",{href:fi,target:"_blank",rel:"noreferrer",children:[u,l]})}),t[8]=u,t[9]=c):c=t[9];let o;return t[10]!==r||t[11]!==i||t[12]!==c?(o=s.jsx(tn,{className:"h-full w-full",image:n,title:r,description:i,actions:c}),t[10]=r,t[11]=i,t[12]=c,t[13]=o):o=t[13],o}function hi(t){const e=pe.c(15),{source:n,onRetry:r}=t,i=Te();let u;e[0]!==n||e[1]!==i?(u=i(n==="sandbox"?"mainPanelTabs.blocksTabStates.errorStateSandbox":"mainPanelTabs.blocksTabStates.errorStateData"),e[0]=n,e[1]=i,e[2]=u):u=e[2];const l=u;let c;e[3]===Symbol.for("react.memo_cache_sentinel")?(c=s.jsx(Qr,{size:48,className:"text-muted-foreground"}),e[3]=c):c=e[3];let o;e[4]!==i?(o=i("mainPanelTabs.blocksTabStates.errorStateTitle"),e[4]=i,e[5]=o):o=e[5];let d;e[6]!==i?(d=i("mainPanelTabs.blocksTabStates.retry"),e[6]=i,e[7]=d):d=e[7];let h;e[8]!==r||e[9]!==d?(h=s.jsx(De,{variant:"outline",size:"sm",onClick:r,children:d}),e[8]=r,e[9]=d,e[10]=h):h=e[10];let m;return e[11]!==l||e[12]!==o||e[13]!==h?(m=s.jsx(tn,{image:c,title:o,description:l,actions:h}),e[11]=l,e[12]=o,e[13]=h,e[14]=m):m=e[14],m}const gi=x.lazy(()=>Hs(()=>import("./sections-editor-DrNkE-5_.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161])).then(t=>({default:t.SectionsEditor})));function Mn(t){const e=pe.c(50),{virtualMcpId:n,externalSelection:r,onViewJsonFile:i}=t,u=r===void 0?null:r,{org:l}=Qt(),{currentBranch:c,taskId:o}=St(),d=is(),h=Xt(),m=os(),p=d.lifecycle.phase==="running",j=h.previewUrl;let g;e[0]!==c||e[1]!==l||e[2]!==j||e[3]!==o||e[4]!==n?(g=c?{orgSlug:l.slug,virtualMcpId:n,branch:c,threadId:o??null,previewUrl:j}:null,e[0]=c,e[1]=l,e[2]=j,e[3]=o,e[4]=n,e[5]=g):g=e[5];const E=g;let b;e[6]!==p?(b={fetchEnabled:p},e[6]=p,e[7]=b):b=e[7];const w=en(E,b);let N;e[8]!==p?(N={fetchEnabled:p},e[8]=p,e[9]=N):N=e[9];const y=rs(E,N),v=mi({lifecyclePhase:d.lifecycle.phase,decofile:Fn(w),meta:Fn(y),hasEditableContent:xr(w.data,y.data),fastPreviewActive:es(n).runtime==="cms"}),k=vi;if(v.kind==="loading"){let C;return e[10]===Symbol.for("react.memo_cache_sentinel")?(C=k(s.jsx(Vs,{})),e[10]=C):C=e[10],C}if(v.kind==="empty"){let C;return e[11]===Symbol.for("react.memo_cache_sentinel")?(C=k(s.jsx(pi,{})),e[11]=C):C=e[11],C}if(v.kind==="error"){let C;e[12]!==w||e[13]!==h||e[14]!==y||e[15]!==v.source?(C=()=>{if(v.source==="sandbox"){h.retry();return}Promise.all([w.refetch(),y.refetch()])},e[12]=w,e[13]=h,e[14]=y,e[15]=v.source,e[16]=C):C=e[16];const F=C;let K;return e[17]!==F||e[18]!==v.source?(K=k(s.jsx(hi,{source:v.source,onRetry:F})),e[17]=F,e[18]=v.source,e[19]=K):K=e[19],K}let P;e[20]===Symbol.for("react.memo_cache_sentinel")?(P=C=>k(s.jsx("div",{className:"h-full min-h-0",children:C})),e[20]=P):P=e[20];const D=P,S=m.state.target;if(S?.kind==="loader"&&w.data&&y.data){const C=c??"",F=j??null;let K;return e[21]!==w.data||e[22]!==y.data||e[23]!==l.slug||e[24]!==C||e[25]!==F||e[26]!==S.key||e[27]!==n?(K=D(s.jsx(li,{orgSlug:l.slug,virtualMcpId:n,branch:C,previewUrl:F,meta:y.data,decofile:w.data,blockKey:S.key})),e[21]=w.data,e[22]=y.data,e[23]=l.slug,e[24]=C,e[25]=F,e[26]=S.key,e[27]=n,e[28]=K):K=e[28],K}let V;e[29]!==c||e[30]!==l.slug||e[31]!==S||e[32]!==n?(V=S||!c?null:Wn(Gn(l.slug,n,c)),e[29]=c,e[30]=l.slug,e[31]=S,e[32]=n,e[33]=V):V=e[33];const I=V;let B="/",L=null,O=null;S?.kind==="page"?(B=S.path,L=S.key):S?.kind==="section"?O=S.key:I&&(B=I.path,L=I.pageKey);const U=L?`page:${L}`:O?`section:${O}`:`path:${B}`;let _;e[34]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx("div",{className:"h-full flex items-center justify-center",children:s.jsx(Pt,{className:"size-5 text-muted-foreground"})}),e[34]=_):_=e[34];const $=c??"",Q=j??void 0,J=O?null:u,q=!!L&&m.state.editSeoPageKey===L;let X;return e[35]!==O||e[36]!==L||e[37]!==B||e[38]!==U||e[39]!==i||e[40]!==l.slug||e[41]!==J||e[42]!==q||e[43]!==$||e[44]!==Q||e[45]!==n||e[46]!==m.consumeEditSeo||e[47]!==m.setFocusedBlock||e[48]!==m.setVariantOverride?(X=D(s.jsx(x.Suspense,{fallback:_,children:s.jsx(gi,{orgSlug:l.slug,virtualMcpId:n,branch:$,previewReady:!0,previewUrl:Q,currentPath:B,activePageBlockKey:L,activeGlobalBlockKey:O,externalSelection:J,initialEditSeo:q,onExitSeo:m.consumeEditSeo,onVariantPreviewOverride:m.setVariantOverride,onFocusedBlockChange:m.setFocusedBlock,onViewJsonFile:i},U)})),e[35]=O,e[36]=L,e[37]=B,e[38]=U,e[39]=i,e[40]=l.slug,e[41]=J,e[42]=q,e[43]=$,e[44]=Q,e[45]=n,e[46]=m.consumeEditSeo,e[47]=m.setFocusedBlock,e[48]=m.setVariantOverride,e[49]=X):X=e[49],X}function vi(t){return s.jsx("div",{"data-testid":"blocks-panel",className:"h-full min-h-0 overflow-hidden",children:t})}function Dn(t){const e=pe.c(39),{virtualMcpId:n,pageKey:r,onClose:i,ref:u}=t,l=Te(),c=Zr(),o=Ar(n);let d;e[0]!==o||e[1]!==r?(d=Br(o,ea(r)),e[0]=o,e[1]=r,e[2]=d):d=e[2];const h=d,{org:m}=Qt(),{currentBranch:p,taskId:j}=St(),E=Xt().previewUrl;let b;e[3]!==p||e[4]!==m.slug||e[5]!==E||e[6]!==j||e[7]!==n?(b=p?{orgSlug:m.slug,virtualMcpId:n,branch:p,threadId:j??null,previewUrl:E}:null,e[3]=p,e[4]=m.slug,e[5]=E,e[6]=j,e[7]=n,e[8]=b):b=e[8];const N=en(b),y=p??"";let v;e[9]!==m.slug||e[10]!==y||e[11]!==n?(v={orgSlug:m.slug,virtualMcpId:n,branch:y},e[9]=m.slug,e[10]=y,e[11]=n,e[12]=v):v=e[12];const{save:k,flush:P}=$r(v),D=N.data?.[r],S=N.data===void 0&&N.isLoading,V=N.data!==void 0&&D===void 0,I=!p||V||S;let B;e[13]!==D?(B=D===void 0?"":JSON.stringify(D,null,2),e[13]=D,e[14]=B):B=e[14];const L=B;let O;e[15]!==r||e[16]!==I||e[17]!==k?(O=q=>{if(I)return;let X;try{X=JSON.parse(q)}catch{return}X===null||typeof X!="object"||Array.isArray(X)||k(r,X)},e[15]=r,e[16]=I,e[17]=k,e[18]=O):O=e[18];const U=O;let _;e[19]!==P?(_=()=>({flush:P}),e[19]=P,e[20]=_):_=e[20],x.useImperativeHandle(u,_);let $;e[21]!==h||e[22]!==c||e[23]!==i||e[24]!==l?($=c?s.jsx("div",{className:"flex shrink-0 items-center border-b px-3 py-2.5",children:s.jsx("span",{title:h,className:"min-w-0 flex-1 truncate font-mono text-xs text-muted-foreground",children:h})}):s.jsxs("div",{className:"flex shrink-0 items-center gap-2 border-b px-3 py-2.5",children:[s.jsx("div",{className:"min-w-0 flex-1 truncate text-sm font-semibold",children:l("sectionsEditor.pageJsonDialog.titleShort")}),s.jsx(De,{variant:"ghost",size:"icon",onClick:i,"aria-label":l("sectionsEditor.pageJsonDialog.close"),className:"size-7 shrink-0",children:s.jsx(qs,{size:14})})]}),e[21]=h,e[22]=c,e[23]=i,e[24]=l,e[25]=$):$=e[25];let Q;e[26]!==N.data||e[27]!==P||e[28]!==L||e[29]!==S||e[30]!==V||e[31]!==r||e[32]!==I||e[33]!==U||e[34]!==l?(Q=S?s.jsx("div",{className:"flex flex-1 items-center justify-center",children:s.jsx(Pt,{className:"size-5 text-muted-foreground"})}):V?s.jsxs("div",{className:"p-4 text-xs font-mono text-foreground/60",children:["// ",l("sectionsEditor.pageJsonDialog.pageNotFound")]}):s.jsx("div",{className:"min-h-0 flex-1",children:s.jsx(Xr,{code:L,language:"json",readOnly:I,height:"100%",onChange:q=>U(q??""),onSave:q=>{U(q),P()}},`${r}:${N.data===void 0?"loading":"ready"}`)}),e[26]=N.data,e[27]=P,e[28]=L,e[29]=S,e[30]=V,e[31]=r,e[32]=I,e[33]=U,e[34]=l,e[35]=Q):Q=e[35];let J;return e[36]!==$||e[37]!==Q?(J=s.jsxs("div",{className:"flex h-full min-h-0 flex-col overflow-hidden bg-background",children:[$,Q]}),e[36]=$,e[37]=Q,e[38]=J):J=e[38],J}function fs(t){return t.contentEditingEnabled&&!t.isMobile}function bi(t,e){return t!=="visual"?"visual":e?"blocks":"preview"}function xi(t,e){return t==="blocks"?"preview":e?"blocks":t}function yi(t){return fs({contentEditingEnabled:as(t.cmsMode),isMobile:t.isMobile})?"blocks":"preview"}function wi(t){return t.editingMode==="blocks"&&!t.blocksEditingEnabled||t.editingMode==="visual"&&!t.sandboxDisplay?"preview":t.editingMode}const ki=500,Pi={mobile:{width:412,height:823},tablet:{width:1024,height:1366},desktop:{width:1280,height:800}},Kn=1,qt=["desktop","mobile","tablet"],zn={mobile:"sandbox.preview.deviceMobile",tablet:"sandbox.preview.deviceTablet",desktop:"sandbox.preview.deviceDesktop"};function Si(t){if(!t)return null;try{const e=new URL(t,window.location.href);return e.searchParams.set("__decoFBT","0"),e.searchParams.set("__deco_ssr","1"),e.href}catch{return t}}function nt(t){if(!t)return null;try{return new URL(t,window.location.href).origin}catch{return null}}function Wt(t,e){try{return new URL(t,e).href}catch{return null}}function ji(t,e){if(!e.inPlaceRenderActive)return{pin:e.draftPreviewUrl?{path:e.resolvedPath,url:e.draftPreviewUrl}:null,effective:e.draftPreviewUrl};if(e.draftPreviewUrl!==null&&t?.path!==e.resolvedPath){const n={path:e.resolvedPath,url:e.draftPreviewUrl};return{pin:n,effective:n.url}}return{pin:t,effective:t?.url??null}}function Ei(t,e){return!t||t.nav!==e.nav?!1:t.content!==e.content}function Ni(t,e,n){const r=t.toLowerCase(),i=e.toLowerCase(),u=i.split("/").filter(Boolean),l=o=>{if(o===n)return 100;const d=o.indexOf(n);if(d===-1)return 0;let h=40;return d===0?h+=30:/[\s/-]/.test(o[d-1]??"")&&(h+=20),h+=Math.round(n.length/o.length*20),h};let c=Math.max(l(r),l(i));return u.at(-1)===n?c=Math.max(c,95):u.includes(n)&&(c=Math.max(c,90)),c}function Ti(t,e){try{t.contentWindow?.location.reload()}catch{e&&(t.src=e)}}function Ci({virtualMcpId:t}){const e=Te(),n=jr(),{currentBranch:r,taskId:i,virtualMcpId:u}=St(),l=os(),c=fr(u===t?t:null),o=es(t),d=ta(c?.metadata?.ui?.layout??null),h=as(d),m=fs({contentEditingEnabled:h,isMobile:n}),[p,j]=x.useState(()=>yi({cmsMode:d,isMobile:n})),[g,E]=x.useState("desktop"),[b,w]=x.useState(null),[N,y]=x.useState(null),v=x.useRef(null),k=x.useRef(null),[P,D]=x.useState(!1),S=x.useRef(null),V=()=>{S.current?.flush(),D(!1)},I=()=>D(a=>(a&&S.current?.flush(),!a)),[B,L]=x.useState({width:0,height:0}),[O,U]=x.useState(!1),[_,$]=x.useState(""),Q=x.useRef(null),[J,q]=x.useState(!1),[X,C]=x.useState(),[F,K]=x.useState(null),[Z,Y]=x.useState(null),[he,ne]=x.useState(null),[z,te]=x.useState(()=>l.state.target?.kind==="page"?l.state.target.path:"/"),[xe,le]=x.useState(()=>l.state.target?.kind==="page"?l.state.target.key:null),[fe,ye]=x.useState({}),[ve,re]=x.useState(!1),ee=x.useRef(null),ce=()=>{re(!0),ee.current&&clearTimeout(ee.current),ee.current=setTimeout(()=>re(!1),15e3)},se=()=>{ee.current&&(clearTimeout(ee.current),ee.current=null),re(!1)},{org:ae}=Qt(),de=is(),ge=Xt(),jt=ge.vmEntry,it=de.lifecycle.phase,{url:ie}=yr(t),je=ie??ge.previewUrl,Ve=!!ie||it==="running",Ee=c?.id===t?gr(c.metadata):null,we=!ie&&c?.id===t&&o.runtime==="cms",qe=o.projectDefault==="cms",Ce=Ir({sandboxUrl:je,previewServerUrl:Ee,fastPreviewActive:we}),Re=t&&r?{orgSlug:ae.slug,virtualMcpId:t,branch:r,threadId:i??null,previewUrl:je}:null,Le=en(Re,{fetchEnabled:Ve}),Oe=rs(Re,{fetchEnabled:Ve}),W=Le.data,R=Oe.data,G=W?wr(W).sort((a,f)=>a.name.localeCompare(f.name)):[],We=t&&r?{orgSlug:ae.slug,virtualMcpId:t,branch:r}:null,ot=ii(We),Ge=W&&R?kr(W,R):[],Je=W&&R?Fr(R,W,"loaders"):[],sn=_?(()=>{const a=_.toLowerCase();return G.map(f=>({page:f,score:Ni(f.name,f.path,a)})).filter(({score:f})=>f>0).sort((f,T)=>T.score-f.score||f.page.path.length-T.page.path.length).map(({page:f})=>f)})():G,rn=Ge.filter(a=>{if(!_)return!0;const f=_.toLowerCase();return a.name.toLowerCase().includes(f)||a.key.toLowerCase().includes(f)||a.resolveType.toLowerCase().includes(f)}),an=m?Je:[],on=an.filter(a=>{if(!_)return!0;const f=_.toLowerCase();return a.title.toLowerCase().includes(f)||a.key.toLowerCase().includes(f)||a.resolveType.toLowerCase().includes(f)}),lt=Z?Je.find(a=>a.key===Z)??null:null,Ne=Zt,Et=F||Z?null:Pr(G,z,xe),H=Et?.key??null,Ke=l.state.target?.kind==="section"?l.state.target.key:l.state.focusedBlockKey??H,ct=Et?.path??null,ze=(H?fe[H]:void 0)??{},be=Be(z,ze),Nt={};if(Ve&&je&&R&&W){const a=Mr(R,"loaders"),f=H?W[H]:void 0,T=Ra(f,W,oe=>a.has(oe)),A=ja(T);for(const oe of at(z)){if(oe.type!=="param")continue;const Ae=ka(z,oe.name,T),Pe=Ta(Ae,a,A);Pe.length>0&&(Nt[oe.name]=Pe)}}const dt=t&&r?{orgSlug:ae.slug,virtualMcpId:t,branch:r,threadId:i??null}:null,ln=W&&H?Sr(W,H,0):[],cn=W?Dr(ln,W):[],Tt=cn.map(a=>a.isSavedBlock?a.label:""),Ct=cn.map(a=>a.isSavedBlock?"global":a.isMultivariate?"variant":"normal"),Rt=ln.map(a=>Jt(a,W??{})),dn=x.useRef(null),ke=x.useRef(null),ps=de.status.state==="paused",Lt=de.phase,un=Kr({claimPhase:Lt,lifecycle:de.lifecycle}),$e=ge.previewState,hs=ge.userStopped,gs=Wr(ae.slug,t??"",r??""),{url:Fe}=qr(we&&t&&r?{orgSlug:ae.slug,virtualMcpId:t,branch:r,previewServerUrl:Ee??null,path:be}:null),vs=qe&&o.runtime==="sandbox",M=la({previewState:$e,progressStatus:un.status,previewServerUrl:Ee,fastPreviewActive:we,fastPreviewReady:!!Fe,codingSession:vs,localPreviewUrl:ie}),ut=M.mode!=="none",bs=M.mode==="production"&&M.iframeBase?nt(M.iframeBase):null,Ie=M.mode==="production"?bs:nt(je),xs=c?.id===t&&c.metadata?.fastPreviewInPlace===!0,Ye=ie?M.mode==="sandbox"&&m&&p==="blocks":M.mode==="production"&&we&&xs&&m&&p==="blocks",mn=x.useRef(null),{pin:ys,effective:ws}=ji(mn.current,{inPlaceRenderActive:Ye,draftPreviewUrl:Fe,resolvedPath:be});mn.current=ys;const _e=Si(M.mode==="sandbox"?bt(Cn(he??Wt(be,M.iframeBase)??M.iframeBase,g),l.state.variantOverride??[]):M.mode==="production"?bt(Cn(Ur(he??ws??Wt(be,M.iframeBase)??M.iframeBase,M.showWakingPill?Hr:null),g),l.state.variantOverride??[]):null),fn=Fe??(M.iframeBase?Wt(be,M.iframeBase):null),ks=M.mode==="production"?fn?bt(fn,l.state.variantOverride??[]):null:_e??M.iframeBase,Ps=()=>{const a=ks;a&&window.open(a,"_blank","noopener")},Qe=t&&r?Gn(ae.slug,t,r):null,Xe=a=>{Qe&&Xs(Qe,a)},ue=l.state.target;x.useEffect(()=>{if(!(!ue||!Ce||!R))if(ue.kind==="page"){const a=fe[ue.key]??{};ke.current=Be(ue.path,a),K(null),Y(null),ne(null),le(ue.key),te(ue.path),Xe({path:ue.path,pageKey:ue.key,params:a})}else if(ue.kind==="loader")ke.current=null,K(null),Y(ue.key),ne(null);else{const a=Ge.find(f=>f.key===ue.key);if(a){ke.current=null;const f=Nn(R);Y(null),K(a),ne(Tn(Ce,f,a.key))}}},[ue,Ce,R,fe]),x.useEffect(()=>{!H||ct===null||ue?.kind==="page"&&ue.key===H&&ue.path===ct||l.selectTarget({kind:"page",key:H,path:ct})},[H,ct,ue]);const[pn,Ss]=x.useState(null);if($e.kind==="iframe"&&pn!==$e.previewUrl){const a=pn!==null;Ss($e.previewUrl);const f=Qe?Wn(Qe):null;if(f){if(ke.current=Be(f.path,f.params),te(f.path),le(f.pageKey),ne(null),K(null),Y(null),f.pageKey&&Object.keys(f.params).length>0){const T=f.pageKey;ye(A=>({...A,[T]:f.params}))}}else a&&(ke.current=null,te("/"),ne(null),le(null),K(null),Y(null))}dn.current=_e;const hn=ma({iframeRef:v,src:M.mode==="sandbox"?_e:null,active:M.mode==="sandbox"}),gn=x.useRef(null);x.useEffect(()=>{if(!Fe||!_e||gn.current===Fe)return;gn.current=Fe;const a=v.current;a&&a.getAttribute("src")!==_e&&(ce(),a.src=_e)},[Fe,_e]);const vn=()=>{const a=v.current?.contentWindow,f=Ie;if(!a||!f||!W||!H)return;const T=W[H];if(!T||typeof T!="object")return;const A=Vr({previewBaseUrl:f,pageBlock:T,decofile:W,path:be,pathTemplate:z});if(!A)return;const oe=bt(A.src,zr(l.state.variantOverride??[],H));a.postMessage({type:"cms-editor::render",src:oe,body:A.body},f)},Ot=x.useRef(null);x.useEffect(()=>{if(!Ye||F||Z||!H||!W){Ot.current=null;return}const a={nav:JSON.stringify({page:H,path:be,pathTemplate:z}),content:JSON.stringify(W)},f=Ei(Ot.current,a);Ot.current=a,f&&vn()},[W,Ye,F,Z,H,be,z]);const _t=x.useRef(null);x.useEffect(()=>{if(!Ye||F||Z||!H||!W){_t.current=null;return}const a=JSON.stringify(l.state.variantOverride??null),f=_t.current;_t.current={page:H,sig:a},!(!f||f.page!==H||f.sig===a)&&vn()},[l.state.variantOverride,Ye,F,Z,H]);const js=!!t&&!!r&&!de.notFound&&!hs&&!ps&&(Lt?.kind==="ready"||it!=="idle"),me=wi({editingMode:p,sandboxDisplay:M.mode==="sandbox",blocksEditingEnabled:m});x.useEffect(()=>{const a=Ie;if(!a)return;const f=T=>{if(T.origin===a)if(T.data?.type==="visual-editor::element-clicked"){const A=fa.safeParse(T.data.payload);A.success&&w(A.data)}else if(T.data?.type==="cms-editor::section-clicked"){const A=ga.safeParse(T.data.payload);A.success&&y({index:A.data.sectionIndex,seq:A.data.clickSeq})}else T.data?.type==="cms-editor::render-start"?ce():T.data?.type==="cms-editor::render-end"?(se(),v.current?.contentWindow?.postMessage({type:"cms-editor::set-labels",labels:Tt,kinds:Ct,keys:Rt},a)):T.data?.type==="cms-editor::render-error"&&se()};return window.addEventListener("message",f),()=>window.removeEventListener("message",f)},[Ie,Tt,Ct,Rt]);const bn=()=>{const a=v.current?.contentWindow,f=nt(je);!a||!f||a.postMessage({type:"visual-editor::activate",script:pa},f)},Es=()=>{const a=v.current?.contentWindow,f=nt(je);!a||!f||a.postMessage({type:"visual-editor::deactivate"},f)},At=()=>{const a=v.current?.contentWindow,f=Ie;!a||!f||(a.postMessage(M.mode==="production"||ie?{type:"editor::inject",args:{script:_n}}:{type:"visual-editor::activate",script:_n},f),a.postMessage({type:"cms-editor::set-labels",labels:Tt,kinds:Ct,keys:Rt},f))},Ns=()=>{const a=v.current?.contentWindow,f=Ie;!a||!f||a.postMessage({type:"cms-editor::deactivate"},f)},Ts=()=>{const a=v.current?.contentWindow,f=Ie;!a||!f||(a.postMessage({type:"cms-editor::clear-hover"},f),a.postMessage({type:"visual-editor::clear-hover"},f))},mt=a=>{if(a==="blocks"&&!m)return;const f=p;!n&&a!==f&&(a==="blocks"?k.current?.resize("30%"):k.current?.collapse()),j(a),w(null),y(null),a!=="blocks"&&Y(null),f==="visual"&&Es(),a==="visual"&&bn(),f==="blocks"&&a!=="blocks"&&Ns(),a==="blocks"&&At()},Cs=()=>{mt(bi(p,m))},Rs=()=>{mt(xi(p,m))};Jr(()=>{const a=v.current;if(!a)return;ce();const f=document.activeElement,T=a.tabIndex;a.tabIndex=-1,a.style.pointerEvents="none",a.blur(),Ti(a,dn.current);let A;const oe=()=>{clearTimeout(A),a.tabIndex=T,a.style.pointerEvents="";const Ae=document.activeElement;(!Ae||Ae===document.body||Ae===a)&&f?.focus(),a.removeEventListener("load",oe)};a.addEventListener("load",oe),A=setTimeout(oe,3e3)});const Ls=()=>{const a=qt.indexOf(g);E(qt[(a+1)%qt.length])},Bt=(a,f)=>{if(!H)return;const T=H,A={...ze,[a]:f};ke.current=Be(z,A),ye(oe=>({...oe,[T]:A})),Xe({path:z,pageKey:T,params:A})},Os=ri({iframeBase:M.iframeBase,resolvedPath:be,activeGlobalSectionName:F?.name??null,noServerLabel:e("sandbox.preview.noServerRunning")}),xn=a=>{const f=fe[a.key]??{},T=Be(a.path,f);(F||Ne(T)!==Ne(be))&&ce(),ke.current=T,K(null),Y(null),ne(null),y(null),le(a.key),te(a.path),Xe({path:a.path,pageKey:a.key,params:f}),l.selectTarget({kind:"page",key:a.key,path:a.path})};Qs(Qe,a=>{(F||Ne(a)!==Ne(be))&&ce(),ke.current=a,K(null),Y(null),ne(null),y(null),le(null),te(a),Xe({path:a,pageKey:null,params:{}})});const _s=a=>{if(!Ce||!R){jn.error(e("sandbox.preview.previewMetadataNotReady"));return}ce(),ke.current=null;const f=Nn(R),T=Tn(Ce,f,a.key);K(a),Y(null),ne(T),y(null),l.selectTarget({kind:"section",key:a.key})},As=a=>{m&&(K(null),Y(a.key),ne(null),mt("blocks"),l.selectTarget({kind:"loader",key:a.key}))},Bs=async({name:a,path:f,templateKey:T})=>{if(!t||!r)return;const A=ns(f);if(A){C(A);return}const oe=f.trim().startsWith("/")?f.trim():`/${f.trim()}`;if(G.some(Pe=>Ne(Pe.path)===Ne(oe))){C(e("sandbox.preview.pageAlreadyExists",{path:oe}));return}let Ae;if(T&&(Ae=W?.[T],!Ae)){C(e("sandbox.preview.templateNoLongerExists"));return}C(void 0);try{const Pe=await ot.mutateAsync({name:a,path:oe,template:Ae});q(!1),jn.success(e("sandbox.preview.pageCreated",{name:a})),await na(ki),xn({key:Pe.key,name:Pe.name,path:Pe.path}),mt("blocks")}catch(Pe){C(Pe instanceof Error?Pe.message:e("sandbox.preview.failedToCreatePage"))}},ft=ut&&(js||M.mode==="production"),$s=ai({showPreviewToolbar:ft,contentEditingEnabled:h}),pt=()=>{U(!1),$("")},$t=F?.name??lt?.title??Et?.name,Ft=Le.isPending||Oe.isPending,Mt=Ft?nt(M.iframeBase):$t,ht=F?`section:${F.key}`:Z?`loader:${Z}`:H?`page:${H}`:void 0,Fs=ft?$s?s.jsxs(dr,{open:O,onOpenChange:a=>{U(a),a||$("")},children:[s.jsx(ur,{asChild:!0,children:s.jsx("button",{type:"button","aria-label":e("sandbox.preview.choosePage"),"data-testid":"preview-page-picker",title:Ft?Mt??void 0:F||lt?$t:[$t,z].filter(Boolean).join(" · "),className:"group/page-picker flex h-7 w-fit min-w-[320px] items-stretch overflow-hidden whitespace-nowrap rounded-[var(--studio-button-radius,calc(var(--radius)*1.333))] border border-border/60 bg-background text-left text-xs text-muted-foreground transition-colors hover:border-border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:s.jsxs("span",{className:"flex min-w-0 flex-1 items-center gap-1.5 px-2 transition-colors group-hover/page-picker:bg-accent/50 group-data-[state=open]/page-picker:bg-accent/50",children:[F&&s.jsxs("span",{className:"inline-flex shrink-0 items-center gap-1 rounded bg-global-section/14 px-1.5 py-0.5 text-[11px] font-medium text-global-section-fg dark:text-global-section-fg-dark",children:[s.jsx(nr,{size:11}),e("sandbox.preview.globalBadge")]}),lt&&s.jsxs("span",{className:"inline-flex shrink-0 items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[11px] font-medium text-muted-foreground",children:[s.jsx(sr,{size:11}),e("sandbox.preview.loaderBadge")]}),Mt&&s.jsx("span",{className:"min-w-0 flex-1 truncate font-medium text-foreground",children:Mt}),!Ft&&!F&&!lt&&s.jsx("span",{"data-testid":"preview-page-path",className:"ml-auto min-w-0 truncate text-right font-mono text-muted-foreground",children:z}),s.jsx(Zs,{size:12,className:Dt("shrink-0 transition-transform",O&&"rotate-180")})]})})}),s.jsxs(mr,{className:"w-112 max-w-[calc(100vw-2rem)] p-0",align:"center",sideOffset:8,children:[s.jsxs(Qn,{shouldFilter:!1,defaultValue:ht,children:[s.jsx(Xn,{value:_,onValueChange:a=>{$(a),Q.current?.scrollTo({top:0})},placeholder:e("sandbox.preview.searchPagesAndComponents")}),s.jsxs(Yn,{ref:Q,className:"max-h-80",children:[s.jsx(Zn,{children:G.length===0&&Ge.length===0&&an.length===0?e("sandbox.preview.noPagesFound"):e("sandbox.preview.noSearchResults")}),sn.length>0&&s.jsx(st,{children:sn.map(a=>s.jsxs(rt,{value:`page:${a.key}`,"aria-current":ht===`page:${a.key}`||void 0,title:`${a.name} · ${a.path}`,onSelect:()=>{pt(),xn(a)},className:"gap-3 px-3 py-2.5 aria-[current=true]:bg-accent aria-[current=true]:text-accent-foreground",children:[s.jsx("span",{className:"min-w-0 flex-1 truncate text-sm",children:a.name}),s.jsx("span",{className:"min-w-0 max-w-1/2 truncate text-right font-mono text-xs text-muted-foreground",children:a.path})]},a.key))}),rn.length>0&&s.jsx(st,{heading:e("sandbox.preview.globalComponents"),children:rn.map(a=>s.jsx(rt,{value:`section:${a.key}`,"aria-current":ht===`section:${a.key}`||void 0,className:"aria-[current=true]:bg-accent aria-[current=true]:text-accent-foreground",onSelect:()=>{pt(),_s(a)},children:s.jsx("span",{className:"truncate",children:a.name})},a.key))}),on.length>0&&s.jsx(st,{heading:e("sandbox.preview.globalLoaders"),children:on.map(a=>s.jsx(rt,{value:`loader:${a.key}`,"aria-current":ht===`loader:${a.key}`||void 0,className:"aria-[current=true]:bg-accent aria-[current=true]:text-accent-foreground",onSelect:()=>{pt(),As(a)},children:s.jsx("span",{className:"truncate",children:a.title})},a.key))})]})]}),!F&&!Z&&at(z).some(a=>a.type!=="text")&&s.jsx("div",{className:"flex flex-wrap items-center gap-1 border-t px-3 py-3 text-xs text-muted-foreground",children:at(z).map((a,f)=>{if(a.type==="text")return s.jsx("span",{children:a.text},`text-${f}`);const T=Nt[a.name];return T&&dt?s.jsx(Va,{sources:T,template:z,paramName:a.name,value:ze[a.name]??"",sandboxRef:dt,onCommit:A=>Bt(a.name,A)},`${H}:${a.name}`):s.jsx(ni,{name:a.name,value:ze[a.name]??"",onCommit:A=>Bt(a.name,A)},`${H}:${a.name}`)})}),s.jsx("div",{className:"border-t p-1.5",children:s.jsxs(De,{variant:"ghost",className:"w-full justify-start",onClick:()=>{pt(),C(void 0),q(!0)},children:[s.jsx(cr,{size:16}),e("sandbox.preview.createNewPage")]})})]})]}):s.jsx("span",{className:"min-w-0 truncate text-xs text-muted-foreground",children:Os}):null,yn=ft||h?s.jsxs("div",{className:"flex min-w-0 items-center gap-1",children:[s.jsxs(Kt,{children:[s.jsx(zt,{asChild:!0,children:s.jsx(Ze,{onClick:Ls,"aria-label":e(zn[g]),children:g==="mobile"?s.jsx(rr,{size:16}):g==="tablet"?s.jsx(ar,{size:16}):s.jsx(ir,{size:16})})}),s.jsx(It,{children:e(zn[g])})]}),Fs,s.jsx("div",{className:"flex shrink-0 items-center gap-1",children:s.jsx(Ze,{onClick:Ps,"aria-label":e("sandbox.preview.openInNewTab"),children:s.jsx(qn,{size:16})})})]}):null,Ms=M.mode==="sandbox",gt=Pi[g],vt=g==="desktop"&&(B.width===0||B.width>=gt.width+2*Kn),wn=vt?1:Math.min(B.width>0?B.width/(gt.width+2*Kn):1,1),Ds=vt?{width:"100%",height:"100%"}:{width:`${gt.width}px`,height:B.height>0?`${B.height/wn}px`:`${gt.height}px`,transform:`scale(${wn})`,transformOrigin:"top center"},kn=s.jsxs(s.Fragment,{children:[Ms&&(ft||h)&&s.jsx(Ze,{onClick:Cs,"aria-pressed":me==="visual","aria-label":e("sandbox.preview.visualEditor"),active:me==="visual",children:s.jsx(En,{size:16})}),m&&s.jsxs(Kt,{children:[s.jsx(zt,{asChild:!0,children:s.jsx(Ze,{onClick:Rs,"aria-pressed":me==="blocks","aria-label":e("sandbox.preview.blocksEditor"),active:me==="blocks",children:s.jsx(lr,{size:16})})}),s.jsx(It,{children:e("sandbox.preview.blocksEditor")})]}),Ke&&s.jsxs(Kt,{children:[s.jsx(zt,{asChild:!0,children:s.jsx(Ze,{onClick:I,"aria-pressed":P,"aria-label":e("sectionsEditor.sectionsEditor.viewJson"),active:P,children:s.jsx(or,{size:16})})}),s.jsx(It,{children:e("sectionsEditor.sectionsEditor.viewJson")})]})]}),Ks=!!Z&&me==="blocks";return s.jsxs("div",{className:"flex flex-col w-full h-full",children:[dt&&Object.entries(Nt).map(([a,f])=>(ze[a]??"")===""?s.jsx(ei,{sources:f,template:z,paramName:a,sandboxRef:dt,onFill:T=>Bt(a,T)},`${H}:${a}`):null),s.jsxs(s.Fragment,{children:[s.jsx(Sn.Toolbar.Center.Portal,{fallback:s.jsx("div",{className:"flex min-w-0 items-center justify-center border-b p-2",children:yn}),children:yn}),s.jsx(Sn.Toolbar.Right.Portal,{fallback:kn,children:kn})]}),s.jsx("div",{className:"flex-1 overflow-hidden relative",children:Ks?s.jsxs("div",{className:"relative h-full min-h-0 overflow-hidden",children:[s.jsx(Mn,{virtualMcpId:t,externalSelection:N,onViewJsonFile:I}),P&&Ke&&s.jsx("div",{className:"absolute inset-0 z-10",children:s.jsx(Dn,{ref:S,virtualMcpId:t,pageKey:Ke,onClose:V})})]}):s.jsxs(Rn,{orientation:"horizontal",disabled:me!=="blocks",className:"relative isolate",children:[s.jsx(xt,{ref:k,id:"preview-blocks-editor",defaultSize:me==="blocks"?"30%":"0%",minSize:"20%",collapsible:!0,collapsedSize:"0%",className:"min-w-0 overflow-hidden",children:me==="blocks"&&s.jsx(Mn,{virtualMcpId:t,externalSelection:N,onViewJsonFile:I})}),me==="blocks"&&s.jsx(Ln,{withHandle:!0}),s.jsx(xt,{id:"preview-canvas",defaultSize:me==="blocks"?"70%":"100%",minSize:"35%",className:"min-w-0 overflow-hidden relative z-0",children:s.jsxs(Rn,{orientation:"horizontal",disabled:!(P&&Ke),children:[s.jsx(xt,{id:"preview-canvas-inner",minSize:"30%",className:"min-w-0 overflow-hidden",children:s.jsxs("div",{ref:a=>{if(!a)return;const f=()=>L(A=>A.width===a.clientWidth&&A.height===a.clientHeight?A:{width:a.clientWidth,height:a.clientHeight});f();const T=new ResizeObserver(f);return T.observe(a),()=>T.disconnect()},className:Dt("h-full relative overflow-clip flex justify-center",ut&&!vt&&"bg-muted/30"),children:[(ve||gs)&&ut&&s.jsx("div",{className:"absolute inset-x-0 top-0 z-40 h-1 overflow-hidden",children:s.jsx("div",{className:"absolute inset-y-0 left-0 rounded-r-full bg-brand shadow-[0_0_6px] shadow-brand/60 animate-preview-ramp"})}),M.showBlockingOverlay&&s.jsx("div",{className:"absolute inset-0 z-30",children:s.jsx(Ht,{kind:"starting",progress:un,claimPhase:Lt})}),!ie&&$e.kind==="suspended"&&s.jsx("div",{className:"absolute inset-0 z-30",children:s.jsx(Ht,{kind:"suspended",onResume:ge.resume})}),!ie&&$e.kind==="errored"&&s.jsx("div",{className:"absolute inset-0 z-30",children:s.jsx(Ht,{kind:"errored",error:$e.error,onRetry:ge.retry,connectionsHref:`/${ae.slug}/settings/connections`})}),M.showWakingPill&&s.jsxs("div",{className:"absolute top-4 left-1/2 z-20 flex max-w-md -translate-x-1/2 items-start gap-3 rounded-xl border border-border bg-muted px-4 py-3 shadow-lg pointer-events-none select-none",children:[s.jsx(Pt,{className:"size-4.5 mt-0.5 shrink-0 text-muted-foreground"}),s.jsxs("div",{className:"flex flex-col gap-0.5",children:[s.jsx("span",{className:"text-sm font-medium text-foreground",children:e("sandbox.preview.startingPreview")}),s.jsx("span",{className:"text-xs text-muted-foreground",children:e("sandbox.preview.startingPreviewHint")})]})]}),me==="visual"&&!b&&s.jsxs("div",{className:"absolute top-2 left-1/2 -translate-x-1/2 z-20 flex items-center gap-1.5 rounded-full border border-violet-400/40 bg-violet-500/90 px-3 py-1 text-xs font-medium text-white shadow-md backdrop-blur-sm pointer-events-none select-none",children:[s.jsx(En,{size:12}),e("sandbox.preview.clickElementToAsk")]}),me==="visual"&&b&&s.jsx(xa,{element:b,onDismiss:()=>w(null)}),ut&&_e&&s.jsx("div",{className:Dt("shrink-0",!vt&&"border-x border-border bg-background shadow-sm"),style:Ds,onMouseLeave:Ts,children:s.jsx("iframe",{ref:v,src:_e,className:"w-full h-full border-0",title:e("sandbox.preview.devServerPreviewTitle"),onError:hn.handleError,onLoad:()=>{if(hn.handleLoad(),se(),M.mode!=="sandbox"||ie){(M.mode==="production"&&!M.showWakingPill||ie)&&me==="blocks"&&At();return}if(Ws("vm_preview_loaded",{view_mode:me,vm_id:jt?.sandboxHandle??null}),!F)try{const a=v.current?.contentWindow?.location?.pathname;if(!a)return;const f=ke.current;if(f!==null&&(ke.current=null,Ne(a)!==Ne(f))||Ne(a)===Ne(be))return;te(a),Xe({path:a,pageKey:xe,params:ze})}catch{}me==="visual"&&bn(),me==="blocks"&&At()}},M.iframeBase)})]})}),P&&Ke&&s.jsxs(s.Fragment,{children:[s.jsx(Ln,{withHandle:!0}),s.jsx(xt,{id:"preview-json-editor",defaultSize:"43%",minSize:"20%",className:"min-w-0 overflow-hidden",children:s.jsx(Dn,{ref:S,virtualMcpId:t,pageKey:Ke,onClose:V})})]})]})})]})}),s.jsx(oi,{open:J,onOpenChange:q,isPending:ot.isPending,error:X,templates:G,onSubmit:Bs})]})}function Ri(t){const e=pe.c(22),{virtualMcpId:n}=t,r=Te(),i=pr(n),{activeTask:u,taskId:l,currentBranch:c}=St(),o=aa(l),[d,h]=x.useState(!1);if(ra({threadId:l,sandboxBranch:u?.branch??c,agentHasRepo:Vt(i?.metadata),threadHasRepo:Vt(o)||Vt(u?.metadata)})==="none"){let j;e[0]===Symbol.for("react.memo_cache_sentinel")?(j=s.jsx("div",{className:"flex size-14 items-center justify-center rounded-full bg-muted",children:s.jsx(On,{className:"size-7 text-foreground"})}),e[0]=j):j=e[0];let g;e[1]!==r?(g=r("mainPanelTabs.previewTab.noSourceToPreview"),e[1]=r,e[2]=g):g=e[2];let E;e[3]!==r?(E=r("mainPanelTabs.previewTab.connectGithubDescription"),e[3]=r,e[4]=E):E=e[4];let b,w;e[5]===Symbol.for("react.memo_cache_sentinel")?(b=()=>h(!0),w=s.jsx(On,{className:"size-4"}),e[5]=b,e[6]=w):(b=e[5],w=e[6]);let N;e[7]!==r?(N=r("mainPanelTabs.previewTab.connectGithub"),e[7]=r,e[8]=N):N=e[8];let y;e[9]!==N?(y=s.jsxs(De,{onClick:b,children:[w,N]}),e[9]=N,e[10]=y):y=e[10];let v;e[11]!==g||e[12]!==E||e[13]!==y?(v=s.jsx(tn,{className:"h-full",image:j,title:g,description:E,actions:y}),e[11]=g,e[12]=E,e[13]=y,e[14]=v):v=e[14];let k;e[15]!==d?(k=s.jsx(sa,{open:d,onOpenChange:h,mode:"agent"}),e[15]=d,e[16]=k):k=e[16];let P;return e[17]!==v||e[18]!==k?(P=s.jsxs(s.Fragment,{children:[v,k]}),e[17]=v,e[18]=k,e[19]=P):P=e[19],P}let p;return e[20]!==n?(p=s.jsx(Ci,{virtualMcpId:n}),e[20]=n,e[21]=p):p=e[21],p}function Uc(){const t=pe.c(2),e=ia();let n;return t[0]!==e?(n=s.jsx(Gs,{tabId:"site-editor",children:s.jsx(Js,{feature:"cms",children:s.jsx(Ri,{virtualMcpId:e})})}),t[0]=e,t[1]=n):n=t[1],n}export{Uc as default};