https://flo101.com/assets/ScenariosListPage-DOzQV4kB.js

1import{j as e}from"./editor-BdwJl8hN.js";import{b as u,L as ke,u as Fe,f as Le,h as De}from"./react-DJ6QNZB0.js";import{u as I,ad as ne,bI as We,Y as ye,C as K,L as J,aD as Ie,F as we,d4 as Pe,d5 as Oe,av as Ne,c8 as ae,az as ve,w as xe,aE as Be,a as Ge,bG as Ue,a6 as U,A as qe,x as He,aA as Ve,aH as me,aG as q,aC as Ye,ag as Ke,G as Je,t as Xe,aj as H}from"./index-Bs2u5rvJ.js";import{s as Qe,S as te,t as V,a as Ze,c as et,b as ue}from"./scenarios-analytics-CZbUr74M.js";import{I as _e}from"./ItemKebabMenu-Ba1HTvPC.js";import{u as tt}from"./useDocumentTitle-V_0hvFzn.js";import{l as st}from"./safe-next-path-BL8IPMnQ.js";import{p as he}from"./pattern-cover-rtlRh6Wd.js";import{L as at,a as rt}from"./LibraryCoverCard-bJNs5fVg.js";import nt from"./git-branch-CtVAtkiB.js";import it from"./pencil-line-nl9IQ5k4.js";import"./supabase-eAnTY_9t.js";import"./pencil-C9gRekvd.js";const Ce="group relative block w-full overflow-hidden rounded-[24px] border text-start transition hover:brightness-[1.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#baabff]/60 disabled:cursor-not-allowed disabled:opacity-60 dark:hover:brightness-110";function Se({id:t,w:s,h:r,from:n,to:c}){return e.jsxs(e.Fragment,{children:[e.jsxs("linearGradient",{id:`${t}-fade`,x1:"0",y1:"0",x2:"0",y2:r,gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{offset:n,stopColor:"#fff"}),e.jsx("stop",{offset:c,stopColor:"#fff",stopOpacity:"0"})]}),e.jsx("mask",{id:`${t}-mask`,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:s,height:r,children:e.jsx("rect",{width:s,height:r,fill:`url(#${t}-fade)`})})]})}function $e({x:t,y:s,r,children:n}){return e.jsxs("g",{children:[e.jsx("circle",{cx:t,cy:s,r:r-1,strokeWidth:2,className:"fill-white stroke-[#c9a432] dark:fill-[#0d1018] dark:stroke-[#d6c250]"}),e.jsx("g",{className:"stroke-[#3d3320] dark:stroke-[#eae5cd]",children:n})]})}const fe=34,ct=[2,6,8,9,11,12],re=(t,s)=>({x:11+fe*(t-1),y:-13+fe*s}),ot=[...ct.map(t=>re(t,0)),...[1,2,3,4].flatMap(t=>Array.from({length:12},(s,r)=>re(r+1,t)))],ze=[[4,1],[7,1],[10,1],[2,2],[4,3],[10,3],[7,4]].map(([t,s])=>re(t,s)),$={x:195,y:69.75,r:24},pe=ze.map(({x:t,y:s})=>{const r=t+15-$.x,n=s+15-$.y,c=Math.hypot(r,n),d=$.r/c,j=1-15/Math.max(Math.abs(r),Math.abs(n));return{x1:$.x+r*d,y1:$.y+n*d,x2:$.x+r*j,y2:$.y+n*j}});function lt(){const t=u.useId();return e.jsxs("svg",{viewBox:"0 0 408 197",className:"absolute inset-0 h-full w-full",fill:"none","aria-hidden":!0,children:[e.jsxs("defs",{children:[e.jsx(Se,{id:t,w:408,h:197,from:.38,to:.76}),pe.map((s,r)=>e.jsxs("linearGradient",{id:`${t}-ray${r}`,gradientUnits:"userSpaceOnUse",x1:s.x1,y1:s.y1,x2:s.x2,y2:s.y2,className:"text-[#b08a1c] dark:text-[#d6c250]",children:[e.jsx("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0.85"}),e.jsx("stop",{offset:"1",stopColor:"currentColor",className:"[stop-opacity:0.3] dark:[stop-opacity:0.14]"})]},r))]}),e.jsxs("g",{mask:`url(#${t}-mask)`,children:[ot.map(({x:s,y:r})=>e.jsx("rect",{x:s,y:r,width:30,height:30,className:"fill-[#0b1f3a]/[0.035] dark:fill-white/[0.02]"},`${s}:${r}`)),ze.map(({x:s,y:r})=>e.jsx("rect",{x:s+.5,y:r+.5,width:29,height:29,rx:4,strokeWidth:1,className:"fill-white stroke-[#0b1f3a]/[0.12] dark:fill-white/[0.11] dark:stroke-white/[0.04]"},`${s}:${r}`))]}),pe.map((s,r)=>e.jsx("line",{...s,stroke:`url(#${t}-ray${r})`,strokeWidth:2,strokeDasharray:"6 2.25"},r)),e.jsx($e,{x:$.x,y:$.y,r:$.r,children:e.jsx("path",{d:"M186.25 69.75h17.5M195 61v17.5",strokeWidth:4,strokeLinecap:"round"})})]})}const dt="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",xt=Array.from({length:8},(t,s)=>Array.from({length:19},(r,n)=>({x:22.5+21.68*n,y:19.5+21.6*s}))).flat();function mt(){const{t}=I(),s=u.useId(),r=We()==="rtl",n=(c,d=0)=>r?408-c-d:c;return e.jsxs("svg",{viewBox:"0 0 408 197",className:"absolute inset-0 h-full w-full",fill:"none","aria-hidden":!0,children:[e.jsx("defs",{children:e.jsx(Se,{id:s,w:408,h:197,from:.4,to:.76})}),e.jsx("g",{mask:`url(#${s}-mask)`,className:"fill-[#0e2b2b]/[0.2] dark:fill-white/[0.16]",children:xt.map(({x:c,y:d})=>e.jsx("circle",{cx:c,cy:d,r:1.15},`${c}:${d}`))}),e.jsx("rect",{x:n(35,420),y:37.25,width:420,height:56.25,rx:13,strokeWidth:1,className:"fill-white stroke-[#0e2b2b]/[0.12] dark:fill-[#0d0f12] dark:stroke-white/[0.07]"}),e.jsx("path",{d:dt,transform:`translate(${r?408-47.75:47.75} 53.25) scale(${r?-1:1} 1)`,strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round",className:"stroke-[#17191b] dark:stroke-white"}),e.jsx("rect",{x:n(77,2),y:51,width:2,height:28.5,rx:1,className:"fill-[#b8962e] dark:fill-[#c5b45d]"}),e.jsx("text",{x:n(86.5),y:73.5,direction:r?"rtl":"ltr",textAnchor:"start",className:"fill-ink text-[24px] dark:fill-white",children:t("Describe")})]})}function Me({label:t,tone:s,onClick:r,disabled:n,children:c}){return e.jsxs("button",{type:"button",onClick:r,disabled:n,className:`${Ce} aspect-[408/197] [container-type:inline-size] ${s}`,children:[c,e.jsxs("span",{className:"absolute inset-x-0 bottom-0 flex items-center justify-between gap-[3cqw] pb-[4.4cqw] pe-[5.4cqw] ps-[5.9cqw]",children:[e.jsx("span",{className:"min-w-0 text-[5.9cqw] leading-[1.25] text-ink dark:text-white",children:t}),e.jsx(ne,{"aria-hidden":!0,strokeWidth:1.75,className:"size-[5.4cqw] shrink-0 text-ink transition group-hover:translate-x-[0.6cqw] dark:text-white rtl:rotate-180 rtl:group-hover:-translate-x-[0.6cqw]"})]})]})}function ut(t){const{t:s}=I();return e.jsx(Me,{...t,label:s("Case study"),tone:"border-[#1d4f86]/[0.12] bg-[linear-gradient(180deg,#f5f7fa_0%,#f5f7fa_34%,#e7eff8_58%,#d9e7f5_80%,#dde9f5_100%)] dark:border-white/[0.06] dark:bg-[linear-gradient(180deg,#07090b_0%,#07090b_36%,#071a2a_57%,#06263f_70%,#052b48_80%,#062945_90%,#06233a_100%)]",children:e.jsx(lt,{})})}function ht(t){const{t:s}=I();return e.jsx(Me,{...t,label:s("Your own situation"),tone:"border-[#1f6f6a]/[0.12] bg-[linear-gradient(180deg,#f5f7f7_0%,#f5f7f7_32%,#e4f1ef_58%,#d6ebe8_80%,#dbedea_100%)] dark:border-white/[0.06] dark:bg-[linear-gradient(180deg,#07090b_0%,#07090b_34%,#081618_49%,#0b272b_61%,#0d353b_73%,#0d393e_81%,#0c2f34_100%)]",children:e.jsx(mt,{})})}const ft={w:440,h:210,start:[52,105],startR:22,decisions:{a:[158,62],b:[158,146],c:[262,36],d:[262,98],e:[262,156]},endings:{e1:[372,34],e2:[372,88],e3:[372,134],e4:[372,176]},edges:[["s","a"],["s","b"],["a","c"],["a","d"],["b","e"],["c","e1"],["d","e2"],["d","e3"],["e","e4"]],route:["s","a","d","e2"]},pt={w:360,h:136,start:[66,70],startR:20,decisions:{a:[166,42],b:[166,100]},endings:{e1:[272,26],e2:[272,70],e3:[272,114]},edges:[["s","a"],["s","b"],["a","e1"],["a","e2"],["b","e3"]],route:["s","a","e2"]},A=14,T=17,gt="M-10 0H-3M-3 0C1 0 1.5-7 5.5-7M-3 0C1 0 1.5 7 5.5 7",bt=["M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978","M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978","M18 9h1.5a1 1 0 0 0 0-5H18","M4 22h16","M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z","M6 9H4.5a1 1 0 0 1 0-5H6"];function ge({layout:t,className:s}){const r=u.useId(),{w:n,h:c,start:d,startR:j,decisions:k,endings:N,edges:f,route:v}=t,D=v[v.length-1],E=i=>i==="s"?d:k[i]??N[i],R=i=>i==="s"?j:i in N?T:A,_=(i,o)=>{const h=v.indexOf(i);return h>=0&&v[h+1]===o},w=(i,o)=>{const[h,b]=E(i),[z,y]=E(o),L=h+R(i),M=z-R(o),p=(L+M)/2;return`M${L} ${b}C${p} ${b} ${p} ${y} ${M} ${y}`},[F,m]=N[D];return e.jsxs("svg",{viewBox:`0 0 ${n} ${c}

1`,className:s,fill:"none","aria-hidden":!0,children:[e.jsxs("defs",{children:[e.jsxs("radialGradient",{id:`${r}-glow`,className:"text-[#d9a93a] dark:text-[#e8c07a]",children:[e.jsx("stop",{offset:"0",stopColor:"currentColor",stopOpacity:"0.32"}),e.jsx("stop",{offset:"1",stopColor:"currentColor",stopOpacity:"0"})]}),e.jsx("filter",{id:`${r}-blur`,x:"-20%",y:"-20%",width:"140%",height:"140%",children:e.jsx("feGaussianBlur",{stdDeviation:"2.5"})})]}),e.jsx("circle",{cx:F,cy:m,r:52,fill:`url(#${r}-glow)`}),e.jsx("g",{strokeWidth:1.5,strokeDasharray:"3 5",strokeLinecap:"round",className:"stroke-[#3a2748]/25 dark:stroke-white/[0.18]",children:f.filter(([i,o])=>!_(i,o)).map(([i,o])=>e.jsx("path",{d:w(i,o)},`${i}${o}`))}),e.jsxs("g",{className:"stroke-[#b08a1c] dark:stroke-[#d6c250]",children:[e.jsx("g",{strokeWidth:5,opacity:.22,filter:`url(#${r}-blur)`,children:f.filter(([i,o])=>_(i,o)).map(([i,o])=>e.jsx("path",{d:w(i,o)},`${i}${o}`))}),e.jsx("g",{strokeWidth:2,strokeDasharray:"6 2.25",opacity:.9,children:f.filter(([i,o])=>_(i,o)).map(([i,o])=>e.jsx("path",{d:w(i,o)},`${i}${o}`))})]}),Object.entries(k).map(([i,[o,h]])=>v.includes(i)?e.jsxs("g",{children:[e.jsx("rect",{x:o-A,y:h-A,width:A*2,height:A*2,rx:7,strokeWidth:1.5,className:"fill-white stroke-[#c9a432] dark:fill-[#1b1822] dark:stroke-[#d6c250]/80"}),e.jsx("circle",{cx:o,cy:h,r:3,className:"fill-[#c9a432] dark:fill-[#d6c250]"})]},i):e.jsx("rect",{x:o-A+.5,y:h-A+.5,width:A*2-1,height:A*2-1,rx:7,strokeWidth:1,className:"fill-white/70 stroke-[#3a2748]/[0.16] dark:fill-white/[0.06] dark:stroke-white/[0.12]"},i)),Object.entries(N).map(([i,[o,h]])=>i===D?e.jsxs("g",{children:[e.jsx("rect",{x:o-T,y:h-T,width:T*2,height:T*2,rx:9,className:"fill-[#ecc66f] dark:fill-[#e8c07a]"}),e.jsx("g",{transform:`translate(${o-9} ${h-9}) scale(0.75)`,stroke:"#3a230f",strokeWidth:2.2,strokeLinecap:"round",strokeLinejoin:"round",children:bt.map(b=>e.jsx("path",{d:b},b))})]},i):e.jsxs("g",{children:[e.jsx("rect",{x:o-T+.5,y:h-T+.5,width:T*2-1,height:T*2-1,rx:9,strokeWidth:1,className:"fill-white/70 stroke-[#3a2748]/[0.16] dark:fill-white/[0.06] dark:stroke-white/[0.12]"}),e.jsx("text",{x:o,y:h+5.5,textAnchor:"middle",className:"fill-[#3a2748]/45 text-[15px] font-semibold dark:fill-white/40",children:"?"})]},i)),e.jsx($e,{x:d[0],y:d[1],r:j,children:e.jsxs("g",{transform:`translate(${d[0]} ${d[1]}) scale(${j/24})`,children:[e.jsx("path",{d:gt,strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("circle",{cx:8.5,cy:-7,r:2.6,strokeWidth:0,className:"fill-[#3d3320] dark:fill-[#eae5cd]"}),e.jsx("circle",{cx:8.5,cy:7,r:2.6,strokeWidth:0,className:"fill-[#3d3320] dark:fill-[#eae5cd]"})]})})]})}function jt(t){const{t:s}=I();return e.jsxs("button",{type:"button",onClick:t.onClick,disabled:t.disabled,"aria-label":s("Make the Call - branching adventure"),className:`${Ce} [container-type:inline-size] border-[#56265c]/[0.12] bg-[linear-gradient(180deg,#f7f6f9_0%,#f7f6f9_30%,#f0e9f5_55%,#e8ddf0_80%,#ebe0f2_100%)] dark:border-white/[0.06] dark:bg-[linear-gradient(180deg,#07090b_0%,#07090b_30%,#130c1a_48%,#221230_66%,#2c173b_82%,#26132f_100%)]`,children:[e.jsx("span",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{backgroundImage:"radial-gradient(rgb(var(--color-ink) / 0.16) 1.15px, transparent 1.6px)",backgroundSize:"21.68px 21.6px",backgroundPosition:"11px 9px",maskImage:"linear-gradient(180deg, #000 0%, #000 34%, transparent 74%)",WebkitMaskImage:"linear-gradient(180deg, #000 0%, #000 34%, transparent 74%)"}}),e.jsxs("span",{className:"relative flex flex-col [@container(min-width:720px)]:block [@container(min-width:720px)]:h-[210px]",children:[e.jsx(ge,{layout:pt,className:"h-[136px] w-full rtl:-scale-x-100 [@container(min-width:720px)]:hidden"}),e.jsx(ge,{layout:ft,className:"absolute inset-y-0 end-3 hidden h-full w-[440px] rtl:-scale-x-100 [@container(min-width:720px)]:block"}),e.jsxs("span",{className:"relative flex flex-col gap-1.5 px-5 pb-5 [@container(min-width:720px)]:absolute [@container(min-width:720px)]:bottom-0 [@container(min-width:720px)]:start-0 [@container(min-width:720px)]:max-w-[430px] [@container(min-width:720px)]:gap-2 [@container(min-width:720px)]:px-6 [@container(min-width:720px)]:pb-6",children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[22px] leading-[1.25] text-ink dark:text-white [@container(min-width:720px)]:text-[24px]",children:[s("Make the Call"),e.jsx(ne,{"aria-hidden":!0,strokeWidth:1.75,className:"size-[22px] shrink-0 transition group-hover:translate-x-1 rtl:rotate-180 rtl:group-hover:-translate-x-1"})]}),e.jsx("span",{className:"text-[14px] leading-[1.5] text-ink/60 dark:text-white/60 [@container(min-width:720px)]:text-[15px]",children:s("A branching mission - every decision changes the story. Manage your resources, reach one of several endings, replay to find them all.")})]})]})]})}function kt(t,s){const r=Date.now()-new Date(t).getTime(),n=Math.floor(r/6e4);if(n<1)return s("just now");if(n<60)return s("{{count}}m ago",{count:n});const c=Math.floor(n/60);if(c<24)return s("{{count}}h ago",{count:c}

1);const d=Math.floor(c/24);return d<30?s("{{count}}d ago",{count:d}):ve(t,{year:"numeric",month:"numeric",day:"numeric"})}function Ae(t){if(t.mode==="adventure"){const s=t.adventure_summary;return!!s&&!s.status&&s.has_active_run}return t.status==="active"}function yt(t){var s;return Ae(t)?t.mode==="adventure"?(((s=t.adventure_summary)==null?void 0:s.active_chapter)??0)>1:t.answered_count>0:!1}function be(t,s){if(t.mode==="adventure"){const n=t.adventure_summary;if((n==null?void 0:n.status)==="generating")return[s("Make the Call"),s("Designing your mission…")];if((n==null?void 0:n.status)==="failed")return[s("Make the Call"),s("Couldn't be built")];const c=[s("Make the Call"),s("{{found}} of {{total}} endings",{found:(n==null?void 0:n.endings_found)??0,total:(n==null?void 0:n.endings_total)??0})];return n!=null&&n.has_active_run&&n.active_chapter&&c.push(s("Chapter {{chapter}}",{chapter:n.active_chapter})),c}const r=t.mode==="chat"?s("Spoken"):s("Written");return t.status==="ended"?t.score!=null?[s("Case study"),`${t.score} ${s(Pe[Oe(t.score)])}`]:[s("Case study"),s("Not graded")]:t.answered_count<=0?[s("Case study"),r,s("Not started")]:t.mode==="form"?[s("Case study"),r,s("{{done}} of {{total}} decisions made",{done:t.answered_count,total:t.sub_question_count})]:[s("Case study"),r,s("In progress")]}function je({parts:t}){return e.jsx(e.Fragment,{children:t.map((s,r)=>e.jsxs("span",{children:[r>0&&" · ",e.jsx("bdi",{children:s})]},r))})}const wt="inline-flex h-12 items-center justify-center gap-2 rounded-full bg-ink px-6 text-[16px] font-semibold text-cream transition hover:bg-ink/90 disabled:cursor-not-allowed disabled:opacity-50";function Nt({mode:t,onModeChange:s,disabled:r}){const{t:n}=I();return e.jsx("div",{className:"flex shrink-0 items-center rounded-[51px] bg-ink/[0.05] p-1 backdrop-blur",children:[{key:"form",label:n("Write it out"),Icon:Ne},{key:"chat",label:n("Talk it out"),Icon:ae}].map(({key:c,label:d,Icon:j})=>{const k=t===c;return e.jsxs("button",{type:"button",onClick:()=>s(c),disabled:r,className:`flex items-center gap-1.5 rounded-[69px] px-3.5 py-1.5 text-[13px] font-medium transition disabled:opacity-40 ${k?"border border-ink/5 bg-[#56265c] text-white":"text-ink opacity-50 hover:opacity-80"}`,children:[e.jsx(j,{className:"size-3.5"}),d]},c)})})}function vt({scenarios:t,error:s,generating:r,genStepText:n,mode:c,onModeChange:d,describeOpen:j,situationText:k,onSituationTextChange:N,onOpenDescribe:f,onCloseDescribe:v,onGenerateFromRoadmaps:D,onGenerateCustom:E,adventureEnabled:R,onGenerateAdventure:_,onRename:w,onDelete:F}){const{t:m}=I(),i=k.trim().length<20,o=r&&!j,h=u.useMemo(()=>t??[],[t]),b=h.find(yt)??h.find(Ae)??null,z=6,[y,L]=u.useState(!1),M=y?h:h.slice(0,z);return ye(j||o),e.jsxs("main",{className:"min-h-screen w-full",children:[e.jsxs("div",{className:"mx-auto flex w-full max-w-[884px] flex-col gap-10 px-5 pb-16 pt-10 sm:px-8 lg:gap-11 lg:px-0 lg:pt-14",children:[e.jsxs("header",{className:"flex flex-col gap-2.5",children:[e.jsx("h1",{className:"font-mackinac text-[36px] leading-[1.1] text-ink lg:text-[44px]",children:m("Scenarios")}),e.jsx("p",{className:"max-w-[640px] text-[16px] leading-[1.6] text-muted lg:text-[17px]",children:m("Real situations to make calls in. Flo builds each one from your roadmaps and the gaps it has noticed, then grades every decision.")})]}),s&&e.jsx("p",{role:"alert",className:"rounded-xl border border-danger/30 px-4 py-2.5 text-[14px] text-danger",children:s}),b&&e.jsxs("section",{"aria-label":m("Pick up where you left off"),className:"flex flex-col gap-4 roun

1ded-[22px] border border-ink/[0.06] bg-surface p-5 sm:flex-row sm:items-center sm:gap-[22px] sm:px-6",children:[e.jsx("img",{src:he(b.id).url,alt:"",loading:"lazy",className:"hidden size-16 shrink-0 rounded-[16px] object-cover sm:block"}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[e.jsx("p",{className:"text-[12px] font-semibold uppercase tracking-[0.06em] text-accent-ink lg:text-[13px]",children:m("Pick up where you left off")}),e.jsx("p",{className:"truncate font-mackinac text-[21px] leading-tight text-ink lg:text-[22px]",children:b.title}),e.jsx("p",{className:"truncate text-[14px] text-muted",children:e.jsx(je,{parts:be(b,m)})})]}),e.jsx(ke,{to:`/scenarios/${b.id}`,state:{entry:"resume_card"},className:wt,children:m("Continue")})]}),e.jsxs("section",{"aria-labelledby":"scenarios-start",className:"flex flex-col gap-[18px]",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[e.jsx("h2",{id:"scenarios-start",className:"font-mackinac text-[24px] text-ink lg:text-[26px]",children:m("Start something new")}),e.jsx(Nt,{mode:c,onModeChange:d,disabled:r})]}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsx(ut,{onClick:D,disabled:r}),e.jsx(ht,{onClick:f,disabled:r})]}),R&&e.jsx(jt,{onClick:_,disabled:r})]}),e.jsxs("section",{"aria-labelledby":"scenarios-yours",className:"flex flex-col gap-[18px]",children:[e.jsxs("div",{className:"flex items-baseline justify-between gap-4",children:[e.jsx("h2",{id:"scenarios-yours",className:"font-mackinac text-[24px] text-ink lg:text-[26px]",children:m("Your scenarios")}),h.length>z&&e.jsx("button",{type:"button",onClick:()=>L(p=>!p),className:"text-[15px] text-accent-ink hover:underline",children:y?m("Show less"):m("View all {{count}}",{count:h.length})})]}),t?h.length===0?e.jsxs("div",{className:"flex flex-col items-center gap-2 rounded-[22px] border border-ink/[0.06] bg-surface px-6 py-10 text-center",children:[e.jsx("span",{className:"mb-1 grid size-12 place-items-center rounded-full bg-accent/10","aria-hidden":!0,children:e.jsx(K,{className:"size-6 text-accent-ink"})}),e.jsx("h3",{className:"font-mackinac text-[21px] text-ink",children:m("No scenarios yet")}),e.jsx("p",{className:"text-[15px] text-muted",children:m("Create one above - from your roadmaps, or describe a situation in your own words.")})]}):e.jsx("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:M.map(p=>{const C=he(p.id);return e.jsx(rt,{to:`/scenarios/${p.id}?entry=list_card`,cover:C.url,accent:C.accent,title:p.title,meta:e.jsxs(e.Fragment,{children:[e.jsx(je,{parts:be(p,m)})," · ",kt(p.started_at,m)]}),kebab:e.jsx(_e,{currentTitle:p.title,onRename:O=>w(p.id,O),onDelete:()=>F(p.id),itemLabel:m("scenario")})},p.id)})}):e.jsx("div",{className:"grid gap-4 sm:grid-cols-2 lg:grid-cols-3",children:Array.from({length:3}).map((p,C)=>e.jsx(at,{},C))})]})]}),j&&e.jsx("div",{className:"fixed inset-0 z-50 grid place-items-center bg-[rgba(23,23,23,0.88)] px-4 backdrop-blur-[2px]",onMouseDown:p=>{p.target===p.currentTarget&&!r&&v("scrim")},children:e.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":m("Describe a scenario"),className:"relative w-full max-w-[680px] overflow-hidden rounded-[28px] border border-ink/[0.06] bg-cream shadow-[0px_24px_80px_-20px_rgba(0,0,0,0.8)]",children:[e.jsx("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 opacity-[0.12]",style:{backgroundImage:"radial-gradient(rgb(var(--color-ink) / 0.9) 1px, transparent 1.4px)",backgroundSize:"31px 31px",maskImage:"linear-gradient(180deg, #000 0%, #000 30%, transparent 62%)",WebkitMaskImage:"linear-gradient(180deg, #000 0%, #000 30%, transparent 62%)"}}),e.jsxs("div",{className:"relative flex flex-col p-[34px]",children:[e.jsx("h3",{className:"text-center font-mackinac text-[24px] font-medium leading-none text-ink",children:m("Describe a scenario")}),e.jsxs("div",{className:"mt-7 rounded-[12px] border border-ink/[0.06] bg-surface px-[18px] pb-[14px] pt-[16px]",children:[e.jsx("textarea",{value:k,onChange:p=>N(p.target.value),onKeyDown:p=>{p.key==="Escape"&&!r&&v("escape")}

1,disabled:r,autoFocus:!0,rows:5,"aria-label":m("Describe a scenario"),placeholder:m("e.g. You're the lead engineer at a Series A startup. A major customer just escalated a production outage caused by a recent migration. You have 4 hours to triage, communicate, and decide on a rollback path."),className:"h-[132px] w-full resize-none bg-transparent text-[17px] leading-relaxed text-ink placeholder:text-ink/35 focus:outline-none disabled:opacity-60"}),e.jsx("div",{className:"flex items-center justify-end",children:e.jsxs("span",{className:"text-[13px] font-semibold text-ink/30",children:[k.length,"/2000"]})})]}),r&&e.jsxs("div",{className:"mt-4 flex items-center justify-center gap-2 text-sm text-accent-ink",children:[e.jsx(J,{className:"size-4 animate-spin","aria-hidden":!0}),n]}),e.jsxs("div",{className:"mt-8 flex gap-[18px]",children:[e.jsx("button",{type:"button",onClick:()=>v("back"),disabled:r,className:"h-[54px] flex-1 rounded-[39px] border border-ink text-[19px] font-semibold tracking-[-0.5px] text-ink transition hover:bg-ink/[0.08] disabled:opacity-40",children:m("Back")}),e.jsx("button",{type:"button",onClick:E,disabled:r||i,title:i?m("Describe the situation in at least 20 characters"):void 0,className:"flex h-[54px] flex-1 items-center justify-center gap-2 rounded-[39px] bg-ink text-[19px] font-semibold tracking-[-0.5px] text-cream transition hover:brightness-90 disabled:cursor-not-allowed disabled:bg-ink/25 disabled:text-cream/50",children:r?e.jsxs(e.Fragment,{children:[e.jsx(J,{className:"size-5 animate-spin","aria-hidden":!0}),m("Synthesizing…")]}):e.jsxs(e.Fragment,{children:[m("Create"),e.jsx(Ie,{className:"size-5 rtl:rotate-180",strokeWidth:2.4,"aria-hidden":!0})]})})]})]})]})}),o&&e.jsx("div",{className:"fixed inset-0 z-50 grid place-items-center bg-black/60 px-4 backdrop-blur-md",children:e.jsxs("div",{className:"flex w-full max-w-sm flex-col items-center gap-3 rounded-[20px] border border-ink/[0.15] bg-cream2 px-6 py-10 text-center shadow-2xl",children:[e.jsx(we,{size:48}),e.jsx("div",{className:"text-sm font-medium text-ink",children:n}),e.jsx("p",{className:"max-w-xs text-xs leading-relaxed text-ink/40",children:m("This usually takes a few seconds - hang tight, we'll drop you into the case study as soon as it's ready.")})]})})]})}const Y=typeof process<"u"&&"https://api.flo101.com"||"http://localhost:4000",se=[H("Analyzing your roadmaps…"),H("Selecting relevant topics…"),H("Synthesizing a cross-domain case study…"),H("Writing the sub-questions…")];function _t(t,s){const r=Date.now()-new Date(t).getTime(),n=Math.floor(r/6e4);if(n<1)return s("just now");if(n<60)return s("{{count}}m ago",{count:n});const c=Math.floor(n/60);if(c<24)return s("{{count}}h ago",{count:c});const d=Math.floor(c/24);return d<30?s("{{count}}d ago",{count:d}):ve(t,{year:"numeric",month:"numeric",day:"numeric"})}function It(){const{t}=I();tt(t("Scenarios · flo101"));const s=xe("redesign"),r=xe("scenario_adventure"),n=Fe();Be();const{user:c,loading:d,getAccessToken:j}=Ge(),[k,N]=u.useState(null),[f,v]=u.useState(!1),[D,E]=u.useState(0),[R,_]=u.useState(null),[w,F]=u.useState("form"),[m,i]=u.useState(!1),[o,h]=u.useState(!1),[b,z]=u.useState(""),[y,L]=Le(),M=u.useRef(!1),p=De(),[C]=u.useState(()=>{var a;return{entry:Qe(p),seeded:!!((a=new URLSearchParams(p.search).get("situation"))!=null&&a.trim())}}),O=u.useRef(null),P=u.useRef("card");u.useEffect(()=>{if(M.current)return;const a=y.get("situation");if(a&&a.trim()){M.current=!0,O.current=a.slice(0,2e3),P.current="seed",z(a.slice(0,2e3)),h(!0),i(!0);return}if(y.get("create")!=="roadmap"||d||!c)return;M.current=!0;const l=new URLSearchParams(y);l.delete("create");for(const x of te)l.delete(x);L(l,{replace:!0}),W()},[y,d,c]),u.useEffect(()=>{if(d||!c||y.get("create")==="roadmap")return;const a=M.current&&y.has("situation");if(!a&&!te.some(x=>y.has(x)))return;const l=new URLSearchParams(y);a&&l.delete("situation");for(const x of te)l.delete(x);L(l,{replace:!0})},[y,L,d,c]),u.useEffect(()=>{if(typeof window>"u")return;const a=window.localStorage.getItem("flo101.scenario_mode");(a==="form"||a==="chat")&&F(a)},[]),u.useEffect(()=>{typeof window>"u"||window.localStorage.setItem("flo101.scenario_mode",w)},[w]),u.useEffect(()=>{if(!f){E(0);return}E(0);const a=setInterval(()=>{E(l=>Math.min(l+1,se.length-1))},1800);return()=>clearInterval(a)},[f]),u.useEffect(()=>{!d&&!c&&n(st(),{replace:!0})},[d,c,n]);const[X,Te]=u.useState(!1),ie=u.useRef(!1),Q=Ue();u.useEffect(()=>{ie.current||k===null&&!X||(ie.current=!0,V("scenarios_list_viewed",Ze({rows:k,loadFailed:X,entry:C.entry,seeded:C.seeded,redesign:Q?s:void 0,adventureEnabled:Q?r:void 0})))},[k,X,C,s,r,Q]),ye(m),u.useEffect(()=>{if(!c)return;let a=!1;return(async()=>{try{const l=await j(),x=await fetch(`${Y}/api/scenarios`,{headers:l?{Authorization:`Bearer ${l}`}:{}});if(!x.ok)throw new Error((await U(x)).message);const g=await x.json();a||N(g.scenarios.filter(S=>!S.is_freeform))}catch(l){a||(_(l.message),Te(!0))}})(),()=>{a=!0}},[c,j]);async function ce(a,l){const x=k;N(g=>g&&g.map(S=>S.id===a?{...S,title:l}:S));try{const g=await j(),S=await fetch(`${Y}/api/scenarios/${a}`,{method:"PATCH",headers:{"Content-Type":"application/json",...g?{Authorization:`Bearer ${g}`}:{}},body:JSON.stringify({title:l})});if(!S.ok)throw new Error((await U(S)).message)}catch(g){N(x),_(g.message)}}async function oe(a){Xe("scenario_deleted",{scenario_id:a});const l=k;N(x=>x&&x.filter(g=>g.id!==a));try{const x=await j(),g=await fetch(`${Y}/api/scenarios/${a}`,{method:"DELETE",headers:x?{Authorization:`Bearer ${x}`}:{}});if(!g.ok)throw new Error((await U(g)).message)}catch(x){N(l),_(x.message)}}async function W(a){if(!f){if(a!=null&&a.situationText&&a.situationText.trim().length<20){_(t("Describe the situation in at least 20 characters."));return}{const l=P.current==="seed"?O.current:null,x=a!=null&&a.situationText?ue(l,a.situationText):null;V("scenario_generated",{mode:a!=null&&a.adventure?"adventure":w,source:a!=null&&a.situationText?"custom"

1:a!=null&&a.adventure?"adventure":"roadmaps",entry:C.entry,...x?{seeded:x.seeded,seed_edited:x.seed_edited}:{}})}v(!0),_(null);try{const l=await j(),x={mode:a!=null&&a.adventure?"adventure":w};a!=null&&a.situationText&&(x.situation_text=a.situationText.trim());const g=await fetch(`${Y}/api/scenarios/generate`,{method:"POST",headers:{"Content-Type":"application/json",...l?{Authorization:`Bearer ${l}`}:{}},body:JSON.stringify(x)});if(!g.ok){const Re=(await U(g)).message;throw new Error(g.status>=500?t("Flo couldn't build that scenario just now. Try again in a moment."):Re)}const S=await g.json();n(`/scenarios/${S.scenario_id}`,{state:{entry:"just_generated"}})}catch(l){_(l instanceof TypeError?t("Flo couldn't build that scenario just now. Try again in a moment."):l.message),v(!1)}}}function Ee(){h(!1),z(""),i(!0)}function Z(){f||i(!1)}const B=m&&o,ee=u.useRef("card"),le=u.useRef(!1);u.useEffect(()=>{const a=le.current;le.current=B,!(!B||a)&&(ee.current=et(P.current,C.entry),V("scenario_composer_opened",{entry:ee.current,seeded:P.current==="seed"}))},[B,C]);function de(){P.current="card",h(!0)}function G(a){if(f||!B)return;const l=P.current==="seed"?O.current:null;V("scenario_composer_dismissed",{entry:ee.current,dismiss_via:a,...ue(l,b)})}return d||!c?e.jsx(qe,{}):s?e.jsx(He,{children:e.jsx(vt,{scenarios:k,error:R,generating:f,genStepText:t(se[D]),mode:w,onModeChange:F,describeOpen:B,situationText:b,onSituationTextChange:a=>z(a.slice(0,2e3)),onOpenDescribe:()=>{de(),i(!0)},onCloseDescribe:a=>{G(a),Z()},onGenerateFromRoadmaps:()=>W(),onGenerateCustom:()=>W({situationText:b}),adventureEnabled:r,onGenerateAdventure:()=>W({adventure:!0}),onRename:ce,onDelete:oe})}):e.jsxs(Ve,{children:[e.jsx("main",{className:"min-h-screen w-full",children:e.jsxs("div",{className:"mx-auto max-w-3xl px-6 py-12",children:[e.jsxs("header",{className:"mb-8 text-center",children:[e.jsx("h1",{className:"font-display text-4xl tracking-tight",children:t("Scenarios")}),e.jsx("p",{className:"mt-2 text-sm text-muted leading-relaxed",children:t("Cross-domain case studies that integrate concepts across your roadmaps. Test what you've actually learned, not just what you recently saw.")})]}),R&&e.jsx("div",{className:"mb-4 rounded-lg border border-rose-300 dark:border-rose-800/60 bg-rose-50 dark:bg-rose-950/40 px-3 py-2 text-sm text-rose-800 dark:text-rose-200",children:R}),e.jsxs("div",{className:"grid grid-cols-1",children:[e.jsxs("div",{className:"rounded-2xl border border-line bg-cream2 p-5 flex flex-col",children:[e.jsx(K,{className:"size-5 text-accent mb-3"}),e.jsx("div",{className:"font-display text-lg text-ink",children:t("Case study")}),e.jsx("p",{className:"mt-1 text-xs text-muted leading-relaxed",children:t("Auto-synthesized from 2-3 of your roadmaps + recent weaknesses. Tests cross-roadmap integration.")}),e.jsxs("div",{className:"mt-4 grid grid-cols-2 gap-2",children:[e.jsx("button",{onClick:()=>F("form"),disabled:f,className:`text-start rounded-lg border p-2 transition ${w==="form"?"border-accent bg-accent/5":"border-line bg-cream hover:border-ink/30"}`,children:e.jsxs("div",{className:"flex items-center gap-1.5 text-ink font-medium text-xs",children:[e.jsx(Ne,{className:"size-3"})," ",t("Write it out")]})}),e.jsx("button",{onClick:()=>F("chat"),disabled:f,className:`text-start rounded-lg border p-2 transition ${w==="chat"?"border-accent bg-accent/5":"border-line bg-cream hover:border-ink/30"}`,children:e.jsxs("div",{className:"flex items-center gap-1.5 text-ink font-medium text-xs",children:[e.jsx(ae,{className:"size-3"})," ",t("Talk it out")]})})]}),e.jsx("div",{className:"mt-auto pt-4",children:e.jsx("button",{onClick:Ee,disabled:f,style:{backgroundColor:"rgb(var(--color-accent))",color:"#FFFFFF"},className:"w-full inline-flex items-center justify-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition hover:brightness-110 disabled:opacity-50",children:f?e.jsxs(e.Fragment,{children:[e.jsx(J,{className:"size-4 animate-spin"})," ",t("Synthesizing…")]}):e.jsxs(e.Fragment,{children:[e.jsx(me,{className:"size-4"})," ",t("Generate")]})})})]}),r&&e.jsxs("button",{onClick:()=>W({adventure:!0}),disabled:f,className:"mt-4 flex w-full items-center gap-3 rounded-2xl border border-accent/30 bg-accent/5 p-4 text-start transition hover:border-accent hover:bg-accent/10 disabled:opacity-50",children:[e.jsx("span",{className:"grid size-9 shrink-0 place-items-center rounded-lg bg-accent/15 text-accent",children:e.jsx(nt,{className:"size-5"})}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-sm font-medium text-ink",children:t("Make the Call - branching adventure")}),e.jsx("span",{className:"mt-0.5 block text-xs leading-relaxed text-muted",children:t("Every decision changes the story. Manage resources, reach one of several endings, replay to find them all.")})]})]})]}),e.jsxs("section",{className:"mt-12",children:[e.jsx("h2",{className:"font-display text-lg tracking-tight mb-4",children:t("Past scenarios")}),k?k.length===0?e.jsxs("div",{className:"rounded-2xl border border-line bg-cream2 p-10 text-center",children:[e.jsx("div",{className:"mx-auto mb-3 grid size-12 place-items-center rounded-full bg-accent/10",children:e.jsx(K,{className:"size-6 text-accent"})}),e.jsx("h3",{className:"font-display text-lg",children:t("No scenarios yet")}),e.jsx("p",{className:"mt-2 text-sm text-muted",children:t('Hit "Generate scenario" above to create your first one.')})]}):e.jsx("ul",{className:"space-y-2",children:k.map(a=>{const l=a.status==="ended";return e.jsxs("li",{className:"relative",children:[e.jsxs(ke,{to:`/scenarios/${a.id}`,state:{entry:"list_card"}

1,className:"group flex items-start justify-between gap-4 rounded-xl border border-line bg-cream2 px-4 py-3 pe-12 hover:border-ink/30 hover:bg-white dark:hover:bg-line transition",children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline gap-2 flex-wrap",children:[a.mode==="chat"?e.jsx(ae,{className:"size-4 text-accent shrink-0 self-center"}):e.jsx(K,{className:"size-4 text-accent shrink-0 self-center"}),e.jsx("span",{className:"text-sm font-medium text-ink",children:a.title}),e.jsx("span",{className:"inline-flex items-center rounded bg-cream text-muted px-1.5 py-0.5 text-[10px] font-medium border border-line",children:a.mode==="chat"?t("Spoken"):t("Written")}),a.source_titles.length===0&&e.jsx("span",{className:"inline-flex items-center rounded bg-accent/10 text-accent px-1.5 py-0.5 text-[10px] font-medium",children:t("Custom scenario")})]}),a.source_titles.length>0&&e.jsx("div",{className:"mt-1 flex flex-wrap items-center gap-1.5",children:a.source_titles.map((x,g)=>e.jsx("span",{className:"inline-flex items-center rounded bg-accent/10 text-accent px-1.5 py-0.5 text-[10px] font-medium",children:x},g))}),e.jsxs("div",{className:"mt-1.5 flex flex-wrap items-center gap-x-3 gap-y-0.5 text-[11px] text-muted",children:[e.jsx("span",{children:t("{{answered}} of {{total}} answered",{answered:a.answered_count,total:a.sub_question_count})}),e.jsx("span",{children:"·"}),e.jsx("span",{children:_t(a.started_at,t)}),!l&&a.answered_count>0&&e.jsxs(e.Fragment,{children:[e.jsx("span",{children:"·"}),e.jsx("span",{className:"text-emerald-700 dark:text-emerald-300 font-medium",children:t("In progress")})]})]})]}),l&&a.score!=null&&e.jsxs("div",{className:"font-mono text-sm text-ink shrink-0 inline-flex items-center gap-1",children:[e.jsx(Ye,{className:"size-3.5 text-emerald-700 dark:text-emerald-300"}),a.score,e.jsx("span",{className:"text-xs text-muted",children:"/100"})]}),e.jsx(ne,{className:"size-4 text-muted shrink-0 group-hover:translate-x-0.5 rtl:group-hover:-translate-x-0.5 transition self-center"})]}),e.jsx("div",{className:"absolute end-2 top-1/2 -translate-y-1/2",children:e.jsx(_e,{currentTitle:a.title,onRename:x=>ce(a.id,x),onDelete:()=>oe(a.id),itemLabel:t("scenario")})})]},a.id)})}):e.jsx("ul",{className:"space-y-2",children:Array.from({length:4}).map((a,l)=>e.jsxs("li",{className:"rounded-2xl border border-line bg-cream2 p-4 flex items-center gap-3",children:[e.jsx(q,{className:"size-10 rounded-lg shrink-0"}),e.jsxs("div",{className:"flex-1 space-y-2 min-w-0",children:[e.jsx(q,{className:"h-4 w-3/4"}),e.jsx(q,{className:"h-3 w-1/2"})]}),e.jsx(q,{className:"h-7 w-16 rounded-full shrink-0"})]},l))})]})]})}),m&&e.jsx("div",{className:"fixed inset-0 z-50 bg-black/40 backdrop-blur-sm grid place-items-center px-4 py-6",onClick:()=>{G("scrim"),Z()},children:e.jsxs("div",{className:"w-full max-w-lg rounded-2xl border border-line bg-cream shadow-2xl",onClick:a=>a.stopPropagation(),children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-line px-5 py-3",children:[e.jsx("div",{className:"font-display text-lg text-ink",children:t(o?"Describe a scenario":"Where should this come from?")}),e.jsx("button",{onClick:()=>{G("close"),Z()},disabled:f,className:"rounded-md p-1 text-muted hover:text-ink hover:bg-cream2 transition disabled:opacity-50",title:t("Close"),children:e.jsx(Ke,{className:"size-4"})})]}),!o&&f?e.jsxs("div",{className:"px-5 py-10 flex flex-col items-center justify-center text-center gap-3",children:[e.jsx(we,{size:44}),e.jsx("div",{className:"font-medium text-ink text-sm",children:t(se[D])}),e.jsx("p",{className:"text-xs text-muted leading-relaxed max-w-xs",children:t("This usually takes a few seconds - hang tight, we'll drop you into the case study as soon as it's ready.")})]}):o?e.jsxs("div",{className:"px-5 py-4 space-y-3",children:[e.jsx("label",{className:"block text-xs text-muted",children:t("The situation")}),e.jsx("textarea",{value:b,onChange:a=>z(a.target.value),disabled:f,rows:6,placeholder:t("e.g. You're the lead engineer at a Series A startup. A major customer just escalated a production outage caused by a re

1cent migration. You have 4 hours to triage, communicate, and decide on a rollback path."),className:"w-full bg-cream2 border border-line rounded-md px-3 py-2 text-[15px] text-ink leading-relaxed focus:outline-none focus:border-accent transition disabled:opacity-60 resize-y"}),e.jsx("div",{className:"flex items-center justify-between",children:e.jsx("span",{className:"text-[11px] text-muted",children:t("{{count}}/2000 chars · 20 minimum",{count:b.length})})}),e.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[e.jsx("button",{onClick:()=>{G("back"),h(!1)},disabled:f,className:"rounded-md border border-line bg-cream2 px-3 py-2 text-xs text-muted hover:text-ink transition disabled:opacity-50",children:t("Back")}),e.jsx("button",{onClick:()=>W({situationText:b}),disabled:f||b.trim().length<20,style:{backgroundColor:"rgb(var(--color-accent))",color:"#FFFFFF"},className:"ms-auto inline-flex items-center justify-center gap-1.5 rounded-md px-4 py-2 text-sm font-medium transition hover:brightness-110 disabled:opacity-50",children:f?e.jsxs(e.Fragment,{children:[e.jsx(J,{className:"size-4 animate-spin"})," ",t("Synthesizing…")]}):e.jsxs(e.Fragment,{children:[e.jsx(me,{className:"size-4"})," ",t("Generate")]})})]})]}):e.jsxs("div",{className:"px-5 py-4 space-y-3",children:[e.jsxs("button",{onClick:()=>W(),disabled:f,className:"w-full text-start rounded-xl border border-line bg-cream2 hover:border-accent hover:bg-accent/5 transition p-4 flex items-start gap-3 disabled:opacity-50",children:[e.jsx(Je,{className:"size-5 text-accent shrink-0 mt-0.5"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"font-medium text-ink text-sm",children:t("From your roadmaps")}),e.jsx("p",{className:"mt-0.5 text-xs text-muted leading-relaxed",children:t("We auto-pick 2-3 of your roadmaps + recent weaknesses and synthesize a cross-domain case study.")})]})]}),e.jsxs("button",{onClick:de,disabled:f,className:"w-full text-start rounded-xl border border-line bg-cream2 hover:border-accent hover:bg-accent/5 transition p-4 flex items-start gap-3 disabled:opacity-50",children:[e.jsx(it,{className:"size-5 text-accent shrink-0 mt-0.5"}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"font-medium text-ink text-sm",children:t("Describe a scenario")}),e.jsx("p",{className:"mt-0.5 text-xs text-muted leading-relaxed",children:t("Type a situation in your own words. Flo turns it into a gradeable case study with 3-5 sub-questions.")})]})]})]})]})})]})}export{It as default};