{"schemaVersion":1,"id":"recommended.sm-animated-scene","version":"1.0.0","name":"Animated Scene workflow","description":"An editable production workflow using Animated Scene v2.2.0.","stages":[{"id":"main","blockId":"sm.animated-scene","version":"2.2.0","label":"Animated Scene"}],"connections":[],"packages":[{"manifest":{"schemaVersion":1,"sdkVersion":"0.1.0","id":"sm.animated-scene","version":"2.2.0","name":"Animated Scene","description":"Review and edit the complete Animated Scene Step—scene composition, layers, assets, camera and motion settings, transitions, versions, and retained custom fields—while preserving the shot and narration spine.","kind":"workspace","runtime":"javascript","entry":"src/run.js","license":"MIT","provenance":{"notice":"Original source (authorship declared by the packager)\nLicense: MIT\nChanges: Original implementation declared by the packager; no reused repository or dependency code.\nFiles: LICENSE, src/run.js, src/view.json\n\nMIT License\n\nCopyright (c) 2026 StillMade contributors\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n","portableSources":[{"kind":"original","license":"MIT","paths":["LICENSE","src/run.js","src/view.json"],"evidence":["upstream/0/LICENSE","upstream/0/src/run.js","upstream/0/src/view.json"],"changes":"Original implementation declared by the packager; no reused repository or dependency code."}]},"inputs":{"animation":{"type":"scene-document","context":"animation","primary":true,"required":false,"default":{"schemaVersion":1,"scenes":[]},"description":"The complete current Animated Scene document. Shot identity, narration timing, scene layers, assets, versions, and custom fields are retained."},"updatedAnimation":{"type":"scene-document","required":false,"default":{"schemaVersion":1,"scenes":[]},"description":"The complete edited animation prepared in this workspace."},"commit":{"type":"boolean","default":false,"description":"Prepare the edited animation for StillMade review and Apply."},"generatedImage":{"type":"image","imageMode":"reference","required":false,"description":"An exact stored image version produced by an approved generation Block or selected from project media."},"targetShotId":{"type":"text","required":false,"default":"","description":"Shot containing the layer that receives the connected image."},"targetLayerId":{"type":"text","required":false,"default":"","description":"Layer that receives the connected image."},"attachGeneratedImage":{"type":"boolean","default":false,"description":"Attach the connected image to the selected layer while preserving prior scene versions."},"action":{"type":"text","required":false,"default":"none","description":"The Block-owned interface selects a declared host action."}},"outputs":{"animation":{"type":"scene-document","primary":true,"role":"animated_scene_document","description":"The complete edited Animated Scene document for the next Step."},"edit":{"type":"workspace-edit","description":"An exact before/after Animated Scene change reviewed before it updates the project."},"qualityAction":{"type":"approval","required":false,"role":"portable_media_action","description":"Analyze exact saved layer images."},"renderAction":{"type":"approval","required":false,"role":"portable_media_action","description":"Render composed scenes."},"qualityReport":{"type":"metadata","required":false}},"permissions":{"project":["context.animation.read","workspace.animation.propose"],"network":[],"filesystem":[],"secrets":[],"actions":["quality.analyze","final.render"]},"ui":[],"platforms":{"phone":{"supported":true},"browser":{"supported":true},"desktop":{"supported":true}}},"code":"const copy = value => JSON.parse(JSON.stringify(value));\nconst same = (left, right) => JSON.stringify(left === undefined ? null : left) === JSON.stringify(right === undefined ? null : right);\nconst source = copy(input.animation || {schemaVersion: 1, scenes: []});\nconst candidate = input.commit ? copy(input.updatedAnimation) : copy(source);\nif (input.attachGeneratedImage) {\n  if (!input.generatedImage || input.generatedImage.kind !== 'image') throw new Error('Connect an approved generated image before attaching it.');\n  const record = candidate.scenes.find(item => item.shotId === input.targetShotId);\n  const layer = record && Array.isArray(record.scene && record.scene.layers) ? record.scene.layers.find(item => item.id === input.targetLayerId) : null;\n  if (!layer) throw new Error('Choose an existing scene layer for the connected image.');\n  layer.asset = copy(input.generatedImage);\n  layer.src = input.generatedImage.url;\n}\nif (!candidate || Array.isArray(candidate) || candidate.schemaVersion !== 1 || !Array.isArray(candidate.scenes) || candidate.scenes.length > 2000) {\n  throw new Error('Keep the complete version 1 Animated Scene document with up to 2,000 scenes.');\n}\nif (candidate.scenes.length !== source.scenes.length || !candidate.scenes.every((record, index) => {\n  const previous = source.scenes[index];\n  return record && previous && typeof record === 'object' && !Array.isArray(record) && record.shotId === previous.shotId && same(record.start, previous.start) && same(record.end, previous.end) && same(record.voiceoverText, previous.voiceoverText);\n})) throw new Error('Keep every shot ID, narration line, and narration timing unchanged. Edit the shot plan in Shots.');\nif (!candidate.scenes.every(record => record.scene && typeof record.scene === 'object' && !Array.isArray(record.scene) && (!record.scene.layers || Array.isArray(record.scene.layers) && record.scene.layers.length <= 1000 && record.scene.layers.every(layer => layer && typeof layer === 'object' && !Array.isArray(layer))) && (record.scene.durationMs === undefined || Number.isFinite(record.scene.durationMs) && record.scene.durationMs > 0 && record.scene.durationMs <= 86400000))) {\n  throw new Error('Each animated scene needs valid scene data, duration, and up to 1,000 layers.');\n}\nconst itemEnd=item=>Math.max(0,Number(item.start)||0)+Math.max(.001,Number(item.duration)||Number(item.durationMs)/1000||.001);\nconst outputs={animation:candidate,edit:{schemaVersion:1,title:`Update Animated Scene (${candidate.scenes.length} scenes)`,field:'animation',before:source,after:candidate}};const images=candidate.scenes.flatMap(record=>(record.scene?.layers||[]).map(layer=>layer.asset)).filter(image=>image&&image.kind==='image'&&image.assetId&&image.versionId&&image.url).slice(0,16);\nif(input.action==='quality'&&images.length)outputs.qualityAction={schemaVersion:1,kind:'stillmade.media-action',operation:'quality.analyze',request:{assets:images.map(({assetId,versionId,url})=>({kind:'image',assetId,versionId,url}))},resultPort:'qualityReport'};\nif(input.action==='render'){const clips=candidate.scenes.map((record,index)=>({id:record.shotId||'scene-'+index,start:Number(record.start)||0,duration:Math.max(.001,Number(record.end)-Number(record.start)||Number(record.scene?.durationMs)/1000||1),scene:record.scene})),targetDuration=Math.max(.001,...clips.map(itemEnd));outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:{schemaVersion:1,activeTimelineId:'animation',clips,audio:[],overlays:[],targetDuration},settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.animated-scene',version:'2.2.0'}},resultPort:null};}\nreturn outputs;\n","view":{"html":"<main class=\"animation-workspace\">\n  <header><div><small>Production workspace</small><h1>Animated Scene</h1><p id=\"summary\">Loading scenes…</p></div><div class=\"actions\"><button id=\"reset\" type=\"button\" class=\"secondary\">Reset changes</button><button id=\"save\" type=\"button\">Review changes</button></div></header>\n  <output id=\"status\" role=\"status\" aria-live=\"polite\"></output>\n  <section><div class=\"section-title\"><h2>Connected generated image</h2></div><div id=\"handoff\"></div></section>\n  <section id=\"scenes\" class=\"scenes\" aria-label=\"Animated scenes\"></section>\n  <details><summary>Complete Animated Scene data</summary><p>Every engine field, asset reference, camera value, transition, version, and custom field is retained. Shot IDs, narration, and narration timing must stay unchanged.</p><textarea id=\"raw\" class=\"raw\" spellcheck=\"false\"></textarea><button id=\"applyRaw\" type=\"button\" class=\"secondary\">Apply JSON to workspace</button></details>\n<section><h2>Quality and delivery</h2><div class=\"actions\"><button id=\"qualityReview\" type=\"button\" class=\"secondary\">Review asset quality</button><button id=\"renderFinal\" type=\"button\">Render final video</button></div></section></main>\n","css":".animation-workspace{max-width:1120px;margin:0 auto;padding:8px;color:var(--fg)}header,.actions,.card-head,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:14px}header h1{margin:2px 0}header p,header small,details p,output,.spine{color:var(--fg-muted)}.scenes{display:grid;gap:12px}.card,details{padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}.card-head{justify-content:space-between}.card h2{margin:0;font-size:18px}.layers{display:grid;gap:8px;margin-top:12px}.layer{padding:10px;border:1px solid var(--border-tok);border-radius:var(--r-2);background:var(--bg)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}label{display:grid;gap:5px;margin:8px 0;font-size:13px;font-weight:600}input,textarea{width:100%;background:var(--bg)}textarea{min-height:76px;resize:vertical}.wide{grid-column:1/-1}.secondary{background:transparent;color:var(--fg)}.danger{background:transparent;color:var(--signal)}.raw{min-height:400px;font-family:var(--font-mono);font-size:12px}output{display:block;min-height:24px;margin:8px 2px}\n@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.animation-workspace{padding:0}.grid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}.card,details{padding:12px}}\n","javascript":"const status=document.getElementById('status'),summary=document.getElementById('summary'),raw=document.getElementById('raw'),save=document.getElementById('save');\nlet source={schemaVersion:1,scenes:[]},draft={schemaVersion:1,scenes:[]},connectedImage=null,busy=false,revision=0;\nconst clone=value=>JSON.parse(JSON.stringify(value));\nconst text=value=>value===undefined||value===null?'':String(value);\nconst field=(label,action,value,type='text',wide=false)=>({tag:'label',className:wide?'wide':'',children:[{tag:'span',text:label},{tag:'input',type,action,value:Number.isFinite(value)?value:text(value),disabled:busy,label}]});\nconst layerCard=(layer,sceneIndex,layerIndex)=>({tag:'article',className:'layer',children:[{tag:'div',className:'card-head',children:[{tag:'strong',text:text(layer.label)||text(layer.id)||'Layer '+String(layerIndex+1)},{tag:'div',className:'row',children:[connectedImage?{tag:'button',action:'attach-image:'+String(sceneIndex)+':'+String(layerIndex),text:'Use connected image',className:'secondary',disabled:busy}:null,{tag:'button',action:'remove-layer:'+String(sceneIndex)+':'+String(layerIndex),text:'Remove',className:'danger',disabled:busy}].filter(Boolean)}]},{tag:'div',className:'grid',children:[field('Layer ID','layer-id:'+String(sceneIndex)+':'+String(layerIndex),layer.id),field('Label','layer-label:'+String(sceneIndex)+':'+String(layerIndex),layer.label),field('Depth','layer-depth:'+String(sceneIndex)+':'+String(layerIndex),layer.depth,'number'),field('X','layer-x:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.x,'number'),field('Y','layer-y:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.y,'number'),field('Scale','layer-scale:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.scale,'number'),field('Rotation','layer-rotation:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.rot,'number'),field('Appears (ms)','layer-appear:'+String(sceneIndex)+':'+String(layerIndex),layer.appearMs,'number'),field('Leaves (ms)','layer-leave:'+String(sceneIndex)+':'+String(layerIndex),layer.leaveMs,'number')]}]});\nconst sceneCard=(record,index)=>{const scene=record.scene||{},layers=Array.isArray(scene.layers)?scene.layers:[];return {tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h2',text:'Scene '+String(index+1)+' · '+text(record.shotId)},{tag:'button',action:'add-layer:'+String(index),text:'Add layer',className:'secondary',disabled:busy}]},{tag:'p',className:'spine',text:text(record.start)+' → '+text(record.end)+' · '+text(record.voiceoverText)},{tag:'div',className:'grid',children:[field('Title','scene-title:'+String(index),scene.title),field('Aspect','scene-aspect:'+String(index),scene.aspect),field('Duration (ms)','scene-duration:'+String(index),scene.durationMs,'number')]},{tag:'div',className:'layers',children:layers.length?layers.map((layer,layerIndex)=>layerCard(layer,index,layerIndex)):[{tag:'p',text:'No layers in this scene.'}]},{tag:'p',className:'spine',text:Array.isArray(record.versions)?String(record.versions.length)+' retained version'+(record.versions.length===1?'':'s'):''}]}};\nconst ensure=()=>{if(!draft||Array.isArray(draft)||draft.schemaVersion!==1)draft={schemaVersion:1,scenes:[]};if(!Array.isArray(draft.scenes))draft.scenes=[]};\nconst draw=()=>{ensure();StillMade.render('handoff',connectedImage?[{tag:'p',className:'hint',text:'Ready: '+text(connectedImage.assetId)+' · version '+text(connectedImage.versionId)},{tag:'p',className:'hint',text:'Choose Use connected image on a scene layer.'}]:[{tag:'p',className:'hint',text:'Connect the output of Generate image to attach an approved stored result. Provider credentials and charging stay outside this Block.'}]);StillMade.render('scenes',draft.scenes.length?draft.scenes.map(sceneCard):[{tag:'p',text:'No composed scenes yet. Build scenes from the Shots Step first.'}]);raw.value=JSON.stringify(draft,null,2);summary.textContent=String(draft.scenes.length)+' composed scene'+(draft.scenes.length===1?'':'s');save.disabled=busy;document.getElementById('reset').disabled=busy};\nconst changed=()=>{revision+=1;raw.value=JSON.stringify(draft,null,2);status.textContent='Changes are local until you choose Review changes.'};\nStillMade.onAction(event=>{if(busy)return;ensure();const parts=event.action.split(':'),kind=parts[0],sceneIndex=Number(parts[1]),layerIndex=Number(parts[2]),record=draft.scenes.find((item,position)=>position===sceneIndex),scene=record&&record.scene,layer=scene&&Array.isArray(scene.layers)?scene.layers.find((item,position)=>position===layerIndex):null;if(!scene)return;\n if(kind==='add-layer'){if(!Array.isArray(scene.layers))scene.layers=[];scene.layers=[...scene.layers,{id:'portable-layer-'+String(scene.layers.length+1)+'-'+String(revision+1),label:'New layer',params:{},transform:{x:0.5,y:0.5,scale:1,rot:0},depth:0.5,z:scene.layers.length+1}];changed();draw();return}if(kind==='remove-layer'&&layer){scene.layers=scene.layers.filter((item,position)=>position!==layerIndex);changed();draw();return}\n if(kind==='attach-image'&&layer&&connectedImage){layer.asset=clone(connectedImage);layer.src=connectedImage.url;changed();draw();status.textContent='Connected image attached with its exact asset and version identity.';return}\n if(kind==='scene-title')scene.title=event.value;if(kind==='scene-aspect')scene.aspect=event.value;if(kind==='scene-duration')scene.durationMs=Math.max(1,Number(event.value)||1);\n if(layer){if(kind==='layer-id')layer.id=event.value;if(kind==='layer-label')layer.label=event.value;if(kind==='layer-depth')layer.depth=Number(event.value);if(kind==='layer-appear')layer.appearMs=Math.max(0,Number(event.value)||0);if(kind==='layer-leave')layer.leaveMs=event.value===''?null:Math.max(0,Number(event.value)||0);if(!layer.transform||Array.isArray(layer.transform))layer.transform={x:0.5,y:0.5,scale:1,rot:0};if(kind==='layer-x')layer.transform.x=Number(event.value);if(kind==='layer-y')layer.transform.y=Number(event.value);if(kind==='layer-scale')layer.transform.scale=Number(event.value);if(kind==='layer-rotation')layer.transform.rot=Number(event.value)}changed()});\ndocument.getElementById('applyRaw').addEventListener('click',()=>{if(busy)return;try{const value=JSON.parse(raw.value);if(!value||Array.isArray(value)||value.schemaVersion!==1||!Array.isArray(value.scenes))throw Error('Animated Scene JSON must be a version 1 object with scenes.');draft=clone(value);changed();draw();status.textContent='Complete Animated Scene data applied locally. Shot and narration fields will be checked before review.'}catch(error){status.textContent=error.message}});\ndocument.getElementById('reset').addEventListener('click',()=>{if(!busy){draft=clone(source);revision+=1;draw();status.textContent='Changes reset to the current Animated Scene document.'}});\nsave.addEventListener('click',async()=>{if(busy)return;const started=revision;busy=true;draw();status.textContent='Checking scenes and the narration spine…';try{const result=await StillMade.run({animation:source,updatedAnimation:draft,commit:true});draft=clone(result.animation);if(started===revision)status.textContent='Animated Scene changes are ready below. Review the before and after, then choose Apply.'}catch(error){status.textContent=error.message||'Animated Scene changes could not be prepared.'}finally{busy=false;draw()}});\nStillMade.onInput(values=>{source=clone(values.animation||{schemaVersion:1,scenes:[]});draft=clone(source);connectedImage=values.generatedImage?clone(values.generatedImage):null;revision+=1;draw();status.textContent='Edit scene composition and layers. Shot IDs, narration, timing, assets, versions, and custom fields are retained.'});\n\nconst mediaAction=async action=>{if(busy)return;busy=true;draw();try{await StillMade.run({animation:source,updatedAnimation:draft,commit:false,action});status.textContent='The approved action is ready below.'}catch(error){status.textContent=error.message||'The media action could not be prepared.'}finally{busy=false;draw()}};document.getElementById('qualityReview').addEventListener('click',()=>mediaAction('quality'));document.getElementById('renderFinal').addEventListener('click',()=>mediaAction('render'));\n"},"tests":[{"name":"Retain the complete Animated Scene document","input":{"animation":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"aspect":"16:9","layers":[{"id":"hero","label":"Hero","asset":{"assetId":"asset-1","versionId":"v2"},"transform":{"x":0.5,"y":0.6,"scale":1,"rot":0},"custom":{"keep":true}}]},"versions":[{"label":"Original","scene":{"durationMs":4000}}]}]},"updatedAnimation":{"schemaVersion":1,"scenes":[]},"commit":false},"expected":{"animation":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"aspect":"16:9","layers":[{"id":"hero","label":"Hero","asset":{"assetId":"asset-1","versionId":"v2"},"transform":{"x":0.5,"y":0.6,"scale":1,"rot":0},"custom":{"keep":true}}]},"versions":[{"label":"Original","scene":{"durationMs":4000}}]}]},"edit":{"schemaVersion":1,"title":"Update 1 animated scene","field":"animation","before":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"aspect":"16:9","layers":[{"id":"hero","label":"Hero","asset":{"assetId":"asset-1","versionId":"v2"},"transform":{"x":0.5,"y":0.6,"scale":1,"rot":0},"custom":{"keep":true}}]},"versions":[{"label":"Original","scene":{"durationMs":4000}}]}]},"after":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"aspect":"16:9","layers":[{"id":"hero","label":"Hero","asset":{"assetId":"asset-1","versionId":"v2"},"transform":{"x":0.5,"y":0.6,"scale":1,"rot":0},"custom":{"keep":true}}]},"versions":[{"label":"Original","scene":{"durationMs":4000}}]}]}}}},{"name":"Prepare one exact Animated Scene update","input":{"animation":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"layers":[{"id":"hero","label":"Hero","depth":0.6,"transform":{"x":0.5,"y":0.5,"scale":1,"rot":0}}]}}]},"updatedAnimation":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Closer opening","durationMs":4000,"layers":[{"id":"hero","label":"Hero close","depth":0.7,"transform":{"x":0.55,"y":0.5,"scale":1.2,"rot":0}}]}}]},"commit":true},"expected":{"animation":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Closer opening","durationMs":4000,"layers":[{"id":"hero","label":"Hero close","depth":0.7,"transform":{"x":0.55,"y":0.5,"scale":1.2,"rot":0}}]}}]},"edit":{"schemaVersion":1,"title":"Update 1 animated scene","field":"animation","before":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Opening","durationMs":4000,"layers":[{"id":"hero","label":"Hero","depth":0.6,"transform":{"x":0.5,"y":0.5,"scale":1,"rot":0}}]}}]},"after":{"schemaVersion":1,"scenes":[{"shotId":"shot-1","start":0,"end":4,"voiceoverText":"Keep narration","scene":{"title":"Closer opening","durationMs":4000,"layers":[{"id":"hero","label":"Hero close","depth":0.7,"transform":{"x":0.55,"y":0.5,"scale":1.2,"rot":0}}]}}]}}}}],"portable":{"format":"stillmade-block/1","dependencies":[],"sources":[{"kind":"original","license":"MIT","paths":["LICENSE","src/run.js","src/view.json"],"evidence":["upstream/0/LICENSE","upstream/0/src/run.js","upstream/0/src/view.json"],"changes":"Original implementation declared by the packager; no reused repository or dependency code."}],"files":{"upstream/0/LICENSE":"MIT License\n\nCopyright (c) 2026 StillMade contributors\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n","upstream/0/src/run.js":"const copy = value => JSON.parse(JSON.stringify(value));\nconst same = (left, right) => JSON.stringify(left === undefined ? null : left) === JSON.stringify(right === undefined ? null : right);\nconst source = copy(input.animation || {schemaVersion: 1, scenes: []});\nconst candidate = input.commit ? copy(input.updatedAnimation) : copy(source);\nif (input.attachGeneratedImage) {\n  if (!input.generatedImage || input.generatedImage.kind !== 'image') throw new Error('Connect an approved generated image before attaching it.');\n  const record = candidate.scenes.find(item => item.shotId === input.targetShotId);\n  const layer = record && Array.isArray(record.scene && record.scene.layers) ? record.scene.layers.find(item => item.id === input.targetLayerId) : null;\n  if (!layer) throw new Error('Choose an existing scene layer for the connected image.');\n  layer.asset = copy(input.generatedImage);\n  layer.src = input.generatedImage.url;\n}\nif (!candidate || Array.isArray(candidate) || candidate.schemaVersion !== 1 || !Array.isArray(candidate.scenes) || candidate.scenes.length > 2000) {\n  throw new Error('Keep the complete version 1 Animated Scene document with up to 2,000 scenes.');\n}\nif (candidate.scenes.length !== source.scenes.length || !candidate.scenes.every((record, index) => {\n  const previous = source.scenes[index];\n  return record && previous && typeof record === 'object' && !Array.isArray(record) && record.shotId === previous.shotId && same(record.start, previous.start) && same(record.end, previous.end) && same(record.voiceoverText, previous.voiceoverText);\n})) throw new Error('Keep every shot ID, narration line, and narration timing unchanged. Edit the shot plan in Shots.');\nif (!candidate.scenes.every(record => record.scene && typeof record.scene === 'object' && !Array.isArray(record.scene) && (!record.scene.layers || Array.isArray(record.scene.layers) && record.scene.layers.length <= 1000 && record.scene.layers.every(layer => layer && typeof layer === 'object' && !Array.isArray(layer))) && (record.scene.durationMs === undefined || Number.isFinite(record.scene.durationMs) && record.scene.durationMs > 0 && record.scene.durationMs <= 86400000))) {\n  throw new Error('Each animated scene needs valid scene data, duration, and up to 1,000 layers.');\n}\nconst itemEnd=item=>Math.max(0,Number(item.start)||0)+Math.max(.001,Number(item.duration)||Number(item.durationMs)/1000||.001);\nconst outputs={animation:candidate,edit:{schemaVersion:1,title:`Update Animated Scene (${candidate.scenes.length} scenes)`,field:'animation',before:source,after:candidate}};const images=candidate.scenes.flatMap(record=>(record.scene?.layers||[]).map(layer=>layer.asset)).filter(image=>image&&image.kind==='image'&&image.assetId&&image.versionId&&image.url).slice(0,16);\nif(input.action==='quality'&&images.length)outputs.qualityAction={schemaVersion:1,kind:'stillmade.media-action',operation:'quality.analyze',request:{assets:images.map(({assetId,versionId,url})=>({kind:'image',assetId,versionId,url}))},resultPort:'qualityReport'};\nif(input.action==='render'){const clips=candidate.scenes.map((record,index)=>({id:record.shotId||'scene-'+index,start:Number(record.start)||0,duration:Math.max(.001,Number(record.end)-Number(record.start)||Number(record.scene?.durationMs)/1000||1),scene:record.scene})),targetDuration=Math.max(.001,...clips.map(itemEnd));outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:{schemaVersion:1,activeTimelineId:'animation',clips,audio:[],overlays:[],targetDuration},settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.animated-scene',version:'2.2.0'}},resultPort:null};}\nreturn outputs;\n","upstream/0/src/view.json":"{\n  \"html\": \"<main class=\\\"animation-workspace\\\">\\n  <header><div><small>Production workspace</small><h1>Animated Scene</h1><p id=\\\"summary\\\">Loading scenes…</p></div><div class=\\\"actions\\\"><button id=\\\"reset\\\" type=\\\"button\\\" class=\\\"secondary\\\">Reset changes</button><button id=\\\"save\\\" type=\\\"button\\\">Review changes</button></div></header>\\n  <output id=\\\"status\\\" role=\\\"status\\\" aria-live=\\\"polite\\\"></output>\\n  <section><div class=\\\"section-title\\\"><h2>Connected generated image</h2></div><div id=\\\"handoff\\\"></div></section>\\n  <section id=\\\"scenes\\\" class=\\\"scenes\\\" aria-label=\\\"Animated scenes\\\"></section>\\n  <details><summary>Complete Animated Scene data</summary><p>Every engine field, asset reference, camera value, transition, version, and custom field is retained. Shot IDs, narration, and narration timing must stay unchanged.</p><textarea id=\\\"raw\\\" class=\\\"raw\\\" spellcheck=\\\"false\\\"></textarea><button id=\\\"applyRaw\\\" type=\\\"button\\\" class=\\\"secondary\\\">Apply JSON to workspace</button></details>\\n<section><h2>Quality and delivery</h2><div class=\\\"actions\\\"><button id=\\\"qualityReview\\\" type=\\\"button\\\" class=\\\"secondary\\\">Review asset quality</button><button id=\\\"renderFinal\\\" type=\\\"button\\\">Render final video</button></div></section></main>\\n\",\n  \"css\": \".animation-workspace{max-width:1120px;margin:0 auto;padding:8px;color:var(--fg)}header,.actions,.card-head,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:14px}header h1{margin:2px 0}header p,header small,details p,output,.spine{color:var(--fg-muted)}.scenes{display:grid;gap:12px}.card,details{padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}.card-head{justify-content:space-between}.card h2{margin:0;font-size:18px}.layers{display:grid;gap:8px;margin-top:12px}.layer{padding:10px;border:1px solid var(--border-tok);border-radius:var(--r-2);background:var(--bg)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}label{display:grid;gap:5px;margin:8px 0;font-size:13px;font-weight:600}input,textarea{width:100%;background:var(--bg)}textarea{min-height:76px;resize:vertical}.wide{grid-column:1/-1}.secondary{background:transparent;color:var(--fg)}.danger{background:transparent;color:var(--signal)}.raw{min-height:400px;font-family:var(--font-mono);font-size:12px}output{display:block;min-height:24px;margin:8px 2px}\\n@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.animation-workspace{padding:0}.grid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}.card,details{padding:12px}}\\n\",\n  \"javascript\": \"const status=document.getElementById('status'),summary=document.getElementById('summary'),raw=document.getElementById('raw'),save=document.getElementById('save');\\nlet source={schemaVersion:1,scenes:[]},draft={schemaVersion:1,scenes:[]},connectedImage=null,busy=false,revision=0;\\nconst clone=value=>JSON.parse(JSON.stringify(value));\\nconst text=value=>value===undefined||value===null?'':String(value);\\nconst field=(label,action,value,type='text',wide=false)=>({tag:'label',className:wide?'wide':'',children:[{tag:'span',text:label},{tag:'input',type,action,value:Number.isFinite(value)?value:text(value),disabled:busy,label}]});\\nconst layerCard=(layer,sceneIndex,layerIndex)=>({tag:'article',className:'layer',children:[{tag:'div',className:'card-head',children:[{tag:'strong',text:text(layer.label)||text(layer.id)||'Layer '+String(layerIndex+1)},{tag:'div',className:'row',children:[connectedImage?{tag:'button',action:'attach-image:'+String(sceneIndex)+':'+String(layerIndex),text:'Use connected image',className:'secondary',disabled:busy}:null,{tag:'button',action:'remove-layer:'+String(sceneIndex)+':'+String(layerIndex),text:'Remove',className:'danger',disabled:busy}].filter(Boolean)}]},{tag:'div',className:'grid',children:[field('Layer ID','layer-id:'+String(sceneIndex)+':'+String(layerIndex),layer.id),field('Label','layer-label:'+String(sceneIndex)+':'+String(layerIndex),layer.label),field('Depth','layer-depth:'+String(sceneIndex)+':'+String(layerIndex),layer.depth,'number'),field('X','layer-x:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.x,'number'),field('Y','layer-y:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.y,'number'),field('Scale','layer-scale:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.scale,'number'),field('Rotation','layer-rotation:'+String(sceneIndex)+':'+String(layerIndex),layer.transform&&layer.transform.rot,'number'),field('Appears (ms)','layer-appear:'+String(sceneIndex)+':'+String(layerIndex),layer.appearMs,'number'),field('Leaves (ms)','layer-leave:'+String(sceneIndex)+':'+String(layerIndex),layer.leaveMs,'number')]}]});\\nconst sceneCard=(record,index)=>{const scene=record.scene||{},layers=Array.isArray(scene.layers)?scene.layers:[];return {tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h2',text:'Scene '+String(index+1)+' · '+text(record.shotId)},{tag:'button',action:'add-layer:'+String(index),text:'Add layer',className:'secondary',disabled:busy}]},{tag:'p',className:'spine',text:text(record.start)+' → '+text(record.end)+' · '+text(record.voiceoverText)},{tag:'div',className:'grid',children:[field('Title','scene-title:'+String(index),scene.title),field('Aspect','scene-aspect:'+String(index),scene.aspect),field('Duration (ms)','scene-duration:'+String(index),scene.durationMs,'number')]},{tag:'div',className:'layers',children:layers.length?layers.map((layer,layerIndex)=>layerCard(layer,index,layerIndex)):[{tag:'p',text:'No layers in this scene.'}]},{tag:'p',className:'spine',text:Array.isArray(record.versions)?String(record.versions.length)+' retained version'+(record.versions.length===1?'':'s'):''}]}};\\nconst ensure=()=>{if(!draft||Array.isArray(draft)||draft.schemaVersion!==1)draft={schemaVersion:1,scenes:[]};if(!Array.isArray(draft.scenes))draft.scenes=[]};\\nconst draw=()=>{ensure();StillMade.render('handoff',connectedImage?[{tag:'p',className:'hint',text:'Ready: '+text(connectedImage.assetId)+' · version '+text(connectedImage.versionId)},{tag:'p',className:'hint',text:'Choose Use connected image on a scene layer.'}]:[{tag:'p',className:'hint',text:'Connect the output of Generate image to attach an approved stored result. Provider credentials and charging stay outside this Block.'}]);StillMade.render('scenes',draft.scenes.length?draft.scenes.map(sceneCard):[{tag:'p',text:'No composed scenes yet. Build scenes from the Shots Step first.'}]);raw.value=JSON.stringify(draft,null,2);summary.textContent=String(draft.scenes.length)+' composed scene'+(draft.scenes.length===1?'':'s');save.disabled=busy;document.getElementById('reset').disabled=busy};\\nconst changed=()=>{revision+=1;raw.value=JSON.stringify(draft,null,2);status.textContent='Changes are local until you choose Review changes.'};\\nStillMade.onAction(event=>{if(busy)return;ensure();const parts=event.action.split(':'),kind=parts[0],sceneIndex=Number(parts[1]),layerIndex=Number(parts[2]),record=draft.scenes.find((item,position)=>position===sceneIndex),scene=record&&record.scene,layer=scene&&Array.isArray(scene.layers)?scene.layers.find((item,position)=>position===layerIndex):null;if(!scene)return;\\n if(kind==='add-layer'){if(!Array.isArray(scene.layers))scene.layers=[];scene.layers=[...scene.layers,{id:'portable-layer-'+String(scene.layers.length+1)+'-'+String(revision+1),label:'New layer',params:{},transform:{x:0.5,y:0.5,scale:1,rot:0},depth:0.5,z:scene.layers.length+1}];changed();draw();return}if(kind==='remove-layer'&&layer){scene.layers=scene.layers.filter((item,position)=>position!==layerIndex);changed();draw();return}\\n if(kind==='attach-image'&&layer&&connectedImage){layer.asset=clone(connectedImage);layer.src=connectedImage.url;changed();draw();status.textContent='Connected image attached with its exact asset and version identity.';return}\\n if(kind==='scene-title')scene.title=event.value;if(kind==='scene-aspect')scene.aspect=event.value;if(kind==='scene-duration')scene.durationMs=Math.max(1,Number(event.value)||1);\\n if(layer){if(kind==='layer-id')layer.id=event.value;if(kind==='layer-label')layer.label=event.value;if(kind==='layer-depth')layer.depth=Number(event.value);if(kind==='layer-appear')layer.appearMs=Math.max(0,Number(event.value)||0);if(kind==='layer-leave')layer.leaveMs=event.value===''?null:Math.max(0,Number(event.value)||0);if(!layer.transform||Array.isArray(layer.transform))layer.transform={x:0.5,y:0.5,scale:1,rot:0};if(kind==='layer-x')layer.transform.x=Number(event.value);if(kind==='layer-y')layer.transform.y=Number(event.value);if(kind==='layer-scale')layer.transform.scale=Number(event.value);if(kind==='layer-rotation')layer.transform.rot=Number(event.value)}changed()});\\ndocument.getElementById('applyRaw').addEventListener('click',()=>{if(busy)return;try{const value=JSON.parse(raw.value);if(!value||Array.isArray(value)||value.schemaVersion!==1||!Array.isArray(value.scenes))throw Error('Animated Scene JSON must be a version 1 object with scenes.');draft=clone(value);changed();draw();status.textContent='Complete Animated Scene data applied locally. Shot and narration fields will be checked before review.'}catch(error){status.textContent=error.message}});\\ndocument.getElementById('reset').addEventListener('click',()=>{if(!busy){draft=clone(source);revision+=1;draw();status.textContent='Changes reset to the current Animated Scene document.'}});\\nsave.addEventListener('click',async()=>{if(busy)return;const started=revision;busy=true;draw();status.textContent='Checking scenes and the narration spine…';try{const result=await StillMade.run({animation:source,updatedAnimation:draft,commit:true});draft=clone(result.animation);if(started===revision)status.textContent='Animated Scene changes are ready below. Review the before and after, then choose Apply.'}catch(error){status.textContent=error.message||'Animated Scene changes could not be prepared.'}finally{busy=false;draw()}});\\nStillMade.onInput(values=>{source=clone(values.animation||{schemaVersion:1,scenes:[]});draft=clone(source);connectedImage=values.generatedImage?clone(values.generatedImage):null;revision+=1;draw();status.textContent='Edit scene composition and layers. Shot IDs, narration, timing, assets, versions, and custom fields are retained.'});\\n\\nconst mediaAction=async action=>{if(busy)return;busy=true;draw();try{await StillMade.run({animation:source,updatedAnimation:draft,commit:false,action});status.textContent='The approved action is ready below.'}catch(error){status.textContent=error.message||'The media action could not be prepared.'}finally{busy=false;draw()}};document.getElementById('qualityReview').addEventListener('click',()=>mediaAction('quality'));document.getElementById('renderFinal').addEventListener('click',()=>mediaAction('render'));\\n\"\n}"},"lineage":{"parents":[],"changes":"Packaged original Block source for StillMade."}}}],"license":"MIT"}