https://cinessential.ai/assets/Manual-fbsjak0x.js

1import{j as e}from"./ui-vendor-C-1KqH15.js";import{h as m,a as i}from"./react-vendor-ByDWXJvr.js";import{N as p,B as c,G as h,c0 as b,cH as f,aH as g,z as j}from"./index-DMraBsI-.js";import"./three-vendor-CfDQ9C4v.js";import"./pdf-vendor-BLM9xNEA.js";import"./stream-vendor-CoRm0Xqa.js";/**
2 * @license lucide-react v0.477.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const w=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]],v=p("Rows3",w),k="/__l5e/assets-v1/1395dede-aa27-4b15-be65-7e6e236932bc/manual-cinewriter.png",y={url:k},N="/__l5e/assets-v1/02d1d21f-be45-4c48-b6c1-04998e281ef0/manual-story-dna.png",_={url:N},C="/__l5e/assets-v1/3d2a7d0d-df09-4b63-9f69-4ad7cc8e5fcc/manual-cast.png",E={url:C},A="/__l5e/assets-v1/7b9c0c79-c4b9-400b-83b5-e7b70bd65323/manual-locations.png",z={url:A},$="/__l5e/assets-v1/3c1fe0c6-9210-40e1-9a40-daaaa67fd019/manual-props.png",M={url:$},L="/__l5e/assets-v1/164cd26a-7124-407d-8986-28aa2c8ba2fa/manual-wardrobe.png",S={url:L},R="/__l5e/assets-v1/cc4da78e-9644-4f92-a3bd-5bec0d7ae873/manual-storyboards.png",B={url:R},r=[{title:"CineWriter",subtitle:"Write it. Ingest it. Structure it.",src:y.url},{title:"Story DNA / World Bible",subtitle:"Define the world once. Pass it to every prompt.",src:_.url},{title:"Cast",subtitle:"Identify roles, refine choices, assign references.",src:E.url},{title:"Locations",subtitle:"Upload, scout, select, and assign your locations.",src:z.url},{title:"Props",subtitle:"Detect. Generate. Refine. Finalize.",src:M.url},{title:"Wardrobe / Hair & Makeup",subtitle:"Plan every look. Lock every change.",src:S.url},{title:"Storyboards",subtitle:"Turn scene data into a production-ready visual reference.",src:B.url}],T=()=>{const x=m(),[l,u]=i.useState("flip"),[a,n]=i.useState(0);i.useEffect(()=>{document.title=`Cinessential Manual — ${r[a].title}`},[a]),i.useEffect(()=>{if(l!=="flip")return;const s=t=>{t.key==="ArrowRight"&&n(d=>Math.min(d+1,r.length-1)),t.key==="ArrowLeft"&&n(d=>Math.max(d-1,0))};return window.addEventListener("keydown",s),()=>window.removeEventListener("keydown",s)},[l]);const o=r[a];return e.jsxs("div",{className:"min-h-screen bg-background",children:[e.jsx("header",{className:"sticky top-0 z-20 border-b border-[#C6A75E]/20 bg-background/90 backdrop-blur-xl",children:e.jsxs("div",{className:"mx-auto flex max-w-7xl items-center gap-3 px-4 py-3",children:[e.jsxs(c,{variant:"ghost",size:"sm",onClick:()=>x(-1),className:"text-muted-foreground",children:[e.jsx(h,{className:"mr-1 h-4 w-4"})," Back"]}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("h1",{className:"truncate text-lg font-semibold tracking-tight text-foreground",children:"The Cinessential Manual"}),e.jsx("p",{className:"truncate text-xs text-muted-foreground",children:"The full prep workflow, in order — CineWriter through Storyboards."})]}),e.jsxs("div",{className:"flex items-center gap-1 rounded-md border border-border p-1",children:[e.jsxs(c,{variant:l==="flip"?"secondary":"ghost",size:"sm",onClick:()=>u("flip"),children:[e.jsx(b,{className:"mr-1 h-4 w-4"})," Flip"]}),e.jsxs(c,{variant:l==="stacked"?"secondary":"ghost",size:"sm",onClick:()=>u("stacked"),children:[e.jsx(v,{className:"mr-1 h-4 w-4"})," Stacked"]})]})]})}),l==="flip"?e.jsxs("main",{className:"mx-auto max-w-7xl px-4 py-6",children:[e.jsxs("div",{className:"mb-4 flex items-center justify-between gap-4",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-[0.2em] text-[#C6A75E]",children:["Chapter ",a+1," of ",r.length]}),e.jsx("h2",{className:"text-xl font-semibold text-foreground",children:o.title}),e.jsx("p",{className:"text-sm text-muted-foreground",children:o.subtitle})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(c,{variant:"outline",size:"icon",disabled:a===0,onClick:()=>n(s=>s-1),children:e.jsx(f,{className:"h-4 w-4"})}),e.jsx(c,{variant:"outline",size:"icon",disabled:a===r.length-1,onClick:()=>n(s=>s+1),children:e.jsx(g,{className:"h-4 w-4"})})]})]}),e.jsx("div",{className:"overflow-hidden rounded-xl border border-[#C6A75E]/20 bg-black shadow-[0_20px_60px_-2

60px_rgba(0,0,0,0.9)]",children:e.jsx("img",{src:o.src,alt:`${o.title} workflow guide`,className:"w-full animate-fade-in",loading:"eager"},o.src)}),e.jsx("nav",{className:"mt-5 flex gap-3 overflow-x-auto pb-2",children:r.map((s,t)=>e.jsxs("button",{onClick:()=>n(t),className:j("group w-40 shrink-0 overflow-hidden rounded-md border bg-black text-left transition-all",t===a?"border-[#C6A75E] shadow-[0_0_18px_-4px_rgba(198,167,94,0.5)]":"border-border/60 opacity-70 hover:opacity-100"),children:[e.jsx("img",{src:s.src,alt:"",className:"h-20 w-full object-cover object-top",loading:"lazy"}),e.jsxs("span",{className:"block truncate px-2 py-1.5 text-[11px] text-muted-foreground",children:[t+1,". ",s.title]})]},s.title))})]}):e.jsx("main",{className:"mx-auto max-w-6xl space-y-10 px-4 py-8",children:r.map((s,t)=>e.jsxs("section",{id:`chapter-${t+1}`,className:"space-y-3",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[11px] uppercase tracking-[0.2em] text-[#C6A75E]",children:["Chapter ",t+1]}),e.jsx("h2",{className:"text-xl font-semibold text-foreground",children:s.title}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.subtitle})]}),e.jsx("div",{className:"overflow-hidden rounded-xl border border-[#C6A75E]/20 bg-black",children:e.jsx("img",{src:s.src,alt:`${s.title} workflow guide`,className:"w-full",loading:"lazy"})})]},s.title))})]})};export{T as default};