stillmade-sdk 0.1.8 → 0.1.10

package/blocks/native/sm.panel-strip/versions/2.4.0/package.js

@@ -0,0 +1,1176 @@
+// Generated immutable package data.
+export default {
+  "manifest": {
+    "schemaVersion": 1,
+    "sdkVersion": "0.1.0",
+    "id": "sm.panel-strip",
+    "version": "2.4.0",
+    "name": "Image Panels",
+    "description": "Build an editable Image Panels draft from narration, either connected from an earlier Step or saved in the project, then review scenes, beats, images, versions, prompts, timing, canvas elements, transitions, actions, and retained custom fields.",
+    "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": {
+      "panels": {
+        "type": "panel-document",
+        "context": "panels",
+        "primary": true,
+        "required": false,
+        "default": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "description": "The complete current Image Panels document. Existing images, versions, narration, canvas elements, and custom fields are retained.",
+        "semantic": "image_panel_document"
+      },
+      "transcript": {
+        "type": "transcript",
+        "context": "transcript",
+        "required": false,
+        "default": {
+          "schemaVersion": 1,
+          "text": "",
+          "words": []
+        },
+        "description": "Current narration words and timings used to build panels when the project has no panel document.",
+        "semantic": "timed_transcript"
+      },
+      "script": {
+        "type": "script",
+        "context": "script",
+        "required": false,
+        "default": {
+          "schemaVersion": 1,
+          "text": ""
+        },
+        "description": "Current narration text used when word timings are unavailable.",
+        "semantic": "narration_script"
+      },
+      "narrationScript": {
+        "type": "script",
+        "required": false,
+        "description": "Narration script from an earlier Step, such as Script Writer or your own script Block. When it has text, it is used instead of the project's saved narration.",
+        "semantic": "narration_script"
+      },
+      "narrationTiming": {
+        "type": "transcript",
+        "required": false,
+        "description": "Timed narration words from an earlier Step. When connected and filled, its word timings shape the panels instead of the project's saved voiceover timing.",
+        "semantic": "timed_transcript"
+      },
+      "blueprint": {
+        "type": "bible",
+        "context": "blueprint",
+        "required": false,
+        "default": {
+          "schemaVersion": 1
+        },
+        "description": "Current cast, locations, and visual style used to prepare panel generation prompts.",
+        "semantic": "production_blueprint"
+      },
+      "updatedPanels": {
+        "type": "panel-document",
+        "required": false,
+        "default": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "description": "The complete edited Image Panels document prepared in this workspace.",
+        "semantic": "image_panel_document"
+      },
+      "commit": {
+        "type": "boolean",
+        "default": false,
+        "description": "Prepare the edited Image Panels document 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"
+      },
+      "targetPanelId": {
+        "type": "text",
+        "required": false,
+        "default": "",
+        "description": "Panel that receives the connected image when attachment is enabled.",
+        "semantic": "panel_id"
+      },
+      "attachGeneratedImage": {
+        "type": "boolean",
+        "default": false,
+        "description": "Attach the connected image to the target panel while preserving its prior versions.",
+        "semantic": "boolean",
+        "required": false
+      },
+      "action": {
+        "type": "text",
+        "required": false,
+        "default": "none",
+        "description": "The Block-owned interface selects a declared host action.",
+        "semantic": "host_action"
+      },
+      "stockQuery": {
+        "type": "text",
+        "required": false,
+        "default": "",
+        "description": "Licensed stock search query.",
+        "semantic": "stock_query"
+      },
+      "generatedImages": {
+        "type": "image[]",
+        "imageMode": "reference",
+        "required": false,
+        "default": [],
+        "description": "Exact generated image versions returned by one approved server-budgeted panel batch.",
+        "semantic": "image_list"
+      }
+    },
+    "outputs": {
+      "panels": {
+        "type": "panel-document",
+        "primary": true,
+        "role": "image_panel_document",
+        "description": "The complete edited Image Panels document for the next Step.",
+        "semantic": "image_panel_document"
+      },
+      "edit": {
+        "type": "workspace-edit",
+        "description": "An exact before/after Image Panels change reviewed before it updates the project.",
+        "semantic": "workspace_edit"
+      },
+      "stockAction": {
+        "type": "approval",
+        "required": false,
+        "role": "portable_media_action",
+        "description": "Licensed stock search with acquisition receipt.",
+        "semantic": "portable_media_action"
+      },
+      "qualityAction": {
+        "type": "approval",
+        "required": false,
+        "role": "portable_media_action",
+        "description": "Exact-version multi-image quality review.",
+        "semantic": "portable_media_action"
+      },
+      "renderAction": {
+        "type": "approval",
+        "required": false,
+        "role": "portable_media_action",
+        "description": "Final video render plan.",
+        "semantic": "portable_media_action"
+      },
+      "stockAsset": {
+        "type": "asset",
+        "required": false,
+        "description": "Selected licensed stock asset with retained acquisition receipt.",
+        "semantic": "licensed_asset"
+      },
+      "stockImage": {
+        "type": "image",
+        "required": false,
+        "description": "Selected licensed stock image with its exact saved version and acquisition receipt, ready to connect to an Image Panels input.",
+        "semantic": "licensed_stock_image"
+      },
+      "qualityReport": {
+        "type": "metadata",
+        "required": false,
+        "description": "Settled exact-version quality report.",
+        "semantic": "quality_report"
+      },
+      "generationPlan": {
+        "type": "metadata",
+        "required": false,
+        "description": "A non-billable batch-ready prompt and progress plan for approved downstream generation Blocks.",
+        "semantic": "generation_plan"
+      },
+      "generateAction": {
+        "type": "approval",
+        "required": false,
+        "role": "portable_media_action",
+        "description": "A reviewed single-panel image generation request using StillMade's trusted image capability.",
+        "semantic": "portable_media_action"
+      },
+      "generatedImage": {
+        "type": "image",
+        "required": false,
+        "description": "The exact saved image returned by the reviewed generation service and available to attach to a panel.",
+        "semantic": "generated_image"
+      },
+      "batchGenerateAction": {
+        "type": "approval",
+        "required": false,
+        "role": "portable_media_action",
+        "description": "One reviewed missing-panel batch with a server-owned aggregate maximum, progress, replay protection, and evidence settlement.",
+        "semantic": "portable_media_action"
+      },
+      "generatedImages": {
+        "type": "image[]",
+        "required": false,
+        "description": "Completed exact panel image versions from the aggregate batch, retained even when another panel fails.",
+        "semantic": "generated_image_list"
+      }
+    },
+    "permissions": {
+      "project": [
+        "context.panels.read",
+        "context.transcript.read",
+        "context.script.read",
+        "context.blueprint.read",
+        "workspace.panels.propose"
+      ],
+      "network": [],
+      "filesystem": [],
+      "secrets": [],
+      "actions": [
+        "stock.search",
+        "quality.analyze",
+        "final.render",
+        "image.generate",
+        "image.generate.batch"
+      ]
+    },
+    "ui": [],
+    "platforms": {
+      "phone": {
+        "supported": true
+      },
+      "browser": {
+        "supported": true
+      },
+      "desktop": {
+        "supported": true
+      }
+    }
+  },
+  "code": "const copy = value => JSON.parse(JSON.stringify(value));\nconst source = copy(input.panels || {schemaVersion: 1, scenes: [], strip: []});\nconst blueprint=copy(input.blueprint||{schemaVersion:1});\nconst filled=value=>typeof value==='string'?!!value.trim():!!(value&&typeof value==='object'&&(String(value.text||'').trim()||(Array.isArray(value.words)&&value.words.length)));\n// Narration connected from an earlier Step is used first; the project's saved narration otherwise.\nconst wired=filled(input.narrationScript)||filled(input.narrationTiming);\nconst transcript=wired?(filled(input.narrationTiming)?input.narrationTiming:null):input.transcript;\nconst script=wired?(filled(input.narrationScript)?input.narrationScript:null):input.script;\nconst narration=String(transcript?.text||script?.text||(typeof script==='string'?script:'')).trim();\nconst timed=Array.isArray(transcript?.words)?transcript.words.map(word=>({text:String(word?.text||word?.word||'').trim(),start:Number.isFinite(Number(word?.start))?Number(word.start):Number(word?.startMs)/1000,end:Number.isFinite(Number(word?.end))?Number(word.end):Number(word?.endMs)/1000})).filter(word=>word.text&&Number.isFinite(word.start)&&Number.isFinite(word.end)&&word.end>=word.start):[];\nconst draftFromNarration=()=>{const groups=[];let group=[];timed.forEach(word=>{group.push(word);const duration=word.end-group[0].start;if((/[.!?]$/.test(word.text)&&duration>=2.5)||duration>=6||group.length>=18){groups.push(group);group=[];}});if(group.length)groups.push(group);if(!groups.length){let cursor=0;(narration.match(/[^.!?]+[.!?]?/g)||[]).map(value=>value.trim()).filter(Boolean).forEach(value=>{const duration=Math.max(2,value.split(/\\s+/).length/2.5);groups.push([{text:value,start:cursor,end:cursor+duration}]);cursor+=duration;});}return {schemaVersion:1,scenes:groups.length?[{sceneId:'scene-1',title:'Narration',description:'Panels built from the current narration.'}]:[],strip:groups.map((words,index)=>{const start=words[0].start,end=words.at(-1).end,text=words.map(word=>word.text).join(' ');return {panelId:'panel-'+String(index+1)+'-'+String(Math.max(0,Math.round(start*1000))),sceneId:'scene-1',type:'panel',changePrompt:'Create a clear image for: '+text,narration:text,startMs:Math.round(start*1000),durationMs:Math.max(1,Math.round((end-start)*1000)),image:null,versions:[],provenance:'narration'}})}};\nconst fallback=!source.strip?.length?draftFromNarration():source;\nconst candidate = input.commit || ['prepare','generate','generate-batch','stock','quality','render'].includes(input.action) ? copy(input.updatedPanels) : copy(fallback);\nif (input.attachGeneratedImage) {\n  if (!input.generatedImage || input.generatedImage.kind !== 'image') throw new Error('Connect an approved generated image before attaching it.');\n  const target = candidate.strip.find(panel => panel.panelId === input.targetPanelId);\n  if (!target) throw new Error('Choose an existing target panel for the connected image.');\n  const prior = Array.isArray(target.versions) ? target.versions : target.image ? [target.image] : [];\n  const url = input.generatedImage.url;\n  target.image = url;\n  target.imageAsset = copy(input.generatedImage);\n  target.versions = [...prior.filter(version => version !== url), url].slice(-8);\n}\nif (!candidate || Array.isArray(candidate) || candidate.schemaVersion !== 1 || !Array.isArray(candidate.strip)) {\n  throw new Error('Keep the complete version 1 Image Panels document and its strip.');\n}\nif (candidate.strip.length > 4096 || !candidate.strip.every(panel => panel && typeof panel === 'object' && !Array.isArray(panel) && typeof panel.panelId === 'string' && panel.panelId.length > 0)) {\n  throw new Error('Image Panels supports up to 4,096 rows with retained panel IDs.');\n}\nconst ids = candidate.strip.map(panel => panel.panelId);\nif (new Set(ids).size !== ids.length) throw new Error('Keep every Image Panel ID unique.');\nif (candidate.scenes !== undefined && (!Array.isArray(candidate.scenes) || candidate.scenes.length > 2048 || !candidate.scenes.every(scene => scene && typeof scene === 'object' && !Array.isArray(scene)))) {\n  throw new Error('Image Panels needs a valid retained scene list.');\n}\nif (!candidate.strip.every(panel => !panel.elements || Array.isArray(panel.elements) && panel.elements.length <= 5000 && panel.elements.every(element => element && typeof element === 'object' && !Array.isArray(element)))) {\n  throw new Error('Canvas panels need valid element lists with up to 5,000 elements.');\n}\nconst itemEnd=item=>Math.max(0,Number(item.start)||0)+Math.max(.001,Number(item.duration)||Number(item.durationMs)/1000||.001);\nconst outputs={panels:candidate,edit:{schemaVersion:1,title:`Update Image Panels (${candidate.scenes.length} scenes, ${candidate.strip.length} panels)`,field:'panels',before:source,after:candidate}};\nconst generationItem=(panel,index)=>{const style=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim(),cast=Array.isArray(panel.cast)?panel.cast.map(String).filter(Boolean).slice(0,20):[],prompt=[String(panel.changePrompt||panel.prompt||panel.narration||'Panel '+String(index+1)).trim(),style&&'Style: '+style,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. '),exact=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);return {panelId:panel.panelId,prompt,status:exact&&exact.assetId&&exact.versionId?'complete':'ready',...(exact&&exact.assetId&&exact.versionId?{image:{kind:'image',assetId:exact.assetId,versionId:exact.versionId,url:exact.url}}:{})}};\nif(input.action==='prepare'){const items=candidate.strip.map(generationItem),stylePrompt=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim();outputs.generationPlan={schemaVersion:1,kind:'panel-generation-plan',stylePrompt,items,progress:{complete:items.filter(item=>item.status==='complete').length,total:items.length}};}\nif(input.action==='generate'){const panel=candidate.strip.find(item=>item.panelId===input.targetPanelId);if(!panel)throw new Error('Choose the current panel before generating.');const style=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim(),cast=Array.isArray(panel.cast)?panel.cast.map(String).filter(Boolean).slice(0,20):[],prompt=[String(panel.changePrompt||panel.prompt||panel.narration||'Create this panel').trim(),style&&'Style: '+style,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. ');outputs.generateAction={schemaVersion:1,kind:'stillmade.media-action',operation:'image.generate',request:{prompt},resultPort:'generatedImage'};}\nif(input.action==='generate-batch'){const items=candidate.strip.map(generationItem).filter(item=>item.status!=='complete').slice(0,100);if(!items.length)throw new Error('Every panel already has an exact image.');outputs.batchGenerateAction={schemaVersion:1,kind:'stillmade.media-action',operation:'image.generate.batch',request:{source:{id:'sm.panel-strip',version:'2.4.0'},items:items.map(({panelId,prompt})=>({panelId,prompt})),aspectRatio:String(candidate.aspectRatio||candidate.meta?.aspect||'16:9')},resultPort:'generatedImages'};}\nconst images=candidate.strip.map(panel=>panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null)).filter(image=>image&&image.kind==='image'&&image.assetId&&image.versionId&&image.url).slice(0,16);\nif(input.action==='stock'&&input.stockQuery.trim())outputs.stockAction={schemaVersion:1,kind:'stillmade.media-action',operation:'stock.search',request:{query:input.stockQuery.trim(),type:'photo'},resultPort:'stockImage'};\nif(input.action==='quality'&&images.length)outputs.qualityAction={schemaVersion:1,kind:'stillmade.media-action',operation:'quality.analyze',request:{assets:images.map(({assetId,versionId,url})=>({kind:'image',assetId,versionId,url}))},resultPort:'qualityReport'};\nif(input.action==='render'){const clips=candidate.strip.map((panel,index)=>({id:panel.panelId||'panel-'+index,start:(Number(panel.startMs)||0)/1000,duration:Math.max(.001,(Number(panel.durationMs)||1000)/1000),url:panel.image?.url||panel.imageAsset?.url||panel.asset?.url||panel.selectedImage?.url||typeof panel.image==='string'&&panel.image||''})),targetDuration=Math.max(.001,...clips.map(itemEnd));outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:{schemaVersion:1,activeTimelineId:'panels',clips,audio:[],overlays:[],targetDuration},settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.panel-strip',version:'2.4.0'}},resultPort:null};}\nreturn outputs;\n",
+  "view": {
+    "html": "<main class=\"panels-workspace\">\n  <header><div><small>Production workspace</small><h1>Image Panels</h1><p id=\"summary\">Loading panels…</p></div><div class=\"actions\"><button id=\"build\" type=\"button\" class=\"secondary\">Build from narration</button><button id=\"reset\" type=\"button\" class=\"secondary\">Reset shared draft</button><button id=\"addScene\" type=\"button\" class=\"secondary\">Add scene</button><button id=\"addPanel\" type=\"button\" class=\"secondary\">Add panel</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  <div id=\"recovery\" hidden><p id=\"recoveryMessage\" role=\"alert\"></p><div class=\"actions\"><button id=\"retryShared\" type=\"button\" class=\"secondary\">Retry sharing</button><button id=\"discardShared\" type=\"button\" class=\"secondary\">Discard my unsent edits</button><button id=\"resetSharedSource\" type=\"button\" class=\"secondary\">Review source reset</button><button id=\"confirmSourceReset\" type=\"button\" class=\"danger\" hidden>Confirm: replace the shared draft for everyone</button></div><p>Resetting the source discards shared draft edits for everyone and uses the latest project input. Saved project content is unchanged until reviewed and applied.</p></div>\n  <output id=\"sharedResult\" role=\"status\" aria-live=\"polite\"></output>\n  <section><div class=\"section-title\"><h2>Generation plan</h2><strong id=\"progress\">0 of 0 panels have images</strong></div><label>Visual style<textarea id=\"stylePrompt\" placeholder=\"Describe the consistent visual style\"></textarea></label><p id=\"blueprintHints\" class=\"hint\"></p><div class=\"actions\"><button id=\"prepareBatch\" type=\"button\" class=\"secondary\">Prepare all prompts</button><button id=\"generateBatch\" type=\"button\">Review and generate missing panels</button></div><div id=\"queue\" class=\"cards\"></div></section>\n  <section><div class=\"section-title\"><h2>Connected generated image</h2></div><img id=\"imagePreview\" alt=\"Selected panel image preview\" hidden><div id=\"handoff\"></div></section>\n  <section><div class=\"section-title\"><h2>Scenes</h2></div><div id=\"scenes\" class=\"cards\"></div></section>\n  <section><div class=\"section-title\"><h2>Panels</h2></div><div id=\"panels\" class=\"cards\"></div></section>\n  <details id=\"rawDetails\"><summary>Complete Image Panels data</summary><p>Every field, media reference, version, canvas element, and audio setting is retained. Edit this JSON for custom fields not shown on the cards.</p><textarea id=\"raw\" class=\"raw\" spellcheck=\"false\" aria-label=\"Complete Image Panels data\"></textarea><p id=\"rawNotice\">JSON typing is shared live; Apply updates the panel document.</p><button id=\"discardRaw\" type=\"button\" class=\"secondary\" disabled>Discard shared JSON draft</button><button id=\"applyRaw\" type=\"button\" class=\"secondary\">Apply JSON to workspace</button></details>\n<section><h2>Finish panels</h2><label>Stock search<input id=\"stockQuery\" type=\"text\" placeholder=\"sunset city skyline\"></label><div class=\"actions\"><button id=\"stockSearch\" type=\"button\" class=\"secondary\">Search licensed stock</button><button id=\"qualityReview\" type=\"button\" class=\"secondary\">Review image quality</button><button id=\"renderFinal\" type=\"button\">Render final video</button></div></section></main>\n",
+    "css": ".panels-workspace{max-width:1120px;margin:0 auto;padding:8px;color:var(--fg)}header,.actions,.section-title,.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,.hint{color:var(--fg-muted)}section,details{margin:12px 0;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}section h2{margin:0}.cards{display:grid;gap:12px;margin-top:12px}.card{padding:14px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg)}.card-head{justify-content:space-between}.card h3{margin:0;font-size:17px}.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,select{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:380px;font-family:var(--font-mono);font-size:12px}output{display:block;min-height:24px;margin:8px 2px}\n@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.panels-workspace{padding:0}.grid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}section,details{padding:12px}}\nimg{display:block;width:min(100%,640px);max-height:420px;object-fit:contain;margin:10px auto;border-radius:var(--r-3);background:var(--bg)}img[hidden]{display:none}\n",
+    "javascript": "const status=document.getElementById('status'),summary=document.getElementById('summary'),raw=document.getElementById('raw'),save=document.getElementById('save'),build=document.getElementById('build'),imagePreview=document.getElementById('imagePreview'),progress=document.getElementById('progress'),stylePrompt=document.getElementById('stylePrompt'),blueprintHints=document.getElementById('blueprintHints');\nlet source={schemaVersion:1,scenes:[],strip:[]},draft={schemaVersion:1,scenes:[],strip:[]},connectedImage=null,generatedImages=[],transcript={schemaVersion:1,text:'',words:[]},script={schemaVersion:1,text:''},narrationScript=null,narrationTiming=null,busy=false,revision=0,blueprint={schemaVersion:1};\nlet shared=null,scratchShared=null,scratch={text:null,base:null,stockQuery:''},scratchAccess={canEdit:false,error:null,pending:false},access={canEdit:false,error:null,sourceConflict:false,pending:false},rawDirty=false,rawBase=null,rawStale=false,sharedOutputs={},resultSignature='',sourceResetArmed=false,rawPreview='';\nconst blocked=()=>busy||!shared||!scratchShared||!access.canEdit||!scratchAccess.canEdit||!!access.error||!!scratchAccess.error;\nconst uniqueId=prefix=>prefix+'-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2,12);\nconst clone=value=>JSON.parse(JSON.stringify(value));\nconst text=value=>value===undefined||value===null?'':String(value);\nconst filled=value=>typeof value==='string'?!!value.trim():!!(value&&typeof value==='object'&&(text(value.text).trim()||(Array.isArray(value.words)&&value.words.length)));\n// Narration connected from an earlier Step is used first; the project's saved narration otherwise.\nconst heard=()=>filled(narrationScript)||filled(narrationTiming)?{transcript:filled(narrationTiming)?narrationTiming:{schemaVersion:1,text:'',words:[]},script:filled(narrationScript)?narrationScript:{schemaVersion:1,text:''}}:{transcript,script};\nconst heardText=()=>{const {transcript,script}=heard();return text(transcript.text||script.text||(typeof script==='string'?script:'')).trim();};\nconst plan=()=>{const narration=heardText(),parts=(narration.match(/[^.!?]+[.!?]?/g)||[]).map(value=>value.trim()).filter(Boolean);let start=0;return {schemaVersion:1,scenes:parts.length?[{sceneId:'scene-1',title:'Narration',description:'Panels built from the current narration.'}]:[],strip:parts.map((line,index)=>{const duration=Math.max(2000,Math.round(line.split(/\\s+/).length/2.5*1000)),panel={panelId:'panel-'+String(index+1)+'-'+String(start),sceneId:'scene-1',type:'panel',changePrompt:'Create a clear image for: '+line,narration:line,startMs:start,durationMs:duration,image:null,versions:[],provenance:'narration'};start+=duration;return panel})}};\nconst field=(label,action,value,type='text',wide=false)=>({tag:'label',className:wide?'wide':'',children:[{tag:'span',text:label},type==='textarea'?{tag:'textarea',action,value:text(value),disabled:blocked(),label}:{tag:'input',type,action,value:Number.isFinite(value)?value:text(value),disabled:blocked(),label}]});\nconst choice=(label,action,value,options)=>({tag:'label',children:[{tag:'span',text:label},{tag:'select',action,value:text(value),disabled:blocked(),label,children:options.map(option=>({tag:'option',text:option,value:option}))}]});\nconst sceneCard=(scene,index)=>({tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h3',text:text(scene.title)||text(scene.name)||'Scene '+String(index+1)},{tag:'button',action:'remove-scene:'+String(index),text:'Remove',className:'danger',disabled:blocked()}]},{tag:'div',className:'grid',children:[field('Scene ID','scene-id:'+String(index),scene.sceneId||scene.id),field('Title','scene-title:'+String(index),scene.title||scene.name),field('Description','scene-description:'+String(index),scene.description||scene.summary,'textarea',true)]}]});\nconst panelCard=(panel,index)=>{const preview=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null),versions=Array.isArray(panel.imageVersions)?panel.imageVersions.filter(value=>value&&value.kind==='image'&&value.assetId&&value.versionId):[];return {tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h3',text:'Panel '+String(index+1)+' · '+text(panel.panelId)},{tag:'div',className:'row',children:[{tag:'button',action:'generate-panel:'+String(index),text:'Generate',className:'secondary',disabled:blocked()},{tag:'button',action:'preview-panel:'+String(index),text:'Preview',className:'secondary',disabled:busy||!preview},{tag:'button',action:'duplicate-panel:'+String(index),text:'Duplicate',className:'secondary',disabled:blocked()},{tag:'button',action:'move-up:'+String(index),text:'Up',className:'secondary',disabled:blocked()||index===0},{tag:'button',action:'move-down:'+String(index),text:'Down',className:'secondary',disabled:blocked()||index===draft.strip.length-1},{tag:'button',action:'remove-panel:'+String(index),text:'Remove',className:'danger',disabled:blocked()}]}]},{tag:'div',className:'grid',children:[field('Panel ID','panel-id:'+String(index),panel.panelId),field('Scene ID','panel-scene:'+String(index),panel.sceneId),choice('Type','panel-type:'+String(index),panel.type||'panel',['panel','canvas','zoom']),field('Starts (ms)','panel-start:'+String(index),panel.startMs,'number'),field('Length (ms)','panel-duration:'+String(index),panel.durationMs,'number'),field('Source panel','panel-source:'+String(index),panel.sourcePanelId||panel.repeatOf),field('Cast (comma separated)','panel-cast:'+String(index),Array.isArray(panel.cast)?panel.cast.join(', '):panel.cast,'text',true),field('Change prompt','panel-prompt:'+String(index),panel.changePrompt,'textarea',true),field('Narration','panel-narration:'+String(index),panel.narration||panel.voiceoverText,'textarea',true),{tag:'p',className:'wide hint',text:(preview?'Exact current image retained. ':'')+String(versions.length)+' exact image version'+(versions.length===1?'':'s')+' available.'},{tag:'div',className:'wide row',children:versions.map((version,versionIndex)=>({tag:'button',action:'restore-image:'+String(index)+':'+String(versionIndex),text:'Use v'+String(versionIndex+1)+' · '+text(version.versionId),className:'secondary',disabled:blocked()||preview&&preview.versionId===version.versionId}))}]}]}};\nconst ensure=()=>{if(!draft||Array.isArray(draft)||draft.schemaVersion!==1)draft={schemaVersion:1,scenes:[],strip:[]};if(!Array.isArray(draft.scenes))draft.scenes=[];if(!Array.isArray(draft.strip))draft.strip=[]};\nconst retime=()=>{let start=0;draft.strip=draft.strip.map(panel=>{const next={...panel,startMs:start};start+=Math.max(0,Number(panel.durationMs)||0);return next})};\nconst rawIsOpen=()=>document.getElementById('rawDetails').getAttribute('open')!==null;\nconst renderRawPreview=()=>{if(!rawIsOpen())return;if(rawDirty){rawStale=JSON.stringify(scratch.base)!==JSON.stringify(draft);if(raw.value!==scratch.text)raw.value=scratch.text;drawRecovery();return;}const value=JSON.stringify(draft,null,2);rawPreview=value;if(raw.value!==value)raw.value=value;};\nconst scheduleRawPreview=()=>{if(rawIsOpen())StillMade.scheduleSharedEdit('panelsRawPreview',renderRawPreview);};\ndocument.getElementById('rawDetails').addEventListener('toggle',renderRawPreview);\nconst queueCard=item=>({tag:'article',className:'card',children:[{tag:'strong',text:text(item.panelId)+' · '+text(item.status)},{tag:'p',text:text(item.generationText)}]});const draw=()=>{ensure();StillMade.render('handoff',connectedImage?[{tag:'p',className:'hint',text:'Ready: '+text(connectedImage.assetId)+' · version '+text(connectedImage.versionId)},{tag:'div',className:'row',children:[{tag:'button',action:'preview-connected',text:'Preview image',className:'secondary',disabled:busy},...draft.strip.map((panel,index)=>({tag:'button',action:'attach-image:'+String(index),text:'Use in panel '+String(index+1),className:'secondary',disabled:blocked()}))]}]:[{tag:'p',className:'hint',text:'Connect Generate image or the licensed stock result to attach an approved stored result. Provider credentials and charging stay outside this Block.'}]);const queue=Array.isArray(draft.generationQueue)?draft.generationQueue:[];StillMade.render('queue',queue.length?queue.map(queueCard):[{tag:'p',text:'Prepare prompts to create a saved generation queue.'}]);StillMade.render('scenes',draft.scenes.length?draft.scenes.map(sceneCard):[{tag:'p',text:'No scene groups yet.'}]);StillMade.render('panels',draft.strip.length?draft.strip.map(panelCard):[{tag:'p',text:'No panels yet. Add one to begin.'}]);const complete=draft.strip.filter(panel=>{const image=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);return image&&image.assetId&&image.versionId}).length;progress.textContent=String(complete)+' of '+String(draft.strip.length)+' panels have exact images';stylePrompt.value=text(draft.generationSettings&&draft.generationSettings.stylePrompt);scheduleRawPreview();summary.textContent=String(draft.strip.length)+' panel'+(draft.strip.length===1?'':'s')+' across '+String(draft.scenes.length)+' scene'+(draft.scenes.length===1?'':'s');save.disabled=blocked()||rawDirty;build.disabled=blocked()||!heardText();document.getElementById('reset').disabled=blocked();document.getElementById('addScene').disabled=blocked();document.getElementById('addPanel').disabled=blocked();document.getElementById('prepareBatch').disabled=blocked()||!draft.strip.length;document.getElementById('generateBatch').disabled=blocked()||!draft.strip.some(panel=>!(panel.imageAsset&&panel.imageAsset.assetId&&panel.imageAsset.versionId));['applyRaw','stockSearch','qualityReview','renderFinal'].forEach(id=>{document.getElementById(id).disabled=blocked();});stylePrompt.disabled=blocked();raw.disabled=blocked();document.getElementById('stockQuery').disabled=blocked();drawRecovery();drawResults()};\nconst edited=()=>{revision+=1;if(rawDirty)rawStale=true;scheduleRawPreview();shared.changed();status.textContent='Sharing draft changes. Review changes applies the document to your project.'};\nconst drawRecovery=()=>{document.getElementById('recovery').hidden=!access.error&&!scratchAccess.error;document.getElementById('recoveryMessage').textContent=access.error||scratchAccess.error||'';document.getElementById('retryShared').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending||access.sourceConflict;document.getElementById('discardShared').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending||access.sourceConflict;document.getElementById('resetSharedSource').hidden=!access.sourceConflict;document.getElementById('resetSharedSource').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending;document.getElementById('confirmSourceReset').hidden=!sourceResetArmed||!access.sourceConflict;document.getElementById('confirmSourceReset').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending;document.getElementById('rawNotice').textContent=rawDirty?(rawStale?'The shared JSON draft is retained. The panel document changed; Apply checks for conflicting edits.':'This JSON draft is shared live. Apply it to the panel document when ready, or discard the shared scratch.'):'JSON typing is shared live; Apply updates the panel document.';document.getElementById('discardRaw').disabled=blocked()||!rawDirty;save.disabled=blocked()||rawDirty;};\nconst drawResults=()=>{const images=Array.isArray(sharedOutputs.generatedImages)?sharedOutputs.generatedImages:[];document.getElementById('sharedResult').textContent=images.length?String(images.length)+' generated images are available in the shared result below.':sharedOutputs.generatedImage?'A generated image is available in the shared result below.':sharedOutputs.panels?'The latest reviewed Image Panels result is available below.':'';};\nraw.addEventListener('input',()=>{if(blocked())return;if(!rawDirty)scratch.base=rawPreview?JSON.parse(rawPreview):clone(draft);scratch.text=raw.value;rawBase=scratch.base;rawDirty=true;scratchShared.changed();drawRecovery();});\ndocument.getElementById('discardRaw').addEventListener('click',()=>{if(blocked())return;scratch={...scratch,text:null,base:null};rawDirty=false;rawBase=null;rawStale=false;scratchShared.changed();renderRawPreview();drawRecovery();});\ndocument.getElementById('stockQuery').addEventListener('input',()=>{if(blocked())return;scratch.stockQuery=document.getElementById('stockQuery').value;scratchShared.changed();});\nconst recover=async(action)=>{if(busy||!shared||!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending)return;busy=true;draw();try{await action();sourceResetArmed=false;status.textContent='Shared draft recovered.';}catch(error){status.textContent=error.message;}finally{busy=false;draw();}};\ndocument.getElementById('retryShared').addEventListener('click',()=>recover(async()=>{await shared.retry();await scratchShared.retry();}));\ndocument.getElementById('discardShared').addEventListener('click',()=>recover(async()=>{await shared.discard();await scratchShared.discard();}));\ndocument.getElementById('resetSharedSource').addEventListener('click',()=>{sourceResetArmed=true;drawRecovery();});\ndocument.getElementById('confirmSourceReset').addEventListener('click',()=>recover(()=>shared.resetSharedSource({discardSharedEdits:true})));\nStillMade.onShared(value=>{sharedOutputs=value.outputs||{};const signature=JSON.stringify(sharedOutputs);if(signature!==resultSignature){resultSignature=signature;drawResults();}});\n\nStillMade.onAction(event=>{if(busy||(!event.action.startsWith('preview-')&&blocked()))return;ensure();const parts=event.action.split(':'),kind=parts[0],index=Number(parts[1]),scene=draft.scenes.find((item,position)=>position===index),panel=draft.strip.find((item,position)=>position===index);\n if(kind==='remove-scene'){draft.scenes=draft.scenes.filter((item,position)=>position!==index);edited();draw();return}if(kind==='scene-id'&&scene){if(Object.hasOwn(scene,'sceneId'))scene.sceneId=event.value;else scene.id=event.value}if(kind==='scene-title'&&scene){if(Object.hasOwn(scene,'title'))scene.title=event.value;else scene.name=event.value}if(kind==='scene-description'&&scene){if(Object.hasOwn(scene,'description'))scene.description=event.value;else scene.summary=event.value}\n if(kind==='generate-panel'&&panel){mediaAction('generate',{targetPanelId:panel.panelId});return} if(kind==='restore-image'&&panel){const versionIndex=Number(parts[2]),versions=Array.isArray(panel.imageVersions)?panel.imageVersions:[],version=versions.find((item,position)=>position===versionIndex);if(version){panel.image=version.url;panel.imageAsset=clone(version);edited();draw();status.textContent='Exact image version restored for '+text(panel.panelId)+'.'}return}if(kind==='preview-connected'&&connectedImage){StillMade.previewImage(connectedImage).then(value=>{imagePreview.src=value.url;imagePreview.hidden=false;status.textContent='Previewing connected image version.'}).catch(error=>{status.textContent=error.message});return}if(kind==='preview-panel'&&panel){const value=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);if(value)StillMade.previewImage(value).then(preview=>{imagePreview.src=preview.url;imagePreview.hidden=false;status.textContent='Previewing '+text(panel.panelId)+'.'}).catch(error=>{status.textContent=error.message});return}if(kind==='duplicate-panel'&&panel){const next=clone(panel);next.panelId=uniqueId('panel-copy');next.startMs=(Number(panel.startMs)||0)+(Number(panel.durationMs)||0);next.provenance='duplicate';draft.strip=[...draft.strip.slice(0,index+1),next,...draft.strip.slice(index+1)];retime();edited();draw();return}if(kind==='remove-panel'){draft.strip=draft.strip.filter((item,position)=>position!==index);retime();edited();draw();return}if(kind==='move-up'&&index>0){const target=draft.strip.find((item,position)=>position===index-1);draft.strip=draft.strip.map((item,position)=>position===index-1?panel:position===index?target:item);retime();edited();draw();return}if(kind==='move-down'&&index<draft.strip.length-1){const target=draft.strip.find((item,position)=>position===index+1);draft.strip=draft.strip.map((item,position)=>position===index+1?panel:position===index?target:item);retime();edited();draw();return}if(!panel){edited();return}\n if(kind==='attach-image'&&connectedImage){const priorVersions=Array.isArray(panel.versions)?panel.versions:panel.image?[panel.image]:[];panel.image=connectedImage.url;panel.imageAsset=clone(connectedImage);panel.imageVersions=[...(Array.isArray(panel.imageVersions)?panel.imageVersions:[]).filter(value=>value.versionId!==connectedImage.versionId),clone(connectedImage)].slice(-8);panel.versions=[...priorVersions.filter(value=>value!==connectedImage.url),connectedImage.url].slice(-8);edited();draw();status.textContent='Connected image attached with its exact asset and version identity.';return}\n if(kind==='panel-id'){if(!event.value||draft.strip.some(item=>item!==panel&&item.panelId===event.value)){status.textContent='Keep every panel ID nonempty and unique.';return;}panel.panelId=event.value;}if(kind==='panel-scene')panel.sceneId=event.value;if(kind==='panel-type')panel.type=event.value;if(kind==='panel-start')panel.startMs=Math.max(0,Number(event.value)||0);if(kind==='panel-duration')panel.durationMs=Math.max(1,Number(event.value)||1);if(kind==='panel-source'){if(panel.type==='zoom')panel.sourcePanelId=event.value;else panel.repeatOf=event.value}if(kind==='panel-cast')panel.cast=event.value.split(',').map(value=>value.trim()).filter(Boolean).slice(0,20);if(kind==='panel-prompt')panel.changePrompt=event.value;if(kind==='panel-narration'){if(Object.hasOwn(panel,'voiceoverText'))panel.voiceoverText=event.value;else panel.narration=event.value}edited()});\nbuild.addEventListener('click',()=>{if(!blocked()){draft=plan();edited();draw();status.textContent='Built a draft from the current narration. Review prompts and timing before applying.'}});\ndocument.getElementById('addScene').addEventListener('click',()=>{if(blocked())return;ensure();const id=uniqueId('portable-scene');draft.scenes=[...draft.scenes,{sceneId:id,title:'New scene',description:''}];edited();draw()});\ndocument.getElementById('addPanel').addEventListener('click',()=>{if(blocked())return;ensure();const start=draft.strip.reduce((total,panel)=>total+Math.max(0,Number(panel.durationMs)||0),0),id=uniqueId('portable-panel'),scene=draft.scenes.find((item,position)=>position===0);draft.strip=[...draft.strip,{panelId:id,sceneId:scene?scene.sceneId||scene.id:null,type:'panel',changePrompt:'',narration:'',startMs:start,durationMs:4000,image:null,versions:[],provenance:'user'}];edited();draw()});\ndocument.getElementById('applyRaw').addEventListener('click',async()=>{if(blocked()||!rawDirty)return;const requested=clone(scratch);busy=true;draw();try{await scratchShared.flush();if(JSON.stringify(scratch)!==JSON.stringify(requested))throw Error('The shared JSON draft changed. Review the latest text before applying it.');if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error)throw Error('Editing access changed. The shared JSON draft is retained.');const pending=clone(scratch),value=JSON.parse(pending.text);if(!value||Array.isArray(value)||value.schemaVersion!==1||!Array.isArray(value.strip))throw Error('Image Panels JSON must be a version 1 object with a strip.');if(value.strip.some(panel=>!panel||typeof panel.panelId!=='string'||!panel.panelId)||new Set(value.strip.map(panel=>panel.panelId)).size!==value.strip.length)throw Error('Keep every panel ID nonempty and unique.');const edits=StillMade.diffDocument(pending.base||draft,value);draft=StillMade.applyDocument(draft,edits);edited();await shared.flush();if(!access.canEdit||!scratchAccess.canEdit)throw Error('Editing access changed; the shared JSON draft is retained.');if(JSON.stringify(scratch)===JSON.stringify(pending)){scratch={...scratch,text:null,base:null};rawDirty=false;rawBase=null;rawStale=false;scratchShared.changed();await scratchShared.flush();}status.textContent='Complete Image Panels data applied to the shared draft.';}catch(error){status.textContent=error.message;}finally{busy=false;draw();}});\n\ndocument.getElementById('reset').addEventListener('click',()=>{if(!blocked()){draft=clone(source);edited();draw();status.textContent='Reset to the project Image Panels document is being shared.'}});\nsave.addEventListener('click',async()=>{if(blocked()||rawDirty)return;busy=true;draw();status.textContent='Checking the complete Image Panels document…';try{await shared.flush();await scratchShared.flush();if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error||rawDirty)throw Error('Editing access changed. The draft was not run.');const started=revision;await StillMade.run({panels:clone(source),updatedPanels:clone(draft),commit:true});status.textContent=started===revision?'Image Panels changes are ready below. Review the before and after, then choose Apply.':'A reviewed result is ready below; newer shared edits were retained.';}catch(error){status.textContent=error.message||'Image Panels could not be prepared.';}finally{busy=false;draw();}});\nStillMade.onInput(values=>{source=clone(values.panels||{schemaVersion:1,scenes:[],strip:[]});transcript=clone(values.transcript||{schemaVersion:1,text:'',words:[]});script=clone(values.script||{schemaVersion:1,text:''});narrationScript=values.narrationScript===undefined?null:clone(values.narrationScript);narrationTiming=values.narrationTiming===undefined?null:clone(values.narrationTiming);blueprint=clone(values.blueprint||{schemaVersion:1});let next=values.updatedPanels&&values.updatedPanels.strip?.length?clone(values.updatedPanels):source.strip?.length?clone(source):plan();connectedImage=values.generatedImage?clone(values.generatedImage):null;generatedImages=Array.isArray(values.generatedImages)?clone(values.generatedImages):[];if(generatedImages.length){const byPanel=new Map(generatedImages.map(image=>[image.panelId,image]));next.strip=next.strip.map(panel=>{const image=byPanel.get(panel.panelId);if(!image)return panel;const prior=Array.isArray(panel.imageVersions)?panel.imageVersions:[];return {...panel,image:image.url,imageAsset:clone(image),imageVersions:[...prior.filter(value=>value.versionId!==image.versionId),clone(image)].slice(-8),versions:[...(Array.isArray(panel.versions)?panel.versions:[]).filter(value=>value!==image.url),image.url].slice(-8)}})}if(!next.generationSettings)next.generationSettings={stylePrompt:text(blueprint.visualStyle)};const names=Array.isArray(blueprint.characters)?blueprint.characters.map(item=>text(item.name||item.title)).filter(Boolean):[];blueprintHints.textContent=names.length?'Blueprint cast: '+names.slice(0,12).join(', '):'Add cast names per panel; approved generation stays in connected generation Blocks.';if(!shared){shared=StillMade.connectDocument({key:'panelsDocument',source:next,collections:[{path:['strip'],key:'panelId',fallback:'atomic'}],read:()=>draft,replace:value=>{draft=value;revision+=1;if(rawDirty)rawStale=true;draw();}});scratchShared=StillMade.connectDocument({key:'panelsScratch',source:{text:null,base:null,stockQuery:''},read:()=>scratch,replace:value=>{scratch=value;rawDirty=scratch.text!==null;rawBase=scratch.base;rawStale=false;if(rawDirty&&rawIsOpen()&&raw.value!==scratch.text)raw.value=scratch.text;scheduleRawPreview();document.getElementById('stockQuery').value=scratch.stockQuery;drawRecovery();}});scratchShared.onStatus(value=>{const redraw=scratchAccess.canEdit!==value.canEdit||scratchAccess.error!==value.error;scratchAccess=value;if(redraw)draw();else drawRecovery();});shared.onStatus(value=>{const redraw=access.canEdit!==value.canEdit||access.error!==value.error;access=value;if(redraw)draw();else drawRecovery();});}else shared.replaceSource(next);revision+=1;draw();status.textContent=access.error||'Draft edits are shared live. Review changes applies them to the project; generated results stay in the shared results below.'});\n\nstylePrompt.addEventListener('input',()=>{if(blocked())return;if(!draft.generationSettings)draft.generationSettings={};draft.generationSettings.stylePrompt=stylePrompt.value;edited()});\ndocument.getElementById('prepareBatch').addEventListener('click',()=>{if(blocked())return;const visualLook=text(draft.generationSettings&&draft.generationSettings.stylePrompt).trim();draft.generationQueue=draft.strip.map((panel,index)=>{const cast=Array.isArray(panel.cast)?panel.cast:[],image=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null),generationText=[text(panel.changePrompt||panel.narration||'Panel '+String(index+1)).trim(),visualLook&&'Style: '+visualLook,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. ');return {id:'queue-'+text(panel.panelId),panelId:panel.panelId,generationText,status:image&&image.assetId&&image.versionId?'complete':'ready'}});edited();draw();mediaAction('prepare')});\ndocument.getElementById('generateBatch').addEventListener('click',()=>mediaAction('generate-batch'));\nconst mediaAction=async(action,extra={})=>{if(blocked()||rawDirty)return;busy=true;draw();try{await shared.flush();await scratchShared.flush();if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error||rawDirty)throw Error('Editing access changed. The action was not run.');await StillMade.run({panels:clone(source),updatedPanels:clone(draft),commit:false,action,...extra});status.textContent='The approved action is ready below.'}catch(error){status.textContent=error.message||'The media action could not be prepared.'}finally{busy=false;draw()}};document.getElementById('stockSearch').addEventListener('click',()=>mediaAction('stock',{stockQuery:document.getElementById('stockQuery').value}));document.getElementById('qualityReview').addEventListener('click',()=>mediaAction('quality'));document.getElementById('renderFinal').addEventListener('click',()=>mediaAction('render'));\n"
+  },
+  "tests": [
+    {
+      "name": "Retain the complete current Image Panels document",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Opening frame",
+              "narration": "Welcome",
+              "startMs": 0,
+              "durationMs": 4000,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/old.png",
+                "https://media.example/panel.png"
+              ],
+              "custom": {
+                "keep": true
+              }
+            }
+          ],
+          "audio": {
+            "voPath": "https://media.example/voice.mp3"
+          }
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Opening frame",
+              "narration": "Welcome",
+              "startMs": 0,
+              "durationMs": 4000,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/old.png",
+                "https://media.example/panel.png"
+              ],
+              "custom": {
+                "keep": true
+              }
+            }
+          ],
+          "audio": {
+            "voPath": "https://media.example/voice.mp3"
+          }
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 1 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Opening frame",
+                "narration": "Welcome",
+                "startMs": 0,
+                "durationMs": 4000,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/old.png",
+                  "https://media.example/panel.png"
+                ],
+                "custom": {
+                  "keep": true
+                }
+              }
+            ],
+            "audio": {
+              "voPath": "https://media.example/voice.mp3"
+            }
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Opening frame",
+                "narration": "Welcome",
+                "startMs": 0,
+                "durationMs": 4000,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/old.png",
+                  "https://media.example/panel.png"
+                ],
+                "custom": {
+                  "keep": true
+                }
+              }
+            ],
+            "audio": {
+              "voPath": "https://media.example/voice.mp3"
+            }
+          }
+        }
+      }
+    },
+    {
+      "name": "Prepare one exact complete Image Panels update",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Opening frame",
+              "startMs": 0,
+              "durationMs": 4000,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/panel.png"
+              ]
+            }
+          ]
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "New opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Closer opening frame",
+              "startMs": 0,
+              "durationMs": 4500,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/panel.png"
+              ]
+            }
+          ]
+        },
+        "commit": true
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "New opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Closer opening frame",
+              "startMs": 0,
+              "durationMs": 4500,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/panel.png"
+              ]
+            }
+          ]
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 1 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Opening frame",
+                "startMs": 0,
+                "durationMs": 4000,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/panel.png"
+                ]
+              }
+            ]
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "New opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Closer opening frame",
+                "startMs": 0,
+                "durationMs": 4500,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/panel.png"
+                ]
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "name": "Build timed panels from narration when the project has none",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "transcript": {
+          "schemaVersion": 1,
+          "text": "Opening city view. Show the product.",
+          "words": [
+            {
+              "text": "Opening",
+              "start": 0,
+              "end": 0.5
+            },
+            {
+              "text": "city",
+              "start": 0.5,
+              "end": 1
+            },
+            {
+              "text": "view.",
+              "start": 1,
+              "end": 3
+            },
+            {
+              "text": "Show",
+              "start": 3,
+              "end": 3.5
+            },
+            {
+              "text": "the",
+              "start": 3.5,
+              "end": 4
+            },
+            {
+              "text": "product.",
+              "start": 4,
+              "end": 6
+            }
+          ]
+        },
+        "script": {
+          "schemaVersion": 1,
+          "text": ""
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false,
+        "action": "none",
+        "stockQuery": ""
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Narration",
+              "description": "Panels built from the current narration."
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1-0",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Opening city view.",
+              "narration": "Opening city view.",
+              "startMs": 0,
+              "durationMs": 3000,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            },
+            {
+              "panelId": "panel-2-3000",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Show the product.",
+              "narration": "Show the product.",
+              "startMs": 3000,
+              "durationMs": 3000,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            }
+          ]
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 2 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [],
+            "strip": []
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Narration",
+                "description": "Panels built from the current narration."
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1-0",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Opening city view.",
+                "narration": "Opening city view.",
+                "startMs": 0,
+                "durationMs": 3000,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              },
+              {
+                "panelId": "panel-2-3000",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Show the product.",
+                "narration": "Show the product.",
+                "startMs": 3000,
+                "durationMs": 3000,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "name": "Retain valid legacy long and control-character panel IDs",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "legacy-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\u0001",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Opening frame",
+              "narration": "Welcome",
+              "startMs": 0,
+              "durationMs": 4000,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/old.png",
+                "https://media.example/panel.png"
+              ],
+              "custom": {
+                "keep": true
+              }
+            }
+          ],
+          "audio": {
+            "voPath": "https://media.example/voice.mp3"
+          }
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Opening"
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "legacy-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\u0001",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "prompt": "Opening frame",
+              "narration": "Welcome",
+              "startMs": 0,
+              "durationMs": 4000,
+              "image": "https://media.example/panel.png",
+              "versions": [
+                "https://media.example/old.png",
+                "https://media.example/panel.png"
+              ],
+              "custom": {
+                "keep": true
+              }
+            }
+          ],
+          "audio": {
+            "voPath": "https://media.example/voice.mp3"
+          }
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 1 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "legacy-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\u0001",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Opening frame",
+                "narration": "Welcome",
+                "startMs": 0,
+                "durationMs": 4000,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/old.png",
+                  "https://media.example/panel.png"
+                ],
+                "custom": {
+                  "keep": true
+                }
+              }
+            ],
+            "audio": {
+              "voPath": "https://media.example/voice.mp3"
+            }
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Opening"
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "legacy-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\u0001",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "prompt": "Opening frame",
+                "narration": "Welcome",
+                "startMs": 0,
+                "durationMs": 4000,
+                "image": "https://media.example/panel.png",
+                "versions": [
+                  "https://media.example/old.png",
+                  "https://media.example/panel.png"
+                ],
+                "custom": {
+                  "keep": true
+                }
+              }
+            ],
+            "audio": {
+              "voPath": "https://media.example/voice.mp3"
+            }
+          }
+        }
+      }
+    },
+    {
+      "name": "uses connected narration before the project's saved narration",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "blueprint": {
+          "schemaVersion": 1
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false,
+        "transcript": {
+          "schemaVersion": 1,
+          "text": "Saved project narration that is out of date.",
+          "words": []
+        },
+        "script": {
+          "schemaVersion": 1,
+          "text": ""
+        },
+        "narrationScript": {
+          "schemaVersion": 1,
+          "text": "Open on the harbour. Close on the lighthouse!"
+        }
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Narration",
+              "description": "Panels built from the current narration."
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1-0",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Open on the harbour.",
+              "narration": "Open on the harbour.",
+              "startMs": 0,
+              "durationMs": 2000,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            },
+            {
+              "panelId": "panel-2-2000",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Close on the lighthouse!",
+              "narration": "Close on the lighthouse!",
+              "startMs": 2000,
+              "durationMs": 2000,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            }
+          ]
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 2 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [],
+            "strip": []
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Narration",
+                "description": "Panels built from the current narration."
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1-0",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Open on the harbour.",
+                "narration": "Open on the harbour.",
+                "startMs": 0,
+                "durationMs": 2000,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              },
+              {
+                "panelId": "panel-2-2000",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Close on the lighthouse!",
+                "narration": "Close on the lighthouse!",
+                "startMs": 2000,
+                "durationMs": 2000,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "name": "uses connected word timings when an earlier Step supplies them",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "blueprint": {
+          "schemaVersion": 1
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false,
+        "transcript": {
+          "schemaVersion": 1,
+          "text": "",
+          "words": []
+        },
+        "script": {
+          "schemaVersion": 1,
+          "text": ""
+        },
+        "narrationTiming": {
+          "schemaVersion": 1,
+          "text": "Morning light.",
+          "words": [
+            {
+              "text": "Morning",
+              "start": 0.5,
+              "end": 1.2
+            },
+            {
+              "text": "light.",
+              "start": 1.2,
+              "end": 2
+            }
+          ]
+        }
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Narration",
+              "description": "Panels built from the current narration."
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1-500",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Morning light.",
+              "narration": "Morning light.",
+              "startMs": 500,
+              "durationMs": 1500,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            }
+          ]
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 1 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [],
+            "strip": []
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Narration",
+                "description": "Panels built from the current narration."
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1-500",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Morning light.",
+                "narration": "Morning light.",
+                "startMs": 500,
+                "durationMs": 1500,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      "name": "falls back to the project narration when the connected Step has no narration yet",
+      "input": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "blueprint": {
+          "schemaVersion": 1
+        },
+        "updatedPanels": {
+          "schemaVersion": 1,
+          "scenes": [],
+          "strip": []
+        },
+        "commit": false,
+        "transcript": {
+          "schemaVersion": 1,
+          "text": "",
+          "words": []
+        },
+        "script": {
+          "schemaVersion": 1,
+          "text": "Saved script line."
+        },
+        "narrationScript": {
+          "schemaVersion": 1,
+          "text": "   "
+        }
+      },
+      "expected": {
+        "panels": {
+          "schemaVersion": 1,
+          "scenes": [
+            {
+              "sceneId": "scene-1",
+              "title": "Narration",
+              "description": "Panels built from the current narration."
+            }
+          ],
+          "strip": [
+            {
+              "panelId": "panel-1-0",
+              "sceneId": "scene-1",
+              "type": "panel",
+              "changePrompt": "Create a clear image for: Saved script line.",
+              "narration": "Saved script line.",
+              "startMs": 0,
+              "durationMs": 2000,
+              "image": null,
+              "versions": [],
+              "provenance": "narration"
+            }
+          ]
+        },
+        "edit": {
+          "schemaVersion": 1,
+          "title": "Update Image Panels (1 scenes, 1 panels)",
+          "field": "panels",
+          "before": {
+            "schemaVersion": 1,
+            "scenes": [],
+            "strip": []
+          },
+          "after": {
+            "schemaVersion": 1,
+            "scenes": [
+              {
+                "sceneId": "scene-1",
+                "title": "Narration",
+                "description": "Panels built from the current narration."
+              }
+            ],
+            "strip": [
+              {
+                "panelId": "panel-1-0",
+                "sceneId": "scene-1",
+                "type": "panel",
+                "changePrompt": "Create a clear image for: Saved script line.",
+                "narration": "Saved script line.",
+                "startMs": 0,
+                "durationMs": 2000,
+                "image": null,
+                "versions": [],
+                "provenance": "narration"
+              }
+            ]
+          }
+        }
+      }
+    }
+  ],
+  "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 source = copy(input.panels || {schemaVersion: 1, scenes: [], strip: []});\nconst blueprint=copy(input.blueprint||{schemaVersion:1});\nconst filled=value=>typeof value==='string'?!!value.trim():!!(value&&typeof value==='object'&&(String(value.text||'').trim()||(Array.isArray(value.words)&&value.words.length)));\n// Narration connected from an earlier Step is used first; the project's saved narration otherwise.\nconst wired=filled(input.narrationScript)||filled(input.narrationTiming);\nconst transcript=wired?(filled(input.narrationTiming)?input.narrationTiming:null):input.transcript;\nconst script=wired?(filled(input.narrationScript)?input.narrationScript:null):input.script;\nconst narration=String(transcript?.text||script?.text||(typeof script==='string'?script:'')).trim();\nconst timed=Array.isArray(transcript?.words)?transcript.words.map(word=>({text:String(word?.text||word?.word||'').trim(),start:Number.isFinite(Number(word?.start))?Number(word.start):Number(word?.startMs)/1000,end:Number.isFinite(Number(word?.end))?Number(word.end):Number(word?.endMs)/1000})).filter(word=>word.text&&Number.isFinite(word.start)&&Number.isFinite(word.end)&&word.end>=word.start):[];\nconst draftFromNarration=()=>{const groups=[];let group=[];timed.forEach(word=>{group.push(word);const duration=word.end-group[0].start;if((/[.!?]$/.test(word.text)&&duration>=2.5)||duration>=6||group.length>=18){groups.push(group);group=[];}});if(group.length)groups.push(group);if(!groups.length){let cursor=0;(narration.match(/[^.!?]+[.!?]?/g)||[]).map(value=>value.trim()).filter(Boolean).forEach(value=>{const duration=Math.max(2,value.split(/\\s+/).length/2.5);groups.push([{text:value,start:cursor,end:cursor+duration}]);cursor+=duration;});}return {schemaVersion:1,scenes:groups.length?[{sceneId:'scene-1',title:'Narration',description:'Panels built from the current narration.'}]:[],strip:groups.map((words,index)=>{const start=words[0].start,end=words.at(-1).end,text=words.map(word=>word.text).join(' ');return {panelId:'panel-'+String(index+1)+'-'+String(Math.max(0,Math.round(start*1000))),sceneId:'scene-1',type:'panel',changePrompt:'Create a clear image for: '+text,narration:text,startMs:Math.round(start*1000),durationMs:Math.max(1,Math.round((end-start)*1000)),image:null,versions:[],provenance:'narration'}})}};\nconst fallback=!source.strip?.length?draftFromNarration():source;\nconst candidate = input.commit || ['prepare','generate','generate-batch','stock','quality','render'].includes(input.action) ? copy(input.updatedPanels) : copy(fallback);\nif (input.attachGeneratedImage) {\n  if (!input.generatedImage || input.generatedImage.kind !== 'image') throw new Error('Connect an approved generated image before attaching it.');\n  const target = candidate.strip.find(panel => panel.panelId === input.targetPanelId);\n  if (!target) throw new Error('Choose an existing target panel for the connected image.');\n  const prior = Array.isArray(target.versions) ? target.versions : target.image ? [target.image] : [];\n  const url = input.generatedImage.url;\n  target.image = url;\n  target.imageAsset = copy(input.generatedImage);\n  target.versions = [...prior.filter(version => version !== url), url].slice(-8);\n}\nif (!candidate || Array.isArray(candidate) || candidate.schemaVersion !== 1 || !Array.isArray(candidate.strip)) {\n  throw new Error('Keep the complete version 1 Image Panels document and its strip.');\n}\nif (candidate.strip.length > 4096 || !candidate.strip.every(panel => panel && typeof panel === 'object' && !Array.isArray(panel) && typeof panel.panelId === 'string' && panel.panelId.length > 0)) {\n  throw new Error('Image Panels supports up to 4,096 rows with retained panel IDs.');\n}\nconst ids = candidate.strip.map(panel => panel.panelId);\nif (new Set(ids).size !== ids.length) throw new Error('Keep every Image Panel ID unique.');\nif (candidate.scenes !== undefined && (!Array.isArray(candidate.scenes) || candidate.scenes.length > 2048 || !candidate.scenes.every(scene => scene && typeof scene === 'object' && !Array.isArray(scene)))) {\n  throw new Error('Image Panels needs a valid retained scene list.');\n}\nif (!candidate.strip.every(panel => !panel.elements || Array.isArray(panel.elements) && panel.elements.length <= 5000 && panel.elements.every(element => element && typeof element === 'object' && !Array.isArray(element)))) {\n  throw new Error('Canvas panels need valid element lists with up to 5,000 elements.');\n}\nconst itemEnd=item=>Math.max(0,Number(item.start)||0)+Math.max(.001,Number(item.duration)||Number(item.durationMs)/1000||.001);\nconst outputs={panels:candidate,edit:{schemaVersion:1,title:`Update Image Panels (${candidate.scenes.length} scenes, ${candidate.strip.length} panels)`,field:'panels',before:source,after:candidate}};\nconst generationItem=(panel,index)=>{const style=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim(),cast=Array.isArray(panel.cast)?panel.cast.map(String).filter(Boolean).slice(0,20):[],prompt=[String(panel.changePrompt||panel.prompt||panel.narration||'Panel '+String(index+1)).trim(),style&&'Style: '+style,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. '),exact=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);return {panelId:panel.panelId,prompt,status:exact&&exact.assetId&&exact.versionId?'complete':'ready',...(exact&&exact.assetId&&exact.versionId?{image:{kind:'image',assetId:exact.assetId,versionId:exact.versionId,url:exact.url}}:{})}};\nif(input.action==='prepare'){const items=candidate.strip.map(generationItem),stylePrompt=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim();outputs.generationPlan={schemaVersion:1,kind:'panel-generation-plan',stylePrompt,items,progress:{complete:items.filter(item=>item.status==='complete').length,total:items.length}};}\nif(input.action==='generate'){const panel=candidate.strip.find(item=>item.panelId===input.targetPanelId);if(!panel)throw new Error('Choose the current panel before generating.');const style=String(candidate.generationSettings?.stylePrompt||blueprint.visualStyle||blueprint.style?.description||'').trim(),cast=Array.isArray(panel.cast)?panel.cast.map(String).filter(Boolean).slice(0,20):[],prompt=[String(panel.changePrompt||panel.prompt||panel.narration||'Create this panel').trim(),style&&'Style: '+style,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. ');outputs.generateAction={schemaVersion:1,kind:'stillmade.media-action',operation:'image.generate',request:{prompt},resultPort:'generatedImage'};}\nif(input.action==='generate-batch'){const items=candidate.strip.map(generationItem).filter(item=>item.status!=='complete').slice(0,100);if(!items.length)throw new Error('Every panel already has an exact image.');outputs.batchGenerateAction={schemaVersion:1,kind:'stillmade.media-action',operation:'image.generate.batch',request:{source:{id:'sm.panel-strip',version:'2.4.0'},items:items.map(({panelId,prompt})=>({panelId,prompt})),aspectRatio:String(candidate.aspectRatio||candidate.meta?.aspect||'16:9')},resultPort:'generatedImages'};}\nconst images=candidate.strip.map(panel=>panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null)).filter(image=>image&&image.kind==='image'&&image.assetId&&image.versionId&&image.url).slice(0,16);\nif(input.action==='stock'&&input.stockQuery.trim())outputs.stockAction={schemaVersion:1,kind:'stillmade.media-action',operation:'stock.search',request:{query:input.stockQuery.trim(),type:'photo'},resultPort:'stockImage'};\nif(input.action==='quality'&&images.length)outputs.qualityAction={schemaVersion:1,kind:'stillmade.media-action',operation:'quality.analyze',request:{assets:images.map(({assetId,versionId,url})=>({kind:'image',assetId,versionId,url}))},resultPort:'qualityReport'};\nif(input.action==='render'){const clips=candidate.strip.map((panel,index)=>({id:panel.panelId||'panel-'+index,start:(Number(panel.startMs)||0)/1000,duration:Math.max(.001,(Number(panel.durationMs)||1000)/1000),url:panel.image?.url||panel.imageAsset?.url||panel.asset?.url||panel.selectedImage?.url||typeof panel.image==='string'&&panel.image||''})),targetDuration=Math.max(.001,...clips.map(itemEnd));outputs.renderAction={schemaVersion:1,kind:'stillmade.media-action',operation:'final.render',request:{schemaVersion:1,kind:'video',timeline:{schemaVersion:1,activeTimelineId:'panels',clips,audio:[],overlays:[],targetDuration},settings:{fps:30,resolution:1080,quality:'high'},source:{id:'sm.panel-strip',version:'2.4.0'}},resultPort:null};}\nreturn outputs;\n",
+      "upstream/0/src/view.json": "{\n  \"html\": \"<main class=\\\"panels-workspace\\\">\\n  <header><div><small>Production workspace</small><h1>Image Panels</h1><p id=\\\"summary\\\">Loading panels…</p></div><div class=\\\"actions\\\"><button id=\\\"build\\\" type=\\\"button\\\" class=\\\"secondary\\\">Build from narration</button><button id=\\\"reset\\\" type=\\\"button\\\" class=\\\"secondary\\\">Reset shared draft</button><button id=\\\"addScene\\\" type=\\\"button\\\" class=\\\"secondary\\\">Add scene</button><button id=\\\"addPanel\\\" type=\\\"button\\\" class=\\\"secondary\\\">Add panel</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  <div id=\\\"recovery\\\" hidden><p id=\\\"recoveryMessage\\\" role=\\\"alert\\\"></p><div class=\\\"actions\\\"><button id=\\\"retryShared\\\" type=\\\"button\\\" class=\\\"secondary\\\">Retry sharing</button><button id=\\\"discardShared\\\" type=\\\"button\\\" class=\\\"secondary\\\">Discard my unsent edits</button><button id=\\\"resetSharedSource\\\" type=\\\"button\\\" class=\\\"secondary\\\">Review source reset</button><button id=\\\"confirmSourceReset\\\" type=\\\"button\\\" class=\\\"danger\\\" hidden>Confirm: replace the shared draft for everyone</button></div><p>Resetting the source discards shared draft edits for everyone and uses the latest project input. Saved project content is unchanged until reviewed and applied.</p></div>\\n  <output id=\\\"sharedResult\\\" role=\\\"status\\\" aria-live=\\\"polite\\\"></output>\\n  <section><div class=\\\"section-title\\\"><h2>Generation plan</h2><strong id=\\\"progress\\\">0 of 0 panels have images</strong></div><label>Visual style<textarea id=\\\"stylePrompt\\\" placeholder=\\\"Describe the consistent visual style\\\"></textarea></label><p id=\\\"blueprintHints\\\" class=\\\"hint\\\"></p><div class=\\\"actions\\\"><button id=\\\"prepareBatch\\\" type=\\\"button\\\" class=\\\"secondary\\\">Prepare all prompts</button><button id=\\\"generateBatch\\\" type=\\\"button\\\">Review and generate missing panels</button></div><div id=\\\"queue\\\" class=\\\"cards\\\"></div></section>\\n  <section><div class=\\\"section-title\\\"><h2>Connected generated image</h2></div><img id=\\\"imagePreview\\\" alt=\\\"Selected panel image preview\\\" hidden><div id=\\\"handoff\\\"></div></section>\\n  <section><div class=\\\"section-title\\\"><h2>Scenes</h2></div><div id=\\\"scenes\\\" class=\\\"cards\\\"></div></section>\\n  <section><div class=\\\"section-title\\\"><h2>Panels</h2></div><div id=\\\"panels\\\" class=\\\"cards\\\"></div></section>\\n  <details id=\\\"rawDetails\\\"><summary>Complete Image Panels data</summary><p>Every field, media reference, version, canvas element, and audio setting is retained. Edit this JSON for custom fields not shown on the cards.</p><textarea id=\\\"raw\\\" class=\\\"raw\\\" spellcheck=\\\"false\\\" aria-label=\\\"Complete Image Panels data\\\"></textarea><p id=\\\"rawNotice\\\">JSON typing is shared live; Apply updates the panel document.</p><button id=\\\"discardRaw\\\" type=\\\"button\\\" class=\\\"secondary\\\" disabled>Discard shared JSON draft</button><button id=\\\"applyRaw\\\" type=\\\"button\\\" class=\\\"secondary\\\">Apply JSON to workspace</button></details>\\n<section><h2>Finish panels</h2><label>Stock search<input id=\\\"stockQuery\\\" type=\\\"text\\\" placeholder=\\\"sunset city skyline\\\"></label><div class=\\\"actions\\\"><button id=\\\"stockSearch\\\" type=\\\"button\\\" class=\\\"secondary\\\">Search licensed stock</button><button id=\\\"qualityReview\\\" type=\\\"button\\\" class=\\\"secondary\\\">Review image quality</button><button id=\\\"renderFinal\\\" type=\\\"button\\\">Render final video</button></div></section></main>\\n\",\n  \"css\": \".panels-workspace{max-width:1120px;margin:0 auto;padding:8px;color:var(--fg)}header,.actions,.section-title,.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,.hint{color:var(--fg-muted)}section,details{margin:12px 0;padding:16px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg-elev-1)}section h2{margin:0}.cards{display:grid;gap:12px;margin-top:12px}.card{padding:14px;border:1px solid var(--border-tok);border-radius:var(--r-3);background:var(--bg)}.card-head{justify-content:space-between}.card h3{margin:0;font-size:17px}.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,select{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:380px;font-family:var(--font-mono);font-size:12px}output{display:block;min-height:24px;margin:8px 2px}\\n@media(max-width:820px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.panels-workspace{padding:0}.grid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}section,details{padding:12px}}\\nimg{display:block;width:min(100%,640px);max-height:420px;object-fit:contain;margin:10px auto;border-radius:var(--r-3);background:var(--bg)}img[hidden]{display:none}\\n\",\n  \"javascript\": \"const status=document.getElementById('status'),summary=document.getElementById('summary'),raw=document.getElementById('raw'),save=document.getElementById('save'),build=document.getElementById('build'),imagePreview=document.getElementById('imagePreview'),progress=document.getElementById('progress'),stylePrompt=document.getElementById('stylePrompt'),blueprintHints=document.getElementById('blueprintHints');\\nlet source={schemaVersion:1,scenes:[],strip:[]},draft={schemaVersion:1,scenes:[],strip:[]},connectedImage=null,generatedImages=[],transcript={schemaVersion:1,text:'',words:[]},script={schemaVersion:1,text:''},narrationScript=null,narrationTiming=null,busy=false,revision=0,blueprint={schemaVersion:1};\\nlet shared=null,scratchShared=null,scratch={text:null,base:null,stockQuery:''},scratchAccess={canEdit:false,error:null,pending:false},access={canEdit:false,error:null,sourceConflict:false,pending:false},rawDirty=false,rawBase=null,rawStale=false,sharedOutputs={},resultSignature='',sourceResetArmed=false,rawPreview='';\\nconst blocked=()=>busy||!shared||!scratchShared||!access.canEdit||!scratchAccess.canEdit||!!access.error||!!scratchAccess.error;\\nconst uniqueId=prefix=>prefix+'-'+Date.now().toString(36)+'-'+Math.random().toString(36).slice(2,12);\\nconst clone=value=>JSON.parse(JSON.stringify(value));\\nconst text=value=>value===undefined||value===null?'':String(value);\\nconst filled=value=>typeof value==='string'?!!value.trim():!!(value&&typeof value==='object'&&(text(value.text).trim()||(Array.isArray(value.words)&&value.words.length)));\\n// Narration connected from an earlier Step is used first; the project's saved narration otherwise.\\nconst heard=()=>filled(narrationScript)||filled(narrationTiming)?{transcript:filled(narrationTiming)?narrationTiming:{schemaVersion:1,text:'',words:[]},script:filled(narrationScript)?narrationScript:{schemaVersion:1,text:''}}:{transcript,script};\\nconst heardText=()=>{const {transcript,script}=heard();return text(transcript.text||script.text||(typeof script==='string'?script:'')).trim();};\\nconst plan=()=>{const narration=heardText(),parts=(narration.match(/[^.!?]+[.!?]?/g)||[]).map(value=>value.trim()).filter(Boolean);let start=0;return {schemaVersion:1,scenes:parts.length?[{sceneId:'scene-1',title:'Narration',description:'Panels built from the current narration.'}]:[],strip:parts.map((line,index)=>{const duration=Math.max(2000,Math.round(line.split(/\\\\s+/).length/2.5*1000)),panel={panelId:'panel-'+String(index+1)+'-'+String(start),sceneId:'scene-1',type:'panel',changePrompt:'Create a clear image for: '+line,narration:line,startMs:start,durationMs:duration,image:null,versions:[],provenance:'narration'};start+=duration;return panel})}};\\nconst field=(label,action,value,type='text',wide=false)=>({tag:'label',className:wide?'wide':'',children:[{tag:'span',text:label},type==='textarea'?{tag:'textarea',action,value:text(value),disabled:blocked(),label}:{tag:'input',type,action,value:Number.isFinite(value)?value:text(value),disabled:blocked(),label}]});\\nconst choice=(label,action,value,options)=>({tag:'label',children:[{tag:'span',text:label},{tag:'select',action,value:text(value),disabled:blocked(),label,children:options.map(option=>({tag:'option',text:option,value:option}))}]});\\nconst sceneCard=(scene,index)=>({tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h3',text:text(scene.title)||text(scene.name)||'Scene '+String(index+1)},{tag:'button',action:'remove-scene:'+String(index),text:'Remove',className:'danger',disabled:blocked()}]},{tag:'div',className:'grid',children:[field('Scene ID','scene-id:'+String(index),scene.sceneId||scene.id),field('Title','scene-title:'+String(index),scene.title||scene.name),field('Description','scene-description:'+String(index),scene.description||scene.summary,'textarea',true)]}]});\\nconst panelCard=(panel,index)=>{const preview=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null),versions=Array.isArray(panel.imageVersions)?panel.imageVersions.filter(value=>value&&value.kind==='image'&&value.assetId&&value.versionId):[];return {tag:'article',className:'card',children:[{tag:'div',className:'card-head',children:[{tag:'h3',text:'Panel '+String(index+1)+' · '+text(panel.panelId)},{tag:'div',className:'row',children:[{tag:'button',action:'generate-panel:'+String(index),text:'Generate',className:'secondary',disabled:blocked()},{tag:'button',action:'preview-panel:'+String(index),text:'Preview',className:'secondary',disabled:busy||!preview},{tag:'button',action:'duplicate-panel:'+String(index),text:'Duplicate',className:'secondary',disabled:blocked()},{tag:'button',action:'move-up:'+String(index),text:'Up',className:'secondary',disabled:blocked()||index===0},{tag:'button',action:'move-down:'+String(index),text:'Down',className:'secondary',disabled:blocked()||index===draft.strip.length-1},{tag:'button',action:'remove-panel:'+String(index),text:'Remove',className:'danger',disabled:blocked()}]}]},{tag:'div',className:'grid',children:[field('Panel ID','panel-id:'+String(index),panel.panelId),field('Scene ID','panel-scene:'+String(index),panel.sceneId),choice('Type','panel-type:'+String(index),panel.type||'panel',['panel','canvas','zoom']),field('Starts (ms)','panel-start:'+String(index),panel.startMs,'number'),field('Length (ms)','panel-duration:'+String(index),panel.durationMs,'number'),field('Source panel','panel-source:'+String(index),panel.sourcePanelId||panel.repeatOf),field('Cast (comma separated)','panel-cast:'+String(index),Array.isArray(panel.cast)?panel.cast.join(', '):panel.cast,'text',true),field('Change prompt','panel-prompt:'+String(index),panel.changePrompt,'textarea',true),field('Narration','panel-narration:'+String(index),panel.narration||panel.voiceoverText,'textarea',true),{tag:'p',className:'wide hint',text:(preview?'Exact current image retained. ':'')+String(versions.length)+' exact image version'+(versions.length===1?'':'s')+' available.'},{tag:'div',className:'wide row',children:versions.map((version,versionIndex)=>({tag:'button',action:'restore-image:'+String(index)+':'+String(versionIndex),text:'Use v'+String(versionIndex+1)+' · '+text(version.versionId),className:'secondary',disabled:blocked()||preview&&preview.versionId===version.versionId}))}]}]}};\\nconst ensure=()=>{if(!draft||Array.isArray(draft)||draft.schemaVersion!==1)draft={schemaVersion:1,scenes:[],strip:[]};if(!Array.isArray(draft.scenes))draft.scenes=[];if(!Array.isArray(draft.strip))draft.strip=[]};\\nconst retime=()=>{let start=0;draft.strip=draft.strip.map(panel=>{const next={...panel,startMs:start};start+=Math.max(0,Number(panel.durationMs)||0);return next})};\\nconst rawIsOpen=()=>document.getElementById('rawDetails').getAttribute('open')!==null;\\nconst renderRawPreview=()=>{if(!rawIsOpen())return;if(rawDirty){rawStale=JSON.stringify(scratch.base)!==JSON.stringify(draft);if(raw.value!==scratch.text)raw.value=scratch.text;drawRecovery();return;}const value=JSON.stringify(draft,null,2);rawPreview=value;if(raw.value!==value)raw.value=value;};\\nconst scheduleRawPreview=()=>{if(rawIsOpen())StillMade.scheduleSharedEdit('panelsRawPreview',renderRawPreview);};\\ndocument.getElementById('rawDetails').addEventListener('toggle',renderRawPreview);\\nconst queueCard=item=>({tag:'article',className:'card',children:[{tag:'strong',text:text(item.panelId)+' · '+text(item.status)},{tag:'p',text:text(item.generationText)}]});const draw=()=>{ensure();StillMade.render('handoff',connectedImage?[{tag:'p',className:'hint',text:'Ready: '+text(connectedImage.assetId)+' · version '+text(connectedImage.versionId)},{tag:'div',className:'row',children:[{tag:'button',action:'preview-connected',text:'Preview image',className:'secondary',disabled:busy},...draft.strip.map((panel,index)=>({tag:'button',action:'attach-image:'+String(index),text:'Use in panel '+String(index+1),className:'secondary',disabled:blocked()}))]}]:[{tag:'p',className:'hint',text:'Connect Generate image or the licensed stock result to attach an approved stored result. Provider credentials and charging stay outside this Block.'}]);const queue=Array.isArray(draft.generationQueue)?draft.generationQueue:[];StillMade.render('queue',queue.length?queue.map(queueCard):[{tag:'p',text:'Prepare prompts to create a saved generation queue.'}]);StillMade.render('scenes',draft.scenes.length?draft.scenes.map(sceneCard):[{tag:'p',text:'No scene groups yet.'}]);StillMade.render('panels',draft.strip.length?draft.strip.map(panelCard):[{tag:'p',text:'No panels yet. Add one to begin.'}]);const complete=draft.strip.filter(panel=>{const image=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);return image&&image.assetId&&image.versionId}).length;progress.textContent=String(complete)+' of '+String(draft.strip.length)+' panels have exact images';stylePrompt.value=text(draft.generationSettings&&draft.generationSettings.stylePrompt);scheduleRawPreview();summary.textContent=String(draft.strip.length)+' panel'+(draft.strip.length===1?'':'s')+' across '+String(draft.scenes.length)+' scene'+(draft.scenes.length===1?'':'s');save.disabled=blocked()||rawDirty;build.disabled=blocked()||!heardText();document.getElementById('reset').disabled=blocked();document.getElementById('addScene').disabled=blocked();document.getElementById('addPanel').disabled=blocked();document.getElementById('prepareBatch').disabled=blocked()||!draft.strip.length;document.getElementById('generateBatch').disabled=blocked()||!draft.strip.some(panel=>!(panel.imageAsset&&panel.imageAsset.assetId&&panel.imageAsset.versionId));['applyRaw','stockSearch','qualityReview','renderFinal'].forEach(id=>{document.getElementById(id).disabled=blocked();});stylePrompt.disabled=blocked();raw.disabled=blocked();document.getElementById('stockQuery').disabled=blocked();drawRecovery();drawResults()};\\nconst edited=()=>{revision+=1;if(rawDirty)rawStale=true;scheduleRawPreview();shared.changed();status.textContent='Sharing draft changes. Review changes applies the document to your project.'};\\nconst drawRecovery=()=>{document.getElementById('recovery').hidden=!access.error&&!scratchAccess.error;document.getElementById('recoveryMessage').textContent=access.error||scratchAccess.error||'';document.getElementById('retryShared').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending||access.sourceConflict;document.getElementById('discardShared').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending||access.sourceConflict;document.getElementById('resetSharedSource').hidden=!access.sourceConflict;document.getElementById('resetSharedSource').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending;document.getElementById('confirmSourceReset').hidden=!sourceResetArmed||!access.sourceConflict;document.getElementById('confirmSourceReset').disabled=!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending;document.getElementById('rawNotice').textContent=rawDirty?(rawStale?'The shared JSON draft is retained. The panel document changed; Apply checks for conflicting edits.':'This JSON draft is shared live. Apply it to the panel document when ready, or discard the shared scratch.'):'JSON typing is shared live; Apply updates the panel document.';document.getElementById('discardRaw').disabled=blocked()||!rawDirty;save.disabled=blocked()||rawDirty;};\\nconst drawResults=()=>{const images=Array.isArray(sharedOutputs.generatedImages)?sharedOutputs.generatedImages:[];document.getElementById('sharedResult').textContent=images.length?String(images.length)+' generated images are available in the shared result below.':sharedOutputs.generatedImage?'A generated image is available in the shared result below.':sharedOutputs.panels?'The latest reviewed Image Panels result is available below.':'';};\\nraw.addEventListener('input',()=>{if(blocked())return;if(!rawDirty)scratch.base=rawPreview?JSON.parse(rawPreview):clone(draft);scratch.text=raw.value;rawBase=scratch.base;rawDirty=true;scratchShared.changed();drawRecovery();});\\ndocument.getElementById('discardRaw').addEventListener('click',()=>{if(blocked())return;scratch={...scratch,text:null,base:null};rawDirty=false;rawBase=null;rawStale=false;scratchShared.changed();renderRawPreview();drawRecovery();});\\ndocument.getElementById('stockQuery').addEventListener('input',()=>{if(blocked())return;scratch.stockQuery=document.getElementById('stockQuery').value;scratchShared.changed();});\\nconst recover=async(action)=>{if(busy||!shared||!access.canEdit||!scratchAccess.canEdit||access.pending||scratchAccess.pending)return;busy=true;draw();try{await action();sourceResetArmed=false;status.textContent='Shared draft recovered.';}catch(error){status.textContent=error.message;}finally{busy=false;draw();}};\\ndocument.getElementById('retryShared').addEventListener('click',()=>recover(async()=>{await shared.retry();await scratchShared.retry();}));\\ndocument.getElementById('discardShared').addEventListener('click',()=>recover(async()=>{await shared.discard();await scratchShared.discard();}));\\ndocument.getElementById('resetSharedSource').addEventListener('click',()=>{sourceResetArmed=true;drawRecovery();});\\ndocument.getElementById('confirmSourceReset').addEventListener('click',()=>recover(()=>shared.resetSharedSource({discardSharedEdits:true})));\\nStillMade.onShared(value=>{sharedOutputs=value.outputs||{};const signature=JSON.stringify(sharedOutputs);if(signature!==resultSignature){resultSignature=signature;drawResults();}});\\n\\nStillMade.onAction(event=>{if(busy||(!event.action.startsWith('preview-')&&blocked()))return;ensure();const parts=event.action.split(':'),kind=parts[0],index=Number(parts[1]),scene=draft.scenes.find((item,position)=>position===index),panel=draft.strip.find((item,position)=>position===index);\\n if(kind==='remove-scene'){draft.scenes=draft.scenes.filter((item,position)=>position!==index);edited();draw();return}if(kind==='scene-id'&&scene){if(Object.hasOwn(scene,'sceneId'))scene.sceneId=event.value;else scene.id=event.value}if(kind==='scene-title'&&scene){if(Object.hasOwn(scene,'title'))scene.title=event.value;else scene.name=event.value}if(kind==='scene-description'&&scene){if(Object.hasOwn(scene,'description'))scene.description=event.value;else scene.summary=event.value}\\n if(kind==='generate-panel'&&panel){mediaAction('generate',{targetPanelId:panel.panelId});return} if(kind==='restore-image'&&panel){const versionIndex=Number(parts[2]),versions=Array.isArray(panel.imageVersions)?panel.imageVersions:[],version=versions.find((item,position)=>position===versionIndex);if(version){panel.image=version.url;panel.imageAsset=clone(version);edited();draw();status.textContent='Exact image version restored for '+text(panel.panelId)+'.'}return}if(kind==='preview-connected'&&connectedImage){StillMade.previewImage(connectedImage).then(value=>{imagePreview.src=value.url;imagePreview.hidden=false;status.textContent='Previewing connected image version.'}).catch(error=>{status.textContent=error.message});return}if(kind==='preview-panel'&&panel){const value=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null);if(value)StillMade.previewImage(value).then(preview=>{imagePreview.src=preview.url;imagePreview.hidden=false;status.textContent='Previewing '+text(panel.panelId)+'.'}).catch(error=>{status.textContent=error.message});return}if(kind==='duplicate-panel'&&panel){const next=clone(panel);next.panelId=uniqueId('panel-copy');next.startMs=(Number(panel.startMs)||0)+(Number(panel.durationMs)||0);next.provenance='duplicate';draft.strip=[...draft.strip.slice(0,index+1),next,...draft.strip.slice(index+1)];retime();edited();draw();return}if(kind==='remove-panel'){draft.strip=draft.strip.filter((item,position)=>position!==index);retime();edited();draw();return}if(kind==='move-up'&&index>0){const target=draft.strip.find((item,position)=>position===index-1);draft.strip=draft.strip.map((item,position)=>position===index-1?panel:position===index?target:item);retime();edited();draw();return}if(kind==='move-down'&&index<draft.strip.length-1){const target=draft.strip.find((item,position)=>position===index+1);draft.strip=draft.strip.map((item,position)=>position===index+1?panel:position===index?target:item);retime();edited();draw();return}if(!panel){edited();return}\\n if(kind==='attach-image'&&connectedImage){const priorVersions=Array.isArray(panel.versions)?panel.versions:panel.image?[panel.image]:[];panel.image=connectedImage.url;panel.imageAsset=clone(connectedImage);panel.imageVersions=[...(Array.isArray(panel.imageVersions)?panel.imageVersions:[]).filter(value=>value.versionId!==connectedImage.versionId),clone(connectedImage)].slice(-8);panel.versions=[...priorVersions.filter(value=>value!==connectedImage.url),connectedImage.url].slice(-8);edited();draw();status.textContent='Connected image attached with its exact asset and version identity.';return}\\n if(kind==='panel-id'){if(!event.value||draft.strip.some(item=>item!==panel&&item.panelId===event.value)){status.textContent='Keep every panel ID nonempty and unique.';return;}panel.panelId=event.value;}if(kind==='panel-scene')panel.sceneId=event.value;if(kind==='panel-type')panel.type=event.value;if(kind==='panel-start')panel.startMs=Math.max(0,Number(event.value)||0);if(kind==='panel-duration')panel.durationMs=Math.max(1,Number(event.value)||1);if(kind==='panel-source'){if(panel.type==='zoom')panel.sourcePanelId=event.value;else panel.repeatOf=event.value}if(kind==='panel-cast')panel.cast=event.value.split(',').map(value=>value.trim()).filter(Boolean).slice(0,20);if(kind==='panel-prompt')panel.changePrompt=event.value;if(kind==='panel-narration'){if(Object.hasOwn(panel,'voiceoverText'))panel.voiceoverText=event.value;else panel.narration=event.value}edited()});\\nbuild.addEventListener('click',()=>{if(!blocked()){draft=plan();edited();draw();status.textContent='Built a draft from the current narration. Review prompts and timing before applying.'}});\\ndocument.getElementById('addScene').addEventListener('click',()=>{if(blocked())return;ensure();const id=uniqueId('portable-scene');draft.scenes=[...draft.scenes,{sceneId:id,title:'New scene',description:''}];edited();draw()});\\ndocument.getElementById('addPanel').addEventListener('click',()=>{if(blocked())return;ensure();const start=draft.strip.reduce((total,panel)=>total+Math.max(0,Number(panel.durationMs)||0),0),id=uniqueId('portable-panel'),scene=draft.scenes.find((item,position)=>position===0);draft.strip=[...draft.strip,{panelId:id,sceneId:scene?scene.sceneId||scene.id:null,type:'panel',changePrompt:'',narration:'',startMs:start,durationMs:4000,image:null,versions:[],provenance:'user'}];edited();draw()});\\ndocument.getElementById('applyRaw').addEventListener('click',async()=>{if(blocked()||!rawDirty)return;const requested=clone(scratch);busy=true;draw();try{await scratchShared.flush();if(JSON.stringify(scratch)!==JSON.stringify(requested))throw Error('The shared JSON draft changed. Review the latest text before applying it.');if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error)throw Error('Editing access changed. The shared JSON draft is retained.');const pending=clone(scratch),value=JSON.parse(pending.text);if(!value||Array.isArray(value)||value.schemaVersion!==1||!Array.isArray(value.strip))throw Error('Image Panels JSON must be a version 1 object with a strip.');if(value.strip.some(panel=>!panel||typeof panel.panelId!=='string'||!panel.panelId)||new Set(value.strip.map(panel=>panel.panelId)).size!==value.strip.length)throw Error('Keep every panel ID nonempty and unique.');const edits=StillMade.diffDocument(pending.base||draft,value);draft=StillMade.applyDocument(draft,edits);edited();await shared.flush();if(!access.canEdit||!scratchAccess.canEdit)throw Error('Editing access changed; the shared JSON draft is retained.');if(JSON.stringify(scratch)===JSON.stringify(pending)){scratch={...scratch,text:null,base:null};rawDirty=false;rawBase=null;rawStale=false;scratchShared.changed();await scratchShared.flush();}status.textContent='Complete Image Panels data applied to the shared draft.';}catch(error){status.textContent=error.message;}finally{busy=false;draw();}});\\n\\ndocument.getElementById('reset').addEventListener('click',()=>{if(!blocked()){draft=clone(source);edited();draw();status.textContent='Reset to the project Image Panels document is being shared.'}});\\nsave.addEventListener('click',async()=>{if(blocked()||rawDirty)return;busy=true;draw();status.textContent='Checking the complete Image Panels document…';try{await shared.flush();await scratchShared.flush();if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error||rawDirty)throw Error('Editing access changed. The draft was not run.');const started=revision;await StillMade.run({panels:clone(source),updatedPanels:clone(draft),commit:true});status.textContent=started===revision?'Image Panels changes are ready below. Review the before and after, then choose Apply.':'A reviewed result is ready below; newer shared edits were retained.';}catch(error){status.textContent=error.message||'Image Panels could not be prepared.';}finally{busy=false;draw();}});\\nStillMade.onInput(values=>{source=clone(values.panels||{schemaVersion:1,scenes:[],strip:[]});transcript=clone(values.transcript||{schemaVersion:1,text:'',words:[]});script=clone(values.script||{schemaVersion:1,text:''});narrationScript=values.narrationScript===undefined?null:clone(values.narrationScript);narrationTiming=values.narrationTiming===undefined?null:clone(values.narrationTiming);blueprint=clone(values.blueprint||{schemaVersion:1});let next=values.updatedPanels&&values.updatedPanels.strip?.length?clone(values.updatedPanels):source.strip?.length?clone(source):plan();connectedImage=values.generatedImage?clone(values.generatedImage):null;generatedImages=Array.isArray(values.generatedImages)?clone(values.generatedImages):[];if(generatedImages.length){const byPanel=new Map(generatedImages.map(image=>[image.panelId,image]));next.strip=next.strip.map(panel=>{const image=byPanel.get(panel.panelId);if(!image)return panel;const prior=Array.isArray(panel.imageVersions)?panel.imageVersions:[];return {...panel,image:image.url,imageAsset:clone(image),imageVersions:[...prior.filter(value=>value.versionId!==image.versionId),clone(image)].slice(-8),versions:[...(Array.isArray(panel.versions)?panel.versions:[]).filter(value=>value!==image.url),image.url].slice(-8)}})}if(!next.generationSettings)next.generationSettings={stylePrompt:text(blueprint.visualStyle)};const names=Array.isArray(blueprint.characters)?blueprint.characters.map(item=>text(item.name||item.title)).filter(Boolean):[];blueprintHints.textContent=names.length?'Blueprint cast: '+names.slice(0,12).join(', '):'Add cast names per panel; approved generation stays in connected generation Blocks.';if(!shared){shared=StillMade.connectDocument({key:'panelsDocument',source:next,collections:[{path:['strip'],key:'panelId',fallback:'atomic'}],read:()=>draft,replace:value=>{draft=value;revision+=1;if(rawDirty)rawStale=true;draw();}});scratchShared=StillMade.connectDocument({key:'panelsScratch',source:{text:null,base:null,stockQuery:''},read:()=>scratch,replace:value=>{scratch=value;rawDirty=scratch.text!==null;rawBase=scratch.base;rawStale=false;if(rawDirty&&rawIsOpen()&&raw.value!==scratch.text)raw.value=scratch.text;scheduleRawPreview();document.getElementById('stockQuery').value=scratch.stockQuery;drawRecovery();}});scratchShared.onStatus(value=>{const redraw=scratchAccess.canEdit!==value.canEdit||scratchAccess.error!==value.error;scratchAccess=value;if(redraw)draw();else drawRecovery();});shared.onStatus(value=>{const redraw=access.canEdit!==value.canEdit||access.error!==value.error;access=value;if(redraw)draw();else drawRecovery();});}else shared.replaceSource(next);revision+=1;draw();status.textContent=access.error||'Draft edits are shared live. Review changes applies them to the project; generated results stay in the shared results below.'});\\n\\nstylePrompt.addEventListener('input',()=>{if(blocked())return;if(!draft.generationSettings)draft.generationSettings={};draft.generationSettings.stylePrompt=stylePrompt.value;edited()});\\ndocument.getElementById('prepareBatch').addEventListener('click',()=>{if(blocked())return;const visualLook=text(draft.generationSettings&&draft.generationSettings.stylePrompt).trim();draft.generationQueue=draft.strip.map((panel,index)=>{const cast=Array.isArray(panel.cast)?panel.cast:[],image=panel.imageAsset||panel.asset||panel.selectedImage||(panel.image&&typeof panel.image==='object'?panel.image:null),generationText=[text(panel.changePrompt||panel.narration||'Panel '+String(index+1)).trim(),visualLook&&'Style: '+visualLook,cast.length&&'Cast: '+cast.join(', ')].filter(Boolean).join('. ');return {id:'queue-'+text(panel.panelId),panelId:panel.panelId,generationText,status:image&&image.assetId&&image.versionId?'complete':'ready'}});edited();draw();mediaAction('prepare')});\\ndocument.getElementById('generateBatch').addEventListener('click',()=>mediaAction('generate-batch'));\\nconst mediaAction=async(action,extra={})=>{if(blocked()||rawDirty)return;busy=true;draw();try{await shared.flush();await scratchShared.flush();if(!access.canEdit||!scratchAccess.canEdit||access.error||scratchAccess.error||rawDirty)throw Error('Editing access changed. The action was not run.');await StillMade.run({panels:clone(source),updatedPanels:clone(draft),commit:false,action,...extra});status.textContent='The approved action is ready below.'}catch(error){status.textContent=error.message||'The media action could not be prepared.'}finally{busy=false;draw()}};document.getElementById('stockSearch').addEventListener('click',()=>mediaAction('stock',{stockQuery:document.getElementById('stockQuery').value}));document.getElementById('qualityReview').addEventListener('click',()=>mediaAction('quality'));document.getElementById('renderFinal').addEventListener('click',()=>mediaAction('render'));\\n\"\n}"
+    },
+    "lineage": {
+      "parents": [],
+      "changes": "Packaged original Block source for StillMade."
+    }
+  }
+};