studiograph 1.3.48-next.21 → 1.3.48-next.211

package/dist/web/_app/immutable/chunks/BuhW5Fr0.js

@@ -0,0 +1,689 @@
+import{B as e,Bt as t,F as n,L as r,N as i,Nt as a,Pt as o,Vt as s,X as c,Y as l,_t as u,a as d,at as f,ft as p,g as m,it as h,o as g,ot as _,u as v,vt as y}from"./xY0c-UfG.js";import{t as b}from"./kNaey6uv.js";import"./xihTtKlq.js";import"./9K8VREGP.js";var x=e(`<title> </title>`),S=e(`<svg><!><path d="M18,28A12,12,0,1,0,6,16v6.2L2.4,18.6,1,20l6,6,6-6-1.4-1.4L8,22.2V16H8A10,10,0,1,1,18,26Z"></path></svg>`);function C(e,b){let C=d(b,[`children`,`$$slots`,`$$events`,`$$legacy`]),w=d(C,[`size`,`title`]);o(b,!1);let T=u(),E=u(),D=g(b,`size`,8,16),O=g(b,`title`,8,void 0);h(()=>(l(C),l(O())),()=>{y(T,C[`aria-label`]||C[`aria-labelledby`]||O())}),h(()=>(c(T),l(C)),()=>{y(E,{"aria-hidden":c(T)?void 0:!0,role:c(T)?`img`:void 0,focusable:Number(C.tabindex)===0?!0:void 0})}),f(),v();var k=S();m(k,()=>({xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`,fill:`currentColor`,preserveAspectRatio:`xMidYMid meet`,width:D(),height:D(),...c(E),...w}));var A=p(k),j=e=>{var t=x(),i=p(t,!0);s(t),_(()=>n(i,O())),r(e,t)};i(A,e=>{O()&&e(j)}),t(),s(k),r(e,k),a()}var w=e(`<title> </title>`),T=e(`<svg><!><path d="M18 12 14 12 14 8 12 8 12 12 8 12 8 14 12 14 12 18 14 18 14 14 18 14 18 12z"></path><path d="M21.4479,20A10.856,10.856,0,0,0,24,13,11,11,0,1,0,13,24a10.856,10.856,0,0,0,7-2.5521L27.5859,29,29,27.5859ZM13,22a9,9,0,1,1,9-9A9.01,9.01,0,0,1,13,22Z"></path></svg>`);function E(e,b){let x=d(b,[`children`,`$$slots`,`$$events`,`$$legacy`]),S=d(x,[`size`,`title`]);o(b,!1);let C=u(),E=u(),D=g(b,`size`,8,16),O=g(b,`title`,8,void 0);h(()=>(l(x),l(O())),()=>{y(C,x[`aria-label`]||x[`aria-labelledby`]||O())}),h(()=>(c(C),l(x)),()=>{y(E,{"aria-hidden":c(C)?void 0:!0,role:c(C)?`img`:void 0,focusable:Number(x.tabindex)===0?!0:void 0})}),f(),v();var k=T();m(k,()=>({xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`,fill:`currentColor`,preserveAspectRatio:`xMidYMid meet`,width:D(),height:D(),...c(E),...S}));var A=p(k),j=e=>{var t=w(),i=p(t,!0);s(t),_(()=>n(i,O())),r(e,t)};i(A,e=>{O()&&e(j)}),t(2),s(k),r(e,k),a()}var D=e(`<title> </title>`),O=e(`<svg><!><path d="M8 12H18V14H8z"></path><path d="M21.4479,20A10.856,10.856,0,0,0,24,13,11,11,0,1,0,13,24a10.856,10.856,0,0,0,7-2.5521L27.5859,29,29,27.5859ZM13,22a9,9,0,1,1,9-9A9.01,9.01,0,0,1,13,22Z"></path></svg>`);function k(e,b){let x=d(b,[`children`,`$$slots`,`$$events`,`$$legacy`]),S=d(x,[`size`,`title`]);o(b,!1);let C=u(),w=u(),T=g(b,`size`,8,16),E=g(b,`title`,8,void 0);h(()=>(l(x),l(E())),()=>{y(C,x[`aria-label`]||x[`aria-labelledby`]||E())}),h(()=>(c(C),l(x)),()=>{y(w,{"aria-hidden":c(C)?void 0:!0,role:c(C)?`img`:void 0,focusable:Number(x.tabindex)===0?!0:void 0})}),f(),v();var k=O();m(k,()=>({xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 32 32`,fill:`currentColor`,preserveAspectRatio:`xMidYMid meet`,width:T(),height:T(),...c(w),...S}));var A=p(k),j=e=>{var t=D(),i=p(t,!0);s(t),_(()=>n(i,E())),r(e,t)};i(A,e=>{E()&&e(j)}),t(2),s(k),r(e,k),a()}function A(e){return e.replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`)}function j(e){return A(e).replace(/'/g,`&#39;`)}function M(e){return e.replace(/<\/script/gi,`<\\/script`)}function ee(e){return e.replace(/<\/style/gi,`<\\/style`)}function N(e){let t=new TextEncoder().encode(e),n=``,r=32768;for(let e=0;e<t.length;e+=r)n+=String.fromCharCode(...t.slice(e,e+r));return btoa(n)}var P=/(https?:\/\/[^\s"'()<>\/]+)?\/api\/assets\/([A-Za-z0-9._%-]+)\/([A-Za-z0-9._%-]+)(?![A-Za-z0-9._%/-])(\?[^\s"'()<>]*)?/g;function F(e,t){let n=encodeURIComponent(t);return e.replace(P,(e,t,r,i,a)=>{let o=`${t??``}/api/assets/${r}/${i}`,s=a?a.slice(1).split(`&`).filter(e=>e&&!/^at=/i.test(e)):[];return s.push(`at=${n}`),`${o}?${s.join(`&`)}`})}var te={d3:()=>b(()=>import(`./CcWaWbrI2.js`),[],import.meta.url),motion:()=>b(()=>import(`./B9KfEsQw2.js`),[],import.meta.url),three:()=>b(()=>import(`./C1B4xDs0.js`),[],import.meta.url)},ne=()=>b(()=>import(`./rjjyuGhb.js`),[],import.meta.url),I={};async function re(e){let t={};for(let n of e.libraries??[])I[n]??=(await te[n]()).default,t[n]=I[n],n===`three`&&(I.threeCore??=(await ne()).default,t.threeCore=I.threeCore);return t}function ie(e){if(!e)return null;try{let t=new URL(e);return t.protocol!==`http:`&&t.protocol!==`https:`||!t.pathname.startsWith(`/api/assets/`)?null:(t.search=``,t.hash=``,t.toString())}catch{return null}}function L(e){let t=ie(e),n=e=>`${e}${t?` ${t}`:``}`;return[`default-src 'none'`,`base-uri 'none'`,`connect-src 'none'`,n(`font-src data: blob:`),`form-action 'none'`,`frame-src 'none'`,n(`img-src data: blob:`),n(`media-src data: blob:`),`object-src 'none'`,`script-src 'unsafe-inline' blob:`,`style-src 'unsafe-inline'`].join(`; `)}function R(e){return e.replace(/<link\b(?=[^>]*\brel\s*=\s*(?:"[^"]*\bstylesheet\b[^"]*"|'[^']*\bstylesheet\b[^']*'|[^\s>]*stylesheet[^\s>]*))[^>]*>/gi,``).replace(/<script\b(?=[^>]*\bsrc\s*=)[^>]*>[\s\S]*?<\/script\s*>/gi,``)}function z(e){let t=e.match(/\btype\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s>]+))/i);return(t?.[1]??t?.[2]??t?.[3]??null)?.trim().toLowerCase()??null}function B(e){let t=z(e);return!t||t===`text/javascript`||t===`application/javascript`||t===`text/ecmascript`||t===`application/ecmascript`?`classic`:t===`module`?`module`:null}function V(e){return e.toLowerCase().endsWith(`.mjs`)?`module`:`classic`}function H(e){let t=[];return{html:e.replace(/<script\b((?:(?!\bsrc\s*=)[^>])*)>([\s\S]*?)<\/script\s*>/gi,(e,n,r)=>{let i=B(n);return i?(r.trim()&&t.push({path:`inline-${t.length+1}.${i===`module`?`mjs`:`js`}`,js:r,kind:i}),``):e}),scripts:t}}function U(e,t,n,r){return/<html[\s>]/i.test(e)?e.replace(/<html\b([^>]*)>/i,(e,i)=>{let a=i;return/\bdata-artifact-context\s*=/i.test(a)||(a=` data-artifact-context="${t}"${a}`),/\bdata-artifact-tool\s*=/i.test(a)||(a=` data-artifact-tool="${n}"${a}`),r&&!/\bdata-artifact-stepper\s*=/i.test(a)&&(a=` data-artifact-stepper="true"${a}`),`<html${a}>`}):e}function W(e){return e.display?.controls?.stepper??null}function G(e,t,n,r){return`
+(() => {
+  const artifactId = ${JSON.stringify(e)};
+  const artifactContext = ${JSON.stringify(t)};
+  let artifactTool = ${JSON.stringify(n)};
+  const stepperControl = ${JSON.stringify(r)};
+  window.__STUDIOGRAPH_ARTIFACT_CONTEXT__ = artifactContext;
+  window.__STUDIOGRAPH_ARTIFACT_TOOL__ = artifactTool;
+  document.documentElement.dataset.artifactContext = artifactContext;
+  document.documentElement.dataset.artifactTool = artifactTool;
+  if (stepperControl) document.documentElement.dataset.artifactStepper = 'true';
+  let panPointerId = null;
+  const selectedElements = new Map();
+  const send = (payload) => {
+    try { parent.postMessage({ channel: 'studiograph-artifact', artifactId, ...payload }, '*'); } catch {}
+  };
+  let pendingPanMove = null;
+  let pendingPanMoveFrame = null;
+  let pendingPanDelta = null;
+  let pendingPanDeltaFrame = null;
+  let pendingZoomDelta = null;
+  let pendingZoomDeltaFrame = null;
+  const flushPanMove = () => {
+    if (pendingPanMoveFrame !== null) {
+      cancelAnimationFrame(pendingPanMoveFrame);
+      pendingPanMoveFrame = null;
+    }
+    if (!pendingPanMove) return;
+    send(pendingPanMove);
+    pendingPanMove = null;
+  };
+  const queuePanMove = (payload) => {
+    pendingPanMove = payload;
+    if (pendingPanMoveFrame !== null) return;
+    pendingPanMoveFrame = requestAnimationFrame(() => {
+      pendingPanMoveFrame = null;
+      if (!pendingPanMove) return;
+      send(pendingPanMove);
+      pendingPanMove = null;
+    });
+  };
+  const queuePanDelta = (dx, dy) => {
+    pendingPanDelta = pendingPanDelta
+      ? { dx: pendingPanDelta.dx + dx, dy: pendingPanDelta.dy + dy }
+      : { dx, dy };
+    if (pendingPanDeltaFrame !== null) return;
+    pendingPanDeltaFrame = requestAnimationFrame(() => {
+      pendingPanDeltaFrame = null;
+      if (!pendingPanDelta) return;
+      const delta = pendingPanDelta;
+      pendingPanDelta = null;
+      send({ type: 'pan-delta', dx: delta.dx, dy: delta.dy });
+    });
+  };
+  const queueZoomDelta = (delta, x, y) => {
+    pendingZoomDelta = pendingZoomDelta
+      ? { delta: pendingZoomDelta.delta + delta, x, y }
+      : { delta, x, y };
+    if (pendingZoomDeltaFrame !== null) return;
+    pendingZoomDeltaFrame = requestAnimationFrame(() => {
+      pendingZoomDeltaFrame = null;
+      if (!pendingZoomDelta) return;
+      const zoomDelta = pendingZoomDelta;
+      pendingZoomDelta = null;
+      send({ type: 'zoom-delta', delta: zoomDelta.delta, x: zoomDelta.x, y: zoomDelta.y });
+    });
+  };
+  const setArtifactTool = (nextTool) => {
+    if (nextTool !== 'pointer' && nextTool !== 'hand') return;
+    artifactTool = nextTool;
+    window.__STUDIOGRAPH_ARTIFACT_TOOL__ = artifactTool;
+    document.documentElement.dataset.artifactTool = artifactTool;
+    if (artifactTool !== 'hand') {
+      panPointerId = null;
+      flushPanMove();
+      document.documentElement.classList.remove('studiograph-artifact-panning');
+    }
+  };
+  window.addEventListener('error', (event) => {
+    send({ status: 'error', message: String(event.message || 'Artifact error') });
+  });
+  window.addEventListener('unhandledrejection', (event) => {
+    send({ status: 'error', message: String(event.reason?.message || event.reason || 'Artifact promise rejection') });
+  });
+  window.addEventListener('load', () => {
+    send({ status: 'ready', height: Math.max(document.documentElement.scrollHeight, document.body?.scrollHeight || 0) });
+    initializeStepper();
+  });
+  const stepperEnabled = artifactContext === 'fullscreen' && !!stepperControl;
+  const stepperSelector = typeof stepperControl?.selector === 'string' && stepperControl.selector.trim() ? stepperControl.selector.trim() : '[data-artifact-frame]';
+  const stepperLabel = typeof stepperControl?.label === 'string' && stepperControl.label.trim() ? stepperControl.label.trim().slice(0, 40) : 'Frame';
+  let activeFrameIndex = 0;
+  let lastActivityAt = 0;
+  const frames = () => {
+    if (!stepperEnabled) return [];
+    try { return Array.from(document.querySelectorAll(stepperSelector)).filter((node) => node instanceof HTMLElement); }
+    catch { return []; }
+  };
+  const sendFrameState = () => {
+    const allFrames = frames();
+    if (!stepperEnabled || allFrames.length === 0) return;
+    send({ type: 'frame-state', index: activeFrameIndex, count: allFrames.length, label: stepperLabel });
+  };
+  const setActiveFrame = (index) => {
+    const allFrames = frames();
+    if (!stepperEnabled || allFrames.length === 0) return;
+    activeFrameIndex = Math.max(0, Math.min(allFrames.length - 1, Number.isFinite(index) ? Math.round(index) : 0));
+    allFrames.forEach((frame, frameIndex) => {
+      const active = frameIndex === activeFrameIndex;
+      frame.classList.toggle('active', active);
+      frame.toggleAttribute('data-studiograph-active-frame', active);
+      frame.setAttribute('aria-hidden', active ? 'false' : 'true');
+    });
+    try { history.replaceState(null, '', '#' + String(activeFrameIndex + 1)); } catch {}
+    sendFrameState();
+  };
+  const initializeStepper = () => {
+    if (!stepperEnabled) return;
+    const allFrames = frames();
+    if (allFrames.length === 0) return;
+    const activeIndex = allFrames.findIndex((frame) => frame.classList.contains('active') || frame.hasAttribute('data-studiograph-active-frame'));
+    const hashIndex = /^#\\d+$/.test(location.hash) ? Number(location.hash.slice(1)) - 1 : -1;
+    setActiveFrame(hashIndex >= 0 ? hashIndex : activeIndex >= 0 ? activeIndex : 0);
+  };
+  const stepFrame = (direction) => {
+    const allFrames = frames();
+    if (allFrames.length === 0) return;
+    setActiveFrame((activeFrameIndex + direction + allFrames.length) % allFrames.length);
+  };
+  const sendActivity = () => {
+    if (!stepperEnabled) return;
+    const now = Date.now();
+    if (now - lastActivityAt < 150) return;
+    lastActivityAt = now;
+    send({ type: 'activity' });
+  };
+  window.addEventListener('message', (event) => {
+    const data = event.data;
+    if (!data || typeof data !== 'object') return;
+    if (data.channel !== 'studiograph-artifact-host' || data.artifactId !== artifactId) return;
+    if (data.type === 'set-tool') setArtifactTool(data.tool);
+    if (data.type === 'clear-selection') clearSelection();
+    if (data.type === 'set-frame') setActiveFrame(Number(data.index));
+    if (data.type === 'reset-frames') setActiveFrame(0);
+    if (data.type === 'request-frame-state') sendFrameState();
+  });
+  window.addEventListener('keydown', (event) => {
+    if (!stepperEnabled) return;
+    sendActivity();
+    if (event.altKey || event.ctrlKey || event.metaKey) return;
+    const key = event.key;
+    if (key === 'ArrowRight' || key === 'PageDown' || key === ' ') {
+      stepFrame(1);
+      event.preventDefault();
+      return;
+    }
+    if (key === 'ArrowLeft' || key === 'PageUp' || key === 'Backspace') {
+      stepFrame(-1);
+      event.preventDefault();
+      return;
+    }
+    if (key === 'Home') {
+      setActiveFrame(0);
+      event.preventDefault();
+      return;
+    }
+    if (key === 'End') {
+      setActiveFrame(frames().length - 1);
+      event.preventDefault();
+      return;
+    }
+    if (/^[1-9]$/.test(key)) {
+      setActiveFrame(Number(key) - 1);
+      event.preventDefault();
+    }
+  });
+  window.addEventListener('pointermove', sendActivity, { passive: true });
+  const interactiveSelector = 'a,button,input,textarea,select,summary,[contenteditable="true"],[role="button"],[data-artifact-no-pan]';
+  const canPanFrom = (target) => {
+    if (artifactContext !== 'editor' || artifactTool !== 'hand') return false;
+    if (!(target instanceof Element)) return false;
+    if (target.closest('[data-artifact-no-pan-zone]')) return false;
+    return true;
+  };
+  const canWheelPanFrom = (target) => {
+    if (artifactContext !== 'editor') return false;
+    if (!(target instanceof Element)) return false;
+    if (target.closest('[data-artifact-no-pan-zone]')) return false;
+    return true;
+  };
+  const sendPan = (phase, event) => {
+    if (phase === 'start') document.documentElement.classList.add('studiograph-artifact-panning');
+    if (phase === 'end' || phase === 'cancel') document.documentElement.classList.remove('studiograph-artifact-panning');
+    const payload = {
+      type: 'pan',
+      phase,
+      pointerId: String(event.pointerId),
+      x: event.screenX,
+      y: event.screenY
+    };
+    if (phase === 'move') {
+      queuePanMove(payload);
+      return;
+    }
+    if (phase === 'end' || phase === 'cancel') flushPanMove();
+    send(payload);
+  };
+  const normalizeWheelDelta = (event) => {
+    const unit = event.deltaMode === WheelEvent.DOM_DELTA_LINE ? 16 : event.deltaMode === WheelEvent.DOM_DELTA_PAGE ? window.innerHeight : 1;
+    return { dx: event.deltaX * unit, dy: event.deltaY * unit };
+  };
+  const hasScrollableOverflow = (value) => /auto|scroll|overlay/i.test(String(value || ''));
+  const canScrollElement = (element, delta) => {
+    if (!(element instanceof HTMLElement)) return false;
+    const style = window.getComputedStyle(element);
+    const wantsX = Math.abs(delta.dx) > 0.01;
+    const wantsY = Math.abs(delta.dy) > 0.01;
+    if (wantsY && hasScrollableOverflow(style.overflowY) && element.scrollHeight > element.clientHeight + 1) {
+      if (delta.dy < 0 && element.scrollTop > 0) return true;
+      if (delta.dy > 0 && element.scrollTop + element.clientHeight < element.scrollHeight - 1) return true;
+    }
+    if (wantsX && hasScrollableOverflow(style.overflowX) && element.scrollWidth > element.clientWidth + 1) {
+      if (delta.dx < 0 && element.scrollLeft > 0) return true;
+      if (delta.dx > 0 && element.scrollLeft + element.clientWidth < element.scrollWidth - 1) return true;
+    }
+    return false;
+  };
+  const ROOT_SCROLL_SLOP = 2;
+  const rootScrollAllowed = (element, axis) => {
+    const style = window.getComputedStyle(element);
+    const overflow = axis === 'y' ? style.overflowY : style.overflowX;
+    return !/hidden|clip/i.test(String(overflow || ''));
+  };
+  const canScrollRoot = (delta) => {
+    const wantsX = Math.abs(delta.dx) > 0.01;
+    const wantsY = Math.abs(delta.dy) > 0.01;
+    const roots = [];
+    for (const candidate of [document.scrollingElement, document.documentElement, document.body]) {
+      if (candidate instanceof HTMLElement && !roots.includes(candidate)) roots.push(candidate);
+    }
+    for (const element of roots) {
+      if (wantsY && rootScrollAllowed(element, 'y') && element.scrollHeight > element.clientHeight + ROOT_SCROLL_SLOP) {
+        if (delta.dy < 0 && element.scrollTop > 0) return element;
+        if (delta.dy > 0 && element.scrollTop + element.clientHeight < element.scrollHeight - 1) return element;
+      }
+      if (wantsX && rootScrollAllowed(element, 'x') && element.scrollWidth > element.clientWidth + ROOT_SCROLL_SLOP) {
+        if (delta.dx < 0 && element.scrollLeft > 0) return element;
+        if (delta.dx > 0 && element.scrollLeft + element.clientWidth < element.scrollWidth - 1) return element;
+      }
+    }
+    return null;
+  };
+  const rootScrollableInDirection = (delta) => {
+    const wantsX = Math.abs(delta.dx) > 0.01;
+    const wantsY = Math.abs(delta.dy) > 0.01;
+    for (const element of [document.scrollingElement, document.documentElement, document.body]) {
+      if (!(element instanceof HTMLElement)) continue;
+      if (wantsY && rootScrollAllowed(element, 'y') && element.scrollHeight > element.clientHeight + ROOT_SCROLL_SLOP) return true;
+      if (wantsX && rootScrollAllowed(element, 'x') && element.scrollWidth > element.clientWidth + ROOT_SCROLL_SLOP) return true;
+    }
+    return false;
+  };
+  const scrollableAncestorForWheel = (target, delta) => {
+    let node = target instanceof Element ? target : null;
+    while (node && node !== document.body && node !== document.documentElement) {
+      if (canScrollElement(node, delta)) return node;
+      node = node.parentElement;
+    }
+    return canScrollRoot(delta);
+  };
+  const safeText = (value, limit = 160) => String(value || '').replace(/\\s+/g, ' ').trim().slice(0, limit);
+  const artifactFrameSelector = '[data-artifact-frame],[data-artifact-page],[data-artifact-slide],.page';
+  const artifactScaffoldSelector = '[data-artifact-layout],[data-artifact-pan-surface],[data-artifact-scaffold],[data-artifact-container]';
+  const artifactNoSelectSelector = '[data-artifact-no-select]';
+  const rootRenderableSelector = artifactFrameSelector + ',svg,canvas,img,video,[data-artifact-selectable]';
+  const selectableCandidateSelector = artifactFrameSelector + ',h1,h2,h3,h4,h5,h6,p,li,td,th,blockquote,figure,figcaption,label,section,article,main,svg,path,g,rect,circle,text,a,button,[role="button"],div,span';
+  const cssEscape = (value) => {
+    if (window.CSS?.escape) return window.CSS.escape(value);
+    return String(value).replace(/[^a-zA-Z0-9_-]/g, '\\\\$&');
+  };
+  const selectorFor = (element) => {
+    if (!(element instanceof Element)) return '';
+    if (element.id) return '#' + cssEscape(element.id);
+    const parts = [];
+    let node = element;
+    while (node && node.nodeType === 1 && parts.length < 5) {
+      let part = node.tagName.toLowerCase();
+      const artifactIdAttr = node.getAttribute('data-artifact-id') || node.getAttribute('data-id');
+      if (artifactIdAttr) {
+        part += '[data-artifact-id="' + artifactIdAttr.replace(/"/g, '\\\\"') + '"]';
+        parts.unshift(part);
+        break;
+      }
+      const classes = Array.from(node.classList || []).slice(0, 2);
+      if (classes.length) part += '.' + classes.map(cssEscape).join('.');
+      const parent = node.parentElement;
+      if (parent) {
+        const siblings = Array.from(parent.children).filter((child) => child.tagName === node.tagName);
+        if (siblings.length > 1) part += ':nth-of-type(' + (siblings.indexOf(node) + 1) + ')';
+      }
+      parts.unshift(part);
+      node = parent;
+      if (node === document.body || node === document.documentElement) break;
+    }
+    return parts.join(' > ');
+  };
+  const selectionKeyFor = (target) => [target.frameId || '', target.selector || '', target.text || ''].join('::');
+  const frameFor = (element) => element.closest?.(artifactFrameSelector) || null;
+  const frameDescriptorFor = (element) => {
+    const frame = frameFor(element);
+    if (!(frame instanceof Element)) return {};
+    let frameIndex = -1;
+    try { frameIndex = Array.from(document.querySelectorAll(artifactFrameSelector)).indexOf(frame); } catch {}
+    const frameName = safeText(
+      frame.getAttribute('data-sg-name')
+        || frame.getAttribute('data-title')
+        || frame.getAttribute('aria-label')
+        || frame.getAttribute('title')
+        || ''
+    , 80);
+    const frameStableId = safeText(
+      frame.getAttribute('data-sg-id')
+        || frame.getAttribute('data-artifact-id')
+        || frame.id
+        || frame.getAttribute('data-index')
+        || ''
+    , 80);
+    return {
+      frameId: frameStableId || (frameIndex >= 0 ? 'frame-' + String(frameIndex + 1) : undefined),
+      frameIndex: frameIndex >= 0 ? frameIndex : undefined,
+      frameName: frameName || undefined
+    };
+  };
+  const targetDescriptorFor = (element, event) => {
+    const rect = element.getBoundingClientRect();
+    const selector = selectorFor(element);
+    const name = safeText(
+      element.getAttribute('data-sg-name')
+        || element.getAttribute('aria-label')
+        || element.getAttribute('title')
+        || ''
+    , 80);
+    const role = safeText(
+      element.getAttribute('data-sg-role')
+        || element.getAttribute('role')
+        || ''
+    , 80);
+    const stableId = safeText(
+      element.getAttribute('data-sg-id')
+        || element.getAttribute('data-artifact-id')
+        || element.getAttribute('data-id')
+        || element.id
+        || ''
+    , 80);
+    const target = {
+      ...frameDescriptorFor(element),
+      targetId: '',
+      selector,
+      tagName: element.tagName.toLowerCase(),
+      id: element.id || '',
+      className: typeof element.className === 'string' ? element.className : '',
+      name: name || undefined,
+      role: role || undefined,
+      text: safeText(element.textContent),
+      x: event.clientX,
+      y: event.clientY,
+      rect: { x: rect.x, y: rect.y, width: rect.width, height: rect.height }
+    };
+    target.targetId = stableId || selectionKeyFor(target);
+    return target;
+  };
+  const publishSelection = () => {
+    const targets = Array.from(selectedElements.values()).map((entry) => entry.target);
+    send({
+      type: 'selection-change',
+      primaryTargetId: targets[targets.length - 1]?.targetId || '',
+      targets
+    });
+    if (targets.length === 0) send({ type: 'clear-selection' });
+  };
+  const clearSelection = (publish = true) => {
+    for (const entry of selectedElements.values()) {
+      entry.element?.removeAttribute?.('data-studiograph-selected-target');
+    }
+    selectedElements.clear();
+    if (publish) publishSelection();
+  };
+  const isArtifactFrameElement = (element) => element.matches(artifactFrameSelector);
+  const isAdditiveSelectionEvent = (event) => !!(event.shiftKey || event.metaKey || event.ctrlKey);
+  const isArtifactScaffold = (element) => {
+    if (!(element instanceof Element)) return false;
+    if (element.matches('[data-artifact-selectable]')) return false;
+    if (element === document.body || element === document.documentElement) return true;
+    if (isArtifactFrameElement(element)) return false;
+    if (element.matches(artifactScaffoldSelector)) return true;
+    if (element.querySelector(artifactFrameSelector)) return true;
+    if (element.parentElement === document.body && element.children.length > 0 && !element.matches(rootRenderableSelector)) return true;
+    const rect = element.getBoundingClientRect();
+    const bodyRect = document.body?.getBoundingClientRect?.();
+    const bodyWidth = Math.max(document.documentElement.clientWidth || 0, document.body?.scrollWidth || 0, bodyRect?.width || 0);
+    const bodyHeight = Math.max(document.documentElement.clientHeight || 0, document.body?.scrollHeight || 0, bodyRect?.height || 0);
+    return element.children.length > 0
+      && !element.matches(rootRenderableSelector)
+      && rect.width >= bodyWidth - 2
+      && rect.height >= bodyHeight - 2;
+  };
+  const selectionElementFor = (target, event) => {
+    if (!(target instanceof Element)) return null;
+    const explicitSelectable = target.closest('[data-artifact-selectable]');
+    const explicitNoSelect = target.closest(artifactNoSelectSelector);
+    if (explicitNoSelect && !explicitSelectable) return null;
+    const element = explicitSelectable || target.closest(selectableCandidateSelector) || target;
+    if (!(element instanceof Element)) return null;
+    if (!explicitSelectable && isArtifactScaffold(element)) return null;
+    return element;
+  };
+  const shouldSuppressNativeModifierSelection = (event) => {
+    if (artifactContext !== 'editor' || artifactTool !== 'pointer') return false;
+    if (!isAdditiveSelectionEvent(event)) return false;
+    if (event.button !== undefined && event.button !== 0) return false;
+    return selectionElementFor(event.target, event) instanceof Element;
+  };
+  const selectElement = (target, event) => {
+    if (artifactContext !== 'editor' || artifactTool !== 'pointer') return;
+    if (!(target instanceof Element)) return;
+    const element = selectionElementFor(target, event);
+    if (!(element instanceof Element)) {
+      clearSelection();
+      return;
+    }
+    const targetDescriptor = targetDescriptorFor(element, event);
+    const key = targetDescriptor.targetId;
+    const additive = isAdditiveSelectionEvent(event);
+    if (!additive) clearSelection(false);
+    if (additive && selectedElements.has(key)) {
+      selectedElements.get(key)?.element?.removeAttribute?.('data-studiograph-selected-target');
+      selectedElements.delete(key);
+    } else {
+      element.setAttribute('data-studiograph-selected-target', 'true');
+      selectedElements.set(key, { element, target: targetDescriptor });
+    }
+    publishSelection();
+    if (additive) event.preventDefault();
+  };
+  window.addEventListener('keydown', (event) => {
+    if (artifactContext !== 'editor') return;
+    if (event.key !== 'Escape' || selectedElements.size === 0) return;
+    clearSelection();
+    event.preventDefault();
+  }, { capture: true });
+  window.addEventListener('click', (event) => {
+    if (stepperEnabled) {
+      if (event.target instanceof Element && event.target.closest(interactiveSelector + ',[data-artifact-no-stepper]')) return;
+      const allFrames = frames();
+      if (allFrames.length > 1) {
+        stepFrame(event.clientX < window.innerWidth * 0.2 ? -1 : 1);
+        event.preventDefault();
+        return;
+      }
+    }
+    selectElement(event.target, event);
+  }, { capture: true });
+  window.addEventListener('mousedown', (event) => {
+    if (!shouldSuppressNativeModifierSelection(event)) return;
+    event.preventDefault();
+  }, { capture: true });
+  window.addEventListener('wheel', (event) => {
+    if (!canWheelPanFrom(event.target)) return;
+    const delta = normalizeWheelDelta(event);
+    if (Math.abs(delta.dx) < 0.01 && Math.abs(delta.dy) < 0.01) return;
+    if (event.ctrlKey || event.metaKey) {
+      queueZoomDelta(delta.dy, event.clientX, event.clientY);
+      event.preventDefault();
+      return;
+    }
+    if (scrollableAncestorForWheel(event.target, delta)) return;
+    if (rootScrollableInDirection(delta)) {
+      event.preventDefault();
+      return;
+    }
+    queuePanDelta(delta.dx, delta.dy);
+    event.preventDefault();
+  }, { capture: true, passive: false });
+  window.addEventListener('pointerdown', (event) => {
+    if (event.button !== 0 || !canPanFrom(event.target)) return;
+    panPointerId = event.pointerId;
+    try { event.target.setPointerCapture?.(event.pointerId); } catch {}
+    sendPan('start', event);
+    event.preventDefault();
+  }, { capture: true });
+  window.addEventListener('pointermove', (event) => {
+    if (panPointerId !== event.pointerId) return;
+    sendPan('move', event);
+    event.preventDefault();
+  }, { capture: true });
+  const endPan = (event) => {
+    if (panPointerId !== event.pointerId) return;
+    sendPan(event.type === 'pointercancel' ? 'cancel' : 'end', event);
+    panPointerId = null;
+  };
+  window.addEventListener('pointerup', endPan, { capture: true });
+  window.addEventListener('pointercancel', endPan, { capture: true });
+})();`}function K(e){return Object.entries(e.files).filter(([e])=>e.toLowerCase().endsWith(`.css`)).map(([e,t])=>`<style data-artifact-file="${j(e)}">\n${ee(t)}\n</style>`).join(`
+`)}function q(e,t,n){let r=t===`fullscreen`&&W(e)?`
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"],
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] body {
+  width: 100% !important;
+  height: 100% !important;
+  min-height: 100% !important;
+  overflow: hidden !important;
+}
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] .artifact-sequence,
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] .deck,
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] [data-artifact-layout="sequence"] {
+  width: 100% !important;
+  height: 100% !important;
+  min-height: 100% !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  display: block !important;
+  position: relative !important;
+  overflow: hidden !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] [data-artifact-frame] {
+  display: none !important;
+  position: absolute !important;
+  inset: 0 auto auto 0 !important;
+  margin: 0 !important;
+}
+html[data-artifact-context="fullscreen"][data-artifact-stepper="true"] [data-artifact-frame][data-studiograph-active-frame] {
+  display: block !important;
+}
+`:``;return`<style data-artifact-host>
+html, body {
+  background: transparent !important;
+}
+.document-board,
+.artifact-board[data-artifact-layout="paged"] {
+  background: transparent !important;
+}
+${t===`editor`?`
+html[data-artifact-context="editor"][data-artifact-tool="hand"],
+html[data-artifact-context="editor"][data-artifact-tool="hand"] body,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] body * {
+  cursor: grab !important;
+}
+html[data-artifact-context="editor"][data-artifact-tool="hand"].studiograph-artifact-panning,
+html[data-artifact-context="editor"][data-artifact-tool="hand"].studiograph-artifact-panning body,
+html[data-artifact-context="editor"][data-artifact-tool="hand"].studiograph-artifact-panning body * {
+  cursor: grabbing !important;
+}
+html[data-artifact-context="editor"][data-artifact-tool="hand"] a,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] button,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] summary,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] [role="button"] {
+  cursor: pointer !important;
+}
+html[data-artifact-context="editor"][data-artifact-tool="hand"] input,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] textarea,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] select,
+html[data-artifact-context="editor"][data-artifact-tool="hand"] [contenteditable="true"],
+html[data-artifact-context="editor"][data-artifact-tool="hand"] [data-artifact-no-pan] {
+  cursor: auto !important;
+}
+`:``}
+${e.viewport.mode===`paged`&&t===`fullscreen`?`
+html[data-artifact-context="fullscreen"],
+html[data-artifact-context="fullscreen"] body {
+  width: 100% !important;
+  height: 100% !important;
+  min-height: 100% !important;
+  overflow: auto !important;
+}
+html[data-artifact-context="fullscreen"] .pages,
+html[data-artifact-context="fullscreen"] .document-board,
+html[data-artifact-context="fullscreen"] .artifact-board[data-artifact-layout="paged"],
+html[data-artifact-context="fullscreen"] [data-artifact-layout="paged"] {
+  width: 100% !important;
+  height: auto !important;
+  min-height: 100% !important;
+  padding: 48px 0 !important;
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: center !important;
+  justify-content: flex-start !important;
+  align-content: center !important;
+  gap: 32px !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  overflow: visible !important;
+}
+html[data-artifact-context="fullscreen"] .page,
+html[data-artifact-context="fullscreen"] [data-artifact-page] {
+  position: relative !important;
+  left: auto !important;
+  right: auto !important;
+  top: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+`:``}
+${r}
+</style>`}function J(e){return e.libraries??[]}function ae(e,t={}){let n=J(e);if(n.length===0)return``;let r=[];for(let e of n)if(e===`d3`||e===`motion`){let n=t[e];if(!n)continue;r.push(`<script data-artifact-library="${e}">\n${M(n)}\n<\/script>`)}let i=[];return n.includes(`three`)&&t.three&&i.push(`
+      const decodeLibrarySource = (base64) => {
+        const binary = atob(base64);
+        const bytes = new Uint8Array(binary.length);
+        for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+        return new TextDecoder().decode(bytes);
+      };
+      const threeSource = decodeLibrarySource(${JSON.stringify(N(t.three))});
+      const threeCoreSource = ${t.threeCore?`decodeLibrarySource(${JSON.stringify(N(t.threeCore))})`:`''`};
+      const threeCoreUrl = threeCoreSource
+        ? URL.createObjectURL(new Blob([threeCoreSource], { type: 'text/javascript' }))
+        : null;
+      const threeModuleSource = threeCoreUrl
+        ? threeSource.replace(/from\\s*(['"])\\.\\/three\\.core\\.min\\.js\\1/g, 'from ' + JSON.stringify(threeCoreUrl))
+        : threeSource;
+      const threeUrl = URL.createObjectURL(new Blob([threeModuleSource], { type: 'text/javascript' }));
+      try {
+        window.THREE = await import(threeUrl);
+      } finally {
+        URL.revokeObjectURL(threeUrl);
+        if (threeCoreUrl) URL.revokeObjectURL(threeCoreUrl);
+      }
+    `),r.push(`<script data-artifact-libraries-ready>
+window.__STUDIOGRAPH_ARTIFACT_LIBRARIES__ = ${JSON.stringify(n)};
+window.__STUDIOGRAPH_ARTIFACT_LIBRARIES_READY__ = (async () => {
+${i.join(`
+`)}
+  return true;
+})().catch((error) => {
+  console.error('Artifact library load failed', error);
+  throw error;
+});
+<\/script>`),r.join(`
+`)}function oe(e,t=[]){let n=Object.entries(e.files).filter(([e])=>/\.(m?js)$/i.test(e)).map(([e,t])=>({path:e,js:t,kind:V(e)}));return J(e).length>0?`<script data-artifact-user-scripts>
+(async () => {
+  await (window.__STUDIOGRAPH_ARTIFACT_LIBRARIES_READY__ || Promise.resolve());
+  const scripts = ${M(JSON.stringify([...t,...n]))};
+  const scriptUrls = [];
+  for (const script of scripts) {
+    await new Promise((resolve, reject) => {
+      const url = URL.createObjectURL(new Blob([
+        String(script.js) + '\\n//# sourceURL=studiograph-artifact://' + String(script.path)
+      ], { type: 'text/javascript' }));
+      scriptUrls.push(url);
+      if (script.kind === 'module') {
+        import(url).then(resolve, reject);
+        return;
+      }
+      const element = document.createElement('script');
+      element.src = url;
+      element.async = false;
+      element.dataset.artifactFile = String(script.path);
+      element.onload = () => resolve();
+      element.onerror = () => reject(new Error('Could not load artifact script: ' + String(script.path)));
+      document.head.appendChild(element);
+    });
+  }
+  if (document.readyState !== 'loading') {
+    try { document.dispatchEvent(new Event('DOMContentLoaded', { bubbles: true, cancelable: true })); } catch {}
+  }
+  if (document.readyState === 'complete') {
+    try { window.dispatchEvent(new Event('load')); } catch {}
+  }
+  setTimeout(() => {
+    for (const url of scriptUrls) URL.revokeObjectURL(url);
+  }, 0);
+})().catch((error) => {
+  console.error('Artifact script error', error);
+  throw error;
+});
+<\/script>`:n.map(({path:e,js:t,kind:n})=>`<script${n===`module`?` type="module"`:``} data-artifact-file="${j(e)}">\n${M(t)}\n<\/script>`).join(`
+`)}function Y(e,t={}){let n=t.context??`editor`,r=t.tool??`pointer`,i=e=>t.assetToken?F(e,t.assetToken):e,a=W(e),o=R(e.files[e.entrypoint]??``),s=J(e).length>0?H(o):{html:o,scripts:[]},c=s.html,l=`<meta charset="utf-8"><meta http-equiv="Content-Security-Policy" content="${L(t.assetBaseUrl)}">`,u=ae(e,t.librarySources),d=`<script>${M(G(e.artifactId,n,r,a))}<\/script>`,f=[K(e),q(e,n,r)].filter(Boolean).join(`
+`),p=oe(e,s.scripts);if(/<html[\s>]/i.test(c)){let e=U(c,n,r,!!a);return e=e.replace(/<head([^>]*)>/i,`<head$1>${l}\n${u}\n${d}\n${f}`),/<head[\s>]/i.test(e)||(e=e.replace(/<html([^>]*)>/i,`<html$1><head>${l}\n${u}\n${d}\n${f}</head>`)),/<body[\s>]/i.test(e)?e=/<\/body>/i.test(e)?e.replace(/<\/body>/i,`${p}\n</body>`):`${e}\n${p}`:e+=`<body>${p}</body>`,i(e)}return i(`<!doctype html>
+<html data-artifact-context="${j(n)}" data-artifact-tool="${j(r)}"${a?` data-artifact-stepper="true"`:``}>
+<head>
+${l}
+${u}
+${d}
+${f}
+</head>
+<body>
+${c}
+${p}
+</body>
+</html>`)}async function X(e,t={}){if(!e.libraries?.length)return Y(e,t);let n=await re(e);return Y(e,{...t,librarySources:n})}function Z(e){return typeof e!=`number`||!Number.isFinite(e)||Math.abs(e)>1e5?null:e}function Q(e,t){if(typeof e==`string`)return e.slice(0,t)}function se(e,t,n){if(e!=null&&!(typeof e!=`number`||!Number.isFinite(e)||!Number.isInteger(e))&&!(e<t||e>n))return e}function $(e){if(!e||typeof e!=`object`)return null;let t=e,n=Z(t.x),r=Z(t.y),i=t.rect;if(n===null||r===null||!i||typeof i!=`object`)return null;let a=Z(i.x),o=Z(i.y),s=Z(i.width),c=Z(i.height);if(a===null||o===null||s===null||c===null||s<0||c<0)return null;let l=Q(t.selector,240),u=Q(t.tagName,40);if(!l||!u)return null;let d=`${Q(t.frameId,80)??``}::${l}::${Q(t.text,80)??``}`;return{targetId:Q(t.targetId,240)||d.slice(0,240),selector:l,tagName:u,id:Q(t.id,120),className:Q(t.className,240),name:Q(t.name,120),role:Q(t.role,120),text:Q(t.text,240),frameId:Q(t.frameId,120),frameIndex:se(t.frameIndex,0,999),frameName:Q(t.frameName,120),x:n,y:r,rect:{x:a,y:o,width:s,height:c}}}function ce(e,t){if(!e||typeof e!=`object`)return null;let n=e;if(n.channel!==`studiograph-artifact`||n.artifactId!==t)return null;if(n.type===`pan`){if(n.phase!==`start`&&n.phase!==`move`&&n.phase!==`end`&&n.phase!==`cancel`||typeof n.pointerId!=`string`)return null;let e=Z(n.x),r=Z(n.y);return e===null||r===null?null:{channel:`studiograph-artifact`,artifactId:t,type:`pan`,phase:n.phase,pointerId:n.pointerId.slice(0,40),x:e,y:r}}if(n.type===`pan-delta`){let e=Z(n.dx),r=Z(n.dy);return e===null||r===null?null:{channel:`studiograph-artifact`,artifactId:t,type:`pan-delta`,dx:e,dy:r}}if(n.type===`zoom-delta`){let e=Z(n.delta),r=Z(n.x),i=Z(n.y);return e===null||r===null||i===null?null:{channel:`studiograph-artifact`,artifactId:t,type:`zoom-delta`,delta:e,x:r,y:i}}if(n.type===`select`){let e=$(n);return e?{channel:`studiograph-artifact`,artifactId:t,type:`select`,...e}:null}if(n.type===`selection-change`){if(!Array.isArray(n.targets))return null;let e=n.targets.slice(0,24).map($).filter(e=>!!e);return e.length===Math.min(n.targets.length,24)?{channel:`studiograph-artifact`,artifactId:t,type:`selection-change`,primaryTargetId:Q(n.primaryTargetId,240),targets:e}:null}if(n.type===`frame-state`){let e=Z(n.index),r=Z(n.count);return e===null||r===null||e<0||r<0||!Number.isInteger(e)||!Number.isInteger(r)||r>0&&e>=r?null:{channel:`studiograph-artifact`,artifactId:t,type:`frame-state`,index:e,count:r,label:Q(n.label,40)}}if(n.type===`activity`)return{channel:`studiograph-artifact`,artifactId:t,type:`activity`};if(n.type===`clear-selection`)return{channel:`studiograph-artifact`,artifactId:t,type:`clear-selection`};if(`type`in n||n.status!==`ready`&&n.status!==`error`)return null;let r={channel:`studiograph-artifact`,artifactId:t,status:n.status};return typeof n.height==`number`&&Number.isFinite(n.height)&&(r.height=Math.max(0,Math.round(n.height))),typeof n.message==`string`&&(r.message=n.message.slice(0,500)),r}export{E as a,k as i,X as n,C as o,ce as r,Y as t};