1 line
46 KiB
JavaScript
1 line
46 KiB
JavaScript
(()=>{const e="plotline.theme",t=document.querySelectorAll("[data-theme-choice]"),n=n=>{const a="dark"===n?"dark":"light";document.documentElement.dataset.theme=a,document.documentElement.dataset.bsTheme=a,(t=>{try{localStorage.setItem(e,t)}catch{}})(a),t.forEach(e=>{const t=e.dataset.themeChoice===a;e.classList.toggle("active",t),e.setAttribute("aria-pressed",String(t))})};t.forEach(e=>{e.addEventListener("click",()=>n(e.dataset.themeChoice))}),n((()=>{try{return localStorage.getItem(e)}catch{return null}})()||"light")})(),(()=>{const e=document.querySelector("[data-trial-banner]");if(!e)return;const t=`plotline.trialBanner.dismissed.${e.dataset.trialBannerKey||"current"}`;try{if("true"===localStorage.getItem(t))return void(e.hidden=!0)}catch{}e.querySelector("[data-trial-banner-dismiss]")?.addEventListener("click",()=>{e.hidden=!0;try{localStorage.setItem(t,"true")}catch{}})})(),(()=>{const e=document.querySelectorAll(".scene-inspector-root");if(!e.length)return;e.forEach(e=>{e.addEventListener("submit",e=>{const t=e.target;if(!(t instanceof HTMLFormElement))return;let n=t.querySelector("input[name='ReturnUrl']");n||(n=document.createElement("input"),n.type="hidden",n.name="ReturnUrl",t.appendChild(n)),n.value=`${window.location.pathname}${window.location.search}${window.location.hash}`},!0)})})(),(()=>{const e=document.getElementById("plotlineConfirmModal"),t=e&&window.bootstrap?new bootstrap.Modal(e):null,n=e?.querySelector("#plotlineConfirmModalTitle"),a=e?.querySelector("#plotlineConfirmModalMessage"),r=e?.querySelector("[data-confirm-submit]"),o=e?.querySelector("[data-delete-confirm-field]"),s=e?.querySelector("[data-delete-confirm-input]");let i=null,l=null;e?.addEventListener("hidden.bs.modal",()=>{i=null,l=null,s&&(s.value=""),o?.classList.add("d-none"),r?.removeAttribute("disabled")}),s?.addEventListener("input",()=>{"true"===i?.dataset.requireDeleteText&&r&&(r.disabled="DELETE"!==s.value.trim())}),r?.addEventListener("click",()=>{if(i){if("true"===i.dataset.requireDeleteText){const e=i.querySelector("[data-delete-confirm-target], [name='confirmationText']");e&&(e.value=s?.value.trim()||"")}i.dataset.confirmed="true",t?.hide(),i.requestSubmit&&l?i.requestSubmit(l):i.requestSubmit?i.requestSubmit():i.submit()}}),document.addEventListener("submit",c=>{const d=c.target;if(!(d instanceof HTMLFormElement)||"true"===d.dataset.confirmed||"true"===d.dataset.confirmSkip||"true"===d.dataset.noDeleteConfirm)return;const p=d.dataset.confirmMessage,u=c.submitter instanceof HTMLElement?c.submitter:d.querySelector("button[type='submit']"),m=u?.textContent||"",h=d.getAttribute("action")||"",g=/restore/i.test(m)||/\/restore\b/i.test(h),f=/delete forever/i.test(m)||/\/deleteforever\b/i.test(h),v=!g&&!f&&(/archive/i.test(m)||/\/archive\b/i.test(h)),y=!f&&/(delete|remove)/i.test(m);if(!(p||v||g||y||f))return;const w=p||(v?"Archive this item?\n\nThis will hide it from active lists and timelines, but the data will be kept and can be restored later.":g?"Restore this item?\n\nThis will return it to active lists and timelines where applicable.":f?"Permanently delete this item?\n\nThis cannot be undone. Any linked planning data may also be removed or become unavailable. Only continue if you are certain.":"Remove this item?\n\nThis removes the link or supporting record. Major story items are archived instead of permanently deleted.");if(!(t&&e&&n&&a&&r))return;c.preventDefault();const L=(e=>{const t=e.split(/\n\s*\n/);return{title:t.shift()?.trim()||"Confirm action",body:t.join("\n\n").trim()}})(w);i=d,l=u,n.textContent=d.dataset.confirmTitle||L.title,a.textContent=d.dataset.confirmBody||L.body,r.textContent=d.dataset.confirmButtonText||m.trim()||"Confirm",r.className=`btn ${d.dataset.confirmButtonClass||(g?"btn-primary":"btn-danger")}`;const S="true"===d.dataset.requireDeleteText||f;o?.classList.toggle("d-none",!S),S&&r&&(r.disabled=!0,s?.focus()),t.show(),S&&window.setTimeout(()=>s?.focus(),200)})})(),(()=>{const e=document.querySelectorAll("[data-help-icon]");if(!e.length||!window.bootstrap)return;const t=new Map;let n=null;const a=e=>e.querySelector("[data-help-tooltip]")||e,r=e=>bootstrap.Tooltip.getInstance(a(e))?.hide(),o=(e=null)=>{n&&n!==e&&bootstrap.Popover.getInstance(n)?.hide()},s=()=>e.forEach(e=>r(e));e.forEach(e=>{const i=a(e),l=i.dataset.helpMicro||"Help article not found.",c=e.dataset.helpTitle||"Help unavailable",d=e.dataset.helpSummary||"Help content has not yet been written for this feature.";bootstrap.Tooltip.getOrCreateInstance(i,{title:l,trigger:"hover focus",placement:"top",container:"body"});const p=bootstrap.Popover.getOrCreateInstance(e,{title:c,trigger:"click",placement:"auto",container:"body",html:!0,customClass:"plotline-help-popover",content(){const t=document.createElement("div"),n=document.createElement("p");n.className="mb-2",n.textContent=d;const a=document.createElement("a");return a.href="#",a.textContent="More...",a.className="plotline-help-more",a.addEventListener("click",t=>{t.preventDefault(),o(),s(),e.dispatchEvent(new CustomEvent("plotline:help-more",{bubbles:!0,detail:{key:e.dataset.helpKey||""}}))}),t.append(n,a),t}});t.set(e,p),e.addEventListener("click",t=>{window.PlotLineHelpDrawer?.isActive?.()&&(t.preventDefault(),t.stopPropagation(),o(),r(e),window.PlotLineHelpPopovers?.hideAll(),window.PlotLineHelpDrawer.open(e.dataset.helpKey||""))}),e.addEventListener("show.bs.popover",t=>{window.PlotLineHelpDrawer?.isActive?.()?t.preventDefault():(o(e),r(e))}),e.addEventListener("shown.bs.popover",()=>{n=e,r(e)}),e.addEventListener("hidden.bs.popover",()=>{n===e&&(n=null)})}),document.addEventListener("click",e=>{const t=e.target instanceof Element?e.target:null;if(!t||!n)return;if(t.closest("[data-help-icon]"))return;const a=document.querySelector(`#${n.getAttribute("aria-describedby")}`);a?.contains(t)||o()}),document.addEventListener("keydown",e=>{"Escape"===e.key&&o()}),window.PlotLineHelpPopovers={hideAll(){t.forEach(e=>e.hide()),s(),n=null}}})(),(()=>{const e=document.querySelector("[data-help-layout]"),t=document.querySelector("[data-help-drawer]"),n=document.querySelector("[data-help-content]"),a=document.querySelector("[data-help-splitter]"),r=document.querySelector("[data-help-close]"),o=document.querySelector("[data-help-collapse]"),s=document.querySelector("[data-help-expand]"),i=document.querySelector("[data-help-pin]"),l=document.querySelector("[data-help-drawer-heading]");if(!e||!t||!n)return;const c="plotline.helpDrawer.width",d="plotline.helpDrawer.pinned",p="plotline.helpDrawer.key",u="plotline.helpDrawer.collapsed",m=e=>{try{return"true"===localStorage.getItem(e)}catch{return!1}},h=(e,t)=>{try{localStorage.setItem(e,t)}catch{}},g=t=>{const n=`${((e,t,n)=>Math.min(n,Math.max(t,e)))(Number.parseFloat(t)||25,20,50)}%`;e.style.setProperty("--help-drawer-width",n),h(c,n)},f=e=>{h(d,String(e)),i?.setAttribute("aria-pressed",String(e)),i&&(i.textContent=e?"Unpin":"Pin")},v=t=>{e.classList.toggle("help-collapsed",t),h(u,String(t)),o&&(o.textContent=t?"Expand":"Collapse")},y=async(t,a={})=>{const r=t||"";e.classList.add("help-open"),a.keepCollapsed||v(!1),h(p,r),l&&(l.textContent=r||"Help"),n.innerHTML='<p class="muted">Loading help...</p>';try{const e=await fetch(`/HelpDrawer/Article?key=${encodeURIComponent(r)}`,{headers:{"X-Requested-With":"XMLHttpRequest"}});n.innerHTML=e.ok?await e.text():'<p class="muted">Help for this feature has not yet been written.</p>';const t=n.querySelector(".help-drawer-article h2")?.textContent?.trim();l&&t&&(l.textContent=t)}catch{n.innerHTML='<p class="muted">Help for this feature has not yet been written.</p>'}};window.PlotLineHelpDrawer={isActive:()=>e.classList.contains("help-open"),open:e=>y(e)},g(localStorage.getItem(c)||"25%"),f(m(d)),v(m(u)),document.addEventListener("plotline:help-more",e=>{const t=e.detail?.key||e.target?.dataset?.helpKey||"";window.PlotLineHelpPopovers?.hideAll(),y(t)}),document.addEventListener("click",e=>{const t=e.target instanceof Element?e.target.closest("[data-help-open]"):null;t&&(e.preventDefault(),window.PlotLineHelpPopovers?.hideAll(),y(t.dataset.helpOpen||""))}),r?.addEventListener("click",()=>{e.classList.remove("help-open","help-collapsed"),f(!1)}),o?.addEventListener("click",()=>v(!e.classList.contains("help-collapsed"))),s?.addEventListener("click",()=>v(!1)),s?.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),v(!1))}),i?.addEventListener("click",()=>f(!m(d))),a?.addEventListener("pointerdown",t=>{if(!e.classList.contains("help-open")||e.classList.contains("help-collapsed"))return;t.preventDefault(),document.body.classList.add("help-resizing"),a.setPointerCapture?.(t.pointerId);const n=t=>{const n=e.getBoundingClientRect(),a=(n.right-t.clientX)/n.width*100;g(a)},r=()=>{document.body.classList.remove("help-resizing"),document.removeEventListener("pointermove",n),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",n),document.addEventListener("pointerup",r)});const w=(()=>{try{return localStorage.getItem(p)||""}catch{return""}})();m(d)&&w&&y(w,{keepCollapsed:!0})})(),(()=>{const e=document.querySelectorAll(".scene-inspector-root");if(!e.length)return;e.forEach(e=>{const t=`plotline.inspector.${e.dataset.sceneId||e.querySelector(".scene-inspector-form [name='SceneID']")?.value||"new"}.`,n=new Set(["overview","timing","characters"]),a=[...e.querySelectorAll(".inspector-section")],r=e.querySelector(".scene-inspector-form"),o=e.querySelector("[data-scene-time-editor]");if(r&&o&&"true"!==o.dataset.enhanced){o.dataset.enhanced="true";const e=r.querySelector("[name='TimeModeID']"),t=o.dataset.exactDatetimeModeId||"",n=o.dataset.exactDateModeId||"",a=[...o.querySelectorAll("[data-time-part-field]")],s={StartDateTime:o.querySelector("[data-date-part-for='StartDateTime']"),EndDateTime:o.querySelector("[data-date-part-for='EndDateTime']")},i={StartDateTime:o.querySelector("[data-time-part-for='StartDateTime']"),EndDateTime:o.querySelector("[data-time-part-for='EndDateTime']")},l={StartDateTime:r.querySelector("input[type='hidden'][name='StartDateTime']"),EndDateTime:r.querySelector("input[type='hidden'][name='EndDateTime']")},c=()=>e?.value===t,d=()=>e?.value===n,p=()=>{const e=c();a.forEach(t=>{t.hidden=!e,t.classList.toggle("d-none",!e)})},u=e=>{const t=l[e],n=s[e]?.value||"",a=i[e]?.value||"";if(!t)return;if(!n)return void(t.value="");if(c())return void(t.value=`${n}T${a||"00:00"}`);if(d())return void(t.value=n);const r=t.value.match(/^\\d{4}-\\d{2}-\\d{2}T(\\d{2}:\\d{2})/)?.[1];t.value=r?`${n}T${r}`:n},m=()=>{u("StartDateTime"),u("EndDateTime")};e?.addEventListener("change",p),r.addEventListener("submit",m),p()}a.forEach(e=>{if("true"===e.dataset.enhanced)return;const a=e.querySelector("h3, h2"),r=e.dataset.sectionTitle||a?.textContent?.trim()||"Overview",o=r.toLowerCase().replace(/&/g,"and").replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"");const s=e.dataset.sectionId||`inspector-${o}`,i=s.replace(/^inspector-/,"");e.id=s,e.dataset.searchText=`${r} ${e.textContent}`.toLowerCase(),e.dataset.enhanced="true";const l=document.createElement("div");for(l.className="inspector-accordion-body";e.firstChild;)l.appendChild(e.firstChild);const c=document.createElement("button");c.type="button",c.className="inspector-accordion-toggle",c.setAttribute("aria-expanded","false"),e.append(c,l);const d=l.querySelectorAll(".asset-event-item, .thread-event-item, .warning-mini-card, .dependency-card, .metric-slider").length;c.innerHTML=`<span>${r}</span><span class="accordion-count">${d||""}</span>`;const p=localStorage.getItem(`${t}${i}`),u=null===p?n.has(i):"open"===p;e.classList.toggle("is-open",u),c.setAttribute("aria-expanded",String(u)),c.addEventListener("click",()=>{const n=!e.classList.contains("is-open");e.classList.toggle("is-open",n),c.setAttribute("aria-expanded",String(n)),localStorage.setItem(`${t}${i}`,n?"open":"closed")})}),e.querySelectorAll(".inspector-nav-links a").forEach(t=>{t.addEventListener("click",n=>{const a=e.querySelector(t.getAttribute("href"));a&&(n.preventDefault(),a.classList.add("is-open"),a.querySelector(".inspector-accordion-toggle")?.setAttribute("aria-expanded","true"),a.scrollIntoView({behavior:"smooth",block:"start"}))})});const s=e.querySelector("[data-inspector-search]");if(s?.addEventListener("input",()=>{const e=s.value.trim().toLowerCase();a.forEach(t=>{const n=!e||t.dataset.searchText.includes(e);t.classList.toggle("is-filtered-out",!n),n&&e&&(t.classList.add("is-open"),t.querySelector(".inspector-accordion-toggle")?.setAttribute("aria-expanded","true"))})}),"IntersectionObserver"in window){const t=[...e.querySelectorAll(".inspector-nav-links a")],n=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&t.forEach(t=>{t.classList.toggle("active",t.getAttribute("href")===`#${e.target.id}`)})})},{root:e.closest(".scene-inspector-panel")||null,rootMargin:"-10% 0px -70% 0px"});a.forEach(e=>n.observe(e))}})})(),(()=>{const e=document.querySelectorAll("[data-metric-shape-chart]");if(!e.length)return;const t=["#2f6f63","#b35f3b","#6750a4","#c58b2b","#7d3f52","#33759b","#9c4d8f","#a33d3d","#6f8f3d","#d08a2f","#444b57"],n=new Set(["Overall Intensity","Tension","Emotional Weight","Action"]),a=[],r=()=>{window.requestAnimationFrame(()=>{a.forEach(e=>e.resize())})};window.PlotLineMetricCharts={resizeAll:r},window.addEventListener("plotline:timeline-layout-changed",r);const o={id:"plotlineChapterGuides",afterDraw(e){const t=e.config.options.plugins.plotlineScenes||[],{ctx:n,chartArea:a,scales:r}=e;if(!t.length||!r.x)return;n.save(),n.strokeStyle="rgba(47, 111, 99, 0.16)",n.fillStyle="rgba(82, 75, 65, 0.58)",n.lineWidth=1,n.font="700 10px system-ui, -apple-system, Segoe UI, sans-serif";const o=[];t.forEach((e,n)=>{n&&e.chapterLabel===t[n-1].chapterLabel||o.push({scene:e,index:n})});const s=o.filter(e=>!e.scene.isPlaceholder),i=s.length>40?5:s.length>24?4:s.length>14?2:1;s.forEach((e,t)=>{const{scene:o,index:l}=e,c=r.x.getPixelForValue(l+.5);n.beginPath(),n.moveTo(c,a.top),n.lineTo(c,a.bottom),n.stroke();const d=Number.parseInt(String(o.chapterLabel).replace(/[^0-9]/g,""),10);(0===t||t===s.length-1||1===i||Number.isFinite(d)&&d%i===0)&&n.fillText(o.chapterLabel,Math.min(c+4,a.right-70),a.bottom+22)}),n.restore()}};window.Chart&&Chart.register(o),e.forEach(e=>{const r=e.querySelector("script[type='application/json']"),o=e.querySelector("canvas"),s=e.querySelector("[data-metric-toggles]"),i=e.querySelector("[data-chart-fallback]"),l=e.querySelector("[data-timeline-metric-edit-toolbar]"),c=e.querySelector("[data-edit-metric-status]"),d=e.hasAttribute("data-timeline-metric-editor")&&l&&c;if(!r||!o)return;let p;try{p=JSON.parse(r.textContent||"{}")}catch{return void i?.classList.remove("d-none")}if(!window.Chart||!p.scenes?.length||!p.metrics?.length)return void i?.classList.remove("d-none");const u=new Set(p.defaultMetrics?.length?p.defaultMetrics:n),m=p.scenes.length,h=m>80?10:m>40?5:m>24?4:m>14?2:1,g=p.metrics.map((e,n)=>{const a=new Map(e.points.map(e=>[e.sceneId,e.value])),r=t[n%t.length];return{label:e.metricName,metricTypeId:e.metricTypeId,minValue:Number.isFinite(e.minValue)?e.minValue:1,maxValue:Number.isFinite(e.maxValue)?e.maxValue:10,data:p.scenes.map((e,t)=>{const n=a.get(e.sceneId);return null==n?{x:t+.5,y:null,sceneId:e.sceneId}:{x:t+.5,y:n,sceneId:e.sceneId}}),borderColor:r,backgroundColor:r,pointBackgroundColor:r,pointBorderColor:"#fff",pointBorderWidth:1.5,pointRadius:3,pointHoverRadius:5,borderWidth:2,tension:.35,spanGaps:!0,hidden:!u.has(e.metricName)}});let f=null,v=!1;const y=e=>{c&&(c.textContent=e)},w=()=>g.map((e,t)=>t).filter(e=>b?.isDatasetVisible(e)),L=()=>{const e=w();return 1===e.length?e[0]:-1},S=()=>{if(!d)return;const e=L();g.forEach((t,n)=>{t.pointRadius=n===e?5:3,t.pointHoverRadius=n===e?7:5,t.borderWidth=n===e?3:2});const t=w(),n=e>=0;o.classList.toggle("metric-curve-editing",n),c.classList.toggle("d-none",0===t.length),0===t.length?y(""):y(n?"Drag points up or down to edit this metric.":"Show only one metric line to edit its curve."),b?.update()};s.innerHTML="",g.forEach((e,t)=>{const n=`metric-toggle-${Math.random().toString(36).slice(2)}-${t}`,a=document.createElement("label");a.className="metric-toggle-pill",a.style.setProperty("--metric-colour",e.borderColor),a.innerHTML=`<input type="checkbox" id="${n}" ${e.hidden?"":"checked"}><span>${e.label}</span>`,s.appendChild(a),a.querySelector("input").addEventListener("change",e=>{b.setDatasetVisibility(t,e.target.checked),S(),b.update()})});const b=new Chart(o,{type:"line",data:{datasets:g},options:{responsive:!0,maintainAspectRatio:!1,interaction:{mode:"nearest",intersect:!1},scales:{y:{min:1,max:10,ticks:{stepSize:1},grid:{color:"rgba(82, 75, 65, 0.10)"}},x:{type:"linear",min:0,max:m,bounds:"ticks",ticks:{maxRotation:0,autoSkip:!1,maxTicksLimit:16,callback(e){const t=Math.floor(Number(e));if(t<0||t>=m)return"";const n=p.scenes[t];return 0!==t&&t!==m-1&&t%h!==0||n?.isPlaceholder?"":n?.axisLabel||""}},afterBuildTicks(e){e.ticks=p.scenes.map((e,t)=>({value:t+.5}))},grid:{display:!1}}},plugins:{legend:{display:!1},plotlineScenes:p.scenes,tooltip:{callbacks:{title(e){const t=Math.floor(e[0].parsed.x),n=p.scenes[t];return n.isPlaceholder?n.sceneTitle||"No scene":`${n.chapterLabel}, Scene ${n.sceneNumber}: ${n.sceneTitle}`},label:e=>`${e.dataset.label}: ${e.formattedValue}`,afterBody(e){const t=Math.floor(e[0].parsed.x),n=p.scenes[t],a=[];return n.characterPresence?a.push(n.characterPresence):void 0!==n.characterAppears&&a.push(n.characterAppears?"Character appears":"Character does not appear"),n.bookTitle&&a.push(n.bookTitle),a}}}}}});d&&(S(),o.addEventListener("pointerdown",e=>{f=(e=>{if(!d)return null;const t=L();if(t<0)return null;const n=b.getElementsAtEventForMode(e,"nearest",{intersect:!0},!0).find(e=>e.datasetIndex===t);if(!n)return null;const a=b.data.datasets[n.datasetIndex],r=a?.data?.[n.index];return r?.sceneId&&null!=r.y?{datasetIndex:n.datasetIndex,pointIndex:n.index,previousValue:r.y}:null})(e),f&&(e.preventDefault(),o.setPointerCapture?.(e.pointerId),v=!0)}),o.addEventListener("pointermove",e=>{if(!f)return;const t=b.data.datasets[f.datasetIndex],n=t?.data?.[f.pointIndex];t&&n&&(n.y=((e,t)=>{const n=b.scales.y.getValueForPixel(e.offsetY),a=Math.round(n);return Math.max(t.minValue,Math.min(t.maxValue,a))})(e,t),b.update("none"))}),o.addEventListener("pointerup",async t=>{if(!f)return;const n=f;f=null,o.releasePointerCapture?.(t.pointerId),await(async t=>{const n=b.data.datasets[t.datasetIndex],a=n?.data?.[t.pointIndex];if(!n||!a?.sceneId)return;const r=l?.querySelector("input[name='__RequestVerificationToken']")?.value||"";y("Saving...");try{const t=await fetch(e.dataset.updateUrl||"/SceneMetrics/UpdateSceneMetricValue",{method:"POST",headers:{"Content-Type":"application/json",RequestVerificationToken:r},body:JSON.stringify({sceneId:Number(a.sceneId),metricId:Number(n.metricTypeId),value:Number(a.y)})}),o=await t.json().catch(()=>({}));if(!t.ok||!o.success)throw new Error(o.message||"Save failed");a.y=o.value,y("Saved"),b.update()}catch{a.y=t.previousValue,y("Save failed"),b.update()}})(n),window.setTimeout(()=>{v=!1},0)}),o.addEventListener("pointercancel",e=>{if(!f)return;const t=b.data.datasets[f.datasetIndex],n=t?.data?.[f.pointIndex];n&&(n.y=f.previousValue),f=null,o.releasePointerCapture?.(e.pointerId),v=!1,b.update()})),o.addEventListener("click",e=>{if(v)return void e.preventDefault();const t=b.getElementsAtEventForMode(e,"nearest",{intersect:!0},!0);if(!t.length)return;const n=b.data.datasets[t[0].datasetIndex]?.data?.[t[0].index],a=n?Math.floor(n.x):t[0].index,r=p.scenes[a];r?.timelineUrl&&(window.PlotLineTimelineScroll?.save(),window.location.href=r.timelineUrl)}),a.push(b);const E=window.ResizeObserver?new ResizeObserver(()=>b.resize()):null;E&&(E.observe(e),E.observe(e.querySelector(".metric-chart-frame")||e))})})(),(()=>{const e=document.querySelector("[data-timeline-root]"),t=document.querySelector("[data-timeline-controls]");if(!e||!t)return;const n="plotline.timeline.visibility",a={"scene-cards":!0,"plot-lines":!0,assets:!0,characters:!0,locations:!0,warnings:!0,metrics:!0},r=t=>{Object.entries(t).forEach(([t,n])=>{e.classList.toggle(`hide-${t}`,!n),document.querySelectorAll(`[data-timeline-section='${t}']`).forEach(e=>{e.classList.toggle("timeline-section-hidden",!n)})}),document.querySelectorAll("[data-location-marker]").forEach(e=>{e.classList.toggle("timeline-section-hidden",!t.locations)}),document.querySelectorAll("[data-warning-marker]").forEach(e=>{e.classList.toggle("timeline-section-hidden",!t.warnings)}),document.querySelector("[data-visibility-json]")?.setAttribute("value",JSON.stringify(t))},o=(()=>{try{return{...a,...JSON.parse(localStorage.getItem(n)||"{}")}}catch{return{...a}}})();t.querySelectorAll("[data-timeline-toggle]").forEach(e=>{const t=e.dataset.timelineToggle;e.checked=o[t]??!0,e.addEventListener("change",()=>{o[t]=e.checked,localStorage.setItem(n,JSON.stringify(o)),r(o)})}),t.querySelector("[data-timeline-preset-form]")?.addEventListener("submit",()=>{document.querySelector("[data-visibility-json]")?.setAttribute("value",JSON.stringify(o))}),r(o)})(),(()=>{const e=document.querySelector("[data-timeline-root]");if(!e)return;const t=e.querySelector(".timeline-workspace")||e,n=document.querySelector("[data-timeline-density]"),a=document.querySelector("[data-timeline-zoom]"),r=document.querySelector("[data-timeline-search]"),o=e.querySelector("[data-timeline-minimap]"),s=document.querySelectorAll("[data-timeline-jump], [data-timeline-warning-jump], [data-timeline-entity-jump]"),i=[...e.querySelectorAll(".timeline-scene-card[data-scene-id]")],l="plotline.timeline.collapsed",c="plotline.timeline.density",d="plotline.timeline.zoom",p="plotline.timeline.pending-scroll",u="plotdirector.timelineNavigationDiscovered",m="plotline.timeline.inspectorWidth",h=[".timeline-shell",".plot-lane-board",".asset-lane-board",".character-lane-board",".metric-graph-stack","[data-timeline-minimap]"].join(","),g=["compact","comfortable","expanded"],f=["book","chapter","scene-detail"],v=e.querySelector("[data-inspector-drawer]"),y=e.querySelector("[data-inspector-resizer]"),w=e.querySelector("[data-inspector-close]"),L=null!==localStorage.getItem(l),S=(e=>{try{return new Set(JSON.parse(localStorage.getItem(e)||"[]"))}catch{return new Set}})(l),b=()=>[...e.querySelectorAll(h)],E=t=>{if(!v)return;const{minimum:n,maximum:a,defaultWidth:r}=(()=>{const t=e.getBoundingClientRect().width||window.innerWidth,n=Math.min(420,Math.max(320,t-360)),a=Math.max(n,Math.min(.65*t,t-420));return{minimum:n,maximum:a,defaultWidth:Math.max(n,Math.min(a,.4*t))}})(),o=Math.max(n,Math.min(a,Number(t)||r));e.style.setProperty("--timeline-inspector-width",`${Math.round(o)}px`)};v&&(E(localStorage.getItem(m)),window.addEventListener("resize",()=>E(localStorage.getItem(m)))),(()=>{const r=e.querySelector("[data-timeline-navigation-card]");if(!r)return;const o=r.querySelector("[data-timeline-navigation-dismiss]"),s=r.querySelector("[data-timeline-navigation-demo]"),i=()=>e.querySelector(".timeline-shell"),l=e=>Boolean(e&&e.scrollWidth>e.clientWidth+8),c=e=>Math.max(0,e.scrollWidth-e.clientWidth),d=()=>[t,...b()].filter((e,t,n)=>e&&n.indexOf(e)===t);let p=!1,m=!1,h=!1,g=null;const f=new WeakMap,v=e=>f.set(e,e.scrollLeft),y=(e=!1)=>{if(window.clearTimeout(g),!e||window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches||r.hidden)return r.classList.remove("is-dismissing"),void(r.hidden=!0);r.classList.add("is-dismissing"),g=window.setTimeout(()=>{r.hidden=!0,r.classList.remove("is-dismissing")},1300)},w=e=>{const t=l(e),n=c(e);e.classList.toggle("timeline-horizontal-overflow",t),e.classList.toggle("has-scroll-left",t&&e.scrollLeft>8),e.classList.toggle("has-scroll-right",t&&e.scrollLeft<n-8)},L=()=>{l(i())&&!(()=>{try{return"true"===localStorage.getItem(u)}catch{return!1}})()&&!p?(window.clearTimeout(g),r.hidden=!1,r.classList.remove("is-dismissing")):r.classList.contains("is-dismissing")||y(!1),d().forEach(w)},S=()=>{p=!0,y(!0);try{localStorage.setItem(u,"true")}catch{}};d().forEach(e=>{v(e),e.addEventListener("wheel",t=>{if(!t.defaultPrevented&&t.shiftKey&&Math.abs(t.deltaY)>Math.abs(t.deltaX)&&l(e)){const n=e.scrollLeft;t.preventDefault(),e.scrollLeft+=t.deltaY,window.requestAnimationFrame(()=>{w(e),!m&&Math.abs(e.scrollLeft-n)>4&&S(),v(e)})}},{passive:!1}),e.addEventListener("scroll",()=>(e=>{if(w(e),!h||m)return void v(e);const t=f.get(e)??e.scrollLeft;Math.abs(e.scrollLeft-t)>4&&l(e)?S():v(e)})(e),{passive:!0})}),o?.addEventListener("click",S),s?.addEventListener("click",()=>{const e=i();if(!l(e))return void L();const t=e.scrollLeft,n=c(e)-t;let a=Math.min(220,n),r=1;a<24&&t>0&&(a=Math.min(220,t),r=-1),a<4||(m=!0,e.scrollTo({left:t+a*r,behavior:"smooth"}),window.setTimeout(()=>{e.scrollTo({left:t,behavior:"smooth"})},420),window.setTimeout(()=>{m=!1,d().forEach(e=>{v(e),w(e)}),L()},950))}),window.setTimeout(()=>{h=!0,d().forEach(v)},800),window.requestAnimationFrame(L),window.addEventListener("resize",L),window.addEventListener("plotline:timeline-layout-changed",L),n?.addEventListener("change",()=>window.requestAnimationFrame(L)),a?.addEventListener("change",()=>window.requestAnimationFrame(L))})(),y?.addEventListener("pointerdown",t=>{t.preventDefault(),document.body.classList.add("timeline-inspector-resizing"),y.setPointerCapture(t.pointerId);const n=t=>{const n=e.getBoundingClientRect().right-t.clientX;E(n)},a=()=>{document.body.classList.remove("timeline-inspector-resizing");const e=Math.round(v?.getBoundingClientRect().width||0);e>0&&localStorage.setItem(m,String(e)),window.dispatchEvent(new Event("plotline:timeline-layout-changed")),y.removeEventListener("pointermove",n),y.removeEventListener("pointerup",a),y.removeEventListener("pointercancel",a)};y.addEventListener("pointermove",n),y.addEventListener("pointerup",a),y.addEventListener("pointercancel",a)}),w?.addEventListener("click",e=>{e.preventDefault();const t=new URL(window.location.href),n=t.searchParams.get("FocusType")||t.searchParams.get("focusType");t.searchParams.delete("SelectedSceneID"),t.searchParams.delete("selectedSceneId"),t.searchParams.delete("selectedsceneid"),n&&"scene"!==n.toLowerCase()||(t.searchParams.delete("FocusType"),t.searchParams.delete("focusType"),t.searchParams.delete("FocusID"),t.searchParams.delete("focusId")),x(),window.location.href=t.toString()});const x=()=>{try{sessionStorage.setItem(p,JSON.stringify({path:window.location.pathname,top:window.scrollY,left:window.scrollX,workspaceLeft:t.scrollLeft,workspaceTop:t.scrollTop,containers:b().map((e,t)=>({index:t,left:e.scrollLeft,top:e.scrollTop}))}))}catch{}};window.PlotLineTimelineScroll={save:x};const I=(t,n,a)=>{a.forEach(n=>e.classList.remove(`${t}-${n}`)),e.classList.add(`${t}-${n}`)},q=e=>{const t=g.includes(e)?e:"comfortable";I("density",t,g),n&&(n.value=t),localStorage.setItem(c,t),window.requestAnimationFrame(A)},C=e=>{const t=f.includes(e)?e:"chapter";I("zoom",t,f),a&&(a.value=t),localStorage.setItem(d,t),window.requestAnimationFrame(A)},T=(t,n=!0)=>{const a=(t=>e.querySelector(`[data-scene-id='${CSS.escape(String(t))}']`))(t);a&&(a.classList.add("keyboard-focus"),a.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),n&&a.focus({preventScroll:!0}),window.setTimeout(()=>a.classList.remove("keyboard-focus"),1800))},A=()=>{e.querySelectorAll("[data-plot-line-svg-board]").forEach(e=>{const t=e.querySelector("[data-plot-line-svg]");if(!t)return;let n=e.querySelector("[data-plot-line-warning-svg]");n||(n=document.createElementNS("http://www.w3.org/2000/svg","svg"),n.setAttribute("class","plot-lane-warning-overlay"),n.setAttribute("data-plot-line-warning-svg","true"),n.setAttribute("aria-hidden","true"),e.append(n)),t.replaceChildren(),n.replaceChildren();const a=e.getBoundingClientRect(),r=Math.max(e.scrollWidth,a.width),o=Math.max(e.scrollHeight,a.height);t.setAttribute("viewBox",`0 0 ${r} ${o}`),t.setAttribute("width",String(r)),t.setAttribute("height",String(o)),n.setAttribute("viewBox",`0 0 ${r} ${o}`),n.setAttribute("width",String(r)),n.setAttribute("height",String(o));const s=(e,t={})=>{const n=document.createElementNS("http://www.w3.org/2000/svg",e);return Object.entries(t).forEach(([e,t])=>n.setAttribute(e,String(t))),n},i=e=>{const t=e.getBoundingClientRect();return t.top-a.top+t.height/2},l=e=>e.closest("[data-plot-line-slot]")?.dataset.sceneId||"";(()=>{e.querySelectorAll("[data-plot-event-node]").forEach(e=>{e.style.removeProperty("--thread-marker-offset-x")});const t=new Map([...e.querySelectorAll("[data-plot-line-row]")].filter(e=>e.dataset.plotLineId).map(e=>[e.dataset.plotLineId,e])),n=new Map,a=(e,t)=>{const a=(e=>{const t=e.closest("[data-plot-line-slot]");if(!t)return 0;const n=t.getBoundingClientRect(),a=e.getBoundingClientRect();return Math.max(0,Math.min(22,(n.width-a.width)/2-6))})(e);a>0&&n.set(e,t*a)};e.querySelectorAll("[data-plot-event-node]").forEach(e=>{const n=(e.dataset.plotEventType||"").toLowerCase();if("branch"!==n&&"split"!==n)return;("branch"===n?[e.dataset.targetPlotLineId||""].filter(Boolean):(e.dataset.targetPlotLineIds||"").split(",").map(e=>e.trim()).filter(Boolean)).forEach(n=>{const r=t.get(n)?.querySelector("[data-plot-event-node]");r&&l(e)===l(r)&&(a(e,-1),a(r,1))})}),n.forEach((e,t)=>t.style.setProperty("--thread-marker-offset-x",`${e}px`))})();const c=[...new Set([...e.querySelectorAll("[data-plot-line-slot]")].map(e=>{const t=e.getBoundingClientRect();return Math.round(t.left-a.left+t.width/2)}))].sort((e,t)=>e-t),d=Math.max(c.length-1,0),p=new Map;e.querySelectorAll("[data-plot-line-row]").forEach(e=>{e.dataset.plotLineId&&p.set(e.dataset.plotLineId,e)});const u=[...p.values()].map(e=>({row:e,plotLineId:e.dataset.plotLineId,colour:e.dataset.plotColour||"#2f6f63",points:[...e.querySelectorAll("[data-plot-event-node]")].map(e=>((e,t)=>{const n=t.closest("[data-plot-line-slot]");if(!n)return null;const r=n.getBoundingClientRect(),o=t.getBoundingClientRect();return{x:o.left-a.left+o.width/2,y:o.top-a.top+o.height/2,sceneX:r.left-a.left+r.width/2,radius:Math.max(o.width,o.height)/2,sceneIndex:0,type:(t.dataset.plotEventType||"Progress").toLowerCase(),targetPlotLineId:t.dataset.targetPlotLineId||"",targetPlotLineIds:(t.dataset.targetPlotLineIds||"").split(",").map(e=>e.trim()).filter(Boolean)}})(0,e)).filter(Boolean).map(e=>({...e,sceneIndex:Math.max(0,c.findIndex(t=>t===Math.round(e.sceneX)))})).sort((e,t)=>e.x-t.x),incomingStartXs:[]})),m=new Map(u.map(e=>[e.plotLineId,e])),h=(e,n,a,r,o="")=>{if(!n)return void(window.console?.warn&&window.console.warn(`Plot line ${r} connector skipped because target plot line data is missing.`));const l=m.get(o)?.points[0],c=l||{x:e.x+42,y:i(n),radius:10},d=Math.max(8,e.radius||12),p=Math.max(8,c.radius||12),u=c.x>=e.x?1:-1,h=e.x+u*d,g=c.x-u*p,f=u*Math.max(24,Math.min(52,.28*Math.abs(c.y-e.y)+.2*Math.abs(g-h))),v=h+f,y=g-f;t.append(s("path",{class:`plot-line-svg-connector plot-line-svg-connector-${r}`,d:`M ${h} ${e.y} C ${v} ${e.y}, ${y} ${c.y}, ${g} ${c.y}`,stroke:a}))};u.forEach(e=>{e.points.forEach(e=>{"branch"===e.type&&e.targetPlotLineId&&m.get(e.targetPlotLineId)?.incomingStartXs.push(e.x),"split"===e.type&&e.targetPlotLineIds.forEach(t=>{m.get(t)?.incomingStartXs.push(e.x)})})}),u.forEach(e=>{e.health=(e=>{const t=e.some(e=>"resolve"===e.type),n=e.some(e=>"abandon"===e.type),a=e.find(e=>"resolve"===e.type),r=e.find(e=>"abandon"===e.type),o=e.some(e=>"merge"===e.type&&e.targetPlotLineId),s=e.some(e=>"split"===e.type&&e.targetPlotLineIds.length>=2),i=Boolean(a)&&e.some(e=>"branch"===e.type&&e.targetPlotLineId&&e.sceneIndex>=a.sceneIndex),l=e.reduce((e,t)=>Math.max(e,t.sceneIndex),0),c=!t&&!n&&d-l>=10,p=t&&!o&&!s&&!i;let u="active";return n?u="abandoned":t?u=p?"questionable":"resolved":c&&(u="neglected"),{state:u,isNeglected:c,isDangling:!t&&!n&&!o&&!s&&d>=l,isQuestionable:p,isAbandoned:n,resolvePoint:a,abandonPoint:r}})(e.points),e.state=e.health.state}),u.forEach(e=>{const{colour:n,points:a,incomingStartXs:r,state:o}=e;if(a.length>0){const i=a.find(e=>"start"===e.type),l=r.length?Math.min(...r):null,c=a.find(e=>"split"===e.type||"merge"===e.type),d=a[0],p=a[a.length-1],u=((null===l||i&&i.x<l)&&d.x,c?c.x:p.x);e.lineEndPoint={x:u,y:d.y};const m=[...a].sort((e,t)=>e.x-t.x),h=c?m.indexOf(c):-1,g=h>=0?m.slice(0,h+1):m;null!==l&&l<g[0].x&&g.unshift({...g[0],x:l,sceneIndex:Math.max(0,g[0].sceneIndex-1)});const f=10;g.forEach((e,a)=>{const r=g[a+1];if(!r||r.x<=e.x)return;const i=Math.abs(r.sceneIndex-e.sceneIndex)>=f;t.append(s("path",{class:`plot-line-svg-path plot-line-svg-segment ${i?"plot-line-svg-segment-dormant":""} plotline-state-${o}`,d:`M ${e.x} ${e.y} L ${r.x} ${r.y}`,stroke:n}))})}}),u.forEach(({points:e,colour:t})=>{e.forEach(e=>{"branch"!==e.type&&"merge"!==e.type||h(e,p.get(e.targetPlotLineId),t,e.type,e.targetPlotLineId),"split"===e.type&&e.targetPlotLineIds.length>=2?e.targetPlotLineIds.forEach(n=>{h(e,p.get(n),t,e.type,n)}):"split"===e.type&&e.targetPlotLineIds.length>0&&window.console?.warn&&window.console.warn("Plot line split connector skipped because fewer than two targets are available.")})}),u.forEach(e=>{const t=e.lineEndPoint||e.points[e.points.length-1],a=[];e.health?.isNeglected&&t&&a.push({point:t,kind:"neglected",label:"Dormant Thread",reason:"No activity for 10+ scenes.",action:"Add a Progress, Reveal or Resolve event."}),e.health?.isDangling&&t&&a.push({point:t,kind:"dangling",label:"Unresolved Thread",reason:"Thread contains no Resolve or Abandon event by the end of the current timeline.",action:"Review ending scenes and add Resolve or Abandon where appropriate."}),e.health?.isQuestionable&&e.health.resolvePoint&&a.push({point:e.health.resolvePoint,kind:"questionable",label:"Missing Closure",reason:"Resolved without merge, split, or branch.",action:"Verify this thread has sufficient payoff."}),e.health?.isAbandoned&&e.health.abandonPoint&&a.push({point:e.health.abandonPoint,kind:"abandoned",label:"Abandoned Thread",reason:"This plot line was abandoned.",action:"Check this is intentional."});const r=new Map;a.forEach(e=>{const t=`${Math.round(e.point.x)}:${Math.round(e.point.y)}`;r.has(t)||r.set(t,{point:e.point,warnings:[]}),r.get(t).warnings.push(e)}),r.forEach(({point:e,warnings:t})=>((e,t)=>{const a=Math.max(18,(e.radius||12)+8),r=t[0]?.kind||"warning",o=s("g",{class:`plotline-health-marker plotline-health-marker-${r}`}),i=s("title");i.textContent=(e=>e.map(e=>[`Warning: ${e.label}`,`Reason: ${e.reason}`,`Suggested Action: ${e.action}`].join("\n")).join("\n\n"))(t),o.append(i);const l=e.x+a,c=e.y-13;if("questionable"===r){o.append(s("circle",{cx:l,cy:c,r:9}));const e=s("text",{x:l,y:c+4,"text-anchor":"middle"});e.textContent=t.length>1?String(t.length):"?",o.append(e)}else if(o.append(s("circle",{cx:l,cy:c,r:10})),o.append(s("path",{d:`M ${l} ${c-6} L ${l+6} ${c+5} L ${l-6} ${c+5} Z`})),o.append(s("line",{x1:l,y1:c-2,x2:l,y2:c+2.5})),o.append(s("circle",{cx:l,cy:c+5.3,r:1.2})),t.length>1){const e=s("text",{x:l+11,y:c-6,"text-anchor":"middle",class:"plotline-health-count"});e.textContent=String(t.length),o.append(e)}n.append(o)})(e,t))})})},k=(e,t)=>{document.querySelectorAll(`[data-collapse-body='${CSS.escape(e)}']`).forEach(e=>{e.classList.toggle("timeline-section-collapsed",t)}),document.querySelectorAll(`[data-collapse-toggle='${CSS.escape(e)}']`).forEach(e=>{e.classList.toggle("is-collapsed",t),e.setAttribute("aria-expanded",String(!t))})};document.querySelectorAll("[data-collapse-toggle]").forEach(e=>{const t=e.dataset.collapseToggle;L||"collapsed"!==e.dataset.collapseDefault||S.add(t);const n=S.has(t);k(t,n),e.addEventListener("click",()=>{const e=!S.has(t);e?S.add(t):S.delete(t),k(t,e),localStorage.setItem(l,JSON.stringify([...S])),A(),window.dispatchEvent(new Event("plotline:timeline-layout-changed"))})}),n?.addEventListener("change",()=>q(n.value)),a?.addEventListener("change",()=>C(a.value)),q(localStorage.getItem(c)||"comfortable"),C(localStorage.getItem(d)||"chapter");const $=(()=>{try{return null!==sessionStorage.getItem(p)}catch{return!1}})();window.requestAnimationFrame(()=>{A(),((e="auto")=>{const t=o?.querySelector("[data-active-chapter='true']");if(!o||!t)return;const n=o.getBoundingClientRect(),a=t.getBoundingClientRect(),r=a.left+a.width/2,s=n.left+n.width/2;(a.left<n.left||a.right>n.right)&&o.scrollBy({left:r-s,behavior:e})})("auto"),$&&(()=>{let e=null;try{e=JSON.parse(sessionStorage.getItem(p)||"null"),sessionStorage.removeItem(p)}catch{try{sessionStorage.removeItem(p)}catch{}return}e&&e.path===window.location.pathname&&window.requestAnimationFrame(()=>{t.scrollLeft=Number(e.workspaceLeft)||0,t.scrollTop=Number(e.workspaceTop)||0;const n=b();(e.containers||[]).forEach(e=>{const t=n[e.index];t&&(t.scrollLeft=Number(e.left)||0,t.scrollTop=Number(e.top)||0)}),window.scrollTo(Number(e.left)||0,Number(e.top)||0)})})()}),window.addEventListener("resize",A),window.addEventListener("plotline:timeline-layout-changed",A);e.addEventListener("click",t=>{if(0!==t.button||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey)return;const n=t.target instanceof Element?t.target:null,a=n?.closest("a[href]");if(!a||!e.contains(a))return;[...new URL(a.href,window.location.href).searchParams.keys()].some(e=>"selectedsceneid"===e.toLowerCase())&&x()},{capture:!0});const M=()=>{const e=r?.value.trim().toLowerCase()||"";let t=null;return i.forEach(n=>{const a=!e||(n.dataset.timelineSearchText||"").toLowerCase().includes(e);n.classList.toggle("search-hit",Boolean(e&&a)),n.classList.toggle("search-dim",Boolean(e&&!a)),!t&&e&&a&&(t=n)}),t};r?.addEventListener("input",M),r?.addEventListener("keydown",e=>{if("Enter"!==e.key)return;const t=M();t&&(e.preventDefault(),T(t.dataset.sceneId))}),s.forEach(e=>{e.addEventListener("change",()=>{e.value&&T(e.value)})}),document.querySelectorAll("[data-jump-scene]").forEach(e=>{e.addEventListener("click",()=>{e.dataset.jumpScene&&T(e.dataset.jumpScene)})}),document.addEventListener("keydown",e=>{const n=document.activeElement?.tagName?.toLowerCase(),o=["input","select","textarea"].includes(n)||document.activeElement?.isContentEditable;if((e.ctrlKey||e.metaKey)&&"f"===e.key.toLowerCase()&&r)return e.preventDefault(),r.focus(),void r.select();if("Escape"===e.key){const e=new URL(window.location.href),t=e.searchParams.has("FocusType")||e.searchParams.has("FocusID");return e.searchParams.delete("FocusType"),e.searchParams.delete("FocusID"),void(t?window.location.href=e.toString():r?.value&&(r.value="",M()))}if(!o){if("ArrowLeft"===e.key||"ArrowRight"===e.key)return e.preventDefault(),void t.scrollBy({left:"ArrowLeft"===e.key?-260:260,behavior:"smooth"});if("+"===e.key||"="===e.key||"-"===e.key){const t=f.indexOf(a?.value||"chapter"),n="-"===e.key?-1:1,r=Math.min(f.length-1,Math.max(0,t+n));C(f[r])}}})})(),(()=>{const e=document.querySelector("[data-timeline-root]"),t=document.querySelector("[data-drag-drop-panel]");if(!t)return;const n=new Map([...document.querySelectorAll("[data-drag-form]")].map(e=>[e.dataset.dragForm,e])),a=t.querySelector("[data-drag-panel-title]"),r=t.querySelector("[data-drag-panel-kicker]"),o=t.querySelector("[data-drag-panel-summary]"),s=document.querySelector("[data-scene-move-modal]"),i=s&&window.bootstrap?.Modal?window.bootstrap.Modal.getOrCreateInstance(s):null,l=s?.querySelector("[data-scene-move-title]"),c=s?.querySelector("[data-scene-move-summary]"),d=s?.querySelector("[data-scene-move-submit]"),p="plotline.timeline.scroll";let u=null,m=0;const h=(e,t,n)=>{const a=e?.querySelector(`[name='${CSS.escape(t)}']`);a&&(a.value=n??"")},g=e=>e?.selectedOptions?.[0]?.textContent?.trim()||"",f=e=>`“${e||"this scene"}”`,v=(e,t,n,a,r)=>t&&n&&t===n?`Move ${f(e.label)} to this new position within ${n}?`:t&&n?`Move ${f(e.label)} from ${t} to ${n}?`:`Move ${f(e.label)} ${a.toLowerCase()} ${r}?`,y=(e,s,p,u)=>{if("scene"===e)return t.classList.add("d-none"),t.querySelectorAll("[data-drag-form]").forEach(e=>e.classList.add("d-none")),n.get("scene")?.classList.remove("d-none"),l&&(l.textContent=s),c&&(c.textContent=p),d&&d.classList.toggle("d-none",s.toLowerCase().startsWith("cannot")||s.toLowerCase().startsWith("scene already")),void(i?i.show():t.classList.remove("d-none"));n.forEach((t,n)=>t.classList.toggle("d-none",n!==e)),t.classList.remove("d-none"),a.textContent=s,r.textContent=u,o.textContent=p,t.scrollIntoView({behavior:"smooth",block:"center"})},w=()=>{t.classList.add("d-none"),n.forEach(e=>e.classList.add("d-none"))},L=()=>{document.querySelectorAll(".drop-target-active, .drop-before, .drop-after, .chapter-drop-active, .drop-chapter-end").forEach(e=>e.classList.remove("drop-target-active","drop-before","drop-after","chapter-drop-active","drop-chapter-end"))};try{const t=JSON.parse(sessionStorage.getItem(p)||"null");t&&(sessionStorage.removeItem(p),requestAnimationFrame(()=>{const n=e?.querySelector(".timeline-shell");n&&(n.scrollLeft=t.left||0),window.scrollTo({top:t.top||0})}))}catch{sessionStorage.removeItem(p)}const S=e=>{try{const t=JSON.parse(e.dataTransfer.getData("application/json")||"{}");return t.type?t:u||{}}catch{return u||{}}};document.querySelectorAll("[data-drag-type][draggable='true']").forEach(e=>{e.addEventListener("dragstart",t=>((e,t)=>{const n={type:t.dataset.dragType,id:t.dataset.dragId,label:t.dataset.dragLabel||t.textContent.trim()};e.dataTransfer.effectAllowed="copyMove",e.dataTransfer.setData("application/json",JSON.stringify(n)),e.dataTransfer.setData("text/plain",`${n.type}:${n.id}`),u=n,document.body.classList.add("drag-active",`dragging-${n.type}`),t.classList.add("is-dragging")})(t,e)),e.addEventListener("dragend",()=>{e.classList.remove("is-dragging"),document.body.classList.remove("drag-active","dragging-scene","dragging-character","dragging-asset","dragging-location"),u=null,L()})}),t.querySelectorAll("[data-drag-cancel]").forEach(e=>e.addEventListener("click",w)),n.get("scene")?.addEventListener("submit",()=>{const t=e?.querySelector(".timeline-shell");try{sessionStorage.setItem(p,JSON.stringify({left:t?.scrollLeft||0,top:window.scrollY||0}))}catch{}}),e?.querySelectorAll(".timeline-scene-card[data-scene-id]").forEach(t=>{t.addEventListener("click",e=>{Date.now()<m&&(e.preventDefault(),e.stopPropagation())}),t.addEventListener("dragover",e=>{const n=S(e);["scene","character","asset"].includes(n.type)&&(e.preventDefault(),e.stopPropagation(),e.dataTransfer.dropEffect="scene"===n.type?"move":"copy",t.classList.add("drop-target-active"),t.classList.toggle("drop-before","scene"===n.type&&e.offsetX<t.clientWidth/2),t.classList.toggle("drop-after","scene"===n.type&&e.offsetX>=t.clientWidth/2))}),t.addEventListener("dragleave",()=>t.classList.remove("drop-target-active","drop-before","drop-after")),t.addEventListener("drop",a=>{const r=S(a);if(!["scene","character","asset"].includes(r.type))return;a.preventDefault(),a.stopPropagation(),m=Date.now()+800,t.classList.remove("drop-target-active","drop-before","drop-after");const o=t.dataset.sceneId;if("scene"===r.type){if(r.id===o)return void y("scene","Cannot move scene","Drop a scene before or after a different scene.","Scene move");const s=n.get("scene"),i=a.offsetX<t.clientWidth/2?"Before":"After",l=e.querySelector(`.timeline-scene-card[data-scene-id='${CSS.escape(r.id)}']`),c=l?.dataset.chapterLabel||"",d=t.dataset.chapterLabel||"";return h(s,"SceneID",r.id),h(s,"AnchorSceneID",o),h(s,"TargetChapterID",""),h(s,"Position",i),void y("scene","Move Scene?",v(r,c,d,i,t.dataset.dragLabel),"Scene move")}if("character"===r.type){const e=n.get("character");return h(e,"SceneID",o),h(e,"CharacterID",r.id),void y("character","Add character to scene",`Add ${r.label} to ${t.dataset.dragLabel}.`,"Character drop")}const s=n.get("asset-event");h(s,"SceneID",o),h(s,"StoryAssetID",r.id),h(s,"EventTitle",""),y("asset-event","What happens to this asset?",`Add an event for ${r.label} in ${t.dataset.dragLabel}.`,"Asset drop")})}),e?.querySelectorAll(".timeline-scenes[data-chapter-drop-target]").forEach(t=>{const a=t.closest("[data-chapter-drop-target]"),r=t.dataset.chapterId||a?.dataset.chapterId,o=t.dataset.chapterLabel||a?.dataset.chapterLabel||"this chapter";t.addEventListener("dragover",e=>{"scene"===S(e).type&&r&&(e.target.closest(".timeline-scene-card[data-scene-id]")||(e.preventDefault(),e.dataTransfer.dropEffect="move",t.classList.add("drop-target-active","drop-chapter-end"),a?.classList.add("chapter-drop-active")))}),t.addEventListener("dragleave",e=>{t.contains(e.relatedTarget)||(t.classList.remove("drop-target-active","drop-chapter-end"),a?.classList.remove("chapter-drop-active"))}),t.addEventListener("drop",a=>{const s=S(a);if("scene"!==s.type||!r)return;if(a.target.closest(".timeline-scene-card[data-scene-id]"))return;a.preventDefault(),a.stopPropagation(),m=Date.now()+800,L();const i=e.querySelector(`.timeline-scene-card[data-scene-id='${CSS.escape(s.id)}']`);if(i?.dataset.chapterId===r&&t.lastElementChild?.dataset?.sceneId===s.id)return void y("scene","Scene already here",`${s.label} is already at the end of ${o}.`,"Scene move");const l=n.get("scene");h(l,"SceneID",s.id),h(l,"AnchorSceneID",""),h(l,"TargetChapterID",r),h(l,"Position","End"),y("scene","Move Scene?",v(s,i?.dataset.chapterLabel||"",o,"After",o),"Scene move")})});const b=n.get("asset-dependency"),E=()=>{const e=b?.dataset.sourceLabel||"Source asset",n=b?.dataset.targetLabel||"Target asset",a=g(b?.querySelector("[name='AssetDependencyTypeID']"))||"Requires",r=g(b?.querySelector("[name='SourceRequiredStateID']"))||"the required state",o=g(b?.querySelector("[name='TargetBlockedStateID']"))||"the blocked state",s=t.querySelector("[data-asset-dependency-preview]");s&&(s.textContent=`${e} ${a.toLowerCase()} ${n}. ${e} should be ${r} before ${n} can be ${o}.`)};b?.querySelectorAll("select").forEach(e=>e.addEventListener("change",E)),document.querySelectorAll("[data-asset-drop-target], .drag-chip.asset").forEach(e=>{e.addEventListener("dragover",t=>{"asset"===S(t).type&&(t.preventDefault(),t.dataTransfer.dropEffect="copy",e.classList.add("drop-target-active"))}),e.addEventListener("dragleave",()=>e.classList.remove("drop-target-active")),e.addEventListener("drop",t=>{const n=S(t),a=e.dataset.assetId||e.dataset.dragId,r=e.dataset.assetLabel||e.dataset.dragLabel||e.textContent.trim();"asset"===n.type&&a&&(t.preventDefault(),e.classList.remove("drop-target-active"),n.id!==a?(h(b,"SourceAssetID",n.id),h(b,"TargetAssetID",a),b.dataset.sourceLabel=n.label,b.dataset.targetLabel=r,E(),y("asset-dependency","Create asset dependency",`${n.label} -> ${r}`,"Asset dependency")):y("asset-dependency","Cannot create dependency","Drop one asset onto a different asset.","Asset dependency"))})}),document.querySelectorAll("[data-drag-type='location']").forEach(e=>{e.addEventListener("dragover",t=>{"location"===S(t).type&&(t.preventDefault(),t.dataTransfer.dropEffect="copy",e.classList.add("drop-target-active"))}),e.addEventListener("dragleave",()=>e.classList.remove("drop-target-active")),e.addEventListener("drop",t=>{const a=S(t),r=e.dataset.dragId,o=e.dataset.dragLabel||e.textContent.trim();if("location"!==a.type)return;if(t.preventDefault(),e.classList.remove("drop-target-active"),a.id===r)return void y("location-relationship","Cannot create relationship","Drop one location onto a different location.","Location relationship");const s=n.get("location-relationship");h(s,"FromLocationID",a.id),h(s,"ToLocationID",r),y("location-relationship","Create location relationship",`${a.label} -> ${o}`,"Location drop")})})})(); |