1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6271],{96271:(e,a,t)=>{t.r(a),t.d(a,{default:()=>aF});var s=t(95155),n=t(12115);let i=[{panel:"pIntro",label:"00 \xb7 Source",phase:"00 \xb7 SOURCE",caption:"The full recorded session â hundreds of turns between a tutor and student.",focus:"pane"},{panel:"pSelect",label:"01 \xb7 Select",phase:"01 \xb7 SELECT",caption:"Expert teachers read the session and mark a Key Learning Moment, then place a cut point where a language model will later take over.",focus:"transcript"},{panel:"pAnnot",label:"02 \xb7 Annotate",phase:"02 \xb7 ANNOTATE",caption:"Teachers annotate the moment in free text: Situation, Action, Result.",focus:"pane"},{panel:"pClassify",label:"03 \xb7 Classify",phase:"03 \xb7 CLASSIFY",caption:"An LM reads the annotation and labels the move the tutor should make â here, Scaffolding.",focus:"transcript"},{panel:"pReplay",label:"04 \xb7 Replay",phase:"04 \xb7 REPLAY",caption:"At the cut point everything after is torn away; the model tutor and a synthetic student replay the lesson forward from the cut point.",focus:"transcript"},{panel:"pJudge",label:"05 \xb7 Judge",phase:"05 \xb7 JUDGE",caption:"An LLM judge labels what the model actually did, then checks it against the expertâs label.",focus:"transcript"},{panel:"pAgg",label:"06 \xb7 Aggregate",phase:"06 \xb7 AGGREGATE",caption:"Across many moments, we measure how often the modelâs move matches the expertâs â that rate is the benchmark.",focus:"pane"},{panel:"pCompare",label:"07 \xb7 Compare",phase:"07 \xb7 COMPARE MOVES",caption:"We break both human and AI tutor actions into a taxonomy of moves, then compare which moves each uses more in the same situations.",focus:"pane"},{panel:"pMoveLabel",label:"08 \xb7 Name the Move",phase:"08 \xb7 NAME THE MOVE",caption:"Back in the replay: the same taxonomy names the model tutorâs own move â recasting 4/4 as a pizza is an Alternative Representation.",focus:"transcript"}],r=[{step:0,focus:"pane"},{step:0,focus:"transcript"},{step:1,focus:"pane"},{step:1,focus:"transcript",replay:!0},{step:2,focus:"pane"},{step:3,focus:"pane"},{step:3,focus:"transcript",replay:!0},{step:4,focus:"pane"},{step:4,focus:"transcript",replay:!0},{step:5,focus:"transcript"},{step:5,focus:"pane"},{step:6,focus:"pane"},{step:7,focus:"pane"},{step:8,focus:"transcript"},{step:8,focus:"pane"}],l=[2700,1550,4580,1650,5600,1300,3100,2100,1e3];function o(e){return{km:e>=1?"grown":"flat",cut:e>=1?"open":"closed",classifier:e>=4?"dim":e>=3?"on":"off",scafSel:e>=3,tear:e>=4?"torn":"whole",bubbles:e>=4?"grown":"hidden",verdict:e>=5,annotate:e>=2?"in":"out",match:e>=5,aggBars:e>=6?"filled":"empty",compare:e>=7?"grown":"flat",moveTag:e>=8}}let d={enhanced:!1,mobile:!1,reduced:!1,loop:!1,autoplayAllowed:!1,booted:!1,step:0,beatIndex:0,enter:"settled",isPlaying:!1,ended:!1,sweepId:0,rewind:!1},c=e=>Math.max(0,Math.min(i.length-1,e));function p(e,a){return{...e,step:0,beatIndex:0,enter:e.reduced?"settled":"animate",isPlaying:a&&!e.reduced,ended:!1,booted:!0,rewind:!1,sweepId:e.sweepId+1}}function m(e,a,t){let s=r[a],n=e.step,i=!!t&&e.isPlaying,l={...e,beatIndex:a,step:s.step,isPlaying:i,ended:!1,rewind:!1};return s.step>n?{...l,enter:"animate"}:s.step<n?{...l,enter:"settled"}:s.replay&&!e.reduced?{...l,enter:"settled",rewind:!0,sweepId:e.sweepId+1}:{...l,enter:"settled"}}function x(e,a){switch(a.type){case"BOOT":{let{config:t}=a;return{...e,enhanced:!0,booted:t.reduced,mobile:t.mobile,reduced:t.reduced,loop:t.loop,autoplayAllowed:t.autoplayAllowed,step:0,beatIndex:0,enter:t.reduced?"settled":"animate",isPlaying:!1,ended:!1}}case"MARK_BOOTED":return{...e,booted:!0};case"SET_MOBILE":if(!e.enhanced||a.mobile===e.mobile)return e;if(a.mobile){let a=r.findIndex(a=>a.step===e.step);return{...e,mobile:!0,beatIndex:Math.max(0,a),enter:"settled",rewind:!1}}return{...e,mobile:!1,enter:"settled",rewind:!1};case"SWEEP_GO":return{...e,rewind:!1,enter:"animate"};case"NEXT":return{...e,step:c(e.step+1),enter:"animate",isPlaying:!1,ended:!1};case"PREV":return{...e,step:c(e.step-1),enter:"settled",isPlaying:!1,ended:!1};case"JUMP":return{...e,step:c(a.step),enter:"settled",isPlaying:!1,ended:!1};case"ADVANCE":if(e.step>=i.length-1){if(e.loop)return p(e,!0);return{...e,ended:!0,isPlaying:!1}}
1return{...e,step:e.step+1,enter:"animate"};case"GOTO_BEAT":let t;return m(e,(t=a.index,Math.max(0,Math.min(r.length-1,t))),!1);case"ADVANCE_BEAT":if(e.beatIndex>=r.length-1){if(e.loop)return p(e,!0);return{...e,ended:!0,isPlaying:!1}}return m(e,e.beatIndex+1,!0);case"PLAY":if(e.reduced)return e;if(e.ended)return p(e,!0);return{...e,isPlaying:!0};case"PAUSE":return{...e,isPlaying:!1};case"REPLAY":return p(e,!e.mobile);default:return e}}let h=(0,n.createContext)(null);function u(){let e=(0,n.useContext)(h);if(!e)throw Error("useTutorMoments must be used within a TutorMoments provider");return e}var f=t(73359),g=t(842);let b=(0,f.AH)({fontFamily:"monospace"}),y=(0,f.AH)({_focusVisible:{outline:"[2px solid #0A3235]",outlineOffset:"[2px]"}});(0,f.AH)({flex:"1",minWidth:"0",height:"[8px]",padding:"0",borderRadius:"[4px]",overflow:"hidden",position:"relative",border:"[none]",background:"[#ece3d4]",font:"inherit",appearance:"none",WebkitAppearance:"none",cursor:"pointer","@/md":{height:"[6px]",borderRadius:"[3px]"}}),(0,f.AH)({position:"absolute",left:"[0]",top:"[0]",bottom:"[0]",width:"[0]",background:"[#F0529C]"});let A=()=>{let{state:e,dispatch:a}=u(),{mobile:t,isPlaying:n,ended:l,beatIndex:o,step:d}=e,c=n&&!l,p=t?r.length:i.length,m=t?o:d;return(0,s.jsxs)("div",{className:j,children:[(0,s.jsx)("div",{className:N,role:t?"presentation":void 0,children:Array.from({length:p}).map((e,n)=>{let r=n<=m,l=n===m+1,o=t?void 0:i[n].label,c=(0,s.jsx)("div",{className:w,"data-fill":r?"done":l?"count":"empty"});return t?(0,s.jsx)("div",{className:H,children:c},n):(0,s.jsx)("button",{type:"button",title:o,"aria-label":"Jump to ".concat(o),"aria-current":n===d?"step":void 0,onClick:()=>{a({type:"JUMP",step:n})},className:(0,g.cx)(H,y),children:c},n)})},"".concat(d,"-").concat(o,"-").concat(e.sweepId)),(0,s.jsxs)("div",{className:v,children:[(0,s.jsx)("button",{type:"button","aria-label":"Previous state",title:"Previous state",onClick:()=>{a(t?{type:"GOTO_BEAT",index:o-1}:{type:"PREV"})},className:(0,g.cx)(S,k,y),children:(0,s.jsx)("span",{"aria-hidden":"true",children:"â®"})}),(0,s.jsx)("button",{type:"button","aria-label":c?"Pause auto-advance":"Play auto-advance",title:c?"Pause auto-advance":"Play auto-advance",onClick:()=>{a(n?{type:"PAUSE"}:{type:"PLAY"})},className:(0,g.cx)(S,k,y),children:(0,s.jsx)("span",{"aria-hidden":"true",children:c?"ââ":"â¶"})}),(0,s.jsx)("button",{type:"button","aria-label":"Restart",title:"Restart",onClick:()=>{a({type:"REPLAY"})},className:(0,g.cx)(S,k,I,y),children:(0,s.jsx)("span",{"aria-hidden":"true",children:"âº"})}),(0,s.jsx)("span",{className:(0,g.cx)(b,E),children:function(e){return e.mobile?"".concat(e.beatIndex+1," / ").concat(r.length):"".concat(e.step+1," / ").concat(i.length)}(e)}),(0,s.jsxs)("button",{type:"button","aria-label":"Next state",title:"Next state",onClick:()=>{a(t?{type:"GOTO_BEAT",index:o+1}:{type:"NEXT"})},className:(0,g.cx)(R,y),children:[(0,s.jsx)("span",{"aria-hidden":"true",className:M,children:"Next â"}),(0,s.jsx)("span",{"aria-hidden":"true",className:z,children:"â"})]}),(0,s.jsx)("span",{className:(0,g.cx)(b,T),children:i[d].phase})]})]})},j=(0,f.AH)({display:"flex",flexDirection:{base:"column","@/md":"row"},alignItems:{base:"stretch","@/md":"center"},gap:{base:"[10px]","@/md":"[11px]"},marginTop:"2",flex:"none"}),v=(0,f.AH)({display:"flex",alignItems:"center",gap:"[11px]",width:{base:"100%","@/md":"auto"}}),N=(0,f.AH)({display:"flex",alignItems:"center",gap:{base:"[3px]","@/md":"[6px]"},minWidth:"0",width:{base:"[100%]","@/md":"auto"},flex:{"@/md":"1"},minHeight:{base:"[8px]","@/md":"[6px]"}}),H=(0,f.AH)({flex:"1",minWidth:"0",height:"[8px]",padding:"0",borderRadius:"sm",overflow:"hidden",position:"relative",border:"[none]",background:"[#ece3d4]",font:"inherit",appearance:"none",WebkitAppearance:"none",cursor:"pointer","@/md":{height:"[6px]",borderRadius:"full"}}),w=(0,f.AH)({position:"absolute",left:"0",top:"0",bottom:"0",width:"0",background:"[#F0529C]",'&[data-fill="done"]':{width:"[100%]"},'&[data-fill="count"]':{background:"[#b3a890]",animation:"[tutorMomentsCountdown var(--tsim-wait) linear forwards]",animationPlayState:"paused"},'[data-autoplay="running"] &':{animationPlayState:"running"}}),S=(0,f.AH)({cursor:"pointer",fontFamily:"monospace","@media (hover: hover)":{_hover:{background:"[#fbf3ea]",borderColor:"[#cdbfa6]"}}}
1),k=(0,f.AH)({width:{base:"[44px]","@/md":"[30px]"},height:{base:"[44px]","@/md":"[30px]"},border:"[1px solid #e7ddcd]",borderRadius:"[6px]",background:"[#fff]",color:"[#4a4033]",display:"flex",alignItems:"center",justifyContent:"center",flex:"none",fontSize:"sm"}),I=(0,f.AH)({fontSize:"md"}),T=(0,f.AH)({fontSize:"sm",letterSpacing:"[1px]",color:"[#6b6353]",minWidth:{base:"0","@/md":"[150px]"},textAlign:"right",display:{base:"none","@/md":"inline"}}),E=(0,f.AH)({fontSize:"sm",letterSpacing:"[1px]",color:"[#6b6353]",fontVariantNumeric:"tabular-nums",marginLeft:"auto",display:{base:"inline","@/md":"none"}}),R=(0,f.AH)({cursor:"pointer",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"[6px]",flex:"none",height:"[44px]",paddingInline:"5",borderRadius:"md",border:"[none]",background:"accent.primary",color:"[#fff]",fontWeight:"bold",fontSize:"sm",whiteSpace:"nowrap",transition:"[background 0.15s ease]","@media (hover: hover)":{_hover:{background:"[#97295e]"}},"@/md":{height:"[30px]",width:"[30px]",padding:"0",borderRadius:"[6px]",border:"[1px solid #e7ddcd]",background:"[#fff]",color:"[#4a4033]",fontWeight:"regular","@media (hover: hover)":{_hover:{background:"[#fbf3ea]",borderColor:"[#cdbfa6]"}}}}),M=(0,f.AH)({display:{base:"inline","@/md":"none"}}),z=(0,f.AH)({display:{base:"none","@/md":"inline"}});function B(e,a){let{active:t,animate:s,durationMs:i,delayMs:r=0,runId:l=0,ease:o=!0}=a,[d,c]=(0,n.useState)(0),p=(0,n.useRef)(null),m=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(p.current&&cancelAnimationFrame(p.current),m.current=null,!t)return void c(0);if(!s)return void c(e);let a=t=>{null===m.current&&(m.current=t);let s=t-m.current-r;if(s<=0){c(0),p.current=requestAnimationFrame(a);return}let n=Math.min(1,s/i);c(Math.round(e*(o?1-Math.pow(1-n,3):n))),n<1&&(p.current=requestAnimationFrame(a))};return p.current=requestAnimationFrame(a),()=>{p.current&&cancelAnimationFrame(p.current)}},[e,t,s,i,r,l,o]),d}function C(e,a){let{active:t,animate:s,durationMs:i,delayMs:r=0,runId:l=0}=a,[o,d]=(0,n.useState)(""),c=(0,n.useRef)(null),p=(0,n.useRef)(null);return(0,n.useEffect)(()=>{if(c.current&&cancelAnimationFrame(c.current),p.current=null,!t)return void d("");if(!s)return void d(e);let a=t=>{null===p.current&&(p.current=t);let s=t-p.current-r;if(s<=0){d(""),c.current=requestAnimationFrame(a);return}let n=Math.min(1,s/i),l=Math.round(e.length*n);d(e.slice(0,l)+(n<1?"â":"")),n<1&&(c.current=requestAnimationFrame(a))};return c.current=requestAnimationFrame(a),()=>{c.current&&cancelAnimationFrame(c.current)}},[e,t,s,i,r,l]),o}let W=["Student didn't simplify 4/4 to one â a possible partâwhole misconception.","Tutor reminds the rule directly, then asks a simple aligned question.","Efficiently addressed the misconception, keeping the session moving."],O=[{label:"Explaining",dir:"ai",mag:92},{label:"Guiding Questions",dir:"ai",mag:70},{label:"Breaking Problems into Steps",dir:"ai",mag:48},{label:"Prompting for Justification",dir:"similar",mag:8},{label:"Hints",dir:"similar",mag:8},{label:"Alternative Representations",dir:"similar",mag:8},{label:"Prompting Self-Assessment",dir:"human",mag:42},{label:"Supplying Answers",dir:"human",mag:60}],P=e=>{let{id:a,layout:t,children:n}=e,{activePanel:i,state:r}=u(),l=i===a,o=r.enhanced?l?"show":"hide":l?"base":"gone";return(0,s.jsx)("div",{id:a,className:(0,g.cx)(Y,t),"data-vis":o,"aria-hidden":l?"false":"true",children:n})},L=()=>{let{state:e,scene:a,flyRefs:t}=u(),n="animate"===e.enter&&!e.reduced,i="in"===a.annotate,r=n&&2===e.step,l=[C(W[0],{active:i,animate:r,durationMs:850,delayMs:700,runId:e.sweepId}),C(W[1],{active:i,animate:r,durationMs:850,delayMs:1700,runId:e.sweepId}),C(W[2],{active:i,animate:r,durationMs:850,delayMs:2700,runId:e.sweepId})],o="filled"===a.aggBars,d=n&&6===e.step,c=B(61,{active:o,animate:d,durationMs:900,delayMs:1550,runId:e.sweepId}),p=B(78,{active:o,animate:d,durationMs:900,delayMs:850,runId:e.sweepId}),m=B(54,{active:o,animate:d,durationMs:900,delayMs:2050,runId:e.sweepId}),x=e=>e?"in":"out";return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(P,{id:"pIntro",layout:D,children:[(0,s.jsx)("div",{className:(0,g.cx)(b,Q),children:"THE SOURCE"}),(0,s.jsx)("h2",{className:V,children:"High Dosage Human Tutoring Sessions"}),(0,s.jsxs)("p",{className:K,children:["Long form tutoring sessions between a"," ",(0,s.jsx)("b",{className:_,children:"professional tutor"})," and student in grades 2â7. The average session lasted 50 minutes and included hundreds of turns."]})]}),(0,s.jsxs)(P,{id:"pSelect",layout:D,children:[(0,s.jsx)("h2",{className:V,children:"Expert Teachers Select Key Moments"}),(0,s.jsxs)("p",{className:K,children:["Teachers select ",(0,s.jsx)("b",{className:G,children:"Key Learning Moments"})," where the tutor faced an important pedagogical decision about scaffolding or pushing for rigor, and set a ",(0,s.jsx)("b",{className:_,children:"cut point"})," for the model to take over."]})]}),(0,s.jsxs)(P,{id:"pAnnot",layout:U,children:[(0,s.jsxs)("div",{className:ee,"data-scene":x(i),children:[(0,s.jsx)("h2",{className:J,children:"Teachers Annotate"}),(0,s.jsxs)("p",{className:K,children:["Teachers annotate why the ",(0,s.jsx)("b",{className:_,children:"Situation"})," is a Key Moment, what pedagogical ",(0,s.jsx)("b",{className:_,children:"Actions"})," the tutor took, and describe how effective the ",(0,s.jsx)("b",{className:_,children:"Result"})," ","was."]})]}),(0,s.jsx)("div",{className:(0,g.cx)(Z,ea),"data-scene":x(i),children:["SITUATION","ACTION","RESULT"].map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:et,children:[(0,s.jsx)("span",{className:es,children:e}),(0,s.jsx)("span",{className:(0,g.cx)(b,en),children:"FREE TEXT"})]}),(0,s.jsxs)("div",{className:ei,children:[(0,s.jsx)("span",{children:W[a]}),(0,s.jsx)("span",{className:er,"aria-hidden":"true",children:l[a]})]})]},e))})]}),(0,s.jsxs)(P,{id:"pClassify",layout:U,children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:J,children:"LM Classifies Moments"}),(0,s.jsxs)("p",{className:K,children:["A Language Model uses the teacher's annotations to classify the moment as appropriate to ",(0,s.jsx)("b",{className:_,children:"push for rigor"})," or appropriate to ",(0,s.jsx)("b",{className:_,children:"scaffold"}),"."]})]}),(0,s.jsx)("div",{className:(0,g.cx)(Z,$),children:["SITUATION","ACTION","RESULT"].map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:et,children:[(0,s.jsx)("span",{className:es,children:e}),(0,s.jsx)("span",{className:(0,g.cx)(b,en),children:"FREE TEXT"})]}),(0,s.jsx)("div",{className:ei,children:W[a]})]},e))})]}),(0,s.jsxs)(P,{id:"pReplay",layout:D,children:[(0,s.jsxs)("h2",{className:X,children:["Replay: LM Tutor ",(0,s.jsx)("span",{className:G,children:"â"})," Synthetic Student"]}),(0,s.jsx)("p",{className:K,children:"Language Model tutors get the entire transcript up to the cut point and generate 5 turns by interacting with a synthetic student."}),(0,s.jsxs)("div",{className:(0,g.cx)(b,el),children:[(0,s.jsx)("span",{className:eo}),"GENERATINGâ¦"]})]}),(0,s.jsxs)(P,{id:"pJudge",layout:D,children:[(0,s.jsx)("h2",{className:V,children:"LM Classifies Replay Actions"}),(0,s.jsxs)("p",{className:K,children:["The judge reads the replayed exchange and labels the move the model"," ",(0,s.jsx)("b",{className:_,children:"actually"})," made â then checks it against the"," ",(0,s.jsx)("b",{className:_,children:"expert-annotated moment type"}),"."]}),(0,s.jsxs)("div",{className:ed,"data-scene":x(a.match),children:[(0,s.jsxs)("span",{className:ec,children:[(0,s.jsx)("span",{className:(0,g.cx)(b,ep),children:"EXPERT"})," ","Scaffolding"]}),(0,s.jsx)("span",{className:em,children:"="}),(0,s.jsxs)("span",{className:ec,children:[(0,s.jsx)("span",{className:(0,g.cx)(b,ep),children:"MODEL"})," ","Scaffolding"]}),(0,s.jsx)("span",{className:ex,children:"â MATCH"})]})]}),(0,s.jsxs)(P,{id:"pAgg",layout:D,children:[(0,s.jsx)("h2",{className:V,children:"Aggregate Alignment"}),(0,s.jsx)("p",{className:K,children:"Across every annotated moment: the share where the model's judged move matches the expert's."}
1),(0,s.jsxs)("div",{className:eh,children:[(0,s.jsx)(F,{label:"Pushed for Rigor",sub:"in rigor moments",tone:"blue",value:c}),(0,s.jsx)(F,{label:"Scaffolded",sub:"in scaffold moments",tone:"green",value:p,trackRef:t.bar}),(0,s.jsx)(F,{label:"Avoids over-scaffolding",tone:"brown",value:m})]}),(0,s.jsx)("div",{className:(0,g.cx)(b,ev),children:"illustrative values"})]}),(0,s.jsxs)(P,{id:"pCompare",layout:D,children:[(0,s.jsx)("h2",{className:X,children:"Compare Moves"}),(0,s.jsxs)("p",{className:K,children:["We also deconstruct both human and AI tutor actions into a taxonomy of"," ",(0,s.jsx)("b",{className:_,children:"tutor moves"}),", letting us compare which moves are used more by humans and AI in the same situations."]}),(0,s.jsxs)("div",{className:eS,children:[(0,s.jsx)("div",{}),(0,s.jsxs)("div",{className:(0,g.cx)(b,ek),children:[(0,s.jsx)("span",{className:eI,children:"â USED BY HUMANS MORE"}),(0,s.jsx)("span",{className:eT,children:"USED BY AI MORE â"})]})]}),(0,s.jsx)("div",{className:eE,children:O.map((e,t)=>{let n,i;return(0,s.jsxs)("div",{className:eR,children:[(0,s.jsx)("div",{className:eM,children:e.label}),(0,s.jsxs)("div",{className:ez,children:[(0,s.jsx)("div",{className:eB}),(0,s.jsx)("div",{className:(0,g.cx)(eC,eW[e.dir]),"data-scene":a.compare,style:{"--w":"".concat((n=e.dir,i=e.mag,"similar"===n?8:.5*i),"%"),"--i":t}})]})]},e.label)})}),(0,s.jsxs)("div",{className:eO,children:[(0,s.jsx)("div",{}),(0,s.jsx)("div",{className:(0,g.cx)(b,eP),children:"illustrative values based on plain prompt results"})]})]}),(0,s.jsxs)(P,{id:"pMoveLabel",layout:D,children:[(0,s.jsxs)("h2",{className:X,children:["Naming the LM Tutor's ",(0,s.jsx)("span",{className:G,children:"Move"})]}),(0,s.jsxs)("p",{className:K,children:["Back in the replay, the same taxonomy names what the"," ",(0,s.jsx)("b",{className:_,children:"LM tutor"})," did with the"," ",(0,s.jsx)("b",{className:_,children:"synthetic student"}),": recasting 4/4 as a pizza is an"," ",(0,s.jsx)("b",{className:_,children:"Alternative Representation"})," â the same idea offered in a different form."]}),(0,s.jsxs)("div",{className:eN,"data-scene":x(a.moveTag),children:[(0,s.jsx)("span",{className:(0,g.cx)(b,eH),children:"TUTOR MOVE"}),(0,s.jsx)("span",{className:ew,children:"Alternative Representations"})]})]})]})},F=e=>{let{label:a,sub:t,tone:n,value:i,trackRef:r}=e;return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:eu,children:[(0,s.jsx)("span",{className:ef[n],children:t?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("b",{className:q,children:a})," ",(0,s.jsx)("span",{className:eg,children:t})]}):a}),(0,s.jsxs)("span",{className:(0,g.cx)(b,eb[n]),children:[i,"%"]})]}),(0,s.jsx)("div",{ref:r,className:ey,children:(0,s.jsx)("i",{className:(0,g.cx)(eA,ej[n]),style:{width:"".concat(i,"%")}})})]})},Y=(0,f.AH)({position:"relative",opacity:"1",'&[data-vis="gone"]':{display:"none"},'[data-enhanced="true"] &':{position:"absolute",inset:"0",transition:"[opacity 550ms cubic-bezier(0.33,1,0.68,1)]"},'&[data-vis="show"]':{opacity:"1",pointerEvents:"auto"},'&[data-vis="hide"]':{opacity:"0",pointerEvents:"none"},'[data-panels="instant"] &':{transition:"[none]"},'[data-enter="settled"] &':{transition:"[none]"}}),D=(0,f.AH)({display:"flex",flexDirection:"column",justifyContent:"flex-start",paddingBlock:"[6px]",paddingInline:"1"}),U=(0,f.AH)({display:"flex",flexDirection:"column",justifyContent:"flex-start",gap:"4",paddingBlock:"[6px]",paddingInline:"1",overflow:"hidden"}),_=(0,f.AH)({color:"[#0A3235]"}),G=(0,f.AH)({color:"[#c1397c]"}),q=(0,f.AH)({fontWeight:"bold"}),V=(0,f.AH)({marginBlockEnd:"4",fontSize:{base:"[1.75rem]","@/md":"[2.125rem]"},fontWeight:"semiBold",letterSpacing:"[-0.8px]",lineHeight:"[1.08]"}),J=(0,f.AH)({marginBlockEnd:"3",fontSize:{base:"[1.375rem]","@/md":"[1.625rem]"},fontWeight:"semiBold",letterSpacing:"[-0.6px]",lineHeight:"[1.1]"}),X=(0,f.AH)({marginBlockEnd:"4",fontSize:{base:"[1.5rem]","@/md":"[1.875rem]"},fontWeight:"semiBold",letterSpacing:"[-0.6px]",lineHeight:"1.1"}),K=(0,f.AH)({marginBlockEnd:"4",fontSize:"md",lineHeight:"1.6",color:"[#6b6353]",maxWidth:"[48ch]",textWrap:"[pretty]","&:last-child":{marginBottom:"0"}}),Q=(0,f.AH)({fontSize:"xs",letterSpacing:"[1.5px]",color:"[#c1397c]",marginBottom:"[14px]"}),Z=(0,f.AH)({background:"[#fcfaf6]",border:"[1px solid #e3d9c6]",borderRadius:"[10px]",paddingBlock:"[14px]",paddingInline:"[15px]",boxShadow:"[0 4px 16px rgba(10,50,53,0.05)]",display:"flex",flexDirection:"column",gap:"[11px]"}),$=(0,f.AH)({opacity:"[0.4]"}),ee=(0,f.AH)({opacity:"0",transform:"[translateY(10px)]",transition:"[opacity 550ms ease 200ms, transform 550ms ease 200ms]",'&[data-scene="in"]':{opacity:"1",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transition:"[none]"}}),ea=(0,f.AH)({opacity:"0",transform:"[translateY(12px)]",transition:"[opacity 550ms ease, transform 550ms ease]",'&[data-scene="in"]':{opacity:"1",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transition:"[none]"}}),et=(0,f.AH)({display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"[5px]"}),es=(0,f.AH)({fontSize:"xs",fontWeight:"bold",letterSpacing:"[0.8px]",color:"[#c1397c]"}),en=(0,f.AH)({fontSize:"xs",color:"[#6b6353]"}),ei=(0,f.AH)({position:"relative",background:"[#fff]",border:"[1px solid #ece2d0]",borderRadius:"[6px]",paddingBlock:"[7px]",paddingInline:"[10px]",fontSize:"sm",lineHeight:"1.4",color:"[#4a4438]"}),er=(0,f.AH)({position:"absolute",inset:"0",paddingBlock:"[7px]",paddingInline:"[10px]",background:"white",borderRadius:"[6px]",fontSize:"[inherit]",lineHeight:"inherit",color:"[inherit]",display:"none",'[data-enhanced="true"] &':{display:"block"}}),el=(0,f.AH)({display:"inline-flex",alignSelf:"flex-start",alignItems:"center",gap:"[9px]",marginTop:"5",fontSize:"xs",letterSpacing:"[1px]",color:"[#3d875a]"}),eo=(0,f.AH)({width:"[9px]",height:"[9px]",borderRadius:"full",background:"[#3d875a]"}),ed=(0,f.AH)({display:"flex",alignItems:"center",gap:"[11px]",flexWrap:"wrap",marginTop:"[18px]",opacity:"0",transform:"[translateY(8px)]",transition:"[opacity 500ms ease 600ms, transform 500ms ease 600ms]",'&[data-scene="in"]':{opacity:"1",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transition:"[none]"}}),ec=(0,f.AH)({display:"inline-flex",alignItems:"center",gap:"[6px]",border:"[1px solid #e0d5c2]",background:"[#fcfaf6]",borderRadius:"[6px]",paddingBlock:"[5px]",paddingInline:"[10px]",fontSize:"xs",color:"[#6b6353]"}),ep=(0,f.AH)({fontSize:"xs",color:"[#6b6353]"}),em=(0,f.AH)({fontSize:"md",color:"[#6b6353]"}),ex=(0,f.AH)({display:"inline-flex",alignItems:"center",gap:"[6px]",background:"[#3d875a]",color:"white",borderRadius:"[6px]",paddingBlock:"[6px]",paddingInline:"3",fontSize:"xs",fontWeight:"bold",letterSpacing:"[0.5px]"}),eh=(0,f.AH)({display:"flex",flexDirection:"column",gap:"[18px]"}),eu=(0,f.AH)({display:"flex",justifyContent:"space-between",fontSize:"sm",marginBottom:"[7px]"}),ef={blue:(0,f.AH)({color:"[#2f5d7c]"}),green:(0,f.AH)({color:"[#2f6b47]"}),brown:(0,f.AH)({color:"[#8a5a26]",fontWeight:"semiBold"})},eg=(0,f.AH)({fontWeight:"regular"}),eb={blue:(0,f.AH)({color:"[#2f5d7c]",fontWeight:"bold"}),green:(0,f.AH)({color:"[#2f6b47]",fontWeight:"bold"}),brown:(0,f.AH)({color:"[#8a5a26]",fontWeight:"bold"})}
1,ey=(0,f.AH)({height:"[11px]",background:"[#eef1f3]",borderRadius:"[6px]",overflow:"hidden"}),eA=(0,f.AH)({display:"block",height:"100%",backgroundImage:"[repeating-linear-gradient(90deg,rgba(255,255,255,0.22) 0 1.5px,transparent 1.5px 9px)]",borderRadius:"[6px]"}),ej={blue:(0,f.AH)({background:"[#3d6f91]"}),green:(0,f.AH)({background:"[#3d875a]"}),brown:(0,f.AH)({background:"[#b3742f]"})},ev=(0,f.AH)({fontSize:"xs",color:"[#6b6353]",marginTop:"[18px]"}),eN=(0,f.AH)({display:"flex",alignItems:"center",gap:"[11px]",flexWrap:"wrap",marginTop:"[6px]",opacity:"0",transform:"[translateY(8px)]",transition:"[opacity 500ms ease 350ms, transform 500ms ease 350ms]",'&[data-scene="in"]':{opacity:"1",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transition:"[none]"}}),eH=(0,f.AH)({fontSize:"xs",letterSpacing:"[0.8px]",color:"[#6b6353]"}),ew=(0,f.AH)({display:"inline-flex",alignItems:"center",border:"[1.5px solid #F0529C]",background:"[#fbe7f0]",borderRadius:"[6px]",paddingBlock:"[7px]",paddingInline:"3",fontSize:"sm",fontWeight:"bold",color:"[#b83370]"}),eS=(0,f.AH)({display:{base:"block","@/md":"grid"},gridTemplateColumns:{"@/md":"186px 1fr"},marginBottom:{base:"[6px]","@/md":"[10px]"}}),ek=(0,f.AH)({display:"flex",justifyContent:"space-between",fontSize:"xs",letterSpacing:"[0.8px]"}),eI=(0,f.AH)({color:"[#3d6f91]",fontWeight:"bold"}),eT=(0,f.AH)({color:"[#c1397c]",fontWeight:"bold"}),eE=(0,f.AH)({display:"flex",flexDirection:"column"}),eR=(0,f.AH)({display:{base:"flex","@/md":"grid"},flexDirection:{base:"column","@/md":"row"},gridTemplateColumns:{"@/md":"[186px 1fr]"},alignItems:{base:"stretch","@/md":"center"},gap:{base:"[1px]"},marginBottom:{base:"1","@/md":"0"},height:{"@/md":"[33px]"}}),eM=(0,f.AH)({textAlign:{base:"left","@/md":"right"},paddingRight:{base:"0","@/md":"[14px]"},fontSize:"[0.78125rem]",color:"[#4a4438]",fontWeight:"medium",lineHeight:"1.12"}),ez=(0,f.AH)({position:"relative",height:{base:"[20px]","@/md":"100%"},display:"flex",alignItems:"center"}),eB=(0,f.AH)({position:"absolute",left:"[50%]",top:"[5px]",bottom:"[5px]",width:"[1.5px]",background:"[#d8cdb8]",transform:"translateX(-50%)"}),eC=(0,f.AH)({position:"absolute",top:"[50%]",height:"[15px]",width:"0",transition:"[width 520ms cubic-bezier(0.33,1,0.68,1)]",transitionDelay:"calc(var(--i) * 130ms)",'&[data-scene="grown"]':{width:"[var(--w)]"},'[data-enter="settled"] &':{transitionDelay:"[0ms]",transition:"[none]"}}),eW={ai:(0,f.AH)({left:"[50%]",borderRadius:"[0 4px 4px 0]",background:"[#F0529C]",transform:"[translateY(-50%)]"}),similar:(0,f.AH)({left:"[50%]",borderRadius:"sm",background:"[#c9bda6]",transform:"[translate(-50%, -50%)]"}),human:(0,f.AH)({right:"[50%]",borderRadius:"[4px 0 0 4px]",background:"[#3d6f91]",transform:"[translateY(-50%)]"})},eO=(0,f.AH)({display:{base:"block","@/md":"grid"},gridTemplateColumns:{"@/md":"[186px 1fr]"},marginTop:{base:"2","@/md":"[10px]"}}),eP=(0,f.AH)({fontSize:"xs",letterSpacing:"[0.8px]",color:"[#6b6353]"}),eL=()=>{let{state:e,flyRefs:a}=u(),t=o(e.rewind?Math.max(0,e.step-1):e.step),n=e=>e?"in":"out",i="dim"===t.classifier&&e.mobile?"on":t.classifier,r=e=>({style:{"--i":e}});return(0,s.jsxs)("div",{className:eF,children:[(0,s.jsxs)("div",{className:eY,children:[(0,s.jsx)("span",{className:(0,g.cx)(b,eD),children:"THE SESSION \xb7 TRANSCRIPT"}),(0,s.jsx)("span",{className:(0,g.cx)(b,eU),children:"600+ turns"})]}),(0,s.jsxs)("div",{className:e_,children:[(0,s.jsxs)("div",{className:(0,g.cx)(b,eG),children:[(0,s.jsxs)("div",{className:at,"data-scene":t.tear,children:[(0,s.jsx)("div",{className:(0,g.cx)(e4,e0),...r(0),children:"â¯"}),(0,s.jsxs)("div",{className:e4,...r(1),children:[(0,s.jsx)("span",{className:eV,children:"467"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}),"\xa0 Mhm."]}),(0,s.jsxs)("div",{className:e1,children:[(0,s.jsx)("div",{className:e7,"data-scene":t.km}),(0,s.jsx)("div",{className:ae,"data-scene":t.km,children:"KEY LEARNING MOMENT"}),(0,s.jsxs)("div",{className:(0,g.cx)(e4,eq),...r(2),children:[(0,s.jsx)("span",{className:eV,children:"468"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,e$),children:"Student"}),"\xa0 Okay. Four fourths."]}),(0,s.jsxs)("div",{className:(0,g.cx)(e4,eq),...r(3),children:[(0,s.jsx)("span",{className:eV,children:"469"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}),"\xa0 And what does 4/4 mean?"]}),(0,s.jsxs)("div",{className:(0,g.cx)(e4,eq),...r(4),children:[(0,s.jsx)("span",{className:eV,children:"470"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,e$),children:"Student"}),"\xa0 Four fourths."]}),(0,s.jsxs)("div",{className:aa,"data-scene":t.cut,children:[(0,s.jsx)("span",{className:e3}),"CUT\xa0POINT",(0,s.jsx)("span",{className:e6})]})]})]}),(0,s.jsxs)("div",{className:as,"data-scene":t.tear,children:[(0,s.jsxs)("div",{className:e5,children:[(0,s.jsx)("div",{className:e9,"data-scene":t.km}),(0,s.jsxs)("div",{className:(0,g.cx)(e4,eq),...r(5),children:[(0,s.jsx)("span",{className:eV,children:"471"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}
1),"\xa0 Same number over the same number equals 1. So what's 2/2?"]}),(0,s.jsxs)("div",{className:(0,g.cx)(e4,eq),...r(6),children:[(0,s.jsx)("span",{className:eV,children:"472"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,e$),children:"Student"}),"\xa0 One?"]})]}),(0,s.jsxs)("div",{className:e4,...r(7),children:[(0,s.jsx)("span",{className:eV,children:"478"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}),"\xa0 What's three over three?"]}),(0,s.jsxs)("div",{className:e4,...r(8),children:[(0,s.jsx)("span",{className:eV,children:"479"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,e$),children:"Student"}),"\xa0 One whole."]}),(0,s.jsxs)("div",{className:e4,...r(9),children:[(0,s.jsx)("span",{className:eV,children:"480"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}),"\xa0 What's four over four?"]}),(0,s.jsxs)("div",{className:e4,...r(10),children:[(0,s.jsx)("span",{className:eV,children:"481"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,e$),children:"Student"}),"\xa0 One whole."]}),(0,s.jsxs)("div",{className:e4,...r(11),children:[(0,s.jsx)("span",{className:eV,children:"482"})," ",(0,s.jsx)("span",{className:(0,g.cx)(eQ,eZ),children:"Tutor"}),"\xa0 One, right? They're all just one!"]}),(0,s.jsx)("div",{className:(0,g.cx)(e4,e0),...r(12),children:"â¯"})]}),(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:(0,g.cx)(an,ai),"data-scene":t.bubbles,style:{"--i":0},children:[(0,s.jsx)("span",{className:(0,g.cx)(b,al),children:"LM TUTOR"}),(0,s.jsx)("div",{className:ad,children:"Think of it like a pizza cut into 4 pieces â if you have all 4, what do you have?"})]}),(0,s.jsxs)("div",{className:ap,"data-scene":n(t.moveTag),children:[(0,s.jsx)("span",{className:(0,g.cx)(b,am),children:"TUTOR MOVE"}),(0,s.jsx)("span",{className:ax,children:"Alternative Representations"})]}),(0,s.jsxs)("div",{className:(0,g.cx)(an,ar),"data-scene":t.bubbles,style:{"--i":1},children:[(0,s.jsx)("span",{className:(0,g.cx)(b,ao),children:"SYNTH. STUDENT"}),(0,s.jsx)("div",{className:ac,children:"So⦠it's one whole?"})]}),(0,s.jsxs)("div",{className:(0,g.cx)(an,ai),"data-scene":t.bubbles,style:{"--i":2},children:[(0,s.jsx)("span",{className:(0,g.cx)(b,al),children:"LM TUTOR"}),(0,s.jsx)("div",{className:ad,children:"Exactly! So what would 5/5 equal?"})]}),(0,s.jsxs)("div",{className:(0,g.cx)(an,ar),"data-scene":t.bubbles,style:{"--i":3},children:[(0,s.jsx)("span",{className:(0,g.cx)(b,ao),children:"SYNTH. STUDENT"}),(0,s.jsx)("div",{className:ac,children:"One whole."})]}),(0,s.jsxs)("div",{className:(0,g.cx)(an,ai),"data-scene":t.bubbles,style:{"--i":4},children:[(0,s.jsx)("span",{className:(0,g.cx)(b,al),children:"LM TUTOR"}),(0,s.jsx)("div",{className:ad,children:"Let's try one together â what is 2/5 + 3/5?"})]})]}),(0,s.jsxs)("div",{ref:a.verdict,className:ah,"data-scene":n(t.verdict),children:[(0,s.jsx)("div",{className:(0,g.cx)(b,au),children:"LM CLASSIFIES \xb7 MOVE EXECUTED"}),(0,s.jsxs)("div",{className:af,children:[(0,s.jsxs)("div",{className:ag,children:[(0,s.jsx)("span",{className:(0,g.cx)(eJ,eX)}),"Scaffolding executed"]}),(0,s.jsx)("span",{className:ab,children:"â"})]})]})]}),(0,s.jsx)("div",{className:ay,"data-scene":i,children:(0,s.jsxs)("div",{className:aA,children:[(0,s.jsxs)("div",{className:aj,children:[(0,s.jsx)("span",{className:(0,g.cx)(eJ,eK)}),"Push for Rigor Moment"]}),(0,s.jsxs)("div",{className:e2,children:[(0,s.jsxs)("div",{className:aj,children:[(0,s.jsx)("span",{className:(0,g.cx)(eJ,eX)}),"Scaffolding Moment"]}),(0,s.jsxs)("div",{className:av,"data-scene":t.scafSel?"sel":"unsel",children:[(0,s.jsxs)("div",{className:aN,children:[(0,s.jsx)("span",{className:(0,g.cx)(eJ,eX)}),"Scaffolding Moment"]}),(0,s.jsx)("span",{className:aH,children:"â"})]})]})]})})]})]})},eF=(0,f.AH)({display:"flex",flexDirection:"column",background:"[#fff]",border:"[1px solid #e7ddcd]",borderRadius:"md",boxShadow:"[0 2px 14px rgba(10,50,53,0.06)]",overflow:"hidden"}),eY=(0,f.AH)({display:"flex",alignItems:"center",justifyContent:"space-between",paddingBlock:"[10px]",paddingInline:"[14px]",borderBottom:"[1px solid #f0e8d8]",background:"[#fcfaf6]",flex:"none"}),eD=(0,f.AH)({fontSize:"xs",letterSpacing:"[1px]",color:"[#6b6353]"}),eU=(0,f.AH)({fontSize:"xs",color:"[#6b6353]"}),e_=(0,f.AH)({flex:"1",minHeight:"0",overflowY:"[auto]",position:"relative"}),eG=(0,f.AH)({paddingBlock:"[13px]",paddingInline:"4",fontSize:"xs",lineHeight:"1.75"}),eq=(0,f.AH)({position:"relative",zIndex:"[1]"}),eV=(0,f.AH)({color:"[#6b6353]"}),eJ=(0,f.AH)({width:"[8px]",height:"[8px]",borderRadius:"[50%]",flex:"none"}),eX=(0,f.AH)({background:"[#3d875a]"}),eK=(0,f.AH)({background:"[#3d6f91]"}),eQ=(0,f.AH)({fontWeight:"semiBold",borderRadius:"[3px]",paddingInline:"1",fontSize:"xs",letterSpacing:"[0.2px]"}),eZ=(0,f.AH)({background:"[#e3efe7]",color:"[#2f6b47]"}),e$=(0,f.AH)({background:"[#efe9dd]",color:"[#6b6353]"}),e0=(0,f.AH)({color:"[#6b6353]",textAlign:"center",letterSpacing:"[3px]",fontSize:"sm",lineHeight:"1",marginBlock:"[2px]"}),e1=(0,f.AH)({position:"relative",paddingBlock:"[2px]",paddingInline:"[6px]",marginBlock:"[2px]",marginInline:"[-6px]"}),e5=(0,f.AH)({position:"relative",paddingBlockEnd:"[2px]",paddingInline:"[6px]",marginInline:"[-6px]"}),e3=(0,f.AH)({flex:"[0 0 auto]",borderTop:"[1.5px dashed #F0529C]",width:"[12px]"}),e6=(0,f.AH)({flex:"[1 1 0%]",borderTop:"[1.5px dashed #F0529C]"}),e2=(0,f.AH)({position:"relative"}),e4=(0,f.AH)({opacity:"1",'[data-enhanced="true"] &':{opacity:"1",transform:"[translateY(0)]",transition:"[opacity 340ms ease-out, transform 340ms ease-out]",transitionDelay:"[calc(250ms + var(--i) * 120ms)]"},'[data-boot="pre"] &':{opacity:"0",transform:"[translateY(6px)]"},'[data-enter="settled"] &':{transitionDelay:"[0ms]",transition:"[none]"}}),e8=f.AH.raw({position:"absolute",left:"0",right:"0",top:"0",bottom:"0",background:"[#fbe7f0]",borderLeft:"[3px solid #F0529C]",borderRadius:"[0 4px 4px 0]",zIndex:"[0]",transformOrigin:"top",transform:"[scaleY(0)]"}),e7=(0,f.AH)({...e8,transition:"[transform 800ms cubic-bezier(0.33,1,0.68,1)]",'&[data-scene="grown"]':{transform:"[scaleY(1)]"},'[data-enter="settled"] &':{transition:"[none]"}}),e9=(0,f.AH)({...e8,transition:"[transform 800ms cubic-bezier(0.33,1,0.68,1) 300ms]",'&[data-scene="grown"]':{transform:"[scaleY(1)]"},'[data-enter="settled"] &':{transition:"[none]"}}),ae=(0,f.AH)({position:"relative",zIndex:"[1]",fontSize:"xs",letterSpacing:"[0.5px]",color:"[#b83370]",fontWeight:"bold",overflow:"hidden",opacity:"0",maxHeight:"0",transition:"[opacity 520ms ease 700ms, max-height 520ms ease 700ms]",'&[data-scene="grown"]':{opacity:"1",maxHeight:"[16px]"},'[data-enter="settled"] &':{transition:"[none]"}}),aa=(0,f.AH)({position:"relative",zIndex:"[1]",display:"flex",alignItems:"center",gap:"[5px]",overflow:"hidden",color:"[#b83370]",fontWeight:"semiBold",letterSpacing:"[0.5px]",fontSize:"xs",opacity:"0",maxHeight:"0",transition:"[opacity 450ms ease 800ms, max-height 450ms ease 800ms, margin 450ms ease 800ms]",'&[data-scene="open"]':{opacity:"1",maxHeight:"[16px]",marginTop:"[3px]",marginBottom:"[1px]"},'[data-enter="settled"] &':{transition:"[none]"}}),at=(0,f.AH)({paddingBottom:"[9px]",'&[data-scene="torn"]':{WebkitMask:"[linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/15px 8px repeat-x]",mask:"[linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/15px 8px repeat-x]"}}),as=(0,f.AH)({opacity:"1",overflow:"hidden",maxHeight:"[400px]",transition:"[opacity 550ms ease, transform 550ms ease, max-height 600ms ease 550ms]",'&[data-scene="torn"]':{opacity:"0",transform:"[translateY(34px) rotate(1.8deg)]",maxHeight:"0"},'[data-enter="settled"] &':{transition:"[none]"}}),an=(0,f.AH)({overflow:"hidden",opacity:"0",maxHeight:"0",transform:"[translateY(10px)]",transition:"[opacity 460ms ease, max-height 460ms ease, transform 460ms ease]",transitionDelay:"[calc(var(--i) * 720ms)]",'&[data-scene="grown"]':{opacity:"1",maxHeight:"[74px]",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transitionDelay:"[0ms]",transition:"[none]"}}),ai=(0,f.AH)({display:"flex",gap:"2",alignItems:"flex-start",marginTop:"[9px]"}),ar=(0,f.AH)({display:"flex",gap:"2",alignItems:"flex-start",flexDirection:"row-reverse",marginTop:"[7px]"}),al=(0,f.AH)({flex:"none",fontSize:"xs",color:"[#3d875a]",fontWeight:"semiBold",paddingTop:"1",textAlign:"right"}),ao=(0,f.AH)({flex:"none",fontSize:"xs",color:"[#6b6353]",fontWeight:"semiBold",paddingTop:"1"}),ad=(0,f.AH)({background:"[#e9f2ec]",border:"[1px solid #c4dbcc]",borderRadius:"[10px 10px 10px 2px]",paddingBlock:"[6px]",paddingInline:"[10px]",fontSize:"xs",lineHeight:"1.3",color:"[#234d36]",maxWidth:"[80%]"}),ac=(0,f.AH)({background:"[#f1ece2]",border:"[1px solid #ddd1bd]",borderRadius:"[10px 10px 2px 10px]",paddingBlock:"[6px]",paddingInline:"[10px]",fontSize:"xs",lineHeight:"1.3",color:"[#4a4438]",maxWidth:"[80%]"}),ap=(0,f.AH)({display:"flex",alignItems:"center",gap:"[7px]",flexWrap:"wrap",paddingLeft:"[64px]",overflow:"hidden",opacity:"0",maxHeight:"0",transform:"[translateY(6px)]",transition:"[opacity 500ms ease 350ms, max-height 500ms ease 350ms, margin 500ms ease 350ms, transform 500ms ease 350ms]",'&[data-scene="in"]':{opacity:"1",maxHeight:"[90px]",marginTop:"[7px]",transform:"[translateY(0)]"},'[data-enter="settled"] &':{transition:"[none]"}}),am=(0,f.AH)({fontSize:"xs",letterSpacing:"[0.5px]",color:"[#b83370]",fontWeight:"bold",flex:"none"}),ax=(0,f.AH)({display:"inline-flex",alignItems:"center",border:"[1.5px solid #F0529C]",background:"[#fbe7f0]",borderRadius:"[6px]",paddingBlock:"[4px]",paddingInline:"[9px]",fontSize:"xs",fontWeight:"bold",color:"[#b83370]"}),ah=(0,f.AH)({marginTop:"[11px]",paddingLeft:"[64px]",opacity:"0",transform:"[translateY(8px)]",transition:"[opacity 500ms ease, transform 500ms ease]",'&[data-scene="in"]':{opacity:"1",transform:"[translateY(0)]"},'[data-fly="run"] &':{opacity:"0"},'[data-enter="settled"] &':{transition:"[none]"}}),au=(0,f.AH)({fontSize:"xs",letterSpacing:"[0.5px]",color:"[#3d875a]",fontWeight:"bold",marginBottom:"1"}),af=(0,f.AH)({display:"flex",alignItems:"center",justifyContent:"space-between",border:"[1.5px solid #3d875a]",background:"[#e9f2ec]",borderRadius:"md",paddingBlock:"[9px]",paddingInline:"3"}),ag=(0,f.AH)({display:"flex",alignItems:"center",gap:"2",fontSize:"[0.78125rem]",fontWeight:"bold",color:"[#2f6b47]"}),ab=(0,f.AH)({color:"[#2f6b47]",fontWeight:"bold",fontSize:"sm"}),ay=(0,f.AH)({position:"absolute",top:"[11px]",right:"[11px]",width:"[190px]",zIndex:"[5]",opacity:"0",transition:"[opacity 500ms ease]",'&[data-scene="on"]':{opacity:"1"},'&[data-scene="dim"]':{opacity:"[0.45]"},'[data-enter="settled"] &':{transition:"[none]"}}),aA=(0,f.AH)({background:"[#fff]",border:"[1px solid #e3d9c6]",borderRadius:"[10px]",boxShadow:"[0 8px 26px rgba(10,50,53,0.16)]",padding:"2",display:"flex",flexDirection:"column",gap:"[6px]"}),aj=(0,f.AH)({display:"flex",alignItems:"center",gap:"[7px]",fontSize:"xs",color:"[#6b6353]",border:"[1.5px solid #eef1f3]",borderRadius:"[6px]",paddingBlock:"[7px]",paddingInline:"[9px]"}),av=(0,f.AH)({position:"absolute",inset:"0",display:"flex",alignItems:"center",justifyContent:"space-between",border:"[1.5px solid #3d875a]",background:"[#e9f2ec]",borderRadius:"[6px]",paddingBlock:"[7px]",paddingInline:"[9px]",opacity:"0",transition:"[opacity 550ms ease 900ms]",'&[data-scene="sel"]':{o
1pacity:"1"},'[data-enter="settled"] &':{transition:"[none]"}}),aN=(0,f.AH)({display:"flex",alignItems:"center",gap:"[7px]",fontSize:"xs",fontWeight:"bold",color:"[#2f6b47]"}),aH=(0,f.AH)({color:"[#2f6b47]",fontWeight:"bold",fontSize:"sm"}),aw=e=>{let{ref:a,className:t,dwellMs:n=3e3}=e,{state:r,focus:o,flyRefs:d}=u(),{enhanced:c,mobile:p,enter:m,booted:x,isPlaying:h,reduced:f}=r;return(0,s.jsxs)("div",{ref:a,role:"group","aria-label":"TutorMoments â an interactive walkthrough of Ai2's tutoring benchmark approach. Use the playback controls to step through each stage; a live text description accompanies each one.","data-enhanced":c?"true":"false","data-mobile":p?"true":"false","data-step":r.step,"data-focus":o,"data-enter":m,"data-boot":c&&!x?"pre":"on","data-panels":p?"instant":"fade","data-autoplay":f?"off":h?"running":"paused",style:{"--tsim-dwell":"".concat(n,"ms"),"--tsim-step":"".concat(l[r.step],"ms"),"--tsim-wait":"".concat(("animate"===m?l[r.step]:0)+n,"ms")},className:(0,g.cx)(ak,aS,t),children:[(0,s.jsxs)("div",{className:aI,children:[(0,s.jsx)("span",{className:aT,children:"Ai2"}),(0,s.jsxs)("span",{className:(0,g.cx)(b,aE),children:[(0,s.jsx)("span",{className:aR,children:"TutorMoments"}),(0,s.jsx)("span",{className:aM,children:" \xb7 "}),(0,s.jsx)("span",{className:az,children:"overview of our approach"})]})]}),(0,s.jsx)("span",{"aria-live":"polite","aria-atomic":"true",className:aB,children:i[r.step].caption}),(0,s.jsx)("div",{className:aC,role:"group","aria-label":"Session transcript",children:(0,s.jsx)(eL,{})}),(0,s.jsx)("div",{className:aW,role:"group","aria-label":"Analysis for the current step",children:(0,s.jsx)(L,{})}),(0,s.jsx)("div",{className:aO,children:(0,s.jsx)(A,{})}),(0,s.jsxs)("div",{ref:d.fly,className:aP,"aria-hidden":"true",children:[(0,s.jsx)("span",{className:aL}),"Scaffolding executed\xa0â"]})]})},aS=(0,f.AH)({"--tsim-stage":{base:"[605px]","@/md":"[577px]"},"--tsim-transcript-col":"[520px]","--tsim-transcript-frac":"[44%]","--tsim-col-gap":"[28px]"}),ak=(0,f.AH)({position:"relative","& :where(h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, hr, pre)":{marginInline:"0"},"& :where(h1, h2, h3, h4, h5, h6)":{maxWidth:"[none]"},display:"grid",gridTemplateAreas:{base:'"header" "transcript" "story" "controls"',"@/md":'"header header" "transcript story" "controls controls"'},gridTemplateColumns:{base:"[minmax(0,1fr)]","@/md":"[min(var(--tsim-transcript-frac), var(--tsim-transcript-col)) minmax(0, 1fr)]"},gridTemplateRows:{"@/md":"[auto var(--tsim-stage) auto]"},columnGap:{"@/md":"[var(--tsim-col-gap)]"},rowGap:{base:"4","@/md":"0"},width:"100%",maxWidth:"wideContentSize",marginInline:"auto",boxSizing:"border-box",background:"background",color:"text",fontFamily:"manrope"}),aI=(0,f.AH)({gridArea:"header",display:"flex",alignItems:"center",gap:"[11px]",marginBottom:{base:"0","@/md":"4"}}),aT=(0,f.AH)({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"[30px]",height:"[30px]",border:"[2.5px solid #F0529C]",borderRadius:"[6px]",color:"[#c1397c]",fontWeight:"bold",fontSize:"sm",letterSpacing:"[-0.5px]",flex:"none"}),aE=(0,f.AH)({fontSize:"xs",letterSpacing:"[2px]",color:"[#6b6353]",textTransform:"uppercase"}),aR=(0,f.AH)({display:{base:"block","@/sm":"inline"}}),aM=(0,f.AH)({display:{base:"none","@/sm":"inline"}}),az=(0,f.AH)({display:{base:"block","@/sm":"inline"}}),aB=(0,f.AH)({position:"absolute",width:"[1px]",height:"[1px]",padding:"0",margin:"[-1px]",overflow:"hidden",clip:"[rect(0, 0, 0, 0)]",whiteSpace:"nowrap",border:"[0]"}),aC=(0,f.AH)({gridArea:"transcript",minHeight:"0",height:{base:"[var(--tsim-stage)]","@/md":"auto"},overflowY:{base:"hidden","@/md":"visible"},display:"block","& > *":{height:"[100%]",minHeight:"0"},'[data-focus="pane"] &':{display:{base:"none","@/md":"block"}}}),aW=(0,f.AH)({gridArea:"story",position:"relative",display:"block",height:{base:"[var(--tsim-stage)]","@/md":"auto"},overflowX:"hidden",overflowY:{base:"hidden","@/md":"visible"},'[data-focus="transcript"] &':{display:{base:"none","@/md":"block"}}}),aO=(0,f.AH)({gridArea:"controls"}),aP=(0,f.AH)({position:"absolute",left:"0",top:"0",zIndex:"[60]",pointerEvents:"none",opacity:"0",transformOrigin:"[left center]",display:"flex",alignItems:"center",gap:"[6px]",background:"[#e9f2ec]",border:"[1.5px solid #3d875a]",borderRadius:"md",paddingBlock:"[6px]",paddingInline:"[9px]",boxShadow:"[0 8px 22px rgba(10,50,53,0.20)]",fontSize:"xs",fontWeight:"bold",color:"[#2f6b47]",whiteSpace:"nowrap",'[data-fly="run"] &':{animation:"[tutorMomentsFly 800ms cubic-bezier(0.33,1,0.68,1) forwards]"}}),aL=(0,f.AH)({width:"[8px]",height:"[8px]",borderRadius:"full",background:"[#3d875a]",flex:"none"}),aF=e=>{let{autoPlay:a=!0,loop:t=!1,dwellSecs:c=3,className:p}=e,m=(0,n.useRef)(null),u=(0,n.useRef)(null),f=(0,n.useRef)(null),g=(0,n.useRef)(null),b=(0,n.useMemo)(()=>({fly:u,verdict:f,bar:g}),[]),[y,A]=(0,n.useReducer)(x,d),j=Math.max(500,1e3*(c||3)),v=function(){let[e,a]=(0,n.use
1State)(null);return(0,n.useLayoutEffect)(()=>{let e=window.matchMedia("(min-width: 56.25rem)"),t=()=>{a(!e.matches)};return t(),e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[]),e}();(0,n.useLayoutEffect)(()=>{if(null===v||y.enhanced)return;let e=window.matchMedia("(prefers-reduced-motion: reduce)").matches,s=!!a&&!e&&!window.matchMedia("(pointer: coarse)").matches;A({type:"BOOT",config:{mobile:v,reduced:e,loop:t,autoplayAllowed:s}})},[v,y.enhanced,a,t]),(0,n.useEffect)(()=>{null!==v&&y.enhanced&&A({type:"SET_MOBILE",mobile:v})},[v,y.enhanced]),(0,n.useEffect)(()=>{if(!y.enhanced||y.reduced||y.booted)return;let e=requestAnimationFrame(()=>{A({type:"MARK_BOOTED"})});return()=>{cancelAnimationFrame(e)}},[y.enhanced,y.reduced,y.booted]),(0,n.useEffect)(()=>{if(!y.rewind)return;let e=requestAnimationFrame(()=>{A({type:"SWEEP_GO"})});return()=>{cancelAnimationFrame(e)}},[y.rewind,y.sweepId]),(0,n.useLayoutEffect)(()=>{let e=m.current;if(!e)return;if(!(!y.mobile&&!y.reduced&&6===y.step&&"animate"===y.enter))return void e.setAttribute("data-fly","idle");let a=u.current,t=f.current,s=g.current;if(!a||!t||!s)return;let n=e.getBoundingClientRect(),i=t.getBoundingClientRect(),r=s.getBoundingClientRect();if(0===i.width&&0===i.height)return void e.setAttribute("data-fly","idle");a.style.setProperty("--fly-x0","".concat(i.left-n.left,"px")),a.style.setProperty("--fly-y0","".concat(i.top-n.top,"px")),a.style.setProperty("--fly-x1","".concat(r.left-n.left,"px")),a.style.setProperty("--fly-y1","".concat(r.top-n.top-9,"px")),e.setAttribute("data-fly","idle");let l=requestAnimationFrame(()=>{e.setAttribute("data-fly","run")});return()=>{cancelAnimationFrame(l)}},[y.step,y.enter,y.mobile,y.reduced,y.sweepId]),(0,n.useEffect)(()=>{let e=m.current;if(!e||!y.enhanced)return;let a=!1,t=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting&&e.intersectionRatio>=.5)?y.autoplayAllowed&&!a&&(a=!0,A({type:"PLAY"})):A({type:"PAUSE"})},{threshold:.5});return t.observe(e),()=>{t.disconnect()}},[y.enhanced,y.autoplayAllowed]),(0,n.useEffect)(()=>{if(!y.isPlaying||y.reduced)return;let e=setTimeout(()=>{A({type:y.mobile?"ADVANCE_BEAT":"ADVANCE"})},("animate"===y.enter?l[y.step]:0)+j);return()=>{clearTimeout(e)}},[y.isPlaying,y.reduced,y.mobile,y.step,y.beatIndex,y.enter,y.sweepId,j]);let N=(0,n.useMemo)(()=>(function(e,a,t){return{state:e,dispatch:a,scene:o(e.step),focus:e.mobile?r[e.beatIndex].focus:i[e.step].focus,activePanel:i[e.step].panel,flyRefs:t}})(y,A,b),[y,b]);return(0,s.jsx)(h.Provider,{value:N,children:(0,s.jsx)("div",{className:"section",children:(0,s.jsx)(aw,{ref:m,className:p,dwellMs:j})})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.