keating 4.0.2 → 4.0.3

package/bin/keating.js

@@ -11,7 +11,7 @@ try {
   const pkg = JSON.parse(readFileSync(join(__dirname, "..", "package.json"), "utf8"));
   KEATING_VERSION = pkg.version;
 } catch {
-  KEATING_VERSION = "4.0.2";
+  KEATING_VERSION = "4.0.3";
 }
 
 function parseNodeVersion(version) {

package/dist/src/core/version.js

@@ -12,7 +12,7 @@ function loadVersion() {
     catch {
         // fall through to fallback
     }
-    return "4.0.2";
+    return "4.0.3";
 }
 /**
  * Keating version string, read from package.json at runtime so it stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keating",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "packageManager": "bun@1.3.13",
   "type": "module",
   "description": "A Pi-powered hyperteacher package with self-improving teaching policies, lesson maps, and animated visual teaching artifacts.",

package/web/.output/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-09-28T07:52:39.475Z",
+  "date": "2026-09-28T08:32:41.209Z",
   "preset": "node-server",
   "framework": {
     "name": "nitro",

package/web/.output/public/assets/{AnimationPlayer-Bj9E6XAF.js → AnimationPlayer-CYbhLL_R.js}

@@ -1 +1 @@
-import{s as e}from"./rolldown-runtime-BG2f4sTM.js";import{T as t}from"./syntax-highlighter-Buac5fmw.js";import{M as n,N as r,wt as i}from"./index-C8C76R86.js";import{r as a}from"./FlashcardShaderField-pDI9y_r4.js";import{d as o}from"./MarkdownBlock-KUcDESQo.js";import{t as s}from"./chevron-right-CtU0hmKY.js";import{n as c,r as l,t as u}from"./HyperframesPlayer-BQFYx43N.js";import{c as d}from"./FlashcardTimer-BANuXJze.js";import{c as f}from"./Select-BE2GfDud.js";var p=e(t(),1),m=i();function h(e){let t=e.trim().replace(/s$/i,``),n=t.match(/^(\d+(?:\.\d+)?)\s*-\s*(\d+(?:\.\d+)?)$/);if(n)return Math.max(.5,Number(n[2])-Number(n[1]));let r=Number(t);return Number.isFinite(r)?Math.max(.5,r):4}function g(e){return h(e.duration)}function _(e){return`${e.title} ${e.visual} ${e.highlight??``}`.split(/[^a-z0-9]+/i).map(e=>e.trim()).filter(e=>e.length>=4).slice(0,6)}function v({title:e,scenes:t,totalDuration:i}){let[c,l]=(0,p.useState)(0),[u,h]=(0,p.useState)(!0),[v,y]=(0,p.useState)(0),b=t[c],x=b?g(b):1,S=Math.min(1,v/x),C=(0,p.useMemo)(()=>b?_(b):[],[b]);if((0,p.useEffect)(()=>{y(0)},[c]),(0,p.useEffect)(()=>{if(!u||!b)return;let e=0,n=performance.now(),r=i=>{let a=(i-n)/1e3;n=i,y(e=>{let n=e+a;return n>=x?(l(e=>(e+1)%t.length),0):n}),e=requestAnimationFrame(r)};return e=requestAnimationFrame(r),()=>cancelAnimationFrame(e)},[b,x,u,t.length]),!b)return null;let w=e=>{l((e+t.length)%t.length),y(0)};return(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsxs)(`div`,{className:r({position:`relative`,aspectRatio:`16 / 9`,overflow:`hidden`,borderRadius:`0.5rem`,border:`1px solid var(--border)`,background:`#0a0a0a`,color:`white`}),children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,inset:0,background:`radial-gradient(circle at 20% 20%, rgba(34,197,94,0.24), transparent 32%), radial-gradient(circle at 80% 30%, rgba(245,158,11,0.28), transparent 30%), linear-gradient(135deg, #050505, #111827 52%, #1f1305)`})}),(0,m.jsxs)(`div`,{className:r({position:`absolute`,inset:0,display:`grid`,gridTemplateColumns:`1fr 1.1fr`,gap:`1.5rem`,padding:`1.5rem`,"@media (min-width: 640px)":{padding:`2rem`}}),children:[(0,m.jsxs)(`div`,{className:r({position:`relative`,display:`flex`,minWidth:0,flexDirection:`column`,justifyContent:`space-between`}),children:[(0,m.jsxs)(`div`,{children:[(0,m.jsxs)(`div`,{className:n(`font-terminal`,r({marginBottom:`0.75rem`,display:`inline-flex`,borderRadius:`0.25rem`,border:`1px solid rgb(251 191 36 / 0.5)`,background:`rgb(0 0 0 / 0.3)`,padding:`0.25rem 0.5rem`,fontSize:`10px`,textTransform:`uppercase`,letterSpacing:`0.025em`,color:`#fde68a`})),children:[`Scene `,b.number,` / `,t.length]}),(0,m.jsx)(`h3`,{className:r({maxWidth:`18rem`,fontSize:`1.25rem`,fontWeight:600,lineHeight:1.25,color:`white`,"@media (min-width: 640px)":{fontSize:`1.875rem`}}),children:b.title})]}),(0,m.jsx)(`p`,{className:r({maxWidth:`28rem`,fontSize:`0.75rem`,lineHeight:`1.25rem`,color:`#e5e5e5`,"@media (min-width: 640px)":{fontSize:`0.875rem`}}),children:b.visual})]}),(0,m.jsxs)(`div`,{className:r({position:`relative`,minHeight:0}),children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,left:`50%`,top:`50%`,height:`10rem`,width:`10rem`,transform:`translate(-50%, -50%)`,borderRadius:`9999px`,border:`1px solid rgb(110 231 183 / 0.5)`,background:`rgb(110 231 183 / 0.1)`,"@media (min-width: 640px)":{height:`14rem`,width:`14rem`},"@media (prefers-reduced-motion: no-preference)":{animation:`pulse 2s cubic-bezier(0.4,0,0.6,1) infinite`}})}),(0,m.jsxs)(`div`,{className:r({position:`absolute`,left:`50%`,top:`50%`,height:`6rem`,width:`6rem`,borderRadius:`9999px`,border:`2px solid rgb(252 211 77 / 0.8)`,background:`rgb(0 0 0 / 0.35)`,boxShadow:`0 0 36px rgba(245,158,11,0.35)`,transitionProperty:`transform`,transitionDuration:`300ms`}),style:{transform:`translate(-50%, -50%) rotate(${S*180}deg) scale(${1+S*.08})`},children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,left:`50%`,top:0,height:`50%`,width:`0.125rem`,transform:`translateX(-50%)`,background:`#fcd34d`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,bottom:0,left:`50%`,height:`50%`,width:`0.125rem`,transform:`translateX(-50%)`,background:`#6ee7b7`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,left:0,top:`50%`,height:`0.125rem`,width:`50%`,transform:`translateY(-50%)`,background:`#7dd3fc`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,right:0,top:`50%`,height:`0.125rem`,width:`50%`,transform:`translateY(-50%)`,background:`#fda4af`})})]}),C.map((e,t)=>{let n=t/Math.max(1,C.length)*Math.PI*2+S*Math.PI*.65,i=36+t%3*14,a=50+Math.cos(n)*i,o=50+Math.sin(n)*i;return(0,m.jsx)(`div`,{className:r({position:`absolute`,maxWidth:`7rem`,borderRadius:`0.25rem`,border:`1px solid rgb(255 255 255 / 0.15)`,background:`rgb(0 0 0 / 0.45)`,padding:`0.25rem 0.5rem`,textAlign:`center`,fontSize:`10px`,fontWeight:500,color:`white`,boxShadow:`var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.05))`,backdropFilter:`blur(8px)`}),style:{left:`${a}%`,top:`${o}%`,transform:`translate(-50%, -50%)`},children:e},`${b.number}-${e}-${t}`)})]})]},b.number),(0,m.jsx)(`div`,{className:r({position:`absolute`,bottom:0,left:0,right:0,height:`0.25rem`,background:`rgb(255 255 255 / 0.15)`}),children:(0,m.jsx)(`div`,{className:r({height:`100%`,background:`#fcd34d`,transitionProperty:`width`}),style:{width:`${S*100}%`}})})]}),(0,m.jsxs)(`div`,{className:r({display:`flex`,flexWrap:`wrap`,alignItems:`center`,justifyContent:`space-between`,gap:`0.5rem`}),children:[(0,m.jsxs)(`div`,{className:r({minWidth:0}),children:[(0,m.jsx)(`div`,{className:r({overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`0.875rem`,fontWeight:500}),children:e||`Animation`}),(0,m.jsxs)(`div`,{className:n(`font-terminal`,r({fontSize:`11px`,color:`var(--muted-foreground)`})),children:[t.length,` scenes // `,i,`s`]})]}),(0,m.jsxs)(`div`,{className:r({display:`flex`,alignItems:`center`,gap:`0.25rem`}),children:[(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(c-1),className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Previous scene`,children:(0,m.jsx)(a,{size:15})}),(0,m.jsxs)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:r({display:`inline-flex`,height:`2rem`,alignItems:`center`,gap:`0.25rem`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,paddingInline:`0.5rem`,fontSize:`0.75rem`,fontWeight:500,_hover:{background:`var(--accent)`}}),children:[u?(0,m.jsx)(d,{size:14}):(0,m.jsx)(f,{size:14}),u?`Pause`:`Play`]}),(0,m.jsx)(`button`,{type:`button`,onClick:()=>{y(0),h(!0)},className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Restart scene`,children:(0,m.jsx)(o,{size:14})}),(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(c+1),className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Next scene`,children:(0,m.jsx)(s,{size:15})})]})]}),(0,m.jsx)(`div`,{className:r({display:`grid`,gridTemplateColumns:`repeat(3, minmax(0, 1fr))`,gap:`0.25rem`,"@media (min-width: 640px)":{gridTemplateColumns:`repeat(6, minmax(0, 1fr))`}}),children:t.map((e,t)=>(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(t),className:r({minWidth:0,borderRadius:`0.375rem`,border:`1px solid`,borderColor:t===c?`var(--primary)`:`var(--border)`,background:t===c?`color-mix(in srgb, var(--primary) 10%, transparent)`:`var(--background)`,padding:`0.375rem 0.5rem`,textAlign:`left`,fontSize:`11px`,color:t===c?`var(--primary)`:void 0,transitionProperty:`color, background-color, border-color`,_hover:t===c?void 0:{background:`var(--accent)`}}),children:(0,m.jsx)(`span`,{className:r({display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),children:e.title})},e.number))})]})}function y({scene:e,manifest:t,storyboard:i,renderer:a,className:o}){let[s,d]=(0,p.useState)(!1),f=null;if(t)try{f=JSON.parse(t)}catch{}let h=i?l(i):null,g=f?.renderer===`hyperframes`||f?.kind===`hyperframes`||a===`hyperframes`?`hyperframes`:void 0,_=e?.trim().toLowerCase().startsWith(`<!doctype`)||e?.trim().toLowerCase().startsWith(`<html`),y=!!(e&&(g===`hyperframes`||_));return(0,m.jsxs)(`div`,{className:n(`animation-player`,r({display:`grid`,gap:`1rem`}),o),children:[(0,m.jsxs)(`div`,{className:r({display:`flex`,alignItems:`baseline`,justifyContent:`space-between`,gap:`1rem`}),children:[(0,m.jsxs)(`div`,{className:r({minWidth:0}),children:[(0,m.jsx)(`h3`,{className:r({overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`0.875rem`,fontWeight:600}),children:f?.topic??`Animation`}),f&&(0,m.jsxs)(`p`,{className:r({fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:[f.duration??0,`s · `,Array.isArray(f.scenes)?f.scenes.length:0,` scenes`]})]}),(0,m.jsxs)(`button`,{onClick:()=>d(!s),className:r({flexShrink:0,borderRadius:`0.25rem`,padding:`0.25rem 0.5rem`,fontSize:`0.75rem`,color:`var(--muted-foreground)`,transitionProperty:`color, background-color`,_hover:{background:`var(--accent)`,color:`var(--accent-foreground)`}}),children:[s?`Hide`:`Show`,` source`]})]}),(0,m.jsxs)(`div`,{children:[y&&e?(0,m.jsx)(u,{title:`${f?.topic??`Keating`} Hyperframes composition`,html:e}):h?.scenes.length?(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsx)(v,{title:h.title,scenes:h.scenes,totalDuration:h.totalDuration}),(0,m.jsxs)(`details`,{className:r({borderRadius:`0.375rem`,border:`1px solid var(--border)`,background:`color-mix(in srgb, var(--background) 70%, transparent)`,padding:`0.75rem`}),children:[(0,m.jsx)(`summary`,{className:r({cursor:`pointer`,fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:`Storyboard notes`}),(0,m.jsx)(c,{storyboard:i??``})]})]}):e?(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsx)(`h3`,{className:r({fontWeight:500}),children:`Scene Source`}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:e})]}):(0,m.jsx)(`div`,{className:r({paddingBlock:`2rem`,textAlign:`center`,color:`var(--muted-foreground)`}),children:`No animation loaded`}),s&&i&&(0,m.jsxs)(`div`,{className:r({marginTop:`0.75rem`,display:`grid`,gap:`0.5rem`}),children:[(0,m.jsxs)(`div`,{className:r({fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:[`Storyboard Source (`,h?.scenes.length??0,` scenes)`]}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:i})]}),s&&e&&(0,m.jsxs)(`div`,{className:r({marginTop:`0.75rem`,display:`grid`,gap:`0.5rem`}),children:[(0,m.jsx)(`div`,{className:r({fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:y?`Hyperframes HTML`:`Scene Source`}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:e})]})]})]})}export{y as t};
+import{s as e}from"./rolldown-runtime-BG2f4sTM.js";import{T as t}from"./syntax-highlighter-Buac5fmw.js";import{M as n,N as r,wt as i}from"./index-DCgpDQKf.js";import{r as a}from"./FlashcardShaderField-JGgL2kgp.js";import{d as o}from"./MarkdownBlock-C89ecD-M.js";import{t as s}from"./chevron-right-CtU0hmKY.js";import{n as c,r as l,t as u}from"./HyperframesPlayer-DEtdwGBR.js";import{c as d}from"./FlashcardTimer-vPNL9_0N.js";import{c as f}from"./Select-BYfJxqbI.js";var p=e(t(),1),m=i();function h(e){let t=e.trim().replace(/s$/i,``),n=t.match(/^(\d+(?:\.\d+)?)\s*-\s*(\d+(?:\.\d+)?)$/);if(n)return Math.max(.5,Number(n[2])-Number(n[1]));let r=Number(t);return Number.isFinite(r)?Math.max(.5,r):4}function g(e){return h(e.duration)}function _(e){return`${e.title} ${e.visual} ${e.highlight??``}`.split(/[^a-z0-9]+/i).map(e=>e.trim()).filter(e=>e.length>=4).slice(0,6)}function v({title:e,scenes:t,totalDuration:i}){let[c,l]=(0,p.useState)(0),[u,h]=(0,p.useState)(!0),[v,y]=(0,p.useState)(0),b=t[c],x=b?g(b):1,S=Math.min(1,v/x),C=(0,p.useMemo)(()=>b?_(b):[],[b]);if((0,p.useEffect)(()=>{y(0)},[c]),(0,p.useEffect)(()=>{if(!u||!b)return;let e=0,n=performance.now(),r=i=>{let a=(i-n)/1e3;n=i,y(e=>{let n=e+a;return n>=x?(l(e=>(e+1)%t.length),0):n}),e=requestAnimationFrame(r)};return e=requestAnimationFrame(r),()=>cancelAnimationFrame(e)},[b,x,u,t.length]),!b)return null;let w=e=>{l((e+t.length)%t.length),y(0)};return(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsxs)(`div`,{className:r({position:`relative`,aspectRatio:`16 / 9`,overflow:`hidden`,borderRadius:`0.5rem`,border:`1px solid var(--border)`,background:`#0a0a0a`,color:`white`}),children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,inset:0,background:`radial-gradient(circle at 20% 20%, rgba(34,197,94,0.24), transparent 32%), radial-gradient(circle at 80% 30%, rgba(245,158,11,0.28), transparent 30%), linear-gradient(135deg, #050505, #111827 52%, #1f1305)`})}),(0,m.jsxs)(`div`,{className:r({position:`absolute`,inset:0,display:`grid`,gridTemplateColumns:`1fr 1.1fr`,gap:`1.5rem`,padding:`1.5rem`,"@media (min-width: 640px)":{padding:`2rem`}}),children:[(0,m.jsxs)(`div`,{className:r({position:`relative`,display:`flex`,minWidth:0,flexDirection:`column`,justifyContent:`space-between`}),children:[(0,m.jsxs)(`div`,{children:[(0,m.jsxs)(`div`,{className:n(`font-terminal`,r({marginBottom:`0.75rem`,display:`inline-flex`,borderRadius:`0.25rem`,border:`1px solid rgb(251 191 36 / 0.5)`,background:`rgb(0 0 0 / 0.3)`,padding:`0.25rem 0.5rem`,fontSize:`10px`,textTransform:`uppercase`,letterSpacing:`0.025em`,color:`#fde68a`})),children:[`Scene `,b.number,` / `,t.length]}),(0,m.jsx)(`h3`,{className:r({maxWidth:`18rem`,fontSize:`1.25rem`,fontWeight:600,lineHeight:1.25,color:`white`,"@media (min-width: 640px)":{fontSize:`1.875rem`}}),children:b.title})]}),(0,m.jsx)(`p`,{className:r({maxWidth:`28rem`,fontSize:`0.75rem`,lineHeight:`1.25rem`,color:`#e5e5e5`,"@media (min-width: 640px)":{fontSize:`0.875rem`}}),children:b.visual})]}),(0,m.jsxs)(`div`,{className:r({position:`relative`,minHeight:0}),children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,left:`50%`,top:`50%`,height:`10rem`,width:`10rem`,transform:`translate(-50%, -50%)`,borderRadius:`9999px`,border:`1px solid rgb(110 231 183 / 0.5)`,background:`rgb(110 231 183 / 0.1)`,"@media (min-width: 640px)":{height:`14rem`,width:`14rem`},"@media (prefers-reduced-motion: no-preference)":{animation:`pulse 2s cubic-bezier(0.4,0,0.6,1) infinite`}})}),(0,m.jsxs)(`div`,{className:r({position:`absolute`,left:`50%`,top:`50%`,height:`6rem`,width:`6rem`,borderRadius:`9999px`,border:`2px solid rgb(252 211 77 / 0.8)`,background:`rgb(0 0 0 / 0.35)`,boxShadow:`0 0 36px rgba(245,158,11,0.35)`,transitionProperty:`transform`,transitionDuration:`300ms`}),style:{transform:`translate(-50%, -50%) rotate(${S*180}deg) scale(${1+S*.08})`},children:[(0,m.jsx)(`div`,{className:r({position:`absolute`,left:`50%`,top:0,height:`50%`,width:`0.125rem`,transform:`translateX(-50%)`,background:`#fcd34d`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,bottom:0,left:`50%`,height:`50%`,width:`0.125rem`,transform:`translateX(-50%)`,background:`#6ee7b7`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,left:0,top:`50%`,height:`0.125rem`,width:`50%`,transform:`translateY(-50%)`,background:`#7dd3fc`})}),(0,m.jsx)(`div`,{className:r({position:`absolute`,right:0,top:`50%`,height:`0.125rem`,width:`50%`,transform:`translateY(-50%)`,background:`#fda4af`})})]}),C.map((e,t)=>{let n=t/Math.max(1,C.length)*Math.PI*2+S*Math.PI*.65,i=36+t%3*14,a=50+Math.cos(n)*i,o=50+Math.sin(n)*i;return(0,m.jsx)(`div`,{className:r({position:`absolute`,maxWidth:`7rem`,borderRadius:`0.25rem`,border:`1px solid rgb(255 255 255 / 0.15)`,background:`rgb(0 0 0 / 0.45)`,padding:`0.25rem 0.5rem`,textAlign:`center`,fontSize:`10px`,fontWeight:500,color:`white`,boxShadow:`var(--shadow-sm, 0 1px 2px rgb(0 0 0 / 0.05))`,backdropFilter:`blur(8px)`}),style:{left:`${a}%`,top:`${o}%`,transform:`translate(-50%, -50%)`},children:e},`${b.number}-${e}-${t}`)})]})]},b.number),(0,m.jsx)(`div`,{className:r({position:`absolute`,bottom:0,left:0,right:0,height:`0.25rem`,background:`rgb(255 255 255 / 0.15)`}),children:(0,m.jsx)(`div`,{className:r({height:`100%`,background:`#fcd34d`,transitionProperty:`width`}),style:{width:`${S*100}%`}})})]}),(0,m.jsxs)(`div`,{className:r({display:`flex`,flexWrap:`wrap`,alignItems:`center`,justifyContent:`space-between`,gap:`0.5rem`}),children:[(0,m.jsxs)(`div`,{className:r({minWidth:0}),children:[(0,m.jsx)(`div`,{className:r({overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`0.875rem`,fontWeight:500}),children:e||`Animation`}),(0,m.jsxs)(`div`,{className:n(`font-terminal`,r({fontSize:`11px`,color:`var(--muted-foreground)`})),children:[t.length,` scenes // `,i,`s`]})]}),(0,m.jsxs)(`div`,{className:r({display:`flex`,alignItems:`center`,gap:`0.25rem`}),children:[(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(c-1),className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Previous scene`,children:(0,m.jsx)(a,{size:15})}),(0,m.jsxs)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:r({display:`inline-flex`,height:`2rem`,alignItems:`center`,gap:`0.25rem`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,paddingInline:`0.5rem`,fontSize:`0.75rem`,fontWeight:500,_hover:{background:`var(--accent)`}}),children:[u?(0,m.jsx)(d,{size:14}):(0,m.jsx)(f,{size:14}),u?`Pause`:`Play`]}),(0,m.jsx)(`button`,{type:`button`,onClick:()=>{y(0),h(!0)},className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Restart scene`,children:(0,m.jsx)(o,{size:14})}),(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(c+1),className:r({display:`inline-flex`,height:`2rem`,width:`2rem`,alignItems:`center`,justifyContent:`center`,borderRadius:`0.375rem`,border:`1px solid var(--border)`,_hover:{background:`var(--accent)`}}),"aria-label":`Next scene`,children:(0,m.jsx)(s,{size:15})})]})]}),(0,m.jsx)(`div`,{className:r({display:`grid`,gridTemplateColumns:`repeat(3, minmax(0, 1fr))`,gap:`0.25rem`,"@media (min-width: 640px)":{gridTemplateColumns:`repeat(6, minmax(0, 1fr))`}}),children:t.map((e,t)=>(0,m.jsx)(`button`,{type:`button`,onClick:()=>w(t),className:r({minWidth:0,borderRadius:`0.375rem`,border:`1px solid`,borderColor:t===c?`var(--primary)`:`var(--border)`,background:t===c?`color-mix(in srgb, var(--primary) 10%, transparent)`:`var(--background)`,padding:`0.375rem 0.5rem`,textAlign:`left`,fontSize:`11px`,color:t===c?`var(--primary)`:void 0,transitionProperty:`color, background-color, border-color`,_hover:t===c?void 0:{background:`var(--accent)`}}),children:(0,m.jsx)(`span`,{className:r({display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`}),children:e.title})},e.number))})]})}function y({scene:e,manifest:t,storyboard:i,renderer:a,className:o}){let[s,d]=(0,p.useState)(!1),f=null;if(t)try{f=JSON.parse(t)}catch{}let h=i?l(i):null,g=f?.renderer===`hyperframes`||f?.kind===`hyperframes`||a===`hyperframes`?`hyperframes`:void 0,_=e?.trim().toLowerCase().startsWith(`<!doctype`)||e?.trim().toLowerCase().startsWith(`<html`),y=!!(e&&(g===`hyperframes`||_));return(0,m.jsxs)(`div`,{className:n(`animation-player`,r({display:`grid`,gap:`1rem`}),o),children:[(0,m.jsxs)(`div`,{className:r({display:`flex`,alignItems:`baseline`,justifyContent:`space-between`,gap:`1rem`}),children:[(0,m.jsxs)(`div`,{className:r({minWidth:0}),children:[(0,m.jsx)(`h3`,{className:r({overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,fontSize:`0.875rem`,fontWeight:600}),children:f?.topic??`Animation`}),f&&(0,m.jsxs)(`p`,{className:r({fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:[f.duration??0,`s · `,Array.isArray(f.scenes)?f.scenes.length:0,` scenes`]})]}),(0,m.jsxs)(`button`,{onClick:()=>d(!s),className:r({flexShrink:0,borderRadius:`0.25rem`,padding:`0.25rem 0.5rem`,fontSize:`0.75rem`,color:`var(--muted-foreground)`,transitionProperty:`color, background-color`,_hover:{background:`var(--accent)`,color:`var(--accent-foreground)`}}),children:[s?`Hide`:`Show`,` source`]})]}),(0,m.jsxs)(`div`,{children:[y&&e?(0,m.jsx)(u,{title:`${f?.topic??`Keating`} Hyperframes composition`,html:e}):h?.scenes.length?(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsx)(v,{title:h.title,scenes:h.scenes,totalDuration:h.totalDuration}),(0,m.jsxs)(`details`,{className:r({borderRadius:`0.375rem`,border:`1px solid var(--border)`,background:`color-mix(in srgb, var(--background) 70%, transparent)`,padding:`0.75rem`}),children:[(0,m.jsx)(`summary`,{className:r({cursor:`pointer`,fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:`Storyboard notes`}),(0,m.jsx)(c,{storyboard:i??``})]})]}):e?(0,m.jsxs)(`div`,{className:r({display:`grid`,gap:`0.75rem`}),children:[(0,m.jsx)(`h3`,{className:r({fontWeight:500}),children:`Scene Source`}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:e})]}):(0,m.jsx)(`div`,{className:r({paddingBlock:`2rem`,textAlign:`center`,color:`var(--muted-foreground)`}),children:`No animation loaded`}),s&&i&&(0,m.jsxs)(`div`,{className:r({marginTop:`0.75rem`,display:`grid`,gap:`0.5rem`}),children:[(0,m.jsxs)(`div`,{className:r({fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:[`Storyboard Source (`,h?.scenes.length??0,` scenes)`]}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:i})]}),s&&e&&(0,m.jsxs)(`div`,{className:r({marginTop:`0.75rem`,display:`grid`,gap:`0.5rem`}),children:[(0,m.jsx)(`div`,{className:r({fontSize:`0.75rem`,fontWeight:500,color:`var(--muted-foreground)`}),children:y?`Hyperframes HTML`:`Scene Source`}),(0,m.jsx)(`pre`,{className:r({maxHeight:`16rem`,overflow:`auto`,borderRadius:`0.25rem`,background:`color-mix(in srgb, var(--muted) 30%, transparent)`,padding:`0.75rem`,whiteSpace:`pre-wrap`,fontSize:`0.75rem`,color:`var(--muted-foreground)`}),children:e})]})]})]})}export{y as t};