stillmade-sdk 0.1.41 → 0.1.43

package/blocks/native/sm.animated-scene/versions/2.3.8/package.js

@@ -1,769 +0,0 @@
-// Generated by scripts/build-owned-blocks.mjs. Edit the owned source files.
-export default {
-  "manifest": {
-    "schemaVersion": 1,
-    "sdkVersion": "0.1.0",
-    "id": "sm.animated-scene",
-    "version": "2.3.8",
-    "name": "Animated Scene",
-    "description": "Build animated scenes with exact connected assets, rendered layer and media previews, timed review, and Editor output with bounded saved revision and collaborator context with exact project media-library browsing and trusted previews.",
-    "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.",
-        "semantic": "animated_scene_document"
-      },
-      "shotPlan": {
-        "type": "shot-plan",
-        "context": "shotPlan",
-        "required": false,
-        "default": {
-          "schemaVersion": 1,
-          "shots": []
-        },
-        "description": "Current reviewed Shots document used to build empty scene compositions when no animation document exists.",
-        "semantic": "production_shot_plan"
-      },
-      "updatedAnimation": {
-        "type": "scene-document",
-        "required": false,
-        "default": {
-          "schemaVersion": 1,
-          "scenes": []
-        },
-        "description": "The complete edited animation prepared in this workspace.",
-        "semantic": "animated_scene_document"
-      },
-      "commit": {
-        "type": "boolean",
-        "default": false,
-        "description": "Prepare the edited animation for StillMade review and Apply.",
-        "semantic": "apply_changes",
-        "required": false
-      },
-      "generatedImage": {
-        "type": "image",
-        "imageMode": "reference",
-        "required": false,
-        "description": "An exact stored image version produced by an approved generation Block or selected from project media.",
-        "semantic": "image"
-      },
-      "targetShotId": {
-        "type": "text",
-        "required": false,
-        "default": "",
-        "description": "Shot containing the layer that receives the connected image.",
-        "semantic": "target_shot"
-      },
-      "targetLayerId": {
-        "type": "text",
-        "required": false,
-        "default": "",
-        "description": "Layer that receives the connected image.",
-        "semantic": "target_layer"
-      },
-      "attachGeneratedImage": {
-        "type": "boolean",
-        "default": false,
-        "description": "Attach the connected image to the selected layer while preserving prior scene versions.",
-        "semantic": "attach_image",
-        "required": false
-      },
-      "action": {
-        "type": "text",
-        "required": false,
-        "default": "none",
-        "description": "The Block-owned interface selects a declared host action.",
-        "semantic": "animated_scene_action"
-      },
-      "versions": {
-        "type": "metadata[]",
-        "context": "versions",
-        "required": false,
-        "description": "Host-backed saved revision records for this exact project workspace.",
-        "semantic": "revision_history"
-      },
-      "presence": {
-        "type": "metadata[]",
-        "required": false,
-        "description": "Bounded collaborator presence supplied through a declared connection or host project context.",
-        "semantic": "collaborator_presence"
-      },
-      "assets": {
-        "type": "asset[]",
-        "context": "assets",
-        "required": false,
-        "description": "Exact stored project media versions available for bounded browsing and local attachment.",
-        "semantic": "project_media"
-      }
-    },
-    "outputs": {
-      "animation": {
-        "type": "scene-document",
-        "primary": true,
-        "role": "animated_scene_document",
-        "description": "The complete edited Animated Scene document for the next Step.",
-        "semantic": "animated_scene_document"
-      },
-      "edit": {
-        "type": "workspace-edit",
-        "description": "An exact before/after Animated Scene change reviewed before it updates the project.",
-        "semantic": "workspace_edit"
-      },
-      "qualityAction": {
-        "type": "approval",
-        "required": false,
-        "role": "portable_media_action",
-        "description": "Analyze exact saved layer images.",
-        "semantic": "portable_media_action"
-      },
-      "renderAction": {
-        "type": "approval",
-        "required": false,
-        "role": "portable_media_action",
-        "description": "Render composed scenes.",
-        "semantic": "portable_media_action"
-      },
-      "qualityReport": {
-        "type": "metadata",
-        "required": false,
-        "semantic": "quality_report",
-        "description": "Structured quality findings for the reviewed media."
-      },
-      "editorTimeline": {
-        "type": "timeline",
-        "role": "editor_handoff",
-        "description": "An editable timeline preserving every composed scene for a downstream Editor Step.",
-        "semantic": "editor_handoff"
-      },
-      "revision": {
-        "type": "metadata",
-        "description": "A deterministic revision event for durable host storage and collaboration propagation.",
-        "required": false,
-        "semantic": "revision_event"
-      }
-    },
-    "permissions": {
-      "project": [
-        "context.animation.read",
-        "context.shotPlan.read",
-        "workspace.animation.propose",
-        "context.versions.read",
-        "context.assets.read"
-      ],
-      "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 shots=Array.isArray(input.shotPlan?.shots)?input.shotPlan.shots:[];\nconst generated={schemaVersion:1,scenes:shots.map((shot,index)=>{const start=Number.isFinite(Number(shot.startTime))?Number(shot.startTime):Number(shot.startMs)/1000||0,end=Number.isFinite(Number(shot.endTime))?Number(shot.endTime):start+Math.max(1,Number(shot.estimatedScreenTime)||Number(shot.durationMs)/1000||4);return {shotId:String(shot.id||shot.shotId||'shot-'+String(index+1)),start,end,voiceoverText:String(shot.voiceoverText||shot.narration||shot.text||''),scene:{schemaVersion:1,title:String(shot.shotDescription||shot.description||'Scene '+String(index+1)),aspect:'16:9',durationMs:Math.max(1,Math.round((end-start)*1000)),layers:[],camera:{motion:String(shot.motionEffect||shot.cameraMotion||'Locked Frame')},transition:String(shot.transition||'cut')}}})};\nconst spine=source.scenes.length?source:generated;\nconst candidate = input.commit ? copy(input.updatedAnimation) : copy(spine);\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 !== spine.scenes.length || !candidate.scenes.every((record, index) => {\n  const previous = spine.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 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:copy(record.scene)}));\nconst targetDuration=Math.max(.001,...clips.map(itemEnd));\nconst editorTimeline={schemaVersion:1,activeTimelineId:'animation',clips,audioItems:Array.isArray(candidate.audioItems)?copy(candidate.audioItems):[],captions:Array.isArray(candidate.captions)?copy(candidate.captions):[],textOverlays:[],effects:[],targetDuration};\nconst outputs={animation:candidate,editorTimeline,edit:{schemaVersion:1,title:`Update Animated Scene (${candidate.scenes.length} scenes)`,field:'animation',before:source,after:candidate}};if(Array.isArray(input.versions)||Array.isArray(input.presence))outputs.revision={schemaVersion:1,scope:'animation',baseRevision:(Array.isArray(input.versions)?input.versions:[]).slice(0,200).reduce((highest,item)=>Math.max(highest,Number(item&&item.revision)||0),0),committed:!!input.commit,changed:JSON.stringify(source)!==JSON.stringify(candidate),paths:JSON.stringify(source)===JSON.stringify(candidate)?[]:['animation']};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')outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:editorTimeline,settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.animated-scene',version:'2.3.8'}},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=\"build\" type=\"button\" class=\"secondary\">Build from Shots</button><button id=\"undo\" type=\"button\" class=\"secondary\">Undo last edit</button><button id=\"reset\" type=\"button\" class=\"secondary\">Reset changes</button><button id=\"save\" type=\"button\" data-stillmade-action=\"run\">Review changes</button></div></header>\n  <output id=\"status\" role=\"status\" aria-live=\"polite\"></output>\n  <output id=\"sharedStatus\" role=\"status\" aria-live=\"polite\"></output>\n  <div class=\"actions\"><button id=\"retry\" type=\"button\" class=\"secondary\" hidden>Retry shared changes</button><button id=\"discard\" type=\"button\" class=\"secondary\" hidden>Use shared version</button><button id=\"cancelReset\" type=\"button\" class=\"secondary\" hidden>Keep changes</button></div>\n  <section><h2>Latest shared result</h2><div id=\"sharedResult\"></div></section>\n  <section><h2>Saved revisions and collaborators</h2><div id=\"workspaceSync\"></div></section>\n  <section><h2>Project media library</h2><p>Browse exact stored image versions supplied by the host.</p><div id=\"mediaLibrary\"></div><img id=\"libraryPreview\" alt=\"Trusted project media preview\" hidden></section>\n  <section><div class=\"section-title\"><h2>Connected generated image</h2></div><div id=\"handoff\"></div></section>\n  <section class=\"preview\"><div class=\"card-head\"><div><h2>Sequence preview</h2><p>Every preview frame becomes an editable Editor clip.</p></div><button id=\"prepareEditor\" type=\"button\" class=\"secondary\">Prepare Editor handoff</button></div><div id=\"sequencePreview\" class=\"preview-strip\" aria-label=\"Animated scene sequence preview\"></div><div class=\"actions\"><button id=\"previousScene\" type=\"button\" class=\"secondary\">Previous scene</button><output id=\"scenePage\"></output><button id=\"nextScene\" type=\"button\" class=\"secondary\">Next scene</button></div><div class=\"playback\"><button id=\"advanceScene\" type=\"button\" class=\"secondary\">Advance 0.25s</button><label for=\"scenePlayhead\">Scene position</label><input id=\"scenePlayhead\" type=\"range\" min=\"0\" max=\"1\" step=\"50\" value=\"0\"><output id=\"sceneTime\" for=\"scenePlayhead\">0.0s</output></div><div id=\"sceneStage\" class=\"scene-stage\" aria-label=\"Rendered scene layer preview\"></div><div class=\"actions\"><button id=\"previewSceneImage\" type=\"button\" class=\"secondary\">Preview first scene image</button></div><img id=\"sceneImagePreview\" alt=\"Selected Animated Scene image preview\" hidden></section>\n  <section id=\"scenes\" class=\"scenes\" aria-label=\"Animated scenes\"></section>\n  <div class=\"actions\"><button id=\"previousLayers\" type=\"button\" class=\"secondary\">Previous layers</button><output id=\"layerPage\"></output><button id=\"nextLayers\" type=\"button\" class=\"secondary\">Next layers</button></div>\n  <details id=\"rawDetails\"><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. This shared scratch draft is checked against the exact scene version it started from; large JSON drafts may exceed the shared-state limit. Scene controls use smaller shared edits.</p><label for=\"raw\">Complete Animated Scene JSON</label><textarea id=\"raw\" class=\"raw\" spellcheck=\"false\"></textarea><div class=\"actions\"><button id=\"applyRaw\" type=\"button\" class=\"secondary\">Apply JSON to workspace</button><button id=\"clearRaw\" type=\"button\" class=\"secondary\">Clear JSON scratch</button></div></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>\n</main>\n",
-    "css": ".animation-workspace{width:100%;margin:0;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}.preview{margin:12px 0;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}.playback{display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center;gap:10px;margin:10px 0}.playback label{margin:0}.preview-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding:8px 0}.preview-frame{display:grid;gap:6px;min-height:110px;padding:14px;border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--bg);align-content:center}.preview-frame span{color:var(--fg-muted)}.preview-frame.active{outline:3px solid var(--accent);outline-offset:2px}.scene-stage{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--bg);margin-top:12px}.scene-layer{position:absolute;display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--bg-elev-1);overflow:hidden;text-overflow:ellipsis}.scene-layer.asset{border-style:double}.x-0{left:0%}.x-1{left:9%}.x-2{left:18%}.x-3{left:27%}.x-4{left:36%}.x-5{left:45%}.x-6{left:54%}.x-7{left:63%}.x-8{left:72%}.x-9{left:81%}.x-10{left:90%}.y-0{top:0%}.y-1{top:8%}.y-2{top:16%}.y-3{top:24%}.y-4{top:32%}.y-5{top:40%}.y-6{top:48%}.y-7{top:56%}.y-8{top:64%}.y-9{top:72%}.y-10{top:80%}.size-s{width:14%}.size-m{width:24%}.size-l{width:38%}.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){.playback{grid-template-columns:auto 1fr}.playback label{grid-column:1/-1}.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}.preview,.card,details{padding:12px}}\n",
-    "javascript": "const status=document.getElementById('status'),raw=document.getElementById('raw');\nconst clone=value=>JSON.parse(JSON.stringify(value)),text=value=>value==null?'':String(value);\nconst empty=()=>({schemaVersion:1,scenes:[]}),emptyScratch=()=>({text:null,base:null});\nlet source=empty(),sourceDraft=empty(),draft=empty(),shotPlan={schemaVersion:1,shots:[]},connectedImage=null,mediaAssets=[];\nlet documentStore=null,scratchStore=null,scratch=emptyScratch(),rawBase=null,busy=false,preparing=false,revision=0,selectedScene=0,layerPage=0,scenePlayhead=0,undoEdit=null,resetConfirmation=null,needsDraftRender=false;\nlet sharedSnapshot={state:{},outputs:{},canEdit:false},documentStatus=null,scratchStatus=null,lastDisabled=true;\nconst controlIds=new Map();\nconst controlId=key=>{if(!controlIds.has(key))controlIds.set(key,'scene-control-'+String(controlIds.size+1));return controlIds.get(key)};\nconst plan=()=>({schemaVersion:1,scenes:(Array.isArray(shotPlan.shots)?shotPlan.shots:[]).map((shot,index)=>{const start=Number.isFinite(Number(shot.startTime))?Number(shot.startTime):Number(shot.startMs)/1000||0,end=Number.isFinite(Number(shot.endTime))?Number(shot.endTime):start+Math.max(1,Number(shot.estimatedScreenTime)||Number(shot.durationMs)/1000||4);return {shotId:text(shot.id||shot.shotId||'shot-'+String(index+1)),start,end,voiceoverText:text(shot.voiceoverText||shot.narration||shot.text),scene:{schemaVersion:1,title:text(shot.shotDescription||shot.description||'Scene '+String(index+1)),aspect:'16:9',durationMs:Math.max(1,Math.round((end-start)*1000)),layers:[],camera:{motion:text(shot.motionEffect||shot.cameraMotion||'Locked Frame')},transition:text(shot.transition||'cut')}}})});\nconst editingAllowed=()=>sharedSnapshot.canEdit===true&&!busy&&!!documentStore&&!documentStatus?.error&&!scratchStatus?.error;\nconst editable=()=>{if(editingAllowed())return true;status.textContent='Editing is unavailable. Any unconfirmed draft is retained; resolve shared changes before continuing.';return false};\n// Undo uses the same fixed fallback representation as the connected document;\n// neither this policy nor the wire declaration is chosen per browser mount.\nconst identifiedScenes=value=>value.scenes.every(record=>typeof record.shotId==='string'&&record.shotId.length>0&&new TextEncoder().encode(record.shotId).length<=512&&!/[\\u0000-\\u001f\\u007f]/.test(record.shotId))&&new Set(value.scenes.map(record=>record.shotId)).size===value.scenes.length;\nconst encoded=value=>{const identified=identifiedScenes(value);return {...value,scenes:{kind:'stillmade.collection/v1',mode:identified?'identified':'atomic',items:identified?value.scenes.map(record=>({id:record.shotId,value:record})):[value.scenes]}}};\nconst decoded=value=>({...value,scenes:value.scenes.mode==='identified'?value.scenes.items.map(record=>record.value):value.scenes.items[0]});\nconst newLayer=label=>({id:'layer-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2),label,params:{},transform:{x:.5,y:.5,scale:1,rot:0},depth:.5,z:1});\nconst change=next=>{if(next===draft)return;undoEdit={before:draft,after:next};draft=next;revision+=1;needsDraftRender=true;resetConfirmation=null;documentStore.changed();status.textContent='Scene changes are shared. Review changes when ready to apply them to the project.'};\nconst changeScene=(index,update)=>change({...draft,scenes:draft.scenes.map((record,position)=>position===index?{...record,scene:update(record.scene)}:record)});\nconst renderRaw=()=>{if(scratch.text!==null){if(raw.value!==scratch.text)raw.value=scratch.text;return}if(document.getElementById('rawDetails').getAttribute('open')!==null){rawBase=JSON.stringify(draft);const value=JSON.stringify(draft,null,2);if(raw.value!==value)raw.value=value}};\nconst controls=()=>{\n const disabled=!editingAllowed(),error=documentStatus?.error||scratchStatus?.error,sourceConflict=documentStatus?.sourceConflict===true;\n ['save','build','undo','applyRaw','clearRaw','qualityReview','renderFinal','prepareEditor'].forEach(id=>{document.getElementById(id).disabled=disabled});\n document.getElementById('build').disabled=disabled||!shotPlan.shots?.length;document.getElementById('undo').disabled=disabled||!undoEdit;\n raw.disabled=disabled;document.getElementById('reset').disabled=busy||!documentStore||sharedSnapshot.canEdit!==true||!!documentStatus?.pending||!!scratchStatus?.pending||!!scratchStatus?.error||!!error&&!sourceConflict;\n document.getElementById('reset').textContent=resetConfirmation?'Confirm reset for everyone':'Reset changes';document.getElementById('cancelReset').hidden=!resetConfirmation;\n document.getElementById('retry').hidden=!error||sourceConflict;document.getElementById('discard').hidden=!error||sourceConflict;\n ['retry','discard'].forEach(id=>{document.getElementById(id).disabled=busy||sharedSnapshot.canEdit!==true||!!documentStatus?.pending||!!scratchStatus?.pending});\n document.getElementById('sharedStatus').textContent=error?'Your draft is retained. '+error:sharedSnapshot.canEdit!==true?'View only — scene changes and shared results remain live.':documentStatus?.dirty||documentStatus?.pending||scratchStatus?.dirty||scratchStatus?.pending?'Sharing changes…':'Shared scene draft is up to date. Project save status is shown by StillMade.';\n return disabled;\n};\nconst field=(label,action,value,key,type='text')=>({tag:'label',children:[{tag:'span',text:label},{tag:'input',id:controlId(key),type,action,value:Number.isFinite(value)?value:text(value),disabled:!editingAllowed(),label}]});\nconst layerCard=(layer,sceneIndex,index,shotId)=>{\n const prefix='layer:'+text(shotId)+':'+text(layer.id||'legacy-'+index),action=kind=>kind+':'+String(sceneIndex)+':'+String(index);\n return {tag:'article',id:controlId(prefix),className:'layer',children:[{tag:'div',className:'card-head',children:[{tag:'strong',text:text(layer.label)||text(layer.id)||'Layer '+String(index+1)},{tag:'div',className:'row',children:[connectedImage?{tag:'button',action:action('attach-image'),text:'Use connected image',className:'secondary',disabled:!editingAllowed()}:null,{tag:'button',action:action('clear-asset'),text:'Clear asset',className:'secondary',disabled:!editingAllowed()||!(layer.asset||layer.src)},{tag:'button',action:action('remove-layer'),text:'Remove',className:'danger',disabled:!editingAllowed()}].filter(Boolean)}]},{tag:'div',className:'grid',children:[field('Layer ID',action('layer-id'),layer.id,prefix+'-id'),field('Label',action('layer-label'),layer.label,prefix+'-label'),field('Depth',action('layer-depth'),layer.depth,prefix+'-depth','number'),field('X',action('layer-x'),layer.transform?.x,prefix+'-x','number'),field('Y',action('layer-y'),layer.transform?.y,prefix+'-y','number'),field('Scale',action('layer-scale'),layer.transform?.scale,prefix+'-scale','number'),field('Rotation',action('layer-rotation'),layer.transform?.rot,prefix+'-rotation','number'),field('Appears (ms)',action('layer-appear'),layer.appearMs,prefix+'-appear','number'),field('Leaves (ms)',action('layer-leave'),layer.leaveMs,prefix+'-leave','number'),field('Asset ID',action('layer-asset'),layer.asset?.assetId,prefix+'-asset'),field('Version ID',action('layer-version'),layer.asset?.versionId,prefix+'-version'),field('Media source',action('layer-src'),layer.src,prefix+'-src')]}]};\n};\nconst sceneCard=(record,index)=>{const scene=record.scene||{},layers=Array.isArray(scene.layers)?scene.layers:[],prefix='scene:'+record.shotId;return {tag:'article',id:controlId(prefix),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:!editingAllowed()}]},{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,prefix+'-title'),field('Aspect','scene-aspect:'+String(index),scene.aspect,prefix+'-aspect'),field('Duration (ms)','scene-duration:'+String(index),scene.durationMs,prefix+'-duration','number')]},{tag:'div',className:'layers',children:layers.length?layers.slice(layerPage*8,layerPage*8+8).map((layer,position)=>layerCard(layer,index,layerPage*8+position,record.shotId)):[{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 updateScenePlayback=()=>{const record=draft.scenes.find((item,index)=>index===selectedScene),duration=Math.max(1,Number(record?.scene?.durationMs)||Math.round(((Number(record?.end)||0)-(Number(record?.start)||0))*1000)||1),slider=document.getElementById('scenePlayhead');scenePlayhead=Math.max(0,Math.min(duration,scenePlayhead));slider.max=String(duration);slider.value=String(scenePlayhead);document.getElementById('sceneTime').textContent=(scenePlayhead/1000).toFixed(1)+'s';(record?.scene?.layers||[]).slice(0,100).forEach((layer,index)=>{const node=document.getElementById('scene-layer-'+String(index));if(node){const appear=Math.max(0,Number(layer.appearMs)||0),leave=layer.leaveMs==null?Infinity:Math.max(0,Number(layer.leaveMs)||0);node.hidden=scenePlayhead<appear||scenePlayhead>leave}})};\nconst renderMediaLibrary=()=>StillMade.render('mediaLibrary',mediaAssets.length?mediaAssets.slice(0,50).map((asset,index)=>({tag:'article',className:'card',children:[{tag:'strong',text:text(asset.title||asset.name||asset.assetId)+' · '+text(asset.versionId)},{tag:'div',className:'row',children:[{tag:'button',action:'library-preview:'+String(index),text:'Preview',className:'secondary'},{tag:'button',action:'library-attach:'+String(index),text:'Attach to scene',className:'secondary',disabled:!editingAllowed()}]}]})):[{tag:'p',text:'No stored project images are available.'}]);\nconst draw=()=>{\n selectedScene=Math.max(0,Math.min(Math.max(0,draft.scenes.length-1),selectedScene));const record=draft.scenes.find((item,index)=>index===selectedScene),layers=record?.scene?.layers||[],start=Math.floor(selectedScene/12)*12;\n layerPage=Math.max(0,Math.min(layerPage,Math.max(0,Math.ceil(layers.length/8)-1)));\n StillMade.render('sequencePreview',draft.scenes.slice(start,start+12).map((item,index)=>({tag:'article',className:'preview-frame'+(start+index===selectedScene?' active':''),children:[{tag:'strong',text:'Scene '+String(start+index+1)},{tag:'span',text:text(item.scene?.title)||text(item.shotId)},{tag:'span',text:String((item.scene?.layers||[]).length)+' layers · '+String(Math.max(1,Math.round((Number(item.end)-Number(item.start))*1000)||Number(item.scene?.durationMs)||1))+' ms'},{tag:'button',action:'select-scene:'+String(start+index),text:'View scene',className:'secondary'}]})));\n StillMade.render('sceneStage',layers.slice(0,100).map((layer,index)=>{const transform=layer.transform||{},x=Math.round(Math.max(0,Math.min(1,Number(transform.x)||.5))*10),y=Math.round(Math.max(0,Math.min(1,Number(transform.y)||.5))*10),scale=Number(transform.scale)||1,sizeClass=scale<.75?' size-s':scale>1.35?' size-l':' size-m';return {tag:'div',id:'scene-layer-'+String(index),className:'scene-layer x-'+String(x)+' y-'+String(y)+sizeClass+(layer.asset||layer.src?' asset':''),text:text(layer.label||layer.id||'Layer '+String(index+1))}}));\n updateScenePlayback();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.'}]);\n StillMade.render('scenes',record?[sceneCard(record,selectedScene)]:[{tag:'p',text:'No composed scenes yet. Build scenes from the Shots Step first.'}]);\n document.getElementById('summary').textContent=String(draft.scenes.length)+' composed scene'+(draft.scenes.length===1?'':'s');document.getElementById('scenePage').textContent=draft.scenes.length?'Scene '+String(selectedScene+1)+' of '+String(draft.scenes.length):'No scenes';document.getElementById('previousScene').disabled=selectedScene<=0;document.getElementById('nextScene').disabled=selectedScene>=draft.scenes.length-1;\n document.getElementById('layerPage').textContent=layers.length?'Layers '+String(layerPage*8+1)+'–'+String(Math.min(layers.length,layerPage*8+8))+' of '+String(layers.length):'No layers';document.getElementById('previousLayers').disabled=layerPage<=0;document.getElementById('nextLayers').disabled=(layerPage+1)*8>=layers.length;\n renderRaw();renderMediaLibrary();lastDisabled=controls();\n};\nconst observeStatus=()=>{const disabled=controls();if(disabled!==lastDisabled)draw()};\nconst flushDrafts=async()=>{await documentStore.flush();await scratchStore.flush();if(sharedSnapshot.canEdit!==true||documentStatus?.error||scratchStatus?.error)throw Error('Shared editing is unavailable; your draft is retained.')};\nconst checkDraft=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.');const spine=records=>JSON.stringify(records.map(record=>[typeof record?.shotId,record?.shotId,record?.start,record?.end,record?.voiceoverText]));if(spine(value.scenes)!==spine(sourceDraft.scenes)||!value.scenes.every(record=>record&&typeof record==='object'&&!Array.isArray(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)))))throw Error('Keep every shot ID, narration line, and narration timing unchanged. Edit the shot plan in Shots.');return value};\nStillMade.onAction(event=>{\n const parts=event.action.split(':'),kind=parts[0],index=Number(parts[1]),layerIndex=Number(parts[2]);\n if(kind==='select-scene'){selectedScene=index;layerPage=0;scenePlayhead=0;draw();return}if(kind.startsWith('library-'))return;\n if(!editable())return;const record=draft.scenes.find((item,position)=>position===index),scene=record?.scene;if(!scene)return;const layers=Array.isArray(scene.layers)?scene.layers:[],layer=layers.find((item,position)=>position===layerIndex);\n if(kind==='add-layer'){if(layers.length>=1000){status.textContent='A scene supports up to 1,000 layers.';return}changeScene(index,value=>({...value,layers:[...layers,{...newLayer('New layer'),z:layers.length+1}]}));layerPage=Math.floor(layers.length/8);draw();return}\n if(kind==='remove-layer'&&layer){changeScene(index,value=>({...value,layers:layers.filter((item,position)=>position!==layerIndex)}));draw();return}\n let updated=scene;\n if(kind==='scene-title')updated={...scene,title:event.value};else if(kind==='scene-aspect')updated={...scene,aspect:event.value};else if(kind==='scene-duration')updated={...scene,durationMs:Math.max(1,Number(event.value)||1)};\n else if(layer){\n  let next=layer;const number=Number(event.value)||0;\n  if(kind==='clear-asset'){next={...layer};delete next.asset;delete next.src}\n  else if(kind==='attach-image'&&connectedImage)next={...layer,asset:clone(connectedImage),src:connectedImage.url};\n  else if(kind==='layer-id'){if(!event.value||layers.some((item,position)=>position!==layerIndex&&item.id===event.value)){status.textContent='Use a unique, nonempty layer ID.';return}next={...layer,id:event.value}}\n  else if(kind==='layer-label')next={...layer,label:event.value};else if(kind==='layer-depth')next={...layer,depth:number};else if(kind==='layer-appear')next={...layer,appearMs:Math.max(0,number)};else if(kind==='layer-leave')next={...layer,leaveMs:event.value===''?null:Math.max(0,number)};\n  else if(kind==='layer-asset')next={...layer,asset:{...(layer.asset||{kind:'image'}),assetId:event.value}};else if(kind==='layer-version')next={...layer,asset:{...(layer.asset||{kind:'image'}),versionId:event.value}};else if(kind==='layer-src')next={...layer,src:event.value};\n  else if(['layer-x','layer-y','layer-scale','layer-rotation'].includes(kind)){const transform={x:.5,y:.5,scale:1,rot:0,...layer.transform};if(kind==='layer-x')transform.x=number;if(kind==='layer-y')transform.y=number;if(kind==='layer-scale')transform.scale=number;if(kind==='layer-rotation')transform.rot=number;next={...layer,transform}}\n  if(next===layer)return;updated={...scene,layers:layers.map((item,position)=>position===layerIndex?next:item)};\n }\n if(updated!==scene){changeScene(index,()=>updated);if(['clear-asset','attach-image'].includes(kind))draw()}\n});\ndocument.getElementById('build').addEventListener('click',()=>{if(!editable())return;try{change(checkDraft(plan()));draw();status.textContent='Built shared scene compositions from the current Shots spine.'}catch(error){status.textContent=error.message}});\ndocument.getElementById('undo').addEventListener('click',()=>{if(!editable()||!undoEdit)return;try{const next=decoded(StillMade.applyDocument(encoded(draft),StillMade.diffDocument(encoded(undoEdit.after),encoded(undoEdit.before))));change(next);undoEdit=null;draw();status.textContent='Your last edit was undone without replacing unrelated teammate changes.'}catch(error){status.textContent='Undo is unavailable because the same content changed. Your draft is retained. '+error.message}});\ndocument.getElementById('rawDetails').addEventListener('toggle',renderRaw);\nraw.addEventListener('input',()=>{if(!editable()){renderRaw();return}scratch={text:raw.value,base:scratch.base===null?(rawBase||JSON.stringify(draft)):scratch.base};scratchStore.changed();controls()});\ndocument.getElementById('clearRaw').addEventListener('click',()=>{if(!editable())return;scratch=emptyScratch();scratchStore.changed();renderRaw();controls()});\ndocument.getElementById('applyRaw').addEventListener('click',async()=>{\n if(!editable())return;const requested={...scratch};busy=true;draw();\n try{\n  await flushDrafts();if(requested.text===null)throw Error('Edit the complete data before applying it.');\n  if(scratch.text!==requested.text||scratch.base!==requested.base)throw Error('The shared JSON scratch changed while applying it. The newer scratch draft is retained.');\n  if(requested.base!==JSON.stringify(draft))throw Error('JSON draft is retained because the scene document changed. Clear the scratch draft or reconcile it with the current scene data.');\n  const next=checkDraft(JSON.parse(requested.text));change(next);draw();await documentStore.flush();\n  if(sharedSnapshot.canEdit!==true||documentStatus?.error||scratchStatus?.error)throw Error('JSON scratch is retained because shared editing is unavailable.');\n  if(scratch.text!==requested.text||scratch.base!==requested.base){status.textContent='Scene data was shared. A newer teammate JSON scratch draft was kept.';return}\n  scratch=emptyScratch();scratchStore.changed();await scratchStore.flush();status.textContent='Complete Animated Scene data is now shared. Review before applying it to the project.';\n }catch(error){status.textContent=error.message}finally{busy=false;draw()}\n});\nconst resetSignature=()=>JSON.stringify({draft,source,sourceDraft,scratch,state:sharedSnapshot.state});\ndocument.getElementById('cancelReset').addEventListener('click',()=>{resetConfirmation=null;controls();status.textContent='Shared changes kept.'});\ndocument.getElementById('reset').addEventListener('click',async()=>{\n if(busy||sharedSnapshot.canEdit!==true||!documentStore||documentStatus?.pending||scratchStatus?.pending||scratchStatus?.error)return;\n if(!resetConfirmation){resetConfirmation=resetSignature();controls();status.textContent='Reset will discard the shared scene edits for everyone. Review the current scenes, then confirm, or keep changes.';return}\n if(resetConfirmation!==resetSignature()){resetConfirmation=null;controls();status.textContent='The shared scene or source changed after reset was opened. Review it before confirming again.';return}\n try{resetConfirmation=null;if(documentStatus?.sourceConflict)await documentStore.resetSharedSource({discardSharedEdits:true});else{if(!editable())return;change(clone(sourceDraft));await documentStore.flush()}undoEdit=null;draw();status.textContent='Shared scene changes reset to the current project source. JSON scratch was kept.'}catch(error){status.textContent=error.message;controls()}\n});\ndocument.getElementById('retry').addEventListener('click',async()=>{if(busy||sharedSnapshot.canEdit!==true)return;try{await Promise.all([documentStore.retry(),scratchStore.retry()]);draw()}catch(error){status.textContent=error.message}});\ndocument.getElementById('discard').addEventListener('click',async()=>{if(busy||sharedSnapshot.canEdit!==true)return;try{await Promise.all([documentStore.discard(),scratchStore.discard()]);undoEdit=null;draw();status.textContent='Using the latest shared version. Unconfirmed local edits were discarded.'}catch(error){status.textContent=error.message}});\nconst prepare=async action=>{\n if(preparing||!editable())return;preparing=true;let startedRun=false;\n try{await flushDrafts();if(!editingAllowed())return;const started=revision,values={animation:clone(source),shotPlan:clone(shotPlan),updatedAnimation:clone(draft),commit:true,action:action==='quality'||action==='render'?action:'none'};busy=true;startedRun=true;draw();status.textContent='Checking scenes and the narration spine…';\n  const result=await StillMade.run(values);\n  status.textContent=started!==revision?'A shared result arrived for an earlier draft. Your newer scene edits were kept.':action==='editor'?String(result.editorTimeline?.clips?.length||0)+' animated clips are ready below for a connected Editor Step.':action==='review'?'Animated Scene changes are ready below. Review the before and after, then choose Apply.':'The approved action is ready below.';\n }catch(error){status.textContent=error.message||'Animated Scene changes could not be prepared.'}finally{preparing=false;if(startedRun)busy=false;draw()}\n};\ndocument.getElementById('save').addEventListener('click',()=>prepare('review'));document.getElementById('prepareEditor').addEventListener('click',()=>prepare('editor'));document.getElementById('qualityReview').addEventListener('click',()=>prepare('quality'));document.getElementById('renderFinal').addEventListener('click',()=>prepare('render'));\ndocument.getElementById('previousScene').addEventListener('click',()=>{selectedScene-=1;layerPage=0;scenePlayhead=0;draw()});document.getElementById('nextScene').addEventListener('click',()=>{selectedScene+=1;layerPage=0;scenePlayhead=0;draw()});document.getElementById('previousLayers').addEventListener('click',()=>{layerPage-=1;draw()});document.getElementById('nextLayers').addEventListener('click',()=>{layerPage+=1;draw()});\ndocument.getElementById('scenePlayhead').addEventListener('input',event=>{scenePlayhead=Number(event.target.value)||0;updateScenePlayback()});document.getElementById('advanceScene').addEventListener('click',()=>{const duration=Number(document.getElementById('scenePlayhead').max)||1;scenePlayhead=scenePlayhead+250>=duration?0:scenePlayhead+250;updateScenePlayback()});\ndocument.getElementById('previewSceneImage').addEventListener('click',async()=>{const record=draft.scenes.find((item,index)=>index===selectedScene),layer=(record?.scene?.layers||[]).find(item=>item?.asset?.kind==='image'&&item.asset.url);if(!layer){status.textContent='Attach an exact connected image to this scene first.';return}try{const preview=await StillMade.previewImage(layer.asset),image=document.getElementById('sceneImagePreview');image.src=preview.url;image.hidden=false;status.textContent='Showing the trusted bounded preview for this scene asset.'}catch(error){status.textContent=error.message||'This scene image preview is unavailable.'}});\nStillMade.onAction(async event=>{if(!event.action.startsWith('library-'))return;const parts=event.action.split(':'),asset=mediaAssets.find((item,index)=>index===Number(parts[1]));if(!asset)return;if(parts[0]==='library-preview'){try{const preview=await StillMade.previewImage(asset),image=document.getElementById('libraryPreview');image.src=preview.url;image.hidden=false;status.textContent='Showing a trusted preview of the exact stored version.'}catch(error){status.textContent=error.message||'Preview unavailable.'}return}if(parts[0]!=='library-attach'||!editable())return;const record=draft.scenes.find((item,index)=>index===selectedScene),scene=record?.scene;if(!scene){status.textContent='Build or select a scene first.';return}const layers=scene.layers?.length?scene.layers:[newLayer('Project image')];changeScene(selectedScene,value=>({...value,layers:layers.map((layer,index)=>index===0?{...layer,asset:clone(asset),src:asset.url}:layer)}));draw();status.textContent='Exact stored image attached to the shared scene.'});\nconst renderWorkspaceSync=(versions,presence)=>{const saved=Array.isArray(versions)?versions.slice(0,20):[],people=Array.isArray(presence)?presence.slice(0,7):[];StillMade.render('workspaceSync',[{tag:'p',text:saved.length?String(saved.length)+' saved revision'+(saved.length===1?'':'s')+' available.':'No saved revisions yet.'},{tag:'ul',children:saved.map((item,index)=>({tag:'li',text:text(item.title||item.label||item.id||'Revision '+String(index+1))+' · '+text(item.createdAt||item.updatedAt||item.date||'Saved')}))},{tag:'p',text:people.length?String(people.length)+' collaborator'+(people.length===1?'':'s')+' active or recently active.':'No collaborator presence available.'},{tag:'ul',children:people.map((item,index)=>({tag:'li',text:text(item.name||item.displayName||item.id||'Collaborator '+String(index+1))+(item.editing?' · editing '+text(item.editing):'')}))}])};\nStillMade.onShared(snapshot=>{sharedSnapshot=snapshot;const result=snapshot.outputs||{};StillMade.render('sharedResult',result.animation?[{tag:'p',text:'Latest shared Animated Scene proposal: '+String(result.animation.scenes?.length||0)+' scenes. Your working draft is kept separately.'},{tag:'p',text:result.qualityReport?'The latest quality report is available in shared results.':result.renderAction?'The render request and its approval are available in shared results.':'Review the shared output below before applying it.'}]:[{tag:'p',text:'No shared result yet.'}]);observeStatus()});\nStillMade.onInput(values=>{\n mediaAssets=(Array.isArray(values.assets)?values.assets:[]).filter(asset=>asset?.kind==='image'&&asset.url).slice(0,50);source=clone(values.animation||empty());shotPlan=clone(values.shotPlan||{schemaVersion:1,shots:[]});sourceDraft=source.scenes?.length?source:plan();connectedImage=values.generatedImage?clone(values.generatedImage):null;revision+=1;\n if(!documentStore){draft=clone(sourceDraft);documentStore=StillMade.connectDocument({key:'animationDraft',source:sourceDraft,collections:[{path:['scenes'],key:'shotId',fallback:'atomic'}],read:()=>draft,replace:value=>{draft=value;revision+=1;draw()}});documentStore.onStatus(value=>{documentStatus=value;if(value.phase==='idle'&&needsDraftRender){needsDraftRender=false;draw()}else observeStatus()});scratchStore=StillMade.connectDocument({key:'animationRawDraft',source:emptyScratch(),read:()=>scratch,replace:value=>{scratch=value;renderRaw()}});scratchStore.onStatus(value=>{scratchStatus=value;observeStatus()})}\n else documentStore.replaceSource(sourceDraft);\n draw();renderWorkspaceSync(values.versions,values.presence);status.textContent='Scene composition and layer edits are shared. Playback and selection stay personal. Exact assets, versions and custom fields are retained.';\n});\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
-                  }
-                }
-              ]
-            }
-          ]
-        },
-        "editorTimeline": {
-          "schemaVersion": 1,
-          "activeTimelineId": "animation",
-          "clips": [
-            {
-              "id": "shot-1",
-              "start": 0,
-              "duration": 4,
-              "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
-                    }
-                  }
-                ]
-              }
-            }
-          ],
-          "audioItems": [],
-          "captions": [],
-          "textOverlays": [],
-          "effects": [],
-          "targetDuration": 4
-        },
-        "edit": {
-          "schemaVersion": 1,
-          "title": "Update Animated Scene (1 scenes)",
-          "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
-                    }
-                  }
-                ]
-              }
-            }
-          ]
-        },
-        "editorTimeline": {
-          "schemaVersion": 1,
-          "activeTimelineId": "animation",
-          "clips": [
-            {
-              "id": "shot-1",
-              "start": 0,
-              "duration": 4,
-              "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
-                    }
-                  }
-                ]
-              }
-            }
-          ],
-          "audioItems": [],
-          "captions": [],
-          "textOverlays": [],
-          "effects": [],
-          "targetDuration": 4
-        },
-        "edit": {
-          "schemaVersion": 1,
-          "title": "Update Animated Scene (1 scenes)",
-          "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
-                      }
-                    }
-                  ]
-                }
-              }
-            ]
-          }
-        }
-      }
-    },
-    {
-      "name": "Build scene compositions from the reviewed shot plan",
-      "input": {
-        "animation": {
-          "schemaVersion": 1,
-          "scenes": []
-        },
-        "shotPlan": {
-          "schemaVersion": 1,
-          "shots": [
-            {
-              "id": "opening",
-              "voiceoverText": "Welcome to the city.",
-              "shotDescription": "A wide city view",
-              "startTime": 0,
-              "endTime": 4,
-              "motionEffect": "Push In"
-            }
-          ]
-        },
-        "updatedAnimation": {
-          "schemaVersion": 1,
-          "scenes": []
-        },
-        "commit": false,
-        "action": "none"
-      },
-      "expected": {
-        "animation": {
-          "schemaVersion": 1,
-          "scenes": [
-            {
-              "shotId": "opening",
-              "start": 0,
-              "end": 4,
-              "voiceoverText": "Welcome to the city.",
-              "scene": {
-                "schemaVersion": 1,
-                "title": "A wide city view",
-                "aspect": "16:9",
-                "durationMs": 4000,
-                "layers": [],
-                "camera": {
-                  "motion": "Push In"
-                },
-                "transition": "cut"
-              }
-            }
-          ]
-        },
-        "editorTimeline": {
-          "schemaVersion": 1,
-          "activeTimelineId": "animation",
-          "clips": [
-            {
-              "id": "opening",
-              "start": 0,
-              "duration": 4,
-              "scene": {
-                "schemaVersion": 1,
-                "title": "A wide city view",
-                "aspect": "16:9",
-                "durationMs": 4000,
-                "layers": [],
-                "camera": {
-                  "motion": "Push In"
-                },
-                "transition": "cut"
-              }
-            }
-          ],
-          "audioItems": [],
-          "captions": [],
-          "textOverlays": [],
-          "effects": [],
-          "targetDuration": 4
-        },
-        "edit": {
-          "schemaVersion": 1,
-          "title": "Update Animated Scene (1 scenes)",
-          "field": "animation",
-          "before": {
-            "schemaVersion": 1,
-            "scenes": []
-          },
-          "after": {
-            "schemaVersion": 1,
-            "scenes": [
-              {
-                "shotId": "opening",
-                "start": 0,
-                "end": 4,
-                "voiceoverText": "Welcome to the city.",
-                "scene": {
-                  "schemaVersion": 1,
-                  "title": "A wide city view",
-                  "aspect": "16:9",
-                  "durationMs": 4000,
-                  "layers": [],
-                  "camera": {
-                    "motion": "Push In"
-                  },
-                  "transition": "cut"
-                }
-              }
-            ]
-          }
-        }
-      }
-    }
-  ],
-  "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 shots=Array.isArray(input.shotPlan?.shots)?input.shotPlan.shots:[];\nconst generated={schemaVersion:1,scenes:shots.map((shot,index)=>{const start=Number.isFinite(Number(shot.startTime))?Number(shot.startTime):Number(shot.startMs)/1000||0,end=Number.isFinite(Number(shot.endTime))?Number(shot.endTime):start+Math.max(1,Number(shot.estimatedScreenTime)||Number(shot.durationMs)/1000||4);return {shotId:String(shot.id||shot.shotId||'shot-'+String(index+1)),start,end,voiceoverText:String(shot.voiceoverText||shot.narration||shot.text||''),scene:{schemaVersion:1,title:String(shot.shotDescription||shot.description||'Scene '+String(index+1)),aspect:'16:9',durationMs:Math.max(1,Math.round((end-start)*1000)),layers:[],camera:{motion:String(shot.motionEffect||shot.cameraMotion||'Locked Frame')},transition:String(shot.transition||'cut')}}})};\nconst spine=source.scenes.length?source:generated;\nconst candidate = input.commit ? copy(input.updatedAnimation) : copy(spine);\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 !== spine.scenes.length || !candidate.scenes.every((record, index) => {\n  const previous = spine.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 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:copy(record.scene)}));\nconst targetDuration=Math.max(.001,...clips.map(itemEnd));\nconst editorTimeline={schemaVersion:1,activeTimelineId:'animation',clips,audioItems:Array.isArray(candidate.audioItems)?copy(candidate.audioItems):[],captions:Array.isArray(candidate.captions)?copy(candidate.captions):[],textOverlays:[],effects:[],targetDuration};\nconst outputs={animation:candidate,editorTimeline,edit:{schemaVersion:1,title:`Update Animated Scene (${candidate.scenes.length} scenes)`,field:'animation',before:source,after:candidate}};if(Array.isArray(input.versions)||Array.isArray(input.presence))outputs.revision={schemaVersion:1,scope:'animation',baseRevision:(Array.isArray(input.versions)?input.versions:[]).slice(0,200).reduce((highest,item)=>Math.max(highest,Number(item&&item.revision)||0),0),committed:!!input.commit,changed:JSON.stringify(source)!==JSON.stringify(candidate),paths:JSON.stringify(source)===JSON.stringify(candidate)?[]:['animation']};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')outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:editorTimeline,settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.animated-scene',version:'2.3.8'}},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=\\\"build\\\" type=\\\"button\\\" class=\\\"secondary\\\">Build from Shots</button><button id=\\\"undo\\\" type=\\\"button\\\" class=\\\"secondary\\\">Undo last edit</button><button id=\\\"reset\\\" type=\\\"button\\\" class=\\\"secondary\\\">Reset changes</button><button id=\\\"save\\\" type=\\\"button\\\" data-stillmade-action=\\\"run\\\">Review changes</button></div></header>\\n  <output id=\\\"status\\\" role=\\\"status\\\" aria-live=\\\"polite\\\"></output>\\n  <output id=\\\"sharedStatus\\\" role=\\\"status\\\" aria-live=\\\"polite\\\"></output>\\n  <div class=\\\"actions\\\"><button id=\\\"retry\\\" type=\\\"button\\\" class=\\\"secondary\\\" hidden>Retry shared changes</button><button id=\\\"discard\\\" type=\\\"button\\\" class=\\\"secondary\\\" hidden>Use shared version</button><button id=\\\"cancelReset\\\" type=\\\"button\\\" class=\\\"secondary\\\" hidden>Keep changes</button></div>\\n  <section><h2>Latest shared result</h2><div id=\\\"sharedResult\\\"></div></section>\\n  <section><h2>Saved revisions and collaborators</h2><div id=\\\"workspaceSync\\\"></div></section>\\n  <section><h2>Project media library</h2><p>Browse exact stored image versions supplied by the host.</p><div id=\\\"mediaLibrary\\\"></div><img id=\\\"libraryPreview\\\" alt=\\\"Trusted project media preview\\\" hidden></section>\\n  <section><div class=\\\"section-title\\\"><h2>Connected generated image</h2></div><div id=\\\"handoff\\\"></div></section>\\n  <section class=\\\"preview\\\"><div class=\\\"card-head\\\"><div><h2>Sequence preview</h2><p>Every preview frame becomes an editable Editor clip.</p></div><button id=\\\"prepareEditor\\\" type=\\\"button\\\" class=\\\"secondary\\\">Prepare Editor handoff</button></div><div id=\\\"sequencePreview\\\" class=\\\"preview-strip\\\" aria-label=\\\"Animated scene sequence preview\\\"></div><div class=\\\"actions\\\"><button id=\\\"previousScene\\\" type=\\\"button\\\" class=\\\"secondary\\\">Previous scene</button><output id=\\\"scenePage\\\"></output><button id=\\\"nextScene\\\" type=\\\"button\\\" class=\\\"secondary\\\">Next scene</button></div><div class=\\\"playback\\\"><button id=\\\"advanceScene\\\" type=\\\"button\\\" class=\\\"secondary\\\">Advance 0.25s</button><label for=\\\"scenePlayhead\\\">Scene position</label><input id=\\\"scenePlayhead\\\" type=\\\"range\\\" min=\\\"0\\\" max=\\\"1\\\" step=\\\"50\\\" value=\\\"0\\\"><output id=\\\"sceneTime\\\" for=\\\"scenePlayhead\\\">0.0s</output></div><div id=\\\"sceneStage\\\" class=\\\"scene-stage\\\" aria-label=\\\"Rendered scene layer preview\\\"></div><div class=\\\"actions\\\"><button id=\\\"previewSceneImage\\\" type=\\\"button\\\" class=\\\"secondary\\\">Preview first scene image</button></div><img id=\\\"sceneImagePreview\\\" alt=\\\"Selected Animated Scene image preview\\\" hidden></section>\\n  <section id=\\\"scenes\\\" class=\\\"scenes\\\" aria-label=\\\"Animated scenes\\\"></section>\\n  <div class=\\\"actions\\\"><button id=\\\"previousLayers\\\" type=\\\"button\\\" class=\\\"secondary\\\">Previous layers</button><output id=\\\"layerPage\\\"></output><button id=\\\"nextLayers\\\" type=\\\"button\\\" class=\\\"secondary\\\">Next layers</button></div>\\n  <details id=\\\"rawDetails\\\"><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. This shared scratch draft is checked against the exact scene version it started from; large JSON drafts may exceed the shared-state limit. Scene controls use smaller shared edits.</p><label for=\\\"raw\\\">Complete Animated Scene JSON</label><textarea id=\\\"raw\\\" class=\\\"raw\\\" spellcheck=\\\"false\\\"></textarea><div class=\\\"actions\\\"><button id=\\\"applyRaw\\\" type=\\\"button\\\" class=\\\"secondary\\\">Apply JSON to workspace</button><button id=\\\"clearRaw\\\" type=\\\"button\\\" class=\\\"secondary\\\">Clear JSON scratch</button></div></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>\\n</main>\\n\",\n  \"css\": \".animation-workspace{width:100%;margin:0;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}.preview{margin:12px 0;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}.playback{display:grid;grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center;gap:10px;margin:10px 0}.playback label{margin:0}.preview-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;padding:8px 0}.preview-frame{display:grid;gap:6px;min-height:110px;padding:14px;border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--bg);align-content:center}.preview-frame span{color:var(--fg-muted)}.preview-frame.active{outline:3px solid var(--accent);outline-offset:2px}.scene-stage{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--bg);margin-top:12px}.scene-layer{position:absolute;display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--bg-elev-1);overflow:hidden;text-overflow:ellipsis}.scene-layer.asset{border-style:double}.x-0{left:0%}.x-1{left:9%}.x-2{left:18%}.x-3{left:27%}.x-4{left:36%}.x-5{left:45%}.x-6{left:54%}.x-7{left:63%}.x-8{left:72%}.x-9{left:81%}.x-10{left:90%}.y-0{top:0%}.y-1{top:8%}.y-2{top:16%}.y-3{top:24%}.y-4{top:32%}.y-5{top:40%}.y-6{top:48%}.y-7{top:56%}.y-8{top:64%}.y-9{top:72%}.y-10{top:80%}.size-s{width:14%}.size-m{width:24%}.size-l{width:38%}.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){.playback{grid-template-columns:auto 1fr}.playback label{grid-column:1/-1}.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}.preview,.card,details{padding:12px}}\\n\",\n  \"javascript\": \"const status=document.getElementById('status'),raw=document.getElementById('raw');\\nconst clone=value=>JSON.parse(JSON.stringify(value)),text=value=>value==null?'':String(value);\\nconst empty=()=>({schemaVersion:1,scenes:[]}),emptyScratch=()=>({text:null,base:null});\\nlet source=empty(),sourceDraft=empty(),draft=empty(),shotPlan={schemaVersion:1,shots:[]},connectedImage=null,mediaAssets=[];\\nlet documentStore=null,scratchStore=null,scratch=emptyScratch(),rawBase=null,busy=false,preparing=false,revision=0,selectedScene=0,layerPage=0,scenePlayhead=0,undoEdit=null,resetConfirmation=null,needsDraftRender=false;\\nlet sharedSnapshot={state:{},outputs:{},canEdit:false},documentStatus=null,scratchStatus=null,lastDisabled=true;\\nconst controlIds=new Map();\\nconst controlId=key=>{if(!controlIds.has(key))controlIds.set(key,'scene-control-'+String(controlIds.size+1));return controlIds.get(key)};\\nconst plan=()=>({schemaVersion:1,scenes:(Array.isArray(shotPlan.shots)?shotPlan.shots:[]).map((shot,index)=>{const start=Number.isFinite(Number(shot.startTime))?Number(shot.startTime):Number(shot.startMs)/1000||0,end=Number.isFinite(Number(shot.endTime))?Number(shot.endTime):start+Math.max(1,Number(shot.estimatedScreenTime)||Number(shot.durationMs)/1000||4);return {shotId:text(shot.id||shot.shotId||'shot-'+String(index+1)),start,end,voiceoverText:text(shot.voiceoverText||shot.narration||shot.text),scene:{schemaVersion:1,title:text(shot.shotDescription||shot.description||'Scene '+String(index+1)),aspect:'16:9',durationMs:Math.max(1,Math.round((end-start)*1000)),layers:[],camera:{motion:text(shot.motionEffect||shot.cameraMotion||'Locked Frame')},transition:text(shot.transition||'cut')}}})});\\nconst editingAllowed=()=>sharedSnapshot.canEdit===true&&!busy&&!!documentStore&&!documentStatus?.error&&!scratchStatus?.error;\\nconst editable=()=>{if(editingAllowed())return true;status.textContent='Editing is unavailable. Any unconfirmed draft is retained; resolve shared changes before continuing.';return false};\\n// Undo uses the same fixed fallback representation as the connected document;\\n// neither this policy nor the wire declaration is chosen per browser mount.\\nconst identifiedScenes=value=>value.scenes.every(record=>typeof record.shotId==='string'&&record.shotId.length>0&&new TextEncoder().encode(record.shotId).length<=512&&!/[\\\\u0000-\\\\u001f\\\\u007f]/.test(record.shotId))&&new Set(value.scenes.map(record=>record.shotId)).size===value.scenes.length;\\nconst encoded=value=>{const identified=identifiedScenes(value);return {...value,scenes:{kind:'stillmade.collection/v1',mode:identified?'identified':'atomic',items:identified?value.scenes.map(record=>({id:record.shotId,value:record})):[value.scenes]}}};\\nconst decoded=value=>({...value,scenes:value.scenes.mode==='identified'?value.scenes.items.map(record=>record.value):value.scenes.items[0]});\\nconst newLayer=label=>({id:'layer-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2),label,params:{},transform:{x:.5,y:.5,scale:1,rot:0},depth:.5,z:1});\\nconst change=next=>{if(next===draft)return;undoEdit={before:draft,after:next};draft=next;revision+=1;needsDraftRender=true;resetConfirmation=null;documentStore.changed();status.textContent='Scene changes are shared. Review changes when ready to apply them to the project.'};\\nconst changeScene=(index,update)=>change({...draft,scenes:draft.scenes.map((record,position)=>position===index?{...record,scene:update(record.scene)}:record)});\\nconst renderRaw=()=>{if(scratch.text!==null){if(raw.value!==scratch.text)raw.value=scratch.text;return}if(document.getElementById('rawDetails').getAttribute('open')!==null){rawBase=JSON.stringify(draft);const value=JSON.stringify(draft,null,2);if(raw.value!==value)raw.value=value}};\\nconst controls=()=>{\\n const disabled=!editingAllowed(),error=documentStatus?.error||scratchStatus?.error,sourceConflict=documentStatus?.sourceConflict===true;\\n ['save','build','undo','applyRaw','clearRaw','qualityReview','renderFinal','prepareEditor'].forEach(id=>{document.getElementById(id).disabled=disabled});\\n document.getElementById('build').disabled=disabled||!shotPlan.shots?.length;document.getElementById('undo').disabled=disabled||!undoEdit;\\n raw.disabled=disabled;document.getElementById('reset').disabled=busy||!documentStore||sharedSnapshot.canEdit!==true||!!documentStatus?.pending||!!scratchStatus?.pending||!!scratchStatus?.error||!!error&&!sourceConflict;\\n document.getElementById('reset').textContent=resetConfirmation?'Confirm reset for everyone':'Reset changes';document.getElementById('cancelReset').hidden=!resetConfirmation;\\n document.getElementById('retry').hidden=!error||sourceConflict;document.getElementById('discard').hidden=!error||sourceConflict;\\n ['retry','discard'].forEach(id=>{document.getElementById(id).disabled=busy||sharedSnapshot.canEdit!==true||!!documentStatus?.pending||!!scratchStatus?.pending});\\n document.getElementById('sharedStatus').textContent=error?'Your draft is retained. '+error:sharedSnapshot.canEdit!==true?'View only — scene changes and shared results remain live.':documentStatus?.dirty||documentStatus?.pending||scratchStatus?.dirty||scratchStatus?.pending?'Sharing changes…':'Shared scene draft is up to date. Project save status is shown by StillMade.';\\n return disabled;\\n};\\nconst field=(label,action,value,key,type='text')=>({tag:'label',children:[{tag:'span',text:label},{tag:'input',id:controlId(key),type,action,value:Number.isFinite(value)?value:text(value),disabled:!editingAllowed(),label}]});\\nconst layerCard=(layer,sceneIndex,index,shotId)=>{\\n const prefix='layer:'+text(shotId)+':'+text(layer.id||'legacy-'+index),action=kind=>kind+':'+String(sceneIndex)+':'+String(index);\\n return {tag:'article',id:controlId(prefix),className:'layer',children:[{tag:'div',className:'card-head',children:[{tag:'strong',text:text(layer.label)||text(layer.id)||'Layer '+String(index+1)},{tag:'div',className:'row',children:[connectedImage?{tag:'button',action:action('attach-image'),text:'Use connected image',className:'secondary',disabled:!editingAllowed()}:null,{tag:'button',action:action('clear-asset'),text:'Clear asset',className:'secondary',disabled:!editingAllowed()||!(layer.asset||layer.src)},{tag:'button',action:action('remove-layer'),text:'Remove',className:'danger',disabled:!editingAllowed()}].filter(Boolean)}]},{tag:'div',className:'grid',children:[field('Layer ID',action('layer-id'),layer.id,prefix+'-id'),field('Label',action('layer-label'),layer.label,prefix+'-label'),field('Depth',action('layer-depth'),layer.depth,prefix+'-depth','number'),field('X',action('layer-x'),layer.transform?.x,prefix+'-x','number'),field('Y',action('layer-y'),layer.transform?.y,prefix+'-y','number'),field('Scale',action('layer-scale'),layer.transform?.scale,prefix+'-scale','number'),field('Rotation',action('layer-rotation'),layer.transform?.rot,prefix+'-rotation','number'),field('Appears (ms)',action('layer-appear'),layer.appearMs,prefix+'-appear','number'),field('Leaves (ms)',action('layer-leave'),layer.leaveMs,prefix+'-leave','number'),field('Asset ID',action('layer-asset'),layer.asset?.assetId,prefix+'-asset'),field('Version ID',action('layer-version'),layer.asset?.versionId,prefix+'-version'),field('Media source',action('layer-src'),layer.src,prefix+'-src')]}]};\\n};\\nconst sceneCard=(record,index)=>{const scene=record.scene||{},layers=Array.isArray(scene.layers)?scene.layers:[],prefix='scene:'+record.shotId;return {tag:'article',id:controlId(prefix),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:!editingAllowed()}]},{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,prefix+'-title'),field('Aspect','scene-aspect:'+String(index),scene.aspect,prefix+'-aspect'),field('Duration (ms)','scene-duration:'+String(index),scene.durationMs,prefix+'-duration','number')]},{tag:'div',className:'layers',children:layers.length?layers.slice(layerPage*8,layerPage*8+8).map((layer,position)=>layerCard(layer,index,layerPage*8+position,record.shotId)):[{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 updateScenePlayback=()=>{const record=draft.scenes.find((item,index)=>index===selectedScene),duration=Math.max(1,Number(record?.scene?.durationMs)||Math.round(((Number(record?.end)||0)-(Number(record?.start)||0))*1000)||1),slider=document.getElementById('scenePlayhead');scenePlayhead=Math.max(0,Math.min(duration,scenePlayhead));slider.max=String(duration);slider.value=String(scenePlayhead);document.getElementById('sceneTime').textContent=(scenePlayhead/1000).toFixed(1)+'s';(record?.scene?.layers||[]).slice(0,100).forEach((layer,index)=>{const node=document.getElementById('scene-layer-'+String(index));if(node){const appear=Math.max(0,Number(layer.appearMs)||0),leave=layer.leaveMs==null?Infinity:Math.max(0,Number(layer.leaveMs)||0);node.hidden=scenePlayhead<appear||scenePlayhead>leave}})};\\nconst renderMediaLibrary=()=>StillMade.render('mediaLibrary',mediaAssets.length?mediaAssets.slice(0,50).map((asset,index)=>({tag:'article',className:'card',children:[{tag:'strong',text:text(asset.title||asset.name||asset.assetId)+' · '+text(asset.versionId)},{tag:'div',className:'row',children:[{tag:'button',action:'library-preview:'+String(index),text:'Preview',className:'secondary'},{tag:'button',action:'library-attach:'+String(index),text:'Attach to scene',className:'secondary',disabled:!editingAllowed()}]}]})):[{tag:'p',text:'No stored project images are available.'}]);\\nconst draw=()=>{\\n selectedScene=Math.max(0,Math.min(Math.max(0,draft.scenes.length-1),selectedScene));const record=draft.scenes.find((item,index)=>index===selectedScene),layers=record?.scene?.layers||[],start=Math.floor(selectedScene/12)*12;\\n layerPage=Math.max(0,Math.min(layerPage,Math.max(0,Math.ceil(layers.length/8)-1)));\\n StillMade.render('sequencePreview',draft.scenes.slice(start,start+12).map((item,index)=>({tag:'article',className:'preview-frame'+(start+index===selectedScene?' active':''),children:[{tag:'strong',text:'Scene '+String(start+index+1)},{tag:'span',text:text(item.scene?.title)||text(item.shotId)},{tag:'span',text:String((item.scene?.layers||[]).length)+' layers · '+String(Math.max(1,Math.round((Number(item.end)-Number(item.start))*1000)||Number(item.scene?.durationMs)||1))+' ms'},{tag:'button',action:'select-scene:'+String(start+index),text:'View scene',className:'secondary'}]})));\\n StillMade.render('sceneStage',layers.slice(0,100).map((layer,index)=>{const transform=layer.transform||{},x=Math.round(Math.max(0,Math.min(1,Number(transform.x)||.5))*10),y=Math.round(Math.max(0,Math.min(1,Number(transform.y)||.5))*10),scale=Number(transform.scale)||1,sizeClass=scale<.75?' size-s':scale>1.35?' size-l':' size-m';return {tag:'div',id:'scene-layer-'+String(index),className:'scene-layer x-'+String(x)+' y-'+String(y)+sizeClass+(layer.asset||layer.src?' asset':''),text:text(layer.label||layer.id||'Layer '+String(index+1))}}));\\n updateScenePlayback();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.'}]);\\n StillMade.render('scenes',record?[sceneCard(record,selectedScene)]:[{tag:'p',text:'No composed scenes yet. Build scenes from the Shots Step first.'}]);\\n document.getElementById('summary').textContent=String(draft.scenes.length)+' composed scene'+(draft.scenes.length===1?'':'s');document.getElementById('scenePage').textContent=draft.scenes.length?'Scene '+String(selectedScene+1)+' of '+String(draft.scenes.length):'No scenes';document.getElementById('previousScene').disabled=selectedScene<=0;document.getElementById('nextScene').disabled=selectedScene>=draft.scenes.length-1;\\n document.getElementById('layerPage').textContent=layers.length?'Layers '+String(layerPage*8+1)+'–'+String(Math.min(layers.length,layerPage*8+8))+' of '+String(layers.length):'No layers';document.getElementById('previousLayers').disabled=layerPage<=0;document.getElementById('nextLayers').disabled=(layerPage+1)*8>=layers.length;\\n renderRaw();renderMediaLibrary();lastDisabled=controls();\\n};\\nconst observeStatus=()=>{const disabled=controls();if(disabled!==lastDisabled)draw()};\\nconst flushDrafts=async()=>{await documentStore.flush();await scratchStore.flush();if(sharedSnapshot.canEdit!==true||documentStatus?.error||scratchStatus?.error)throw Error('Shared editing is unavailable; your draft is retained.')};\\nconst checkDraft=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.');const spine=records=>JSON.stringify(records.map(record=>[typeof record?.shotId,record?.shotId,record?.start,record?.end,record?.voiceoverText]));if(spine(value.scenes)!==spine(sourceDraft.scenes)||!value.scenes.every(record=>record&&typeof record==='object'&&!Array.isArray(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)))))throw Error('Keep every shot ID, narration line, and narration timing unchanged. Edit the shot plan in Shots.');return value};\\nStillMade.onAction(event=>{\\n const parts=event.action.split(':'),kind=parts[0],index=Number(parts[1]),layerIndex=Number(parts[2]);\\n if(kind==='select-scene'){selectedScene=index;layerPage=0;scenePlayhead=0;draw();return}if(kind.startsWith('library-'))return;\\n if(!editable())return;const record=draft.scenes.find((item,position)=>position===index),scene=record?.scene;if(!scene)return;const layers=Array.isArray(scene.layers)?scene.layers:[],layer=layers.find((item,position)=>position===layerIndex);\\n if(kind==='add-layer'){if(layers.length>=1000){status.textContent='A scene supports up to 1,000 layers.';return}changeScene(index,value=>({...value,layers:[...layers,{...newLayer('New layer'),z:layers.length+1}]}));layerPage=Math.floor(layers.length/8);draw();return}\\n if(kind==='remove-layer'&&layer){changeScene(index,value=>({...value,layers:layers.filter((item,position)=>position!==layerIndex)}));draw();return}\\n let updated=scene;\\n if(kind==='scene-title')updated={...scene,title:event.value};else if(kind==='scene-aspect')updated={...scene,aspect:event.value};else if(kind==='scene-duration')updated={...scene,durationMs:Math.max(1,Number(event.value)||1)};\\n else if(layer){\\n  let next=layer;const number=Number(event.value)||0;\\n  if(kind==='clear-asset'){next={...layer};delete next.asset;delete next.src}\\n  else if(kind==='attach-image'&&connectedImage)next={...layer,asset:clone(connectedImage),src:connectedImage.url};\\n  else if(kind==='layer-id'){if(!event.value||layers.some((item,position)=>position!==layerIndex&&item.id===event.value)){status.textContent='Use a unique, nonempty layer ID.';return}next={...layer,id:event.value}}\\n  else if(kind==='layer-label')next={...layer,label:event.value};else if(kind==='layer-depth')next={...layer,depth:number};else if(kind==='layer-appear')next={...layer,appearMs:Math.max(0,number)};else if(kind==='layer-leave')next={...layer,leaveMs:event.value===''?null:Math.max(0,number)};\\n  else if(kind==='layer-asset')next={...layer,asset:{...(layer.asset||{kind:'image'}),assetId:event.value}};else if(kind==='layer-version')next={...layer,asset:{...(layer.asset||{kind:'image'}),versionId:event.value}};else if(kind==='layer-src')next={...layer,src:event.value};\\n  else if(['layer-x','layer-y','layer-scale','layer-rotation'].includes(kind)){const transform={x:.5,y:.5,scale:1,rot:0,...layer.transform};if(kind==='layer-x')transform.x=number;if(kind==='layer-y')transform.y=number;if(kind==='layer-scale')transform.scale=number;if(kind==='layer-rotation')transform.rot=number;next={...layer,transform}}\\n  if(next===layer)return;updated={...scene,layers:layers.map((item,position)=>position===layerIndex?next:item)};\\n }\\n if(updated!==scene){changeScene(index,()=>updated);if(['clear-asset','attach-image'].includes(kind))draw()}\\n});\\ndocument.getElementById('build').addEventListener('click',()=>{if(!editable())return;try{change(checkDraft(plan()));draw();status.textContent='Built shared scene compositions from the current Shots spine.'}catch(error){status.textContent=error.message}});\\ndocument.getElementById('undo').addEventListener('click',()=>{if(!editable()||!undoEdit)return;try{const next=decoded(StillMade.applyDocument(encoded(draft),StillMade.diffDocument(encoded(undoEdit.after),encoded(undoEdit.before))));change(next);undoEdit=null;draw();status.textContent='Your last edit was undone without replacing unrelated teammate changes.'}catch(error){status.textContent='Undo is unavailable because the same content changed. Your draft is retained. '+error.message}});\\ndocument.getElementById('rawDetails').addEventListener('toggle',renderRaw);\\nraw.addEventListener('input',()=>{if(!editable()){renderRaw();return}scratch={text:raw.value,base:scratch.base===null?(rawBase||JSON.stringify(draft)):scratch.base};scratchStore.changed();controls()});\\ndocument.getElementById('clearRaw').addEventListener('click',()=>{if(!editable())return;scratch=emptyScratch();scratchStore.changed();renderRaw();controls()});\\ndocument.getElementById('applyRaw').addEventListener('click',async()=>{\\n if(!editable())return;const requested={...scratch};busy=true;draw();\\n try{\\n  await flushDrafts();if(requested.text===null)throw Error('Edit the complete data before applying it.');\\n  if(scratch.text!==requested.text||scratch.base!==requested.base)throw Error('The shared JSON scratch changed while applying it. The newer scratch draft is retained.');\\n  if(requested.base!==JSON.stringify(draft))throw Error('JSON draft is retained because the scene document changed. Clear the scratch draft or reconcile it with the current scene data.');\\n  const next=checkDraft(JSON.parse(requested.text));change(next);draw();await documentStore.flush();\\n  if(sharedSnapshot.canEdit!==true||documentStatus?.error||scratchStatus?.error)throw Error('JSON scratch is retained because shared editing is unavailable.');\\n  if(scratch.text!==requested.text||scratch.base!==requested.base){status.textContent='Scene data was shared. A newer teammate JSON scratch draft was kept.';return}\\n  scratch=emptyScratch();scratchStore.changed();await scratchStore.flush();status.textContent='Complete Animated Scene data is now shared. Review before applying it to the project.';\\n }catch(error){status.textContent=error.message}finally{busy=false;draw()}\\n});\\nconst resetSignature=()=>JSON.stringify({draft,source,sourceDraft,scratch,state:sharedSnapshot.state});\\ndocument.getElementById('cancelReset').addEventListener('click',()=>{resetConfirmation=null;controls();status.textContent='Shared changes kept.'});\\ndocument.getElementById('reset').addEventListener('click',async()=>{\\n if(busy||sharedSnapshot.canEdit!==true||!documentStore||documentStatus?.pending||scratchStatus?.pending||scratchStatus?.error)return;\\n if(!resetConfirmation){resetConfirmation=resetSignature();controls();status.textContent='Reset will discard the shared scene edits for everyone. Review the current scenes, then confirm, or keep changes.';return}\\n if(resetConfirmation!==resetSignature()){resetConfirmation=null;controls();status.textContent='The shared scene or source changed after reset was opened. Review it before confirming again.';return}\\n try{resetConfirmation=null;if(documentStatus?.sourceConflict)await documentStore.resetSharedSource({discardSharedEdits:true});else{if(!editable())return;change(clone(sourceDraft));await documentStore.flush()}undoEdit=null;draw();status.textContent='Shared scene changes reset to the current project source. JSON scratch was kept.'}catch(error){status.textContent=error.message;controls()}\\n});\\ndocument.getElementById('retry').addEventListener('click',async()=>{if(busy||sharedSnapshot.canEdit!==true)return;try{await Promise.all([documentStore.retry(),scratchStore.retry()]);draw()}catch(error){status.textContent=error.message}});\\ndocument.getElementById('discard').addEventListener('click',async()=>{if(busy||sharedSnapshot.canEdit!==true)return;try{await Promise.all([documentStore.discard(),scratchStore.discard()]);undoEdit=null;draw();status.textContent='Using the latest shared version. Unconfirmed local edits were discarded.'}catch(error){status.textContent=error.message}});\\nconst prepare=async action=>{\\n if(preparing||!editable())return;preparing=true;let startedRun=false;\\n try{await flushDrafts();if(!editingAllowed())return;const started=revision,values={animation:clone(source),shotPlan:clone(shotPlan),updatedAnimation:clone(draft),commit:true,action:action==='quality'||action==='render'?action:'none'};busy=true;startedRun=true;draw();status.textContent='Checking scenes and the narration spine…';\\n  const result=await StillMade.run(values);\\n  status.textContent=started!==revision?'A shared result arrived for an earlier draft. Your newer scene edits were kept.':action==='editor'?String(result.editorTimeline?.clips?.length||0)+' animated clips are ready below for a connected Editor Step.':action==='review'?'Animated Scene changes are ready below. Review the before and after, then choose Apply.':'The approved action is ready below.';\\n }catch(error){status.textContent=error.message||'Animated Scene changes could not be prepared.'}finally{preparing=false;if(startedRun)busy=false;draw()}\\n};\\ndocument.getElementById('save').addEventListener('click',()=>prepare('review'));document.getElementById('prepareEditor').addEventListener('click',()=>prepare('editor'));document.getElementById('qualityReview').addEventListener('click',()=>prepare('quality'));document.getElementById('renderFinal').addEventListener('click',()=>prepare('render'));\\ndocument.getElementById('previousScene').addEventListener('click',()=>{selectedScene-=1;layerPage=0;scenePlayhead=0;draw()});document.getElementById('nextScene').addEventListener('click',()=>{selectedScene+=1;layerPage=0;scenePlayhead=0;draw()});document.getElementById('previousLayers').addEventListener('click',()=>{layerPage-=1;draw()});document.getElementById('nextLayers').addEventListener('click',()=>{layerPage+=1;draw()});\\ndocument.getElementById('scenePlayhead').addEventListener('input',event=>{scenePlayhead=Number(event.target.value)||0;updateScenePlayback()});document.getElementById('advanceScene').addEventListener('click',()=>{const duration=Number(document.getElementById('scenePlayhead').max)||1;scenePlayhead=scenePlayhead+250>=duration?0:scenePlayhead+250;updateScenePlayback()});\\ndocument.getElementById('previewSceneImage').addEventListener('click',async()=>{const record=draft.scenes.find((item,index)=>index===selectedScene),layer=(record?.scene?.layers||[]).find(item=>item?.asset?.kind==='image'&&item.asset.url);if(!layer){status.textContent='Attach an exact connected image to this scene first.';return}try{const preview=await StillMade.previewImage(layer.asset),image=document.getElementById('sceneImagePreview');image.src=preview.url;image.hidden=false;status.textContent='Showing the trusted bounded preview for this scene asset.'}catch(error){status.textContent=error.message||'This scene image preview is unavailable.'}});\\nStillMade.onAction(async event=>{if(!event.action.startsWith('library-'))return;const parts=event.action.split(':'),asset=mediaAssets.find((item,index)=>index===Number(parts[1]));if(!asset)return;if(parts[0]==='library-preview'){try{const preview=await StillMade.previewImage(asset),image=document.getElementById('libraryPreview');image.src=preview.url;image.hidden=false;status.textContent='Showing a trusted preview of the exact stored version.'}catch(error){status.textContent=error.message||'Preview unavailable.'}return}if(parts[0]!=='library-attach'||!editable())return;const record=draft.scenes.find((item,index)=>index===selectedScene),scene=record?.scene;if(!scene){status.textContent='Build or select a scene first.';return}const layers=scene.layers?.length?scene.layers:[newLayer('Project image')];changeScene(selectedScene,value=>({...value,layers:layers.map((layer,index)=>index===0?{...layer,asset:clone(asset),src:asset.url}:layer)}));draw();status.textContent='Exact stored image attached to the shared scene.'});\\nconst renderWorkspaceSync=(versions,presence)=>{const saved=Array.isArray(versions)?versions.slice(0,20):[],people=Array.isArray(presence)?presence.slice(0,7):[];StillMade.render('workspaceSync',[{tag:'p',text:saved.length?String(saved.length)+' saved revision'+(saved.length===1?'':'s')+' available.':'No saved revisions yet.'},{tag:'ul',children:saved.map((item,index)=>({tag:'li',text:text(item.title||item.label||item.id||'Revision '+String(index+1))+' · '+text(item.createdAt||item.updatedAt||item.date||'Saved')}))},{tag:'p',text:people.length?String(people.length)+' collaborator'+(people.length===1?'':'s')+' active or recently active.':'No collaborator presence available.'},{tag:'ul',children:people.map((item,index)=>({tag:'li',text:text(item.name||item.displayName||item.id||'Collaborator '+String(index+1))+(item.editing?' · editing '+text(item.editing):'')}))}])};\\nStillMade.onShared(snapshot=>{sharedSnapshot=snapshot;const result=snapshot.outputs||{};StillMade.render('sharedResult',result.animation?[{tag:'p',text:'Latest shared Animated Scene proposal: '+String(result.animation.scenes?.length||0)+' scenes. Your working draft is kept separately.'},{tag:'p',text:result.qualityReport?'The latest quality report is available in shared results.':result.renderAction?'The render request and its approval are available in shared results.':'Review the shared output below before applying it.'}]:[{tag:'p',text:'No shared result yet.'}]);observeStatus()});\\nStillMade.onInput(values=>{\\n mediaAssets=(Array.isArray(values.assets)?values.assets:[]).filter(asset=>asset?.kind==='image'&&asset.url).slice(0,50);source=clone(values.animation||empty());shotPlan=clone(values.shotPlan||{schemaVersion:1,shots:[]});sourceDraft=source.scenes?.length?source:plan();connectedImage=values.generatedImage?clone(values.generatedImage):null;revision+=1;\\n if(!documentStore){draft=clone(sourceDraft);documentStore=StillMade.connectDocument({key:'animationDraft',source:sourceDraft,collections:[{path:['scenes'],key:'shotId',fallback:'atomic'}],read:()=>draft,replace:value=>{draft=value;revision+=1;draw()}});documentStore.onStatus(value=>{documentStatus=value;if(value.phase==='idle'&&needsDraftRender){needsDraftRender=false;draw()}else observeStatus()});scratchStore=StillMade.connectDocument({key:'animationRawDraft',source:emptyScratch(),read:()=>scratch,replace:value=>{scratch=value;renderRaw()}});scratchStore.onStatus(value=>{scratchStatus=value;observeStatus()})}\\n else documentStore.replaceSource(sourceDraft);\\n draw();renderWorkspaceSync(values.versions,values.presence);status.textContent='Scene composition and layer edits are shared. Playback and selection stay personal. Exact assets, versions and custom fields are retained.';\\n});\\n\"\n}"
-    },
-    "lineage": {
-      "parents": [],
-      "changes": "Packaged original Block source for StillMade."
-    }
-  }
-};