@higgsfield/video-editor-mcp 1.0.7 → 1.1.1-dev.0

package/node_modules/@higgsfield/higgsedit/dist/editor/chunks/panel-inspector-DfHvAt5X.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["chunks/panel-nBZvHlkA.js","chunks/jsx-runtime-B5yqYJvp.js","chunks/notifications-DqWZNIrK.js","chunks/react-dom-1uB7Vbbb.js","assets/notifications-B08L1jSe.css","chunks/capabilities-BCd4-zPF.js","chunks/edits-CqLBqir0.js","chunks/model-Duf9fszJ.js","chunks/components-tXMtIZNL.js","chunks/IconCheckmark2Medium-hegaz9mQ.js","chunks/dom-6aoQn29n.js","chunks/useRenderElement-D4SOg3N_.js","chunks/useOpenInteractionType-HWSfSsp2.js","chunks/button-Cg0U0zpV.js","editor-B-WAkLt7.js","chunks/session-BpFeKAI2.js","chunks/src-BLG3tYBa.js","chunks/factories-Bw_iQrUL.js","chunks/ingest-DsmIc415.js","chunks/value-EB7YmAdS.js","chunks/schemas-CddYAOcj.js","chunks/import-error-CMz9sLPe.js","chunks/asset-op-C6YhYJcd.js","chunks/import-DP49i4ke.js","chunks/editing-Cy-SaOyB.js","assets/local-B3OTAV_A.css","chunks/IconChevronDownSmall-DaruzJwU.js","chunks/confirmation-CO2PHR_z.js","assets/confirmation-BTnwl3LS.css","chunks/auto-layout-BO20Tg4B.js","chunks/IconChainLink1-Bxb1Or0F.js","chunks/canvas-Bw4CVzfw.js","chunks/writeback-support-fj5rA9k3.js"])))=>i.map(i=>d[i]);
+import{u as e}from"./edits-CqLBqir0.js";import{St as t,Ut as n,X as r}from"../editor-B-WAkLt7.js";import{t as i}from"./panel-4DTzhYdA.js";import{injectInspectorStyles as a}from"./styles-e2n2A_JN.js";function o(o){let s=new n;return r.inspector&&s.add(o.extensions.register(`panel`,`fable.panel-inspector.panel`,i(()=>t(()=>import(`./panel-nBZvHlkA.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])),{styles:a}))),s.add(o.extensions.register(`operator`,`fable.panel-inspector.setSpeed`,e())),s}export{o as activate};

package/node_modules/@higgsfield/higgsedit/dist/editor/chunks/panel-nBZvHlkA.js

@@ -0,0 +1 @@
+import{n as e,s as t,t as n}from"./jsx-runtime-B5yqYJvp.js";import"./notifications-DqWZNIrK.js";import{n as r}from"./capabilities-BCd4-zPF.js";import{C as i,T as a,a as o,b as s,c,d as l,g as u,h as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,v as b,w as ee,x,y as S}from"./edits-CqLBqir0.js";import{a as C}from"./model-Duf9fszJ.js";import{_ as te,a as w,c as T,d as E,f as ne,i as D,l as O,m as re,n as k,p as ie,s as A,u as j}from"./components-tXMtIZNL.js";import{S as ae,_ as oe,d as M,m as se,p as N,y as ce}from"../editor-B-WAkLt7.js";import{t as P}from"./button-Cg0U0zpV.js";import{t as F}from"./IconChevronDownSmall-DaruzJwU.js";import{t as le}from"./confirmation-CO2PHR_z.js";import{n as ue,r as I}from"./auto-layout-BO20Tg4B.js";import{_ as L,f as de,g as R,h as fe,m as pe,p as me,t as he,u as z,v as ge}from"./IconChainLink1-Bxb1Or0F.js";import"./canvas-Bw4CVzfw.js";import{t as _e}from"./writeback-support-fj5rA9k3.js";var ve=[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],B=t(e(),1),V=(0,B.createContext)(null);function H(){let e=(0,B.use)(V);if(!e)throw Error(`useEdit() outside the inspector panel`);return e}var U=n();function W(e){return{available:!1,reason:e}}function G(e,t){if(!e||t.length===0)return{availability:W(`Select a visual layer to align.`),context:null};let n=e.scenes.find(e=>t.every(t=>C(e,t)!==null));if(!n)return{availability:W(`Selected layers must be in the same scene.`),context:null};let r=t.map(e=>C(n,e)).filter(e=>e!==null);if(r.some(e=>e.clip.kind===`audio`))return{availability:W(`Audio layers cannot be aligned on the canvas.`),context:null};let i=t.map(t=>I(e,t));if(i.some(e=>e===null))return{availability:W(`One or more selected layers could not be found.`),context:null};if(i.some(e=>e.locked))return{availability:W(`Alignment is unavailable because a selected layer or ancestor is locked.`),context:null};if(i.some(e=>e.sealed))return{availability:W(`Component internals are sealed. Align the component instance instead.`),context:null};if(i.some(e=>e.parent?.autoLayout!=null))return{availability:W(`Alignment is managed by the Auto Layout parent.`),context:null};if(!de(r))return{availability:W(`Selected layers must share the same parent.`),context:null};let a;if(r.length>1){let e=z(r);if(!e)return{availability:W(`Selected layers do not have alignable bounds.`),context:null};a=e}else{let e=i[0].parent;a=e?{minX:0,minY:0,maxX:e.size.width,maxY:e.size.height}:{minX:0,minY:0,maxX:n.width,maxY:n.height}}return{availability:{available:!0,reason:null},context:{scene:n,locations:r,containerBounds:a}}}function ye(e,t){return G(e,t).availability}function K(e,t,n){let r=t===`x`?e.minX:e.minY,i=t===`x`?e.maxX:e.maxY;return n===`start`?r:n===`end`?i:(r+i)/2}function be(e,t){return e===`x`?t===`start`?`Align left`:t===`end`?`Align right`:`Align horizontal centers`:t===`start`?`Align top`:t===`end`?`Align bottom`:`Align vertical centers`}function xe(e,t,n,r){let{context:i}=G(e,t);if(!i)return null;let a=K(i.containerBounds,n,r),o=[];for(let t of i.locations){let i=z([t]),s=v(e,t.clip.id);if(!i||!s)return null;let c=a-K(i,n,r);if(Math.abs(c)<1e-9)continue;let u={...t.clip,transform:{...t.clip.transform,[n]:t.clip.transform[n]+c}};o.push({op:`set`,path:s.path,value:l(u)})}return o.length===0?null:{id:x(),name:be(n,r),coalesceKey:null,ops:o}}var Se=[{label:`Align left`,axis:`x`,edge:`start`,icon:(0,U.jsx)(L,{mode:`raw`,size:15})},{label:`Align horizontal center`,axis:`x`,edge:`center`,icon:(0,U.jsx)(ge,{mode:`raw`,size:15})},{label:`Align right`,axis:`x`,edge:`end`,icon:(0,U.jsx)(R,{mode:`raw`,size:15})},{label:`Align top`,axis:`y`,edge:`start`,icon:(0,U.jsx)(me,{mode:`raw`,size:15})},{label:`Align vertical center`,axis:`y`,edge:`center`,icon:(0,U.jsx)(fe,{mode:`raw`,size:15})},{label:`Align bottom`,axis:`y`,edge:`end`,icon:(0,U.jsx)(pe,{mode:`raw`,size:15})}];function Ce({disabled:e,reason:t,onAlign:n}){return(0,U.jsxs)(j,{title:`Align`,children:[(0,U.jsx)(`div`,{className:`alignment-buttons`,role:`group`,"aria-label":`Align selected layers`,children:Se.map(t=>(0,U.jsx)(w,{title:t.label,disabled:e,onClick:()=>n(t.axis,t.edge),children:t.icon},t.label))}),t&&(0,U.jsx)(A,{children:t})]})}function we(e,t){return e.available===t.available&&e.reason===t.reason}function q({clipIds:e}){let t=M(r),{applyEnvelope:n}=H(),i=N(t=>ye(t,e),we);return(0,U.jsx)(Ce,{disabled:!i.available,reason:i.reason,onAlign:(r,i)=>{let a=t?.snapshot();a&&n(xe(a,e,r,i))}})}var Te=0,J=()=>`gesture-${++Te}`;function Y({checked:e,label:t,onChange:n}){return(0,U.jsx)(`button`,{type:`button`,className:`properties-switch`,role:`switch`,"aria-label":t,"aria-checked":e,onClick:()=>n(!e)})}function Ee({value:e,min:t,max:n,step:r,format:i,onInput:a}){let[o,s]=(0,B.useState)(null),c=(0,B.useRef)(null),l=o??e;return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(ne,{value:l,min:t,max:n,step:r,onGestureStart:()=>{c.current=J()},onGestureEnd:()=>{c.current=null,s(null)},onInput:e=>{s(c.current===null?null:e),a(e,c.current)}}),i!==void 0&&(0,U.jsx)(`span`,{className:`muted num-readout text-q-mono-xs-regular`,children:i(l)})]})}function X({axis:e,value:t,onCommit:n,step:r,min:i,max:a,disabled:o}){let s=(0,B.useRef)(null);return(0,U.jsxs)(`span`,{className:`axis-field`,children:[(0,U.jsx)(`span`,{className:`axis-label muted text-q-caption-xs-regular`,children:e}),(0,U.jsx)(T,{label:`${e} axis value`,value:t,disabled:o,onCommit:e=>n(e,s.current),step:r,min:i,max:a,onGestureStart:()=>{s.current=J()},onGestureEnd:()=>{s.current=null}})]})}function De({linked:e,onToggle:t}){return(0,U.jsx)(P,{variant:e?`brandSoft`:`ghost`,size:`xxs`,iconOnly:!0,className:`link-btn${e?` active`:``}`,"aria-label":e?`Unlink X and Y`:`Link X and Y`,"aria-pressed":e,title:e?`Unlink X and Y`:`Link X and Y`,onClick:t,children:(0,U.jsx)(he,{mode:`raw`,size:12})})}function Oe({label:e,title:t,active:n,disabled:r,onClick:i}){return(0,U.jsx)(P,{variant:n?`brandSoft`:`tertiary`,size:`xxs`,title:t,"aria-label":t??e,"aria-pressed":!!n,disabled:r,onClick:i,children:e})}function Z(e,t){return t.kind===`audio`||t.kind===`media`&&e?.assets.find(e=>e.id===t.assetId)?.kind===`video`}function ke(e,t){return e===t?!0:!e||!t?!1:e.leftId===t.leftId&&e.rightId===t.rightId&&c(e.presets,t.presets)}function Ae({clipIds:e}){let{applyEnvelope:t}=H(),n=M(r),i=N(t=>{if(!t)return null;let n=m(t,e);if(!n)return null;let r=s(n.left.kind,Z(t,n.left)),i=new Set(s(n.right.kind,Z(t,n.right)));return{leftId:n.left.id,rightId:n.right.id,presets:r.filter(e=>i.has(e))}},ke);return i?(0,U.jsxs)(j,{title:`Transition`,children:[(0,U.jsx)(D,{label:`Add transition`,buttonClassName:`w-full`,entries:()=>i.presets.map(e=>({kind:`item`,label:S(e),onSelect:()=>{let r=n?.snapshot();r&&t(y(r,i.leftId,i.rightId,e))}}))}),(0,U.jsx)(`div`,{className:`muted anim-hint text-q-caption-xs-regular`,children:`Animates the left clip out and the right clip in.`})]}):null}var Q=[{family:`Inter`,label:`Inter`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Geologica`,label:`Geologica`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Nunito`,label:`Nunito`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Figtree`,label:`Figtree`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Urbanist`,label:`Urbanist`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Montserrat`,label:`Montserrat`,weights:[300,400,500,600,700,800],fallback:`sans-serif`},{family:`Bangers`,label:`Bangers`,weights:[400],fallback:`cursive`},{family:`Chewy`,label:`Chewy`,weights:[400],fallback:`cursive`},{family:`Source Code Pro`,label:`Source Code Pro`,weights:[300,400,500,600,700],fallback:`monospace`},{family:`monospace`,label:`Monospace`,weights:[400,700],fallback:`monospace`}];function je(e){return e.family===e.fallback?e.fallback:`"${e.family}", ${e.fallback}`}var Me=e=>e.replace(/^["']|["']$/g,``);async function Ne(e,t){let n=new URLSearchParams({family:t,weight:`400`,style:`normal`}),r=await fetch(`${e}/__higgsedit/fonts/google?${n}`);if(!r.ok)return null;let i=await r.json();if(!i||!(`url`in i))return null;let a=await fetch(i.url.startsWith(`/`)?`${e}${i.url}`:i.url);return a.ok?new FontFace(t,await a.arrayBuffer(),{weight:String(i.weight),style:i.style}).load():null}var Pe=new WeakSet;function Fe(e,t,n){let r=e.fonts;if(!r||Pe.has(r))return;Pe.add(r);let i=new Set([...r].map(e=>Me(e.family))),a=Q.filter(e=>e.family!==e.fallback&&!i.has(e.family));Promise.allSettled(a.map(async e=>{let n=await Ne(t,e.family);n&&r.add(n)})).then(n)}function Ie(e){return e.background.type===`solid`?e.background.color:`#000000`}function Le({doc:e,scene:t}){let{updateScene:n}=H(),i=ce(),a=M(r),[o,s]=(0,B.useState)(!1),c=(e,r)=>n(t.id,e,r),l=d.find(e=>e.width===t.width&&e.height===t.height)??null,u=()=>{let e=[];for(let t of g){e.push({kind:`header`,label:p[t]});for(let n of d.filter(e=>e.category===t))e.push({kind:`item`,label:n.ratioLabel?`${n.name} ${n.ratioLabel}`:n.name,detail:`${n.width}×${n.height}`,checked:l?.id===n.id,onSelect:()=>c(`Change scene size`,e=>({...e,width:n.width,height:n.height}))})}return e},f=t.tracks.reduce((e,t)=>e+t.clips.length,0);return(0,U.jsxs)(`div`,{children:[(0,U.jsxs)(j,{title:`Scene`,children:[(0,U.jsx)(O,{label:`Name`,children:(0,U.jsx)(re,{value:t.name,onCommit:e=>{let n=e.trim();n.length>0&&n!==t.name&&c(`Rename scene`,e=>({...e,name:n}))}})}),(0,U.jsx)(O,{label:`Aspect`,children:(0,U.jsx)(`div`,{className:`picker`,children:(0,U.jsx)(D,{buttonClassName:`w-full justify-between`,entries:u,label:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{children:l?`${l.name}${l.ratioLabel?` ${l.ratioLabel}`:``}`:`Custom`}),(0,U.jsx)(`span`,{className:`muted`,children:(0,U.jsx)(F,{mode:`raw`,size:12})})]})})})}),(0,U.jsxs)(O,{label:`Size`,children:[(0,U.jsx)(T,{value:t.width,min:2,onCommit:e=>c(`Resize scene`,t=>({...t,width:Math.round(e)}))}),(0,U.jsx)(`span`,{className:`muted`,children:`×`}),(0,U.jsx)(T,{value:t.height,min:2,onCommit:e=>c(`Resize scene`,t=>({...t,height:Math.round(e)}))})]}),(0,U.jsx)(O,{label:`Duration`,children:(0,U.jsxs)(`span`,{className:`muted`,children:[te(t.duration),` s`]})}),(0,U.jsx)(O,{label:`FPS`,children:(0,U.jsx)(T,{value:t.fps,min:1,max:120,onCommit:e=>c(`Change fps`,t=>({...t,fps:e}))})})]}),(0,U.jsx)(j,{title:`Background`,children:(0,U.jsx)(O,{label:`Color`,children:(0,U.jsx)(k,{value:Ie(t),onCommit:e=>c(`Change background`,t=>({...t,background:{type:`solid`,color:e}}))})})}),_e(`scene-list`)&&(0,U.jsx)(j,{children:(0,U.jsx)(P,{variant:`secondary`,size:`xs`,className:`w-full`,disabled:e.scenes.length<=1,onClick:()=>s(!0),children:`Delete scene`})}),o&&(0,U.jsx)(le,{title:`Delete “${t.name}”?`,description:`This removes the scene and its ${f} clip${f===1?``:`s`}.`,onConfirm:async()=>{let n=a?.snapshot();if(!n||n.id!==e.id)return;let r=h(n,t.id);r&&await i.commands.execute(`document.apply`,r)},onClose:()=>s(!1)})]})}function Re(){return(0,U.jsx)(j,{children:(0,U.jsx)(A,{children:`No document open`})})}var ze=e=>{let t=B.useId();return B.createElement(Ue,{...e,instanceId:t})},Be=0,Ve=typeof B.useId==`function`?void 0:class extends B.Component{state={};componentDidMount(){this.setState({instanceId:`legacy-${++Be}`})}render(){return B.createElement(Ue,{...this.props.iconProps,instanceId:this.state.instanceId})}},He=B.forwardRef((e,t)=>Ve?B.createElement(Ve,{iconProps:{...e,svgRef:t}}):B.createElement(ze,{...e,svgRef:t}));He.displayName=`CentralIconBase`;var Ue=({children:e,size:t=24,ariaLabel:n,color:r,ariaHidden:i,"aria-hidden":a,"aria-label":o,role:s,svgRef:c,renderShapes:l,style:u,mode:d=`masked`,maskId:f,instanceId:p,...m})=>{let h=p?`${f}-${p}`:f,g=d!==`raw`&&!!f,_=a??i??!0,v=_===!0||_===`true`,y=o??n,b=l?l(h??p??`icon`):e;return B.createElement(`svg`,{...m,ref:c,"aria-hidden":_,"aria-label":o,role:s??(v?void 0:`img`),width:typeof t==`number`?`${t}px`:t,height:typeof t==`number`?`${t}px`:t,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,style:{color:r,...u}},y&&!v&&B.createElement(`title`,null,y),g?B.createElement(B.Fragment,null,B.createElement(`mask`,{id:h,maskUnits:`userSpaceOnUse`,x:`0`,y:`0`,width:`24`,height:`24`},B.createElement(`rect`,{width:`24`,height:`24`,fill:`#000`}),B.createElement(`g`,{fill:`none`,style:{color:`#fff`}},b)),B.createElement(`rect`,{width:`24`,height:`24`,fill:`currentColor`,mask:`url(#${h})`})):b)},We=B.memo(B.forwardRef((e,t)=>B.createElement(He,{...e,ref:t,ariaLabel:`corner-radius, border-radius`,maskId:`round-outlined-radius-2-stroke-1.5-IconCornerRadius`},B.createElement(`path`,{d:`M20.25 3.75H13.35C9.98969 3.75 8.30953 3.75 7.02606 4.40396C5.89708 4.9792 4.9792 5.89708 4.40396 7.02606C3.75 8.30953 3.75 9.98969 3.75 13.35V20.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})))),Ge=e=>{let t=B.useId();return B.createElement(Ye,{...e,instanceId:t})},Ke=0,qe=typeof B.useId==`function`?void 0:class extends B.Component{state={};componentDidMount(){this.setState({instanceId:`legacy-${++Ke}`})}render(){return B.createElement(Ye,{...this.props.iconProps,instanceId:this.state.instanceId})}},Je=B.forwardRef((e,t)=>qe?B.createElement(qe,{iconProps:{...e,svgRef:t}}):B.createElement(Ge,{...e,svgRef:t}));Je.displayName=`CentralIconBase`;var Ye=({children:e,size:t=24,ariaLabel:n,color:r,ariaHidden:i,"aria-hidden":a,"aria-label":o,role:s,svgRef:c,renderShapes:l,style:u,mode:d=`masked`,maskId:f,instanceId:p,...m})=>{let h=p?`${f}-${p}`:f,g=d!==`raw`&&!!f,_=a??i??!0,v=_===!0||_===`true`,y=o??n,b=l?l(h??p??`icon`):e;return B.createElement(`svg`,{...m,ref:c,"aria-hidden":_,"aria-label":o,role:s??(v?void 0:`img`),width:typeof t==`number`?`${t}px`:t,height:typeof t==`number`?`${t}px`:t,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,style:{color:r,...u}},y&&!v&&B.createElement(`title`,null,y),g?B.createElement(B.Fragment,null,B.createElement(`mask`,{id:h,maskUnits:`userSpaceOnUse`,x:`0`,y:`0`,width:`24`,height:`24`},B.createElement(`rect`,{width:`24`,height:`24`,fill:`#000`}),B.createElement(`g`,{fill:`none`,style:{color:`#fff`}},b)),B.createElement(`rect`,{width:`24`,height:`24`,fill:`currentColor`,mask:`url(#${h})`})):b)},Xe=B.memo(B.forwardRef((e,t)=>B.createElement(Je,{...e,ref:t,ariaLabel:`alignment-center`,maskId:`round-outlined-radius-2-stroke-1.5-IconAlignmentCenter`},B.createElement(`path`,{d:`M3.75 4.75H20.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`}),B.createElement(`path`,{d:`M7.75 12H16.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`}),B.createElement(`path`,{d:`M3.75 19.25H20.25`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})))),Ze=[{type:`solid`,label:`Solid`},{type:`gradient`,label:`Gradient`},{type:`media`,label:`Media`}],Qe=[`cover`,`contain`,`fill`];function $e({clip:e,assets:t}){let{updateClip:n}=H(),r=e.fill,o=t.filter(e=>e.kind===`image`||e.kind===`video`),[s,c]=(0,B.useState)(0),[l,u]=(0,B.useState)(null),d=(0,B.useRef)(``),f=(0,B.useRef)(null),p=(t,r=`Fill`,i=null)=>n(e.id,r,e=>({...e,fill:t}),i),m=e=>{if(r.type!==e){if(e===`solid`)p({type:`solid`,color:r.type===`gradient`?r.stops[0]?.color??`#ffffff`:`#808080`},`Solid fill`);else if(e===`gradient`){let e=r.type===`solid`?r.color:`#d1fe17`;c(0),p({type:`gradient`,gradientKind:`linear`,angle:90,stops:[{offset:0,color:e,opacity:1},{offset:1,color:e,opacity:0}]},`Gradient fill`)}else{let e=o[0];e&&p({type:`media`,assetId:e.id,fit:`cover`},`Media fill`)}}},h=(0,U.jsx)(O,{label:`Fill`,children:(0,U.jsx)(`div`,{className:`properties-segmented`,children:Ze.map(e=>(0,U.jsx)(Oe,{label:e.label,active:r.type===e.type,disabled:e.type===`media`&&r.type!==`media`&&o.length===0,title:e.type===`media`&&o.length===0?`Import an image or video first`:void 0,onClick:()=>m(e.type)},e.type))})});if(r.type===`solid`)return(0,U.jsxs)(U.Fragment,{children:[h,(0,U.jsx)(O,{label:`Color`,children:(0,U.jsx)(k,{value:r.color,onCommit:e=>p({type:`solid`,color:e})})})]});if(r.type===`media`)return(0,U.jsxs)(U.Fragment,{children:[h,o.length===0?(0,U.jsx)(A,{children:`Import an image or video first`}):(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(O,{label:`Asset`,children:(0,U.jsx)(E,{value:r.assetId,options:o.map(e=>({value:e.id,label:e.name})),onChange:e=>p({...r,assetId:e},`Media fill asset`)})}),(0,U.jsx)(O,{label:`Fit`,children:(0,U.jsx)(E,{value:r.fit,options:Qe.map(e=>({value:e,label:e})),onChange:e=>p({...r,fit:e},`Media fill fit`)})})]})]});let g=(e,t=`Fill`,n=null)=>p({...r,...e},t,n),_=(e,t,n=`Edit gradient stop`,i=null)=>g({stops:r.stops.map((n,r)=>r===e?{...n,...t}:n)},n,i),v=r.stops[s]?s:0,y=r.stops[v]??null,b=l?r.stops.map((e,t)=>t===l.index?{...e,offset:l.offset}:e):r.stops,x=e=>{let t=[...r.stops].sort((e,t)=>e.offset-t.offset),n=t[0],i=t[t.length-1];for(let r of t)if(r.offset<=e&&(n=r),r.offset>=e){i=r;break}let a=i.offset-n.offset,o=a>1e-6?(e-n.offset)/a:0,s={offset:e,color:ee(n.color,i.color,o),opacity:n.opacity+(i.opacity-n.opacity)*o};c(r.stops.length),g({stops:[...r.stops,s]},`Add gradient stop`)},S=r.stops.length<=2;return(0,U.jsxs)(U.Fragment,{children:[h,(0,U.jsx)(`div`,{className:`grad-strip`,title:`Click to add a stop`,style:{background:i(b)},onPointerDown:e=>{if(e.target!==e.currentTarget)return;let t=e.currentTarget.getBoundingClientRect();x(Math.min(1,Math.max(0,(e.clientX-t.left)/t.width)))},children:r.stops.map((e,t)=>(0,U.jsx)(`button`,{type:`button`,className:`grad-handle${t===v?` active`:``}`,style:{left:`${(l?.index===t?l.offset:e.offset)*100}%`,background:a(e.color,1)},onPointerDown:n=>{n.stopPropagation(),n.preventDefault(),c(t),d.current=J(),f.current=n.currentTarget.parentElement.getBoundingClientRect(),n.currentTarget.setPointerCapture(n.pointerId),u({index:t,offset:e.offset})},onPointerMove:e=>{let n=f.current;if(!n||l?.index!==t)return;let r=Math.round(Math.min(1,Math.max(0,(e.clientX-n.left)/n.width))*1e3)/1e3;u({index:t,offset:r}),_(t,{offset:r},`Move gradient stop`,d.current)},onPointerUp:()=>u(null),onPointerCancel:()=>u(null)},t))}),y&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(O,{label:`Stop`,children:[(0,U.jsx)(k,{value:y.color,onCommit:e=>_(v,{color:e})}),(0,U.jsx)(w,{title:`Remove stop`,disabled:S,onClick:()=>{S||(c(Math.max(0,Math.min(v,r.stops.length-2))),g({stops:r.stops.filter((e,t)=>t!==v)},`Remove gradient stop`))},children:`×`})]}),(0,U.jsx)(O,{label:`Opacity`,children:(0,U.jsx)(Ee,{value:y.opacity,min:0,max:1,step:.01,format:e=>`${Math.round(e*100)}%`,onInput:(e,t)=>_(v,{opacity:e},`Edit gradient stop`,t)})}),(0,U.jsx)(O,{label:`Offset`,children:(0,U.jsx)(T,{value:y.offset,min:0,max:1,step:.01,onCommit:e=>_(v,{offset:e})})})]}),(0,U.jsx)(O,{label:`Type`,children:(0,U.jsx)(E,{value:r.gradientKind,options:[{value:`linear`,label:`Linear`},{value:`radial`,label:`Radial`}],onChange:e=>g({gradientKind:e})})}),r.gradientKind===`linear`&&(0,U.jsxs)(O,{label:`Angle`,children:[(0,U.jsx)(T,{value:r.angle,step:1,onCommit:e=>g({angle:e})}),(0,U.jsx)(`span`,{className:`muted`,children:`°`})]})]})}function et({clip:e}){let{updateClip:t}=H(),n=e.cornerRadius,r=n=>t(e.id,`Corner radius`,e=>({...e,cornerRadius:n(e.cornerRadius)})),i=e=>(0,U.jsx)(T,{value:n[e],min:0,onCommit:t=>r(n=>({...n,mixed:!0,[e]:t}))}),a=(0,U.jsx)(w,{title:n.mixed?`Link corners`:`Separate corners`,active:n.mixed,onClick:()=>r(e=>e.mixed?{mixed:!1,uniform:e.tl,tl:e.tl,tr:e.tl,br:e.tl,bl:e.tl}:{...e,mixed:!0,tl:e.uniform,tr:e.uniform,br:e.uniform,bl:e.uniform}),children:(0,U.jsx)(We,{mode:`raw`,size:16})});return n.mixed?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(O,{label:`Radius`,children:[(0,U.jsx)(`span`,{className:`muted`,style:{flex:1},children:`Per corner`}),a]}),(0,U.jsxs)(O,{label:`TL · TR`,children:[i(`tl`),i(`tr`)]}),(0,U.jsxs)(O,{label:`BL · BR`,children:[i(`bl`),i(`br`)]})]}):(0,U.jsxs)(O,{label:`Radius`,children:[(0,U.jsx)(T,{value:n.uniform,min:0,onCommit:e=>r(()=>({mixed:!1,uniform:e,tl:e,tr:e,br:e,bl:e}))}),a]})}function tt({clip:e,assets:t,children:n}){let{updateClip:r}=H();return(0,U.jsxs)(j,{title:`Appearance`,children:[(0,U.jsx)($e,{clip:e,assets:t}),(0,U.jsx)(O,{label:`Stroke`,children:(0,U.jsx)(k,{value:e.stroke.color,onCommit:t=>r(e.id,`Stroke`,e=>({...e,stroke:{...e.stroke,color:t}}))})}),(0,U.jsx)(O,{label:`Stroke width`,children:(0,U.jsx)(T,{label:`Stroke width`,value:e.stroke.width,min:0,onCommit:t=>r(e.id,`Stroke width`,e=>({...e,stroke:{...e.stroke,width:t}}))})}),(0,U.jsx)(et,{clip:e}),n]})}function nt({clip:e}){let{updateClip:t}=H(),n=Q.find(t=>t.family===e.fontFamily)??null;return(0,U.jsx)(`div`,{className:`picker`,children:(0,U.jsx)(D,{buttonClassName:`w-full justify-between`,label:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{style:{fontFamily:n?je(n):e.fontFamily},children:n?.label??e.fontFamily}),(0,U.jsx)(`span`,{className:`muted`,children:(0,U.jsx)(F,{mode:`raw`,size:12})})]}),entries:()=>Q.map(n=>({kind:`item`,label:n.label,checked:n.family===e.fontFamily,labelStyle:{fontFamily:je(n)},onSelect:()=>t(e.id,`Font`,e=>{let t=e,r=n.weights.reduce((e,n)=>Math.abs(n-t.fontWeight)<Math.abs(e-t.fontWeight)?n:e,n.weights[0]);return{...t,fontFamily:n.family,fontWeight:r}})}))})})}function rt({clip:e,assets:t}){let{updateClip:n}=H(),r=(t,r)=>n(e.id,t,e=>r(e)),i=[...Q.find(t=>t.family===e.fontFamily)?.weights??[300,400,500,600,700,800]];return i.includes(e.fontWeight)||i.push(e.fontWeight),i.sort((e,t)=>e-t),(0,U.jsxs)(j,{title:`Text`,children:[(0,U.jsx)(ie,{className:`text-area`,value:e.text,onCommit:e=>r(`Edit text`,t=>({...t,text:e}))}),(0,U.jsx)(O,{label:`Font`,children:(0,U.jsx)(nt,{clip:e})}),(0,U.jsx)(O,{label:`Size`,children:(0,U.jsx)(T,{value:e.fontSize,min:1,onCommit:e=>r(`Font size`,t=>({...t,fontSize:e}))})}),(0,U.jsxs)(O,{label:`Weight`,children:[(0,U.jsx)(E,{value:String(e.fontWeight),options:i.map(e=>({value:String(e),label:b[e]??String(e)})),onChange:e=>r(`Font weight`,t=>({...t,fontWeight:Number(e)}))}),(0,U.jsx)(w,{className:`style-btn italic-btn`,title:`Italic`,active:e.italic,onClick:()=>r(`Italic`,e=>({...e,italic:!e.italic})),children:`I`}),(0,U.jsx)(w,{className:`style-btn bold-btn`,title:`Bold`,active:e.fontWeight>=700,onClick:()=>r(`Bold`,e=>({...e,fontWeight:e.fontWeight>=700?400:700})),children:`B`})]}),(0,U.jsx)(O,{label:`Align`,children:(0,U.jsx)(`div`,{className:`properties-segmented`,children:[[`left`,L],[`center`,Xe],[`right`,R]].map(([t,n])=>(0,U.jsx)(w,{title:`Align text ${t}`,active:e.align===t,onClick:()=>r(`Align`,e=>({...e,align:t})),children:(0,U.jsx)(n,{mode:`raw`,size:16})},t))})}),(0,U.jsxs)(O,{label:`Spacing`,children:[(0,U.jsx)(T,{value:e.letterSpacing,step:.5,onCommit:e=>r(`Letter spacing`,t=>({...t,letterSpacing:e}))}),(0,U.jsx)(`span`,{className:`muted`,children:`px`})]}),(0,U.jsxs)(O,{label:`Line height`,children:[(0,U.jsx)(T,{value:e.lineHeight,min:.5,max:4,step:.1,onCommit:e=>r(`Line height`,t=>({...t,lineHeight:e}))}),(0,U.jsx)(`span`,{className:`muted`,children:`×`})]}),(0,U.jsx)($e,{clip:e,assets:t})]})}var it=`data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M1.875%201.875H9.625C9.90114%201.875%2010.125%202.09886%2010.125%202.375V10.125'%20stroke='%23828282'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e`,at=`data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M10.125%201.875H2.375C2.09886%201.875%201.875%202.09886%201.875%202.375V10.125'%20stroke='%23828282'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e`,ot=`data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M10.125%201.875H2.375C2.09886%201.875%201.875%202.09886%201.875%202.375V10.125'%20stroke='%23828282'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e`,st=`data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame'%3e%3cpath%20id='Vector'%20d='M10.125%201.875H2.375C2.09886%201.875%201.875%202.09886%201.875%202.375V10.125'%20stroke='%23828282'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e`;function ct({clip:e,sceneWidth:t,sceneHeight:n,disabled:r,positioningDisabled:i,sizeDisabled:a}){let{updateClip:o}=H(),[s,c]=(0,B.useState)(!1),l=(t,n)=>o(e.id,t,e=>({...e,transform:{...e.transform,...n}})),u=(t,n)=>o(e.id,`Resize`,e=>{let r=e.size[t]>0?n/e.size[t]:1,i=s?{width:e.size.width*r,height:e.size.height*r}:e.size;return{...e,size:{...i,[t]:n}}}),d=e.transform;return(0,U.jsx)(j,{title:`Transform`,children:(0,U.jsxs)(`fieldset`,{className:`contents`,disabled:r,children:[(0,U.jsxs)(O,{label:`Position`,children:[(0,U.jsx)(X,{axis:`X`,value:d.x-t/2,disabled:i,onCommit:e=>l(`Move`,{x:e+t/2})}),(0,U.jsx)(X,{axis:`Y`,value:d.y-n/2,disabled:i,onCommit:e=>l(`Move`,{y:e+n/2})})]}),(0,U.jsxs)(O,{label:`Scale`,children:[(0,U.jsx)(T,{label:`Scale`,value:d.scaleX*100,step:1,onCommit:e=>{let t=e/100;l(`Scale`,{scaleX:t,scaleY:d.scaleX===0?t:d.scaleY*t/d.scaleX})}}),(0,U.jsx)(`span`,{className:`muted`,children:`%`})]}),(0,U.jsxs)(`div`,{className:`properties-dimensions`,children:[(0,U.jsx)(O,{label:`Width`,children:(0,U.jsx)(T,{label:`Width`,value:e.size.width,min:1,disabled:a?.width||s&&a?.height,onCommit:e=>u(`width`,e)})}),(0,U.jsx)(O,{label:`Height`,children:(0,U.jsx)(T,{label:`Height`,value:e.size.height,min:1,disabled:a?.height||s&&a?.width,onCommit:e=>u(`height`,e)})}),(0,U.jsx)(De,{linked:s,onToggle:()=>c(e=>!e)})]}),(0,U.jsxs)(O,{label:`Rotate`,children:[(0,U.jsx)(T,{label:`Rotate`,value:d.rotation,onCommit:e=>l(`Rotate`,{rotation:e})}),(0,U.jsx)(`span`,{className:`muted`,children:`°`})]})]})})}function $({clip:e}){let{updateClip:t}=H();return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(O,{label:`Opacity`,children:[(0,U.jsx)(T,{label:`Opacity`,value:e.opacity*100,min:0,max:100,onCommit:n=>t(e.id,`Opacity`,e=>({...e,opacity:n/100}))}),(0,U.jsx)(`span`,{className:`muted`,children:`%`})]}),(0,U.jsx)(O,{label:`Blend`,children:(0,U.jsx)(E,{value:e.blendMode,options:ve.map(e=>({value:e,label:u[e]})),onChange:n=>t(e.id,`Blend mode`,e=>({...e,blendMode:n}))})})]})}function lt({clip:e}){let{updateClip:t}=H(),n=(n,r)=>t(e.id,n===`muted`?`Mute`:`Preserve pitch`,e=>({...e,[n]:r}));return(0,U.jsxs)(j,{title:`Audio`,children:[(0,U.jsxs)(O,{label:`Volume`,children:[(0,U.jsx)(T,{label:`Volume`,value:e.volume*100,min:0,max:100,onCommit:n=>t(e.id,`Volume`,e=>({...e,volume:n/100}))}),(0,U.jsx)(`span`,{className:`muted`,children:`%`})]}),(0,U.jsx)(O,{label:`Preserve pitch`,children:(0,U.jsx)(Y,{label:`Preserve pitch`,checked:e.preservePitch,onChange:e=>n(`preservePitch`,e)})}),(0,U.jsx)(O,{label:`Mute`,children:(0,U.jsx)(Y,{label:`Mute`,checked:e.muted,onChange:e=>n(`muted`,e)})})]})}function ut({clip:e}){let{updateClip:t}=H(),n=e.cornerRadius;return(0,U.jsx)(O,{label:`Radius`,children:(0,U.jsx)(`div`,{className:`properties-corners`,children:[[`tl`,`Top left`,it],[`tr`,`Top right`,at],[`br`,`Bottom right`,ot],[`bl`,`Bottom left`,st]].map(([r,i,a])=>(0,U.jsxs)(`label`,{className:`properties-corner`,children:[(0,U.jsx)(`img`,{src:a,alt:``,"data-corner":r}),(0,U.jsx)(T,{label:`${i} radius`,value:n.mixed?n[r]:n.uniform,min:0,onCommit:n=>t(e.id,`Corner radius`,e=>{if(e.kind!==`media`)return e;let t=e.cornerRadius,i=t.mixed?t:{...t,tl:t.uniform,tr:t.uniform,br:t.uniform,bl:t.uniform};return{...e,cornerRadius:{...i,mixed:!0,[r]:n}}})})]},r))})})}var dt={clipIds:[],sceneId:null,enteredGroupId:null};function ft(){let e=ce(),t=se(),n=M(r),i=oe(t?.selection,dt),a=ae()?.origin??``,o=(0,B.useRef)(null),s=(0,B.useMemo)(()=>{let t=t=>{e.commands.execute(`document.apply`,t).catch(t=>{e.log.error(`inspector: document.apply failed — ${t instanceof Error?t.message:String(t)}`)})};return{updateClip(e,r,i,a=null){let o=n?.snapshot();if(!o)return;let s=_(o,e,r,i,a);s&&t(s)},updateScene(e,r,i,a=null){let o=n?.snapshot();if(!o)return;let s=f(o,e,r,i,a);s&&t(s)},applyEnvelope(e){e&&t(e)}}},[e,n]);return(0,B.useEffect)(()=>{if(!t)return;let e=o.current?.ownerDocument;e&&Fe(e,a,()=>t.requestRender())},[t,a]),(0,U.jsx)(`div`,{ref:o,className:`fable-inspector inspector-properties text-q-caption-sm-regular text-q-text-primary`,children:(0,U.jsx)(`div`,{className:`inspector-body`,children:(0,U.jsx)(V,{value:s,children:(0,U.jsx)(pt,{selection:i})})})})}function pt({selection:e}){let t=N(t=>t?e.clipIds.filter(e=>v(t,e)!==null):[],c);return t.length===1?(0,U.jsx)(ht,{clipId:t[0]},t[0]):t.length>1?(0,U.jsx)(gt,{clipIds:t}):(0,U.jsx)(vt,{sceneId:e.sceneId})}function mt(e,t){return e?.clip===t?.clip&&e?.sceneWidth===t?.sceneWidth&&e?.sceneHeight===t?.sceneHeight&&e?.assets===t?.assets&&e?.hasAudio===t?.hasAudio&&e?.directControlsDisabled===t?.directControlsDisabled&&e?.positioningDisabled===t?.positioningDisabled&&e?.widthManaged===t?.widthManaged&&e?.heightManaged===t?.heightManaged}function ht({clipId:e}){let t=N(t=>{if(!t)return null;let n=v(t,e);if(!n)return null;let r=I(t,e),i=r?.locked===!0||r?.sealed===!0,a=i||r?.parent?.autoLayout!=null;return{clip:n.clip,sceneWidth:n.scene.width,sceneHeight:n.scene.height,assets:t.assets,hasAudio:Z(t,n.clip),directControlsDisabled:i,positioningDisabled:a,widthManaged:i||(r?.layout!=null||r?.parent?.autoLayout!=null)&&r.sizing.width!==`fixed`,heightManaged:i||(r?.layout!=null||r?.parent?.autoLayout!=null)&&r.sizing.height!==`fixed`}},mt);if(!t)return null;let{clip:n,sceneWidth:r,sceneHeight:i,assets:a,hasAudio:o,directControlsDisabled:s,positioningDisabled:c,widthManaged:l,heightManaged:u}=t,d=n.kind===`audio`||n.kind===`media`&&o;return(0,U.jsxs)(U.Fragment,{children:[n.kind!==`audio`&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(ct,{clip:n,sceneWidth:r,sceneHeight:i,disabled:s,positioningDisabled:c,sizeDisabled:{width:l,height:u}}),(0,U.jsxs)(`fieldset`,{className:`contents`,disabled:s,children:[n.kind===`rect`&&(0,U.jsx)(tt,{clip:n,assets:a,children:(0,U.jsx)($,{clip:n})}),n.kind===`media`&&(0,U.jsxs)(j,{title:`Appearance`,children:[(0,U.jsx)(ut,{clip:n}),(0,U.jsx)($,{clip:n})]}),n.kind===`text`&&(0,U.jsx)(rt,{clip:n,assets:a}),n.kind!==`rect`&&n.kind!==`media`&&(0,U.jsx)(j,{title:`Appearance`,children:(0,U.jsx)($,{clip:n})})]}),(0,U.jsx)(q,{clipIds:[n.id]})]}),d&&(0,U.jsx)(`fieldset`,{className:`contents`,disabled:s,children:(0,U.jsx)(lt,{clip:n})})]})}function gt({clipIds:e}){let{applyEnvelope:t}=H(),n=se(),i=M(r);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(q,{clipIds:e}),(0,U.jsx)(ue,{clipIds:e}),(0,U.jsx)(j,{title:`${e.length} clips selected`,children:(0,U.jsx)(P,{variant:`secondary`,size:`xs`,className:`w-full`,onClick:()=>{let r=i?.snapshot();r&&(t(o(r,e)),n?.clearSelection())},children:`Delete clips`})}),(0,U.jsx)(Ae,{clipIds:e})]})}function _t(e,t){return e.doc===t.doc&&e.scene===t.scene}function vt({sceneId:e}){let t=N(t=>{if(!t)return{doc:null,scene:null};let n=e??t.activeSceneId;return{doc:t,scene:t.scenes.find(e=>e.id===n)??t.scenes[0]??null}},_t);return t.doc?t.scene?(0,U.jsx)(Le,{doc:t.doc,scene:t.scene},`${t.doc.id}:${t.scene.id}`):(0,U.jsx)(j,{children:(0,U.jsx)(A,{children:`No scene`})}):(0,U.jsx)(Re,{})}export{ft as default};

package/node_modules/@higgsfield/higgsedit/dist/editor/chunks/panel-timeline-DsCpJVSt.js

@@ -0,0 +1,327 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["chunks/panel-B5Mvm6dg.js","chunks/jsx-runtime-B5yqYJvp.js","chunks/notifications-DqWZNIrK.js","chunks/react-dom-1uB7Vbbb.js","assets/notifications-B08L1jSe.css","chunks/capabilities-BCd4-zPF.js","chunks/ingest-DsmIc415.js","chunks/factories-Bw_iQrUL.js","chunks/schemas-CddYAOcj.js","chunks/session-BpFeKAI2.js","chunks/value-EB7YmAdS.js","chunks/import-error-CMz9sLPe.js","chunks/IconCheckmark2Medium-hegaz9mQ.js","chunks/edits-CqLBqir0.js","chunks/dom-6aoQn29n.js","chunks/editing-Cy-SaOyB.js","chunks/useRenderElement-D4SOg3N_.js","chunks/useOpenInteractionType-HWSfSsp2.js","chunks/components-tXMtIZNL.js","chunks/button-Cg0U0zpV.js","editor-B-WAkLt7.js","chunks/src-BLG3tYBa.js","chunks/asset-op-C6YhYJcd.js","chunks/import-DP49i4ke.js","chunks/model-Duf9fszJ.js","assets/local-B3OTAV_A.css","chunks/mode-DEG6doKF.js","chunks/toggle-DbNEaSIl.js","chunks/IconCrossMedium-BsPFJzc6.js","chunks/commands-QeSqAbCt.js","chunks/model-DyAkLA69.js","assets/model-DdE4hCgf.css","chunks/id3-CSR0NCRI.js","chunks/auto-layout-BO20Tg4B.js","chunks/canvas-Bw4CVzfw.js","chunks/palette-HT83gWgL.js","chunks/writeback-support-fj5rA9k3.js","chunks/drag-Dw8b_vO2.js","assets/drag-Bt_t4HZO.css","chunks/IconSparklesSoftFilled-o7o33KRn.js"])))=>i.map(i=>d[i]);
+import{n as e}from"./capabilities-BCd4-zPF.js";import{t}from"./session-BpFeKAI2.js";import{t as n}from"./dom-6aoQn29n.js";import{St as r,Ut as i}from"../editor-B-WAkLt7.js";import{t as a}from"./panel-4DTzhYdA.js";import{T as o,i as s,n as c,s as l,v as u}from"./commands-QeSqAbCt.js";var d=`fable-timeline-styles`,f=`
+.ftl-timeline {
+  --ftl-surface: var(--hf-color-background-secondary);
+  --ftl-surface-elevated: var(--hf-color-background-tertiary);
+  --ftl-border-subtle: var(--hf-color-border-subtle);
+  --ftl-border-card: var(--hf-color-border-subtle);
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  padding: 4px 0 0;
+  border: 2px solid var(--ftl-border-subtle);
+  border-radius: 24px;
+  background: var(--ftl-surface);
+  box-shadow:
+    inset 0 0 100px var(--hf-color-overlay-hover),
+    inset 32px 32px 64px var(--hf-color-overlay-dim-soft);
+}
+
+.ftl-body {
+  position: relative;
+  flex: 1;
+  min-height: 0;
+  margin: 0;
+  overflow: hidden;
+  border-top: 1px solid var(--ftl-border-card);
+}
+.ftl-edit-status {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 12px;
+  background: var(--ftl-surface-elevated);
+  color: var(--hf-color-text-primary);
+  font-size: 12px;
+}
+.ftl-canvas { position: absolute; inset: 0; touch-action: none; }
+.ftl-playhead { position: absolute; inset: 0; z-index: 4; pointer-events: none; }
+.ftl-scrollbar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  height: 1.5rem;
+  padding-right: .75rem;
+}
+.ftl-scrollbar-input {
+  appearance: none;
+  display: block;
+  width: 100%;
+  min-width: 0;
+  height: 1.25rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  touch-action: none;
+  cursor: pointer;
+}
+.ftl-scrollbar-input::-webkit-slider-runnable-track {
+  height: .375rem; border-radius: 999px; background: var(--ftl-surface-elevated);
+}
+.ftl-scrollbar-input::-moz-range-track {
+  height: .375rem; border-radius: 999px; background: var(--ftl-surface-elevated);
+}
+.ftl-scrollbar-input::-webkit-slider-thumb {
+  appearance: none; height: .375rem; width: clamp(1.5rem, var(--ftl-scrollbar-thumb), 100%);
+  border: 0; border-radius: 999px; background: var(--hf-color-text-tertiary);
+}
+.ftl-scrollbar-input::-moz-range-thumb {
+  height: .375rem; width: clamp(1.5rem, var(--ftl-scrollbar-thumb), 100%);
+  border: 0; border-radius: 999px; background: var(--hf-color-text-tertiary);
+}
+.ftl-scrollbar-input:hover::-webkit-slider-thumb,
+.ftl-scrollbar-input:active::-webkit-slider-thumb { background: var(--hf-color-text-secondary); }
+.ftl-scrollbar-input:hover::-moz-range-thumb,
+.ftl-scrollbar-input:active::-moz-range-thumb { background: var(--hf-color-text-secondary); }
+.ftl-scrollbar-input:focus-visible { outline: 1px solid var(--hf-color-text-primary); outline-offset: 2px; border-radius: 999px; }
+.ftl-scrollbar-input:disabled { opacity: .3; cursor: default; }
+.ftl-generations { position: absolute; right: 0; bottom: 0; overflow: hidden; pointer-events: none; }
+.ftl-generating {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border: .5px solid rgb(255 255 255 / 5%);
+  border-radius: 8px;
+  background: #121212;
+  color: var(--hf-color-text-brand, #d1fe17);
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  pointer-events: none;
+}
+.ftl-generating[data-status="failed"] { pointer-events: auto; cursor: pointer; padding: 0; font-family: inherit; color: #fa0019; transition: box-shadow 150ms ease; }
+.ftl-generating[data-status="failed"]:is(:hover, :focus-visible, [data-popup-open]) { outline: 0; box-shadow: inset 0 0 14.8px rgb(250 0 25 / 60%), inset 0 0 0 2px #fa0019; }
+.ftl-generating[data-status="failed"] .ftl-generating-glow { background: radial-gradient(ellipse 94px 72px at 50% -12px, rgb(250 0 25 / 10%), transparent); }
+.ftl-generating[data-status="queued"] { opacity: .4; }
+.ftl-generating[data-status="completed"] .ftl-generating-loader { animation: none; }
+.ftl-generating[data-clipped-start="true"] { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
+.ftl-generating[data-clipped-end="true"] { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
+.ftl-generating-glow {
+  position: absolute;
+  inset: 0;
+  background: radial-gradient(ellipse 94px 72px at 50% -12px, rgb(209 254 23 / 10%), transparent);
+}
+.ftl-generating:is([data-status="in_progress"], [data-status="importing"]) .ftl-generating-glow {
+  animation: hf-generation-pending-glow 2.2s ease-in-out infinite;
+}
+.ftl-generating-label { position: relative; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
+.ftl-generating-loader { width: 14px; height: 14px; flex: none; animation: hf-generation-pending-spin 1s linear infinite; }
+.ftl-generating-clock { width: 16px; height: 16px; flex: none; }
+@media (prefers-reduced-motion: reduce) {
+  .ftl-generating-loader { animation: none; }
+  .ftl-generating:is([data-status="in_progress"], [data-status="importing"]) .ftl-generating-glow { animation: none; opacity: .675; }
+  .ftl-generating[data-status="failed"] { transition: none; }
+}
+.ftl-transitions { position: absolute; right: 0; bottom: 0; overflow: hidden; pointer-events: none; }
+.ftl-transition {
+  position: absolute;
+  height: 42px;
+  transform: translate(-50%, -50%);
+  border-radius: 6px;
+  pointer-events: auto;
+  animation: ftl-transition-enter 140ms ease-out;
+  transition: border-color 140ms ease;
+}
+.ftl-transition[data-exiting="true"] {
+  pointer-events: none;
+  animation: ftl-transition-exit 120ms ease-out forwards;
+}
+.ftl-transition[data-applied="false"] {
+  height: 26px;
+  background: rgb(0 0 0 / 50%);
+  backdrop-filter: blur(12px);
+  filter: drop-shadow(0 8px 8px rgb(0 0 0 / 50%));
+}
+.ftl-transition[data-applied="true"] {
+  overflow: hidden;
+  background: rgb(255 255 255 / 1%);
+  border: 1px solid var(--ftl-border-subtle, rgb(255 255 255 / 5%));
+}
+.ftl-transition[data-applied="true"]::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 29.4px rgb(255 255 255 / 60%);
+  pointer-events: none;
+}
+.ftl-transition[data-applied="true"]:hover { border-color: rgb(255 255 255 / 50%); }
+.ftl-transition[data-applied="true"][data-selected="true"] { border-color: #fff; }
+.ftl-transition[data-drop-target="true"] {
+  background: linear-gradient(to bottom, rgba(209,254,23,.75), rgba(209,254,23,.45));
+  border-color: var(--hf-color-brand-primary);
+  box-shadow: 0 0 12px rgb(209 254 23 / 24%);
+}
+.ftl-transition[data-drop-target="true"]::after { content: none; }
+.ftl-transition-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  border-radius: inherit;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+}
+.ftl-transition-button img { flex: none; pointer-events: none; }
+.ftl-transition[data-compact="true"] .ftl-transition-button img { visibility: hidden; }
+.ftl-transition-button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
+.ftl-transition-handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  max-width: 30%;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: ew-resize;
+  touch-action: none;
+}
+.ftl-transition-handle[data-side="left"] { left: 0; }
+.ftl-transition-handle[data-side="right"] { right: 0; }
+.ftl-transition-handle::after {
+  content: "";
+  position: absolute;
+  top: calc(50% - 4px);
+  width: 2px;
+  height: 8px;
+  border-radius: 99px;
+  background: #fff;
+}
+.ftl-transition-handle[data-side="left"]::after { left: 1px; }
+.ftl-transition-handle[data-side="right"]::after { right: 1px; }
+.ftl-transition-handle:focus-visible { outline: 1px solid #fff; border-radius: 3px; }
+@keyframes ftl-transition-reveal { from { opacity: 0; } to { opacity: 1; } }
+@keyframes ftl-transition-enter {
+  from { opacity: 0; transform: translate(-50%, -50%) scale(.96); }
+  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+}
+@keyframes ftl-transition-exit {
+  from { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  to { opacity: 0; transform: translate(-50%, -50%) scale(.96); }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ftl-transition, .ftl-transition[data-exiting="true"] { animation: none; transition: none; }
+}
+.ftl-toolbar {
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  height: 48px;
+  padding: 4px 6px 10px;
+  overflow: visible;
+  background: transparent;
+  border-bottom: 1px solid var(--ftl-border-subtle);
+}
+.ftl-toolbar-group {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: 3px;
+}
+
+.ftl-toolbar-sep {
+  flex: none;
+  width: 1px;
+  height: 16px;
+  margin: 0 8px;
+  background: var(--ftl-border-subtle);
+}
+.ftl-tool {
+  position: relative;
+  flex: none;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  border-radius: 9999px;
+}
+
+
+.ftl-transition-menu-anchor {
+  position: fixed; width: 0; height: 42px; padding: 0; border: 0;
+  pointer-events: none; opacity: 0;
+}
+.ftl-transition-menu-positioner,
+.q-dropdown-positioner:has(> :is(.ftl-transition-duration-menu, .ftl-effect-menu)) { z-index: 1000; }
+.ftl-transition-menu.q-dropdown-popup { width: 280px; }
+.ftl-transition-menu[data-applied="true"], .ftl-effect-menu.q-dropdown-popup { width: 260px; }
+.ftl-transition-duration-menu.q-dropdown-popup { width: 180px; }
+.ftl-effect-menu-label {
+  padding: 8px; color: rgba(255,255,255,.5); font-size: 12px; line-height: 16px;
+  font-weight: 500; text-transform: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.ftl-effect-menu .q-menu-item-danger { color: #e5534b; }
+.ftl-effect-menu .ftl-effect-row { padding-right: 4px; }
+.ftl-effect-remove {
+  display: grid; place-items: center; width: 28px; height: 28px; padding: 6px; border: 0;
+  border-radius: 6px; color: rgba(255,255,255,.5); background: transparent; cursor: pointer;
+}
+.ftl-effect-remove:hover, .ftl-effect-remove:focus-visible { color: white; background: rgba(255,255,255,.08); }
+.ftl-effect-remove:disabled { opacity: .4; cursor: default; }
+.ftl-transition-duration-check { color: #d1fe17; }
+
+.ftl-toolbar-group:has(.ftl-action) { gap: 6px; }
+.ftl-action { flex: none; height: 32px; border-radius: 9999px; white-space: nowrap; }
+.ftl-tip {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 6px;
+  border-radius: 6px;
+  background: var(--ftl-surface-elevated);
+  border: 1px solid var(--ftl-border-subtle);
+  color: var(--hf-color-text-primary);
+  white-space: nowrap;
+  box-shadow: 0 4px 16px var(--hf-color-overlay-dim-soft);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  z-index: 30;
+  transition: opacity 120ms ease 300ms, visibility 0ms linear 300ms;
+}
+.ftl-tip-right { left: auto; right: 0; }
+.ftl-tool:hover .ftl-tip,
+.ftl-tool:focus-visible .ftl-tip {
+  opacity: 1;
+  visibility: visible;
+}
+.ftl-tool-preview-anchor { display: inline-flex; flex: none; }
+.ftl-tool-preview.q-tooltip {
+  box-sizing: border-box; display: flex; flex-direction: column; gap: 8px;
+  width: 240px; max-width: calc(100vw - 16px); padding: 8px 6px;
+  border: .5px solid rgba(255,255,255,.05); border-radius: 16px;
+  background: #0f0f0f; color: #fff; box-shadow: 0 12px 16px rgba(0,0,0,.35);
+  white-space: normal; text-align: left;
+}
+.ftl-tool-preview-media {
+  width: 100%; aspect-ratio: 16 / 9; flex: none; border-radius: 12px; background: #fff;
+}
+.ftl-tool-preview-copy { display: flex; flex-direction: column; gap: 2px; padding: 0 8px; }
+.ftl-tool-preview-title {
+  margin: 0; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: .1px;
+}
+.ftl-tool-preview-description {
+  margin: 0; color: rgba(255,255,255,.5); font-size: 12px; font-weight: 500;
+  line-height: 16px; letter-spacing: 0;
+}
+.fshell[data-design="higgsfield"] .ftl-toolbar {
+  height: 48px;
+  background: transparent;
+}
+`;function p(e){n(e,d,f)}function m(){let e=[];return{bind(t){return e.push(t),{dispose:()=>{let n=e.indexOf(t);n!==-1&&e.splice(n,1)}}},active:()=>e[e.length-1]??null}}function h(e){if(typeof e!=`object`||!e||Array.isArray(e))return null;let t=e=>Array.isArray(e)?e.filter(e=>typeof e==`string`):[],n=t(e.assetIds),r=t(e.sceneIds);return n.length===0&&r.length===0?null:{assetIds:n,sceneIds:r}}function g(n){let d=new i,f=m(),g=()=>n.require(t),_=()=>n.require(e);async function v(){let e=f.active();if(e){e.splitAtPlayhead();return}let[t,r]=await Promise.all([g(),_()]),i=r.snapshot();if(!i)return;let a=o(i,t.currentTime.get(),t.selection.get().clipIds);a&&(await n.commands.execute(`document.apply`,a.envelope),a.rightIds.length>0&&t.setSelection({clipIds:a.rightIds}))}async function y(){let e=f.active();if(e){e.addAdjustmentLayer();return}let[t,r]=await Promise.all([g(),_()]),i=r.snapshot();if(!i)return;let a=s(i);a&&(await n.commands.execute(`document.apply`,a.envelope),t.setSelection({clipIds:[a.clipId]}))}async function b(){let e=f.active();if(e){e.rippleDelete();return}let[t,r]=await Promise.all([g(),_()]),i=r.snapshot();if(!i)return;let a=u(i,t.selection.get().clipIds);a&&await n.commands.execute(`document.apply`,a)}async function x(e){let[t,n]=await Promise.all([g(),_()]),r=n.snapshot(),i=r?c(r):null;if(!i||i.markers.length===0)return;let a=t.currentTime.get(),o=1e-6,s=i.markers.map(e=>e.time).filter(t=>e===1?t>a+o:t<a-o).sort((e,t)=>e-t),l=e===1?s[0]:s[s.length-1];l!==void 0&&t.seek(l)}async function S(){let e=f.active();if(e){e.addMarkerAtPlayhead();return}let[t,r]=await Promise.all([g(),_()]),i=r.snapshot();if(!i)return;let a=l(i,t.currentTime.get());a&&await n.commands.execute(`document.apply`,a.envelope)}return d.add(n.extensions.register(`panel`,`fable.panel-timeline.panel`,a(()=>r(()=>import(`./panel-B5Mvm6dg.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])),{props:()=>({bindView:f.bind}),styles:p}))),d.add(n.commands.register(`fable.panel-timeline.splitAtPlayhead`,()=>v())),d.add(n.commands.register(`fable.panel-timeline.addAdjustmentLayer`,()=>y())),d.add(n.commands.register(`fable.panel-timeline.rippleDelete`,()=>b())),d.add(n.commands.register(`fable.panel-timeline.addMarkerAtPlayhead`,()=>S())),d.add(n.commands.register(`fable.panel-timeline.prevMarker`,()=>x(-1))),d.add(n.commands.register(`fable.panel-timeline.nextMarker`,()=>x(1))),d.add(n.commands.register(`fable.panel-timeline.zoomFit`,()=>f.active()?.zoomToFitScene())),d.add(n.commands.register(`fable.panel-timeline.zoomSelection`,()=>f.active()?.zoomToSelection())),d.add(n.commands.register(`fable.panel-timeline.zoom100`,()=>f.active()?.zoomTo100())),d.add(n.commands.register(`fable.panel-timeline.clipMenuAnchor`,e=>typeof e==`string`||Array.isArray(e)&&e.every(e=>typeof e==`string`)?f.active()?.clipMenuAnchor(e)??null:null)),d.add(n.commands.register(`fable.panel-timeline.assetDragPreview`,e=>f.active()?.setAssetDragPreview(h(e)))),d}export{g as activate};